@charset "utf-8";
/* latest version 19032101 */
/* ************************************** *
 * 웹폰트 import
 * ************************************** */

/*NanumSquare*/
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);

body{font-family:'NanumSquare','Noto Sans KR',san-serif !important; letter-spacing: -1px;}

@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600,700');*/
/* NotoSansKR */
 @font-face {
     font-family: 'Noto Sans KR';
     font-style: normal;
     font-weight: 200;
     src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
     url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
     url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
 }
 @font-face {
     font-family: 'Noto Sans KR';
     font-style: normal;
     font-weight: 400;
     src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
     url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
     url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
 @font-face {
     font-family: 'Noto Sans KR';
     font-style: normal;
     font-weight: 700;
     src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
     url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
     url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }

/* ************************************** *
 * 속성 초기화
 * ************************************** */
body { overflow-y: scroll;}
body, div, dl, dt, dd, ul, ol, li, i, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, legend, button, select, p, blockquote, th, td, table { font-size: 100%; padding: 0; margin: 0; word-break: keep-all; -webkit-text-size-adjust: none;/* 모바일에서 폰트크기 변형안되도록 함 */}
*:lang(en) { font-weight: 500; letter-spacing: 0;}
*:lang(ko) { letter-spacing: -0.05em;}
ol, ul, li { list-style: none; margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 { font-weight: normal;}
form, fieldset, img { border: 0; margin: 0; padding: 0;}
address, caption, small, em { font-weight: normal; font-style: normal;}
i { font-style: normal;}
/* a link */
a { text-decoration: none; outline: none; -webkit-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out;}
a:link, a:visited { text-decoration: none;}
a:hover, a:active { text-decoration: none;}
/* table */
table { border-spacing: 0; padding: 0; margin: 0; border-collapse: collapse; border: 0; empty-cells: show;}
caption { display: none;}
tr, th, td { margin: 0; padding: 0;}
/* image 공백 0으로 조절 */
img { border: 0; margin: 0; padding: 0; vertical-align: middle;}
/* button */
button { border: 0; background: none; cursor: pointer;}
button:focus { outline: none;}
/* vertical align */
input, textarea, select { vertical-align :middle; appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none;}
/* sumit 네이티브 모양 숨기기 */
input[type="submit"] { appearance: none !important; -webkit-appearance: none; -ms-appearance: none; -moz-appearance: none; -o-appearance: none;}
/* select 네이티브 모양 숨기기 */
select::-ms-expand { display: none;}
/* 숨김영역 */
.skip, hr, legend { position: absolute; width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden;}
.hidden { position: absolute; left: -9999px;}
.clear:after { content: ""; display: block; clear: both;}/* float해제 */

/*width*/
.w1400{width:1400px; margin:0 auto;}
.w1700{width:1700px; margin:0 auto;}

/*커서 포인트*/
.cursor{cursor:pointer;}

/*아이콘*/
.fas{color:#000;}

/*color*/
.point_color{color:#204165;} /*남색*/
.gray_color{color:#d0d0d0;} /*회색*/

/*border*/
.b_l{border-left:1px solid #e7e7e7;}
.b_r{border-right:1px solid #e7e7e7;}

.fl{float:left;}
.fr{float:right;}

.tc{text-align:center;}
.tl{text-align:left;}
.tr{text-align:right;}

.hide{display:none;}

/*이미지 색상 반전*/
.filter {filter: brightness(0) invert(1);}

/* 서브 헤더 - s_header > s_visual */
.s_header .s_visual{position: relative; width: 100%; height: 50vh; overflow: hidden;}
.s_header .s_visual .s_visual_bg{display:block;}
.s_header .s_visual .s_visual_bg_m{display:none;}
.s_header .s_visual .s_visual_bg .s_img{animation: mymove 3s;width:100%;}
.s_header .sv_txt{position: absolute; top: 65%; left: 50%; transform: translate(-50%, -65%);width: 100%; text-align: center; color: #fff;}
.s_header .s_visual .sv_txt h1{font-size: 60px;font-weight: 600;}
.s_header .s_visual .sv_txt p{font-size: 20px;margin-top:10px;}
@keyframes mymove{
	/* 전 */
	from{transform:scale(1.2)}
	/* 후 */
	to{transform:scale(1)}
}

/*반응형*/
@media (max-width: 1700px){

.w1400{width:96%;margin:0 auto;}
.s_header .s_visual{height:auto;}


}

@media (max-width: 1400px){
}

@media (max-width: 1024px){
	.s_header .s_visual .s_visual_bg{display:none;}
	.s_header .s_visual .s_visual_bg_m{display:block;}
}

@media all and (max-width:640px){
}

/*sub_white header*/
.sub_white_h{position:fixed;background:#fff;z-index:99999;width:100%;border-bottom:1px solid #ccc;line-height:100px;}
.sub_white_h ul{width:100%;margin:0 auto;height:100px;text-align:center;}
.sub_white_h ul li{width:20%;float:left; font-size:22px; font-weight:700;}
.sub_white_h img{display:block;margin:0 auto;padding: 10px 0px;}

/* 서브 lnb - s_header > lnb */
.s_header .lnb{background: #204165; width:100%; height:65px;}
.s_header .lnb .lnb_map{float:right;width:500px;}
.s_header .lnb .lnb_map .depth{float:left;width:43%;line-height: 65px;box-sizing: border-box;border-right:1px solid rgba(255,255,255,0.15);position:relative;}
.s_header .lnb .lnb_map .depth:first-child{border-left:1px solid rgba(255,255,255,0.15);}
.s_header .lnb .lnb_map li.home{width:70px;text-align: center;}
.s_header .lnb .lnb_map li.depth a{display: block;}
.s_header .lnb .lnb_map li.depth a span{display:block;padding-left: 20px;width: 100%;color: #fff;text-align: left;background: url("/images/sub_arrow_i.png") no-repeat 85%;font-size:17px;}
.s_header .lnb .lnb_map .depth_2{position:absolute;top:65px;width:100%;z-index:999999;}
.s_header .lnb .lnb_map .depth_2 li{}
.s_header .lnb .lnb_map .depth_2 li a{display: block;background:#f7f7f7;box-sizing: border-box;}
.s_header .lnb .lnb_map .depth_2 li a:hover{background:#e2e2e2;box-sizing: border-box;}
.s_header .lnb .lnb_map .depth_2 li a span{background:none;color:#000;}

@media all and (max-width:990px){
.s_header .lnb .lnb_map{float:none;width:100%;}
.s_header .lnb .lnb_map .depth{float:left;width:40%;}
}


/* 서브 타이틀 */
.s_section{text-align: center;margin-top:30px; letter-spacing: -.8px;}
.sec_t_box{background:#204165; color:#fff; padding:0 50px;line-height: 70px;
font-size: 25px;font-weight: 700;margin: 30px auto; display: inline-block;}

/*top button*/
#top_btn{position:fixed; right:30px; bottom:-50%; width:55px; height:55px; border:2px solid #fff;  z-index:999; transition:1s all;background:#222;}
#top_btn.on{bottom:30px;}
#top_btn a{display:block; text-align:center; line-height:55px; font-size:16px;  font-size:bold;}
#top_btn:hover{background:#204165; border:2px solid #204165;}
#top_btn .fas{color:#fff;}
#top_btn:hover .fas{color:#fff;}

/* footer */
#footer {background:#222;font-size:15px;color: #888 !important;}
#footer .footer_top {line-height:50px;background:#f9f9f9;}
#footer .footer_top .inner {margin:0 auto;}
#footer .footer_top .inner a {margin-right:20px;color:#333;font-weight:bold;}
#footer .footer_top .inner a.last {margin-right:0;}
#footer .footer_bottom .inner {position:relative;margin:0 auto;padding:25px 0;overflow:hidden;text-align:center;}
#footer .footer_bottom .inner .logo {text-align:center;margin-right:35px;margin-bottom:20px;}
#footer .footer_bottom .inner .add {color:#888;line-height:25px;}
#footer .footer_bottom .inner .add span {display:inline-block;padding:0 15px 0 0;}
#footer .footer_bottom .inner .add span.first {background:none;}
#footer .footer_bottom .inner .copy {margin-top:10px;}
#footer .footer_bottom .inner .f_logo {position:absolute;top:20px;right:0;}