@charset "utf-8";
/**
공통 레이아웃
*/
.slick-vertical .slick-slide{border:none;}
.slick-slide{min-height:0;}
.m{display:none !important;}
.mask{visibility:hidden; opacity:0; display:block; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.45);}
.mask.on{z-index:95; visibility:visible; opacity:1; transition:opacity 0.25s linear;}
#content.on + .mask{opacity:0;}

html {overflow-x: hidden;}
body{width:100%; min-width:320px; overflow-x:hidden; font-family: 'NanumSquare';}
/* a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
    outline: 2px solid #000;
    outline-offset: -2px;
    box-shadow: inset 0 0 0 2px #fff;
} */

:focus-visible {
    outline: 2px solid #red;
    outline-offset: -2px;
}

#skip-navigation{z-index:9999; position:absolute; left:0; top:0;}
#skip-navigation *{list-style:none; margin:0; padding:0;}
#skip-navigation a{display:block; width:1px; height:1px; overflow:hidden; color:#000; white-space:nowrap;}
#skip-navigation a:focus,
#skip-navigation a:active{width:100px; height:auto; background:#ffd;}

.inner{position:relative; width:1600px; margin:0 auto; box-sizing:border-box; }
.inner:after{content:''; display:block; clear:both; width:100%;}


.logo {z-index:94; position:absolute; top:32px; left:0; line-height:160%; text-align:left;}
.logo *{display:inline-block; vertical-align:top;}
.logo a{text-decoration:none; color:#000;}
.logo img{margin:0 5px 0 0;}
.logo strong{padding:4px 0 4px 0; line-height:110%; font-size:28px; letter-spacing:-2px;font-family: 'NanumSquare'; color: #222;}
.logo span > span{display:block; line-height:100%; padding:0; font-size:10px; font-weight:200; color:#666666; font-family:"Noto Sans KR"; text-transform:uppercase; letter-spacing:-0.5px;}


#top{position:relative; width:100%; height:50px; background:#eef1f3;}
#top:after{content:''; display:block; clear:both; width:100%;}

.global{float:left; font-family:"NanumSquare";}
.global > li{z-index:95; position:relative; float:left; box-sizing:border-box;}
.global > li:before{z-index:-1; content:''; display:block; position:absolute; top:44%; left:0; width:1px; height:18px; margin:-7px 0 0 0; background:#c3c4cb;}
.global > li:first-child:before {display:none;}
.global > li > a{display:block; line-height:51px; padding:0 25px; color:#222; text-decoration:none; text-align: center;}
.global > li.on > a{font-weight:800; background: #fff;}
.global > li.list.on > a.on{font-weight:700;}
.global > li.list > a.on{color:#fff; background:#2e343d;}
.global > li.list > a:after{content:''; display:inline-block; vertical-align:middle; width:8px; height:8px; margin:-6px 0 0 17px; border-right:2px solid #686868; border-bottom:2px solid #686868; transform:rotate(45deg); transition:transform 0.25s ease-in-out;}
.global > li.list > a.on:after{margin-top:2px; border-color:#fff; transform:rotate(-135deg);}
.global > li.city > a:before{content:''; display:inline-block; vertical-align:middle; width:28px; height:18px; margin:-3px 5px 0 0; background:url(/images/common/ico_city.png) no-repeat;}

.global li div{display:none; z-index:95; position:absolute; top:51px; left:0; width:100%; min-width:107px; padding:0 8px 5px; background:#fff; border:1px solid #2e343d; border-top:none; border-radius:0 0 10px 10px;  box-shadow:5px 10px 10px rgba(0,0,0,0.12); box-sizing:border-box; text-align:left;}
.global li div a{display:block; height:44px; line-height:45px; color: #3b434f; border-top:1px dotted rgba(0,0,0,0.17); text-align:center; box-sizing:border-box; transition:0.25s ease-in-out; font-size: 15px;}
.global li div li:first-child a{border-top:none;}
.global li div a:hover{box-shadow:inset 0 44px 0 rgba(0,0,0,0.04);}
.global li div a[target="_blank"]:after{margin-left:5px;}

.global .list1 div{width:480px;}
.global .list2 div{width:440px;}
.global .list3 div a{letter-spacing:0;}
.global .list1 li{float:left; width:18%; margin:0 1%; vertical-align:top;}
.global .list2 li{display:inline-block; width:47.5%; margin:0 1%; vertical-align:top;}
.global .list1 li:nth-child(-n+5) a{border-top:none;}
.global .list2 li:nth-child(-n+2) a{border-top:none;}
.global li div .pos a{line-height:110%;}
.global li div .pos span{display:block; padding:4px 0 0 0; font-size:10px;}


#font_control {display: flex; justify-content: end; position: absolute; top: 0; right: 0px;}
#font_control div.top_sns {width: 110px;  display: flex; justify-content: space-between; font-size: 0; height: 47px; align-items: center; margin-right: 50px; position: relative;}
#font_control div.top_sns a {width: 32px; height: 32px; background: url(../images/common/sns-ico.png) no-repeat 0px 0px; border-radius: 10px;}
#font_control div.top_sns a.fb {background-color: #4268b3;}
#font_control div.top_sns a.insta {background:url(../images/common/sns-ico.png) no-repeat -40px 0px, linear-gradient(135deg, #5d44e1 0%, #a83aab 35%, #ee513a 70%, #ee9f31 100%);}
#font_control div.top_sns a.yt {background-color: #e71639; background-position: -79px 0px;}
#font_control ul {display: flex; align-items: center;  justify-content: space-around; width: 170px;}
#font_control ul li {display: inline-flex; font-size: 0; vertical-align: top;}
#font_control ul li.current {font-family: 'score_500'; font-size: 13px;}
#font_control ul li.img {width: 31px; height: 31px; border-radius: 50%; background: #fff; justify-content: center; align-items: center;}
#font_control ul li.img a {display: block; background: url(../images/common/font-ico.png) no-repeat 4px 2px; width: 20px; height: 20px;}
#font_control ul li.img.small a {background-position: -54px 3px;}
#font_control ul li.print {width: 31px; height: 31px; background: url(../images/common/font-ico.png) no-repeat -109px 8px;}
#font_control ul li.print a {display: block; width: 100%;}
#font_control div.top_sns:after{z-index:1; content:''; display:block; position:absolute; top:44%; right: -29px; width:1px; height:18px; margin:-7px 0 0 0; background:#c3c4cb;}


/* 메인메뉴 */
#menuArea{z-index:93; overflow:hidden; position:absolute; top:51px; left:0; width:100%; background: #fff;}
#menuArea.on{box-shadow:0 15px 15px rgba(0,0,0,0.15);}
#menuArea:after,
#menuArea:before{z-index:96; content:''; display:none; position:absolute; top:114px; left:0; width:100%; height:1px; background:#e3e3e3;}
#menuArea.on:before{display:block; height:100%; width:100%; background:#fff;}
#menuArea.on:after{display:block;}
#menuArea .bar{display:none;}

body.on .mask{z-index:92; visibility:visible; opacity:1; top:auto; bottom:0; height:calc(100% - 198px);}

#topmenu{float:left; width:100%; padding: 0 70px 0 22%; box-sizing:border-box; font-family: 'gmarket_light';}
#topmenu a[target="_blank"]:after{content:''; display:inline-block; vertical-align:middle; width:15px; height:15px; margin:-1px 0 0 6px; background:url(../images/common/ico_new.png) no-repeat -14px 0;}
#topmenu > li{float:left; width:14%; line-height:0;}
#topmenu > li:last-child{display:none;}
#topmenu > li > a{display:block; line-height:114px; font-size:21px; font-weight:600; color:#000; 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:#ba7238;}
#topmenu .menu{display:none; visibility:visible; opacity:1; z-index:96; position:absolute; left:0; top:114px; width:100%; min-height:409px; padding:50px 0 0 18.85%; letter-spacing:0; box-sizing:border-box; background:#fff;}

#topmenu li .tit{position:absolute; top:0; left:0; width:18.85%; height:100%; padding:54px 0 0 0; line-height:160%; text-align:left; color:#5b5b5b; border-right:1px solid #ddd; box-sizing:border-box;}
#topmenu li .tit:before,
#topmenu li .tit:after{content:''; display:block; position:absolute; bottom:50px; left:0; width:186px; height:159px; background:url(/images/common/bg_menu2.png) no-repeat 0 100%;}
#topmenu li .tit:before{left:auto; top:0; right:20px; width:69px; height:33px; background:url(/images/common/bg_menu.png) no-repeat 0 100%;}
#topmenu li.menu2 .tit:after{background-image:url(/images/common/bg_menu3.png);}
#topmenu li.menu3 .tit:after{background-image:url(/images/common/bg_menu1.png);}
#topmenu li.menu4 .tit:after{background-image:url(/images/common/bg_menu4.png);}
#topmenu li.menu5 .tit:after{background-image:url(/images/common/bg_menu9.png);}
#topmenu li.menu6 .tit:after{background-image:url(/images/common/bg_menu6.png);}
#topmenu li.menu7 .tit:after{background-image:url(/images/common/bg_menu7.png);}
#topmenu li.menu8 .tit:after{background-image:url(/images/common/bg_menu8.png);}

#topmenu li .tit h2{position:relative; display:inline-block; padding:0 15px 8px 0; height:42px; line-height:49px; font-size:30px; font-weight:800; color:#333; font-family:"paybooc"; text-align:center;}
#topmenu li .tit h2:before,
#topmenu li .tit h2:after{content:''; display:block; position: absolute; top:0; right:0; width:8px; height:8px; border-radius:50%; background:#ffc000;}
#topmenu li .tit h2:before{right:auto; left:-47px; top:10px; width:69px; height:69px; background:rgba(78,169,172,0.06);}
#topmenu li .tit p{line-height:160%; font-size:15px; color:#555;}

#topmenu .menu > ul {float:left; width:100%; padding:0 0 0 1.24%; box-sizing:border-box; font-weight:500; font-family: 'gmarket_medi';}
#topmenu .menu > ul > li{position:relative; float:left; width:25%; margin:0; padding:0 0 40px 3.59%; box-sizing:border-box;}
#topmenu .menu > ul > li > a{position:relative; z-index:2; display:block; height:50px; line-height:48px; color:#000; border:2px dotted #e4e4e4; border-radius:10px; text-decoration:none; background:#fff; text-align:center; box-sizing:border-box;}
#topmenu .menu > ul > li:hover > a,
#topmenu .menu > ul > li.current_on > a,
#topmenu .menu > ul > li > a:hover{color:#17567d; border-color:#17567d; /* box-shadow:5px 10px 20px rgba(0,0,0,0.15); */ background:#fff; transition:border-color 0.25s ease-in-out, box-shadow 0.3s 0.08s ease-in-out;}
/*#topmenu .menu > ul > li:hover > a[target="_blank"]:after,
#topmenu .menu > ul > li > a[target="_blank"]:hover:after{background-position:0 0;}*/

/* 3차 메뉴 */
#topmenu ul ul{position: relative; padding: 10px 11px 9px 11px; background: #e7eef28c; border-radius: 10px; margin-top: 5px;}
#topmenu ul ul li a{position:relative; display:block; line-height:110%; padding:6px 0 7px 0; margin:0; color:#333;}
#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:#17567d;}

.btn_menu{z-index:94; position:absolute; top:74px; right: 6.5%; width:100px; height:86px; padding:53px 0 0 0; line-height:100%; text-align:center; font-size:14px; font-weight:500; color:#333; box-sizing:border-box; text-decoration:none !important; font-size: 0;}
.btn_menu:before{content:''; display:block; position:absolute; top:24px; left:50%; width:18px; height:17px; margin:0 0 0 -9px; background:url(../images/common/site_map_ico.png) no-repeat center;}


.btn_menu_close{display:block; z-index:96; position:absolute; top:27px; right:3%; width:50px; height:50px; border-radius:50%; border:1px solid rgba(0,0,0,0.6); background:none;}
.btn_menu_close .bar{position: absolute; top: 22px; left: 12px; display: block; width: 25px; height: 3px; background: #000; border-radius: 26px;}
.btn_menu_close .bar1{transform:rotate(45deg);}
.btn_menu_close .bar2{transform:rotate(-45deg);}


#footer{position:relative; float:left; width:100%; line-height:120%; color:#fff; font-weight:300; background:#4a5156; font-family: 'score_200';}
#footer > .inner{position:relative; padding:30px 0 70px 210px; font-size:15px;}
#footer .logo *{display:block; color:#fff;}
#footer .logo{top:30px;}
#footer .logo strong{padding-top:0; font-size:25px; letter-spacing:-1px;}
#footer .link{overflow:hidden; width:100%; border-bottom:1px solid rgba(255,255,255,0.1); font-weight:700;}
#footer .link li{float:left;}
#footer .link li a{display:block; position:relative; height:79px; line-height:79px; padding:0 20px; color:#fefefe; font-family: 'score_400';}
#footer .link li:first-child a{padding-left:0;}
#footer .link li a:before{content:''; display:block; position:absolute; top:50%; left:0; width:4px; height:4px; margin:-2px 0 0 0; border-radius:50%; background:rgba(255,255,255,0.4);}
#footer .link li:first-child a:before{display:none;}
#footer .link .privacy a{color:#9de7f3;}
#footer .copyright{padding:5px 0 0 0; color:#d2d2d2; text-transform:uppercase; opacity: 0.6; font-size: 15px;}
#footer .inner {font-weight: 300;}

#footer a.btn_top {position: fixed; right: 150px; bottom: 50px; width: 50px; height: 50px; border-radius: 50%; background: #ba7238; color: #fff; font-size: 0; line-height: 48px; text-align: center; z-index: 3;}
#footer a.btn_top span {line-height: 48px; background: url(../images/common/top-btn.png) no-repeat 13px 17px; display: inline-block; z-index: 999; width: 46px; height: 48px; box-sizing: border-box;}
#footer a.btn_top::before,
#footer a.btn_top::after {content: ""; position: absolute; inset: 0; border-radius: 50%; background: #ba72386b; z-index: -1; animation: topWave 1.8s infinite;}
#footer a.btn_top::after {animation-delay: .9s;}
@keyframes topWave {
    0% {
        transform: scale(1);
        opacity: .7;
    }
    100% {
        transform: scale(1.8);
        opacity: 0;
    }
}


/* 하단*/
.linksite{z-index:1; position:relative; clear:both; width:100%; background:#333333; font-weight:300; font-family: 'score_200';}
.linksite:after{content:''; display:block; clear:both;}
.linksite .inner > li{float:left; width:25%; border-right:1px solid rgba(255,255,255,0.2); box-sizing:border-box;}
.linksite .inner > li:first-child{border-left:1px solid rgba(255,255,255,0.2);}
.linksite .inner > li > a{position:relative; display:block; height:60px; line-height:60px; padding:0 0 0 29px; color:#fefefe; text-decoration:none;}
.linksite .inner > li:last-child > a{border:none;}
.linksite .inner > li > a:after{content:''; display:block; position:absolute; top:50%; right:32px; width:14px; height:14px; margin:-7px 0 0 0; background:url(../images/common/linksite-icon.png) no-repeat 0px 2px;}
.linksite .inner > li.on > a{color:#000; background:#fff; font-weight:400;}
.linksite .inner > li.on > a:after{background-position:0 -16px;}
.linksite li div{display:none; z-index:56; position:absolute; bottom:60px; left:0; overflow:hidden; width:100%; font-weight:400; border-radius:10px 10px 0 0; box-shadow:3px -5px 15px rgba(0,0,0,0.1); border:1px solid #2f343e; border-bottom:none; box-sizing:border-box; background:#fff;}
.linksite li.on div{display:block;}
.linksite li div ul{width:100%; overflow-y:auto; max-height:360px; min-height:155px; margin:0 auto; padding:19px 0.7em 24px 22px; box-sizing:border-box;}
.linksite li div ul li{position:relative; float:left; width:22.6%; margin:0 1.2%; box-sizing:border-box; border-bottom:1px dotted rgba(0,0,0,0.17);}
.linksite li div ul li:before{content:''; display:block; position:absolute; top:50%; left:0; width:2px; height:2px; margin:-1px 0 0 0; background:#aaa;}
.linksite li div ul li a{display:block; padding:12px 0 12px 10px; color:#000; transition:0.35s ease-in-out;}
.linksite li div ul li a:hover{box-shadow:inset 0 45px 0 rgba(0,0,0,0.04);}


@media (max-width: 1800px) {
	.btn_menu {right: 3.5%;}
}
@media (max-width: 1600px) {
	.inner {width: 100%;}
	.btn_menu {right: 0;}
}
@media all and (max-width:1430px) {
	#mainmenu,
	.inner{padding:0 15px; box-sizing:border-box;}

	.logo{left:15px;}

	.global > li > a{padding:0 25px;}

	.btn_menu{right:15px; margin:0;}
	#topmenu li .tit{left:15px; width:20%;}
	#topmenu .menu{padding:50px 15px 0 20%;}

	.linksite li div{left:15px; width:calc(100% - 30px);}
}
@media all and (max-width:1280px) {
	.global > li > a{padding:0 15px;}

	.btn_menu{width:80px; padding:55px 0 0 0;}
	#topmenu{padding:0px 75px 0 21%;}
	
	#font_control div.top_sns:after,
	#font_control > ul {display: none;}
	#font_control div.top_sns {margin-right: 20px;}
	
	#footer a.btn_top {right: 30px; bottom: 30px;}
}

@media all and (max-width:1200px) {
	#topmenu > li > a {font-size: 20px;}


}
@media all and (max-width:1100px) {
    .global > li > a {font-size: 14px;}
}
@media all and (max-width:1024px) {
	img{max-width:100%;}
	.m{display:inline-block !important;}
	.w{display:none;}

	.logo{top:13px; left:15px;}
	.logo *{vertical-align:top;}
	.logo img{height:44px; margin:0 2px 0 0;}
	.logo span{text-align:left;}
	.logo strong{font-size:23px; letter-spacing:-1px;}
	.logo span > span{font-size:9px;}

	#top{height:auto;}
	
	.btn_global{float:left; position:relative; width:140px; height:35px; line-height:36px; padding:0 7px 0 25px; margin:0; font-weight:700; letter-spacing:-1px; font-size:14px; color:#fff; /* background:linear-gradient(125deg, #88c37f 0%, #2a9e98 70%); */ box-sizing:border-box; background: linear-gradient(to bottom, #ce8381 0%, #a77654 100%);}
	.btn_global:before{content:''; display:block; position: absolute; top:50%; left:10px; width:18px; height:12px; margin:-6px 0 0 0; background:url(/images/common/ico_more.png) no-repeat;}
	.btn_global:after{content:''; display:inline-block; margin:-2px 0 0 15px; border-top:6px solid #fff; border-left:5px solid transparent; border-right:5px solid transparent; vertical-align:middle; transition:0.3s ease;}
	.btn_global.on:after{transform:rotate(180deg);}
	.global{opacity:0; visibility:hidden; z-index:95; position:absolute; top:20px; left:0; width:140px; font-size:15px; font-weight:400; transition:0.3s ease; border-radius:0 0 5px 5px; box-shadow:0 5px 5px rgba(0,0,0,0.15); background:#fff;;}
	.btn_global.on + .global{opacity:1; visibility:visible; top:36px;}
	.global > li{width:100% !important; border-top:1px solid rgba(0,0,0,0.17);}
	.global > li:first-child{border-top:none;}
	.global > li:before{display:none;}
	.global > li > a{padding:0; height:37px; line-height:38px; text-align:center;}
	.global > li.on > a,
	.global > li.list > a.on{font-weight:400;}
	.global > li.list > a:after{margin:-6px 0 0 10px;}
	.global > li.list > a.on:after{margin-bottom:3px; transform:rotate(-45deg);}
	.global li div{top:-1px; left:100%; padding:0 5px; border-top:1px solid #2e343d; border-radius:0 4px 4px 0; box-shadow:3px -3px 10px rgba(0,0,0,0.12);}
	.global .list1 div{width:300px;}
	.global li div a{position:relative; height:40px; line-height:41px;}
	.global li div .pos a{line-height:100%;}
	.global li div .pos span{font-size:9px;}

	.btn_menu{top:47px; width:70px; height:70px; padding:46px 0 0 0;}
	.btn_menu:before{top:16px;}

	#footer .link li a{padding:0 24px;}
	#footer .logo strong{font-size:23px;}

	.linksite .inner > li > a{height:52px; line-height:52px; padding:0 0 0 25px;}
	.linksite .inner > li > a:after{right:15px; margin:-6px 0 0 0; background-size:12px;}
	.linksite .inner > li.on > a:after{background-position:0 -12px;}
	.linksite li div{bottom:52px;}
	
	#font_control div.top_sns {height: 34px; width: 100px;}	
	#font_control div.top_sns a {width: 30px; height: 30px; background-position: -1px -2px;	}
	#font_control div.top_sns a.insta {background: url(../images/common/sns-ico.png) no-repeat -41px -1px, linear-gradient(135deg, #5d44e1 0%, #a83aab 35%, #ee513a 70%, #ee9f31 100%);}
	#font_control div.top_sns a.yt {background-position: -81px -1px;}
}
@media all and (max-width:768px) {
	.inner{padding-right:10px; padding-left:10px;}

	.logo {top:15px; left:10px;}
	.logo img{height:41px;}
	.logo strong{font-size:21px;}
	.logo span > span{font-size:8px; letter-spacing:-0.4px;}

	/* .btn_global{height:30px; line-height:31px; font-size:14px;} */
	.btn_global.on + .global{top:35px;}
	.global{font-size:14px;}
	.global > li > a.current:after{margin-top:10px;}
	.global .list1 div{width:240px;}
	.global .list2 div{width:380px;}

	.btn_menu{top:42px; right:10px; width:48px; height:62px; padding:0; font-size:0;}
	.btn_menu:before{top:21px;}
	.btn_menu_close{top:17px; width:35px; height:35px;}
	.btn_menu_close .bar{top:16px; left:4px;}

	#footer{text-align:center; line-height:130%; }
	#footer > .inner{width:100%; padding:25px 0 30px; font-size:14px;}
	#footer .logo{position:static; display:inline-block; padding:0 0 20px;}
	#footer .logo strong{font-size:21px;}
	#footer .link{padding:27px 0 20px; box-sizing:border-box;}
	#footer .link li {float:none; display:inline-block;}
	#footer .link li a{height:auto; line-height:120%; padding:5px 15px 5px;}
	#footer .copyright{font-size:12px;}


	.linksite .inner > li{position:relative; width:50%;}
	.linksite .inner > li:nth-child(3){border-left:1px solid rgba(255,255,255,0.2);}
	.linksite .inner > li:nth-child(-n + 2){border-bottom:1px solid rgba(255,255,255,0.2);}
	.linksite .inner > li > a{height:45px; line-height:45px; padding:0 0 0 16px;}
	
	.linksite li div{left:-1px; bottom:45px; width:calc(100% + 2px);}
	.linksite li div ul{padding:15px 17px 19px 17px;}
	.linksite li div ul li{width:100%; margin:0;}
	.linksite li div ul li a{padding:10px 0 10px 0.5em;}
	
    #footer a.btn_top {bottom: 115px;}
}
@media all and (max-width:568px) {
	.logo strong{font-size:20px;}
	.logo img{height:39px;}
	.logo span > span{letter-spacing:-0.6px;}

	#top .global li div{padding:0 5px;}
	.global li div .pos span{font-size:8px;}
	.global .list1 div{width:210px;}
	.global .list2 div{width:200px;}
	.global .list2 li{width:100%; margin:0;}
	.global .list1 li {width: 31%;}

	.btn_menu{height:58px;}

	#footer > .inner{font-size:13px;}
	#footer .logo strong{font-size:20px;}
	#footer address span{display:block;}
	#footer .copyright{font-size:11px;}

	.linksite .inner > li > a{height:40px; line-height:40px;}
	.linksite li div{bottom:40px;}
	.linksite li div ul{padding:12px 14px 16px 14px;}
}
@media all and (max-width:380px) {
	.logo img{height:38px;}
	/* .logo strong{padding:4px 0 5px 0; font-size:19px;} */
	.logo span > span{letter-spacing:-0.9px;}

	.btn_global,
	.global{width:125px !important;}
	.btn_global{font-size:13px;}
	.btn_global:before{width:16px;}
	.global{font-size:13px;}
	.global > li > a{height:35px; line-height:36px;}
	.global li div{padding:0 3px;}
	.global li div a{height:37px; line-height:37px;}
	.global .list1 div{width:180px;}
	.global .list1 li{width:31%; margin:0.5%;}
	.global .list1 div a:after{right:0;}
	.global .list2 div{width:170px;}

	.btn_menu{height:56px;}

	#footer .link{padding:25px 0 18px;}
	#footer > .inner{padding:23px 0 30px;}
	#footer .logo{padding:0 0 18px;}
	#footer .logo strong{font-size:19px;}

	.linksite .inner > li > a{height:38px; line-height:38px;}
	.linksite li div{bottom:38px;}
}

@media all and (max-width:370px) {
	#footer .copyright{font-size:10px;}
}




/* 모바일 메뉴 */
@media all and (max-width:1024px) {
	.m_menu{position:fixed; top:0; right:-100%; width:60%; height:100%; overflow-y:auto; line-height:150%; z-index:100; background:#ccc; transition:right 0.25s ease-in-out;}
	.m_menu .tit{display:none;}
	.m_menu.on{right:0;}
	.m_menu .m_top{position:relative; height:110px; background:#fff;}
	.m_menu .logo{position:absolute; top:35px; left:12px; text-align:left; transform:none;}
	.m_menu > ul{float:left; width:100%; height:calc(100% - 110px); /* border-top:3px solid #182239; */ border-top: 3px solid #371b08; box-sizing:border-box;}
	.m_menu > ul a{display:block; text-decoration:none; cursor:pointer;}
	.m_menu > ul > li{width:43%; border-bottom:1px solid #3d3f4a;}
	.m_menu > ul > li > a{position:relative; height:3em; padding:0 0 0 1em; line-height:3em; font-size:130%; font-weight:400; color:#fff; /* background:#182239; */ background: #371b08;}
	.m_menu > ul > li > a:before{display:none; content:''; position:absolute; top:50%; right:-8px; width:0; height:0; margin:-8px 0 0 0; border-left:15px solid #fff; border-top:15px solid transparent; transform:rotate(45deg);}
	.m_menu > ul > li.current_on > a,
	.m_menu > ul > li > .on{font-weight:700; /* background: linear-gradient(125deg, #88c37f 0%, #2a9e98 70%); */background: linear-gradient(to bottom, #ce8381 0%, #a77654 100%);}
	.m_menu > ul > li.current_on > a:before,
	.m_menu > ul > li > .on:before{display:block;}
	.m_menu > ul > li > div {position:absolute; top:110px; left:43%; display:none; width:57%; height:calc(100% - 110px); padding:13px 0.8em 0 1.2em; border-top:3px solid #182239; background:#fff; box-sizing:border-box;}
	.m_menu > ul > li.current_on .menu,
	.m_menu > ul > li .on + .menu{display:block !important;} 
	.m_menu > ul > li > div > ul > li {margin:0 0 2px; border-bottom:1px solid #e6e6e6;}
	.m_menu > ul > li > div > ul > li > a{position:relative; padding:8px 0 8px 1.2em; font-size:115%; font-weight:400;}
	.m_menu > ul > li > div > ul > li > a:before,
	.m_menu > ul > li > div > ul > li a[target="_blank"]:after{content:''; position:absolute; top:50%; right:8px; display:block; width:10px; height:10px; margin:-5px 0 0 0; background:url(/images/kr/main/ico_ctrl.png) no-repeat -83px -38px;}
	.m_menu > ul > li > div ul li.hasUl > a:after{content:'';display:block; position:absolute; top:50%; right:10px; width:8px; height:8px; margin:-7px 0 0 0; border-bottom:2px solid #555; border-right:2px solid #555; transition:transform 0.3s; transform:rotate(45deg); background:none;}
	.m_menu > ul > li > div ul li:not(.hasUl) > a[target="_blank"]:after{width:14px; height:14px; margin:-7px 0 0 0; background:url(/images/common/ico_new.png) no-repeat 100% 0;}
	.m_menu > ul > li > div > ul > li > a:before{position:absolute; top:12px; left:0.2em; width:13px; height:13px; margin:0; /* border:4px solid #9faab2; border-left:4px solid #143852; border-top:4px solid #143852; */ border: 4px solid #f3dccb; border-left: 4px solid #371b08; border-top: 4px solid #371b08;border-radius:50%; background:none;}
	.m_menu > ul > li > div > ul > li > ul{display:none; overflow:hidden; width:100%; margin:2px 0 0 0; padding:0.6em 0 0.5em 0.5em; box-sizing:border-box; background:#f3f3f3;}
	.m_menu > ul > li > div > ul > li > ul li a{position:relative; padding:4px 0 4px 13px;}
	.m_menu > ul > li > div > ul > li > ul li a:before{content:''; display:block; position:absolute; top:14px; left:4px; width:4px; height:4px; border-radius:50%; background:#ba7238;}
	.m_menu > ul > li.current_on .current_on > a{font-weight:700; color:#222;}
}
@media all and (max-width:768px) {
	.m_menu .m_top{height:72px;}
	.m_menu .logo{top:15px;}
	.m_menu > ul {height:calc(100% - 72px);}
	.m_menu > ul > li > a{padding:0 0 0 0.7em; font-size:16px;}
	.m_menu > ul > li > a:before{right:-7px; margin:-7px 0 0 0; border-left:13px solid #fff; border-top:13px solid transparent;}
	.m_menu > ul > li > div{top:72px; height:calc(100% - 72px); padding:0.6em 0.7em 0.5em 0.7em;}
	.m_menu > ul > li > div > ul > li > a{padding:6px 0 6px 1.2em; font-size:15px; background-size:13px;}
	.m_menu > ul > li > div > ul > li > a:before{top:11px; width:10px; height:10px; border-width:3px;}
	.m_menu > ul > li > div > ul > li > ul{padding:0.5em 0 0.4em 0.4em;}
	.m_menu > ul > li > div > ul > li > ul li a{padding:2px 0 2px 13px; font-size:14px;}
	.m_menu > ul > li > div > ul > li > ul li a:before{top:8px;}
}
@media all and (max-width:568px) {
	.m_menu{width:285px;}
}



/*
서브 레이아웃
*/
#container_sub{margin-top: 100px; position:relative; overflow:hidden; width:100%; border-top: 1px solid #e1e1e1;}
#subContent{position:relative; width:1600px; margin:0 auto; padding: 70px 0 11em 0; box-sizing:border-box; display: flex;
 justify-content: space-between;}
/* #subContent:after{content:''; display:block; clear:both;} */
#fontSize{width: 76.13%;}
#bg_main #fontSize{width: 100%;}

/* 문서정보 */
#pageInfo{position:relative; float:left; width:100%; height: 140px; box-sizing:border-box;}
#pageInfo:before{content:''; position:absolute; background: url(../images/kr/common/sub_visual_bg.png) no-repeat center, linear-gradient(to right, #eef3f6, #f4eee9); top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
#pageTitle{text-align: center; padding: 35px 0 0;}
#pageTitle h3{line-height: 110%; font-size: 38px; color: #333; font-family: 'gmarket_bold';}


.location_wrap{}
.location {position: absolute; bottom: -35px; left: 50%; transform: translateX(-50%); font-family: 'score_400'; font-size: 16px; z-index: 1;}
.location .home{float:left; width:33px; height:33px; text-indent:-999px; font-size:0; background: #497a98 url(../images/kr/common/sb_ico.png) no-repeat 9px 8px; border-radius: 50%;}
.location span{position:relative; /* float:left; */ color:#666; padding:0 0 0 50px;     vertical-align: sub;}
.location span span {vertical-align: top;}
.location span:before{content:''; display:inline-block; position:absolute; left:20px; top:50%; width:6px; height:6px; margin:-4px 0 0 0; border-bottom:1px solid #6a6a6a; border-right:1px solid #6a6a6a; transform:rotate(-45deg);}


.util_wrap{position: absolute; bottom: -35px; right: 160px;}
.util_wrap .btns{float: left; width: 50px; height: 49px; margin: 0 0 0 15px; font-size: 0; text-indent: -999px; box-sizing: border-box; border-radius: 17px; background: #fff url(../images/kr/common/sb_ico.png) no-repeat -46px -65px; box-shadow: 0 0 5px 2px #00000014;}
.util_wrap .btns:hover{border-color:#999;}
.util_wrap .btn_share{background-position:17px -65px;}
.sns_share.on .btn_share{background-color: #ededed;}

.sns_share {z-index:2; position:relative; float:left;}
.sns_share a{display:block; font-size:0; text-indent:-999px; background:#3752b7 url(/images/common/ico_sns.png) no-repeat 9px 6px}
.sns_share .list{visibility:hidden; opacity:0; position:absolute; top:3px; right:45px; width:160px; padding:6px 0; border:1px solid #e3e3e3; border-radius:10px; transition:0.25s ease-in-out; box-sizing:border-box; background:#fff; text-align:center;}
.sns_share.on .list{visibility:visible; opacity:1; right:51px;}
.sns_share .list li{display:inline-block; vertical-align:top; margin:0 1px;}
.sns_share a{width:30px; height:30px; border-radius:50%; background-position:10px 7px;}
.sns_share .bl{background-color:#00C401; background-position:-65px 7px;}
.sns_share .kko{background-color:#F2CB3A; background-position:-142px 7px;}
.sns_share .insta{background-color:#c536a4; background-position:-102px 7px;}
.sns_share .tw{background-color: #333333;background-position: -27px 6px;}
.sns_share .fb:hover{background-color:#398DF4;}
.sns_share .bl:hover{background-color:#00DF00;}
.sns_share .tw:hover{background-color:#000;}
.sns_share .kko:hover{background-color:#ffc202;}
.sns_share .insta:hover{background-color:#8a38b4;}


/* 서브메뉴 */
#submenu{z-index:1; position:relative; float:left; width: 18.75%; margin-top: -140px;}
#submenu .sm_tit{overflow:hidden; position:relative; width:100%; letter-spacing:-1px; text-align:center; color:#fff; height: 230px; border-radius: 5px; background: url(../images/kr/common/sub_menu_bg.png) no-repeat, linear-gradient(to right, #18567c, #6d5c50); background-size: cover; padding: 65px 0 0; box-sizing: border-box;}
#submenu .sm_tit h2{line-height:110%; font-size:33px; font-weight:800; font-family: 'gmarket_bold'; text-align: center;}
#submenu .sm_tit .bar {width: 1px; height: 25px; background: #fff; display: block; margin: 10px auto 6px;  box-sizing: border-box; opacity: 0.3;}
#submenu .sm_tit .gsb {opacity: 0.4; font-family: 'score_300'; font-size: 15px; letter-spacing: 0px;}

#submenu .depth2 {width:100%; margin:20px 0 0 0; box-sizing:border-box; font-family: 'score_200';}
#submenu .depth2 > li{line-height:0; margin: 10px 0 0;}
#submenu .depth2 > li > a{position:relative; display:block; height:61px; line-height:60px; padding:0 0 0 28px; font-weight:400; font-size:20px; color:#000; border: 1px solid #ddd; border-radius: 5px; text-decoration:none; box-sizing:border-box;}
#submenu .depth2 > li:first-child > a{border-radius:3px 3px 0 0;}
#submenu .depth2 > li:last-child > a{border-radius:0 0 3px 3px; border-bottom:1px solid #d7d7d7;}
/* #submenu .depth2 > li > a:after{content:''; position:absolute; top:50%; right:27px; width:10px; height:10px; margin:-5px 0 0 0; border-right:2px solid #fff; border-bottom:2px solid #fff; transform:rotate(-45deg);} */
#submenu .depth2 > li > a:after{content:''; width:25px; height:25px; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); background: url(../images/kr/common/menu_ico.png) no-repeat -74px 0px;}

#submenu .depth2 > li:hover > a,
#submenu .depth2 > li > a:hover,
#submenu .depth2 > li > a:focus,
#submenu .depth2 > li.current_on > a{color: #333; font-weight: 700; border-color: #18567c; margin: 0 0 -3px 0; background: #fff; border-radius: 5px; transition: font-size 0.25s ease-in-out; font-family: 'score_300';}
#submenu .depth2 > li:hover > a:after,
#submenu .depth2 > li.current_on > a:after,
#submenu .depth2 > li > a:hover:after{background-position:1px 0;}

#submenu .depth2 li ul {display:none; padding:16px 22px 16px 27px; background:#f0f4f7;; border-radius:0 0 3px 3px;}
#submenu .depth2 li ul li a{position:relative;display: flex;align-items: center;min-height: 32px;line-height: 1.2;padding: 0 30px 0 15px;font-weight:700;font-size:16px;color:#333;text-decoration:none; letter-spacing: 0;}
#submenu .depth2 li ul li a:before,
#submenu .depth2 li ul li a[target="_blank"]:after{content:''; position:absolute; top:50%; left:0; width:6px; height:6px; margin:-3px 0 0 0; border: 1px solid #a5a5a5;}
#submenu .depth2 li ul li a[target="_blank"]:after{left:auto; right:10px; width:14px; height:14px; margin:-7px 0 0 0; border:none; background:url(/images/common/ico_new.png) no-repeat 100% 0;}
#submenu .depth2 li ul li a:hover,
#submenu .depth2 li ul li a:focus,
#submenu .depth2 li ul li a:active,
#submenu .depth2 li ul li.current_on a{color:#497a98; font-family: 'score_400';}
#submenu .depth2 li ul li a:hover:before,
#submenu .depth2 li ul li a:focus:before,
#submenu .depth2 li ul li.current_on a:before{border-color:#497a98; background:#497a98;}



@media (max-width: 1600px) {
	#subContent {position: relative; width: 100%;}
	.util_wrap {right: 30px;}
}

@media all and (max-width:1430px) {

	
	#subContent{width:100%; padding:30px 15px 10em;}
	
	#submenu .sm_tit .gsb {font-size: 13px; letter-spacing: -0.5px;}
	#submenu .depth2 > li > a {font-size: 18px;}
	
}

@media all and (max-width:1280px) {
	#subContent #content{width:75%;}

	#submenu{width:20%;}
	#submenu .sm_tit h2{font-size:28px;}
	#submenu .depth2 li ul {padding: 16px 0 16px 10px;}
 	#submenu .depth2 > li > a{padding:0 0 0 20px;}
	#submenu .depth2 > li > a:after{right:20px;}		
}

@media all and (max-width:1024px) {
	#container_sub{margin-top: 75px;}
	#subContent{padding-top:0;}
	#subContent #content{width:100%;}

	#pageTitle h3{padding:8px 0 0 0; font-size:34px;}
	
	.location span{padding:0 0 0 25px; font-size:15px;}
	.location span:before{left:9px;}

	.util_wrap{padding:0 2px 0 8px;}
	.util_wrap .btns{width:35px; height:35px; background-position: -54px -71px;}
	.sns_share .list{top:-5px; right:35px;}
	.sns_share .btn_share{background-position: 9px -71px;}
	.sns_share.on .list{right:41px;}
	
	#fontSize {width: 100%;}
}

@media all and (max-width:780px) {

}
@media all and (max-width:768px) {
	#subContent{padding:0 10px 7em;}
	#pageInfo{margin:0 0 35px;}
	.location span:before {top: 54%;}
	.util_wrap{padding:0 2px 0 5px;}
}


@media all and (max-width: 680px) {
    .location {bottom: -60px; left: 10px; transform: none;}
	#pageInfo {height: 130px;}
    #pageTitle {padding: 25px 0 0;}
	
	.util_wrap .btns {margin: 0 0 0 10px;}
	.util_wrap{right: 10px; bottom: 15px; top: auto;}

    #sub_default {margin-top: 50px;}

}
@media all and (max-width:568px) {
	#pageInfo{float:left; padding:25px 0 15px 0; margin:0 0 30px;}
	#pageTitle{float:none; padding: 15px 0 0;}
	#pageTitle h3{padding:0 0 5px; font-size:30px;}
	#pageInfo {height: 150px;}
	
	/* .location {bottom: 42px;} */
	.location_wrap{float:none; display:flex; flex-wrap:wrap; justify-content:center; clear:both; width:100%; text-align:center;}
	.location_wrap:after{content:''; display:block; clear:both; width:100%;}

	.util_wrap{padding-right:0; right: 20px;}
	.sns_share .list{top:34px; right:0;}
	.sns_share.on .list{top:39px; right:0;}
	
}

@media all and (max-width:480px) {
    .location {bottom: -116px;}
	.util_wrap {bottom: -50px;}
}
@media all and (max-width:380px) {
	#pageInfo{padding:24px 0 14px 0; margin:0 0 27px;}
	
	.location span {font-size: 13px;}
	.location span span {vertical-align: baseline;}
}