@charset "utf-8";

.sub_content {width:100%; color:#555; font-size:1.6rem;  line-height:1.4;  }
.sub_content2 {width:100%; color:#555; font-size:1.6rem;   }

.wid_1600 {width:100%; position:relative; max-width:1600px; margin:auto; }
.wid_1500 {width:100%; position:relative; max-width:1500px; margin:auto}
.wid_1400 {width:100%; position:relative; max-width:1400px; margin:auto}
.wps_100 {width:100%;}

.point {color:#000 !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}

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

.only_pc2 {display:block;}
.only_mob2 {display:none;}

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

@media( max-width:1024px) {
.only_pc {display:none;}
.only_mob {display:block;}
.div_scroll2 table {width:1024px; font-size:15px;}


}

@media( max-width:768px) {

.div_scroll2 img {max-width:1024px !important;}
.only_pc2 {display:none;}
.only_mob2 {display:block;}

}



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


.mg_t0 {margin-top:0px!important;}
.mg_t10{margin-top:1.0rem!important;}
.mg_t20{margin-top:2.0rem!important;}
.mg_t30{margin-top:3.0rem!important;}
.mg_t40{margin-top:4.0rem!important;}
.mg_t50{margin-top:5.0rem!important;}
.mg_t80{margin-top:8.0rem!important;}
.mg_t100{margin-top:10.0rem!important;}
.mg_t120{margin-top:12.0rem!important;}
.mg_t150{margin-top:15.0rem!important;}


.mg_b10{margin-bottom:1.0rem!important;}
.mg_b20{margin-bottom:2.0rem!important;}
.mg_b30{margin-bottom:3.0rem!important;}
.mg_b40{margin-bottom:4.0rem!important;}
.mg_b50{margin-bottom:5.0rem!important;}
.mg_b80{margin-bottom:8.0rem!important;}

.pd_t100 {padding-top:10.0rem!important;}
.pd_b100 {padding-bottom:10.0rem!important;}
.pd_b130 {padding-bottom:13.0rem!important;}
.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.8rem; background:transparent; line-height:1.65; }
.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: 500;  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: 500;}
.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; text-align:center; }
.table tbody td {text-align:center;}
.table tbody td strong {color:#000;}

.table tfoot {background:#f8f8f8; }
.table tfoot th {color: #000; font-weight: 500;  padding: 15px 12px;border-left: 1px solid #bebebe; } 
.table tfoot th:first-child {border-left: 0;}


.table2 {width:100%;  text-align:center;   position:relative; font-size: 1.8rem; background:transparent; line-height: 1.45; border-top: 3px solid #2a303a;}
.table2 thead {  background:#f8f8f8;  }
.table2 thead th{ border-bottom: 1px solid #2a303a;   border-left: 1px solid #2a303a; color: #000; font-weight: 500;  padding: 15px 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: 2.0rem;color: #000;  vertical-align: middle;  font-weight: 500;}
.table2 tbody td {border-bottom: 1px solid #bebebe; /*border-left: 1px solid #bebebe;*/ padding: 2.0rem; color: #555;  vertical-align: middle;  }
.table2 tbody td:first-child {border-left: 0;}
.table2 tbody td strong {color:#000;}



.table3 {width:100%;   position:relative; font-size: 1.8rem; background:#fff;; line-height:1.65; }
.table3 thead {border-top: 3px solid #2a303a; background:#f8f8f8; }
.table3 thead th{ border-bottom: 1px solid #2a303a; text-align:center;     border-left: 1px solid #2a303a; color: #000; font-weight: 500;  padding: 15px 12px; }
.table3 thead th:first-child {border-left: 0;}
.table3 .le_line { border-left: 1px solid #2a303a !important;}
.table3 .le_line2 { border-left: 1px solid #bebebe !important;}

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

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

.table3 tfoot {background:#f8f8f8; }
.table3 tfoot th {color: #000; font-weight: 500;  padding: 15px 12px;border-left: 1px solid #bebebe; } 
.table3 tfoot th:first-child {border-left: 0;}




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

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

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

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

}



/*공통*/
.sub_top {width:100%; min-height:35.6rem;  border-radius:2.5rem; overflow:hidden;  }

.conts_wrap {width:100%;  }
.conts_wrap .conts_left {width:29.0rem; }
.conts_wrap .conts_right {width:calc(100% - 29.0rem); }


.top_txt {font-size:3.4rem;  margin-top:8.0rem; color:#000; margin-bottom:8.0rem;}


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

.conts_wrap .conts_left {width:100%; }
.conts_wrap .conts_right {width:100%; margin-top:5.0rem; }

.top_txt {font-size:2.8rem; }
.top_txt br {display:none;}



}



/*회사소개*/

.overview_box1 {background:#000 !important; color:#fff !important; font-size:2.4rem; }
.overview_box2 {background:#fff !important; }
.overview_box3 {}
.overview_box p strong {display:block; }

.overview_wrap { justify-content: space-between; margin-top:9.0rem; }
.overview_box {aspect-ratio: 1 / 0.9; width:18.5%;  padding:6.0rem 4.5rem; border-radius:2.0rem; background:#e4e4e4; font-size:2.0rem; margin-bottom:2.5rem; color:#000; }
.overview_box span {display:block;  margin-bottom:2.0rem;}
.overview_box dl {padding-left:1.0rem; }
.overview_box dl dt {font-weight:600;}
.overview_box dl dd {margin-top:0.5rem; line-height:1.3;}


.clients_left {border-top:1px solid #000; padding-top:3.5rem; text-align:center; font-size:2.8rem; font-weight:600; color:#000; }
.clients_right { padding-left:5.0rem; padding-bottom:3.0rem}
.clients_right > div {width:28%; text-align:center;	margin-right:5%; margin-bottom:3.5rem; border-radius:1.5rem; box-shadow: rgba(0, 0, 0, 0.25) 0px 5px 15px; overflow:hidden; }



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

.overview_box2, .overview_box3 {display:none;}
.overview_box {width:23%; }

}

@media screen and (max-width: 1024px){
.overview_box {width:48.5%; aspect-ratio: 1 / 0.5; }

}


@media screen and (max-width: 768px){
.clients_right {padding-left:0;  justify-content: space-between;}
.clients_right > div {width:48%; margin-bottom:3.0rem; margin-right:0;}

}


@media screen and (max-width: 500px){
.overview_box {width:100%; aspect-ratio: 1 / 0.5;  text-align:center;  }
.overview_box dl {padding-left:0; }

}


/*대표인사말*/
.message_wrap {margin-top:8.0rem;  padding:0 15.0rem; }
.message_wrap  > .txt1 {font-size:3.2rem; padding-bottom:2.0rem; color:#000;}

.message_wrap p {font-size:2.0rem; margin-top:3.0rem; line-height:1.6;}
.message_wrap p > strong {display:inline-block; padding-right:1.0rem; }
.message_wrap .message_name {color:#000; display:flex;  align-items: flex-end; justify-content: flex-end;}
.message_wrap .message_name .message_sign {padding-left:3.0rem; }


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

.message_wrap {padding:0 5.0rem; }
}


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

.message_wrap {padding:0rem; }
.message_wrap .message_name .message_sign img {height:30px;}
}




/*연혁*/

.his_wrap {padding-bottom:8.0rem;   }

.his_wrap .his_left {width:45%; }
.his_wrap .his_left .year {font-size:6.0rem; font-weight:700; color:#000;}

.his_wrap .his_right { padding-top:0rem; width:50%;  position:relative; }
.his_wrap .his_right dl {display:flex; position:relative;  padding-left:6.0rem; margin:1.5rem 0; }
.his_wrap .his_right dl dt:before {content:''; width:0.9rem; height:0.9rem; border-radius:100%; background:#000; position:absolute; left:0; top:1.2rem;  }
.his_wrap .his_right dl dt {width:13.0rem; font-size:2.4rem; color:#000; font-weight:500;}
.his_wrap .his_right dl dd {width:calc(100% - 13.0rem); font-size:2.4rem;}


.his_line dl:after {content:''; position:absolute; width:1px; height:4.5rem;top:1.7rem; left:4px; background:#000;  }
.his_line dl:last-child:after {display:none;}

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

.his_wrap .his_left .year {font-size:4.0rem;}
.his_wrap .his_left {width:100%; }
.his_wrap .his_right  {width:100%; }

}

@media screen and (max-width: 500px){
.his_line dl:after {left:3px;}

}

/*조직도*/
.organigram_wrap {text-align:center;}

/*인증현황*/
.cert_wrap {background:#efefef; padding:11.5rem; border-radius:2.0rem; }
.cert_wrap .cert_box { width:25%; padding:0 3.5rem; margin-bottom:8.0rem;}
.cert_wrap .cert_box .cert_img {border-radius:2.0rem; overflow:hidden; border:1px solid #d1d1d1;  }
.cert_txt {text-align:center; margin-top:2.0rem; }
.cert_txt > strong {display:block; font-size:2.1rem;font-weight:500; color:#000; }
.cert_txt > span  {display:block; font-size:15px;}


@media screen and (max-width: 1600px){
.cert_wrap {padding:7.0rem;}
.cert_wrap .cert_box {width:25%; margin:0 0 8.0rem 0;}

}

@media screen and (max-width: 1200px){
.cert_wrap {padding:5.0rem;}
.cert_wrap .cert_box {width:33.3%;}
}


@media screen and (max-width: 768px){
.cert_wrap {padding:5.0rem 3.0rem 3.0rem 3.0rem;}
.cert_wrap .cert_box {width:50%; margin-bottom:5.0rem; }
}

/*비전 및 목표*/
.vision1_wrap {padding:9.0rem 0;}
.vision1_wrap .vision1_left {width:50.0rem;}
.vision1_wrap .vision1_left .vision1_bg {width:38.4rem; aspect-ratio: calc(384/444) / 1;  position:relative; }
.vision1_wrap .vision1_left .vision1_bg strong {position:absolute; left:8.0rem; top:12.0rem; color:#000; font-size:6.0rem; }

.vision1_wrap .vision1_right {width:calc(100% - 50.0rem);}
.vision1_wrap .vision1_right .vision1_txt {font-size:2.4rem; line-height:1.45; color:#000; margin-top:5.0rem; }

.vision1_wrap .vision1_right .vision1_txt p {margin-bottom:3.0rem;}


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

.vision1_wrap .vision1_left {width:100%; }
.vision1_wrap .vision1_left .vision1_bg {margin:auto;}
.vision1_wrap .vision1_right {width:100%;}
.vision1_wrap .vision1_right .vision1_txt {text-align:center;}
}

@media screen and (max-width: 768px){
.vision1_wrap .vision1_left .vision1_bg  {width:30.0rem;}
.vision1_wrap .vision1_left .vision1_bg strong {position:absolute; left:8.0rem; top:10.0rem; color:#000; font-size:4.0rem; }
.vision1_wrap .vision1_right .vision1_txt p br {display:none;}
}


.vision2_wrap {padding:17.0rem 0;}
.vision2_wrap:nth-child(2) {padding-top:8.0rem;}
.vision2_wrap .vision_title {text-align:center; font-weight:700;}
.vision2_wrap .vision_title h4 {font-size:3.8rem;  color:#000; }
.vision2_wrap .vision_title p {font-size:2.6rem; color:#b4b4b4;  margin-top:0.5rem;  }


.vision_conts1 {display:flex; margin-top:12.0rem; justify-content: center;}
.vision2_box {margin-left:-5.0rem;}
.vision2_box:nth-child(1) {margin-left:0rem;}

.vision2_box_circle {position:relative; width:30.0rem; aspect-ratio: 1; border:1px solid #bebebe; border-radius:100%; text-align:center; overflow:hidden;  }

.vision2_box_top {height:50%; width:100%; color:#fff;  display:flex;  flex-direction: column; justify-content: center; align-content: center;}
.vision2_box_btm {height:50%; width:100%; background:#fff; display:flex;  justify-content: center; align-items: center;}

.vision2_num {font-size:4.0rem; font-weight:600; }
.vision2_txt1 {font-size:2.7rem; text-transform:uppercase; line-height:1.2;}
.vision2_txt2 {color:#000; font-size:2.6rem; margin-top:-3.0rem;  }
.vision2_txt3 {position:relative;  color:#000; font-size:1.9rem; text-align:center;  margin-top:7.0rem; line-height:1.5;}
.vision2_txt3:after{content:''; width:1px; height:6.4rem; position:absolute; background:#bebebe; left:50%; transform: translate(-50%, 0); top:-10rem; }


.vision_conts2 {justify-content: center;  row-gap : 5.0rem; column-gap: 8.0rem; margin-top:8.0rem;}
.vision3_box {position:relative; padding:4.5rem 8.0rem; border:1px solid #bbb; width:45%; max-width:67.0rem; border-radius:2.0rem;}
.vision3_box .vision3_num {width:6.0rem; aspect-ratio: 1; background:#000; display:flex;  justify-content: center; align-items: center;
							position:absolute; top:50%; transform: translate(0, -50%); left:-3.0rem; color:#fff; font-weight:800; font-size:2.4rem; border-radius:6.5rem;} 
.vision3_box dl dt {font-size:2.6rem; font-weight:600; color:#000;}
.vision3_box dl dd {font-size:2.0rem; margin-top:1.5rem;}


@media screen and (max-width: 1650px){
.vision_conts1 {padding:0 30.0rem; flex-wrap:wrap; }
.vision_conts1 .vision2_box {margin-bottom:5.0rem;}
.vision2_box:nth-child(1) {margin-left:-5.0rem;}

}

@media screen and (max-width: 1450px){
.vision_conts1 {padding:0 20.0rem; }
.vision2_box {margin-left:-3.0rem;}
.vision2_box:nth-child(1) {margin-left:-3.0rem;}

}

@media screen and (max-width: 1350px){
.vision_conts1 {padding:20 0rem;}
.vision3_box {width:100%; max-width:100%;}

}

@media screen and (max-width: 1024px){
.vision_conts1 {padding:0rem;}
.vision2_wrap {padding:10.0rem 0;}

}

@media screen and (max-width: 768px){
.vision2_wrap:nth-child(2) {padding-top:0;}
.vision_conts1 {margin-top:5.0rem;}
.vision_conts1 .vision2_box {width:100%;}
.vision_conts1 .vision2_box .vision2_box_circle {margin:auto;}

.vision2_box {margin-left:0rem;}
.vision2_box:nth-child(1) {margin-left:0rem;}


}

/*사업소개*/
.biz_top {}
.biz_top .biz_top_txt1 {text-align:center; font-size:4.0rem; line-height:1.2;  }
.biz_top .biz_top_txt1 strong {color:#000; }
.biz_top .biz_top_img {margin-top:5.0rem; }



.biz_wrap {margin-top:10.0rem; }
.biz_wrap .biz_title {font-size:3.0rem; color:#000; font-weight:700; position:relative; padding-left:2.5rem; }
.biz_wrap .biz_title:before {content:''; position:absolute; background:#000;  width:0.7rem; height:3.5rem; left:0; top:0.5rem;}


.biz_wrap .biz_left {width:53.0rem;}
.biz_wrap .biz_right {width:calc(100% - 53.0rem);  }
.biz_wrap .biz_right .biz_conts {gap:2%; }
.biz_box1 {width:49%; border:1px solid #ddd; border-radius:2.0rem;  padding:5.0rem; margin-bottom:2%; }
.biz_box1 dl {display:flex; }
.biz_box1 dl dt {width:16.0rem; font-size:2.2rem; color:#000; font-weight:600; line-height:1.2;}
.biz_box1 dl dd {width:calc(100% - 16.0rem); font-size:2.0rem; color:#666;}

.biz_wrap .biz_conts .method_txt {font-size:2.2rem; padding:0 2.0rem;  }
.biz_wrap .biz_conts .biz_img2_wrap { padding:5.0rem; border-radius:2.5rem; gap:3%; width:100%; }
.biz_wrap .biz_conts .biz_img2_wrap > div {background:#fff; padding:5.0rem; text-align:center;  border-radius:2.5rem;}
.biz_wrap .biz_conts .biz_img2_wrap .biz_img2_01 {width:100%; }
/*.biz_wrap .biz_conts .biz_img2_wrap .biz_img2_02 {width:27%;}*/

.biz_img3_wrap {}
.biz_img3_wrap .biz_img3_inner1 {width:50%; background:#f8f8f8; padding:5.0rem;  border-radius:2.0rem; display:flex;  justify-content: center; align-items: center;}
.biz_img3_wrap .biz_img3_inner2 {width:50%; padding-left:5.0rem; }
.biz_img3_wrap .biz_img3_inner2 .biz_img3_box {width:100%; margin-bottom:3.0rem; display:flex; border:1px solid #ddd; padding:5.0rem 3.5rem; border-radius:2.0rem;  }
.biz_img3_wrap .biz_img3_inner2 .biz_img3_box .num3 {width:4.0rem; height:4.0rem; border-radius:100%; color:#fff; font-weight:800; font-size:2.0rem; 
													display:flex;  justify-content: center; align-items: center; background:#000;  }
.biz_img3_wrap .biz_img3_inner2 .biz_img3_box dl {width:calc(100% - 7.0rem); padding-left:3.0rem; }
.biz_img3_wrap .biz_img3_inner2 .biz_img3_box dl dt {font-size:2.4rem; font-weight:600; }
.biz_img3_wrap .biz_img3_inner2 .biz_img3_box dl dd {color:#666; margin-top:0.5rem; font-size:1.8rem; }
.biz_img3_wrap .biz_img3_inner2 .biz_img3_box:last-child {margin-bottom:0rem; }

@media screen and (max-width: 1400px){
.biz_top .biz_top_txt1 {font-size:3.0rem;}
.biz_wrap .biz_left {width:100%;}
.biz_wrap .biz_right {width:100%; margin-top:5.0rem; }

.biz_img3_wrap .biz_img3_inner1 {width:100%;}
.biz_img3_wrap .biz_img3_inner2 {width:100%; margin-top:8.0rem; padding-left:0;}
}

@media screen and (max-width: 1024px){
.biz_wrap .biz_conts .biz_img2_wrap .biz_img2_01 {width:100%; }
.biz_wrap .biz_conts .biz_img2_wrap .biz_img2_02 {width:100%;}
.biz_wrap .biz_conts .biz_img2_wrap .biz_img2_02 img {max-width:55%;}
}

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

.biz_box1 {width:100%;}

}





.biz_tech_wrap {width:100%;  margin-top:5.0rem;}
.biz_tech_wrap ul {display:flex;}
.biz_tech_wrap ul li {width:37%; background:#f8f8f8; text-align:center; padding:3.5rem; border-radius:15.0rem; margin-left:-4.5%; border:1px solid #000;  }
.biz_tech_wrap ul li > .tech_txt1 {margin-top:1.5rem; font-size:2.4rem; font-weight:500; }
.biz_tech_wrap ul li:first-child { margin-left:0;}


.biz_tech_wrap2 {width:100%;  margin-top:12.0rem;}
.biz_tech_wrap2_title {text-align:center; }
.biz_tech_wrap2_title > .tech_txt2 {font-size:2.8rem; }
.biz_tech_wrap2_title > .tech_txt3 {font-size:4.6rem; font-weight:700; }

.biz_tech_wrap2_conts {position:relative; margin-top:5.0rem;   justify-content: space-between;}
.biz_tech_wrap2_conts:before {content:''; position:absolute; height:4.3rem;  aspect-ratio: calc(665/47) / 1; background: url("../../pages/images/tech_arr.png") no-repeat  center;
										 top:50%; left:50%;  margin-left:1.0rem; transform: translate(-50%, -50%); z-index:0; background-size:contain;}



.biz_tech_wrap2_conts .biz_tech_wrap2_box1 {position:relative; width:30%; text-align:center;   background:#fff;  }
.biz_tech_wrap2_conts .biz_tech_wrap2_box1 .tit {background:#000; font-size:2.4rem; font-weight:600; color:#fff;  padding:2.0rem 2.5rem; border-radius:1.0rem; }
.biz_tech_wrap2_conts .biz_tech_wrap2_box1  ul {gap:10px; margin-top:1.0rem;}
.biz_tech_wrap2_conts .biz_tech_wrap2_box1  ul li {border-radius:1.0rem; border:1px solid #ddd; flex:1 1 40%; padding:1.5rem; font-size:2.0rem; font-weight:500; }



.biz_tech_wrap2_conts .biz_tech_wrap2_box2 {position:relative;  width:30%; background:#efefef; border-radius:1.0rem; display:flex; justify-content: center; align-items: center;}
.biz_tech_wrap2_conts .biz_tech_wrap2_box2 dl {text-align:center; width:80%;}
.biz_tech_wrap2_conts .biz_tech_wrap2_box2 dl dt {font-size:2.6rem; color:#000; font-weight:700; margin-bottom:1.0rem;}
.biz_tech_wrap2_conts .biz_tech_wrap2_box2 dl dd {background:#fff; padding:1.0rem; margin:0.5rem 0; font-size:1.8rem;}

.biz_tech_wrap2_conts .biz_tech_wrap2_box3 {position:relative; width:30%; display:flex;    justify-content: center;}
.biz_tech_wrap2_conts .biz_tech_wrap2_box3 .circle_0 {width:24.8rem; aspect-ratio: 1; border-radius:100%; display:flex; justify-content: center; align-items: center; color:#fff; text-align:center;  line-height:1.2; }
.biz_tech_wrap2_conts .biz_tech_wrap2_box3 .circle_0 span {font-size:2.6rem; display:block; font-weight:600; }
.biz_tech_wrap2_conts .biz_tech_wrap2_box3 .circle_0 strong {font-size:3.8rem; font-weight:800;}
.biz_tech_wrap2_conts .biz_tech_wrap2_box3 .circle_1 {background:#353535;}
.biz_tech_wrap2_conts .biz_tech_wrap2_box3 .circle_2 {background:#000; margin-left:-5.0rem;}

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

.biz_tech_wrap2_conts:before {margin-left:-3.0rem;}
}

@media screen and (max-width: 1400px){
.biz_tech_wrap2_conts {flex-direction: column; gap:8.0rem;}
.biz_tech_wrap2_conts:before {transform: translate(-50%, -50%) rotate(90deg); margin-top:-10.0rem; margin-left:0; }
.biz_tech_wrap2_conts .biz_tech_wrap2_box1,  
.biz_tech_wrap2_conts .biz_tech_wrap2_box2, 
.biz_tech_wrap2_conts .biz_tech_wrap2_box3 {width:75%; margin:auto;}

.biz_tech_wrap2_conts .biz_tech_wrap2_box2 {padding:5.0rem 0  4.0rem 0; }
}



@media screen and (max-width: 1024px){
.biz_tech_wrap ul li > .tech_img img {width:8.5rem;}
.biz_tech_wrap ul li > .tech_txt1 {font-size:2.0rem; line-height:1.2;}

}

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

.biz_tech_wrap2_conts .biz_tech_wrap2_box1,  
.biz_tech_wrap2_conts .biz_tech_wrap2_box2, 
.biz_tech_wrap2_conts .biz_tech_wrap2_box3 {width:100%; margin:auto;}
.biz_tech_wrap2_conts .biz_tech_wrap2_box2 dl {text-align:center; width:90%;}

}


.biz_table_wrap {margin-top:5.0rem; width:100%; }
.biz_table_wrap table td  strong {display:block;}
.biz_table_wrap table th  strong {display:block;}

.biz_table_wrap .bg2 {background:#000; color:#fff; border-bottom:1px solid #fff; }
.biz_table_wrap .table_box {display:flex; gap:4%; position:relative; }
.biz_table_wrap .table_box:before {content:''; position:absolute;transform: translate(-50%, -50%); top:50%; left:50%;  width:2.5rem; aspect-ratio: calc(50/45) / 1; 
									background: url("../../pages/images/table_arr.png") no-repeat center; background-size:contain;}
.biz_table_wrap .table_box div {width:48%;  }
.biz_table_wrap .table_box div:nth-child(2) {display:flex; justify-content: center; align-items: center; }

.table_info {display:flex;}
.table_info1 {width:15%;}
.table_info2 {width:39%;}
.table_info3 {width:23%;}
.table_info4 {width:23%;}

.table_info0 {background:#f8f8f8; border-radius:15px; margin:2.0rem 0.5rem 0 0.5rem;  text-align:center; padding:3.0rem; font-size:1.8rem; color:#666; }


@media( max-width:1024px) {
.table_info {width:1024px;}
.table_info  br {display:none;}

}


.biz_process { margin:3.0rem -3.4rem 0 0;}
.biz_process .biz_process_box {width:calc(25% - 3.4rem); margin-right:3.4rem; margin-bottom:3.0rem}
.biz_process .biz_process_box01 .biz_process_txt {background:#0077a6 !important; }
.biz_process .biz_process_box .biz_process_txt {display:flex; background:#000; padding:1.2rem 2.0rem; border-radius:2.0rem 2.0rem 0 0; color:#fff; align-items: center;} 
.biz_process .biz_process_box .biz_process_txt > span {width:3.5rem; height:3.5rem; border-radius:100%; font-weight:800;  background:#fff; color:#000; display:flex;  justify-content: center; align-items: center; }
.biz_process .biz_process_box .biz_process_txt > strong {font-size:2.0rem;  display:inline-block; margin-left:1.0rem; }
.biz_process .biz_process_box .biz_process_img img {max-width:100%;}

.biz_process .biz_process_box03 {position:relative; }
.biz_process .biz_process_box03:before {content:''; position:absolute; width:6.0rem;  aspect-ratio: calc(60/42) / 1; background: url("../../pages/images/process_arr.png") no-repeat  center;
										left:-4.5rem; top:1.0rem; z-index:1; background-size:contain;}
.biz_process .biz_process_box03:after {content:''; position:absolute; width:6.0rem;  aspect-ratio: calc(60/42) / 1; background: url("../../pages/images/process_arr.png") no-repeat  center;
										left:50%; transform: translate(-50%, 0) rotate(-90deg); top:-4.2rem; z-index:1; background-size:contain; }
.biz_process_box02 {display:none;}

@media screen and (max-width: 1024px){
.biz_process .biz_process_box {width:calc(33.3% - 3.4rem); }
.biz_process .biz_process_box01:after {left:-4.5rem; transform: rotate(225deg); top:-3.2rem; z-index:1; }
.biz_process .biz_process_box01:before {top:1.5rem;}
}


@media screen and (max-width: 768px){
.biz_process { margin:3.0rem -2.5rem 0 0;}
.biz_process .biz_process_box {width:calc(50% - 2.5rem); margin-right:2.5rem; margin-bottom:2.5rem; }
.biz_process .biz_process_box03:after {display:none;}
.biz_process .biz_process_box03:before {display:none;}

.biz_process_box02 {width:100%; display:block; position:relative;}
.biz_process .biz_process_box02:before {display:block !important; content:''; position:absolute; width:5.5rem;  aspect-ratio: calc(60/42) / 1; background: url("../../pages/images/process_arr.png") no-repeat center;
										right:-4.5rem; left:auto; top:1.0rem; z-index:1;  background-size:contain;}

.biz_process .biz_process_box03:before {display:block !important; content:''; position:absolute; width:5.5rem;  aspect-ratio: calc(60/42) / 1; background: url("../../pages/images/process_arr.png") no-repeat center;
										right:-3.8rem; left:auto;  transform: rotate(-225deg); top:-2.8rem; z-index:1;  background-size:contain;}
}

/*설비현황*/
.facilities_wrap {justify-content: space-between;}
.facilities_wrap > div {width:33%;  }

.facilities_table {padding-left:10.0rem;}


@media screen and (max-width: 1024px){
	.facilities_table {padding-left:0rem;}

}

@media screen and (max-width: 768px){
.facilities_wrap > div {width:100%; margin-bottom:2.5rem;   }

}


/*주요생산제품*/

.product_wrap {margin:0 -3.0rem 0 0 ;}
.product_box {width:calc(50% - 3.0rem); margin-right:3.0rem; margin-bottom:3.0rem;}
.product_box .produdct_img {background:#f8f8f8; text-align:center; overflow:hidden;}
.product_box .produdct_img img {width:85%; padding:3.0rem 0; transform:scale(1); transition: all 0.6s;}
.product_box .produdct_txt {text-align:center; font-size:2.2rem; font-weight:700; background:#000; color:#fff;  padding:1.0rem;}
.product_box .produdct_txt span {font-weight:400; font-size:1.8rem; display:inline-block; margin-left:0.5rem;}

.product_box .produdct_img:hover img {transform:scale(1.1); transition: all 0.4s;}

@media screen and (max-width: 1024px){
.product_box .produdct_txt span {display:block; margin-left:0rem;}

}


/*오시는길*/
.loc_txt { border-top:1px solid #222; padding:5.0rem 3.0rem; border-bottom:1px solid #ddd;}
.loc_txt .loc_left {width:30%; }
.loc_txt .loc_left img {max-width:100%;}
.loc_txt .loc_right {margin:1.0rem 0 0 5%; width:55%; }
.loc_txt .loc_right dt {font-size:3.0rem; font-weight:600; margin-bottom:2.0rem; color:#000}
.loc_txt .loc_right dd {font-size:1.8rem; color:#666; }
.loc_txt .loc_right dd ul li { margin-right:3.0rem; margin-bottom:0.5rem;}
.loc_txt .loc_right dd ul li span {color:#202020; margin-right:15px;}

.loc_map {width:100%; margin-top:3.0rem; padding:2.0rem 0; }
.loc_map .map_height {height:40.0rem; width:100%;}
.loc_map .root_daum_roughmap .wrap_map {height: 100% !important; z-index:0;}
.loc_map iframe {width:100%; height:40.0rem; }



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

.loc_txt.loc_txt .loc_left  {width:100%; }
.loc_txt .loc_right {margin-top:3.0rem;  width:100%; }

.loc_txt {padding:3.0rem 0;}
.loc_txt .loc_right dd ul li {width:100%;}

.loc_map .map_height {height:320px}
}



/*ESG*/
.ethics_report {margin-left:10.0rem; font-size:2.0rem; line-height:1.6;}

.ethics_report ul.ethics_type {padding:4.5rem 5.0rem; }
.ethics_report ul.ethics_type  li {width:33.3%; position:relative; padding-left:1.5rem; font-size:1.8rem; margin:0.5rem 0; }
.ethics_report ul.ethics_type  li:before {content:'·'; position:absolute; left:0; top:0px; }

.ethics_report ul.ethics_type2 {padding:4.5rem 5.0rem; }
.ethics_report ul.ethics_type2  li {width:100%; position:relative; padding-left:1.5rem; font-size:1.8rem; margin:0.5rem 0; }
.ethics_report ul.ethics_type2  li:before {content:'·'; position:absolute; left:0; top:0px; }

.sinmungo_process {display:flex;  justify-content: space-between; padding:0 10.0rem; }
.sinmungo_process .sinmungo_arr {background: url("../../pages/images/sinmungo_arr.png") no-repeat center center; background-size:contain; width:2.7rem; height:2.7rem;  margin-top:5.0rem;}
.sinmungo_process .sinmungo_box .sinmungo_img {text-align:center; }
.sinmungo_process .sinmungo_box .sinmungo_txt {text-align:center; margin-top:2.0rem; font-weight:600;}
.sinmungo_process .sinmungo_box .sinmungo_txt span {display:block;  font-size:1.8rem; color:#000; }
.sinmungo_process .sinmungo_box .sinmungo_txt p {font-size:2.2rem; color:#000; line-height:1.4;}


.ethics_report_btn { text-align:center; margin-top:8.0rem;  }
.ethics_report_btn a {padding:1.3rem 6.0rem;  background:#000; color:#fff;  display:inline-block; font-size:2.2rem; font-weight:600; border-radius:5px;}


.grey_innerbox {padding: 6.0rem 10.0rem;}
.grey_innerbox strong {color:#000}

.ethical_inner {margin-bottom:4.0rem;}
.ethical_inner:last-child {margin-bottom:0;}
.ethical_inner dt {font-weight:600; color:#000;width:6.0rem;}
.ethical_inner dd { width:calc(100% - 6.0rem); }


.u-list-number {
	list-style-type:decimal;
}

.ethics_report_ul li {margin-bottom:1.0em;}

@media screen and (max-width: 1600px){
.sinmungo_process {padding:0 3.0rem;}
}


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

.ethics_report {margin-left:0rem;}
.sinmungo_process {padding:0 2.0rem;}
.sinmungo_process .sinmungo_arr {margin-top:8.0rem;}

.grey_innerbox {padding:5.0rem;}

}


@media screen and (max-width: 768px){
.sinmungo_process .sinmungo_arr {display:none;}
.sinmungo_process {flex-wrap:wrap;}
.sinmungo_process .sinmungo_box {width:23%;}

}

@media screen and (max-width: 500px){
.sinmungo_process .sinmungo_box {width:48%; margin-bottom:2.5rem;}
.sinmungo_process .sinmungo_box .sinmungo_img {max-width:70%; margin:auto;}

}