@charset "utf-8";

/* 메인페이지 공통 */
.section { margin-top:14rem; width:100%; position:relative; }
.section .inner { width:100%; max-width:1460px; margin:0 auto; position:relative; padding:0 30px; }
.section .secHeader h2 { font-weight:700; color:var(--dkNavy); font-size:4.5rem; line-height:1.2;  }
.section .secHeader p { font-size:1.8rem; line-height:1.5; color:#666; margin-top:1.5rem; }

.moreBtn { color:#000; line-height:1.5; display:flex; align-items:center; justify-content:flex-start; }
.moreBtn .arw { width:2.5rem; margin-left:5px; display:block; width:24px; height:2px; background:#000; position:relative; transition:all 0.3s; }
.moreBtn .arw:after { width:6px; height:6px; content:''; border:2px solid #000; border-width:2px 2px 0 0; position:absolute; top:50%; right:0; transform: rotate(45deg) translateY(-100%); transform-origin: left top; }
.moreBtn:hover .arw { width:5rem; transition:all 0.3s; }

/* main visual */
.main_visual_wrap { width:100%; position:relative; }
.main_visual_wrap .main_visual { width:100%; height:860px; text-align:center; position:relative; overflow:hidden; }
.main_visual_wrap .main_visual .visual_bg { background:url(../images/main/main_visual.jpg)center bottom no-repeat; background-size:cover; width:100%; height:860px; position:relative; }
.main_visual_wrap .main_visual .visual_text {  position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; padding:0 30px; }
.main_visual_wrap .main_visual .visual_text .text_1 { font-size:6.0rem; line-height:1.2; color:#1e2123; font-weight:700; opacity:0; }
.main_visual_wrap .main_visual .visual_text .text_2 { margin-top:3rem; font-size:2.0rem; line-height:1.5; color:#2d3338; opacity:0; }
.main_visual_wrap .main_visual .visual_text .text_2 span { display:block; }
.main_visual.active .visual_bg {  -webkit-animation:visualBg 8s linear forwards; animation:visualBg 8s linear forwards; }
.main_visual.active .text_1 { -webkit-animation:enterText 0.5s forwards; animation:enterText 0.5s forwards; animation-delay:0s;  }
.main_visual.active .text_2 { -webkit-animation:enterText 1.0s forwards; animation:enterText 1.0s forwards; animation-delay:0s; }

@keyframes visualBg {
	0%{
  	opacity:0;
	-webkit-transform: scale(1);
	transform: scale(1);
    }
    20% {
  	 opacity:1;
    }
    100%{
  	  opacity:1;
	  -webkit-transform: scale(1.1);
      transform: scale(1.1);
    }
}

@-webkit-keyframes visualBg {
  0%{
	opacity:0;
	 -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  20% {
	 opacity:1;
  }
  100% {
	 opacity:1;
    -webkit-transform: scale(1.1, 1.1) ;
    transform: scale(1.1, 1.1);
  }
}

@keyframes enterText {
	0%{
  	opacity:0;
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
    }
    100%{
  	  opacity:1;
	  -webkit-transform: translateY(0);
      transform: translateY(0);
    }
}

@-webkit-keyframes enterText {
	0%{
  	opacity:0;
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
    }
    100%{
  	  opacity:1;
	  -webkit-transform: translateY(0);
      transform: translateY(0);
    }
}


/* 우리의 약속 */
.section01 .secHeader { width:50%; }
.section01 .ourPromise { display:flex; justify-content:flex-end; align-items:center; margin-top:-12rem; }
.section01 .ourPromise .left { width:45%; max-width:480px;  }
.section01 .ourPromise .right { width:45%; margin-left:10%; }
.section01 .ourPromise .right > div + div { margin-top:10rem; }
.ourPromise .promise .promiseText { margin-top:3rem; }
.ourPromise .promise .promiseText strong { font-size:3.0rem; font-weight:700; color:#000; line-height:1.2; }
.ourPromise .promise .promiseText p { margin-top:1rem; font-size:1.8rem; line-height:1.5; color:#666; }
.ourPromise .promise .promiseLInk { margin-top:2.5rem; }
.ourPromise .promise .borderBtn { font-size:1.5rem; color:#000; line-height:2; position:relative; display:inline-block; padding:0 3px; }
.ourPromise .promise .borderBtn:before { height:2px; width:100%; content:''; background:#000; position:absolute; bottom:0; left:0; transition:all 0.3s; display:block; }
.ourPromise .promise .borderBtn:hover:before { height:100%; z-index:-1; }
.ourPromise .promise .borderBtn:hover { color:#fff; }

/* ESG 경영 로드맵 */
.section02:before { width:100%; height:469px; content:''; display:block; background: url("../images/main/highlight_bg.jpg")top left no-repeat; background-size:cover; position:absolute;
top:0; left:0;  z-index:-1; }
.section02 .secHeader { padding:14rem 0 10rem; }
.section02 .secHeader h2 { color:#000; }
.section02 .secHeader p { color:#333; }
.section02 .highlightWrap { display:flex; justify-content: space-between; }
.section02 .highlightWrap:before { width:13.54166%; content:''; display:block; }
.section02 .highlightWrap .highlight { background:#fff; border-radius:3.0rem 0 0 0; overflow:hidden; padding-top:4%; width:1660px; display:flex; justify-content:space-evenly; }
.section02 .highlightWrap .highlight .highBox { width:28%; }
.highlight .highBox .step { color:var(--dkNavy); font-size:2.0rem; font-weight:700; line-height:1; position:relative; padding-bottom:1.5rem; }
.highlight .highBox .step:before { content:''; display:block; width:100%; height:1px; background:#000; position:absolute; bottom:0; left:0; }
.highlight .highBox .step:after { content:''; width:20px; height:1px; background:#000; position:absolute; bottom:0; right:0; transform:rotate(45deg); transform-origin:right bottom; }
.highlight .highBox:last-child .step:after { display:none; }
.highlight .highBox .title { font-size:3.0rem; color:#000; font-weight:700; margin-top:3.5rem; line-height:1.2; }
.highlight .highBox .cnts { margin-top:2.5rem; color:#666;  font-size:1.8rem; }
.highlight .highBox small { font-size:1.6rem; }

/* esg 퍼포먼스 */
.section03 { background:#f1f1f1; padding:14rem 0; }
.section03 .secHeader { position:relative; margin-bottom:4.5rem; }
.section03 .secHeader .moreBtn { position:absolute; bottom:0; right:0; }
.section03 .pfList { display:flex; justify-content: space-between; }
.section03 .pfList .pfItem { width:30%; position:relative; text-align:center; background:#25272d; overflow:hidden; }
.section03 .pfList .pfItem a { display:block; }
.section03 .pfList .pfItem .pfImg img { opacity:0.3; transition:all 0.3s; max-width:100%; }
.section03 .pfList .pfItem .pfText  { position:absolute; width:100%; left:0; top:20%; color:#fff; margin-top:0; transition:all 0.3s; }
.section03 .pfList .pfItem.pf03 .pfText  { top:15%;}
.section03 .pfList .pfItem .pfText .icon img { height:6.5rem;  opacity: 0.9;}
.section03 .pfList .pfItem .pfText .pfText01 { margin:3rem auto; line-height:1; font-size:3.0rem; }
.section03 .pfList .pfItem .pfText .pfText01 strong { font-weight:700; font-size:4.5rem; }
.section03 .pfList .pfItem .pfText .pfText01 span { line-height:2.7rem; font-weight: 400; font-size:1.8rem;}
.section03 .pfList .pfItem .pfText .pfText02 { line-height:2.7rem; height:5.4rem; font-size:1.8rem; }
.section03 .pfList .pfItem .pfText .pfText02 strong { font-weight:700; }
.section03 .pfList .pfItem:hover .pfImg img { opacity:0.1; transform:scale(1.075); transition:all 0.5s; }
/*.section03 .pfList .pfItem:hover .pfText { margin-top:-3.0rem; transition:all 0.3s;  }
.section03 .pfList .pfItem:hover .pfText .icon,
.section03 .pfList .pfItem:hover .pfText .pfText01,
.section03 .pfList .pfItem:hover .pfText .pfText02 { opacity:0.3; }
.section03 .pfList .pfItem .pfText .viewBtn { position:absolute; bottom:-4.0rem; width:100%; text-align:center; font-size:1.8rem; opacity:0; transition:all 0.5s; transition-delay:0.2s; }
.section03 .pfList .pfItem:hover .pfText .viewBtn { opacity:1; transition:all 0.5s; transition-delay:0.2s; } */
.section03 .pfList .pfItem .pfText .viewBtn { display:none; }
.section03 .etcText { font-size:1.6rem; margin-top:1.5rem; color:#000; }

/* esg 스토리 */
.section04 { padding:14rem 0; background: url("../images/main/story_bg.png")center top no-repeat; background-size:cover; }
.section04 .secHeader { position:relative; margin-bottom:4.5rem; }
.section04 .secHeader .moreBtn { position:absolute; bottom:0; right:0; }
.storyWrap .storyList .storyItem { /*display:flex; justify-content:space-between; height:420px;*/ }
.storyWrap .storyList .storyItem a { display:flex; justify-content:space-between; height:420px; }
.storyWrap .storyList .storyItem a > div { width:50%; }
/* .storyWrap .storyList .storyItem.story01 .storyThumb { background-image:url("../images/main/story_01.jpg");  }
.storyWrap .storyList .storyItem.story02 .storyThumb { background-image:url("../images/main/story_02.jpg");  }
.storyWrap .storyList .storyItem.story03 .storyThumb { background-image:url("../images/main/story_03.jpg");  }
.storyWrap .storyList .storyItem.story04 .storyThumb { background-image:url("../images/main/story_04.jpg");  }
.storyWrap .storyList .storyItem.story05 .storyThumb { background-image:url("../images/main/story_05.jpg");  }
.storyWrap .storyList .storyItem.story06 .storyThumb { background-image:url("../images/main/story_06.jpg");  } */
.storyWrap .storyList .storyItem .storyThumb { background-size:cover !important; background-repeat:no-repeat; background-position:center center !important; }
.storyWrap .storyList .storyItem .storyThumb img { display:none; }
.storyWrap .storyList .storyItem .storyText { background:#fff; padding:5.0rem; /*overflow-y:auto;*/ overflow:hidden;  }
.storyWrap .storyList .storyItem .storyText .title { font-size:28px; color:#010101;  margin-bottom:1.5rem; font-weight:500;
	line-height:36px; height:72px; display:-webkit-box; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;-webkit-box-orient:vertical; word-wrap:break-word; }
.storyWrap .storyList .storyItem .storyText .cnts { font-size:16px; color:#666; /*text-align:justify;*/
	line-height:26px; max-height:234px; display:-webkit-box; -webkit-line-clamp:9; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;-webkit-box-orient:vertical; word-wrap:break-word;  }
.storyWrap .storyList .slick-dots { margin:35px auto 0; display:flex !important; max-width:690px; padding-right:90px; height:32px;    }
.storyWrap .storyList .slick-dots li { flex-grow:1; height:32px; }
.storyWrap .storyList .slick-dots li button { text-indent:-10000px; font-size:0; width:100%; height:32px; border:0; position:relative; background:transparent;  }
.storyWrap .storyList .slick-dots li button:before { width:100%; height:4px; background:rgba(255,255,255,0.5); content:''; display:block;   }
.storyWrap .storyList .slick-dots li button:after { width:0; height:4px; background:var(--dkNavy); content:''; display:block; position:absolute; left:0; top:50%; transition:all 0.3s; margin-top:-2px; }
.storyWrap .storyList .slick-dots li.slick-active button:after { width:100%;  }
.storyWrap .arrowSlider { max-width:690px; margin:0 auto; display:flex; justify-content:flex-end; }
.storyWrap .arrowSlider .arrows { text-indent:-10000px; width:32px; height:32px; background:rgba(255,255,255,0.5); border-radius:50%; border:0; position:relative; font-size:0; margin-left:3px;
	transition:all 0.3s; margin-top:-32px;  }
.storyWrap .arrowSlider .arrows:hover { background:rgba(255,255,255,1); }
.storyWrap .arrowSlider .arrows:before { content:''; display:block; width:10px; height:10px; border:2px solid #000; border-width:2px 2px 0 0; position:absolute; left:50%; top:50%; }
.storyWrap .arrowSlider .arrows.prev:before { transform:translate(-50%, -50%) rotate(-135deg); transform-origin:center;  }
.storyWrap .arrowSlider .arrows.next:before { transform:translate(-50%, -50%) rotate(45deg); transform-origin:center; }



/* 2022 ESG Highlights */
.section05 .secHeader { margin-bottom:4.5rem; }
.esgHiWrap { display:flex; justify-content:space-between; }
.esgHiWrap .esgHiImg { width:27%; margin-right:10.0rem; position:relative; order:1; overflow-y:visible; flex-shrink:0;}
.esgHiWrap .esgHiImg p { width:100%; height:100%; }
.esgHiWrap .esgHiImg p img { max-width:800px; position:absolute; top:0; right:0; z-index:-1; }
.esgHiWrap .esgHiList { flex-grow:1; order:2;}
.esgHiWrap .esgHiList .esgHiBox { display:flex; justify-content:space-between; padding:5.0rem 0; border-bottom:3px solid var(--dkNavy); }
.esgHiWrap .esgHiList .esgHiBox > div { width:calc(50% - 3.5rem); }
.esgHiWrap .esgHiList .esgHiBox .hiItem { }
.esgHiWrap .esgHiList .esgHiBox .hiItem .hiTit { font-size:2.0rem; color:#010101; font-weight:400; line-height:1.6em; position:relative; }
.esgHiWrap .esgHiList .esgHiBox .hiItem .hiTit:before { display:block; content:''; width:3.6rem; height:3.6rem; position:absolute; left:-2.0rem; top:-2.5; z-index:-1; opacity:0.2; border-radius:50%; }
.esgHiWrap .esgHiList .esgHiBox.esgHi01 .hiItem .hiTit:before { background:var(--yGreen); }
.esgHiWrap .esgHiList .esgHiBox.esgHi02 .hiItem .hiTit:before { background:var(--blueB); }
.esgHiWrap .esgHiList .esgHiBox.esgHi03 .hiItem .hiTit:before { background:var(--blue01); }
.esgHiWrap .esgHiList .esgHiBox .hiItem .hiTit strong { font-size:3.5rem; font-weight:600; line-height:1.6em; }
.esgHiWrap .esgHiList .esgHiBox .hiItem .hiTit small { font-size:1.7rem; line-height:1.6em; }
.esgHiWrap .esgHiList .esgHiBox .hiItem .hiText { margin-top:1.5rem; }
.esgHiWrap .esgHiList .esgHiBox .hiItem .hiText li { position:relative; padding-left:1.2rem; color:#777; font-size:1.6rem; }
.esgHiWrap .esgHiList .esgHiBox .hiItem .hiText li + li { margin-top:0.7rem; }
.esgHiWrap .esgHiList .esgHiBox .hiItem .hiText li:before { width:3px; height:3px; border-radius:50%; content:''; background:#777; position:absolute; left:0; top:0.8rem; }
.esgHiWrap .esgHiList .esgHiBox.esgHi01 .hiItem .hiTit strong { color:var(--yGreen); }
.esgHiWrap .esgHiList .esgHiBox.esgHi02 .hiItem .hiTit strong { color:var(--blueB); }
.esgHiWrap .esgHiList .esgHiBox.esgHi03 .hiItem .hiTit strong { color:var(--blue01); }
.esgHiWrap .esgHiList .esgHiBox .hiItem:before { width:100%; height:1px; content:''; margin:1.5rem 0; display:block; opacity:0.5; }
.esgHiWrap .esgHiList .esgHiBox.esgHi01 .hiItem:before { background:var(--yGreen); }
.esgHiWrap .esgHiList .esgHiBox.esgHi02 .hiItem:before { background:var(--blueB); }
.esgHiWrap .esgHiList .esgHiBox.esgHi03 .hiItem:before { background:var(--blue01); }
.esgHiWrap .esgHiList .esgHiBox .hiLeft .hiItem:first-child:before { display:none; }
.esgHiWrap .esgHiList .esgHiBox .hiRight .hiItem:first-child:before { display:none; }


/* ================================== Laptop css ================================== */
@media all and (max-width: 1280px) {
	/* 메인페이지 공통 */
	.section { margin-top:12rem; }
	.section .secHeader h2 { font-size:4.3rem; }
	.section .secHeader p { font-size:1.7rem; margin-top:1.3rem; }

	/* main visual */
	.main_visual_wrap .main_visual { height:95vh; }
	.main_visual_wrap .main_visual .visual_bg { height:95vh; }
	.main_visual_wrap .main_visual .visual_text .text_1 { font-size:5.5rem; }
	.main_visual_wrap .main_visual .visual_text .text_2 { font-size:1.9rem; }

	/* 우리의 약속 */
	.section01 .ourPromise { margin-top:-6rem; }
	.section01 .ourPromise .left { width:46%; max-width:480px;  }
	.section01 .ourPromise .right { width:46%; margin-left:8%; }
	.section01 .ourPromise .right > div + div { margin-top:9rem; }
	.ourPromise .promise .promiseText strong { font-size:2.7rem; }
	.ourPromise .promise .promiseText p { font-size:1.7rem; }

	/* ESG 경영 로드맵 */
	.section02:before { height:400px; }
	.section02 .secHeader { padding:12rem 0 7rem; }
	.section02 .highlightWrap { display:flex; justify-content:space-between; padding:0 10px; }
	.section02 .highlightWrap:before { display:none; }
	.section02 .highlightWrap .highlight { border-radius:3.0rem 3.0rem 0 0; width:100%; }
	.highlight .highBox .step { font-size:1.9rem; padding-bottom:1.3rem; line-height:1.5; }
	.highlight .highBox .step small { display:block; padding-left:25px; }
	.highlight .highBox .title { font-size:2.7rem; margin-top:3.3rem;}
	.highlight .highBox .cnts { margin-top:2.3rem; font-size:1.7rem; }
	.highlight .highBox small { font-size:1.5rem; }

	/* esg 퍼포먼스 */
	.section03 { padding:12rem 0; }
	.section03 .pfList .pfItem { width:31%; }
	.section03 .pfList .pfItem .pfText .icon img { width:6.2rem; }
	.section03 .pfList .pfItem .pfText .pfText01 { margin:2.5rem auto; font-size:2.7rem; }
	.section03 .pfList .pfItem .pfText .pfText01 strong { font-size:4.2rem; }
	.section03 .pfList .pfItem .pfText .pfText02 { line-height:2.4rem; height:4.8rem; font-size:1.7rem; }

	/* esg 스토리 */
	.section04 { padding:12rem 0; }

}


/* ================================== Tablet css ================================== */
@media all and (max-width: 1080px) {
	/* 메인페이지 공통 */
	.section { margin-top:10rem; }
	.section .secHeader h2 { font-size:4.1rem; }
	.section .secHeader p { font-size:1.7rem; }

	/* 우리의 약속 */
	.section01 .ourPromise { margin-top:0; }
	.section01 .ourPromise .left { width:40%;  }
	.section01 .ourPromise .right { width:47%; margin-left:6%; }

	/* ESG 경영 로드맵 */
	.section02 .secHeader { padding:10rem 0 6rem; }

	/* esg 퍼포먼스 */
	.section03 { padding:10rem 0; }

	/* esg 스토리 */
	.section04 { padding:10rem 0; }
	.storyWrap .storyList .storyItem .storyText { padding:3.5rem; }
	.storyWrap .storyList .storyItem .storyText .title { font-size:25px; }


	/* 2022 ESG Highlights */
	.esgHiWrap .esgHiImg { width:25%; margin-right:5.0rem; }
	.esgHiWrap .esgHiImg p img { max-width:600px; }
	.esgHiWrap .esgHiList .esgHiBox { flex-wrap:wrap; }
	.esgHiWrap .esgHiList .esgHiBox > div { width:100%; }
	.esgHiWrap .esgHiList .esgHiBox .hiRight .hiItem:first-child:before { display:block; }
	.esgHiWrap .esgHiList .esgHiBox .hiItem .hiTit br { display:none; }
	.esgHiWrap .esgHiList .esgHiBox .hiItem .hiTit strong { font-size:3.2rem; }
	.esgHiWrap .esgHiList .esgHiBox .hiItem .hiTit small { font-size:1.6rem; }
	.esgHiWrap .esgHiList .esgHiBox.esgHi01 { padding-top:0; }

}

@media all and (max-width: 960px) {
	/* 우리의 약속 */
	.section01 .secHeader { width:100%; }
	.section01 .ourPromise { margin-top:3.0rem; }
	.section01 .ourPromise .left { width:40%;  }
	.section01 .ourPromise .right { width:50%; margin-left:6%; }

	/* ESG 경영 로드맵 */
	.section02 .highlightWrap .highlight { flex-direction:column; padding:5% 5% 0 5%; }
	.section02 .highlightWrap .highlight .highBox { width:100%; display:flex;  }
	.section02 .highlightWrap .highlight .highBox + .highBox { margin-top:4.0rem; }
	.highlight .highBox .step { width:200px; flex-shrink:0; margin-right:20px; padding-top:5px; }
	.highlight .highBox .title { margin-top:0; }

	/* 퍼포먼스 */
	.section03 .pfList .pfItem .pfImg { position:absolute; width:100%; height:100%; opacity:0.3; }
	.section03 .pfList .pfItem .pfImg img { display:none; }
	.section03 .pfList .pfItem.pf01 .pfImg { background:url("../images/main/pf_01.jpg")center no-repeat; background-size:cover; }
	.section03 .pfList .pfItem.pf02 .pfImg { background:url("../images/main/pf_02.jpg")center no-repeat; background-size:cover; }
	.section03 .pfList .pfItem.pf03 .pfImg { background:url("../images/main/pf_03.jpg")center no-repeat; background-size:cover; }
	.section03 .pfList .pfItem .pfText { position:relative; padding:5.0rem 1.0rem; }
	.section03 .pfList .pfItem .pfText .icon img { width:5.6rem; }
	.section03 .pfList .pfItem .pfText .pfText01 { margin:2.5rem auto; font-size:2.7rem; }
	.section03 .pfList .pfItem .pfText .pfText01 strong { font-size:4.2rem; }
	.section03 .pfList .pfItem .pfText .pfText02 { line-height:2.4rem; height:4.8rem; font-size:1.7rem; }
}


@media (min-width:561px) and (max-width:960px){
	.highlight .highBox .step:before { content:''; display:block; width:1px; height:calc(100% - 30px); background:#000; position:absolute; top:30px; left:0;  }
	.highlight .highBox .step:after { content:''; width:20px; height:1px; background:#000; position:absolute; bottom:0; left:1px; transform:rotate(-45deg); transform-origin:left bottom; }
	.highlight .highBox:last-child .step:before { display:none; }
}


/* ================================== Mobile css ================================== */
@media all and (max-width: 767px) {
	/* main visual */
	.main_visual_wrap .main_visual { height:90vh; }
	.main_visual_wrap .main_visual .visual_bg { height:90vh; }
	.main_visual_wrap .main_visual .visual_text .text_1 { font-size:5.0rem; }
	.main_visual_wrap .main_visual .visual_text .text_2 { font-size:1.8rem; }

	/* 2022 ESG Highlights */
	.esgHiWrap .esgHiImg { width:25%; margin-right:0rem; order:2; }
	.esgHiWrap .esgHiImg p img { max-width:300px; left:0; right:auto; }
	.esgHiWrap .esgHiList { order:1;}
	.esgHiWrap .esgHiList .esgHiBox { border-width:2px; }
	.esgHiWrap .esgHiList .esgHiBox .hiItem .hiTit { font-size:1.8rem; }
	.esgHiWrap .esgHiList .esgHiBox .hiItem .hiTit strong { font-size:2.6rem; }
	.esgHiWrap .esgHiList .esgHiBox .hiItem .hiTit small { font-size:1.5rem; }

}

@media all and (max-width: 560px) {
	/* 메인페이지 공통 */
	.section { margin-top:8rem; }
	.section .inner { padding:0 20px; }
	.section .secHeader h2 { font-size:3.3rem;  }
	.section .secHeader p { font-size:1.6rem; margin-top:1.0rem; }

	/* main visual */
	.main_visual_wrap .main_visual { height:80vh; }
	.main_visual_wrap .main_visual .visual_bg { height:80vh; }
	.main_visual_wrap .main_visual .visual_text .text_1 { font-size:3.6rem; }
	.main_visual_wrap .main_visual .visual_text .text_2 { font-size:1.7rem; }
	.main_visual_wrap .main_visual .visual_text .text_2 span { display:inline; }

	/* 우리의 약속 */
	.section01 .ourPromise { margin-top:3.0rem; flex-direction:column; align-items:flex-start; }
	.section01 .ourPromise .left { width:100%; max-width:100%;  }
	.section01 .ourPromise .right { width:100%; margin-left:0; margin-top:6.0rem; }
	.section01 .ourPromise .right > div + div { margin-top:6.0rem; }
	.ourPromise .promise .promiseText strong { font-size:2.6rem; }
	.ourPromise .promise .promiseText p { font-size:1.7rem; }
	.ourPromise .promise .promiseText { margin-top:2.0rem; }
	.ourPromise .promise .borderBtn { margin-top:1.2rem;}
	.section01 .ourPromise .left .promiseImg { width:100% !important; padding-bottom:65.079365%; height:0; position:relative; overflow:hidden; }
	.section01 .ourPromise .left .promiseImg img { position:absolute; left:0; width:100% !important; top:50%; transform:translateY(-50%); }

	/* ESG 경영 로드맵 */
	.section02 .secHeader { padding:8rem 0 4rem; }
	.section02:before { height:250px; }
	.section02 .highlightWrap .highlight .highBox { flex-direction:column; }
	.section02 .highlightWrap .highlight .highBox > div { width:100%; }
	.highlight .highBox .step { margin-right:0px; margin-bottom:1.5rem; font-size:1.8rem; padding-bottom:1.0rem; }
	.highlight .highBox .step small { display:inline; padding-left:0; }
	.highlight .highBox .title { font-size:2.3rem; }
	.highlight .highBox .cnts { margin-top:1.5rem; font-size:1.6rem; }

	/* 퍼포먼스 */
	.section03 { padding:8rem 0; }
	.section03 .secHeader .moreBtn { bottom:-35px; }
	.section03 .pfList { flex-direction:column;  }
	.section03 .pfList .pfItem { width:100%; }
	.section03 .pfList .pfItem + .pfItem { margin-top:20px; }
	.section03 .pfList .pfItem .pfText { padding:4rem 1rem; }
	.section03 .pfList .pfItem .pfText .icon img {height:5.5rem;}
	.section03 .pfList .pfItem .pfText .pfText01 { margin:1.5rem auto; font-size:2.3rem; }
	.section03 .pfList .pfItem .pfText .pfText01 strong { font-size:4.2rem; }
	.section03 .pfList .pfItem .pfText .pfText02 { line-height:2.2rem; height:4.4rem; font-size:1.6rem; }

	/* esg 스토리 */
	.section04 { padding:8rem 0; }
	.section04 .secHeader .moreBtn { bottom:-35px; }
	.storyWrap .storyList .storyItem {  padding-bottom:2rem; background:#fff; }
	.storyWrap .storyList .storyItem a {  /*flex-direction:column;*/ flex-wrap:wrap; height:auto; }
	.storyWrap .storyList .storyItem a > div { width:100%; }
	.storyWrap .storyList .storyItem .storyThumb { height:0; padding-bottom:60%;  }
	.storyWrap .storyList .storyItem .storyText { padding:2rem; }
	.storyWrap .storyList .storyItem .storyText .title { font-size:18px; margin-bottom:1.2rem; line-height:27px; height:54px;  }
	.storyWrap .storyList .storyItem .storyText .cnts { font-size:14px; line-height:23px; height:115px; max-height:115px;  -webkit-line-clamp:5; }
	.storyWrap .storyList .slick-dots { margin-top:1.5rem; }

	/* 2022 ESG Highlights */
	.esgHiWrap { flex-wrap:wrap; }
	.esgHiWrap .esgHiImg { width:100%; height:0; padding-bottom:70%; overflow:hidden; order:1; }
	.esgHiWrap .esgHiImg p img { max-width:300px; left:auto; right:auto; z-index:-1; }
	.esgHiWrap .esgHiList { width:100%; order:2; }
	.esgHiWrap .esgHiList .esgHiBox { padding:4.0rem 0; }
	.esgHiWrap .esgHiList .esgHiBox.esgHi01 { padding-top:4.0rem; }
}