ul,li {list-style:none; padding:0; margin:0;}
.only-mo {display:none;}

img {max-width:100%;}
.esg_ha_wrapper *,
.esg_ha_wrapper *::before,
.esg_ha_wrapper *::after {box-sizing:border-box;}
.esg_ha_wrapper > div {background-color:#f0ece4;}
.esg_ha_wrapper {width:100%; overflow:hidden;}
.esg_ha_wrapper .main_visual {position:relative; display:block; width:100%; padding-top:50%; background:url('/content/dam/lge/gb/sustainable_ha/images/main_visual.png') no-repeat 50% 50%; background-size:cover;}
.esg_ha_wrapper .main_visual h1 {position:absolute; left:0; top:50%; width:100%; text-align:center; transform:translateY(-50%);}
.esg_ha_wrapper .main_visual h1 span {display:inline-block; font-size:9.375vw; line-height:1em; text-align:center; color:#fff; white-space:nowrap; font-family:LGEI Headline; font-weight:600; opacity:0; transform:scale(1, 0.7) translateY(100%); transition:all 0.5s;}
.esg_ha_wrapper .main_visual h1.on span {opacity:1; transform:scale(1, 1) translateY(0);}


/* slogan area */
.esg_ha_wrapper .esg_slogan {position:relative; width:calc(100% - 80px); max-width:1440px; margin:0 auto; padding:510px 0 735px; box-sizing:border-box;}
.esg_ha_wrapper .esg_slogan .txt {position:relative; width:100%;}
.esg_ha_wrapper .esg_slogan .txt .logo {display:block; width:256px; margin:-144px auto 0;}
.esg_ha_wrapper .esg_slogan .txt p {font-family:LGEI Headline; font-size:3rem; line-height:1.4em; font-weight:300; text-align:center; margin-top:12px;}
.esg_ha_wrapper .esg_slogan .img {position:absolute;}
.esg_ha_wrapper .esg_slogan .img img {display:block; width:100%;}
.esg_ha_wrapper .esg_slogan .img_01 {right:0px; top:387px; width:380px;}
.esg_ha_wrapper .esg_slogan .img_02 {left:0; top:475px; width:280px;}
.esg_ha_wrapper .esg_slogan .img_03 {left:128px; bottom:378px; width:380px;}
.esg_ha_wrapper .esg_slogan .img_04 {left:50%; bottom:160px; width:200px; transform:translateX(-50%);}
.esg_ha_wrapper .esg_slogan .img_05 {right:100px; bottom:340px; width:340px; transition-delay:0.5s;}
.esg_ha_wrapper .esg_slogan .img_06 {left:50%; top:160px; width:240px; transform:translateX(-50%);}
.esg_ha_wrapper .esg_slogan .txt .logo {transform:scale(0.5); opacity:0; transition:all 1s;}
.esg_ha_wrapper .esg_slogan .txt .logo.on {transform:scale(1); opacity:1;}
.esg_ha_wrapper .esg_slogan .txt p {transform:translateY(50%) scale(0.5); opacity:0; transition:all 0.5s;}
.esg_ha_wrapper .esg_slogan .txt p.on {transform:translateY(0) scale(1); opacity:1;}
.esg_ha_wrapper .esg_slogan .img img {transform:scale(0.5) translateY(50%); opacity:0; transition:all 0.7s;}
.esg_ha_wrapper .esg_slogan .img.on img {transform:scale(1) translateY(0); opacity:1;}
.esg_ha_wrapper .esg_slogan .img_06 img {transition-delay:1s;}
.esg_ha_wrapper .esg_slogan .img_01 img {transition-delay:0.5s;}
.esg_ha_wrapper .esg_slogan .img_02 img {transition-delay:1.5s;}
.esg_ha_wrapper .esg_slogan .img_03 img {transition-delay:0.5s;}
.esg_ha_wrapper .esg_slogan .img_04 img {transition-delay:0.8s;}
.esg_ha_wrapper .esg_slogan .img_05 img {transition-delay:0.5s;}


/* core value videos */
.core-value__wrap {position:relative; width:100%; height:auto; overflow:hidden; margin-top:132px;}
.core-value {position:relative; top:0px; left:0px; display:flex; align-items:center; justify-content:center; width:100%; height:auto;}
.core-value--end {position:absolute; top:auto; bottom:0px;}
.core-value__inner {position:relative; width:100%; max-width:1440px; padding:0 20px; text-align:center;}
.core-value__subtit {font-family:LGEI Headline; max-width:1244px; font-size:48px; font-weight:300; line-height:1.4em; margin:0 auto; padding-bottom:80px;}
.core-value__div {position:relative;}
.core-media-wrap {position:relative; width:83.33%; height:auto; aspect-ratio: 16 / 9; margin:0 auto; border-radius:40px; overflow:hidden;}
.core-value__start {position:absolute; z-index:3; top:50%; left:50%; width:50vw; height:50vw; max-width:480px; max-height:480px; border-radius:50%; transform:translate(-50%, -50%); overflow:hidden; opacity:1; transition:0.7s ease all 0.3s;}
.core-value__start__video {width:100%; height:100%; object-fit:cover;}
.core-value__media {position:relative; z-index:2; width:10%; height:100%; margin:0 auto; border-radius:410px; opacity:0; transition:0.5s ease all;}
.core-value__media_sw {position:absolute; z-index:2; width:100%; height:100%; left:50%; top:0; transform:translateX(-50%); overflow:hidden;}
.core-value__media__item {width:100%; height:100%; overflow:hidden; transition-property:opacity !important; transform:none !important; opacity:0 !important; position:absolute; left:0; top:0; z-index:1;}
.core-value__media__item.swiper-slide-active {opacity:1 !important; z-index:2;}
.core-value__media__item__video, .core-value__media__item__img {display:block; width:100%; height:100%; object-fit:cover;}
.core-value__txt {position:relative; height:56px; margin-top:32px; opacity:0; transition:0.3s ease opacity;}
.core-value__txt__item {position:absolute; top:0px; left:0px; right:0px; display:flex; gap:0px 24px; align-items:center; justify-content:center; opacity:0; transition:0.3s ease opacity;}
.core-value__txt__item--on {opacity:1;}
.core-value__txt__item__strong {font-family:LGEI Headline; font-size:3rem; line-height:3.5rem; font-weight:600; color:black; margin:0;}
.core-value__txt__item__small {font-size:24px; line-height:30px;}
.core-value__pagination__wrap {display:flex; align-items:center; justify-content:center; gap:0px 66px; max-width:1260px; margin:48px auto 0px; transition:0.3s ease opacity; opacity:0;}
.core-value__pagination {position:relative; bottom:0px !important; flex-grow:1; display:flex; justify-content:center; gap:0px 8px;}
.core-value__pagination .swiper-pagination-bullet {position:relative; flex-grow:1; overflow:hidden; height:3px; background-color:rgba(0, 0, 0, 0.20); border-radius:999px; margin:0px !important; opacity:1; cursor:pointer;}
.core-value__pagination .swiper-pagination-bullet:before {content:''; display:block; width:0%; height:100%; background-color:black; transition:0s ease width;}
.core-value__page-move{position:relative; width:82px; height:28px; overflow:hidden; border-radius:100px; background-color:rgba(0,0,0,0.2); display:block; margin-left:40px;}
.core-value__page-move button {cursor:pointer; display:block;}
.core-value__page-move .c-carousel-controls__action--play,
.core-value__page-move .c-carousel-controls__action--pause{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:20px; height:20px;}
.core-value__page-move .c-carousel-controls__action--play:after{background-image:url('/content/dam/lge/gb/sustainable_ha/images/icon-play-white-16-16.png'); background-size:16px 16px;}
.core-value__page-move .c-carousel-controls__action--pause:after{background-image:url('/content/dam/lge/gb/sustainable_ha/images/icon-pause-white-16-16.png'); background-size:16px 16px;}
.core-value__page-move__btn {display:block !important; width:28px; height:20px; border-width:0px; background-color:transparent; box-shadow:none; appearance:none; padding:0;}
.core-value__page-move__btn__img {display:block !important; width:7px; height:12px; margin:4px auto;}
.core-value__page-move__btn[disabled] {opacity:0.6;}
.core-value__page-move .core-value__page-move__btn.core-value__page-move__btn-prev{position:absolute; left:0; top:4px;}
.core-value__page-move .core-value__page-move__btn.core-value__page-move__btn-next{position:absolute; right:0; top:4px;}

.core-value__wrap.active-movie .core-value__start {opacity:0; transition:0.5s ease all;}
.core-value__wrap.active-movie .core-value__media {z-index:4; opacity:1; width:100%; border-radius:40px; transition:opacity 0.5s ease 0.3s, border-radius 0.3s ease 0.6s, width 0.5s ease 0.3s;}
.core-value__wrap.active-movie .core-value__txt {opacity:1;}
.core-value__wrap.active-movie .core-value__pagination__wrap {opacity:1;}
.core-value__wrap.active-movie .core-value__pagination .swiper-pagination-bullet-active {background-color:rgba(0, 0, 0, 0.20); opacity:1; --cv-duration:3s;}
.core-value__wrap.active-movie .core-value__pagination .swiper-pagination-bullet-active:before {width:100%; transition:3s ease width; transition-duration:var(--cv-duration);}


/* esg_slider */
.esg_slider {width:100%; overflow:hidden; margin-top:160px; margin-bottom:108px;}
.esg_slider .sub_tit {width:100%; max-width:1440px; padding:0 40px; margin:0 auto 64px; font-family:LGEI Headline; font-size:3rem; font-weight:300; line-height:1.25em; text-align:center;}
.esg_slider .slider {width:100%; max-width:1440px; overflow:visible; margin:0 auto; padding:0 40px;}
.esg_slider .slider ul {width:100%; display:flex;}
.esg_slider .slider li {width:auto; flex-shrink:0; margin-right:20px;}
.esg_slider .slider li dl {position:relative; width:460px; height:364px; border-radius:40px; margin:0; overflow:hidden; background:url('/content/dam/lge/gb/sustainable_ha/images/bg_sw_itms.png') no-repeat left top;}
.esg_slider .slider li dl dt {position:relative; width:100%;}
.esg_slider .slider li dl dt .t {width:100%; height:130px; display:flex; align-items:center; padding:40px 40px 0; font-family:LGEI Headline; font-weight:600; font-size:40px; line-height:48px; color:#fff;}
.esg_slider .slider li dl dd {position:absolute; left:0; top:190px; width:100%; height:auto; padding:0 40px; font-family:LGEI Text; font-weight:300; letter-spacing:0.02em; font-size:23px; line-height:1.174em; color:#fff; transition:all 0.4s;}
.esg_slider .slider li dl::before {content:''; position:absolute; right:44px; top:40px; width:90px; height:90px; background:none no-repeat center center; background-size:contain;}
.esg_slider .slider .itm_01 dl::before {content:''; background-image:url('/content/dam/lge/gb/sustainable_ha/images/ico_esg_01.png');}
.esg_slider .slider .itm_02 dl::before {content:''; background-image:url('/content/dam/lge/gb/sustainable_ha/images/ico_esg_02.png');}
.esg_slider .slider .itm_03 dl::before {content:''; background-image:url('/content/dam/lge/gb/sustainable_ha/images/ico_esg_03.png');}
.esg_slider .slider .itm_04 dl::before {content:''; background-image:url('/content/dam/lge/gb/sustainable_ha/images/ico_esg_04.png');}
.esg_slider .slider .itm_05 dl::before {content:''; background-image:url('/content/dam/lge/gb/sustainable_ha/images/ico_esg_05.png');}
.esg_slider .slider .itm_06 dl::before {content:''; background-image:url('/content/dam/lge/gb/sustainable_ha/images/ico_esg_06.png');}
.esg_slider .slider-pager {width:100%; text-align:center; padding:28px 0 0; display:flex; justify-content:center;}
.esg_slider .slider-pager .slider-btn {display:block; margin:0 5px; padding:0; border:0; box-shadow:none; background:none; cursor:pointer;}
.esg_slider .slider-pager .slider-btn img {display:block; width:64px;}
.esg_slider .slider-pager .slider-btn.swiper-button-disabled {opacity:0.5; cursor:default;}


/* esg_cards */
.esg_cards {width:100%; max-width:1440px; overflow:hidden; margin:0 auto;}
.esg_cards .itm-card {position:relative; width:100%; padding:80px 0;}
.esg_cards .itm-card .c_tit {position:absolute; left:0; bottom:0; width:100%; overflow:visible; font-family:LGEI Headline; font-weight:600; font-size:13.5410667vw; line-height:1.2em; color:#fff; white-space:nowrap; text-align:center; white-space:nowrap;}
.esg_cards .itm-card .inner {position:relative; width:100%; max-width:1920px; margin:0 auto; display:flex; flex-wrap:nowrap; justify-content: space-between;}
.esg_cards .itm-card:nth-child(2n) .inner {flex-direction:row-reverse;}
.esg_cards .itm-card .txt_area {position:relative; width:calc(58% - 90px); max-width:732px;}
.esg_cards .itm-card .sub_t {font-family:LGEI Headline; font-weight:600; font-size:3.75rem; line-height:1em; margin-bottom:32px;}
.esg_cards .itm-card .txt {font-family:LGEI Text; font-weight:300; letter-spacing:0.03em; font-size:1.5rem; line-height:1.4em;}
.esg_cards .itm-card .anno {font-family:LGEI Text; font-weight:300; letter-spacing:0.3px; font-size:1rem; line-height:1.4em; color:#4A4946; margin-top:40px;}
.esg_cards .itm-card .anno_btn {position:relative; display:inline-block; font-size:1rem; color:#333; padding-right:18px; text-decoration:underline;}
.esg_cards .itm-card .anno_btn::after {content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:12px; height:12px;
	background:url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTIgMTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEyIDEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+Cjxwb2x5Z29uIHBvaW50cz0iMC43LDEyIDAsMTEuMyAxMC4zLDEgMS45LDEgMS45LDAgMTEuNSwwIDEyLDAgMTIsMC41IDEyLDEwLjEgMTEsMTAuMSAxMSwxLjcgIi8+Cjwvc3ZnPgo=') no-repeat center center;
	background-size:contain;
}
.esg_cards .itm-card .img {width:auto; max-width:42%;}
.esg_cards .itm-card .img img {display:block; margin:0 auto;}
.esg_cards .itm-card .wrp {position:relative; display:block; width:100%;}
.esg_cards .itm-card .sub_t {opacity:0; transform:translateY(30px); transition:all 0.5s;}
.esg_cards .itm-card .txt {opacity:0; transform:translateY(50px); transition:all 0.5s;}
.esg_cards .itm-card .txt p ~ p {margin-top:1.4em;}
.esg_cards .itm-card .anno {opacity:0; transition:all 0.5s 0.5s;}
.esg_cards .itm-card .img {opacity:0; transform:translateY(50px); transition:all 0.5s 0.3s;}
.esg_cards .itm-card .txt_area.on,
.esg_cards .itm-card .sub_t.on,
.esg_cards .itm-card .txt.on,
.esg_cards .itm-card .anno.on,
.esg_cards .itm-card .img.on {transform:translate(0,0); opacity:1;}

@keyframes textFlow {
	0% {transform:translateX(-100%);}
	50% {transform:translateX(-150%);}
	100% {transform:translateX(-200%);}
}

/* bottom area */
.esg_bottoms {width:100%; overflow:hidden;}
.esg_bottoms .bottom_banner {width:100%; height:460px; margin-top:80px; background:#858585 url('/content/dam/lge/gb/sustainable_ha/images/banner_btm.jpg') no-repeat center top; background-size:1920px auto;}
.esg_bottoms .bottom_banner .inner {position:relative; max-width:1440px; margin:0 auto; padding:80px 0 0;}
.esg_bottoms .bottom_banner .info {font-size:54px; line-height:65px; color:#fff; font-family:LGEI Headline; font-weight:600; margin-bottom:40px; letter-spacing:0.01em;}
.esg_bottoms .bottom_banner .btn {display:inline-block; padding:0 28px; line-height:64px; border-radius:32px; border:0; background:#EA1917; color:#fff; font-size:24px; font-family:LGEI Text; font-weight:400; text-decoration:none;}
.esg_bottoms .more_link {text-align:center; padding:56px 0 64px;}
.esg_bottoms .more_link .btn {display:inline-block; padding:0 20px; line-height:42px; font-size:1rem; font-family:LGEI Text; font-weight:300; color:#070707; border:1px solid #414141; border-radius:22px; text-decoration:none;}

@media all and (max-width: 1560px) and (min-width: 1025px) {
	.esg_cards .itm-card .inner {padding:0 80px;}
	.esg_bottoms .bottom_banner .inner {padding:80px;}
}
@media all and (max-width: 1440px) {
	.core-value__wrap {margin-top:0;}
	.core-value__wrap,
	.core-value__wrap .core-value {height:auto;}
	.core-value__wrap .core-value {padding:120px 0;}
	.core-value__inner {width:100%; padding:0 20px;}
	.core-value__subtit {font-size:32px; line-height:1.25em; letter-spacing:-0.1px;}
	.core-value__txt__item__strong {font-size:40px; line-height:1.2em;}
	.esg_slider .sub_tit {font-size:32px;}
	.esg_bottoms .bottom_banner .inner {padding:80px 60px 0;}
}

@media all and (max-width: 1440px) and (min-width: 721px) and (min-height: 0) {
	.esg_ha_wrapper .esg_slogan .txt p {font-size:2rem;}
	.esg_cards .itm-card .inner {padding:0 40px;}
	.esg_cards .itm-card .txt_area {max-width:45%;}
	.esg_cards .itm-card .sub_t {font-size:40px;}
	.esg_cards .itm-card .txt {font-size:20px;}
}
@media all and (max-width: 1024px) {
	.esg_ha_wrapper .esg_slogan {width:100%; max-width:720px; margin:0 auto; height:auto; padding:240px 0 240px;}
	.esg_ha_wrapper .esg_slogan .txt {position:relative; left:auto; top:auto; transform:none; padding:0 16px;}
	.esg_ha_wrapper .esg_slogan .txt .logo {width:110px; margin-top:-64px;}
	.esg_ha_wrapper .esg_slogan .txt p {font-size:24px; line-height:1.4em;}
	.esg_ha_wrapper .esg_slogan .img_06 {top:40px; width:98px;}
	.esg_ha_wrapper .esg_slogan .img_01 {right:16px; top:136px; width:155px;}
	.esg_ha_wrapper .esg_slogan .img_02 {left:16px; top:128px; width:115px;}
	.esg_ha_wrapper .esg_slogan .img_03 {left:16px; bottom:120px; width:155px;}
	.esg_ha_wrapper .esg_slogan .img_05 {right:16px; bottom:110px; width:139px;}
	.esg_ha_wrapper .esg_slogan .img_04 {bottom:40px; width:82px;}
	
	.core-value__wrap {height:auto; margin-top:40px;}
	.core-value__wrap .core-value {padding:60px 0 0;}
	.core-value__inner {padding:0 32px;}
	.core-media-wrap {width:100%; border-radius:20px;}
	.core-value__txt {height:30px; margin-top:16px;}
	.core-value__txt__item {gap:0px 0px;}
	.core-value__pagination__wrap {gap:0px 0px; max-width:none; margin:16px auto 0px;}
	.core-value__pagination {gap:0px 8px;}
	.core-value__page-move{height:28px; margin-left:32px;}
	.core-value__subtit {font-size:24px; line-height:28px;}
	.core-value__txt__item__strong {font-size:30px; line-height:1em;}
	
	.esg_slider .sub_tit {padding:0 32px; font-size:24px; margin-bottom:48px;}
	
	.esg_cards .itm-card {width:100%; height:auto; max-height:none; padding:0;}
	.esg_cards .itm-card .inner {display:block; position:relative; width:100%; max-width:none; margin:0 auto; padding:56px 32px;}
	.esg_cards .itm-card .txt_area {width:100%; height:auto; max-width:none; max-height:none; padding-bottom:30px;}
	.esg_cards .itm-card .img {position:relative; width:100%; max-width:none; max-height:none;}
	.esg_cards .itm-card .txt p ~ p {margin-top:1em;}
	.esg_cards .itm-card .sub_t {font-size:36px;}
	.esg_cards .itm-card .txt {font-size:18px;}
	.esg_cards .itm-card .anno {width:100%; margin-top:24px; font-size:14px;}
	.esg_cards .itm-card .anno_btn {font-size:14px; padding-right:16px;}
	
	.esg_bottoms .bottom_banner {height:360px; background-size:1560px auto;}
	.esg_bottoms .bottom_banner .inner {padding:60px 32px 0 32px;}
	.esg_bottoms .bottom_banner .info {font-size:40px;  line-height:1.2em; margin-bottom:28px;}
}

@media all and (max-width: 720px) {
	.only-pc {display:none;}
	.only-mo {display:initial;}
	
	.esg_ha_wrapper .main_visual {height:640px; max-height:100vh; background-image:url('/content/dam/lge/gb/sustainable_ha/images/main_visual_mo.png');}
	.esg_ha_wrapper .main_visual h1 {left:0; top:50%; bottom:auto; width:100%; transform:translate(0, -50%);}
	.esg_ha_wrapper .main_visual h1 span {font-size:80px; text-align:left;}
	
	.esg_ha_wrapper .esg_slogan {width:100%; height:auto; padding:280px 0 280px;}
	.esg_ha_wrapper .esg_slogan .txt p {font-size:20px;}
	
	.core-value__inner {padding:0 16px;}
	.core-value__subtit {font-size:20px; line-height:26px;}
	.core-value__txt__item__strong {font-size:28px; line-height:3rem;}
	
	
	.esg_slider {margin-top:100px; margin-bottom:36px;}
	.esg_slider .sub_tit {padding:0 16px; font-size:20px; margin-bottom:48px;}
	.esg_slider .slider {padding:0 16px;}
	.esg_slider .slider li {margin-right:16px;}
	.esg_slider .slider li dl {width:281px; height:228px; border-radius:24px; background-position:center center;}
	.esg_slider .slider li dl dt .t {position:absolute; top:25px; width:100%; height:50px; padding:0 0 0 25px; font-size:25px; line-height:1.21em;}
	.esg_slider .slider li dl dd {top:112px; padding:0 16px; font-size:16px; line-height:1.18em;}
	.esg_slider .slider li dl::before,
	.esg_slider .slider li dl dd::before {right:27px; top:25px; width:50px; height:50px;}
	.esg_slider .slider-pager {width:100%; text-align:center; padding:28px 0 0;}
	.esg_slider .slider-pager .slider-btn img {width:32px;}

	.esg_cards .itm-card .inner {padding:40px 16px;}
	.esg_cards .itm-card .sub_t {font-size:27px; margin-bottom:20px;}
	.esg_cards .itm-card .txt {font-size:16px;}
	
	.esg_bottoms .bottom_banner {height:300px; background:url('/content/dam/lge/gb/sustainable_ha/images/bg_bottom_banner_mo.png') no-repeat center center; background-size:cover;}
	.esg_bottoms .bottom_banner .inner {padding:60px 16px 0 16px;}
	.esg_bottoms .bottom_banner .info {font-size:27px;  line-height:32.4px; margin-bottom:20px;}
	.esg_bottoms .bottom_banner .btn {font-size:16px; line-height:44px; border-radius:22px;}
	.esg_bottoms .more_link {padding:40px 0;}
	.esg_bottoms .more_link .btn {font-size:14px; line-height:34px; border-radius:18px;}
}