@charset "utf-8";


/************************************************************************
* COMMON *
************************************************************************/
.container{width:100%;margin:0 auto;position:relative;overflow:hidden;}
.contents{position:relative;}

.contents div[class*='sec-']{padding:0;}
.contents.main{}
.contents.sub{padding-top: 130px;padding-bottom: 30px;}

.contents.sub .detail{width: 740px;}



/************************************************************************
* MAIN_CONTENTS *
************************************************************************/

/*** Main - 바로가기 ***/
.main .sec-1{}
.main .sec-1 .m1{width: 499px;}

.m_t_bx{margin:0 25px;width:497px;height:132px;display: flex; padding-left: 10px; background:url('/img/m_pro.png') no-repeat;}
.m_t_bx .m_t_bxw{margin:40px 15px;float:left;width:70%}
.m_t_bx .m_t_bxw a{font-size: 13px; display:inline-block;padding:2px 20px;margin:3px 0;border-radius:2px;border:1px solid #ddd;text-align:left;}
.m_t_bx .m_t_bxw a:hover{display:inline-block;padding:2px 20px;margin:3px 0;border-radius:2px;border:1px solid #ff8429;background:#ff8429;color:#fff;text-align:left;}

.m_t_bx .m_t_bxw_spa{margin:45px 15px;float:left;width:80%}
.m_t_bx .m_t_bxw_spa a{display:inline-block;padding:5px 7px;margin:3px 0;border-radius:2px;border:1px solid #ddd;text-align:left;}
.m_t_bx .m_t_bxw_spa a:hover{display:inline-block;padding:5px 7px;margin:3px 0;border-radius:2px;border:1px solid #333;background:#fff;color:#fff;text-align:left;}


.m_t_bx .m_t_bxw_spa{margin:45px 15px;float:left;width:80%}
.m_t_bx .m_t_bxw_spa a{display:inline-block;padding:5px 7px;margin:3px 0;border-radius:2px;border:1px solid #ddd;text-align:left;}
.m_t_bx .m_t_bxw_spa a:hover{display:inline-block;padding:5px 7px;margin:3px 0;border-radius:2px;border:1px solid #333;background:#fff;color:#fff;text-align:left;}

.m_t_bx0{margin:0 25px;width:499px;height:155px;float:left;background:url('/img/mbg.png') no-repeat;}
.m_t_bx0 .m_t_bxw0{margin:40px 10%;float:left;width:78%}


/*** Porducts ***/
.prp-prd{position:relative;width:499px;height:155px;margin:0 25px;padding: 0 15px; background:url('/img/mbg.png') no-repeat;}
.prp-prd .swiper-wrapper{height:auto;align-items:stretch !important;}

.prp-prd ul li{width: 90px !important;height:150px !important;padding-top: 50px;}
.prp-prd .item_cont{width:100%;overflow:hidden;}

.prp-prd .item_cont figure{width:90px !important;height:101px !important;overflow:hidden;}
.prp-prd .item_cont figure img{width:100%;min-height:100%;transition:all 0.2s ease;}



.prp-prd .swiper-scrollbar{width:200px;height:3px;position:absolute;top:8px;left:70%;border-radius:10px;background:#e2e2e4;display:none;}
.prp-prd .swiper-scrollbar .swiper-scrollbar-drag{height:3px;background:#006fb6;border-radius:10px;position:relative;top:0;opacity:1;}

.prp-prd .swiper-button-prev{width:26px !important;height:26px !important;top:calc(65% - 10px) !important;left:7px !important;right:auto !important;z-index:10;cursor:pointer;background:#336ec5;border-radius:50%;background-image:none !important;}
.prp-prd .swiper-button-prev:after{width:6px;height:6px;border:solid #fff;border-width:0 0 2px 2px;position:absolute;top:calc(50% - 4px);left:calc(50% - 3px);display:block;content:"";transform:rotate(45deg);}
.prp-prd .swiper-button-prev:hover{background:#000;}
.prp-prd .swiper-button-prev:hover:after{border-color:#fff;}

.prp-prd .swiper-button-next{width:26px !important;height:26px !important;top:calc(65% - 10px) !important;left:auto !important;right:7px !important;z-index:10;cursor:pointer;background:#336ec5;border-radius:50%;background-image:none !important;}
.prp-prd .swiper-button-next:after{width:6px;height:6px;border:solid #fff;border-width:2px 2px 0 0;position:absolute;top:calc(50% - 4px);right:calc(50% - 3px);display:block;content:"";transform:rotate(45deg);}
.prp-prd .swiper-button-next:hover{background:#000;}
.prp-prd .swiper-button-next:hover:after{border-color:#fff;}


/*************/

 




.main .sec-1 .m2{width: 402px;}

.main .sec-1 .m2 .notice{width: 375px;padding: 0 !important;}
.main .sec-1 .m2 .notice a {width: 100%;display: flex;padding: 0; padding-left: 12px; font-size: 13px;border-bottom:solid 1px #e5e5e5;color:#000;position:relative;}
.main .sec-1 .m2 .notice a:last-child {border-bottom:none;}
.main .sec-1 .m2 .notice a:hover {color: #008153 !important;}
.main .sec-1 .m2 .notice a p:first-child{width: 75% !important;padding-right: 15px;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;}
.main .sec-1 .m2 .notice a p:nth-child(2){width: 25% !important;text-align: center;}



.main .sec-2{margin-top: 0px;}
.main .sec-2 .m3{width: 499px;}


.main .sec-2 .m4{width: 402px;}


/* Slideshow container */
.slideshow-container {
  max-width: 375px;
  position: relative;
  margin: auto;
}
.slideshow-container img{ position: relative;}
/* Next & previous buttons */

.iprev, .inext {
  cursor: pointer;border:1px solid #555;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 10px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 15px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  background:rgba(0,0,0,0.3);
}

/* Position the "next button" to the right */
.iprev {
  left: 0;
  border-radius: 3px 0 0 3px;
}
.inext {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.iprev:hover, .inext:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size 
@media only screen and (max-width: 300px) {
  .iprev, .inext,.text {font-size: 11px}
}
*/

/************************************************************************
* Sub_CONTENTS *
************************************************************************/
.stit{width: 100%; position: relative;}
.stit.sbg1{height: 115px; background: url(/img/01company/sub_visual.png) no-repeat ;}
.stit.sbg2{height: 115px; background: url(/img/esco/sub_visual.png) no-repeat ;}
.stit.sbg3{height: 115px; background: url(/img/02product/sub_visual.png) no-repeat ;}
.stit.sbg4{height: 115px; background: url(/img/03portfolio/sub_visual.png) no-repeat ;}
.stit.sbg5{height: 115px; background: url(/img/04r&d/sub_visual.png) no-repeat ;}
.stit.sbg6{height: 115px; background: url(/img/05customer/sub_visual.png) no-repeat ;}

.stit .st{position: absolute;left:0; bottom:10px;}


/********** 연혁 **********/
.sec-s1-3{width: 98%; margin: 0 auto;}
.tabHisMenu{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap; border-bottom: solid 1px #ddd;}

.tabHisMenu li{}
.tabHisMenu li a{padding:5px 50px;font-size:14px;color:#787878;background:#f1f1f1;font-weight:500 !important;display:block;z-index: 1 !important;}
.tabHisMenu li:hover a,
.tabHisMenu li.active a{font-weight:900 !important;background:#fff;color:#333;border: solid 1px #ccc;border-bottom: solid 1px #fff;z-index: 10 !important;}
.tabHis-cont{margin-top:30px;}



/********** Sitemap **********/
.sit{margin:0; padding:0 2%; width:32.333%; float:left;  overflow:hidden;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.sit:nth-child(4), .sit:nth-child(5), .sit:nth-child(6){ margin-top: 60px !important;}
.sit>li{float:none; margin:0; padding:8px 0; overflow:hidden;}
.sit>li:first-child{line-height:32px; font-size:17px; color:#319996; font-weight:400; border-bottom:2px solid #319996; text-align:center}
.sit>li>.list{margin:0; padding:0; width:100%; clear:both; overflow:hidden;}
.sit>li>.list>li{float:none; margin:0; padding:0 0 0 20px; line-height:32px; overflow:hidden; font-size:14px; position:relative}
.sit>li>.list>li:before {position:absolute; left:0; top:12px; width:6px; height:6px; border-radius:9999px; border:1px solid #319996; content:''; transition:background .2s ease;}
.sit>li>.list>li>ul{margin:0; padding:5px 0; width:100%; background:#fafafa;}
.sit>li>.list>li>ul>li{float:none; margin:0; padding:0 0 0 20px; line-height:26px; font-size:12px; position:relative}
.sit>li>.list>li>ul>li:before {position:absolute; left:10px; top:12px; width:3px; height:3px; border-radius:9999px; background:#262626; content:''; transition:background .2s ease;}




/********** R&D **********/
.f_height{font-size: 14px; padding-bottom: 5px;}
.pab5{padding-bottom: 5px;}