@charset "utf-8";

/* 메인메뉴 */
#header {height: 100px;}
#menuArea {overflow: visible;top: 53px;background: none;}
#menuArea.on{box-shadow:none;}
#menuArea:after{z-index:95;}
#menuArea:before,
#menuArea.on:before,
#menuArea.on:after,
#topmenu .menu:before,
#menuArea .bar{display: none;}
#topmenu{padding: 0 0 0 28%;}
#topmenu > li {position:relative;width: 25%;}
#topmenu > li > a {line-height: 100px;}

#topmenu .menu > ul > li:hover > a,
#topmenu .menu > ul > li.current_on > a,
#topmenu .menu > ul > li > a:hover{color:#fff;}

#topmenu li .menu{z-index:96;visibility:hidden;opacity:0;position:absolute;top:85px;left:50%;width:220px;min-height:0;height: auto;padding:21px 0;box-shadow:3px 3px 18px rgba(0,0,0,0.1);transform:translateX(-50%);text-align:center;background:#01234b;border: 0;transition:0.22s ease-in-out;}
#topmenu li.active .menu{visibility:visible; opacity:1; top:100px;}
#topmenu li:focus .menu,
#topmenu li:hover .menu{background:#01234b;}
#topmenu li ul li a {text-align: center;}

#topmenu li:first-child .menu{border-left:0;} 
#topmenu .menu > ul > li{width:100%; padding:0; margin:0 0 7px;}
#topmenu .menu > ul > li > a{height:auto; line-height:110%; padding:10px 0; color:#fff; text-decoration:none;}
#topmenu .menu > ul > li > a,
#topmenu .menu > ul > li:hover > a, 
#topmenu .menu > ul > li.current_on > a, 
#topmenu .menu > ul > li > a:hover{background:transparent; border:none;}
#topmenu li li a{font-size:17px; font-weight:400; font-family: 'score_400';}
#topmenu li li a span{position:relative; display:inline-block; padding:0 18px; width: 115px;}
#topmenu li li a span:after{content:''; display:block; position: absolute; bottom:-8px; left:50%; width:0; height:2px; background:rgba(255,255,255,0.5);}
#topmenu li li a:hover span:after{left:0; width:100%; transition:0.18s ease-in-out;}

@media all and (max-width:1280px) {
    #topmenu{padding: 0 0 0 28%;}
	#topmenu > li > a {font-size:18px;} 
}

.logo {top: 23px; font-family: 'score_600';}
.logo a {display: flex; align-items: center;}
.logo img {margin: 0 14px 0 0;}
.logo span {font-size: 26px;color: #666;line-height: 1;}
.logo span > span {display: inline-block;padding: 0;font-size: 26px;font-weight: 600; font-family: 'score_600'; color: #333;}

#footer .inner {padding-left: 0;}
#footer address {padding: 13px 0 0;}

.btn_top{display: flex;justify-content: center;align-items: center;top: -28px;left:50%;padding: 20px 0 0;width: 57px;height: 57px;line-height: 1;font-size: 13px;font-weight: 400; font-family: 'score_400';color:#fff;text-align:center;background: #da6767 url(/images/assembly/main/ico_top_arrow.png) no-repeat center top 15px;box-shadow: none;}
.btn_top:hover{box-shadow: none;}
.location .home {background-image: url(/images/assembly/sub/ico_home.png);}

#container_sub:before{background: #ebf0db url(/images/assembly/sub/bg_sub.jpg) no-repeat 100% 0;}
#submenu .sm_tit {background-image: url(/images/assembly/sub/bg_subtit.jpg);}
#submenu .sm_tit h2:after {margin: 10px auto 14px;width: 6px;height: 6px;border-radius: 50%;background: #f3c122;}
#submenu .sm_tit .en {font-family:'jalnan';font-size: 12px;opacity: .2;}
#submenu .depth2 > li > a:after {background-image: url(/images/ch/sub/ico_snb.png);}
#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 {color: #333;border-color: #7fd6dd;box-shadow: 0 0 15px 0 rgba(21,155,166,.2);}

#submenu .depth2 > li > a:after {width: 26px;height: 5px;background: url(/images/assembly/sub/ico_snb.png)no-repeat;}
#submenu .depth2 > li:hover > a:after, 
#submenu .depth2 > li.current_on > a:after, 
#submenu .depth2 > li > a:hover:after {height: 5px;background-position: 0 -66px;}

@media all and (max-width:1600px) {
	.btn_top{left:auto;right: 15px;margin:0;}
}
@media all and (max-width:1024px) {
	#header {height: 70px;} 
	.logo {top: 10px;}
	.logo img {margin: 4px 5px 0 0;}
	.logo strong {font-size: 24px;}
	
	
	#footer .logo > span{display:inline-block;}
	#footer .logo strong{font-size:24px;}

    #pageInfo {background: #ebf0db url(/images/assembly/sub/bg_sub.jpg) no-repeat 100% 0;}
	#pageTitle,
	.location{text-align:center;}
	.location{padding:0 0 6px;}
	#pageTitle h3{font-size:26px;}
	.btn_util{top:32px;}
    #sub_default {padding:25px 15px 0;}
}

@media all and (max-width:768px) {
	#header {height: 62px;} 
	.logo img {margin-top: 1px;}
	.logo span,
	.logo span > span {font-size: 24px;}
	
	#pageTitle h3{font-size:23px;}
    #sub_default {padding:20px 10px 0;}
}
@media all and (max-width:568px) {
	#header {height: 58px;}
	.logo {top: 9px;}
	.logo span,
	.logo span > span {font-size: 20px;}

	#pageTitle h3{font-size:21px;}
}
@media all and (max-width:380px) {
    #sub_default {padding:17px 10px 0;}
	#pageTitle h3{font-size:19px;}
}

.btn_menu {width:30px; padding:0 0 0 5px; border:none;}
.btn_menu .bar2{width:21px; background:#333;}

/* snb */
#submenu .sm_tit h2{
	width: 170px;
    margin: 0 auto;
}