@charset "UTF-8";


.main_visual{ height:672px;background:url(../img/main_visual1.jpg) center 0 no-repeat;background-size:cover; display:table;width:100%;background-size:cover;}
.main_visual .inner{ display:table-cell;vertical-align:middle; text-align:center;width:100%;}
.main_visual .inner strong{ display: block;position: relative;top:30px; }
.main_visual .inner strong *{
  -moz-transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;opacity:0;top:0px
}


.main_visual .inner strong em{ color: #fff;font-size:40px;line-height:44px;font-weight:700; font-family:'NanumSquareEB', sans-serif;display: block;position: relative; }
.main_visual .inner strong span{ color: #fff;font-size: 40px;line-height:44px;display: block;font-weight:300; }

.main_visual .inner.on strong em{ opacity:1;top:0; }
.main_visual .inner.on strong span{ opacity:1;top:0;transition-delay:.2s }



.download_box{ padding:110px 0  ;overflow: hidden; padding-bottom: 140px; }
.download_box .inner{ width:1110px;margin:0 auto;padding:25px 0;position: relative; }
.download_box .inner .img{position: absolute;left:50%;top:0; overflow: hidden;display: block; }
.download_box .inner .img img{
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;transform:scale(1);
}

.download_box .inner .img:hover img{
  transform:scale(1.05);
}
.download_box .inner strong{ font-family:'NanumSquareB',sans-serif;font-size: 30px;line-height:40px; }
.download_box .inner p{margin:35px 0; font-size: 17px;line-height:26px;; }
.download_box .inner a{ display: inline-block;border:1px solid #737373;padding:20px 25px;
  /* -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;  */
  }
.download_box .inner a span{ display: block;padding-right:60px;background:url(../img/bg_arr.gif) right center no-repeat; font-family:'NanumSquareR',sans-serif; }

.download_box .inner a:hover{
  border-color: #75bd23;
  background-color: #75bd23;
}
.download_box .inner a:hover span{
    color:#fff;
  background-image: url(../img/bg_arr_w.png);
}


.product_rolling{background-color: #fcfcfc; padding-bottom: 100px; }
.product_intro h2,
.product_rolling h2{ font-size: 40px;line-height:44px;text-align:center; font-family:'NanumSquareB',sans-serif;padding:80px 0 35px; }
.product_rolling .product_tab{ border:1px solid #e4e4e4;border-left:0;border-right:0; }
.product_rolling .product_tab ul{ width:1110px;margin:0 auto;overflow: hidden; }
.product_rolling .product_tab ul li{ cursor:pointer;padding:25px 0;width:20%;float:left;font-size: 17px;text-align:center;position: relative;}
.product_rolling .product_tab ul li.on{ font-family:'NanumSquareB',sans-serif;color: #000; }
.product_rolling .product_tab ul li:after{ content:"";display: block;height:27px;border-left:1px solid #e4e4e4;position: absolute;left:0;top:50%;margin-top:-13px; }
.product_rolling .product_tab ul li:first-child:after{ display: none; }


.rolling_box{ position: relative; overflow: hidden; background-color: #fcfcfc !important;}
.rolling_box button{ position: absolute;top:0;bottom:0;background:rgba(252,252,252,.6);z-index: 13;width:500px; cursor:pointer; }
.rolling_box button.left{ left:0; }
.rolling_box button.right{ right: 0; }
.rolling_box .inner{ width:1110px;margin:0 auto; position: relative;z-index: 10; height: 402px; }
.rolling_box .inner:after{ content:"";display: block;background:url(../img/bg_paten.png) 0 0 repeat; position: absolute;left:370px;top:0;right:0;bottom:0;opacity:.3}
.rolling_box .inner ul.img{ overflow: hidden;position: relative;left:0px; background-color: #fcfcfc !important; }
.rolling_box .inner ul.img li{ float:left; width: 1110px; box-sizing: border-box; padding:30px 30px; padding-left: 85px; background-color: #fcfcfc !important; }
.rolling_box .inner ul.img li.on{ width: 1110px; padding: 0; }
.rolling_box .inner ul.img li.on img{ width: 1110px; }
.rolling_box .inner ul.img li img{ width: 940px; }

.rolling_box .info_box{ position: absolute;left:0;top:0;bottom:0;background:rgba(0,0,0,.75);width:370px;padding:45px; }
.rolling_box .info_box div{ display: none; }
.rolling_box .info_box div *{ font-family:'NanumSquareR',sans-serif; }
.rolling_box .info_box div.on{ display: block; }
.rolling_box .info_box div em{ color: #fff;font-size: 18px;line-height:20px;display: block; }
.rolling_box .info_box div strong{ color: #fff;font-size: 34px;line-height:37px;display: block; font-weight:bold;margin:90px 0 10px;}
.rolling_box .info_box div p{ color: #868686;font-size: 13px;line-height:15px;; }
.rolling_box .info_box div p.white{ font-family:'NanumSquareL',sans-serif;color: #fff;line-height:22px;margin:20px 0 0 ; padding-top:20px;position: relative;}
.rolling_box .info_box div p.white:after{ content:"";display: block;border-top:1px solid #91e232;width:25px;position: absolute;left:0;top:0; }
.rolling_box .info_box div a{ color: #91e232;position: absolute;left:45px;bottom:45px; }


.product_intro{ width:1110px;margin:0 auto; position: relative; margin-bottom: 170px; }
.product_intro > button{ position: absolute;top:60%;transform: translateY(-50%);}
.product_intro > button.left{ left:-100px; }
.product_intro > button.right{ right:-100px; }
.product_intro .slider{ padding:0 55px; margin-top:30px;margin-bottom:30px;}
.product_intro .slider button{ position: absolute;left:-9999px;top:-9999px; }
.product_intro .slider div[class^='box']{ padding:90px 0; }
.product_intro .slider div[class^='box'] strong{ font-size: 30px;line-height:32px;display: block; }
.product_intro .slider div[class^='box'] em{ display: block;color: #7caf00;font-size: 20px;margin:15px 0;; }
.product_intro .slider div[class^='box'] p{ font-size: 18px;line-height:22px; width: 560px; }
.product_intro .slider div[class^='box'] a{
  font-size: 16px; display: inline-block;border:1px solid #737373;padding:20px 135px 20px 35px;background:url(../img/bg_arr.gif) right 25px center no-repeat;font-family:'NanumSquareR',sans-serif;margin-top:40px;
  /* -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s; */
}

.product_intro .slider div[class^='box'] a:hover{
  border-color: #75bd23;
  background-color: #75bd23;
  color:#fff;
background-image: url(../img/bg_arr_w.png);
}

.product_intro .slider div {position: relative;}
.product_intro .slider div img{
  max-height: 382px !important;
  position: absolute;
  top:0px;
  right:0;
  /* float: right; */
margin-left: 10px;
}

/* .product_intro .slider div.box1{ background:url(../img/img_product_intro1.jpg) right 0 no-repeat; }
.product_intro .slider div.box2{ background:url(../img/img_product_intro1.jpg) right 0 no-repeat; }
.product_intro .slider div.box3{ background:url(../img/img_product_intro1.jpg) right 0 no-repeat; }
.product_intro .slider div.box4{ background:url(../img/img_product_intro1.jpg) right 0 no-repeat; }
.product_intro .slider div.box5{ background:url(../img/img_product_intro1.jpg) right 0 no-repeat; } */

.bottom_banner_box{ border-top:1px solid #dcdcdc;padding-top:50px;}
.bottom_banner_box ul{ width:1330px;margin:0 auto;overflow: hidden; }
.bottom_banner_box ul li{ float:left;margin: 0 15px; margin-bottom:50px; }
.bottom_banner_box ul li a{ display: block;height:60px;overflow: hidden;  }
.bottom_banner_box ul li a:hover img{ margin-top:-60px; }

.contact_us{ padding:120px 0 100px;background:url(../img/bg_map.jpg) 0 0 no-repeat;background-size:cover; position: relative;z-index: 5; }
.contact_us .inner{ width:1110px;margin:0 auto; text-align: center;}
.contact_us h2{ text-align:center;color: #748396;font-size: 40px;line-height:42px; margin-bottom:95px;}
.contact_us ul{margin-bottom: 62px}
.contact_us ul li{ margin-bottom:20px; }
.contact_us ul li input{ background:#3a495b;padding:17px; outline:none;color: #a4b4c8;}
.contact_us ul li.top_input{ font-size:0;line-height:0;; }
.contact_us ul li.top_input input{ font-size: 14px;line-height:16px;margin-left:20px; width:357px;}
.contact_us ul li.top_input input:first-child{ margin-left:0px; width:356px}
.contact_us ul li.subject{}
.contact_us ul li.subject input{ width:100%; }
.contact_us ul li.textarea{  }
.contact_us ul li.textarea textarea{width:100%; resize:none; background:#3a495b;padding:17px 20px;height:130px;color: #a4b4c8;}

.map{ position: relative;z-index: 3; }

.root_daum_roughmap{ width:100% !important }
.contact_us  ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #a4b4c8;
}
.contact_us  ::-moz-placeholder { /* Firefox 19+ */
  color:  #a4b4c8;
}
.contact_us  :-ms-input-placeholder { /* IE 10+ */
  color:  #a4b4c8;
}
.contact_us  :-moz-placeholder { /* Firefox 18- */
  color:  #a4b4c8;
}


/* checkbox */

.checkbox em {
  color: #a4b4c8;
  padding-left: 10px;
}
.checkbox>a{
  display: inline-block;
  margin-left: 20px;
  padding: 5px 10px;
  background-color: #a4b4c8;
  border-radius: 3px;
}
.checkbox>a:hover{
  background-color: #39485a;
  color:#a4b4c8;
}



.checkbox_wrap{
  width:100%;
  height: 100%;
  position: fixed;
  left:0;
  top:0;
  background-color: rgba(0,0,0,0.7);
  z-index: 9999;
  display: none;


}

.m_contact_us .m_checkbox_con{
	position: relative;
}
/* 닫기 */
.contact_us .close_btn1{
  position: absolute;
  right:15px;
  top:15px;
  z-index: 30;
  width: 20px;
  height: 20px;
  cursor: pointer;
  /* border: 1px solid #000; */
}
.contact_us .close_btn1 a{
  display: block;
  width:100%;
  height: 100%;
  background: url(../img/close.png) center center no-repeat;
  background-size: cover;
}



/*  */

.contact_us .checkbox_con{
  width:500px;
  height: 600px;
  overflow: scroll;
  background-color: #f2f2f2;
  padding: 30px;
  text-align: left;
  position: absolute;
  left:50%;
  top:50%;
  margin-top: -300px;
  margin-left: -250px;

}

.contact_us .checkbox_con h3{
  font-family: 'NanumSquareR';
  font-size: 1.2em;
  margin-bottom: 20px;
}
.contact_us .checkbox_con .text_box{
  font-family:'NanumSquareR' ;
  font-size: 1em;
  margin-bottom: 30px;
}
.contact_us .checkbox_con .text_box p{margin-bottom: 15px;}

.contact_us .checkbox_con .close_btn{
  width: 100px;
  padding: 10px;
  text-align: center;

  background-color:#39485a;
  position: absolute;
  right:30px;
  cursor: pointer;
}
.contact_us .checkbox_con .close_btn a{
  color:#f1f1f1;
}

.contact_us .inner button{
  width:248px;
  height: 60px;
  background-color: #141b23;
  border: 1px solid #39485a;
  line-height: 60px;
  text-align: center;
  color: #a4b4c8;

  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.contact_us .inner button:hover{
  background-color:#39485a;
  color:#f1f1f1;
}