@charset "utf-8";


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

.wid_1600 {width:100%; position:relative; max-width:1600px; margin:auto}
.wid_1400 {width:100%; position:relative; max-width:1400px; margin:auto}
.wps_100 {max-width:100%;}
.grey_bg {background:#f8f8f8;}
.txt_l {text-align:left !important;}
.txt_c {text-align:center !important;}
.txt_r {text-align:right !important;}

.only_pc {display:block;}
.only_mob {display:none;}



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

.div_scroll, .div_scroll2 {overflow: auto;position: relative}

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

@media( max-width:768px) {
.div_scroll2 table {width:760px; font-size:15px;}
.div_scroll2 img {max-width:1024px !important;}
.sub_contents {margin-top:0rem;}
}



@media( max-width:1024px) {
.div_scroll table {min-width:768px; font-size:15px;}
/*.div_scroll img {max-width:100%;}*/
.sub_contents {margin-top:0rem;}


.only_pc {display:none;}
.only_mob {display:block !important;}


}


.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_t150{margin-top:150px!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;}
.pd_b130 {padding-bottom:13.0rem!important;}
.txt_c {text-align:center;}
.flex_box {display:flex; flex-wrap:wrap;}

/*동영상*/
.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%;
}



/*테이블*/
.table {width:100%;  text-align:center;   position:relative; font-size: 1.6rem; background:transparent; line-height: 1.45;}
.table thead {border-top: 3px solid #2a303a; background:#f8f8f8;  }
.table thead th{ border-bottom: 1px solid #2a303a;   border-left: 1px solid #2a303a; color: #000; font-weight: bold;  padding: 20px 12px; }
.table thead th:first-child {border-left: 0;}
.table .le_line { border-left: 1px solid #2a303a !important;}
.table .le_line2 { border-left: 1px solid #bebebe !important;}

.table tbody th {border-bottom: 1px solid #bebebe;  border-left: 0px solid #bebebe !important; padding: 12px; color: #000;  vertical-align: middle;  font-weight: bold;}
.table tbody td {border-bottom: 1px solid #bebebe; border-left: 1px solid #bebebe; padding: 12px; color: #555;  vertical-align: middle;  }
.table tbody td:first-child {border-left: 0;}
.table tbody td strong {color:#000;}
.table .no_left {border-left: 0!important;}




.table2 {width:100%;  text-align:center;   position:relative; font-size: 16px; background:transparent; line-height: 1.45;}
.table2 thead { background:#000; }
.table2 thead th{ border-bottom: 1px solid #ddd;   border-left: 1px solid #ddd; color: #fff; font-weight: bold;  padding: 20px 12px; }
.table2 thead th:first-child {border-left: 0;}
.table2 .le_line { border-left: 1px solid #ddd !important;}
.table2 .le_line2 { border-left: 1px solid #bebebe !important;}

.table2 tbody th {border-bottom: 1px solid #bebebe; background:#f8f8f8; padding: 12px; color: #000;  vertical-align: middle;  font-weight: bold;}
.table2 tbody td {border-bottom: 1px solid #bebebe; border-left: 1px solid #bebebe; padding: 12px; color: #555;  vertical-align: middle;  }
.table2 tbody td:first-child {border-left: 0;}
.table2 tbody td strong {color:#000;}


.table3 {width:100%;  text-align:center;   position:relative; font-size: 16px; background:transparent; line-height: 1.45;}
.table3 thead { background:#000; }
.table3 thead th{ border-bottom: 1px solid #ddd;   border-left: 1px solid #ddd; color: #fff; font-weight: bold;  padding: 20px 12px; }
.table3 thead th:first-child {border-left: 0;}
.table3 .le_line { border-left: 1px solid #ddd !important;}
.table3 .le_line2 { border-left: 1px solid #bebebe !important;}

.table3 tbody th {border-bottom: 1px solid #bebebe; background:#f8f8f8; padding: 12px; color: #000;  vertical-align: middle;  font-weight: bold;}
.table3 tbody td {border-bottom: 1px solid #bebebe; text-align:left; border-left: 1px solid #bebebe; padding: 1.7rem; color: #555;  vertical-align: middle;  }
.table3 tbody td:first-child {border-left: 0;}
.table3 tbody td strong {color:#000;}




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

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

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

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

}



/*회사소개*/

.company_top {text-align:center; }
.company_top .company_txt {padding:5.0rem 0; font-size:4.6rem; font-weight:700;}
.company_top .company_txt strong {display:block; font-size:5.6rem; font-weight:800;}


.company_conts {width:70%; margin:8.0rem auto 0;}
.company_conts dl:first-child {border-top:2px solid #222;} 
.company_conts dl {padding:3.0rem 2.5rem; border-bottom:1px solid #ddd; font-size:1.9rem;}
.company_conts dl dt {width:30.0rem; font-weight:600; display:flex; align-items: center;}
.company_conts dl dt span {color:#d05b2e; display:inline-block; margin-right:1.5rem; font-size:2.4rem; }
.company_conts dl dd {width:calc(100% - 30.0rem); color:#666; font-size:1.7rem;}


@media screen and (max-width: 1024px){
.company_conts {width:100%;}

}

@media screen and (max-width: 768px){
.company_top .company_logo img {width:12.0rem;}
.company_top .company_txt {font-size:2.8rem; padding:3.0rem 0;}
.company_top .company_txt strong  {font-size:3.2rem;}

.company_conts dl dt {width:100%;}
.company_conts dl dd {width:100%; margin-top:0.5rem; padding-left:4.0rem;}
}


/*조직도*/
.organization {text-align:center; }
.organization img {max-width:100%;}


/*주요거래처*/
.client_wrap {margin:0 -3.0rem 0 0;}
.client_box {width:calc(25% - 3.0rem); margin-right:3.0rem; margin-bottom:5.0rem;}
.client_box .client_logo {border:1px solid #ddd; }
.client_box p {font-size:1.8rem; text-align:center; margin-top:2.0rem; color:#666;}


@media screen and (max-width: 1024px){
.client_box {width:calc(50% - 3.0rem);}

}


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

.client_wrap {margin:0 0rem 0 0;}
.client_box {width:100%; margin-right:0; }
.client_box .client_logo {text-align:center; }
.client_box .client_logo img {width:60%;}
}







/*인증현황*/

.certification_wrap {display:flex;  flex-wrap: wrap;  margin:0 -30px 0 0;}
.certification_wrap .cert_box {width:calc(33.3% - 30px); margin-right:30px; text-align:center; border-bottom:1px solid #ddd; margin-bottom:35px;}
.certification_wrap .cert_box .cert_img {background:#f8f8f8;  padding:5.0rem 2.0rem; border:1px solid #e5e5e5; }
.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:2.0rem 0 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%}


}


@media screen and (max-width: 500px){
.certification_wrap {display:flex;  flex-wrap: wrap;  margin:0 0px 0 0;}
.certification_wrap .cert_box {width:100%; margin-right:0px; }


}

/*product*/
.bor_line {border-top:1px solid #ddd; }

.product_top {}
.product_top_txt {padding-right:5%; padding-top:5.0rem; width:50%;}
.product_top_txt .txt1 {font-size:3.0rem; font-weight:700; margin-bottom:2.0rem;}
.product_top_txt p {font-size:2.0rem; color:#666;  line-height:1.55;}
.product_top_img {width:50%;}


.product_conts {margin-top:8.0rem;}

.conts1 { margin-bottom:5.0rem; padding-top:5.0rem; }
.conts1 .conts1_left {width:40.0rem; font-size:2.8rem; font-weight:600;}
.conts1 .conts1_right {width:calc(100% - 40.0rem); color:#666; font-size:1.8rem; }

.ul_li01 li {position:relative; padding-left:1.3rem; margin-bottom:0.8rem;}
.ul_li01 li:before {content:''; background:#d05b2e ; position:absolute; top:0.8rem; left:0; width:4px; height:4px;  }

.prduct_spec {border-top:1px solid #ddd; padding-top:5.0rem; }
.title01 {font-size:2.8rem; font-weight:600;}

.prduct_spec .spec_conts {margin-top:0rem;  }
.prduct_spec .spec_conts .spec_txt {padding-right:5%; padding-top:3.0rem; width:70%;}
.prduct_spec .spec_conts .spec_txt .txt1 {font-size:2.0rem; font-weight:700; margin-bottom:2.0rem;}
.prduct_spec .spec_conts .spec_txt p {font-size:2.0rem; color:#666;  line-height:1.55;}
.prduct_spec .spec_conts .spec_img {width:30%;}
.prduct_spec .spec_conts .spec_img img {max-width:100%;}

.product_application {margin-top:5.0rem; }

.product_application .app_conts {margin-top:3.0rem;   justify-content: space-between;}
.product_application .app_conts .title02 { font-size:2.2rem; margin-bottom:1.5rem; font-weight:600;} 
.product_application .app_box {width:49%; margin-bottom:3.0rem;}
.product_application .app_box .app_img {width:40%; }
.product_application .app_box .app_txt {width:60%; padding:3.5rem 5.0rem 0 5.0rem; background:#f8f8f8; }

.product_top2 {text-align:center;}
.product_top2 img {max-width:50%;}
.product_top2 .product_top2_txt {font-size:2.7rem; font-weight:600;;}

@media( max-width:1024px) {

.product_top_txt {width:100%; order:2; padding-right:0;}
.product_top_txt .txt1 {font-size:2.4rem;}
.product_top_img {width:100%; order:1;}

.conts1 .conts1_left {width:100%}
.conts1 .conts1_right {width:100%; margin-top:2.0rem;}


.product_application .app_box {width:100%;}
.product_top2 img {max-width:80%;}
 
}


@media( max-width:768px) {
.conts1 .conts1_left { font-size:2.2rem;}

.title01 {font-size:2.2rem;}
.prduct_spec .spec_conts .spec_txt {width:100%; order:2; padding-right:0%;} 
.prduct_spec .spec_conts .spec_img {width:100%; order:1; margin-top:3.0rem;}
.prduct_spec .spec_table {margin-top:3.0rem;}

.product_application .app_box .app_txt {width:55%; padding:3.0rem 4.0rem; }
.product_application .app_box .app_img {width:45%; }

.ul_li01 li {margin-bottom:0.5rem;}

.product_top2 img {max-width:100%;}


}

@media( max-width:500px) {
.product_application .app_box .app_txt {width:100%; padding:3.0rem 4.0rem; }
.product_application .app_box .app_img {width:100%; }
.product_application .app_box .app_img img {width:100%;}
}



/*Tensioners & Manual Tools (OEM)*/


.tensioners {gap:2%;}
.tensioners_box {width:49%;  justify-content: space-between; margin-bottom:8.0rem;}
.tensioners_box .tensioners_name {background:#000; color:#fff; text-align:center; padding:1.2rem; font-size:2.4rem; font-weight:600;}
.tensioners_box .tensioners_img {text-align:center; padding:5.0rem; min-height:35.0rem;}
.tensioners_box .tensioners_img img {max-width:70%;}
.tensioners_box .tensioners_table {margin-top:0rem; border-top:2px solid #222;}


@media( max-width:1100px) {
.tensioners_box .tensioners_img {min-height:auto;}
}

@media( max-width:1024px) {
.tensioners_box {width:100%;}
}


/*오시는길*/

.location_wrap {width:100%; position:relative;  display:flex;  flex-wrap: wrap;  justify-content: space-between; margin-bottom:12.0rem; }
.location_wrap:nth-child(2n) { flex-direction: row-reverse; } 
.location_wrap:last-child {margin-bottom:0;}
.location_map {width:50%; }
.location_map .map_height {height:400px; width:100%;}
.location_map .root_daum_roughmap .wrap_map {height: 100% !important;}
.location_map iframe {min-height:400px; width:100%;}


.location_txt {position:relative; width:45%; padding-top:2.0rem;  }
.location_txt .loc_txt1 {color:#000; font-weight:bold; font-size:3.2rem;}

.location_txt .loc_table {position:relative; width:100%; margin-top:2.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( max-width:1024px) {


.location_map {width:100%; order:2; margin-top:3.0rem;}
.location_map .map_height {height:300px; width:100%;}
.location_txt { width:100%;  order:1;}

.location_wrap02 {margin-top:8.0rem;}

}