@charset "utf-8";

/*
	Layout CSS
	Header, Footer, Sub 페이지의 layout에 해당하는 것들을 모아두었습니다.
*/

/* SKIP */
#skip a{position:absolute; left:-9999px;}

/* ROOT */
#root{position:relative; width:100%;}

/* Content Layout */
.layout{max-width: 1400px; margin: 0 auto;}


/* header layout -------------------------------------------------------------------------------------------------------------------------------------*/
#header{width:100%; height:auto; background:#fff; box-shadow:0 3px 3px rgba(0,0,0,0.1); -webkit-box-shadow:0 3px 3px rgba(0,0,0,0.1); -moz-box-shadow:0 3px 3px rgba(0,0,0,0.1); z-index:500}
#header .header_wrap{position:relative; max-width:1280px; min-width:320px; margin:0 auto; padding:10px 0 5px;}
#header .header_wrap .header_logo{text-align:center; width:fit-content; margin:0 auto;}
#header .header_wrap .header_logo a{display:block;}
#header .header_wrap .header_logo img{height:177px;}
#header .header_wrap .header_logo img.mb{display:none;}
#header .header_wrap p{position:absolute; right:0; bottom:21px;}
#header .header_wrap p b{margin-right:10px;}
#header .header_wrap p span{display:block;}

#header .gnb{position:absolute; top:15px; right:0;}
#header .gnb ul{}
#header .gnb ul li{float:left;}
#header .gnb ul li a{display:block; padding-left:20px; font-size:0.8em; line-height:1.2em; color:#888; text-transform:uppercase;}

/* navi */
#lnb{position:relative; width:100%; height:auto; background:rgb(2,0,36); background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%);}
#lnb .btn_all_lnb{display:none; width:35px;}
#lnb .btn_all_lnb img{width:100%}

#lnb .lnb_wrap{max-width:1280px; width:100%;  margin:0 auto; text-align:center; display:block; }
#lnb .lnb_wrap .lnb_d1{position:relative; border-right:1px solid #eee}
#lnb .lnb_wrap .lnb_d1 li{float:left; position:relative; width:14.285%; border-left:1px solid #f1f1f1; }
#lnb .lnb_wrap .lnb_d1 li a{display:block; position:relative; font-size:1.067em; line-height:50px; color:#333; letter-spacing:-0.01em; transition:all 0.3s; -webkit-transition:all 0.3s; -ms-transition:all 0.3s; }
#lnb .lnb_wrap .lnb_d1 > li > a:after{display:block; position:absolute; bottom:0; left:50%; width:0; height:7px; background:#ffc32a; content:""; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transition:all 0.3s; -webkit-transition:all 0.3s; -ms-transition:all 0.3s; }
#lnb .lnb_wrap .lnb_d1 > li > a:hover{color:#ffc32a; }
#lnb .lnb_wrap .lnb_d1 > li:hover > a:after{width:100%; }
#lnb .lnb_wrap .lnb_d1_on > li:hover > a{color:#ffc32a;}

#lnb .navi_none{display:none !important;}


.NAV {display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-around; align-items:center;}
.NAV > li{flex:1; position:relative;}
.NAV a{display: block; color:#fff;}
.NAV > li > a{padding: 21px 0; font-size:25px; font-weight:700;}
.NAV .None{display:none !important;} /* 숨김속성 */

/* Depth3 */
.NAV .depth2{position: relative;}
.NAV .depth2 .sNAV{left: 100%; top: 0;}

/* body */
#container{position:relative; margin-top:163px;}


#body_wrap .body_content{padding:30px 0;}

#top_arr{display:none; position:fixed; bottom:30px; right:30px; width:50px; height:50px; background:rgba(0,0,0,0.6) url(/img/common/top_arr.png) no-repeat 50% 50%; background-size:20px auto; 
	text-indent:-9999px; z-index:99999;}


/* footer layout -------------------------------------------------------------------------------------------------------------------------------------*/
#footer{width:100%; padding:30px 0; background:#292929; color:#fff;}
#footer .footer_wrap{width:100%; margin:0 auto; }
#footer .footer_wrap .footer_logo{display:block; margin-bottom:15px;}
#footer .footer_wrap .footer_info{}
#footer .footer_wrap .footer_info li{display:inline-block; margin-right:12px; line-height:26px;}
#footer .footer_wrap .footer_info li:nth-child(1){display:block;}
#footer .footer_wrap .footer_info li .tit{margin-right:5px; }
#footer .footer_wrap .footer_info li .info{}
#footer .footer_wrap .copy{margin-top: 14px; font-size:smaller;}

.file_down > p{margin-top:20px; padding-top:20px; border-top:1px solid rgba(255,255,255,0.1);}
.file_down .btn_wrap{margin:10px 0 30px;}
.file_down a{display:inline-block; border:1px solid #fff; padding:7px 40px;}




/* ----------------------------------------- Media Query ----------------------------------------- */

@media only screen and (max-width : 1280px) {

	/* Content Layout */
	.layout{padding: 0 20px; box-sizing: border-box;}

	#header .header_wrap p{right:20px;}

}


@media only screen and (max-width : 1000px) {
	#header .header_wrap .header_logo{text-align:left; margin:0;}
}




@media only screen and (max-width : 800px) {
	body{font-size:15px !important;}

	#header .header_wrap{padding:0 0 17px; display:flex; flex-wrap:wrap;}
	#header .header_wrap .header_logo{margin:0 auto; text-align:center; order:2; padding-top:17px;}
	#header .header_wrap .header_logo img.pc{display:none;}
	#header .header_wrap .header_logo img.mb{display:block; height:30px;}
	#header .header_wrap p{position:unset; line-height:17px; order:1; background:#68768d; width:100%; color:#fff; padding:9px 13px; font-size:13px;}
	#header .header_wrap p span{display:inline-block;}
	#header .header_wrap p span:nth-child(1){margin-right:15px;}
	#header .header_wrap p span b{margin-right:6px;}

	.NAV > li > a{font-size:15px;}

	#footer{min-height:483px;}
	#footer .footer_wrap .footer_info li .info{font-size:14px;}
	#footer .footer_wrap .footer_info li .info span{display:block;}
}




@media only screen and (max-width : 600px) {

}