@charset "utf-8";

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

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

.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-x:hidden; }	
	
}

@media( max-width:1024px) {

.div_scroll {overflow-x: auto;-webkit-overflow-scrolling: touch;}
.div_scroll table {width:1000px; font-size:15px;}
.div_scroll img {max-width:1000px !important;}
.sub_contents {margin-top:0rem;}

}

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


@media( max-width:600px) {

}


.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: 15px; 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: 15px 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; 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 .sub_t{font-size:2.1rem;vertical-align:inherit}


.table tbody td strong {color:#000;}



.table2 {width:100%;  text-align:center;   position:relative; font-size: 15px; background:transparent; line-height: 1.45;}
.table2 thead { background:#11336f; }
.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;}




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

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

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

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

}



/*회사개요*/

.overview_top {width:100%; padding:10.0rem 3.0rem; color:#fff; font-weight:700; background: url("../../pages/images/company.jpg") no-repeat center center; text-align:center; font-size:4.0rem; } 

.overview_wrap {width:100%; position:relative; justify-content: space-between; margin-top:5.0rem; padding-left:15.0rem;}
.overview_wrap .overview_box {width:48%; display:flex; border-bottom:1px solid #ddd; padding: 3.0rem 2.0rem;}
.overview_wrap .overview_box strong {width:60px; font-size:1.8rem; color:#09358c; font-weight:600;}
.overview_wrap .overview_box dl {width:calc(100% - 60px);}
.overview_wrap .overview_box dl dt {font-size:2.0rem; font-weight:500;}
.overview_wrap .overview_box dl dd {font-size:1.8rem; line-height:1.45; color:#666; margin-top:0.5rem;}



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

.overview_img {width:100%; height:40.8rem; }
}

@media screen and (max-width: 768px){
	.overview_top  {font-size:3.4rem;}
	.overview_wrap {margin-top:2.5rem;}
	.overview_wrap .overview_box {width:100%; }
	.overview_wrap .overview_box {padding: 2.0rem 1.5rem;}
	.overview_wrap .overview_box strong {width:50px;}
	.overview_wrap .overview_box dl {width:calc(100% - 50px);}

}


/*ceo메세지*/
.message_wrap {justify-content: space-between; }
.message_img {width:48%;}
.message_img img {}

.message_txt {width:48%; padding-top:8.0rem; }
.message_txt .txt1 {font-size:3.2rem; font-weight:600;}
.message_txt .txt2 {color:#666; font-size:1.8rem; margin-top:5.0rem;}
.message_txt .txt2 p {margin-bottom:3.0rem; line-height:1.65;}
.message_txt .txt2 p:first-child {font-size:2.2rem; font-weight:500; color:#000;}

.ceo_name {position:relative; font-size:2.0rem; text-align:right; padding-right:180px; z-index:0; margin-top:8.0rem; }
.ceo_name strong {font-size:2.8rem; font-weight:bold; display:inline-block; margin-left:2.0rem;}
.ceo_name:after {content:''; position:absolute; z-index:-1; top:-5.0rem; right:0; width:170px; height:100px; background: url("../../pages/images/ceo_sign.jpg") no-repeat center/contain;}


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

.message_txt { padding-top:3.0rem; }

}


@media screen and (max-width: 1024px){
.message_img {width:100%;}
.message_txt {width:100%; padding-top:5.0rem; }
.message_txt .txt1 {font-size:2.8rem;}

.ceo_name {padding-bottom:30px}
.ceo_name {padding-right:150px;}
.ceo_name:after {width:120px; height:71px;  top:-50px;}
}

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

.message_txt .txt1 {font-size:2.4rem;}
.message_txt .txt2 {margin-top:3.0rem;}
.message_txt .txt2 p:first-child {font-size:2.0rem;}
.ceo_name {padding-right:120px;}
.ceo_name:after {width:120px;top:-4.5rem; }

}


/*조직도*/

.organization {text-align:center;}
.organization img {max-width:100%;}

/* 주요거래처*/
.partners_wrap {gap:3.0rem;  justify-content: center;}
.partner_box {width:40%; background:#f8f8f8; text-align:center; padding:5.0rem  3.5rem 3.5rem 3.0rem; }
.partner_box img {max-width:60%;}
.partner_box p {font-size:2.4rem; font-weight:500; color:#666; margin-top:1.0rem;}

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

.partner_box {width:100%;}


}






/*경영방침*/
.policy_top {text-align:center; font-size:3.4rem; font-weight:600; }

.policy_wrap01 {text-align:center;  background:#09358c; margin-top:5.0rem; padding:12.0rem 2.0rem;color:#fff  }
.policy_wrap01 h3 {font-size:3.4rem;  font-weight:600;}
.policy_wrap01 ul {gap:15.0rem;  justify-content: center; margin-top:5.0rem;}
.policy_wrap01 ul li p {font-size:2.2rem; font-weight:500; margin-top:2.0rem;}

.policy_wrap02 {margin-top:15.0rem; text-align:center; }
.policy_wrap02 h3 {font-size:3.4rem;  font-weight:600;}

.policy_wrap02 ul {gap:8.0rem;  justify-content: center; margin-top:0rem;}
.policy_wrap02 ul li {}
.policy_wrap02 ul li:nth-child(2) {margin-top:15.0rem;}

.policy_wrap02 ul li p {font-size:2.2rem; font-weight:600; margin-top:2.0rem;}
.circle_inner { background:#f8f8f8; border-radius:100%; width:31.3rem; aspect-ratio: calc(313/313) / 1; display:flex; flex-direction: column; justify-content: center; align-items: center;}




@media screen and (max-width: 1024px){
.policy_top {font-size:2.6rem;}

.partners_wrap {}
.policy_wrap01 ul {gap:5.0rem; flex-direction: column;}

.policy_wrap02 ul {margin-top:8.0rem; gap:3.0rem; flex-direction: column;  justify-content: center;}
.policy_wrap02 ul li:nth-child(2) {margin-top:0rem;}
.policy_wrap02 ul li {display:flex; justify-content: center;}
}



@media screen and (max-width: 768px){
.circle_inner {width:250px; }


}



/*오시는길*/

.loc_map {width:100%; }
.loc_map .map_height {height:50.0rem; width:100%;}
.loc_map .root_daum_roughmap .wrap_map {height: 100% !important;}
.loc_map iframe {width:100%; height:50.0rem;}

.loc_txt {margin-top:8.0rem;  justify-content: space-between;}
.loc_txt .loc_box {width:32%; background:#f8f8f8; border-radius:2.0rem; padding:3.0rem; display:flex; gap:3.0rem; } 
.loc_txt .loc_box .loc_box_ico {width:80px; height:80px; border-radius:80px; border:1px solid #09358c;  display:flex;  justify-content: center;align-items: center;}
.loc_txt .loc_box .loc_box_ico span {font-size:3.2rem; font-weight:500; color:#09358c;}
.loc_txt .loc_box .loc_box_txt {width:calc(100% - 13.0rem); display:flex; justify-content: center; flex-direction: column;}
.loc_txt .loc_box .loc_box_txt span {display:block;font-size:1.6rem; font-weight:600; }
.loc_txt .loc_box .loc_box_txt p {font-size:1.6rem; color:#666;}

@media screen and (max-width: 1200px){
.loc_txt .loc_box {width:100%; margin-bottom:2.0rem;}
}



@media screen and (max-width: 768px){
.loc_txt .loc_box .loc_box_ico {width:60px; height:60px; border-radius:60px; }


.loc_map {width:100%; }
.loc_map .map_height {height:35.0rem; width:100%;}
.loc_map iframe {width:100%; height:35.0rem;}

}



/*제품소개*/
.prodcut_list {margin:0 -3.0rem 0 0;}
.product_box {position:relative; width:calc(33% - 3.0rem); margin-right:3.0rem; margin-bottom:3.0rem; text-align:center; background:#f8f8f8; border:5px solid #f8f8f8; border-radius:2.0rem; transition:0.5s; }
.product_box a {display:block; width:100%; height:100%;  padding:3.0rem 5.0rem;}
.product_box:hover {border:5px solid #136eeb; transition:0.5s; }
.product_box .prodcut_img {}
.product_box .prodcut_img img {width:100%;}

.product_box .product_name {font-size:2.0rem; font-weight:500; margin-top:3.0rem;}

.pro_conts_title {font-size:2.4rem; background:#09358c; color:#fff; font-weight:600; padding:1.5rem; border-radius:1.5rem; margin-bottom:0.5rem;}
.pro_conts_inner {margin-top:1.5rem 2.0rem; }
.pro_conts_inner img {max-width:100%; }
.conts_padd {padding:5.0rem 0; }

.product_list {margin-top:5.0rem; text-align:center }
.product_list a {display:inline-block; padding:2.0rem 6.0rem; border:1px solid #ddd;transition:0.5s;  }
.product_list a:hover {background:#000; color:#fff;transition:0.5s;  }
 
@media screen and (max-width: 1024px){

.product_box {width:calc(50% - 3.0rem);}

}



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

.product_box {border:3px solid #f8f8f8;}
.product_box:hover {border:3px solid #136eeb; transition:0.5s; }
.product_box a {padding:2.5rem }
/*.prodcut_list {margin:0 0 0 0;}
.product_box {width:100%; margin-right:0;} */


}

/*Steel Cableveyor 상세페이지*/

.steel_title {font-size: 4.0rem; font-weight: 600;padding: 9.2rem 0 8.0rem; margin: 0 auto;position: relative;text-align: center;}


@media screen and (max-width: 1024px){
 .steel_title {padding: 5.0rem 0rem; font-size: 3.0rem;}
 }


/*Cable Duct*/
.product02_type_wrap {justify-content:space-between; margin-top:3.0rem;}
.product02_type_wrap .type_box {width:32%; margin-bottom:2.0rem;}
.product02_type_wrap .type_box .type_box_img {border:1px solid #ddd; padding:3.5rem; }
.product02_type_wrap .type_box .type_box_img img {max-width:100%;}
.product02_type_wrap .type_box p {background:#f8f8f8; text-align:center; padding:1.0rem;   margin-top:1.0rem; font-weight:500;}


@media screen and (max-width: 1024px){
.product02_type_wrap .type_box {width:49%;}
}




/*Connector*/

.prodcut03_wrap {width:100%; position:relative; }
.prodcut03_wrap .prduct03_title01 {font-size:2.8rem; background:#09358c; color:#fff; font-weight:600; padding:1.5rem 1.5rem 1.5rem 2.5rem; border-radius:1.5rem; }
.prduct03_full_img {padding:5.0rem 8.0rem; margin-top:1.5rem;}
.prduct03_full_img .product03_img {}
.prduct03_full_img .product03_code { background:#ecf2ff; padding:5.0rem;  margin-top:8.0rem; border-radius:3.0rem;}

.product03_txt_wrap {margin-top:8.0rem; gap:4%; justify-content:space-between;}
.product03_txtbox {position:relative; width:48%; border:1px solid #ddd; padding:4.5rem;}
.product03_txtbox:before {content:''; position:absolute; width:4px; height:28px; background:#09358c; top:0; left:0; z-index:1;}
.product03_txtbox h4 {font-size:2.4rem; font-weight:600; color:#09358c; }
.product03_txtbox ul {margin-top:1.5rem; }
.product03_txtbox ul li {color:#666; margin-bottom:0.7rem; display:flex; }
.product03_txtbox ul li span {color:#000; font-weight:500; display:inline-block; margin-right:0.5rem;}
.product03_txtbox  p {color:#666; line-height:1.65; margin-top:1.5rem;}

.product03_txtbox dl {margin-top:1.5rem;}
.product03_txtbox dl dt {font-weight:600; color:#000; }
.product03_txtbox dl dd {margin-top:0.5rem; color:#666; }


.prodcut03_wrap .prduct03_title02  {font-size:2.4rem; background:#999999; color:#fff; font-weight:600; padding:1.5rem 1.5rem 1.5rem 2.5rem; border-radius:1.5rem;  margin-top:5.0rem;}
.grey_bg2 {background:#eee;}
.product03_img_half {display:flex; gap:5.0rem; justify-content:center; padding:5.0rem;}
.product03_img_half .half_txt { font-size:1.8rem; color:#222; text-align:center;  margin-top:1.5rem;}
.product03_img_half02 {display:flex; gap:5.0rem; justify-content:center; }

.product03_table {margin-top:3.0rem}
.table_info {font-size:1.6rem; color:#666; padding:1.0rem 0;}
.prodcut03_wrap .prduct03_title03 {font-size:2.4rem; font-weight:600; position:relative;  margin-top:3.0rem; padding-left:1.5rem;}
.prodcut03_wrap .prduct03_title03:before {content:''; position:absolute; width:6px; height:28px; background:#09358c; top:0; left:0; }

.product03_test {margin-top:3.0rem; margin-bottom:8.0rem; justify-content:space-between; border:1px solid #ddd; padding:5.0rem;}
.product03_test .pro03_test_box {width:20%;  display:flex; justify-content:space-between; flex-direction: column; }
.product03_test .pro03_test_box img {text-align:center; max-width:80%;}
.product03_test .pro03_test_box .test_p {text-align:center; margin-top:1.0rem; font-weight:500; }


.product03_inner03 { margin-top:5.0rem;}
.product03_inner03 .product03_inner03_left {width:45%;margin-right:5%; display:flex;  align-item:center;  color:#666; font-size:1.8rem; margin-top:2.0rem;}
.product03_inner03 .product03_inner03_right {padding:5.0rem; width:50%; background:#f8f8f8; display:flex;  justify-content:center; align-item:center; }
.product03_inner03 .product03_inner03_right img {max-width:40%;}

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

.product03_test {justify-content:flex-start; padding:3.0rem;} 
.product03_test .pro03_test_box  {width:33.3%; margin-bottom:5.0rem;  align-items: center;}
.product03_test .pro03_test_box img {max-width:90%;}

}

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

.prodcut03_wrap .prduct03_title01 {font-size:2.4rem; }
.prduct03_full_img {padding:5.0rem 3.0rem 3.0rem 3.0rem;}
.prduct03_full_img .product03_code  {padding:2.5rem;}

.product03_img_half {flex-direction: column;}
.product03_img_half02 {flex-direction: column;}
.product03_img_half02 > div {text-align:center; }

}


@media( max-width:768px) {
.product03_txt_wrap {gap:3.0rem;}
.product03_txtbox {width:100%; padding:2.5rem;}



.prodcut03_wrap .prduct03_title02 {font-size:2.0rem;}

.product03_test .pro03_test_box {width:50%;}

.product03_inner03 {margin-top:3.0rem; }
.product03_inner03 .product03_inner03_left {margin-right:0; width:100%; margin-top:0; padding:0 1.0rem;}
.product03_inner03 .product03_inner03_right {width:100%; margin-top:2.0rem;}

}