@charset "utf-8";
/**
공통 레이아웃
*/
.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:1200px; margin:0 auto; box-sizing:border-box;}
.inner:after{content:''; display:block; clear:both; width:100%;}

@media all and (max-width:1220px) {
	#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;}
}

.logo {z-index:94;position:absolute;top: 25px;left:0;line-height:160%;text-align:left;}
.logo a{display: flex; align-items: center; font-size: 26px; font-weight: 100; color: #000; line-height: 1; text-decoration:none;}
.logo a img{margin:0 12px 0 0;}
.logo a strong {font-size: 30px; font-weight: 600;}


@media all and (max-width:1230px) {
	.logo{left:15px;}
}
@media all and (max-width:1024px) {
	.logo{top:13px;}
	.logo a,
	.logo a strong{font-size:24px;}
	.logo a img{height:44px; margin:0 8px 0 0;}
}
@media all and (max-width:768px) {
	.logo {top:10px; left:10px;}
	.logo a,
	.logo a strong{font-size:22px;}
	.logo a img{height:41px;}
}
@media all and (max-width:568px) {
	.logo a,
	.logo a strong{font-size:20px;}
	.logo a img{height:38px;}
}
@media all and (max-width:380px) {
	.logo img{height:39px;}
	.logo strong{padding: 7px 0 0;font-size:19px;}
	.logo span > span{letter-spacing:-0.9px;}
}

#top{position:relative; width:100%; height:49px; background: #27313b;}
#top:after{content:''; display:block; clear:both; width:100%;}
#top .inner {height: 100%;}
.global{float:left;height: 100%;display: flex;flex-wrap: wrap;align-items: center;}
.global > li{z-index: 95;position:relative;float:left;padding: 0 23px;box-sizing:border-box;}
.global > li:first-child {padding: 0 23px 0 0;}
.global > li:after{z-index:-1;content:'';display:block;position:absolute;top:50%;right:0;transform: translateY(-50%);width: 1px;height: 17px;background: #6a6f74;}
.global > li > a{display:flex;align-items: center;justify-content: center;height: 100%;font-size: 15px;text-align: center;color:#fff;text-decoration:none;}
.global > li:last-child > a{padding-right:0;}
.global > li.list > a:after{content:'';display:inline-block;vertical-align:middle;margin: 0 0 0 12px;width: 11px;height: 7px;background:url(/images/common/ico_top_arrow.png)no-repeat; transition:transform 0.3s ease-in-out;}
.global > li.list > a.on:after{transform:rotate(180deg); filter:invert(1);}
.global > li.live > a span {display: inline-block;vertical-align: top;font-size: 14px;font-weight: 300;color: #fff;background: #f04848;border-radius: 5px;height: 25px;line-height: 25px;padding: 0 9px;box-sizing: border-box;}

.global li div{display:none;z-index:95;position:absolute;top: 49px;left:0;width:100%;padding:0 8px 5px;background:#fff;border: 1px solid #333;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;border-top: 1px dotted #20355f;box-shadow:inset 0 0 0 #edf7f7;text-align:center;box-sizing:border-box;transition:0.25s ease-in-out;text-decoration:none;}
.global li div li:first-child a{border-top:none;}
.global li div a:hover{font-weight:400; box-shadow:inset 0 44px 0 #edf0f7;}
.global li div a[target="_blank"]:after{margin-left:5px;}
.global .list {display: flex;flex-wrap: wrap;align-items: center;padding: 0;height:100%;}
.global .list > a {position:relative;padding: 0 23px;box-sizing:border-box;}
.global .list > a.on {background:#fff;color: #333;}
.global .list > a.on:before {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; margin:0; border:1px solid #333; border-bottom:none; transition:none; transform:rotate(0deg) !important;}
.global .list1 div{width:280px;}
.global .list2 div{width:100%;}
.global .list3 div a{letter-spacing:0;}
.global .list1 li{display:inline-block; width:30%; margin:0 1.1%; vertical-align:top;}
.global .list1 li:nth-child(-n+3) 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;}

@media all and (max-width:1280px) {
	.global > li > a{padding:0 15px;}
	.global > li:after{width:1px; height:8px; margin:-4px 0 0 0; transform:rotate(0deg); background:#ccc;}
}
@media all and (max-width:1230px) {
	.global {font-size:15px;}
}
@media all and (max-width:1024px) {
	#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:400;font-size:14px;color:#fff;background: #465872;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:99;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:35px;}

	.global > li{width:100% !important;padding: 0 5px;border-top: 1px solid #eee;background:#fff;}
	.global > li:first-child {padding:0;}
	.global > li:after{display:none;}
	.global > li > a{padding:0;height:37px;line-height:38px;color: #333;text-align:center;}
	.global > li:first-child > a {border-radius:0;padding: 0;}
	.global > li.on > a,
	.global > li.list > a.on{font-weight:400;}
	.global > li.list > a:after{margin-left: 8px;filter: invert(1);}
	.global > li.list > a.on:after{transform:rotate(-90deg);}
	.global .list {display:block; height:auto;}
	.global .list > a {padding: 0 5px;width:100%;line-height:37px;}
	.global .list > a.on {border:none;}
	.global .list > a.on::before {display:none}
	.global li div{top:-1px;left:100%;padding:0 5px;border-top: 1px solid #333;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;}

	.global > li.live > a span {margin: 8px 0 0 5px;font-size: 12px;height: 21px;line-height: 20px;}
}
@media all and (max-width:768px) {
	.btn_global{height:30px; line-height:31px; font-size:13px;}
	.btn_global.on + .global{top:30px;}
	.global{left:10px; font-size:13px;}
	.global > li > a.current:after{margin-top:10px;}
	.global .list1 div{width:240px;}
}
@media all and (max-width:568px) {
	#top .global li div{padding:0 5px;}
	.global li div .pos span{font-size:8px;}
}
@media all and (max-width:380px) {
	.btn_global,
	.global{width:125px !important;}
	.btn_global{font-size:12px;}
	.btn_global:before{width:16px;}
	.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 li div .pos span{font-size:7px;}
}

#font_control {float:right; margin:9px 0 0 0;}
#font_control ul{float:left;}
#font_control ul > li{float:left; text-align:center;}
#font_control ul > li > a{display:block;width: 33px;height: 33px;line-height: 33px;margin:0 0 0 4px;font-size:13px;font-weight:400;color: #fff;text-align: center;border: 1px solid rgba(255,255,255,.2);box-sizing:border-box;text-decoration:none;}
#font_control li.img a{text-indent:-999px;font-size:0;background: url(/images/common/ico_ctrl.png) no-repeat 11px 9px;}
#font_control li.small a{background-position: -47px 9px;}
#font_control li.print a{background-position: -110px 9px;}

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

#header{position:relative;height: 157px;}
#header .inner{padding:31px 0 0 0; text-align:right;}
@media all and (max-width:1220px) {
	#header .inner{padding-right:15px;}
}
@media all and (max-width:1024px) {
	#header{height:70px;border-bottom: 1px solid #eee;}
	#header .inner{width:100%; padding:0;}
}
@media all and (max-width:768px) {
	#header{height:62px;}
}
@media all and (max-width:568px) {
	#header{height:58px;}
}
@media all and (max-width:380px) {
	#header{height:56px;}
}

/* 메인메뉴 */
#menuArea{overflow:hidden;position:absolute;left:0;top: 150px;width:100%;z-index:93;letter-spacing:-1px;border-top:1px solid #eee; border-bottom:1px solid #eee;background:#fff;box-sizing: border-box;}
#menuArea.on{box-shadow:0 15px 15px rgba(0,0,0,0.15);}
#menuArea:before{z-index:1; content:''; display:block; position:absolute; top:59px; left:0; width:100%; height:1px; background:#e2e2e2;}
#menuArea .bar{display:block; position:absolute; top:57px; left:0; width:60px; height:3px; opacity:0; z-index:98; background:#184c87; transition:0.3s;}

#topmenu{float:left; width:100%; padding:0 40px 0 0; box-sizing:border-box;}
#topmenu > li{position:relative; float:left; width:16.66%; line-height:0;}
#topmenu > li > a{display:block;line-height:59px;font-size:20px;font-weight: 400;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{font-weight:500;color:#184c87;}

#topmenu li .menu{display:none;z-index:96;width:100%;height: 200px;padding:15px 0 0 0;margin:1px 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 7px; color:#151515; font-size:16px; text-align:left; line-height:120%;}

#topmenu li li a:hover,
#topmenu li li a:active,
#topmenu li li a:focus,
#topmenu li li.current_on a{color:#184c87;}

#topmenu ul ul{display:none !important;}


.btn_menu{z-index:95;position:absolute;top: 150px;right:50%;width:40px;height: 59px;margin:0 -600px 0 0;background: url(/images/common/ico_menu.png)no-repeat center right;}


.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:24px; left:12px; display:block; width:25px; height:1px; background:rgba(0,0,0,0.6);}
.btn_menu_close .bar1{transform:rotate(45deg);}
.btn_menu_close .bar2{transform:rotate(-45deg);}

@media all and (max-width:1220px) {
	.btn_menu{right:15px; margin:0;}
	#topmenu li .tit{left:15px; width:20%;}
	#topmenu .menu{padding:50px 15px 0 20%;}
}
@media all and (max-width:1230px) {
	#topmenu > li > a{font-size:19px;}
}
@media all and (max-width:1024px) {
	.btn_menu{top: 35px;height: 71px;}
	.btn_menu span:not(.bar){padding:5px 0 0 0;}
	#menuArea {display: none !important;}
}
@media all and (max-width:768px) {
	.btn_menu{top: 30px;right:10px;height: 63px;}
	.btn_menu .bar{width:24px; margin:5px auto;}

	.btn_menu_close{top: 20px;width:35px;height:35px;}
	.btn_menu_close .bar{top:16px; left:4px;}
	.btn_menu span:not(.bar){font-size:0; text-indent:-999px;}
}
@media all and (max-width:568px) {
	.btn_menu{height:59px;}
}


#footer{position:relative;float:left;width:100%;line-height:120%;padding: 30px 0 70px;background: #22272d;}
#footer .info{position:relative; padding:0 0 0 425px; box-sizing:border-box;}
#footer:after{content:''; display:block; clear:both; width:100%;}

#footer .logo{display: flex; align-items: center; top:0; color: #acacac;}
#footer .logo img {margin: 0 12px 0 0;}
#footer .logo span {font-size: 26px; font-weight: 100;}
#footer .logo span strong {font-size: 30px; font-weight: 600;}
#footer address{clear:both;width:100%;padding: 10px 0;font-weight: 300;color: #9e9e9e;}
#footer .copyright{color:rgba(126,126,126,0.7);font-size:14px;font-weight: 300;/*text-transform:uppercase;*/}
#footer .count {position: absolute; top: 10px; right: 40px; color: rgba(255,255,255,.7);}
#footer .count li {display: flex; align-items: center; margin: 0 0 10px; font-size: 14px; font-weight: 300;}
#footer .count li::before {content: ''; display: inline-block; margin: 0 14px 0 2px; width: 15px; height: 14px; background: url(/images/common/ico_today.png)no-repeat;}
#footer .count li:nth-child(2):before {width: 16px; height: 13px; margin: 0 15px 0 0; background-image: url(/images/common/ico_total.png);}
#footer .count li span {margin: 0 0 0 22px;}

@media all and (max-width:1320px) {
	#footer .count {position:static; margin:20px 0 0;}
}
@media all and (max-width:1024px) {
	#footer .logo {position:static;}
	#footer .info {padding:0 15px;}
	#footer address {padding:20px 0 7px;}
	#footer .copyright{font-size:13px;}
}
@media all and (max-width:768px) {
	#footer{padding:0 0 30px; font-size:14px;}
	#footer .info{width:100%;}
	#footer .logo{position:static;text-align:center;}
	#footer .logo span,
	#footer .logo span strong{font-size:22px;}
	#footer .logo img{margin: 0 8px 0 0;height:41px;}
	#footer .copyright{font-size:11px;}
}
@media all and (max-width:568px) {
	#footer .logo span,
	#footer .logo span strong{font-size:20px;}
}
@media all and (max-width:380px) {
	#footer .logo span,
	#footer .logo span strong{font-size:19px;}
	#footer .logo img{margin: 0 5px 0 0;height:38px;}
}

/* 하단 */
.linksite{z-index:1;position:relative;clear:both;width:100%;font-family:"score";font-weight:300;margin: 0 0 40px;}
.linksite:after{content:''; display:block; clear:both;}
.linksite .inner {display:flex; flex-wrap:wrap; justify-content:space-between;}
.linksite .inner > li{position: relative;float:left;width: 32.08%;background: #43474c;border-radius: 10px;box-sizing:border-box;}
.linksite .inner > li.on{background:#111;}
.linksite .inner > li > a{position:relative;display:block;height: 60px;line-height: 60px;padding:0 0 0 29px;color:#fff;text-decoration:none;letter-spacing:-0.5px;}
.linksite .inner > li > a:after{content:''; display:block; position:absolute; top:50%; right:40px; width:12px; height:6px; margin:-3px 0 0 0; background:url(/images/common/ico_linksite.png) no-repeat; transition:0.25s ease-in-out;}
.linksite .inner > li > a[target="_blank"]:after{width:20px; background-position:100% 0;}

.linksite .inner > 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;overflow:hidden;width:100%;border-radius:10px 10px 0 0;box-shadow:3px -5px 15px rgba(0,0,0,0.1);border:1px solid #333;border-bottom:none;box-sizing:border-box;background:#fff;}
.linksite li.on div{display:block;}
.linksite li div ul{width:100%;overflow-x: hidden;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: 100%;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;box-sizing: border-box;}
.linksite li div ul li a:hover{box-shadow:inset 0 50px 0 rgba(0,0,0,0.04);}

@media all and (max-width:1220px) {
	.linksite li div{left:15px; width:calc(100% - 30px);}
	.linksite .inner > li:first-child:before{left:15px;}
}
@media all and (max-width:1024px) {
	.linksite {margin:0 0 20px;}
	.linksite .inner > li > a{height:52px; line-height:52px; padding:0 0 0 25px;}
	.linksite .inner > li > a:after{right:15px;}
	.linksite li div{bottom:52px;}
}
@media all and (max-width:768px) {
	.linksite {font-size:15px;}
	.linksite h2{font-size:0; text-indent:-999px;}
	.linksite .inner > li{position:relative;width:100%;border: 1px solid rgba(255,255,255,0.2);border-bottom:none;border-radius: 0;}
	.linksite .inner > li:first-child{border-top:none;}
	.linksite .inner > li > a{height:38px;line-height:38px;text-align: left;}
	.linksite .inner > li:first-child:before,
	.linksite .inner > li > a:before{display:none;}
	.linksite li div{bottom:38px; left:-1px; width:calc(100% + 2px);}
	.linksite li div ul{padding:12px 14px 16px 14px;}
	.linksite li div ul li{width: 100%;}
	.linksite li div ul li a {text-align:left;}
}
@media all and (max-width:568px) {
	.linksite {margin: 0 0 25px;font-size:14px;border:none;}
}
@media all and (max-width:380px) {
	.linksite li div ul li a{padding:10px 0 10px 0.5em;}
}

.btn_top{z-index:2;display:block;position:absolute;top: -25px;left:50%;width:50px;height:50px;line-height:50px;margin:0 0 0 680px;letter-spacing:0;font-size: 0;border-radius:50%;color:#fff;text-align:center;transition:box-shadow 0.3s ease-in-out;background: #3f6db8 url(/images/common/ico_top.png)no-repeat center;box-shadow: 0 0 0 11px rgba(63,109,184,0.5);box-sizing:border-box;}
.btn_top:hover{color:#fff; box-shadow:0 0 0 11px rgba(63,109,184,0.8);}


@media all and (max-width:1560px) {
	.btn_top {left:auto; right:15px; margin:0;}
}
@media all and (max-width:1320px) {
	.btn_top {top: 200px;right:55px;}
}
@media all and (max-width:1024px) {
	.btn_top {top: 120px;}
}
@media all and (max-width:768px) {
	.btn_top{top: 140px;right:23px;width:38px;height:38px;line-height:38px;box-shadow: 0 0 0 9px rgba(63,109,184,0.5);}
}
@media all and (max-width:380px) {
	.btn_top{right: 20px;width:35px;height:35px;line-height:35px;}
}

/*
서브 레이아웃
*/
#container_sub{position:relative; overflow:hidden; width:100%;}
#subContent{position:relative;width:1200px;margin: 50px auto 0;padding:0 0 11em 0;box-sizing:border-box;}
#subContent:after{content:''; display:block; clear:both;}
#subContent #content{float: right;width: 100%;}
#fontSize{float:left; width:100%;}
@media all and (max-width:1220px) {
	#subContent{width:100%; padding:0 15px 10em;}
}
@media all and (max-width:1024px) {
	#subContent{padding-top:0;}
}
@media all and (max-width:768px) {
	#subContent{margin-top:35px; padding:0 10px 7em;}
}
@media all and (max-width:568px){
	#subContent{margin-top:25px;}
}

#subVisual{position:relative;width:100%;height: 273px;background: url(/images/assembly/sub/subvisual.jpg)no-repeat center; background-size: cover;}
#subVisual .inner {height: 100%;}
#subVisual .menuTitle {padding: 55px 0 0; color: #fff;}
#subVisual .menuTitle h3 {font-size: 43px; font-weight: 600;}
#subVisual .menuTitle p {position: relative; padding: 40px 0 0; color:rgba(255,255,255,.7);}
#subVisual .menuTitle p::before {content: ''; display: block; position: absolute; top: 20px; left: 0; width: 51px; height: 1px; background: rgba(255,255,255,.3);}

#subVisual .location_wrap {position: absolute; bottom: 0; width: 100%; height: 58px; background: #2b4ea6; border-radius: 10px 10px 0 0;}
#subVisual .location_wrap .location,
#subVisual .location_wrap .location .snb {display: flex; align-items: center; height: 100%;}
#subVisual .location_wrap .location .snb li {position: relative; padding: 0 23px; width: 220px; height: 100%; box-sizing: border-box;}
#subVisual .location_wrap .location .snb > li > a {display: flex; align-items: center; height: 100%; color: #fff; text-decoration: none;}
#subVisual .location_wrap .location .home {position: relative; display: flex; width: 62px; height: 100%; text-indent: -9999px; background: url(/images/assembly/sub/ico_home.png)no-repeat center;}
#subVisual .location_wrap .location .snb > li::after,
#subVisual .location_wrap .location .snb > li > a::after,
#subVisual .location_wrap .location .home::after {content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 29px; background: #5571b8;}
#subVisual .location_wrap .location .snb > li > a::after {right: 22px; width: 10px; height: 9px; border-top: 9px solid #fff; border-left:5px solid transparent; border-right: 5px solid transparent; background: transparent; transition: .3s;}

#subVisual .location_wrap .location .snb > li > a.on::after {transform: translateY(-50%) rotate(180deg);}

#subVisual .location_wrap .location .snb .depth2 {z-index: 9; display: none; position: absolute; top: 58px; left: 0; color: #333; background: #fff; border-radius: 0 0 5px 5px; box-shadow: 0 5px 10px rgba(0,0,0,.15);}
#subVisual .location_wrap .location .snb .depth2 li:not(:last-child) {border-bottom: 1px solid #ddd;}
#subVisual .location_wrap .location .snb .depth2 li > a{height: 50px; line-height: 50px; color: #333;}

@media all and (max-width:1220px) {
	#subVisual .location_wrap {left: 0;}
	#subVisual .menuTitle h3 {font-size: 38px;}
}
@media all and (max-width:1024px) {
	
}
@media all and (max-width:768px) {
	#subVisual {height: 230px;}
	#subVisual .menuTitle {padding: 40px 0 0;}
	#subVisual .menuTitle h3 {font-size: 32px;}
	#subVisual .menuTitle p {padding: 30px 0 0; font-size: 15px;}
}
@media all and (max-width:568px) {
	#subVisual {height: 200px;}
	#subVisual .menuTitle {padding: 30px 0 0;}
	#subVisual .menuTitle h3 {font-size: 28px;}
	#subVisual .menuTitle p {padding: 25px 0 0; font-size: 13px;}
	#subVisual .menuTitle p::before {top: 12px;}
	#subVisual .location_wrap {height: 50px;}
	#subVisual .location_wrap .location .home {width: 50px;}
	#subVisual .location_wrap .location .snb li {padding: 0 30px 0 15px; width: 160px;}
	#subVisual .location_wrap .location .snb > li > a::after {right: 15px;}
	#subVisual .location_wrap .location .snb .depth2 {top: 50px;}
}
@media all and (max-width:380px) {
	#subVisual {height: 180px;}
	#subVisual .menuTitle h3 {font-size: 24px;}
	#subVisual .location_wrap {height: 44px;} 
	#subVisual .location_wrap .location .home {width: 46px;}
	#subVisual .location_wrap .location .snb li {width: 120px;}
	#subVisual .location_wrap .location .snb > li > a {font-size: 12px;}
}


/* 문서정보 */
#pageInfo{position:relative;padding: 0 0 25px;margin: 0 0 60px;width:100%;text-align:center;border-bottom: 1px solid #ddd;}
#pageTitle h3 {position: relative; display: inline-block; font-size: 40px; font-weight: 600; line-height: 1; text-align: center;}
#pageTitle h3::after {content: ''; position: absolute; bottom: -27px; left: 50%; transform: translateX(-50%); width: calc(100% + 10px); height: 3px; background: #fb9504;}
#pageTitle .btn_move {position: absolute;top: 0;left: 20px;width: 50px;height: 50px;text-indent: -9999px;background: #fff url(/images/assembly/sub/ico_menu_arrow.png) no-repeat 15px 16px;border: 1px dashed #cecece;border-radius: 50%;box-sizing: border-box;}
#pageTitle .btn_move.right {left: auto;right: 20px;background-position: -107px 16px;}
#pageTitle .btn_move:hover {background-position: 15px -44px; border-style: solid;}
#pageTitle .btn_move.right:hover {background-position: -107px -44px;}


@media all and (max-width:1024px) {
	#pageInfo{margin:0 0 40px;padding: 0 0 25px;}
	#pageTitle h3{font-size: 34px;}
}
@media all and (max-width:768px) {
	#pageInfo{margin:0 0 35px;}
	#pageTitle h3{font-size: 30px;}
}
@media all and (max-width:620px) {
	#pageInfo{margin:0 0 30px;}
}
@media all and (max-width:568px){
	#pageInfo{padding: 10px 0 20px;}
	#pageTitle h3 {font-size: 26px;}
	#pageTitle h3::after {bottom:-22px;}
	#pageTitle .btn_move {width:40px;height: 40px;background-position: 10px 11px;}
	#pageTitle .btn_move.right {background-position: -111px 11px;}
	#pageTitle .btn_move:hover {background-position: 10px -49px;}
	#pageTitle .btn_move.right:hover {background-position: -111px -49px;}
}
@media all and (max-width:380px) {
	#pageInfo{margin:0 0 27px;}
	#pageTitle h3{font-size: 24px;}
}

/* 서브메뉴 */
#submenu{z-index:1;position:relative;float:left;width:18.571%;}
#submenu .sm_tit{overflow:hidden;position:relative;width:100%;height:144px;display: flex;flex-direction: column;justify-content: center;text-align:center;color:#fff;border-radius: 5px;background:#35929d url(/images/kr/common/bg_subtit.jpg) no-repeat;background-size:cover;}
#submenu .sm_tit h2{position:relative;padding: 0 0 25px;line-height:110%;font-size:32px;font-weight: 900;font-family:"gmarket";}
#submenu .sm_tit h2:after {content:'';display:block;position:absolute;bottom: 10px;left:50%;transform:translateX(-50%) rotate(45deg);width:6px;height:6px;background:#ff9f00;}
#submenu .sm_tit p{font-size: 15px;color:rgba(255,255,255,0.6);text-transform:uppercase;}
#submenu .depth2 {width:100%; margin:19px 0 0 0; box-sizing:border-box;}
#submenu .depth2 > li{line-height:0;}
#submenu .depth2 > li > a{position:relative;display: flex;flex-wrap: wrap;align-items: center;height:55px;padding: 0 45px 0 29px;font-size:18px;font-weight:300;color:#333;line-height: 1;border-bottom:1px solid #ddd;text-decoration:none;box-sizing:border-box;background:#fff;}
#submenu .depth2 > li > a:after,
#submenu .depth2 > li > a:before{content:'';position:absolute;top:50%;right:20px;width: 19px;height: 19px;transform:translateY(-50%);background: #eee url(/images/common/ico_snb.png) no-repeat 5px -56px;border-radius: 50%;}
#submenu .depth2 > li.current_on > a{color: #00245e;font-weight:500;border: 2px solid #b3bed0;border-radius: 5px;}
#submenu .depth2 > li.current_on > a.hasUl {border-radius:5px 5px 0 0;}
#submenu .depth2 > li.current_on > a:before{display:none;}
#submenu .depth2 > li.current_on > a:after{background-position: 5px 8px;background-color: rgba(0,36,94,0.4);}
#submenu .depth2 li ul {display:none;padding: 10px 30px;background: linear-gradient(90deg, rgba(234,237,242,1) 0%, rgba(249,243,233,1) 80%);border-bottom: 1px solid #ddd;}

#submenu .depth2 li ul li a{position:relative;display:block;height: 34px;line-height: 34px;font-size: 16px;font-weight: 300;color:#333;text-decoration:none;}
#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: #00245e;font-weight:500;}

@media all and (max-width:1280px) {
	#submenu{width:20%; margin:-90px 5% 0 0;}
	#submenu .sm_tit h2{font-size:28px;}
	#submenu .depth2 > li > a{padding: 0 45px 0 15px;font-size:17px;}
	#submenu .depth2 > li > a:after{right:20px;}
}

/* 모바일 메뉴 */
@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{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;}
	.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:600; background:#32acb6;}
	.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.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: 15px;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{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: 13px;left:4px;width:4px;height:4px;border-radius:50%;background:#32acb6;}
	.m_menu > ul > li.current_on .current_on > a{font-weight:600; color:#222;}
}
@media all and (max-width:768px) {
	.m_menu .m_top{height:72px;}
	.m_menu .logo{top:15px;}
	.m_menu .logo a {font-size:18px;}
	.m_menu .logo a strong {display:block; margin:3px 0 0;}
	.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: 11px;}
	.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;}
	.m_menu .logo a strong {padding:0;}
}