@charset "utf-8";

/* sv */
.sub_wrap{}
.sv_wrap{box-sizing: border-box; width: 100%;}
.sv_sec {position: relative;width: 100%; background:url(../../images/sub/sv00.jpg) no-repeat center top; height: 470px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; transition:1.2s;z-index: -1;}
.sv02{background:url(../../images/sub/sv02.jpg) no-repeat center top; }
.sv03{background:url(../../images/sub/sv03.jpg) no-repeat center top; }
.sv04{background:url(../../images/sub/sv04.jpg) no-repeat center top; }
.sv05{background:url(../../images/sub/sv05.jpg) no-repeat center top; }

.sv_sec .tit_box{position: relative; box-sizing: border-box; text-align: center; color: #fff; top: 216px;}
.sv_sec .tit_box h4{;position: relative; font-size: 50px; line-height: 1; font-weight: 700; opacity: 0; transition: .7s .7s; top: 30px; }
.sv_sec .tit_box.on h4{opacity: 1; top: 0;}

/* lnb */
.lnb_wrap{position: relative; z-index: 10; margin-top: -65px;}
.lnb_box{position: relative; background: rgba(0,0,0,0.9); }
.lnb_box > *{float: left; box-sizing: border-box; height: 65px; border-right: 1px solid rgba(255,255,255,0.2) }
.lnb_box > .home a{display: block; width: 65px;  height: 65px;background: #db2a2e url(../../images/sub/sub_home.png) center no-repeat;}

.lnb_box .lnb_dep1{width: 233px;}
.lnb_box .lnb_dep2{width: 274px;}
.lnb_box > div:not(.home) {position: relative;}
.lnb_box > div:not(.home) > a{position: relative; font-size: 17px; line-height: 65px; color: #fff; padding-left: 30px; }
.lnb_box > div:not(.home) > a:after{position: absolute; content:''; width: 12px; height: 8px; background: url(../../images/sub/sub_arr.png) center no-repeat; right: 30px; top: 50%; margin-top: -4px; transition:.3s;}
.lnb_box > div:not(.home) > a.on:after{transform:rotate(180deg)}
.lnb_box > div:not(.home) > div{display: none; position: absolute; left: -1px; top: 65px; width: calc(100% + 2px); background: #fff; z-index: 10; box-shadow:0px 0px 10px rgba(0,0,0,0.1)}
.lnb_box > div:not(.home) > div ul li{border: 1px solid #ddd; border-bottom: 0;}  
.lnb_box > div:not(.home) > div ul li:last-child{border-bottom: 1px solid #ddd;}
.lnb_box > div:not(.home) > div ul li a{position: relative; line-height: 50px; color: #666; background: #fff; padding-left: 29px; box-sizing: border-box; transition:.3s;}
.lnb_box > div:not(.home) > div ul li:hover a{background: #f9f9f9; color: #db2a2e;}

/* sub_common */
.sub_layout{margin: 140px auto !important; }
.sub_layout2 {margin-bottom: 0 !important;}

.sb_tit_box{text-align: center; margin-top: -44px !important;}
.sb_tit_box h5{font-size: 20px; line-height: 1; color: #db2a2e; font-weight: 500; }
.sb_tit_box h3{font-size: 42px; line-height: 60px; color: #333; font-weight: 500; margin: 22px 0 35px;}
.sb_tit_box p{font-size: 18px; line-height: 30px; }



/* s101 */
.s101 .arti1 > *{float: left; width: 44.091%; box-sizing: border-box;}
.s101 .arti1 > .lbx img{width: 100%;}
.s101 .arti1 > .rbx{width: 55.909%; padding-left: 6.44%; padding-top: 6px;}
.s101 .arti1 .tbx h5{font-size: 18px; line-height: 1; letter-spacing: 0.3em; font-weight: 500; color: #db2a2e; margin-bottom: 29px;}
.s101 .arti1 .tbx h3{font-size: 45px; line-height: 60px; font-weight: 500; color: #333;} 
.s101 .arti1 .tbx p{font-size: 18px; line-height: 30px; }
.s101 .arti1 .tbx p b{display: block; font-size: 22px; line-height: 36px; color: #333; font-weight: 400; margin: 29px 0 0;}
.s101 .arti1 .tbx strong{display: block; font-size: 18px; line-height: 49px; color: #333; font-weight: 500;  margin-top: 27px;}
.s101 .arti1 .tbx strong span{display: inline-block; margin-left: 12px;}

/* s102 */
.s102_col3{margin-top: 63px;}
.s102_col3 li{float: left; width: 33.07%; }
.s102_col3 li:nth-child(2){width: 33.86%; text-align: center;}
.s102_col3 li:last-child{text-align: right;}
.s102_col3 li figure {position: relative; top: 2vw;}
.s102_col3 li:nth-child(2) figure {top: 0;}
.s102_col3 li:nth-child(2) figure img{width: 100%;}
.s102_col3 li figure img{box-shadow:10px 15px 10px rgba(0,0,0,0.2); width: 89.623%;}

.s102 .arti2, .s103 .arti2{background: url(../../images/sub/s102_bg.jpg) center no-repeat; height: 870px; background-size: cover; margin-top: 100px; padding-top: 123px; box-sizing: border-box; }
.s102_col_4{box-sizing: border-box; padding: 0 2.89%;}
.s102_col_4 li{float: left; width: 23.14%; margin-right: 2.47%; height: 290px; margin-bottom: 20px; text-align: center; box-sizing: border-box;}
.s102_col_4 li:nth-child(4n+4){margin-right: 0;}
.s102_col_4 li.fir{background: #db2a2e url(../../images/sub/s102_4.jpg) right bottom no-repeat;}
.s102_col_4 li.fir h3{font-size: 28px; line-height: 280px; color: #fff; font-weight: 500;}
.s102_col_4 li:not(.fir){border: 1px solid rgba(255,255,255,0.3); background: rgba(255,255,255,0.02); padding-top: 55px;}
.s102_col_4 li h4{font-size: 20px; line-height: 1; font-weight: 400; color: rgba(255,255,255,0.7); margin: 15px 0 14px;}
.s102_col_4 li p{font-size: 20px; line-height: 30px; font-weight: 400; color: #fff;}

/* s103 */
.s103 .arti2{position: relative; background: url(../../images/sub/s103_bg.jpg) center no-repeat; text-align: center; margin-top: 89px; padding-top: 93px;}
.s103 .arti2:before{position: absolute; content:''; width: 100%; height: 203px; background: url(../../images/sub/s103_1.png) center no-repeat; left: 0; top: -87px;}

/* s104 */
.s104 .arti2{box-sizing: border-box; padding: 0 50px; padding-top: 15px;} 
.s104 .tab {overflow:hidden; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.s104 .tab li { float:left; width:32.79%; margin-right: 0.815%; text-align:center; box-sizing:border-box; background: #f5f5f5; color: #666; display:inline-block; cursor:pointer; padding: 16px 0; font-size: 18px; font-weight: 500;}
.s104 .tab li:last-child {margin-right: 0;}
.s104 .tab li.on { background-color:#db2a2e; color:#fff; }
.s104 .tab_con { clear:both;  }

.s104 figure{margin: 40px 0 52px; position: relative;}
.s104 figure:before{position: absolute; content: ''; width: 100%; height: 51px; background: url(../../images/sub/s104_2.jpg) right bottom no-repeat; right: 0; bottom: -51px;}
.s104 figure img{width: 100%;}
.s104 .g_box{float: left; width: 49.5%; margin-right: 1%; display: table; background: #f9f9f9; height: 285px;	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; margin-bottom: 64px;}
.s104 .g_box:last-child{margin-right: 0;}
.s104 .g_box:last-child figure{padding-right: 38px;}
.s104 .g_box figure{display: table-cell; vertical-align: middle; width: 131px; padding: 6px 48px 0 50px; }
.s104 .g_box .txt_box{display: table-cell; vertical-align: middle;	}
.s104 .g_box h3{font-size: 26px; font-weight: 500; margin-bottom: 20px;}
.s104 .g_box li{position: relative; padding-left:15px;}
.s104 .g_box li::before {position: absolute; content: ""; width: 4px; height: 4px; border-radius: 50%; background: #a5a5a5; left: 0; top: 12px;}
.s104 .s_cont{position: relative; display: none;}
.s104 .s_cont:first-child{display: block;}
.s104 .s_cont > div{display: table; table-layout: fixed; width: 100%; padding-left: 21.64%; box-sizing: border-box;} 	
.s104 .s_cont > div > *{display: table-cell; vertical-align: top; box-sizing: border-box;}
.s104 .s_cont > div > h4{position: relative; font-size: 45px; line-height: 1; color: #db2a2e; font-weight: 600; width: 227px; text-align: right; padding-right: 124px;}
.s104 .s_cont > div > h4:before{position: absolute; content:''; width: 92px; height: 1px; background: #db2a2e; right: 0; top: 25px;}
.s104 .s_cont > div > h4:after{position: absolute; content:''; width: 12px; height: 12px; background: url(../../images/sub/s104_3.jpg) center no-repeat; right: -8px; top: 19px;}
.s104 .s_cont > div ul {position: relative; padding-left: 45px; padding-top: 8px; padding-bottom: 37px; box-sizing: border-box; }
.s104 .s_cont > div ul:after{position: absolute; content:''; width: 1px; height: 100%; background: #ddd; left: 2px; top: 20px; z-index: -1;}
.s104 .s_cont > div ul li{font-size: 18px; line-height: 32px; color: #666; display: table; table-layout: fixed; width: 100%; -ms-word-break: keep-all;
word-break: keep-all;}
.s104 .s_cont > div ul li > *{display: table-cell; vertical-align: top;}
.s104 .s_cont > div ul li > span{ color: #333; font-weight: 500; width: 72px;}
.s104 .s_cont > div:last-child {min-height:120px}

/* s105 */
.s105 .arti2{text-align: center; }
.s105 .arti2 figure{padding-top: 24px;}
.s105 .arti2 img{width: 100%;}

/* s106 */
.s106 .sb_tit_box h3{margin-bottom: 70px ;}
.s106 .arti2{clear: both; background: #f5f5f5; padding: 90px 0 100px; }
.s106 .col_4 > li{float: left; width: 22.728%; margin-right: 3.029%; margin-bottom: 50px;}
.s106 .col_4 > li:nth-child(4n+4){margin-right: 0;}
.s106 .col_4 > li img{width: 100%;}

/* s107 */
.s107 .arti2{position: relative; background: url(../../images/sub/s107_bg.jpg) center bottom no-repeat; text-align: center; padding-top: 130px; padding-bottom: 40px;}
.s107 .arti2:before{position: absolute; content:''; width: 100%; height: 147px; background: url(../../images/sub/s107_1.png) center top no-repeat; left: 0; top: -15px;}
.s107 .arti2 .tbx {position: relative; box-sizing: border-box; background: #fff; border: 5px solid #eaeaea; width: 87.87%; margin: 0 auto; top: -47px;}
.s107 .arti2 .tbx p{font-size: 24px; font-weight: 500; color: #333; line-height: 98px;}
.s107 .arti2 .tbx p span{position: relative; display: inline-block; padding: 0 32px;} 
.s107 .arti2 .tbx p span:after,.s107 .arti2 .tbx p span:before{position: absolute; content: '·'; top: 0;}
.s107 .arti2 .tbx p span:before{left: 9px;}
.s107 .arti2 .tbx p span:after{right: 9px;}
.s107 .arti2 figure{margin-top: 25px;}

/* s2 */

.s02 .sb_tit_box h5{font-weight: 500;}
.s02 .sb_tit_box h3{margin-bottom: 48px;}

.s02 .arti2 {text-align: center; margin-bottom: 70px;}
.s02 .arti2 figure{position: relative; box-shadow:0px 0px 15px rgba(0,0,0,0.2); width: 870px; margin: 0 auto; border: 5px solid #fff;}
.s02 .arti2 figure img{width: 100%;}
.s02 .arti2 figcaption{position: absolute; left: 0; bottom: 0; width: 100%; background: #000;font-size: 18px; color: #fff; font-weight: 500;  line-height: 60px; }

.s02 .arti2 .col2{box-sizing: border-box; padding: 0 35px;}
.s02 .arti2 .col2 > *{float: left; width: 48%; margin-right: 4%; box-sizing: border-box;}
.s02 .arti2 .col2 > *:last-child{margin-right: 0;}
.s02 .arti2 .col2 > * img{width: 100%;}


.s02 .arti3{overflow: hidden; background: #f2f2f2;}

.s02 .arti3 .owl-carousel .owl-stage-outer{margin: -20px; padding: 20px; box-sizing: border-box;}

.s02 .arti3 > div{position: relative; box-sizing: border-box; padding: 70px 35px 90px;}
.s02 .arti3 .s2_item{box-shadow:0px 0px 15px rgba(0,0,0,0.2); transition:.1s;}  
/* .s02 .arti3 .owl-item .s2_item{opacity: 0;}
.s02 .arti3 .owl-item.active .s2_item{opacity: 1;} */
/* .s02 .arti3 .owl-carousel .owl-stage-outer{overflow: visible;} */
.s02 .arti3 .owl-theme .owl-nav [class*=owl-]{display: block !important; opacity: 1 !important; margin: 0; padding: 0; width: 37px; height: 69px; background: url(../../images/sub/s2_prev.jpg) center no-repeat; position: absolute; left: -110px; top: 50%; margin-top: -35px;}
.s02 .arti3 .owl-theme .owl-nav .owl-next{left: auto; right: -110px; transform:rotate(180deg)}
.s02 .arti3 .owl-theme .owl-nav [class*=owl-] span{display: none;}

/* s103 */
.s103 .arti3{margin-top: 60px !important;}

.root_daum_roughmap .wrap_controllers{display: none;}
.root_daum_roughmap{width: 100% !important; }
.root_daum_roughmap .wrap_map{height: 450px !important;}
.map h3{position: relative; font-size: 30px; line-height: 1; color: #333; font-weight: 500; padding-left: 15px; margin-bottom: 30px;}
.map h3:before{position: absolute; content: ''; width: 5px; height: 90%; background: #8dbd40 ; left: 0; top: 3px;}

.map_txt {margin-top: 50px;}
.map_txt .box > *{float: left; }
.map_txt > .box > ol li {font-size: 18px;}
.map_txt > .box > ol li span{position: relative;display: inline-block; padding-right: 30px;}
.map_txt > .box > ol li span:after{position: absolute; content:''; width: 1px; height: 15px; background: #ddd; right: 15px; top: 7px;}
.map_txt > .box > ol li span:last-child:after{display: none;}
.map_txt > .box > ol li b{display: inline-block; font-weight: 500; color: #333; margin-right: 20px;}
.map_txt > .box > ul{float: right;}
.map_txt > .box > ul li{float: left;width: 61px; height: 61px; border: 1px solid #ddd; box-sizing: border-box; display: table; text-align: center; border-right: 0;}
.map_txt > .box > ul li:last-child{border-right: 1px solid #ddd;}
.map_txt > .box > ul li a{position: relative; display: table-cell; vertical-align: middle;}
.map_txt > .box > ul li a img{transition:.3s;}
.map_txt > .box > ul li:hover a img{transform:rotate(45deg)}