@charset "utf-8";

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

.color_w {color:#fff !important;}
.color_b {color:#000 !important;}
.pd_tb80 {padding:8.0rem 0;}


.point {color:#233881 !important}
.point2 {color:#54a3d4 !important}

.bg_gr {background:linear-gradient(90deg,rgba(98, 180, 173, 1) 0%, rgba(36, 56, 128, 1) 100%);}

.wps_100 {width:100%;}

.div_scroll {overflow-x: auto;position: relative; -webkit-overflow-scrolling: touch; /* iOS 부드러운 스크롤 */}
.div_scroll2 {overflow-x: auto;position: relative; -webkit-overflow-scrolling: touch; /* iOS 부드러운 스크롤 */}
.div_scroll3 {overflow-x: auto;position: relative; -webkit-overflow-scrolling: touch; /* iOS 부드러운 스크롤 */}


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



/*동영상*/
.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_info {font-size:1.6rem;}
.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;}
.table .ri_line { border-right: 1px solid #bebebe !important;}
.table tfoot {background:#626262; color:#fff; }
.table tfoot th {text-align:center; padding:12px;  vertical-align: middle;}
.table tfoot td {padding: 12px 15px; text-align:center; vertical-align: middle;}

.table .bg2 {background:#f8f8f8}





.table2 {width:100%;  text-align:center;   position:relative;  background:transparent; line-height:1.65; }
.table2 thead {background:#243880; }
.table2 thead th { /*border-bottom: 1px solid #2a303a;   border-left: 1px solid #2a303a; color: #000; font-weight: bold;*/ color:#fff;  font-size: 2.2rem;  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 #ddd !important;}
.table2 .ri_line { border-right: 1px solid #ddd !important;}

.table2 .bg2 {background:#f8f8f8}

.table2 tbody th {border-bottom: 1px solid #ddd; padding: 12px; color: #000; background:#f8f8f8; vertical-align: middle;  font-weight: 500;}
.table2 tbody td {border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; padding: 20px 15px; color: #555;  vertical-align: middle; text-align:center;  }
.table2 tbody td:first-child {border-left: 0; text-align:center; }
.table2 tbody td:nth-child(4) {text-align:left;} 
.table2 tbody td:nth-child(5) {text-align:left;} 
.table2 tbody td strong {color:#000;}

.table2 tfoot {background:#626262; color:#fff; }
.table2 tfoot th {text-align:center; padding:12px;  vertical-align: middle;}
.table2 tfoot td {padding: 12px 15px; text-align:right; vertical-align: middle;}





.table3 {width:100%;  text-align:center;   position:relative;  background:transparent; line-height:1.65; }
.table3 thead {background:#243880; }
.table3 thead th { /*border-bottom: 1px solid #2a303a;   border-left: 1px solid #2a303a; color: #000; font-weight: bold;*/ color:#fff;  font-size: 2.2rem;  padding: 20px 12px; }
.table3 thead th:first-child {border-left: 0;}
.table3 .le_line { border-left: 1px solid #ddd !important;}
.table3 .le_line2 { border-left: 1px solid #ddd !important;}
.table3 .ri_line { border-right: 1px solid #ddd !important;}

.table3 .bg2 {background:#f8f8f8}
.table3 tbody th {border-bottom: 1px solid #ddd; padding: 12px; color: #000; background:#f8f8f8; vertical-align: middle;  font-weight: 500;}
.table3 tbody td {border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; padding: 20px 15px; color: #555;  vertical-align: middle; text-align:center;  }
.table3 tbody td:first-child {border-left: 0; text-align:center; }
.table3 tbody td strong {color:#000;}
.table3 tfoot {background:#626262; color:#fff; }
.table3 tfoot th {text-align:center; padding:12px;  vertical-align: middle;}
.table3 tfoot td {padding: 12px 15px; text-align:right; vertical-align: middle;}




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

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

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

@media screen and (max-width: 1024px){
.table4 tbody td {padding:12px 5.0rem 12px 0;}
}


.table5 {width:100%;  text-align:center;   position:relative; font-size: 1.8rem; background:transparent; line-height:1.65; }
.table5 thead {border-top: 0px solid #2a303a; background:#00418f; color:#fff; }
.table5 thead th{ border-bottom: 1px solid #6391c9;   border-left: 1px solid #6391c9; color: #fff; font-weight: bold;  padding: 20px 12px; }
.table5 thead th:first-child {border-left: 0;}
.table5 .le_line { border-left: 1px solid #6391c9 !important;}
.table5 .le_line2 { border-left: 1px solid #bebebe !important;}


.table5 tbody th {border-bottom: 1px solid #bebebe; 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; color: #555;  vertical-align: middle;  }
.table5 tbody td:first-child {border-left: 0; text-align:center; }
.table5 tbody td {text-align:center;}
.table5 tbody td strong {color:#000;}
.table5 .ri_line { border-right: 1px solid #bebebe !important;}
.table5 tfoot {background:#626262; color:#fff; }
.table5 tfoot th {text-align:center; padding:12px;  vertical-align: middle;}
.table5 tfoot td {padding: 12px 15px; text-align:center; vertical-align: middle;}

.table5 .bg2 {background:#f8f8f8}


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

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

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

}


/*공통*/
.top_line {border-top:1px solid #ddd; max-width:180.0rem; margin:auto; width:100%;}
.top_txt1 {font-size:4.4rem; font-weight:500; padding:8.0rem 0 4.0rem 0; color:#000; border-bottom:1px solid #ddd; line-height:1.45;}
.line_br {display:block;}

.conts_wrap {}
.conts_wrap .conts_left {width:45.0rem; font-size:4.2rem; font-weight:600;}
.conts_wrap .conts_right{width:calc(100% - 45.0rem); }

.title02 {font-size:3.4rem; font-weight:600; color:#000; }

.sub_topimg {position:relative; height:65.2rem; width:100%; max-width:180.0rem; margin:auto;  overflow:hidden;}
.sub_topimg.aos-animate .sub_topimg_bg {width:100%; height:100%; -webkit-animation: aniSubBg 3s ;-moz-animation: aniSubBg 3s;-o-animation: aniSubBg 3s;animation: aniSubBg 3s; animation-fill-mode: forwards;}



@media screen and (max-width: 1400px){
.top_txt1 {font-size:3.8rem;}
}


@media screen and (max-width: 1200px){
.conts_wrap .conts_left {width:100%; font-size:3.8rem; }
.conts_wrap .conts_right{width:100%; margin-top:3.0rem; }

}

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

.sub_topimg {height:45.0rem;}
.line_br {display:none;}
.conts_wrap .conts_right{width:100%; margin-top:2.0rem; }

}


@media screen and (max-width: 768px){
.top_txt1 {font-size:3.0rem;}


.conts_wrap .conts_left {width:100%; font-size:3.2rem; }
}




/*animation*/

@-webkit-keyframes aniSubBg {
	0% {     transform: scale(1.0); }
	100% {     transform: scale(1.1); }
}
@-moz-keyframes aniSubBg {
	0% {     transform: scale(1.0); }
	100% {     transform: scale(1.1); }
}
@-o-keyframes aniSubBg {
	0% {     transform: scale(1.0); }
	100% {     transform: scale(1.1); }
}
@keyframes aniSubBg {
	0% {     transform: scale(1.0); }
	100% {     transform: scale(1.1); }
}





/*회사소개*/
.company_wrap1 {display:flex;  justify-content: flex-end;}
.company_wrap1 > div {width:50%; font-size:2.6rem;  padding:6.0rem 0 14.0rem 0; font-weight:500; }


.company_box {position:relative; overflow:hidden;}
.company_box .company_inner {position:relative;  z-index:1; text-align:center; color:#fff; padding:25.0rem 2.0rem;}
.company_box .company_inner h3 {font-size:4.6rem; font-weight:600; }
.company_box .company_inner p {font-size:2.2rem; font-weight:500; margin-top:1.5rem;  }
.company_box .company_box_bg {position:absolute; left:0; top:0; width:100%; height:100%;  z-index:0;}

.company_box.aos-animate .company_box_bg { -webkit-animation: aniSubBg 3s ;-moz-animation: aniSubBg 3s;-o-animation: aniSubBg 3s;animation: aniSubBg 3s; animation-fill-mode: forwards;}

.company_overview {color:#fff; padding:15.0rem 0;  }
.company_overview .overview_txtbox { border-top:3px solid #fff; border-bottom:1px solid rgba(255,255,255,0.5); padding:2.5rem 0; }
.company_overview .overview_txtbox > dl {display:flex; padding:1.5rem 0rem; font-size:2.0rem;}
.company_overview .overview_txtbox > dl > dt {width:27.0rem; text-align:center; font-weight:500;}
.company_overview .overview_txtbox > dl > dd {width:calc(100% - 27.0rem); font-weight:600;}

.company_overview .overview_biz {margin-top:8.0rem; }
.company_overview .overview_biz .overview_biz_tit{font-size:2.6rem; font-weight:600; margin-bottom:3.0rem; }
.company_overview .overview_biz .overview_biz_ul {display:flex;  justify-content: center; }
.company_overview .overview_biz .overview_biz_ul > li {margin-left:-2.0rem;}
.company_overview .overview_biz .overview_biz_ul > li:first-child {margin-left:0;}
.company_overview .overview_biz .overview_biz_ul > li > .biz_circle {width:26.5rem; aspect-ratio:1; display:flex;  justify-content: center; 
																	align-items: center;  border:1px solid rgba(255,255,255,0.8); border-radius:100%; text-align:center; 
																	font-size:2.4rem; line-height:1.25; font-weight:500;}



.compnay_partner {padding:12.0rem 0 0 0 ;}

.compnay_partner ul {display:flex;  margin:3.0rem -2.5rem 0 0; }
.compnay_partner ul li {width:calc(25% - 2.5rem); margin-right:2.5rem;  margin-bottom:2.5rem;  border:1px solid #ddd; }



@media screen and (max-width: 1400px){
.compnay_partner ul li {width:calc(33% - 2.5rem); }
}

@media screen and (max-width: 1024px){
.company_wrap1 > div {width:100%;}
.company_wrap1 > div br {display:none;}
.company_box .company_inner h3 {font-size:3.8rem; line-height:1.4;}

.company_overview .overview_biz .overview_biz_ul {flex-wrap:wrap;}
.company_overview .overview_biz .overview_biz_ul > li {margin-left:-2.0rem; margin-top:-2.0rem;  }
.company_overview .overview_biz .overview_biz_ul > li:first-child {margin-left:-2.0rem;}
.company_overview .overview_biz .overview_biz_ul > li > .biz_circle  {font-size:2.0rem;}
}



@media screen and (max-width: 768px){
.compnay_partner ul li {width:calc(50% - 2.5rem); }
.company_box .company_inner h3 {font-size:3.2rem; }
.company_overview .overview_txtbox > dl > dt {width:15.0rem; }
.company_overview .overview_txtbox > dl > dd {width:calc(100% - 15.0rem); }



}



/*인사말*/
.message_wrap {margin-top:6.0rem; justify-content: space-between;}
.message_wrap .message_box {width:48.5%; font-size:2.0rem; line-height:1.7; }
.message_wrap .message_box p {margin-bottom:2.5rem;}
.message_wrap .message_box p span {color:#000;}

.ceo_name {display:flex;  justify-content: flex-end; align-items: flex-end; color:#000; font-size:2.4rem; font-weight:500; gap:2.0rem; }
.ceo_name strong {font-size:3.0rem; display:inline-block; margin-left:1.5rem; font-weight:600;}


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

.ceo_name {font-size:2.0reml}
.ceo_name img {width:18.0rem;}
.ceo_name strong {font-size:2.8rem;}

}


/*연혁*/

.history_wrap {margin-top:8.0rem;  justify-content: space-between;}

.history_wrap .his_txt {width:42%; padding-top:1.0rem;}
.history_wrap .his_txt .his_year {font-size:6.2rem; color:#000; font-weight:600; }

.history_wrap:nth-child(2n) { flex-direction: row-reverse;  padding:15.0rem 0;}

.his_list_wrap {margin-top:2.0rem;}
.his_list_wrap .his_list {display:flex; margin:1.5rem 0; font-size:2.0rem;  }
.his_list_wrap .his_list dt {width:5.0rem; color:#000; font-weight:600;}
.his_list_wrap .his_list dd {width:calc (100% - 5.0rem);}

.history_wrap .his_img {
  width:50%; min-height:62.0rem;
  border-radius:3.0rem;
  position: relative;
  overflow: hidden;
  background-position: center;
  background-size: cover;

  opacity: 0;
  /* 처음엔 완전히 아래쪽에 가려진 상태 (밑에서부터 차오르게) */
  clip-path: inset(100% 0 0 0);

  will-change: clip-path, opacity, transform;
}


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

.history_wrap:nth-child(2n) { flex-direction: row-reverse;  padding:8.0rem 0;}

.history_wrap .his_img { width:100%; min-height:30.0rem;}
.history_wrap .his_txt  {width:100%; margin-top:2.0rem;}

}



/*조직도*/
.organization_img {text-align:center; padding-top:8.0rem; }


/*비전*/
.vision_txt_wrap {text-align:center; padding:10rem 0; }
.vision_txt_wrap .vision_txt1 {color:#233881; font-size:4.2rem; font-weight:600;}
.vision_txt_wrap .vision_txt2 {font-size:4.2rem; font-weight:600; color:#000; margin-top:8.0rem; }
.vision_txt_wrap .vision_txt3 {font-size:2.4rem; margin-top:2.0rem; }


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

.vision_txt_wrap .vision_txt2 {font-size:3.2rem;  margin-top:6.0rem;  }
.vision_txt_wrap .vision_txt2 br {display:none;}
}




/*CI*/

.ci_txt {margin-top:8.0rem; display:flex;  justify-content: flex-end;}
.ci_txt .ci_inner {}
.ci_txt .ci_inner strong {font-size:2.8rem; color:#000; font-weight:600;}
.ci_txt .ci_inner p {margin-top:3.0rem; font-size:2.0rem;  line-height:1.7;}
.ci_txt .ci_inner p span {color:#000; font-size:600;}

.ci_down_box {background:#f8f8f8; text-align:center; padding:15.0rem 3.0rem 10.0rem 2.0rem; border-radius:3.0rem; }
.ci_down_box figure {margin-bottom:6.0rem; }
.ci_down_box .btn_ci {border:1px solid #ddd; font-size:2.0rem;  font-weight:600;  display:flex;  justify-content: space-between; align-items: center; width:32.4rem; padding:2.2rem 3.5rem; margin:auto; }
.ci_down_box .btn_ci .material-icons {font-size:3.4rem; display:inline-block;}
.ci_down_box .btn_ci:hover {background:#243880; color:#fff;transition: all 0.6s; }


.ci_color_cont { justify-content: space-between; margin-top:3.0rem; }
.ci_color_cont .ci_color_box {width:32.5%; border-radius:3.0rem; padding:5.0rem;  }
.ci_color_cont .ci_color_box .color_name {font-size:2.6rem; font-weight:600; margin-bottom:5.0rem; }
.ci_color_cont .color_box1 {background:#243880; color:#fff;  }
.ci_color_cont .color_box2 {background:linear-gradient(90deg,rgba(98, 180, 173, 1) 0%, rgba(36, 56, 128, 1) 100%); color:#fff; }
.ci_color_cont .color_box3 {background:#fff; border:1px solid #ddd;   }

.color_code_li li {display:flex; border-bottom:1px solid rgba(204,204,204, 0.4);  padding:1.0rem 0.3rem; }
.color_code_li li .color_code1 {width:9.5rem;}
.color_code_li li .color_code2 {width:calc(100% - 9.5rem); }
.color_code_li li .color_code3 {width:calc((100% - 9.5rem) / 2); }


.ci_bgcolor_cont {justify-content: space-between; margin-top:3.0rem; }
.ci_bgcolor_cont .ci_bgcolor_box {width:49%; padding:10.0rem 12.0rem; border-radius:3.0rem; }

.ci_bgcolor_box1 {border:1px solid #ddd;}
.ci_bgcolor_box2 {background:#243880; }


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

.ci_color_cont .ci_color_box {width:49%; margin-bottom:3.0rem;}
.ci_bgcolor_cont .ci_bgcolor_box {padding:10.0rem 8.5rem;}

}


@media screen and (max-width: 1024px){
.ci_color_cont .ci_color_box {width:100%;}
.ci_bgcolor_cont .ci_bgcolor_box {width:100%; margin-bottom:3.0rem;}

}




/*사업분야*/
.biz_title01_wrap {position:relative; margin-top:12.5rem;margin-bottom:8.0rem; }
.biz_title01_wrap .biz_title01 {width:47.0rem; color:#000;  }
.biz_title01_wrap .biz_title01 > .biz01_num {font-weight:800; font-size:8.0rem;}
.biz_title01_wrap .biz_title01 > h4 {font-size:4.6rem; font-weight:700; line-height:1.3;}
.biz_title01_wrap .biz01_p {width:calc(100% - 47.0rem); color:#000;font-weight:400; font-size:2.6rem;  margin-top:11.0rem;}


.biz_title02_wrap {position:relative; margin-top:8.0rem; }
.biz_title02_wrap .biz02_num {font-size:3.4rem; font-weight:800; }
.biz_title02_wrap > h5 {font-size:3.2rem; font-weight:500; color:#000; margin-top:1.5rem;}
.biz_title02_wrap > p {font-size:2.2rem; margin-top:1.0rem;}


.biz_conts {position:relative;margin-top:15.0rem;}
.line-title > h6 {font-size:3.0rem; font-weight:500; color:#000; margin-bottom:1.0rem;}


.line-title{ display: flex; flex-wrap: wrap;  align-items: baseline; position: relative; opacity: 1; }
.line-title::before{ content: ""; width: 100%; height: 1px; background: #333; position: absolute; bottom: 0; left: 0; transform: scaleX(0); transform-origin: left; transition: transform 1.5s; }
.line-title > *{ transform: translateY(100%); clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); transition: transform 1s, clip-path 1s; transition-property: opacity, transform, clip-path, color !important; }
.line-title > *:first-child{ margin-right: 30px; transition-delay: unset !important; }
.line-title > *:last-child{ transition-delay: 0.2s; }
.line-title > *:only-child{ margin-right: 0 !important; }

.line-title.aos-animate::before{ transform: scaleX(1); }
.line-title.aos-animate > *{ transform: translateY(0); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }

.line-title span {font-size:2.4rem; }

@media screen and (max-width: 1200px){
.biz_title01_wrap {border-bottom:1px dotted #ddd; padding-bottom:5.0rem; }
.biz_title01_wrap .biz_title01 {width:100%;}
.biz_title01_wrap .biz_title01 > .biz01_num {font-size:4.6rem;}
.biz_title01_wrap .biz_title01 > h4 {font-size:4.0rem;}
.biz_title01_wrap .biz01_p {width:100%; margin-top:3rem; font-size:2.4rem;}

.biz_title02_wrap .biz02_num {font-size:3.0rem;  }
.biz_title02_wrap > h5 {font-size:2.8rem; }
.biz_title02_wrap > p {font-size:2.0rem; }

.line-title > h6 {font-size:2.6rem;}

.line-title span  {display:inline-block; margin-bottom:1.0rem; margin-top:-0.7rem;}


}


@media screen and (max-width: 1024px){
.biz_conts {position:relative;margin-top:10.0rem;}
}



/*에너지 진단*/
.energy0101_box {padding:5.0rem 8.0rem;}
.energy0101_box li {width:25%;}
.energy0101_box_wid {width:50% !important;}
.energy0101_box li figure {text-align:center; }
.energy0101_box li figcaption {font-size:2.0rem}

.energy0102_box {padding:5.0rem 8.0rem;  justify-content: space-between;}
.energy0102_box li {width:33%;}
.energy0102_box li figure {text-align:center; }
.energy0102_box li figcaption {font-size:2.0rem; margin-top:2.0rem;}


.energy0103_box {padding:5.0rem 8.0rem;  justify-content: space-between;}
.energy0103_box li {width:25%;}
.energy0103_box li:nth-child(3) {width:50%;}
.energy0103_box li figure {text-align:center; }
.energy0103_box li figcaption {font-size:2.0rem; margin-top:2.0rem;}


.energy0104_box {padding:10.0rem 5.0rem 5.0rem  5.0rem; text-align:center; }
.energy0104_box figure {margin:0;}
.energy0104_box .energy0104_txt {background:#ffff; padding:5.0rem 3.0rem 3.0rem 3.0rem; color:#343434; font-size:2.4rem; width:80%; margin:auto; border-radius:1.0rem; font-weight:500;}
.energy0104_box .energy0104_txt strong {font-size:2.8rem; display:block; margin-bottom:0.5rem;}


.energy0105_box {padding:8.0rem ;  justify-content: space-between;} 

.process01 {width:23%;}
.process02 {width:48%;}
.process02_01_wrap {justify-content: space-between;}
.process02_01_wrap .process02_01 {width:48%;}
.process03 {width:23%;}

.process_depth01 {padding:1.5rem 2.5rem; border-radius:1.0rem; color:#fff; width:100%; font-size:2.2rem; font-weight:600; background:#53a3d4;}
.process_depth02 {position:relative; background:#243880; color:#fff; padding:1.5rem  1.5rem 1.5rem 2.8rem; font-size:2.0rem; margin-top:1.5rem; font-weight:500;  }
.process_depth02:before {content:'·';  position:absolute; left:1.5rem; top:1.5rem; }
.process_depth03 {}
.process_depth04 {background:#fff; margin-top:2.0; padding:2.5rem; }
.process_depth04  figure {text-align:center; }

.process_ul li {display:flex; background:#fff; border:1px solid #ddd; padding:1.5rem 2.0rem;  margin:0.7rem 0;}
.process_ul li > span {width:7.5rem; color:#000; font-size:1.6rem; font-weight:500;}
.process_ul li  > strong {width:calc(100% - 7.5rem); font-weight:400;}

.process_dl {}
.process_dl dt {color:#000; font-weight:600; font-size:2.0rem;}
.process_dl dd {position:relative; margin:0.5rem 0; padding-left:15px;  }
.process_dl dd:before {content:'-'; position:absolute; left:0; top:0px; }


.energy0106_box {justify-content: space-between; padding-top:5.0rem;}
.energy0106_box_list {width:48.5%; }
.energy0106_box figure {margin:0;}
.energy0106_box figure img {height:6.0rem;}




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

.energy0101_box {padding:3.0rem 5.0rem;}
.energy0101_box li {width:50%;}
.energy0101_box_wid {width:100% !important;}

.energy0103_box li {width:50%;}
.energy0103_box li:nth-child(3) {width:100%;}
.energy0104_box .energy0104_txt {width:100%;}

.energy0106_box_list {width:100%;  margin-bottom:5.0rem;}
.energy0106_box {padding-top:3.0rem;}

}


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

.process01 {width:60%; margin:2.0rem auto;}
.process02 {width:60%; margin:2.0rem auto;}
.process03 {width:60%; margin:2.0rem auto;}


}

@media screen and (max-width: 1024px){
.energy0101_box {padding:3.0rem;}
.energy0102_box {padding:3.0rem;}
.energy0103_box {padding:3.0rem;}

.energy0105_box {padding:3.0rem;}
.energy0106_box figure img {height:5.6rem;}

.process01 {width:100%; margin:2.0rem auto;}
.process02 {width:100%; margin:2.0rem auto;}
.process03 {width:100%; margin:2.0rem auto;}


}

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

.process02_01_wrap .process02_01 {width:100%;}
.process_blank {display:none;}
}



/*esg*/
.esg_wrap01 {padding:12.0rem 7.0rem;}

.esg_wrap01 ul {gap:7.0rem;  justify-content: space-between;} 
.esg_wrap01 li {}
.esg_wrap01 .esg_box01 {text-align:center;}
.esg_wrap01 .esg_box01 figcaption {font-size:4.2rem; font-weight:700; color:#c3c3c3; }
.esg_wrap01 .esg_box01 dl {}
.esg_wrap01 .esg_box01 dl dt {font-size:2.6rem; font-weight:600; color:#243880; }
.esg_wrap01 .esg_box01 dl dd {color:#000; font-size:2.0rem;  margin-top:1.0rem; font-weight:500;}




.line-title02 {font-size:2.2rem; margin-top:2.0rem; }

.esg_wrap02 {justify-content: space-between;}

.esg_box02 {width:32%; background:#f8f8f8; padding:5.0rem 5.0rem 3.0rem 5.0rem;  }
.esg_box02 dl {}
.esg_box02 dl dt {font-size:2.4rem; font-weight:500; color:#000; margin-bottom:1.0rem;}
.esg_box02 dl dd {font-size:2.0rem;padding-left:1.7rem; position:relative; margin-bottom:0.5rem;  }
.esg_box02 dl dd:before {content:'·';position:absolute; left:0;}



.esg_wrap03 {justify-content: space-between;}
.esg_wrap03 .esg_box03 {width:18%; position:relative;}
.esg_wrap03 .esg_box03:after{content:''; position:absolute; right:-3.5rem; top:7.0rem; width:2.6rem; height:2.2rem; background: url("../../pages/images/esg01_process_arr.png") no-repeat center center;
							background-size:cover; }
.esg_wrap03 .esg_box03:last-child:after {display:none;}

.esg_wrap03 .esg_box03 figure {background:#f8f8f8; text-align:center; padding:2.0rem; margin:0;}
.esg_wrap03 .esg_box03 dl {margin:3.0rem 0 0 2.0rem; }
.esg_wrap03 .esg_box03 dl dt {font-size:2.2rem; font-weight:500; color:#000; margin-bottom:0.5rem;}
.esg_wrap03 .esg_box03 dl dd {font-size:1.8rem;padding-left:1.5rem; position:relative; margin-bottom:0.5rem;  }
.esg_wrap03 .esg_box03 dl dd:before {content:'·';position:absolute; left:0;}


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

.esg_wrap01 ul {gap:0;}
.esg_wrap01 li {width:30%;}

.esg_wrap03 {justify-content: center;}
.esg_wrap03 .esg_box03 {width:28%; margin-right:5.0rem;  margin-bottom:5.0rem;}
.esg_wrap03 .esg_box03:nth-child(3) {margin-right:0;}

}


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

.esg_wrap01 {padding:5.0rem 6.0rem;}
.esg_wrap01 li {width:100%; padding:3.0rem 0;}

.esg_box02 {width:100%; margin-bottom:3.0rem; display:flex; gap:5.0rem; }

.esg_wrap03 .esg_box03 {width:40%;}
.esg_wrap03 .esg_box03:after {top:5.0rem;}
.esg_wrap03 .esg_box03:nth-child(3) {margin-right:5.0rem;}



}

@media screen and (max-width: 768px){
.esg_box02 {gap:4.0rem; padding:5.0rem 3.0rem;}
.esg_box02 figure {width:10.0rem;}

.esg_wrap03 .esg_box03 {width:37%;}
.esg_wrap03 .esg_box03 figure img {width:8.0rem;}

}



/*기후변화대응*/
.esg_wrap04 {padding:8.0rem 5.0rem; }
.esg_wrap04 .esg_box04 {width:33%; border-right:1px solid #ddd; padding:0 3.0rem;}
.esg_wrap04 .esg_box04:last-child {border:0;}
.esg_wrap04 .esg_box04 figure {width:19.0rem; aspect-ratio:1; border-radius:100%; background:#243880; display:flex;  justify-content: center; align-items: center; margin:auto;}

.esg_wrap04 .esg_box04 dl { margin-top:5.0rem;   color:#000; }
.esg_wrap04 .esg_box04 dl dt { text-align:center;  font-size:2.4rem; font-weight:600; margin-bottom:2.5rem;}
.esg_wrap04 .esg_box04 dl dd {font-size:2.0rem; position:relative; padding-left:8.0rem; margin:2.2rem 0;}
.esg_wrap04 .esg_box04 dl dd:before {content:''; position:absolute; left:2.5rem; top:-0.3rem; width:3.7rem; height:3.7rem; background: url("../../pages/images/ico_bul01.png") no-repeat center center; background-size:cover;}


.esg_wrap05 {padding:8.0rem; }
.esg_wrap05 .esg_wrap05_title {text-align:center; }
.esg_wrap05 .esg_wrap05_title strong {font-size:3.6rem; color:#000;}
.esg_wrap05 .esg_wrap05_title p {font-size:2.4rem; margin-top:1.0rem; }


.esg_wrap05_conts {display:flex; gap:5.0rem;  justify-content: center; align-items: center;  margin-top:5.0rem; }
.esg_box05_01 {text-align:center; width:26.0rem; }
.esg_box05_01 {}
.esg_box05_01 figure figcaption {color:#000; font-size:2.2rem; font-weight:600; margin-bottom:2.0rem; }

.esg_box05_01 dl {}
.esg_box05_01 dl dt {color:#fff; background:#54a3d4; font-size:2.4rem; padding:1.0rem 2.0rem; border-radius:5.0rem; font-weight:700; display:inline-block; margin-bottom:2.0rem; }
.esg_box05_01 dl dd {text-align:left;  font-size:2.0rem;  padding-left:3.0rem; margin:0.7rem 0;}

.esg_box05_01:last-child dl dt {background:#243880 !important;}


.esg_box05_02 {text-align:center; width:30.0rem; display:flex;   justify-content: center; align-items: center; border-radius:15.0rem; padding:8.0rem 2.0rem;
			  background:linear-gradient(180deg,rgba(98, 180, 173, 1) 0%, rgba(36, 56, 128, 1) 100%); color:#fff;  }

.esg_box05_02 figure figcaption {font-size:3.4rem; font-weight:800; margin-top:2.0rem; line-height:1.2;}

.p_info {font-size:1.8rem; line-height:2.0}


.esg_wrap06 {margin-top:10.0rem;}
.esg_wrap06 .esg_wrap06_title {text-align:center; font-size:3.2rem; font-weight:600; color:#000;}

.esg_wrap06_conts {justify-content: center; align-items: center; margin-top:5.0rem; gap:3.0rem; }
.esg_wrap06_conts .esg_box06 {text-align:center; width:38%; }
.esg_wrap06_conts .esg_box06 dt {background:#54a3d4; font-size:2.4rem; color:#fff; padding:1.5rem; border-radius:1.5rem; font-weight:600; }
.esg_wrap06_conts .esg_box06 dd {border:1px solid #ddd; color:#000; margin-top:1.5rem; display:flex; justify-content: center; align-items: center; padding:4.0rem 5.0rem; font-size:2.2rem; }


.esg_wrap07 { justify-content: space-between;}

.esg_wrap07 .esg_box07 {width:30%;}
.esg_wrap07 .esg_box07_01 {text-align:center; font-size:2.4rem; padding:1.5rem;  font-weight:600;}
.esg02_process_bg01 {background:#54a3d4; color:#fff;}
.esg02_process_bg02 {background:#6eb825; color:#fff;}
.esg02_process_bg03 {background:#e8830b; color:#fff;}
.esg02_process_arr {margin-top:2.5rem;}


.esg_wrap07 .esg_box07_02 {background:#f8f8f8; padding:3.5rem 2.5rem 3.0rem 2.5rem;  min-height:37.0rem;}
.esg_wrap07 .esg_box07_02 figure {text-align:center; }
.esg_wrap07 .esg_box07_02 dl {margin-top:3.0rem;}
.esg_wrap07 .esg_box07_02 dl dt {color:#000; font-size:2.0rem; font-weight:500; margin-bottom:1.0rem;}
.esg_wrap07 .esg_box07_02 dl dd {color:#959595; position:relative; margin:1.0rem 0; padding-left:2.0rem; }
.esg_wrap07 .esg_box07_02 dl dd:before {content:'·'; position:absolute; left:0;}


.title03 {color:#000; font-size:2.8rem; font-weight:500;}

.ico_bul01 {position:relative; padding-left:6.0rem;  }
.ico_bul01:before {content:''; position:absolute; left:0rem; top:-0.3rem; width:3.7rem; height:3.7rem; background: url("../../pages/images/ico_bul01.png") no-repeat center center; background-size:cover;}

.esg_ul li {font-size:2.0rem; color:#000; margin:3.0rem 0; }
.esg_ul li:first-child {margin-top:0;}

.esg_ul02 li {width:50%; font-size:2.0rem; color:#000; margin:1.0rem 0; }

.esg_wrap08 { justify-content: space-between;}

.esg_box08 {width:49%; margin-bottom:5.0rem;}
.esg_box08 dt {background:#54a3d4; color:#fff; border-radius:15px;  font-size:2.2rem; font-weight:600; padding:1.5rem 2.0rem 1.5rem 4.0rem; margin-bottom:3.0rem;  }
.esg_box08 dd {padding-left:4.0rem; margin:1.0rem;  color:#000;}

.esg_wrap08_bt {color:#fff; padding:5.0rem; text-align:center; font-weight:600; font-size:2.8rem; background:#243880; margin-top:8.0rem; }

.esg_wrap09 {font-size:2.0rem; line-height:1.8;}

.esg_wrap10 {}
.esg_wrap10 .esg_wrap10_tit {font-size:2.2rem; background:#273a81; color:#fff; font-weight:500; display:inline-block; padding:1.0rem 2.0rem; border-radius:5.0rem; }




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

.esg_wrap05_conts { flex-direction: column;}
.esg_box05_02 {padding:8.0rem 7.0rem; }
.esg_wrap05_conts .esg_box05_arr {transform:rotate(90deg);}

}



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

.esg_wrap04 {padding:2.0rem 5.0rem;}
.esg_wrap04 .esg_box04 {width:50%; border-bottom:1px solid #ddd;  border-right:0; padding:7.0rem 0;}
.esg_wrap04 .esg_box04 dl dd {padding-left:10.0rem;}
.esg_wrap04 .esg_box04 dl dd:before {left:4.5rem;}



}


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

.esg_wrap04 .esg_box04 {width:100%;}
.esg_wrap04 .esg_box04 figure {width:15.0rem;}
.esg_wrap04 .esg_box04 figure img {width:70%;}

.esg_wrap05 {padding:5.0rem;}
.esg_wrap05 .esg_wrap05_title strong {font-size:3.2rem; }
.esg_wrap05 .esg_wrap05_title p {font-size:2.0rem; }

.esg_box05_02 figure figcaption {font-size:3.0rem;}

.esg_wrap06 .esg_wrap06_title {font-size:2.4rem; }
.esg_wrap06_conts .esg_box06 {width:100%;}




.esg_box08 {width:100%;}
.esg_wrap08_bt {font-size:2.4rem;}



}



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


.esg_wrap07 { flex-direction: column; width:100%; margin:auto;}
.esg_wrap07 .esg_box07 {width:100%;}
.esg_wrap07 .esg_box07_02 dl {width:40%; margin:auto;}

.conts_wrap01 {margin-top:8.0rem;}
.esg02_process_arr {margin:1.5em auto; transform:rotate(90deg);}

}


@media screen and (max-width: 500px){
.esg_wrap07 .esg_box07_02 dl {width:60%;}
}



/*에너지경영시스템*/
.enms_wrap1 {display:flex;  justify-content: flex-end;}
.enms_wrap1 > div {width:65%; font-size:2.6rem;  padding:6.0rem 0 8.0rem 0; font-weight:500; }
.enms_wrap1 > div strong {font-weight:700;}



.enms_wrap01 {padding:10.0rem 18.0rem;}

.enms_box01_01 {justify-content: center; gap:2%; position:relative; padding-bottom:17.5rem; }
.enms_box01_01:after {content:''; position:absolute; z-index:1; bottom:0; aspect-ratio: calc(636/316) / 1; width:63.6rem; 
					 background: url("../../pages/images/enms_line01.png") no-repeat bottom; background-size:contain;}
.enms_box01_01_inner {width:49%;  }
.enms_box01_01_inner .enms_box01_0101 { z-index:2; background:#54a3d4; color:#fff; text-align:center; font-size:2.2rem; padding:1.5rem; font-weight:600; border-radius:1.0rem;  }
.enms_box01_01_inner .enms_box01_0102 {position:relative; background:#fff; border:1px solid #ddd; padding:3.0rem 3.0rem 1.5rem 3.0rem; margin-top:1.5rem; text-align:center; min-height:23.3rem; }
.enms_box01_01_inner .enms_box01_0102:before {content:''; background:#243880; width:1.0rem; height:1.0rem; left:50%; bottom:-0.5rem; transform:translate(-50%, 0); border-radius:100%;  position:absolute;}
.enms_box01_01_inner .enms_box01_0102 > strong {color:#54a3d4; font-size:2.2rem; display:block; font-weight:600; }
.enms_box01_01_inner .enms_box01_0102 ul {display:flex;  justify-content: center;}
.enms_box01_01_inner .enms_box01_0102 ul li {text-align:center; }
.enms_box01_01_inner .enms_box01_0102 ul li figcaption {margin-top:1.0rem;}

.enms_box01_02 {font-size:3.6rem; color:#fff; padding:2.5rem; border-radius:2.0rem; text-align:center; font-weight:800; margin:0rem 0;}

.enms_box01_0103 {display:flex; justify-content: center; align-items: center; margin-top:7.5rem; position:relative; z-index:2; }
.enms_box01_0103 span {background:#243880; font-size:2.4rem; color:#fff; display:inline-block; padding:1.5rem 2.8rem; border-radius:5.0rem; font-weight:600; }


.enms_wrap02 {padding:8.0rem;  justify-content: space-between;}
.enms_wrap02 .enms_box02 {width:28%; }
.enms_wrap02 .enms_box02 .enms_box02_01 { text-align:center; }
.enms_wrap02 .enms_box02 .enms_box02_01 dl dt {background:#243880; color:#fff; padding:1.3rem; font-size:2.4rem; font-weight:600; }
.enms_wrap02 .enms_box02 .enms_box02_01 dl dd {background:#fff; padding:1.8rem; border:1px solid #ddd; font-size:2.0rem;}

.enms_wrap02 .enms_box02 .enms_box02_02 { }
.enms_wrap02 .enms_box02 .enms_box02_02 dl dt {background:#54a3d4; color:#fff; padding:1.3rem; font-size:2.2rem; font-weight:600;text-align:center;  line-height:1.4;}
.enms_wrap02 .enms_box02 .enms_box02_02 dl dt span {display:block; font-size:2.0rem; }
.enms_wrap02 .enms_box02 .enms_box02_02 dl dd {background:#fff; padding:2.0rem 4.0rem;}

.enms_wrap02 .enms_box02 .enms_box02_02 dl dd ul li {padding-left:2.0rem; margin:0.3rem 0;position:relative;}
.enms_wrap02 .enms_box02 .enms_box02_02 dl dd ul li:before {content:'·'; position:absolute; left:0;}

.enms_wrap02 .enms_box02 .enms_box02_03 {padding:2.0rem; background:#e5e5e5; color:#000; margin-top:3.0rem; text-align:center;  font-weight:500;}


.enms_box02_arr {text-align:center;  transform:rotate(90deg); margin:2.0rem 0;}
.enms_box02_arr img {width:25px;}

.enms_box02_01_arr {margin-top:5.0rem;}
.enms_box02_01_arr img {width:35px;}

.enms_box01_03 {padding-top:10.5rem; position:relative;}
.enms_box01_03:before {content:''; position:absolute; z-index:1; top:0; aspect-ratio: calc(829/221) / 1; width:82.9rem; left:50%; transform:translate(-50%, 0);
					 background: url("../../pages/images/enms_line02.png") no-repeat center top; background-size:contain; }

.enms_box01_03 .enms_box01_0301 {display:flex; justify-content: center; align-items: center;  position:relative; z-index:2; }
.enms_box01_03 .enms_box01_0301 span {background:#243880; font-size:2.4rem; color:#fff; display:inline-block; padding:1.5rem 6.0rem; border-radius:5.0rem; font-weight:600; }
.enms_box01_03 .enms_box01_0302 ul { margin-top:5.0rem;  justify-content: space-between; padding:0 1.0rem;}
.enms_box01_03 .enms_box01_0302 ul li {position:relative;width:32%; background:#54a3d4; color:#fff; font-weight:500; font-size:2.2rem;  padding:1.5rem; text-align:center; border-radius:1.5rem}
.enms_box01_03 .enms_box01_0302 ul li:before {content:''; background:#243880; width:1.0rem; height:1.0rem; left:50%; top:-0.5rem; transform:translate(-50%, 0); border-radius:100%;  position:absolute;}

.mob_arr {display:none;}

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


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


.enms_wrap01 {width:100%; max-width:768px; margin:auto;}
.enms_box01_01 { flex-direction: column; padding-bottom:0;}
.enms_box01_01:after {display:none;}
.enms_box01_01_inner {width:100%;}
.enms_box01_01_inner:last-child {margin-top:5.0rem;}
.enms_box01_01_inner .enms_box01_0102:before {display:none;}
.enms_box01_0103 {margin-top:1.5rem; display:block; text-align:center; }
.enms_box01_0103 span {display:block;}

.mob_arr {display:block; text-align:center;}
.mob_arr02 {transform:rotate(180deg);}

.enms_box01_02 {font-size:3.0rem;}

.enms_box01_03 {padding-top:0;}
.enms_box01_03:before {display:none;}
.enms_box01_03 .enms_box01_0302 ul{margin-top:1.5rem}
.enms_box01_03 .enms_box01_0302 ul li {width:100%; margin-bottom:1.5rem; }
.enms_box01_03 .enms_box01_0302 ul li:before {display:none;}


.enms_box01_03 .enms_box01_0301 {margin-top:0em; display:block; text-align:center; }
.enms_box01_03 .enms_box01_0301 span {display:block;}
}


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

.enms_wrap02 .enms_box02 {width:100%; }

.enms_box02_01_arr {margin:0 auto 2.0rem;  text-align:center;}
.enms_box02_01_arr img { transform:rotate(90deg); }
}

@media screen and (max-width: 768px){
.enms_wrap02 {padding:5.0rem; }
}


.enms_wrap03 { justify-content: space-between;}
.enms_wrap03 .enms_box03 {text-align:center; background:#f8f8f8; width:32%; padding:3.0rem; position:relative; }
.enms_wrap03 .enms_box03 .num {position:absolute; width:4.3rem; background:#243880; border-radius:100%; color:#fff; font-size:2.2rem; font-weight:600; aspect-ratio:1; left:4.0rem; top:4.0rem;
								display:flex;  justify-content: center; align-items: center; }
.enms_wrap03 .enms_box03 figure {}
.enms_wrap03 .enms_box03 figure figcaption { margin-top:1.5rem; font-size:2.2rem; color:#000; line-height:1.4; font-weight:500;}
.enms_wrap03 .enms_box03 figure figcaption span {display:block; font-weight:600;}



.enms_wrap04 {padding:6.0rem;  justify-content: space-between;}
.enms_wrap04 .enms_box04 {background:#fff; padding:2.5rem; width:32%;}

@media screen and (max-width: 1200px){
.enms_wrap1 {justify-content: start_flex;}
.enms_wrap1 > div {width:100%;}
}

@media screen and (max-width: 1024px){
.enms_wrap03 .enms_box03 {width:100%; margin-bottom:2.0rem;}
.enms_wrap04 {padding:4.0rem;}
.enms_wrap04 .enms_box04 {padding:1.0rem;}
}


@media screen and (max-width: 768px){
.enms_wrap04 .enms_box04 {width:100%; margin-bottom:3.0rem;}

}




/*인재상*/

.person_wrap {margin-top:14.0rem;}
.person_title {font-size:3.0rem; font-weight:600; margin-bottom:2.0rem; color:#000;}

.talent_box { justify-content: space-between; padding:3.0rem 0;}
.talent_box:nth-child(2n) { flex-direction: row-reverse; }


.talent_box .talent_img {
  width:45%; min-height:51.0rem;
  border-radius:30.0rem;
  position: relative;
  overflow: hidden;
  background-position: center;
  background-size: cover;

  opacity: 0;
  /* 처음엔 완전히 아래쪽에 가려진 상태 (밑에서부터 차오르게) */
  clip-path: inset(100% 0 0 0);

  will-change: clip-path, opacity, transform;
}


.talent_txt {width:50%; display:flex;  justify-content: center; align-items: center;}
.talent_txt dl dt {font-size:4.0rem; font-weight:600; color:#000}
.talent_txt dl dt span {font-size:2.4rem; color:#666; display:inline-block; margin-left:1.5rem;}
.talent_txt dl dd {font-size:2.0rem; margin-top:2.0rem;}
.talent_txt dl dd strong {color:#000; font-size:2.2rem; display:block; font-weight:500; margin-bottom:0.5rem;}


.person_proess {padding:12.0rem 0; margin-top:15.0rem;}
.person_proess > .person_cont { justify-content: space-between; gap:8.0rem;  justify-content: center; }
.person_proess > .person_cont > .process_arr {padding-top:8.0rem;}
.person_proess .process_box {text-align:center;}
.person_proess .process_box  figure {display:flex;  justify-content: center; align-items: center; width:17.0rem; height:17.0rem; background:#fff; border-radius:100%; margin:auto;}

.person_proess .process_box dl {margin-top:3.0rem;}
.person_proess .process_box dl dt {font-weight:600; font-size:2.2rem; color:#000;}
.person_proess .process_box dl dd {font-weight:500; font-size:2.0rem;  line-height:1.4; margin-top:1.0rem;}


.benefit_wrap {padding:12.0rem 0 0 0 ;}
.benefit_wrap .person_cont { justify-content: space-between;}
.benefit_box {width:32%; background:#f8f8f8; padding:5.0rem; border-radius:2.0rem;}
.benefit_box figure {margin:0;}

.benefit_box .benefit_txt {margin-top:2.0rem;}
.benefit_box .benefit_txt strong {color:#000; font-size:2.2rem;  font-weight:600;}
.benefit_txt ul {margin-top:1.0rem;}
.benefit_txt ul li {position:relative; padding-left:2.0rem; margin-bottom:0.3rem;}
.benefit_txt ul li:before {content:'·'; position:absolute; left:0;}

@media screen and (max-width: 1024px){
.person_proess > .person_cont {gap:3.0rem;}
.person_proess .process_box figure {width:15.0rem; height:15.0rem;}
.person_proess .process_box figure img {width:60%;}

.benefit_box {width:100%; margin-bottom:3.5rem; display:flex; }
.benefit_box figure {padding-right:5.0rem;}

}


@media screen and (max-width: 768px){
.talent_box { flex-direction: column;}
.talent_box .talent_img {width:100%;  border-radius:2.0rem; min-height:35.0rem;}
.talent_box .talent_txt {width:100%; margin-top:5.0rem; }  
.talent_box .talent_txt dl dt {font-size:2.8rem;}

.person_proess > .person_cont { flex-direction: column;}
.person_proess > .person_cont > .process_arr {text-align:center; padding-top:0;}
.person_proess > .person_cont > .process_arr img {transform:rotate(90deg);}

.benefit_box {padding:3.0rem; }
.benefit_box figure {width:100px;}
}



/*기업문화*/
.culture_wrap {padding-left: calc((100% - 1600px) / 2) !important; margin-top:12.0rem; margin-bottom:5.0rem;}
.culture_wrap .swiper-scrollbar {margin-left: calc((100% - 1600px) / 2) !important; width:100%;}
.culture_wrap .swiper-scrollbar, .culture_wrap .swiper-scrollbar.swiper-scrollbar-horizontal {width:100%; left:0; }
.culture_wrap .swiper-scrollbar .swiper-scrollbar-drag {background:#233881;}

.culture_box { flex-direction: column; display:flex; gap:5.0rem; margin-bottom:5.0rem;}
.swiper-slide .culture_box .culture_img {border-radius:5.0rem;}
.swiper-slide:nth-child(2n-1) .culture_box .culture_img {aspect-ratio: calc(635/431) / 1; max-width:63.5rem; width:100%;}
.swiper-slide:nth-child(2n) .culture_box { flex-direction: column-reverse; }
.swiper-slide:nth-child(2n) .culture_box .culture_img {aspect-ratio: calc(561/565) / 1; max-width:56.1rem; width:100%;}

.swiper-slide .culture_box .culture_txt dl {padding-left:2.0rem;}
.swiper-slide .culture_box .culture_txt dl dt {font-size:2.8rem; font-weight:600; color:#000;}
.swiper-slide .culture_box .culture_txt dl dd {font-size:2.0rem; margin-top:1.0rem; }


@media screen and (max-width: 1600px){
.culture_wrap {padding-left:20px!important;}
.culture_wrap .swiper-scrollbar {margin-left:20px!important;} 
}

@media screen and (max-width: 1024px){
.culture_wrap  { margin-top:8.0rem;}
.culture_box {padding-right:5.0rem;}
.swiper-slide .culture_box .culture_txt dl dd br {display:none;}

}