@charset "utf-8";
/*-------------------------------------------------------------------
  파일정의 : sub
  작성날짜 : 2025-08-20 유지수
  분류순서 : 기본정책 > 유틸리티 > 사용자정의(컬러, 폰트, 보더, 간격 등)
  속성순서 : 표시 > 위치 > 넘침/흐름 > 크기/간격 > 박스모양 > 폰트/정렬 > 기타
-------------------------------------------------------------------*/

.wrapper {
  width: auto;
  max-width: var(--wrapper-size);
}

.en #standard_btn {
  display: none;
}

/* 컨텐츠 뒤 배경 */
.back_bg {
  position: relative;
}

.back_bg:before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: -4rem;
  width: calc(100% + 8rem);
  height: 100%;
  border-radius: var(--round_l);
  background-color: var(--c_lightgray3);
}

.back_bg.bottom:before {
  top: inherit;
  bottom: 0;
}

.back_bg.type_bg:before {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

/*-------------------------------------------------------------------
   ## WHO WE ARE - 회사 개요
-------------------------------------------------------------------*/
.sub_overview .sub_tit {
  margin-bottom: 6.4rem;
}

.sub_overview .overview_table {
  border-top: .1rem solid var(--c_black);
}

.sub_overview .overview_table li {
  display: flex;
  align-items: center;
  min-height: 10.8rem;
  font-size: 1.8rem;
  border-bottom: .1rem solid var(--c_lightgray2);
}

.sub_overview .overview_table li > div {
  display: flex;
  flex: 1;
  align-items: center;
}

.sub_overview .overview_table li > div label {
  position: relative;
  width: 9rem;
  color: var(--c_gray2);
  font-weight: 300;
  flex-shrink: 0;
}

.en .sub_overview .overview_table li > div label {
  width: 20rem;
}

.sub_overview .overview_table li > div label:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: .1rem;
  height: 1.7rem;
  transform: translateY(-50%);
  background: var(--c_lightgray2);
}

.os-windows .sub_overview .overview_table li > div label:after {
  transform: translateY(-63%);
}

.sub_overview .overview_table li > div p {
  padding-left: 2rem;
  padding-right: 2.4rem;
  color: var(--c_black);
  line-height: 1.6;
}

.sub_vision {
  position: relative;
}

.sub_vision:before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 13rem;
  left: 0;
  width: 100%;
  height: calc(100% - 35.6rem);
  border-radius: 4rem;
  background-color: var(--c_lightgray3);
}

.sub_vision .sub_tit {
  margin-bottom: 16.8rem;
}

.sub_vision .con_main_txt {
  display: flex;
  flex-direction: column;
  font-size: 6.4rem;
  letter-spacing: -.13rem;
  gap: 1.2rem;
}

.sub_vision .con_main_txt > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.sub_vision .con_main_txt [class^="img"] {
  display: inline-block;
  height: 10rem;
  vertical-align: top;
}

.sub_vision .con_main_txt [class^="img"] .fill {
  width: 0;
  height: 100%;
  border-radius: 5rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  overflow: hidden;
}

.sub_vision .con_main_txt .line {
  display: inline-block;
  position: relative;
  top: .4rem;
  line-height: 1.1;
}

.sub_vision .con_main_txt .line .base {
  color: var(--c_lightgray);
}

.sub_vision .con_main_txt .line .overlay {
  position: absolute;
  inset: 0;
  width: 0;
  color: var(--c_black);
  white-space: nowrap;
  overflow: hidden;
}

.sub_vision .con_main_txt .img01 {
  width: 35.2rem;
  margin-left: 3rem;
}

.sub_vision .con_main_txt .img01_1 .fill,
.sub_vision .con_main_txt .img01 .fill {
  background-image: url(../images/contents/bg_sub_vision_img01.jpg);
}

.sub_vision .con_main_txt .img02 {
  width: 32.3rem;
  margin-right: 3rem;
}

.sub_vision .con_main_txt .img02_1 .fill,
.sub_vision .con_main_txt .img02 .fill {
  background-image: url(../images/contents/bg_sub_vision_img02.jpg);
}

.sub_vision .con_main_txt .img03 {
  width: 46.6rem;
  margin-left: 3rem;
}

.sub_vision .con_main_txt .img03 .fill,
.sub_vision .con_main_txt .img03_1 .fill {
  background-image: url(../images/contents/bg_sub_vision_img03.jpg);
}


.sub_vision .con_sub_txt {
  margin-top: 8rem;
  font-size: var(--fz_xl);
  font-weight: 300;
  line-height: 1.4;
}

.sub_vision .video_wrap {
  margin-top: 8rem;
}

.sub_vision .video_wrap .video {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  border-radius: var(--round_m);
  background: url(../images/contents/bg_sub_vision_youtube.jpg);
  background-size: cover;
  overflow: hidden;
  cursor: pointer;
}

.sub_vision .video_wrap .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.sub_vision .video_wrap .video:after {
  content: '';
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 10rem;
  height: 10rem;
  border-radius: var(--round_max);
  background: var(--c_white_60) url(../images/ic/ic_play.svg) no-repeat center;
  backdrop-filter: blur(.4rem);
  background-size: 100%;
  transform: translate(-50%, -50%);
  transition: all .2s ease;
}

.sub_vision .video_wrap .video.active:after {
  display: none;
}

.sub_vision .video_wrap .video:hover:after {
  background-image: url(../images/ic/ic_play_ov.svg);
  background-color: transparent;
}

.sub_vision .video_wrap .video:active:after {
  background-image: url(../images/ic/ic_play_active.svg);
  background-color: transparent;
}

.sub_vision .video_wrap .download {
  margin: 6.4rem auto 0;
}

.en .sub_vision .con_sub_txt {
  display: none;
}


.ani_tb_block {
  display: none !important;
}

.ani_pc_block {
  display: none !important;
}

.img_pc_block {
  display: none !important;
}

@media all and (max-width: 1199px) {
  .img_pc_hide {
    display: none !important;
  }

  .ani_pc_hide {
    display: none !important;
  }

  .sub_vision .con_main_txt {
    display: block;
  }

  .sub_vision .con_main_txt [class^="img"] {
    display: block;
    margin-top: 1.2rem;
    margin-left: 0;
    width: auto;
    max-width: 60rem !important;
  }

  .sub_vision .con_main_txt > div {
    display: block;
  }

  .ani_pc_block {
    display: block !important;
  }

  .ani_pc_block.inline {
    display: inline-block !important;
  }

  .img_pc_block {
    display: block !important;
  }

  .sub_vision .con_main_txt .line {
    line-height: 1.3;
  }
}

@media all and (max-width: 768px) {
  .ani_tb_block {
    display: block !important;
  }

  .ani_tb_hide {
    display: none !important;
  }

}


/*-------------------------------------------------------------------
   ## WHO WE ARE - 연혁
-------------------------------------------------------------------*/
.sub_history .sub_tit {
  margin-bottom: 6rem;
}

/*.history_gsap {*/
/*  padding-top: 6rem;*/
/*}*/

.sub_history .combi_img {
  position: relative;
  z-index: 2;
  display: flex;
  width: 100%;
  align-items: center;
  padding-top: 6rem;
  padding-bottom: 6rem;
  background: var(--c_white);
}

.sub_history .combi_img > div {
  display: flex;
  width: 50%;
  flex: 1;
  height: 24rem;
  align-items: center;
  color: var(--c_white);
  justify-content: center;
  text-align: center;
  border-radius: 50rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.sub_history .combi_img > div:last-child {
  position: relative;
  z-index: 2;
  mix-blend-mode: multiply;
}

.sub_history .combi_img .bor {
  width: 100%;
}

.sub_history .combi_img > div p {
  font-size: var(--title_fz_m);
  line-height: 1.3;
}

.sub_history .combi_img .left {
  background-image: url(../images/contents/bg_sub_history_combi_left.jpg);
}

.sub_history .combi_img .right {
  background-image: url(../images/contents/bg_sub_history_combi_right.jpg);
  margin-left: -8rem;
}

.sub_history .combi_img i {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  width: 3.2rem;
  height: 3.2rem;
  background: url(../images/ic/ic_plus_white.svg) no-repeat center;
  transform: translate(-50%, -50%);
  background-size: 100%;
}

.history_tab_wrap {
  padding-bottom: 838px;
}

.history_list {
  overflow: hidden;
}

.history_list.first {
  margin-bottom: 20rem;
  margin-top: 2rem;
}

.history_list li + li {
  margin-top: 8rem;
}

.history_list li:last-child dd:last-of-type {
  margin-bottom: 0;
}

.history_list li strong {
  display: block;
  margin-bottom: 3.2rem;
  color: var(--c_primary);
  font-weight: 400;
  font-size: var(--title_fz_m);
}

.history_list li dl dt {
  float: left;
  width: 2.4rem;
  line-height: 1.6;
  font-size: var(--title_fz_xs);
}

.history_list li dl dd:after {
  content: '';
  display: block;
  clear: both;
}

.history_list li dl dd {
  padding-left: 5.6rem;
  margin-bottom: 3.2rem;
}

.history_list li dl dd p {
  position: relative;
  padding-left: 1.2rem;
  color: var(--c_gray2);
  font-size: 2rem;
  line-height: 1.6;
  word-break: keep-all;
  font-weight: 300;
}

.history_list li dl dd p + p {
  margin-top: 1.6rem;
}

.history_list li dl dd p:before {
  content: '';
  position: absolute;
  top: 1.4rem;
  left: 0;
  width: .4rem;
  height: .4rem;
  background: var(--c_gray3);
}

.os-windows .history_list li dl dd p:before {
  top: 1rem;
}

.sub_history .history_tab_wrap .tab_btn {
  display: none;
  gap: .8rem;
}

.sub_history .history_tab_wrap .tab_btn li {
  height: 4rem;
}

.sub_history .history_tab_wrap .tab_btn li button {
  padding: 0 1.6rem;
}

.sub_history .history_tab_wrap .tab_con {
  display: flex;
  width: 100%;
}

.sub_history .history_tab_wrap .tab_con > div {
  flex: 1;
  border-right: .1rem solid var(--c_lightgray2);
}

.sub_history .history_tab_wrap .tab_con > div:first-child {
  padding-right: 11.3rem;
}

.sub_history .history_tab_wrap .tab_con .top_img {
  display: none !important;
}

.sub_history .history_tab_wrap .tab_con > div:first-child .top_img {
  background-image: url(../images/contents/bg_history_tab01.jpg);
}

.sub_history .history_tab_wrap .tab_con > div:last-child {
  padding-left: 11.3rem;
  border-right: 0;
}

.sub_history .history_tab_wrap .tab_con > div:last-child .top_img {
  background-image: url(../images/contents/bg_history_tab02.jpg);
}

.sub_history .history_tab_wrap .tab_con .top_img {
  display: flex;
  width: 100%;
  height: 32rem;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: var(--round_m);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#sub_content.fix_scroll {
  transform: inherit !important;
}

.sub_history .history_tab_wrap .tab_con .top_img p {
  color: var(--c_white);
  font-size: var(--title_fz_m);
}

.combi_img-spacer {
  width: 100%;
  height: 0;
}

/* 고정 상태 */
.history_gsap .combi_img.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  padding-bottom: 0 !important; /* 고정 중엔 패딩 제거(고정 길이 왜곡 방지) */
}

/*-------------------------------------------------------------------
   ## WHO WE ARE - 네트워크
-------------------------------------------------------------------*/
#africa .office_list .combi_btn.map,
#europe .office_list .combi_btn.map,
#asia .office_list .combi_btn.map {
  display: none;
}

.sub_network .sub_tit {
  margin-bottom: 14rem;
}

.sub_network .head_office_map:before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: 2rem;
  width: calc(100% - 4rem);
  height: 100%;
  border-radius: var(--round_l);
  overflow: hidden;
  background: var(--c_lightgray3);
}

.sub_network .head_office_map {
  position: relative;
  padding: 8.3rem 0;
}

.sub_network .head_office_map .wrapper {
  position: relative;
}

.sub_network .head_office_map figure {
  position: relative;
  width: 84rem;
}

.sub_network .head_office_map figure [class^="point"]:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1rem;
  height: 1rem;
  border-radius: var(--round_max);
  transform: translate(-50%, -50%);
  animation: pulse-animation 2s infinite;
  transition: background-color .3s ease;
}

.sub_network .head_office_map figure [class^="point"] {
  position: absolute;
  width: 2rem;
  height: 2rem;
  background: url(../images/ic/ic_map_point.svg) no-repeat center;
  background-size: 100%;
  cursor: pointer;
  font-size: 12px;
  text-align: center;
}

/*.sub_network .head_office_map figure [class^="point"].other:hover:before {*/
/*  background-color: var(--c_black);*/
/*}*/

/*.sub_network .head_office_map figure [class^="point"].other:before {*/

/*  animation: pulse-animation-black 2s ease-out infinite;*/
/*}*/

/*.sub_network .head_office_map figure [class^="point"].other {*/
/*  background-image: url(../images/ic/ic_map_point_black.svg);*/
/*}*/

/*.sub_network .head_office_map figure [class^="point"]:hover:before {*/
/*  background-color: var(--c_primary);*/
/*}*/

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(255, 102, 0, 0.8);
  }
  100% {
    box-shadow: 0 0 0 7px rgba(255, 102, 0, 0);
  }
}

/*@keyframes pulse-animation-black {*/
/*  0% {*/
/*    box-shadow: 0 0 0 0 rgba(34, 34, 34, 0.3);*/
/*  }*/
/*  100% {*/
/*    box-shadow: 0 0 0 7px rgba(34, 34, 34, 0);*/
/*  }*/
/*}*/

.sub_network .head_office_map figure .point01 {
  top: 16.58%;
  left: 2.97%;
}

.sub_network .head_office_map figure .point02 {
  top: 29.49%;
  left: 2.7%;
}

.sub_network .head_office_map figure .point03 {
  top: 26.72%;
  left: 4.16%;
}

.sub_network .head_office_map figure .point04 {
  top: 24.88%;
  left: 8.69%;
}

.sub_network .head_office_map figure .point05 {
  top: 52.53%;
  left: 39.76%;
}

.sub_network .head_office_map figure .point06 {
  top: 40.09%;
  left: 40.35%;
}

.sub_network .head_office_map figure .point07 {
  top: 29.03%;
  left: 46.07%;
}

.sub_network .head_office_map figure .point08 {
  top: 29.26%;
  left: 50.59%;
}

.sub_network .head_office_map figure .point09 {
  top: 77.41%;
  left: 56.30%;
}

.sub_network .head_office_map figure .point10 {
  top: 82.94%;
  left: 54.52%;
}

.sub_network .head_office_map figure .point11 {
  top: 30.64%;
  left: 61.07%;
}

.sub_network .head_office_map figure .point12 {
  top: 33.87%;
  left: 68.45%;
}

/* 250923 지점 추가 */
.sub_network .head_office_map figure .point13 { /* 애너하임 1 */
  top: 26.26%;
  left: 60.59%;
}

.sub_network .head_office_map figure .point14 { /* 미국 조지타운2 */
  top: 28.34%;
  left: 67.73%;
}

.sub_network .head_office_map figure .point15 { /* 미국 텍사스3 */
  top: 31.56%;
  left: 66.42%;
}

.sub_network .head_office_map figure .point16 { /* 중국 시안4 */
  top: 34.79%;
  left: 43.33%;
}

.sub_network .all_office {
  position: relative;
}

.sub_network .all_office .tab_btn_wrap.fixed .tab_btn {
  position: fixed;
  top: 0;
}

.sub_network .all_office .tab_btn_wrap .tab_btn:after {
  display: none;
}

.sub_network .all_office .tab_btn_wrap .tab_btn {
  display: flex;
  position: absolute;
  z-index: 999;
  top: 0;
  left: 50%;
  width: 100%;
  padding: 1.6rem 0;
  font-size: var(--fz_xl);
  transform: translateX(-50%);
  background: rgba(255, 255, 255, 0.90);
  backdrop-filter: blur(4px);
  max-width: inherit;
}

/*.sub_network .all_office .tab_btn_wrap .tab_btn li {*/
/*  height: 6rem;*/
/*}*/

/*.sub_network .all_office .tab_btn_wrap .tab_btn li button {*/
/*  font-size: var(--title_fz_s);*/
/*}*/

/*.os-windows .sub_network .all_office .tab_btn_wrap .tab_btn li button {*/
/*  line-height: 6.5rem;*/
/*}*/

.sub_network .all_office #domestic {
  padding-top: 15.6rem;
}

.sub_network .head_office_map .info {
  position: absolute;
  top: 50%;
  right: 0;
  width: 38.4rem;
  padding: 4rem;
  border-radius: var(--round_m);
  box-shadow: 0 .2rem .8rem 0 #0000000F;
  background: var(--c_white);
  transform: translateY(-50%);
}

.sub_network .head_office_map .info .tag {
  display: block;
  margin-bottom: .4rem;
  color: var(--c_primary);
  line-height: 1.5;
}

.sub_network .head_office_map .info > strong {
  display: block;
  margin-bottom: 2.7rem;
  font-size: var(--title_fz_m);
  font-weight: 400;
}

.sub_network .head_office_map .info ul li {
  padding: 1.6rem 0;
}

.sub_network .head_office_map .info ul li:first-child {
  padding-top: 0;
}

.sub_network .head_office_map .info ul li:last-child {
  padding-bottom: 0;
}

.sub_network .head_office_map .info ul li + li {
  border-top: .1rem solid var(--c_lightgray2);
}

.sub_network .head_office_map .info ul li .tag {
  color: var(--c_gray);
  line-height: 1.5;
}

.sub_network .head_office_map .info ul li .tag:after {
  content: '.';
}

.sub_network .head_office_map .info ul li p {
  color: var(--c_gray2);
  line-height: 1.6;
  font-size: var(--fz_m);
  font-weight: 300;
}

.sub_network .all_office {
  margin-top: 15.6rem;
}

.sub_network .all_office .tab_btn {
  max-width: 55rem;
  gap: 3.2rem;
}

.sub_network .all_office .main_office {
  position: relative;
  padding: 12rem 0;
}

.sub_network .all_office .main_office:before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: 2rem;
  width: calc(100% - 4rem);
  height: 100%;
  border-radius: var(--round_l);
  background: url(../images/contents/bg_main_office.jpg) no-repeat center;
  background-size: cover;
}

.sub_network .all_office .main_office ul li {
  display: flex;
  padding: 6.4rem 0;
}

.sub_network .all_office .main_office ul li:last-child {
  padding-bottom: 0;
}

.sub_network .all_office .main_office ul li .thumb {
  width: 38.4rem;
  height: 21.6rem;
  border-radius: var(--round_m);
  overflow: hidden;
  flex-shrink: 0;

}

.sub_network .all_office .main_office ul li .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sub_network .all_office .main_office .detail {
  display: flex;
  flex: auto;
  padding-left: 6rem;
  flex-direction: column;
}

.sub_network .all_office .main_office .detail .info {
  display: flex;
  align-items: flex-start;
}

.sub_network .all_office .main_office .detail .info + .info {
  margin-top: 6.4rem;
}

.sub_network .all_office .main_office .detail .info strong {
  display: block;
  width: 37.2rem;
  color: var(--c_white);
  font-weight: 400;
  font-size: var(--title_fz_m);
}

.sub_network .all_office .main_office .detail .info > div {
  flex: auto;
  width: calc(100% - 37.2rem);
}

.sub_network .all_office .main_office .detail .office_adr {
  flex: auto;
  color: var(--c_white);
}

.sub_network .all_office .main_office .detail .office_adr dd {
  color: var(--c_white) !important;
}

.sub_network .all_office .main_office .detail .office_adr dd a {
  color: var(--c_white) !important;
}

.sub_network .all_office .main_office .detail .combi_btn {
  margin-top: 2.4rem;
  color: var(--c_black);
  background-color: rgba(255, 255, 255, .9);
  font-weight: 300;
}

.sub_network .all_office .main_office .detail .combi_btn.map:hover {
  border-color: var(--c_lightprimary);
  background-color: var(--c_lightprimary);
}

.sub_network .all_office .main_office .detail .combi_btn.map:active {
  border-color: var(--c_primary);
  background-color: var(--c_primary);
}

.sub_network .office_list .combi_btn.map:hover .ic:after,
.sub_network .office_list .combi_btn.map:active .ic:after,
.sub_network .all_office .main_office .detail .combi_btn.map:hover .ic:after,
.sub_network .all_office .main_office .detail .combi_btn.map:active .ic:after {
  background-image: url(../images/ic/ic_map_btn_active.svg);
}

.sub_network .all_office .main_office ul li + li {
  border-top: .1rem solid rgba(255, 255, 255, .16);
}

.sub_network .office_list {
  display: flex;
  padding-top: 13rem;
  flex-wrap: wrap;
}

.sub_network .office_list li {
  padding: 3.6rem 4rem 4rem;
  width: calc(50% - 2.4rem);
  margin: 0 1.2rem 2rem 1.2rem;
  border: .1rem solid var(--c_lightgray2);
  border-radius: var(--round_m);
}

.sub_network .office_list li > p {
  margin-bottom: 2.4rem;
  font-size: var(--fz_xl);
  line-height: 1.4;
}

.sub_network .office_list li .sub_adr {
  margin: -1.2rem 0 1.2rem;
  font-size: var(--fz_m);
  font-weight: 300;
  line-height: 1.6;
}

.sub_network .office_list li .tag {
  vertical-align: middle;
  padding: .66rem 1.2rem;
  margin-left: 1.2rem;
  color: var(--c_primary);
  font-size: var(--fz_s);
  line-height: 1.4;
  border-radius: 2rem;
  background-color: rgba(243, 118, 37, .1);
  height: 3rem;
  display: inline-block;
}

.en .sub_network .office_list li .tag.long {
  display: inline-block;
  margin-top: 1.2rem;
  margin-left: 0;
}

.os-windows .sub_network .office_list li .tag {
  line-height: 1.6;
}

.sub_network .office_adr dt {
  float: left;
  width: 9.4rem;
  font-size: var(--fz_m);
  line-height: 1.6;
}

.sub_network .office_adr dt span:after {
  content: '.';
}

.sub_network .office_adr dd:after {
  content: '';
  display: block;
  clear: both;
}

.sub_network .office_adr dd {
  padding-left: 9.4rem;
  padding-bottom: .8rem;
  color: var(--c_gray2);
  line-height: 1.6;
  font-weight: 300;
  font-size: var(--fz_m);
}

.sub_network .office_adr dd a {
  display: inline-block;
  color: var(--c_gray2);
  vertical-align: top;
}

.sub_network .office_adr .email_con a {
  font-family: "Malgun Gothic";
  font-weight: 400;
}

.os-windows .sub_network .office_adr .email_con a {
  line-height: 1;
}

.sub_network .office_adr dd:last-of-type {
  padding-bottom: 0;
}

.sub_network .office_list .combi_btn {
  margin-top: 2.4rem;
  color: var(--c_gray2);
}

.os-windows .sub_network .office_list .combi_btn {
  line-height: 3.8rem;
}

.sub_network .office_list .combi_btn:hover .ic {
  color: var(--c_white);
}


/*-------------------------------------------------------------------
   ## WHO WE ARE - 뉴스&공지사항
-------------------------------------------------------------------*/

.sub_notice .notice_list {
  margin-top: 6rem;
}

.sub_notice .notice_list li {
  padding-bottom: 6.4rem;
  margin-bottom: 6.4rem;
  border-bottom: .1rem solid var(--c_lightgray);
}

.sub_notice .notice_list li a {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
}

.sub_notice .notice_list li .thumb {
  position: relative;
  width: 38.4rem;
  height: 28.8rem;
  flex-shrink: 0;
  border-radius: var(--round_m);
  overflow: hidden;
}

.sub_notice .notice_list li .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: transform .3s ease;
}

.sub_notice .notice_list li:hover .thumb img {
  transform: scale(1.1);
}

.sub_notice .notice_list li .thumb .badge {
  position: absolute;
  top: 1.2rem;
  left: 1.2rem;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  background: var(--c_primary) url(../images/ic/ic_badge.svg) no-repeat center;
  background-size: 100%;
}

.sub_notice .notice_list li .detail {
  padding-left: 6rem;
  min-width: 0;
}

.sub_notice .notice_list li .detail .divi {
  display: block;
  margin-bottom: 1.2rem;
  line-height: 1.5;
}

.sub_notice .notice_list li .detail .tit {
  display: flex;
  margin-bottom: 1.2rem;
  font-size: var(--title_fz_s);
  line-height: 1.4;
  align-items: flex-start;
  min-width: 0;
}

.sub_notice .notice_list li .detail .tit span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.sub_notice .notice_list li .detail .tit i {
  display: block;
  position: relative;
  top: -.4rem;
  width: 3.6rem;
  height: 3.6rem;
  margin-left: 1.2rem;
  background: url(../images/ic/ic_file_down.svg) no-repeat center;
  background-size: 100%;
  text-indent: -999.9rem;
  flex-shrink: 0;
}

.sub_notice .notice_list li .detail .txt {
  display: -webkit-box;
  color: var(--c_gray);
  line-height: 1.6;
  font-size: var(--fz_m);
  font-weight: 300;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.sub_notice .notice_list li .detail .divi.news {
  color: var(--c_primary);
}

.sub_notice .notice_list li .detail .date {
  margin-top: 3.2rem;
  color: var(--c_gray3);
  font-weight: 300;
}

.sub_notice .list_more {
  color: var(--c_gray2);
  font-weight: 300;
}

.sub_notice .list_more:hover .cnt,
.sub_notice .list_more:hover .total {
  color: var(--c_white) !important;
}

.sub_notice .list_more .cnt {
  color: var(--c_primary);
}

.sub_notice .list_more .total {
  color: var(--c_gray3);
}

.sub_notice_detail .noti_con {
  overflow: hidden;
}

.sub_notice_detail .noti_con .contents p {
  word-break: break-all;
}

.search_none {
  padding-top: 28rem;
  padding-bottom: 10rem;
  font-size: var(--fz_xl);
  text-align: center;
  line-height: 1;
  background: url(../images/ic/ic_search_none.svg) no-repeat center top 16rem;
}

/*-------------------------------------------------------------------
   ## WHO WE ARE - 뉴스&공지사항 자세히 보기
-------------------------------------------------------------------*/

.sub_notice_detail {
  max-width: 96rem;
  margin: 8.6rem auto 0;
}

.sub_notice_detail .wrapper {
  width: 100%;
}

.sub_notice_detail .noti_tit {
  padding-bottom: 4rem;
  margin-bottom: 7rem;
  border-bottom: .1rem solid var(--c_lightgray2)
}

.sub_notice_detail .noti_tit .divi {
  display: block;
  margin-bottom: 2.4rem;
  color: var(--c_primary);
  font-size: var(--fz_l);
  line-height: 1;
}

.sub_notice_detail .noti_tit h4 {
  display: -webkit-box;
  margin-bottom: 4rem;
  font-size: 5.4rem;
  line-height: 1.2;
}

.sub_notice_detail .noti_con {
  color: #656565;
  font-size: 1.86rem;
  font-weight: 300;
  line-height: 1.6;
  word-break: keep-all;
}

.sub_notice_detail .noti_tit .date {
  color: var(--c_gray3);
  font-size: var(--fz_m);
  font-weight: 300;
}


.sub_notice_detail .noti_con .img {
  margin-bottom: 6.4rem;
  border-radius: var(--round_m);
  overflow: hidden;
}

.sub_notice_detail .noti_con .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sub_notice_detail .noti_con .txt {
  color: var(--c_gray2);
  font-size: var(--fz_m);
  font-weight: 300;
  line-height: 1.6;
}

.sub_notice_detail .noti_con .files {
  display: flex;
  margin: 8rem 0 3.2rem;
  flex-wrap: wrap;
}

.sub_notice_detail .noti_con .files > *:before {
  content: '';
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
  width: 2rem;
  height: 2rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.sub_notice_detail .noti_con .files [data-file-type="pdf"]:before {
  background-image: url(../images/ic/ic_pdf.svg);
}

/* doc, docx, word */
.sub_notice_detail .noti_con .files [data-file-type="doc"]:before,
.sub_notice_detail .noti_con .files [data-file-type="docx"]:before,
.sub_notice_detail .noti_con .files [data-file-type="word"]:before {
  background-image: url(../images/ic/ic_word.svg);
}

.sub_notice_detail .noti_con .files [data-file-type="excel"]:before {
  background-image: url(../images/ic/ic_excel.svg);
}

.sub_notice_detail .noti_con .files [data-file-type="hwp"]:before {
  background-image: url(../images/ic/ic_hwp.svg);
}

.sub_notice_detail .noti_con .files [data-file-type="pptx"]:before,
.sub_notice_detail .noti_con .files [data-file-type="ppt"]:before {
  background-image: url(../images/ic/ic_ppt.svg);
}

/* jpg, jpeg, png */
.sub_notice_detail .noti_con .files [data-file-type="png"]:before,
.sub_notice_detail .noti_con .files [data-file-type="jpg"]:before,
.sub_notice_detail .noti_con .files [data-file-type="jpeg"]:before {
  background-image: url(../images/ic/ic_image.svg);
}

/* zip, 7z, alz, egg */
.sub_notice_detail .noti_con .files [data-file-type="zip"]:before,
.sub_notice_detail .noti_con .files [data-file-type="7z"]:before,
.sub_notice_detail .noti_con .files [data-file-type="alz"]:before,
.sub_notice_detail .noti_con .files [data-file-type="egg"]:before {
  background-image: url(../images/ic/ic_archive.svg);
}

.sub_notice_detail .noti_con .files > * {
  display: inline-block;
  position: relative;
  padding: 1.2rem 1.6rem;
  padding-left: 4.4rem;
  margin-right: .4rem;
  margin-bottom: .8rem;
  vertical-align: top;
  color: var(--c_gray2);
  font-weight: 300;
  border-radius: var(--round_m);
  background: var(--c_lightgray3);
}


.sub_notice_detail .noti_ctrl {
  display: flex;
  position: relative;
  padding-top: 6.4rem;
  align-items: center;
  border-top: .1rem solid var(--c_lightgray2);
  justify-content: space-between;
}

.sub_notice_detail .noti_ctrl .ctrl {
  display: block;
  width: 28.5rem;
  height: 100%;
  font-weight: 300;
  line-height: 1;
}

.sub_notice_detail .noti_ctrl .ctrl span {
  display: block;
  margin-bottom: 1.2rem;
  color: var(--c_gray3);
  font-size: var(--fz_s);
}

.sub_notice_detail .noti_ctrl .ctrl p {
  position: relative;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.5;
}

.sub_notice_detail .noti_ctrl .ctrl p:before,
.sub_notice_detail .noti_ctrl .ctrl p:after {
  content: '';
  position: absolute;
  top: 50%;
  width: 1.6rem;
  height: .6rem;
  margin-top: -0.4rem;
  background-position: center;
  background-size: 100%;
}

.sub_notice_detail .noti_ctrl .prev p:before {
  left: 0;
  background-image: url(../images/ic/ic_noti_ctrl_prev.svg);
}

.sub_notice_detail .noti_ctrl .prev p {
  padding-left: 3.6rem;
}

.sub_notice_detail .noti_ctrl .prev {
  text-align: right;
}

.sub_notice_detail .noti_ctrl .next {
    margin-left:auto;
}

.sub_notice_detail .noti_ctrl .next p:after {
  right: 0;
  background-image: url(../images/ic/ic_noti_ctrl_next.svg);
}

.sub_notice_detail .noti_ctrl .next p {
  padding-right: 3.6rem;
}

.sub_notice_detail .noti_ctrl .combi_btn {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  min-width: 15rem;
  font-weight: 300;
}

/*-------------------------------------------------------------------
   ## WHAT WE DO - 에너지
-------------------------------------------------------------------*/
.sub_energy .sub_tit {
  margin-bottom: 12rem;
}

.sub_energy .energy_tab_wrap .tab_btn {
  margin-bottom: 14rem;
}

.sub_energy .energy_tab_wrap .energy_con {
  position: relative;
}

.sub_energy .energy_tab_wrap .float_menu {
  position: absolute;
  z-index: 2;
  top: 12rem;
  right: -2rem;
  width: 20rem;
}

.sub_energy .energy_tab_wrap .float_menu.fixed {
  position: fixed;
  right: 4rem;
}

.sub_energy .energy_tab_wrap .float_menu li {
  position: relative;
}

.sub_energy .energy_tab_wrap .float_menu li + li {
  margin-top: 2.6rem;
}

.sub_energy .energy_tab_wrap .float_menu li button {
  position: relative;
  width: 100%;
  padding-right: 3.2rem;
  text-align: right;
  color: var(--c_gray4);
  font-size: var(--fz_s);
  font-weight: 300;
}

.sub_energy .energy_tab_wrap .float_menu li span {
  position: relative;
  top: .2rem;
  opacity: 0;
  line-height: 1.5;
  transition: opacity .2s ease;
}

.sub_energy .energy_tab_wrap .float_menu li:hover span,
.sub_energy .energy_tab_wrap .float_menu li.active span {
  opacity: 1;
}

.sub_energy .energy_tab_wrap .float_menu li:hover button i,
.sub_energy .energy_tab_wrap .float_menu li.active button i {
  background-color: var(--c_primary10);
}

.sub_energy .energy_tab_wrap .float_menu li:hover button i:after,
.sub_energy .energy_tab_wrap .float_menu li.active button i:after {
  background-color: var(--c_primary);
}

.sub_energy .energy_tab_wrap .float_menu li button i {
  position: absolute;
  top: 50%;
  right: 0;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  margin-top: -1.1rem;
  background-color: transparent;
}

.sub_energy .energy_tab_wrap .float_menu li button i:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: .8rem;
  height: .8rem;
  border-radius: 50%;
  background-color: var(--c_gray4);
  transform: translate(-50%, -50%);
  transition: background-color .3s ease;
}

.sub_energy .business_list > li {
  position: relative;
  padding-top: 12rem;
}

.sub_energy .business_list > li + li {
  margin-top: 14rem;
}

.sub_energy .business_list > li + li.workplace_cnt {
  margin-top: 0;
  padding-top: 10.4rem;
}

.sub_energy .business_list > li .bg {
  position: absolute;
  z-index: -1;
  top: 0;
  left: -4rem;
  width: calc(100% + 8rem);
  height: 63.7rem;
  border-radius: var(--round_l);
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 4rem;
}

.sub_energy .business_list > li .tit.only {
  margin-bottom: 4rem;
}

.sub_energy .business_list > li .tit h5,
.sub_energy .business_list > li .tit strong {
  display: block;
  margin-bottom: 1.6rem;
  line-height: 1.2;
}

.sub_energy .business_list > li .tit h5 {
  color: var(--c_white);
  font-size: 5.4rem;
}

.sub_energy .business_list > li .tit strong {
  color: var(--c_black);
  font-size: var(--title_fz_l2);
  font-weight: 400;
}

.sub_energy .business_list > li .tit p {
  margin-bottom: 6.4rem;
  min-height: 9.6rem;
  color: var(--c_white_70);
  font-size: var(--fz_l);
  font-weight: 300;
  line-height: 1.6;
}

.sub_energy .business_list > li .img {
  position: relative;
  height: 42rem;
  margin-bottom: 6.4rem;
  border-radius: var(--round_l2);
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
}

.sub_energy .business_list li .reference:before {
  content: '';
  position: absolute;
  top: .6rem;
  left: 0;
  width: .3rem;
  height: .3rem;
  border-radius: 50%;
  background-color: var(--c_white);
}

.sub_energy .business_list li .reference {
  position: absolute;
  bottom: 3rem;
  right: 4rem;
  padding-left: 1.2rem;
  color: var(--c_white);
  font-size: var(--fz_s);
  font-weight: 300;
}

.sub_energy .business_list li .txt {
  position: relative;
  color: var(--c_gray2);
  font-size: var(--fz_m);
  font-weight: 300;
  line-height: 1.6;
}

.sub_energy .business_list li .txt_box + .txt_box {
  margin-top: 4rem;
}

.sub_energy .business_list li .txt_box .detail_tit {
  display: block;
  margin-bottom: 1.6rem;
  font-size: var(--title_fz_s);
  line-height: 1.4;
  font-weight: 400;
}

.sub_energy .business_list li .dot_list .txt {
  padding-left: 1.2rem;
}

.sub_energy .business_list li .dot_list .txt + .txt {
  margin-top: 1.6rem;
}

.sub_energy .business_list li .dot_list .txt:before {
  content: '';
  position: absolute;
  top: 1.1rem;
  left: 0;
  width: .4rem;
  height: .4rem;
  background-color: var(--c_gray3);
}

.os-windows .sub_energy .business_list li .dot_list .txt:before {
  top: .8rem;
}

.sub_energy .business_list li .phase_li {
  display: flex;
  flex-wrap: wrap;
  counter-reset: number;
}

.sub_energy .business_list li .phase_li li {
  position: relative;
  flex: 1 50%;
  padding-left: 10.2rem;
  margin-bottom: 6.4rem
}

.sub_energy .business_list li .phase_li li:nth-last-child(-n+2) {
  margin-bottom: 0;
}


.sub_energy .business_list li .phase_li li:before {
  position: absolute;
  top: -.6rem;
  left: 0;
  padding: .5rem 1.3rem;
  counter-increment: number;
  content: 'Phase' counter(number);
  color: var(--c_white);
  border-radius: 3rem;
  background-color: var(--c_gray2);
  line-height: 1.2;
  height: 3rem;
  display: block;
  box-sizing: border-box;
}

.os-windows .sub_energy .business_list li .phase_li li:before {
  line-height: 1.5;
}

.sub_energy .business_list li .phase_li li > strong {
  display: block;
  margin-bottom: 2.4rem;
  font-size: var(--title_fz_xs);
  line-height: 1;
  font-weight: 400;
}

.sub_energy .business_list li .phase_li li > p {
  position: relative;
  padding-left: 1.2rem;
  color: var(--c_gray2);
  font-size: var(--fz_m);
  font-weight: 300;
  line-height: 1.6;
}

.sub_energy .business_list li .phase_li li > p + p {
  margin-top: 1.2rem;
}

.sub_energy .business_list li .phase_li li > p:before {
  content: '';
  position: absolute;
  top: 1.1rem;
  left: 0;
  width: .4rem;
  height: .4rem;
  background: var(--c_gray3);
}

.os-windows .sub_energy .business_list li .phase_li li > p:before {
  top: .8rem;
}

.sub_energy .business_list li .country {
  margin-top: 6.5rem;
}

.sub_energy .business_list li .country dt:before {
  content: '';
  display: inline-block;
  width: 3.6rem;
  height: 3.6rem;
  margin-right: 1.2rem;
  overflow: hidden;
  vertical-align: middle;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

.sub_energy .business_list li .country .us:before {
  background-image: url(../images/ic/ic_us.svg)
}

.sub_energy .business_list li .country .sp:before {
  background-image: url(../images/ic/ic_sp.svg)
}

.sub_energy .business_list li .country .aus:before {
  background-image: url(../images/ic/ic_aus.svg)
}

.sub_energy .business_list li .country dt {
  display: block;
  margin-bottom: 1.7rem;
  font-size: var(--title_fz_s);
  line-height: 1.4;
}

.sub_energy .business_list li .country dd {
  display: flex;
  margin-bottom: 4rem;
  font-size: var(--fz_l);
}

.sub_energy .business_list li .country dd:last-child {
  margin-bottom: 0;
}

.sub_energy .business_list li .country dd strong {
  margin-right: 1.6rem;
  color: var(--c_gray);
  flex-shrink: 0;
  font-weight: 400;
}

.sub_energy .business_list li .country dd a {
  color: var(--c_gray2);
  font-weight: 200;
  border-bottom: .1rem solid var(--c_gray2);
}

.sub_energy .business_list li .amount_box {
  display: flex;
  gap: 0 6rem;
}

.sub_energy .business_list li .amount_box > * {
  flex: 1;
}

.sub_energy .business_list li .amount {
  display: flex;
  gap: 0 8rem;
  align-items: center;
  border-radius: var(--round_m);
  justify-content: center;
  background-color: var(--c_lightgray3);
}

.en .sub_energy .business_list li .amount {
  padding: 2.6rem 3rem;
  gap: 0 6.8rem;
}

.en .sub_energy .business_list li#group-energy .amount {
  align-items: flex-start;
  padding: 7.8rem 5.7rem;
  gap: 0 13.4rem;
}

.en .sub_energy .business_list li.group_energy .amount > div + div:before {
  margin-left: 0;
}

.en .sub_energy .business_list li .amount > div .block {
  display: block;
  margin-bottom: .6rem;
  margin-left: 0;
}

.en .sub_energy .business_list li .amount > div .no_block {
  display: inline;
  margin-left: .6rem;
  margin-bottom: 0;
}

.en .sub_energy .business_list li .amount > div:last-child span:last-of-type {
  margin-top: .6rem;
  margin-bottom: 0;
}


.en .sub_energy .business_list li .amount > div + div:before {
  margin-left: calc(50% - 4.5rem);
}

.sub_energy .business_list li .amount > div {
  position: relative;
  text-align: center;
}

.sub_energy .business_list li .amount > div + div:before {
  content: '';
  position: absolute;
  top: 50%;
  left: -50%;
  width: 2rem;
  height: 1rem;
  margin-right: calc(50% - 5.2rem);
  margin-top: -.5rem;
  background: url(../images/ic/ic_equal.svg) no-repeat center;
  background-size: 100%;
}

.sub_energy .business_list li .amount strong {
  display: block;
  margin-bottom: 1.2rem;
  color: var(--c_gray2);
  font-weight: 400;
  line-height: 1.5;
}

.sub_energy .business_list li .amount p {
  color: var(--c_primary);
  font-size: var(--title_fz_m);
}

.sub_energy .business_list li .amount p span {
  margin-left: .6rem;
  font-size: var(--fz_s);
}

.sub_energy .business_list li .amount p span:first-child {
  margin-right: .6rem;
}

.sub_energy .business_list .solar_power .bg {
  background-image: url(../images/contents/bg_energy_solar.jpg);
  background-size: cover;
}

.sub_energy .business_list .solar_power .img {
  background-image: url(../images/contents/bg_energy_solar_inner.jpg);
  background-size: cover;
}

.sub_energy .business_list .retail .bg {
  background-image: url(../images/contents/bg_energy_retail.jpg);
  background-size: cover;
}

.sub_energy .business_list .retail .img {
  background-image: url(../images/contents/bg_energy_retail_inner.jpg);
  background-size: cover;
}

.sub_energy .business_list .ess .bg {
  background-image: url(../images/contents/bg_energy_ess.jpg);
  background-size: cover;
}

.sub_energy .business_list .ess .img {
  background-image: url(../images/contents/bg_energy_ess_inner.jpg);
  background-size: cover;
}

.sub_energy .business_list .lng .bg {
  background-image: url(../images/contents/bg_energy_lng.jpg);
  background-size: cover;
}

.sub_energy .business_list .lng .img {
  background-image: url(../images/contents/bg_energy_lng_inner.jpg);
  background-size: cover;
}

.sub_energy .business_list .hydrogen .bg {
  background-image: url(../images/contents/bg_energy_hydrogen.jpg);
  background-size: cover;
}

.sub_energy .business_list .hydrogen .img {
  background-image: url(../images/contents/bg_energy_hydrogen_inner.jpg);
  background-size: cover;
}

.sub_energy .business_list .biomass .bg {
  background-image: url(../images/contents/bg_energy_biomass.jpg);
  background-size: cover;
}

.sub_energy .business_list .biomass .img {
  background-image: url(../images/contents/bg_energy_biomass_inner.jpg);
  background-size: cover;
}

.sub_energy .business_list .group_energy .bg {
  background-image: url(../images/contents/bg_energy_group.jpg);
  background-size: cover;
}

.sub_energy .business_list .group_energy .img {
  background-image: url(../images/contents/bg_energy_group_inner.jpg);
  background-position: center bottom;
  background-size: cover;
}

.sub_energy .business_list .img.md {
  height: 32rem;
}


.sub_energy .business_list .group_energy_bu:before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: -4rem;
  width: calc(100% + 8rem);
  height: 100%;
  border-radius: var(--round_l);
  background: var(--c_lightgray3);
}

.sub_energy .business_list .group_energy_bu {
  margin-top: 16.4rem;
}

.sub_energy .business_list .group_energy_bu {
  padding: 10.4rem 0;
}

.sub_energy .business_list .group_energy_bu .img {
  background-image: url(../images/contents/bg_energy_group_bu_inner.jpg);
  background-size: cover;
  border-radius: 0.8rem;
}

.sub_energy [data-tab-con="group-energy"] .business_list > li:not(.group_energy) .tit {
  color: var(--c_black);
}

/*.sub_energy [data-tab-con="group-energy"] .business_list > li:not(.group_energy) .tit strong {*/
/*  font-size: var(--title_fz_l2);*/
/*}*/

.sub_energy [data-tab-con="group-energy"] .business_list > li + li:not(.group_energy_bu) {
  padding-top: 0;
  margin-top: 10.4rem;
}

.sub_energy [data-tab-con="group-energy"] .business_list > li.group_energy + li {
  margin-top: 16.8rem;
}

.sub_energy .business_list .workplace_cnt .con {
  display: flex;
}

.sub_energy .business_list .workplace_cnt .con + .con {
  border-top: .1rem solid var(--c_lightgray2);
  padding-top: 8rem;
  margin-top: 8rem;
}

.sub_energy .business_list .workplace_cnt .con .thumb {
  width: 58.8rem;
  height: 44rem;
  flex-shrink: 0;
  border-radius: var(--round_m);
  overflow: hidden;
}

.sub_energy .business_list .workplace_cnt .con .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sub_energy .business_list .workplace_cnt .con .detail {
  flex: auto;
  padding-left: 8rem;
}

.sub_energy .business_list .workplace_cnt .con .detail > strong {
  display: block;
  margin-bottom: 1.6rem;
  font-size: var(--title_fz_s);
  line-height: 1.4;
}

.sub_energy .business_list .workplace_cnt .con .detail .flex_table .tr {
  display: flex;
}

.sub_energy .business_list .workplace_cnt .con .detail .flex_table .tr > * {
  align-items: center;
}

.sub_energy .business_list .workplace_cnt .con .detail .flex_table .tr.row2 > * {
  display: flex;
  width: 50%;
}

.sub_energy .business_list .workplace_cnt .con .detail .flex_table .th {
  width: 14rem;
  padding: 2.3rem 0;
  color: var(--c_gray);
  font-size: var(--fz_m);
  text-align: center;
  border-bottom: .4rem solid var(--c_white);
  background-color: var(--c_lightgray4);
}

.sub_energy .business_list .workplace_cnt .con .detail .flex_table .td {
  display: flex;
  width: calc(100% - 14rem);
  flex: auto;
  padding: 2.3rem 1.6rem;
  color: var(--c_gray2);
  font-size: var(--fz_m);
  font-weight: 300;
  border-bottom: .4rem solid var(--c_white);
}

.sub_energy .business_list .workplace_cnt .con .detail .txt {
  margin-top: 2.4rem;
}


.sub_energy .business_list .chart_wrap {
  display: flex;
  gap: 0 6rem;
  margin-top: 10.4rem;
}

.sub_energy .business_list .chart_wrap > * {
  flex: 1;
}

.sub_energy .business_list .compare .amount {
  gap: 0 13.4rem;
  padding: 7.8rem 0;
}

.sub_energy .business_list li.group_energy .amount > div + div:before {
  content: 'VS';
  width: auto;
  height: auto;
  margin-top: 0;
  margin-right: -2.2rem;
  color: var(--c_gray4);
  font-size: var(--title_fz_l2);
  transform: translateY(-50%);
  background: none;
}


.sub_energy .business_list .compare .amount p {
  font-size: 5.4rem;
}

.sub_energy .business_list .compare .amount p span {
  font-size: var(--fz_m);
}

.sub_energy .business_list .chart_wrap .tit {
  position: relative;
  min-height: 10.5rem;
  margin-bottom: 1.6rem;
}

.en .sub_energy .business_list .chart_wrap .tit {
  min-height: auto;
}

.en .sub_energy .business_list li#group-energy .amount {
  margin-top: 15.3rem;
}

.en .sub_energy .business_list .chart_wrap .tit strong {
  margin-bottom: 6.4rem;
}

.en .sub_energy .business_list .chart_box .tit:before {
  content: "";
  display: block;
  clear: both;
}

.en .sub_energy .business_list .chart_box .tit .chart_date {
  position: relative;
  float: right;
}


.en .sub_energy .business_list .chart {
  margin-top: 10rem;
}

.sub_energy .business_list .chart_wrap .grid {
  display: flex;
  position: relative;
  flex-direction: column;
  gap: 6.4rem 0;
}

.sub_energy .business_list .chart_wrap .grid span {
  width: 100%;
  height: .1rem;
  background-color: var(--c_lightgray2);
}

.sub_energy .business_list .chart {
  position: relative;
  height: 26.2rem;
  border-bottom: .2rem solid var(--c_lightgray);
}

.sub_energy .business_list .chart_box .tit .chart_date {
  position: absolute;
  bottom: 0;
  right: 0;
  padding-left: 1.4rem;
  color: var(--c_gray3);
  font-weight: 300;
  line-height: 1;
}

.sub_energy .business_list .chart_box .tit .chart_date:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: .3rem;
  height: .3rem;
  border-radius: var(--round_max);
  transform: translateY(-50%);
  background-color: var(--c_gray3);
}

.sub_energy .business_list .chart .bars {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 0 8.2rem;
  height: 100%;
}

.sub_energy .business_list .chart .bar {
  display: flex;
  position: relative;
  width: 7.8rem;
  height: 100%;
  text-align: center;
  align-items: flex-end;
}

.sub_energy .business_list .chart .bar .cap {
  position: relative;
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--round_m) var(--round_m) 0 0;
  color: #fff;
  font-size: var(--fz_l);
  background-repeat: no-repeat;
}

.sub_energy .business_list .chart .bar .cap p {
  position: absolute;
  top: 1.6rem;
  left: 0;
  width: 100%;
}

.sub_energy .business_list .chart .bar .cap span {
  font-size: 1.2rem;
}

.sub_energy .business_list .chart .bar.orange .cap {
  height: 17rem;
  background-color: #F79F66;
  background-image: url(../images/ic/ic_chart_energy.svg);
  background-position: center top 5.9rem;
}

.sub_energy .business_list .chart .bar.green .cap {
  height: 15.7rem;
  background-color: #9DB76D;
  background-image: url(../images/ic/ic_chart_gas.svg);
  background-position: center top 4.6rem;
}

.sub_energy .business_list .chart .bar.blue .cap {
  height: 20.2rem;
  background-color: #6BA8B6;
  background-image: url(../images/ic/ic_chart_air.svg);
  background-position: center top 9.1rem;
}

.sub_energy .business_list .chart .bar .label {
  position: absolute;
  top: calc(100% + 1.8rem);
  left: 50%;
  width: calc(100% + 20rem);
  text-align: center;
  transform: translateX(-50%);
}

@media (max-width: 768px) {
  .sub_energy .business_list li .amount > div + div:before {
    top: calc(-50% + -1.2rem);
    left: calc(50% - 1.2rem);
    width: 2.4rem;
    height: 1.6rem;
    background-image: url(../images/ic/ic_equal_mo.svg);
  }

  .sub_energy .business_list > li + li#group-energy-bu {
    margin-top: 11.8rem;
  }
}

.chart_custom_tooltip {
  width: 14rem;
  padding: 1rem;
}

.en .chart_custom_tooltip {
  width: 16.8rem;
}

.chart_custom_tooltip .owner_tit {
  display: block;
  margin-bottom: .7rem;
  line-height: 1;
  font-weight: 300;
}

.chart_custom_tooltip .owner_tool_info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 300;
}

.chart_custom_tooltip .owner_tool_info p {
  color: var(--c_black);
  font-weight: 400;
}

.chart_custom_tooltip .owner_tool_info p i {
  margin-right: .4rem;
}


/*-------------------------------------------------------------------
   ## WHO WE ARE - 스마트팩토리&공정제어
-------------------------------------------------------------------*/
.sub_energy .business_list .factory .bg {
  background-image: url(../images/contents/bg_energy_factory.jpg);
  background-size: cover;
}

.sub_energy .business_list .factory .img {
  background-image: url(../images/contents/bg_energy_factory_inner.jpg);
  background-size: cover;
}

.sub_energy .business_list .automatic .bg {
  background-image: url(../images/contents/bg_energy_automatic.jpg);
  background-size: cover;
}

.sub_energy .business_list .automatic .img {
  background-image: url(../images/contents/bg_energy_automatic_inner.jpg);
  background-size: cover;
}

.sub_energy .business_list .green_energy .bg {
  background-image: url(../images/contents/bg_energy_green_energy.jpg);
  background-size: cover;
}

.sub_energy .business_list .green_energy .img {
  background-image: url(../images/contents/bg_energy_green_inner.jpg);
  background-size: cover;
  background-position: center right;
}

.os-windows .select_box .btn_select .selected_option {
  position: relative;
  top: .1em;
}

/*-------------------------------------------------------------------
   ## Careers - 인재상
-------------------------------------------------------------------*/
.sub_talent .sub_tit {
  margin-bottom: 14rem;
}

.sub_talent .sub_txt {
  font-size: 2.4rem;
  line-height: 1.4;
}

.sub_talent .sub_tit h4 {
  width: 100%;
  max-width: 73.6rem;
  margin: 0 auto;
  text-indent: -999.9rem;
  background: url(../images/ic/ic_talent_tit.png) no-repeat center;
  background-size: 100% auto;
  height: 6.2rem;
}

#sub_content .sub_talent .sub_tit .sub_txt {
  margin-top: 4rem;
  font-size: 2.4rem;
  line-height: 1.4;
}

#sub_content .sub_talent .challenger .wrapper {
  padding: 0 2rem;
}

.sub_talent .challenger:before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 0.93;
  max-height: 81.9rem;
  border-radius: var(--round_l);
  background: url(../images/contents/bg_great_challeg.jpg) no-repeat center bottom 76%;
  background-size: cover;
}

.sub_talent .challenger {
  position: relative;
  padding-top: 12rem;
}

.sub_talent .challenger h5 {
  margin-bottom: 6.4rem;
  color: var(--c_white);
  font-size: 5.4rem;
}

.sub_talent .challenger .talent_list {
  margin-top: 14rem;
}


.sub_talent .video {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  border-radius: var(--round_m);
  background: url(../images/contents/bg_sub_talent_youtube.jpg);
  background-size: cover;
  overflow: hidden;
  cursor: pointer;
}

.sub_talent .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.sub_talent .video:after {
  content: '';
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 10rem;
  height: 10rem;
  border-radius: var(--round_max);
  background: var(--c_white_60) url(../images/ic/ic_play.svg) no-repeat center;
  backdrop-filter: blur(.4rem);
  background-size: 100%;
  transform: translate(-50%, -50%);
  transition: background .2s ease;
}

.sub_talent .video:hover:after {
  background-image: url(../images/ic/ic_play_ov.svg);
  background-color: transparent;
}

.sub_talent .video:active:after {
  background-image: url(../images/ic/ic_play_active.svg);
  background-color: transparent;
}

.sub_talent .video.active:after {
  display: none;
}

.sub_talent .talent_list > li {
  display: flex;
}

.sub_talent .talent_list > li + li {
  margin-top: 10.4rem;
}

.sub_talent .talent_list li .tit:before {
  content: '';
  display: block;
  width: 14.4rem;
  height: 14.4rem;
  margin-bottom: 3.2rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.sub_talent .talent_list li.master .tit:before {
  background-image: url(../images/ic/ic_talent_master.svg);
}

.sub_talent .talent_list li.different .tit:before {
  background-image: url(../images/ic/ic_talent_differ.svg);
}

.sub_talent .talent_list li.change .tit:before {
  background-image: url(../images/ic/ic_talent_change.svg);
}

.sub_talent .talent_list li .tit {
  width: 53.2rem;
  margin-right: 8rem;
  flex-shrink: 0;
}

.sub_talent .talent_list li .tit > strong {
  display: block;
  margin-bottom: 1.6rem;
  font-size: var(--title_fz_l2);
  line-height: 1.3;
  font-weight: 400;
}

.sub_talent .talent_list li .tit > p {
  color: var(--c_gray2);
  font-size: var(--fz_l);
  font-weight: 300;
  line-height: 1.6;
}

.sub_talent .talent_list .detail {
  flex: auto;
  padding-top: 30.6rem;
}

.sub_talent .talent_list .detail ol {
  counter-reset: talent;
}

.sub_talent .talent_list .detail ol li:before {
  position: absolute;
  top: .2rem;
  left: 0;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  text-align: center;
  line-height: 3rem;
  counter-increment: talent;
  content: counter(talent);
  background: var(--c_lightgray4);
}

.os-windows .sub_talent .talent_list .detail ol li:before {
  line-height: 3.4rem;
}

.sub_talent .talent_list .detail ol li {
  position: relative;
  padding-left: 5.4rem;
}

.sub_talent .talent_list .detail ol li + li {
  margin-top: 6.4rem;
}

.sub_talent .talent_list .detail ol li > strong {
  display: block;
  margin-bottom: 1.6rem;
  font-size: var(--title_fz_s);
  line-height: 1.4;
  font-weight: 400;
}

.os-windows .sub_talent .talent_list .detail ol li > strong {
  position: relative;
  top: .4rem;
}

.sub_talent .talent_list .detail ol li > p {
  color: var(--c_gray2);
  font-size: var(--fz_m);
  font-weight: 300;
  line-height: 1.6;
}

@media (max-width: 1440px) {

}

@media (max-width: 1024px) {

  .sub_talent .challenger h5 {
    font-size: 4.4rem;
    margin-bottom: 3.2rem;
  }

  .sub_talent .challenger {
    padding-top: 8rem;
  }

  .sub_talent .challenger:before {
    max-height: 58.3rem;
  }

  .sub_talent .talent_list li .tit > strong {
    font-size: var(--title_fz_m);
  }

  .sub_talent .talent_list > li {
    flex-direction: column;

    br {
      display: none;
    }
  }

  .sub_talent .talent_list li .tit {
    width: 100% !important;
    margin-right: 0;
  }

  .sub_talent .talent_list .detail {
    padding-top: 4rem;
  }

  .sub_talent .talent_list > li + li {
    margin-top: 5.6rem;
  }

  .sub_talent .video:after {
    width: 5rem;
    height: 5rem;
  }

  .sub_talent .challenger .talent_list {
    margin-top: 5.6rem;
  }
}

@media (max-width: 768px) {
  .sub_talent .talent_list li .tit > strong {
    font-size: var(--title_fz_s);
  }

  .sub_talent .sub_tit h4 {
    max-width: 50rem;
  }

  .sub_talent .challenger {
    margin: 0 -2rem;
    border-radius: 0;
  }

  .sub_talent .challenger h5 {
    font-size: 2.8rem;
    margin-bottom: 3.2rem;
  }

  .sub_talent .video {
    padding-top: 33.5rem;
    border-radius: 1.2rem;
    background: url(../images/contents/bg_sub_talent_youtube_mo.jpg);
    background-size: cover;
  }

  .sub_talent .challenger {
    padding-top: 4rem;
  }

  .sub_talent .challenger:before {
    max-height: 40.3rem;
    border-radius: 0;
    background: url(../images/contents/bg_great_challeg_mo.jpg) no-repeat center bottom 81%;
    background-size: cover;
  }

  .sub_talent .sub_tit {
    margin-bottom: 5.6rem;
  }


  #sub_content .sub_talent .sub_tit .sub_txt {
    margin-top: 1.6rem;
    font-size: 1.8rem;
    line-height: 1.6;
  }

  .sub_talent .talent_list .detail ol li {
    padding-top: 4.8rem;
    padding-left: 0;
  }

  .sub_talent .talent_list .detail ol li > strong {
    font-size: var(--title_fz_xs);
    margin-bottom: 0.8rem;
  }

  .sub_talent .talent_list .detail ol li > p {
    font-size: var(--fz_m);
  }

  .sub_talent .talent_list .detail ol li + li {
    margin-top: 4rem;
  }
}

@media (max-width: 640px) {
  #sub_content .sub_talent .sub_tit .sub_txt {
    margin-top: 1.6rem;
  }

  .sub_talent .sub_tit h4 {
    max-width: 32rem;
    height: 2.7rem;
  }

  .os-windows .select_box .btn_select .selected_option {
    position: relative;
    top: .2em;
  }
}

/*-------------------------------------------------------------------
   ## Careers - 직무소개
-------------------------------------------------------------------*/
.sub_job .sub_tit {
  margin-bottom: 6.4rem;
}

.sub_job ul {
  column-count: 2;
  column-gap: 24px;
}

.sub_job ul li {
  display: inline-block;
  width: 100%;
  padding: 4rem;
  margin-bottom: 3rem;
  /*flex: 0 0 calc(50% - 15px);*/
  color: var(--c_gray);
  font-weight: 300;
  background: var(--c_lightgray3);
  border-radius: .8rem;
  transition: all .3s ease;
}

.en .sub_job ul li {
  min-height: 30.1rem;
}

.sub_job ul li:last-child {
  margin-bottom: 0;
}

.sub_job ul li .job_tit:before {
  content: '';
  display: inline-block;
  width: 3.6rem;
  height: 3.6rem;
  margin-right: 1.6rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.sub_job ul li.j_growth .job_tit:before {
  background-image: url(../images/ic/ic_growth.svg);
}

.sub_job ul li.j_public .job_tit:before {
  background-image: url(../images/ic/ic_public.svg);
}

.sub_job ul li.j_tech .job_tit:before {
  background-image: url(../images/ic/ic_tech.svg);
}

.sub_job ul li.j_safe .job_tit:before {
  background-image: url(../images/ic/ic_safe.svg);
}

.sub_job ul li.j_plan .job_tit:before {
  background-image: url(../images/ic/ic_plan.svg);
}

.sub_job ul li.j_develop .job_tit:before {
  background-image: url(../images/ic/ic_develop.svg);
}

.sub_job ul li.j_cowork .job_tit:before {
  background-image: url(../images/ic/ic_cowork.svg);
}

.sub_job ul li.j_personal .job_tit:before {
  background-image: url(../images/ic/ic_personal.svg);
}

.sub_job ul li.j_buying .job_tit:before {
  background-image: url(../images/ic/ic_buying.svg);
}

.sub_job ul li.j_manage .job_tit:before {
  background-image: url(../images/ic/ic_manage.svg);
}

.sub_job ul li .job_tit {
  margin-bottom: 2.4rem;
  color: var(--c_black);
  font-size: var(--title_fz_m);
  font-weight: 400;
  line-height: 1.3;
}

.sub_job ul li .job_txt {
  min-height: 6.4rem;
  color: var(--c_gray);
  font-size: var(--fz_l);
  font-weight: 300;
  line-height: 1.6;
}

.sub_job ul li .detail {
  height: 0;
  opacity: 0;
  overflow: hidden;
  padding-top: 4rem;
  transition: 300ms cubic-bezier(0.31, 0.27, 0.15, 0.99);
}

.sub_job ul li .detail dl {
  margin-bottom: 4rem;
}

.sub_job ul li .detail dl dt {
  margin-bottom: 1.2rem;
  color: var(--c_black);
  font-weight: 400;
  font-size: var(--title_fz_xs);
  line-height: 1;
}

.sub_job ul li .detail dl dt ~ dt {
  margin-top: 2.4rem;
}

.sub_job ul li .detail dl dd {
  color: var(--c_gray2);
  font-size: var(--fz_m);
  font-weight: 300;
}

.sub_job ul li .detail dl dd p:before {
  content: '';
  position: absolute;
  top: 1.2rem;
  left: 0;
  width: .4rem;
  height: .4rem;
  background: var(--c_gray3);
}

.os-windows .sub_job ul li .detail dl dd p:before {
  top: 1rem;
}

.sub_job ul li .detail dl dd p {
  position: relative;
  padding-left: 1.2rem;
  line-height: 1.6;
}

.sub_job ul li .detail dl dd p + p {
  margin-top: .8rem;
}

/* 자세히보기 클릭시 */
.sub_job ul li.open .detail {
  height: auto;
  opacity: 1;
}

.sub_job ul li.open .text_only_btn .ic:after {
  transform: rotate(180deg);
}

@media (max-width: 1199px) {
  .sub_talent .talent_list li .tit {
    width: 50%;
  }
}

@media (max-width: 1024px) {
  .sub_job ul li .job_tit {
    font-size: var(--title_fz_s);
  }
}

@media (max-width: 768px) {
  .sub_job.content_mt {
    padding-bottom: 6rem;
  }

  .sub_job .sub_tit {
    margin-bottom: 2.4rem;
  }

  .sub_job ul {
    column-count: 1;
  }

  .sub_job ul li {
    padding: 3.2rem 2.4rem;
    margin-bottom: 1.2rem;
  }
}

/*-------------------------------------------------------------------
   ## Careers - 채용안내
-------------------------------------------------------------------*/
.sub_apply .process ol {
  display: flex;
  counter-reset: process;
  justify-content: space-between;
}

.sub_apply .process ol:after {
  display: none;
}

.sub_apply .process ol li {
  flex: 1;

}

.sub_apply .process ol .con_wrap {
  display: flex;
  width: 18.8rem;
  height: 18.8rem;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: var(--round_max);
  background: var(--c_lightgray3);
}

.sub_apply .process ol li {
  position: relative;
}

.sub_apply .process ol li:not(:last-child):after {
  content: '';
  position: absolute;
  display: inline-block;
  right: 7%;
  top: 50%;
  width: 1.4rem;
  height: 0.8rem;
  background-image: url("../images/ic/ic_arrow_down.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  transform: rotate(-90deg) translateY(-50%);
}

.sub_apply .process ol li:last-child {
  margin-right: calc((20% - 18.8rem) * -1);
}

.sub_apply .process ol li:last-child .con_wrap {
  background: var(--c_primary);
}

.sub_apply .process ol li .con:before {
  content: '';
  display: block;
  width: 3.6rem;
  height: 3.6rem;
  margin: 0 auto 3.1rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.en .sub_apply .process ol li .con:before {
  margin-bottom: 2.1rem;
}

.en .sub_apply .process ol li:last-child .con:before {
  margin-bottom: 1.2rem;
}

.sub_apply .process ol li:nth-child(1) .con:before {
  background-image: url(../images/ic/ic_process01.svg);
}

.sub_apply .process ol li:nth-child(2) .con:before {
  background-image: url(../images/ic/ic_process02.svg);
}

.sub_apply .process ol li:nth-child(3) .con:before {
  background-image: url(../images/ic/ic_process03.svg);
}

.sub_apply .process ol li:nth-child(4) .con:before {
  background-image: url(../images/ic/ic_process04.svg);
}

.sub_apply .process ol li:last-child .con:before {
  margin-bottom: 2.4rem;
  background-image: url(../images/ic/ic_process_last.svg);
}

.sub_apply .process ol li:last-child .con span:before {
  display: none;
}

.sub_apply .process ol li .con span:before {
  display: block;
  margin-bottom: .4rem;
  color: var(--c_primary);
  font-size: var(--fz_s);
  line-height: 1;
  font-weight: 400;
  counter-increment: process;
  content: 'STEP' counter(process);
}

.sub_apply .process ol li .con span {
  display: block;
  color: var(--fz_m);
  font-size: var(--fz_m);
  font-weight: 300;
  line-height: 1.6;
}

.sub_apply .process ol li:last-child .con span {
  color: var(--c_white);
  font-weight: 400;
}

.sub_apply .apply_policy .back_bg:before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: -4rem;
  width: calc(100% + 8rem);
  height: 100%;
  border-radius: var(--round_l);
  background: url(../images/contents/bg_process_policy.jpg) no-repeat center left;
  background-size: cover;
}

.sub_apply .apply_policy {
  position: relative;
  padding-top: 10.4rem;
  /*padding-bottom: 10.4rem;*/
}

.sub_apply .apply_policy .back_bg {
  color: var(--c_white);
  padding: 10.4rem 0;
}

.sub_apply .apply_policy .policy_list .policy_tit:before {
  content: '';
  display: inline-block;
  width: .4rem;
  height: .4rem;
  margin-right: .8rem;
  border-radius: var(--round_max);
  border: .3rem solid var(--c_primary);
}

.sub_apply .apply_policy .policy_list .policy_tit {
  display: block;
  margin-bottom: 1.6rem;
  font-size: var(--title_fz_s);
  line-height: 1.4;
}

.sub_apply .apply_policy .policy_list p {
  color: var(--c_white_70);
  line-height: 1.6;
  font-size: var(--fz_m);
  font-weight: 300;
}

.sub_apply .apply_policy .policy_list li + li {
  margin-top: 4rem;
}

.sub_apply .apply_faq .manager {
  display: flex;
  height: 10.8rem;
  gap: 10.4rem;
  padding: 0 6.4rem;
  margin-bottom: 10.4rem;
  color: var(--c_white);
  border-radius: var(--round_m);
  overflow: hidden;
  background: url(../images/contents/bg_faq_tit.jpg) no-repeat center;
  background-size: cover;
}

.sub_apply .apply_faq .manager li {
  display: flex;
  align-items: center;
}

.sub_apply .apply_faq .manager li > span {
  position: relative;
  padding-right: 3.3rem;
}

.sub_apply .apply_faq .manager li > span:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 1.64rem;
  width: .1rem;
  height: 1.3rem;
  transform: translateY(-59%);
  background: var(--c_white_40);
}

.os-windows .sub_apply .apply_faq .manager li > span:after {
  transform: translateY(-76%);
}

.sub_apply .apply_faq .manager li > p {
  font-size: var(--fz_m);
  font-weight: 300;
}

.sub_apply .apply_faq .manager li > p a {
  color: var(--c_white);
}

.sub_apply .qualification > div {
  display: flex;
  align-items: flex-start;
}

.sub_apply .qualification > div + div {
  margin-top: 10.4rem;
}

.sub_apply .qualification .tit {
  width: 23rem;
  margin-right: 8rem;
  font-size: var(--title_fz_l2);
  flex-shrink: 0;
  font-weight: 400;
}

.en .sub_apply .qualification .tit {
  width: 30.9rem;
}

.sub_apply .qualification ul {
  flex: auto;
  border: .1rem solid var(--c_lightgray2);
  border-radius: var(--round_m);
}

.sub_apply .qualification ul li > .toggle_title,
.sub_apply .qualification ul li > .toggle_content > div {
  position: relative;
  padding-left: 9rem;
  padding-right: 4rem;
  word-break: keep-all;
  background-repeat: no-repeat;
  background-position: center right 4rem;
  background-size: 2.4rem;
}

.sub_apply .qualification ul li > *:before {
  position: absolute;
  left: 4rem;
  width: 3.4rem;
  height: 3.4rem;
  font-size: var(--fz_m);
  text-align: center;
  line-height: 3.4rem;
  border-radius: var(--round_max);
}

.os-windows .sub_apply .qualification ul li > *:before {
  line-height: 3.8rem;
}

.sub_apply .qualification ul li + li {
  border-top: .1rem solid var(--c_lightgray2);
}

.sub_apply .qualification ul li .question:before {
  content: 'Q';
  top: 50%;
  color: var(--c_gray3);
  background-color: var(--c_lightgray3);
  transform: translateY(-50%);
}

.sub_apply .qualification ul li .question {
  padding-top: 3.1rem;
  padding-right: 10rem;
  padding-bottom: 3.1rem;
  font-size: var(--fz_xl);
  line-height: 1.4;
  background-image: url(../images/ic/ic_faq_plus.svg);
  cursor: pointer;
}

.os-windows .sub_apply .qualification ul li .question {
  padding-top: 3.9rem;
  padding-bottom: 3.1rem;
}

.sub_apply .qualification ul li.open .question {
  background-image: url(../images/ic/ic_faq_minus.svg);
}


.sub_apply .qualification ul li.active .question {
  background-image: url(../images/ic/ic_faq_minus.svg);
}

.sub_apply .qualification ul li .answer > div {
  padding: 0.8rem 2.4rem 4rem 9rem;
  position: relative;
}

.sub_apply .qualification ul li .answer:before {
  content: 'A';
  top: 0.4rem;
  color: var(--c_primary);
  background-color: rgba(243, 118, 37, 0.1);
}

.sub_apply .qualification ul li .answer {
  position: relative;
}

/*.sub_apply .qualification ul li .answer:before {
  position: absolute;
  content: 'A';
  top: 1.2rem;
  left: 0;
  color: var(--c_primary);
  background-color: var(--c_primary10);
}*/

.sub_apply .qualification ul li .answer {
  /*height: 0;*/
  padding-top: 0;
  padding-bottom: 0;
  /*padding-top: 1.6rem;*/
  /*padding-bottom: 6.4rem;*/
  color: var(--c_gray2);
  font-size: var(--fz_m);
  font-weight: 300;
  line-height: 1.6;
  overflow: hidden;
  transition: 300ms cubic-bezier(0.31, 0.27, 0.15, 0.99);
}

/* 재무정보 */
.sub_financial .sub_tit.hoz_end p {
  color: var(--c_gray3);
  font-size: var(--fz_s);
  line-height: 1;
}

.sub_financial .chart_wrap {
  padding: 12rem 0;
}

.chart_con {
  display: flex;
  gap: 2.4rem;
}

.chart_con canvas {
  cursor: default;
}

.chart_con .chart_box .chart_tit:after {
  content: '';
  display: block;
  clear: both;
}

.chart_con .chart_box .chart_tit {
  position: relative;
  text-align: center;
  margin-bottom: 1.6rem;
}

.chart_con .chart_box .chart_tit .tit {
  margin-bottom: 1.2rem;
  font-size: var(--title_fz_m);
  line-height: 1.3;
}

.chart_con .chart_box .chart_tit span {
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 0;
  color: var(--c_gray3);
  font-size: var(--fz_s);
  font-weight: 300;
  transform: translateY(-50%);
}

.en .chart_con .chart_box .chart_tit {
  margin-bottom: 0;
}

.en .chart_con .chart_box .chart_tit span {
  position: static;
  float: right;
  transform: inherit;
}


.chart_con .chart_box .chart_tit.hoz span {
  position: static;
}

.chart_con .chart_box .chart_tit span {
  transform: inherit;
}

.chart_con .chart_box .chart_tit.owner_chart_tit span {
  margin-top: 1.6rem;
}

.chart_con .chart_box {
  flex: 1;
  padding: 3.2rem 4rem;
  border-radius: var(--round_m);
  background-color: var(--c_white);
}

/* 흰색 배경 X */
.chart_con.type02 {
  gap: 0 20.8rem;
  align-items: center;
}

.chart_con.type02 .chart_box {
  padding: 0;
  background-color: transparent;
}

/* 차트 타이틀 양쪽 정렬일 경우 */
.chart_box .chart_tit.hoz:after {
  display: none;
}

.chart_box .chart_tit.hoz {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6.4rem;
  align-items: flex-end;
}

.chart_box .chart_tit.hoz .tit {
  margin-bottom: 0;
  font-size: var(--title_fz_xl_en);
}

.en .chart_box .chart_tit.hoz.owner_chart_tit {
  display: block;
}

.en .chart_box .chart_tit.hoz.owner_chart_tit:after {
  content: '';
  display: block;
  clear: both;
}

.chart_box .chart_tit.hoz.owner_chart_tit {
  margin-bottom: 6.4rem;
}

.chart_con .chart_box .chart {
  height: 43rem;
}

.chart_con .owner_chart {
  width: 40rem;
  height: 40rem;
  margin-left: 20.8rem;
}

.chart_box .owner_list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2.4rem 0;
  font-size: var(--fz_xl);
  border-bottom: .1rem solid var(--c_lightgray);
}

.chart_box .owner_list li i {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 1.8rem;
  vertical-align: middle;
  border-radius: var(--round_max);
}

.owner_list .owner_name {
  font-weight: 300;
}

.os-windows .chart_box .owner_list li .owner_name {
  position: relative;
  top: 0.2rem;
}


@media (max-width: 1199px) {
  .sub_apply .apply_policy:before {
    left: -2rem;
    width: calc(100% + 4rem);
  }

  .sub_apply .apply_policy {
    padding-bottom: 0;
  }

  .sub_apply .apply_policy .back_bg:before {
    left: -1rem;
    width: calc(100% + 2rem);
    border-radius: 2rem;
  }

  .sub_apply .process ol li:not(:last-child):after {
    right: calc(50% - 94px);
  }

  .sub_apply .apply_policy .back_bg {
    padding: 4rem 2.2rem 11.6rem 2.2rem;
  }

  .chart_con .chart_box .chart_tit .tit {
    font-size: 2.4rem;
  }

  .chart_box .chart_tit.hoz .tit {
    margin-bottom: 2rem;
    font-size: var(--title_fz_l2);
  }

  .chart_box .chart_tit.hoz.owner_chart_tit {
    margin-bottom: 1.2rem;
  }

  .chart_box .chart_tit.hoz.owner_chart_tit .tit {
    margin-bottom: 0;
  }


  .chart_con .chart_box .chart_tit span {
    position: static;
    float: right;
    font-size: var(--fz_base);
  }

  .chart_con.type02 {
    gap: inherit;
  }

  .chart_con .owner_chart {
    margin: 0 auto;
  }

}

@media (max-width: 1024px) {
  .sub_apply .qualification > div {
    flex-direction: column;
    gap: 2.4rem;
  }

  .sub_apply .qualification ul li .question {
    padding: 2rem 7rem;
  }

  .sub_apply .qualification .tit {
    font-size: var(--title_fz_m);
    font-weight: 400;

    br {
      display: none;
    }
  }

  .en .sub_apply .qualification .tit {
    width: 100%;
  }

  .os-windows .sub_apply .qualification ul li .question {
    padding-top: 2.4rem;
    padding-bottom: 2.2rem;
  }

  .sub_apply .qualification ul li > *:before {
    left: 2rem;
  }

  .sub_apply .qualification ul li .question:before {
    top: 50%;
    transform: translateY(-50%);
  }

  .sub_apply .qualification ul li > * {
    background-size: 2rem;
    background-position: center right 2rem;
  }

  .sub_apply .qualification > div + div {
    margin-top: 5.6rem;
  }

  .sub_apply .qualification ul li > .toggle_title,
  .sub_apply .qualification ul li > .toggle_content > div {
    background-size: 2rem;
    background-position: center right 2rem;
  }

  .sub_apply .qualification ul li .answer > div {
    padding: 0.8rem 2.4rem 4rem 7rem;
  }
}

@media (max-width: 800px) {
  .sub_apply .apply_faq .manager {
    flex-direction: column;
  }

  .sub_apply .apply_faq .manager {
    gap: 2.4rem;
    height: auto;
    padding: 3.2rem 2.4rem;
    margin-bottom: 5.6rem;
  }

  .sub_apply .apply_faq .manager:after {
    display: none;
  }

  .sub_apply .qualification ul li .question {
    font-size: var(--fz_l);
  }


  .sub_apply .apply_policy {
    padding-top: 0;
  }
}

@media (max-width: 980px) {
  .sub_apply .process ol {
    flex-direction: column;
    align-items: center;
  }

  .sub_apply .process ol li + li {
    position: relative;
    margin-top: 4.4rem;
  }

  .sub_apply .process ol li:last-child {
    margin-right: 0;
  }

  .sub_apply .process ol .con_wrap {
    width: 16.5rem;
    height: 16.5rem;
  }

  .sub_apply .process ol li:last-child .con_wrap {
    width: 18.5rem;
    height: 18.5rem;
  }

  .sub_apply .process ol li:not(:last-child):after {
    right: auto;
    top: auto;
    bottom: -2.6rem;
    left: 50%;
    transform: rotate(0) translateY(0) translateX(-50%);
  }

  .sub_apply .process ol li {

  }
}

@media (max-width: 768px) {
  .sub_apply .qualification .tit {
    font-size: var(--title_fz_s);
  }

  .sub_apply .qualification ul li .question {
    font-size: var(--fz_m);
  }

  .sub_apply .apply_policy:before {
    left: -1rem;
    width: calc(100% + 2rem);
  }

  .sub_job ul li .detail {
    padding-top: 1.6rem;

  }

  .sub_job ul li .detail dl {
    margin-bottom: 2.4rem;
  }

  .sub_job ul li.open .detail {
    padding-top: 2.4rem;
  }

  .sub_job ul li .job_txt {
    font-size: var(--fz_m);
  }

  .sub_job ul li .job_txt br {
    display: none;
  }

  .sub_job ul li .detail dl dt {
    font-size: var(--fz_m);
  }

  .sub_apply .process ol .con_wrap {
    width: 16.5rem;
    height: 16.5rem;
  }

  .sub_apply .process ol li .con:before {
    margin-bottom: 1.4rem;
  }

  .en .sub_apply .process ol li .con:before {
    margin-bottom: 1.4rem;
  }

  .en .sub_apply .process ol li:last-child .con:before {
    margin-bottom: 1.8rem;
  }

  .sub_apply .process ol li:not(:last-child):after {
    width: 1.6rem;
  }

  .sub_apply .process ol li .con span:before {
    font-size: 1.6rem;
    line-height: 1.5;
  }

  .sub_apply .process ol li .con span {
    font-size: var(--fz_m);
    line-height: 1.5;
  }

  .sub_apply .apply_policy .back_bg {
    padding: 4rem 2.2rem 16.9rem 2.2rem;
  }

  .sub_apply .apply_policy .back_bg:before {
    background: url(../images/contents/bg_process_policy_mo.jpg) no-repeat bottom left;
    background-size: cover;
  }

  .sub_apply .apply_policy .policy_list li + li {
    margin-top: 2rem;
  }

  .sub_apply .apply_policy .policy_list .policy_tit {
    font-size: 2rem;
    margin-bottom: 0.8rem;
  }

  .sub_apply .apply_policy .policy_list p {
    font-size: 1.8rem;
  }

  .sub_apply .apply_policy .policy_list p br {
    display: none;
  }

  .sub_apply .apply_faq .manager li {
    display: block;
  }

  .sub_apply .apply_faq .manager li > span {
    padding-right: 0;
    padding-bottom: 0.4rem;
  }

  .sub_apply .apply_faq .manager li > span:after {
    display: none;
  }

  .sub_apply .apply_faq .manager {
    background: url(../images/contents/bg_faq_tit_mo.jpg) no-repeat center;
    background-size: cover;
  }

  .sub_apply .qualification ul li .answer:before {
    left: 2rem;
  }

  .sub_apply .qualification ul li .answer > div {
    font-size: 1.6rem;
    padding-left: 7rem;
  }

  .chart_con .chart_box .chart_tit.owner_chart_tit span {
    margin-top: 2.4rem;
  }
}

/*-------------------------------------------------------------------
   ## Careers - 인사제도_ 근무환경
-------------------------------------------------------------------*/
.en .work_list_con .sub_tit {
  width: 48.6rem;
}

.en .sub_recruitment .work_list {
  margin-top: -41.5rem;
}

.sub_recruitment .work_list {
  margin-top: -20.5rem;
}

.sub_recruitment .work_list > li {
  display: flex;
  flex-direction: column;
}

.sub_recruitment .work_list figure {
  display: block;
  margin-bottom: 4rem;
  border-radius: var(--round_m);
  overflow: hidden;
}

.sub_recruitment .work_list figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sub_recruitment .work_list .detail > strong {
  display: block;
  margin-bottom: 1.6rem;
  font-size: var(--title_fz_m);
  font-weight: 400;
}

.sub_recruitment .work_list .detail .dot_txt_li p:before {
  content: '';
  position: absolute;
  top: 1rem;
  left: 0;
  width: .4rem;
  height: .4rem;
  background: var(--c_gray3);
}

.sub_recruitment .work_list .detail .dot_txt_li p {
  position: relative;
  padding-left: 1.2rem;
  color: var(--c_gray2);
  font-weight: 300;
  line-height: 1.6;
}

.sub_recruitment .work_list .detail .dot_txt_li p + p {
  margin-top: .8rem;
}

.sub_recruitment .work_list > li:nth-child(odd) {
  align-items: flex-end;
}

.sub_recruitment .work_list > li:nth-child(1) .con {
  width: 58.8rem;
}

.sub_recruitment .work_list > li:nth-child(2) .con {
  width: 48.6rem;
  margin-top: -9rem;
}

.sub_recruitment .work_list > li:nth-child(3) .con {
  width: 44rem;
  margin-top: -31.6rem;
}

.sub_recruitment .work_place:before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: -4rem;
  width: calc(100% + 8rem);
  height: 100%;
  border-radius: var(--round_l);
  background: var(--c_lightgray3);
}

.sub_recruitment .work_place {
  position: relative;
  padding: 12rem 0 20.4rem;
}

.sub_recruitment .work_place .place_slide {
  width: calc(100% + 8rem);
  padding-top: 8rem;
  margin-left: -4rem;
}

.sub_recruitment .work_place .place_slide .swiper-slide {
  display: flex;
  align-items: flex-start;
  width: 38.4rem;
  /*height: 59.3rem;*/
  overflow: hidden;
  /*transition-property: inherit !important;*/
  /*transition: transform .3s ease;*/
}


.sub_recruitment .work_place .place_slide .swiper-slide.odd-slide {
  margin-top: -8rem;
}

.sub_recruitment .work_place .ctrl_btn {
  display: flex;
  margin-top: 4rem;
  justify-content: center;
  align-items: center;
}

.sub_recruitment .work_place .ctrl_btn .btn {
  position: static;
  width: 4.4rem;
  height: 4.4rem;
  flex-shrink: 0;
  margin: 0;
  border-radius: var(--round_max);
  border: .1rem solid var(--c_lightgray);
  text-indent: -999.9rem;
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  transition: background-color .3s ease;
}

.sub_recruitment .work_place .ctrl_btn .btn:hover {
  background-color: #444;
}

.sub_recruitment .work_place .ctrl_btn .btn:hover .prev {
  background-image: url(../images/ic/ic_slide_prev_white.svg);
}

.sub_recruitment .work_place .ctrl_btn .prev {
  background-image: url(../images/ic/ic_slide_prev.svg);
}

.sub_recruitment .work_place .ctrl_btn .next {
  background-image: url(../images/ic/ic_slide_next.svg);
}

.sub_recruitment .work_place .ctrl_btn .btn:hover .next {
  background-image: url(../images/ic/ic_slide_next_white.svg);
}

.sub_recruitment .work_place .ctrl_btn .pagination {
  position: static;
  width: auto;
  margin: 0 2rem;
}

.sub_recruitment .work_place .ctrl_btn .pagination .swiper-pagination-bullet {
  margin: 0 1.2rem;
  opacity: 1;
  background: var(--c_gray4);
  cursor: pointer;
}

.sub_recruitment .work_place .ctrl_btn .pagination .swiper-pagination-bullet:hover,
.sub_recruitment .work_place .ctrl_btn .pagination .swiper-pagination-bullet-active {
  background: var(--c_primary);
}

/*-------------------------------------------------------------------
   ## Careers - 인사제도_ 복리후생
-------------------------------------------------------------------*/
.sub_recruitment .tab_con {
  padding-top: 12rem;
}

.sub_recruitment .benefit_list {
  display: flex;
  flex-wrap: wrap;
  gap: 2.4rem;
}

.sub_recruitment .benefit_list li {
  height: 28.2rem;
  flex: 0 0 calc(25% - 1.8rem);
  padding-top: 19.8rem;
  text-align: center;
  border: .1rem solid var(--c_lightgray2);
  border-radius: var(--round_m);
  background-repeat: no-repeat;
  background-position: center top 6.4rem;
  background-size: 9rem;
  font-size: var(--fz_l);
}

.en .sub_recruitment .benefit_list li {
  height: auto;
  line-height: 1.4;
  padding-bottom: 3.2rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.sub_recruitment .benefit_list .leisure {
  background-image: url(../images/ic/ic_be_leisure.svg);
}

.sub_recruitment .benefit_list .club {
  background-image: url(../images/ic/ic_be_club.svg);
}

.sub_recruitment .benefit_list .refresh {
  background-image: url(../images/ic/ic_be_refresh.svg);
}

.sub_recruitment .benefit_list .shopping {
  background-image: url(../images/ic/ic_be_shopping.svg);
}

.sub_recruitment .benefit_list .language {
  background-image: url(../images/ic/ic_be_language.svg);
}

.sub_recruitment .benefit_list .home {
  background-image: url(../images/ic/ic_be_house.svg);
}

.sub_recruitment .benefit_list .pension {
  background-image: url(../images/ic/ic_be_pension.svg);
}

.sub_recruitment .benefit_list .point {
  background-image: url(../images/ic/ic_be_point.svg);
}

.sub_recruitment .benefit_list .medical {
  background-image: url(../images/ic/ic_be_medical.svg);
}

.sub_recruitment .benefit_list .mental {
  background-image: url(../images/ic/ic_be_mental.svg);
}

.sub_recruitment .benefit_list .child {
  background-image: url(../images/ic/ic_be_child.svg);
}

.sub_recruitment .benefit_list .long {
  background-image: url(../images/ic/ic_be_long.svg);
}

.sub_recruitment .benefit_list .bus {
  background-image: url(../images/ic/ic_be_bus.svg);
}

.sub_recruitment .benefit_list .gift {
  background-image: url(../images/ic/ic_be_gift.svg);
}

.sub_recruitment .life_story .storys_box {
  display: flex;
  position: relative;
  height: 80.4rem;
  flex-direction: column;
}

.sub_recruitment .life_story .storys_box .story {
  display: flex;
  width: calc(66% - 1.2rem);
  height: 39.6rem;
  border-radius: var(--round_m);
  background: var(--c_lightgray3);
  overflow: hidden;
  cursor: pointer;
}

.sub_recruitment .life_story .storys_box .story .youtube:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: var(--c_dimmed);
  opacity: 0;
  transition: all .3s ease;
}

.sub_recruitment .life_story .storys_box .story .youtube:before {
  content: '';
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 10rem;
  height: 10rem;
  border-radius: var(--round_max);
  background: var(--c_white_60) url(../images/ic/ic_play.svg) no-repeat center;
  backdrop-filter: blur(.4rem);
  background-size: 100%;
  transform: translate(-50%, -50%);
  opacity: 0;
}

.sub_recruitment .life_story .storys_box .story:hover .youtube:after,
.sub_recruitment .life_story .storys_box .story:hover .youtube:before {
  opacity: 1;
}

.sub_recruitment .life_story .storys_box .story:hover .txt {
  background: var(--c_primary) url(../images/ic/ic_story_circle.svg) no-repeat center;
  color: var(--c_white);
}

.sub_recruitment .life_story .storys_box .story:hover .txt p:before {
  background-image: url(../images/ic/ic_quote_white.svg);
}

.sub_recruitment .life_story .storys_box .story .txt {
  flex: auto;
  width: 50%;
  display: flex;
  padding: 4rem;
  color: var(--c_gray2);
  align-items: flex-end;
  transition: background-color .3s ease;
}

.sub_recruitment .life_story .storys_box .story .txt p:before {
  content: '';
  display: block;
  width: 2rem;
  height: 1.8rem;
  margin-bottom: 1.6rem;
  background: url(../images/ic/ic_quote.svg) no-repeat center;
  background-size: 100%;
}

.sub_recruitment .life_story .storys_box .story .txt p {
  font-weight: 300;
  font-size: var(--fz_m);
  line-height: 1.6;
}

.sub_recruitment .life_story .storys_box .story + .story:not(.right) {
  margin-top: 1.2rem;
}

.sub_recruitment .life_story .storys_box .story.right {
  position: absolute;
  top: 0;
  right: 0;
  width: 34%;
  height: 100%;
  flex-direction: column;
}

.sub_recruitment .life_story .storys_box .story.right .txt {
  width: auto;
}

.sub_recruitment .life_story .storys_box .story .youtube {
  position: relative;
  width: 50%;
  height: 100%;
  text-indent: -999.9rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.sub_recruitment .life_story .storys_box .story:first-child .youtube {
  background-image: url(../images/contents/bg_story_thumb01.jpg);
}

.sub_recruitment .life_story .storys_box .story.right .youtube {
  width: 100%;
  height: 50%;
  background-image: url(../images/contents/bg_story_thumb02.jpg);
}

.sub_recruitment .life_story .storys_box .story:last-child .txt {
  order: 1;
}

.sub_recruitment .life_story .storys_box .story:last-child .youtube {
  order: 2;
  background-image: url(../images/contents/bg_story_thumb03.jpg);
}

.sub_recruitment .about:before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: -4rem;
  width: calc(100% + 8rem);
  height: calc(100% - 10.4rem);
  background: url(../images/contents/bg_about_cl.jpg) no-repeat center;
  border-radius: var(--round_l);
  background-size: cover;
}

.sub_recruitment .about {
  position: relative;
  padding-top: 27rem;
}

.sub_recruitment .about > div {
  padding: 6.4rem;
  text-align: center;
  border-radius: var(--round_m);
  background: var(--c_lightgray3);
}

.sub_recruitment .about .txt {
  padding-bottom: 4rem;
  margin-bottom: 4rem;
  font-size: var(--fz_xl);
  font-weight: 300;
  line-height: 1.4;
  border-bottom: .1rem solid var(--c_lightgray);
}

.sub_recruitment .about .lexicon {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 8rem;
}

.sub_recruitment .about .lexicon > div {
  display: flex;
  align-items: center;
}

.sub_recruitment .about .lexicon .tag:before {
  content: '*';
  display: inline-block;
  margin-right: .4rem;
  color: var(--c_primary);
  vertical-align: top;
}

.sub_recruitment .about .lexicon .tag + p {
  color: var(--c_gray2);
  font-weight: 300;
}

.sub_recruitment .about .lexicon .tag {
  padding: .8rem 1rem;
  margin-right: 1.6rem;
  border-radius: 1.5rem;
  font-size: var(--fz_s);
  background: var(--c_white);
  line-height: 1;
  height: 3rem;
}

.os-windows .sub_recruitment .about .lexicon .tag {
  line-height: 1.5;
}

.sub_recruitment .about .txt em {
  color: var(--c_primary);
}

.sub_recruitment .about .txt em.mark:before {
  content: '*';
  display: inline-block;
  margin-right: .4rem;
  vertical-align: top;
}

.sub_recruitment .system .scroll_wrap {
  overflow-x: auto;
}

.sub_recruitment .system_table {
  width: 120rem;
  padding: 6.4rem;
  border: .1rem solid var(--c_lightgray);
  border-radius: var(--round_m);
}

.sub_recruitment .system_table ul {
  display: flex;
  margin-top: 4rem;
}

.sub_recruitment .system_table ul li {
  padding-right: 3.3rem;
  margin-right: 3.3rem;
  border-right: .1rem solid var(--c_lightgray);
}

.sub_recruitment .system_table ul li:first-child {
  width: 25rem;
  flex-shrink: 0;
}

.sub_recruitment .system_table ul li:nth-child(2) {
  width: 53.6rem;
  flex-shrink: 0;
}

.sub_recruitment .system_table ul li:last-child {
  padding-right: 0;
  margin-right: 0;
  border-right: 0;
}

.sub_recruitment .system_table ul li > p {
  margin-bottom: 1.6rem;
  color: var(--c_gray);
  font-size: var(--fz_m);
  line-height: 1.6;
}

.sub_recruitment .system_table ul li > p span {
  color: var(--c_primary);
}

.sub_recruitment .system_table .dot_txt_li p {
  position: relative;
  color: var(--c_gray2);
  font-size: var(--fz_base);
  padding-left: 2.5rem;
  line-height: 1.64;
  font-weight: 300;
}

.sub_recruitment .system_table .dot_txt_li p + p {
  margin-top: 1.2rem;
}

.sub_recruitment .system_table .dot_txt_li p:before {
  content: '';
  position: absolute;
  top: 1.1rem;
  left: 1rem;
  width: .4rem;
  height: .4rem;
  background: var(--c_gray3);
}

.os-windows .sub_recruitment .system_table .dot_txt_li p:before {
  top: .8rem;
}

.sub_recruitment .talent_develop li {
  display: flex;
  align-items: flex-start;
}

.sub_recruitment .talent_develop li + li {
  padding-top: 8rem;
  margin-top: 8rem;
  border-top: .1rem solid var(--c_lightgray);
}

.sub_recruitment .talent_develop li .thumb {
  width: 38.4rem;
  margin-right: 8rem;
  flex-shrink: 0;
  border-radius: var(--round_m);
  overflow: hidden;
}

.sub_recruitment .talent_develop li .thumb img {
  width: 100%;
}

.sub_recruitment .talent_develop li .detail > strong {
  display: block;
  margin-bottom: 4rem;
  font-size: var(--title_fz_l2);
  font-weight: 400;
}

.sub_recruitment .talent_develop li .detail dl + dl {
  margin-top: 4rem;
}

.sub_recruitment .talent_develop li .detail dl dt:before {
  content: '';
  position: absolute;
  top: 1rem;
  left: 0;
  width: .6rem;
  height: .6rem;
  border-radius: var(--round_max);
  border: .3rem solid var(--c_primary);
  background-color: var(--c_white);
}

.os-windows .sub_recruitment .talent_develop li .detail dl dt:before {
  top: 0.7rem;
}

.sub_recruitment .talent_develop li .detail dl dt {
  position: relative;
  padding-left: 2rem;
  margin-bottom: 1.6rem;
  font-size: var(--title_fz_s);
  line-height: 1.4;
  word-break: keep-all;
}

.sub_recruitment .talent_develop li .detail dl dd {
  color: var(--c_gray2);
  font-size: var(--fz_m);
  line-height: 1.6;
  word-break: keep-all;
  font-weight: 300;
}

.os-windows .file_box .file_btn span {
  position: relative;
  top: .3rem;
}

@media (max-width: 1400px) {
  .sub_recruitment .work_list {
    margin-top: 0;
    display: flex;
    flex-direction: column;
    gap: 5.6rem;
  }

  #sub_content [data-tab-con="work"] .sub_tit {
    width: auto;
    max-width: 82rem;
  }

  .en .sub_recruitment .work_list {
    margin-top: 0;
  }

  .sub_recruitment .work_list > li:nth-child(1) .con,
  .sub_recruitment .work_list > li:nth-child(2) .con,
  .sub_recruitment .work_list > li:nth-child(3) .con {
    margin-top: 0;
  }
}

@media all and (max-width: 1300px) {
}

@media (max-width: 1199px) {
  .sub_recruitment .talent_develop li .detail > strong {
    font-size: 2.4rem;
  }
}

@media (max-width: 1024px) {
  .sub_recruitment .about > div {
    padding: 3.2rem;
  }

  .sub_recruitment .about .txt {
    font-size: var(--fz_m);
  }

  .sub_recruitment .life_story .storys_box .story .txt p br {
    display: none;
  }

  .sub_recruitment .talent_develop li {
    flex-direction: column;
    gap: 4rem;
  }

  .sub_recruitment .talent_develop li .thumb {
    width: 100%;
    height: 45rem;
    margin-right: 0;
  }

  .sub_recruitment .talent_develop li .thumb img {
    object-fit: cover;
    height: 100%;
  }

  .sub_recruitment .benefit_list li {
    flex: 0 0 calc(50% - 1.2rem);
  }

}

@media (max-width: 768px) {

  .sub_recruitment .life_story .storys_box {
    height: auto;
    gap: 2.4rem;
  }

  .sub_recruitment .life_story .storys_box .story {
    width: auto;
    height: auto;
    flex-direction: column;
  }

  .sub_recruitment .life_story .storys_box .story.right {
    width: auto;
    position: static;
  }

  .sub_recruitment .life_story .storys_box .story + .story:not(.right) {
    margin-top: 0;
  }

  .sub_recruitment .life_story .storys_box .story .youtube {
    width: 100%;
    height: 40rem;
    aspect-ratio: 1;
    background-position: bottom center;
  }


  .sub_recruitment .life_story .storys_box .story:last-child .youtube {
    order: unset;
    background-position: top center;
  }

  .sub_recruitment .work_list .detail > strong {
    font-size: var(--title_fz_xs);
  }

  .en .sub_recruitment .work_list .detail > strong {
    line-height: 1.4;
  }

  .sub_recruitment .life_story .storys_box .story .youtube:before {
    width: 5rem;
    height: 5rem;
  }

  .sub_recruitment .work_list figure {
    height: 50rem !important;
    position: relative;
  }

  .sub_recruitment .work_list figure img {
    position: absolute;
    bottom: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .sub_recruitment .work_list > li:nth-child(1) .con,
  .sub_recruitment .work_list > li:nth-child(2) .con,
  .sub_recruitment .work_list > li:nth-child(3) .con {
    width: 100%;
  }


  .sub_recruitment .about .lexicon {
    flex-direction: column;
    gap: 2.4rem;
    align-items: flex-start;
  }

  .sub_recruitment .about .lexicon > div {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.2rem;
  }

  .sub_recruitment .tab_con {
    padding-top: 5.6rem;
  }

  .sub_recruitment .about {
    padding-top: 0;
  }

  .sub_recruitment .about:before {
    display: none;
  }

  .sub_recruitment .about .txt {
    padding-bottom: 2.4rem;
    margin-bottom: 2.4rem;
  }

  .sub_recruitment .about .lexicon .tag {
    font-size: 1.4rem;
  }

  .sub_recruitment .system_table {
    padding: 2.4rem;
  }

  .sub_recruitment .system_table ul li > p {
    font-size: 2rem;
  }

  .sub_recruitment .system_table ul {
    margin-top: 2rem;
  }

  .sub_recruitment .talent_develop li .detail dl dt {
    font-size: 2rem;
    margin-bottom: 0.8rem;
  }

  .sub_recruitment .talent_develop li .detail dl dt:before {
    top: 0.7rem;
  }

  .os-windows .sub_recruitment .talent_develop li .detail dl dt:before {
    top: 0.6rem;
  }

  .sub_recruitment .talent_develop li .detail dl + dl {
    margin-top: 2rem;
  }

  .sub_recruitment .talent_develop li .detail dl dd {
    font-size: 1.8rem;
  }

  .sub_recruitment .talent_develop li .detail dl dd br {
    display: none;
  }

  .sub_recruitment .talent_develop li + li {
    padding-top: 5.6rem;
    margin-top: 5.6rem;
  }

  .sub_recruitment .work_list figure {
    margin-bottom: 2.4rem;
  }

  .sub_recruitment .work_place:before {
    display: none;
  }

  .sub_recruitment .work_place {
    padding-top: 0;
    margin-top: 0.8rem;
    padding-bottom: 0;
  }

  .sub_recruitment .work_place .place_slide {
    margin-left: -2.4rem;
    width: calc(100% + 4.8rem);
    padding-top: 4rem;
    padding-left: 1.2rem;
  }

  .sub_recruitment .life_story .storys_box .story .txt {
    width: 100%;
    padding: 3.2rem 2.4rem;
  }

  .sub_recruitment .life_story .storys_box .story .txt p {
    line-height: 1.5;
  }

  .sub_recruitment .life_story .storys_box .story.right .txt p br {
    display: none;
  }

  .sub_recruitment .benefit_list {
    gap: 0.8rem;
  }


  .sub_recruitment .benefit_list > li {
    flex: 0 0 calc(50% - 0.4rem);
    font-size: 1.8rem;
  }

  .sub_recruitment .benefit_list li {
    background-position: center top 3.3rem;
    height: 22rem;
    padding-top: 13.5rem;
    line-height: 1.5;
  }

  .en .sub_recruitment .benefit_list li {
    display: flex;
    height: auto;
  }

  .en .sub_recruitment .benefit_list li > div {
    width: 100%;
    min-height: 13.5rem;
  }

  .en .sub_recruitment .benefit_list li > div span {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }

  .sub_recruitment .work_place .place_slide .swiper-wrapper {
    padding-left: 2rem;
    margin-left: -1rem;
  }

  .sub_recruitment .work_place .place_slide .swiper-slide {
    width: 25.6rem;
  }

  .sub_recruitment .work_place .ctrl_btn .prev,
  .sub_recruitment .work_place .ctrl_btn .next {
    display: none;
  }

  .sub_recruitment .work_place .ctrl_btn {
    text-align: center;
  }

  .sub_recruitment .work_place .ctrl_btn .pagination {
    transform: inherit;
  }

  .sub_recruitment .work_place .ctrl_btn .pagination .swiper-pagination-bullet {
    margin: 0 1rem;
  }

  .sub_recruitment .talent_develop li .thumb {
    height: auto;
  }

}

@media (max-width: 640px) {
  .sub_recruitment .work_list figure {
    height: auto !important;
    position: relative;
  }

  .sub_recruitment .work_list figure img {
    position: static;
  }

  .sub_recruitment .life_story .storys_box .story .youtube {
    height: 33.5rem;
  }
}

/*-------------------------------------------------------------------
   ## ESG - 안전환경보건경영
-------------------------------------------------------------------*/
.sub_sustain .hears .hears_list {
  position: relative;
}

.sub_sustain .hears .acronym {
  margin-top: 1.6rem;
  color: var(--c_gray2);
  font-size: var(--fz_xl);
}

.sub_sustain .hears h5.acronym {
  color: var(--c_black);
}

.en .sub_sustain .hears .acronym {
  color: var(--c_black);
}

.en .sub_sustain .hears p.acronym {
  display: none;
}

.sub_sustain .hears .acronym em {
  color: var(--c_primary);
}

.sub_sustain .hears .hears_list ul {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 2.4rem;
}

.sub_sustain .hears .hears_list li {
  flex: 0 0 calc(50% - 1.2rem);
  padding: 4rem 0;
  font-size: var(--title_fz_s);
  border-radius: var(--round_s);
  background: var(--c_lightgray3);
}

.sub_sustain .hears .hears_list li:nth-child(odd) {
  padding-right: 14rem;
  text-align: right;
}

.sub_sustain .hears .hears_list li:nth-child(even) {
  padding-left: 14rem;
}

.sub_sustain .hears .hears_list li span {
  font-size: var(--fz_m);
  font-weight: 300;
  line-height: 1.6;
}

.sub_sustain .hears .hears_list li em {
  display: block;
  margin-bottom: .4rem;
  color: var(--c_primary);
  font-size: var(--fz_m);
  line-height: 1.6;
}

.sub_sustain .hears .hears_list .mark {
  position: absolute;
  z-index: 2;
  top: calc(50% - 1.2rem);
  left: 50%;
  width: 24rem;
  height: 24rem;
  padding-top: 15.3rem;
  text-align: center;
  color: var(--c_white);
  font-size: var(--fz_xl);
  line-height: 1.4;
  border-radius: var(--round_max);
  background: var(--c_primary) url(../images/ic/ic_safety.svg) no-repeat center top 5.3rem;
  transform: translate(-50%, -50%);
}

.en .sub_sustain .hears .hears_list .mark {
  width: 28rem;
  height: 28rem;
  padding-top: 11.9rem;
  background-position: center top 2.5rem;
}

.sub_sustain .briefing_slide {
  width: 100%;
}

.sub_sustain .briefing_slide .swiper-slide .img_wrap {
  height: 32rem;
  overflow: hidden;
}

.sub_sustain .briefing_slide .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sub_sustain .briefing_slide .ctrl_btn {
  display: flex;
  margin-top: 4rem;
  justify-content: center;
  align-items: center;
}

.sub_sustain .briefing_slide .ctrl_btn .btn {
  position: static;
  width: 4.4rem;
  height: 4.4rem;
  flex-shrink: 0;
  margin: 0;
  border-radius: var(--round_max);
  border: .1rem solid var(--c_lightgray);
  text-indent: -999.9rem;
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  transition: background-color .3s ease;
}

.sub_sustain .briefing_slide .ctrl_btn .prev {
  background-image: url(../images/ic/ic_slide_prev.svg);
}

.sub_sustain .briefing_slide .ctrl_btn .next {
  background-image: url(../images/ic/ic_slide_next.svg);
}

.sub_sustain .briefing_slide .ctrl_btn .btn:hover {
  background-color: var(--c_gray);
}

.sub_sustain .briefing_slide .ctrl_btn .pagination {
  position: static;
  width: auto;
  margin: 0 2rem;
}

.os-windows .sub_sustain .briefing_slide .ctrl_btn .pagination {
  position: relative;
  top: 0.3rem;
}

.sub_sustain .briefing_slide .ctrl_btn .pagination .swiper-pagination-bullet {
  margin: 0 1.2rem;
  opacity: 1;
  background: var(--c_gray4);
}

.sub_sustain .briefing_slide .ctrl_btn .pagination .swiper-pagination-bullet-active {
  background: var(--c_primary);
}

.hanwha_safety ol {
  display: flex;
  flex-wrap: wrap;
  gap: 2.4rem;
  counter-reset: safety;
}

.hanwha_safety ol li {
  flex: 0 0 calc(50% - 1.2rem);
  padding: 4rem;
  padding-left: 14.8rem;
  font-size: var(--fz_m);
  border: .1rem solid var(--c_lightgray);
  border-radius: var(--round_m);
  background-repeat: no-repeat;
  background-position: center left 4rem;
  background-size: 6.8rem;
}

.hanwha_safety ol li > p {
  margin-bottom: .4rem;
  font-size: var(--fz_m);
  line-height: 1.6;
}

.hanwha_safety ol li > span {
  display: block;
  color: var(--c_gray2);
  font-weight: 300;
  line-height: 1.6;
}

.hanwha_safety ol li > p:before {
  display: block;
  margin-bottom: 1.2rem;
  counter-increment: safety;
  content: counter(safety, decimal-leading-zero);
  line-height: 1.6;
}

.hanwha_safety ol li.safe {
  background-image: url(../images/ic/ic_ru_connect.svg);
}

.hanwha_safety ol li.weight {
  background-image: url(../images/ic/ic_ru_weight.svg);
}

.hanwha_safety ol li.off {
  background-image: url(../images/ic/ic_ru_poweroff.svg);
}

.hanwha_safety ol li.oxgen {
  background-image: url(../images/ic/ic_ru_oxgen.svg);
}

.hanwha_safety ol li.fire {
  background-image: url(../images/ic/ic_ru_fire.svg);
}

.hanwha_safety ol li.helmet {
  background-image: url(../images/ic/ic_ru_helmet.svg);
}

.hanwha_safety ol li.no_solo {
  background-image: url(../images/ic/ic_ru_people.svg);
}

.stop_works ol {
  display: flex;
  gap: 2.4rem;
  counter-reset: works;
}

.stop_works ol:after {
  display: none;
}

.stop_works ol li {
  flex: 1;
  min-height: 28.6rem;
  padding: 14rem 4rem 4rem 4rem;
  border: .1rem solid var(--c_lightgray);
  border-radius: var(--round_m);
  background-repeat: no-repeat;
  background-position: top 4rem left 4rem;
}

.stop_works ol li.stop {
  background-image: url(../images/ic/ic_auth_stop.svg)
}

.stop_works ol li.notice {
  background-image: url(../images/ic/ic_auth_notice.svg)
}

.stop_works ol li.solution {
  background-image: url(../images/ic/ic_auth_solution.svg)
}

.stop_works ol li.no_penalty {
  background-image: url(../images/ic/ic_auth_thumbs.svg)
}

.stop_works ol li p:before {
  display: block;
  margin-bottom: 1.2rem;
  counter-increment: works;
  content: counter(works, decimal-leading-zero);
  line-height: 1.6;
}

.stop_works ol li p {
  line-height: 1.6;
}

.stop_works .safety_rule {
  padding: 1.6rem 0;
  margin-top: 2.4rem;
  text-align: center;
  border-radius: var(--round_m);
  background-color: var(--c_primary);
}

.stop_works .safety_rule p:before {
  content: '';
  display: inline-block;
  width: 4.8rem;
  height: 4.8rem;
  margin-right: 1.2rem;
  vertical-align: middle;
  background: url(../images/ic/ic_auth_forbiden.svg) no-repeat center;
  background-size: 100%;
}

.stop_works .safety_rule p {
  color: var(--c_white);
  font-size: var(--fz_m);
  line-height: 1.6;
}

.stop_works .safety_rule p .m_br {
  display: none;
}

/*-------------------------------------------------------------------
   ## ESG - 상생경영
-------------------------------------------------------------------*/
.cooper_program ul {
  display: flex;
  gap: 2.4rem;
}

.cooper_program ul li {
  flex: 0 0 calc(33.33% - 1.2rem);
}

.cooper_program ul li .thumb {
  margin-bottom: 4rem;
  border-radius: var(--round_m);
  overflow: hidden;
}

.cooper_program ul li .thumb img {
  width: 100%;
}

.cooper_program ul li .detail > strong {
  display: block;
  margin-bottom: 1.6rem;
  font-size: var(--title_fz_m);
  font-weight: 400;
}

.cooper_program ul li .detail .dot_txt_li p {
  position: relative;
  color: var(--c_gray2);
  font-size: var(--fz_m);
  padding-left: 1.2rem;
  line-height: 1.6;
  font-weight: 300;
}

.cooper_program ul li .detail .dot_txt_li p + p {
  margin-top: .8rem;
}

.cooper_program ul li .detail .dot_txt_li p:before {
  content: '';
  position: absolute;
  top: 1rem;
  left: 0rem;
  width: .4rem;
  height: .4rem;
  background: var(--c_gray3);
}

.cooper_program .process_img:before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: -4rem;
  width: calc(100% + 8rem);
  height: 100%;
  border-radius: var(--round_l);
  background: var(--c_lightgray3);
}

.cooper_program .process_img {
  position: relative;
  z-index: 1;
  padding: 12rem 0;
}

.cooper_program .process_img img {
  display: block;
  max-width: 77.6rem;
  margin: 0 auto;
}

/*-------------------------------------------------------------------
   ## ESG - 윤리•준법 경영
-------------------------------------------------------------------*/
.en #sub_report_tab,
.en #sub_report_con {
  display: none !important;
}

.sub_ethic .ceo_con {
  padding-bottom: 10.4rem;
}

.sub_ethic .ceo_con.back_bg:before {
  height: 73.8rem;
}

.sub_ethic .ceo_con .quote_txt:before,
.sub_ethic .ceo_con .quote_txt:after {
  content: '';
  display: block;
  width: 2rem;
  height: 1.8rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.sub_apply .qualification ul li .question:not(.is_hanwha):before {
  margin-top: -.1rem;
}

.os-windows .sub_apply .qualification ul li .question:not(.is_hanwha):before {
  margin-top: .1rem;
}

.sub_ethic .ceo_con .quote_txt:before {
  margin-bottom: 2.4rem;
  background-image: url(../images/ic/ic_quote_start.svg);
}

.sub_ethic .ceo_con .quote_txt:after {
  margin-top: 2.4rem;
  background-image: url(../images/ic/ic_quote_end.svg);
}

.sub_ethic .ceo_con .quote_txt {
  margin-bottom: 6.4rem;
  font-size: 2.4rem;
  line-height: 1.4;
}

.sub_ethic .ceo_con .txt {
  margin-top: 6.4rem;
  color: var(--c_gray2);
  font-size: var(--fz_l);
  font-weight: 300;
  line-height: 1.6;
}

.sub_ethic .ceo_con .txt .sign {
  margin-top: 4rem;
  color: var(--c_black);
}

.en .sub_ethic .ceo_con .txt .sign em {
  font-size: 2.4rem;
  font-weight: 400;
}

.sub_ethic .ceo_con .txt .sign .f_hanwha {
  font-size: 2.4rem;
  font-weight: 400;
}

.sub_ethic .ceo_con .txt .sign > p {
  margin-top: .2rem;
  font-size: var(--fz_base);
  font-weight: 400;
  line-height: 1.5;
}

.sub_ethic .ceo_con .txt .sign > p span {
  font-size: var(--fz_l)
}

.sub_ethic .ceo_con .txt .sign img {
  display: block;
  width: 9.2rem;
}

@media all and (max-width: 768px) {
  .sub_ethic .ceo_con .txt .sign {
    margin-top: 3.2rem;
  }

  .sub_ethic .ceo_con .txt .sign .f_hanwha {
    font-size: 2.6rem;
  }

  .sub_ethic .ceo_con .txt .sign > p {
    margin-top: -.5rem;
    font-size: var(--fz_m)
  }
}


.sub_ethic .ethic_charter .back_bg.type_bg:before {
  background-image: url(../images/contents/bg_ethic_charter.jpg);
}

.sub_ethic .ethic_charter .img {
  padding: 10.4rem 0;
}

.sub_ethic .ethic_charter .img img {
  display: block;
  max-width: 66.8rem;
  margin: 0 auto;
}

.sub_ethic .ethic_charter .icon_txt_list {
  margin-top: 7.2rem;
}

/* Compliance Program이란 */
.sub_ethic .about_program {
  padding: 12rem var(--spacing_content);
  min-height: 64rem;
}

.sub_ethic .about_program.type_bg:before {
  background-position: bottom right;
  background-image: url(../images/contents/bg_about_program.jpg);
}

.sub_ethic .cp_organization {
  padding: 12rem 0;
}

.sub_ethic .organization {
  display: flex;
  position: relative;
  gap: 4rem;
}

.sub_ethic .organization:after {
  display: none;
}

.sub_ethic .organization li {
  display: flex;
  position: relative;
  padding: 4rem 1rem;
  flex: 1;
  text-align: center;
  border-radius: var(--round_m);
  border: .2rem solid transparent;
  background-color: var(--c_white);
}

.en .sub_ethic .organization li {
  align-items: center;
}

.sub_ethic .organization li:after {
  content: '';
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  width: 100%;
  height: .1rem;
  background-color: var(--c_gray4);
}

.sub_ethic .organization li:last-child:after {
  display: none;
}

.sub_ethic .organization li.primary {
  border-color: var(--c_primary);
}

.sub_ethic .organization li.primary p {
  color: var(--c_primary);
}

.sub_ethic .organization li > div {
  width: 100%;
}

.sub_ethic .organization li p {
  margin-bottom: 1.6rem;
  font-size: var(--fz_l);
  line-height: 1.6
}

.sub_ethic .organization li span {
  display: block;
  color: var(--c_gray2);
  line-height: 1.6;
  font-size: var(--fz_m);
  font-weight: 300;
}

.sub_ethic .orga_wrap {
  position: relative;
  padding: 4rem;
  margin-top: 5.6rem;
  border-radius: var(--round_m);
  border: .2rem solid var(--c_primary);
}

.sub_ethic .orga_wrap .primary {
  padding: 1.7rem 0;
  margin-bottom: 1.6rem;
  color: var(--c_white);
  font-size: var(--fz_xl);
  text-align: center;
  border-radius: var(--round_m);
  background-color: var(--c_primary);
}

.os-windows .sub_ethic .orga_wrap .primary {
  padding: 2rem 0 1.4rem
}

.sub_ethic .orga_wrap:before {
  content: '';
  position: absolute;
  top: -3.2rem;
  left: 36.5%;
  width: 1.8rem;
  height: 3.2rem;
  background: url(../images/ic/ic_up_arrow.svg) no-repeat center;
  background-size: 100%;
}

.sub_ethic .orga_wrap .organization {
  gap: 1.6rem;
}

/*-------------------------------------------------------------------
   ## 개인정보처리방침
-------------------------------------------------------------------*/
.sub_privacy {
  max-width: 96rem;
}

.sub_privacy > div {
  padding-top: 4rem;
}

.sub_privacy > div:first-child {
  padding-top: 0;
}

.sub_privacy > div:last-child {
  padding-bottom: 0;
}

.sub_privacy ul {
  display: flex;
  padding: 4rem;
  margin-top: 4rem;
  margin-bottom: 2.4rem;
  border: .2rem solid var(--c_lightgray2);
  border-radius: var(--round_m);
}

.en .sub_privacy ul {
  display: block;
}

.en .sub_privacy ul li + li {
  margin-top: 2rem;
}

.sub_privacy ul li {
  flex: 1;
  font-size: var(--fz_m);
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: -0.14rem;
  cursor: pointer;
}

.sub_privacy ul li:nth-child(odd) {
  padding-right: 4rem;
}

.sub_privacy ul li:first-child {
  flex: 0 0 60%;
}

.sub_privacy ul li:last-child {
  flex: 0 0 40%;
}

.sub_privacy ul li p + p {
  margin-top: 2rem;
}

.sub_privacy [data-anchor-con] {
  padding-top: 4rem;
}

.sub_privacy h4 {
  margin-bottom: 1.2rem;
  font-size: var(--title_fz_s);
  line-height: 1.4;
}

.sub_privacy .txt {
  color: var(--c_gray2);
  font-size: var(--fz_m);
  font-weight: 300;
  line-height: 1.6;
}

.sub_privacy .txt a {
  display: inline-block;
  color: var(--c_gray2);
  vertical-align: top;
}

.sub_privacy .dot_txt_li {
  line-height: 1.5;
}

.sub_privacy .dot_txt_li p {
  position: relative;
  padding-left: 2.5rem;
}

.sub_privacy .dot_txt_li p:before {
  content: '';
  position: absolute;
  top: 1.2rem;
  left: 1rem;
  width: .4rem;
  height: .4rem;
  border-radius: 50%;
  background: var(--c_gray2);
}

.sub_ethic .orga_wrap .organization li:after {
  display: none;
}

/* 제보하기 */
.hot_line_select .guide_line_list {
  margin-bottom: 4rem;
}

.icon_dot_list li strong:before {
  content: '';
  position: absolute;
  top: 1rem;
  left: 0;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  background: url(../images/ic/ic_dot_list_og.svg) no-repeat center;
  background-size: 100%;
}

.icon_dot_list li + li {
  margin-top: 2.4rem;
}

.icon_dot_list li strong {
  position: relative;
  display: block;
  padding-left: 2.3rem;
  margin-bottom: 1.6rem;
  font-weight: 400;
  font-size: 2.4rem;
  line-height: 1.4;
}

.os-windows .icon_dot_list li strong {
  line-height: 1.7;
}

.icon_dot_list li p {
  color: var(--c_gray2);
  line-height: 1.6;
  font-size: var(--fz_m);
  font-weight: 300;
}

.dot_txt_li.col {
  display: flex;
  flex-wrap: wrap;
  padding: 4rem;
  gap: 1.6rem;
  border: .1rem solid var(--c_lightgray2);
  border-radius: var(--round_m);
}

.dot_txt_li.col p + p {
  margin-top: 0;
}

.dot_txt_li.col p {
  flex: 0 calc(33.33% - 1.6rem);
}

.checkbox.radio {
  display: inline-flex;
}

.checkbox.radio {
  display: inline-flex;
  align-items: center;
  margin-right: 2rem;
  cursor: pointer;
  position: relative;
  font-size: 16px;
  color: #222;
}

.checkbox.radio:last-child {
  margin-right: 0;
}

.checkbox.check input[type="checkbox"] + i {
  display: inline-block;
  vertical-align: middle;
  width: 2.4rem;
  height: 2.4rem;
  border: .1rem solid var(--c_lightgray);
  border-radius: .2rem;
}

.checkbox.check input[type="checkbox"]:checked + i {
  border-color: var(--c_primary);
  background: var(--c_primary) url(../images/ic/ic_checked.svg) no-repeat center;
  background-size: 100%;
}

.checkbox.check input[type="checkbox"]:disabled + i {
  background-image: url(../images/ic/ic_disabled.svg);
  background-color: var(--c_lightgray2);
}

.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.checkbox.radio i {
  position: relative;
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 1rem;
  background: url(../images/ic/ic_check_g.svg) no-repeat center;
  background-size: 100%;
}

.checkbox.radio input[type="radio"]:checked + i {
  background-image: url(../images/ic/ic_check_on.svg);
}

.checkbox.radio input[type="radio"]:disabled + i {
  border-color: var(--c_lightgray);
  background-color: var(--c_lightgray2);
}


.checkbox.radio span {
  font-size: var(--fz_m);
  font-weight: 300;
}

.os-windows .checkbox.radio span {
  position: relative;
  top: .2rem;
}

.os-windows .gray_form .box .form_tit.required span:after {
  top: -.6rem;
}

.gray_form {
  padding: 8rem 20.4rem;
  border-radius: .8rem;
  background-color: var(--c_lightgray3);
}

.en .gray_form {
  padding-left: 17.6rem;
  padding-right: 17.6rem;
}

.gray_form input {
  border-radius: .8rem;
}

.gray_form .box {
  display: flex;
  align-items: flex-start;
}

.gray_form .error_txt {
  margin-top: 1.2rem;
}

.gray_form .box + .box {
  margin-top: 2.4rem;
}

.gray_form .hoz {
  display: flex;
}

.gray_form .input_mail {
  flex: auto;
}

.gray_form .input_mail span {
  color: #999;
}

.gray_form .select_box {
  flex-shrink: 0;
  width: 100%;
}

.gray_form .input_mail + .select_box {
  width: 21rem;
  margin-left: 1.6rem;
}

.gray_form .box .form_tit {
  width: 16.4rem;
  padding-top: 1.5rem;
  padding-right: 2rem;
  flex-shrink: 0;
  font-weight: 300;
  line-height: 1.6;
  font-size: var(--fz_m);
}

.en .gray_form .box .form_tit {
  width: 27.6rem;
}

.gray_form .box .form_tit.required span {
  position: relative;
}

.gray_form .box .form_tit.required span:after {
  content: '';
  position: absolute;
  top: 0;
  right: -1.1rem;
  width: .5rem;
  height: .5rem;
  border-radius: 50%;
  background-color: var(--c_primary);
}

.gray_form .box .input_wrap {
  flex: auto;
}

.select_wrap .input_wrap .checkbox.radio {
  margin-bottom: 2rem
}

.en .gray_form .box .input_wrap .checkbox.radio {
  margin-right: 3rem;
  margin-bottom: 2rem;
}

.gray_form .box .input_wrap.pt {
  padding-top: 1.5rem;
}

.gray_form .box .input_wrap input {
  width: 100%;
}

.gray_form textarea {
  position: relative;
  width: 100%;
  height: 24rem;
  border-radius: .8rem;
}

.gray_form .textarea .etc {
  position: relative;
  display: flex;
  margin-top: .8rem;
  justify-content: flex-end;
  align-items: center;
}

.gray_form .textarea .etc .error_txt {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 0;
}

.gray_form .textarea .text_limit {
  text-align: right;
  color: var(--c_gray3);
  font-weight: 300;
  line-height: 1.5;
}

.en .gray_form .textarea .text_limit em {
  display: none;
}

.gray_form .textarea .text_limit span {
  color: var(--c_black);
}

.input_mail {
  display: flex;
  gap: .8rem;
  align-items: center;
}

.select_box {
  font-weight: 300;
}

.select_box .btn_select {
  width: 100%;
  height: 100%;
  border-radius: .8rem;
  background-color: var(--c_white);
  color: var(--c_black);
}

.file_box {
  display: flex;
  align-items: center;
  height: 5.8rem;
}

.file_box .file_display {
  position: relative;
  height: 100%;
  flex: auto;
  width: calc(100% - 9.6rem - 1.6rem);
  min-width: 0;
}

.file_box .file_display .file_name {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 5.4rem 0rem 2.4rem;
  color: var(--c_gray3);
  font-size: var(--fz_m);
  border-radius: .8rem;
  background-color: var(--c_white);
  line-height: 5.9rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.os-windows .file_box .file_display .file_name {
  line-height: 6rem;
}

.file_box .file_display .file_name span {
  display: block;
  width: 90%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.file_box .file_display .file_clear {
  position: absolute;
  z-index: 1;
  right: 2.2rem;
  top: 50%;
  transform: translateY(-50%);
  width: 2.4rem;
  height: 2.4rem;
  border-radius: var(--round_max);
  background-color: #b5b5b5;
  cursor: pointer;
  line-height: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.file_box ~ .file_box {
  margin-top: 1.2rem;
}

.file_box .file_btn {
  margin-left: 1.6rem;
  width: 9.6rem;
  flex-shrink: 0;
  font-size: var(--fz_base);
}

.file_box + .dot_txt_li {
  margin-top: 1.6rem;
}

.file_box .file_input {
  position: absolute;
  clip: rect(0 0 0 0);
  inline-size: 1px;
  block-size: 1px;
  overflow: hidden;
  white-space: nowrap;
  border: 0;
  padding: 0;
  margin: -1px;
}

.hot_line_select .guide_line_list .guide_btn .checkbox {
  position: relative;
  top: -.1rem;
  margin-right: 1.6rem;
}

.hot_line_select .guide_line_list .guide_btn .required:not([type="checkbox"]) {
  display: flex;
  position: relative;
  top: -.2rem;
  align-items: center;
}

/* 영문인경우 */
.en .hot_line_select .guide_line_list .guide_btn .required:not([type="checkbox"]) {
  flex-direction: column;
  align-items: flex-start;
}

.en .guide_line_list .error_txt {
  margin-left: 0;
  margin-top: .4rem;
}


.os-windows .hot_line_select .guide_line_list .guide_btn .required {
  top: 0;
}

.hot_line_select .guide_line_list .guide_btn {
  display: flex;
  align-items: center;
}

.hot_line_select .guide_line_list .guide_btn .required .txt {
  position: relative;
  top: .2rem;
}

.hot_line_select .guide_line_list .guide_btn .required .txt:after {
  content: '';
  position: relative;
  z-index: 2;
  top: -1.5rem;
  right: -0.4rem;
  display: inline-block;
  width: .5rem;
  height: .5rem;
  border-radius: 50%;
  background-color: var(--c_primary);
}

.en .hot_line_select .guide_line_list .guide_btn .required .txt {
  line-height: 1.5;
}

/*.en .hot_line_select .guide_line_list .guide_btn .required .txt:after {*/
/*  position: absolute;*/
/*  top: 0;*/
/*  right: -1.2rem;*/
/*}*/

.select_box {
  display: flex;
  position: relative;
  align-items: center;
  gap: 24px;
  line-height: 1.6;
  font-size: var(--fz_m);
}

.select_box.show {
  .options {
    display: block;
  }

  .btn_select svg {
    rotate: 0deg;
  }
}

.select_box .btn_select {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 22px 14px 24px;
  background-color: white;
  border-radius: 8px;
  width: 100%;
  font-weight: 300;

  svg {
    rotate: 180deg;
  }
}

.select_box .options {
  padding: 10px;
  position: absolute;
  z-index: 3;
  left: 0;
  top: calc(100% + 8px);
  width: 100%;
  height: 27rem;
  background-color: white;
  border-radius: .8rem;
  display: none;
  overflow-y: auto;

  li {
    padding: 8px 16px;
    border-radius: 8px;

    &:hover {
      background-color: #f5f5f5;
    }
  }
}

.select_box .options li.active:before {
  content: '';
  display: inline-block;
  width: 1.2rem;
  height: .7rem;
  vertical-align: middle;
  margin-right: 1rem;
  background: url(../images/ic/ic_select_checked.svg) no-repeat center;
  background-size: 100%;
}

.common_tbl .point th,
.common_tbl .point td {
  background-color: var(--c_primary05) !important;
}


@media all and (max-width: 2080px) {
}

@media all and (max-width: 1600px) {
  .sub_vision:before {
    left: -1.6rem;
    width: calc(100% + 3.2rem);
    border-radius: 2rem;
  }

  .sub_network .head_office_map {
    padding: 8.3rem 4rem;
  }

  .sub_network .head_office_map .wrapper {
    width: 100%;
  }

  .sub_network .head_office_map .info {
    right: 4rem;
  }

  .sub_network .head_office_map:before {
    left: -6rem;
    width: calc(100% + 12rem);
    border-radius: 0;
  }

  .sub_network .all_office .main_office:before {
    left: -6rem;
    width: calc(100% + 12rem);
    border-radius: 0;
  }

  .sub_energy .energy_tab_wrap .float_menu {
    display: none;
  }
}

@media all and (max-width: 1199px) {
  .tb_hide {
    display: none !important;
  }

  .sub_overview .sub_tit {
    margin-bottom: 2.4rem;
  }

  .sub_overview .overview_table li {
    display: block;
    min-height: auto;
  }

  .sub_overview .overview_table li > div {
    padding: 2.4rem 0;
  }

  .os-windows .sub_overview .overview_table li > div {
    padding: 2.6rem 0 2.4rem;
  }

  .sub_overview .overview_table li > div + div {
    border-top: .1rem solid var(--c_lightgray2);
  }

  .sub_overview .overview_table li > div p br {
    display: none;
  }

  .sub_vision:before {
    left: 0rem;
    width: calc(100% + 0rem);
    border-radius: 2rem;
  }

  .sub_vision .sub_tit {
    margin-bottom: 11.8rem;
  }

  .sub_vision .con_main_txt {
    padding: 0 2.2rem 0;
    font-size: 4.4rem;
  }

  .sub_vision .con_sub_txt {
    padding: 0 2.2rem;
  }

  .sub_vision .video_wrap {
    padding: 0 2.2rem;
  }

  .sub_vision .con_main_txt [class^="img"] {
    height: 8rem;
  }

  /*.sub_vision .con_main_txt .img01 {*/
  /*  width: 20.5rem;*/
  /*}*/
  /*.sub_vision .con_main_txt .img02 {*/
  /*  width: 25.5rem;*/
  /*}*/
  /*.sub_vision .con_main_txt .img03 {*/
  /*  width: 33.5rem;*/
  /*}*/
  .sub_vision .con_sub_txt {
    margin-top: 4rem;
  }

  .sub_vision .video_wrap {
    margin-top: 3rem;
  }

  .sub_history .combi_img {
    width: calc(100% + 26rem);
    padding-bottom: 0;
    margin-left: -13rem;
  }

  .sub_history .sub_tit {
    margin-bottom: 8rem;
  }

  .sub_history .history_tab_wrap {
    padding-bottom: 0;
  }

  .sub_history .history_tab_wrap .tab_btn {
    display: flex;
    margin: 0 auto 2.8rem;
  }

  .sub_history .history_tab_wrap .tab_con {
    display: block;
  }

  .sub_history .history_tab_wrap .tab_con > div:first-child {
    padding-right: 0
  }

  .sub_history .history_tab_wrap .tab_con > div {
    display: none;
    border-right: 0;
  }

  .sub_history .history_tab_wrap .tab_con > div.active {
    display: block;
  }

  .sub_history .history_tab_wrap .tab_con > div:last-child {
    padding-left: 0;
  }

  .sub_history .combi_img {
    padding-top: 0;
  }

  .sub_history .history_gsap .history_list {
    margin-top: 4rem !important;
  }

  .os-windows .history_list li dl dd p:before {
    top: .9rem;
  }

  .sub_history .history_list.first {
    margin-bottom: 7.2rem;
    transform: inherit !important;
  }

  .sub_history .history_tab_wrap .tab_con .top_img {
    display: flex !important;
  }


  .sub_history .combi_img i {
    top: 50%;
  }

  .sub_network .sub_tit {
    margin-bottom: 8rem;
  }

  .sub_network .head_office_map {
    padding: 8rem 2rem 2rem;
  }

  .sub_network .head_office_map figure {
    width: 100%;
  }

  .sub_network .head_office_map .info {
    position: static;
    top: inherit;
    width: calc(100% - 4rem);
    margin: 2.4rem 2rem 0;
    transform: inherit;
  }

  .sub_network .map_index {
    position: static;
    justify-content: center;
  }

  .sub_network .map_index p:before {
    position: relative;
    top: -.08rem;
    width: 1.2rem;
    height: 1.2rem;
  }

  .sub_network .head_office_map img {
    width: 100%;
  }

  .sub_network .head_office_map {
    padding-left: 0;
    padding-right: 0;
  }

  .sub_network .all_office .main_office {
    left: -2rem;
    width: calc(100% + 4rem);
    padding: 0 3.2rem;
    border-radius: 0;
  }

  .sub_network .all_office .main_office ul li:last-child {
    padding-bottom: 6.4rem;
  }

  .sub_network .all_office .main_office .detail .info {
    display: block;
  }

  .sub_network .all_office .main_office .detail .info > div {
    width: auto;
  }

  .sub_network .all_office .main_office .detail .info strong {
    margin-bottom: 1.6rem;
    font-size: var(--title_fz_s);
  }

  .sub_network .office_list li > p {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
  }

  .sub_network .office_list li .tag {
    display: inline-block;
    margin-left: 0;
    margin-top: .8rem;
  }

  .sub_notice_detail {
    margin: 9.2rem auto 0;
  }

  .sub_notice_detail .noti_tit h4 {
    font-size: var(--title_fz_l2);
  }

  .sub_energy .business_list > li .bg {
    left: calc(var(--spacing_content) * -1);
    width: calc(100% + var(--spacing_content) * 2);
    border-radius: 0;
  }

  .sub_energy .energy_tab_wrap .tab_btn {
    margin-bottom: 5.6rem;
  }

  .sub_energy .business_list > li .tit_img_box .tit {
    min-height: 23.7rem;
  }

  .sub_energy .business_list > li .tit h5 {
    font-size: var(--title_fz_l2);
  }

  .sub_energy .business_list > li .tit strong {
    font-size: 4rem;
  }

  .en .sub_energy .business_list li#group-energy .amount {
    margin-top: 14.7rem;
  }

  .sub_energy .business_list > li .tit p {
    margin-bottom: 3.2rem;
    font-size: var(--fz_m);
  }

  .sub_energy .business_list > li .tit p br {
    display: none;
  }

  .sub_energy .business_list > li .bg {
    height: 60.4rem;
  }

  .sub_energy .business_list > li .img {
    margin-bottom: 4rem;
    border-radius: 1.2rem;
  }

  .sub_energy .business_list li .txt br {
    display: none;
  }

  .sub_energy .energy_tab_wrap .tab_con .float_menu {
    display: none;
  }

  .sub_energy .business_list .workplace_cnt .con .thumb {
    width: 50%;
  }

  .sub_energy .business_list .workplace_cnt .con .detail {
    padding-left: 6rem;
  }

  .sub_energy .business_list .group_energy_bu:before {
    left: calc(var(--spacing_content) * -1);
    width: calc(100% + var(--spacing_content) * 2);
    border-radius: 0;
  }

  .sub_privacy {
    max-width: 100%;
  }

  .cooper_program ul li .thumb {
    margin-bottom: 2.4rem;
  }

  .cooper_program ul li .detail > strong {
    margin-bottom: 1.2rem;
    font-size: 2.8rem;
  }

  .cooper_program .process_img:before {
    left: 0;
    width: 100%;
  }

  .cooper_program .process_img {
    padding: 8rem 2.4rem;
  }

  .cooper_program .process_img img {
    max-width: 70rem;
  }

  .sub_sustain .hears .acronym {
    margin-top: 1.2rem;
    font-size: 2rem;
    line-height: 1.4;
  }

  .sub_sustain .hears .hears_list {
    padding: 0 2rem 2rem;
    border-radius: var(--round_s);
    background-color: var(--c_primary);
  }

  .sub_sustain .hears .hears_list .mark p:before {
    content: '';
    display: inline-block;
    width: 9rem;
    height: 9rem;
    vertical-align: middle;
    background: url(../images/ic/ic_safety.svg) no-repeat center;
    background-size: 100%;
  }

  .sub_sustain .hears .hears_list .mark {
    position: static;
    width: auto;
    height: auto;
    padding: 2.3rem 0;
    transform: inherit;
    background-image: none;
  }

  .en .sub_sustain .hears .hears_list .mark {
    width: auto;
    height: auto;
    padding: 1.6rem 0;
  }

  .en .sub_sustain .hears .hears_list .mark p:before {
    display: block;
    margin: 0 auto .8rem;
  }

  .sub_sustain .hears .hears_list li {
    padding: 3rem !important;
    border-radius: var(--round_s);
  }

  .sub_sustain .hears .hears_list li span {
    font-weight: 400;
    font-size: 2rem;
  }

  .sub_sustain .hears .hears_list li em {
    margin-bottom: .4rem;
    line-height: 1.5;
  }

  .sub_sustain .hears .hears_list li:nth-child(odd) {
    padding-right: inherit;
    text-align: left;
  }

  .sub_sustain .hears .hears_list li:nth-child(even) {
    padding-left: inherit;
  }

  .sub_sustain .hears .hears_list li {
    font-size: 2rem;
  }

  .back_bg:before {
    border-radius: 0;
  }

  .sub_ethic .cp_organization {
    padding: 3.2rem 2.2rem;
  }

  .cp_organization.back_bg:before {
    border-radius: 2rem;
    left: -1rem;
    width: calc(100% + 2rem);
  }

  .sub_ethic .orga_wrap .organization {
    gap: 1.2rem;
  }

  .sub_ethic .ethic_charter .img {
    padding: 6rem 0;
  }

  .hanwha_safety ol li {
    border-radius: var(--round_s);
  }

  .stop_works ol li {
    border-radius: var(--round_s);
  }

  .gray_form {
    padding: 4rem;
  }

  .en .gray_form {
    padding: 4rem;
  }

  .sub_ethic .organization li span br {
    display: none;
  }

}

@media all and (max-width: 1024px) {
  .sub_network .all_office #domestic {
    padding-top: 9.3rem;
  }

  .sub_energy .business_list li .amount_box {
    display: block;
  }

  .sub_energy .business_list li .amount {
    padding: 3.2rem 1rem;
    /*margin-top: 3.2rem;*/
  }

  .sub_energy [data-tab-con="group-energy"] .business_list li .amount {
    margin-top: 2.4rem;
  }

  .sub_energy .business_list .chart_wrap {
    display: block;
  }

  .en .sub_energy .business_list li#group-energy .amount {
    margin-top: 0;
  }

  .sub_energy .business_list .chart_wrap > * + * {
    margin-top: 5.6rem;
  }

  .en .sub_energy .business_list .chart_wrap .compare .tit strong {
    margin-bottom: 0;
  }

  .en .sub_energy .business_list .chart_wrap .tit {
    margin-bottom: 2.4rem;
  }

  .sub_energy .business_list .workplace_cnt .con {
    display: block;
  }

  .sub_energy .business_list .workplace_cnt .con + .con {
    margin-top: 5.6rem;
    padding-top: 5.6rem;
  }

  .sub_energy .business_list .workplace_cnt .con .thumb {
    width: 100%;
    margin-bottom: 3.2rem;
  }

  .sub_energy .business_list .workplace_cnt .con .detail {
    padding-left: 0;
  }

  .sub_energy .business_list .chart_wrap .tit {
    min-height: auto;
  }

  .sub_energy .business_list .chart_wrap .chart_box .tit {
    min-height: 7rem;
  }

  .cooper_program ul {
    flex-wrap: wrap;
  }


  .cooper_program ul li {
    flex: 0 0 calc(50% - 1.2rem);
    margin-bottom: 5.6rem;
  }

  .sub_sustain .briefing_slide .ctrl_btn {
    margin-top: 2.6rem;
  }

  .sub_sustain .briefing_slide .ctrl_btn .btn {
    display: none;
  }

  .sub_sustain .briefing_slide .ctrl_btn .pagination {
    margin: 0 1rem;
  }

  .hanwha_safety ol {
    display: block;
  }

  .hanwha_safety ol li {
    padding-top: 3.4rem;
    padding-bottom: 3.4rem;
    padding-right: 3.4rem;
  }

  .hanwha_safety ol li + li {
    margin-top: 1.2rem;
  }

  .stop_works ol {
    gap: 1.2rem;
  }

  .stop_works ol li {
    padding: 14rem 3.4rem 3.4rem 3.4rem;
  }

  .sub_ethic .ceo_con .quote_txt:before,
  .sub_ethic .ceo_con .quote_txt:after {
    width: 1.5rem;
    height: 1.4rem;
  }

  .sub_ethic .ceo_con .quote_txt:before {
    margin-bottom: 1.6rem;
  }

  .sub_ethic .ceo_con .quote_txt:after {
    margin-top: 1.6rem;
  }

  .sub_ethic .ceo_con .txt {
    margin-top: 3.2rem;
    font-size: 1.8rem;
  }

  .sub_ethic .ceo_con .quote_txt {
    margin-bottom: 3.2rem;
    font-size: 2rem;
  }

  .sub_ethic .ceo_con {
    padding-bottom: 4rem;
  }

  .sub_ethic .ceo_con.back_bg:before {
    height: 54%;
  }

  .sub_notice_detail {
    max-width: 100%;
  }

  .chart_con {
    display: flex;
    gap: 2rem;
  }
}

@media all and (max-width: 768px) {
  .sub_overview .overview_table li > div {
    display: block;
  }

  .os-windows .overview_table li > div {
    padding: 2.8rem 0 2.2rem;
  }

  .sub_overview .overview_table li > div label {
    line-height: 1.5;
  }

  .sub_overview .overview_table li > div label:after {
    display: none;
  }

  .sub_overview .overview_table li > div p {
    padding: 0;
    margin-top: .4rem;
    line-height: 1.5;
  }

  .sub_vision:before {
    top: 6.8rem;
    left: -4rem;
    width: calc(100% + 8rem);
    height: calc(100% - 24.7rem);
    border-radius: 0;
  }


  .sub_vision .wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .sub_vision .sub_tit {
    margin-bottom: 2.4rem;
  }

  .sub_vision .con_main_txt > div {
    display: block;
  }

  .sub_vision .con_main_txt > div + div {
    margin-top: 1.2rem;
  }

  .sub_vision .con_main_txt > div + div:nth-child(3),
  .sub_vision .con_main_txt > div + div:nth-child(4) {
    margin-top: 0;
  }

  .sub_vision .con_main_txt [class^="img"]:first-of-type + .line {
    margin-top: 1.2rem;
  }

  .sub_vision .con_main_txt [class^="img"] {
    width: 100% !important;
    max-width: 33.5rem;
    margin-left: 0;
    margin-right: 0;
  }

  .sub_vision .con_main_txt [class^="img"]:first-of-type {
    margin-top: 1.2rem;
  }

  .sub_vision .con_main_txt .line + .img {
    margin-top: 1.2rem;
  }

  .sub_vision .con_main_txt {
    display: block;
    padding: 3.2rem 0 0;
    font-size: 3.2rem;
  }

  .sub_vision .con_main_txt .line {
    display: block;
  }

  .sub_vision .con_main_txt .line.ml {
    margin-left: 3rem;
  }

  .sub_vision .con_sub_txt {
    padding: 0;
    font-size: var(--fz_m);
    line-height: 1.6;
  }

  .sub_vision .con_sub_txt br {
    display: none;
  }

  .sub_vision .video_wrap {
    padding: 0;
  }

  .sub_vision .video_wrap .video {
    border-radius: var(--round_s);
  }

  .sub_vision .video_wrap .video:after {
    width: 5rem;
    height: 5rem;
  }

  .sub_vision .video_wrap .download {
    margin: 3.2rem auto 0;
  }

  .history_list {
    margin-top: 4rem;
  }

  .sub_history .combi_img > div p {
    font-size: var(--fz_l);
  }

  .sub_history .history_tab_wrap .tab_con .top_img {
    height: 17rem;
  }

  .sub_history .history_tab_wrap .tab_con .top_img p {
    font-size: var(--fz_l);
  }

  .history_list li + li {
    margin-top: 4rem;
  }

  .history_list li strong {
    margin-bottom: 1.2rem;
    font-size: var(--title_fz_xs);
  }

  .history_list li dl dt {
    /*padding-top: .3rem;*/
    margin-top: -.1rem;
    font-size: var(--fz_m);
  }

  .os-windows .history_list li dl dt {
    margin-top: 0;
    /*padding-top: .3rem;*/
  }

  .history_list li dl dd {
    margin-bottom: 1.6rem;
    padding-left: 3.7rem;
  }

  .history_list li dl dd p {
    font-size: var(--fz_m);
    line-height: 1.5;
  }

  .history_list li dl dd p + p {
    margin-top: .8rem;
  }

  .history_list li dl dd p:before {
    top: 1.1rem;
  }

  .sub_history .sub_tit {
    margin-bottom: 5.6rem;
  }

  .sub_history .combi_img i {
    width: 2rem;
    height: 2rem;
    /*margin-left: .7rem;*/
  }

  .sub_history .combi_img > div {
    height: 17rem;
  }

  .sub_history .combi_img > div br:not(.mb_show,.mb_s_show,.en_tb_br) {
    display: none !important;
  }

  .sub_history .combi_img > div:last-child {
    margin-left: -4rem !important;
  }

  .sub_history .combi_img .left {
    justify-content: right;
  }

  .sub_history .combi_img > .left p {
    padding-left: 6.4rem;
  }

  .sub_history .combi_img .right {
    margin-left: -4rem !important;
    justify-content: left;
  }

  .sub_history .combi_img .right p {
    padding-right: 6.4rem;
  }

  .sub_network .sub_tit {
    margin-bottom: 5.6rem;
  }

  .sub_network .head_office_map .info > strong {
    margin-bottom: 3.2rem;
    font-size: var(--title_fz_s);
  }

  .sub_network .head_office_map .info ul li .tag {
    margin-bottom: .8rem;
    line-height: 1;
  }

  .sub_network .all_office .main_office:before {
    display: none;
  }

  .sub_network .all_office {
    margin-top: -.8rem;
  }

  .sub_network .all_office .main_office {
    position: relative;
    background: url(../images/contents/bg_main_office.jpg) no-repeat center;
    background-size: cover;
    padding-right: 0;
    padding-left: var(--spacing_content);
    overflow: hidden;
  }

  .sub_network .all_office .main_office .scroll_wrap {
  }

  .sub_network .all_office .main_office:after {
    content: '';
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 6.4rem;
    background: linear-gradient(0deg, #222222 0%, rgba(34, 34, 34, 0) 95.31%);
  }

  .sub_network .all_office .main_office ul {
    padding-right: var(--spacing_content)
  }

  .sub_network .all_office .main_office ul li {
    display: block;
    padding: 4rem 0;
  }

  .sub_network .all_office .main_office ul li:first-child {
    padding-top: 3.2rem;
  }

  .sub_network .all_office .main_office ul li:last-child {
    padding-bottom: 8.4rem;
  }

  .sub_network .all_office .main_office ul li .thumb {
    width: 100%;
    height: 17.7rem;
  }

  .sub_network .all_office .main_office .detail {
    padding-left: 0;
    padding-top: 3.2rem;
  }

  .sub_network .all_office .main_office .detail .info + .info {
    margin-top: 4rem;
  }

  .sub_network .all_office .main_office .detail .info strong {
    font-size: var(--title_fz_xs);
  }

  /*.sub_network .all_office .tab_btn_wrap .tab_btn {*/
  /*  display: block;*/
  /*  padding: 0.8rem 0;*/
  /*  left: 0;*/
  /*  transform: none;*/
  /*  width: calc(100% + 4rem);*/
  /*  white-space: nowrap;*/
  /*  margin-left: -2rem;*/
  /*  padding-left: var(--spacing_content);*/
  /*  overflow-x: auto;*/
  /*  padding-right: 2rem;*/
  /*}*/
  /*.sub_network .all_office .tab_btn_wrap .tab_btn li {*/
  /*  display: inline-block;*/
  /*  margin-right: .8rem;*/
  /*  vertical-align: top;*/
  /*}*/
  /*.sub_network .all_office .tab_btn_wrap.fixed .tab_btn li {*/
  /*  display: inline-block;*/
  /*  margin-right: .8rem;*/
  /*  vertical-align: top;*/
  /*}*/
  /*.sub_network .all_office .tab_btn_wrap .tab_btn li:first-child {*/
  /*  margin-left: 2rem;*/
  /*}*/
  .sub_network .all_office .main_office .detail .info > div {
    width: 100%;
  }

  .sub_network .office_adr dt {
    float: none;
    margin-bottom: .4rem;
    width: 100%;
  }

  .sub_network .all_office #domestic {
    padding-top: 7.6rem;
  }

  .sub_network .office_adr dd {
    padding-left: 0;
    padding-bottom: 1.6rem;
    width: 100%;
  }

  .sub_network .office_adr dd br {
    display: none;
  }

  .sub_network .all_office .main_office .detail .combi_btn {
    margin-top: 2rem;
  }

  .os-windows .sub_network .all_office .main_office .detail .combi_btn .ic {
    top: inherit;
  }


  .sub_network .all_office .tab_btn_wrap .tab_btn li {
    height: 4rem;
  }

  .sub_network .all_office .tab_btn_wrap .tab_btn li button {
    font-size: var(--fz_base);
  }

  .sub_network .office_list li > p {
    font-size: var(--title_fz_xs);
  }

  .sub_network .office_list li .tag {
    display: inline-block;
    margin-left: 0;
    margin-top: .8rem;
  }

  .sub_network .office_list {
    display: block;
    padding-top: 7.2rem;
  }

  .sub_network .office_list li {
    width: 100%;
    padding: 2.4rem;
    margin: 0;
  }

  .sub_network .office_list li + li {
    margin-top: 1.2rem;
  }

  .sub_network .head_office_map {
    padding-top: 4.2rem;
  }

  .sub_network .head_office_map figure {
    margin-bottom: 3.2rem;
  }

  .sub_network .head_office_map .info {
    width: 100%;
    margin: 2.4rem 0 0;
    padding: 2.4rem;
  }

  .sub_network .all_office .main_office .detail .office_adr {
    width: 100%;
  }

  .en .sub_network .all_office .tab_btn_wrap .tab_btn {
    display: block;
    left: -2rem;
    width: calc(100% + 4rem);
    transform: inherit;
    overflow-x: auto;
    white-space: nowrap;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .sub_network .all_office .tab_btn_wrap.fixed .tab_btn {
    transform: inherit;
  }


  .sub_network .all_office .tab_btn_wrap.fixed .tab_btn {
    left: 0;
    width: 100%;

  }

  .sub_network .all_office .tab_btn_wrap .tab_btn li {
    display: inline-block;
    vertical-align: top;
  }

  .sub_network .all_office .tab_btn {
    gap: .8rem;
  }


  .sub_notice .notice_list {
    margin-top: 5.6rem;
  }

  .sub_notice .notice_list li .thumb {
    width: 100%;
    height: 27.8rem;
    border-radius: var(--round_s);
  }

  .sub_notice .notice_list li {
    padding-bottom: 3.2rem;
    margin-bottom: 3.2rem;
  }

  .sub_notice .notice_list li a {
    display: block;
  }

  .sub_notice .notice_list li .thumb .badge {
    top: 1.6rem;
    left: 1.6rem;
  }

  .sub_notice .notice_list li .detail {
    padding-left: 0;
    padding-top: 3.2rem;
  }

  .sub_notice .notice_list li .detail .txt {
    display: none;
  }

  .sub_notice .notice_list li .detail .tit {
    font-size: var(--title_fz_xs);
  }

  .sub_notice .notice_list li .detail .divi {
    margin-bottom: .8rem;
    line-height: 1;
  }

  .sub_notice .notice_list li .detail .date {
    margin-top: 2rem;
  }

  .sub_notice .notice_list li .detail .tit i {
    top: 0;
    width: 2.8rem;
    height: 2.8rem;
  }

  .search_none {
    padding-top: 19.2rem;
    padding-bottom: 6.4rem;
    font-size: var(--fz_m);
    background-size: 7.2rem;
    background-position: center top 9.6rem;
  }

  .sub_notice_detail {
    margin: 9.2rem auto 0;
  }

  .sub_notice_detail .noti_tit {
    padding-bottom: 3.2rem;
    margin-bottom: 4rem;
  }

  .sub_notice_detail .noti_tit .divi {
    margin-bottom: .8rem;
    font-size: var(--fz_base);
    line-height: 1;
  }

  .sub_notice_detail .noti_tit h4 {
    font-size: var(--title_fz_s);
    line-height: 1.3;
    margin-bottom: 2rem;
  }

  .sub_notice_detail .noti_tit .date {
    margin-top: 2rem;
    font-size: var(--fz_base);
    line-height: 1;
  }


  .sub_notice_detail .noti_con .img {
    margin-bottom: 4rem;
    border-radius: var(--round_s);
  }

  .sub_notice_detail .noti_con .files {
    margin: 5.6rem 0 3.2rem;
  }

  .sub_notice_detail .noti_con .files > *:before {
    left: 1.2rem;
    width: 1.8rem;
    height: 1.8rem;
  }

  .sub_notice_detail .noti_con .files > * {
    padding: 1.1rem 1.2rem;
    padding-left: 3.8rem;
    border-radius: var(--round_s);
  }

  .sub_notice_detail .noti_ctrl {
    display: block;
    position: relative;
    padding-top: 14.4rem;
  }

  .sub_notice_detail .noti_ctrl .ctrl {
    display: flex;
    width: 100%;
    padding: 1.6rem 0;
    align-items: center;
  }

  .sub_notice_detail .noti_ctrl .ctrl span {
    margin-bottom: 0;
    margin-right: 2rem;
  }

  .sub_notice_detail .noti_ctrl .ctrl ~ .ctrl {
    border-top: .1rem solid var(--c_lightgray2);
  }

  .sub_notice_detail .noti_ctrl .combi_btn {
    position: absolute;
    top: 3.2rem;
    left: 50%;
    transform: translateX(-50%);
    min-width: 12rem;
  }

  .sub_notice_detail .noti_ctrl .ctrl p:before,
  .sub_notice_detail .noti_ctrl .ctrl p:after {
    display: none;
  }

  .sub_notice_detail .noti_ctrl .prev {
    text-align: left;
  }

  .sub_notice_detail .noti_ctrl .prev p {
    padding-left: 0;
  }

  .sub_notice_detail .noti_ctrl .prev p,
  .sub_notice_detail .noti_ctrl .next p {
    font-size: 1.8rem;
  }

  .sub_notice_detail .noti_ctrl .ctrl span {
    flex-shrink: 0;
    font-size: 1.6rem;
  }

  .sub_energy .sub_tit {
    margin-bottom: 5.6rem;
  }

  .sub_energy .business_list > li {
    padding-top: 0
  }

  .sub_energy .business_list > li + li {
    margin-top: 6.4rem;
  }

  .sub_energy .business_list > li + li.workplace_cnt {
    padding-top: 5.6rem;
  }

  .sub_energy .business_list > li .tit h5 {
    font-size: 2.8rem;
  }

  .sub_energy .business_list > li .tit h5,
  .sub_energy .business_list > li .tit strong {
    margin-bottom: 1.2rem;
  }

  .sub_energy .business_list > li .bg {
    display: none;
  }

  .sub_energy .business_list li .phase_li {
    display: block;
  }

  .sub_energy .business_list li .phase_li li {
    padding-left: 9.2rem;
    margin-bottom: 0;
  }

  .sub_energy .business_list li .phase_li li + li {
    margin-top: 3.2rem;
  }

  .os-windows .sub_energy .business_list li .phase_li li:before {
    top: -.8rem;
    padding: 0.2rem 1.2rem;
    line-height: 3rem;
  }

  .sub_energy .business_list li .phase_li li > strong {
    margin-bottom: 1.2rem;
    font-size: var(--fz_m);
  }

  .sub_energy .business_list li .phase_li li > p + p {
    margin-top: .8rem;
  }

  .sub_energy .business_list > li .tit_img_box {
    position: relative;
    padding-top: 4rem;
  }

  .sub_energy .business_list > li .tit_img_box:before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: -0;
    height: calc(100% - 4rem);
    margin-left: calc(var(--spacing_content) * -1);
    width: calc(100% + var(--spacing_content) * 2);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }

  .sub_energy .business_list .solar_power .tit_img_box:before {
    background-image: url(../images/contents/bg_energy_solar.jpg);
  }

  .sub_energy .business_list .retail .tit_img_box:before {
    background-image: url(../images/contents/bg_energy_retail.jpg);
  }

  .sub_energy .business_list .ess .tit_img_box:before {
    background-image: url(../images/contents/bg_energy_ess.jpg);
  }

  .sub_energy .business_list .lng .tit_img_box:before {
    background-image: url(../images/contents/bg_energy_lng.jpg);
  }

  .sub_energy .business_list .hydrogen .tit_img_box:before {
    background-image: url(../images/contents/bg_energy_hydrogen.jpg);
  }

  .sub_energy .business_list .biomass .tit_img_box:before {
    background-image: url(../images/contents/bg_energy_biomass.jpg);
  }

  .sub_energy .business_list > li .img {
    position: relative;
    height: 33.5rem;
  }

  .sub_energy .business_list .solar_power .img {
    background-image: url(../images/contents/bg_energy_solar_inner_mo.png);
    background-size: cover;
  }

  .sub_energy .business_list .retail .img {
    background-image: url(../images/contents/bg_energy_retail_inner_mo.png);
    background-size: cover;
  }

  .sub_energy .business_list .ess .img {
    background-image: url(../images/contents/bg_energy_ess_inner_mo.png);
    background-size: cover;
  }

  .sub_energy .business_list .lng .img {
    background-image: url(../images/contents/bg_energy_lng_inner_mo.png);
    background-size: cover;
  }

  .sub_energy .business_list .hydrogen .img {
    background-image: url(../images/contents/bg_energy_hydrogen_inner_mo.png);
    background-size: cover;
  }

  .sub_energy .business_list .biomass .img {
    background-image: url(../images/contents/bg_energy_biomass_inner_mo.png);
    background-size: cover;
  }

  .sub_energy .business_list .group_energy .img {
    background-image: url(../images/contents/bg_energy_group_inner_mo.png);
    background-size: cover;
  }

  .sub_energy .business_list .group_energy_bu .img {
    background-image: url(../images/contents/bg_energy_group_bu_inner_mo.png);
    background-position: bottom 10% center;
    background-size: cover;
  }

  .sub_energy .business_list .img.md {
    height: 33.5rem;
  }

  .sub_energy .business_list li .reference {
    bottom: 1.2rem;
    right: 1.6rem;
    font-size: var(--fz_base);
  }

  .sub_energy .business_list li .country {
    margin-top: 4rem;
  }

  .sub_energy .business_list li .country dt:before {
    width: 3.2rem;
    height: 3.2rem;
  }

  .sub_energy .business_list li .country dt {
    margin-bottom: 1.6rem;
    font-size: var(--fz_m);
  }

  .sub_energy .business_list li .country dd {
    display: block;
    font-size: var(--fz_m);
  }

  .sub_energy .business_list li .country dd strong {
    display: block;
    margin-bottom: .8rem;
    line-height: 1;
  }

  .sub_energy .business_list li .phase_li li > p {
    font-size: var(--fz_m);
  }

  .sub_energy .business_list li .txt_box + .txt_box {
    margin-top: 3.2rem;
  }

  .sub_energy .business_list li .txt_box .detail_tit {
    margin-bottom: .8rem;
    font-size: var(--title_fz_xs);
  }

  .sub_energy .business_list li .amount {
    display: block;
  }

  .sub_energy .business_list li .amount > div + div {
    margin-top: 8rem;
  }

  .sub_energy .business_list li .amount p span:first-child {
    margin-right: .4rem;
  }

  .en .sub_energy .business_list li .amount > div + div:before {
    margin-left: 0;
  }

  .en .sub_energy .energy_con .business_list li .amount > div + div:last-child:before {
    top: calc(-50% - .4rem);
  }

  .en .sub_energy .business_list li.group_energy .amount > div + div:last-child:before {
    /*top: -50%;*/
    /*margin-top: -.3rem;*/
  }

  .sub_energy [data-tab-con="energy"] .business_list li .amount > div + div:before {
    top: -100%;
    left: 50%;
    width: 2.4rem;
    height: 1.6rem;
    margin-right: auto;
    margin-left: -1.2rem;
    margin-top: 2.8rem;
    background-image: url(../images/ic/ic_equal_mo.svg);
  }

  .sub_energy .business_list li.group_energy .amount > div + div:before {
    top: -50%;
    left: 50%;
    margin-top: -.3rem;
    font-size: 2.8rem;
    transform: translate(-50%, -50%);
  }

  .sub_energy .business_list li .amount strong {
    margin-bottom: .4rem;
  }

  .sub_energy .business_list li .amount p {
    font-size: 4rem;
  }

  .sub_energy .business_list .compare .amount {
    padding: 3.2rem 0;
  }

  .en .sub_energy .business_list .chart_wrap .compare .tit strong {
    margin-bottom: 0;
  }

  .en .sub_energy .business_list .chart_wrap .chart_box .tit {
    min-height: auto;
  }

  .en .sub_energy .business_list .chart_wrap .chart_box .tit strong {
    margin-bottom: 2.4rem;
  }

  .en .sub_energy .business_list .group_energy .chart {
    margin-top: 5.2rem;
  }

  .en .sub_energy .business_list li.group_energy .amount {
    margin-top: 0;
  }

  .en .sub_energy .business_list li#group-energy .amount {
    padding: 3.2rem 0;
  }

  .en .sub_energy .business_list li .amount > div .block {
    display: inline;
    margin-bottom: 0;
    margin-left: .6rem;
    margin-right: .6rem;
  }

  .en .sub_energy .business_list li .amount strong br {
    display: none;
  }

  .en .sub_energy .business_list li .amount > div .no_block {
    margin-left: .4rem;
  }

  .en .sub_energy .business_list li .amount > div .block:first-child {
    margin-left: 0;
  }

  .sub_energy .business_list .compare .amount p {
    font-size: 4rem;
  }

  .sub_energy .business_list li .amount p span {
    font-size: var(--fz_base);
  }

  .sub_energy .business_list .compare .amount p span {
    font-size: var(--fz_base);
  }

  .sub_energy .business_list .group_energy .tit_img_box:before {
    background-image: url(../images/contents/bg_energy_group.jpg);
  }

  .sub_energy .business_list .workplace_cnt .con .thumb {
    height: 25.1rem;
  }

  .sub_energy .business_list .workplace_cnt .con .detail table {
    display: block;
  }

  .sub_energy .business_list > li .tit strong {
    font-size: var(--title_fz_s);
  }

  .sub_energy .business_list .chart_wrap {
    margin-top: 5.6rem;
  }

  .sub_energy .business_list .chart .bars {
    gap: 0 3rem;
  }

  .sub_energy .business_list .chart .bar {
    width: 7.2rem;
  }

  .sub_energy .business_list .chart .bar .cap {
    font-size: var(--fz_m);
  }

  .sub_energy .business_list .chart .bar .label {
    top: calc(100% + 1.4rem);
  }

  .sub_energy .business_list .group_energy_bu {
    padding: 3.2rem 0;
  }

  .sub_energy .business_list > li .tit.only {
    margin-bottom: 2.4rem;
  }

  .sub_energy [data-tab-con="group-energy"] .business_list > li + li:not(.group_energy_bu) {
    margin-top: 5.6rem;
  }

  .sub_energy .business_list .workplace_cnt .con .detail .flex_table .tr.row2 {
    flex-direction: column;
  }

  .sub_energy .business_list .workplace_cnt .con .detail .flex_table .tr.row2 > * {
    width: 100%;
  }

  .sub_energy .business_list .workplace_cnt .con .detail .flex_table .th {
    padding: 1.6rem 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .sub_energy .business_list .workplace_cnt .con .detail .flex_table .td {
    padding: 1.6rem 2rem;
    font-size: var(--fz_m);
  }

  .sub_energy .business_list .workplace_cnt .con .detail > strong {
    font-size: var(--title_fz_xs);
    font-weight: 400;
  }

  .sub_energy .business_list .workplace_cnt .con .detail .txt {
    margin-top: 2.8rem;
  }

  .sub_energy [data-tab-con="group-energy"] .business_list > li.group_energy + li {
    margin-top: 11.8rem;
  }

  .sub_energy .business_list .factory .tit_img_box:before {
    background-image: url(../images/contents/bg_energy_factory.jpg);
  }

  .sub_energy .business_list .automatic .tit_img_box:before {
    background-image: url(../images/contents/bg_energy_automatic.jpg);
  }

  .sub_energy .business_list .green_energy .tit_img_box:before {
    background-image: url(../images/contents/bg_energy_green_energy.jpg);
  }

  .sub_privacy > div {
    padding-top: 3.2rem;
  }

  .sub_privacy ul {
    display: block;
    padding: 3.2rem 2.4rem;
    margin-top: 3.2rem;
    margin-bottom: .8rem;
    /*margin-bottom: 4.8rem;*/
  }

  .en .sub_privacy ul {
    margin-bottom: .6rem;
  }

  .sub_privacy ul li:nth-child(odd) {
    padding-right: 0;
  }

  .sub_privacy ul li + li {
    margin-top: 1.6rem;
  }

  .en .sub_privacy ul li + li {
    margin-top: 1.6rem;
  }

  .sub_privacy ul li p + p {
    margin-top: 1.6rem;
  }

  .sub_privacy h4 {
    font-size: var(--fz_m);
  }

  .sub_privacy .txt {
    font-size: var(--fz_base);
  }

  .cooper_program ul {
    display: block;
  }

  .cooper_program ul li {
    width: 100%;
  }

  .cooper_program .content_mt {
    margin-top: 5.6rem;
  }

  .cooper_program ul li:last-child {
    margin-bottom: 0;
  }

  .cooper_program ul li .thumb {
    border-radius: .4rem;
  }

  .cooper_program ul li .detail > strong {
    font-size: 2rem;
  }

  .cooper_program ul li .detail .dot_txt_li p {
    line-height: 1.5;
  }

  .cooper_program .process_img {
    padding: 5rem 2.4rem;
  }

  .cooper_program .process_img img {
    width: 100%;
  }

  .sub_sustain .hears .hears_list ul {
    display: block;
  }

  .sub_sustain .hears .hears_list {
    padding: 0 1.6rem 1.6rem;
  }

  .sub_sustain .hears .hears_list li + li {
    margin-top: 1.2rem;
  }

  .sub_sustain .briefing_slide .swiper-slide .img_wrap {
    height: 24rem;
  }

  .cooper_program .process_img:before {
    border-radius: 2rem;
  }

  .cooper_program .process_img img {
    max-width: 28.7rem;
  }


  .hanwha_safety ol li > p:before {
    margin-bottom: .4rem;

  }

  .hanwha_safety ol li {
    padding: 10.8rem 2.4rem 2.4rem;
    background-position: top 2.4rem left 2.4rem;
  }

  .hanwha_safety ol li > p {
    font-size: var(--fz_l);
  }

  .hanwha_safety ol li > span {
    font-size: var(--fz_m);
    line-height: 1.5;
  }

  .stop_works ol {
    display: block;
  }

  .stop_works ol li + li {
    margin-top: 1.2rem;
  }

  .stop_works ol li {
    min-height: auto;
    font-size: 2rem;
    padding: 10.8rem 2.4rem 2.4rem 2.4rem;
    background-position: top 2.4rem left 2.4rem;
  }

  .stop_works ol li p {
    line-height: 1.4;
  }

  .stop_works ol li p:before {
    margin-bottom: .4rem;
    line-height: 1.4;
  }

  .stop_works .safety_rule {
    padding: 2.4rem 2rem;
  }

  .stop_works .safety_rule p:before {
    display: block;
    width: 4.5rem;
    height: 4.5rem;
    margin: 0 auto 1.6rem;
  }

  .stop_works .safety_rule p {
    line-height: 1.5;
    font-weight: 300;
  }

  .sub_ethic .ethic_charter .img {
    padding: 4rem 1.5rem;
  }

  .sub_ethic .about_program {
    padding: 4rem 0;
    min-height: 60.4rem;
    background-position: bottom right;
  }

  .sub_ethic .ethic_charter .img {
    padding: 4rem 1.5rem;
  }

  .sub_ethic .ethic_charter .img img {
    max-width: 30.5rem;
    width: 100%;
  }

  .sub_ethic .ethic_charter .back_bg.type_bg:before {
    background-position: center top;
    background-image: url(../images/contents/bg_ethic_charter_mo.jpg);
  }


  .sub_ethic .ethic_charter .icon_txt_list {
    margin-top: 4rem;
  }

  .order_guide_list {
    padding: 3.2rem 2.4rem;
  }

  .order_guide_list li {
    padding-left: 3.8rem;
    font-size: var(--fz_m);
  }

  .sub_ethic .organization {
    flex-wrap: wrap;
    gap: 1.2rem;
  }

  .sub_ethic .organization li {
    width: 100%;
    flex: auto;
    padding: 2rem 1.5rem;
    border-width: .1rem;
    border-radius: .4rem;
  }

  .sub_ethic .orga_wrap {
    padding: 2.4rem;
    margin-top: 3.2rem;
    border-radius: .4rem;
  }

  .sub_ethic .organization li span {
    font-size: 1.8rem;
  }

  .sub_ethic .organization li:after {
    width: .1rem;
    transform: rotate(180deg);
    height: 7.1rem;
  }

  .sub_ethic .orga_wrap:before {
    background: url(../images/ic/ic_up_arrow_mo.svg) no-repeat center;
    top: auto;
    bottom: 50%;
    left: auto;
    right: -1.7rem;
    width: 1.7rem;
    height: 62.3rem;
    transform: translateY(-0.1rem);
  }

  .sub_ethic .orga_wrap .primary {
    font-size: 2rem;
    border-radius: .4rem;
  }

  .sub_ethic .about_program.type_bg:before {
    background-position: bottom right;
    background-image: url(../images/contents/bg_about_program_mo.jpg);
  }

  #sub_content .sub_tit.md_mb {
    margin-bottom: 2rem;
  }

  #sub_content .sub_financial .sub_tit:after {
    content: '';
    display: block;
    clear: both;
  }

  #sub_content .sub_financial .sub_tit.hoz_end {
    display: block;
  }

  #sub_content .sub_financial .sub_tit.hoz_end p {
    float: right;
    margin-top: 2rem;
  }

  .icon_dot_list li + li {
    margin-top: 2rem;
  }

  .icon_dot_list li strong {
    padding-left: 2rem;
  }

  .icon_dot_list li strong:before {
    top: .8rem;
  }

  .icon_dot_list li strong {
    font-size: 2rem;
    margin-bottom: .8rem;
  }

  .icon_dot_list li p {
    font-size: 1.8rem;
    line-height: 1.5;
  }

  .dot_txt_li.col {
    display: block;
    padding: 2.4rem;
  }

  .dot_txt_li.col p + p {
    margin-top: 1.2rem;
  }

  .select_wrap.mo_col {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }

  .gray_form .box .input_wrap.pt {
    padding-top: 1.2rem;
  }

  .hot_line_select .guide_line_list {
    margin-bottom: 2.4rem;
  }

  .gray_form {
    padding: 2.4rem;
  }

  .en .gray_form {
    padding: 2.4rem;
  }

  .gray_form .box {
    display: block;
  }

  .gray_form .box .form_tit {
    display: block;
    padding-top: 0;
    line-height: 1.5;
    margin-bottom: .8rem;
    font-size: var(--fz_m);
  }

  .file_box {
    height: 5rem;
  }

  .file_box .file_display .file_name {
    line-height: 5rem;
    padding: 0 4.8rem 0 1.6rem;
  }

  .os-windows .file_box .file_display .file_name {
    line-height: 5.5rem;
  }

  .gray_form .hoz {
    display: block;
  }

  .gray_form input,
  .gray_form textarea,
  .file_box .file_display .file_name {
    border-radius: .4rem;
  }

  .gray_form .input_mail + .select_box {
    width: 100%;
    margin-left: 0;
    margin-top: 1.2rem;
  }

  .select_box {
    height: 5rem;
  }

  .select_box .btn_select {
    padding: 0 1.6rem;
  }

  .checkbox.radio span {
    font-size: var(--fz_base);
  }

  .hot_line_select .checkbox.radio span {
    font-size: var(--fz_m);
  }

  .select_box .btn_select {
    border-radius: .4rem;
  }

  .select_box .btn_select .selected_option {
    position: relative;
    top: .2rem;
  }

  .select_box .options {
    border-radius: .4rem;

    li {
      border-radius: .4rem;
    }
  }

  .sub_sustain .hears .hears_list li {
    padding: 2.4rem !important;
  }

  .stop_works .safety_rule p .m_br {
    display: block;
  }

  .sub_financial .chart_wrap {
    padding: 3.2rem 0;
  }

  .chart_con {
    display: block;
  }

  .chart_box .chart {
    height: 28rem;
  }

  .chart_box + .chart_box {
    margin-top: 2.4rem;
  }

  .chart_wrap .common_btn {
    width: 100%;
    margin-top: 2.4rem !important;
    max-width: 100%;
  }


  .scroll_tbl {
    width: 100%;
    overflow-x: auto;
  }

  .scroll_tbl .common_tbl {
    width: 80rem;
    font-size: var(--fz_m);
  }

  .chart_con .chart_box {
    padding: 3.2rem 2.4rem;
  }

  #sub_content .sub_financial .sub_tit h5.md {
    font-size: 2.8rem !important; /* 확인 필요*/
  }

  .sub_financial .sub_tit.hoz_end p {
    font-size: var(--fz_base);
  }

  .chart_con #owner_chart {
    width: 20rem !important;
    height: 20rem !important;
    margin: 0 auto 4rem;
  }

  .chart_box .chart_tit.hoz {
    margin-bottom: 1.2rem;
  }

  .chart_box .chart_tit.hoz .tit {
    font-size: 2.8rem;
  }

  .chart_box .owner_list li {
    padding: 2.5rem 0;
    font-size: var(--fz_m);
  }

  .chart_box .owner_list li:last-child {
    border-bottom: 0;
  }

  .chart_box .owner_list li i {
    width: 1.6rem;
    height: 1.6rem;
    margin-right: .5rem;
  }

  .os-windows .chart_box .owner_list li i {
    position: relative;
    top: .1rem;
  }

  .sub_recruitment .system_table ul li:first-child {
    width: 27rem;
    flex-shrink: 0;
  }

  .sub_recruitment .system_table ul li:nth-child(2) {
    width: 57.6rem;
    flex-shrink: 0;
  }

  .sub_ethic .ceo_con .quote_txt br {
    display: none;
  }

  .os-windows .sub_network .office_list .combi_btn .ic {
    top: inherit;
  }

  .os-windows .select_box .btn_select {
    top: 0rem;
  }

  .sub_recruitment .work_place .place_slide .swiper-slide.odd-slide {
    margin-top: -4rem;
  }

  .sub_job ul li {
    border-radius: .4rem;
  }

  .en .sub_job ul li {
    min-height: auto;
  }

  .os-windows .file_box .file_btn span {
    position: relative;
    top: 0;
  }

  .sub_network .head_office_map {
    display: none;
  }

  .sub_network .head_office_map figure .point02 {
    top: 28.49%;
    left: 2.7%;
  }

  .sub_network .head_office_map figure .point03 {
    top: 25.72%;
    left: 3.8%;
  }

  .sub_network .head_office_map figure .point04 {
    top: 22.88%;
  }

  .sub_network .head_office_map figure .point14 {
    top: 27.34%;
    left: 68.6%;
  }

  .sub_network .head_office_map figure .point09 {
    top: 76.41%;
    left: 55.3%;
  }

  .sub_network .head_office_map figure .point10 {
    top: 81.94%;
    left: 53.52%;
  }

  .sub_network .head_office_map figure .point15 {
    top: 31.56%;
    left: 66.42%;
  }

  .history_list li dl dd p br {
    display: none;
  }

  .gray_form .box .input_wrap .dot_txt_li p {
    font-size: var(--fz_base);
  }

  .gray_form .box .input_wrap .dot_txt_li p:before {
    top: 1rem;
  }

  .gray_form .box .input_wrap .dot_txt_li p + p {
    margin-top: .4rem;
  }

  .os-windows .sub_notice_detail .noti_ctrl .combi_btn {
    line-height: 5rem;
  }

}


@media all and (max-width: 640px) {
  .sub_network .head_office_map figure [class^="point"]:before {
    width: .6rem;
    height: .6rem;
  }

  .sub_network .head_office_map figure [class^="point"] {
    width: 1.8rem;
    height: 1.8rem;
  }

  .sub_network .head_office_map figure .point02 {
    top: 27.49%;
    left: 2.7%;
  }

  .sub_network .head_office_map figure .point15 {
    top: 27.31%;
    left: 65.71%;
  }

  .sub_network .head_office_map figure .point15 {
    top: 26.31%;
    left: 64.71%;
  }

  .sub_network .head_office_map figure .point14 {
    top: 22%;
    left: 67.6%;
  }

  .sub_network .head_office_map figure .point12 {
    top: 31.9%;
    left: 66.45%;
  }

}

@media all and (max-width: 480px) {
  .sub_notice .notice_list li .thumb {
    height: 25.1rem;
  }

  .sub_energy .business_list .factory .tit_img_box .img {
    background-image: url(../images/contents/bg_energy_factory_m.jpg);
  }

  .sub_energy .business_list .automatic .tit_img_box .img {
    background-image: url(../images/contents/bg_energy_automatic_m.jpg);
  }

  .sub_energy .business_list .green_energy .tit_img_box .img {
    background-image: url(../images/contents/bg_energy_green_energy_m.jpg);
  }

  .cooper_program .process_img {
    padding: 3.2rem 2.4rem;
  }

  .hot_line_select .guide_line_list .guide_btn .checkbox {
    margin-right: 1.2rem;
  }

  .sub_vision .con_main_txt [class^="img"] {
    max-width: 100%;
  }

  .sub_network .head_office_map figure .point02 {
    top: 27.49%;
    left: 1.7%;
  }

  .sub_network .head_office_map figure .point03 {
    top: 24.72%;
    left: 3.2%;
  }

  .sub_network .head_office_map figure .point09 {
    top: 75.41%;
    left: 54.3%;
  }

  .sub_network .head_office_map figure .point10 {
    top: 80.94%;
    left: 52.52%;
  }

  .en .sub_energy .business_list li .amount > div .block {
    display: block;
  }

  .en .sub_energy .business_list li.group_energy .amount > div + div:last-child:before {
    top: calc(50% - 10.7rem)
  }

  .en .sub_energy .energy_con .business_list li .amount > div + div:last-child:before {
    top: calc(-50% + 1.6rem);
  }
}

@media all and (max-width: 374px) {
  .sub_history .combi_img > div p {
    font-size: var(--fz_m);
  }
}