@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
* {font-family:'NanumSquare', sans-serif; color: #333; font-weight: normal;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;line-height:18px;letter-spacing:normal} /* delete vertical-align,font:inherit; */
body,html{width:100%; min-width:1200px; border-top : 1px solid #dde2e5;}
*{font-family:'NanumSquare', sans-serif }
ol,ul,li{list-style:none;}
img, table{border:0;}
hr, legend {display:none;}
a:link, a:visited, a:active {text-decoration:none;}
body {font-size:14px; font-family:'NanumSquare', sans-serif; letter-spacing: -0.5pt;}
input, textarea, select {font-family:'NanumSquare', sans-serif; color:#595b5f;}
input.text, input.dateInput, textarea.text {padding:1px 5px; border:1px solid #cbcbcb; vertical-align:middle;}
.png24 {tmp:expression(setPng24(this));}
.parents:after {content:""; display:block; clear:both;}
a {border:0px}
/* 레이아웃 */
#wrap {position:relative; width:100%; min-width:1220px; }
/* 메뉴 */
#visual{position:relative; width:100%; height:600px; overflow:hidden; }
#visual .txt_ef{opacity: 0;-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;-webkit-transition-timing-function: linear;
transition-timing-function: linear;-webkit-transition-delay: 0s;transition-delay: 0s;transform: translate3d(0px, 30px, 0);-webkit-transform: translate3d(0px, 30px, 0);}
#visual .slick-slide.action .txt_ef{opacity: 1;transform: translate3d(0px, 0px, 0);-webkit-transform: translate3d(0px, 0px, 0); }
/* Slider */
.slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-slide{display: none; float: left; min-height: 1px;}
.slick-initialized .slick-slide{display: block;}
/* Dots */
.slick-dotted.slick-slider{margin-bottom: 30px;}
.slick-dots{position: absolute;display: block;list-style: none;text-align: center; left:50%; margin-left: -25px;}
.slick-dots li{position: relative;display: inline-block; width:12px;height:12px;margin:0 3px;padding: 0;cursor: pointer;}
.slick-dots li button{background:none; font-size: 0;line-height: 0;display: block;width:12px;height:12px; padding:0;cursor: pointer;color: transparent;border: 0;outline: none;}
.slick-dots li button:hover, .slick-dots li button:focus{ outline: none;}
.slick-dots li button:hover:before, .slick-dots li button:focus:before{ opacity: 1;}
.slick-dots li button:before{border-radius: 12px; background:rgba(255,255,255,0.5); position: absolute;top: 0;left: 0; width:12px;height:12px;content: '';text-align: center;color: black;}
.slick-dots li.slick-active button:before{background:#fff;}
/* section bg */
.cover01{background-image:url('/images/v01.jpg');}
.cover02{background-image:url('/images/v02.jpg');}
.cover03{background-image:url('/images/v03.jpg');}
/* main */
.sub_imgbox{height:900px;}
.section{margin-bottom:2px;width:100%;height:700px;min-height:700px;position:relative;overflow:hidden;background-position:center;}
.sub_imgbox .slick-list ,
.sub_imgbox .slick-track {height:900px;}
.sub_imgbox .text{width: 1180px;position: relative;margin: 0 auto;padding-top:80px;color: #fff;}
.sub_imgbox .text .txt3{margin-bottom:25px; font-size:44px; color:#fff; font-weight:700; line-height:100%; font-family: 'Raleway', sans-serif; font-style: italic; letter-spacing:0.5pt}
.sub_imgbox .text .txt1{ font-size:33px; font-weight:700; line-height:38px; font-family:NotoKR-Light; letter-spacing:-0.5pt; }
.sub_imgbox .text .txt1 span{letter-spacing:-0.5pt; line-height:38px; font-family:NotoKR-Bold}
.sub_imgbox .text .txt1 span.co1{color:#fff; }
.sub_imgbox .text .txt1 span.co2{color:#fff;}
.sub_imgbox .text .txt1 span.co3{color:#fff; letter-spacing:0.2pt; }
.sub_imgbox .text .txt2{font-size:20px; color:#fff; line-height:100%; letter-spacing:1pt; }
.sub_imgbox .text .line{background:#fff; height:1px; width:56px; margin:33px 0}
.sub_imgbox .slick-dots{bottom:90px;}
.cover03 .text .line{background:#333}
.cover03 .text .txt2{color:#333; letter-spacing:1pt;}
#contents_wrap{position:relative; background:#EEE; }
#contents_wrap .contents_in{position:relative; top:-136px; border-top: solid 3px #224c9e; background:#fff; min-height: 500px; width:1200px; margin:0 auto;}
#m_bnr { position:relative; width:100%; max-width:1200px; overflow:hidden; }
#m_bnr:after{ content:""; display:block; clear:both;}
#m_bnr .m_box { width:100%; overflow:}
#m_bnr .m_box li { position:relative; float:left; height:580px; cursor:pointer; transition: 0.1s all ease; -webkit-transition: 0.1s all ease; -moz-transition: 0.1s all ease; -ms-transition: 0.1s all ease; -o-transition: 0.1s all ease; }
.setmain1{position:relative;float:left;width:310px;height:280px; padding: 35px 30px; display:block; cursor:pointer;}
.setmain1 h1{ position:relative; font-size:20px; color:#333; font-weight:600; letter-spacing:-0.7pt; padding-top:20px }
.setmain1 .cs_n {line-height:150%; padding:20px 0; font-size:15px; }
.setmain1 .imgab{position:relative }
.setmain1 .gogo{display:block; font-size:11px; color:#a8a8a8; text-decoration:underline;margin-bottom:10px;margin-top:5px;}
.setmain1 .mT20{margin:0px 20px ; }
.setmain2{position:relative;float:left;width:310px;height:280px; border-top: solid 3px #224c9e; padding: 35px 30px; display:block; cursor:pointer;}
.setmain2 h1{ position:relative; font-size:20px; color:#333; font-weight:600; letter-spacing:-0.7pt; padding-top:20px }
.setmain2 .cs_n {line-height:150%; padding:20px 0; font-size:15px; }
.setmain2 .imgab{position:relative }
.setmain2 .gogo{display:block; font-size:11px; color:#a8a8a8; text-decoration:underline;margin-bottom:10px;margin-top:5px;}
.setmain2 .mT20{margin:0px 20px ; }
#contents_wrap .contents_in02{position:relative; border-top: solid 1px #224c9e; background:#fff; min-height: 140px; width:1200px; margin:0 auto;}
#m_bnr_02 { position:relative; border-top: solid 1px #224c9e; width:100%; max-width:1200px; margin:0 auto; overflow:hidden; }
.setmain3{position:relative;float:left;width:600px;height:130px; background:#ddd; border-right: solid 1px #224c9e; padding: 5px 30px; display:block; cursor:pointer;}
.setmain3 h1{ font-size:20px; color:#333; font-weight:600; letter-spacing:-0.7pt; position:absolute;top:20px;left:90px}
.setmain3 .cs_n {line-height:150%; padding20px 10px; font-size:15px; width:400px; position:absolute;top:10px;left:90px}
.setmain3 .imgab{position:relative; top:20px; }
.setmain3 .gogo{display:block; font-size:11px; color:#a8a8a8; text-decoration:underline;margin-bottom:10px;margin-top:5px;}
.setmain3 .mT20{margin:0px 20px ; }
.setmain4{position:relative;float:left;width:600px;height:130px; background:#ddd; padding: 5px 30px; display:block; cursor:pointer;}
.setmain4 h1{ font-size:20px; color:#333; font-weight:600; letter-spacing:-0.7pt; position:absolute;top:20px;left:90px}
.setmain4 .cs_n {line-height:150%; padding:25px 10px;float:right; font-size:27px; font-weight: 700px; position:absolute;top:20px;left:80px}
.setmain4 .cs_t {line-height:150%; padding:50px 10px;float:right; font-size:17px; position:absolute;top:35px;left:80px}
.setmain4 .imgab{position:relative; top:20px; }
.setmain4 .gogo{display:block; font-size:11px; color:#a8a8a8; text-decoration:underline;margin-bottom:10px;margin-top:5px;}
.setmain4 .mT20{margin:0px 20px ; }
/** 서브 */
/* 서브플래시 */
#visual_sub{position:relative; overflow:hidden; width:100%; text-align:center; height:260px;}
.subtop_about{background:url('/images/v01.jpg') center 0 no-repeat; background-size: cover;}
#visual_sub .in{width:1200px; margin:35px auto 0 auto;}
#visual_sub .kr{text-shadow: 1px 1px 4px #363636; font-size:40px; text-align:right; color:#fff; font-family:NotoKR-Light; line-height:100%; letter-spacing:-3pt; margin-bottom:20px;}
#visual_sub .kr span{font-family:NotoKR-Bold;line-height:100%; letter-spacing:-3pt }
#visual_sub .en{text-shadow: 1px 1px 4px #363636; text-align:right; color:#fff; font-size:18px; font-family: 'Raleway', sans-serif; font-style: italic; letter-spacing:0.5pt; color:rgba(255,255,255,0.8); line-height:100%}
#contents_sub {position:relative; width:100%; background:#eee; }
#contents_sub .sub_in{position:relative; top:-100px; border-top: solid 3px #224c9e; background:#fff; overflow:hidden; width:1200px; margin:0 auto;}
.subcontent {width: 990px; padding-left:35px; position:relative; float:left; }
/* 좌측메뉴 */
.lnb { float:left; width:200px; padding-bottom:50px; }
.lnb h3 { padding:65px 0 65px 0px; text-align:center; font-size:25px; line-height:25px; color:#fff; font-weight:600; background:#224c9e }
.lnb h3 p.stit{color:#bccfde; font-size:13px; letter-spacing:0.3pt; margin-bottom:7px; font-weight:600 }
.lnb ul { margin-bottom:20px; }
.lnb li { border-bottom:1px solid #ccc; position:relative; }
/* 텍스트 메뉴 */
.lnb li a { padding:12px 20px; display:block; color:#333; font-size:15px; font-weight:600; }
.lnb li:hover a, .lnb li.active a { color:#224c9e; padding:12px 20px; font-size:15px; font-weight:600; background: #fafafa url('../images/arrow_01.png') 200px 17px no-repeat;}
/*depth_3*/
.lnb ol.depth_3{ padding:0 15px;}
.depth_3 dd:first-child{padding-top:8px;}
.depth_3 dd:last-child{padding-bottom:8px;}
.depth_3 dd a{background:url('/img/ol_dep.gif') left center no-repeat; display:block; font-size:14px; padding:4px 0 4px 8px; letter-spacing:-0.3pt;}
.depth_3 dd a:hover{background:url('/img/ol_dep2.gif') left center no-repeat !important; display:block; color:#6f8d2e; text-decoration:none}
.depth_linktop{background:url('/img/ol_dep2.gif') left center no-repeat !important; color:#6f8d2e !important; font-family:NotoKR-Bold !important; }
.depth_linktop:hover{text-decoration:none}
.lnb_common dl{ border:1px solid #cccccc; background:url(../../images/tel.jpg) no-repeat right 130px; padding:0 0 21px 10px;color:#666; margin:15px 0}
.lnb_common dl dt{ position:relative; color:#224c9e; font-size:17px; font-weight:600;line-height:30px;padding:27px 0 0 0;letter-spacing:-0.5px;}
.lnb_common dl dd.tit{ font-size:11px; font-weight:600; color:#000; padding-top:8px; letter-spacing:-0.5pt;}
.lnb_common dl dd.tel{ font-weight:700;font-size:20px; color:#000;line-height:25px; padding-top:8px}
.lnb_common dl dd.fax{font-size:17px; font-weight:600; color:#000; padding-bottom:8px; padding-top:5px}
.lnb_common dl dd.email{font-size:15px;color:#000; font-weight:500; padding:0px 0 10px 0; margin-top:-1px;}
.page-title{ border-bottom:#CCC solid 1px; position:relative; padding:33px 0 20px; margin-bottom:13px }
.page-title-text { font-size:29px; font-weight:600; color:#313131; }
.page-navi { float:right; margin:5px 0 5px; }
.sub_com{ }
/*푸터*/
.dk01_footer{position:relative; margin:0 auto; overflow:hidden; width:590px; padding:0px 0;}
.dk01_footer h2{float:left; width:80px;}
.dk01_footer ul{float:left; width:480px;}
.dk01_footer li{padding-bottom:5px; font-size:13px; color:#333; text-align:left; }
#footer {position:relative; width:100%; clear:both; overflow:hidden; background:#333333}
#footer .foot_in {position:relative; margin:0 auto; width:1200px; overflow:hidden; padding:23px 0 30px 0;}
#footer .flogo{position:relative; overflow:hidden; float:left; margin-top:21px; }
#footer .finfo{position:relative; overflow:hidden; float:left; width:875px; margin-top:5px;}
#footer .foot_bn{position:relative; overflow:hidden;}
.foot_bn li{float:left; padding:0 16px; background:url('../../img/foot_line.gif') right 5px no-repeat}
.foot_bn li strong{font-family:NotoKR-Bold; font-weight:100;}
.foot_bn li.first{padding:0 16px 0 0}
.foot_bn li.last{background:none; padding:0 0 0 16px}
.foot_bn li a:link, .foot_bn li a:visited{font-size:15px; letter-spacing:-0.7pt; line-height:23px; color:#fff}
.foot_bn li a:hover{text-decoration:none}
#footer .copy{position:relative; overflow:hidden; clear:both; padding-top:0px}
#footer .copy ul{}
#footer .copy li{line-height:22px; font-size:15px; color:rgba(255,255,255,0.7); letter-spacing: -0.3pt; padding-top:9px; margin-left:38px;}
#footer .copy li strong{font-weight:600}
#footer .copy a:link, .copy a:visited{line-height:22px; text-decoration:underline}
#footer .copy li.copyright{letter-spacing:0pt; text-transform: uppercase; font-size:14px; color:rgba(255,255,255,0.4); }
#footer .copy li.copyright a:link, #footer .copy li.copyright a:visited{letter-spacing:0pt; font-size:14px; color:rgba(255,255,255,0.4); text-decoration:none}