.elementor-400 .elementor-element.elementor-element-61b44e1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-400 .elementor-element.elementor-element-2683720{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-400 .elementor-element.elementor-element-2b03fb5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-raven-heading .raven-heading-title, .elementor-widget-raven-heading .raven-heading-title-inner{color:var( --e-global-color-primary );-webkit-text-fill-color:var( --e-global-color-primary );}.elementor-widget-raven-heading .raven-heading, .elementor-widget-raven-heading .raven-heading a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-400 .elementor-element.elementor-element-f5210b2 .raven-heading-title, .elementor-400 .elementor-element.elementor-element-f5210b2 .raven-heading-title-inner{color:#000000;-webkit-text-fill-color:initial;}.elementor-400 .elementor-element.elementor-element-f5210b2 .raven-heading, .elementor-400 .elementor-element.elementor-element-f5210b2 .raven-heading a{font-family:"Exo 2", Sans-serif;font-size:40px;font-weight:600;line-height:48px;}.elementor-widget-raven-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-400 .elementor-element.elementor-element-553d773 .raven-image{opacity:1;}.elementor-400 .elementor-element.elementor-element-553d773{text-align:center;}.elementor-widget-raven-divider .raven-divider-solid, .elementor-widget-raven-divider .raven-divider-double:before, .elementor-widget-raven-divider .raven-divider-double:after{background-color:var( --e-global-color-text );}.elementor-400 .elementor-element.elementor-element-b0b102c .raven-divider-solid, .elementor-400 .elementor-element.elementor-element-b0b102c .raven-divider-double:before, .elementor-400 .elementor-element.elementor-element-b0b102c .raven-divider-double:after{background-color:transparent;background-image:linear-gradient(240deg, #CCCCCC 96%, #472F91 4%);}.elementor-400 .elementor-element.elementor-element-b0b102c .raven-divider-line{width:100%;}.elementor-400 .elementor-element.elementor-element-b0b102c .raven-divider{padding:30px 0px 80px 0px;}.elementor-400 .elementor-element.elementor-element-3ac941d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-400 .elementor-element.elementor-element-63730dd{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-400 .elementor-element.elementor-element-1da5594 .raven-heading-title, .elementor-400 .elementor-element.elementor-element-1da5594 .raven-heading-title-inner{color:#111111;-webkit-text-fill-color:initial;}.elementor-400 .elementor-element.elementor-element-1da5594 .raven-heading, .elementor-400 .elementor-element.elementor-element-1da5594 .raven-heading a{font-family:"Exo 2", Sans-serif;font-size:32px;font-weight:600;line-height:40px;letter-spacing:-0.02em;}body:not(.rtl) .elementor-400 .elementor-element.elementor-element-36af761{left:-28px;}body.rtl .elementor-400 .elementor-element.elementor-element-36af761{right:-28px;}.elementor-400 .elementor-element.elementor-element-36af761{top:-35px;z-index:-1;}.elementor-400 .elementor-element.elementor-element-36af761 .raven-image{opacity:1;}.elementor-400 .elementor-element.elementor-element-f67ee21{--display:flex;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-400 .elementor-element.elementor-element-af90090{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-400 .elementor-element.elementor-element-ece5a5c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-400 .elementor-element.elementor-element-fa9884c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}body:not(.rtl) .elementor-400 .elementor-element.elementor-element-b8d8853{right:0px;}body.rtl .elementor-400 .elementor-element.elementor-element-b8d8853{left:0px;}.elementor-400 .elementor-element.elementor-element-b8d8853{top:0px;}.elementor-400 .elementor-element.elementor-element-a48725b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-400 .elementor-element.elementor-element-25b8668 .raven-image{opacity:1;}.elementor-400 .elementor-element.elementor-element-25b8668{text-align:center;}@media(max-width:1366px){.elementor-400 .elementor-element.elementor-element-2683720{--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-widget-raven-heading .raven-heading, .elementor-widget-raven-heading .raven-heading a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-raven-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-400 .elementor-element.elementor-element-3ac941d{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-400 .elementor-element.elementor-element-f67ee21{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(max-width:1200px){.elementor-400 .elementor-element.elementor-element-2683720{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-widget-raven-heading .raven-heading, .elementor-widget-raven-heading .raven-heading a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-raven-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-400 .elementor-element.elementor-element-b0b102c .raven-divider{padding:30px 0px 40px 0px;}.elementor-400 .elementor-element.elementor-element-3ac941d{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-400 .elementor-element.elementor-element-f67ee21{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(max-width:776px){.elementor-400 .elementor-element.elementor-element-2683720{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-widget-raven-heading .raven-heading, .elementor-widget-raven-heading .raven-heading a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-400 .elementor-element.elementor-element-f5210b2 .raven-heading, .elementor-400 .elementor-element.elementor-element-f5210b2 .raven-heading a{font-size:32px;line-height:40px;letter-spacing:-0.03em;}.elementor-widget-raven-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-400 .elementor-element.elementor-element-b0b102c .raven-divider{padding:20px 0px 40px 0px;}.elementor-400 .elementor-element.elementor-element-63730dd{--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-400 .elementor-element.elementor-element-1da5594 > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-400 .elementor-element.elementor-element-1da5594 .raven-heading, .elementor-400 .elementor-element.elementor-element-1da5594 .raven-heading a{font-size:28px;line-height:36px;}.elementor-400 .elementor-element.elementor-element-f67ee21{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for raven-heading, class: .elementor-element-1da5594 */.fce51f2e{
    color:#e51f2e;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e1902b4 *//* 기본 컨테이너 스타일 */
.esg_card {
  display: flex;
  align-items: center;
  background: url("/wp-content/uploads/2026/01/esg_bg1.png") no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 150px; /* 양 끝을 완전히 둥글게 */
  box-shadow: 9px 5px 15px 2px rgba(0, 0, 0, 0.08);
  width: 1300px;
  overflow: hidden; /* 이미지가 영역을 벗어나지 않게 */
  font-family: 'Exo 2', sans-serif;
   gap:40px;
}

/* 왼쪽 텍스트 섹션 */
.esg_cont {
  display: flex;
  align-items: center;
  flex:1;
  padding:20px;
  letter-spacing: -0.03em;
}

.esg_icon {
  margin-right: 30px;
  background-color: #f5f5f5;
  border-radius: 50%;
  min-width: 100px;
  min-height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.esg_icon img {
  width: 40px;
  height: auto;
}

.esg_text h2 {
  font-size: 22px;
  font-weight: 500;
  color: #090024;
  margin-bottom: 12px;
  font-family: "Exo 2";
}

.esg_text p {
  font-size: 18px;
  line-height: 26px;
  color: #333;
  font-weight: 300;
  margin: 0;
}

/* 오른쪽 이미지 섹션 */
.esg_img {
  width: 688px; /* 이미지 영역 비율 */
  height: 215px; /* 높이 고정 */
}

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

@media(max-width:1200px) {
  /* 1. 전체 컨테이너 세로 배열로 변경 */
  .esg_card {
    flex-direction: column;
    width: 100%;           /* 고정 너비 해제 */
    
    margin: 0 auto;
    border-radius: 30px;   /* 모바일에서는 너무 둥글면 어색하므로 조정 */
    height: auto;
  }

  /* 2. 텍스트 섹션 조정 */
  .esg_cont {
    flex-direction: column; /* 아이콘과 텍스트도 세로로 */
    text-align: center;
    padding: 30px 20px;
  }
    

  .esg_text h2 {
    font-size: 18px;
  }

  .esg_text p {
    font-size: 15px;
    line-height: 1.5;
  }
  .esg_icon{
      margin: 0 0 20px 0;
  }

  /* 3. 오른쪽 이미지 섹션 조정 */
  .esg_img {
    width: 100%;           /* 가로 전체 채우기 */
    height: 215px;         /* 높이 적절히 조정 */
   display: none;
  }
}

@media(max-width:1301px){
    .esg_card {
    width: 100%; 
    margin: 0 auto;
 }
 .esg_img {
    width: 400px;
 }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e2a74f2 */.s-sec{
  flex-direction:row-reverse;
  background: url("/wp-content/uploads/2026/01/esg_bg2.png") no-repeat;
  background-position: center;
  background-size: cover;
}

.s-sec .esg_cont{
    flex-direction: row-reverse;
    gap:100px
}
.s-sec .esg_cont .esg_icon{
    margin-right: 0;
}

@media(max-width:1200px){
    .s-sec{
     flex-direction:column !important;
     
    }
    
    .s-sec .esg_cont{
        flex-direction: column;
        gap:0;
    }
    
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3603376 *//* 기본 컨테이너 스타일 */
.g-sec{
  
  background:url("/wp-content/uploads/2026/01/esg_bg3.png") no-repeat;
  background-position: center;
  background-size: cover;
}/* End custom CSS */
/* Start JX Custom Fonts CSS *//* End JX Custom Fonts CSS */