@charset "utf-8";




.mg_t0 {margin-top:0px!important;}
.mg_t10{margin-top:10px;}
.mg_t20{margin-top:20px;}
.mg_t30{margin-top:30px;}
.mg_t40{margin-top:40px;}
.mg_t50{margin-top:50px;}
.mg_t80{margin-top:80px;}
.mg_t100{margin-top:100px;}
.mg_t120{margin-top:120px;}

.mg_t120{margin-top:120px;}

.mg_b10{margin-bottom:10px;}
.mg_b20{margin-bottom:20px;}
.mg_b30{margin-bottom:30px;}
.mg_b40{margin-bottom:40px;}
.mg_b50{margin-bottom:50px;}
.mg_b80{margin-bottom:80px;}
.mg_b100{margin-bottom:100px;}

.point {color:#f36f23 !important;}
.txt_l {text-align:left!important;}
.txt_c {text-align:center!important;}
.txt_r {text-align:right;}

.txt_b {font-weight:bold!important;}


.fl_left {float:left;}
.fl_right {float:right;}




.clear_fix {width:100%; position:relative;}
.clear_fix:after {display:block;clear:both;content:''}


.pc_only {display:block;}
.mobile_only {display:none;}

@media screen and (max-width: 1024px){
	.pc_only {display:none;}
	.mobile_only {display:block;}

}


.wid_1200 {width:100%; max-width:1200px; margin:auto;}
.wid_1400 {width:100%; max-width:1400px; margin:auto;}
.wid_1600 {width:100%; max-width:1600px; margin:auto;}

@media screen and (max-width: 1200px){

	.side_pd_1200 {padding-left:15px!important; padding-right:15px!important;}
	.side_pd_1100{padding-left:10px!important; padding-right:10px!important;}

}


@media screen and (max-width: 1400px){

	.side_pd_1400 {padding-left:15px!important; padding-right:15px!important;}

}

@media screen and (max-width: 1600px){

	.side_pd_1600 {padding-left:15px!important; padding-right:15px!important;}

}




.ft_01, .ft_02 {font-size:1.7rem; line-height:1.65;}


/*공통*/

.grey_bg {background:#f7f7f7;}
.sub_top {width:100%; position:relative; }
.sub_top .sub_top_inner {width:100%; max-width:1200px; margin:auto; padding:14.5rem 0 12.5rem 0;}
.sub_top .sub_top_inner span {font-size:1.4rem; font-weight:bold; text-transform:uppercase; display:block;margin-bottom:1.0rem;}
.sub_top .sub_top_inner p {font-size:4.0rem; font-weight:600;}


.sub_title {width:100%; position:relative;  }
.sub_title span {color:#0d357f; font-size:1.4rem; font-weight:bold; text-transform:uppercase; display:block;margin-bottom:1.0rem;}
.sub_title h3 {font-size:4.0rem; font-weight:600;}
.sub_title p {font-size:1.8rem; color:#666; line-height:1.8; margin-top:1.5rem;}



@media screen and (max-width: 1024px){
	.sub_top .sub_top_inner p {font-size:2.8rem;}
	.sub_title h3 {font-size:2.8rem; font-weight:600;}
	.sub_title p{font-size:1.9rem;}
}



/*회사개요*/

.company_top_bg {background: url("../../pages/images/company_top_bg.jpg") no-repeat center center; background-size:cover;}
.company_top_bg > .sub_top_inner > span { color:#0d357f;}
.company_top_bg > .sub_top_inner > p {color:#000;}

.company_txt {font-size:1.9rem; color:#666; margin:9.0rem auto 13.5rem; max-width:1200px; line-height:2.0;}

.company_wrap {padding:9.5rem 0 13.5rem}
.overview_title {color:#000; font-weight:bold; font-size:3.2rem; text-align:center;}

.overview_wrap {width:100%; position:relative; display:flex;  flex-wrap: wrap;  justify-content: space-between; margin-top:8.0rem;}
.overview_wrap .overview_box {width:calc(100% / 4); text-align:center; background:#fff; padding:6.0rem 0; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
.overview_wrap .overview_box:nth-child(4n) {border-right:0px solid #ddd;}

.overview_wrap .overview_box:nth-child(5) {border-bottom:0;}
.overview_wrap .overview_box:nth-child(6) {border-bottom:0;}
.overview_wrap .overview_box:nth-child(7) {border-bottom:0;}
.overview_wrap .overview_box:nth-child(8) {border-bottom:0;}

.overview_wrap .overview_box span {display:block; margin-bottom:1.0rem;}
.overview_wrap .overview_box dt {color:#333; font-size:1.8rem;}
.overview_wrap .overview_box dd {color:#666; font-size:1.8rem;}


@media screen and (max-width: 1024px){
.overview_wrap {margin-top:5.0rem;}
.overview_wrap .overview_box {width:calc(100% / 2); }
.overview_wrap .overview_box:nth-child(5) {border-bottom:1px solid #ddd; }
.overview_wrap .overview_box:nth-child(6) {border-bottom:1px solid #ddd; }
.overview_wrap .overview_box:nth-child(2n) {border-right:0px solid #ddd;}

}



/*CEO 인사말*/
.message_wrap {position:relative; width:100%;  padding-bottom:15.0rem;}
.message_top_bg {position:relative; background: url("../../pages/images/message_top_bg.jpg") no-repeat center center; background-size:cover; padding-bottom:12.0rem;}
.message_top_bg > .sub_top_inner > span { color:#12c0f2;}
.message_top_bg > .sub_top_inner > p {color:#000;}
.message_top_bg > .sub_top_inner > span.ceo_name {position:relative; color:#333; font-size:18px; margin-top:6.0rem; display:block; }
.message_top_bg > .sub_top_inner > span.ceo_name:after {content:"";position: absolute; background: url("../../pages/images/message_name.png") no-repeat; width:79px; height:28px; bottom:0; left:170px;}


.message_box {position:absolute; right:0; bottom:-13.0rem; background:#fff; width:100%; max-width:1300px; box-sizing:border-box; font-size:2.1rem; color:#666; line-height:2.0; padding:11.0rem; z-index:1;} 


@media screen and (max-width: 1024px){

.message_wrap {padding:0}
.message_top_bg {padding-bottom:0rem;}
.message_box {position:relative; bottom:0;padding: 25px;/* padding:2.8rem; */}


}

/*연혁*/
.history_top_bg {background: url("../../pages/images/history_top.jpg") no-repeat center center; background-size:cover;}
.history_top_bg > .sub_top_inner > span { color:#12c0f2;}
.history_top_bg > .sub_top_inner > p {color:#fff;}


.history_wrap {width:100%; position:relative; margin-top:7.0rem;}
.history_wrap:before {content:"";position: absolute;top: 10px;left:50%;width:1px;height: calc(100% - 80px);background:#c6c6c6;}


.history_list {width:100%; position:relative; display:flex; flex-wrap: wrap; padding-top:12.0rem;}
.history_list .his_img {width:50%; text-align:right; padding-right:100px; }
.history_list .his_img img {width:100%; max-width:600px;}
.history_list .his_txt {position:relative; width:50%; padding-left:100px;} 
.history_list .his_txt .his_title {color:#12c0f2; font-size:3.2rem; font-weight:bold;}
.history_list .his_txt:before {content:"";position: absolute; background: url("../../pages/images/his_dot.png") no-repeat center center;top: -50px;left: -12px;
							width:25px;height:25px;}

.history_list:last-child .his_txt:last-child:after {content:"";position: absolute; background: url("../../pages/images/his_dot_grey.png") no-repeat center center; bottom: 50px;left:-12px;
							width:25px;height:25px;}


.history_list .his_txt dl {display:flex;  margin-top:4.0rem;}
.history_list .his_txt dl dt.his_year {width:100px; font-weight:bold; font-size:2.4rem; color:#333; font-weight:600; font-family: 'Pretendard';}
.history_list .his_txt dl dd {width:calc(100% - 100px); color:#666; font-size:1.6rem;}
.history_list .his_txt dl dd  ul li {margin-bottom:0.5rem;}

.history_list:nth-child(even) .his_img {order:2; text-align: left; padding-right:0;padding-left:100px;}
.history_list:nth-child(even) .his_txt {order:1; text-align: right; padding-left:0;padding-right:100px; }

.history_list:nth-child(even) .his_txt:before {left: auto; right: -12px;}
.history_list:nth-child(even) .his_txt dt {order:2;}
.history_list:nth-child(even) .his_txt dd {order:1;}


@media screen and (max-width: 1024px){
.history_wrap:before {content:"";position: absolute;top: 10px;left: 30px;width:1px;height: calc(100% + 50px);background:#c6c6c6;}

.history_list { padding-bottom:10.0rem; padding-top:20px;}

.history_list .his_img {width:100%; text-align:left; padding-left:40px; margin-bottom:50px;}
.history_list .his_img img {width:100%; max-width:330px;}
.history_list .his_txt {width:100%; padding-left:40px; }

.history_list:nth-child(even) .his_img {order:1; text-align: left; padding-right:0;padding-left:40px;}
.history_list:nth-child(even) .his_txt {order:2; text-align: left; padding-left:40px;padding-right:0px; }

.history_list:nth-child(even) .his_txt:before {left: -9px; right: auto;}
.history_list:nth-child(even) .his_txt dt {order:1;}
.history_list:nth-child(even) .his_txt dd {order:2;}

.history_list .his_txt:before {top: 0px;left: 2px;}
.history_list:nth-child(even) .his_txt:before {left: 2px; right: auto;}

.history_list .his_txt dl dt.his_year {width:70px;}
.history_list .his_txt dl dd {width:calc(100% - 70px); font-size:14px;}
.history_list:last-child .his_txt:last-child:after {display:none;}


}


/*조직도*/

.organization_top_bg {background: url("../../pages/images/organization_bg.jpg") no-repeat center center; background-size:cover;}
.organization_top_bg > .sub_top_inner > span { color:#0d357f;}
.organization_top_bg > .sub_top_inner > p {color:#000;}

.organization_img {width:100%; position:relative; margin-top:10.0rem;}
.organization_img  img {width:100%;}




/*오시는길*/
.location_wrap {width:100%; position:relative;  display:flex;  flex-wrap: wrap;  justify-content: space-between; margin-top:10.0rem; padding:7.5rem 0;}
.location_map {width:50%; }
.location_map .map_height {height:390px; width:100%;}
.location_map .root_daum_roughmap .wrap_map {height: 100% !important;}

.location_wrap02 .location_map{order: 2;}
.location_wrap02 .location_txt{order: 1;}

.location_txt {position:relative; width:100%; width:45%; padding-top:4.0rem;  }
.location_txt .loc_txt1 {color:#000; font-weight:bold; font-size:3.2rem;}
.location_txt .loc_btn {position:absolute; top:40px; right:0; background:#fff; padding:15px 120px 15px 30px; color:#333; font-size:15px; font-weight:600; border:1px solid #cecece;
						background: url("../../pages/images/loc_ico.png") no-repeat right 20px center;}

.location_txt .loc_table {position:relative; width:100%; margin-top:3.5rem;}

.location_txt .loc_table table {border-top:2px solid #222; font-size:16px;}
.location_txt .loc_table table tr { border-bottom:1px solid #ddd; }
.location_txt .loc_table table th {text-align:center; border-right:1px solid #ddd; width:30%;}
.location_txt .loc_table table td {padding:25px; color:#666; width:70%;}


@media screen and (max-width: 1024px){



.location_map {width:100%; margin-top:5.0rem;}
.location_txt {width:100%; padding-top:0;}

.location_txt .loc_btn  {top:-10px; padding:15px 80px 15px 30px;}


.location_map .map_height {height:320px; width:100%;}

.location_wrap {margin-top:5.0rem;}

.location_wrap .location_map{order: 2;}
.location_wrap .location_txt{order: 1;}


}

/*특징*/
.char_wrap {margin-top:9.5rem; width:100%;  position:relative; border-top:1px solid #222;}

.char_box {padding:6.0rem 0; width:100%;  position:relative; border-bottom:1px solid #ddd;   display:flex;  flex-wrap: wrap; justify-content: space-between;}

.char_box .char_video {width:45%;}
.char_box .char_video video {width:100%;}
.char_box .char_txt {width:50%; padding-top:3.0rem;}
.char_box .char_txt dl > span {font-size:16px; color:#aaa; font-family: 'Pretendard'; font-weight:600; display:block; }
.char_box .char_txt dl dt {font-size:2.4rem; color:#333; font-weight:600; margin-top:2.0rem;}
.char_box .char_txt dl dt > strong {color:#12c0f2; }
.char_box .char_txt dl dt > span {font-size:1.6rem;}
.char_box .char_txt dl dd {font-size:1.6rem; color:#666; line-height:1.8; margin-top:2.0rem;}


@media screen and (max-width: 1024px){

.char_box {padding:4.0rem 0;}
.char_box .char_video {width:100%;}
.char_box .char_txt {width:100%; padding:3.0rem 2.5rem;/* padding:3.0rem ; */}
}



/*생산공정*/
.process_table {margin-top:9.5rem; width:100%;  position:relative;}
.process_table table {border-top:2px solid #222; font-size:16px; text-align:center;}
.process_table table tr { border-bottom:1px solid #ddd; }
.process_table table thead th {text-align:center; border-right:1px solid #ddd;  padding:25px; }
.process_table table thead th:last-child {border-right:0px;}
.process_table table tbody td {padding:25px; color:#666;  border-right:1px solid #ddd;}
.process_table table tbody td:first-child {border-right:0px;} 
.process_table table tbody td:last-child {border-right:0px;}
.process_table table .process_num {display:inline-block; font-family: 'Pretendard'; font-size:13px; background:#0d357f; color:#fff; width:30px; height:30px; text-align:center; 
									padding:7px;  border-radius:30px; font-weight:bold;}
.process_table table tbody td strong {color:#0d357f; display:block; margin-top:0.5rem;}


.div_scroll {overflow: auto;position: relative;}
.mobile_table_arrow {display: none;}

@media screen and (max-width: 1200px){
	.mobile_table_arrow {display: block; font-size:14px; margin-bottom:15px; text-align:right;}	
	.process_table table {width:1150px;}


}





/*인증서*/
.certification_wrap {width:100%; position:relative;  display:flex;  flex-wrap: wrap;    margin-top:6.0rem;}
.certification_wrap .cert_box {width:23%; margin-right:1.5%; text-align:center; border-bottom:1px solid #ddd; padding:3.5rem 0; }
.certification_wrap .cert_box:nth-child(4n) {margin-right:0%; }
.certification_wrap .cert_box .cert_img {background:#fafafa; border:1px solid #e5e5e5; padding:5.0rem 2.0rem; }
.certification_wrap .cert_box .cert_img img {width:100%; max-width:218px; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);}
.certification_wrap .cert_box .cert_txt {color:#666; margin-top:3.0rem; font-size:16px; font-weight:600; } 


@media screen and (max-width: 1024px){
.certification_wrap {margin-top:0rem;}
.certification_wrap .cert_box {width:48%; margin-right:4%}
.certification_wrap .cert_box:nth-child(2n) {margin-right:0%; }

}



/*제품소개*/


.product_wrap {width:100%; position:relative;  }

.product_top {width:100%; position:relative;  display:flex; flex-wrap: wrap;  justify-content: space-between;    align-items: center;}

.product_txt {width:100%; margin-bottom:8.0rem; }
.product_txt h4 {font-size:4.0rem; color:#000;  margin-top:1.5rem;}
.product_txt p {font-size:2.0rem; color:#777; margin-top:2.5rem;line-height:1.85;}

.product_txt .product_top_txt{margin-top:2.5rem;}
.product_txt .product_top_txt li{position:relative;font-size:1.8rem; color:#777;line-height:1.85;padding-left:15px}
.product_txt .product_top_txt li:after{content:"";display:block;width:7px;height:1px;background:#777;position:absolute;top:16px;left:0}
.product_txt .product_top_txt li span{font-weight:bold}

.product_bigimg{padding-bottom:140px;}
.product_bigimg .mySwiper_bigimg video {width:100%;}
.product_bigimg .video_right { width: 50%;   padding:7.0rem 0 0 8.0rem; }

.product_bigimg .mySwiper_bigimg .bigimg:hover .biz_thumb_over {opacity:1; transition: all  0.8s; }
										
.product_bigimg .mySwiper_bigimg .biz_thumb_over {transition: all  0.8s; width:100%; height:100%; background:url('../../pages/images/product_plus.png')no-repeat center bottom 10%;
position:absolute; top:0; left:0; opacity:0;}

.acc_txt {margin-top:3.5rem}
.acc_txt .tit{font-size:2.4rem;font-weight:bold;}
.acc_txt .txt01 li{}
.acc_txt .txt01 li{position:relative;font-size:2.0rem; color:#777;line-height:1.85;padding-left:15px}
.acc_txt .txt01 li:after{content:"";display:block;width:7px;height:1px;background:#777;position:absolute;top:16px;left:0}
.acc_txt .txt01 li span{font-weight:bold}

	.swiper {
        width: 100%;
        height: 100%;
      }
      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #f7f7f7;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        /*height: 100%;
        object-fit: cover;*/
      }

      .swiper {
        width: 100%;
        /*height: 300px;*/
        margin-left: auto;
        margin-right: auto;
      }

      .swiper-slide {
        background-size: cover;
        background-position: center;
      }

      .mySwiper_bigimg {
       /* height: 80%;*/
        width: 50%;	
		overflow:hidden;
		
		
      }

	  .mySwiper_bigimg img {
       /* height: 80%;*/
        width: 100%;
		
      }

      
	  /*썸네일*/	  
	  .mySwiper_thum {
	   width: 50%;
	   padding:2.0rem 7.0rem 0 12.0rem; 
	  position:relative;
       box-sizing: border-box;  
	   /*margin-left:8% !important; margin-right:3% !important; */
	   overflow:hidden;
	   }
	  
	
		
	 .mySwiper_thum .swiper-wrapper { 
	 	width:100%; 		
      }

      .mySwiper_thum .swiper-slide {      
        height: 100%;        
		cursor:pointer;
		background:#fff;
		border:2px solid #fff;
		
      }
	  .mySwiper_thum .swiper-slide img {opacity: 1; }

      .mySwiper_thum .swiper-slide-thumb-active {
        opacity: 1;
		border:2px solid #00aeea;
      }
	  .mySwiper_thum .swiper-slide-thumb-active img {opacity: 1;}

      .swiper-slide img {
        display: block;
        width: 100%;
       /* height: 100%;
        object-fit: cover;*/
      }




@media screen and (max-width: 1400px){
	.mySwiper_thum {padding:8.0rem 5.0rem; }

}



@media screen and (max-width: 1024px){

	.mySwiper_bigimg {width:100%; order:2;}
	.mySwiper_thum {width:100%; order:1; padding:8.0rem 1.0rem;}

	.product_txt {margin-bottom:5.0rem; }
}


@media screen and (max-width: 768px){
	.product_txt p{font-size:2.0rem;}
	.product_txt h4 {font-size:3.0rem; }
	.mySwiper_thum { padding:0rem 1.0rem 5.0rem 0;}
}


.product_overview {position: relative; width:100%; margin-top:15.0rem; padding:13.0rem 20.0rem; max-height:440px; }
.product_overview > span {font-size:14px; color:#12c0f2; font-weight:bold; display:block;}
.product_overview > p {color:#fff; font-weight:bold; font-size:4.0rem; margin-top:1.5rem;}

.luxury_bg {background: url("../../pages/images/luxury_bg.jpg") no-repeat center center; background-size:cover;}
.standard_bg {background: url("../../pages/images/standard_bg.jpg") no-repeat center center; background-size:cover;}
.heater_bg {background: url("../../pages/images/heater_bg.jpg") no-repeat center center; background-size:cover;} 
.industrial_bg {background: url("../../pages/images/industrial_bg.jpg") no-repeat center center; background-size:cover;}
.vehicles_bg {background: url("../../pages/images/vehicles_bg.jpg") no-repeat center center; background-size:cover;}
.floor_bg {background: url("../../pages/images/floor_bg.jpg") no-repeat center center; background-size:cover;}
.plasma_bg  {background: url("../../pages/images/plasma_bg.jpg") no-repeat center center; background-size:cover;}





.plasma_li li {position: relative; width:100%; padding-left:15px;}
.plasma_li li:before {content:""; width:3px; height:3px; background:#666; position:absolute; left:0; top:15px;}


.prodcut_bottom {position: relative; width:100%; padding:14.0rem 0; }
.prodcut_bottom2{position: relative; width:100%; padding:0 0 14.0rem 0; }
.product_title {position: relative; font-size:3.2rem; color:#000; font-weight:bold; }
.product_title:before {content:''; position:absolute; top:50%; left: -100px; background:#000; width:7.0rem; height:2px; }


.advantage_wrap {display:flex; flex-wrap: wrap;  justify-content: space-between; margin-top:4.0rem;}
.advantage_wrap .advantage_box {width:calc((100% - 40px) / 2); margin-bottom:40px; background:#f4f7f9; padding:5.0rem 9.0rem; display:flex; /*align-items: center;*/}
.advantage_wrap .advantage_box i {margin-right:5.0rem;}
.advantage_wrap .advantage_box dt {color:#0087ff; font-size:2.4rem; font-weight:bold;}
.advantage_wrap .advantage_box dd {color:#666; font-size:1.6rem; margin-top:1.0rem;}



.feature_wrap {position: relative; width:100%;  margin-top:5.0rem;}
.feature_box {display:flex; flex-wrap: wrap; margin-bottom:4.0rem;}
.feature_box img {width:40%; max-width:540px;}
.feature_box dl {padding: 5.0rem  0 0 10.0rem; width:60%;}
.feature_box dl dt {color:#0d357f; font-size:2.4rem; padding-bottom:2.0rem; border-bottom:1px solid #d1d1d1; font-weight:bold;}
.feature_box dl dd {color:#666; font-size:1.8rem; margin-top:1.8rem; line-height:1.85;}




.spec_wrap {position: relative; width:100%;  margin-top:5.0rem;}
.spec_wrap .spec_img {text-align:center; margin-bottom:10.0rem;}
.spec_wrap .spec_img img {max-width:100%; margin:auto;}


.detail_wrap {position: relative; width:100%; padding:15.0rem 0 5.0rem 0;}
.detail_wrap .detail_box {display:flex; flex-wrap: wrap; margin-bottom:10.0rem;}
.detail_wrap .detail_box h4 {font-size:2.4rem; font-weight:bold; width:270px;}
.detail_wrap .detail_box .detail_img {width: calc(100% - 270px); padding-left:10.0rem; }
.detail_wrap .detail_box .detail_img img {max-width:100%; }
.detail_wrap .detail_box .detail_color{display:flex;flex-wrap:wrap;justify-content: space-between;color: #666;font-size: 1.8rem;margin-top: 1.0rem;text-align:center}
.detail_wrap .detail_box .detail_color .color_sub{width:48%;margin-bottom:30px;}
.detail_wrap .detail_box .detail_color .color_sub img{width:100%;border:1px solid #ddd}
.detail_wrap .detail_box .detail_color .color_sub .txt{padding-top:10px;}



.detail_wrap .detail_box .box_sub{width:calc(100% - 270px);}
.detail_wrap .detail_box .box_sub .box_txt{font-size:1.9rem;}


@media screen and (max-width: 1200px){

.detail_wrap .detail_box .box_sub{width:100%}

}



@media screen and (max-width: 768px){

.detail_wrap .detail_box .detail_color .color_sub{width:100%}

}


.spec_table {margin-top:3.0rem; width:100%;  position:relative;}
.spec_table table {border-top:2px solid #222; font-size:16px; text-align:center;}
.spec_table table tr { border-bottom:1px solid #ddd; }
.spec_table table thead th {border-right:1px solid #ddd;  padding:15px; background:#f4f7f9; border-bottom:1px solid #222;  font-weight:500; }
.spec_table table thead th:last-child {border-right:0px;}
.spec_table table tbody th {border-right:1px solid #ddd;  padding:25px 15px; background:#f4f7f9; color:#666; font-weight:normal; }
.spec_table table tbody td {padding:25px 15px; color:#666;  border-right:1px solid #ddd;}
.spec_table table tbody td:last-child {border-right:0px;}
.spec_table .left_line {border-right:1px solid #ddd !important; }

.cluster_wrap {margin-top:3.0rem; width:100%;  position:relative; display:flex; flex-wrap: wrap; justify-content: space-between;}
.cluster_wrap .cluster_txt {width:45%;}
.cluster_wrap .cluster_txt p {font-size:1.8rem; color:#777; margin-bottom:2.0rem;line-height:1.85}
.cluster_wrap .cluster_table {width:50%;}


.cluster_table {width:100%;  position:relative;}
.cluster_table table {border-top:2px solid #222; font-size:16px; text-align:center;}
.cluster_table table tr { border-bottom:1px solid #ddd; }
.cluster_table table thead th {border-right:1px solid #ddd;  padding:15px; background:#f8f8f8; border-bottom:1px solid #222;  font-weight:500; }
.cluster_table table tbody th {padding:15px; background:#f8f8f8; color:#666; font-weight:normal; border-left:1px solid #ddd;  border-right:1px solid #ddd; }
.cluster_table table tbody td {padding:15px; color:#666;  }


.plasma_table table tbody td:last-child {border-right:0px;}
.cluster_table .left_line {border-right:1px solid #ddd !important; }


.plasma_box {position: relative; width:100%;}
.plasma_img {width:100%; text-align:center; background:#fff;padding:5.0rem;}
.plasma_img img {max-width:100%;}

.plasma_txt {color:#0d357f; font-size:2.4rem;   font-weight:bold; margin-top:5.0rem}

.plasma_table {margin-top:3.0rem; width:100%;  position:relative;}
.plasma_table table {border-top:2px solid #222; font-size:16px; text-align:center; width:100%;}
.plasma_table table tr { border-bottom:1px solid #ddd; }
.plasma_table table thead th {border-right:1px solid #ddd;  padding:15px; background:#eaeaea; border-bottom:1px solid #222;  font-weight:500; }
.plasma_table table thead th:last-child {border-right:0px;}
.plasma_table table tbody th {border-right:1px solid #ddd;  padding:15px; background:#eaeaea; color:#666; font-weight:normal; }
.plasma_table table tbody td {padding:15px; color:#666;  border-right:1px solid #ddd;}
.plasma_table table tbody td:last-child {border-right:0px;}
.plasma_table .left_line {border-right:1px solid #ddd !important; }




.video-section{  
  width:100%;
  max-width:1400px;
  margin:5.0rem auto 0;
}

.video-container{
  background:#dfdfdf;
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 56.25%;
}

.video-container iframe{
  z-index: 1;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}




@media screen and (max-width: 1400px){

.cluster_wrap .cluster_txt {width:100%;}
.cluster_wrap .cluster_txt p { margin-bottom:1.0rem;}
.cluster_wrap .cluster_table {width:100%; margin-top:5.0rem;}

}


@media screen and (max-width: 1200){

.detail_wrap .detail_box .box_sub{width:100%;}

}


@media screen and (max-width: 550px){

.cluster_table >  .div_scroll2 >  table {width:550px;}
.cluster_table table {font-size:14px;}
.cluster_table table thead th {padding:10px; }
.cluster_table table tbody th {padding:10px; }
.cluster_table table tbody td {padding:10px;  }

}


.loc_map_img{text-align:center;margin-top:50px;}
.loc_map_img .title{color: #000;font-weight: bold;font-size: 3.2rem;margin-bottom:30px;}

@media screen and (max-width: 1200px){

.product_overview > p {font-size:3.2rem;}
.product_overview > p > br {display:none;}

.advantage_wrap .advantage_box {justify-content: center; text-align:center;  flex-wrap: wrap;}
.advantage_wrap .advantage_box i {margin-right:0;}
.advantage_wrap .advantage_box dl {margin-top:2.0rem;}


.detail_wrap .detail_box h4 {width:100%;}
.detail_wrap .detail_box .detail_img {width:100%;  padding-left:0rem; text-align:center; margin-top:3.0rem;}
}



@media screen and (max-width: 768px){

.loc_map_img img{width:100%}
.spec_table table{font-size:14px}

.product_overview { padding:8.0rem; margin-top:8.0rem;  }
.product_overview > p {font-size:2.6rem;}

.prodcut_bottom {position: relative; width:100%; padding:8.0rem 0; }
.prodcut_bottom2{position: relative; width:100%; padding:0 0 8.0rem 0; }

.product_title {font-size:2.6rem;}

.advantage_wrap .advantage_box {padding:5.0rem; width:calc((100% - 20px) / 2); margin-bottom:20px; flex-direction: column;}
.advantage_wrap .advantage_box i img {width:60px;}

.feature_box img {width:100%; max-width:100%;}
.feature_box dl {width:100%; padding: 5.0rem  0 0 0.0rem; margin-bottom:5.0rem;}


}


@media screen and (max-width: 500px){
.advantage_wrap .advantage_box {padding:5.0rem; width:100%; margin-bottom:20px;}

}


.div_scroll {overflow: auto; position: relative;}
.div_scroll2 {overflow: auto; position: relative;}
.mobile_table_arrow {display: none;}



@media screen and (max-width: 1200px){
	.mobile_table_arrow {display: block; font-size:14px; margin-bottom:15px; text-align:right;}	
	.div_scroll table {width:1200px;}


}






/*제품소개*/
.product {margin-top:9.5rem; width:100%;  position:relative; border-top:1px solid #222;}
.product .pro_tab{padding:6.0rem 0 0 0}
.product .pro_tab ul{display:flex;border:1px solid #ddd;}
.product .pro_tab ul li{width:16.666%;text-align:center;border-right:1px solid #ddd} 
.product .pro_tab ul li:last-child{border-right:0}
.product .pro_tab ul li a{display:block;padding:20px 0;font-size:1.9rem;}
.product .pro_tab ul li.on{background:#12c0f2}
.product .pro_tab ul li.on a{color:#fff}

.product_cont{margin-top:50px;}
.product_cont .cont{display:flex;flex-wrap:wrap;}
.product_cont .cont .cont_sub{margin-right:45px;margin-bottom:40px;overflow:hidden;    width: calc(100% / 3 - 30px);}
.product_cont .cont .cont_sub:hover img{/* transform:scale(1.15) */}
.product_cont .cont .cont_sub:nth-child(3n){margin-right:0;}
.product_cont .cont .cont_sub .imgbox{border:1px solid #ddd;}
.product_cont .cont .cont_sub .imgbox img{/* transition:.5s */width:100%}
.product_cont .cont .cont_sub .txtbox{text-align:center;padding-top:10px;font-size:1.8rem;}
.s_product_txt{font-size:1.8rem;color:#666;padding-top:10px;}

.product_btn {width:300px;border:1px solid #ddd;text-align:center;margin:0 auto}
.product_btn a{display:block;padding:20px 0;font-size:1.7rem;color:#666;transition:.5s}
.product_btn a:hover{background:#000;color:#fff}
.product_btn_mar{margin-top:100px;}


@media screen and (max-width: 1400px){


}

@media screen and (max-width: 1200px){
.product .pro_tab ul li{width:24%}


}

@media screen and (max-width: 1024px){
.product .pro_tab ul{flex-wrap:wrap;border:0;justify-content: space-between;}
.product .pro_tab ul li:last-child{border-right:1px solid #ddd}
.product .pro_tab ul li{border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin-bottom:10px;border-left:1px solid #ddd}

.product_cont .cont .cont_sub{width:calc(50% - 20px / 2);margin-right:20px;}
.product_cont .cont .cont_sub:nth-child(2n){margin-right:0}
.product_cont .cont .cont_sub:nth-child(3n){margin-right:auto;}
}

@media screen and (max-width: 768px){
.product .pro_tab ul li{width:49%}

.product_cont .cont .cont_sub{width:100%;margin-right:0;}
}



/*카탈로그*/

.catalogue{}
.catalogue .catalogue_imgbox{text-align:center;margin-bottom:30px;margin-top:50px;padding-top:50px;border-top:1px solid #ddd}


.catalogue .comCatalog {position: relative;margin-top: 3.5rem;}
.catalogue .comCatalog:after {content: '';position: absolute;top: 50%;right: 0%;width: 0%;height: 1px;background: rgba(255,255,255,0.35);}
.catalogue .comCatalog .cata_btn {display: flex;align-items: center;width: 24rem;border: solid 1px #000;border-radius: 24rem;padding: 0.7rem;margin:0 auto}
.catalogue .comCatalog .cata_btn .comIco {width: 4.2rem;height: 4.2rem;background: url(../img/catalog_arrow_black.png) no-repeat;background-position: center;border: solid 2px #12c0f2;border-radius: 100%;}
.catalogue .comCatalog .cata_btn .comDown {font-size: 1.7rem;color: #000;/* font-family: 'Malgun Gothic'; */font-weight: 700;width: calc(100% - 4.2rem);text-align: center;}
.catalogue .comCatalog .cata_btn .comDown a {color: #000;}
.catalogue .comCatalog .cata_btn:hover{background:#000}
.catalogue .comCatalog .cata_btn:hover .comIco {width: 4.2rem;height: 4.2rem;background: url(../img/catalog_arrow.png) no-repeat;background-position: center;border: solid 2px #12c0f2;border-radius: 100%;}

.catalogue .comCatalog .cata_btn:hover .comDown a{color:#fff}

@media screen and (max-width: 768px){
.catalogue .catalogue_imgbox img{width:70%}

}