@charset "utf-8";

.btn_menu,
#search,
.top_sns{display:none;}

.logo strong{padding:5px 0 0 0; color:#000;}
.logo span > span{padding:0; font-size:16px; color:#333; font-weight:400; letter-spacing:-1px;}

@media all and (max-width:1024px) {
	.btn_menu{display:block; right:15px;}

	.logo strong{padding:0; letter-spacing:-2px; font-size:22px;}
	.logo span > span{padding:2px 0 3px 0; font-size:14px;}
}
@media all and (max-width:768px) {
	.btn_menu{right:10px;}

	.logo strong{font-size:20px;}
	.logo span > span{font-size:13px;}
}
@media all and (max-width:380px) {
	.logo strong{font-size:19px;}
	.logo span > span{font-size:12px;}
}

#font_control{position:relative; z-index:94;}
#font_control li{margin:0;}
#font_control li a{border:none; font-size:15px;}

#header{height:112px;}

@media all and (max-width:1024px) {
	#header{height:70px;}
}
@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:54px;}
}

#menuArea{top:40px;}
#menuArea:after, #menuArea:before{top:112px;}

#topmenu {padding:0 180px 0 25%;}
#topmenu > li{width:25%;}
#topmenu > li:last-child{display:block;}
#topmenu > li > a{line-height:112px;}
#topmenu .menu{top:112px; padding-left:22%;}
#topmenu li .tit{width:22%;}

#footer {padding:37px 0; font-size:16px; color:rgba(255,255,255,0.8); background:#2d2f3a;}
#footer .inner {padding:0 0 0 282px;}
#footer .logo {top:0;}
#footer .logo span{font-size:12px; color:#aeaeae; letter-spacing:-0.3px;}
#footer .logo strong{padding:3px 0 5px; font-weight:400; color:rgba(255,255,255,0.7); font-family:"hansuw"; letter-spacing:-1px;}
#footer address{padding:3px 0;}
#footer .copyright{padding:0; color:#aeaeae; text-transform:uppercase;}
@media all and (max-width:1230px) {
    #footer .logo {left:15px;}
}
@media all and (max-width:1024px) {
    #footer{font-size:15px; text-align:center;}
	#footer .inner {padding:0 15px;}
	#footer .logo{position:static; display:inline-block; margin:0 0 20px;}
	#footer .logo span{padding:0 0 0 3px; letter-spacing:0.4px; font-size:11px;}
	#footer .copyright{font-size:12px;}
}
@media all and (max-width:768px) {
	#footer{font-size:14px;}
	#footer .inner {padding:0 10px;}
	#footer .logo{margin:0 0 17px;}
	#footer .logo span{letter-spacing:0.3px; font-size:10px;}
	#footer .copyright{font-size:11px;}
	#footer address span{display:block; padding:3px 0 0 0;}
}
@media all and (max-width:380px) {
	#footer{padding:35px 0; font-size:13px;}
	#footer .logo{margin:0 0 15px;}
	#footer .logo span{letter-spacing:0.5px; font-size:9px;}
	#footer .copyright{font-size:10px;}
}

#subVisual{height:279px; background:url(/images/assembly/main/bg.jpg) no-repeat 50% 0; background-size:cover;}
#subVisual h2{margin:-45px 0 0 0; padding:0 0 17px; line-height:100%; font-size:38px; color:#fbf209; font-weight:400; font-family:"hansuw";}
#subVisual2{height:279px; background:url(/images/assembly/main/bg2.jpg) no-repeat 50% 0; background-size:cover;}
#subVisual2 .txt{display:none;}

@media all and (max-width:1024px) {
	#subVisual,
	#subVisual2{height:130px;}
	#subVisual h2{margin:0; padding:0 0 7px; font-size:26px;}
}
@media all and (max-width:768px) {
	#subVisual,
	#subVisual2{height:105px;}
	#subVisual h2{padding:0 0 4px; font-size:24px;}
}
@media all and (max-width:568px) {
	#subVisual,
	#subVisual2{height:85px;}
	#subVisual h2{font-size:21px;}
}
@media all and (max-width:380px) {
	#subVisual,
	#subVisual2{height:80px;}
	#subVisual h2{padding: 0 0 2px; font-size:20px;}
}

#subContent{padding-top:50px;}

.location {z-index:1; position:relative; float:none; max-width:1200px; height:60px; padding:0; margin:-60px auto 0; color:#fff; box-sizing:border-box;}
.location .inner{background:rgba(0,0,0,0.7);}
.location:after {content:''; display:block; clear:both;}
.location * {display:block;}
.location .home {width:65px; height:60px; background:#1098ad url(/images/common/ico_home.png) no-repeat 55% 45%;}
.location span{padding:0 0 0 45px; line-height:60px; font-size:16px;}
.location span:before{left:20px; width:9px; height:9px; margin:-4px 0 0 0; border-width:2px; border-color:#fff;}
.location span:first-of-type{padding:0 0 0 29px;}
.location span:first-of-type:before{display:none;}
@media all and (max-width:1230px) {
	.location{padding:0 15px;}
	.location .inner{padding:0;}
}
@media all and (max-width:1024px) {
	#subContent{padding-top:0;}

    .location {height:49px; padding:0; margin:0;}
    .location .home {width:49px; height:49px;}
	.location span{line-height:49px;}
}
@media all and (max-width:768px) {
	.location {height:45px;}
    .location .home {width:45px; height:45px;}
	.location span{line-height:45px; font-size:15px;}
}
@media all and (max-width:568px) {
	.location {height:39px; padding:0;}
	.location .home {width:39px; height:39px;}
	.location span{padding:0 0 0 30px; line-height:39px; font-size:14px;}
	.location span:first-of-type{padding:0 0 0 17px;}
	.location span:before{left:9px; margin:-5px 0 0 0;}
}
@media all and (max-width:380px) {
	.location {height:36px;}
    .location .home {width:36px; height:36px;}
	.location span{line-height:36px; font-size:13px;}
}

#submenu{margin-top:0;}
#submenu .sm_tit{background:#1971c2 url(/images/assembly/sub/bg_subtit.png) no-repeat 100% 100%;}
#submenu .sm_tit h2{font-size:30px; font-family:"hansuw"; font-weight:400; letter-spacing:0;}
#submenu .depth2 {border:none;}
#submenu .depth2 > li{margin:0 0 10px;}
#submenu .depth2 > li > a{padding:0 0 0 16px; font-size:18px; font-weight:800;}
#submenu .depth2 > li:first-child > a{border-top:none;}
#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:#1971c2; border-bottom-color:#dcdcdc; background:none;}
#submenu .depth2 > li:last-child > a:hover,
#submenu .depth2 > li.current_on:last-child > a{border-bottom-color:#dcdcdc;}
#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:#1971c2;}
#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:#1971c2;}
#submenu .depth2 > li > a:after{width:14px; height:14px; background-image:url(/images/assembly/sub/ico_submenu.gif); background-position:0 -63px;}
#submenu .depth2 > li > a:not(.hasUl):after{display:none;}

#submenu .depth2 > li > a:before{content:''; display:block; position:absolute; bottom:-1px; left:0; width:0; height:2px; background:#1971c2;}
#submenu .depth2 > li:hover > a:before,
#submenu .depth2 > li.current_on > a:before,
#submenu .depth2 > li > a:hover:before{width:100%; transition:0.25s linear;}


#pageInfo{margin:0 0 40px; padding-bottom:25px; border-bottom-color:#bfbfbf; background:url(/images/assembly/sub/bg_pagetit.gif) no-repeat 0 20px;}
#pageTitle h3{font-size:36px; color:#222;}

@media all and (max-width:1024px) {
	#pageInfo{margin:0 0 30px; padding-bottom:15px; background-image:none;}
	#pageTitle h3{font-size:27px;}
}
@media all and (max-width:768px) {
	#pageInfo{margin:0 0 25px; padding-bottom:12px;}
	#pageTitle h3{font-size:23px;}
}
@media all and (max-width:568px) {
	#pageInfo{margin:0 0 20px; padding-bottom:10px;}
	#pageTitle h3{font-size:21px;}
}
@media all and (max-width:380px) {
	#pageInfo{margin:0 0 17px; padding-bottom:8px;}
	#pageTitle h3{font-size:20px;}
}

.btn{border-radius:47px;}
.btn.blue,
.btn.btn-default,
.board_view + .board_btn .btn{border-color:#1971c2; background-color:#1971c2;}
.board_view .btn,
.btn.blue:hover,
.btn.btn-default:hover,
.board_view + .board_btn .btn:hover{color:#1971c2; background-color:#fff;}

.board_list,
.board_view,
.normal_list{border-top-color:#1971c2;}
.normal_list th{background-color:#f6f8fc;}
.board_list .notice{background-color:#1971c2;}
.board_view .btn{color:#333;}
.board_view .btn:hover{background:#1971c2; color:#fff;}

#pagingNav a:hover,
#pagingNav a:focus{border-color:#1971c2; background-color:#f5faff;}
#pagingNav a.num_current, #pagingNav a.num_current:hover, #pagingNav a.num_current:focus{border-color:#1971c2; background-color:#1971c2;}
