@charset "UTF-8";
/* 공통 */
fieldset {
  border: none;
}

.hide {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  -webkit-clip-path: polygon(0 0, 0 0, 0 0);
  clip-path: polygon(0 0, 0 0, 0 0);
}

.container {
  position: relative;
  margin: 72px auto 0;
}

.aside {
  position: absolute;
  top: 0;
  right: 0;
  padding-left: 40px;
}

.esg .esg_sub {
  max-width: 1110px;
}
.esg .esg_sub iframe {
  border: 0;
}
.esg > h2 {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  -webkit-clip-path: polygon(0 0, 0 0, 0 0);
  clip-path: polygon(0 0, 0 0, 0 0);
}
.esg .tit_wrap .tit_page {
  margin-bottom: 0 !important;
}
.esg .tit_wrap .txt_desc01 {
  margin-top: 16px;
  text-align: center;
}
.esg .tit_page {
  margin-bottom: 64px;
  font-size: 40px;
  font-weight: 700;
  color: #171a19;
  line-height: 1.5;
  letter-spacing: -0.25px;
  font-family: "Happiness-Sans";
  text-align: center;
}
.esg .txt_desc01 {
  margin-top: 20px;
  font-size: 16px;
  font-weight: 400;
  color: #171a19;
  line-height: 1.4;
  letter-spacing: -0.25px;
  font-family: "Happiness-Sans";
}
.esg .txt_desc01 + .table_wrap {
  margin-top: 20px;
}
.esg .txt_desc02 {
  margin-top: 12px;
  font-size: 16px;
  font-weight: 400;
  color: #171a19;
  line-height: 1.4;
  letter-spacing: -0.25px;
  font-family: "Happiness-Sans";
}
.esg .txt_desc03 {
  margin-top: 20px;
  font-size: 16px;
  font-weight: 400;
  color: #434545;
  line-height: 1.4;
  letter-spacing: -0.25px;
  font-family: "Happiness-Sans";
}
.esg .title01 {
  font-size: 22px;
  font-weight: 700;
  color: #171a19;
  line-height: 1.4;
  letter-spacing: -0.25px;
  font-family: "Happiness-Sans";
}
.esg .title01 + .tab_wrap {
  margin-top: 20px;
}
.esg .title01 + .bullet_list,
.esg .title01 + .table_wrap {
  margin-top: 20px;
}
.esg .title02 {
  font-size: 18px;
  font-weight: 700;
  color: #171a19;
  line-height: 1.4;
  letter-spacing: -0.25px;
  font-family: "Happiness-Sans";
}
.esg .title02 + .bullet_list {
  margin-top: 16px;
}
.esg .cnt01 {
  margin-top: 40px;
}
.esg .cnt02 {
  margin-top: 48px;
}
.esg .cnt03 {
  margin-top: 56px;
}
.esg .cnt04 {
  margin-top: 120px;
}
.esg .cnt05 {
  margin-top: 64px;
}
.esg .cnt06 {
  margin-top: 80px;
}
.esg .cnt07 {
  margin-top: 100px;
}
.esg .txt_desc03 + .img_wrap {
  margin-top: 20px;
}
.esg .txt_desc01 + ul.bullet_list {
  margin-top: 20px;
}
.esg .txt_desc01 + .btn_wrap {
  margin-top: 20px;
}
.esg .txt_desc01 + .btn_wrap.mt16 {
  margin-top: 16px;
}


/*
  2024 리뉴얼 이전 코드
 */

.esg .img_lay_wrap {
  width: 764px;
  height: auto;
  margin: 0 auto;
}
.esg .img_lay_wrap img {
  width: 100%;
}
.esg .green_friends .section {
  width: 750px;
  margin: 0 auto;
}
.esg .green_friends .section .sec_tit {
  font-size: 32px;
  font-weight: 700;
  color: #171a19;
  line-height: 1.5;
  letter-spacing: -0.25px;
  font-family: "Happiness-Sans";
  margin-bottom: 48px;
}
.esg .green_friends .img_tit {
  width: 452px;
  height: 82px;
  background-image: url("https://www.ehyundai.com/images/webhome2/esg/img_green_friends_logo.png");
  background-repeat: no-repeat;
  -moz-background-size: contain;
  background-size: contain;
  background-position: center;
  margin: 0 auto;
}
.esg .green_friends .logo {
  width: 171px;
  height: 27px;
  background-image: url("https://www.ehyundai.com/images/webhome2/esg/img_hyundai_logo.png");
  background-repeat: no-repeat;
  -moz-background-size: contain;
  background-size: contain;
  background-position: center;
  margin: 10px auto 0;
}
.esg .green_friends .bg01 {
  position: relative;
  background: #edfada;
  padding-bottom: 292px;
}
.esg .green_friends .bg01 .title01 {
  font-size: 32px;
  font-weight: 700;
  color: #00815a;
  line-height: 1.5;
  letter-spacing: -0.25px;
  font-family: "Happiness-Sans";
  text-align: center;
  padding-top: 100px;
}
.esg .green_friends .bg01 .title01 + .img_tit {
  margin-top: 40px;
}
.esg .green_friends .bg01 p.top_txt {
  font-size: 22px;
  font-weight: 400;
  color: #434545;
  line-height: 1.5;
  letter-spacing: -0.25px;
  font-family: "Happiness-Sans";
  text-align: center;
  margin-top: 32px;
}
.esg .green_friends .bg01::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -36px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 830px;
  height: 364px;
  background-image: url("https://www.ehyundai.com/images/webhome2/esg/img_green_friends.png");
  background-repeat: no-repeat;
  -moz-background-size: contain;
  background-size: contain;
  background-position: center;
  z-index: 5;
}
.esg .green_friends .bg01 .friends_talk li {
  position: relative;
}
.esg .green_friends .bg01 .friends_talk li .talk_area {
  position: absolute;
  z-index: 6;
}
.esg .green_friends .bg01 .friends_talk li .talk_area.area01 {
  width: 180px;
  height: 180px;
  top: -40px;
  left: -50px;
}
.esg .green_friends .bg01 .friends_talk li .talk_area.area01 + .talk_wrap {
  top: -160px;
  left: -125px;
}
.esg .green_friends .bg01 .friends_talk li .talk_area.area01 + .talk_wrap::before {
  bottom: -10px;
  right: 26px;
}
.esg .green_friends .bg01 .friends_talk li .talk_area.area02 {
  width: 140px;
  height: 140px;
  top: 190px;
  left: 70px;
  z-index: 7;
}
.esg .green_friends .bg01 .friends_talk li .talk_area.area02 + .talk_wrap {
  top: 212px;
  left: -140px;
}
.esg .green_friends .bg01 .friends_talk li .talk_area.area02 + .talk_wrap::before {
  top: 50%;
  right: -17px;
  -webkit-transform: rotate(-90deg) translateY(-50%);
  -moz-transform: rotate(-90deg) translateY(-50%);
  -ms-transform: rotate(-90deg) translateY(-50%);
  transform: rotate(-90deg) translateY(-50%);
}
.esg .green_friends .bg01 .friends_talk li .talk_area.area03 {
  width: 400px;
  height: 210px;
  top: 120px;
  left: 146px;
}
.esg .green_friends .bg01 .friends_talk li .talk_area.area03 + .talk_wrap {
  top: 345px;
  left: 198px;
}
.esg .green_friends .bg01 .friends_talk li .talk_area.area03 + .talk_wrap::before {
  top: -10px;
  right: 50%;
  -webkit-transform: rotate(180deg) translateX(-50%);
  -moz-transform: rotate(180deg) translateX(-50%);
  -ms-transform: rotate(180deg) translateX(-50%);
  transform: rotate(180deg) translateX(-50%);
}
.esg .green_friends .bg01 .friends_talk li .talk_area.area04 {
  width: 80px;
  height: 65px;
  top: 266px;
  right: -5px;
}
.esg .green_friends .bg01 .friends_talk li .talk_area.area04 + .talk_wrap {
  top: 350px;
  right: -76px;
}
.esg .green_friends .bg01 .friends_talk li .talk_area.area04 + .talk_wrap::before {
  top: -10px;
  right: 50%;
  -webkit-transform: rotate(180deg) translateX(-50%);
  -moz-transform: rotate(180deg) translateX(-50%);
  -ms-transform: rotate(180deg) translateX(-50%);
  transform: rotate(180deg) translateX(-50%);
}
.esg .green_friends .bg01 .friends_talk li .talk_area.area05 {
  width: 170px;
  height: 86px;
  top: 22px;
  right: -15px;
  z-index: 7;
}
.esg .green_friends .bg01 .friends_talk li .talk_area.area05 + .talk_wrap {
  width: 200px;
  top: 122px;
  right: -125px;
}
.esg .green_friends .bg01 .friends_talk li .talk_area.area05 + .talk_wrap::before {
  top: -10px;
  right: 156px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.esg .green_friends .bg01 .friends_talk li .talk_area.area06 {
  width: 100px;
  height: 112px;
  top: -42px;
  right: -40px;
}
.esg .green_friends .bg01 .friends_talk li .talk_area.area06 + .talk_wrap {
  width: 187px;
  top: -165px;
  right: -125px;
}
.esg .green_friends .bg01 .friends_talk li .talk_area.area06 + .talk_wrap::before {
  bottom: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.esg .green_friends .bg01 .friends_talk li .talk_area:hover + .talk_wrap {
  display: inline-block;
}
.esg .green_friends .bg01 .friends_talk li .talk_wrap {
  display: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  padding: 20px;
  background: rgba(23, 26, 25, 0.7);
  z-index: 7;
}
.esg .green_friends .bg01 .friends_talk li .talk_wrap p.talk_txt {
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
  line-height: 1.4;
  letter-spacing: -0.25px;
  font-family: "Happiness-Sans";
}
.esg .green_friends .bg01 .friends_talk li .talk_wrap p.talk_txt span.name {
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.5;
  letter-spacing: -0.25px;
  font-family: "Happiness-Sans";
  margin-bottom: 8px;
}
.esg .green_friends .bg01 .friends_talk li .talk_wrap::before {
  content: "";
  position: absolute;
  z-index: 7;
  width: 14px;
  height: 10px;
  background-image: url("https://www.ehyundai.com/images/webhome2/esg/img_layer_arrow.png");
  background-repeat: no-repeat;
  -moz-background-size: contain;
  background-size: contain;
  background-position: center;
}
.esg .green_friends .bg02 {
  background: #e3f9c3;
  padding-bottom: 110px;
  padding-top: 116px;
}
.esg .green_friends .bg02 .tit_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 48px;
}
.esg .green_friends .bg02 .tit_wrap > .sec_tit {
  margin-bottom: 0;
}
.esg .green_friends .bg02 .video_wrap {
  text-align: center;
}
.esg .green_friends .bg02 .slide_wrap {
  position: relative;
  width: 918px;
  height: 427px;
  margin-left: -84px;
}
.esg .green_friends .bg02 .slide_wrap .indi_wrap {
  left: 50%;
  right: initial;
  bottom: 0;
  font-size: 0;
  line-height: 0;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.esg .green_friends .bg02 .slide_wrap .indi_wrap .indi_conts {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.esg .green_friends .bg02 .slide_wrap .indi_wrap .indi_conts > li {
  width: 12px;
  margin-left: 4px;
}
.esg .green_friends .bg02 .slide_wrap .indi_wrap .indi_conts > li:first-child {
  margin-left: 0;
}
.esg .green_friends .bg02 .slide_wrap .indi_wrap .indi_conts > li.on ~ li .btn_indi {
  background: rgba(23, 26, 25, 0.2);
}
.esg .green_friends .bg02 .slide_wrap .indi_wrap .indi_conts > li.on .btn_indi {
  background: #171a19;
}
.esg .green_friends .bg02 .slide_wrap .indi_wrap .indi_conts .btn_indi {
  display: block;
  width: 100%;
  height: 2px;
  background: rgba(23, 26, 25, 0.2);
}
.esg .green_friends .bg02 .slide_wrap .slide_content {
  overflow: hidden;
  width: 776px;
  padding: 0;
  margin: 0 auto;
}
.esg .green_friends .bg02 .slide_wrap .slide_content .slide_conts {
  padding: 0 13px;
  width: 375px;
}
.esg .green_friends .bg02 .slide_wrap .slide_content .slide_conts .img {
  position: relative;
}
.esg .green_friends .bg02 .slide_wrap .slide_content .slide_conts .col_wrap {
  display: inline-block;
}
.esg .green_friends .bg02 .slide_wrap .slide_content .slide_conts .col_wrap .img {
  width: 100%;
  height: 270px;
}
.esg .green_friends .bg02 .slide_wrap .slide_content .slide_conts .col_wrap .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.esg .green_friends .bg02 .slide_wrap .slide_content .slide_conts .col_wrap p.tit {
  font-size: 18px;
  font-weight: 700;
  color: #171a19;
  line-height: 1.5;
  letter-spacing: -0.25px;
  font-family: "Happiness-Sans";
  margin-top: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 54px;
}
.esg .green_friends .bg02 .slide_wrap .slide_content .slide_conts .col_wrap span.date {
  display: block;
  font-size: 16px;
  font-weight: 400;
  color: #727573;
  line-height: 1.5;
  letter-spacing: -0.25px;
  font-family: "Happiness-Sans";
  margin-top: 8px;
}
.esg .green_friends .bg02 .slide_wrap .slide_controls .btn_arrow {
  position: absolute;
  top: 50%;
  width: 56px;
  height: 56px;
  background-image: url("../../images/webhome2/brand/btn_slide_nav_arrow.png");
  background-repeat: no-repeat;
  -moz-background-size: contain;
  background-size: contain;
  background-position: center;
  background-color: #727573;
  margin-top: -99px;
}
.esg .green_friends .bg02 .slide_wrap .slide_controls .btn_arrow.prev {
  left: 50%;
  margin-left: -459px;
}
.esg .green_friends .bg02 .slide_wrap .slide_controls .btn_arrow.next {
  left: auto;
  right: 50%;
  margin-right: -459px;
}
.esg .green_friends .bg02 .slide_wrap .slide_controls .btn_arrow:hover,
.esg .green_friends .bg02 .slide_wrap .slide_controls .btn_arrow:focus {
  background-color: #00815a;
}
.esg .green_friends .bg03 {
  background: #f7f7f7;
  padding: 100px 0;
}
.esg .green_friends .bg03 ul.green_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.esg .green_friends .bg03 ul.green_list li {
  width: -webkit-calc(33.333% - 17px);
  width: -moz-calc(33.333% - 17px);
  width: calc(33.333% - 17px);
}
.esg .green_friends .bg03 ul.green_list li img {
  width: 100%;
}
.esg .green_friends .bg03 ul.green_list li strong {
  display: block;
  font-size: 18px;
  font-weight: 700;
  color: #171a19;
  line-height: 1.5;
  letter-spacing: -0.25px;
  font-family: "Happiness-Sans";
  margin-top: 24px;
}
.esg .green_friends .bg03 ul.green_list li p {
  font-size: 16px;
  font-weight: 400;
  color: #434545;
  line-height: 1.5;
  letter-spacing: -0.25px;
  font-family: "Happiness-Sans";
  margin-top: 8px;
}
.esg .green_friends .bg04 {
  background: #fff7ea;
  padding: 100px 0;
  position: relative;
}
.esg .green_friends .bg04 .green_story {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #ffffff url("https://www.ehyundai.com/images/webhome2/esg/img_sun_bg.png") no-repeat
    bottom right 28px;
  -moz-background-size: 194px 115px;
  background-size: 194px 115px;
  padding: 32px 40px;
}
.esg .green_friends .bg04 .green_story p {
  font-size: 16px;
  font-weight: 400;
  color: #171a19;
  line-height: 1.5;
  letter-spacing: -0.25px;
  font-family: "Happiness-Sans";
}
.esg .green_friends .bg04 .green_story p b {
  font-size: 16px;
  font-weight: 700;
  color: #00815a;
  line-height: 1.5;
  letter-spacing: -0.25px;
  font-family: "Happiness-Sans";
}
.esg .green_friends .bg04 ul.green_story_list li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 26px 32px;
  width: 100%;
  font-size: 18px;
  font-weight: 400;
  color: #171a19;
  line-height: 1.5;
  letter-spacing: -0.25px;
  font-family: "Happiness-Sans";
}
.esg .green_friends .bg04 ul.green_story_list li span.num {
  font-weight: 700;
  margin-right: 24px;
}
.esg .green_friends .bg04 ul.green_story_list li + li {
  margin-top: 12px;
}
.esg .green_friends .bg04 ul.green_story_list li:first-child {
  background: #d6e9c2;
}
.esg .green_friends .bg04 ul.green_story_list li:nth-child(2) {
  background: #eaf8b3;
}
.esg .green_friends .bg04 ul.green_story_list li:nth-child(3) {
  background: #d7ef98;
}
.esg .green_friends .bg04 ul.green_story_list li:last-child {
  background: #bce294;
}
.esg .green_friends .bg04 ul.green_story_list li:last-child::after {
  content: "";
  display: block;
  clear: both;
}
.esg .green_friends .bg04 ul.green_story_list li .arrow_link {
  float: right;
  margin-top: 3px;
  z-index: 5;
}
.esg .green_friends .bg04::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 54px;
  right: 132px;
  width: 90px;
  height: 90px;
  background-image: url("https://www.ehyundai.com/images/webhome2/esg/img_moon_bg.png");
  background-repeat: no-repeat;
  -moz-background-size: contain;
  background-size: contain;
  background-position: center;
}
.esg .green_friends .bg04::after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 309px;
  right: 0;
  width: 258px;
  height: 217px;
  background-image: url("https://www.ehyundai.com/images/webhome2/esg/img_cloud_bg.png");
  background-repeat: no-repeat;
  -moz-background-size: contain;
  background-size: contain;
  background-position: center;
}
.esg .green_friends .bot_txt {
  font-size: 28px;
  font-weight: 700;
  color: #171a19;
  line-height: 1.5;
  letter-spacing: -0.25px;
  font-family: "Happiness-Sans";
  text-align: center;
  margin: 100px 0 80px;
}
.esg .calendar_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.esg .calendar_wrap .input_c .input_wrap input {
  width: 266px;
}
.esg .campaign_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.esg .campaign_list > li {
  width: 362px;
}
.esg .campaign_list > li a {
  position: relative;
  display: block;
  color: #171a19;
}
.esg .campaign_list > li .img {
  display: block;
  width: 100%;
  height: 270px;
}
.esg .campaign_list > li .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.esg .campaign_list > li .info {
  display: block;
  margin-top: 24px;
}
.esg .campaign_list > li .info .info_tit {
  display: block;
  font-size: 18px;
  font-weight: 700;
  color: #171a19;
  line-height: 1.5;
  letter-spacing: -0.25px;
  font-family: "Happiness-Sans";
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 54px;
}
.esg .campaign_list > li .info .info_tit + .info_txt {
  margin-top: 8px;
}
.esg .campaign_list > li .info .info_txt {
  display: block;
  font-size: 16px;
  font-weight: 400;
  color: #727573;
  line-height: 1.5;
  letter-spacing: -0.25px;
  font-family: "Happiness-Sans";
}
.esg .campaign_list > li:not(:nth-child(3n-2)) {
  margin-left: 12px;
}
.esg .campaign_list > li:nth-child(n + 4) {
  margin-top: 48px;
}
.esg .paging_wrap {
  margin-top: 40px;
}
.esg .board_list {
  border-top: 1px solid #171a19;
  border-bottom: 1px solid #eaebea;
}
.esg .board_list .board_head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  border-bottom: 1px solid #eaebea;
}
.esg .board_list .board_head .tit {
  width: 80%;
  font-size: 22px;
  font-weight: 700;
  color: #171a19;
  line-height: 1.4;
  letter-spacing: -0.25px;
  font-family: "Happiness-Sans";
}
.esg .board_list .board_head .date {
  margin-left: auto;
  padding-top: 4px;
  font-size: 16px;
  font-weight: 400;
  color: #171a19;
  line-height: 1.4;
  letter-spacing: -0.25px;
  font-family: "Happiness-Sans";
}
.esg .board_list .board_body {
  padding: 64px 0;
}
.esg .board_list .board_body img,
.esg .board_list .board_body div {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
.esg .board_list + .btn_wrap {
  margin-top: 24px;
  text-align: right;
}
.esg .board_list + .btn_wrap .ubtn {
  display: block;
  min-width: 96px;
  padding: 6px 12px 5px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #171a19 !important;
  text-align: center;
  float: right;
}
.esg .board_list + .btn_wrap .ubtn > span {
  position: relative;
  padding-right: 8px;
  font-size: 14px;
  font-weight: 700;
  color: #171a19;
  line-height: 1.5;
  letter-spacing: -0.25px;
  font-family: "Happiness-Sans";
}
.esg .board_list + .btn_wrap .ubtn + .ubtn {
  margin-left: 0;
  margin-right: 4px;
}
.esg .board_list + .btn_wrap::after {
  content: "";
  display: block;
  clear: both;
}
.esg .project100_wrap .img_wrap {
  width: 1110px;
}
.esg .project100_wrap .img_wrap img {
  width: 100%;
}
.esg .project100_wrap .img_wrap + p.top_txt {
  margin-top: 80px;
}
.esg .project100_wrap .img_wrap + a.arrow_link {
  display: block;
  margin-top: 20px;
  text-align: right;
}
.esg .project100_wrap .img_wrap + .img_wrap {
  margin-left: 8px;
}
.esg .project100_wrap p.top_txt {
  font-size: 22px;
  font-weight: 700;
  color: #171a19;
  line-height: 1.5;
  letter-spacing: -0.25px;
  font-family: "Happiness-Sans";
  text-align: center;
}
.esg .project100_wrap .sec_num {
  display: block;
  margin: 0 auto;
  width: 24px;
  height: 24px;
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
  line-height: 26px;
  letter-spacing: -0.25px;
  font-family: "Happiness-Sans";
  text-align: center;
  background: #09d474;
  margin-bottom: 8px;
}
.esg .project100_wrap .sec_tit {
  font-size: 28px;
  font-weight: 900;
  color: #09d474;
  line-height: 1.5;
  letter-spacing: -0.25px;
  font-family: "Happiness-Sans";
  text-align: center;
  margin-bottom: 48px;
}
.esg .project100_wrap .sub_tit {
  font-size: 18px;
  font-weight: 700;
  color: #000000;
  line-height: 1.5;
  letter-spacing: -0.25px;
  font-family: "Happiness-Sans";
  text-align: center;
  margin-bottom: 24px;
}
.esg .project100_wrap .sec_tit_wrap {
  margin-bottom: 40px;
}
.esg .project100_wrap .sec_tit_wrap .sec_tit {
  margin-bottom: 0;
}
.esg .project100_wrap .sec_tit_wrap .desc {
  margin-top: 20px;
  font-size: 18px;
  font-weight: 700;
  color: #171a19;
  line-height: 1.5;
  letter-spacing: -0.25px;
  font-family: "Happiness-Sans";
  text-align: center;
}
.esg .project100_wrap .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.esg .project100_wrap .row + .img_wrap {
  margin-top: 49px;
}
.esg .project100_wrap .system_txt {
  width: 50%;
}
.esg .project100_wrap .system_txt strong {
  display: block;
  font-size: 18px;
  font-weight: 700;
  color: #171a19;
  line-height: 1.5;
  letter-spacing: -0.25px;
  font-family: "Happiness-Sans";
  text-align: center;
}
.esg .project100_wrap .system_txt p {
  font-size: 14px;
  font-weight: 400;
  color: #171a19;
  line-height: 1.4;
  letter-spacing: -0.25px;
  font-family: "Happiness-Sans";
  text-align: center;
  margin-top: 16px;
}
.esg .project100_wrap .video_wrap {
  width: 50%;
}
.esg .project100_wrap .video_wrap p {
  font-size: 18px;
  font-weight: 700;
  color: #000000;
  line-height: 1.5;
  letter-spacing: -0.25px;
  font-family: "Happiness-Sans";
  margin-bottom: 20px;
  text-align: center;
}
.esg .project100_wrap .video_wrap + .video_wrap {
  margin-left: 12px;
}
.esg .project100_wrap .slide_wrap {
  overflow: hidden;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 1100px;
  height: 570px;
}
.esg .project100_wrap .slide_wrap .indi_wrap {
  left: 198px;
  right: 198px;
  bottom: 40px;
  width: 714px;
  font-size: 0;
  line-height: 0;
}
.esg .project100_wrap .slide_wrap .indi_wrap .indi_conts {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.esg .project100_wrap .slide_wrap .indi_wrap .indi_conts > li {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -moz-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.esg .project100_wrap .slide_wrap .indi_wrap .indi_conts > li.on ~ li .btn_indi {
  background: rgba(255, 255, 255, 0.4);
}
.esg .project100_wrap .slide_wrap .indi_wrap .indi_conts .btn_indi {
  display: block;
  width: 100%;
  height: 2px;
  background: #ffffff;
}
.esg .project100_wrap .slide_wrap .slide_content {
  overflow: visible !important;
  width: 1002px;
  padding: 0 49px;
}
.esg .project100_wrap .slide_wrap .slide_content .slide_conts {
  padding: 0 6px;
}
.esg .project100_wrap .slide_wrap .slide_content .slide_conts .img {
  position: relative;
}
.esg .project100_wrap .slide_wrap .slide_content .slide_conts:not(.on) .img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.esg .project100_wrap .slide_wrap .slide_controls .btn_arrow {
  position: absolute;
  top: 50%;
  width: 56px;
  height: 56px;
  background-image: url("../../images/webhome2/brand/btn_slide_nav_arrow.png");
  background-repeat: no-repeat;
  -moz-background-size: contain;
  background-size: contain;
  background-position: center;
  background-color: #727573;
  margin-top: -28px;
}
.esg .project100_wrap .slide_wrap .slide_controls .btn_arrow.prev {
  left: 50%;
  margin-left: -495px;
}
.esg .project100_wrap .slide_wrap .slide_controls .btn_arrow.next {
  left: auto;
  right: 50%;
  margin-right: -495px;
}
.esg .project100_wrap .slide_wrap .slide_controls .btn_arrow:hover,
.esg .project100_wrap .slide_wrap .slide_controls .btn_arrow:focus {
  background-color: #00815a;
}
.esg .esg_wrap .title02 {
  margin-bottom: 20px;
}
.esg .esg_wrap .section.border {
  border-top: 1px solid #171a19;
  padding-top: 40px;
  border-bottom: 1px solid #eaebea;
}
.esg .esg_wrap .section.border + .bullet_list {
  margin-top: 20px;
}
.esg .esg_wrap .section.border.ty02 {
  padding-top: 32px;
}
.esg .esg_wrap .row_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 84px 33px;
}
.esg .esg_wrap .row_wrap .img {
  width: 522px;
}
.esg .esg_wrap .row_wrap .img img {
  width: 100%;
}
.esg .esg_wrap .pdf_wrap span.name {
  display: block;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 400;
  color: #171a19;
  line-height: 1.5;
  letter-spacing: -0.25px;
  font-family: "Happiness-Sans";
  text-align: center;
}
.esg .esg_wrap .pdf_wrap .btn_wrap {
  text-align: center;
}
.esg .esg_wrap .pdf_wrap .btn_wrap a.ico_link {
  padding: 7px 20px 7px 18px;
}
.esg .esg_wrap .pdf_wrap .btn_wrap a.ico_link span {
  font-size: 14px;
  font-weight: 700;
  color: #171a19;
  line-height: 1.4;
  letter-spacing: -0.25px;
  font-family: "Happiness-Sans";
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.esg .esg_wrap .pdf_wrap .btn_wrap a.ico_link span::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("https://www.ehyundai.com/images/webhome2/esg/ico_pdf_20_black.png");
  background-repeat: no-repeat;
  -moz-background-size: contain;
  background-size: contain;
  background-position: center;
  background-position: center left;
  margin-right: 4px;
}
.esg .esg_wrap .cont_wrap {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.esg .esg_wrap .cont_wrap > .pdf_wrap {
  width: 50%;
}
.esg .esg_wrap .cont_wrap > .col {
  width: 50%;
  padding-left: 64px;
}
.esg .esg_wrap .cont_wrap .col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.esg .esg_wrap .cont_wrap .col > .row {
  margin-top: 40px;
}
.esg .esg_wrap .cont_wrap .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.esg .esg_wrap .cont_wrap .row > .col {
  margin-left: 48px;
}
.esg .esg_wrap .cont_wrap dl.cont_list + .cont_list {
  margin-top: 40px;
}
.esg .esg_wrap .cont_wrap dl.cont_list dt {
  font-size: 14px;
  font-weight: 700;
  color: #171a19;
  line-height: 1.5;
  letter-spacing: -0.25px;
  font-family: "Happiness-Sans";
}
.esg .esg_wrap .cont_wrap dl.cont_list dd {
  font-size: 14px;
  font-weight: 400;
  color: #171a19;
  line-height: 1.5;
  letter-spacing: -0.25px;
  font-family: "Happiness-Sans";
  margin-top: 12px;
  margin-left: 8px;
}
.esg .esg_wrap .cont_wrap dl.cont_list dd + dd {
  margin-left: 16px;
}
.esg .esg_wrap .rule_wrap .rule_cont .rule_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.esg .esg_wrap .rule_wrap .rule_cont .rule_list > li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 362px;
  min-height: 129px;
  max-height: 129px;
  padding: 24px;
  border: 1px solid #eaebea;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.esg .esg_wrap .rule_wrap .rule_cont .rule_list > li:not(:nth-child(3n-2)) {
  margin-left: 12px;
}
.esg .esg_wrap .rule_wrap .rule_cont .rule_list > li:nth-child(n + 4) {
  margin-top: 12px;
}
.esg .esg_wrap .rule_wrap .rule_cont .rule_list > li .list_tit {
  font-size: 18px;
  font-weight: 700;
  color: #171a19;
  line-height: 1.5;
  letter-spacing: -0.25px;
  font-family: "Happiness-Sans";
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: auto;
  min-height: 26px;
  max-height: 52px;
}
.esg .esg_wrap .rule_wrap .rule_cont .rule_list > li .btn_wrap {
  margin-top: auto;
  text-align: right;
  line-height: 1;
}
.esg .esg_wrap .rule_wrap .rule_cont .rule_list > li .btn_wrap a.ico_link {
  display: inline-block;
  padding: 0;
}
.esg .esg_wrap .rule_wrap .rule_cont .rule_list > li .btn_wrap a.ico_link span {
  font-size: 14px;
  font-weight: 700;
  color: #171a19;
  line-height: 1.4;
  letter-spacing: -0.25px;
  font-family: "Happiness-Sans";
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.esg .esg_wrap .rule_wrap .rule_cont .rule_list > li .btn_wrap a.ico_link span::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("https://www.ehyundai.com/images/webhome2/esg/ico_pdf_20_black.png");
  background-repeat: no-repeat;
  -moz-background-size: contain;
  background-size: contain;
  background-position: center;
  background-position: center left;
  margin-right: 4px;
}
.esg .esg_wrap .img_wrap {
  width: 1110px;
  margin-top: 20px;
}
.esg .esg_wrap .img_wrap img {
  width: 100%;
}
.esg .esg_wrap .img_wrap + .bullet_list {
  margin-top: 20px;
}
.esg .esg_wrap .row_left_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.esg .esg_wrap .row_left_wrap .tit {
  font-size: 18px;
  font-weight: 700;
  color: #434545;
  line-height: 1.5;
  letter-spacing: -0.25px;
  font-family: "Happiness-Sans";
  min-width: 200px;
}
.esg .esg_wrap .row_left_wrap .txt {
  font-size: 16px;
  font-weight: 400;
  color: #434545;
  line-height: 1.5;
  letter-spacing: -0.25px;
  font-family: "Happiness-Sans";
}
.esg .esg_wrap .row_left_wrap + .row_left_wrap {
  margin-top: 24px;
}
.esg .esg_wrap .btn_wrap.mt16 a.ico_link {
  float: left;
  padding: 7px 20px 7px 18px;
}
.esg .esg_wrap .btn_wrap.mt16 a.ico_link span {
  font-size: 14px;
  font-weight: 700;
  color: #171a19;
  line-height: 1.4;
  letter-spacing: -0.25px;
  font-family: "Happiness-Sans";
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.esg .esg_wrap .btn_wrap.mt16 a.ico_link span::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("https://www.ehyundai.com/images/webhome2/esg/ico_pdf_20_black.png");
  background-repeat: no-repeat;
  -moz-background-size: contain;
  background-size: contain;
  background-position: center;
  background-position: center left;
  margin-right: 4px;
}
.esg .esg_wrap .btn_wrap.mt16 a.ico_link + .ico_link {
  margin-left: 4px;
}
.esg .esg_wrap .btn_wrap.mt16::after {
  content: "";
  display: block;
  clear: both;
}
.esg .esg_wrap .tit_row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 20px;
}
.esg .esg_wrap .tit_row span.data_txt {
  font-size: 14px;
  font-weight: 400;
  color: #434545;
  line-height: 1.4;
  letter-spacing: -0.25px;
  font-family: "Happiness-Sans";
}
.esg .report_wrap .img {
  width: 1110px;
}
.esg .report_wrap .img img {
  width: 100%;
}
.esg .report_wrap .report_box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 40px 32px;
  background: #f7faf9 url("https://www.ehyundai.com/images/webhome2/esg/img_hyundai_logo2.png")
    no-repeat center right 40px;
  -moz-background-size: 192px 30px;
  background-size: 192px 30px;
}
.esg .report_wrap .report_box .tit {
  display: block;
  font-size: 22px;
  font-weight: 700;
  color: #171a19;
  line-height: 1.5;
  letter-spacing: -0.25px;
  font-family: "Happiness-Sans";
}
.esg .report_wrap .report_box .sub_tit {
  font-size: 14px;
  font-weight: 400;
  color: #171a19;
  line-height: 1.5;
  letter-spacing: -0.25px;
  font-family: "Happiness-Sans";
  margin-top: 6px;
}
.esg .report_wrap .btn_wrap {
  margin-top: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.esg .report_wrap .btn_wrap a + a {
  margin-left: 4px;
}

/* 20230623 */
.lay_pop {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}
.lay_pop .lay_wrap {
  width: 280px !important;
  height: 12% !important;
  position: absolute !important;
  top: 40% !important;
  left: 50% !important;
  transform: translate(-50%, -0%) !important;
  padding: 20px 30px !important;
}
.lay_pop .lay_wrap .lay_tit h1 span {
  font-size: 20px !important;
}
.lay_pop .lay_wrap .lay_conts {
  text-align: center !important;
  margin-top: 55px !important;
}
.lay_pop .lay_wrap .lay_conts > p {
  font-size: 20px !important;
}
.lay_pop .lay_wrap .close {
  position: absolute !important;
  top: 22px !important;
  right: 25px !important;
}
.lay_pop .lay_wrap .close button {
  width: 30px;
  height: 30px;
  background-image: url(../../images/webhome2/ico_close_32_black.png);
  background-repeat: no-repeat;
  -moz-background-size: contain;
  background-size: contain;
  background-position: center;
}

/*
  2024 리뉴얼
 */

.esg_v2 .esg_sub {
  max-width: 1110px;
}
.esg_v2 > h2 {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  -webkit-clip-path: polygon(0 0, 0 0, 0 0);
  clip-path: polygon(0 0, 0 0, 0 0);
}
.esg_v2 .cnt01 {
  margin-top: 40px;
}
.esg_v2 .cnt02 {
  margin-top: 48px;
}
.esg_v2 .cnt03 {
  margin-top: 56px;
}
.esg_v2 .cnt04 {
  margin-top: 120px;
}
.esg_v2 .cnt05 {
  margin-top: 64px;
}
.esg_v2 .cnt06 {
  margin-top: 80px;
}
.esg_v2 .cnt07 {
  margin-top: 100px;
}

.esg_v2 .tit_wrap {
  margin-bottom: 40px;
  padding-bottom: 64px;
  border-bottom: 1px solid #171a19;
}
.esg_v2 .tit_page {
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 700;
  color: #171a19;
  line-height: 1.5;
  letter-spacing: -0.25px;
  font-family: "Happiness-Sans";
  text-align: center;
}
.esg_v2 .title01 {
  margin-bottom: 24px;
  font-size: 22px;
  font-weight: 700;
}
.esg_v2 .text01 {
  margin-bottom: 80px;
  font-size: 18px;
  text-align: center;
}
.esg_v2 .text01 .point {
  font-weight: 700;
  color: #00805a;
}

.esg_v2 .image_wrap.center {
  text-align: center;
}
.esg_v2 .image_wrap img {
  max-width: 100%;
}

.esg_v2 .table_wrap table {
  table-layout: fixed;
}
.esg_v2 .table_wrap .bold {
  font-weight: 700;
}
.esg_v2 .table_wrap .vt_top {
  vertical-align: top;
}

.esg_v2 .cont_wrap {
  display: flex;
  gap: 20px;
  margin-top: 24px;
}
.esg_v2 .cont_wrap + .cont_wrap {
  margin-top: 20px;
}
.esg_v2 .cont_title {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 200px;
  background-color: #00805a;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}
.esg_v2 .cont_list {
  display: flex;
  flex: 1;
  gap: 20px;
}
.esg_v2 .cont_item {
  flex: 1;
  padding: 24px;
  border: 1px solid #eaebea;
}
.esg_v2 .cont_subtitle {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}
.esg_v2 .cont_subtitle.line02 {
  height: 48px;
}
.esg_v2 .cont_list.line .cont_subtitle {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #eaebea;
}
.esg_v2 .cont_text {
  font-size: 16px;
  text-align: center;
  color: #454545;
}
.esg_v2 .cont_item .bullet_list li {
  font-size: 16px;
}
.esg_v2 .cont_item .bullet_list li:before {
  top: 10px;
}
.esg_v2 .cont_item .bullet_list .mt32 {
  margin-top: 32px;
}

.esg_v2 .bullet_text  {
  position: relative;
  padding-left: 11px;
  font-size: 14px;
  color: #434545;
}
.esg_v2 .bullet_text.dot:before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 4px;
  height: 4px;
  background-color: #434545;
  transform: rotate(45deg);
}
.esg_v2 .bullet_text.bar {
  margin-left: 11px;
}
.esg_v2 .bullet_text.bar:before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  width: 5px;
  height: 1px;
  background-color: #434545;
}

/* pdf 보기 */
.esg_v2 .ico_link span {
  display: flex;
  line-height: 1.4;
}
.esg_v2 .ico_link span::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 4px;
  background-image: url("https://www.ehyundai.com/images/webhome2/esg/ico_pdf_20_black.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center left;
}
.esg_v2 .pdf_wrap {
  position: relative;
  margin-top: 40px;
  padding: 32px 24px;
  border: 1px solid #eaebea;
}
.esg_v2 .pdf_wrap .pdf_text {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.222;

}
.esg_v2 .pdf_wrap .pdf_button {
  position: absolute;
  top: 50%;
  right: 24px;
  transform: translateY(-50%);
}

/* ESG 경영 체계 > ESG 경영 전략 및 추진 체계 */
.system_text {
  margin-top: 60px;
  padding: 40px 0;
  background-color: #f7faf9;
  font-size: 18px;
  color: #171a19;
  line-height: 1.5;
  letter-spacing: -0.25px;
  text-align: center;
}

/* ESG 경영 체계 > ESG 평가 정보 */
.evaluation_list {
  display: flex;
  gap: 80px;
  justify-content: center;
}

.evaluation_list img {
  width : 140px;
}

.evaluation_title {
  display: block;
  margin-top: 16px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.77;
  color: #727573;
  text-align: center;
}
.evaluation_title.all {
  color: #002857;
}
.evaluation_logo {
  text-align: center;
}
.evaluation_text {
  margin-top: 40px;
  font-size: 16px;
  text-align: center;
  color: #434545;
}

.iso_list {
  margin-top: 80px;
  display: flex;
  gap: 16px;
}
.iso_item {
  flex: 1;
  padding: 26px 24px;
  border: 1px solid #eaebea;
  text-align: right;
}
.iso_title {
  display: block;
  margin-bottom: 26px;
  font-size: 18px;
  font-weight: 700;
  text-align: left;
}

/* 환경 > 환경경영 */
.env_list {
  display: flex;
  flex-wrap: wrap;
  width: 740px;
  margin: 0 auto;
  gap: 40px;
}
.env_item {
  display: flex;
  flex: 0 0 calc(50% - 20px);
}
.env_number {
  display: block;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  margin: 3px 16px 0 0;
  background-color: #00805a;
  border-radius: 50%;
  font-size: 22px;
  font-weight: 700;
  line-height: 42px;
  color: #fff;
  text-align: center;
}
.evn_text {
  flex: 1;
  font-size: 16px;
  color: #434545;
}
.env_slogan {
  margin-top: -40px;
  padding: 40px 0;
  background-color: #f7faf9;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}

/* 환경 > 탄소중립 */
.carbon_item {
  position: relative;
  min-height: 227px;
  padding-right: 380px;
}
.carbon_item:nth-child(n+2){
  margin-top: 40px;
  padding-top: 33px;
  border-top: 1px solid #eaebea;

}
.carbon_text {
  font-size: 16px;
  color: #434545;
}
.carbon_image {
  position: absolute;
  top: 0;
  right: 0;
}
.carbon_item:nth-child(n+2) .carbon_image {
  top: 33px;
}

/* 환경 > 자원순환 */
.project100_text {
  font-size: 16px;
  color: #434545;
}
.project100_image {
  margin-top: 40px;
}
.project100_image img {
  max-width: 100%;
}
.project100_title {
  display: block;
  margin-top: 40px;
  font-weight: 900;
  font-size: 28px;
  letter-spacing: -1px;
  color: #09d474;
  text-align: center;
}
.project100_list {
  display: flex;
  margin-top: 45px;
}
.project100_item {
  flex: 1;
  padding: 24px 32px 29px;
  text-align: center;
}
.project100_item:nth-child(n+2) {
  border-left: 1px solid #eaebea;
}
.project100_list_title {
  display: block;
  font-size: 18px;
  font-weight: 700;
}
.project100_list_text {
  margin-top: 16px;
  font-size: 14px;
  color: #434545;
}

/* 환경 > 그린프렌즈 */
.greenfriends:nth-child(n+2) {
  margin-top: 40px;
}
.greenfriends_image {
  text-align: center;
}
.greenfriends_text {
  margin-top: 40px;
  font-size: 16px;
  color: #434545;
  text-align: center;
}

/* 사회 > 지역사회(CSR) */
.csr_slogan {
  padding: 40px 0;
  background-color: #f7faf9;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}
.csr_slogan strong {
  color: #00805a;
}

/* 사회 > 안전보건 경영 */
.policy_list {
  display: flex;
  gap: 21px;
  margin-bottom: 40px;
}
.policy_item {
  flex: 1;
}
.policy_inside {
  padding: 40px 20px;
  background-color: #f7faf9;
}
.policy_number {
  display: block;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}
.policy_text {
  margin-top: 12px;
  font-size: 16px;
  color: #434545;
  text-align: center;
}
.policy_star {
  color: #ef5533;
}
.policy_annotation {
  margin-top: 24px;
  font-size: 14px;
  color: #434545;
}

/* 사회 > 동반성장 */
.partner_slogan {
  padding: 40px 20px;
  background-color: #f7faf9;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}
.partner_slogan strong {
  display: block;
  margin-bottom: 12px;
  font-size: 40px;
  color: #00805a;
  line-height: 1.3;
}
.partner_list {
  display: flex;
  gap: 20px;
  margin-top: 40px;
}
.partner_item {
  flex: 1;
  padding: 24px 10px;
  border: 1px solid #eaebea;
}
.partner_title {
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: #00805a;
  text-align: center;
}
.partner_text {
  margin-top: 8px;
  font-size: 16px;
  color: #434545;
  text-align: center;
}

/* ESG 정보공시 > 기업 지배 구조 */
.structure_text {
  margin: -12px 0 24px;
  font-size: 16px;
  color: #434545;
}
.structure_title {
  display: block;
  margin-bottom: 8px;
  font-weight: 700;
}
.structure_title:only-child {
  margin-bottom: 0;
}
.structure_list li {
  color: #434545;
}
.structure_list.number > li {
  margin-top: 8px;
}
.structure_list.text {
  margin-top: 8px;
}
.structure_list.number .structure_list.text {
  margin-top: 0;
  padding-left: 14px;
}
.structure_description {
  position: relative;
  margin-top: 12px;
  padding-left: 12px;
  font-size: 14px;
  color: #434545;
}
.structure_description:before {
  content: "*";
  position: absolute;
  top: 2px;
  left: 0;
}

/* ESG 정보공시 > 내부 규정 */
.rule_table tbody th,
.rule_table tbody td {
  font-size: 18px !important;
}
.rule_table tbody td {
  font-weight: 700;
  line-height: 34px;
}
.rule_table tbody td:after {
  content: "";
  display: block;
  clear: both;
}
.rule_button {
  float: right;
}
.rule_button .sbtn {
}

/* ESG 보고서 > 지속가능경영보고서 */
.report {
  box-sizing: border-box;
  padding: 40px 40px 32px;
  background: #f7faf9 url("https://www.ehyundai.com/images/webhome2/esg/img_hyundai_logo2.png") no-repeat center right 40px;
  -moz-background-size: 192px 30px;
  background-size: 192px 30px;
}
.report_title {
  display: block;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5;
}
.report_text {
  margin-top: 6px;
  font-size: 14px;
  line-height: 1.5;
}
.report_button {
  margin-top: 24px;
  display: flex;
  justify-content: flex-end;
}
.report_button .sbtn + .sbtn {
  margin-left: 4px !important;
}

/* ESG 보고서 > TCFD 보고서 */
.tcfd_button {
  margin-top: 24px;
  text-align: right;
}