@charset "utf-8";
/*
	Common Layout CSS _ 15.05.18
*/

/*common*/

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');


.msr{font-family: 'Montserrat', sans-serif !important;}
.rw{font-family:'Raleway', sans-serif !important;}

.inner{max-width:1200px; width:100%; position:relative; margin: 0 auto;}
.pdinner{max-width: 1240px; padding:0 3%; position:relative; margin: 0 auto;}
.ofh{overflow:hidden;}
.txt-s{font-size:13px;}
.txt-m{font-size:20px;}
.txt-l{font-size:26px;}

.tit_h3{font-size:28px;font-weight:400; color:#323232;  position:relative; letter-spacing:-1px}
.tit_h3:after{content:''; width:60px; height:1px; display:block; background:#505050; margin: 0 auto; margin-top:20px;}
.tit_h4{font-size:26px; color:#323232; font-weight:bold; letter-spacing:-1px}

.tit_h5{color:#323232; font-weight:bold; font-size:18px;}

.tit_h4.noLine:after{width:0; height:0px; margin-top:0px;}


.mEnter{display:block;}
.mb{margin-bottom:30px !important}
.mb2{margin-bottom:10px !important}
.pb{padding-bottom:30px;}
.bmb{margin-bottom:40px !important}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}


.tac{text-align:center;}
.tal{text-align:left;}
.tar{text-align:right;}
.mo_only{display:block;}

.move_scroll{max-width:768px; overflow-x:auto}

.line_link{display:inline-block; color:#ffffff; padding-bottom:5px; border-bottom:3px solid #ffffff; font-size:0.9em}
.line_btn{overflow:hidden;}
.line_btn li{width:100%; margin-bottom:10px;}
.line_btn li a{display:block; border:1px solid #ffffff; padding:5px; text-align:center; font-size:0.8em}
.line_btn li:last-child{margin:0; }

.arrow_cir_w:after{content:''; width:28px; height:25px; background:url(../img/ic_arrow_w.png) no-repeat center center; background-size:100%; display:inline-block; vertical-align:middle; margin-left:10px;}

.dpib{display:inline-block}
.dpb{display:block;}

.upper{text-transform:uppercase}
.fwb{font-weight:600}
.fss{font-size:0.8em}
.Tblack{color:#323232}
.Tred{color:#e83428}
.upcase{text-transform:uppercase}

.btn_more{display:inline-block; color:#ffffff; background:#1c3f95; padding:6px 20px; border-radius:500px}

@media all and (min-width:768px) {

.txt-s{font-size:15px;}
.txt-m{font-size:20px;}
.txt-l{font-size:30px;}

.tit_h4{font-size:30px; letter-spacing:-1px}
.tit_h5{font-size:20px; letter-spacing:-1px}


.mb{margin-bottom:45px !important; }
.mb2{margin-bottom:15px !important; }
.pb{padding-bottom:45px;}
.bmb{margin-bottom:60px !important;}

.mo_only{display:none;}
.move_scroll{max-width:100%;}
.pdinner{padding:0 3%}

.half{width:47.5%; float:left;}
.mr{margin-right:3%;}

.line_btn li{width:47.5%; float:left; margin-right:3%;}
.line_btn li:last-child{margin:0}
.line_btn li a{padding:8px}
}

@media all and (min-width:1200px) {

body, html{font-size:16px;}
.mEnter{display:inline-block;}

.txt-m{font-size:30px;}
.txt-l{font-size:40px;}

.tit_h3:after{margin-top:25px;}

.tit_h4{font-size:30px; }

.tit_h5{font-size:20px; }


.mb{margin-bottom:50px !important}
.mb2{margin-bottom: 30px !important;}
.mb3{margin-bottom: 10px !important;}
.pb{padding-bottom:50px;}
.bmb{margin-bottom:80px !important}
.pdinner{padding:0 20px}



}

/*owl 컨트롤러 css변경*/
.owl-controls{width:100%; margin:0 auto;}

/*owl pagenation css변경 */
.page_btn .owl-page span{width:20px !important; height:20px !important; background:none !important; border:4px solid #ffffff; border-radius:20px; opacity:0.7 }
.page_btn .owl-page.active span{opacity:1;}

.page_btn2 .owl-page span{width:5px !important; height:5px !important; background:#808080 !important; border-radius:20px; position:relative; opacity:1 !important; margin:0 20px !important;}
.page_btn2 .owl-page.active span:before{content:''; width:30px; height:30px; position:absolute; margin-left:-16px; left:50%; margin-top:-16px; top:50%; border:1px solid #808080; border-radius:200px;}

/*owl navigation css변경*/
.owl-theme .owl-controls{position:relative}
.arrow_btn .owl-buttons{position:absolute; width:100%; top:-250px;}
.arrow_btn .owl-buttons div{position:absolute; font-family:'FontAwesome'; text-indent:-999999px; background:none !important; padding:0px !important; margin:0px !important;}
.arrow_btn .owl-buttons div:first-child{left:2%;}
.arrow_btn .owl-buttons div:last-child{right:2%;}
.arrow_btn .owl-buttons div.owl-prev:after,
.arrow_btn .owl-buttons div.owl-next:after{content:'\f104'; font-family:'FontAwesome'; position:absolute; left:0; top:0; text-indent:0 !important; font-size:3em;}
.arrow_btn .owl-buttons div.owl-next:after{content:'\f105'; right:0; left:auto;}

.pop_page_btn{position:relative;}
.pop_page_btn .owl-controls{position:absolute; bottom:0px; text-align:right !important}
.pop_page_btn .owl-pagination{display:inline-block; padding:1px 10px; border-radius:500px; height:22px;}
.pop_page_btn .owl-controls .owl-page span{width:10px !important; height:10px !important; background:#505050 !important; margin:2px 4px !important}
.pop_page_btn .owl-controls .active span{background:#8c000a !important}

@media all and (min-width:1200px) {
.arrow_btn .owl-buttons div:first-child{left:-10%;}
.arrow_btn .owl-buttons div:last-child{right:-10%;}
.arrow_btn .owl-buttons div.owl-prev:after,
.arrow_btn .owl-buttons div.owl-next:after{font-size:50px;}
}



/**/
.wrap{max-width:2000px; min-width:320px; width:100%; margin: 0 auto; position:relative; }

 /*main visual 컨트롤러 및 bg*/  

#section00 .hide{height:0}
.mainvisual {position:relative; overflow:hidden; z-index:0}
.mainvisual .bx-wrapper .bx-viewpor{background:#323232}
.mainvisual #mainslider li{position:relative; height:550px; }
.mainvisual #mainslider li:before{content:''; display:block; position:absolute; width:100%; height:100%; background:url(../img/main01.jpg) no-repeat center center; background-size:cover !important;}
.mainvisual #mainslider li.main02:before{background:url(../img/main02.jpg) no-repeat center center;}
.mainvisual #mainslider li.main03:before{background:url(../img/main03.jpg) no-repeat center center;}
.mainvisual #mainslider li.main04:before{background:url(../img/main04.jpg) no-repeat center center;}
.mainvisual #mainslider li:before{animation: zoomout 8s ease-in-out infinite alternate;    
-webkit-animation: zoomout 8s ease-in-out infinite alternate;
animation-iteration-count:1; 	-webkit-animation-iteration-count:1; }

.mainvisual .bx-wrapper .bx-controls-direction a{display:none; width:50px; height:50px; background-size:100% !important}
.mainvisual .bx-wrapper .bx-prev{background:url(../img/btn_b_prev.png) no-repeat center center; left: 10%;}
.mainvisual .bx-wrapper .bx-next{background:url(../img/btn_b_next.png) no-repeat center center; right: 10%;}
.mainvisual .bx-wrapper .bx-prev:hover,
.mainvisual .bx-wrapper .bx-next:hover{background-position:center center}

.mainvisual.dot_btn .bx-pager{position:absolute; color:#ffffff; overflow:hidden;  max-width:1200px;  width:94%; margin:0 auto; left:0; right:0; bottom:15%; text-align:center; min-height:25px; z-index:100}
.mainvisual.dot_btn .bx-pager .bx-pager-item{display:inline-block; margin:0 3px !important; text-align:center; position:relative; background:none}
.mainvisual.dot_btn .bx-pager .bx-pager-item a{color:#ffffff; opacity:0.9; width:22px; height:22px; display:block}
.mainvisual.dot_btn .bx-pager .bx-pager-item a:before{content:''; position:absolute; display:block; width:14px; height:14px; background:#ffffff;  top:0; left:0; bottom:0; right:0; margin: auto; border-radius:500px;}
.mainvisual.dot_btn .bx-pager .bx-pager-item a.active{ transition:0.3s; opacity:1; background:none}
.mainvisual.dot_btn .bx-pager .bx-pager-item a.active:before{background:#2448a9}
.mainvisual.dot_btn .bx-pager .bx-pager-item a.active:after{content:''; display:block; position:absolute;  width:100%; height:100%; border:1px solid #2448a9; left:0; top:0; bottom:0; right:0; margin:auto;  border-radius:500px; box-sizing:border-box}

@media all and (min-width:768px) {
.mainvisual .bx-wrapper .bx-controls-direction a{display:block; width:60px; height:60px; background-size:100% !important}
.mainvisual .bx-wrapper .bx-has-controls-direction{bottom:130px;}
.mainvisual  #bx-pager{width:84%; text-align:left;}

}


@media all and (min-width:1200px) {
.mainvisual #mainslider li{min-height:730px}
.mainvisual.main-visual2 #mainslider li{min-height:846px}
.mainvisual .bx-wrapper .bx-has-controls-direction{bottom:200px;}
.mainvisual  #bx-pager{width:1200px; padding:0 20px;}
.mainvisual.main-visual2 .bx-pager{width: 500px !important;left: 50% !important;text-align: left;margin-left: -600px;bottom: 162px !important;}
}

/*mainvisual 텍스트*/
.mainvisual .visu{position:absolute; top:36%; width:100%;  text-align:center; color:#ffffff; z-index:100; text-align:center;}
.mainvisual .visu a{color:#ffffff}
.mainvisual .visu h2 { font-size:1.6em;  letter-spacing:-0.04em; font-weight:600; line-height:1.2; position:relative;}
.mainvisual .visu h2  span{display:block; font-size:2.2em}
.mainvisual .visu p{font-size:1.1em; font-weight:300;  text-transform:uppercase;}
.mainvisual .visu a{/* font-size:0.9em; */ /* font-weight:800; */ /* letter-spacing:5px; */ /* display:inline-block; */ /* padding:10px 40px; */ /* border:1px solid #ffffff; */}



@media all and (min-width:768px) {
.mainvisual .visu{padding:0 8%; }
.mainvisual .visu h2{font-size:2.5em;}
.mainvisual .visu p{font-size:1.2em}


}



@media all and (min-width:1200px) {
.mainvisual .visu{padding: 0 20px; margin:0 auto;  left:50%; margin-left:-600px; text-align:left; padding-left:80px}
.mainvisual .visu h2 span{font-size:2.3em;}


}

/*사선*/
.squ_line{position:absolute; width:2000px; left:50%;  margin-left:-1000px; z-index:100; bottom:0; }

.squ_line .rt,
.squ_line .lt{width:50%; position:absolute; left:0; bottom:0; border-bottom:70px solid #ffffff; }

.squ_top {top:0}
.squ_top .rt,
.squ_top .lt{bottom:auto; top:0; border-bottom:0; border-top:70px solid #ffffff}


.squ_line .rt{right:0; left:auto;}

.squ_line .w{border-color:#ffffff;}
.squ_line .b{border-color:#1c3f95;}
.squ_line .g{border-color:#f5f5f5;}

.squ_line .lt{border-right:1000px solid transparent}
.squ_line .rt{border-left:1000px solid transparent}


.bounce-top:hover a:before{-webkit-animation:bounce-top .9s both;animation:bounce-top .9s both}
.kenburns-top{-webkit-animation:kenburns-top 10s ease-out both;animation:kenburns-top 10s ease-out both}
.zmout{animation: zoomout 5s ease-in-out infinite alternate;    -webkit-animation: zoomout 5s ease-in-out infinite alternate; animation-iteration-count:1; 	-webkit-animation-iteration-count:1; }

/*키프레임셋팅*/

@keyframes zoomout {
	0% { transform: scale(1.2); }
    100% {        transform: scale(1.0);    }
}
@-webkit-keyframes scaling {
	From {    -webkit-transform: scale(1.2);}
	To {    -webkit-transform: scale(1.0);}
}
@-webkit-keyframes bounce-top{0%{-webkit-transform:translateY(-30px);transform:translateY(-30px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:1}24%{opacity:1}40%{-webkit-transform:translateY(-15px);transform:translateY(-15px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}65%{-webkit-transform:translateY(-3px);transform:translateY(-3px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}82%{-webkit-transform:translateY(-0px);transform:translateY(-0px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}93%{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}25%,55%,75%,87%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}}
@-webkit-keyframes scale-up-center{0%{-webkit-transform:scale(.5);transform:scale(.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-up-center{0%{-webkit-transform:scale(.5);transform:scale(.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}
@-webkit-keyframes kenburns-top{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);-webkit-transform-origin:50% 16%;transform-origin:50% 16%}100%{-webkit-transform:scale(1.1) translateY(-15px);transform:scale(1.1) translateY(-15px);-webkit-transform-origin:top;transform-origin:top}}@keyframes kenburns-top{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);-webkit-transform-origin:50% 16%;transform-origin:50% 16%}100%{-webkit-transform:scale(1.1) translateY(-15px);transform:scale(1.1) translateY(-15px);-webkit-transform-origin:top;transform-origin:top}}








/*section 공통*/
.section{padding:30px 0; position:relative; }
.section h3{font-size:1.3em; font-weight:600; text-transform:uppercase}

@media all and (min-width:768px) {
.section h3{font-size:1.4em}
.section{padding:50px 0;}
}

@media all and (min-width:1200px) {
.section h3{font-size:1.8em}
/*.section{padding:120px 0;}*/
.section{padding:80px 0;}
}

/*section 01*/
#section01{padding:0;}
#section01 .section_top{display:none; text-align:center; margin-bottom:15px;}

#section01 h4 {color:#ffffff}
#section01 h4 a:before{content:''; width:30px; height:30px; display:block; margin:10px auto; margin-bottom:10px; background-size:100% !important;}
#section01 .busi01 h4 a:before{background:url(../img/ic_busi01.png) no-repeat center center}
#section01 .busi02 h4 a:before{background:url(../img/ic_busi02.png) no-repeat center center}
#section01 .busi03 h4 a:before{background:url(../img/ic_busi03.png) no-repeat center center}

#section01 .busi02 h4,
#section01 .busi03 h4{margin-top:20px}

#section01 h4 span.st{display:none; background:#2448a9; font-size:10px; font-weight:600; padding:2px}
#section01 h4 b{display:block;}
#business_li{text-align:center; position:relative; z-index:5;}
#business_li:after{content:''; display:block; clear:both;}
#business_li .item ul{display:none}
#business_li .item{width:33.33%; float:left; background:#505564}
#business_li .item:first-child{background:#051340}
#business_li .item:last-child{background:#2448a9}


#business_li .item a{color:#ffffff; display:block; overflow:hidden}
#business_li .item .txt{position:relative; padding:10px; z-index:1; min-height:115px;}
#business_li .item .txt p{display:none;}



@media all and (min-width:768px) {

#section01{padding:50px 0;}

#section01 .section_top{display:block}
#section01 h4{margin-bottom:10px; font-size:1.3em}
#section01 h4 span.st{display:inline-block; margin-bottom:15px}

#section01 h4 a:before{display:none;}
#section01 .busi02 h4,
#section01 .busi03 h4{margin-top:0px}

#business_li .item{background:url(../img/busi02.jpg) no-repeat center top;}
#business_li .item:first-child{background:url(../img/busi01.jpg) no-repeat center top;}
#business_li .item:last-child{background:url(../img/busi03.jpg) no-repeat center top;}

#business_li .item:last-child h4 span.st{background:#05123f}


#business_li .item{width:31.33%; margin:0 1%; color:#ffffff;}
#business_li .item ul{display:block}
#business_li .item .txt{padding:110px 20px 20px; min-height:325px}
#business_li .item .txt p{display:block; margin-bottom:20px; font-size:0.9em}
#business_li .item{position:relative;z-index:1; text-align:left; background-size:cover !important;
-webkit-box-shadow: 0px 0px 30px -5px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 30px -5px rgba(0,0,0,0.3);
box-shadow: 0px 0px 30px -5px rgba(0,0,0,0.3);}

}

@media all and (min-width:1200px) {
#section01:before{content:''; width:100%; height:400px; display:block; position:absolute; bottom:0; left:0; right:0; margin:auto; background:#f5f5f5; z-index:0}

#section01{padding:80px 0;}
#section01 .inner{max-width:1100px;}
#business_li .item{width:30.33%; margin:0 1.5%;}
#business_li .item .txt{padding:220px 30px 30px;}
#business_li .item .txt p{font-size:1em}
}








/*section02*/
#section02{color:#ffffff; text-align:center; background:url("../img/section02_bg.jpg") no-repeat center top; background-size:cover !important;}
#section02 h3{text-align:center; margin:0 auto; margin-bottom:15px;}
#section02 h3 b{font-size:0.8em; padding-bottom:10px; display:block}
#section02 h3 b:after{content:''; width:60px; height:3px; background:#ffffff; display:block; margin: 0 auto; margin-top:10px}

#section02 .section_top a{padding:7px 30px 7px 0px;; border-bottom:1px solid #ffffff; border-color:rgba(255,255,255,0.7); position:relative; font-size:0.9em; display:inline-block}
#section02 .section_top a:after{content:'\f105'; font-family:'FontAwesome'; position:absolute; right:0; bottom:0; padding:7px 0px}
#section02 .section_top p{margin-bottom:15px;}

#section02 .quick_li{overflow:hidden; text-align:center;}
#section02 .quick_li li{vertical-align:top; padding:0 20px; }
#section02 .quick_li li img{max-width:20px; margin-right:10px;}
#section02 .quick_li li span{display:inline-block; vertical-align:top;}



@media all and (min-width:768px) {
#section02{text-align:left;}
#section02:before{content:''; width:38%; height:100%; position:absolute; left:0; top:0; bottom:0; margin:auto;  background:#2448a9; background:rgba(36,72,169,0.8)}

#section02 h3{text-align:left;}
#section02 h3 span{font-size:1.3em}
#section02 h3 b:after{margin:0; margin-top:10px;}
#section02 .section_top{float:left; width:35%; margin:0 !important; }

#section02 .quick_li{width:62%; float:right; overflow:hidden; padding:20px 0px 0}
#section02 .quick_li li{display:inline-block; vertical-align:top; border-left:1px solid #ffffff; border-color:rgba(255,255,255,0.3)}
#section02 .quick_li li span{display:block}
#section02 .quick_li li img{max-width:60px; margin:0 0 10px;}
#section02 .quick_li li:first-child{border-left:0;}

#section02:after{content:''; display:block; clear:both;}

#section02 .section_top p{margin:0}

}

@media all and (min-width:1200px) {
#section02 h3 b{font-size:16px;}
#section02:before{width:45%; }
#section02 .quick_li{ padding:40px 0px 0; padding-left:3%}
#section02 .quick_li li{display:block; width:33.33%; float:left;}
}









/*footer*/
#footer{background:#3a3d40; padding:20px 0px; color:#c8c8c8; font-size:0.9em; text-align:center;}
/*#footer div{background:url(../img/foot_logo.png) no-repeat right center;}*/
#footer p{font-size:0.8em; clear:both; text-align:center;}

.bottom_li{text-align:center; margin-bottom:10px;}
.bottom_li li{display:inline-block; margin: 0 0.5%;}
.bottom_li li a{color:#ffffff}

@media all and (min-width:768px) {
#footer{padding:40px 0px}
.bottom_li{text-align:left;}
.bottom_li li:first-child{margin-left:0}

}


/*page up*/
#pageup {position:fixed; z-index:999; right:1%; bottom:5%; width:50px; height:50px; background-image:url('../img/Htop.png');background-repeat: no-repeat;  background-position:center center; background-size: 50px 50px; display:none; cursor:pointer; z-index:4000;}










/*서브레이아웃*/
#sub_visual{position:relative; padding:110px 0 30px; background:url(../img/main01.jpg) no-repeat center center;  }
/*#sub_visual.sub01{ background:url(../img/subvisu01.jpg) no-repeat center center; }
#sub_visual.sub02{ background:url(../img/subvisu02.jpg) no-repeat center center; }
#sub_visual.sub03{ background:url(../img/subvisu01.jpg) no-repeat center center; }
#sub_visual.sub04{ background:url(../img/subvisu02.jpg) no-repeat center center; }
#sub_visual.sub05{ background:url(../img/subvisu01.jpg) no-repeat center center; }
#sub_visual.sub06{ background:url(../img/subvisu02.jpg) no-repeat center center; }*/
/*
.sub010{ background:url(../img/subvisu10.jpg) no-repeat center center; }
.sub011{ background:url(../img/subvisu10.jpg) no-repeat center center; }*/

#sub_visual{color:#ffffff; text-align:center;}
#sub_visual .tit_h2{font-weight:500; font-size:2.5em; margin-bottom:15px }
#sub_visual .tit_h2 span{display:block;  margin-bottom:10px; font-size:15px; font-weight:800; letter-spacing:0; text-transform:uppercase; position:relative;}
#sub_visual .tit_h2 b{display:block; line-height:1.2}

@media all and (min-width:768px) {
#sub_visual{border-bottom:0}
#sub_visual .tit_h2{font-size:3em; }

#sub_visual p{font-size:18px}
#sub_visual .tit_h2 span:after{position:absolute; right:0; top:0; margin:0}
}

@media all and (min-width:1200px) {
#sub_visual .tit_h2{font-size:3.2em; line-height:1.8}
#sub_visual p{font-size:18px}
#sub_visual{border-bottom:0;}

}


.sub_tab{display:none}
.sub_con{width:94%; margin: 0 auto; position:relative; max-width:1160px; min-height:200px; padding:30px 0px; overflow:hidden}
.sub_con:after{content:''; clear:both; display:block}

/*2depth menu*/
#twodepthNav {position:relative; display:none; margin: 0 auto; background:#051444}
#twodepthNav ul {overflow:hidden; text-align:center}
#twodepthNav ul li {position:relative; width:18%; display:inline-block; text-align:center; max-width:150px}
/*#twodepthNav ul li a:before{content:''; width:1px; height:20px; background:rgba(255,255,255,0.3); position:absolute; left:0; top:0; bottom:0; margin: auto;}*/
#twodepthNav ul li a{color:#ffffff}
/*#twodepthNav ul.li02 li{width:50%;}
#twodepthNav ul.li03 li{width:33.333%;}
#twodepthNav ul.li04 li{width:25%;}
#twodepthNav ul.li05 li{width:20%;}
#twodepthNav ul.li06 li{width:16.66%;}
#twodepthNav ul.li07 li{width:14.28%;}*/
#twodepthNav ul li a{display:block; line-height:60px; position:relative}
#twodepthNav ul li a:after{content:''; position:absolute; bottom:0; left:50%; width:0; height:3px; background:#c8c8c8; transition:all 0.2s cubic-bezier(0.7, 0, 0.3, 1)}
#twodepthNav ul li:hover a:after{width:90px; margin-left:-45px;}
#twodepthNav ul li a:hover{font-weight:600; transition:0.3s}
#twodepthNav ul li:first-child a:before{width:0}
#twodepthNav ul li.active {font-weight:500;}
#twodepthNav ul li.active a{font-weight:600}
#twodepthNav ul li.active a:after{width:90px; margin-left:-45px;}
/*#twodepthNav ul li.active:after {width:10px; height:10px; content: "";position:absolute; background:#f6c94f; top:43%; right:20px; border-radius:30px}*/

#sidemenu {display:none; position:absolute;width:200px;  z-index:9999; top:0px; left:20px} /*기준*/
#sidemenu h2 {display:block;font-size:1.6em;   text-align:center; line-height:1.2;  color:#fff; min-height:100px; padding:60px 0; /*background:rgba(90,19,40,0.8);*/ background:#29343f; position:relative; text-transform:uppercase;  }
#sidemenu h2 span {display:block; font-size:0.9rem; margin-bottom:10px;}

#sidemenu .snblist{border:1px solid #e6e6e6; border-width:0 1px 1px; background:#ffffff;  margin-bottom:30px}
#sidemenu .snblist li a {position:relative; display: block; padding:13px 20px; font-weight:400; border-bottom:1px solid #e6e6e6; color:#323232}
#sidemenu .snblist li:last-child a{border-bottom:0px;}
#sidemenu .snblist li a[target='_blank']:after {font-family: 'FontAwesome'; font-size:11px; display:inline-block; content:"\f08e"; margin: 0 0 2px 5px; vertical-align: middle;}
#sidemenu .snblist li a:hover {text-indent:5px; 	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease; color:#303030; transition:0.3s}
#sidemenu .snblist li.active a {color:#d10000; font-weight:600}
#sidemenu .snblist li a i:after,#sidemenu .snblist li.active a i:after {
	position: absolute;
	top: 16px;
	font-weight:bold;
	right: 10px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font-family: FontAwesome;
	content: "\f105";
	font-style:normal;  
	color:#808080
}
#sidemenu .snblist li a:hover i:after{right: 7px;}
#sidemenu .snblist li.active a i:after{color:#d10000}
#sidemenu .snblist li.active a:hover i:after{right:7px;}


#sidemenu .snblist li a i:after {background:rgba(255,255,255,0)}

#sidemenu .snblist li a:hover i:after {
	-webkit-transform: translateY(-50%) translateX(20%);
	-moz-transform: translateY(-50%) translateX(20%);
	-ms-transform: translateY(-50%) translateX(20%);
	-o-transform: translateY(-50%) translateX(20%);
	transform: translateY(0) translateX(20%);
	color:#fff;
	background:rgba(255, 255, 255, 1);
}

#sidemenu .snblist li.select a:hover i:after {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
	color:#fff;
	background:rgba(255, 255, 255, 1);
}



#fl_menu{display:none;}
.con{position:relative; min-height:500px;}
.conh3{font-size:1.2em; font-weight:600; color:#000000; }

.path{display:block;}
.path li{font-size:12px; display:inline-block; vertical-align:top;}
.path li:before{content:'\f105'; font-family:'FontAwesome'; display:inline-block; padding:0px 10px}
.path li:first-child:before{display:none;}

/*패스메뉴
.dropbtn {background:none; width:100%; text-align:left; border:none; display:inline-block; height:auto; position:relative; color:#ffffff; font-size:12px;}
.dropbtn:after{font-family:'FontAwesome'; content:'\f078'; position:absolute; right:10px; color:#ffffff; font-size:8px; line-height:36px;}


.dropmenu {display: none; width:100%; position: absolute;  z-index: 5; border-width:0 1px 1px 1px; margin-top:-1px}
.dropmenu a {display:block; color:inherit; font-size:12px}
.dropmenu.show {display:block;}

.dropmenu ul{padding:10px; background:#1c3f95; }
.dropmenu ul li{padding:5px 0px; font-size:0.9em; cursor: pointer; color:#ffffff; text-align:left; line-height:32px;}
*/
@media all and (min-width:768px) {
}


@media all and (min-width:768px) {
.sub_con{padding:50px 0px}
.conh3{font-size:1.4em}
#sub_visual{padding:140px 0px 50px;}
#twodepthNav {position:relative; display:block;}


}

@media all and (min-width:1200px) {
#sub_visual{padding:160px 0px 50px;}
.subwrap{margin: 0 auto; position:relative;}
.sub_tab{display:block;background:#0788c7; padding:10px 0px; text-align:right; color:#ffffff; font-size:0.85em; text-align:right;}
.sub_tab h3, .sub_tab p{display:inline-block; margin-left:15px; color:#fbdf40; font-weight:bold}
.sub_tab h3{color:#ffffff}
.sub_tab h3 span{margin-right:10px; text-transform:uppercase; color:#fbdf40}
.sub_tab p {border-radius:50px; background:#462e16; padding:5px 10px;}

#twodepthNav ul.li02 li{width:25%;}

/*#sub_visual{padding:140px 0 120px;}*/

.sub_con{position:relative; width:100%; margin: 0 auto; padding:80px 0px}
.con{width:1160px; margin:0 auto; min-height:800px;}

}

@media all and (min-width:1640px) {
#sidemenu{display:block}
#fl_menu{display:block; position:absolute; right:20px; z-index:9999; width:125px; top:0px; height:600px}
#fl_menu .label{text-align:center; line-height:80px; font-size:18px; font-weight:bold; background:#29343f; color:#fff;}
#fl_menu ul {text-align:center; padding:10px 0px 30px; background:#ffffff}
#fl_menu ul li a{font-size:16px; font-weight:600; padding:8px 0px}
#fl_menu ul li span{display:block}
#fl_menu .menu{display:block; border:1px solid #dcdcdc}
#fl_menu .menu img{max-width:60px}
#fl_menu .menu .menu_item{display:block; background:#ffffff; color:#323232; }


}




/*텍스트효과*/

.motion01{animation-name:sub_tt;animation-duration:1000ms;animation-fill-mode:both;animation-delay:200ms;animation-timing-fonction:ease-out;}
.motion02{animation-name:sub_tt;animation-duration:1000ms;animation-fill-mode:both;animation-delay:200ms;animation-timing-fonction:ease-out;}

/* Chrome, Safari, Opera */ 
@-webkit-keyframes sub_tt { 
	0%   {top: 30px; opacity: 0;}
    100% {top: 0; opacity: 1;}
}
/* Standard syntax */
@keyframes sub_tt {
     0%   {top: 30px; opacity: 0;}
    100% {top: 0px; opacity:1;}
}
/* Chrome, Safari, Opera */ 
@-webkit-keyframes sub_tt {
    0%   {top: 30px; opacity: 0;}
    100% {top: 0; opacity: 0;}
}
/* Standard syntax */
@keyframes sub_tt {
     0%   {top: 30px; opacity: 0;}
    100% {top: 0px; opacity: 1;}
}






@media all and (max-width:1200px) {
#layerPopup0{top:100px !Important; left:0 !Important;}
#layerPopup1{top:435px !Important; left:0 !Important;}
#layerPopup2{top:770px !Important; left:0 !Important;}
#layerPopup3{top:1105px !Important; left:0 !Important;}
#layerPopup4{top:1440px !Important; left:0 !Important;}
#layerPopup5{top:1775px !Important; left:0 !Important;}
}




/*메인리뉴얼*/

.bottom-contact{background: #2448a9 url(/img/main-bottom-img.png) no-repeat;background-size: 100%;padding-top: 40vw;}
.bottom-contact .box{/* padding-top: 100px; *//* background: #2448a9 url(/img/main-bottom-img.png) no-repeat; */padding: 20px 0;}
.bottom-contact .box .list{}
.bottom-contact .box .list li{color: #fff;display: flex;align-items: center;padding: 15px 0;}
.bottom-contact .box .list li .img{margin-right: 16px;}
.bottom-contact .box .list li .img img{width: 50px;}
.bottom-contact .box .list li .cont{}
.bottom-contact .box .list li .cont b{display: block;}

#footer2{background: #050d22;color: #a9abae;padding: 20px 0px;}
#footer2 .f-logo{display: none;}
#footer2 .bo-link{margin-bottom: 15px;}
#footer2 .bo-link li{display: inline-block;margin-right: 15px;}
#footer2 .bo-link li a{font-weight: 500;font-size: 13px;}
#footer2 .info{}
#footer2 .info .info-list{}
#footer2 .info .info-list li{font-weight: 500;font-size: 13px;margin-bottom: 1px;}
#footer2 .info .info-list li span{font-weight: 300;}
#footer2 .info .copy{font-size: 13px;margin-top: 10px;}



@media (min-width: 768px) {
	.bottom-contact{}
	.bottom-contact .box{padding: 40px 0;}
	.bottom-contact .box .list{display: flex;flex-wrap: wrap;}
	.bottom-contact .box .list li{width: 50%;}
	.bottom-contact .box .list li .img{}
	.bottom-contact .box .list li .img img{}
	.bottom-contact .box .list li .cont{font-size: 17px;}
	.bottom-contact .box .list li .cont b{font-size: 22px;}
	
	#footer2{padding: 50px 0;}
	#footer2 .f-logo{}
	#footer2 .bo-link{}
	#footer2 .bo-link li{}
	#footer2 .bo-link li a{font-size: 15px;}
	#footer2 .info{}
	#footer2 .info .info-list{}
	#footer2 .info .info-list li{font-size: 14px;}
	#footer2 .info .info-list li span{}
	#footer2 .info .copy{font-size: 14px;}
	
}

@media all and (min-width:1200px) {
	.bottom-contact{background: #2448a9 url(/img/main-bottom-img.png) no-repeat;padding-top: 0px;height: 375px;}
	.bottom-contact .box{background: #2448a9;margin-left: 50%;height: 375px;padding-left: 65px;display: flex;align-items: center;}
	.bottom-contact .box .list{}
	.bottom-contact .box .list li{padding: 33px 0;width: calc(100% - 172px);}
	.bottom-contact .box .list li:nth-child(2n){width: 172px;}
	.bottom-contact .box .list li .img{width: 50px;margin-right: 0px;}
	.bottom-contact .box .list li .img img{}
	.bottom-contact .box .list li .cont{width: calc(100% - 50px);padding-left: 17px;}
	.bottom-contact .box .list li .cont b{margin-bottom: 5px;}
	
	#footer2{padding: 65px 0;}
	#footer2 .f-logo{}
	#footer2 .bo-link{margin-bottom: 25px;}
	#footer2 .bo-link li{}
	#footer2 .bo-link li a{}
	#footer2 .info{}
	#footer2 .info .info-list{}
	#footer2 .info .info-list li{display: inline-block;margin-right: 25px;}
	#footer2 .info .info-list li span{font-weight: 400;margin-right: 7px;}
	#footer2 .info .copy{}
	
}



.more-btn{width: 150px;height: 45px;border-radius: 100px;border: 1px solid #ffffff;border-color: rgba(244,244,244,0.5) !important;display: flex;align-items: center;justify-content: center;font-size: 16px;font-weight: 400;transform: scale(0.8);}


.mainvisual.main-visual2{}
.mainvisual.main-visual2 #mainslider{} 
.mainvisual.main-visual2 #mainslider li{}
.mainvisual.main-visual2 #mainslider li .visu{}
.mainvisual.main-visual2 #mainslider li .visu h2{font-family: "Pretendard";font-weight: 800;font-size: 20px;}
.mainvisual.main-visual2 #mainslider li .visu h2 span{font-size: 2.6em;margin-bottom: 7px;}
.mainvisual.main-visual2 #mainslider li .visu p{margin-bottom: 26px;}
.mainvisual.main-visual2 #mainslider li .visu a{margin: 0 auto;}
.mainvisual.main-visual2 #mainslider li.main01:before{background: url(../img/main-visual01.jpg) no-repeat center center;}
.mainvisual.main-visual2 #mainslider li.main02:before{background: url(../img/main-visual02.jpg) no-repeat center center;}
.mainvisual.main-visual2 #mainslider li.main03:before{background: url(../img/main-visual03.jpg) no-repeat center center;}
.mainvisual.main-visual2 #mainslider li.main04:before{background: url(../img/main-visual04.jpg) no-repeat center center;}


.mainvisual.main-visual2 .bx-controls{/* position: absolute; *//* bottom: 40px; *//* left: 0; *//* z-index: 9999; *//* width: 100%; */}
.mainvisual.main-visual2 .bx-pager{/* bottom: -50px; */position: absolute;
    bottom: 40px;
    left: 0;
    z-index: 9999;
    width: 100%;}
.mainvisual.main-visual2 .bx-pager .bx-pager-item{margin: 0 5px;}
.mainvisual.main-visual2 .bx-pager .bx-pager-item a{display:block; width:20px; height:5px; background:rgba(244,244,244,0.5);border-radius: 0px;}
.mainvisual.main-visual2 .bx-pager-item a:before{}
.mainvisual.main-visual2 .bx-pager-item a.active{background:rgba(244,244,244,1);}
.mainvisual.main-visual2 .bx-pager-item a.active:before{}
.mainvisual.main-visual2 .bx-pager-item a.active:after{}



@media (min-width: 768px) {
	.mainvisual.main-visual2{}
.mainvisual.main-visual2 #mainslider{} 
.mainvisual.main-visual2 #mainslider li{}
.mainvisual.main-visual2 #mainslider li .visu{}
.mainvisual.main-visual2 #mainslider li .visu h2{font-size: 24px;}
	.mainvisual.main-visual2 #mainslider li .visu h2 span{font-size: 92px;}
.mainvisual.main-visual2 #mainslider li .visu p{font-size: 18px;margin-bottom: 43px;}
.mainvisual.main-visual2 #mainslider li .visu a{}
.mainvisual.main-visual2 #mainslider li.main01{}
.mainvisual.main-visual2 #mainslider li.main02{}
.mainvisual.main-visual2 #mainslider li.main03{}
.mainvisual.main-visual2 #mainslider li.main04{}
.mainvisual.main-visual2 .bx-pager{}
.mainvisual.main-visual2 .bx-pager .bx-pager-item{}
.mainvisual.main-visual2 .bx-pager .bx-pager-item a{width: 51px;}
.mainvisual.main-visual2 .bx-controls-direction{/* top: 61%; *//* margin-top: -30px; *//* position: absolute; */}
.mainvisual.main-visual2 .bx-wrapper .bx-controls-direction a{/* top: 50%; *//* margin-top: -30px; */}
	.more-btn{transform: scale(1);}
}
@media (min-width: 1200px) {
	.mainvisual.main-visual2{}
.mainvisual.main-visual2 #mainslider{} 
.mainvisual.main-visual2 #mainslider li{}
.mainvisual.main-visual2 #mainslider li .visu{padding-left: 0px;top: 250px;}
.mainvisual.main-visual2 #mainslider li .visu p{}
.mainvisual.main-visual2 #mainslider li .visu a{margin: 0;}
.mainvisual.main-visual2 #mainslider li.main01{}
.mainvisual.main-visual2 #mainslider li.main02{}
.mainvisual.main-visual2 #mainslider li.main03{}
.mainvisual.main-visual2 #mainslider li.main04{}
}



.product-section{padding: 50px 0;}
.product-section .img-slider{}
.product-section .img-slider .img{padding-left: 20px;padding-top: 20px;}
.product-section .img-slider .img img{width:100%;}
.product-section .img-slider .img:after{
	display:block; clear:both; content:"";
	background:#2448a9;
width: 30vw;height: 30vw;position: absolute;top: 0;left: 0;z-index: -1;}
.product-section .img-slider .cont{padding: 20px 0 0;}
.product-section .img-slider .cont .tlt{font-weight: 800;font-size: 30px;margin-bottom: 5px;text-align: center;}
.product-section .img-slider .cont .txt{/* font-weight: 800; */text-align: center;margin-bottom: 15px;}
.product-section .img-slider .cont a{border-color: rgba(0,0,0,0.5) !important;margin: 0 auto;}

.txt-slider{margin-bottom: 15px;}
.txt-slider .t1{display: inline-block;width: auto !important;color: #9a9a9a;margin: 0 12px;float: none !important;}
.txt-slider .t1.slick-current{color: #2448a9;font-weight: 700;border-bottom: 2px solid #2448a9;/* margin: 0 12px; */float: none;}
.txt-slider .slick-track{text-align: center;transform: translate3d(0px, 0px, 0px) !important;width: 100% !important;}
@media (min-width: 768px) {
	.product-section{}
	.product-section .img-slider{}
	.product-section .img-slider .img{padding-left: 70px;padding-top: 70px;width: 700px;margin: 0 auto;}
	.product-section .img-slider .img img{width:auto;}
	.product-section .img-slider .img:after{width:374px; height:324px;left: 50%;margin-left: -356px;}
	.product-section .img-slider .cont{}
	.product-section .img-slider .cont .tlt{font-size: 48px;margin-bottom: 10px;}
	.product-section .img-slider .cont .txt{font-size: 16px;margin-bottom: 20px;}
	.product-section .img-slider .cont a{}
	
	.txt-slider{}
	.txt-slider .t1{font-size: 18px;}
	.txt-slider .slick-track{margin-bottom: 20px;}
}

@media (min-width: 1200px) {
	.product-section{padding: 160px 0 100px;}
.product-section .img-slider{}
.product-section .slick-list{overflow: unset;}
.product-section .img-slider .img{margin: 0px;width: 722px;padding-left: 0px;padding-top: 0px;}
.product-section .img-slider .i1{display:flex;align-items: center;}
	.product-section .img-slider .img:after{margin-left: -365px;left: -70px;margin-left: 0px;top: -70px;/* z-index: 1; */}
.product-section .img-slider .cont{padding-top: 35px;}
.product-section .img-slider .cont .tlt{font-size: 59px;text-align: left;}
.product-section .img-slider .cont .txt{font-size: 18px;text-align: left;margin-bottom: 40px;}
.product-section .img-slider .cont a{margin: 0;}

.txt-slider{position: relative;z-index: 9999;}
.txt-slider .slick-track{text-align: left;position: absolute;top: 65px;left: 50%;z-index: 9999999;margin-left: 111px;}
.txt-slider .t1{}
}