@charset "utf-8";
/*     메인 비쥬얼     */

#section0 { position:relative; }


#section0 ul { position:relative; height:970px; z-index:5; }
#section0 li {  }
#section0 li.img1 { background:url('/img/main/img1.jpg') center center no-repeat; height:100%; }
#section0 li.img2 { background:url('/img/main/img2.jpg') center center no-repeat; height:100%; }
#section0 li.img3 { background:url('/img/main/img3.jpg') center center no-repeat; height:100%; }
#section0 li.img4 { background:url('/img/main/img4.jpg') center center no-repeat; height:100%; }
#section0 li.img5 { background:url('/img/main/img5.jpg') center center no-repeat; height:100%; }


.visual_slider { position:relative; overflow:hidden; height:970px; width:100%; }

#main_text { position: absolute; top:0px; left:10%; z-index:20; } 

#main_text01 { position:absolute; top:250px;width:100%; animation-duration:1.5s; animation-name:main_text01; text-align:center; }
#main_text02 {  position:absolute; top:350px; width:100%; animation-duration:2s; animation-name:main_text02; text-align:center; z-index:2}
#main_text03 { position:absolute; top:500px; width:100%; animation-duration:2.5s; animation-name:main_text03; text-align:center; }
#main_text04 {  position:absolute; top:550px; width:100%; animation-duration:3s; animation-name:main_text04;  text-align:center;}
#main_text05 {  position:absolute; top:680px; width:100%; animation-duration:4s; animation-name:main_text04;  text-align:center;}

.main_text_line { position:absolute; top:296px; left:250px;   width:1px; height:60px; background:#fff; overflow:hidden; }

@keyframes main_text01 {
  from { opacity:0; } 50%{ opacity:0;}
}
@keyframes main_text02 {
  from { opacity:0; } 60%{ opacity:0; }
}
@keyframes main_text03 {
  from { opacity:0; } 70%{ opacity:0;}
}
@keyframes main_text04 {
  from { opacity:0;} 80%{  opacity:0;}
}
@keyframes main_slide {
  from { margin-top:50px; opacity:0;} 80%{ margin-top:50px; opacity:0;}
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #fff;
  opacity: 0.5;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #fff;
}

@media screen and (max-width: 1480px) {
  #main_video { display:none; }
}

.img_zoom{position:relative; top: 0px; left: 0px; width:100%; margin:0 auto 40px;}
.img_zoom img.zoom_img{display:block; width:100%; height:auto;}
.img_zoom .magnifier{display:none; position:absolute; width:500px; height:500px; border-radius:100%; box-shadow:0 0 0 12px rgba(255, 255, 255, 0.85), 0 0 3px 3px rgba(0, 0, 0, 0.25); box-sizing:border-box;}

/* 메인내용 */

#section1 { position:relative; background:url('/img/main/bg_premium.jpg') top center no-repeat; height:970px; padding:120px; 0 0; box-sizing:border-box; overflow:hidden; box-sizing: border-box; } 


#section1 .mcont1 {width: 1600px; margin: 0 auto; position: relative; }
#section1 .mcont1 a {position: absolute; z-index: 100; right: 0;}
#section1 .mcont1 .cont1_tit1 {position: absolute; top: 250px; left: 970px;}
.leslide1 {position: relative; padding-left: 200px;}
.leslide1:before {content: ""; position: absolute; left: 0; top: 60px; background: #DDD; width: 1px; height: 250px;}
.slidectr2 {position:absolute; left:970px;/*left:50%;*/ bottom: 0px; width:1px; /*margin-left: top-60px;*/ z-index: 100;} 
.slidectr2 .sline2 {position:absolute; left:0px; bottom:0px; width:490px; height:1px;}
.slidectr2 .sline2::before{position:absolute; left:0px; top:0px; width:490px; height:1px; background:#fbf205; opacity:1; content:""; z-index:-1}
.slidectr2 .sline2 span{display:block; background:#000; width:0px; height:1px;
transition-duration:0s;
transition-delay:0s;
z-index: 10;
}
.slidectr2 .sline2 span.active{width:100%;
-moz-transition:all 3s ease-in-out;
-webkit-transition:all .20s ease-in-out;
-moz-transform:all 3s ease-in-out;
transform:all 3s ease-in-out;
transition-duration:3s;
transition-delay:0s;
}

.slick-dots3 {position: absolute; top: 75px; list-style:none; display: block; left: 55px; padding: 0; z-index:100; width:100px; text-align: right;}
.slick-dots3 li {position:relative; display:inline-block; float:left; height:28px; margin:15px 0px; padding:0; cursor:pointer; width: 100px;}
.slick-dots3 li:before {position: absolute; content: "TRAFFIC"; color: #aaa; font-size: 28px; font-family: 'arial'; font-weight: 500; left: 0px; top: 0px; line-height: 28px;}
.slick-dots3 li:nth-child(2):before {content: "INFRA"; left: 0;}
.slick-dots3 li:nth-child(3):before {content: "ECO"; left: 0px;}
.slick-dots3 li:nth-child(4):before {content: "VALUE"; left: 0px;}
.slick-dots3 li.slick-active:before {color: #f7f60e;}
.slick-dots3 li button {border:0; background:transparent; display:block; height:7px; width:7px; outline:none; font-size:0; line-height:0; cursor: pointer; border-radius: 7px; margin-top: 8px; margin-left: -58px;}
.slick-dots3 li.slick-active button{background: #f7f60e;}
.slick-dots3 li button:hover, .slick-dots3 li button:focus { outline: none; }
.slick-dots3 li button:before { position:absolute; top:0; left:0; width:8px; height:8px; line-height: 8px;}
.slick-dots3 li.slick-active button:before { color: black; opacity:0.75; background-position:0 0; }

#section2 { position:relative; background:url('/img/main/bg_unit.jpg') top center no-repeat; height:970px; padding:120px; 0 0; }
#section2 h2 { text-align:center; margin-bottom:100px; font-size:55px; font-weight:700;  }
#section2 .main_tab_menu { width:540px; margin:0 auto 100px; }
#section2 .main_tab_menu ul:after {display:block;visibility:hidden;clear:both;content:""}
#section2 .main_tab_menu li { float:left; width:50%; }
#section2 .main_tab_menu li a { display:inline-block; width:100%; height:60px; line-height:60px; background:#cad4dd; color:#00325e; font-size:22px; text-align:center;  }
#section2 .main_tab_menu li a strong { font-size:35px; }
#section2 .main_tab_menu li a.active { background:#00325e; color:#fff; }

#section2 .main_content { display:none; text-align:center; }
#section2 .main_content.active { display:block; }

/* 찾아오시는길 */
#sub01-02 {}


#sub01-02 .map-tab { margin-bottom:150px; }
#sub01-02 .map-tab ul:after {display:block;visibility:hidden;clear:both;content:""}
#sub01-02 .map-tab li { float:left; width:50%; }
#sub01-02 .map-tab li a { display:block; height:80px; line-height:80px; font-size:25px; font-weight:bold; text-align:center; border-bottom:1px solid #ccc; color:#ccc; }
#sub01-02 .map-tab li a.active { border-bottom:1px solid #333; color:#333; }

#sub01-02 h3 { text-align:center; font-size:35px; font-weight:700; margin-bottom:20px; }
#sub01-02-map1 { margin-bottom:100px; }

#sub01-02 .map-info { border-top:1px solid #dddddd; padding:22px 0; color:#333; }
#sub01-02 .map-info:after {display:block;visibility:hidden;clear:both;content:""}
#sub01-02 .map-info li { padding:8px 0; font-size:15px; }
#sub01-02 .map-info strong { display:inline-block; width:100px; font-weight:700;  }
#sub01-02 .map-info span { display:inline-block; }

ul.tabs2 { display: flex; justify-content: space-between; }
ul.tabs2:after {display:block;visibility:hidden;clear:both;content:""}
ul.tabs2>li { float:left; width:24%; margin-left:1%; text-align: center; border:1px solid #ccc;}
ul.tabs2>li>a { padding: 0;  line-height: 45px; font-size:14px; letter-spacing: 0; display: block; color:#444;  }
ul.tabs2>li:first-child {margin-left:0;}

ul.tabs2 li.selected, ul.tabs li.selected:hover
{
    position: relative;
    top: 0px;
	color:#fff; background: #442530;  border:1px solid #442530;
}
	
ul.tabs2 li.selected a, ul.tabs li.selected a:hover { color:#fff;}
        
        
ul.tabs2 li.selected a:hover
{
    text-decoration: none;
}

ul.tabs2 li.active { color:#fff; background: #9e7a6c; border:1px solid #9e7a6c; }


.tabcontents>div { overflow: hidden; }
.tabcontents ul.tabs2 li.selected, ul.tabs li.selected:hover { background-color: #a1853f; border: 1px solid #e6e6e6; }


ul.btn_download_list { display: flex; justify-content: space-between; margin-bottom:30px;  }
ul.btn_download_list:after {display:block;visibility:hidden;clear:both;content:""}
ul.btn_download_list > li { float:left; width:49.5%; margin-left:1%;  height: 75px; text-align: center; }
ul.btn_download_list > li > a { padding: 0; height: 75px; line-height: 26px; letter-spacing: 0; display: block; padding-top: 11px; color: #ffff; font-size: 18px; }
ul.btn_download_list > li:first-child {margin-left:0;}
ul.btn_download_list > li:nth-child(1) { background-color: #006b88; } 
ul.btn_download_list > li:nth-child(2) { background-color: #9b8449; } 
ul.btn_download_list > li > a span { font-size: 18px; padding-right: 30px; position: relative; background: url(sub/download_w.png) right bottom 5px no-repeat; background-size: 18px;  }
ul.btn_download_list .cc { color: #fff600; }