@charset "utf-8";


.sub_contents {width:100%;  line-height:1.35;  font-size:1.7rem;  }


.wid_1400 {width:100%; position:relative; max-width:1400px; margin:auto}
.wps_100 {width:100%;}
.point {color:#77a832 !important;}
.grey_bg {background:#f8f8f8;}


@media( max-width:1400px) {
	.side_pd {padding-left:15px !important; padding-right:15px !important;}
	.sub_contents {overflow-x:hidden;}
}


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


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


.pd_b100 {padding-bottom:10.0rem!important;}

.txt_c {text-align:center;}


/*동영상*/
.video-section{
  width:100%;
  max-width:100%;
  margin:0 auto;
}

.video-container{
 margin-bottom:1.0rem;
  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%;
}



.flex_box {display:flex; flex-wrap:wrap; }


/*회사소개*/
.message_wrap{padding-bottom:28.0rem; background: url("../../pages/images/message_logo.png") no-repeat right bottom; margin-top:15.0rem;}
.message_wrap h3 {font-size:4.4rem; font-weight:700; }
.message_wrap h3 span {color:#e7141a;}
.message_wrap p { color:#5c5c5c; font-size:1.8rem;  margin-top:3.5rem; line-height:1.45;}


.message_bg {background: url("../../pages/images/company_bg.png") no-repeat center center; background-size:cover; 
			font-size:4.0rem; font-weight:700; text-align:center; color:#fff; padding:15.0rem 3.0rem 10.0rem 3.0rem; }
.message_bg span {color:#e7141a; display:block; }

.overview {margin-top:15.0rem;}
.comapnay { margin-bottom:8.0rem;}
.comapnay .left {width:38.0rem; font-size:3.4rem; font-weight:700;}
.comapnay .right{width:calc(100% - 38.0rem);}

.comapnay .right .overview_table {border-top:3px solid #222; border-bottom:1px solid #ddd; }
.comapnay .right .overview_table dl {display:flex; align-items: center; width:50%; font-size:1.8rem; padding:2.2rem 3.0rem; border-bottom:1px solid #ddd; }
.comapnay .right .overview_table dl:last-child {border:0;}
.comapnay .right .overview_table dl dt {width:35%; font-weight:600;  display:flex; align-items: center; position:relative;}
.comapnay .right .overview_table dl dt:before {content:''; /*display:inline-block; */ position:absolute; left:-15px; top:10px;width:5px; height:5px; background:#e7141a; border-radius:100%; margin-right:10px;}
.comapnay .right .overview_table dl dd {width:65%; color:#7d7d7d;  }

.overview_logo {border-top:1px solid #ddd; border-left:1px solid #ddd;}
.overview_logo li {width:25%; text-align:center; padding:5.0rem 2.0rem; border-right:1px solid #ddd;  border-bottom:1px solid #ddd;}

@media screen and (max-width: 1400px){
.message_wrap {background-size:40%;}
.message_bg {font-size:3.8rem;}
.comapnay .left {width:32.0rem; }
.comapnay .right{width:calc(100% - 32.0rem);}
.overview_logo li {width:33.3%; padding:4.0rem 2.0rem;}
}



@media screen and (max-width: 1024px){
.message_wrap {margin-top:0;}
.message_wrap p br {display:none;}
.message_wrap h3 {font-size:3.2rem;}
.message_wrap h3 br {display:none;}
.comapnay .left {width:100%;}
.comapnay .right{width:100%; margin-top:3.0rem}
.comapnay .right .overview_table dl {width:100%;}

.overview_logo li {width:50%; padding:4.0rem 2.0rem;}
.overview_logo li img {max-width:60%;}


}


/*연혁*/
.histroy_wrap {margin:0 -2.0rem 0 0}
.histroy {width:calc(25% - 2.0rem); margin:0 2.0rem 2.0rem 0; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-top:2px solid #000;
	padding:4.0rem 2.0rem 1.0rem 4.0rem;	position:relative;  height:270px;}
.histroy .his_txt1 {color:#000; font-size:2.0rem; font-weight:600;  display:flex; align-items: center; margin-left:-1.3rem;}
.histroy .his_txt1:before {content:''; display:inline-block; width:5px; height:5px; background:#e7141a; border-radius:100%; margin-right:10px;}
.histroy .his_txt2 {color:#6a6a6a; font-size:1.8rem; margin-top:1.0rem;}
.histroy .his_img { justify-content: flex-end; display:flex; width:100%; position:absolute; right:1.5rem; bottom:2.0rem;}
.histroy .his_img img {max-width:9.0rem;}



@media screen and (max-width: 768px){
.histroy {width:calc(50% - 2.0rem);}

}

/*오시는길*/
.location_map {width:100%;   }
.location_map .map_height {height:500px; width:100%;}
.location_map .root_daum_roughmap .wrap_map {height: 100% !important;}

.location_txt {background:#335599; width:90%; margin:-8.0rem auto 0; display:flex; position:relative; z-index:1; padding:6.0rem 10.0rem; position:}
.location_txt .loc_left {width:30%; border-right:1px solid rgba(255,255,255,0.1); align-items: center; display:flex; justify-content: center; }
.location_txt .loc_left img {max-width:50%;}
.location_txt .loc_right {width:70%; padding-left:5.0rem;}
.location_txt .loc_right dl {display:flex; color:#fff; width:100%; margin:1.5rem 0;}
.location_txt .loc_right dl dt {display:flex;  width:150px; gap:10px; align-items: center;}
.location_txt .loc_right dl dt dd {opacity:0.8; width:calc(100% - 150px);}




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

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

.location_txt  {padding:5.0rem 4.0rem;}
.location_txt .loc_left {display:none;}
.location_txt .loc_right {width:100%; padding-left:0rem;}
.location_txt .loc_right dl dt {width:120px; }
.location_txt .loc_right dl dt dd {width:calc(100% - 120px);}

}


/*카스토퍼 소개*/
.stopper_video {display:flex; flex-wrap:wrap; width:100%; gap:1%;}
.stopper_video .stopper_video_in {width:49.5%; }
.stopper_video video {width:100%; } 


.stopper_wrap { margin-top:8.0rem}
.stopper_box {width:49.5%;  background:#f8f8f8; border-radius:20px; margin-bottom:2.0rem; display:flex; /*justify-content: center;*/ align-items: center; padding:5.0rem 6.0rem;}
.stopper_box:nth-child(2n-1) {margin-right:1%;}
.stopper_box .stopper_img {width:20%;}
.stopper_box .stopper_img img {max-width:100%; }
.stopper_box .stopper_txt {width:80%; padding-left:30px;  font-size:2.0rem; font-weight:400; color:#666;}
.stopper_box .stopper_txt strong {color:#0552a1; }


.stopper_title {font-size:3.4rem; font-weight:600; margin-bottom:3.0rem; margin-top:10.0rem;}
.stopper_photo {gap:1%;}
.stopper_photo_box {width:49.5%;  }
.stopper_photo_box > img {max-width:100%;}
.stopper_photo_box p {text-align:center; padding:1.5rem; font-size:2.4rem;font-weight:600; background:#000; color:#fff; }
.stopper_photo .box1 p {background:#626262;} 
.stopper_photo .box2 p {background:#0552a1;  } 

.stopper_photo .box1 {border:15px solid #626262; }
.stopper_photo .box2 {border:15px solid #0552a1; }

@media screen and (max-width: 1024px){
.stopper_video .stopper_video_in {width:100%; }
.stopper_box {width:100%;} 
.stopper_box:nth-child(2n-1) {margin-right:0%;}

.stopper_box .stopper_img {width:25%;}
.stopper_box .stopper_txt {width:75%;}

.stopper_photo_box {width:100%;  margin-bottom:3.0rem; }

}


/*제품소개*/
.product_title {font-size:3.4rem; font-weight:600; margin-bottom:3.0rem; margin-top:10.0rem;}

.product_wrap  {display:flex;  flex-wrap: wrap;  margin:0 -45px 8.0rem 0;}
.product {width:calc(50% - 45px); margin-right:45px; margin-bottom:45px; padding:5.0rem 3.5rem; background:#fff; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}
/*.product:hover {box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; transition: all 0.6s;}*/
.product .product_img {overflow:hidden; position:relative;}
.product .product_img img {max-width:100%;}
.product .product_img .pro_badge { background:#e7141a; color:#fff; width:80px; font-weight:bold; height:80px;
									display:flex; justify-content: center; align-items: center;
								border-radius:80px; position:absolute; left:20px; top:20px; z-index:3;} 

.product .product_txt { margin-top:3.0rem; padding:0 0.5rem; }
.product .product_txt > strong {font-size:3.0rem; }
.product .product_txt > p {font-size:1.8rem; color:#777; margin-top:0.2rem; }

.product_table {border-top:1px solid #222; margin-top:2.0rem;   }
.product_table li {display:flex;  align-items: center; padding:1.8rem; font-size:1.8rem; border-bottom:1px solid #ddd; }
.product_table li span.pro_th {width:180px; font-weight:800; padding:0 2.0rem}
.product_table li .pro_td {calc(100% - 180px); color:#505050; display:flex; align-items: center;}

.product_table li .pro_td span {display:inline-block; padding:5px 15px; font-size:16px; margin-right:3px;  }
.product_table li .pro_td span.c_yelow {background:#f9df11; color:#000;}
.product_table li .pro_td span.c_blue {background:#3260ce; color:#fff;}
.product_table li .pro_td span.c_green {background:#116219; color:#fff;}
.product_table li .pro_td span.c_pink {background:#f7bfd8; color:#fff;}
.product_table li .pro_td span.c_red {background:#f02525; color:#fff;}
.product_table li .pro_td span.c_silver {background:#c0c0c0 ; color:#000;}





@media screen and (max-width: 1024px){
.product_wrap {margin:0 0 8.0rem 0;}
.product {width:100%; margin-right:0px;}
.product_table li span.pro_th {width:150px; font-weight:800; padding:0 0rem}
.product_table li .pro_td {calc(100% - 150px);}

.product .product_img .pro_badge {width:60px; height:60px; border-radius:60px; font-size:14px; }

}

/*보유인증서*/
.certification_wrap {display:flex;  flex-wrap: wrap;  margin:0 -35px 0 0;}
.certification_wrap .cert_box {width:calc(25% - 35px); margin-right:35px; text-align:center; border-bottom:1px solid #ddd; margin-bottom:35px;}
.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; padding:3.0rem 0; font-size:16px; font-weight:600; } 


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

.certification_wrap {display:flex;  flex-wrap: wrap;  margin:0 -25px 0 0;}
.certification_wrap .cert_box {width:calc(50% - 25px); margin-right:25px; }
.certification_wrap .cert_box .cert_img img {width:85%;}

}


/*카탈로그 다운로드*/
.catalog_wrap {padding:15.0rem 5.0rem; background: url("../../pages/images/catalog_bg.jpg") no-repeat center center; text-align:center; color:#fff; }
.catalog_wrap h4 {font-size:3.2rem; font-weight:600; }
.catalog_wrap p {font-size:1.8rem; margin-top:2.0rem;}
.catalog_wrap a.down_btn  {margin:5.0rem auto 0; display:flex; border:1px solid rgba(255,255,255,0.5);  padding:2.0rem 3.5rem; color:#fff; max-width:30.0rem;
							justify-content: center; gap:50px; transition: all 0.6s;}
.catalog_wrap a.down_btn:hover {background:#ea0001; border:1px solid #ea0001; transition: all 0.6s;}


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

.catalog_wrap {padding:10.0rem 3.0rem; }
}