@charset "utf-8";

.sub_contents {width:100%;  line-height:1.65;  font-size:1.7rem; color:#666;}
.sub_content2  {width:100%;  line-height:1.65;  font-size:1.7rem; color:#666; overflow:hidden;}


.wid_1200 {width:100%; position:relative; max-width:1250px; margin:auto}
.wid_1400 {width:100%; position:relative; max-width:1400px; margin:auto}
.wid_1600 {width:100%; position:relative; max-width:1600px; margin:auto}
.wps_100 {width:100%;}
.point {color:#dc2800 !important;}
.point2{color:#80c41c !important;}
.grey_bg {background:#f7f7f7;}
.txt_l {text-align:left !important;}
.txt_c {text-align:center !important;}
.txt_r {text-align:right !important;}
.txt_b {font-weight:500}


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

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

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

@media( max-width:1250px) {
	.side_pd {padding-left:15px !important; padding-right:15px !important;}

}

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

	.div_scroll2 table {width:1000px; font-size:14px;}

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



@media( max-width:960px) {
	.div_scroll table {width:950px; font-size:13px;}



}


sup, sub {font-size:1.2rem;}

.mg_t0 {margin-top:0rem!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_t60{margin-top:6.0rem!important;}
.mg_t70{margin-top:7.0rem!important;}
.mg_t80{margin-top:8.0rem!important;}
.mg_t90{margin-top:9.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_t50 {padding-top:5.0rem!important;}
.pd_b100 {padding-bottom:10.0rem!important;}
.txt_c {text-align:center;}
.font_anton {font-family: 'Anton';}






/*테이블*/
.table {width:100%;  text-align:center;   position:relative; font-size: 16px; background:transparent; line-height: 1.45;}
.table thead {border-top: 2px solid #2a303a; background:#f8f8f8;  }
.table thead th{ border-bottom: 1px solid #2a303a;   border-left: 1px solid #2a303a; color: #000; font-weight: bold;  padding: 25px 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: px 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: 15px 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 {border-top: 2px solid #2a303a; background:#f8f8f8;  }
.table2 thead th{ border-bottom: 1px solid #2a303a;   border-left: 1px solid #2a303a; color: #000; font-weight: bold;  padding: 25px 12px; }
.table2 thead th:first-child {border-left: 0;}
.table2 .le_line { border-left: 1px solid #2a303a !important;}
.table2 .le_line2 { border-left: 1px solid #bebebe !important;}

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


.table3 {width:100%;  text-align:center;   position:relative; font-size: 16px; background:transparent; line-height: 1.45;}
.table3 thead {border-top: 2px solid #2a303a; background:#f8f8f8;  }
.table3 thead th{ border-bottom: 1px solid #2a303a;   border-left: 1px solid #2a303a; color: #000; font-weight: bold;  padding: 25px 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;  border-left: px solid #bebebe !important; padding: 12px; color: #000;  vertical-align: middle;  font-weight: bold;}
.table3 tbody td {border-bottom: 1px solid #bebebe; border-left: 1px solid #bebebe; padding: 15px 12px; color: #555;  vertical-align: middle;  }
.table3 tbody td:first-child {border-left: 0;}
.table3 tbody td:nth-child(2) {text-align:left; }
.table3 tbody td strong {color:#000;}
.table3 .no_left {border-left: 0!important;}


.table5 {width:100%;  text-align:center;   position:relative; font-size: 14px; background:transparent; line-height: 1.45;}
.table5 thead {border-top: 2px solid #2a303a; background:#62885b;  color:#fff;  }
.table5 thead th{ border-bottom: 1px solid #2a303a;   border-left: 1px solid #2a303a; font-weight: 500;  padding: 15px 12px; }
.table5 thead th:first-child {border-left: 0;}
.table5 .le_line { border-left: 1px solid #2a303a !important;}
.table5 .le_line2 { border-left: 1px solid #bebebe !important;}

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



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

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

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

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

}




/*공통*/

.cm-word-split-JS.splitting .char{animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;animation-delay: calc(50ms * var(--char-index));}
.cm-word-split-JS.splitting .char{animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;animation-delay: calc(50ms * var(--char-index));}

.sub_top {text-align:center; font-size:4.0rem; font-weight:600;  color:#fff; padding:15.0rem 5.0rem; line-height:1.45;}


h4 {font-size:4.2rem; font-weight:800; color:#000}
h5 {font-size:2.6rem; font-weight:600; color:#000}


.font_26 {font-size:2.6rem; }
.font_24 {font-size:2.4rem; }
.font_22 {font-size:2.2rem; }
.font_20 {font-size:2.0rem; }


.font_b {font-weight:500}
.color_f {color:#fff !important;}
.color_0 {color:#000 !important;}


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


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

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



@media screen and (max-width: 1024px){
h4 {font-size:3.2rem; font-weight:800; color:#000}

.sub_top {font-size:3.0rem;}
.sub_top br {display:none;}
}



/*회사소개*/

.overview_wrap { justify-content: space-between; margin-top:10.0rem;}
.overview_wrap .overview_box {position:relative; width:24%; padding:5.0rem 3.5rem 3.5rem 3.5rem; border:1px solid #ddd; margin-bottom:2.0rem; max-height:25.5rem;}
.overview_wrap .overview_box:before {content:''; position:absolute; left:-1px; top:0; background:#dc2800; width:0.5rem; height:3.5rem;}
.overview_wrap .overview_box dl dt {font-size:1.8rem; font-weight:500;}
.overview_wrap .overview_box dl dd {color:#000; font-size:2.2rem; font-weight:600; margin-top:0.3rem; line-height:1.4;}
.overview_wrap .overview_box:last-child dl dd {font-size:1.rem;}
.overview_wrap .overview_box span img {width:6.0rem; display:block; margin-bottom:1.5rem; margin-left:-1.0rem;}

.overviewimg_wrap {margin-top:5.0rem; justify-content: space-between;}
.overviewimg1 {display:flex;  justify-content: center; align-items: center;  color:#fff; background:#dc2800; font-size:3.4rem; font-weight:600;  flex-direction: column;}
.overviewimg1 img {width:5.0rem; display:block; margin-bottom:1.0rem;}
.overviewimg {position:relative;width:32.5%; aspect-ratio: calc(527/359) / 1; border-radius:2.0rem; overflow:hidden; margin-bottom:2.5rem;}
.overviewimg p {position:absolute; bottom:3.0rem; right:4.0rem; color:#fff; font-size:2.4rem; font-weight:600;}

@media screen and (max-width: 1400px){
.overview_wrap .overview_box {width:49%;}
}



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

.overviewimg1 {font-size:2.8rem}
.overviewimg1 img {width:3.5rem;}
.overviewimg {width:48.5%; }


}

@media screen and (max-width: 768px){
.overview_wrap .overview_box {width:100%; padding:4.0rem 3.5rem; display:flex; gap:5.0rem;padding:3.5rem;}
.overviewimg p {bottom:3.0rem; right:3.0rem;}
.overview_wrap .overview_box span img {width:7.0rem; margin-bottom:0rem; margin-left:0rem;   }
}





/*인사말*/
.message_top {font-size:3.4rem; font-weight:600;  color:#fff; padding:15.0rem 5.0rem 15.0rem 15.0rem;}
.message_top p {margin-top:3.0rem; line-height:1.4;}



.ceo_name {margin-top:12.0rem; display:flex;  justify-content: flex-end; }
.ceo_name span {font-size:2.6rem; font-weight:600; color:#000; display:inline-block; margin:0 1.0rem;}
.ceo_name img {width:18.0rem}

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

.message_top {font-size:3.0rem; padding:10.0rem 5.0rem 10.0rem 5.0rem;}
.message_top img {width:6.0rem;}

}


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

.ceo_name {justify-content: flex-start;}
.ceo_name span {font-size:2.2rem; }
.ceo_name img {width:16.0rem}
}

/*미션 비전*/

.vision_top {max-width:170.0rem;width:100%; margin:auto;}

.under_line {border-bottom:1px solid #ddd;}
.vision_conts {margin-top:12.0rem;}
.vision_wrap {padding-bottom:7.0rem;}
.vision_txt1 {font-size:3.2rem; color:#000; font-weight:600; margin-bottom:1.0rem;} 

.core_wrap { justify-content: space-between;}
.core_wrap .core_box {width:24%; border:1px solid #ddd; text-align:center; padding:3.0rem;}
.core_wrap .core_box p {color:#000; font-size:2.0rem; font-weight:600; margin-top:1.0rem;}


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

.core_wrap .core_box {width:49.5%; margin-bottom:2.0rem;}

}


/*연혁*/

.bor_line {border:1px solid #ddd; }
.history_wrap {width:100%; position:relative; margin-top:5.0rem;}
.history_wrap:before {content:"";position: absolute;top: 10px;left:50%;width:1px;height: calc(100% + 50px);background:#ddd;}

.history_list {width:100%; position:relative; display:flex; flex-wrap: wrap; margin-bottom:10.0rem;}
.history_list .his_img {width:50%; text-align:right; padding-right:60px; }
.history_list .his_img img {max-width:75%;   border:1px solid #ddd; }
.history_list .his_txt {position:relative; width:50%; padding-left:60px;} 
.history_list .his_txt .his_year {font-size:3.4rem; font-weight:600; margin-bottom:2.0rem; display:block !important; color:#000; }
.history_list .his_txt:before {content:"";position: absolute;top: 10px;left: -9px;width:18px;height:18px;border:5px solid #f0beb3;border-radius:50%;background:#dc2800;}

.history_list .his_txt dl { margin-bottom:1.0rem;}
/*.history_list .his_txt dl dt {width:80px; font-weight:bold;  font-size:2.0rem;}*/
.history_list .his_txt dl dd {width:100%;color:#777; font-size:1.8rem; margin-bottom:1.0rem;}
.history_list .his_txt dl dd strong {color:#000; display:inlin-block; margin-right:1.0rem;}

.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){

.his_top_txt  {font-size:2.4rem; margin:-3.0rem auto 0; padding:4.0rem 2.0rem 4.0rem 2.0rem;}
.history_wrap {margin-top:0;}
.history_wrap:before {content:"";position: absolute;top: 10px;left: 30px;width:1px;height: calc(100% + 50px);background:#ddd;}
.history_list {margin-bottom:8.0rem; padding-left:20px;}
.history_list .his_img {width:100%; text-align:left; padding-left:40px; padding-right:0; margin-bottom:20px; order:2; margin-top:3.0rem;}
.history_list .his_img img {max-width:80%;   }
.history_list .his_txt {width:100%; order:1; padding-left:40px;}

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

.history_list:nth-child(even) .his_txt:before {left:0px; 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 {left:0;}

}

@media screen and (max-width: 768px){
.history_list {margin-bottom:3.0rem;}
.history_list .his_img img {max-width:90%;  }

}




/*조직도*/
.organization_wrap {background:#f9f9f9; text-align:center; padding:8.0rem 2.0rem; } 



/*ci*/

.ci_down {display:flex; gap:3.0rem;  justify-content: center; margin-top:8.0rem;  }
.ci_down .ci_btn {display:flex; gap:15.0rem; align-items: center; justify-content: space-between; border:1px solid #222; color:#222; font-size:2.0rem; font-weight:600; padding:1.8rem 3.0rem;  }
.ci_down .ci_btn .material-icons {font-size:2.8rem;}
.ci_down .ci_btn:hover {transition: all 0.6s; border:1px solid #dc2800; background:#dc2800; color:#fff; }


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

.ci_down { flex-direction: column;  padding:2.5rem 3.0rem; gap:1.5rem;}
}


.ci_top {padding:12.0rem 5.0rem 9.0rem 5.0rem; text-align:center;  background:#f8f8f8; }
.ci_top img {max-width:38%;}



.ci_conts {margin-top:10.0rem; padding:0 5.0rem;}
.ci_txt1 {font-size:3.2rem; color:#000; font-weight:600; margin-bottom:1.0rem;}

.ci_grid {gap:5.0rem;}
.ci_txt2 {font-size:2.2rem;}


.ci_color { justify-content: space-between; margin-top:5.0rem;}
.ci_color > div {width:32.5%; margin-bottom:1.5rem; padding:3.5rem;}
.ci_color > div dt {font-size:2.4rem; font-weight:500; margin-bottom:2.0rem;}
.ci_color .color1 {color:#000; border:1px solid #ddd; }
.ci_color .color2 {color:#fff; background:#dc2800;}
.ci_color .color3 {color:#fff; background:#000;}
.ci_color .color4 {color:#000; background:#ededed;}
.ci_color .color5 {color:#fff; background:#9a9b9c;}
.ci_color .color6 {color:#fff; background:#575756}


@media screen and (max-width: 1600px){
.ci_conts {padding:0 20px;}

}


@media screen and (max-width: 1200px){
.ci_top {padding:10.0rem 5.0rem;}
.ci_top img {max-width:60%;}
}

@media screen and (max-width: 1024px){
.ci_color > div {width:49%; }

}


/*영업네트워크*/
.network_txt {text-align:center; font-size:2.4rem; color:#666;  margin-top:-5.0rem; padding:0 3.0rem;}
.network_wrap {text-align:center; background:#f8f8f8; padding:8.0rem 3.0rem; margin-top:5.0rem; }




@media screen and (max-width: 1200px){
.network_txt {margin-top:-3.0rem; font-size:2.2rem; }
.network_wrap {margin-top:3.0rem; padding:5.0rem 3.0rem;}


}

/*생산설비현황*/
.produce_wrap { justify-content: space-between;}
.produce_box {width:49%; background:#f8f8f8; padding:5.0rem; margin-bottom:4.0rem; border-radius:2.5rem;}

.produce_box table {margin-top:3.0rem;}
.produce_box h5 {border-left:5px solid #dc2800; padding-left:2.0rem; line-height:1;}



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

.produce_box {width:100%; padding:6.5rem 5.0rem;}

}



/*검사설비현황*/
.inspection ul { justify-content: space-between;}
.inspection ul li {width:49%; position:relative; margin-bottom:1.5rem; background:#f8f8f8; padding:2.0rem 5.0rem; font-size:1.8rem; color:#000; font-weight:600; border-radius:1.0rem;}
.inspection ul li:before{content:''; position:absolute;  width:6px; height:6px; background:#dc2800; left:2.5rem;  top:45%;}


@media screen and (max-width: 1400px){
.inspection {margin-top:3.0rem;}


}


@media screen and (max-width: 500px){
.inspection ul li {width:100%;}
}

/*인증현황, 수상경력*/


.certification_wrap {display:flex;  flex-wrap: wrap;  margin:0 -30px 0 0;}
.certification_wrap .cert_box {width:calc(25% - 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:500; line-height:1.4; }

.certification_wrap2 {display:flex;  flex-wrap: wrap;  margin:0 -30px 0 0;}
.certification_wrap2 .cert_box2 {width:calc(50% - 30px); margin-right:30px; text-align:center; border-bottom:1px solid #ddd; margin-bottom:35px;}
.certification_wrap2 .cert_box2 .cert_img {background:#f8f8f8;  padding:5.0rem 2.0rem; border:1px solid #e5e5e5; }
.certification_wrap2 .cert_box2 .cert_img img {width:100%; max-width:320px; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);}
.certification_wrap2 .cert_box2 .cert_txt {color:#000; padding:2.0rem 0 3.0rem 0; font-size:18px; font-weight:600; line-height:1.4; }


.certification_wrap3 {display:flex;  flex-wrap: wrap;  margin:0 -30px 0 0;}
.certification_wrap3 .cert_box3 {width:calc(33.3% - 30px); margin-right:30px; text-align:center; border-bottom:1px solid #ddd; margin-bottom:35px;}
.certification_wrap3 .cert_box3 .cert_img {background:#f8f8f8;  padding:5.0rem 2.0rem; border:1px solid #e5e5e5; }
.certification_wrap3 .cert_box3 .cert_img img {width:100%; max-width:218px; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);}
.certification_wrap3 .cert_box3 .cert_txt {color:#666; padding:2.0rem 0 3.0rem 0; font-size:16px; font-weight:500; line-height:1.4; }



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

.certification_wrap .cert_box {width:calc(33% - 25px); margin-right:25px; }
}


@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%}

.certification_wrap2 .cert_box2 .cert_txt { font-size:16px; }


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


@media screen and (max-width: 500px){
.certification_wrap {display:flex;  flex-wrap: wrap;  }



}




/*산업분야*/
.industry_box {justify-content: space-between; margin-bottom:4.0rem;}
.industry_box:nth-child(even) { flex-direction: row-reverse; }
.industry_box .industry_img {width:50%; height:45.0rem;}
.industry_box .industry_txt {width:50%; display:flex; align-items: center;  justify-content: center; text-align:center; }
.industry_box .industry_txt div {color:#000; font-size:3.6rem; font-weight:600; }
.industry_box .industry_txt div span {display:block; font-size:2.2rem; margin-top:0rem; font-weight:500; color:#666;}

@media screen and (max-width: 1024px){
.industry_box .industry_img {width:100%; height:40.0rem;}
.industry_box .industry_txt {width:100%; padding:3.0rem; background:#f8f8f8; margin-top:1.0rem; line-height:1.4;}

.industry_box .industry_txt div {font-size:3.0rem;}
.industry_box .industry_txt div span {font-size:2.0rem;}
}



/*오시는길*/
.location_wrap {width:100%;}
.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:5.0rem;  justify-content: space-between;}
.loc_txt .loc_box {width:32.5%;  padding:0rem; display:flex;  justify-content: space-between;  background:#f8f8f8; padding:3.5rem 4.0rem ; border-radius:3.0rem; } 
.loc_txt .loc_box .loc_box_ico {width:70px; height:70px;  border-radius:100%; display:flex;  justify-content: center;align-items: center; background:#dc2800; color:#fff; }
.loc_txt .loc_box .loc_box_ico > span {font-size:4.0rem; font-weight:400;}
.loc_txt .loc_box .loc_box_txt {width:calc(100% - 11.0rem); display:flex; justify-content: center; flex-direction: column;}
.loc_txt .loc_box .loc_box_txt span {display:block;font-size:2.2rem; font-weight:600; color:#000;}
.loc_txt .loc_box .loc_box_txt p {font-size:1.8rem; color:#666;}

@media screen and (max-width: 1200px){
.loc_txt {width:80%; margin:5.0rem auto 0;}
.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_txt {width:100%;}
.loc_map {width:100%; }
.loc_map .map_height {height:35.0rem; width:100%;}
.loc_map iframe {width:100%; height:35.0rem;}

.loc_txt .loc_box .loc_box_ico {width:50px; height:50px;  }

}





/*esg*/
.esg_wrap {margin-top:8.0rem; }
.esg_box {width:45%; margin:3.0rem auto; }
.esg_box figure {margin:0; padding-bottom:2.0rem; }
.esg_box img {border-radius:15px;}

.esg_box dl {text-align:center;}
.esg_box dl dt {font-size:2.6rem; font-weight:600; color:#fff; padding:1.7rem; border-radius:7px; margin-bottom:1.0rem;}
.esg_box dl dd {font-size:1.8rem; padding:1.5rem; border-radius:7px; border:1px solid #ddd; margin-bottom:0.7rem;}

.esg_box01 dl dt{background:#dc2800;}
.esg_box02 dl dt {background:#40b429;}
.esg_box03 dl dt {background:#10a2d2;}
.esg_box04 dl dt {background:#ff9000;}


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

}


/*브로슈어*/

.brochure_wrap {background:#f8f8f8; padding:12.0rem 3.0rem 10.0rem 3.0rem; text-align:center;}
.brochure_wrap .brochure_btn {width:35.0rem; font-size:2.0rem; margin:5.0rem  auto 0; display:flex;  justify-content: space-between; align-items: center; 
										padding:2.0rem 3.0rem;  color:#000; border:1px solid #ddd;  font-weight:600; transition: all 0.6s;}

.brochure_wrap .brochure_btn:hover {color:#fff; background:#dc2800; transition: all 0.6s;}

.brochure_wrap .brochure_txt {margin-bottom:5.0rem;}
.brochure_wrap .brochure_txt dt {font-size:4.2rem; font-weight:700; color:#000;}
.brochure_wrap .brochure_txt dd {font-size:2.0rem; margin-top:0.5rem; }



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

.brochure_wrap img {max-width:80%;}
}

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

.brochure_wrap .brochure_txt dt {font-size:2.4rem;}
.brochure_wrap .brochure_txt dd {font-size:1.8rem;}


}