/* common */
body{font-weight: 400 !important;}
h1,h2,h3,h4,h5,strong{font-weight: 400;}
figure{margin: 0;}
.w1920{position:relative; width: 100%; height: 100%; max-width:1920px; margin: 0 auto; box-sizing:border-box;}
.w1740{position:relative; width: 100%; max-width:1700px; margin: 0 auto; box-sizing:border-box;}
.w1570{position:relative; width: 100%; max-width:1570px; margin: 0 auto; box-sizing:border-box;}
.w1110{position:relative; width: 100%; max-width:1012px; margin: 0 auto; box-sizing:border-box;}
.sub_wrap *:not(i) {font-family: 'Fira Sans', sans-serif !important;}
.sub_wrap .fab{font-family: "Font Awesome 5 Brands" !important;}
.noto{font-family: 'Noto Sans KR', sans-serif !important; }
.nico{font-family: 'Niconne', cursive !important;}
/* 배경 컬러 */
.sub_wrap{background: rgb(22,50,79);
background: linear-gradient(0deg, rgba(18,36,57,1) 0%, rgba(18,43,68,1) 32%, rgba(19,51,79,1) 69%, rgba(22,50,79,1) 100%);}
/* 모바일 */
input[type="submit"],input[type="button"], input[type="file"],  input[type="text"], button { appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
input[type="checkbox"]{ padding: 0 !important;}

.ml{margin-left: 30px;}
.ml100{margin-left: 100px;}

/* 스크롤 */
.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle{background: #5986ab;}
/* .mCS-my-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #5986ab; }
	.mCS-my-theme.mCSB_scrollTools .mCSB_draggerRail{ background-color: #13334f; }  */
/* 서브 레이아웃 / lnb */

.sub_wrap{padding:4em 0 120px; overflow: hidden;}
.sub_wrap > div{ display:flex;}
.sub_wrap .inner{width: 73%; max-width:1210px; margin: 0;}
.sub_wrap .lnb{position:relative; width: 27%; max-width:490px; box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.15);background-image: linear-gradient(to bottom, #0e4167, #0e3e62, #0f3b5e, #0f3959, #0f3655); text-align: center; min-height: 960px; font-size:0;}
.sub_wrap .lnb .tit{padding-top: 72px;}
.sub_wrap .lnb .tit h2{font-weight:500; font-size:30px; letter-spacing:0.009em; color: #fff;}
.sub_wrap .lnb .tit h2 .sup{font-size:16px;}
.sub_wrap .lnb .txt{padding-top: 80px;}
.sub_wrap .lnb .txt p.txt1{font-size:15px; font-weight: 400; letter-spacing:0.025em; color: #fff; line-height:1.5em}
.sub_wrap .lnb .txt p.txt2{font-size:14px; color: #fff; letter-spacing:0.025em; line-height:1.3em; opacity: 0.5; margin-top:16px;}
.sub_wrap .lnb .link_btn{padding-top:82px;}
.sub_wrap .lnb .link_btn a{display:inline-block; vertical-align: top; background: #5986ab; width: 35px; height: 35px; border-radius:5px; box-sizing:border-box; padding: 7px 0; margin-right: 30px;}
.sub_wrap .lnb .link_btn a:last-of-type{margin-right: 0;}
.sub_wrap .lnb .link_btn a i{font-size:10px; font-weight:bold; color: #fff;}
.sub_wrap .lnb .link_btn a span{display:inline-block; width: 100%; font-size:12px; font-weight:500; color: #fff; text-align: center; margin-top: 2px;} 
.sub_wrap .lnb .bottom_box{position:absolute; bottom: 128px; left: 0; width: 100%;}
.sub_wrap .lnb .bottom_box p{font-weight:300; font-size:15px; letter-spacing:0.05em; color: #fff; line-height:1.5em; margin-bottom:72px;}
.sub_wrap .lnb .bottom_box a{font-weight: 600; letter-spacing:0.09em; color: #e89a57; font-size:15px;}
.sub_wrap .lnb .bottom_box a span{position: relative;display:inline-block; vertical-align: top;width: 17px; height: 17px; border-radius:50%; background: #e89a57; text-align: center; margin-left: 10px;}	
.sub_wrap .lnb .bottom_box a span img{position:absolute; top: 50%; left: 57%; transform:translate(-50%,-50%);}

/* 서브타이틀 */
.s_tit{margin-bottom:100px;}
.s_tit.r{display:inline-block; text-align: right;}
.s_tit .num{font-size:60px; font-weight:400; letter-spacing:-0.02em; color: #1193a7; font-style: italic;}
.s_tit.r .num{text-align: left;}

.s_tit h3{font-size:30px; color: #fff; line-height:1.2em}
.s_tit h3 span{font-weight:400; font-size:35px;}
.s_tit.ml h3{margin-left: 35px;}

.s_tit02{margin-bottom:60px;}
.s_tit02.r{text-align: right;}
.s_tit02 .num{line-height:1.2em; font-size:35px; letter-spacing:-0.02em; color: #1193a7; font-style: italic;}

.s_tit02 h4{font-weight:500; font-size:25px; color: #fff; line-height:1.2em}
.img_tit{}
.img_tit p{font-weight:500; font-size:26px; letter-spacing:0.05em; color: #fff; line-height:1.2em; margin-top:60px;}
/* 공통 텍스트 */
.direction_ctn{position:relative; margin-bottom:150px; text-align: left;}
.direction_ctn.no_a::after{display:none; }
.direction_ctn:last-of-type{margin-bottom:0}
.direction_ctn.r{text-align: right;}
.direction_ctn .txt h4{font-size:23px; letter-spacing:0.05em; color: #00b1ba; line-height:1.2em;}
.direction_ctn .txt p{font-weight:300; font-size:16px; color: #fff; letter-spacing:0.01em; line-height: 1.5em; margin-top:20px;}
.direction_ctn .txt p.letter{letter-spacing:-0.001em}
.direction_ctn .txt p > br{display:none; }
.direction_ctn .txt p sup{zoom:0.7;}
/* 공통패딩 */
.s_style{padding:60px 0 120px;}
/* 컨텐츠 마진 */
.scon{margin-bottom:156px;}
.scon:last-of-type{margin-bottom:0}
.scon.r{text-align: right;}
/* 공통 스크롤 이미지 */
	
.scroll_img{ margin-top:60px;padding-bottom:20px; }
.scroll_img.r{text-align: right;}
.scroll_img img{width: 100%;}
/* .scroll_img img{width: 1100px; -ms-interpolation-mode: nearest-neighbor;image-rendering: -webkit-optimize-contrast;} */
.scroll_img.no_s{overflow-x: visible;}
.scroll_img.no_s img{width: 100%;}
.history .scroll_img.m_ml img{margin-left: 0;}
.vision .scroll_img.m_ml{margin-left: -100px}
/* 게시판 */
.borad_inner{font-size:0;}
.borad_inner .cont{max-width:1100px;}
.borad_inner .cont .img{position:relative; display:inline-block; vertical-align: top; width: 208px; margin: 200px 60px 0;}
.borad_inner .cont .img figure img{box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.34);}
.borad_inner .cont .img .txt{position: absolute;left: 0; width: 100%; bottom: 66px; box-sizing:border-box; padding: 0 24px;}
.borad_inner .cont .img .txt h3{font-weight:500; font-size:16px; color: #fff;margin-bottom:12px;}
.borad_inner .cont .img .txt h4{font-weight:500; font-size:12px; color: #fff; margin-bottom:20px; line-height:1.3em}
.borad_inner .cont .img .txt h4 span{font-weight:600; font-size:13px;}
.borad_inner .cont .img .txt .date{font-size:13px; color: #fff;}
.borad_inner .cont .info{display:inline-block; vertical-align: top; width: calc(100% - 328px);}
.borad_inner .cont .info .page_link{text-align: left;}
.borad_inner .cont .info .text{margin-bottom:92px;}
.borad_inner .cont .info .text .tit{margin-bottom:48px;}
.borad_inner .cont .info .text .tit h3{font-weight:500; font-size:30px; color: #fff; line-height:1.3em; margin-bottom:4px;}
.borad_inner .cont .info .text .tit h4{font-size:25px; color: #fff; line-height:1.3em}
.borad_inner .cont .info .text .tit .date{font-weight:500; font-size:20px; color: #fff; line-height:1.5em}
.borad_inner .cont .info .text .txt{}
.borad_inner .cont .info .text .txt p{font-weight:300; font-size:19px; color: #ced0d1; letter-spacing:0.01em; /* line-height:1.5em; margin-bottom:28px; */}
.borad_inner .cont .info .text .txt p.f_ws{font-weight:500; font-size:23px;}
.borad_inner .cont .info .text .txt p:last-of-type{margin-bottom:0;}
/* 게시판 페이지 링크 버튼 */
.page_link{text-align: center;}
.page_link li{display:inline-block; vertical-align: bottom;}
.page_link li:first-of-type{margin-right: 47px;}
.page_link li:last-of-type{margin-left: 47px;}
.page_link li a{font-size:15px; font-weight:500; letter-spacing:0.07em; color: #8c8c8c; display:inline-block; padding: 0 5px;}
.page_link li:hover a,
.page_link li.cf a{color: #fff;}

/* 뉴스 */
.news{padding: 60px 0 12px; font-size:0;}
.news .cont{}
.news .cont .list{padding-bottom:34px;}
.news .cont .list .item{position:relative; display:inline-block; width: 26.3%; margin-right: 6.35%; border-bottom: 1px solid #e5e5e5; padding-bottom:27px; margin-bottom:78px;}
.news .cont .list .item:nth-of-type(3n){margin-right: 0;}
.news .cont .list .item:last-of-type{margin-right: 0;}
.news .cont .list .item a{position:absolute; top: 0;right: 0;left: 0;bottom: 0;}
.news .cont .list .item figure{position:relative; padding-bottom: 146%; overflow: hidden; box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.34);}
.news .cont .list .item figure img{position:absolute; top: 0; left: 50%; transform:translateX(-50%); max-width:inherit; height: 100%; }
.news .cont .list .item .txt{position: absolute;left: 0; width: 100%; bottom: 66px; box-sizing:border-box; padding: 0 24px;}
.news .cont .list .item .txt h3{font-weight:500; font-size:27px; color: #fff;margin-bottom:20px;}
.news .cont .list .item .txt h4{font-weight:500; font-size:16px; color: #fff; margin-bottom:20px; line-height:1.3em}
.news .cont .list .item .txt h4 span{font-weight:600; font-size:19px;}
.news .cont .list .item .txt .date{font-size:13px; color: #fff; margin-bottom:56px;}
.news .cont .list .item .txt .btn{font-size:14px; color: #1896aa;}
.news .cont .list .item .txt .btn span{position:absolute; right: 24px;}
.news .cont .list .item .txt .btn span img{}

/* contact */
.contact{font-size:0;}
.contact .cs_tit{margin-bottom:100px;}
.contact .cs_tit .num{}
.contact .cs_tit h3{font-size:30px; letter-spacing:-0.006em; color: #fff; margin-left: 55px;}
.contact .form_box{max-width:940px; margin-left: 55px;}
.contact .form_box .table_box{}
.contact .form_box .table_box table{}
.contact .form_box .table_box table tbody{}
.contact .form_box .table_box table tbody tr{}
.contact .form_box .table_box table tbody tr td{margin-bottom:30px;}
.contact .form_box .table_box table tbody tr td label{position:relative; display:inline-block; width: 100%; vertical-align: top; margin-bottom:20px; }
.contact .form_box .table_box table tbody tr td label span{position:absolute; top: 50%; left: 20px; transform:translateY(-50%); font-size:15px; color: #fff;}
.contact .form_box .table_box table tbody tr td label span.t20{top: 20px; transform:translateY(0);}
.contact .form_box .table_box table tbody tr td label span em{color: #e11e25;}
.contact .form_box .table_box table tbody tr td label input{width: 100%; max-width:460px; height: 40px; background: #125971; box-sizing:border-box; padding: 20px; border:none; outline:none; font-size:18px; color: #fff;}
.contact .form_box .table_box table tbody tr td label input.w100{max-width:none;}
.contact .form_box .table_box table tbody tr td.bl{border-left: 20px solid #13324f;}
.contact .form_box .table_box table tbody tr td label textarea{width: 100%; height: 255px; background: #125971; padding: 20px;font-size:18px; color: #fff; box-sizing:border-box; border:none; resize:none}
.contact .form_box .recaptcha{}
.contact .form_box .recaptcha .input_ctn{display:inline-block; vertical-align: middle; width: 100%; max-width:360px; height: 58px; background: #125971;text-align: center; box-sizing:border-box; padding-top: 12px;}
.contact .form_box .recaptcha .input_ctn .img{display:inline-block; vertical-align: middle;}
.contact .form_box .recaptcha .input_ctn .input{display:inline-block; vertical-align: middle; margin-left: 20px;}
.contact .form_box .recaptcha .input_ctn .input input{max-width:165px; height: 35px; border:none; background: #fff;box-sizing:border-box; padding: 0 10px; font-size:16px; color: #333;}

.contact .form_box .recaptcha .chk{display:inline-block; vertical-align: middle; width: calc(100% - 360px); box-sizing:border-box; padding-left: 40px;}
.contact .form_box .recaptcha .chk input{display:none; }
.contact .form_box .recaptcha .chk label{cursor: pointer;}
.contact .form_box .recaptcha .chk label span{position:relative; top: 4px;display:inline-block; vertical-align: top; width: 16px; height: 16px; box-sizing:border-box; border:1px solid #6e7d8a;line-height:1.3em}
.contact .form_box .recaptcha .chk label span i{position: absolute; top: -1px; left: -1px;}
.contact .form_box .recaptcha .chk label p{display:inline-block; vertical-align: top; width: calc(100% - 16px); font-size:15px; letter-spacing:0.01em; color: #ced0d1; font-weight:300;line-height:1.3em;padding-left: 16px; box-sizing:border-box;}
.contact .form_box .recaptcha .chk input[id="chk"]:checked + label span {background-color: #fff; border:1px solid #fff}
.contact .form_box .recaptcha .chk input[id="chk"]:checked + label span i{font-size:16px; font-weight:600;}
.contact .form_box button{display: block; width: 250px; height: 37px; border-radius:6px; font-weight:500; font-size:20px; letter-spacing:0.05em; color: #fff; border:none; margin: 0 auto; box-sizing:border-box; background: #1193a7; margin-top:40px; cursor: pointer;}
.contact .map_box{margin-top:170px;}
.contact .map_box h3{font-weight:500; font-size:30px; color: #fff;}
.contact .map_box .tab{margin-top:30px;}
.contact .map_box .tab li{display:inline-block; vertical-align: top; font-size:20px; color: #fff; margin-right: 50px; cursor: pointer;}
.contact .map_box .tab li span{font-size:30px; color: #818e9a; font-style: italic; margin-right: 10px;}
.contact .map_box .tab li.on span,
.contact .map_box .tab li.on{color: #00b1ba;}

.contact .map_box .tab_ctn{margin-top:10px;}
.contact .map_box .tab_ctn .box{width: calc(100% + 132px); height: 365px; background: #8797a5;}

.history{}
.history .line_ctn{position:relative; margin-left: 30px; padding-left: 30px; box-sizing:border-box; margin-top:80px; padding-bottom:30px;}
.history .line_ctn::before{content:""; position:absolute; top: 7px; left: 0; width: 1px; height: 100%; background: #8797a5;}
.history .line_ctn::after{content:""; position:absolute; bottom: -18px; left: -6px; width: 14px; height: 12px; background:url(/img/sub/icon_his01.png) 50% 50% no-repeat; background-size:cover}
.history .line_ctn .item{position:relative; font-size:0; margin-bottom:120px;}
.history .line_ctn .item:last-of-type{margin-bottom:0;}
.history .line_ctn .item::before{content:""; position:absolute; top: 7px; left: -38px; width: 18px; height: 18px; border-radius:50%; background: #00b1ba; z-index: 1;}
.history .line_ctn .item .tit{width: 100%;}
.history .line_ctn .item .tit p{display:inline-block; width: 104px; vertical-align: top; font-weight:500; font-size:28px; color: #fff;}
.history .line_ctn .item .tit h4{display:inline-block; width: calc(100% - 104px); vertical-align: top; font-weight:500; font-size:28px; color: #fff;}
.history .line_ctn .item .img_ctn{margin-top:30px; padding-left: 100px; box-sizing:border-box;}
.history .line_ctn .item:nth-of-type(2n) .img_ctn{margin-top: 16px;}
.history .line_ctn .item .img_ctn img{}

.vision{}
.vision .tit_ctn{margin-top: 70px;}
.vision .tit_ctn .item{margin-bottom:50px;}
.vision .tit_ctn .item:last-of-type{margin-bottom:0;}
.vision .tit_ctn .item .tit{}
.vision .tit_ctn .item .tit h4{font-weight:500; font-size:33px; color: #fff;}
.vision .tit_ctn .item .tit p{font-size:20px; color: #fff;margin-top:10px;}



@media screen and (max-width:1740px) {
	.contact .map_box .tab_ctn .box{width: 100%;}
	.history .scroll_img.m_ml img{margin-left: 0;}
	.vision .scroll_img.m_ml img{margin-left: 0;}

	
}

@media screen and (max-width:1600px) {
	.sub_wrap .inner{box-sizing:border-box; padding-left: 16px;}
	
	.contact .cs_tit,
	.s_tit{margin-bottom:100px;}
	.s_tit02{margin-bottom:50px;}
	.scon{margin-bottom:80px;}
	.direction_ctn{margin-bottom:80px;}
/* 	.direction_ctn::after{content:""; position:absolute; bottom: 0; left: 0; width: 100%; height: 17px; background: rgb(18, 37, 58);} */
	.direction_ctn .txt p > br{display:none; }
	/* .borad_inner .cont .info .text .tit h4 br,
	.borad_inner .cont .info .text .txt p br{display:none; } */

	.contact .cs_tit h3{margin-left: 0;}
	.contact .form_box{margin-left: 0;}
	.contact .map_box{margin-top:120px;}

	

	
	.ml,
	.history .line_ctn{margin-left: 16px;}
	.history .line_ctn .item .img_ctn{padding-left: 0;}
	
	
}

@media screen and (max-width:1500px) {	
	.news .cont .list .item{width: 29.3%; margin-right: 6.05%;}

}

@media screen and (max-width:1400px) {	
	.contact .cs_tit,
	.s_tit{margin-bottom:80px;}
	.s_tit02{margin-bottom:40px;}
	.scon{margin-bottom:60px;}
	.direction_ctn{margin-bottom:60px;}
	
	.news .cont .list .item{margin-bottom:40px; padding-bottom:14px;}
	.news .cont .list .item .txt{padding: 0 12px; bottom: 52px;}
	.news .cont .list .item .txt h3{font-size:22px;}
	.news .cont .list .item .txt .btn span{right: 12px;}

	.borad_inner .cont .img{margin: 230px 30px 0 0;}
	.contact .form_box .recaptcha .chk{padding-left: 20px;}
	.contact .form_box .recaptcha .chk label p br{display:none; }

	.contact .map_box{margin-top:100px;}
}

@media screen and (max-width:1200px) {	
	.sub_wrap{padding: 80px 0 100px}
	
	.sub_wrap .lnb .tit h2{font-size:30px;}
	.sub_wrap .lnb .txt{padding-top:40px;}
	.sub_wrap .lnb .txt p.txt1{font-size:18px;}
	.sub_wrap .lnb .link_btn{padding-top:60px;}
	.sub_wrap .lnb .bottom_box{bottom: 80px;}
	.sub_wrap .lnb .bottom_box p{font-size:16px; margin-bottom: 50px;}
	.sub_wrap .lnb .bottom_box p > br{display:none; }
	
	.s_tit .num{font-size:70px;}
	.contact .cs_tit h3,
	.s_tit h3{font-size:38px;}
	.s_tit02 .num{font-size:50px;}
	.contact .map_box h3,
	.s_tit02 h4{font-size:28px;}
	.direction_ctn .txt h4{font-size:20px;}
	.direction_ctn .txt p{font-size:16px;}

	.borad_inner .cont .img{display:none; }
	.borad_inner .cont .info{width: 100%;}
	.borad_inner .cont .info .page_link{text-align: center;}


	.contact .map_box .tab{margin-top:20px;}
	.contact .map_box .tab li{font-size:18px;}
	.contact .map_box .tab li span{font-size:28px;}
	/* .contact .form_box .recaptcha .chk label p{font-size:16px;} */
/* 	.contact .form_box .table_box table tbody tr td label span{font-size:18px;} */
	
	.history .line_ctn .item{margin-bottom:80px;}
	.history .line_ctn .item .tit h4,
	.history .line_ctn .item .tit p{font-size:28px;}
	.history .line_ctn .item::before{top: 5px;}
}

@media screen and (max-width:1000px) {	
	.w1740{padding: 0 16px;}
	.ml100{margin-left: 0;}
	.s_style{padding-bottom:0;}
	.sub_wrap > div{display:block; }
	.sub_wrap .lnb{width: 100%; min-height: auto; max-width:none; box-sizing:border-box; padding:  30px 16px;}
	.sub_wrap .lnb .tit{padding-top:0;}
	.sub_wrap .lnb .txt{padding-top:20px;}
	.sub_wrap .lnb .link_btn{padding-top:30px;}
	.sub_wrap .lnb .bottom_box{position:static; padding-top:30px;}
	.sub_wrap .lnb .bottom_box p{margin-bottom:40px;}

	.sub_wrap .inner{width: 100%; padding-left: 0;}

	.scroll_img.r{text-align: left;}
	.scroll_img img{width: auto;}

	.borad_inner .cont .info .text .tit h3{font-size:26px;}
	.borad_inner .cont .info .text .tit h4{font-size:20px;}
	.borad_inner .cont .info .text .tit .date{font-size:18px;}
/* 	.borad_inner .cont .info .text .txt p{margin-bottom:18px;} */
	.borad_inner .cont .info .text{margin-bottom:50px;}
}

@media screen and (max-width:700px) {	
	.news .cont .list .item{width: 48%; margin-right: 4%;}
	.news .cont .list .item:nth-of-type(3n){margin-right: 4%;}
	.news .cont .list .item:nth-of-type(2n){margin-right: 0;}
	.news .cont .list .item .txt{bottom: 30px;}
	.news .cont .list .item .txt .date{margin-bottom:30px;}
	
	.contact .form_box .recaptcha .chk{width: 100%; padding-left: 0; margin-top:10px;}
	.contact .form_box .recaptcha .chk label span{top: 1px;}
	.contact .form_box .recaptcha .chk label p{padding-left: 10px;}
	.contact .form_box .table_box table tbody tr td label{margin-bottom:16px;}
/* 	.contact .form_box .table_box table tbody tr td label input{height: 48px;} */
}

@media screen and (max-width:500px) {	
	.contact .cs_tit,
	.s_tit{margin-bottom:40px;}
	.contact .cs_tit h3,
	.s_tit h3{font-size:30px;}
	.s_tit02{margin-bottom:20px;}
	.s_tit02 .num{font-size:40px;}
	.contact .map_box h3,
	.s_tit02 h4{font-size:24px;}
	.scroll_img{margin-top:30px;}

}