@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;}

body{width:100%; min-width:320px; overflow-x:hidden;}

#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:1400px; margin:0 auto; box-sizing:border-box;}
.inner:after{content:''; display:block; clear:both; width:100%;}
@media all and (max-width:1430px) {
	#mainmenu,
	.inner{width:100%; padding:0 15px; box-sizing:border-box;}
}
@media all and (max-width:1024px) {
	img{max-width:100%;}
	.m{display:inline-block !important;}
	.w{display:none;}
}
@media all and (max-width:768px) {
	.inner{padding-right:10px; padding-left:10px;}
}

#header{position:relative;height: 160px;}
@media all and (max-width:1024px) {
	#header{height:70px;}
	#header .inner{width:100%; padding:0;}
}
@media all and (max-width:768px) {
	#header{height:62px;}
}
@media all and (max-width:568px) {
	#header{height:58px;}
}
.logo {z-index:94;position:absolute;top: 22px;left:0;text-align:left;}
.logo *{display:inline-block; vertical-align:top;}
.logo a{display: flex;align-items: center;text-decoration:none;color:#231f20;}
.logo img{margin:0 7px 0 0;}
.logo strong{padding:2px 0 1px 0; line-height:110%; font-size:30px; font-family:"gmarket"; font-weight:900;}
.logo span > span{display:block; padding:0 0 0 2px; color: #666; font-size:12px; line-height:100%; letter-spacing:-1px; font-weight:300; text-transform:uppercase;}
@media all and (max-width:1430px) {
	.logo{left:15px;}
}
@media all and (max-width:1024px) {
	.logo{top:13px; left:15px;}
	.logo *{vertical-align:top;}
	.logo img{height:44px;margin: 0 6px 0 0;}
	.logo strong{padding:3px 0; font-size:24px; letter-spacing:-2px;}
	.logo span > span{font-size:10px; color:#777; letter-spacing:-1.2px;}
}
@media all and (max-width:768px) {
	.logo {top:10px; left:10px;}
	.logo img{height:41px;}
	.logo strong{font-size:21px;}
	.logo span > span{font-size:9px;}
}
@media all and (max-width:568px) {
	.logo img{height:38px;}
	.logo strong{padding:3px 0 1px;}
}

#top{position:relative;width:100%;height:53px;font-weight:400;font-size:15px;background: #3d3d40;}
#top:after{content:''; display:block; clear:both; width:100%;}
.global{float:left;}
.global > li{position:relative; float:left;}
.global > li:before,
.global > li:last-child:after{content:''; display:inline-block; position: absolute; top:50%; left:0; width:1px; height:13px; margin:-7px 0 0 0; background:#666;}
.global > li:last-child:after{left: auto; right: 0;}
.global > li:first-child{padding-left:0;}
.global > li:first-child:before{display:none;}
.global > li > a{display: block;padding: 9px 0;color: #fff;text-decoration: none;}
.global > li:first-child > a{padding-left:0;}
.global > li > a span{display:block;padding: 0 25px;line-height:35px;border-radius:35px;}
.global > li:nth-child(5) > a span::before {content:'';display: inline-block;margin: 0 10px -3px 0;width: 27px;height: 19px;background: url(../../../images/common/ico_mark.png)no-repeat;}
.global > li:last-child > a span::before {content:'';display: inline-block;margin: 0 10px -2px 0;width: 16px;height: 16px;background: url(../../../images/common/ico_lang.png)no-repeat;}
.global > li > a.current span,
.global > li.list > a.on span{font-weight:500; color:#333; background:#fff;}
.global > li.list > a span:after{content:'';display:inline-block;margin: -6px 0 0 13px;width:6px;height:6px;border-bottom:1px solid #fff;border-right:1px solid #fff;vertical-align:middle;transition:transform 0.3s;transform:rotate(45deg);}
.global > li.list > a.on span:after{margin-top:0; border-color:#333; transform:rotate(225deg);}
.global > li.list > a.current span:after{border-color:#333;}
.global li div{display:none; z-index:98; position:absolute; top:53px; left:50%; width:160px; padding:25px 10px; border:1px solid #4a4a4a; border-radius:10px; box-shadow:0 0 5px rgba(0,0,0,0.2); box-sizing:border-box; transform:translateX(-50%); background:#fff;}
.global li div li{text-align:center;}
.global li div a{display:block; padding:4px 0 5px; color:#666;}
.global li div a:hover{color:#000; font-weight:500;}

.global .list1 div{width:250px;}
.global .list1 li{display:inline-block; width:49%; vertical-align:top;}

.global2{float:right; width:auto; font-size:14px;}
.global2 > li:before{width:3px; height:3px; margin:-2px 0 0; border-radius:50%; background:#4a4a4a;}
.global2 > li > a{color:#666;}
.global2 li div{width:100%;}
@media all and (max-width:1430px) {
	.global > li > a span {padding: 0 15px}
	.global2 li div{left:auto; right:0; width:100%; transform:translateX(0);}
}
@media all and (max-width:1024px) {
	#top{height:auto; font-size:15px;}
	#top .inner{padding: 0 15px;}
	.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(to right, #ea7e0e 0%,#f7bd52 100%);box-sizing:border-box;}
	.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:15px; 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;margin: 0;font-size: 14px;color: #333;}
	.global > li.current > a {font-size:15px;}
	.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.list > a span:after {border-color: #333;}
	.global li div{top:-1px;left: 100%;transform: translateX(0);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 span{font-size:9px;}
	.global > li:last-child:after {display: none;}

	.global > li:last-child > a span::before {display: none;}

	#font_control {right:15px;}
	.top_sns {margin:0;}
	.top_sns a {width: 35px;height: 35px;border-radius: 0;}
	.top_sns .yt {margin: 0 0 0 -2px;}
}
@media all and (max-width:768px) {
	#top{font-size:14px;}
	#top .inner {padding:0 10px;}
	.global {left: 10px;}
	.global > li {width:16.666%;}
	.global > li > a{height:36px; line-height:36px;}
	.global > li.current > a{font-size:14px;}
	.global > li.list > a:after{width:6px; height:6px; margin:-6px 0 0 7px;}

	.global li div a{height:36px; line-height:37px;}
	.global .list1 div{width:250px;}

	#font_control {right:10px;}
}
@media all and (max-width:568px) {
	.global > li{width:33.33%;}
	.global > li > a{height:33px; line-height:33px;}

}
@media all and (max-width:380px) {
	#top{font-size:13px;}
	.global > li > a{height:31px; line-height:32px;}
	.global > li.current > a{font-size:13px;}
	.global li div{top:31px; padding:0 5px 4px;}
	.global li div a{height:34px; line-height:35px;}
	.global .list1 div{width:212px;}
}


#font_control {position: relative;float:right;margin: 11px 0 0;}
#font_control::before,
#font_control::after {content:''; position: absolute; top: 7px; left: 0; width: 1px; height: 17px; background: rgba(255,255,255,.3);}
#font_control::after {left: auto; right: 0;}
#font_control ul{float:left;padding: 0 15px 0 20px;}
#font_control ul > li{float:left; text-align:center;}
#font_control ul > li > a{display:block;line-height: 30px;margin: 0 12px 0 0;font-size:13px;font-weight: 500;color: #fff;box-sizing:border-box;text-decoration:none;}
#font_control li.img a{width: 30px;height: 30px;text-indent:-999px;font-size:0;background: #fff url(../../../images/common/ico_util.png) no-repeat 10px 50%;border-radius: 50%;}
#font_control li.small a{background-position: -56px 50%;}
#font_control li.print a{margin: 0;background-color: transparent;background-position: -119px 50%;}

@media all and (max-width:1024px) {
	#font_control{display:none; margin:5px 0 0 0;}
}
@media all and (max-width:768px) {
	#font_control{margin:4px 0 0 0;}
}

#sns {position: absolute;top: 84px;right: 50%;margin: 0 -614px 0 0;}
#sns ul{display: flex;}
#sns ul li {margin: 0 0 0 10px;}
#sns ul li a {display: block;width:38px;height: 38px;font-size: 0;background: url(../../../images/common/ico_yt.png)no-repeat;}
#sns ul li:nth-child(2) a {background-image: url(../../../images/common/ico_blog.png);}
#sns ul li:nth-child(3) a {background-image: url(../../../images/common/ico_insta.png);}
#sns ul li:nth-child(4) a {background-image: url(../../../images/common/ico_fb.png);}

@media all and (max-width:1440px){
	#sns {margin: 0; right: 90px;}
}
@media all and (max-width:1024px){
	#sns {top: 52px;right: 120px;}
}
@media all and (max-width:768px){
	#sns {top: 48px;right: 105px;}
}
@media all and (max-width:568px){
	#sns {top: 2px;right: 10px;}
	#sns ul li {margin: 0 0 0 3px;}
	#sns ul li a {width: 30px; height: 30px; background-size: contain;}
}


/* 메인메뉴 */
#menuArea{overflow: hidden;position:absolute;left:0;top: 153px;width:100%;z-index:93;letter-spacing:-1px;background:#fff url(../../../images/common/bg_menu.jpg) repeat-x;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;box-sizing: border-box;}
#menuArea:after{z-index: 1;content:'';position:absolute;top: 59px;left:0;width:100%;height:1px;background:#e5e5e5;}
#menuArea.on{box-shadow:0 15px 15px rgba(0,0,0,0.15);}
#menuArea .bar{display:block;position:absolute;top:57px;left:0;width:60px;height:4px;opacity:0;z-index:98;background: #dd7f30;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%;
	box-sizing: border-box;
}

#topmenu>li {
	position: relative;
	float: left;
	width: calc(100% / 2);
	line-height: 0;
}

#topmenu li.menu9,
#topmenu li.last {
	display: none;
}

#topmenu>li>a {
	display: block;
	line-height: 60px;
	font-family: "score";
	font-weight: 500;
	font-size: 21px;
	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: #dd7f30;
}

#topmenu li .menu {
	display: none;
	z-index: 96;
	width: 100%;
	height: 270px;
	padding: 15px 0 0 0;
	box-sizing: border-box;
	border-right: 1px solid #e5e5e5;
	background: #fff;
}

#topmenu li:first-child .menu {
	border-left: 1px solid #e5e5e5;
}

#topmenu li:focus .menu,
#topmenu li:hover .menu {
	background: #fbfbfb;
}

#topmenu li ul li {
	float: none;
	width: 100%;
}

#topmenu li ul li a {
	display: block;
	margin: 0 0 10px 0;
	padding: 0 3px 0 15px;
	color: #151515;
	font-size: 16px;
	text-align: left;
	line-height: 120%;
}


.btn_menu{z-index:93;position:absolute;top: 65px;right:50%;width: 60px;height: 60px;padding: 0 0 0 17px;margin:0 -700px 0 0;box-sizing:border-box;}
.btn_menu .bar{display:block; width:21px; height:3px; margin:4px 0; border-radius:1px; background:#1c1c1c;}
.btn_menu .bar2{width:13px;background: #dd7f30;transition:0.2s ease-in-out;}
.btn_menu:hover .bar2{width:21px;}
.btn_menu span:last-child {position: absolute;left: 0;width: 100%;font-size: 14px;}

.btn_menu_close{display:block; z-index:96; position:absolute; top:27px; right:3%; width:50px; height:50px; border-radius:50%; border:1px solid #3c4968; background:none;}
.btn_menu_close .bar{position:absolute; top:24px; left:12px; display:block; width:25px; height:1px; background:#3c4968;}
.btn_menu_close .bar1{transform:rotate(45deg);}
.btn_menu_close .bar2{transform:rotate(-45deg);}
@media all and (max-width:1430px) {
	.btn_menu{right:15px; margin:0;}
}
@media all and (max-width:1024px) {
	.btn_menu{right:15px;top: 51px;height:40px;width:40px;padding:0 10px;}
	.btn_menu span:last-child {font-size: 0;}
}
@media all and (max-width:768px) {
	.btn_menu{top: 46px;right:10px;}
	.btn_menu_close{top:18px; width:34px; height:34px;}
	.btn_menu_close .bar{top:15px; left:3px;}
}
@media all and (max-width:568px) {
	.btn_menu{top: 44px;}
}


/* 하단*/
.linksite{float:left;width:100%;text-align:left;background: #3d3d40;}
.linksite > ul > li{float:left; position:relative; width:25%; box-sizing:border-box; border-right:1px solid #76797f;}
.linksite > ul > li:first-child{border-left:1px solid #76797f;}
.linksite > ul > li > a{z-index:1; overflow:hidden; position:relative; display:block; height:60px; line-height:60px; padding:0 0 0 30px; color:#fff; transition:0.25s ease-in-out; color:#fff; text-decoration:none;}
.linksite > ul > li > a:after{content:'';display:block;position:absolute;top:50%;right:40px;width:12px;height:6px;margin:-3px 0 0 0;background: url(../../../images/kr/common/ico_arrow_foot.png) no-repeat;transition:0.25s ease-in-out;}
.linksite > ul > li:nth-child(4) > a:after{width:20px; background-position:100% 0;}

.linksite ul > li.on > a{background:#454f67;}
.linksite ul > li.on:not(:nth-child(4)) > a:after{transform:rotate(180deg);}
.linksite li div{display:none; z-index:56; position:absolute; bottom:60px; left:0; width:100%; background:#282d39;}
.linksite li div:before{content:''; display:block; position:absolute; bottom:0; right:0; width:150px; height:120px; opacity:0.1; background:url(../../../images/common/logo_l.png) no-repeat; background-size:200px;}
.linksite li.on div{display:block;}
.linksite li div > ul {overflow-y:auto; max-height:360px; min-height:155px; box-sizing:border-box; padding:20px 0.7em 22px 22px;}
.linksite li div ul li{position:relative; display:inline-block; width:100%; box-sizing:border-box; vertical-align:top; border-bottom:1px dotted rgba(255,255,255,0.17);}
.linksite li div ul li:before{content:''; display:block; position:absolute; top:21px; left:0; width:2px; height:2px; background:#aaa;}
.linksite .inner > li:last-child div > ul > li:before {display:none;}
.linksite li div ul li a{display:block; padding:10px 0 10px 0.5em; color:rgba(255,255,255,0.85); transition:0.35s ease-in-out;}
.linksite li div ul li a:hover{box-shadow:inset 0 45px 0 rgba(255,255,255,0.08);}

.linksite .list_tit {box-sizing:border-box; padding:10px 0 10px 0.5em; background:rgba(255,255,255,0.85); color:#333;}
.linksite .list_tit a {padding:0; color:#333;}

@media all and (max-width:1024px) {
	.linksite > ul > li > a{height:50px; line-height:50px; padding:0 0 0 23px;}
	.linksite > ul > li > a:after{right:18px;}
	.linksite li div{bottom:50px;}
	.linksite li div:before{width:120px; height:95px; background-size:150px;}
}
@media all and (max-width:768px) {
	.linksite > ul > li{width:50%;}
	.linksite > ul > li:nth-child(-n + 2) {border-bottom:1px solid #76797f;}
	.linksite > ul > li:nth-child(3) {border-left:1px solid #76797f;}
	.linksite > ul > li > a{height:45px; line-height:45px; padding:0 0 0 12px; font-size:15px;}
	.linksite li div{bottom:45px;}
	.linksite li div:before{width:75px; height:70px; background-size:110px;}
	.linksite li div > ul {padding:16px 17px 19px 17px;}
}
@media all and (max-width:568px) {
	.linksite > ul > li > a{height:38px; line-height:38px; font-size:14px;}
	.linksite > ul > li > a:after{right:14px;}
	.linksite li div{bottom:38px;}
	.linksite li div > ul {padding:12px 14px 16px 14px;}
	.linksite li div ul li:before {top:14px;}
}
@media all and (max-width:380px) {
	.linksite > ul > li > a{height:35px; line-height:35px; font-size:13px;}
	.linksite > ul > li > a:after{right:10px;}
	.linksite li div{bottom:35px;}
	.linksite li div ul li a,
	.linksite .list_tit {padding:7px 0 7px 0.5em;}
}

/* footer */
#footer{position:relative;float:left;width:100%;padding: 40px 0 60px 0;font-weight:400;color: rgba(255,255,255,.8);font-size:14px;line-height:120%;background: #535356;}
#footer .inner{z-index:1;padding-left: 275px;}
#footer:after{content:''; display:block; clear:both; width:100%;}
#footer .link{clear:both;width:100%;padding:0 0 20px;}
#footer .link li{position:relative; display:inline-block;}
#footer .link li:before{content:''; display:inline-block; width:4px; height:4px; margin:-2px 19px 0 18px; background:#ddd; vertical-align:middle; transform:rotate(45deg);}
#footer .link li:first-child:before{display:none;}
#footer .link a {color: #fff;}
#footer .link .privacy a{color: #ffd8b4;}
#footer .logo{display: flex;align-items: center;top:0;color: rgba(255,255,255,.5);}
#footer .logo img {margin: -3px 14px 0 0;}
#footer .logo span {font-family: 'gmarket';color: rgba(255,255,255,.5);text-transform: capitalize;letter-spacing: -0.07em;}
#footer address span{letter-spacing:-0.5px;}
#footer .copyright{opacity:0.5;padding:10px 0 0 0;\: 0;}

@media all and (max-width:1300px) {
	#footer .inner {padding-right: 100px;}
}
@media all and (max-width:1024px) {
	#footer {padding:35px 0 40px; text-align:center;}
	#footer .inner{padding:0 10px;}
	#footer .logo{position:static; display:inline-block;}
	#footer .logo span > span{color:#aaa;}
	#footer .link{padding:20px 0; font-size:15px;}
	#footer .link li:before{margin:-2px 15px 0;}
	#footer .copyright{padding:6px 0 0 0; font-size:12px;}
}
@media all and (max-width:768px) {
	#footer{font-size:13px;}
	#footer .link{padding: 18px 0;font-size: 14px;}
	#footer .link li:before{margin:-2px 12px 0;}
	#footer address span {display: block;}
	#footer .copyright{font-size:11px;}
}
@media all and (max-width:568px) {
	#footer {font-size:12px;}
	#footer .link li:before{margin:-2px 2px 0;}
	#footer address span{display:block; padding:3px 0 0 0;}
	#footer .copyright{padding:10px 0 0 0; font-size:10px;}
}
@media all and (max-width:380px) {
	#footer .link{padding:17px 0 23px; font-size:13px;}
	#footer .copyright{padding:7px 0 0 0; font-size:9px;}
}

/* btn_top */

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

@media all and (max-width:1600px) {
	.btn_top{left:auto; right:30px; margin:0;}
}
@media all and (max-width:1430px) {

}
@media all and (max-width:1024px) {
	.btn_top{top: 50px;right:20px;}
}
@media all and (max-width:768px) {
	.btn_top{top: 30px;width:38px;height:38px;line-height:38px;box-shadow: 0 0 0 9px rgba(77,141,213,0.5);}
}
@media all and (max-width:380px) {
	.btn_top{width:35px;height:35px;line-height:35px;}
}

/*
서브 레이아웃
*/
#container_sub{position:relative; overflow:hidden; width:100%;}
#container_sub:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height: 180px;background: #e9edf7 url(../../../images/kr/common/subvisual.png) no-repeat;}
#subContent{position:relative; max-width:1400px; margin:0 auto; padding:0 0 10em 0; box-sizing:border-box;}
#subContent:after{content:''; display:block; clear:both;}
#subContent #content{float:right; width:77.1%;}

/* 서브메뉴 */
#submenu{z-index:1;position:relative;float:left;width:18.6%;padding: 124px 0 0 0;}
#submenu .sm_tit{display:flex;flex-wrap: wrap;align-content: center;justify-content:center;overflow:hidden;position:relative;width:100%;height: 180px;margin:0 0 15px;text-align:center;color:#fff;border-radius:7px;background: #33a79a url(../../../images/kr/common/bg_subtit.jpg) no-repeat;background-size: cover;}
#submenu .sm_tit h2{line-height:110%;font-size: 30px;font-weight: 800;vertical-align:middle; width: 100%;}
#submenu .sm_tit p {margin: 20px 0 0;opacity: 0.3;letter-spacing: 0.05em;font-family: 'gmarket';font-size: 11px;font-weight: 800;line-height: 1.6;text-transform: uppercase;}
#submenu .depth2 > li{line-height:0; margin:0 0 10px;}
#submenu .depth2 > li > a{position:relative;display:flex;align-items:center;height:55px;line-height:120%;padding: 0 50px 0 30px;color:#666;border:1px solid #ddd;border-radius:5px;text-decoration:none;}
#submenu .depth2 > li > a:after{content:'';position:absolute;top:50%;right:26px;width:20px;height:4px;transform:translateY(-50%);background: url(../../../images/kr/common/ico_snb.png) no-repeat 0 100%;}
#submenu .depth2 > li:hover > a,
#submenu .depth2 > li > a:hover,
#submenu .depth2 > li > a:focus,
#submenu .depth2 > li > a:active,
#submenu .depth2 > li.current_on > a{position:relative;font-weight: 700;color: #32a296;border-color: #32a296;box-shadow: 0 0 13px 0 rgba(49,162,150,.2);}
#submenu .depth2 > li.current_on .hasUl{border-radius:5px 5px 0 0;}
#submenu .depth2 > li:hover > a:after,
#submenu .depth2 > li.current_on > a:after,
#submenu .depth2 > li > a:hover:after{height:20px; background-position:0 0;}

#submenu .depth2 li ul {display:none;margin: 8px 0 0;padding: 11px 10px 10px 30px;background: linear-gradient(to right, #f3f8eb 20%, #e6f4f3 100%);border-radius: 5px;}
#submenu .depth2 > li > a[target="_blank"]:before{width:10px; height:10px; background:url(../../../images/common/ico_blank.png) no-repeat;}

#submenu .depth2 li ul li a{position:relative;display:block;padding: 0.5em 0 0.5em 15px;line-height:100%;color: #777;}
#submenu .depth2 li ul li a:before{content:'';display:block;position:absolute;top:13px;left:0;width: 5px;height: 5px;background:#ababab;border-radius: 1px;}
#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: #333;font-weight: 600;}
#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{background: #32a296;}
#submenu .depth2 li ul li a[target="_blank"]:after{content:''; display:block; position:absolute; top:50%; right:10px; width:10px; height:10px; margin:-5px 0 0 0; vertical-align:middle; background:url(../../../images/common/ico_blank.png) no-repeat;}

#sub_default{padding:160px 0 0 0; line-height:170%;}
@media all and (max-width:1430px) {
	#subContent{padding:0 15px 10em;}
}
@media all and (max-width:1280px) {
	#subContent #content{width:76%;}
	#submenu{width:19%;}
}
@media all and (max-width:1024px) {
	#container_sub:before,
	#container_sub:after{display:none;}
	#subContent{width:100%; padding:0 0 7em; margin:0 auto;}
	#subContent #content{width:100%;}
	#sub_default{padding:30px 15px 0;}
}
@media all and (max-width:768px) {
	#sub_default{padding:25px 10px 0;}
}
@media all and (max-width:380px) {
	#sub_default{padding:22px 10px 0;}
}

/* 문서정보 */
#pageInfo{position:relative;padding: 68px 200px 0 0;box-sizing:border-box;}
#pageTitle{text-align:center;}
#pageTitle h3{position:relative;padding:0 0 4px 0;line-height:110%;font-size: 36px;font-weight: 700;}
@media all and (max-width:1024px) {
	#pageInfo{height:auto;padding:20px 15px 15px 18px;background: #e9edf7 url(/council/images/kr/common/subvisual.png) no-repeat;background-size: cover;}
	#pageTitle h3{padding:0; font-size:26px; letter-spacing:-2px;}
}
@media all and (max-width:768px) {
	#pageInfo{padding:17px 10px 12px 10px;}
	#pageTitle h3{font-size:23px; letter-spacing:-1.5px;}
}
@media all and (max-width:568px) {
	#pageTitle{text-align:left;}
	#pageTitle h3{font-size:20px;}
}

.util_wrap {position: absolute;top: 83px;right: 0;}
.btn_util{z-index:2;position:absolute;right:0;top: 75px;text-align:center;}
.btn_copy,
.sns_share .btn_share,
.sns_share a{display:block; font-size:0; text-indent:-999px; background:#0948b3 url(../../../images/common/ico_sns.png) no-repeat 9px 6px}

.btn_copy,
.sns_share .btn_share{width:50px;height:50px;border-radius: 50%;box-shadow:0 0 10px rgba(130,101,20,0.2);background:#fff url(../../../images/common/ico_share.png) no-repeat 17px 16px;}
.sns_share.on .btn_share{background-position:17px -23px;}
.sns_share .list{visibility:hidden; opacity:0; position:absolute; top:0px; right:110px; width:165px; padding:8px 0 9px 0; border:1px solid #eee; background:rgba(255,255,255,0.5); transition:0.25s ease-in-out; box-sizing:border-box;}
.sns_share.on .list{visibility:visible; opacity:1; right:120px;}
.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:#27d200; background-position:-64px 7px;}
.sns_share .kko{background-color:#F5C701; background-position:-141px 8px;}
.sns_share .insta{background-color:#c536a4; background-position:-102px 7px;}
.sns_share .tw{background-color:#1C9CEB; background-position:-26px 8px;}
.sns_share .fb:hover{background-color:#1b4482;}
.sns_share .bl:hover{background-color:#02b417;}
.sns_share .tw:hover{background-color:#1c79eb;}
.sns_share .kko:hover{background-color:#f5a701;}
.sns_share .insta:hover{background-color:#8a38b4;}

.btn_copy,
.sns_share{float:left; margin:0 0 0 13px;}
.btn_copy{background-position:-47px 16px;}

@media all and (max-width:1024px) {
	.util_wrap {top: 35px; right:15px;}
	.btn_copy, .sns_share{margin:0 0 0 6px;}
	.btn_copy, .sns_share .btn_share{width:35px; height:35px;}
	.btn_copy{background-position:-54px 9px;}
	.sns_share .btn_share{background-position: 9px 9px;}
	.sns_share.on .btn_share{background-position:10px -30px;}
	.sns_share .list{right:70px; top:-5px;}
	.sns_share.on .list{right:80px;}
}
@media all and (max-width:768px) {
	.btn_util{top:8px; right:10px;}
	.sns_share .list{top:33px; right:0; background:#fff;}
	.sns_share.on .list{top:38px; right:0;}
	.btn_copy, .sns_share{margin:0 0 0 3px;}
	.btn_copy, .sns_share .btn_share{width:30px; height:30px;}
	.sns_share .btn_share{background-position:7px 7px;}
	.sns_share.on .btn_share{background-position:8px -32px;}
	.btn_copy{background-position:-56px 7px;}
}

/*snb*/
.location{padding: 15px 0 0 0;font-weight:300;font-size: 18px;text-align:center;}
.location .home{display:inline-block;vertical-align:top;width: 32px;height: 32px;margin: -4px 0 0;border-radius:50%;text-indent:-999px;font-size:0;background: #ef8a39 url(../../../images/kr/common/ico_home.png) no-repeat 50% 50%;}
.location .home:after{display:none;}
.location .end {font-weight: 600;}
.location span:before{content:'';display:inline-block;vertical-align:middle;width: 7px;height: 12px;margin: -4px 26px 0;background: url(../../../images/kr/common/ico_arrow.png)no-repeat;}

.snb{float:left;}
.snb > li{position:relative; float:left; min-width:220px;}
.snb > li > a{display:block; position:relative; line-height:70px; padding:0 45px 0 33px; font-weight:400; color:#fff; border-right:1px solid rgba(255,255,255,0.3);}
.snb > li > a:after{content:''; display:block; position:absolute; top:50%; right:30px; width:11px; height:7px; margin:-4px 0 0 0; transition:0.3s ease; background:url(../../../images/member/sub/ico_sub.png) no-repeat -67px 0;}
.snb > li > a.on:after{transform:rotate(180deg); opacity:1;}
.snb > li > a.on,
.snb > li > a:hover{background:rgba(255,255,255,0.06);}
.snb ul{display:none; z-index:3; position:absolute; top:70px; left:-1px; width:calc(100% + 1px); border:1px solid #e6e6e6; border-top:none; background:#fff; box-sizing:border-box; box-shadow:2px 3px 5px rgba(0,0,0,0.1);}
.snb ul li{width:100%;}
.snb ul a{display:block; line-height:53px; padding:0 0 0 28px;}
.snb ul li + li a{border-top:1px solid #e6e6e6;}
.snb ul a.on,
.snb ul a:hover,
.snb ul a:focus,
.snb ul a:active{background:#f7f7f7;}
@media all and (max-width:1430px) {
	.snb > li{min-width:190px;}
}
@media all and (max-width:1024px) {
	.location {padding: 10px 0 0;}
	.location span{font-size:15px;}
	.location .home{vertical-align:middle;width: 24px;height: 24px;margin: -2px 0 0;}

	.snb > li{min-width:180px;}
	.snb > li > a{height:54px; padding:0 35px 0 20px; line-height:54px;}
	.snb > li > a:after{right:17px;}
	.snb ul{top:54px;}
	.snb ul a{line-height:45px; padding:0 0 0 20px; font-size:15px;}
}
@media all and (max-width:768px) {
	.location span{font-size:14px;}
	.location span:before{margin:-2px 10px 0 2px;}
	.location .home{margin:1px 0 0 0;}

	.snb{font-size:15px;}
	.snb > li {min-width:165px;}
	.snb > li > a{height:47px; line-height:48px;}
	.snb ul{top:47px;}
	.snb ul a{line-height:37px; font-size:14px;}
}
@media all and (max-width:568px) {
	.location{text-align:left;}
	.location span{font-size:13px;}
	.location .home {width: 20px; height: 20px; background-size: 10px;}

	.snb{font-size:14px;}
	.snb > li {min-width:140px;}
	.snb > li > a{height:40px; padding:0 24px 0 15px; line-height:40px;}
	.snb > li > a:after{right:12px;}
	.snb ul{top:41px;}
	.snb ul a{padding:0 0 0 15px; line-height:34px; font-size:13px;}
}
@media all and (max-width:380px) {
	.location span{font-size:12px;}
	.location span:before{margin:-2px 7px 0 0;}

	.snb {font-size:13px;}
	.snb > li{min-width:108px;}
	.snb > li > a{height:37px; line-height:37px; padding:0 21px 0 12px;}
	.snb > li > a:after{right:9px;}
	.snb ul{top:37px;}
	.snb ul a{line-height:32px; padding:0 0 0 12px;}
}

/* 모바일 gnb */
@media all and (max-width:1024px) {
	.m_menu{position:fixed; top:0; right:-100%; width:60%; height:100%; overflow-y:auto; z-index:100; background:#ddd; 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; box-sizing:border-box;}
	.m_menu > ul a{display:block; text-decoration:none; cursor:pointer;}
	.m_menu > ul > li{display:table; width:43%; border-bottom:1px solid #3d3f4a;}
	.m_menu > ul > li > a{position:relative; display:table-cell; vertical-align:middle; height:3em; padding:0 0 0 1em; line-height:120%; font-size:130%; color:#fff; background:#182239;}
	.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:800; background:linear-gradient(to right, #ea7e0e 0%,#f7bd52 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:10px 0 10px 1.2em; font-size:115%;}
	.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.hasUl > a.on:after{margin:-4px 0 0 0; transform:rotate(225deg);}
	.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: 16px;left:0.2em;width:13px;height:13px;margin:0;border:4px solid #9faab2;border-left:4px solid #143852;border-top:4px solid #143852;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:6px 0 6px 13px;}
	.m_menu > ul > li > div > ul > li > ul li a:before{content:'';display:block;position:absolute;top: 15px;left:4px;width:4px;height:4px;border-radius:50%;background:#0087e7;}
	.m_menu > ul > li.current_on .current_on > a{font-weight:800; 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{font-size:15px; background-size:13px;}
	.m_menu > ul > li > div > ul > li > a:before{top:14px; 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{font-size:14px;}
	.m_menu > ul > li > div > ul > li > ul li a:before{top: 10px;}
	.m_menu > ul > li > div ul li:not(.hasUl) > a[target="_blank"]:after{width:11px; height:11px; background-size:cover;}
}
@media all and (max-width:568px) {
	.m_menu{width:285px;}
	.m_menu .logo{top:17px;}
}

/*사이트맵*/
#sub_sitemap .site{overflow:hidden; width:100%; padding:52px 0 14px 0;}
#sub_sitemap .site:nth-child(odd){background:#f7f7f7;}
#sub_sitemap .site h4{float:left; width:22%; padding:0 0 0 48px; font-size:30px; box-sizing:border-box;}
#sub_sitemap .site h4:before{display:none;}
#sub_sitemap .site h4 a{display:inline-block; padding:15px 0; color:#41578a; border-top:2px solid #41578a; text-decoration:none}
#sub_sitemap .site > ul{float:left; width:78%; padding:0 1.5% 0 0; box-sizing:border-box;}
#sub_sitemap .site > ul > li {float:left; width:33.33%; padding:0 3.3% 38px; box-sizing:border-box;}
#sub_sitemap .site > ul > li > a{display:block; height:46px; line-height:45px; padding:0 0 0 16px; font-size:18px; font-weight:500; color:#484848; border:1px solid #484848; text-align:left; transition:0.25s ease-in-out;}
#sub_sitemap .site > ul > li > a:hover{color: #fff; box-shadow:inset 250px 0 #484848;}
#sub_sitemap .site > ul > li > ul{padding:12px 0 0 13px;}
#sub_sitemap .site > ul > li > ul li + li{margin:5px 0 0 0;}
#sub_sitemap .site > ul > li > ul li:before{top:10px;}
#sub_sitemap .site ul ul a{display:block;}

@media all and (max-width:1230px) {
	#sub_sitemap .site h4{padding:0 0 0 4%;}
}
@media all and (max-width:1024px) {
	#sub_sitemap .site h4{font-size:28px;}
}
@media all and (max-width:768px) {
	#sub_sitemap .site h4{width:30%; font-size:26px;}
	#sub_sitemap .site > ul{width:70%;}
	#sub_sitemap .site > ul > li {width:50%;}
}
@media all and (max-width:568px) {
	#sub_sitemap .site{padding:33px 0 14px;}
	#sub_sitemap .site h4{width:100%; margin:0 0 12px; font-size:22px;}
	#sub_sitemap .site h4 a{padding:8px 0;}
	#sub_sitemap .site > ul{width:100%; padding:0 1.5%;}
	#sub_sitemap .site > ul > li {width:50%; padding:0 2% 20px;}
	#sub_sitemap .site > ul > li > a{height:43px; line-height:43px; padding:0 0 0 13px; font-size:16px;}
	#sub_sitemap .site > ul > li > u{padding:10px 0 0 5px;}
	#sub_sitemap .site > ul > li > ul li + li{margin:3px 0 0 0;}
	#sub_sitemap .site > ul > li > ul li:before{top:9px;}
}
@media all and (max-width:380px) {
	#sub_sitemap .site{padding:30px 0 14px;}
	#sub_sitemap .site h4{margin:0 0 10px; font-size:21px;}
	#sub_sitemap .site h4 a{padding:7px 0;}
	#sub_sitemap .site > ul > li {padding:0 2% 17px;}
	#sub_sitemap .site > ul > li > a{height:39px; line-height:39px; font-size:15px;}
	#sub_sitemap .site > ul > li > ul li + li{margin:2px 0 0 0;}
}

* {
	font-family: 'Noto Sans KR', Helvetica, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', Arial, sans-serif !important;
}

#submenu {
    padding-top: 80px;
}