.sustainability video, 
.sustainability img{max-width: 100%;}
.sustainability{letter-spacing: -0.025em;}
.sustainability strong{font-weight: 600;}
/* visual_area */
/* 2023-08-10 버튼위치 수정 s */
.visual_area{ position: relative; background: #000;}
.visual_area .video_wrap{position: relative; width: 100%; text-align: center;}
.visual_area .video_link{position: absolute; top: 10px; right: 10px;  height: 30px; border: 2px solid #fff; padding: 0 10px; border-radius: 30px; font-size: 16px; color: #fff; text-align: center; line-height: 30px;}
@media all and (min-width:768px){
  .visual_area .video_link{top: 10px; height: 54px; padding: 0 20px; border-width: 3px; font-size: 24px; font-family: 'stitle'; line-height: 54px; letter-spacing: 0;}
}
@media all and (min-width:1024px){
} 
@media all and (min-width: 1240px){
  .visual_area .video_wrap{max-width: 1240px; margin: 0 auto; padding-bottom: 0; }
}
/* //2023-08-10 버튼위치 수정 e */
/* section_container */
.section_container{overflow: hidden; position: relative; z-index: 1; padding-bottom: 200px; opacity: 1;}
.section_container .container_bg{position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 5981px; min-height: 100%; background:url(/resources/_img/sub/sustainability/container_bg.jpg) no-repeat center top; background-size: cover; opacity: 1;}

.section_container .section{position: relative; z-index: 1; width: calc(100vw - 30px); margin: 0 auto;}
@media all and (max-width:768px){
}
@media all and (min-width:768px){
  .section_container{padding-bottom: 530px;}
}
@media all and (min-width: 1240px){
  .section_container .section{max-width: 1240px;}
}

/* section 공통 */
.section+.section{margin-top: 70px;}
.section .section_title{font-size: 24px; font-family: 'stitle'; color: #fff; line-height: 1.2;}
.section .section_title .small_text{display: block; font-size: 15px;}
.section .section_title .title_icon{display: block; margin-bottom: 4px;}
.section .section_title .title_icon img{height: 40px;}
.section .sub_title{margin: 50px 0 10px; font-size: 15px; font-family: 'stitle'; color: #fff; line-height: 1.2;}
.section .flex_wrap{margin-top: 20px;}
.section .flex_wrap + .section_title{margin-top: 32px;}
.section .section_title + .flex_wrap{margin-top: 20px;}
.section .text_area .content_title{font-size: 16px; font-family: 's7'; color: #fff; line-height: 1.4;}
.section .text_area .content_text{margin-top: 10px; font-size: 14px; color: #fff; line-height: 1.6;}
.section .text_area .content_text + .content_title {margin-top: 40px;}
.section .text_area .content_text + .ref_area{margin-top: 40px;}
.section .ref{padding-left: 10px; text-indent: -10px; font-size: 15px; color: #fff; line-height: 1.4;}
.section .ref + .ref{margin-top: 10px;}
.section .ref_text{margin-top: 10px; font-size: 15px; color: #fff; line-height: 1.4;}
.section .ref_list{margin-top: 10px;}
.section .ref_list li{position: relative; padding-left: 10px; font-size: 15px; color: #fff; line-height: 1.4;}
.section .ref_list li:before{content:'-'; display: block; position: absolute; top: 0; left: 0;}
.section .ref_list + .ref{margin-top: 20px;}
.section .ref_list li + li{margin-top: 10px;}
.section .flex_wrap.ref_group .ref_area{width: calc(50% - 20px); opacity: 0.7;}
@media all and (max-width:768px){
  .section .text_area{margin-top: 20px;}
}
@media all and (min-width:768px){
  .section+.section{margin-top: 140px;}
  .section .section_title{font-size: 48px; }
  .section .section_title .small_text{font-size: 30px;}
  .section .section_title .title_icon{margin-bottom: 8px;}
  .section .section_title .title_icon{margin-bottom: 14px;}
  .section .section_title .title_icon img{height: auto;}
  .section .sub_title{margin: 60px 0 20px; font-size: 30px;}
  .section .flex_wrap{display: flex; justify-content: space-between; margin-top: 64px;}
  .section .flex_wrap + .section_title{margin-top: 64px;}
  .section .section_title + .flex_wrap{margin-top: 35px;}
  .section .flex_wrap .video_wrap,
  .section .flex_wrap .text_area{width: calc(50% - 10px);}
  .section .text_area .content_title{font-size: 22px;}
  .section .text_area .content_text{margin-top: 20px; font-size: 18px;}
}
@media all and (min-width:1024px){
  .section .flex_wrap .text_area{width: calc(50% - 30px);}
} 
@media all and (min-width: 1240px){

}

/* intro */
.intro{position: relative; margin-bottom: 50px; padding: 50px 15px 0;}
.intro .intro_title{ font-size: 40px; font-family: 'stitle'; color: #333; text-align: center; line-height: 1.4;}
.intro .intro_text{margin-top: 25px; font-size: 14px; font-family: 'stitle'; color: #333; text-align: center; line-height: 1.6;}
.intro .intro_text + .intro_text{margin-top: 20px;}
.intro .intro_title img,
.intro .intro_text img{display: inline-block; position: relative; margin: 0 2px; vertical-align: top;}
.intro .intro_title img{top: 10px;}
.intro .intro_text img{top: 6px;}
@media all and (max-width:767px){
  .intro .intro_title img{width: 50px;}
  .intro .intro_text img{top: 5px; width: 16px; margin: 0 1px 0 2px;}
}
@media all and (min-width:768px){
  .intro{margin-bottom: 150px; padding-top: 100px;}
  .intro .intro_title{ font-size: 80px;}
  .intro .intro_text{margin-top: 50px; font-size: 28px;}
  .intro .intro_text + .intro_text{margin-top: 40px;}
  .intro .intro_title img{top: 10px;}
  .intro .intro_text img{top: 6px;}
}