@charset "utf-8";
html{overflow-x:hidden;}
.logo{left:0; top:28px; transform:inherit;}
.logo strong{letter-spacing:-1px; font-size:27px; font-family: "NanumSquare"; font-weight:700;}
.logo span > span{font-family: "score"; font-size:12px; color: #555;}
@media all and (max-width:1540px) {
    .logo{left:20px;}
}
@media all and (max-width:1024px) {
    .logo{top:24px; left:50%; transform:translateX(-50%); width:100%;}
    .logo strong{font-size:24px;}
    .logo span > span{font-size:10px; letter-spacing: 0;}
}
@media all and (max-width:768px) {
    .logo strong{font-size:22px;}
}
@media all and (max-width:568px) {
    .logo {top:26px;}
    .logo strong{font-size:21px;}
}

.top_slogan{left:auto; right:14.8%; top:35px;}
.top_slogan img{width: auto;}

#top{z-index:101; height:53px;}
#top .global{width:auto;}
#top .global > li{width: auto;}
#top .global > li:after{content: ''; display: block; position: absolute; right:0; top:13px; width:1px; height:26px; background:rgba(221,221,221,0.2);}
#top .global > li > a{line-height:53px; padding:0 30px; font-family: "score"; font-weight: 300;}
#top .global li div{top:53px;}
#top .global .list1 ul{display: flex; flex-wrap: wrap;}

@media all and (max-width:1380px) {
    #top .global{width:100%;}
}
@media all and (max-width:1230px) {
    #top .global > li > a{padding:0 20px;}
}
@media all and (max-width:1024px) {
    #top{height:50px;}
    #top .inner{padding:0 15px;}
    #top .global{z-index:99; width:140px; left:15px;}
    #top .global > li{width: 100%;}
    #top .global > li:after{display: none;}
    #top .global > li > a{width:100%; line-height:35px; padding:0;}
    #top .global li div{top:-1px;}
}

#header{height:171px;}
#header .sns {position: absolute; top: 26px; right: 0; display:flex;}
#header .sns li {margin:0 0 0 9px;}
#header .sns li a {display:block; width:40px; height:40px; font-size: 0;background: url(/images/kr/common/ico_fb.png) no-repeat;}
#header .sns .insta a{background-image: url(/images/kr/common/ico_insta.png);}
#header .sns .yt a {background-image: url(/images/kr/common/ico_yt.png);}

@media all and (max-width:1540px) {
    #header .sns{right:20px;}
}
@media all and (max-width:1024px) {
    #header{height:90px;}
    #header .sns{z-index:101; top:-45px; right:15px;}
    #header .sns li{margin:0 0 0 5px;}
}

.btn_menu{z-index:100; top:129px; right:0; width:21px; padding:0;}
.btn_menu .bar{margin:4px 0; background:#536dcf;}
@media all and (max-width:1540px) {
    .btn_menu{right: 20px;}
}
@media all and (max-width:1024px) {
    .btn_menu{top:31px; right: auto; left:15px; height: 30px;}
    .btn_menu .bar{height:3px;}
}


/* 260630 정은정 수정
#menuArea{top:163px;}
#menuArea:before,
#menuArea .inner:before{top:60px;}
#menuArea .bar{top:56px;}
#menuArea .bar:after{display: none;}

#topmenu > li > a{line-height:60px; font-family: "NanumSquare"; font-size:21px;}
#topmenu li .menu,
#topmenu li.active .menu{top:60px;}
#topmenu .menu:before,
#topmenu li:first-child .menu:before{background:#eaf0f6 url(/images/kr/common/bg_menu_n.png) no-repeat 100% 100%; background-size:inherit}
 */

/* 메인메뉴 */
#menuArea{z-index:93;position:absolute;top: 163px;left:0;width:100%;background:#fff;border-top: 1px solid #eee;}
#menuArea.on{box-shadow:0 15px 15px rgba(0,0,0,0.15);}
#menuArea:before{z-index:97;content:'';display:none;position:absolute;top:60px;left:0;width:100%;height:2px;background: #516bca;}
#menuArea.on:before{display:block;}
#menuArea .bar{position:absolute;top: 57px;left:0;width:72px;height:8px;opacity:0;z-index:98;background:#536dcf;border-radius:8px;transition:0.3s;}
body.on .mask{z-index:92; visibility:visible; opacity:1; top:auto; bottom:0; height:calc(100% - 200px);}

#topmenu{float:left;width:100%;padding: 0 50px 0 0;box-sizing:border-box;}
#topmenu a[target="_blank"]:after{content:''; display:inline-block; vertical-align:middle; width:14px; height:14px; margin:-4px 0 0 6px; background:url(/images/common/ico_new.png) no-repeat 100% 0;}
#topmenu > li > a{display:block;line-height: 60px;font-family: 'NanumSquare';font-size:21px; color:#333;text-align:center;text-decoration:none;}

#topmenu > li:hover > a,
#topmenu > li > a:hover,
#topmenu > li > a:active,
#topmenu > li > a:focus,
#topmenu > li.current_on > a{color: #536dcf;}

#topmenu li .tit{position:absolute;top:0;left:0;width:22%;height:100%;padding: 65px 0 0 0;line-height:150%;text-align:left;border-right:1px solid #eee;box-sizing:border-box; color:#333;}
#topmenu li .tit h2{z-index:1;position:relative;display:inline-block;height:56px;line-height:110%;font-size:36px;font-weight: 900;font-family: "gmarket";color:#222;}
#topmenu li .tit h2:after{display: none;}
#topmenu li .tit p span{display:block;}

#topmenu li .menu{display:none;visibility:visible;opacity:1;z-index:96;position:absolute;left:0;top: 60px;width:100%;min-height:430px;padding:41px 0 12px 22%;transform:none;transition:none;box-sizing:border-box;box-shadow:none;background:none;}
#topmenu .menu:before{content:''; display:none; position:absolute; right:50%; top:0; width:100%; height:100%; margin:0 600px 0 0; border:none;}
#topmenu li:first-child .menu:before{display:none;}

#topmenu .menu > ul {float:left; width:100%; padding:0 0 0 1.24%; box-sizing:border-box; font-size:18px; font-weight:400;}
#topmenu .menu > ul > li{position:relative; float:left; width:25%; margin:0; padding:0 0 40px 3.59%; box-sizing:border-box;}
#topmenu li li a{position:relative;display:block;height:54px;line-height: 50px;padding:0 0 0 12.755%;color:#333;font-weight: 600;text-decoration: none;border:2px solid #eaeaea;border-radius:5px;box-sizing:border-box; text-align:left;}
#topmenu .menu > ul > li:hover > a,
#topmenu .menu > ul > li.current_on > a,
#topmenu .menu > ul > li > a:hover{color:#536dcf !important; border-color:#536dcf !important; background: none !important;}
#topmenu .menu > ul > li > a:before{content:''; display:block; position:absolute; top:50%; right:25px; width:18px; height:4px; margin:-2px 0 0 0; background:url(/images/common/ico_menu.png) no-repeat;}
#topmenu .menu > ul > li > a:hover:before,
#topmenu .menu > ul > li.current_on > a:before{height:18px; margin:-9px 0 0 0; background-position:0 100%;}

/* 3차 메뉴 */
#topmenu ul ul{position:relative;padding:16px 0 17px 20px;margin:10px 0 0 0;border-radius:5px;background: linear-gradient(90deg, #fcf8f4 0%, #f2eff9 100%);}
#topmenu ul ul li{float:none; width:100%; padding:0; box-sizing: border-box;}
#topmenu ul ul li a{position:relative; height:auto; line-height:110%; padding:6px 0 6px 15px; font-size:16px; border:none; font-weight:700; font-family:"Noto Sans KR";}
#topmenu ul ul li a:after{display:none;}
#topmenu ul ul li a[target="_blank"]:after{right:22px;}
#topmenu ul ul li a:before{content:''; position:absolute; top:12px; left:0; display:block; width:5px; height:5px; border-radius:2px; background:#536dcf;}
#topmenu ul ul li a:hover,
#topmenu ul ul li a:active,
#topmenu ul ul li a:focus,
#topmenu ul ul li.current_on a{color:#000; text-decoration:underline;}
@media all and (max-width:1280px) {
	#topmenu{padding: 0 50px 0 0;}
}

/* 검색*/
#search{position: absolute; top:27px; right:50%;transform: translateX(50%); width: 32.8%; box-shadow:0 0 20px rgba(121,128,157,0.2);}
#search::after {display: none;}
#search form{overflow: hidden; width:100%; height:56px; padding:0; border: 1px solid #8392e1;border-radius: 10px;background:#fff; box-sizing: border-box;}
#search label{display: none;}
#search input[type="text"]{width:100%;height: 54px; padding: 0 115px 0 20px; border-radius:7px;border-color:#fff; font-family: "score"; font-size: 14px; border:none;text-align:left;box-sizing:border-box; color:#333; background: #fff url(/images/kr/common/bg_sch.png) no-repeat right 80px top 50%;}
#search ::-webkit-input-placeholder{color:#666;}
#search :-ms-input-placeholder{color:#666;}
#search ::placeholder{color:#666;}

#search button{position:absolute;top:0;right:0px;width: 56px;height: 56px;padding:0;font-size:0;text-indent:-999px;border-radius: 0 10px 10px 0;background: #536dcf url(/images/kr/common/ico_sch.png) no-repeat 50% 50%;}
#search button:before,
#search button:after{display: none;}
@media all and (max-width:1024px) {
    #search{right:0; width:100%; transform: inherit; box-shadow:none;}   
    #search .btn_search{right:15px; top: 0;}
    #search form,
    #search input[type="text"],
    #search button{border-radius:0;}
    #search form,
    #search::before{top:61px}
    #search.on .btn_search:before{left:3px; bottom:8px; width:2px; border-width:2px;}
    #search.on .btn_search:after{height:2px; border-width:2px;}
}
@media all and (max-width:550px) {
    #search.on .btn_search:before{left:2px; bottom:11px;}
}

#font_control{font-size:13px; font-weight:500; font-family:"score";}
#font_control li a{height:53px; line-height:53px; border: none;}
#font_control li a:hover{border: none;}

#footer{position: relative; padding:0 0 50px; background:#f1f1f1; font-family: "score";}
#footer .link{width:100%; margin:0 auto; padding:22px 0; border-bottom: 1px solid #ddd;}
#footer .link li{padding:0 17px; line-height:140%;}
#footer .link li a{font-size:16px; font-weight:400;;}
#footer .link li + li:before{top:50%; width:5px; height:5px; margin:-3px 0 0 0; border-radius: 50%; background: #999;}

#footer > .inner{padding:30px 0 0 0;}
#footer .info{padding:0 20px 0 295px; font-size:15px; font-weight:300;}
#footer address{margin:0 0 10px;}
#footer .logo strong{font-weight: 900; color:#222;}
#footer .logo span > span{color:#555;}

.linksite{background:#333; border: none;}
.linksite > ul > li > a{position: relative; height:69px; line-height:69px; padding:0 0 0 30px; font-size:16px; color:#fff; font-weight: 300; font-family: "score"; border-right: 1px solid rgba(255,255,255,0.2); text-align: left;}
.linksite > ul > li:first-child > a{border-left:1px solid rgba(255,255,255,0.2);}
.linksite > ul > li:last-child > a{border-right:1px solid rgba(255,255,255,0.2);}
.linksite > ul > li > a:after{opacity:1; content:''; display:block; position:absolute; top:50%; left:auto; right:40px; width:12px; height:6px; margin:-3px 0 0 0; transform:rotate(0); background:url(/images/kr/common/ico_arrow_w.png) no-repeat; transition:0.25s ease-in-out; filter:none;}
.linksite > ul > li.on > a:after{transform:rotate(180deg);}

@media all and (max-width:1024px) {
    #footer .logo{position: static; transform:inherit;}
    #footer .info{padding:20px 15px 0; font-size:14px;}
    #footer .logo span > span{padding:0; text-align: center;}
    .linksite > ul > li > a{padding:0 0 0 20px; font-size:15px;}
    .linksite > ul > li > a:after{right:15px;}
    .linksite li div ul li a{padding:0;}
}
@media all and (max-width:768px) {
    #footer .link {padding:20px 0 13px;}
    #footer .link li{padding:0 12px;}
    #footer .link li a{display: block; padding:0 0 7px; font-size:15px;}
    #footer .link li + li:before{margin:-8px 0 0 0;}
    #footer address span{padding:5px 0 0 0; font-size:14px;}

    .linksite > ul > li{position:relative; width:50%;}
	.linksite > ul > li > a{height:45px; line-height:45px; font-size:14px; border-left:1px solid rgba(255,255,255,0.2); border-top: 1px solid rgba(255,255,255,0.2);}
    .linksite > ul > li:nth-child(2) > a{border-left: none;}
    .linksite > ul > li:last-child > a{border-top: 1px solid rgba(255,255,255,0.2);}
	.linksite li div{width:100%; bottom:45px;}
	.linksite li div{left:0;}
	.linksite li div ul{padding-left:12px;}
	.linksite li div ul li{width:100%; margin:0;}
    
}
@media all and (max-width:568px) {
    .linksite > ul > li > a{padding:0 0 0 15px; font-size:13px;}
}

/* btn_top */
.btn_top{z-index:2;display:block;position:absolute;top:-94px;left:50%;width:50px;height:50px;line-height:50px;margin:0 0 0 808px; font-size: 0; border-radius:50%;color:#fff;text-align:center;transition:box-shadow 0.3s ease-in-out;background: #f09e00 url(/images/kr/common/ico_top.png) no-repeat center;box-shadow: 0 0 0 11px rgba(240,180,0,0.5);box-sizing:border-box;}
.btn_top:hover{color:#fff; box-shadow:0 0 0 11px rgba(240,180,0,0.8);}

@media all and (max-width:1750px) {
	.btn_top{left:auto; right:20px; margin:0;}
}
@media all and (max-width:1680px) {
	.btn_top{top:35px;}
}
@media all and (max-width:768px) {
	.btn_top{top:90px; width:38px;height:38px;line-height:38px;box-shadow: 0 0 0 9px rgba(240,180,0,0.5);}
}
@media all and (max-width:561px) {
	.btn_top{top:113px;}
}