/*Ê×Ò³*/
.banner{width:100%;position: relative;}
.banner .swiper-slide{position: relative;}
.banner .swiper-slide img{width: 100%;transition:transform 5s cubic-bezier(.23,1,.32,1);}
.banner .swiper-slide.swiper-slide-active img{transform:scale(1.1)}
.banner .swiper-slide.swiper-slide-active.ban_video img{transform:scale(1)}
.banner .swiper-slide.ban_video video{ position: absolute; left:0; top:0; width:100%; height:100%; object-fit: fill;}
.banner .con{ top:30%;}
.banner .txt{ widtH:65%;}
.banner .txt h1{margin-bottom: 1%;}
.banner .txt p{margin-bottom:10%;}
.banner .txt a.more{ font-size: 14px; color:#000000; position: relative;}
.banner .txt a.more::after{content: ""; position: absolute; lefT:40px; top:-54px; widtH:140px; height: 140px; background: url(/kr/images/ico01.png) no-repeat;}
.banner .txt a.more i{font-size:18px; margin-left: 10px; font-weight: bold;}
/*.banner .swiper-pagination{bottom:30px;}
.banner .swiper-pagination-bullet{width:12px; height:12px; opacity: 1; margin:0 8px!important; background: #fff;}
.banner .swiper-pagination-bullet-active{background: #2CB46E;}
.banner .swiper-button-prev,.banner .swiper-button-next{ lefT:0; background: none; width:60px; height: 60px; line-height: 60px; margin-top:-30px; text-align: center;}
.banner .swiper-button-next{left:auto; right:0;}
.banner .swiper-button-prev i,.banner .swiper-button-next i{font-size: 60px;color:#E40210;}*/
.banner .rr_img{ position: absolute; z-index: 2; right:0; bottom:0; widtH:33.33%;}
.banner .bb_search{position: absolute; z-index: 3; left:0; bottom:15%; widtH:100%;}
.banner .bb_search .box{ padding:1.5% 5%; background: url(/kr/images/bg01.png) no-repeat; background-size: cover;}
.banner .bb_search h3{ text-align: center; margin-bottom: 2%; color:#fff; text-transform: uppercase;}
.searbox{ background: #fff; border-radius: 30px; margin: 0 auto 1%; max-width: 846px; height: 54px; line-height: 54px;}
.searbox input{ float: left; widtH:calc(100% - 50px); padding: 0 30px;height: 54px; line-height: 54px; bordeR:none; background: none;}
.searbox button{ float: right; widtH:50px; height: 54px; line-height: 54px; text-align: left; border:none; background: none;}
.searbox button i{font-size: 20px; color:#00867D; font-weight: bold;}
.searbox+p{max-width: 846px; margin: 0 auto; font-size: 14px; text-align: center;}
.searbox+p a{ color:#fff!important; margin:0 2.8%;}
.searbox+p a.on{color: #fff!important;}


.mores{ display: block; font-size: 14px;}
.mores em{ text-transform: uppercase;}
.mores i{ margin-left:10px; font-weight: bold;}


.index-part01{padding:6% 0; background: #DFE5E8;}
.index-part01 h2{font-weight: bold; text-align: center; margin-bottom: 1.5%;}
.index-part01 .con{margin-bottom:4.5%;padding: 0 14%; line-height: 1.8; text-align: center; color:#797979;}

.model_slide li{ /*float: left; widtH:19%;*/ text-align: center; padding: 3% 0 2%;border:1px solid #fff; border-radius: 5px; overflow: hidden; background:linear-gradient(to bottom,#E3E7EB,#ffffff);}
.model_slide li span{ display: block; margin:0 auto 15%; widtH:80px; height: 80px; overflow: hidden;}
.model_slide li h3{ height: 6em; padding: 0 35px; overflow: hidden; font-weight: bold;word-break:break-word}
.model_slide li h3.h3em{/*height: 3em;*/}
.model_slide li .btn em{ display: none; color:#fff;}
.model_slide li .btn i{ margin-left:10px; font-weight: bold;}

.index-part03 .swiper-button-prev,
.index-part03 .swiper-button-next,
.model_slide .swiper-button-prev,
.model_slide .swiper-button-next{ width:56px; height: 56px; line-height: 56px; text-align: center; color:#fff; margin-top: -28px; border-radius: 3px; background: #0A9F9D;}
.model_slide .swiper-button-prev.swiper-button-disabled,.model_slide .swiper-button-next.swiper-button-disabled{opacity: 1; color:#000; background: #fff;}
.index-part03 .swiper-button-prev{left:-60px;}
.model_slide .swiper-button-prev{left:0;}
.index-part03 .swiper-button-next{right:-60px;}
.model_slide .swiper-button-next{right:0;}


.index-part02{position: relative;}
.index-part02 .swiper-container{ overflow: unset;}
.index-part02 .swiper-slide>img{ widtH:100%;}
.index-part02 .swiper-slide.s01.swiper-slide-active .dimg,.index-part02 .swiper-slide.s02.swiper-slide-active .dimg{display:block;}
.index-part02 .swiper-slide.s01 .dimg{display:none;position: absolute; z-index: 3; right:10%; bottom:-150px; widtH:30%;}
.index-part02 .swiper-slide.s02 .dimg{display:none;position: absolute; z-index: 3; left:10%; bottom:-150px; widtH:30%;}
.index-part02 .wrap{z-index: 1;}
.index-part02 .txt{opacity:0; z-index: 2; position: relative; padding:3.5% 5.7% 5%;}
.index-part02 .txt::before{ content: ""; z-index:-1; position: absolute; left:0; top:0; widtH:0; height: 100%;border-top-right-radius: 5px; border-bottom-right-radius: 5px; background:linear-gradient(to right,#fff,rgba(255,255,255,0.75));}
.index-part02 h3{font-weight: bold; margin-bottom:5%;text-align:center;}
.index-part02 dd{font-size:18px;float: left; widtH:49%; margin-bottom: 2%;padding-left:26px;position:relative;}
.index-part02 dd::before{
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    background: #822e88;
    position: absolute;
    left: 12px;
    top: 8px;
    border-radius: 47%;
}
.index-part02 dd:nth-child(2n){ float: right;}
.index-part02 a.mores{margin-top: 7%;margin-left:2em;}
.index-part02.active .txt{opacity: 1;}
.index-part02.active .txt::before{widtH:100%;}

.index-part03 .box{position:relative;}
.index-part03{padding:8% 0 7%; background: #E1E5E8;}
.index-part03 h2{ text-align: center; font-weight: bold; margin-bottom: 5%;}
.index-part03 ul{/*margin:0 -1.5%;*/}
.index-part03 li{ float: left; widtH:30.33%; margin: 0 0 2%;border:1px solid #fff; border-radius: 5px; overflow: hidden; background:linear-gradient(to bottom,#E3E7EB,#ffffff);}
.index-part03 li .img{position: relative;}
.index-part03 li .img img{ widtH:100%;}
.index-part03 li .img .column{color:#fff; text-transform: uppercase; position: absolute; z-index: 2; lefT:10%; top:12%;}
.index-part03 li .txt{padding:8% 10% 0;}
.index-part03 li .txt .column{color:#2A9790;text-transform: uppercase; margin-bottom: 18%;}
.index-part03 li span{ display: block; margin-bottom:5%;}
.index-part03 li h3{ margin-bottom: 5%; font-weight: bold;}
.index-part03 li p{line-height: 1.8; color:#727272; max-height: 10.8em; height: 10.8em;}
.index-part03 li i{ font-weight: bold;}
.index-part03 li.noimg span{margin:8% 0;}
.index-part03 .mores{ text-align: center; margin-top:6%;}


.product-part03-new h3{margin-bottom:0;}
.product-part03-new .txt{padding:0;color:#fff;}
.product-part03-new .txt::before{background:none;}
.product-part03-new a.mores{color:#fff;text-align:center;margin-top:2.3%;}
.product-part03-new dl{margin-top:2.3%;}
.product-part03-new dd{padding-left:0;width:32%;margin-right:2%;text-align:center;padding:3.125% 1%; background:linear-gradient(to right,#fff,rgba(255,255,255,0.75));overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.product-part03-new dd:nth-child(2n){float:left;margin-right:2%;}
.product-part03-new dd:nth-child(3n){margin-right:0;}
.product-part03-new dd::before{display:none;}
.product-part03-new dd a{color:#272727;}


.index-part04{position: relative;}
.index-part04 .img{position: relative;}
.index-part04 .img::after{content:""; position: absolute; lefT:0; bottom:0; width: 100%; height: 100%; background: #fff;}
.index-part04.active .img::after{ height:0; z-index: 1;}
.index-part04 .img video{ widtH:100%; height: 100%; object-fit: fill;}
.index-part04 .num{ top:30%; z-index: 1; color:#fff;}
.index-part04 .num ul{padding: 0 5%;}
.index-part04 .num li{ float: left; widtH:25%;}
.index-part04 .num li h3 span{ font-weight:bold;}
.index-part04 .txt{ top:auto; bottom:-15%; z-index: 2; color:#fff;}
.index-part04 .txt dl{ widtH:56.25%; padding:4% 5%; background: url(/kr/images/bg03.jpg) no-repeat; background-size: cover;}
.index-part04 .txt dt{margin-bottom: 4%;}
.index-part04 .txt dd p{ line-height: 1.8; max-height: 9em; height: 9em; margin-bottom: 3%;}
.index-part04 .txt dd a{ float: left; margin-right: 15%; color:#fff!important;}


.index-part05{padding:12% 0 8%; background:#E1E5E8;}
.index-part05 .wrap{padding:0 3.6%;}
.index-part05 h2{ font-weight: bold; margin-bottom: 3%;}
.index-part05 ul{ margin: 0 -1.5%;position:relative;z-index:2;}
.index-part05 li{ position: relative; float: left; widtH:30.33%; margin: 0 1.5% 3%;  height: 54px; line-height: 54px; border-radius:35px; background: #fff;}
.index-part05 li em{position: absolute; left:15px; top:0;z-index:2; color:#FF4040;}
.index-part05 li input{widtH:100%; height: 100%; border-radius:28px; background: none; font-size: 14px;padding: 0 30px;}
/*.index-part05 li:nth-child(3n){ margin-right: 0;}*/
.index-part05 li.long{width:63.66%;}
.index-part05 dl dd{color:#727272; margin-bottom: 2%;}
.index-part05 dl dd:last-child{margin-bottom: 0;}
.index-part05 dl dd p{margin-bottom: 2%;}
.index-part05 dl dd p a{text-decoration: underline !important;}
.index-part05 .btn{color:#fff; margin-top: 3%; padding: 0 65px; font-weight: bold; line-height: 54px; border-radius: 30px; background: #00867D; border:none;}
.index-part05 li.view_code{width: calc(100% - 180px) !important;}
.index-part05 li.view_code .codebox{position: absolute;right: -156px;top: 0;z-index: 2;}
/*Ä£Äâcheckbox*/
.label-checkbox {position:relative;display:inline-block;}
.label-checkbox::before{content:""; position: absolute; lefT:0; top:2px; widtH:17px; height: 17px; background: url(/kr/images/ico08.jpg) no-repeat;}
.label-checkbox.on::before{background: url(/kr/images/ico08_on.jpg) no-repeat;}
.label-checkbox input{ opacity:0; filter:alpha(opacity=0); margin-right: 15px;}



@media only screen and (min-width: 1025px) {
    .model_slide li,.model_slide li .btn em,.index-part02 .txt,.index-part05 .btn{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}
    .index-part02 .txt::before,.index-part04 .img::after{ transition: 1.2s all;-webkit-transition: 1.2s all;-moz-transition: 1.2s all;-o-transition: 1.2s all;-ms-transition: 1.2s all;}
    .model_slide li:hover{color:#fff; background: url(/kr/images/bg02.jpg) no-repeat; background-size: cover;}
    .model_slide li:hover a{color:#fff!important;}
    .model_slide li:hover .btn em{ display: inline-block;}
    .model_slide li:hover .btn i{color:#fff;}
    .index-part05 .btn:hover{ background: #3A424F;}
    .searbox+p a:hover{color:#0A9F9D!important}
}
@media only screen and (max-width: 1599px) {
.index-part02 .txt{padding:3.5% 3% 5%;}
}
@media only screen and (max-width: 1365px) {
  .index-part03 .swiper-button-prev,
  .index-part03 .swiper-button-next,
    .model_slide .swiper-button-prev,
  .model_slide .swiper-button-next{ widtH:40px; height: 40px; line-height: 40px; margin-top: -20px;}
    .index-part02 dd{widtH:100%;}
    .index-part03 li .txt .column{margin-bottom: 5%;}
    .index-part04 .num{ top: 20%;}
    .index-part02 .swiper-slide.s01 .dimg,.index-part02 .swiper-slide.s02 .dimg{bottom:-100px;}
    .index-part03 li:first-child span{margin-bottom: 0;}
    .index-part05{padding:6% 0;}
    .index-part05 .wrap{padding:0;}
  .product-part03-new dd{width:32%;}
}
@media only screen and (max-width: 1279px) {
.model_slide li h3{padding:0 20px;}
}
@media only screen and (max-width: 1023px) {
    .banner .bb_search{position: static;} 
    .banner .rr_img{ bottom:auto; top:12%;}
    .banner .bb_search .box{widtH:100%;}
    .searbox+p{text-align:left;}
    .searbox+p a{margin:0 2%;display:inline-block;margin-left:0;}
    .index-part01 .con{padding:0;}
    .index-part02 .swiper-slide.s01 .dimg,.index-part02 .swiper-slide.s02 .dimg{ display: block;bottom:0px;}
    .index-part02 .wrap{position: static;padding: 5%; widtH:100%; background: #fff; transform: translate(0,0); -webkit-transform: translate(0,0); -ms-transform: translate(0,0); }
    .index-part02 .txt{opacity: 1; widtH:100%; padding: 0;}
    .index-part03 ul{margin: 0;}
    .index-part03 li{widtH:100%; margin: 0 0 5%; height: auto!important;}
    .index-part03 li .txt{padding:5%;}
    .index-part03 li h3{ height: auto;}
  .index-part03 .swiper-button-prev,
  .index-part03 .swiper-button-next,
    .model_slide .swiper-button-prev,
  .model_slide .swiper-button-next{ widtH:30px; height: 30px; line-height: 30px; margin-top: -15px;}
  .product-part03-new a.mores,
  .product-part03-new h3{color:#272727;}
  .product-part03-new dd{
    width:100%;
    text-align:left;
  	float:none;
    padding:0;
    padding-left:26px;
    margin-bottom:2%;
  }
  .product-part03-new dd::before{
  	content: "";
    display: block;
    width: 4px;
    height: 4px;
    background: #822e88;
    position: absolute;
    left: 12px;
    top: 8px;
    border-radius: 47%;
  }
  .index-part03 .swiper-button-prev{left:0;}
  .index-part03 .swiper-button-next{right:0;}
  .index-part04 .txt dl{widtH:100%;}
  .index-part04 .txt{widtH:100%; position: static;transform: translate(0,0); -webkit-transform: translate(0,0); -ms-transform: translate(0,0);}
}

@media only screen and (max-width:767px) { 
   /*.banner,.banner .swiper-slide{ height: 280px!important;}
   .banner .swiper-slide img{ display: none;}*/
   .banner .con{top:50%;}
   .banner .txt{ widtH:70%;}
   .banner .txt p{ display: none; margin-bottom: 10px;}
   .searbox,.searbox input,.searbox button,.index-part05 li,.index-part05 li input,.index-part05 .btn{height: 40px; line-height: 40px;}
   .model_slide li{padding: 5% 0;}
   .model_slide li span{margin:0 auto 5%;}
   .index-part03 li:first-child span{margin-bottom: 2%;}
   .index-part04 .num{position: static; color:#000; padding:5% 0; widtH:100%;opacity: 1;transform: translate(0,0); -webkit-transform: translate(0,0); -ms-transform: translate(0,0); }
   .index-part04 .num li{widtH:100%;}
   .index-part05 ul{margin: 0;}
   .index-part05 li,.index-part05 li.long{widtH:100%; margin:0 0 3%;}
   .index-part05 .btn{padding: 0 30px;}
}
/*Ê×Ò³end*/

.contact-form{padding: 0 3.6%; background: none;}
@media only screen and (max-width:1365px) { 
.contact-form{padding:0;}
}