@charset "utf-8";

.sub_contents {width:100%;  line-height:1.5;  font-size:1.8rem; color:#666; padding:0rem 0 0 0;}
.sub_contents2  {width:100%;  line-height:1.65;  font-size:1.8rem; color:#666; padding:4.0rem 0 0 0; min-height:50.0rem; }
.sub_contents3 {width:100%;  line-height:1.65;  font-size:1.8rem; color:#666; padding:8.0rem 0 0 0; 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}
.wid_1800 {width:100%; position:relative; max-width:1800px; margin:auto}

.wps_100 {width:100% !important;}
.point {color:#264fd4 !important;}
.point2 {color:#203653 !important;}
.point3 {color:#f4d039 !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:1600px) {
	.side_pd {padding-left:15px !important; padding-right:15px !important;}

}

@media( max-width:1000px) {
	.div_scroll table {width:1000px; font-size:14px;}

	.sub_contents {margin-top:0rem;}

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

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



@media( max-width:728px) {
	.div_scroll table {width:720px; font-size:13px;}
	.div_scroll img {max-width:720px !important;}


}


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_t100 {padding-top:10.0rem!important;}
.pd_b100 {padding-bottom:10.0rem!important;}

.pd_t80 {padding-top:8.0rem!important;}
.pd_b80 {padding-bottom:8.0rem!important;}

.txt_c {text-align:center;}





@media screen and (max-width: 1200px){
.mg_t150{margin-top:8.0rem!important;}
}








/*동영상*/
.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: 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: 1.8rem; background:transparent; line-height: 1.45; border-top:2px solid #222;}
.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: 20px 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 #ddd;  border-left: 0px solid #ddd !important; padding: 12px; color: #000;  vertical-align: middle;  font-weight: bold;}
.table5 tbody td {border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; padding: 20px;  vertical-align: middle;  text-align:left;  }
.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-weight:500; color:#000;}
.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;}


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

.top_txt {font-size:3.6rem; font-weight:600; color:#000; margin-top:2.0rem;}

.conts_wrap {width:100%; position:relative;}
.conts_wrap .conts_title {width:50.0rem;}
.title_h3 {font-size:3.2rem; font-weight:600; color:#000;}
.conts_wrap .conts_inner {width:calc(100% - 50.0rem);}

.sub_title {font-size: 2.6rem; color:#203653; text-transform:uppercase; font-weight: 700;}

.conts_wrap2 {width:100%; position:relative;}
.conts_wrap2 .conts_title {width:50.0rem;}
.conts_wrap2 .conts_inner {width:100%; margin-top:3.0rem;}



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

.conts_wrap .conts_title {width:100%;}
.title_h3 {font-size:3.2rem;}
.conts_wrap .conts_inner {width:100%; margin-top:3.0rem;}

}

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


.top_txt {font-size:2.6rem;}
}




/*회사개요*/

.compnay_img {text-align:center; }


.overview_table {margin-top:5.0rem; border-top:1px solid #ddd; }
.overview_table dl {display:flex; border-bottom:1px solid #ddd; padding:2.8rem; }
.overview_table dl dt {width:25%; color:#000; font-weight:600; }
.overview_table dl dd {width:75%;}

.factory_wrap {margin-top:12.0rem;}

.factory_inner {margin-top:3.0rem; justify-content: space-between;}
.factory_inner .factory_box {width:48%; margin-bottom:7.0rem;}

.factory_inner .factory_box .fac_txt {margin-top:3.0rem; padding:0 20px;}
.factory_inner .factory_box .fac_txt h4 {font-size:2.4rem; font-weight:600; border-bottom:1px solid #ddd; padding:0 2.0rem 1.5rem 2.0rem; margin-bottom:1.5rem;}
.factory_inner .factory_box .fac_txt dl {display:flex; padding:1.0rem 2.0rem; }
.factory_inner .factory_box .fac_txt dl dt {width:25%; color:#000; font-weight:600; }
.factory_inner .factory_box .fac_txt dl dd {width:75%;}



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

.factory_inner .factory_box {width:100%;}

}




/*CEO 인사말*/
.message_wrap {margin-top:5.0rem; }
.message_wrap .message_left {width:48.0rem; text-align:right;}

.message_wrap .message_left .message_name {margin-top:1.5rem; display:block;}
.message_wrap .message_left .message_name p {font-size:2.4rem; font-weight:600;color:#000; }

.message_wrap .message_right {width:calc(100% - 48.0rem); padding-left:10.0rem;}

.message_txt2 {font-size:2.4rem; font-weight:600; color:#000;}

.message_txt4 {padding:5.0rem; background:#f8f8f8; display:flex; flex-wrap:wrap; margin-top:2.0rem;}
.message_txt4 li {flex: 1 1 40%; font-size:2.0rem; font-weight:500; padding-left:2.0rem; position:relative; margin:0.2rem 0; }
.message_txt4 li:before {content:''; width:5px; height:5px; position:absolute; left:0; top:1.5rem; background:#203653;}


.message_wrap  .message_name2 {display:none;}


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

.message_wrap .message_left {width:40.0rem}
.message_wrap .message_right {width:calc(100% - 40.0rem); padding-left:10.0rem;}
}


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


.message_wrap .message_left {width:100%; order:1; }
.message_wrap .message_right {width:100%; padding-left:0rem; order:2;  margin-top:5.0rem;}

.message_wrap .message_left .message_name {display:none;}

.message_wrap .message_right .message_name2 {display:block; text-align:right; margin-top:2.0rem;}
.message_wrap .message_right .message_name2 p {font-size:2.4rem; font-weight:600;color:#000; }


.message_txt4 li {flex: 1 1 100%;}

}


/*연혁*/
.his_top_txt {font-size:3.0rem; color:#000; font-weight:600; line-height:1.4;}
.his_top_img {margin:8.0rem auto 5.0rem; text-align:center; }

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

.his_top_txt {font-size:2.4rem;}

}




.his_wrap {
    display: flex;
    width: 100%;
	max-width:160.0rem;
	margin:0.0rem auto 5.0rem;
    min-height: 200vh;
    position: relative;
    overflow: visible;
}

/* 왼쪽 고정 */
.his_left {
    position: sticky;
    top: 0;
    width: 50%;
    height: 100vh;
    padding: 15.0rem  6.0rem 6.0rem 6.0rem;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.left_inner {text-align:center; }

.left_inner #left_year {
    font-size: 5.2rem;
    font-weight: 700;
    margin-bottom: 0rem;
	color:#000;
}

.left_inner #left_desc {
    font-size: 3.2rem;
    font-weight: 700;
    margin-bottom: 4.0rem;
    color: #203653;
}

.left_img_box {
    width: 100%;
    border-radius: 24px;
    overflow: hidden;
}

.left_img_box img {
    width: 100%;
    display: block;
    border-radius: 24px;
    object-fit: cover;
}

/* 오른쪽 스크롤 */
.his_right {
    width: 50%;
    padding: 15.0rem 7.0rem;
	border-left:1px solid #ddd;
}

.his_item {
    padding: 0.0rem 0;
}


.right_conts dl {display:flex; font-size:1.8rem; padding:2.0rem 0;}
.right_conts dl dt {color:#666; width:12.0rem;}
.right_conts dl dd {color:#000; width:calc(100% - 12.0rem); }

#left_title .digit {
    display: inline-block;
    font-size: inherit;
    min-width: 0.6em;
}

.mob_his_left {display:none;}

@media screen and (max-width: 1200px){
.his_left {width:45%;}


.left_inner #left_year { font-size: 4.6rem;}
.left_inner #left_desc {font-size: 3.2rem;}


.his_right {
    width: 55%;
    padding: 20.0rem 6.0rem;

}

.right_conts dl {display:flex; font-size:1.8rem; padding:1.6rem 0;}
.right_conts dl dt {color:#666; width:12.0rem;}
.right_conts dl dd {color:#000; width:calc(100% - 12.0rem); }


}


@media (max-width: 1024px) {

.mob_his_left {display:block;}
.mob_his_left .mob_year {font-size:3.4rem; font-weight:700; color:#000;}
.mob_his_left .mob_desc {font-size:3.0rem; font-weight:700; color:#203653;}
.mob_his_left .mob_img { margin-top:2.0rem; }


/* 전체를 한 컬럼으로 변경 */
.his_wrap {
	display: block;
	min-height: auto;
}

/* 왼쪽 고정 영역은 모바일에서 숨김 */
.his_left {
	display: none;
}

/* 오른쪽 영역을 전체 폭 사용 */
.his_right {
	width: 100%;
	padding: 4.0rem 2.0rem;
}

/* 각 항목 여백 조금 줄이기 */


.right_conts {margin-top:5.0rem;}
.right_conts dl {display:flex; font-size:16px; padding:1.6rem 0;}
.right_conts dl dt {color:#666; width:12.0rem;}
.right_conts dl dd {color:#000; width:calc(100% - 12.0rem); }


}




/*인증현황*/

.certification_wrap {display:flex;  flex-wrap: wrap;  margin:3.0rem -30px 0 0; overflow:hidden;}
.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 {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:17px; font-weight:400; line-height:1.3; }

.certification_wrap .cert_box .cert_img2 {background:#fff;  padding:5.0rem 2.0rem; border:1px solid #e5e5e5; }
.certification_wrap .cert_box .cert_img2 img {width:100%; max-width:218px; }

@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:3.0rem -25px 0 0;}
.certification_wrap .cert_box {width:calc(50% - 25px); margin-right:25px; }
.certification_wrap .cert_box .cert_img img {width:85%}
.certification_wrap .cert_box .cert_txt {font-size:15px;}


}


@media screen and (max-width: 500px){
.certification_wrap {display:flex;  flex-wrap: wrap;  }
.certification_wrap .cert_box .cert_img2 {height:38.0rem;}
.certification_wrap .cert_box .cert_img {height:38.0rem;}

}



/*브랜드 스토리 vision*/

.vision_sec {width:100%; height:100vh; }


.vision_sec02 {background:url("../../pages/images/vision_sec02.jpg") no-repeat center; background-size:cover; display:flex;  justify-content: center; align-items: center; color:#fff; }
.vision_sec02 .vision_sec02_tit { font-weight:600; font-size:4.2rem; text-align:center;}

.vision_sec02 .v_sec02_conts { justify-content: space-between; margin-top:10.0rem; }
.v_sec02_box {width:24%; background:rgba(0,0,0,0.2); -webkit-backdrop-filter: blur(4px);    backdrop-filter: blur(4px);    backdrop-filter: blur(4px);
			 padding:5.0rem 5.0rem 2.0rem 5.0rem ;text-align:center; border-radius:2.5rem; }
.v_sec02_box .v_sec02_icon {width:9.0rem; height:9.0rem; margin:auto; }
.v_sec02_box dl {margin-top:2.0rem;}
.v_sec02_box dl dt {font-size:2.8rem; font-weight:600; color:#f4d039;}
.v_sec02_box dl dd {font-size:2.0rem; margin-top:1.0rem; line-height:1.4;}



.vision_sec04 {background:url("../../pages/images/vision_sec03.jpg") no-repeat center; background-size:cover; display:flex;  justify-content: center; align-items: center; color:#fff;}
.vision_sec04 .vision_sec04_tit { font-weight:600; font-size:4.2rem; text-align:center;}
.vision_sec04 .v_sec04_conts { justify-content: space-between; margin-top:8.0rem; }
.vision_sec04 .v_sec04_conts .v_sec04_box {width:31%;  background:rgba(0,0,0,0.2); -webkit-backdrop-filter: blur(4px);    backdrop-filter: blur(4px);    backdrop-filter: blur(4px);
											padding:5.0rem;text-align:center; border-radius:2.5rem;   }


.v_sec04_box > strong {font-size:5.2rem; font-weight:400; display:block; font-family:'Noto Sans KR'}
.v_sec04_box > span {display:block; font-size:2.2rem; color:#979797; font-weight:600; margin-top:0.5rem; }
.v_sec04_box > dl {margin-top:3.0rem; }
.v_sec04_box > dl > dt {font-size:2.6rem; font-weight:600; color:#f4d039;}
.v_sec04_box > dl > dd {font-size:1.8rem; color:#979797;  line-height:1.6; margin-top:1.5rem;  }


.vision_sec05 {background:#152337; overflow:hidden;}
.vision_sec05_inner {padding:12.0rem 0; color:#fff; }
.v_sec05_wrap {padding:6.0rem 0;}
.v_sec05_wrap .v_sec05_img {}
.v_sec05_img {
  width:50%; min-height:75.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;
}


.v_sec05_wrap .v_sec05_txt {width:50%; padding:10.0rem 5.0rem 8.0rem 3.0rem; display:flex; align-items: center;}
.v_sec05_wrap .v_sec05_txt dt {font-size:3.6rem; font-weight:600; margin-bottom:3.0rem; color: }
.v_sec05_wrap .v_sec05_txt dt span {display:block; font-size:3.4rem; }
.v_sec05_wrap .v_sec05_txt dt strong {color:#f4d039;  font-weight:600;}
.v_sec05_wrap .v_sec05_txt dd {font-size:1.8rem; line-height:1.65;}
.v_sec05_wrap .v_sec05_txt dd p {margin-bottom:2.0rem; }

.v_sec05_txt_02 li {padding-left:9.0rem; position:relative; margin-bottom:2.0rem;}
.v_sec05_txt_02 li span {position:absolute; left:0; top:0rem;font-size:2.4rem; font-weight:500;}
.v_sec05_txt_02 li strong {font-size:2.4rem; font-weight:500;}
.v_sec05_txt_02 li > p {margin-top:1.0rem;}

.v_sec05_wrap:nth-child(2n-1) { flex-direction: row-reverse; }


.vision_sec06 {background:#fff; padding:15.0rem 0  5.0rem 0 ; text-align:center; }
.vision_sec06 .v_sec06_tit {}
.vision_sec06 .v_sec06_tit strong {font-size:7.2rem; color:#2e947d; font-weight:800;}
.vision_sec06 .v_sec06_tit p {font-size:3.4rem; color:#848484; font-weight:600; margin-top:0.5rem; }
.vision_sec06 .v_sec06_img  {margin-top:7.0rem; }


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

.vision_sec {height:auto; padding:10.0rem 0;}
.vision_sec02 .vision_sec02_tit {font-size:3.4rem;}
.vision_sec02 .v_sec02_conts{margin-top:5.0rem;}
.v_sec02_box {width:49%; margin:1.0rem 0;}
.v_sec02_box .v_sec02_icon {width:7.0rem; height:7.0rem;}


.vision_sec04 .v_sec04_conts .v_sec04_box  {width:100%; margin-bottom:2.5rem;}

}

@media screen and (max-width: 1024px){
.vision_sec05_inner {padding:10.0rem 0; }
.v_sec05_wrap {padding:0 0 5.0rem 0;}
.v_sec05_wrap .v_sec05_img {width:100%; order:1; background-size:cover !important; min-height:40.0rem;}
.v_sec05_wrap .v_sec05_txt {width:100%; order:2;  padding:5.0rem 1.0rem 3.0rem 1.0rem;}
.v_sec05_wrap .v_sec05_txt dt {font-size:3.2rem; }

.vision_sec06 .v_sec06_tit strong {font-size:4.2rem; }
.vision_sec06 .v_sec06_tit p {font-size:2.4rem; } 

}


/*비전::핵심가치*/


#v_sec03 {position:relative;  height:100vh; padding:0 15px;color:#fff;  background:#152337;}
#v_sec03 .sticky-wrap {
  position:relative;
  overflow:visible; /* pin 쓸 때 잘림 방지 */
  }

/* 타이틀 */
#v_sec03 .vision_sec03_tit {position:relative; text-align:center; padding-top:16vh; padding-bottom:4vh}
#v_sec03 .vision_sec03_tit strong {font-size:2.4rem; font-weight:500;}
#v_sec03 .vision_sec03_tit p {font-size:3.8rem; font-weight:600; margin-top:2.0rem; line-height:1.5;}

/* 콘텐츠 원형 */
#v_sec03 .cont{padding-top:24px}
#v_sec03 .circle--inner{
    position:absolute;
    top:50%;
    left:50%;
    /*ransform:translate(-50%, -50%); /* 한 번에 중앙 */
    display:flex;
    /*flex-direction:column;*/
    align-items:center;
    /*gap:8px;*/
}

#v_sec03 .cont .circles-wrap{display:flex;justify-content:center}
#v_sec03 .cont .circle-item{display:flex;align-items:center}
#v_sec03 .cont .circle-item .circle{position:relative}
#v_sec03 .cont .circle-item .circle .circleSvg{width:260px;aspect-ratio:1}
#v_sec03 .circle-draw{
    stroke-dasharray:1;
    stroke-dashoffset:1;
    transform:rotate(-90deg);
    transform-origin:center;
}
#v_sec03 .cont .circle-item .circle .circle--inner{position:absolute;top:50%;left:50%;display:flex;flex-direction:column;align-items:center; justify-content: center;gap:5px;/*transform:translateX(-50%);*/will-change:filter}
#v_sec03 .cont .circle-item .circle .circle--inner .tit-box{display:flex;flex-direction:column; align-content: center;  justify-content: center; text-align:center;}
#v_sec03 .cont .circle-item .circle .circle--inner .tit-box .ko-tit {font-size:2.6rem; font-weight:600; }
#v_sec03 .cont .circle-item .circle .circle--inner .tit-box .ko-eng {font-size:2.0rem; opacity:0.4; display:none; margin-bottom:0.5rem;}
#v_sec03 .cont .circle-item .circle .circle--inner .tit-box .ko-tit i {font-style: normal; display:block;}


@media screen and (max-height: 800px){
#v_sec03 .vision_sec03_tit strong {font-size:2.0rem; }
#v_sec03 .vision_sec03_tit p {font-size:2.4rem;}
#v_sec03 .cont .circle-item .circle .circleSvg { width:150px; }
#v_sec03 .cont .circle-item .circle .circle--inner .tit-box .ko-tit {font-size:2.0rem; }
#v_sec03 .cont .circle-item .circle .circle--inner .tit-box .ko-eng {font-size:1.6rem; }

}



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

#v_sec03 .vision_sec03_tit strong {font-size:2.0rem; }
#v_sec03 .vision_sec03_tit p {font-size:2.4rem;}
#v_sec03 .cont .circle-item .circle .circleSvg { width:200px; }
}




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

#v_sec03 .cont .circle-item .circle .circleSvg {width:140px; }
#v_sec03 .cont .circle-item .circle .circle--inner .tit-box .ko-tit {font-size:2.0rem; }
#v_sec03 .cont .circle-item .circle .circle--inner .tit-box .ko-eng {font-size:1.6rem; }
}





/*CI*/
.ci_top {margin-top:5.0rem;border:1px solid #ddd;padding:12.0rem 8.0rem 10.0rem 8.0rem; }
.ci_top .ci_logo { text-align:center; }
.ci_top .ci_logo_btn {transition: all 0.6s; margin:5.0rem auto 0; width:25.0rem; height:7.0rem; background:#203653; color:#fff; border-radius:7.0rem; display:flex;  justify-content: center; align-items: center;  gap:3.5rem;}
.ci_top .ci_logo_btn span {font-size:2.0rem; font-weight:600;}
.ci_top .ci_logo_btn:hover {background:#ebbd42; transition: all 0.6s;}

.ci_logo_color{ margin-top:5.0rem; max-width:110.0rem;}
.ci_logo_color_txt {display:flex; padding-bottom:2.0rem; }
.ci_logo_color_txt > div {font-size:2.0rem; font-weight:500; color:#000; width:50%;}
.ci_logo_color_txt > div:nth-child(2) {padding-left:15px;}

.type_logo {background:#f8f8f8; padding:12.0rem 8.0rem; text-align:center; margin-top:3.0rem; }



/*홍보자료:브로슈어*/
#brochure {scroll-margin-top: 20rem;}

.brochure_wrap {background:#f8f8f8; margin-top:5.0rem; padding:10.0rem; gap:8%;   }
.brochure_wrap .brochure_img {width:35%;}
.brochure_wrap .brochure_txt {width:57%; display:flex; flex-direction: column;  justify-content: center;}

.brochure_wrap .brochure_txt .brochure_box {padding:5.0rem;}
/*.brochure_wrap .brochure_txt .brochure_box:first-child {border-bottom:1px solid #ddd; }*/
.brochure_wrap .brochure_txt .brochure_box > .txt1 {font-size:3.2rem; color:#000; font-weight:500;}
.brochure_wrap .brochure_txt .brochure_box .brochure_btn {display:flex; gap:2.5rem; margin-top:3.5rem;}
.brochure_wrap .brochure_txt .brochure_box .brochure_btn a {width:26.5rem; height:7.6rem; border:1px solid #222; background:#fff; border-radius:7.6rem;
															display:flex;  justify-content: center; align-items: center; font-size:2.2rem; font-weight:500; gap:8.0rem;  }

.brochure_wrap .brochure_txt .brochure_box .brochure_btn a:hover {background:#203653; transition: all 0.6s;border:1px solid #203653; color:#fff; }


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

.brochure_wrap .brochure_img {width:100%; text-align:center; }
.brochure_wrap .brochure_txt {width:100%; text-align:center; margin-top:5.0rem; }
}


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

.brochure_wrap {padding:5.0rem;}
.brochure_wrap .brochure_txt .brochure_box {padding:5.0rem 0;}
.brochure_wrap .brochure_img img {max-width:60%;}
.brochure_wrap .brochure_txt .brochure_box > .txt1 {font-size:2.8rem;}
.brochure_wrap .brochure_txt .brochure_box .brochure_btn a {font-size:15px; gap:20px;}
}




/*사업분야*/
.biz_wrap {margin-top:18.0rem;}
.biz_wrap .biz_title1 {text-align:center; font-size:3.6rem; font-weight:700; color:#000}

.biz_title2 {/*height:21vh; */ margin-bottom:3.0rem;}
.biz_title2 > div {/*padding-top:12vh; */ padding-top:10.0rem; width:160.0rem; margin:auto; font-size:3.0rem; font-weight:600; color:#000;}



/*오픈이노베이션*/
.open_innovation_logo {display:flex;  justify-content: center; gap:5.0rem; margin-top:5.0rem; }
.open_innovation_number {background:#152337; padding:8.0rem 2.0rem 6.0rem 2.0rem; margin-top:8.0rem; }
.open_innovation_number ul { justify-content: center; }
.open_innovation_number ul li {width:23%; color:#fff; text-align:center; }

.open_innovation_number ul li > .opne_num {display:flex;  align-items: center;  justify-content: center; flex-wrap:wrap; height:17.0rem; }
.open_innovation_number ul li > .opne_num strong {font-size:8.2rem; font-weight:700;}
.open_innovation_number ul li > .opne_num span {font-size:4.0rem; display:inline-block; padding:0 1.5rem; font-weight:700; }
.open_innovation_number ul li > .opne_num span.open_txt1 {width:100%; font-size:2.0rem;}
.open_innovation_number ul li > p {font-size:2.2rem; line-height:1.4; font-weight:600; display:block;}

.open_strategy_wrap {padding:8.0rem; text-align:center; }
.open_strategy_wrap .open_strategy_txt {font-size:2.6rem; color:#000; margin-top:5.0rem; font-weight:500; }

.open_invest {}
.open_invest .open_invest_wrap {padding: 9rem 10rem;}
.open_invest .open_invest_wrap .chart {display: flex;align-items: center;margin-bottom: 3rem;}
.open_invest .open_invest_wrap .chart:last-child {margin-bottom: 0rem;}
.open_invest .open_invest_wrap .chart .chart_bar {background: #a7a7a7;height:6.2rem; border-top-right-radius: 3.2rem;border-bottom-right-radius: 3.2rem;font-size: 1.6rem;
color: #fff;font-weight: 600;padding: 1.7rem 1.5rem;white-space: nowrap;width: 0;transition: 1.5s;overflow: hidden; line-height:1.7;}
.open_invest .open_invest_wrap .chart1 .chart_bar {background: #152337;}

.open_invest .open_invest_wrap .chart .chart_bar > span {}
.open_invest .open_invest_wrap .chart .chart_num {font-size: 2.4rem;color: #213556;font-weight: 700;padding-left: 2rem;}

.open_invest.visible .open_invest_wrap .chart1 .chart_bar {width: 81.5%;}
.open_invest.visible .open_invest_wrap .chart2 .chart_bar {width: 43.0%;}
.open_invest.visible .open_invest_wrap .chart3 .chart_bar {width: 28.0%;}
.open_invest.visible .open_invest_wrap .chart4 .chart_bar {width: 25.0%;}
.open_invest.visible .open_invest_wrap .chart5 .chart_bar {width: 22.5%; padding:1.5rem 1.5rem; line-height:1;}
.open_invest.visible .open_invest_wrap .chart6 .chart_bar {width: 37.3%;}

@media screen and (max-width: 1400px){
.open_innovation_number {}
.open_innovation_number ul {}
.open_innovation_number ul li {width:33%;}
.open_innovation_number ul li > .opne_num strong {font-size:6.2rem;}

}
@media screen and (max-width: 1024px){
	.open_invest .open_invest_wrap {padding: 9rem 3rem;}
	.open_invest .open_invest_wrap .chart .chart_bar {font-size: 2.0rem; padding: 1.6rem 1rem;}
	.open_invest.visible .open_invest_wrap .chart2 .chart_bar {width: 48.0%;}
	.open_invest.visible .open_invest_wrap .chart3 .chart_bar {width: 32.0%;}
	.open_invest.visible .open_invest_wrap .chart4 .chart_bar {width: 30.0%;}
	.open_invest.visible .open_invest_wrap .chart5 .chart_bar {width: 27.5%;}
	.open_invest.visible .open_invest_wrap .chart6 .chart_bar {width: 42.3%;}


}

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

.open_innovation_logo {padding:0 3.5rem; gap:8.0rem;}
.open_innovation_number ul li {width:100%; padding:2.0rem 1.5rem;}

.open_strategy_wrap {padding:5.0rem 3.0rem}
.open_strategy_wrap .open_strategy_txt {font-size:2.2rem; line-height:1.35;}
	.open_invest .open_invest_wrap .chart .chart_bar {font-size: 1.8rem; padding: 1.8rem 1.5rem;}
	.open_invest.visible .open_invest_wrap .chart2 .chart_bar {width: 53.0%;}
	.open_invest.visible .open_invest_wrap .chart3 .chart_bar {width: 37.0%;}
	.open_invest.visible .open_invest_wrap .chart4 .chart_bar {width: 35.0%;}
	.open_invest.visible .open_invest_wrap .chart5 .chart_bar {width: 32.5%;}
	.open_invest.visible .open_invest_wrap .chart6 .chart_bar {width: 47.3%;}
}



/*ESG 비전*/
.esg_vision {margin-top:15.0rem;}

.esg_vision ul{
  display: flex;  justify-content: center;
  gap: 3.0rem;
  position: relative;

}

.esg_vision  li {
	width: calc(100% / 4);
	max-width:28.4rem;
	}
.esg_vision  li a{
  max-width:28.4rem;
  max-height:28.4rem;

  border-radius:100%;
  aspect-ratio: 1 / 1;
  background:#213556;
  list-style: none;
  color:#fff;
  text-align:center;
  display:block;
  position:relative;
  font-weight:800;
}

.esg_vision  li a .upper_txt {
	 font-size: 18.9rem;
	 position:absolute;
	 top:50%;
	 left:50%;
	 transform: translate(-50%, -50%);
}


.esg_vision  li.on a{
  background:#2e947e;
  color:#fff;
  transition: all 0.4s;
}

.esg_vision li .tab_text {text-align:center; margin-top:3.0rem; line-height:1.3;}
.esg_vision li .tab_text strong {font-size:2.4rem; font-weight:700;  color:#213556;}
.esg_vision li .tab_text p {font-size:2.0rem; font-weight:500; margin-top:1.0rem; color:#666; }

.esg_vision  li.on .tab_text strong {color:#2e947e; }

.esg_vision .content{
  display: none;
  max-width: 1460px; width:100%; height: auto;
  padding: 8.0rem 10.0rem; margin: 8.0rem auto 0;
  background:#efefef;
  border-radius:1.5rem;
}

.esg_vision .content.on{
  display: block;
  position:relative;
  transition: all 0.4s;
}

.esg_vision .content.on:before {
	content:'';
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 38px 65.8px 38px;
	border-color: transparent transparent #efefef transparent;
	transform: rotate(0deg);}


.esg_vision .content1.on:before { position:absolute; top:-6.5rem; left:16%; }
.esg_vision .content2.on:before { position:absolute; top:-6.5rem; left:37%; }
.esg_vision .content3.on:before { position:absolute; top:-6.5rem; left:60%; }
.esg_vision .content4.on:before { position:absolute; top:-6.5rem; left:81%; }

.esg_vision_conts {}
.esg_vision_conts .esg_v_txt1 {width:45.0rem; font-size:3.6rem; font-weight:800; color:#000; line-height:1.3;}
.esg_vision_conts .esg_v_txt1  span {color:#2e947e;}
.esg_vision_conts .esg_v_txt2 {width:calc(100% - 45.0rem); }
.esg_vision_conts .esg_v_txt2  dt {font-size:2.4rem; color:#000; font-weight:600;}
.esg_vision_conts .esg_v_txt2  dd {font-size:1.8rem; margin-top:1.0rem;}


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

.esg_vision_conts .esg_v_txt1 {width:100%;}
.esg_vision_conts .esg_v_txt1 br {display:none;}
.esg_vision_conts .esg_v_txt2  {width:100%; margin-top:2.5rem;}


.esg_vision .content1.on:before { position:absolute; top:-6.5rem; left:8%; }
.esg_vision .content2.on:before { position:absolute; top:-6.5rem; left:35%; }
.esg_vision .content3.on:before { position:absolute; top:-6.5rem; right:33%; left:auto; }
.esg_vision .content4.on:before { position:absolute; top:-6.5rem; right:8%; left:auto;}
}


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

.esg_vision  li a .upper_txt {font-size: 16rem;}
.esg_vision .content {padding: 8.0rem 5.0rem;}

.esg_vision .content1.on:before { position:absolute; top:-6.5rem; left:5%; }
.esg_vision .content2.on:before { position:absolute; top:-6.5rem; left:5%; }
.esg_vision .content3.on:before { position:absolute; top:-6.5rem; right:auto; left:5%;}
.esg_vision .content4.on:before { position:absolute; top:-6.5rem; right:auto; left:5%;}


.esg_vision li .tab_text p br {display:none;}
}

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

.esg_vision ul{gap:1.5rem}
.esg_vision  li a .upper_txt {font-size: 8rem;}
.esg_vision li .tab_text {display:none;}




}



/*지속가능경영 공통*/

.policy_wrap {background:#f8f8f8; padding:8.0rem; }
.policy_wrap ul li {position:relative;}
.policy_wrap ul li p {font-size:2.0rem; color:#666; padding-left:8.0rem; margin-bottom:4.0rem; line-height:1.6; }
.policy_wrap ul li span {position:absolute; top:0rem; left:0; width:3.6rem; height:3.6rem; background:#152337; color:#fff; border-radius:7px;
						display:flex;  justify-content: center;align-items: center; font-weight:900; font-weight:1.6rem; }



.policy_wrap .policy_wrap_date { text-align:right;  color:#000; font-weight:600; margin-top:2.0rem;}

.policy_ico_wrap { border-top:1px solid #ddd; border-left:1px solid #ddd;}
.policy_ico_box {width:50%;  padding:5.0rem 8.0rem; display:flex; flex-wrap:wrap;  align-items: center; gap:5.0rem; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.policy_ico_box .policy_ico {width:12.2rem; height:12.2rem; background-size:contain}
.policy_ico_box p {font-size:2.4rem; color:#222; font-weight:500;}



.policy_ico_wrap2 { justify-content: space-between;}
.policy_ico_box2 {width:32%; background:#f8f8f8; padding:5.0rem;}
.policy_ico_box2 .policy_ico2 {width:10.5rem; height:10.5rem; display:block;}
.policy_ico_box2 dl {margin-top:3.0rem;}
.policy_ico_box2 dl dt {font-size:2.2rem; font-weight:600; color:#000; line-height:1.4; border-bottom:1px solid #ddd; padding-bottom:3.0rem; }
.policy_ico_box2 dl dd {font-size:1.7rem; padding-top:3.0rem; }


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

.policy_ico_box2 dl dt {font-size:2.0rem;}
.policy_ico_box2 dl dt br {display:none;}
.policy_ico_box2 dl dd {font-size:1.8rem;}

}


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

.policy_wrap {padding:5.0rem; }
.policy_ico_box {padding:5.0rem 3.0rem; gap:0;}
.policy_ico_box .policy_ico {width:12.2rem; height:12.2rem;margin:auto; }
.policy_ico_box p {width:100%; text-align:center; }

.policy_ico_box2 {width:100%; margin-bottom:3.5rem; }

}



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

.certification_wrap .cert_box2 .cert_img2 {background:#fff;  padding:5.0rem 2.0rem; border:1px solid #e5e5e5; }
.certification_wrap .cert_box2 .cert_img2 img {width:100%; max-width:218px; }

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

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


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

.certification_wrap {display:flex;  flex-wrap: wrap;  margin:3.0rem -25px 0 0;}
.certification_wrap .cert_box2 {width:calc(50% - 20px); margin-right:20px; margin-bottom:20px;}
.certification_wrap .cert_box2 .cert_img img {width:85%}
.certification_wrap .cert_box2 .cert_txt {font-size:16px;}


}


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


}



/*윤리경영*/
.ethical_scroll {height:40.0rem; overflow-y:scroll; background:#fff; margin-top:3.0rem;  padding:5.0rem; font-size:1.6rem;}
.ethical_scrollbox {padding:2.0rem; border:1px solid #ddd;}

.pd_le15 {padding-left:1.5rem;}

.ethica1_tit2 {color:#000; font-weight:500; margin-top:2.0rem}
.ethica1_tit3 {color:#000; font-weight:500; margin-top:1.0rem}



.ethical_clean {margin-top:15.0rem; }
.ethical_clean .ethical_clean_title {font-size:4.2rem; color:#000; font-weight:600; text-align:center;}
.ethical_clean .ethical_clean_inner { margin-top:4.0rem; text-align:center; color:#fff;  padding:9.0rem 5.0rem 5.0rem 5.0rem;}
.ethical_clean .ethical_clean_inner > p {font-size:2.4rem; line-height:1.5; font-weight:500; }
.ethical_clean .ethical_clean_inner > a {display:inline-block; margin-top:3.0rem; padding:1.8rem 6.0rem; background:#fff;color:#203653; font-size:2.4rem; font-weight:700; border-radius:7.0rem;  }
.ethical_clean .ethical_clean_inner > a:hover {background:#203653;transition: all 0.6s; color:#fff;}
.ethical_clean .ethical_clean_inner > span {display:block; margin-top:2.0rem; font-size:1.8rem; font-weight:700;}







/*인권경영방침*/
.human_ico_wrap {}
.human_ico_wrap .human_ico_box {display:flex; border:1px solid #ddd; margin-bottom:3.0rem; padding:5.0rem 8.0rem; }
.human_ico_wrap .human_ico {width:15.9rem; height:15.9rem;  }
.human_ico_wrap .human_icotxt {width:calc(100% - 16.0rem);  padding-left:10.0rem;}

.human_ico_wrap .human_icotxt dt {font-size:2.4rem; color:#000; font-weight:500;}
.human_ico_wrap .human_icotxt dd {margin-top:1.5rem;}
.human_ico_wrap .human_icotxt ul li {position:relative; padding-left:1.5rem;}
.human_ico_wrap .human_icotxt ul li:before {content:''; position:absolute; left:0; width:5px; height:1px; background:#666; top:1.5rem; }


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

.human_ico_wrap .human_ico_box {padding:5.0rem 3.0rem; }
.human_ico_wrap .human_icotxt {padding-left:5.0rem;}

}


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

.human_ico_wrap .human_ico {width:10.9rem; height:10.9rem;  }
.human_ico_wrap .human_icotxt {width:calc(100% - 11.0rem); padding-left:3.0rem; }
.human_ico_wrap .human_icotxt dd {margin-top:0rem;}
}



/*HSE*/
.hse_ico_wrap {justify-content: space-between; margin-top:8.0rem;}
.hse_ico_box {width:31%; background:rgba(0,0,0,0.4); padding:5.0rem;  text-align:center; }
.hse_ico_box i {width:13.0rem; height:13.0rem; display:inline-block;}
.hse_ico_box strong {font-weight:800; color:#ebbd42; font-size:3.4rem; display:block;}
.hse_ico_box span {color:#b6b6b6; font-size:2.4rem; font-weight:600; display:block;}


.hse_img {padding:5.0rem; text-align:center;}


.hse_title {font-size:2.8rem; font-weight:600; color:#000;}

.hse_title2 {margin-bottom:3.5rem; }
.hse_title2 strong  {font-size:2.8rem; color:#152337; font-weight:700;}
.hse_title2 span {font-weight:600; display:block; font-size:2.0rem;}


.hse_box_wrap {padding:5.0rem 0 5.0rem 1.0rem; border-bottom:1px solid #ddd; }
.hse_top_line {border-top:5px solid #000; margin-top:3.0rem;  padding-top:3.0rem !important;}

.hse_box dl {width:calc(100% / 3); border-left:1px solid #ddd; padding-left:3.0rem;  }
.hse_box dl dt {font-size:2.0rem; font-weight:600; color:#000; margin-bottom:1.0rem; }
.hse_box dl dd {font-size:1.8rem;}

.hse_box01 dl {width:calc(100% / 2); border-left:1px solid #ddd; padding-left:3.0rem; margin-bottom:4.0rem;}
.hse_box01 dl dt {font-size:2.0rem; font-weight:600; color:#000; margin-bottom:1.0rem; }
.hse_box01 dl dd {font-size:1.8rem;}


.hse_box_wrap02 { justify-content: space-between; margin-top:2.0rem;}
.hse_box02 {width:49%; padding:7.0rem 4.0rem 3.0rem 4.0rem; color:#fff; }
.hse_box02:nth-child(1) {background:#203653; }
.hse_box02:nth-child(2) {background:#416ea9; }
.hse_box02 dl dt {font-size:2.2rem; font-weight:500;}
.hse_box02 dl dd {font-size:2.6rem; font-weight:700; line-height:1.35; margin-top:1.0rem; }




.hes_cert {display:flex; padding:5.0rem;  justify-content: center; gap:5.0rem; text-align:center; background:#f8f8f8; }
.hes_cert_box { padding:4.0rem 5.0rem; }
.hes_cert_box img {box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;}
.hes_cert_box p {color:#000;  margin-top:2.0rem;}



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

.hes_cert_box { padding:2.0rem; }
.hse_ico_box i {width:8.0rem; height:8.0rem;}
.hse_ico_box {width:32%; padding:3.0rem;}
.hse_ico_box strong {font-size:2.4rem;}
.hse_ico_box span {font-size:2.0rem;}

}

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

.hse_ico_box strong {font-size:2.0rem;}
.hse_ico_box span {font-size:1.6rem;}


.hse_title2 {margin-bottom:1.5rem; }
.hse_title2 strong  {font-size:2.4rem; color:#152337; font-weight:700;}
.hse_title2 span {font-weight:600; display:block; font-size:2.0rem;}


.hse_box dl {width:100%; margin-bottom:2.0rem; border:0; background:#f8f8f8; padding:3.0rem; }
.hse_box01 dl {width:100%; margin-bottom:2.0rem; border:0; background:#f8f8f8; padding:3.0rem;}

.hse_box02 {width:100%; margin-bottom:2.5rem;}



.hes_cert {gap:5.0rem}
.hes_cert_box { padding:0rem; }


}



/*지속가능경영보고서*/

.report_wrap {margin:0 -2.3rem 0 0;}
.report_wrap .report_box {width:calc(33% - 2.5rem); margin:0 2.5rem 2.5rem 0; border:1px solid #ddd; padding:3.0rem; transition: all 0.6s;}
.report_wrap .report_box span.re_category {display:block; color:#203653; font-weight:600; }
.report_wrap .report_box strong {margin-top:3.0rem;  display:block; font-size:2.4rem; font-weight:500; }
.report_wrap .report_box a.btn_down2 {width:50%; font-size:1.6rem; margin-top:2.0rem; display:flex;  justify-content: space-between; align-items: center; 
										padding:1.0rem 1.5rem; border:1px solid #ddd; color:#656565;}
.report_wrap .report_box:hover {background:#203653; transition: all 0.6s;}
.report_wrap .report_box:hover span.re_category {color:#fff; }
.report_wrap .report_box:hover a.btn_down2 {color:#fff; border:1px solid rgba(255,255,255,0.2);}
.report_wrap .report_box:hover strong {color:#fff; }



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

.report_wrap .report_box {width:calc(50% - 2.5rem);}
}


@media screen and (max-width: 500px){
.report_wrap .report_box {width:100%;}
}



/*선보인재상 및 채용절차*/
.person_box {background:#f8f8f8; padding:8.0rem 12rem;}
.person_box .person_box_img {width:60%; }
.person_box .person_box_img ul {}
.person_box .person_box_img ul li { background-size:contain !important; max-width:59.4rem; aspect-ratio: calc(594/212) / 1; color:#fff;
									text-transform:uppercase; display:flex;  justify-content: center; align-items: center; font-size:3.6rem; font-weight:800;}
.person_box .person_box_img .bg01 {background: url("../../pages/images/person_bg01.png") no-repeat center; margin-top:-3.2rem; z-index:1; position:relative;}
.person_box .person_box_img .bg02 {background: url("../../pages/images/person_bg02.png") no-repeat center; margin-top:-3.2rem; z-index:2; position:relative;}
.person_box .person_box_img .bg03 {background: url("../../pages/images/person_bg03.png") no-repeat center; z-index:3; position:relative;}
.person_box .person_box_txt {width:40% }
.person_box .person_box_txt ul li {position:relative; margin-top:-3.1rem; width:59.4rem; aspect-ratio: calc(594/212) / 1; display:flex;  flex-direction: column;  justify-content: center; padding-left:6.0rem;}
.person_box .person_box_txt ul li:first-child {margin-top:-0rem; }
.person_box .person_box_txt ul li strong {color:#000; font-size:2.8rem; }
.person_box .person_box_txt ul li p {font-size:2.0rem; }
.person_box .person_box_txt ul li:before{content:''; position:absolute; z-index:0; top:50%; left:0; width:40.0rem;; height:1px; background:rgb(0 0 0 / 20%); transform:translate(-38.0rem, -50%);}

.person_process_wrap01 {background:#f8f8f8; padding:6.0rem;  border-radius:50.0rem; }
.person_process_wrap01 ul {display:flex; gap:4.0rem;  justify-content: center;}
.person_process_wrap01 ul:before {content:''; height:1px; width:60%; top:60%; left:50%; position:absolute; transform: translate(-50%, -50%); z-index:0 ;background:#ddd; }
.person_process_wrap01 ul li {width:28.6rem; aspect-ratio: calc(286/286) / 1 !important;  background:#fff; border-radius:100%;
							display:flex;  flex-direction: column; justify-content: center; align-items: center;  z-index:1; }
.person_process_wrap01 ul li i {width:9.4rem; height:9.4rem; }
.person_process_wrap01 ul li strong {color:#000; font-size:1.5rem; margin-top:1.5rem;}
.person_process_wrap01 ul li span {font-size:1.8rem; font-weight:500; text-align:center; line-height:1.2;}


.person_process_wrap01 ul li:last-child {background:#152337; }
.person_process_wrap01 ul li:last-child strong {color:#fff; }
.person_process_wrap01 ul li:last-child span {color:#ddd;}


.person_process_wrap02 {border-top:3px solid #222;}
.person_process_wrap02 li {padding:6.0rem 4.5rem; border-bottom:1px solid #ddd; display:flex; flex-wrap:wrap; }
.person_process_wrap02 li .person_txt1 {width:30.0rem; color:#000; font-size:2.2rem; font-weight:500; }
.person_process_wrap02 li .person_txt2 {width:calc(100% - 30.0rem); line-height:1.65;}

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


.person_box .person_box_img {width:100%; text-align:center;}
.person_box .person_box_img ul li {margin:auto;}

.person_box .person_box_txt {width:100%;}
.person_box .person_box_txt ul {text-align:center;  margin-top:5.0rem;}
.person_box .person_box_txt ul li {padding-left:0rem;   width:100%;  aspect-ratio: auto; margin-top:0rem; padding:2.0rem 0; }
.person_box .person_box_txt ul li:before {display:none;}
}


@media screen and (max-width: 1024px){
.person_box .person_box_img ul li {font-size:2.6rem;}
.person_process_wrap01 {border-radius:0;}
.person_process_wrap01 ul {flex-wrap:wrap; gap:2.5rem;}
.person_process_wrap01 ul:before {display:none;}
.person_process_wrap01 ul li {width:40%; padding:5.0rem; }

}



@media screen and (max-width: 768px){
.person_box {padding:8.0rem 3.0rem;}
.person_process_wrap01 {padding:3.0rem;}
.person_process_wrap01 ul li {width:23.0rem; height:23.0rem; aspect-ratio:1; padding:3.0rem;}
.person_process_wrap01 ul li strong {margin-top:1.0rem;}

.person_process_wrap02 li {padding:4.0rem 2.5rem;}
.person_process_wrap02 li .person_txt1 {width:100%;}
.person_process_wrap02 li .person_txt2 {width:100%; margin-top:1.0rem;}

}


@media screen and (max-width: 500px){
.person_box {padding:3.0rem 1.5rem;}
.person_process_wrap01 ul li {width:20.0rem; height:20.0rem;}

}

/*복리후생제도*/

.sub_top_wrap {margin:5.0rem auto 0; text-align:center; }
.sub_top_wrap img {margin:auto;}



.conts_wrap {}
.conts_wrap .conts_left {font-size:3.6rem;}
.conts_wrap .conts_right {}


.welfare_ico_wrap {gap:2%; margin-top:8.0rem;}
.welfare_ico_box {background:#152337; width:49%; padding:5.0rem; display:flex; margin-bottom:2%;}
.welfare_ico_box .welfare_ico {width:9.5rem; aspect-ratio: calc(95/95) / 1; margin-right:5.0rem; }
.welfare_ico_box .welfare_ico_txt {color:#fff; font-size:2.0rem;  font-weight:500; margin-top:1.0rem; width:calc(100% - 12.5rem);}


.welfare_box_wrap {gap:2%;}
.welfare_box {width:49%;}
.welfare_box .welfare_txtbox {margin-top:6.0rem; border-top:4px solid #222; padding:3.5rem 1.0rem; border-bottom:1px solid #ddd; margin-bottom:4.0rem; min-height:28.5rem;}
.welfare_box .welfare_txtbox .txt1 {width:100%; font-size:2.2rem; font-weight:600; color:#000; line-height:1.4;}
.welfare_box .welfare_txtbox .txt2 {width:100%; margin-top:2.0rem;   }
.welfare_box .welfare_txtbox .txt2 li {margin-bottom:0.7rem;  position:relative; padding-left:2.0rem;  line-height:1.4;}
.welfare_box .welfare_txtbox .txt2 li:before {content:'-'; position:absolute; left:0; top:1px; }
.welfare_box .welfare_txtbox .txt3 {width:50%;}
.welfare_box .welfare_txtbox .txt2_1 {display:flex; }
.welfare_box .welfare_txtbox .txt3 li {margin-bottom:0.7rem; }

.welfare_box02 {width:100% !important;}


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

}

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

.welfare_box {width:100%; min-height:auto;}
.welfare_box .welfare_txtbox .txt2_1 {flex-wrap:wrap;}
.welfare_box .welfare_txtbox .txt3 {width:100%; }

.welfare_box .welfare_txtbox .txt2 li {font-size:14px;}

}


/*교육제도*/
.edu_sys01 {border-top:4px solid #222;}
.edu_sys01_list {padding:5.0rem 3.0rem; border-bottom:1px solid #ddd; position:relative; }
.edu_sys01_list dl {padding-left:12.0rem;}
.edu_sys01_list dl dt {font-size:2.4rem; font-weight:600; color:#000;}
.edu_sys01_list dl dd {margin-top:1.0rem; font-size:2.0rem; line-height:1.65;}
.edu_sys01_list .edu_sys01_num {position:absolute; background:#152337; width:4.0rem; height:4.0rem;
								border-radius:10px;  display:flex; color:#fff;  justify-content: center; align-items: center; font-size:2.0rem; font-weight:900;}

.edusys_ico_wrap { padding:2.0rem 5.0rem; border:1px solid #ddd; margin-top:6.0rem; }
.edusys_ico_wrap ul li {width:calc(100% / 3); text-align:center; padding:3.0rem 0; }
.edusys_ico_wrap ul li p {font-size:2.0rem; font-weight:500; margin-top:1.0rem;}


@media screen and (max-width: 768px){
.edu_sys01_list dl {padding-left:8.0rem;}

.edusys_ico_wrap { padding:2.0rem 3.0rem;}
.edusys_ico_wrap ul li {padding:1.0rem 0; width:calc(100% / 2);}
}





/*CONTACT US*/
.location_wrap01 {border-top:2px solid #222; }
.location_wrap {background:#fff; border-bottom:1px solid #ddd;   }
.location_wrap .tit {display:flex;  justify-content: space-between;  font-size:2.4rem; color:#000; font-weight:600; cursor:pointer; padding:2.5rem 5.0rem;}
.location_wrap .tit span {font-size:4.0rem;}
.location_wrap .cont {display:none; background:#fff; padding:0 5.0rem 4.5rem 5.0rem;}

.location_wrap .cont .loc_wrap {gap:5%}
.location_wrap .cont .loc_map {width:55%; }
.location_wrap .cont .loc_map .map_height {height:40.0rem; width:100%;}
.location_wrap .cont .loc_map .root_daum_roughmap .wrap_map {height: 100% !important;}
.location_wrap .cont .loc_map iframe {width:100%; height:40.0rem;}

.location_wrap .cont .loc_txt {width:40%;  }
.location_wrap .cont .loc_txt .table5 {margin-top:5.0rem;}
.location_wrap .cont .loc_txt2 {width:40%;}
.location_wrap .cont .loc_txt2 .table5 {margin-top:0rem; }

.location_wrap .tit span {transform: rotate(0deg); transition: all 0.6s;}
.location_wrap .tit span.active {transform: rotate(180deg);  transition: all 0.6s;}

.map_name {padding:5px; font-size:15px; font-weight:600; height:35px;}
.map_name2   {padding:5px; font-size:15px; font-weight:600; height:35px;}

@media screen and (max-width: 1024px){
.location_wrap .tit {padding:2.5rem 3.0rem;}
.location_wrap .cont {padding:0 3.0rem 4.5rem 3.0rem;}
.location_wrap .cont .loc_map {width:100%;}
.location_wrap .cont .loc_txt {width:100%; }
.location_wrap .cont .loc_txt2 {width:100%;}
.location_wrap .cont .loc_txt2 .table5 {margin-top:5.0rem; }
}