@charset "utf-8";

.sub_contents {width:100%;  line-height:1.55; color:#666;  font-size:1.8rem; margin-top:0rem }
.sub_contents2 {width:100%;  line-height:1.55;  font-size:1.8rem;  }

.wid_1600 {width:100%; position:relative; max-width:1600px; margin:auto}
.wid_1400 {width:100%; position:relative; max-width:1400px; margin:auto}
.wps_100 {width:100%;}
.point {color:#2b469b !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;}

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

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

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



@media( max-width:600px) {

.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_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: 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; 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; text-align:center; }
.table tbody td {text-align:center;}
.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 { border-top: 3px solid #2a303a; background:#f8f8f8;  }
.table2 thead th{ border-bottom: 1px solid #2a303a;   border-left: 1px solid #2a303a; color: #000; 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){

}


/*공통*/


/*회사소개*/
.company1 { justify-content: space-between; gap:5.0rem;}
.company1 .company_img {width:45.0rem;}
.company1 .company_txt {width:calc(100% - 50.0rem);  padding:4.0rem 0;}
.company1 .company_txt table {border-top:2px solid #222;}

.company1 .company_txt .table {width:100%;    position:relative; font-size: 1.8rem; background:transparent; line-height:1.65; }
.company1 .company_txt .table tbody th { width:35rem; font-size:1.8rem; border-bottom: 1px solid #ddd; padding: 2.5rem 3.0rem; color: #000;  vertical-align: middle;
										font-weight: 500; text-align:left;}
.company1 .company_txt .table tbody th img {margin-right:3.0rem; }
.company1 .company_txt .table tbody td {border-bottom: 1px solid #ddd; border-left: 0px solid #ddd; padding: 12px; color: #666;  vertical-align: middle; text-align:left; }

.country_box {padding: 3.5rem 4.5rem 3.0rem 5.0rem; width:49%; background:#f8f8f8; }
.country_box h4 {font-size:2.4rem; font-weight:600; margin-bottom:2.0rem; display:flex; align-items: center; gap:2.0rem;  color:#000; }
.country_box ul {font-size:1.7rem; opacity:0.8;}
.country_box ul li {margin-bottom:0.5rem; position:relative; padding-left:2.0rem; font-weight:400;  }
.country_box ul li:before {content:''; position:absolute; width:3px; height:3px; background:#666; left:0; top:0.7em;}
.country_box ul li span {width:10.0rem; display:inline-block; }
.country_box ul li strong {width:calc(100% - 10.0rem); font-weight:400; line-height:1.4;}

.company2 {justify-content: space-between; gap:2%; margin-top:3.0rem;}
.company2 .country_box1{background:#2b469b; color:#fff;  padding: 4.5rem 4.5rem 3.5rem 5.0rem;}
.company2 .country_box1 ul li:before {background:#fff;}
.company2 .country_box1 h4 {color:#fff; }

.company3 {}
.company3 .company_img3 {width:48.0rem;}
.company3 .company_txt3 {width:calc(100% - 48.0rem); }
.company3 .company_txt3 .country_box {width:100%;}



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

.country_box {width:100%; max-width:700px; margin:0 auto 2.5rem;}

.company3 .company_img3 {width:100%; text-align:center; }
.company3 .company_txt3 {width:100%; margin-top:0rem; }


.company1 .company_img {text-align:center;  width:100%;}
.company1 .company_txt {width:100%;  padding:0 0 4.0rem 0;}
}




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

.company2 .country_box1 {padding: 3.0rem;}
.country_box  {padding: 3.0rem;}
.company1 .company_txt img {width:30px;}
.company1 .company_txt .table  {font-size:1.7rem;}
.company1 .company_txt .table tbody th {padding: 2.5rem 3.0rem; }
.company1 .company_txt .table tbody th img {margin-right:1.5rem;  }



}


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

.company1 .company_txt .table tbody tr {display:flex; flex-wrap:wrap;}
.company1 .company_txt .table tbody th {padding: 2.0rem 1.5rem 0 1.5rem; border-bottom:0px;}
.company1 .company_txt .table tbody th img {margin-right:1.5rem;  }
.company1 .company_txt .table tbody th { width:100%; }
.company1 .company_txt .table tbody td {width:100%; padding:0 2.0rem 2.0rem 6.5rem;}

}





/*ceo 인사말*/
.message_wrap {}
.message_wrap .message_img {width:100%;}
.message_wrap .message_txt {width:100%; padding:5.0rem 5.0rem 3.0rem 5.0rem;   }

.message_wrap .message_txt .txt1 {font-size:2.8rem; font-weight:600; color:#000; margin-bottom:2.0rem;}
.message_wrap .message_txt p {margin-bottom:2.0rem; font-size:2.0rem;}
.message_wrap .message_txt .ceo_name { font-size:2.0rem; color:#000;  display:flex;  align-items: center; margin-top:5.0rem;  }
.message_wrap .message_txt .ceo_name strong {display:inline-block; font-size:2.2rem; margin-left:1.0rem;}

.message_wrap .message_txt .ceo_name .sign {display:inline-block; margin-left:0.5rem; font-size:3.2rem; font-weight:600;}

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

.message_wrap .message_img {width:100%;}
.message_wrap .message_txt {width:100%; padding:3.0rem 0; margin-left:0%;  }


}


@media screen and (max-width: 768px){
.message_wrap .message_txt .ceo_name {flex-wrap:wrap;}
.message_wrap .message_txt .ceo_name .sign {display:block; margin-left:0rem; width:100%;}

}

/*비전과철학*/

.vision_top {background: url("../../pages/images/vision_bg.jpg") no-repeat center/cover; text-align:center; padding:15.0rem 5.0rem; color:#fff}
.vision_top strong {font-size:4.0rem;}
.vision_top p {font-size:2.5rem; margin-top:1.0rem;}


.vision_conts {justify-content: center; margin-top:12.0rem; position:relative;}

.vision_conts dl { width:63.0rem; border-radius:25.0rem; text-align:center; padding:12.0rem 8.0rem; color:#fff; }
.vision_conts dl dt {font-size:2.8rem; font-weight:800; text-transform:uppercase;}
.vision_conts dl dd {font-size:2.2rem; line-height:1.4; margin-top:3.0rem; font-weight:500;}
.vision_conts .box1 {background:rgba(43,70,155,0.7); padding-right:20.0rem;}
.vision_conts .box2 {background:rgba(43,155,154,0.7); margin-left:-20.0rem; padding-left:20.0rem;}

.vision_conts .vision_logo {position:absolute; left:50%; top:50%;  transform: translate(-50%, -50%); color:#fff; text-align:center; font-weight:900; 
							font-size:2.4rem; line-height:1.2; }

@media screen and (max-width: 1200px){
.vision_conts .box1 {background:rgba(43,70,155,0.7); padding:5.0rem 8.0rem 12.0rem 8.0rem;}
.vision_conts .box2 {background:rgba(43,155,154,0.7); margin-left:0rem; padding:12.0rem 8.0rem 5.0rem 8.0rem; margin-top:-10.0rem;}

}


@media screen and (max-width: 768px){
.vision_top strong {font-size:3.0rem;}
.vision_top p {font-size:2.0rem; margin-top:1.0rem;  }

.vision_conts {margin-top:8.0rem;}
.vision_conts dl {padding:10rem 5.0rem;}
.vision_conts dl dd {font-size:2.2rem;}

}



/*연혁*/

.history_top {background: url("../../pages/images/histroy_top.jpg") no-repeat center/cover; text-align:center; padding:10.0rem 5.0rem; color:#fff}
.history_top strong {font-size:4.0rem;}
.history_top p {font-size:2.5rem; margin-top:1.0rem;}

.history_wrap {width:100%; position:relative;}
.history_wrap:before {content:"";position: absolute;top:-10.0rem;left:50%;width:1px;height: calc(100% + 150px);background:#ddd;}

.history_list {width:100%; position:relative; display:flex; flex-wrap: wrap; margin-top:10.0rem;}
.history_list .his_img {width:50%; text-align:right; padding-right:60px;  }
.history_list .his_img img {border:1px solid #ddd;}
.history_list .his_txt {position:relative; width:50%; padding-left:60px;}
.history_list .his_txt .his_year {font-size:3.2rem; font-weight:600; margin-bottom:0rem; color:#000;}
.history_list .his_txt:before {content:"";position: absolute;top: 10px;left: -9px;width:18px;height:18px;border:5px solid #ddd;border-radius:50%;background:#2b469b;}
.history_list .his_txt .his_txt2 {font-size:1.8rem; color:#666;}
.history_list .his_txt .his_txt2 strong {color:#000; display:inline-block; width:3.0rem; margin-right:10px;}
.history_list .his_txt .his_img2 {margin-top:2.0rem;}
.history_list .his_txt .his_img2 img {border:1px solid #ddd; }
.history_list .his_txt .his_img3 {margin-top:2.0rem;}
.history_list .his_txt .his_img3 img {max-width:50%;}

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

.history_list:nth-child(even) .his_txt:before {left: auto; right: -9px;}
.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:-5.0rem;left: 30px;width:1px;height: calc(100% + 10.0rem;);background:#ddd;}

.history_list {margin-top:5.0rem;}
.history_list .his_img {order:2;width:100%; text-align:left; padding-left:60px; margin-bottom:0px; margin-top:2.0rem; padding-right:60px;}
.history_list .his_img img {max-width:80%;}
.history_list .his_txt {width:100%;}

.history_list:nth-child(even) .his_img {order:2; text-align: left; padding-right:60px;padding-left:60px; margin-top:2.0rem;}
.history_list:nth-child(even) .his_txt {order:1; text-align: left; padding-left:60px;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 {content:"";position: absolute;top: 10px;left: 0px;width:18px;height:18px;border:5px solid #ddd;border-radius:50%;background:#2b469b;}
.history_list:nth-child(even) .his_txt:before {left: 0px; right: auto;}

}


@media screen and (max-width: 768px){
.history_list .his_img img {max-width:100%;}

}


/*글로벌네트워크*/
.global_txt {font-size:2.4rem; text-align:center;  color:#666; margin-top:-3.0rem;}

.map_wrap {text-align:center; background:#f8f8f8; padding:8.0rem 3.0rem;  margin-top:8.0rem; overflow:hidden; }


.location_local {}
.map_wrap {position:relative; width:100%; height:87.5rem; }
.map_wrap .map_box {position: absolute; top: 50%; left:50%; transform: translate(-50%, -50%) scale(1);  }

.global_map {max-width:127.0rem;}

.map_wrap .marker_txt {font-size:13px;  color:#fff; background:#000; margin-top:3.0rem; padding:0.5rem 0; border-radius:2.0rem; font-weight:600; text-align:center; }
.map_wrap .marker_txt1 {font-size:13px;  color:#fff; background:#2b469b; margin-top:3.0rem; padding:0.5rem 0; border-radius:2.0rem; font-weight:600; text-align:center; }

.local_marker01 {left:42.0rem; top:27.5rem; width:18.0rem; height:5.0rem;} /*본사*/
.local_marker02 {left:31.2rem; top:22.5rem; width:15.0rem; height:5.0rem;}/*중국*/
.local_marker03 {left:34.8rem; top:38.6rem; width:14.0rem; height:5.0rem;}/*베트남*/
.local_marker04 {left:34.2rem; top:44.5rem; width:17.0rem; height:5.0rem;}/*인도네시아*/
.local_marker05 {left:86.0rem; top:24.5rem; width:12.0rem; height:5.0rem;}/*미국*/

.local_marker06 {left:27.0rem; top:33.5rem; width:13.0rem; height:5.0rem;}/*인도*/
.local_marker07 {left:45.0rem; top:34rem; width:12.0rem; height:5.0rem;}/*대만*/


.map_wrap2 {position:relative; width:100%; height:85.5rem; overflow:hidden;}
.map_wrap2 .map_box { position: absolute; top: 50%; left:50%; transform: translate(-50%, -50%) scale(1); }
.map_wrap2 .map_box .map_global { max-width:159.3rem; margin-left:20%;  }


.map_marker {position:absolute;  /*width:10.0rem; height:5.0rem;*/}

.map_dot {position: absolute;width: 20px;height: 20px;border-radius: 50%;background: #92a9c4;cursor: pointer; left:50%; transform: translate(-50%, 0); }
.map_dot::after { content: ''; display: block; position: absolute; width: 8px; height: 8px; border-radius: 50%; background: #002f85; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.map_dot::before { content: ''; display: block; position: absolute; width: 100%; height: 100%; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%); border: 1px solid #00418f; 
					animation: map_btn 1.5s infinite; }
@keyframes map_btn {
  0% { opacity: 1; }
  100% { opacity: 0; width: 250%; height: 250%; }
}


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

.map_wrap .map_box {transform: translate(-50%, -50%) scale(0.95); margin-left:2%;}
}


@media screen and (max-width: 1024px){
.global_map {}
.global_txt {font-size:2.0rem;}

.map_wrap {height:80.5rem; }
.map_wrap .map_box {transform: translate(-50%, -50%) scale(0.75); margin-left:5%; }
}


@media screen and (max-width: 768px){
.map_wrap .map_box {transform: translate(-50%, -50%) scale(0.65); margin-left:2%;}
}



/*사업역량*/
.business_top {padding:7.0rem 5.0rem 2.0rem 5.0rem; background:#efefef; position:relative;}
.business_top .business_img {text-align:right;}
.business_top .business_txt {font-family:'Poppins'; position:absolute; top:9.0rem; left:18.0rem; font-size:2.4rem;  font-weight:700; color:#fff; 
							line-height:1.3; background:#2b469b; padding:3.5rem 4.0rem; border-radius:2.0rem; }
.business_top .business_txt .txt1 {font-weight:600;}
.business_top .business_txt .txt1 strong {color:#fff; font-size:4.0rem; font-weight:600;}
.business_top .business_txt .txt2 {color:#f8f8f8; margin-top:0.5rem; font-size:2.0rem; font-weight:500; }


.business_conts {justify-content: space-between; margin-top:10.0rem;}
.business_cont_box {width:32%;}
.business_cont_box .cont_title {background:#2b469b; padding:1.5rem 2.0rem; border-radius:2.0rem; text-align:center; color:#fff; font-size:2.6rem; font-weight:600;}

.business_cont_box .cont_inner {background:#f8f8f8; padding:2.5rem; margin-top:2.0rem; height:100%; max-height:49.5rem;  }
.business_cont_box .cont_inner1 ul {}
.business_cont_box .cont_inner1 ul li {width:33.3%; text-align:center; padding:1.0rem 0; }

.business_cont_box .cont_inner2 ul {}
.business_cont_box .cont_inner2 ul li {width:50%; text-align:center; padding:1.0rem 0; }

.business_cont_box .cont_inner3 {display:flex;   flex-direction: column;  justify-content: center;align-items: center;}
.business_cont_box .cont_inner3 p {text-align:center;  margin-top:2.0rem; font-size:2.2rem; font-weight:500;}

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

.business_top {padding:7.0rem 5.0rem;}
.business_top .business_txt {position:relative; top:auto; left:auto;  font-size:2.2rem; }
.business_top .business_txt .txt1 strong {font-size:3.0rem;}
.business_img {margin-top:5.0rem;}

}

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


.business_cont_box {width:100%; max-width:768px; margin:0 auto 8.0rem; }
.business_cont_box .cont_inner {max-height:100%; height:auto; }
.business_cont_box .cont_inner3 {padding:8.0rem 3.0rem;}



}


@media screen and (max-width: 768px){
.business_top .business_txt {font-size:3.0rem;}
.business_top .business_txt .txt2 strong {font-size:6.0rem;}

}


/*공급망*/
.supply_wrap { justify-content: space-between;}
.supply_box {width:32.5%; margin-bottom:5.0rem;}

.supply_box dl {margin-top:2.0rem; text-align:center; }
.supply_box dl dt {color:#000; font-size:2.2rem; font-weight:600; line-height:1.4;}
.supply_box dl dd {font-size:2.0rem;}



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

.supply_box {width:49%;}
}


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

.supply_box {width:100%;}
}



/*개발*/
.biz_wrap .biz_box:nth-child(2n) { flex-direction: row-reverse; }
.biz_wrap .biz_box {margin-bottom:4.0rem; gap:2%;}
.biz_wrap .biz_box .biz_img {width:50%; }
.biz_wrap .biz_box .biz_txt {width:48%; display:flex;  align-items: center;  padding-left:14.0rem; background:#f8f8f8; }
.biz_wrap .biz_txt_inner {display:flex;  align-items: center;}
.biz_wrap .biz_txt_inner .num {font-family:'Poppins'; width:5.6rem; height:5.6rem; font-size:2.4rem; font-weight:800; background:#2b469b;
					border-radius:2.0rem 0 2.0rem 0; color:#fff; display:flex; justify-content: center;  align-items: center;}

.biz_txt_inner dl {margin-left:3.0rem; line-height:1.4;}
.biz_txt_inner dl dt {font-size:2.8rem; font-weight:600; color:#000;}
.biz_txt_inner dl dd {font-size:2.2rem; }



@media screen and (max-width: 1200px){
.biz_wrap .biz_box .biz_txt { padding-left:10.0rem;}
.biz_txt_inner .num {width:4.8rem; height:4.8rem; font-size:2.0rem;  border-radius:1.5rem 0 1.5rem 0;}
.biz_txt_inner dl dt {font-size:2.4rem; }
.biz_txt_inner dl dd {font-size:2.0rem; }

}

@media screen and (max-width: 768px){
.biz_wrap .biz_box .biz_img {width:100%;}
.biz_wrap .biz_box .biz_txt {width:100%; padding:3.0rem 0 0 5.0rem; background:#fff; }
}


/*품질관리*/
.quality_wrap {}
.quality_wrap .biz_box {margin-bottom:4.0rem; gap:2%;}
.quality_wrap .biz_box .biz_img {width:50%; }
.quality_wrap .biz_box .biz_txt {width:48%; display:flex;  align-items: center;  padding-left:8.0rem; background:#f8f8f8; }
.quality_wrap .biz_txt_inner {display:flex;  align-items: center;}
.quality_wrap .biz_txt_inner .num {font-family:'Poppins'; width:5.6rem; height:5.6rem; font-size:2.4rem; font-weight:800; background:#2b469b;
					border-radius:2.0rem 0 2.0rem 0; color:#fff; display:flex; justify-content: center;  align-items: center;}



.quality_ico_wrap {margin:8.0rem -2.5rem 0 0;}
.quality_ico {background:#f8f8f8; border-radius:3.0rem; width:calc(25% - 2.5rem); margin-right:2.5rem; margin-bottom:2.5rem;  text-align:center; padding:3.5rem 2.0rem; }
.quality_ico .ico_circle {width:13.6rem; margin:auto; aspect-ratio:1; background:#fff; border-radius:100%; border:1px dotted #d7d7d7; display:flex;  justify-content: center; align-items: center;}
.quality_ico .quality_ko {font-size:2.0rem; color:#2e2e2e; margin-top:2.0rem; line-height:1.4; font-weight:600; display:none;}
.quality_ico .quality_eng {font-size:1.8rem; color:#2e2e2e; margin-top:2.0rem; line-height:1.4; font-weight:600;}
/*.quality_ico .quality_eng {font-size:1.8rem; color:#666;  line-height:1.2; margin-top:0.5rem;}*/

@media screen and (max-width: 1200px){
.quality_wrap .biz_box .biz_txt { padding-left:5.0rem;}
.quality_ico {background:#f8f8f8; border-radius:3.0rem; width:calc(50% - 2.5rem);}

}

@media screen and (max-width: 768px){
.quality_wrap .biz_box .biz_img {width:100%;}
.quality_wrap .biz_box .biz_txt {width:100%; padding:3.0rem 0 0 2.0rem; background:#fff; }
.quality_ico {border-radius:1.5rem}
.quality_ico .ico_circle {width:12.0rem;}
.quality_ico .ico_circle img {width:7.0rem;}
}




/*자재유형*/
.material_wrap {justify-content: space-between;}
.material_box {width:49%; margin-bottom:5.0rem;}
.material_box .material_img {}
.material_box .material_txt  {display:flex;  align-items: center; margin-top:2.0rem; margin-left:2.0rem;}
.material_box .material_txt .num {font-family:'Poppins'; width:4.5rem; height:4.5rem; font-size:2.0rem; font-weight:800; background:#2b469b;
					border-radius:1.5rem 0 1.5rem 0; color:#fff; display:flex; justify-content: center;  align-items: center;}
.material_txt dl {margin-left:3.0rem; line-height:1.4;}
.material_txt dl dt {font-size:2.4rem; font-weight:600; color:#000;}
.material_txt dl dd {font-size:2.0rem; }



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

.material_box {width:100%;}
.material_box .material_txt .num {border-radius:10px 0 10px 0;}
}



/*추가기능*/
.add_wrap .add_box:nth-child(2n) { flex-direction: row-reverse; }
.add_wrap .add_box {margin-bottom:4.0rem; gap:2%;}
.add_wrap .add_box .add_img {width:50%; }
.add_wrap .add_box .add_txt {width:48%; display:flex;  align-items: center;  padding-left:6.0rem; background:#f8f8f8; }
.add_wrap .add_txt_inner {display:flex;  align-items: center;}
.add_wrap .add_txt_inner .num {font-family:'Poppins'; width:5.6rem; height:5.6rem; font-size:2.4rem; font-weight:800; background:#2b469b;
					border-radius:2.0rem 0 2.0rem 0; color:#fff; display:flex; justify-content: center;  align-items: center;}

.add_txt_inner dl {margin-left:3.0rem; line-height:1.4;}
.add_txt_inner dl dt {font-size:2.4rem; font-weight:600; color:#000;}
.add_txt_inner dl dt span.add_eng {font-size:2.2rem; color:#666;}
.add_txt_inner dl dd {font-size:2.2rem; }



@media screen and (max-width: 1200px){
.add_wrap .add_box .add_txt { padding-left:2.0rem;}
.add_txt_inner .num {width:4.8rem; height:4.8rem; font-size:2.0rem;  border-radius:1.5rem 0 1.5rem 0;}
.add_txt_inner dl dt {font-size:2.4rem; }
.add_txt_inner dl dd {font-size:2.0rem; }

}

@media screen and (max-width: 1024px){
.add_wrap .add_box .add_img {width:100%;}
.add_wrap .add_box .add_txt {width:100%; padding:3.0rem 0 0 2.0rem; background:#fff; }
.add_wrap .add_txt_inner {display:flex;  align-items: flex-start;}
.add_wrap .add_txt_inner .num {width:4.9rem;}
.add_txt_inner dl {width:calc(100% - 5.5rem);}
.add_txt_inner dl dt span {display:block;}
.add_txt_inner dl dd br {display:none;}
}



/*Buy-Hold-Sell Exclusive Agent*/
.agent_wrap {padding:8.0rem 0;  }
.agent_title {font-size:3.2rem; color:#2b469b; font-weight:700; }
.agent_img {background:#fff; margin-top:3.0rem; border-radius:3.0rem; text-align:center; padding:3.0rem;}






/*Business Strategy & Innovation*/

.strategy_wrap {padding:12.0rem 0;}
.strategy_title {font-size:3.2rem; font-weight:600; color:#000;}
.strategy_conts {margin-top:5.0rem;}


.table_vertical {writing-mode:vertical-lr; text-orientration:upright;}

.strategy_table span {display:block; }
.strategy_table span img {border:1px solid #ddd;  }

.Software_wrap {display:flex;}
.Software_circle {width:36.6rem;  aspect-ratio:1; background:#fff; border-radius:100%; border:5px solid #bebebe; padding:0 5.0rem;
					display:flex;  flex-direction: column; justify-content: center; align-items: center; text-align:center; margin-left:-3.0rem;}

.Software_circle:first-child {margin-left:0rem;}
.Software_circle dl {text-align:center; margin-top:2.0rem;}
.Software_circle dl dt {font-size:2.6rem; font-weight:600; line-height:1.3;}
.Software_circle dl dd {font-size:1.7rem; color:#666; line-height:1.4; margin-top:1.0rem;}

.Software_wrap .circle01 dt {color:#46a7e5;}
.Software_wrap .circle02 dt {color:#2b74a2;}
.Software_wrap .circle04 dt {color:#0f1837;}

.Software_period {display:flex; text-align:center; margin-top:5.0rem; color:#fff; font-size:2.6rem; font-weight:600;}
.Software_period01 {width:calc(25% + 8.0rem); padding:1.5rem; background:#46a7e5; border-radius:5.0rem;}
.Software_period02 {width:calc(50% + 8.0rem); margin-left:-6.0rem;  padding:1.5rem; background:#2b74a2; border-radius:5.0rem;}
.Software_period03 {width:calc(25% + 8.0rem); margin-left:-6.0rem;  padding:1.5rem; background:#0f1837; border-radius:5.0rem;}


.future_wrap {display:flex;  justify-content: center; align-items: center; gap:13.5rem; }
.future_box01 {width:40.4rem; aspect-ratio:1; background:#0f1837; border:3px solid #0f1837; background:#fff; border-radius:100%;
				display:flex; flex-direction: column; justify-content: center; align-items: center;
				text-align:center; padding:0 5.0rem;}

.future_box01 dl dt {font-size:3.2rem; color:#0f1837;font-weight:700; }
.future_box01 dl dd {margin-top:0.5rem;}
.future_box01 dl dd strong {display:block; font-weight:600; font-size:2.4rem; color:#0f1837}

.future_box02 {z-index:2; position:relative; width:26.0rem; height:26.0rem; aspect-ratio:1; background:#0f1837; border-radius:100%; font-size:3.2rem; font-weight:600; color:#fff;
				display:flex; flex-direction: column; justify-content: center; align-items: center; border:2.5rem solid #9ea1ad; }
.future_box02:after {content:''; z-index:-1; width:calc(100% + 32.0rem); height:3px; background:#0f1837; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);}





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

.strategy_conts2 {display:flex; gap:3.0rem; width:50.0rem; margin:8.0rem auto 0;}
.Software_wrap {display:flex;  flex-direction: column;  margin:auto;}
.Software_circle {margin-left:0; margin-top:-3.0rem;}
.Software_circle:first-child {margin-top:0rem;}

.Software_period { flex-direction: column;  margin-top:0rem; }
.Software_period01 {width:auto; height:calc(25% + 8.0rem); padding:1.5rem; background:#46a7e5; border-radius:5.0rem; display:flex;  align-items: center;}
.Software_period02 {width:auto; height:calc(50% + 8.0rem); margin-left:0rem; margin-top:-6.0rem;  padding:1.5rem; background:#2b74a2; border-radius:5.0rem; display:flex;  align-items: center;}
.Software_period03 {width:auto; height:calc(25% + 8.0rem); margin-left:0rem; margin-top:-6.0rem; padding:1.5rem; background:#0f1837; border-radius:5.0rem; display:flex;  align-items: center;}


.future_wrap { flex-direction: column; gap:7.5rem; }
.future_box02:after {content:''; z-index:-1; height:calc(100% + 20.0rem); width:3px; background:#0f1837; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
}

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

}

@media screen and (max-width: 768px){
.future_box01 {width:34.0rem; height:34.0.0rem;}
.future_box01 img {width:60px;}
.future_box01 dl dt {font-size:2.4rem;}
.future_box02 {font-size:2.6rem;}


}


@media screen and (max-width: 500px){
.strategy_conts2 {gap:0rem;}
.Software_wrap {margin:0 2.0rem 0 1.0rem;}
.Software_circle dl dt {font-size:2.0rem;}
.Software_circle {width:28.6rem; height:28.6rem; }
.Software_circle img {width:60px;}

.Software_period {padding-right:1.0rem; font-size:2.2rem;}

}




/*contact*/
.tab {display:none}
.tab.on{display:block}
.tab-container{width:35%; border-top:1px solid #222;}
.tabs2{padding:4.0rem 5.0rem 4.0rem 2.0rem; cursor:pointer; border-bottom:1px solid #ddd;  }
.tabs2.on {position:relative;  }
.tabs2.on:after {content:''; position:absolute; top:50%; width:1.9rem; height:2.0rem;transform: translate(0, -50%); background: url("../../pages/images/loc_arrow.png") no-repeat center center;
				background-size:contain; right:3.0rem; }
.tab_dl {padding:0rem;}
.tab_dl dt {font-size: 2.4rem; color:#000; font-weight:700;}
.tab_dl dd { margin-top:1.0rem}

.loc_txt {background:#f8f8f8; padding:3.0rem; margin-top:15px;}
.loc_txt ul li {display:flex; margin-bottom:0.3rem;}
.loc_txt ul li span:first-child {color:#222; width:100px;}
.loc_txt ul li span:nth-child(2) {width:calc(100% - 100px);}

.tab_wrap{ width:60%; padding-left:3.5rem;}
.loc_map {width:100%; margin-top:0rem; ;}
.loc_map .map_height {height:40.0rem; width:100%;}
.loc_map .root_daum_roughmap .wrap_map {height: 100% !important;}
.loc_map iframe {width:100%; height:40.0rem;}


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

.tab_dl dt {font-size: 2.0rem;}


}

@media screen and (max-width: 1024px){
.tab-container{width:100%; display:flex; flex-wrap:wrap;}
.tabs2{padding:2.0rem 5.0rem 2.0rem 2.0rem; width:50%;}
.tab_wrap { padding-left:0;width:100%; padding-top:3.5rem;}
.tab_dl dt {font-size: 1.8rem; font-weight:700;}
.tabs2.on:after {height:1.6rem;right:2.0rem; }
.tabs2.on .tab_dl dt{color:#2b469b;}
.loc_map .map_height {height:45.0rem; width:100%;}
.loc_map iframe {width:100%; height:45.0rem;}


}



/*인재상*/
.person_wrap {border-top:2px solid #222;}
.person_box {display:flex; gap:5rem; padding:5.0rem 10.0rem ; border-bottom:1px solid #ddd; }
.person_box .person_img {width:20.0rem;}
.person_box dl {width:calc(100% - 20.0rem); }
.person_box dl dt {color:#2b469b; font-weight:600; font-size:3.2rem; }
.person_box dl dd {font-size:2.0rem; color:#666; margin-top:1.0rem; }



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

.person_box {padding:5.0rem 2.0rem;}

}


@media screen and (max-width:768px){
.person_box .person_img {width:12.0rem;}
.person_box dl {width:calc(100% - 12.0rem); }

.person_box dl dt {font-size:2.6rem;}

}


/*입사지원안내*/
.re_process ul {display:flex;  flex-wrap: wrap; justify-content: space-between;}
.re_process ul li {position:relative;  width:21%; border:1px solid #ddd; border-radius:15px;  display:flex;  flex-direction: column; align-items: center; padding:3.0rem;}
.re_process ul li:after {content:''; position:absolute; width:18px; height:32px; top:50%; right:-40px;  transform: translate(0, -50%); background: url("../../pages/images/recruit_arr.jpg");}
.re_process ul li:last-child:after {display:none;}
.re_process ul li > span {font-size:2.0rem; color:#919191; font-weight:400; margin-bottom:1.0rem;}
.re_process ul li > p {font-size:2.0rem; line-height:1.3; margin-top:1.5rem; color:#000; font-weight:500; text-align:center; }


.re_info {margin-top:8.0rem;}
.re_info dl {display:flex;  flex-wrap: wrap; padding:3.5rem 2.0rem; border-bottom:1px solid #ddd; }
.re_info dl:nth-child(1) {border-top:2px solid #263b8a;}
.re_info dl > dt {font-size:2.4rem; color:#263b8a; font-weight:500; width:40.0rem; padding-left:2.0rem; font-weight:600;}
.re_info dl > dd {font-size:2.0rem; color:#666; width:calc(100% - 40.0rem);}
.re_info ul li {width:100%; position:relative; font-size:1.8rem; color:#2a2a2a; margin-bottom:0.5rem; padding-left:2.0rem; }
.re_info ul li:before {position:absolute; content:" " ; left:0; top:12px; background:#2a2a2a; width:5px; height:1px; }




@media screen and (max-width: 1024px){
.re_process ul li {width:49%; margin-bottom:1.5rem;}
.re_process ul li:after {display:none;}
.re_process ul li > i img {width:70px;}
}



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

.re_info dl { flex-direction: column;  padding:3.0rem 2.0rem; }
.re_info dl > dt {padding-left:0;}
.re_info dl > dd {width:100%; margin-top:10px; padding-left:0px;}

}




/*베송조회*/
.tracker {}
.tracker .tracker_form {}
.tracker .tracker_form form {width: 100%;display: flex;justify-content: center;}
.tracker .tracker_form .tracking_txt {font-size: 2.0rem;font-weight: 500;padding-right: 2rem; padding-top:1.0rem;}
.tracker .tracker_form .tracking_input {width: 100%;max-width: 45.0rem;height: 42px;border: 1px solid #ddd;padding: 7px;}
.tracker .tracker_form .tracking_btn {height: 42px;width: 150px;border: 0;font-size: 1.7rem;background: #222;color: #fff;display: flex;justify-content: center;align-items: center;}
.tracker .tracker_detail {}
.tracker .tracker_detail .tracker_box {display: flex;flex-wrap: wrap;margin-top: 8rem;background: #f8f8f8;padding: 5rem;}
.tracker .tracker_detail .tracker_box .t_tit {width: 20%;border-bottom: solid 1px #ccc;text-align: center;font-weight: 700;padding: 1rem;}
.tracker .tracker_detail .tracker_box .t_txt {width: 80%;border-bottom: solid 1px #ccc;padding: 1rem;}
.tracker .tracker_detail .tracker_tb {margin-top: 5rem;border-top: solid 2px #000;margin-bottom: 8rem;}
.tracker .tracker_detail .tracker_tb tr {}
.tracker .tracker_detail .tracker_tb th {padding: 1rem;background: #000;color: #fff;}
.tracker .tracker_detail .tracker_tb td {padding: 1rem;text-align: center;border-bottom: solid 1px #ddd;}
.tracker .tracker_detail .tracker_tb .t_none td {padding: 3rem 1rem;}

.tracking_wrap {padding:8.0rem 0;   background:#f8f8f8; }
.tracking_box {padding:3.0rem 5.0rem;   justify-content: center; width:100%;  }
.tracking_box .tracking_logo {width:20.0rem;  justify-content: center; align-items: center; display:flex; }
.tracking_box .tracking_num {width:calc(100% - 60.0rem); }
.tracking_box .tracking_num form {display:flex; }
.tracking_box .tracking_num p {font-size:18px; margin-bottom:0.7rem; }
.tracking_box .tracking_num input {width:100%; max-width:45.0rem; height:42px;  border:1px solid #ddd; padding:7px; }
.tracking_box .tracking_num button {height:42px; width:150px; border:0; font-size:1.7rem;  background:#222;color:#fff; }


@media screen and (max-width: 1400px){
.tracking_box .tracking_num {width:calc(100% - 40.0rem);  }
.tracking_box .tracking_num input {width:calc(100% - 16.0rem);}
}



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

.tracking_box {padding:3.0rem 1.0rem; gap:25px;  }
.tracking_box .tracking_logo {width:12.0rem;}
.tracking_box .tracking_num input  {max-width:35.0rem;}
.tracking_box .tracking_num button {width:120px;}

.tracking_box .tracking_num {width:calc(100% - 30.0rem);
}



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

.tracker .tracker_form .tracking_input {width:50%;}
.tracker .tracker_form .tracking_btn {width:100px;}
.tracking_wrap {padding:3.0rem 0; }
.tracking_box { gap:0px; padding:2.0rem  1.0rem;}
.tracking_box .tracking_num p {font-size:15px;}
.tracking_box .tracking_logo {width:100%; display:block;}
.tracking_box .tracking_num {width:100%;}
.tracking_box .tracking_num input {width:calc(100% - 12.0rem);}
.tracking_box .tracking_num button {width:120px;}

}


/* input 기본 스타일 초기화 */
input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

/* IE10 이상에서 input box 에 추가된 지우기 버튼 제거 */
input::-ms-clear { display: none; }

/* input type number 에서 화살표 제거 */
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}