@charset "utf-8";

/* 주석 : [작업날짜][작업자] 작업내용 */

/* story : s */

.sr-only {position: absolute;overflow: hidden;width: 1px;height: 1px;padding: 0;margin: -1px;border: 0;clip: rect(0,0,0,0);}
.focus .story-content {position: relative;}
.focus .story-content .list-area {padding-top: 10rem; padding-bottom: 14.125rem; letter-spacing: -0.05em;}
.focus .story-content .list-area ul {display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(2, auto);column-gap:1.643rem;row-gap:4.375rem;max-width:72.25rem;margin: 0 auto}
.focus .story-content .list-area li .image-area {width: 100%; aspect-ratio: 370/370;}
.focus .story-content .list-area li .image-area img{width: 100%;}
.focus .story-content .list-area li .text-area { margin-top: 1.5rem;}
.focus .story-content .list-area li .text-area .title {display: block; height: 3.75rem; margin-top: 1rem; font-size: 1.375rem; line-height: 1.875rem; font-weight: 700;}
.focus .story-content .uiWrap{position: absolute;bottom: 1.72rem ;width: 100%;text-align: center;font-size: 0;z-index: 3}
.focus .story-content .uiWrap .prev{display: inline-block;background: url('/sec/sustainability/assets/img/pc/focus/mdi/prev01.png') no-repeat;background-size: contain;width: 5.625rem;height: 2.5rem;text-indent: -10000px}
.focus .story-content .uiWrap .next{display: inline-block;background: url('/sec/sustainability/assets/img/pc/focus/mdi/next01.png') no-repeat;background-size: contain;width: 5.625rem;height: 2.5rem;text-indent: -10000px;margin-left: 1.5rem}
.focus .story-content .storylist-swiper {padding-bottom: 6.643rem;}
.focus .story-content .storylist-swiper .list-area {padding-bottom: 2.143rem;}
.focus .story-content .storylist-swiper .list-area .swiper-slide {visibility:hidden !important;}
.focus .story-content .storylist-swiper .list-area .swiper-slide.swiper-slide-active {visibility:visible !important;}
.focus .story-content .storylist-swiper .pagination-wrap {display:flex; align-items: center; justify-content: center;}
.focus .story-content .storylist-swiper .pagination-wrap .swiper-button-prev,
.focus .story-content .storylist-swiper .pagination-wrap .swiper-button-next {position:static; width:1.714rem; height:1.714rem; margin-top:0; }
.focus .story-content .storylist-swiper .pagination-wrap .swiper-button-prev:after,
.focus .story-content .storylist-swiper .pagination-wrap .swiper-button-next:after {display:none;}
.focus .story-content .storylist-swiper .pagination-wrap .swiper-button-prev.swiper-button-disabled,
.focus .story-content .storylist-swiper .pagination-wrap .swiper-button-next.swiper-button-disabled {opacity:0;}
.focus .story-content .storylist-swiper .pagination-wrap .swiper-button-prev {background: url("/sec/sustainability/assets/img/pc/common/mdi/arrow_left_paging.png") no-repeat center; background-size: 0.75rem auto;}
.focus .story-content .storylist-swiper .pagination-wrap .swiper-button-next {background: url("/sec/sustainability/assets/img/pc/common/mdi/arrow_right_paging.png") no-repeat center; background-size: 0.75rem auto;}
.focus .story-content .storylist-swiper .pagination-wrap .swiper-pagination {position:static; width:initial; font-size: 1.286rem; line-height: 1.714rem; font-weight: 700; padding: 0 2.286rem;}
.focus .story-content .storylist-swiper .pagination-wrap .swiper-pagination span {width: 2.857rem; display:inline-block;}

.focus .story-content .btn-area.scroll {position: absolute; bottom: 2.5rem; left: 50%; transform: translate(-50%, 0);}
.focus .story-content .btn-area.scroll > .text {display: block; font-weight: 700; border-bottom: 0.125rem solid #fff; margin-bottom: 1rem; color: #fff; margin-top: 0;font-size: 1.125rem !important;line-height: 1.6rem !important;}
.focus .story-content .btn-area.scroll.gray > .text { color: #757575; border-color: #757575;}
.focus .story-content .btn-scroll::before {display: block; content: ''; width: 2.5rem; height: 2.5rem; background: url('/sec/sustainability/assets/img/pc/common/mdi/icon_scroll.png') no-repeat center center/contain; margin: 0 auto;}
.focus .story-content .gray .btn-scroll::before {background-image: url('/sec/sustainability/assets/img/pc/common/mdi/icon_scroll_gray.png')}
.focus .story-content .story-detail {}
.focus .story-content .story-detail > div {position: relative; width: 100%; height: 62.5rem; /* aspect-ratio: 1920/1000;  */letter-spacing: -0.05em;}
/*.focus .story-content .story-detail > .sd-cut2{background:#000}*/
.focus .story-content .story-detail > div .text-area { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 75.25rem; color: #fff;  text-align: center;} /* [24.06] 6월 업데이트 */
.focus .story-content .story-detail > div:last-of-type .text-area {transform: translate(-50%, calc(-50%));}
.focus .story-content .story-detail > div .text-area span {display: block; width: 100%; text-align: center; }
.focus .story-content .story-detail > div .sup {font-size: 1.375rem; line-height: 1.875rem; font-weight: 700; letter-spacing: 0;}
.focus .story-content .story-detail > div .sup + .title {margin-top: 1.5rem;}
.focus .story-content .story-detail > div .title {font-size: 3rem; line-height: 3.625rem; font-weight: 700;}
.focus .story-content .story-detail > div .text {font-size: 1.125rem; line-height: 1.875rem; margin-top: 3rem;}
.focus .story-content .story-detail > div .text + .text {margin-top: 1.5rem;}
.focus .story-content .story-detail > div.sd-cut1 .title {font-size: 3.75rem; line-height: 4.5rem;}
.focus .story-content .story-detail > div.sd-cut1 .text {font-size: 1.125rem; line-height: 1.5rem; margin-top: 1rem;}

.focus .story-content [class *= "sd-cut"]{height: calc(100vh + 2px) !important;overflow: hidden;position: relative}

.focus .story-content .ifts > div .text-area  {transform: translate(-50%, calc(-50% - 2.5rem));}
.focus .story-content .ifts .sd-cut1 { background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_ifts01.png') no-repeat center center/cover;}
.focus .story-content .ifts .sd-cut1 .text {font-weight: 700;}
.focus .story-content .ifts .sd-cut2 {height: auto; background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_ifts02.png') no-repeat center center/cover;}
.focus .story-content .ifts .sd-cut3 { background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_ifts02.png') no-repeat center center/cover;}
.focus .story-content .ifts .sd-cut3 .text-area {transform: translate(-50%, calc(-50% - 2.0625rem));}
.focus .story-content .ifts .sd-cut3 .title {letter-spacing: -0.05em;}
.focus .story-content .ifts .sd-cut3 .sub-text {font-size: 0.875rem; line-height: 1.1875rem; margin-top: 1rem; }
.focus .story-content .ifts .sd-cut4 {background: #fff;}
.focus .story-content .ifts .sd-cut4 .circle-icon {position: relative;  width: 7.5rem; height: 7.5rem; margin: 0 auto 4rem;}
.focus .story-content .ifts .sd-cut4 .circle-icon i {display: block; position: absolute; top: 0; left: 0;  width: 100%; height: 100%; border-radius: 50%; overflow: hidden;}
.focus .story-content .ifts .sd-cut4 .circle-icon i::before {display: block; content: ''; position: absolute; width: 100%; height: 100%; background: url('/sec/sustainability/assets/img/pc/focus/mdi/icon_story01.png') no-repeat center center/contain; z-index: 2;}
.focus .story-content .ifts .sd-cut4 .circle-icon i.ci2::before {background: url('/sec/sustainability/assets/img/pc/focus/mdi/icon_story02.png') no-repeat center center/contain; z-index: 1}
.focus .story-content .ifts .sd-cut4 .circle-icon i.ci3::before {background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_ifts03.png') no-repeat center center/cover; z-index: 1}
.focus .story-content .ifts .sd-cut4 .sup {color: #2189ff;}
.focus .story-content .ifts .sd-cut4 .title {position: relative; color: #757575; text-align: center;}
.focus .story-content .ifts .sd-cut4 .title .mask {display: inline-block; width: auto; color: #000;}
.focus .story-content .ifts .sd-cut4 .text {font-size: 1.125rem; line-height: 1.5rem; margin-top: 3rem; }
.focus .story-content .ifts .sd-cut4 .sub-text {font-size: 0.875rem; line-height: 1.1875rem; margin-top: 1rem; }
.focus .story-content .ifts .sd-cut5 { background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_ifts03.png') no-repeat center center/cover;}
.focus .story-content .ifts .sd-cut5 .text-area::before {display: block; content: ''; width: 10rem; height: 10rem; background: url('/sec/sustainability/assets/img/pc/focus/mdi/icon_story03.png') no-repeat center center/contain; margin: 0 auto 1.5rem;}
.focus .story-content .ifts .sd-cut5 .title {font-size: 3rem; line-height: 3.625rem;}
.focus .story-content .ifts .sd-cut5 .text {font-size: 1.125rem; line-height: 1.5rem; font-weight: 400; margin-top: 2.5rem;}
.focus .story-content .ifts .sd-cut5 .sub-text  {margin-top: 2.5rem; font-size: 1.125rem; line-height: 1.5rem; font-weight: 700;}
.focus .story-content .ifts .sd-cut6 {aspect-ratio: 1920/1000; height: 100%;}
.focus .story-content .ifts .sd-cut7 {position: relative;}
.focus .story-content .ifts .sd-cut7 .row2 {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.focus .story-content .ifts .sd-cut7 .row2::after {display: block; content: '';  width: 100%; height: 62.5rem; background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_ifts04_1.png') no-repeat center center/cover;}

/* .focus .story-content .ifts .sd-cut7 .row2 .image-area {width: 100%; aspect-ratio: 1920/584;} */
.focus .story-content .ifts .sd-cut7 .row2 .text-area {position: relative; top: 0; left: 0; transform: translate(0, 0); width: 100%; aspect-ratio: 1920/416; color: #000; background: #fff;}
.focus .story-content .ifts .sd-cut7 .row2 .text-area::after {display: block; content: ''; clear: both;}
.focus .story-content .ifts .sd-cut7 .row2 .text-area > div {width: 75.25rem; margin: 0 auto; aspect-ratio: 1204/416;}
.focus .story-content .ifts .sd-cut7 .row2 .text-area .title {float: left; width: 31rem; text-align: left; box-sizing: border-box; font-size: 3rem; line-height: 3.625rem; margin-top: 7.5rem; letter-spacing: -0.05em;}
.focus .story-content .ifts .sd-cut7 .row2 .text-area .text {float: right; width: 36.875rem; text-align: left; font-size: 1.375rem; line-height: 1.875rem; margin-top: 7.5rem;}
.focus .story-content .ifts .sd-cut7 .row2 .text-area .text span {text-align: left; margin-top: 1rem; color: #757575; font-size: 0.875rem; line-height: 1.1875rem;}
.focus .story-content .ifts .sd-cut8 { background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_ifts05.png') no-repeat center center/cover;}
.focus .story-content .ifts .sd-cut8 .text-area::before {display: block; content: ''; width: 11.875rem; height: 11.875rem; background: url('/sec/sustainability/assets/img/pc/focus/mdi/icon_story04.png') no-repeat center center/contain; margin: 0 auto 4.0625rem;}
.focus .story-content .ifts .sd-cut8 .text-area .text {font-size: 1.375rem; line-height: 1.875rem; margin-top: 55px; font-weight: 700;}
.focus .story-content .ifts .sd-cut8 .text-area .desc {font-size: 1rem; line-height: 1.3571rem; margin-top: 2.2857rem; font-weight: 400;}
.focus .story-content .ifts .sd-cut9 { background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_ifts06.png') no-repeat center center/contain #2189FF;}

.focus .story-content .scrc > div {height: 67.5rem;}
.focus .story-content .scrc .sd-cut1 {background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_scrc01.png') no-repeat center center/cover;}
.focus .story-content .scrc .sd-cut1 .dim{position: absolute;top:0;width: 100%;height: 100%;background: rgba(0,0,0,.5);}
.focus .story-content .scrc .sd-cut1 .cut1 .text-area{display: block}
.focus .story-content .scrc .sd-cut1 .cut1 .title span {line-height: inherit; font-size: inherit;}
.focus .story-content .scrc .sd-cut1 .cut2 .sup {font-size: 1.375rem; line-height: 1.875rem;}
.focus .story-content .scrc .sd-cut1 .cut2 .title {font-size: 3rem; line-height: 3.625rem; margin-top: 2.5rem;}
.focus .story-content .scrc .sd-cut1 .cut2 .title span {line-height: inherit; font-size: inherit;}
.focus .story-content .scrc .sd-cut1 .cut3 {background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_scrc02_1.png') no-repeat center center/cover;}
.focus .story-content .scrc .sd-cut1 .cut3 .text {font-size: 1.375rem; line-height: 1.875rem;}
.focus .story-content .scrc .sd-cut1 .cut3 .text:nth-child(2) {font-weight: 700; margin-top: 1.5rem;}
.focus .story-content .scrc .sd-cut1 .cut3 .btn {margin-top: 3.75rem;font-size: 1.125rem}


.focus .story-content .scrc .sd-cut3 {aspect-ratio: 1920/1080; height: 100%;}
.focus .story-content .scrc .sd-cut4 {aspect-ratio: 1920/1080; height: 100%;}
.focus .story-content .scrc .sd-cut5 {background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_scrc03.png') no-repeat center center/cover; aspect-ratio: auto;}
.focus .story-content .scrc .sd-cut5 .title {margin-top: 0;font-size: 2rem; line-height: 2.625rem;}
.focus .story-content .scrc .sd-cut5 .image-area { margin: 11.25rem auto 0; text-align: center; width: 29.25rem; height: 11rem;}
.focus .story-content .scrc .sd-cut5 .text {margin-top:9.8125rem; font-size: 1.375rem; line-height: 1.875rem;}
.focus .story-content .scrc .sd-cut5 .text + .text {margin-top:1.5rem;}
.focus .story-content .scrc .sd-cut6 {}

/*.focus .story-content .scrc .sd-cut6 > div::before {display: block; content: ''; width: 100%; height: 100%; background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_scrc_graphic.png') no-repeat center center/cover; opacity: 0;}*/
.focus .story-content .scrc .sd-cut6 .graphic {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 30.75rem; height: 30.3125rem;}
.focus .story-content .scrc .sd-cut6 .graphic i {display: block; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); }
.focus .story-content .scrc .sd-cut6 .graphic .remote {width: 30.75rem; height: 30.3125rem; background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_scrc_graphic01.png') no-repeat center center/contain;}
.focus .story-content .scrc .sd-cut6 .graphic .remote.r2 {background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_scrc_graphic02.png') no-repeat center center/contain; opacity: 0;}
.focus .story-content .scrc .sd-cut6 .graphic .remote.r3 {background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_scrc_graphic03.png') no-repeat center center/contain; opacity: 0;}
.focus .story-content .scrc .sd-cut6 .graphic .icon {top: 8.125rem; left: 6.1875rem; width:19.4375rem; height: 7.5625rem; background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_scrc_graphic_icon1.png') no-repeat center center/contain; opacity:0;}
.focus .story-content .scrc .sd-cut6 .graphic .icon.i2 {top: 8.125rem; left: 6.9375rem; background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_scrc_graphic_icon1.png') no-repeat center center/contain; opacity: 0;}
.focus .story-content .scrc .sd-cut6 .graphic .circle1 { width: 29.125rem; height: 3.5rem; background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_scrc_graphic_circle1.png') no-repeat center center/contain;}
.focus .story-content .scrc .sd-cut6 .graphic .circle2 { width: 36.875rem; height: 4.5rem; background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_scrc_graphic_circle2.png') no-repeat center center/contain;}
.focus .story-content .scrc .sd-cut6 .graphic .shadow {top: auto; bottom:-9.8125rem; transform: translate(-50%, 0); width: 51.5rem; height: 4.4375rem; background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_scrc_graphic_shadow.png') no-repeat center center/contain;}
.focus .story-content .scrc .sd-cut6 .text-area {position: absolute; top: auto; bottom: 7.9375rem; left: 50%; transform: translate(-50%, 0); width: 75.25rem; height: 1.875rem; color: #000; font-size: 1.375rem; line-height: 1.875rem; margin-top: 0; }
.focus .story-content .scrc .sd-cut6 .text-area .text {position: absolute; top: 0; left: 0; color: #000; font-size: 1.375rem; line-height: 1.875rem; margin-top: 0;  font-weight: 700;}
.focus .story-content .scrc .sd-cut6 .text-area .text:nth-child(2) {opacity: 0;}
.focus .story-content .scrc .sd-cut6 .text-area .text:nth-child(3) {color: #fff; text-shadow: 0rem 0rem 1.25rem rgba(0, 0, 0, 0.7); opacity: 0;}
.focus .story-content .scrc .sd-cut7 .col2 {position: absolute; background: #006bea; width: 100%;height: 100%; display:none;}
.focus .story-content .scrc .sd-cut7 .col2::before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 50%; height: 100%; background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_scrc04_1.png') no-repeat center;background-size: cover;transition: .3s ease}
.focus .story-content .scrc .sd-cut7 .col2.cut2::before {background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_scrc04_2.png') no-repeat center;background-size: cover}
.focus .story-content .scrc .sd-cut7 .col2.cut3::before {background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_scrc04_3.png') no-repeat center;background-size: cover}
.focus .story-content .scrc .sd-cut7 .col2::after {display: block; content: ''; clear: both;}
.focus .story-content .scrc .sd-cut7 .col2 .box {position: relative; float: right; width: 50%; max-width: 59.9375rem; height: 100%; }
.focus .story-content .scrc .sd-cut7 .col2 .box .text-area {width: 100%;height: 25rem; max-width: 31.625rem; }
.focus .story-content .scrc .sd-cut7 .col2 .box .text-area .btn-list{position: absolute}
.focus .story-content .scrc .sd-cut7 .col2 .box .text-area > span {position: absolute; top: 0; left: 0; width: auto; font-size: 1.375rem; line-height: 1.875rem; font-weight: 700; letter-spacing: 0;}
.focus .story-content .scrc .sd-cut7 .col2 .box .title {font-size: 2rem; line-height: 2.625rem; text-align: left; margin-top: 6.25rem;}
.focus .story-content .scrc .sd-cut7 .col2 .box .btn-list li { display: block;}
.focus .story-content .scrc .sd-cut7 .col2 .box .btn-list li .btn-num {position: absolute; top: 0; left: 5.0625rem; width:2rem; height: 2rem; border-radius: 50%; font-size: 1.375rem; line-height: 1.875rem; color: #006bea; background: rgba(255, 255, 255, 0.2);}
.focus .story-content .scrc .sd-cut7 .col2 .box .btn-list li:nth-child(2) .btn-num {left: 7.625rem;}
.focus .story-content .scrc .sd-cut7 .col2 .box .btn-list li:nth-child(3) .btn-num {left: 10.1875rem;}
.focus .story-content .scrc .sd-cut7 .col2 .box .btn-list li .btn-num.on {background: #fff; color: #006bea; opacity: 1; font-weight: 700;}
.focus .story-content .scrc .sd-cut7 .col2 .box .btn-list li .text {text-align: left; font-size: 1.125rem; line-height: 1.5rem; margin-top: 2rem;}
.focus .story-content .scrc .sd-cut7 .col2 .box .btn-list li .text .text-sm {text-align: left; font-size: 0.875rem; line-height: 1.5rem; margin-top: 2rem;}
.focus .story-content .scrc .sd-cut7-1  {background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_bg.png') no-repeat center center/cover; aspect-ratio: auto;}
.focus .story-content .scrc .sd-cut7-1 .text-area .btn-area {margin-top: 3rem;}
.focus .story-content .scrc .sd-cut7-1 .text-area .btn-area button:after {display: none;}
.focus .story-content .scrc .sd-cut7-1 .text-area .btn-area a {text-align: center !important;padding: 0.71428rem 1.71428rem 0.78571rem !important;}
.focus .box.story-text-box-center { max-width: none !important; }
.focus .story-content .scrc .sd-cut8 {background: #00838F;}
.focus .story-content .scrc .sd-cut8 > div {position: relative; width: 85.875rem; height: 100%; margin: 0 auto;}
.focus .story-content .scrc .sd-cut8 > div::after {display: block; content: ''; position: absolute; top: 50%; right:0; transform: translate(0, -50%); background:url('/sec/sustainability/assets/img/pc/focus/mdi/img_scrc05.png') no-repeat center center/contain; width: 24.6875rem; height: 28.75rem;}
.focus .story-content .scrc .sd-cut8 .text-area { width: 42.75rem; left: 0; transform: translate(0, -50%);}
.focus .story-content .scrc .sd-cut8 .text-area .title {font-size: 2.286rem; line-height: 3rem; text-align: left}
.focus .story-content .scrc .sd-cut8 .text-area .text {font-size: 1.125rem; line-height: 1.5rem;}
.focus .story-content .scrc .sd-cut8 .text-area .text:nth-child(3) {font-weight: 700;}
.focus .story-content .scrc .sd-cut8 .text-area .btn-area {margin-top: 2.5rem; text-align: left;}
.focus .story-content .scrc .sd-cut8 .text-area span { text-align: left;}
.focus .story-content .scrc .sd-cut9 {background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_scrc06.png') no-repeat center center/cover;}
.focus .story-content .scrc .sd-cut9 .text-area .title {font-size: 3rem; line-height: 3.625rem;}
.focus .story-content .scrc .sd-cut9 .text-area .btn-area {margin-top: 3.75rem;}

/* // 23.10.31 폐휴대폰 수거 프로그램 */
.focus .story-content .phones .sd-cut8 > div::after {display: none;}
.focus .story-content .phones .sd-cut8 > div {width: 100%;}
.focus .story-content .phones .sd-cut8 .text-area {width: auto; left: auto; transform: translate(0, 0);}
.focus .story-content .story-detail.phones .sd-cut8 .text-area {    position: static; width: auto;}
.focus .story-content .story-detail.phones .sd-cut8 .text {margin-top: 2.286rem;}
.focus .story-content .story-detail.phones > div .text-area span {width: auto;}
.focus .story-content .phones .sd-inner {display: flex;  flex-direction: column;  justify-content: center; height: calc(100vh - 10.929rem); padding-top: 9.714rem;}
.focus .story-content .phones .sd-cut1 {background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_phones01.jpg') no-repeat center center/cover;}
.focus .story-content .phones .sd-cut1 .text-area {padding-top: 13.143rem; background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_phones01_icon.png') no-repeat top center / 8.571rem 8.571rem}
.focus .story-content .phones .sd-cut1 .text-area .sub-title {margin-top: 2.286rem; font-size: 2.286rem; line-height: 3rem;}
.focus .story-content .phones .sd-cut1 .text-area a {position: relative; display: inline-block; padding-bottom: 0.214rem; margin-top: 14.143rem; font-size: 1.286rem; line-height: 1.714rem; font-weight: 700; color: #fff;}
.focus .story-content .phones .sd-cut1 .text-area a::after {position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #fff; content: '';}
.focus .story-content .phones .sd-cut1 .text-area a:last-child {margin-left: 0rem;}
.focus .story-content .phones .sd-cut2 .text-fade {position: relative; width: 100%; height: 6.571rem;}
.focus .story-content .phones .sd-cut2 .text-fade .tit {position: absolute; top: 0; left: 0;  width: 100%; text-align: center; font-size: 2.714rem; line-height: 3.286rem; color: #006A73;}
.focus .story-content .phones .sd-cut2 .text-area {position: relative; width: 100%; height: 6.571rem; top:0;} /* [24.07.15][HJR] 접근성 수정 */
.focus .story-content .phones .sd-cut2 .text-area .title {position: absolute; top: 0; left: 0;  width: 100%; text-align: center; font-size: 2.714rem; line-height: 3.286rem; color: #006A73;} /* [24.07.15][HJR] 접근성 수정 */
.focus .story-content .phones .sd-cut2 .btn-area.scroll,
.focus .story-content .phones .sd-cut3 .btn-area.scroll,
.focus .story-content .phones .sd-cut4 .btn-area.scroll,
.focus .story-content .phones .sd-cut5 .btn-area.scroll,
.focus .story-content .phones .sd-cut6 .btn-area.scroll {bottom: 5.714rem;}
.focus .story-content .phones .sd-cut2 .btn-area.scroll > .text,
.focus .story-content .phones .sd-cut6 .btn-area.scroll > .text {color: #006A73; border-bottom: 2px solid #006A73; }
.focus .story-content .phones .sd-cut2 .btn-scroll::before,
.focus .story-content .phones .sd-cut6 .btn-scroll::before {background: url(/sec/sustainability/assets/img/pc/common/mdi/icon_scroll_green.png) no-repeat center center/contain;}
.focus .story-content .phones .sd-cut2 .lottie-area {margin-top: 13.143rem;}
.focus .story-content .phones .sd-cut3 {background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_phones03.jpg') no-repeat center center/cover;}
.focus .story-content .phones .sd-cut3 .sub-title{font-size: 3.429rem; line-height: 4.143rem;}
.focus .story-content .phones .sd-cut4 {background-color: #00838F;}
.focus .story-content .phones .sd-cut4 .text-phone {color: #fff; text-align: center;}
.focus .story-content .phones .sd-cut4 .text-phone .sub-title{opacity: 0; font-size: 2.714rem; line-height: 3.286rem;}
.focus .story-content .phones .sd-cut4 .text-phone p{margin-top: 4.286rem; font-size: 1.571rem; line-height: 2.143rem;}
.focus .story-content .phones .sd-cut5 {background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_phones05.jpg') no-repeat center center/cover;}
.focus .story-content .phones .sd-cut5 .text-area .sub-title{font-size: 3.429rem; line-height: 4.143rem;}
.focus .story-content .phones .sd-cut6 .text-phone {text-align: center;}
.focus .story-content .phones .sd-cut6 .text-phone .sub-title{opacity: 0; font-size: 2.714rem; line-height: 3.286rem; color: #00838F;}
.focus .story-content .phones .sd-cut6 .lottie-area {margin-top: 5.071rem;}

.focus .story-content .phones .sd-cut8 {position: relative; }
.focus .story-content .phones .sd-cut8 .swiper-container2 { background-color: #00838F; }
.focus .story-content .phones .sd-cut8 .swiper-slide2 {display: flex; position: absolute; width: 100%; top: 0; left: 0; height: 100vh; visibility: hidden;} /* [24.08.09][HJR] 접근성 수정 */
.focus .story-content .phones .sd-cut8 .swiper-slide2.active {visibility: visible} /* [24.08.09][HJR] 접근성 수정 */
.focus .story-content .phones .sd-cut8 .swiper-slide2 .left-image {width: 50%; height: 100%; transition: .3s ease; opacity: 0; visibility: hidden;}
.focus .story-content .phones .sd-cut8 .swiper-slide2 .text-area {display: flex; width: 50%; padding-left: 12.214rem; position:absolute; transform: translateY(-24%); top:50%; left:50%; height:23rem;}
.focus .story-content .phones .sd-cut8 .slide01 .left-image { background: url(/sec/sustainability/assets/img/pc/focus/mdi/img_phones07_1.png) no-repeat center;background-size: cover;}
.focus .story-content .phones .sd-cut8 .slide02 .left-image { background: url(/sec/sustainability/assets/img/pc/focus/mdi/img_phones07_2.jpg) no-repeat center;background-size: cover;}
.focus .story-content .phones .sd-cut8 .slide03 .left-image { background: url(/sec/sustainability/assets/img/pc/focus/mdi/img_phones07_3.jpg) no-repeat center;background-size: cover;}
.focus .story-content .phones .sd-cut8 .swiper-slide2.active .left-image{opacity: 1 !important;  visibility: visible; z-index: 1;}
.focus .story-content .phones .sd-cut8 .swiper-slide2 .text-inner {position: relative; width: 35.714rem;}
.focus .story-content .phones .sd-cut8 .btn-wrap {position: absolute; top: 0; left: 0; width: 100%; height: 100vh;}
.focus .story-content .phones .sd-cut8 .btn-wrap .btn-wrap-inner {position: absolute; top: 50%; left: calc(50% + 12.214rem); transform: translateY(-50%); width: 35.714rem !important; display: flex; height: 25.643rem; z-index: 99;}
.focus .story-content .phones .sd-cut8 .btn-wrap .btn-wrap-inner span {font-size: 1.571rem; line-height: 2.143rem; color: #fff;}
.focus .story-content .phones .sd-cut8 .btn-wrap .btn-wrap-inner .btn-num {color: #006A73; width: 2.143rem; height: 2.143rem; border-radius: 50%; background-color: #fff; font-size: 1.571rem; line-height: 2.143rem;}
.focus .story-content .phones .sd-cut8 .btn-wrap .btn-wrap-inner .btn-num:nth-child(1) {margin-left: 1.143rem;}
.focus .story-content .phones .sd-cut8 .btn-wrap .btn-wrap-inner .btn-num {margin-left: 0.571rem; background-color: rgba(255, 255, 255, 0.2);}
.focus .story-content .phones .sd-cut8 .btn-wrap .btn-wrap-inner .btn-num.on {background-color: #fff; font-weight:700;}
.focus .story-content .phones .sd-cut8 .swiper-slide2 .title {z-index: 0;opacity: 0; }
.focus .story-content .phones .sd-cut8 .swiper-slide2 .text {font-size: 1.286rem; line-height: 1.714rem; font-weight: 400 !important; z-index: 0;opacity: 0; }
.focus .story-content .phones .sd-cut8 .swiper-slide2 .text-sm {margin-top: 1.714rem; font-size: 1rem; line-height: 1.357rem; font-weight: 400 !important;}
.focus .story-content .phones .sd-cut8 .swiper-slide2.active .title {z-index: 1;opacity: 1; }
.focus .story-content .phones .sd-cut8 .swiper-slide2.active .text {z-index: 1;opacity: 1; }
.focus .story-content .phones .sd-cut9 {background: url(/sec/sustainability/assets/img/pc/focus/mdi/img_phones08.jpg) no-repeat center;background-size: cover;}
.focus .story-content .phones .sd-cut9 > div { position: static; width: auto; height: auto; margin: auto;}
.focus .story-content .phones .sd-cut9 > div::after {display: none;}
.focus .story-content .phones .sd-cut9 .text-phone {margin-top: 0;}
.focus .story-content .phones .sd-cut9 .inner-wrap {position: relative; height: 100vh;}
.focus .story-content .phones .sd-cut9 .inner-wrap .phone-wrap {display: flex;justify-content: center;align-items: center;flex-direction: column;height: 100%;}
.focus .story-content .phones .sd-cut9 .inner-wrap .phone-inner {display: flex;justify-content: center;flex-direction: column;align-items: center;color:#fff; /*padding-top:9.714rem;*/}
.focus .story-content .phones .sd-cut9 .inner-wrap .phone-inner .title-wrap {display:flex; align-items: center; justify-content: center; flex-direction: column; text-align: center;}
.focus .story-content .phones .sd-cut9 .inner-wrap .phone-inner .title-wrap .sub {display:block; font-size:1.571rem; line-height:2.143rem;padding-bottom:1.429rem;}
.focus .story-content .phones .sd-cut9 .inner-wrap .phone-inner .title-wrap .title {display:block; font-size:3.143rem; line-height:3.786rem;}
.focus .story-content .phones .sd-cut9 .inner-wrap .phone-inner .step-list {height:100%;margin:2.857rem 0 1.429rem;}

.focus .story-content .phones .sd-cut9 .inner-wrap .text-box {display:block; font-size:1rem; line-height: 1.357rem; color:#fff;}
.focus .story-content .phones .sd-cut9 .inner-wrap .btn-box {display:flex;  justify-content: center; align-items: center; position:initial; width:100%; gap:1rem;margin: 1.429rem 0 1.875rem; flex-direction: column;}
.focus .story-content .phones .sd-cut9 .inner-wrap .btn-box .process-btn {display: inline-block; padding: 0.714rem 1.714rem 0.786rem 1.714rem; font-weight: 700; border-radius: 35.714rem; background-color: transparent; font-size: 1rem; line-height: 1.357rem; color: #fff; border:1px solid #fff;}
.focus .story-content .phones .sd-cut9 .go-participant {display: inline-block; padding: 0.714rem 1.714rem 0.786rem 1.714rem; font-weight: 700; border-radius: 35.714rem; background-color: #fff; font-size: 1rem; line-height: 1.357rem; color: #006A73; }
.focus .story-content .phones .sd-cut9 a.privacy-btn {position:relative; display:inline-block; font-size: 1rem; line-height: 1.357rem; font-weight:700; color:#fff; padding-bottom: 0.214rem;}
.focus .story-content .phones .sd-cut9 a.privacy-btn:after {position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #fff; content: '';}
.focus .story-content .phones .btn-area.scroll.lottie {position: static; left: 0; transform: translate(0, 0); width: 5.5rem; margin: 1rem auto 0; white-space: nowrap;}
.focus .story-content .phones .btn-area.scroll.lottie .btn-scroll::before {height: 2.8rem;}
.focus .story-content .phones .btn-area.scroll.lottie.type01 { position: absolute;bottom: 7.4vh;left: 50%;transform: translate(-50%, 0);}
.focus .story-content .phones .sd-cut8 .swiper-slide2.active .text-area {z-index: 99}

/* // TV 릴루미노 모드  */
.focus .relumino-content {position:relative;}
.focus .relumino-content .ir-pm { display:block; overflow: hidden;font-size: 0;line-height: 0;text-indent: -9999px;}
.focus .relumino-content [class *= "sd-cut"] {height:100vh !important;overflow: hidden;position: relative;}
.focus .relumino-content .relumino-detail > div .text-area { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 75.25rem; color: #fff;  text-align: center;}
.focus .relumino-content .relumino-detail > div.news-section .text-area { position: static; transform: none; width: auto; color: #000; text-align: left;}

.focus .relumino-content .relumino-detail .sd-cut1 .kv-wrap,
.focus .story-content .story-detail .sd-cut2 .kv-wrap{position:relative; width:100%; height:100%;}
.focus .relumino-content .relumino-detail .sd-cut1 .kv-wrap .kv-slide-list,
.focus .story-content .story-detail .sd-cut2 .kv-wrap .kv-slide-list{width:100%; height:100%; }
.focus .relumino-content .relumino-detail .sd-cut1 .kv-wrap .kv-slide-list .swiper-slide,
.focus .story-content .story-detail .sd-cut2 .kv-wrap .kv-slide-list .swiper-slide {width:100%; height:100%; }
.focus .relumino-content .relumino-detail .sd-cut1 .kv-wrap .kv-slide-list .swiper-slide.slide01 {background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_relumino01.jpg') no-repeat center center/cover;}
.focus .relumino-content .relumino-detail .sd-cut1 .kv-wrap .kv-slide-list .swiper-slide.slide02 {background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_relumino02.png') no-repeat center center/cover;}
.focus .story-content .story-detail .sd-cut2 .kv-wrap .kv-slide-list .swiper-slide {background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_patagonia02.png') no-repeat center center/cover;}
.focus .relumino-content .relumino-detail .sd-cut1 .kv-wrap .kv-slide-list .text-area {color:#fff;}
.focus .relumino-content .relumino-detail .sd-cut1 .kv-wrap .kv-slide-list .text-area .tit {font-size:4.286rem; line-height:5.143rem; font-weight:700;}
.focus .relumino-content .relumino-detail .sd-cut1 .kv-wrap .kv-slide-list .text-area .text {margin-top:2.857rem; font-size:1.286rem; line-height:1.714rem;}
.focus .relumino-content .relumino-detail .sd-cut1 .kv-wrap .button-area{ position:absolute; bottom:1.72rem; left:50%; transform:translateX(-50%); z-index:1; width:100%; text-align:center;}
.focus .relumino-content .relumino-detail .sd-cut1 .kv-wrap .button-area .swiper-button-prev,
.focus .relumino-content .relumino-detail .sd-cut1 .kv-wrap .button-area .swiper-button-next{_text-indent: -99999px; width:5.625rem; height: 2.5rem;  display:inline-block; top:initial; left:initial;right:initial; position:relative;color:transparent;}  /* [24.04.25] ios 접근성 수정 */
.focus .relumino-content .relumino-detail .sd-cut1 .kv-wrap .button-area .swiper-button-prev{background:url('/sec/sustainability/assets/img/pc/focus/mdi/prev03.png') no-repeat;background-size:contain;}
.focus .relumino-content .relumino-detail .sd-cut1 .kv-wrap .button-area .swiper-button-next{background:url('/sec/sustainability/assets/img/pc/focus/mdi/next03.png') no-repeat;background-size:contain; margin-left:1rem;}
.focus .relumino-content .relumino-detail .sd-cut1 .kv-wrap .button-area .swiper-button-prev:after,
.focus .relumino-content .relumino-detail .sd-cut1 .kv-wrap .button-area .swiper-button-next:after {content:'';} /* [24.04.25] ios 접근성 추가 */
.focus .relumino-content .btn-area.scroll {position: absolute; bottom: 7.4vh; left: 50%; transform: translate(-50%, 0);}
.focus .relumino-content .btn-area.scroll > .text {display: block; font-weight: 700; border-bottom: 0.125rem solid #fff; margin-bottom: 1rem; color: #fff; margin-top: 0;font-size: 1.125rem !important;line-height: 1.6rem !important;}
.focus .relumino-content .btn-area.scroll.gray > .text { color: #757575; border-color: #757575;}
.focus .relumino-content .btn-scroll::before {display: block; content: ''; width: 2.5rem; height: 2.5rem; background: url('/sec/sustainability/assets/img/pc/common/mdi/icon_scroll.png') no-repeat center center/contain; margin: 0 auto;}
.focus .relumino-content .gray .btn-scroll::before {background-image: url('/sec/sustainability/assets/img/pc/common/mdi/icon_scroll_gray.png')}
.focus .relumino-content .relumino-detail .sd-inner {display: flex;  flex-direction: column;  justify-content: center; height: calc(100vh - 10.929rem); padding-top: 9.714rem;}
.focus .relumino-content .relumino-detail .sd-cut2,
.focus .relumino-content .relumino-detail .sd-cut4,
.focus .relumino-content .relumino-detail .sd-cut8 {background: #006BEA}
.focus .relumino-content .relumino-detail .sd-cut2 .text-area,
.focus .relumino-content .relumino-detail .sd-cut4 .text-area,
.focus .relumino-content .relumino-detail .sd-cut8 .text-area {top:6.571rem; transform: translateX(-50%);}
.focus .relumino-content .relumino-detail .sd-cut2 .text-area .tit,
.focus .relumino-content .relumino-detail .sd-cut4 .text-area .tit,
.focus .relumino-content .relumino-detail .sd-cut8 .text-area .tit {font-size: 3.429rem; line-height:4.143rem; font-weight:700;}
.focus .relumino-content .relumino-detail .sd-cut2 .text-area .text-box {margin-top: 4.5vh;}
.focus .relumino-content .relumino-detail .sd-cut2 .text-area .text-box p,
.focus .relumino-content .relumino-detail .sd-cut4 .text-area .text-box p,
.focus .relumino-content .relumino-detail .sd-cut8 .text-area .text-box p {font-size: 1.286rem; line-height: 1.714rem;}
.focus .relumino-content .relumino-detail .sd-cut2 .text-area .text-box p + p,
.focus .relumino-content .relumino-detail .sd-cut8 .text-area .text-box p + p{margin-top: 1.143rem;}
.focus .relumino-content .relumino-detail .sd-cut2 .text-area .text-box .text-sm {display:block; margin-top:1.143rem; font-size:1rem; line-height:1.357rem;}
.focus .relumino-content .relumino-detail .sd-cut4 .text-area .text-box,
.focus .relumino-content .relumino-detail .sd-cut8 .text-area .text-box {margin-top: 5.9vh;}
.focus .relumino-content .relumino-detail .sd-inner .lottie-area {position:absolute; bottom:7.857rem;transform: translateX(-50%);left: 50%;width: 100%;}
.focus .relumino-content .sd-cut3 {position: relative; width:100%; background-color: #2189FF; }
.focus .relumino-content .sd-cut3 .swiper-container03 { position:relative; background-color: #fff;  height:100%; width:100%; margin: 0 auto;}
.focus .relumino-content .sd-cut3 .swiper-slide03 {display: flex; position: absolute; width: 100%; top: 0; left: 0; height: 100vh;}
.focus .relumino-content .sd-cut3 .swiper-slide03 .left-image {width: 50%; height: 100%; transition: .3s ease; opacity: 0; visibility: hidden;}
.focus .relumino-content .sd-cut3 .swiper-slide03 .text-area {display: flex; width: 50%; height:42rem; padding-left: 12.214rem; position: absolute; transform: translateY(-50%); text-align: initial;}
.focus .relumino-content .sd-cut3 .slide01 .left-image { background: url(/sec/sustainability/assets/img/pc/focus/mdi/img_relumino_list03_01.png) no-repeat center;background-size: cover;}
.focus .relumino-content .sd-cut3 .slide02 .left-image { background: url(/sec/sustainability/assets/img/pc/focus/mdi/img_relumino_list03_02.png) no-repeat center;background-size: cover;}
.focus .relumino-content .sd-cut3 .slide03 .left-image { background: url(/sec/sustainability/assets/img/pc/focus/mdi/img_relumino_list03_03.png) no-repeat center;background-size: cover;}
.focus .relumino-content .sd-cut3 .slide04 .left-image { background: url(/sec/sustainability/assets/img/pc/focus/mdi/img_relumino_list03_04.png) no-repeat center;background-size: cover;}
.focus .relumino-content .sd-cut3 .swiper-slide03.active .left-image{opacity: 1 !important;  visibility: visible; }
.focus .relumino-content .sd-cut3 .swiper-slide03 .text-inner {position: relative; width: 35.714rem; }
.focus .relumino-content .sd-cut3 .btn-wrap {position: absolute; top: 0; left: 0; width: 100%; height: 100vh;}
.focus .relumino-content .sd-cut3 .btn-wrap .btn-wrap-inner {position: absolute; top: 50%; left: calc(50% + 12.214rem); transform: translateY(-50%); width: 35.714rem !important; display: flex; height: 47.143rem; z-index: 99;}
.focus .relumino-content .sd-cut3 .btn-wrap .btn-wrap-inner span {font-size: 1.571rem; line-height: 2.143rem; color: #006BEA;}
.focus .relumino-content .sd-cut3 .btn-wrap .btn-wrap-inner .btn-num {color: #fff; width: 2.143rem; height: 2.143rem; border-radius: 50%; background-color: #fff; font-size: 1.571rem; line-height: 2.143rem;}
.focus .relumino-content .sd-cut3 .btn-wrap .btn-wrap-inner .btn-num:nth-child(1) {margin-left: 0.286rem;}
.focus .relumino-content .sd-cut3 .btn-wrap .btn-wrap-inner .btn-num {margin-left: 0.786rem; background-color: #757575;}
.focus .relumino-content .sd-cut3 .btn-wrap .btn-wrap-inner .btn-num.on {background-color: #006bea; font-weight:700;}
.focus .relumino-content .sd-cut3 .swiper-slide03 .title {z-index: 0;opacity: 0; }
.focus .relumino-content .sd-cut3 .swiper-slide03 .text {font-size: 1.286rem; line-height: 1.714rem; font-weight: 400 !important; z-index: 0;opacity: 0; }
.focus .relumino-content .sd-cut3 .swiper-slide03 .text-sm {display:block;margin-top: 1.714rem; font-size: 0.857rem; line-height: 1.143rem; font-weight: 400 !important;color:#313131;}
.focus .relumino-content .sd-cut3 .swiper-slide03 .avatar {z-index:0;opacity:0;}
.focus .relumino-content .sd-cut3 .swiper-slide03.active .title {font-size: 2.286rem; line-height: 3rem; font-weight:700; text-align: left; margin-top: 5rem; z-index: 1;opacity: 1; color:#000;}
.focus .relumino-content .sd-cut3 .swiper-slide03.active .text {z-index: 1;opacity: 1; }
.focus .relumino-content .sd-cut3 .swiper-slide03.active .text p {display:block; font-size: 1.286rem; line-height: 1.714rem; margin-top: 2.286rem;z-index: 1;opacity: 1; color:#313131;}
.focus .relumino-content .sd-cut3 .swiper-slide03.active .text p + p{margin-top: 1.143rem;}
.focus .relumino-content .sd-cut3 .swiper-slide03.active .text .step-2-list {margin-top:1.143rem;}
.focus .relumino-content .sd-cut3 .swiper-slide03.active .text .step-2-list li {position: relative; padding-left: 3.429rem; font-size: 1.286rem; line-height: 1.714rem; color:#313131;}
.focus .relumino-content .sd-cut3 .swiper-slide03.active .text .step-2-list li:before {content:'2017';position:absolute; top:0; left:0; color: #006BEA; font-weight:700;}
.focus .relumino-content .sd-cut3 .swiper-slide03.active .text .step-2-list li:nth-child(2):before {content:'2018';}
.focus .relumino-content .sd-cut3 .swiper-slide03.active .text .step-2-list li:nth-child(3):before {content: '2022';}
.focus .relumino-content .sd-cut3 .swiper-slide03.active .text .step-2-list li:nth-child(4):before {content: '2023';}
.focus .relumino-content .sd-cut3 .swiper-slide03.active .text .step-2-list li + li {margin-top: 0.571rem;}
.focus .relumino-content .sd-cut3 .swiper-slide03.active .avatar {position: relative; margin-top: 2.286rem; line-height: 2rem; padding-left: 2.714rem; text-align: left; z-index:1; opacity:1; color:#313131;}
.focus .relumino-content .sd-cut3 .swiper-slide03.active .avatar:before {display:block; content:''; background: url('/sec/sustainability/assets/img/pc/focus/mdi/icon_avatar_blue.png') no-repeat center;background-size: contain; width: 2rem; height: 2rem; position:absolute; top:0; left:0;}
.focus .relumino-content .sd-cut3 .swiper-slide03.active .text-area {z-index: 99}
.focus .relumino-content .sd-cut5,
.focus .relumino-content .sd-cut7  {height: auto;}
.focus .relumino-content .sd-cut5 > div,
.focus .relumino-content .sd-cut7 > div {position: relative; width: 100%; height: 100%;}
.focus .relumino-content .sd-cut5 > div .text-area .sup,
.focus .relumino-content .sd-cut7 > div .text-area .sup {font-size: 1.571rem; line-height: 2.143rem; font-weight:700; color: #006bea;}
.focus .relumino-content .sd-cut5 > div .text-area .title,
.focus .relumino-content .sd-cut7 > div .text-area .title {font-size: 2.286rem; line-height: 3rem; font-weight: 700; margin-top: 5.357rem; margin-bottom: 2.286rem;}
.focus .relumino-content .sd-cut5 > div .text-area .text,
.focus .relumino-content .sd-cut7 > div .text-area .text {font-size: 1.286rem; line-height: 1.714rem;}
.focus .relumino-content .sd-cut5 > div .text-area .avatar {position: relative; margin-top: 1.714rem; font-size: 1rem; line-height: 2rem; padding-left: 2.714rem; text-align: left;}
.focus .relumino-content .sd-cut5 > div .text-area .avatar:before {display:block; content:''; background: url('/sec/sustainability/assets/img/pc/focus/mdi/icon_avatar_blue.png') no-repeat center;background-size: contain; width: 2rem; height: 2rem; position:absolute; top:0; left:0;}
.focus .relumino-content .sd-cut5 .pc-only .box,
.focus .relumino-content .sd-cut7.pc-only .box {display:flex; width:100%; height:100vh;justify-content:space-between;}
.focus .relumino-content .sd-cut5 .pc-only .box .left-text,
.focus .relumino-content .sd-cut7.pc-only .box .left-text {width:50%; height:100%; position:relative; transform:initial; width:auto; color:#000; flex:1; text-align: initial;}
.focus .relumino-content .sd-cut5 .pc-only .box .left-text .text-area,
.focus .relumino-content .sd-cut7.pc-only .box .left-text .text-area {display:flex;flex-direction: column; position:absolute; transform:translate(-50%,-50%); width:43.3125rem; color:#000; text-align: initial;}
.focus .relumino-content .sd-cut5 .pc-only .box .right-image,
.focus .relumino-content .sd-cut7.pc-only .box .right-image {width:50%; height:100%;}
.focus .relumino-content .sd-cut5 .btn-area,
.focus .relumino-content .sd-cut7 .btn-area {z-index:1;}
.focus .relumino-content .sd-cut5 .btn-area .text,
.focus .relumino-content .sd-cut7 .btn-area .text {color:#006BEA;border-bottom:0.125rem solid #006BEA}
.focus .relumino-content .sd-cut5 .btn-area .btn-scroll:before,
.focus .relumino-content .sd-cut7 .btn-area .btn-scroll:before {background: url('/sec/sustainability/assets/img/pc/common/mdi/icon_scroll_blue.png') no-repeat center center/contain}
.focus .relumino-content .sd-cut5 .box .right-image { background:url('/sec/sustainability/assets/img/pc/focus/mdi/img_relumino_list05_01.png') no-repeat top center;}
.focus .relumino-content .sd-cut7 .box .right-image { background:url('/sec/sustainability/assets/img/pc/focus/mdi/img_relumino_list07_02.jpg') no-repeat top center; background-size:100% 100%;}
.focus .relumino-content .sd-cut6 .col2 {position: relative; width: 100%; height: 100%;z-index: 1}
.focus .relumino-content .sd-cut6 .col2 > div {position: absolute; width: 100%; height: 100%; display: none; /*aspect-ratio: 1920/1080;*/}
.focus .relumino-content .sd-cut6 .col2 .box {position: relative; width: 50%;  height: 100%; background: #006BEA;}
.focus .relumino-content .sd-cut6 .col2 .right-image {width: 100%; height: 100%;}
.focus .relumino-content .sd-cut6 .col2 .right-image:after {display: block; content: ''; position: absolute; top: 0; right: 0; width: 50%; height: 100%; background-repeat:no-repeat; background-position: center; background-size: cover;}
.focus .relumino-content .sd-cut6 .col2 .cut1 .right-image:after {background-image: url('/sec/sustainability/assets/img/pc/focus/mdi/img_relumino_list06_01.png');}
.focus .relumino-content .sd-cut6 .col2 .cut2 .right-image:after {background-image: url('/sec/sustainability/assets/img/pc/focus/mdi/img_relumino_list06_02.png');}
.focus .relumino-content .sd-cut6 .col2 .cut3 .right-image:after {background-image: url('/sec/sustainability/assets/img/pc/focus/mdi/img_relumino_list06_03.png');}
.focus .relumino-content .sd-cut6 .col2 .box .text-area {top: 45%; width: 43.3125rem; color: #fff; text-align: left;}
.focus .relumino-content .sd-cut6 .col2 .box .text-area .fix-area {opacity: 1 !important;animation:none !important; transform:translateY(0) !important;}
.focus .relumino-content .sd-cut6 .col2 .box .text-area .bottom-area {height:15.714rem;}
.focus .relumino-content .sd-cut6 .col2 .box .text-area .sup {text-align: left; font-size: 1.571rem; line-height: 2.143rem; font-weight: 700;}
.focus .relumino-content .sd-cut6 .col2 .box .text-area .title {font-size: 2.286rem; line-height: 3rem; font-weight: 700; padding-top: 5.357rem;}
.focus .relumino-content .sd-cut6 .col2 .box .text-area .process {display:inline-block; font-size: 1.286rem; line-height: 1.714rem; font-weight: 700; border-bottom: 2px solid #fff; margin: 2.286rem 0 1.714rem;}
.focus .relumino-content .sd-cut6 .col2 .box .text-area .text {font-size: 1.286rem; line-height: 1.714rem;}
.focus .relumino-content .sd-cut6 .col2 .box .text-area .sm-text {font-size: 1rem; line-height: 1.357rem; margin-top: 1.714rem;}
.focus .relumino-content .sd-cut6 .col2 > *.active {animation: fadeIn .2s both !important;}
.focus .relumino-content .sd-cut6 .indicator {position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); width: 35.3125rem; height: 0.5rem; text-align: left; z-index: 2; line-height: 0;}
.focus .relumino-content .sd-cut6 .indicator a, .indicator span {display: inline-block; width: 0.5rem; height: 0.5rem; border-radius: 50%; background: #757575; transition: .3s ease;}
.focus .relumino-content .sd-cut6 .indicator a.active, .indicator span.swiper-pagination-bullet-active {animation-fill-mode: none !important;transform: scale(1.2); background: #000; opacity: 1; }
.focus .relumino-content .sd-cut6 .indicator a + a, .indicator span + span {margin-left: 0.5rem;}
.focus .relumino-content .sd-cut6 .indicator-area {position: absolute; bottom: 5.125rem; left: 0; width: 50%;max-width: 60rem; height: 0.5rem; z-index: 1000}
.focus .relumino-content .sd-cut6 .indicator-area .pagination{display: flex;align-items: center;position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); width: 35.3125rem; color: #fff;}
.focus .relumino-content .sd-cut6 .indicator-area .pagination .dash{padding:0 1rem }
.focus .relumino-content .sd-cut6 .indicator-area .pagination .pagination_fraction{display: flex;align-items: center;justify-content: space-around;width: 7.625rem}
.focus .relumino-content .sd-cut6 .indicator-area .pagination .current{display: flex;justify-content: flex-end;width: 3rem;height: 1rem}
.focus .relumino-content .sd-cut6 .indicator-area .pagination .total{display: flex;justify-content: flex-start;width: 3rem;height: 1rem}
.focus .relumino-content .sd-cut6 .pagination .prev{display: inline-block;background: url("/sec/sustainability/assets/img/pc/common/mdi/arrow_left_paging_white.png") no-repeat center;background-size: 0.75rem auto;width: 1.875rem;height: 1.875rem;text-indent: -625rem}
.focus .relumino-content .sd-cut6 .pagination .next{display: inline-block;background: url("/sec/sustainability/assets/img/pc/common/mdi/arrow_right_paging_white.png") no-repeat center;background-size: 0.75rem auto;width: 1.875rem;height: 1.875rem;text-indent: -625rem}
.focus .relumino-content .sd-cut9 {background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_relumino_list09_01.png') no-repeat center center/cover;}
.focus .relumino-content .sd-cut9 .swiper-container2 .swiper-wrapper2 .swiper-slide2 {display:flex;position:absolute;top:0; left:0; width:100%; height:100%; transition: opacity 0.3s ease;}
.focus .relumino-content .sd-cut9 .swiper-container2 .swiper-wrapper2 .swiper-slide2 .bg {width:100%; height:100%; transition:.3s ease; opacity:0;}
.focus .relumino-content .sd-cut9 .swiper-container2 .swiper-wrapper2 .swiper-slide2.slide01 .bg {background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_relumino_list09_01.png') no-repeat center center/cover;}
.focus .relumino-content .sd-cut9 .swiper-container2 .swiper-wrapper2 .swiper-slide2.slide02 .bg {background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_relumino_list09_02.png') no-repeat center center/cover;}
.focus .relumino-content .sd-cut9 .swiper-container2 .swiper-wrapper2 .swiper-slide2.slide01.active .bg,
.focus .relumino-content .sd-cut9 .swiper-container2 .swiper-wrapper2 .swiper-slide2.slide02.active .bg {opacity: 1; transform: translateY(0); transition: all .8s ease;}
.focus .relumino-content .sd-cut9 .swiper-container2 {position:relative; height:100%; margin:0 auto; }
.focus .relumino-content .sd-cut9 .swiper-container2 .btn-wrap {position:absolute; z-index:10;}
.focus .relumino-content .sd-cut9 .swiper-container2 .swiper-wrapper2 .swiper-slide2.slide01.active .text-area .text-inner .img-box .bar,
.focus .relumino-content .sd-cut9 .swiper-container2 .swiper-wrapper2 .swiper-slide2.slide02.active .text-area .text-inner .img-box .bar{opacity:1; background:#006BEA; height:35.714rem; position:absolute;}
.focus .relumino-content .sd-cut9 .swiper-container2 .swiper-wrapper2 .swiper-slide2.slide01.active .text-area .text-inner .img-box .bar:before {content:''; position:absolute; top:0; left:0; background:#EEEEEE; height:50%; width:100%;}
.focus .relumino-content .sd-cut9 .swiper-container2 .swiper-wrapper2 .swiper-slide2.slide02.active .text-area .text-inner .img-box .bar:before {content:''; position:absolute; top:50%; left:0; background:#EEEEEE; height:50%; width:100%;}
.focus .relumino-content .sd-cut9 .swiper-container2 .swiper-wrapper2 .swiper-slide2.active .text-area .text-inner .text-box {opacity:1; transform: translateY(0); transition:all 1s ease;}
#contents.focus .relumino-content .sd-cut9 .swiper-container2 .swiper-wrapper2 .swiper-slide2.active .text-area .text-inner .img-box {opacity:1; transform: translateY(0); transition:all 1s ease;}
.focus .relumino-content .sd-cut9 .swiper-container2 .swiper-wrapper2 .swiper-slide2.active .text-area .text-inner .text-box .text {font-size: 1.571rem; line-height: 2.143rem; font-weight: 400;}
.focus .relumino-content .sd-cut9 .swiper-container2 .swiper-wrapper2 .swiper-slide2.active .text-area .text-inner .text-box .text + .text {margin-top: 0.571rem}
.focus .relumino-content .sd-cut9 .swiper-container2 .swiper-wrapper2 .swiper-slide2.active .text-area .text-inner .img-box img {opacity:1;}
.focus .relumino-content .sd-cut9 .swiper-container2 .swiper-wrapper2 .swiper-slide2.active .text-area {opacity:1;}
.focus .relumino-content .sd-cut9 .swiper-container2 .swiper-wrapper2 .swiper-slide2.active .text-area .text-inner .text-box .avatar {opacity:1; transform: translateY(0); transition:all .7s ease;}
.focus .relumino-content .sd-cut9 .swiper-container2 .swiper-wrapper2 .swiper-slide2.active {z-index: 99}
.focus .relumino-content .sd-cut9 .swiper-container2 .swiper-wrapper2 .swiper-slide2 .text-area { width:100%; opacity:0; }
.focus .relumino-content .sd-cut9 .swiper-container2 .swiper-wrapper2 .swiper-slide2 .text-area .text-inner {display: flex; justify-content: center; align-items: center; flex-direction: column; width:100%; height:100%; }
#contents.focus .relumino-content .sd-cut9 .swiper-container2 .swiper-wrapper2 .swiper-slide2 .text-area .text-inner .img-box {opacity:0;transform: translateY(4rem); width:57.143rem; height:35.714rem; display:block; transition: all .5s ease;}
.focus .relumino-content .sd-cut9 .swiper-container2 .swiper-wrapper2 .swiper-slide2 .text-area .text-inner .img-box img {opacity:0;}
.focus .relumino-content .sd-cut9 .swiper-container2 .swiper-wrapper2 .swiper-slide2 .text-area .text-inner .img-box .bar {opacity:0; position:absolute; top:0; right: -20px;  width:5px; height:31.25rem;}
.focus .relumino-content .sd-cut9 .swiper-container2 .swiper-wrapper2 .swiper-slide2 .text-area .text-inner .text-box {position: static; margin-top: 4.571rem; width:100%;transform: translateY(4rem); opacity: 0;  transition: all .5s ease; }
.focus .relumino-content .sd-cut9 .swiper-container2 .swiper-wrapper2 .swiper-slide2 .text-area .text-inner .text-box .text { font-size: 1.286rem; line-height: 1.714rem;}
.focus .relumino-content .sd-cut9 .swiper-container2 .swiper-wrapper2 .swiper-slide2 .text-area .text-inner .text-box .avatar {position: relative; margin-top: 1.714rem; font-size: 1rem; line-height: 2rem; padding-left: 2.714rem; display:flex; justify-content: center; align-items:center; gap:0.714rem; }
.focus .relumino-content .sd-cut9 .swiper-container2 .swiper-wrapper2 .swiper-slide2 .text-area .text-inner .text-box .avatar img {width:2rem; height:2rem;}
#contents.focus .relumino-content .sd-cut9 .swiper-container2 .swiper-wrapper2 .img-box.scroll-reveal-active {animation:initial;}
.focus .relumino-content .relumino-detail .sd-cut10 .text-area .tit,
.focus .relumino-content .relumino-detail .sd-cut14 .text-area .tit{font-size:3.429rem; line-height: 4.143rem; font-weight: 700;}
.focus .relumino-content .relumino-detail .sd-cut10 .text-area .text-box,
.focus .relumino-content .relumino-detail .sd-cut14 .text-area .text-box {padding-top: 4.571rem; }
.focus .relumino-content .relumino-detail .sd-cut10 .text-area .text-box p,
.focus .relumino-content .relumino-detail .sd-cut14 .text-area .text-box p {font-size: 1.286rem; line-height:1.714rem;}
.focus .relumino-content .relumino-detail .sd-cut10 .text-area .text-box p + p,
.focus .relumino-content .relumino-detail .sd-cut14 .text-area .text-box p + p {margin-top: 1.143rem;}
.focus .relumino-content .relumino-detail .sd-cut10 {background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_relumino_list10_01.png') no-repeat center center/cover;}
.focus .relumino-content .relumino-detail .sd-cut11 .cut11-wrap {position:relative; width:100%; height:100%;}
.focus .relumino-content .relumino-detail .sd-cut11 .cut11-wrap .cut11-slide-list {width:100%; height:100%;}
.focus .relumino-content .relumino-detail .sd-cut11 .cut11-wrap .cut11-slide-list .swiper-slide {width:100%; height:100%;}
.focus .relumino-content .relumino-detail .sd-cut11 .cut11-wrap .cut11-slide-list .swiper-slide.slide01 {background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_relumino_list11_01.png') no-repeat center center/cover;}
.focus .relumino-content .relumino-detail .sd-cut11 .cut11-wrap .cut11-slide-list .swiper-slide.slide02 {background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_relumino_list11_02.png') no-repeat center center/cover;}
.focus .relumino-content .relumino-detail .sd-cut11 .cut11-wrap .cut11-slide-list .text-area {color:#fff;}
.focus .relumino-content .relumino-detail .sd-cut11 .cut11-wrap .cut11-slide-list .text-area .tit {font-size:4.286rem;  line-height:5.143rem; font-weight:700;}
.focus .relumino-content .relumino-detail .sd-cut11 .cut11-wrap .cut11-slide-list .text-area .text {margin-top:2.857rem; }
.focus .relumino-content .relumino-detail .sd-cut11 .cut11-wrap .cut11-slide-list .text-area .text p {display:block;font-size:1.286rem; line-height:1.714rem;}
.focus .relumino-content .relumino-detail .sd-cut11 .cut11-wrap .button-area { position:absolute; bottom:1.72rem; left:50%; transform:translateX(-50%); z-index:1; width:100%; text-align:center;}
.focus .relumino-content .relumino-detail .sd-cut11 .cut11-wrap .button-area .swiper-button-prev,
.focus .relumino-content .relumino-detail .sd-cut11 .cut11-wrap .button-area .swiper-button-next {text-indent: -10000px; width:5.625rem; height: 2.5rem;  display:inline-block; top:initial; left:initial;right:initial; position:relative;}
.focus .relumino-content .relumino-detail .sd-cut11 .cut11-wrap .button-area .swiper-button-prev {background:url('/sec/sustainability/assets/img/pc/focus/mdi/prev03.png') no-repeat;background-size:contain;}
.focus .relumino-content .relumino-detail .sd-cut11 .cut11-wrap .button-area .swiper-button-next {background:url('/sec/sustainability/assets/img/pc/focus/mdi/next03.png') no-repeat;background-size:contain; margin-left:1.5rem;}
.focus .relumino-content .relumino-detail .sd-cut11 .cut11-wrap .indicator {display:none;}
.focus .relumino-content .relumino-detail .sd-cut12 {padding:18vh 0; background:#f7f7f7;}
.focus .relumino-content .relumino-detail .sd-cut13 {background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_relumino03.png') no-repeat center center/cover;}
.focus .relumino-content .relumino-detail .sd-cut13 .text-box p {margin-top:2.857rem; font-size:1.286rem; line-height:1.714rem;}
.focus .relumino-content .relumino-detail .sd-cut14 {background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_relumino_list14_01.png') no-repeat center center/cover;}


/* // 23.12.4 폐휴대폰 수거 프로그램 개인정보 처리방침 */
.waste-privacy-section {max-width: 86rem; padding-top: 11.429rem; margin: 0 auto;}
.waste-privacy-section .waste-privacy-top {}
.waste-privacy-section .waste-privacy-top h2 {font-size: 2.714rem; line-height: 3.286rem; font-weight: 700; text-align: center;}
.waste-privacy-section .waste-privacy-top span {display:block; font-size: 1.286rem; line-height: 1.714rem; margin-top: 4.571rem; color: #555;}
.waste-privacy-section .waste-labeling .title {display: block; padding: 2.143rem 1.714rem; font-size: 1.571rem; line-height: 2.143rem; color:#555; font-weight: 700; background: #eee; text-align: center;}
.waste-privacy-section .waste-labeling .desc {display:block; font-size: 1.286rem; line-height: 1.714rem; margin-top: 1.714rem; color: #757575;}
.waste-privacy-section .waste-labeling ul {display: flex; margin-top: 0.143rem; }
.waste-privacy-section .waste-labeling ul li {display: flex; flex-direction: column; align-items: center; flex:1; border: 1px solid #eee; padding: 2.857rem 3.571rem; max-width: 28.571rem;}
.waste-privacy-section .waste-labeling ul li + li {margin-left: 0.143rem;}
.waste-privacy-section .waste-labeling ul li h5 {font-size: 1.571rem; line-height: 2.143rem; font-weight: 700; color: #555; margin:0; padding-bottom: 2.286rem;}
.waste-privacy-section .waste-labeling ul li .img {display:block; width: 9.143rem; height: 9.143rem; margin: 0 auto;}
.waste-privacy-section .waste-labeling ul li .desc {font-size: 1.571rem; line-height: 2.143rem; padding-top: 2.286rem; color: #555; text-align: center; margin-top: 0;}
.waste-privacy-section .waste-labeling ul li .desc.type1 {text-align: start;}
.waste-privacy-section .waste-labeling ul li .desc.type1 p {line-height: 2.143rem;}
.waste-privacy-section .waste-labeling ul.list-top li:first-child .img {background: url(/sec/sustainability/assets/img/pc/focus/mdi/icon_privacy01.png) no-repeat top center / 100% 100%;}
.waste-privacy-section .waste-labeling ul.list-top li:nth-child(2n) .img {background: url(/sec/sustainability/assets/img/pc/focus/mdi/icon_privacy02.png) no-repeat top center / 100% 100%;}
.waste-privacy-section .waste-labeling ul.list-top li:nth-child(3n) .img {background: url(/sec/sustainability/assets/img/pc/focus/mdi/icon_privacy03.png) no-repeat top center / 100% 100%;}
.waste-privacy-section .waste-labeling ul.list-bottom li:first-child .img {background: url(/sec/sustainability/assets/img/pc/focus/mdi/icon_privacy04.png) no-repeat top center / 100% 100%;}
.waste-privacy-section .waste-labeling ul.list-bottom li:nth-child(2n) .img {background: url(/sec/sustainability/assets/img/pc/focus/mdi/icon_privacy05.png) no-repeat top center / 100% 100%;}
.waste-privacy-section .waste-labeling ul.list-bottom li:nth-child(3n) .img {background: url(/sec/sustainability/assets/img/pc/focus/mdi/icon_privacy06.png) no-repeat top center / 100% 100%;}
.waste-privacy-section .waste-privacy-wrap + .waste-privacy-wrap {padding-top: 5.714rem;}
.waste-privacy-section .waste-privacy-wrap .title-wrap {display: flex; margin-bottom: 2.857rem; align-items: center;}
.waste-privacy-section .waste-privacy-wrap .title-wrap h4 {font-size: 2.286rem; line-height: 3rem; font-weight: 700;}
.waste-privacy-section .waste-privacy-wrap .gray-box {width:100%; background: #f7f7f7; padding: 1.714rem 2.286rem; font-size: 1.571rem; line-height: 2.143rem; font-weight: 700;}
.waste-privacy-section .waste-privacy-wrap .img {margin-left: 1.143rem; height: 3.429rem;}
.waste-privacy-section .waste-privacy-wrap .img.img01 {background: url(/sec/sustainability/assets/img/pc/focus/mdi/img_privacy01.png) no-repeat top center / 100% 100%; width: 15.429rem;}
.waste-privacy-section .waste-privacy-wrap .img.img02 {background: url(/sec/sustainability/assets/img/pc/focus/mdi/img_privacy02.png) no-repeat top center / 100% 100%; width: 3.429rem;}
.waste-privacy-section .waste-privacy-wrap .img.img04 {background: url(/sec/sustainability/assets/img/pc/focus/mdi/img_privacy04.png) no-repeat top center / 100% 100%; width: 3.429rem;}
.waste-privacy-section .waste-privacy-wrap .img.img05 {background: url(/sec/sustainability/assets/img/pc/focus/mdi/img_privacy05.png) no-repeat top center / 100% 100%; width: 7.429rem;}
.waste-privacy-section .waste-privacy-wrap .img.img06 {background: url(/sec/sustainability/assets/img/pc/focus/mdi/img_privacy06.png) no-repeat top center / 100% 100%; width: 11.429rem;}
.waste-privacy-section .waste-privacy-wrap .img.img07 {background: url(/sec/sustainability/assets/img/pc/focus/mdi/img_privacy07.png) no-repeat top center / 100% 100%; width: 15.429rem;}
.waste-privacy-section .waste-privacy-wrap .img.img08 {background: url(/sec/sustainability/assets/img/pc/focus/mdi/img_privacy08.png) no-repeat top center / 100% 100%; width: 3.429rem;}
.waste-privacy-section .waste-privacy-wrap .img.img09 {background: url(/sec/sustainability/assets/img/pc/focus/mdi/img_privacy09.png) no-repeat top center / 100% 100%; width: 3.429rem;}
.waste-privacy-section .waste-privacy-wrap .img.img10 {background: url(/sec/sustainability/assets/img/pc/focus/mdi/img_privacy10.png) no-repeat top center / 100% 100%; width: 3.429rem;}
.waste-privacy-section .waste-privacy-wrap .privacy-content {padding: 1.143rem 1.143rem 0;}
.waste-privacy-section .waste-privacy-wrap .privacy-content span {display:block; font-size: 1.286rem; line-height: 1.714rem;}
.waste-privacy-section .waste-privacy-wrap .privacy-content .privacy-mt {margin-top:1.714rem}
.waste-privacy-section .waste-privacy-wrap .privacy-content .table {width: 100%; padding-top: 1.714rem;}
.waste-privacy-section .waste-privacy-wrap .privacy-content .table.center tr td {text-align:center;}
.waste-privacy-section .waste-privacy-wrap .privacy-content .table.center tr td:first-child {font-weight: 400;}
.waste-privacy-section .waste-privacy-wrap .privacy-content .table thead tr th {background: #f7f7f7; font-size: 1.571rem; line-height: 2.143rem; color: #555; font-weight: 700; padding: 1.5rem 1.714rem;}
.waste-privacy-section .waste-privacy-wrap .privacy-content .table thead tr th + th {margin-left: 0.286rem;}
.waste-privacy-section .waste-privacy-wrap .privacy-content .table tbody tr td:first-child {font-weight: 700;}
.waste-privacy-section .waste-privacy-wrap .privacy-content .table tbody tr td {border-bottom: 1px solid #555; color: #555; padding: 1.714rem; font-size: 1.286rem; line-height: 1.714rem;}
.waste-privacy-section .waste-privacy-wrap .privacy-content .table tbody tr td li { color: #555; line-height: 1.714rem;}
.waste-privacy-section .waste-privacy-wrap .privacy-content .table tbody tr td:first-child {text-align: center;}
.waste-privacy-section .waste-privacy-wrap .privacy-content .table tbody tr td + td { margin-left: 0.286rem;}
.waste-privacy-section .waste-privacy-wrap .privacy-content .table + .desc {padding-top: 1.714rem;}
.waste-privacy-section .waste-privacy-wrap .privacy-content .desc {display: block; font-size: 1.286rem; line-height: 1.714rem;}
.waste-privacy-section .waste-privacy-wrap .privacy-content .desc.gray {color: #757575;}
.waste-privacy-section .waste-privacy-wrap .privacy-content .desc.blue {color: #006bea;}
.waste-privacy-section .waste-privacy-wrap .privacy-content .desc + .desc {margin-top: 0.571rem;}
.waste-privacy-section .waste-privacy-wrap .privacy-content + .gray-box {margin-top: 1.143rem;}
.waste-privacy-section .waste-privacy-wrap .privacy-content p {display: block; font-size: 1.286rem; line-height: 1.714rem;}
.waste-privacy-section .waste-privacy-wrap .privacy-content span + p {padding-top: 1.714rem;}
.waste-privacy-section .waste-privacy-wrap .privacy-content span + .dot-list {padding-top: 1.714rem;}
.waste-privacy-section .waste-privacy-wrap .privacy-content .dot-list + span {padding-top: 1.714rem;}
.waste-privacy-section .waste-privacy-wrap .privacy-content .dot-list li {display:block; font-size: 1.286rem; line-height: 1.714rem;}
.waste-privacy-section .waste-privacy-wrap .privacy-content .dot-list li a.underline {text-decoration: underline; text-underline-position: under;}
.waste-privacy-section .waste-privacy-wrap .privacy-content .list {padding: 1.714rem 0;}
.waste-privacy-section .waste-privacy-wrap .privacy-content .list li {font-size: 1.286rem; line-height: 1.714rem;}



.participant-wrap {overflow-y: auto; min-height: 100vh; background: url(/sec/sustainability/assets/img/pc/focus/mdi/participant-bg.png) no-repeat center; background-size: cover; background-attachment: fixed;}
.participant {height: 100%; width: 100%; overflow-x: hidden; overflow-y: auto;}
.participant .swiper-slide {display: flex; justify-content: center; min-height: 66.5rem; padding-top: 11.429rem; text-align: center; color: #fff;visibility: hidden !important; }
.participant .swiper-slide.swiper-slide-active {visibility: visible !important;}
.participant .swiper-slide .inner-cont p{font-size: 1.286rem; line-height: 1.714rem; }
.participant .swiper-slide .inner-cont .text {margin-top: 5.143rem; padding-top: 9.871rem; display: flex; flex-direction: column; justify-content: space-between;}
.participant .swiper-slide .inner-cont.cont1 .text,
.participant .swiper-slide .inner-cont.cont2 .text {height: 41.429rem;  align-items: center;}
.participant .swiper-slide:nth-child(1) .inner-cont .text{background: url(/sec/sustainability/assets/img/pc/focus/mdi/part-icon_01.png) no-repeat top center / 6.857rem 6.857rem;}
.participant .swiper-slide:nth-child(2) .inner-cont .text{background: url(/sec/sustainability/assets/img/pc/focus/mdi/part-icon_02.png) no-repeat top center / 6.857rem 6.857rem;}
.participant .swiper-slide:nth-child(2) .inner-cont .field-wrap{margin-top: 7.194rem;}
.participant .swiper-slide .inner-cont .text .title{font-size: 3.429rem; line-height: 4.143rem;}
.participant .swiper-slide .inner-cont .text .sub-title{margin-top: 1.429rem; font-size: 1.571rem; line-height: 2.143rem;}
.participant .swiper-slide .inner-cont .text .sub-title a {position:relative; color: #fff;}
.participant .swiper-slide .inner-cont .text .sub-title a::after {position: absolute; content: ''; bottom: -0.143rem; left: 0; width: 100%; height: 0.071rem; background-color: #fff;}
.participant .swiper-slide .inner-cont .text .sm-title{display: inline-block; margin-top: 1.143rem; font-size: 1rem; line-height: 1.357rem;}
.participant .swiper-slide .inner-cont .text .btn-underline {position: relative; display: inline-block; padding-bottom: 0.214rem; margin-top: 2.429rem; font-size: 1.286rem; line-height: 1.714rem; font-weight: 700; color: #fff;}
.participant .swiper-slide .inner-cont .text .btn-underline::after {position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #fff; content: '';}
.participant .swiper-slide .inner-cont .field-wrap fieldset{ border: none;}
.participant .swiper-slide .inner-cont .field-wrap.wrap1{display: flex; margin-top: 4.914rem; width: 39.143rem; height: 9.143rem; border-radius: 1.429rem; background-color: #00000040;}
.participant .swiper-slide .inner-cont .field-wrap.wrap1 fieldset{display: flex; flex-direction: column; align-items: center; flex: 1;justify-content: center;}
.participant .swiper-slide .inner-cont fieldset label{margin-top: 2rem; padding-bottom: 2.843rem; font-size: 1.286rem; line-height: 1.714rem;}
/*.participant .swiper-slide .inner-cont fieldset input {display: none;}*/

.participant .swiper-slide fieldset label{position: relative; cursor: pointer;}
/*.participant .swiper-slide fieldset label::before {position: absolute; width: 1.714rem; height: 1.714rem; background: url(/sec/sustainability/assets/img/pc/focus/mdi/radio-btn.png) no-repeat top center / cover; content: ''}*/
/*.participant .swiper-slide fieldset input:checked + label::before {background: url(/sec/sustainability/assets/img/pc/focus/mdi/radio-btn-active.png) no-repeat top center / cover;}*/
.participant .swiper-slide .field-wrap.wrap1 fieldset label{margin-top: 0rem; padding-bottom: 1.143rem;}
.participant .swiper-slide .inner-cont fieldset input {width:1.714rem; height:1.714rem;}
.participant .swiper-slide .inner-cont fieldset input[type="radio"] {-webkit-appearance: none;-moz-appearance: none;appearance: none; width: 1.714rem;height: 1.714rem;background: url(/sec/sustainability/assets/img/pc/focus/mdi/radio-btn.png) no-repeat top center / cover;cursor: pointer;}
.participant .swiper-slide .inner-cont fieldset input[type="radio"]:checked {background: url(/sec/sustainability/assets/img/pc/focus/mdi/radio-btn-active.png) no-repeat top center / cover;}
/*.participant .swiper-slide .field-wrap.wrap1 fieldset label::before{ bottom: 0; left: 50%; transform: translateX(-50%); }*/

.participant .swiper-slide .inner-cont.cont3 .text{padding-top: 0;margin-top: 0; text-align: left;}
.participant .swiper-slide .inner-cont.cont3 .text .sub-title{}
.participant .swiper-slide .inner-cont.cont3 .text .sm-title{background-color: #00000040; width: 39.429rem; margin-top: 1.143rem; padding: 1.143rem 1.679rem;}
.participant .swiper-slide .inner-cont.cont3 .text .sm-title-item{position: relative; padding-left: 0.938rem; font-size: 1rem;line-height: 1.357rem;}
.participant .swiper-slide .inner-cont.cont3 .text .sm-title-item a{position: relative; font-size: 1rem;line-height: 1.357rem; color: #fff;}
.participant .swiper-slide .inner-cont.cont3 .text .sm-title-item a::after{position: absolute; bottom: -0.5px; left: 0; content: ''; background-color: #FFFFFF; width: 100%; height: 0.5px; opacity: 0.5;}
.participant .swiper-slide .inner-cont.cont3 .text .sm-title-item a:hover{opacity: 0.8;}
.participant .swiper-slide .inner-cont.cont3 .text .sm-title-item::after{position: absolute; top: 0.357rem; left: 0.357rem; width: 0.214rem; height: 0.214rem; border-radius: 50%; content: ''; background-color: #fff;}
.participant .swiper-slide .inner-cont.cont3 .text .wrap {margin-top: 2.857rem;}
.participant .swiper-slide .inner-cont.cont3 .text .wrap .sub-title{display: flex; align-items: center; margin-top: 0;}
.participant .swiper-slide .inner-cont.cont3 .text .wrap .sm-tit{margin-left: 0.286rem; font-size: 1.286rem; line-height: 1.714rem;}
.participant .swiper-slide .inner-cont.cont3 .text fieldset {display: flex; align-items:center; padding: 0; margin: 1.714rem 0 0 0;}
.participant .swiper-slide .inner-cont.cont3 input[type="checkbox"] {-webkit-appearance: none;-moz-appearance: none;appearance: none; width: 1.714rem;height: 1.714rem;background: url(/sec/sustainability/assets/img/pc/focus/mdi/radio-btn.png) no-repeat top center / cover;cursor: pointer;}
.participant .swiper-slide .inner-cont.cont3 input[type="checkbox"]:checked {background: url(/sec/sustainability/assets/img/pc/focus/mdi/radio-btn-active.png) no-repeat top center / cover;}
.participant .swiper-slide .inner-cont.cont3 .text fieldset.personal-info {justify-content: flex-start;}
.participant .swiper-slide .inner-cont.cont3 .text fieldset.personal-info .read-more-terms {position:relative; padding: 0.15rem; color: #fff; font-size: 1rem; line-height: 1.357rem; font-weight: 700; border-bottom:1px solid #fff; margin-left:0.571rem}
/*.participant .swiper-slide .inner-cont.cont3 .text fieldset.personal-info .read-more-terms:after {position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #fff; content: '';}*/
.participant .swiper-slide .inner-cont.cont3 .text fieldset.check-all {align-items: center; border-bottom: 1px solid #6ACAEC; padding-bottom: 0.571rem; justify-content:space-between;}
.participant .swiper-slide .inner-cont.cont3 .text fieldset.check-all .check-all-cont {display:flex; justify-content: center; align-items: center;}
.participant .swiper-slide .inner-cont.cont3 .text fieldset.check-all label {font-size: 1.571rem; line-height: 2.143rem;}
.participant .swiper-slide .inner-cont.cont3 .text fieldset label{padding-left: 1rem; font-weight: 700;}
.participant .swiper-slide .inner-cont.cont3 .text fieldset label::before{left: 0; top: 0;}
.participant .swiper-slide .inner-cont.cont3 .text fieldset label {margin-top: 0; padding-bottom: 0;}
.participant .swiper-slide .inner-cont.cont3 .text fieldset .view-terms {padding: 0.286rem 0.571rem 0.357rem 0.571rem; border: 1px solid #fff; border-radius: 0.357rem; font-size: 1rem; line-height: 1.357rem; color: #fff;}

.participant .swiper-slide .cont4 {width: 48.286rem;}
.participant .swiper-slide .cont4 .hide {display: none !important;}
.participant .swiper-slide .cont4 .field-wrap{position: relative;}
.participant .swiper-slide .cont4 .field-wrap fieldset{position: relative; display: flex; align-items: center; justify-content: space-between; padding: 0; margin: 0.571rem 0 0 0; border: none;}
.participant .swiper-slide .cont4 .field-wrap fieldset.show {display:flex !important;}
.participant .swiper-slide .cont4 .field-wrap fieldset textarea,
.participant .swiper-slide .cont4 .field-wrap fieldset input{flex: 1; padding: 1.071rem 9.143rem 1.286rem 0; margin-left: 2.857rem; background-color: transparent; border: none; border-bottom: 1px solid #6ACAEC; font-size: 1.286rem; line-height: 1.714rem; color: #EEEEEE;}
.participant .swiper-slide .cont4 .field-wrap fieldset textarea[name='delivery'] {display: none;}
.participant .swiper-slide .cont4 .field-wrap fieldset .disable-input {display:flex; flex:1;position:relative;}
.participant .swiper-slide .cont4 .field-wrap fieldset .disable-input:after {content:'';display:block; position:absolute; width: 75%; height: 1.714rem; background: #000; bottom: 1.286rem; top:1.071rem; right:9.143rem; left:2.857rem; opacity: 0.28;}
.participant .swiper-slide .cont4 .field-wrap fieldset .disable-input.active {}
.participant .swiper-slide .cont4 .field-wrap fieldset .disable-input.active:after {display:none;}
.participant .swiper-slide .cont4 .field-wrap fieldset textarea::placeholder,
.participant .swiper-slide .cont4 .field-wrap fieldset input::placeholder{font-size: 1.286rem; line-height: 1.714rem; color: #EEEEEE;}
.participant .swiper-slide .cont4 .field-wrap fieldset label, .label-text{display: inline-block; width: 6.857rem; font-size: 1.286rem; text-align: left; line-height: 1.714rem; color: #fff; cursor: auto;}
.participant .swiper-slide .cont4 .field-wrap fieldset .txt {display: none;}
.participant .swiper-slide .cont4 .field-wrap fieldset .field-btn {position: absolute; top: 50%; right: 0; transform: translateY(-50%); padding: 0.286rem 0.571rem 0.346rem; background-color: #fff; font-weight: 700; border-radius: 0.357rem; color: #006A73; font-size: 1rem; line-height: 1.357rem;  cursor: pointer;}
.participant .swiper-slide .cont4 .field-wrap fieldset:not(.delivery-field) label::before {display: none;}
.participant .swiper-slide .cont4 .field-wrap fieldset.delivery-field {justify-content: flex-start; align-items: flex-start; margin-top: 1.714rem;}
.participant .swiper-slide .cont4 .field-wrap fieldset.delivery-field .delivery-box {display: flex; flex-direction: column; flex:1;}
.participant .swiper-slide .cont4 .field-wrap fieldset.delivery-field .delivery-box .desc {align-self: flex-start; margin-left: 2.857rem; margin-top: 1.143rem; font-size: 1.286rem; text-align: left; line-height: 1.714rem; font-weight: 700;}
.participant .swiper-slide .cont4 .field-wrap fieldset.delivery-field .input-wrap{margin-left: 2.857rem; display:flex; align-items: center;justify-content: center;}
.participant .swiper-slide .cont4 .field-wrap fieldset.delivery-field .input-wrap input[type="radio"] {margin:0; padding:0;webkit-appearance: none;-moz-appearance: none;appearance: none;width: 1.714rem;height: 1.714rem;background: url(/sec/sustainability/assets/img/pc/focus/mdi/radio-btn.png) no-repeat top center / cover;cursor: pointer; flex:none; border-bottom:none; }
.participant .swiper-slide .cont4 .field-wrap fieldset.delivery-field .input-wrap input[type="radio"]:checked {background: url(/sec/sustainability/assets/img/pc/focus/mdi/radio-btn-active.png) no-repeat top center / cover;}
.participant .swiper-slide .cont4 .field-wrap fieldset.delivery-field .input-wrap label{width: 100%; padding-left: 1rem;}
.participant .swiper-slide .cont4 .field-wrap fieldset.delivery-field .input-wrap label::before{left: 0;}
.participant .swiper-slide .cont4 .field-wrap fieldset.model-field {justify-content: flex-start; align-items: flex-start; margin-top: 1.643rem;}
.participant .swiper-slide .cont4 .field-wrap fieldset.model-field .wrap { flex: 1; margin-left: 2.857rem; margin-top: 0rem;}
.participant .swiper-slide .cont4 .field-wrap fieldset.model-field .wrap .add {display: block; text-align: left; font-size: 1.286rem; line-height: 1.714rem; font-weight: 700;}
.participant .swiper-slide .cont4 .field-wrap fieldset.model-field .model-name {display: flex; margin-top: 0.571rem;}
.participant .swiper-slide .cont4 .field-wrap fieldset.model-field label[for='amount'] {margin-top: 0rem;}
.participant .swiper-slide .cont4 .field-wrap fieldset .input-wrap2 input:not([id='model1']) {margin-top: 0rem;}
.participant .swiper-slide .cont4 .field-wrap fieldset .input-wrap2 span {display: flex; justify-content: center; align-items: center; width: 2.286rem;  height: 100%; font-size: 1.286rem; line-height: 1.714rem;}
.participant .swiper-slide .cont4 .field-wrap fieldset .input-wrap2 select {width: 4.571rem; height: 100%; text-align: center; cursor: pointer; font-size: 1.286rem;line-height: 1.714rem; -moz-appearance:none; -webkit-appearance:none; appearance:none; border: none; color: #fff; background: url(/sec/sustainability/assets/img/pc/focus/mdi/open-icon.png) no-repeat center left / 1.143rem transparent;border-bottom: 1px solid #6ACAEC; }
.participant .swiper-slide .cont4 .field-wrap fieldset .input-wrap2 select option {color:#000;}
.participant .swiper-slide .cont4 .field-wrap fieldset .input-wrap2.wrap1 {display: flex; align-items: flex-start; height: 3.857rem}
.participant .swiper-slide .cont4 .field-wrap fieldset .input-wrap2.wrap2 {flex: 1; display: flex;flex-direction: column;}
.participant .swiper-slide .cont4 .field-wrap fieldset .input-wrap2.wrap2 label {display: none;}
.participant .swiper-slide .cont4 .field-wrap fieldset .input-wrap2.wrap2 input {padding-right: 0; padding-bottom: 1.071rem;}
.participant .swiper-slide .cont4 .field-wrap fieldset .input-wrap2.wrap2 fieldset {margin-top: 0;}
.participant .swiper-slide .cont4 .check-btn {margin-top: 4.607rem; padding: 0.714rem 1.714rem; border-radius: 35.714rem; background-color: #fff; font-size: 1.286rem; line-height: 1.714rem; font-weight: 700; color: #006A73;}
.participant .swiper-slide .error-msg {position:absolute; top: calc(100% + 1.464rem); left: 50%; transform: translateX(-50%); color: #ff0;} /* [24.07.15][HJR] 접근성 수정 */
.participant .swiper-slide input[type="number"]::-webkit-outer-spin-button,
.participant .swiper-slide input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}

/* [24.08.27][HJR] 접근성 수정 */
.participant .btn-wrap {width: 100%; height: 1.714rem; display:inline-block;position:relative; margin: 10rem auto; padding:2rem 0; text-align:center; z-index:1}
.participant .btn-wrap:before {content:'';display:block;clear:both;}
.participant .btn-wrap .slide-info {letter-spacing: 0.38em; font-size: 1.571rem; line-height: 2.143rem; font-weight: 700; color: #fff;}
.participant .btn-wrap .swiper-button-prev, .participant .btn-wrap .swiper-button-next {position:absolute; transform:translate(-50%, -50%); top:3rem;}
.participant .btn-wrap .swiper-button-prev {margin-top: -1px; width: 1.714rem; height: 1.714rem; background: url(/sec/sustainability/assets/img/pc/focus/mdi/part-arrow-icon-prev.png) no-repeat center / 100%; display: inline-block;left:43%;}
.participant .btn-wrap .swiper-button-next {margin-top: -1px; width: 1.714rem; height: 1.714rem; background: url(/sec/sustainability/assets/img/pc/focus/mdi/part-arrow-icon.png) no-repeat center / 100%; display: inline-block;right:43%;}
.participant .btn-wrap .swiper-button-prev-disabled{display: inline-block;position:absolute;left:40%;top:3rem; transform:translate(-50%, -50%); z-index:1}
.participant .btn-wrap .swiper-button-next-disabled{display: inline-block;position:absolute;right:40%;top:3rem; transform:translate(-50%, -50%); z-index:1}
.participant .btn-wrap .swiper-button-prev.disabled,
.participant .btn-wrap .swiper-button-next.disabled {opacity:0;}
.participant .btn-wrap .swiper-button-prev::after,
.participant .btn-wrap .swiper-button-next::after {display: none;}
.participant .btn-wrap .swiper-button-next.inactive {cursor: default; z-index:initial;}
/*.participant .swiper-button-prev {display: none;}*/

.register-check-popup {display: none;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 10;overflow: auto;}
.register-check-popup .check-popup {background-color: #fff;width: 40rem;position: absolute;top: 50%;transform: translate(-50%, -50%);left: 50%;border-radius: 2.857rem;z-index: 999;}
.register-check-popup .check-popup .close-btn {position: absolute;top: 4.286rem;right: 5.714rem;width: 2.14285rem;height: 2.14285rem;background: url(/sec/sustainability/assets/img/pc/focus/mdi/inclusive/icon-close.png) no-repeat center center / cover;}
.register-check-popup .check-popup .check-popup-content {display: flex;flex-direction: column;padding: 7.429rem 3.429rem 4.571rem;}
.register-check-popup .check-popup .check-popup-content .title {font-size: 2rem;line-height: 2.714rem;font-weight: 700;text-align: center;}
.register-check-popup .check-popup .check-popup-content .check-btn-wrap {display: flex;justify-content: center;gap: 1.143rem;margin-top:3.429rem;}
.register-check-popup .check-popup .check-popup-content .check-btn-wrap button {display: flex;justify-content: center;align-items: center;padding: 0.714rem 1.714rem;font-size: 1.286rem;line-height: 1.714rem;border-radius: 2.143rem;font-weight: 700;}
.register-check-popup .check-popup .check-popup-content .check-btn-wrap .receipt-btn {background: #006bea;color: #fff;}
.register-check-popup .check-popup .check-popup-content .check-btn-wrap .cancle-btn {background: #fff;color: #006bea;border: 1px solid #006bea;}

.register-popup-wrap { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 10; overflow: auto;}
.register-popup-wrap .register-popup { background-color: #fff; width: 62.286rem; position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%; border-radius: 2.857rem; z-index:999;}
.register-popup-wrap .register-popup-content {display: flex; flex-direction: column; padding: 7.429rem 3.429rem 4.571rem;}
.register-popup-wrap .register-popup-content .title {font-size: 2rem; line-height: 2.714rem; font-weight: 700; text-align:center;}
.register-popup-wrap .register-popup-content .desc {margin: 1.429rem auto; padding:0 6rem;}
.register-popup-wrap .register-popup-content .desc ul {}
.register-popup-wrap.type02 .register-popup-content .desc ul {margin-left:2.143rem}
.register-popup-wrap .register-popup-content .desc ul li{font-size: 1.571rem; line-height:2.143rem; color:#757575; list-style:auto; font-weight:700;}
.register-popup-wrap .register-popup-content .sm-text {font-size: 1.571rem; line-height:2.143rem; color:#757575; font-weight:700; padding:0 6rem; text-align:center; margin-bottom:1.429rem;}
.register-popup-wrap .register-popup-content .register-popup-btn-wrap{display:flex; justify-content:center; gap: 1.143rem;}
.register-popup-wrap .register-popup-content .register-popup-btn-wrap .register-btn {display:flex; justify-content: center; align-items: center;  padding: 0.714rem 1.714rem; font-size: 1.286rem; line-height: 1.714rem; border-radius: 2.143rem; background: #006bea; color: #fff; font-weight:700;}
.register-popup-wrap .register-popup .close-btn {position: absolute; top: 4.286rem; right: 5.714rem; width: 2.14285rem; height: 2.14285rem; background: url(/sec/sustainability/assets/img/pc/focus/mdi/inclusive/icon-close.png) no-repeat center center /cover;}
.register-popup-wrap .register-popup-content .sm-text2 {font-size: 1rem; line-height:1.357rem; color:#757575; font-weight:400; padding:0 5.643rem; text-align:center;margin-top:1.429rem}

/* 23.10.31 폐휴대폰 수거 프로그램 // */

.pop-movie{position:relative;background-color: rgba(0,0,0,.8);z-index: 2}
.pop-movie .video-wrap{/* background:#000; */}
.pop-movie .screen{position: relative;background: #000}
.pop-movie .screen .video{vertical-align: top;background: #000;}
.pop-movie .title{background:#000;color: #fff;padding: 2.5rem;box-sizing: border-box;}
.pop-movie .title strong{display: block;font-size:1.375rem}
.pop-movie .title .date{display:block;font-size:0.875rem;color:#aaa;font-style:normal;margin-top:0.875rem}
.pop-movie .cont{position: relative;width: 72.25rem}
.pop-movie .close{position:absolute;right: -3.125rem;top:0;display: inline-block;background: url(/sec/sustainability/assets/img/common/layer-close-white.png) no-repeat;background-size: 2.5rem;width: 2.5rem;height: 2.5rem;text-indent: -625rem;border: 0;cursor: pointer;}
.pop-movie{display: none}
html.pop-movie-open .pop-movie{display: flex;justify-content: center;align-items: center;height:100%}

.focus .story-content .patagonia .sd-cut1 {background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_patagonia01.png') no-repeat center center/cover;}
.focus .story-content .patagonia .sd-cut1 .title {margin-top: 0;}
/*.focus .story-content .patagonia .sd-cut2 {background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_patagonia02.png') no-repeat center center/cover;}
 */
.focus .story-content .patagonia .sd-cut2{background-color: #000;}
.focus .story-content .patagonia .sd-cut2 .title {margin-top: 0;}
.focus .story-content .patagonia .sd-cut2 .text + .text {margin-top: 2rem;}
.focus .story-content .patagonia .sd-cut2 .cut2 {display: none;}

.focus .story-content .patagonia .sd-cut3 .cont-box {width: 87rem; padding: 11.3125rem 0 9.5625rem;margin: 0 auto}
.focus .story-content .patagonia .sd-cut3 .cont-box::after {display: block; content: ''; clear: both;}
.focus .story-content .patagonia .sd-cut3 .cont-box .left {float: left; width: 50%;}
.focus .story-content .patagonia .sd-cut3 .cont-box .left .title {font-size: 3rem; line-height: 3.625rem; margin-top: 0;}
.focus .story-content .patagonia .sd-cut3 .cont-box .right {float: right; width: 50%;}
.focus .story-content .patagonia .sd-cut3 .cont-box .right .text {margin-top: 0;}
.focus .story-content .patagonia .sd-cut3 .cont-box .right .text + .text {margin-top: 1rem}
.focus .story-content .patagonia .sd-cut4 {background: #006a73; width: 100%; overflow: hidden;}
.focus .story-content .patagonia .sd-cut4 > .pc-only {width: 400%;}
.focus .story-content .patagonia .sd-cut4 > .pc-only > .col2 {float: left; width: 25%;height: calc(100vh + 1px); position: relative;}
.focus .story-content .patagonia .sd-cut4 > .pc-only:after {display: block; content: ''; height: 0; clear: both;}
.focus .story-content .patagonia .sd-cut4 .text-area {}
/* .focus .story-content .patagonia .sd-cut4 .col2 {width: 100%; aspect-ratio: 1920/1080; position: relative;} */
.focus .story-content .patagonia .sd-cut4 .col2::before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 50%; height: 100%; background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_patagonia03_1.jpg') no-repeat center;background-size: cover;transition: .5s ease}
.focus .story-content .patagonia .sd-cut4 .col2.cut2::before {background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_patagonia03_2.jpg') no-repeat center;background-size: cover}
.focus .story-content .patagonia .sd-cut4 .col2.cut3::before {background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_patagonia03_3.jpg') no-repeat center;background-size: cover}
.focus .story-content .patagonia .sd-cut4 .col2.cut4::before {background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_patagonia03_4.jpg') no-repeat center;background-size: cover}
.focus .story-content .patagonia .sd-cut4 .col2::after {display: block; content: ''; clear: both;}
.focus .story-content .patagonia .sd-cut4 .col2 .box {position: relative; float: right; width: 50%; max-width: 59.9375rem; height: 100%; }
.focus .story-content .patagonia .sd-cut4 .col2 .box .text-area {width: 100%; height: 25rem;max-width: 31.625rem; }
.focus .story-content .patagonia .sd-cut4 .col2 .box .title {font-size: 2rem; line-height: 2.625rem; text-align: left;}
.focus .story-content .patagonia .sd-cut4 .col2 .box .btn-list {position:relative; margin-top: 4.375rem;padding-top: 2.5rem}
.focus .story-content .patagonia .sd-cut4 .col2 .box .btn-list li { display: block;}
.focus .story-content .patagonia .sd-cut4 .col2 .box .btn-list li .btn-num {position: absolute; top: 0; left: 0; width:2rem; height: 2rem; border-radius: 50%; font-size: 1.375rem; line-height: 1.875rem; color: #fff; opacity: 0.2; background: #000;}
.focus .story-content .patagonia .sd-cut4 .col2 .box .btn-list li:nth-child(2) .btn-num {left: 2.625rem;}
.focus .story-content .patagonia .sd-cut4 .col2 .box .btn-list li:nth-child(3) .btn-num {left: 5.25rem;}
.focus .story-content .patagonia .sd-cut4 .col2 .box .btn-list li:nth-child(4) .btn-num {left: 7.875rem;}
.focus .story-content .patagonia .sd-cut4 .col2 .box .btn-list li .btn-num.on {background: #fff; color: #006a73; opacity: 1; font-weight:bold}
.focus .story-content .patagonia .sd-cut4 .col2 .box .btn-list li .btn-num + .text {width: 35.375rem; text-align: left; font-size: 1.125rem; line-height: 1.5rem; margin-top: 2.0625rem;}
.focus .story-content .patagonia .sd-cut5 {background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_patagonia04.png') no-repeat center center/cover;}
.focus .story-content .patagonia .sd-cut5 .title {font-size: 3rem; line-height: 3.625rem; text-align: center; margin-top: 0;}
.focus .story-content .patagonia .sd-cut5 .text {font-size: 1.375rem; line-height: 1.875rem; margin-top: 3.75rem;}
.focus .story-content .patagonia .sd-cut5 .text + .text {font-weight: 700; margin-top: 1.5rem;}
.focus .story-content .patagonia .sd-cut6 {}
.focus .story-content .patagonia .sd-cut6 .cutGroup {display: flex;}
.focus .story-content .patagonia .sd-cut6 .cutGroup > *{width: 100vw;height: calc(100vh + 1px)}
.focus .story-content .patagonia .sd-cut6 > div {height: 100%;}
.focus .story-content .patagonia .sd-cut6 .text-area > span {text-align: left;}
.focus .story-content .patagonia .sd-cut6 .title {font-size: 2rem; line-height: 2.625rem;}
.focus .story-content .patagonia .sd-cut6 .text:nth-of-type(3) {font-weight: 700;}
.focus .story-content .patagonia .sd-cut6 > div .text-area .text {font-size: 1.28571rem; line-height: 1.3;margin-top:2rem}/* [24.06.07][IYR] 6월업데이트 focus-미세플라스틱 */
.focus .story-content .patagonia .sd-cut6 .text-area .text + .text {margin-top: 1.5rem;}/* [24.06.07][IYR] 6월업데이트 focus-미세플라스틱 */
.focus .story-content .patagonia .sd-cut6 > div .text-area .sm-text { font-size: 1rem; line-height: 1.357142em; margin-top: 1.5rem;} /* [24.06] 6월 업데이트 */
.focus .story-content .patagonia .sd-cut6 .cut1 {width: 100%; height: 100%; background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_patagonia05_1.png') no-repeat center center/cover;}
.focus .story-content .patagonia .sd-cut6 .cut1 > div {position: relative; width: 75.07142rem; height: 100%; margin: 0 auto; aspect-ratio: 1051/624;} /* [24.06] 6월 업데이트 */
.focus .story-content .patagonia .sd-cut6 .cut1 .image-area {position: absolute; width: 28.57142rem; top: 50%; right: 0; transform: translateY(-50%); text-align: right; filter: drop-shadow(3.125rem 2.5rem 1.875rem rgba(0, 0, 0, 0.2));}/* [24.06.07][IYR] 6월업데이트 focus-미세플라스틱 */
.focus .story-content .patagonia .sd-cut6 .cut1 .text-area { width: 32rem; left: 0; transform: translate(0, -50%)} /* [24.06] 6월 업데이트 */
.focus .story-content .patagonia .sd-cut6 .cut1 .sm-text ul{padding-left:1rem}/* [24.06.07][IYR] 6월업데이트 focus-미세플라스틱 */
.focus .story-content .patagonia .sd-cut6 .cut1 .sm-text li{list-style:decimal;text-align:left;line-height:1.3}/* [24.06.07][IYR] 6월업데이트 focus-미세플라스틱 */
.focus .story-content .patagonia .sd-cut6 .cut2 {width: 100%; height: 100%; background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_patagonia05_2.png') no-repeat center center/cover;}
.focus .story-content .patagonia .sd-cut6 .cut2 > div {position: relative; width: 71.64285rem; height: 100%; margin: 0 auto; aspect-ratio: 1020/486;filter: drop-shadow(3.125rem 2.5rem 1.875rem rgba(0, 0, 0, 0.2));} /* [24.06] 6월 업데이트 */
.focus .story-content .patagonia .sd-cut6 .cut2 .image-area {position: absolute; width: 32rem; top: 50%; left: 0; transform: translateY(-50%);text-align: center} /* [24.06] 6월 업데이트 */
.focus .story-content .patagonia .sd-cut6 .cut2 .text-area { width: 34.57142rem; right: 0;left: initial; transform: translate(0, -50%)} /* [24.06] 6월 업데이트 */
.focus .story-content .patagonia .sd-cut6 .cut2 .text:nth-of-type(2) {margin-top: 2rem;}
.focus .story-content .patagonia .sd-cut6 .cut2 .text:nth-of-type(3) {margin-top: 1.5rem;}
.focus .story-content .patagonia .sd-cut7 {}
.focus .story-content .patagonia .sd-cut7 > div {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 71.25rem; margin: 0 auto; aspect-ratio: 1140/690;}
.focus .story-content .patagonia .sd-cut7 .image-area{width: 25rem}
.focus .story-content .patagonia .sd-cut7 .text-area {left:auto; right: 0; transform: translate(0, -50%); color: #000; width: 30rem; }
.focus .story-content .patagonia .sd-cut7 .text-area .text {font-size: 3rem; line-height: 3.625rem; text-align: left; font-weight: 700;}
.focus .story-content .patagonia .sd-cut8 {aspect-ratio: 1920/1080;}
.focus .story-content .patagonia .sd-cut9 {aspect-ratio: 1920/1080;}
/*.focus .story-content .patagonia .sd-cut9 .pc-only .swiper {height:100vh;}*/
.focus .story-content .patagonia .button-area{ position:absolute; bottom:1.72rem; left:50%; transform:translateX(-50%); z-index:1; width:100%; text-align:center;}
.focus .story-content .patagonia .button-area .swiper-button-prev,
.focus .story-content .patagonia .button-area .swiper-button-next{_text-indent: -10000px; width:5.625rem; height: 2.5rem;  display:inline-block; top:initial; left:initial;right:initial; position:relative; color:transparent;} /* [24.04.25] ios 접근성 수정 */
.focus .story-content .patagonia .button-area .swiper-button-prev{background:url('/sec/sustainability/assets/img/pc/focus/mdi/prev03.png') no-repeat;background-size:contain;}
.focus .story-content .patagonia .button-area .swiper-button-next{background:url('/sec/sustainability/assets/img/pc/focus/mdi/next03.png') no-repeat;background-size:contain; margin-left:1rem;}
.focus .story-content .patagonia .button-area .swiper-button-prev:after,
.focus .story-content .patagonia .button-area .swiper-button-next:after {content:'';} /* [24.04.25] ios 접근성 추가 */
.focus .story-content .patagonia .button-area.dark .swiper-button-prev{background-image:url('/sec/sustainability/assets/img/pc/focus/mdi/prev04.png')}
.focus .story-content .patagonia .button-area.dark .swiper-button-next{background-image:url('/sec/sustainability/assets/img/pc/focus/mdi/next04.png');}
.focus .story-content .patagonia .sd-cut9 .button-area{bottom:auto; top:calc(100vh - 1.72rem)}

.focus .story-content .collabo {}
.focus .story-content .collabo > div {height: 67.5rem;}
.focus .story-content .collabo > div .top-text {margin-top: 9.375rem; text-align: center;}
.focus .story-content .collabo > div .top-text span {display: block; text-align: center;}
.focus .story-content .collabo > div .top-text .sup + .title {margin-top: 1.875rem;}
.focus .story-content .collabo > div .top-text .title + .text {margin-top: 1.25rem; font-size: 1.125rem; line-height: 1.5rem; font-weight: 700;}
.focus .story-content .collabo .sd-cut1{background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_collabo01.png') no-repeat center center/cover;}
.focus .story-content .collabo .sd-cut2 lottie-player{background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_collabo02.png') no-repeat center center/cover;}
.focus .story-content .collabo .sd-cut3 lottie-player{background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_collabo03.png') no-repeat center center/cover;}
.focus .story-content .collabo .sd-cut3 .top-text {color: #fff;}
.focus .story-content .collabo .sd-cut4 lottie-player{background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_collabo04.png') no-repeat center center/cover;}
.focus .story-content .collabo .sd-cut5 {height: auto;}
.focus .story-content .collabo .sd-cut5 > div {position: relative; width: 100%; height: 100%;}
.focus .story-content .collabo .sd-cut5 > div::after {display: block; content: ''; position: absolute; top: 0; right: 0; width: 50%; height: 100%; background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_collabo05.png') no-repeat left top;}
.focus .story-content .collabo .sd-cut5 > div .box {position: relative; width: 50%; max-width: 60rem; height: 100%;}
.focus .story-content .collabo .sd-cut5 > div .text-area {width: 29.8125rem; color: #000; text-align: left;}
.focus .story-content .collabo .sd-cut5 > div .text-area .title {letter-spacing: -0.05em;}
.focus .story-content .collabo .sd-cut5 > div .text-area .text {font-size: 1.125rem; line-height: 1.5rem;}
.focus .story-content .collabo .sd-cut5 > div .text-area .sm-text {margin-top: 2.375rem; font-size: 0.875rem; line-height: 1.1875rem; color: #8f8f8f; letter-spacing: -0.07em;}
.focus .story-content .collabo .sd-cut6 {background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_collabo06.png') no-repeat center center/cover;}
.focus .story-content .collabo .sd-cut6 p {text-align: center;}
.focus .story-content .collabo .sd-cut6 .text {margin-top: 1.875rem;}
/*.focus .story-content .collabo .sd-cut7 {height: auto; aspect-ratio: 1920/1080;}*/
.focus .story-content .collabo .sd-cut7 .col2 {position: relative; width: 100%; height: 100%;z-index: 1}
.focus .story-content .collabo .sd-cut7 .col2 > div {position: absolute; width: 100%; height: 100%; display: none; /*aspect-ratio: 1920/1080;*/}
.focus .story-content .collabo .sd-cut7 .col2 > div::before {display: block; content: ''; position: absolute; top: 0; right: 0; width: 50%; height: 100%; background-repeat:no-repeat; background-position: 0 0; background-size: cover;}
.focus .story-content .collabo .sd-cut7 .col2 .cut1::before {background-image: url('/sec/sustainability/assets/img/pc/focus/mdi/img_collabo07_1.png');}
.focus .story-content .collabo .sd-cut7 .col2 .cut2::before {background-image: url('/sec/sustainability/assets/img/pc/focus/mdi/img_collabo07_2.png');}
.focus .story-content .collabo .sd-cut7 .col2 .cut3::before {background-image: url('/sec/sustainability/assets/img/pc/focus/mdi/img_collabo07_3.png');}
.focus .story-content .collabo .sd-cut7 .col2 .cut4::before {background-image: url('/sec/sustainability/assets/img/pc/focus/mdi/img_collabo07_4.png');}
.focus .story-content .collabo .sd-cut7 .col2 .cut4_2::before {background-image: url('/sec/sustainability/assets/img/pc/focus/mdi/img_collabo07_4_2.png');}
.focus .story-content .collabo .sd-cut7 .col2 .cut5::before {background-image: url('/sec/sustainability/assets/img/pc/focus/mdi/img_collabo07_5.png');}
.focus .story-content .collabo .sd-cut7 .col2 .cut6::before {background-image: url('/sec/sustainability/assets/img/pc/focus/mdi/img_collabo07_6.png');}
.focus .story-content .collabo .sd-cut7 .col2 .box {position: relative; width: 50%; max-width: 60rem; height: 100%; background: #fff;}
.focus .story-content .collabo .sd-cut7 .col2 .box .text-area {width: 35.3125rem; color: #000; text-align: left;}
.focus .story-content .collabo .sd-cut7 .col2 .box .text-area .sup {text-align: left;}
.focus .story-content .collabo .sd-cut7 .col2 .box .text-area .title {letter-spacing: -0.07em; margin-top: 2rem;}
.focus .story-content .collabo .sd-cut7 .col2 .box .text-area .title + .text {margin-top: 3.125rem;}
.focus .story-content .collabo .sd-cut7 .col2 .box .text-area .text {font-size: 1.125rem; line-height: 1.5rem; letter-spacing: -0.03em;}
.focus .story-content .collabo .sd-cut7 .col2 .box .text-area .say {margin-top: 1rem; font-size: 0.875rem; line-height: 1.1875rem;}
.focus .story-content .collabo .sd-cut7 .col2 .box .text-area .say::before {display: inline-block; content: ''; width: 1.75rem; height: 1.75rem; background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_profile01.png') no-repeat center center/contain; margin-right: 0.625rem; vertical-align: -0.5rem;}
.focus .story-content .collabo .sd-cut7 .col2 .box .text-area .say.s2::before {background-image: url('/sec/sustainability/assets/img/pc/focus/mdi/img_profile02.png');}
.focus .story-content .collabo .sd-cut7 .col2 .box .text-area .say.s3::before {background-image: url('/sec/sustainability/assets/img/pc/focus/mdi/img_profile03.png');}
.focus .story-content .collabo .sd-cut7 .col2 .box .text-area .say.s4::before {width: 3.25rem; background-image: url('/sec/sustainability/assets/img/pc/focus/mdi/img_profile04.png');}
.focus .story-content .collabo .sd-cut7 .col2 .box .text-area .say + .text {margin-top: 2.125rem;}
.focus .story-content .collabo .sd-cut7 .indicator-area {position: absolute; bottom: 5.125rem; left: 0; width: 50%; height: 0.5rem; z-index: 1000}
.focus .story-content .collabo .sd-cut7 .indicator-area .pagination{display: flex;align-items: center;position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); width: 35.3125rem;}
.focus .story-content .collabo .sd-cut7 .indicator-area .pagination .dash{padding:0 1rem }
.focus .story-content .collabo .sd-cut7 .indicator-area .pagination .pagination_fraction{display: flex;align-items: center;justify-content: space-around}
.focus .story-content .collabo .sd-cut7 .indicator-area .pagination .current{display: flex;justify-content: flex-end;width: 3rem;height: 1rem}
.focus .story-content .collabo .sd-cut7 .indicator-area .pagination .total{display: flex;justify-content: flex-start;width: 3rem;height: 1rem}
.focus .story-content .collabo .sd-cut7 .indicator {position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); width: 35.3125rem; height: 0.5rem; text-align: left; z-index: 2; line-height: 0;}
.focus .story-content .collabo .sd-cut7 .indicator a, .indicator span {display: inline-block; width: 0.5rem; height: 0.5rem; border-radius: 50%; background: #757575; transition: .3s ease}
.focus .story-content .collabo .sd-cut7 .indicator a.active, .indicator span.swiper-pagination-bullet-active {animation-fill-mode: none !important;transform: scale(1.2); background: #000; opacity: 1; }
.focus .story-content .collabo .sd-cut7 .indicator a + a, .indicator span + span {margin-left: 0.5rem;}
.focus .story-content .collabo .sd-cut8 {background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_collabo08.png') no-repeat center center/cover;}
.focus .story-content .collabo .sd-cut8 .text-area{transform: translate(-50%,-50%)}
.focus .story-content .collabo .sd-cut8 .sup {font-size: 1.375rem; line-height: 1.875rem; color: #000;}
.focus .story-content .collabo .sd-cut8 .title {color: #000;}
.focus .story-content .collabo .sd-cut8 .text {font-size: 1.125rem; line-height: 1.5rem; color: #000;}
.focus .story-content .collabo .sd-cut8 .list {width: 31rem; margin: 4.125rem auto 0;}
.focus .story-content .collabo .sd-cut8 .list li {font-size: 1.125rem; line-height: 1.5rem; color: #fff; border-bottom: 0.0625rem solid #6acaec; padding: 0.9375rem 0; font-weight: 700; letter-spacing: 0;}
.focus .story-content .collabo .sd-cut8 .list li::after {display: block; content: ''; clear: both;}
.focus .story-content .collabo .sd-cut8 .list li span {float: left; width: 7.375rem; text-align: left;}
.focus .story-content .collabo .sd-cut8 .list li p {float: left; width: calc(100% - 7.375rem);  text-align: left; font-size: 1.125rem; line-height: 1.5rem;}
.focus .story-content .collabo .sd-cut9 {background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_collabo09.png') no-repeat center bottom/cover;}
.focus .story-content .collabo .sd-cut9 .lottie-area{width: 100%;height: 100%;padding: 0;background-color: #fff}
.focus .story-content .collabo .sd-cut9 > div {width: 79.5625rem; margin: 0 auto; padding-top: 16.25rem; }
.focus .story-content .collabo .sd-cut9 > div::after {display: block; content: ''; clear: both;}
.focus .story-content .collabo .sd-cut9 > div .title {float: left; width: 35.375rem; letter-spacing: -0.07em;}
.focus .story-content .collabo .sd-cut9 > div .text {float: right; width: 35.3125rem; font-size: 1.125rem; line-height: 1.5rem; letter-spacing: -0.05em; margin-top: 0;}

.scrollProgress{position: sticky;top: 0;background: #f7f7f7;height: 4px;z-index: 3}
.scrollProgress .bar{background: #2189FF;height: 100%;width: 0;transition: .3s ease;}

.cutGroupSwiper{height: 100%;background-color: #006A73}
.cutGroupSwiper .pagination{display: flex;align-items: center;position: absolute;bottom: 1.25rem;left: 50%;transform: translateX(-50%);display: flex;z-index: 2;color: #fff}
.cutGroupSwiper .pagination .prev{display: inline-block;background: url("/sec/sustainability/assets/img/pc/common/mdi/arrow_left_paging_white.png") no-repeat center;background-size: 0.75rem auto;width: 1.875rem;height: 1.875rem;text-indent: -625rem}
.cutGroupSwiper .pagination .next{display: inline-block;background: url("/sec/sustainability/assets/img/pc/common/mdi/arrow_right_paging_white.png") no-repeat center;background-size: 0.75rem auto;width: 1.875rem;height: 1.875rem;text-indent: -625rem}
.cutGroupSwiper .pagination .pagination_fraction{width: 7.625rem}
.cutGroupSwiper .pagination .swiper-pagination-current{display: inline-block;width: 2.5rem;margin-right: 0.9375rem;text-align: right}
.cutGroupSwiper .pagination .swiper-pagination-total{display: inline-block;width: 2.5rem;margin-left: 0.9375rem;text-align: left}
.cutGroupSwiper .pagination .swiper-pagination-bullet{opacity:1}
.cutGroupSwiper .pagination .swiper-pagination-bullet-active{background: #fff}

.pagination-white{display: flex;align-items: center;position: absolute;bottom: 1.25rem;left: 50%;transform: translateX(-50%);display: flex;z-index: 2;color: #fff}
.pagination-white .prev{display: inline-block;background: url("/sec/sustainability/assets/img/pc/common/mdi/arrow_left_paging_white.png") no-repeat center;background-size: 0.75rem auto;width: 1.875rem;height: 1.875rem;text-indent: -625rem}
.pagination-white .next{display: inline-block;background: url("/sec/sustainability/assets/img/pc/common/mdi/arrow_right_paging_white.png") no-repeat center;background-size: 0.75rem auto;width: 1.875rem;height: 1.875rem;text-indent: -625rem}
.pagination-white .pagination_fraction{width: 7.625rem}
.pagination-white .swiper-pagination-current{display: inline-block;width: 2.5rem;margin-right: 0.9375rem;text-align: right}
.pagination-white .swiper-pagination-total{display: inline-block;width: 2.5rem;margin-left: 0.9375rem;text-align: left}
.pagination-white .swiper-pagination-bullet-active{background: #fff}

.kimu-gallery .indicator-area {position: absolute; bottom: 5.125rem; left: 0; width: 50%;max-width: 60rem; height: 0.5rem; z-index: 1000}
.kimu-gallery .indicator-area .pagination{display: flex;align-items: center;position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); width: 35.3125rem;}
.kimu-gallery .indicator-area .pagination .dash{padding:0 1rem }
.kimu-gallery .indicator-area .pagination .pagination_fraction{display: flex;align-items: center;justify-content: space-around;width: 7.625rem}
.kimu-gallery .indicator-area .pagination .current{display: flex;justify-content: flex-end;width: 3rem;height: 1rem}
.kimu-gallery .indicator-area .pagination .total{display: flex;justify-content: flex-start;width: 3rem;height: 1rem}
.kimu-gallery .pagination .prev{display: inline-block;background: url("/sec/sustainability/assets/img/pc/common/mdi/arrow_left_paging.png") no-repeat center;background-size: 0.75rem auto;width: 1.875rem;height: 1.875rem;text-indent: -625rem}
.kimu-gallery .pagination .next{display: inline-block;background: url("/sec/sustainability/assets/img/pc/common/mdi/arrow_right_paging.png") no-repeat center;background-size: 0.75rem auto;width: 1.875rem;height: 1.875rem;text-indent: -625rem}
/* lottie swiper mobile pagination */
.sd-cut9 .swiper-pagination{}
.sd-cut9 .indicator span{background:#eee !important;}
.sd-cut9 .indicator span.swiper-pagination-bullet-active{background:#00838F !important;}
.sd-cut9 .indicator.dark span{background:#757575 !important;}/* 6,7,8 */
.sd-cut9 .indicator.dark span.swiper-pagination-bullet-active{background:#00838F !important;}/* 6,7,8 */

@media screen and ( min-width: 720px ) {
    html.pop-movie-open body{overflow: hidden}
}


@media screen and ( max-width: 1300px ) {
    .pop-movie{align-items: center}
    .pop-movie .cont{width: 100%}
    .pop-movie .close{top: 1rem;right: 1rem}
}
@media screen and ( max-width: 1250px ) {
    .pop-movie .close{top: -3.5rem;right: -.5rem}
}

@media screen and (max-height: 700px) {
    /* [24.06] 6월 업데이트 */
    .focus .story-content .patagonia .sd-cut6 .cut3 .text-area::after{height:88vw !important;}
}

@media screen and ( max-width: 720px ) and (max-height: 800px) {
    .focus .story-content .patagonia .sd-cut4 .text-area{padding-top: 1.5rem !important;}
    .focus .story-content .patagonia .sd-cut4 .box-slide-wrap ul li .ratio-image::before{padding-top: 90%}
    .focus .story-content .patagonia .sd-cut4 .box-slide-wrap ul li .ratio-image > *{object-fit: cover}
    .focus .story-content .patagonia .sd-cut4 .text-area{line-height: 1.2}
    .focus .story-content .patagonia .sd-cut4 .text-area .text{margin-top: 5vw !important;}
    .focus .story-content .scrc .sd-cut8 > div{padding-top: 6vw}
    .focus .story-content .scrc .sd-cut8 > div::before{margin:0 auto 6vw}
    .focus .story-content .scrc .sd-cut8 .text-area .text{line-height: 1.2}
    /* [24.06] 6월 업데이트 */
    .focus .story-content .patagonia .sd-cut6 .box .text-area{padding-top: 12vw !important;}
    .focus .story-content .patagonia .sd-cut6 .cut1 .text-area::after{margin-top:13vw !important;}
    .focus .story-content .patagonia .sd-cut6 .cut3 .text-area::after{margin-top:8vw !important;}
}


@media screen and ( max-width: 535px ) {
    .focus .story-content {}
    .focus .story-content .list-area {padding:22.22222vw 0;}
    .focus .story-content .list-area ul {max-width: 100%;padding:0 5.55556vw;grid-template-columns: 1fr;row-gap:3rem}
    .focus .story-content .list-area li .image-area {aspect-ratio: 320/320;}
    .focus .story-content .list-area li .text-area { margin-top: 4.44444vw;}
    .focus .story-content .list-area li .text-area .title {height: auto; margin-top: 2.22222vw; font-size: 5vw; line-height: 6.66667vw;}
    .focus .story-content .btn-area.scroll {display: none;}
    .focus .story-content .story-detail {}
    .focus .story-content .story-detail > div {height: 100vh; aspect-ratio: 360/740;}
    .focus .story-content .story-detail .lottie-area {width: 100%}
    .focus .story-content .story-detail > div .text-area {transform: translate(-50%, -50%); width: 100%; padding: 0 5.55556vw; box-sizing: border-box; color: #fff; }
    .focus .story-content .story-detail > div .sup {font-size: 4.44444vw; line-height: 6.11111vw; }
    .focus .story-content .story-detail > div .sup + .title {margin-top: .5vw;}
    .focus .story-content .story-detail > div .title { font-size: 10vw; line-height: 1.3;}
    .focus .story-content .story-detail > div .text {font-size: 4vw; line-height: 6.11111vw; margin-top: 19.44444vw;}
    .focus .story-content .story-detail > div.sd-cut1 .title {font-size: 10vw; line-height: 12.22222vw;}
    .focus .story-content .ifts .sd-cut1 { background: url('/sec/sustainability/assets/img/mo/focus/mdi/img_ifts01.png') no-repeat center center/cover;}
    .focus .story-content .ifts .sd-cut2 {background: url('/sec/sustainability/assets/img/mo/focus/mdi/img_ifts02.png') no-repeat center center/cover;}
    /* .focus .story-content .ifts .sd-cut3 { background: url('/sec/sustainability/assets/img/mo/focus/mdi/img_ifts02.png') no-repeat center center/cover;} */
    .focus .story-content .ifts .sd-cut3 .sub-text {font-size: 3.88889vw; line-height: 5.27778vw; margin-top: 4.44444vw; }
    .focus .story-content .ifts .sd-cut4 {background: #fff;}
    .focus .story-content .ifts .sd-cut4 .circle-icon {position: relative;  width: 33.33333vw; height: 33.33333vw; margin: 0 auto 17.77778vw;}
    .focus .story-content .ifts .sd-cut4 .circle-icon i {display: block; position: absolute; top: 0; left: 0;  width: 100%; height: 100%; border-radius: 50%; overflow: hidden;}
    .focus .story-content .ifts .sd-cut4 .circle-icon i::before {display: block; content: ''; position: absolute; width: 100%; height: 100%; background: url('/sec/sustainability/assets/img/pc/focus/mdi/icon_story01.png') no-repeat center center/contain; z-index: 2;}
    .focus .story-content .ifts .sd-cut4 .circle-icon i.ci2::before {background: url('/sec/sustainability/assets/img/pc/focus/mdi/icon_story02.png') no-repeat center center/contain; z-index: 1}
    .focus .story-content .ifts .sd-cut4 .circle-icon i.ci3::before {background: url('/sec/sustainability/assets/img/mo/focus/mdi/img_ifts03.png') no-repeat center center/cover; z-index: 1}
    .focus .story-content .ifts .sd-cut4 .sup {color: #2189ff;}
    .focus .story-content .ifts .sd-cut4 .title {position: relative; color: #757575; text-align: center;}
    .focus .story-content .ifts .sd-cut4 .title .mask {display: inline-block; width: auto; color: #000;}
    .focus .story-content .ifts .sd-cut5 { background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_ifts03.png') no-repeat center center/cover;}
    .focus .story-content .ifts .sd-cut5 .text-area::before {display: block; content: ''; width: 17.77778vw; height: 17.77778vw; margin: 0 auto 6.66667vw;}
    .focus .story-content .ifts .sd-cut5 .title {font-size: 8.33333vw; line-height: 10vw;}
    .focus .story-content .ifts .sd-cut5 .text {font-size: 4.44444vw; line-height: 6.11111vw; margin-top: 11.11111vw;}
    .focus .story-content .ifts .sd-cut5 .sub-text  {margin-top: 8.88889vw; font-size: 4.44444vw; line-height: 6.11111vw;}
    .focus .story-content .ifts .sd-cut6 {}
    .focus .story-content .ifts .sd-cut7 {position: relative; width: 100%; height: 100%; aspect-ratio: 360/740;}
    .focus .story-content .ifts .sd-cut7 > div .text-box {color: #fff;}
    .focus .story-content .ifts .sd-cut7 > div .title {font-size: 8.33333vw; line-height: 10vw; letter-spacing: -0.07em;}
    .focus .story-content .ifts .sd-cut7 > div .text {font-size: 5vw; line-height: 6.66667vw; margin-top: 11.11111vw;}
    .focus .story-content .ifts .sd-cut7 .cont1 {position: relative; width: 100%; background: url('/sec/sustainability/assets/img/mo/focus/mdi/img_ifts04_1.png') no-repeat left top/contain; aspect-ratio: 360/740;}
    .focus .story-content .ifts .sd-cut8 { background: url('/sec/sustainability/assets/img/mo/focus/mdi/img_ifts05.png') no-repeat center center/cover;}
    .focus .story-content .ifts .sd-cut8 .text-area::before {width: 17.77778vw; height: 17.77778vw; margin: 0 auto 6.66667vw;}
    .focus .story-content .ifts .sd-cut8 .text-area .title {letter-spacing:0;}
    .focus .story-content .ifts .sd-cut8 .text-area .text {font-size: 5vw; line-height: 6.66667vw; margin-top: 16.11111vw;}
    .focus .story-content .ifts .sd-cut8 .text-area .desc {font-size: 3.89vw; line-height: 5.28vw; margin-top: 11.11vw;}

    .focus .story-content .ifts .sd-cut9 { background: url('/sec/sustainability/assets/img/mo/focus/mdi/img_ifts06.png') no-repeat center center/cover #2189FF;}
    .focus .story-content .ifts .sd-cut9 .title {font-size: 8.33333vw; line-height: 10vw;}
    .focus .story-content .ifts .sd-cut9 .text-area{padding: 0 15vw;}
    .focus .story-content .ifts .sd-cut9 .text {font-size: 5vw; line-height: 6.66667vw; margin-top: 11.11111vw;}

    .focus .story-content .scrc > div {height: 100vh;}
    .focus .story-content .scrc .sd-cut1 {background: url('/sec/sustainability/assets/img/mo/focus/mdi/img_scrc01.png') no-repeat center center/cover;}

    .focus .story-content .scrc .sd-cut1 .title {margin-top: 0; letter-spacing: -0.07em;}
    .focus .story-content .scrc .sd-cut1 .title span {margin-top: 8.33333vw;}
    .focus .story-content .scrc .sd-cut1 .cut2 .sup{font-size: 4.4444vw}
    .focus .story-content .scrc .sd-cut1 .cut2 .title{font-size: 8.33333vw;line-height: 10vw}
    .focus .story-content .scrc .sd-cut2 {}
    .focus .story-content .scrc .sd-cut2 > div {position: absolute; width: 100%; height: 100%; background: url('/sec/sustainability/assets/img/mo/focus/mdi/img_scrc02_1.png') no-repeat center center/cover;}
    .focus .story-content .scrc .sd-cut2 .cut1 .sup {font-size: 4.44444vw; line-height: 6.11111vw;}
    .focus .story-content .scrc .sd-cut2 .cut1 .title {font-size: 8.33333vw; line-height: 10vw; margin-top: 6.66667vw;}
    .focus .story-content .scrc .sd-cut2 .cut1 .title span {margin-top: 8.33333vw;}
    .focus .story-content .scrc .sd-cut2 .cut2 {background: url('/sec/sustainability/assets/img/mo/focus/mdi/img_scrc02_2.png') no-repeat center center/cover; opacity: 0;}
    .focus .story-content .scrc .sd-cut2 .cut2 .text {font-size: 5vw; line-height: 6.66667vw;}
    .focus .story-content .scrc .sd-cut2 .cut2 .text:nth-child(2) {margin-top: 6.66667vw;}
    .focus .story-content .scrc .sd-cut2 .cut2 .btn {margin-top: 13.88889vw;}
    .focus .story-content .scrc .sd-cut3 {aspect-ratio: 360/740;}
    .focus .story-content .scrc .sd-cut4 {aspect-ratio: 360/740;}
    .focus .story-content .scrc .sd-cut5 {background: url('/sec/sustainability/assets/img/mo/focus/mdi/img_scrc03.png') no-repeat center center/cover; aspect-ratio: auto;}
    .focus .story-content .scrc .sd-cut5 .title {font-size: 6.11111vw; line-height: 8.33333vw;}
    .focus .story-content .scrc .sd-cut5 .image-area { margin: 11.11111vw auto 0; width: 65.55556vw; height: 30vw;}
    .focus .story-content .scrc .sd-cut5 .text {margin-top:11.11111vw; font-size: 5vw; line-height: 6.66667vw;}
    .focus .story-content .scrc .sd-cut5 .text + .text {margin-top:4.44444vw; font-weight: 700;}
    .focus .story-content .scrc .sd-cut6 {}
    .focus .story-content .scrc .sd-cut6 > div { width: 100%; height: 100%;}
    /*.focus .story-content .scrc .sd-cut6 > div::before {background: url('/sec/sustainability/assets/img/mo/focus/mdi/img_scrc_graphic.png') no-repeat center center/cover; opacity: 0;}*/
    .focus .story-content .scrc .sd-cut6  .graphic {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 73.88889vw; height: 73.05556vw;}
    .focus .story-content .scrc .sd-cut6  .graphic i {display: block; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); }
    .focus .story-content .scrc .sd-cut6  .graphic .remote {width: 73.88889vw; height: 73.05556vw; background: url('/sec/sustainability/assets/img/mo/focus/mdi/img_scrc_graphic01.png') no-repeat center center/contain;}
    .focus .story-content .scrc .sd-cut6  .graphic .remote.r2 {width: 57.77778vw; height: 81.11111vw; background: url('/sec/sustainability/assets/img/mo/focus/mdi/img_scrc_graphic02.png') no-repeat center center/contain; opacity: 0;}
    .focus .story-content .scrc .sd-cut6  .graphic .remote.r3 {width: 18.88889vw; height: 81.66667vw; background: url('/sec/sustainability/assets/img/mo/focus/mdi/img_scrc_graphic03.png') no-repeat center center/contain; opacity: 0;}
    .focus .story-content .scrc .sd-cut6  .graphic .icon {top: 36.11111vw; left: 27.5vw; width:36.11111vw; height: 18.88889vw; background: url('/sec/sustainability/assets/img/mo/focus/mdi/img_scrc_graphic_icon1.png') no-repeat center center/contain; opacity:0;}
    .focus .story-content .scrc .sd-cut6  .graphic .icon.i2 {top: 36.11111vw; left: 30.83333vw; width:29.72222vw; height: 30vw; background: url('/sec/sustainability/assets/img/mo/focus/mdi/img_scrc_graphic_icon1.png') no-repeat center center/contain; opacity: 0;}
    .focus .story-content .scrc .sd-cut6  .graphic .circle1 { width: 70vw; height: 8.33333vw; background: url('/sec/sustainability/assets/img/mo/focus/mdi/img_scrc_graphic_circle1.png') no-repeat center center/contain;}
    .focus .story-content .scrc .sd-cut6  .graphic .circle2 { width: 88.88889vw; height: 10.83333vw; background: url('/sec/sustainability/assets/img/mo/focus/mdi/img_scrc_graphic_circle2.png') no-repeat center center/contain;}
    .focus .story-content .scrc .sd-cut6  .graphic .shadow {display:none;}
    .focus .story-content .scrc .sd-cut6  .text-area {position: absolute; top: auto; bottom: 28.88889vw; left: 50%; transform: translate(-50%, 0); width: 100%; height: 6.66667vw; color: #000; font-size: 5vw; line-height: 6.66667vw; margin-top: 0; }
    .focus .story-content .scrc .sd-cut6  .text-area .text {position: absolute; color: #000; font-size: 5vw; line-height: 6.66667vw;}
    .focus .story-content .scrc .sd-cut6  .text-area .text:nth-child(2) {opacity: 0;}
    .focus .story-content .scrc .sd-cut6  .text-area .text:nth-child(3) {color: #fff; text-shadow: 0vw 0vw 5.55556vw rgba(0, 0, 0, 0.7); opacity: 0;}
    .focus .story-content .scrc .sd-cut7 {background: #006bea;}
    .focus .story-content .scrc .sd-cut7 .sr-only {text-indent:-9999px; visibility:hidden;}
    .focus .story-content .scrc .sd-cut7 .box-slide-wrap {position: relative; width: 100%; _overflow: hidden; margin: 0 auto; }
    .focus .story-content .scrc .sd-cut7 .box-slide-wrap .box-slide-list .swiper-slide {visibility:hidden; opacity:.3; transition: opacity 0.5s ease-in-out, visibility 0s linear 0.5s;} /* [24.04.23] 모바일 접근성 수정 */
    .focus .story-content .scrc .sd-cut7 .box-slide-wrap .box-slide-list .swiper-slide.swiper-slide-active {transition-delay: 0s;visibility:visible; opacity:1; } /* [24.04.23] 모바일 접근성 추가 */
    .focus .story-content .scrc .sd-cut7 .box-slide-wrap ul {width: 100%;height: 100vh; text-align: center; white-space: nowrap;}
    .focus .story-content .scrc .sd-cut7 .box-slide-wrap .ratio-image{height: 270px;}
    .focus .story-content .scrc .sd-cut7 .box-slide-wrap .ratio-image > img {object-fit: cover;}
    .focus .story-content .scrc .sd-cut7 .box-slide-wrap .indicator {position: absolute; bottom: 1.5rem; left: 50%; transform: translateX(-50%); width: 100%; height: 2.22222vw; text-align: center; z-index: 2; line-height: 0;}
    .focus .story-content .scrc .sd-cut7 .box-slide-wrap .indicator a, .indicator span {display: inline-block; width: 2.22222vw; height: 2.22222vw; border-radius: 50%; background: #757575 !important; opacity: 0.2 !important; }
    .focus .story-content .scrc .sd-cut7 .box-slide-wrap .indicator a.active, .indicator span.swiper-pagination-bullet-active {width: 2.77778vw; height: 2.77778vw; background: #006BEA !important; opacity: 1 !important; }
    .focus .story-content .scrc .sd-cut7 .box-slide-wrap .indicator a + a, .indicator span + span {margin-left: 2.22222vw;}
    .focus .story-content .scrc .sd-cut7 .text-area {position: relative; top: 0; left: 0; transform: translate(0, 0); padding: 7.22222vw 5.55556vw 0; width:100vw; overflow:hidden}
    .focus .story-content .scrc .sd-cut7 .text-area .title {margin-top: 0; font-size: 6.11111vw; line-height: 8.33333vw;}
    .focus .story-content .scrc .sd-cut7 .text-area .text {margin-top: 6.38889vw; white-space: normal; text-align:center; word-break: break-all} /* [24.04.23] 모바일 접근성 수정 */
    .focus .story-content .scrc .sd-cut7 .text-area .text .sm-text{font-size: 2.662vw; margin-top: 4.25926vw;letter-spacing: normal; line-height: 1.2;}
    .focus .story-content .scrc .sd-cut7-1  {background: black;}
    .focus .story-content .scrc .sd-cut7-1 .image{background: url('/sec/sustainability/assets/img/mo/focus/mdi/img_bg.png') center/cover}
    .focus .story-content .scrc .sd-cut7-1 .image { height: 50vh;}
    .focus .story-content .scrc .sd-cut7-1 .text-area {position: static; transform: none; background: black; height: 50vh;}
    .focus .story-content .scrc .sd-cut7-1 .text-area .title{font-size: 6.11111vw;line-height: 8.33333vw;padding-top: 15vw;}
    .focus .story-content .scrc .sd-cut7-1 .text-area .btn-area { margin-top: 8.88889vw}
    .btn-round.play {display: flex;align-items: center;margin: auto;}
    .focus .story-content .scrc .sd-cut8 {background: #006a73; height:auto !important;}
    .focus .story-content .scrc .sd-cut8 > div {position: relative; width: 100%; height: 100%; margin: 0 auto; padding-top: 16.66667vw;}
    .focus .story-content .scrc .sd-cut8 > div::before {display: block; content: ''; background:url('/sec/sustainability/assets/img/mo/focus/mdi/img_scrc05.png') no-repeat center center/contain; width: 29.44444vw; height: 34.44444vw; margin: 0 auto 16.66667vw;}
    .focus .story-content .scrc .sd-cut8 > div::after {display: none;}
    .focus .story-content .scrc .sd-cut8 .text-area { width: 100%; position: relative; top: 0; left: 0; transform: translate(0, 0) !important;}
    .focus .story-content .scrc .sd-cut8 .text-area .title {font-size: 6.11111vw; line-height: 8.33333vw; margin-top: 0; text-align: center;} /* [24.07.01][HJR] Story > 솔라셀 리모트 - 정렬 수정 */
    .focus .story-content .scrc .sd-cut8 .text-area .text {font-size: 4.44444vw; line-height: 6.11111vw; margin-top: 8.88889vw;}
    .focus .story-content .scrc .sd-cut8 .text-area .text:nth-child(3) {font-weight: 700; margin-top: 6.66667vw;}
    .focus .story-content .scrc .sd-cut8 .text-area .btn-area {margin-top: 8.88889vw; text-align: center;}
    .focus .story-content .scrc .sd-cut8 .text-area .btn-area .btn {letter-spacing: 0;}
    .focus .story-content .scrc .sd-cut8 .text-area span { text-align: center;}
    .focus .story-content .scrc .sd-cut9 {background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_scrc06.png') no-repeat center center/cover;}
    .focus .story-content .scrc .sd-cut9 .text-area .title {margin-top: 6.38889vw;font-size: 8.33333vw; line-height: 10vw;}
    .focus .story-content .scrc .sd-cut9 .text-area .text {margin-top: 8.88889vw;}
    .focus .story-content .scrc .sd-cut9 .text-area .btn-area {margin-top: 8.88889vw;}
    /*.focus .story-content .patagonia .sd-cut9 .swiper-pagination{top:calc(100% - 35px) !important;bottom:auto !important;}*/


    /* // 23.10.31 폐휴대폰 수거 프로그램 */
    .focus .story-content .phones .sd-inner {display: block; height: auto; padding-top: 0;}
    .focus .story-content .phones .sd-cut1 {background: url('/sec/sustainability/assets/img/mo/focus/mdi/img_phones01.jpg') no-repeat center center/cover;}
    .focus .story-content .phones .sd-cut1 .text-area {margin-top: 8rem; padding-top: 8rem; background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_phones01_icon.png') no-repeat top center / 4rem 4rem}
    .focus .story-content .phones .sd-cut1 .text-area {font-size: 2.25rem; line-height: 2.75rem;}
    .focus .story-content .story-detail.phones .sd-cut1 .text-area {top: 0 !important; transform: translate(-50%,0%) !important;}
    .focus .story-content .phones .sd-cut1 .text-area .sub-title {margin-top: 1.5rem; font-size: 1.375rem; line-height: 1.875rem;}
    .focus .story-content .phones .sd-cut1 .text-area a {margin-top: 12.375rem; font-size: 1.125rem; line-height: 1.5rem; padding-bottom: 0.063rem;}
    .focus .story-content .phones .sd-cut1 .text-area a:last-child {margin-left: 0rem;}
    .focus .story-content .phones .sd-cut2 > div {background: #fff;}
    .focus .story-content .phones .sd-cut2 .text-fade {position: relative; width: 100%; height: 6.571rem; margin-top: 16rem;}
    .focus .story-content .phones .sd-cut2 .text-fade .tit {font-size: 1.875rem; line-height: 2.25rem;}
    .focus .story-content .phones .sd-cut2 .text-area {position: relative; width: 100%; height: 18.571rem; margin-top: 6rem; top:10rem;} /* [24.07.15][HJR] 접근성 수정 */
    .focus .story-content .phones .sd-cut2 .text-area .title {font-size: 1.875rem; line-height: 2.25rem;} /* [24.07.15][HJR] 접근성 수정 */
    .focus .story-content .phones .sd-cut2 > div {height: 32%;}
    .focus .story-content .phones .sd-cut2 .btn-area.scroll,
    .focus .story-content .phones .sd-cut3 .btn-area.scroll,
    .focus .story-content .phones .sd-cut4 .btn-area.scroll,
    .focus .story-content .phones .sd-cut5 .btn-area.scroll,
    .focus .story-content .phones .sd-cut6 .btn-area.scroll {bottom: 5.714rem;}
    .focus .story-content .phones .sd-cut2 .btn-area.scroll > .text,
    .focus .story-content .phones .sd-cut6 .btn-area.scroll > .text {color: #006A73; border-bottom: 2px solid #006A73; }
    .focus .story-content .phones .sd-cut2 .btn-scroll::before,
    .focus .story-content .phones .sd-cut6 .btn-scroll::before {background: url(/sec/sustainability/assets/img/pc/common/mdi/icon_scroll_green.png) no-repeat center center/contain;}
    .focus .story-content .phones .sd-cut2 .lottie-area {margin-top: 3rem;}
    .focus .story-content .phones .sd-cut3 {background: url('/sec/sustainability/assets/img/mo/focus/mdi/img_phones03.png') no-repeat center center/cover;}
    .focus .story-content .phones .sd-cut3 .sub-title{font-size: 1.875rem; line-height: 2.25rem;}
    .focus .story-content .phones .sd-cut4 .lottie-area {margin-top: 3.75rem;}
    .focus .story-content .phones .sd-cut4 .text-phone {margin-top: 6rem; color: #fff; text-align: center;}
    .focus .story-content .phones .sd-cut4 .text-phone .sub-title{font-size: 1.375rem; line-height: 1.875rem;}
    .focus .story-content .phones .sd-cut4 .text-phone p{margin-top: 1.5rem; font-size: 1rem; line-height: 1.375rem;}
    .focus .story-content .phones .sd-cut5 {background: url('/sec/sustainability/assets/img/mo/focus/mdi/img_phones05.png') no-repeat center center/cover;}
    .focus .story-content .phones .sd-cut5 .text-area .sub-title{font-size: 1.875rem; line-height: 2.25rem;}
    .focus .story-content .phones .sd-cut6 .text-phone {margin-top: 10rem; text-align: center;}
    .focus .story-content .phones .sd-cut6 .text-phone .sub-title{font-size: 1.875rem; line-height: 2.25rem; color: #006A73;}
    .focus .story-content .phones .sd-cut6 > div {height: auto;}
    .focus .story-content .phones .sd-cut6 .lottie-area {margin-top: 1.5rem;}

    .focus .story-content .phones .sd-cut8 > div::before {display: none;}
    /*.focus .story-content .phones .sd-cut8 {position: relative; }*/
    .focus .story-content .phones .sd-cut8 .swiper-container2 { background-color: #00838F; }
    .focus .story-content .phones .sd-cut8 .swiper-slide2 {display: flex; flex-direction: column;}
    .focus .story-content .phones .sd-cut8 .swiper-slide2 .left-image {width: 100%; height: 50vh;}
    .focus .story-content .phones .sd-cut8 .swiper-slide2 .text-area {width: 100%; padding-left: 0;max-height: 50vh;}
    .focus .story-content .phones .sd-cut8 .slide01 .left-image { background: url(/sec/sustainability/assets/img/pc/focus/mdi/img_phones07_1.png) no-repeat center;background-size: cover;}
    .focus .story-content .phones .sd-cut8 .slide02 .left-image { background: url(/sec/sustainability/assets/img/pc/focus/mdi/img_phones07_2.jpg) no-repeat center;background-size: cover;}
    .focus .story-content .phones .sd-cut8 .slide03 .left-image { background: url(/sec/sustainability/assets/img/pc/focus/mdi/img_phones07_3.jpg) no-repeat center;background-size: cover;}
    .focus .story-content .phones .sd-cut8 .swiper-slide2.active .left-image{opacity: 1 !important;  visibility: visible; z-index: 1;}
    .focus .story-content .phones .sd-cut8 .swiper-slide2 .text-inner {width: 100%; padding-top: 2rem; height: auto;}
    .focus .story-content .phones .sd-cut8 .btn-wrap {position: absolute; top: 0; left: 0; width: 100%; height: 100vh; z-index: 2;}
    .focus .story-content .phones .sd-cut8 .btn-wrap .btn-wrap-inner {position: absolute; top: auto; bottom: 1.75rem; left: 50%; transform: translateX(-50%); width: 100% !important; display: flex; height: 1rem; }
    .focus .story-content .phones .sd-cut8 .btn-wrap .btn-wrap-inner span {font-size: 1.571rem; line-height: 2.143rem; color: #fff;}
    .focus .story-content .phones .sd-cut8 .btn-wrap .btn-wrap-inner .btns {width: 100%; display: flex; justify-content: center; align-items: center;}
    .focus .story-content .phones .sd-cut8 .btn-wrap .btn-wrap-inner .btn-num {width: 0.5rem; height: 0.5rem; border-radius: 50%; background-color: #8F8F8F; font-size: 0; line-height: 0;margin-left: 0.688rem;}
    .focus .story-content .phones .sd-cut8 .btn-wrap .btn-wrap-inner .btn-num:nth-child(1) {margin-left: 1.143rem;}
    .focus .story-content .phones .sd-cut8 .btn-wrap .btn-wrap-inner .btn-num.on {width: 0.625rem; height: 0.625rem; background-color: #fff;}
    .focus .story-content .phones .sd-cut8 .swiper-slide2 .title {z-index: 0;opacity: 0; text-align: center; margin-top: 0.25rem;}
    .focus .story-content .phones .sd-cut8 .swiper-slide2 .problem {z-index: 0;opacity: 0; font-size: 1rem; line-height: 1.875rem;}
    .focus .story-content .story-detail.phones .sd-cut8 .text-area {padding: 0;}
    .focus .story-content .phones .sd-cut8 .swiper-slide2 .text {margin-top: 1rem; font-size: 1rem; line-height: 1.375rem; z-index: 0;opacity: 0; }
    .focus .story-content .phones .sd-cut8 .swiper-slide2 .text-sm {margin-top: 1rem; font-size: 0.625rem; line-height: 0.875rem;}
    .focus .story-content .phones .sd-cut8 .swiper-slide2.active .title {z-index: 1;opacity: 1; }
    .focus .story-content .phones .sd-cut8 .swiper-slide2.active .text {z-index: 1;opacity: 1; }
    .focus .story-content .phones .sd-cut8 .swiper-slide2.active .problem {z-index: 1;opacity: 1; }
    .focus .story-content .phones .sd-cut8 .ewaste-slide-wrap {position: relative; width: 100%; height: 100%; overflow: hidden; margin: 0 auto; padding-top:0;}
    .focus .story-content .phones .sd-cut8 .ewaste-slide-wrap .ewaste-slide-list {width: 100%;aspect-ratio: 360/740;text-align: center;white-space: nowrap;}
    .focus .story-content .phones .sd-cut8 .ewaste-slide-wrap .ewaste-slide-list .swiper-slide {display: flex;flex-direction: column;height: auto;width: 100%;}
    .focus .story-content .phones .sd-cut8 .ewaste-slide-wrap .ewaste-slide-list .swiper-slide {visibility:hidden; opacity:.3; transition: opacity 0.5s ease-in-out, visibility 0s linear 0.5s;} /* [24.04.23] 모바일 접근성 수정 */
    .focus .story-content .phones .sd-cut8 .ewaste-slide-wrap .ewaste-slide-list .swiper-slide.swiper-slide-active {transition-delay: 0s;visibility:visible; opacity:1; } /* [24.04.23] 모바일 접근성 추가 */
    .focus .story-content .phones .sd-cut8 .ewaste-slide-wrap .ewaste-slide-list .swiper-slide .top-image {width: 100%; height: 100%;}
    .focus .story-content .phones .sd-cut8 .ewaste-slide-wrap .ewaste-slide-list .swiper-slide.slide01 .top-image {background: url(/sec/sustainability/assets/img/pc/focus/mdi/img_phones07_1.png) no-repeat center;background-size: cover;}
    .focus .story-content .phones .sd-cut8 .ewaste-slide-wrap .ewaste-slide-list .swiper-slide.slide02 .top-image {background: url(/sec/sustainability/assets/img/pc/focus/mdi/img_phones07_2.jpg) no-repeat center;background-size: cover;}
    .focus .story-content .phones .sd-cut8 .ewaste-slide-wrap .ewaste-slide-list .swiper-slide.slide03 .top-image {background: url(/sec/sustainability/assets/img/pc/focus/mdi/img_phones07_3.jpg) no-repeat center;background-size: cover;}
    .focus .story-content .phones .sd-cut8 .ewaste-slide-wrap .ewaste-slide-list .swiper-slide .text-area {width: 100%;height: 100%;min-height: 50vh;display: flex;align-items: center;flex-direction: column;padding: 1.429rem 1.429rem;color: #fff; text-align: center;}
    .focus .story-content .phones .sd-cut8 .ewaste-slide-wrap .ewaste-slide-list .swiper-slide .text-area .sup{font-size:1rem; line-height:1.875rem;}
    .focus .story-content .phones .sd-cut8 .ewaste-slide-wrap .ewaste-slide-list .swiper-slide .text-area .title{margin-top:0.25rem; font-size:1.375rem; line-height:1.875rem;text-align: center;}
    .focus .story-content .phones .sd-cut8 .ewaste-slide-wrap .ewaste-slide-list .swiper-slide .text-area .text{margin-top:1rem;font-size:1rem; line-height:1.375rem; font-weight:400;}
    .focus .story-content .phones .sd-cut8 .ewaste-slide-wrap .ewaste-slide-list .swiper-slide .text-area .text-sm{margin-top:1rem; font-size:0.625rem; line-height:0.875rem; font-weight:400;}
    .focus .story-content .phones .sd-cut8 .ewaste-slide-wrap .indicator.white-bullet span {background: #8f8f8f !important;}
    .focus .story-content .phones .sd-cut8 .ewaste-slide-wrap .indicator.white-bullet span.swiper-pagination-bullet-active {background: #fff !important;}
    .focus .story-content .story-detail.phones .sd-cut7 .text-area {left: 0; transform: translate(0, 0);}
    .focus .story-content .phones .sd-cut9 > div::before {display: none; height: 57.5rem;}
    .focus .story-content .phones .sd-cut9 {background: url('/sec/sustainability/assets/img/mo/focus/mdi/img_phones08.png') no-repeat center center/cover; height:auto !important; aspect-ratio:auto;}
    .focus .story-content .phones .sd-cut9 .image {width: 20rem; margin: 2.625rem auto 0;}
    .focus .story-content .phones .sd-cut9 .sd-cut8-inner {display: flex !important; flex-direction: column; height:auto !important;}
    .focus .story-content .phones .sd-cut9 .sd-cut8-inner .btn-box {display:flex; flex-direction: column; margin:1rem 0 2.25rem;}
    .focus .story-content .phones .sd-cut9 .sd-cut8-inner .btn-box .process-btn {display:inline-block; font-size: 0.875rem; line-height: 1.188rem;  padding: 0.625rem 1.5rem 0.688rem;  border-radius: 35.714rem; border:1px solid #fff; margin:0 auto; color:#fff; font-weight: 700;}
    .focus .story-content .phones .sd-cut9 .sd-cut8-inner .text-box { font-size: 0.625rem; line-height:0.875rem; color:#fff; display:block; margin:0 auto; text-align:center; margin-top: 1rem;}
    .focus .story-content .phones .sd-cut9 .go-participant {display: inline-block; margin: 0.875rem auto 0; padding: 0.625rem 1.5rem 0.688rem; border-radius: 35.714rem; font-size: 0.875rem; line-height: 1.188rem;}
    .focus .story-content .phones .sd-cut9 a.privacy-btn {display: inline-block; margin: 1.25rem auto 0; border-radius: 35.714rem; font-size: 0.875rem; line-height: 1.188rem; bottom:initial;}
    .focus .story-content .phones .sd-cut9 a.privacy-btn:after {content:'';}

    /* // TV 릴루미노 모드 */
    .focus .relumino-content [class *= "sd-cut"] {height: 100vh !important;}
    .focus .relumino-content .relumino-detail > div .text-area { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 75.25rem; color: #fff;  text-align: center;}
    .focus .relumino-content .relumino-detail > div.news-section .text-area { position: static; transform: none; width: auto; color: #000;  text-align: left;}
    .focus .relumino-content .relumino-detail .sd-cut1 .kv-wrap .kv-slide-list .swiper-slide {visibility:hidden; opacity:0; transition: opacity 0.5s ease, visibility 0s linear 0.5s;}
    .focus .relumino-content .relumino-detail .sd-cut1 .kv-wrap .kv-slide-list .swiper-slide .text-area{display:none;overflow: hidden; width: 1px; height: 1px; padding: 0; border: 0; margin: -1px; clip: rect(0, 0, 0, 0); }
    .focus .relumino-content .relumino-detail .sd-cut1 .kv-wrap .kv-slide-list .swiper-slide.swiper-slide-active {transition-delay: 0s;visibility:visible; opacity:1; }
    .focus .relumino-content .relumino-detail .sd-cut1 .kv-wrap .kv-slide-list .swiper-slide.swiper-slide-active .text-area {display:block;overflow: auto; width:100%; height: auto; padding: initial; border: 0; margin:auto; clip:initial; }
    .focus .relumino-content .relumino-detail .sd-cut1 .kv-wrap .kv-slide-list .swiper-slide.slide01 {background: url('/sec/sustainability/assets/img/mo/focus/mdi/img_relumino01.jpg') no-repeat center center/cover;}
    .focus .relumino-content .relumino-detail .sd-cut1 .kv-wrap .kv-slide-list .swiper-slide.slide02 {background: url('/sec/sustainability/assets/img/mo/focus/mdi/img_relumino02.png') no-repeat center center/cover;}
    .focus .relumino-content .relumino-detail .sd-cut1 .kv-wrap .kv-slide-list .text-area .tit {font-size:2.75rem; line-height:3.313rem;}
    .focus .relumino-content .relumino-detail .sd-cut1 .kv-wrap .kv-slide-list .text-area .text {margin-top:2rem; font-size:1.125rem; line-height:1.5rem;}
    .focus .relumino-content .relumino-detail .sd-cut1 .kv-wrap .button-area { position:absolute; bottom:2rem; left:50%; transform:translateX(-50%); z-index:1; width:100%; text-align:center;}
    .focus .relumino-content .relumino-detail .sd-cut1 .kv-wrap .button-area .swiper-button-next {margin-left:1rem;}
    .focus .relumino-content .relumino-detail .sd-cut1 .mo-only .swiper{height:100vh; touch-action: pan-y;}
    .focus .relumino-content .relumino-detail .sd-cut1 .mo-only .swiper-step1 .swiper-wrapper {height: 100% !important; touch-action: pan-y; background: url('/sec/sustainability/assets/img/mo/focus/mdi/img_relumino02.png') no-repeat center center/cover;}
    .focus .relumino-content .relumino-detail .sd-cut1 .mo-only .swiper-step1 .swiper-wrapper .slide01 {background: url('/sec/sustainability/assets/img/mo/focus/mdi/img_relumino01.png') no-repeat center center/cover;}
    .focus .relumino-content .relumino-detail .sd-cut1 .mo-only .swiper-step1 .swiper-wrapper .slide02 {background: url('/sec/sustainability/assets/img/mo/focus/mdi/img_relumino02.png') no-repeat center center/cover;}
    .focus .relumino-content .relumino-detail .sd-cut1 .mo-only .swiper-step1 .swiper-wrapper .slide03 {background: url('/sec/sustainability/assets/img/mo/focus/mdi/img_relumino03.png') no-repeat center center/cover;}
    .focus .relumino-content .relumino-detail .sd-cut1 .mo-only .swiper-step1 .swiper-wrapper .swiper-slide {position:relative;}
    .focus .relumino-content .relumino-detail .sd-cut1 .mo-only .swiper-step1 .swiper-wrapper .swiper-slide .slide-cont-wrap {position:relative;width:100%; height:100%;}
    .focus .relumino-content .relumino-detail .sd-cut1 .mo-only .swiper-step1 .swiper-wrapper .swiper-slide .text-inner {position:absolute; width:100%; height:auto;top:47%; left:50%; transform: translate(-50%, -50%);}
    .focus .relumino-content .relumino-detail .sd-cut1 .mo-only .swiper-step1 .swiper-wrapper .swiper-slide .text-inner .tit-box .tit{ color:#fff; text-align:center; font-size: 2.75rem; line-height: 3.313rem;}
    .focus .relumino-content .relumino-detail .sd-cut1 .mo-only .swiper-step1 .swiper-wrapper .swiper-slide.slide03 .text-inner .tit-box .tit {font-size: 2.25rem; line-height: 2.75rem;}
    .focus .relumino-content .relumino-detail .sd-cut1 .mo-only .swiper-step1 .swiper-wrapper .swiper-slide .text-inner .text-box .text {color:#fff; text-align: center; margin-top: 2rem; font-size: 1.125rem; line-height: 1.5rem;}
    .focus .relumino-content .btn-area.scroll {display: none;}
    .focus .relumino-content .relumino-detail .sd-inner {display: block; height: auto; padding-top: 0;}
    .focus .relumino-content .relumino-detail .sd-cut2,
    .focus .relumino-content .relumino-detail .sd-cut4,
    .focus .relumino-content .relumino-detail .sd-cut8 {background: #006BEA}
    .focus .relumino-content .relumino-detail .sd-cut2 .text-area,
    .focus .relumino-content .relumino-detail .sd-cut4 .text-area,
    .focus .relumino-content .relumino-detail .sd-cut8 .text-area {top: 18.5vh; transform: translateX(-50%);}
    .focus .relumino-content .relumino-detail .sd-cut2 .text-area .tit,
    .focus .relumino-content .relumino-detail .sd-cut4 .text-area .tit,
    .focus .relumino-content .relumino-detail .sd-cut8 .text-area .tit {font-size: 1.875rem; line-height: 2.25rem;}
    .focus .relumino-content .relumino-detail .sd-cut2 .text-area .text-box {margin-top: 2.857rem;}
    .focus .relumino-content .relumino-detail .sd-cut2 .text-area .text-box p,
    .focus .relumino-content .relumino-detail .sd-cut4 .text-area .text-box p,
    .focus .relumino-content .relumino-detail .sd-cut8 .text-area .text-box p {font-size: 1rem; line-height: 1.375rem;}
    .focus .relumino-content .relumino-detail .text-area .text-box p + p {margin-top: 0.571rem;}
    .focus .relumino-content .relumino-detail .sd-cut2 .text-area .text-box p + p,
    .focus .relumino-content .relumino-detail .sd-cut8 .text-area .text-box p + p{margin-top: 0.5rem;}
    .focus .relumino-content .relumino-detail .sd-cut2 .text-area .text-box .text-sm {margin-top:0.5rem; font-size: 0.625rem; line-height: 0.875rem;}
    .focus .relumino-content .relumino-detail .sd-cut4 .text-area .text-box,
    .focus .relumino-content .relumino-detail .sd-cut8 .text-area .text-box {margin-top: 2.5rem;padding:0 1.429rem;}
    .focus .relumino-content .relumino-detail .sd-inner .lottie-area {width:100%; bottom: 1.429rem;}
    .focus .relumino-content .sd-cut3 .col2 {position: absolute; background: #2189FF; width: 100%;height: 100%; display:none;}
    .focus .relumino-content .sd-cut3 .col2::before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 50%; height: 100%; background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_relumino_list03_01.png') no-repeat center;background-size: cover;transition: .3s ease}
    .focus .relumino-content .sd-cut3 .col2.cut2::before {background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_relumino_list03_02.png') no-repeat center;background-size: cover}
    .focus .relumino-content .sd-cut3 .col2.cut3::before {background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_relumino_list03_03.png') no-repeat center;background-size: cover}
    .focus .relumino-content .sd-cut3 .col2.cut4::before {background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_relumino_list03_04.png') no-repeat center;background-size: cover}
    .focus .relumino-content .sd-cut3 .col2::after {display: block; content: ''; clear: both;}
    .focus .relumino-content .sd-cut3 .col2 .box {position: relative; float: right; width: 50%; max-width: 59.9375rem; height: 100%; }
    .focus .relumino-content .sd-cut3 .col2 .box .text-area {width: 100%;height: 35rem; max-width: 35.625rem; }
    .focus .relumino-content .sd-cut3 .col2 .box .text-area .btn-list{position: absolute}
    .focus .relumino-content .sd-cut3 .col2 .box .text-area > span {position: absolute; top: 0; left: 0; width: auto; font-size: 1.375rem; line-height: 1.875rem; font-weight: 700; letter-spacing: 0;}
    .focus .relumino-content .sd-cut3 .col2 .box .title {font-size: 2.286rem; line-height: 3rem; font-weight:700; text-align: left; margin-top: 6.25rem;}
    .focus .relumino-content .sd-cut3 .col2 .box .btn-list li { display: block;}
    .focus .relumino-content .sd-cut3 .col2 .box .btn-list li .btn-num {position: absolute; top: 0; left: 5.0625rem; width:2rem; height: 2rem; border-radius: 50%; font-size: 1.375rem; line-height: 1.875rem; color: #006bea; background: rgba(255, 255, 255, 0.2);}
    .focus .relumino-content .sd-cut3 .col2 .box .btn-list li:nth-child(2) .btn-num {left: 7.625rem;}
    .focus .relumino-content .sd-cut3 .col2 .box .btn-list li:nth-child(3) .btn-num {left: 10.1875rem;}
    .focus .relumino-content .sd-cut3 .col2 .box .btn-list li:nth-child(4) .btn-num {left: 12.75rem;}
    .focus .relumino-content .sd-cut3 .col2 .box .btn-list li .btn-num.on {background: #fff; color: #006bea; opacity: 1; font-weight: 700;}
    .focus .relumino-content .sd-cut3 .col2 .box .btn-list li .text {text-align: left; font-size: 1.286rem; line-height: 1.714rem; margin-top: 2.286rem;}
    .focus .relumino-content .sd-cut3 .col2 .box .btn-list li .text .text-sm {text-align: left; font-size: 1rem; line-height: 1.357rem; margin-top: 2rem;}
    .focus .relumino-content .sd-cut3 .col2 .box .btn-list li .text ul li span{}
    .focus .relumino-content .sd-cut3 .col2 .box .btn-list li .avatar {position: relative; margin-top: 2.286rem; line-height: 2rem; padding-left: 2.714rem; text-align: left;}
    .focus .relumino-content .sd-cut3 .col2 .box .btn-list li .avatar:before {display:block; content:''; background: url('/sec/sustainability/assets/img/pc/focus/mdi/icon_avatar.png') no-repeat center;background-size: contain; width: 2rem; height: 2rem; position:absolute; top:0; left:0;}
    .focus .relumino-content .sd-cut3 .col2 .box .btn-list .step-2-list li {position: relative; padding-left: 3.429rem; font-size: 1.286rem; line-height: 1.714rem;}
    .focus .relumino-content .sd-cut3 .col2 .box .btn-list .step-2-list li:before {content:'2017';position:absolute; top:0; left:0; color: #6ACAEC;}
    .focus .relumino-content .sd-cut3 .col2 .box .btn-list .step-2-list li:nth-child(2):before {content:'2018';}
    .focus .relumino-content .sd-cut3 .col2 .box .btn-list .step-2-list li:nth-child(3):before {content: '2022';}
    .focus .relumino-content .sd-cut3 .col2 .box .btn-list .step-2-list li:nth-child(4):before {content: '2023';}
    .focus .relumino-content .sd-cut3 .col2 .box .btn-list .step-2-list li + li {margin-top: 0.571rem;}
    .focus .relumino-content .sd-cut3 {height:auto !important;}
    .focus .relumino-content .sd-cut3 .mo-only {background:#fff;}

    /* [24.04.23] 릴루미노 slider 모바일 원본 스타일 */
    .focus .relumino-content .sd-cut3 .relumino-slide-wrap {position: relative;width: 100%;height: auto;overflow: hidden;margin: 0 auto; touch-action: pan-y;}
    .focus .relumino-content .sd-cut3 .relumino-slide-wrap .relumino-slide-list {width: 100%; aspect-ratio: 360/740; text-align: center; white-space: nowrap;}
    .focus .relumino-content .sd-cut3 .relumino-slide-wrap .relumino-slide-list .swiper-slide {display:flex; flex-direction: column; height:auto !important; width:100%; overflow:hidden;}
    .focus .relumino-content .sd-cut3 .relumino-slide-wrap .relumino-slide-list .swiper-slide:last-child {height:auto !important; width:100%; overflow:hidden;}
    .focus .relumino-content .sd-cut3 .relumino-slide-wrap .relumino-slide-list .swiper-slide {visibility:hidden; opacity:.3; transition: opacity 0.5s ease-in-out, visibility 0s linear 0.5s;} /* [24.04.23] 모바일 접근성 수정 */
    .focus .relumino-content .sd-cut3 .relumino-slide-wrap .relumino-slide-list .swiper-slide.swiper-slide-active {transition-delay: 0s;visibility:visible; opacity:1; } /* [24.04.23] 모바일 접근성 추가 */
    .focus .relumino-content .sd-cut3 .relumino-slide-wrap .relumino-slide-list .swiper-slide .top-image {width:100%; }
    .focus .relumino-content .sd-cut3 .relumino-slide-wrap .relumino-slide-list .swiper-slide .top-image img{width:100%;}
    .focus .relumino-content .sd-cut3 .relumino-slide-wrap .relumino-slide-list .swiper-slide .text-area {position:relative; top:initial; left:initial; transform:initial; width:100%; height: 100%; min-height:70vh; display:flex; align-items: center; flex-direction: column; padding: 1.429rem 1.429rem; color:#313131; background:#fff;}
    .focus .relumino-content .sd-cut3 .relumino-slide-wrap .relumino-slide-list .swiper-slide .text-area .sup {font-size: 1rem; line-height: 1.875rem; font-weight: 700; color:#006bea;}
    .focus .relumino-content .sd-cut3 .relumino-slide-wrap .relumino-slide-list .swiper-slide .text-area .title {margin-top:0.25rem; margin-bottom: 1rem; font-size: 1.375rem; line-height: 1.875rem; font-weight: 700;}
    .focus .relumino-content .sd-cut3 .relumino-slide-wrap .relumino-slide-list .swiper-slide .text-area .text { }
    .focus .relumino-content .sd-cut3 .relumino-slide-wrap .relumino-slide-list .swiper-slide .text-area .text p {display:block;font-size: 0.875rem; line-height: 1.188rem; font-weight:400;}
    .focus .relumino-content .sd-cut3 .relumino-slide-wrap .relumino-slide-list .swiper-slide .text-area .text p + p{margin-top:0.5rem;}
    .focus .relumino-content .sd-cut3 .relumino-slide-wrap .relumino-slide-list .swiper-slide .text-area .sm-text {display:block; font-size: 0.625rem; line-height: 0.875rem; font-weight:400; margin-top: 1rem;}
    .focus .relumino-content .sd-cut3 .relumino-slide-wrap .relumino-slide-list .swiper-slide .text-area .avatar {position: relative; margin-top: 0.5rem; line-height: 1rem; padding-left: 1.25rem; font-size: 0.625rem;}
    .focus .relumino-content .sd-cut3 .relumino-slide-wrap .relumino-slide-list .swiper-slide .text-area .avatar:before {display:block; content:''; background: url('/sec/sustainability/assets/img/pc/focus/mdi/icon_avatar_blue.png') no-repeat center;background-size: contain; width: 1rem; height: 1rem; position:absolute; top:0; left:0;}
    .focus .relumino-content .sd-cut3 .relumino-slide-wrap .relumino-slide-list .swiper-slide .step-2-list {margin-top: 1.143rem;}
    .focus .relumino-content .sd-cut3 .relumino-slide-wrap .relumino-slide-list .swiper-slide .step-2-list li {position: relative; padding-left: 2.5rem; font-size: 0.875rem; line-height: 1.188rem; text-align:left;}
    .focus .relumino-content .sd-cut3 .relumino-slide-wrap .relumino-slide-list .swiper-slide .step-2-list li:before {content:'2017';position:absolute; top:0; left:0; color: #006BEA; font-weight:700;}
    .focus .relumino-content .sd-cut3 .relumino-slide-wrap .relumino-slide-list .swiper-slide .step-2-list li:nth-child(2):before {content:'2018';}
    .focus .relumino-content .sd-cut3 .relumino-slide-wrap .relumino-slide-list .swiper-slide .step-2-list li:nth-child(3):before {content: '2022';}
    .focus .relumino-content .sd-cut3 .relumino-slide-wrap .relumino-slide-list .swiper-slide .step-2-list li:nth-child(4):before {content: '2023';}
    .focus .relumino-content .sd-cut3 .relumino-slide-wrap .relumino-slide-list .swiper-slide .step-2-list li + li {margin-top: 0.5rem;}

    /* [24.04.23] 릴루미노 slider 모바일 접근성 수정 스타일 : 슬라이드 접근성 개선 방안 찾으면 해당 스타일 제거 */
    .focus .relumino-content .relumino-detail > div .text-area { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 75.25rem; color: #fff;  text-align: center;}
    .focus .relumino-content .relumino-detail > div.news-section .text-area { position: static; transform: none; width: auto; color: #000; text-align: left;}
    .focus .relumino-content .relumino-detail .sd-cut3 .relumino-slide-wrap-mo .relumino-slide-list .swiper-slide {visibility:hidden; opacity:.3; transition: opacity 0.5s ease-in-out, visibility 0s linear 0.5s;}
    .focus .relumino-content .sd-cut3 .relumino-slide-wrap-mo .relumino-slide-list .swiper-slide .text-area{display:none;overflow: hidden; width: 1px; height: 1px; padding: 0; border: 0; margin: -1px; clip: rect(0, 0, 0, 0); }
    .focus .relumino-content .sd-cut3 .relumino-slide-wrap-mo .relumino-slide-list .swiper-slide.swiper-slide-active {transition-delay: 0s;visibility:visible; opacity:1; }
    .focus .relumino-content .sd-cut3 .relumino-slide-wrap-mo .relumino-slide-list .swiper-slide.swiper-slide-active .text-area {display:block;overflow: auto; width:100%; height: auto; _padding: initial; _border: 0; margin:auto; clip:initial; }
    .focus .relumino-content .sd-cut3 .relumino-slide-wrap-mo .button-area{ position:absolute; bottom:2rem; left:50%; transform:translateX(-50%); z-index:1; width:100%; text-align:center;}
    .focus .relumino-content .sd-cut3 .relumino-slide-wrap-mo .button-area .swiper-button-next{margin-left:1rem;}
    .focus .relumino-content .sd-cut3 .relumino-slide-wrap-mo {position: relative;width: 100%;height: auto;overflow: hidden;margin: 0 auto; touch-action: pan-y;}
    .focus .relumino-content .sd-cut3 .relumino-slide-wrap-mo .relumino-slide-list {width: 100%; aspect-ratio: 360/740; text-align: center; white-space: nowrap;}
    .focus .relumino-content .sd-cut3 .relumino-slide-wrap-mo .relumino-slide-list .swiper-slide:last-child {height:auto !important; width:100%; overflow:hidden;}
    .focus .relumino-content .sd-cut3 .relumino-slide-wrap-mo .relumino-slide-list .swiper-slide .top-image {width:100%; }
    .focus .relumino-content .sd-cut3 .relumino-slide-wrap-mo .relumino-slide-list .swiper-slide .top-image img{width:100%;}
    .focus .relumino-content .sd-cut3 .relumino-slide-wrap-mo .relumino-slide-list .swiper-slide .text-area {position:relative; top:initial; left:initial; transform:initial; width:100%; height: 100%; min-height:70vh; display:flex; align-items: center; flex-direction: column; padding: 1.429rem 1.429rem; color:#313131; background:#fff;}
    .focus .relumino-content .sd-cut3 .relumino-slide-wrap-mo .relumino-slide-list .swiper-slide .text-area .sup {font-size: 1rem; line-height: 1.875rem; font-weight: 700; color:#006bea;}
    .focus .relumino-content .sd-cut3 .relumino-slide-wrap-mo .relumino-slide-list .swiper-slide .text-area .title {margin-top:0.25rem; margin-bottom: 1rem; font-size: 1.375rem; line-height: 1.875rem; font-weight: 700;}
    .focus .relumino-content .sd-cut3 .relumino-slide-wrap-mo .relumino-slide-list .swiper-slide .text-area .text p {display:block;font-size: 0.875rem; line-height: 1.188rem; font-weight:400;}
    .focus .relumino-content .sd-cut3 .relumino-slide-wrap-mo .relumino-slide-list .swiper-slide .text-area .text p + p{margin-top:0.5rem;}
    .focus .relumino-content .sd-cut3 .relumino-slide-wrap-mo .relumino-slide-list .swiper-slide .text-area .sm-text {display:block; font-size: 0.625rem; line-height: 0.875rem; font-weight:400; margin-top: 1rem;}
    .focus .relumino-content .sd-cut3 .relumino-slide-wrap-mo .relumino-slide-list .swiper-slide .text-area .avatar {position: relative; margin-top: 0.5rem; line-height: 1rem; padding-left: 1.25rem; font-size: 0.625rem;}
    .focus .relumino-content .sd-cut3 .relumino-slide-wrap-mo .relumino-slide-list .swiper-slide .text-area .avatar:before {display:block; content:''; background: url('/sec/sustainability/assets/img/pc/focus/mdi/icon_avatar_blue.png') no-repeat center;background-size: contain; width: 1rem; height: 1rem; position:absolute; top:0; left:0;}
    .focus .relumino-content .sd-cut3 .relumino-slide-wrap-mo .relumino-slide-list .swiper-slide .step-2-list {margin-top: 1.143rem;}
    .focus .relumino-content .sd-cut3 .relumino-slide-wrap-mo .relumino-slide-list .swiper-slide .step-2-list li {position: relative; padding-left: 2.5rem; font-size: 0.875rem; line-height: 1.188rem; text-align:left;}
    .focus .relumino-content .sd-cut3 .relumino-slide-wrap-mo .relumino-slide-list .swiper-slide .step-2-list li:before {content:'2017';position:absolute; top:0; left:0; color: #006BEA; font-weight:700;}
    .focus .relumino-content .sd-cut3 .relumino-slide-wrap-mo .relumino-slide-list .swiper-slide .step-2-list li:nth-child(2):before {content:'2018';}
    .focus .relumino-content .sd-cut3 .relumino-slide-wrap-mo .relumino-slide-list .swiper-slide .step-2-list li:nth-child(3):before {content: '2022';}
    .focus .relumino-content .sd-cut3 .relumino-slide-wrap-mo .relumino-slide-list .swiper-slide .step-2-list li:nth-child(4):before {content: '2023';}
    .focus .relumino-content .sd-cut3 .relumino-slide-wrap-mo .relumino-slide-list .swiper-slide .step-2-list li + li {margin-top: 0.5rem;}
    /* // [24.04.23] 릴루미노 slider 모바일 접근성 수정 스타일 */

    .focus .relumino-content .sd-cut5 .mo-only {background:#fff;}
    .focus .relumino-content .sd-cut5 .box-slide-wrap {position: relative;width: 100%;height: auto;overflow: hidden;margin: 0 auto;}
    .focus .relumino-content .sd-cut5 .box-slide-wrap .box-slide-list {width: 100%; aspect-ratio: 360/740; text-align: center; white-space: nowrap;}
    .focus .relumino-content .sd-cut5 .box-slide-wrap .box-slide-list .swiper-slide {visibility:hidden; opacity:.3; transition: opacity 0.5s ease-in-out, visibility 0s linear 0.5s;} /* [24.04.23] 모바일 접근성 수정 */
    .focus .relumino-content .sd-cut5 .box-slide-wrap .box-slide-list .swiper-slide.swiper-slide-active {transition-delay: 0s;visibility:visible; opacity:1; } /* [24.04.23] 모바일 접근성 추가 */
    .focus .relumino-content .sd-cut5 .box-slide-wrap .box-slide-list .swiper-slide .top-image {width:100%; }
    .focus .relumino-content .sd-cut5 .box-slide-wrap .box-slide-list .swiper-slide .top-image img{width:100%;}
    .focus .relumino-content .sd-cut5 .box-slide-wrap .box-slide-list .swiper-slide .text-area {width:100%; height: 100%; min-height: 70vh; display:flex; align-items: center; flex-direction: column; padding: 1.429rem; color:#313131;}
    .focus .relumino-content .sd-cut5 .box-slide-wrap .box-slide-list .swiper-slide .text-area .sup {font-size: 1rem; line-height: 1.875rem; color:#006BEA; font-weight:700;}
    .focus .relumino-content .sd-cut5 .box-slide-wrap .box-slide-list .swiper-slide .text-area .process {display:inline-block; font-size: 0.875rem; line-height: 1.188rem; font-weight: 700; border-bottom: 2px solid #313131; margin-bottom: 1rem;}
    .focus .relumino-content .sd-cut5 .box-slide-wrap .box-slide-list .swiper-slide .text-area .title {margin-top:0.25rem; margin-bottom: 1rem; font-size: 1.375rem; line-height: 1.875rem; font-weight: 700; color:#000;}
    .focus .relumino-content .sd-cut5 .box-slide-wrap .box-slide-list .swiper-slide .text-area .text { font-size: 0.875rem; line-height: 1.188rem; font-weight:400;}
    .focus .relumino-content .sd-cut5 .box-slide-wrap .box-slide-list .swiper-slide .text-area .sm-text { font-size: 0.625rem; line-height: 0.875rem; font-weight:400; margin-top: 1rem;}
    .focus .relumino-content .sd-cut5 .box-slide-wrap .box-slide-list .swiper-slide .text-area .avatar {position: relative; margin-top: 1.5rem; line-height: 1rem; padding-left: 1.25rem; font-size: 0.625rem;}
    .focus .relumino-content .sd-cut5 .box-slide-wrap .box-slide-list .swiper-slide .text-area .avatar:before {display:block; content:''; background: url('/sec/sustainability/assets/img/pc/focus/mdi/icon_avatar_blue.png') no-repeat center;background-size: contain; width: 1rem; height: 1rem; position:absolute; top:0; left:0;}
    .focus .relumino-content .sd-cut5 .box-slide-wrap .indicator span {background: #757575 !important;}
    .focus .relumino-content .sd-cut5 .box-slide-wrap .indicator span.swiper-pagination-bullet-active {background: #006bea !important;}
    .focus .relumino-content .sd-cut5 {height: auto !important;}
    .focus .relumino-content .sd-cut7  {height: auto;}
    .focus .relumino-content .sd-cut5 > div,
    .focus .relumino-content .sd-cut7 > div {position: relative; width: 100%; height: 100%;}
    .focus .relumino-content .sd-cut5 > div::after {display: none; content: ''; position: absolute; top: 0; right: 0; width: 50%; height: 100%; background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_relumino_list05_01.png') no-repeat left top;}
    .focus .relumino-content .sd-cut7 > div::after {display: block; content: ''; position: absolute; top: 0; right: 0; width: 50%; height: 100%; background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_relumino_list07_01.png') no-repeat left top;}
    .focus .relumino-content .sd-cut5 > div .box,
    .focus .relumino-content .sd-cut7 > div .box {position: relative; width: 50%; max-width: 60rem; height: 100%;}
    .focus .relumino-content .sd-cut5 > div .text-area,
    .focus .relumino-content .sd-cut7 > div .text-area {position: relative; top: initial; width: 100%; text-align: center; color: #fff; transform: initial; left: initial;}
    .focus .relumino-content .sd-cut5 > div .text-area .sup,
    .focus .relumino-content .sd-cut7 > div .text-area .sup {font-size: 1.571rem; line-height: 2.143rem; font-weight:700; color: #006bea;}
    .focus .relumino-content .sd-cut5 > div .text-area .title,
    .focus .relumino-content .sd-cut7 > div .text-area .title {font-size: 2.286rem; line-height: 3rem; font-weight: 700; margin-top: 5.357rem; margin-bottom: 2.286rem;}
    .focus .relumino-content .sd-cut5 > div .text-area .text,
    .focus .relumino-content .sd-cut7 > div .text-area .text {font-size: 1.286rem; line-height: 1.714rem;}
    .focus .relumino-content .sd-cut5 > div .text-area .avatar {position: relative; margin-top: 1.714rem; font-size: 1rem; line-height: 2rem; padding-left: 2.714rem; text-align: left;}
    .focus .relumino-content .sd-cut5 > div .text-area .avatar {position: relative; margin-top: 1.714rem; font-size: 1rem; line-height: 2rem; padding-left: 2.714rem; text-align: left;}
    .focus .relumino-content .sd-cut5 > div .text-area .avatar:before {display:block; content:''; background: url('/sec/sustainability/assets/img/pc/focus/mdi/icon_avatar_blue.png') no-repeat center;background-size: contain; width: 2rem; height: 2rem; position:absolute; top:0; left:0;}
    .focus .relumino-content .sd-cut6 .col2 {position: relative; width: 100%; height: 100%;z-index: 1}
    .focus .relumino-content .sd-cut6 .col2 > div {position: absolute; width: 100%; height: 100%; display: none; /*aspect-ratio: 1920/1080;*/}
    .focus .relumino-content .sd-cut6 .col2 > div::before {display: block; content: ''; position: absolute; top: 0; right: 0; width: 50%; height: 100%; background-repeat:no-repeat; background-position: 0 0; background-size: cover;}
    .focus .relumino-content .sd-cut6 .col2 .cut1::before {background-image: url('/sec/sustainability/assets/img/pc/focus/mdi/img_relumino_list06_01.png');}
    .focus .relumino-content .sd-cut6 .col2 .cut2::before {background-image: url('/sec/sustainability/assets/img/pc/focus/mdi/img_relumino_list06_02.png');}
    .focus .relumino-content .sd-cut6 .col2 .cut3::before {background-image: url('/sec/sustainability/assets/img/pc/focus/mdi/img_relumino_list06_03.png');}
    .focus .relumino-content .sd-cut6 .col2 .box {position: relative; width: 50%;  height: 100%; background: #006BEA;}
    .focus .relumino-content .sd-cut6 .col2 .box .text-area {top: 45%; width: 43.3125rem; color: #fff; text-align: left;}
    .focus .relumino-content .sd-cut6 .col2 .box .text-area .sup {text-align: left; font-size: 1.571rem; line-height: 2.143rem; font-weight: 700;}
    .focus .relumino-content .sd-cut6 .col2 .box .text-area .title {font-size: 2.286rem; line-height: 3rem; font-weight: 700; padding-top: 5.357rem;}
    .focus .relumino-content .sd-cut6 .col2 .box .text-area .process {display:inline-block; font-size: 1.286rem; line-height: 1.714rem; font-weight: 700; border-bottom: 2px solid #fff; margin: 2.286rem 0 1.714rem;}
    .focus .relumino-content .sd-cut6 .col2 .box .text-area .text {font-size: 1.286rem; line-height: 1.714rem;}
    .focus .relumino-content .sd-cut6 .col2 .box .text-area .sm-text {font-size: 1rem; line-height: 1.357rem; margin-top: 1.714rem;}
    .focus .relumino-content .sd-cut6 .indicator-area {position: absolute; bottom: 5.125rem; left: 0; width: 50%; height: 0.5rem; z-index: 1000}
    .focus .relumino-content .sd-cut6 .indicator-area .pagination{display: flex;align-items: center;position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); width: 35.3125rem; color: #fff;}
    .focus .relumino-content .sd-cut6 .indicator-area .pagination .dash{padding:0 1rem }
    .focus .relumino-content .sd-cut6 .indicator-area .pagination .pagination_fraction{display: flex;align-items: center;justify-content: space-around}
    .focus .relumino-content .sd-cut6 .indicator-area .pagination .current{display: flex;justify-content: flex-end;width: 3rem;height: 1rem}
    .focus .relumino-content .sd-cut6 .indicator-area .pagination .total{display: flex;justify-content: flex-start;width: 3rem;height: 1rem}
    .focus .relumino-content .sd-cut6 .indicator {position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); width: 35.3125rem; height: 0.5rem; text-align: left; z-index: 2; line-height: 0;}
    .focus .relumino-content .sd-cut6 .indicator a, .indicator span {display: inline-block; width: 0.5rem; height: 0.5rem; border-radius: 50%; background: #757575; transition: .3s ease}
    .focus .relumino-content .sd-cut6 .indicator a.active, .indicator span.swiper-pagination-bullet-active {animation-fill-mode: none !important;transform: scale(1.2); background: #000; opacity: 1; }
    .focus .relumino-content .sd-cut6 .indicator a + a, .indicator span + span {margin-left: 0.5rem;}
    .focus .relumino-content .sd-cut6 .indicator-area {position: absolute; bottom: 5.125rem; left: 0; width: 50%;max-width: 60rem; height: 0.5rem; z-index: 1000}
    .focus .relumino-content .sd-cut6 .indicator-area .pagination{display: flex;align-items: center;position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); width: 35.3125rem;}
    .focus .relumino-content .sd-cut6 .indicator-area .pagination .dash{padding:0 1rem }
    .focus .relumino-content .sd-cut6 .indicator-area .pagination .pagination_fraction{display: flex;align-items: center;justify-content: space-around;width: 7.625rem}
    .focus .relumino-content .sd-cut6 .indicator-area .pagination .current{display: flex;justify-content: flex-end;width: 3rem;height: 1rem}
    .focus .relumino-content .sd-cut6 .indicator-area .pagination .total{display: flex;justify-content: flex-start;width: 3rem;height: 1rem}
    .focus .relumino-content .sd-cut6 .pagination .prev{display: inline-block;background: url("/sec/sustainability/assets/img/pc/common/mdi/arrow_left_paging_white.png") no-repeat center;background-size: 0.75rem auto;width: 1.875rem;height: 1.875rem;text-indent: -625rem}
    .focus .relumino-content .sd-cut6 .pagination .next{display: inline-block;background: url("/sec/sustainability/assets/img/pc/common/mdi/arrow_right_paging_white.png") no-repeat center;background-size: 0.75rem auto;width: 1.875rem;height: 1.875rem;text-indent: -625rem}
    .focus .relumino-content .sd-cut9 {height:auto !important;}
    .focus .relumino-content .sd-cut9 .mo-only {}
    .focus .relumino-content .sd-cut9 .swiper-interview {position: relative;width: 100%;height: auto;overflow: hidden;margin: 0 auto; touch-action: pan-y;}
    .focus .relumino-content .sd-cut9 .swiper-interview .swiper-wrapper {width: 100%; aspect-ratio: 360/740; text-align: center; white-space: nowrap; touch-action: pan-y;}
    .focus .relumino-content .sd-cut9 .swiper-interview .swiper-wrapper .swiper-slide {display:flex; flex-direction: column; height:auto !important; width:100%; overflow:hidden;background:url('/sec/sustainability/assets/img/mo/focus/mdi/img_relumino_list09_01.png') no-repeat center center/cover;}
    .focus .relumino-content .sd-cut9 .swiper-interview .swiper-wrapper .swiper-slide {visibility:hidden; opacity:.3; transition: opacity 0.5s ease-in-out, visibility 0s linear 0.5s;} /* [24.04.23] 모바일 접근성 수정 */
    .focus .relumino-content .sd-cut9 .swiper-interview .swiper-wrapper .swiper-slide.swiper-slide-active {transition-delay: 0s;visibility:visible; opacity:1; } /* [24.04.23] 모바일 접근성 추가 */
    .focus .relumino-content .sd-cut9 .swiper-interview .swiper-wrapper .swiper-slide:last-child {height:auto !important; width:100%; overflow:hidden;}
    .focus .relumino-content .sd-cut9 .swiper-interview .swiper-wrapper .swiper-slide .top-image {width:100%; }
    .focus .relumino-content .sd-cut9 .swiper-interview .swiper-wrapper .swiper-slide .top-image img{width:100%; height:100%;}
    .focus .relumino-content .sd-cut9 .swiper-interview .swiper-wrapper .swiper-slide .text-area {position:relative; top:initial; left:initial; transform:initial; width:100%; height: 100%; min-height:50vh; display:flex; align-items: center; flex-direction: column; padding: 5.375rem 1.25rem 1.25rem; color:#fff;}
    .focus .relumino-content .sd-cut9 .swiper-interview .swiper-wrapper .swiper-slide .text-area .sup {font-size: 1rem; line-height: 1.875rem; font-weight: 700;}
    .focus .relumino-content .sd-cut9 .swiper-interview .swiper-wrapper .swiper-slide .text-area .title {margin-top:0.25rem; margin-bottom: 1rem; font-size: 1.375rem; line-height: 1.875rem; font-weight: 700;}
    .focus .relumino-content .sd-cut9 .swiper-interview .swiper-wrapper .swiper-slide .text-area .text {font-size:1rem; line-height: 1.375rem}
    .focus .relumino-content .sd-cut9 .swiper-interview .swiper-wrapper .swiper-slide .text-area .text p {display:block;font-size: 0.875rem; line-height: 1.188rem; font-weight:400;}
    .focus .relumino-content .sd-cut9 .swiper-interview .swiper-wrapper .swiper-slide .text-area .text p + p{margin-top:0.5rem;}
    .focus .relumino-content .sd-cut9 .swiper-interview .swiper-wrapper .swiper-slide .text-area .sm-text {display:block; font-size: 0.625rem; line-height: 0.875rem; font-weight:400; margin-top: 1rem;}
    .focus .relumino-content .sd-cut9 .swiper-interview .swiper-wrapper .swiper-slide .text-area .avatar {position: relative; margin-top: 1.5rem; line-height: 1rem; padding-left: 1.25rem; font-size: 0.625rem;}
    .focus .relumino-content .sd-cut9 .swiper-interview .swiper-wrapper .swiper-slide .text-area .avatar:before {display:block; content:''; background: url('/sec/sustainability/assets/img/pc/focus/mdi/icon_avatar.png') no-repeat center;background-size: contain; width: 1rem; height: 1rem; position:absolute; top:0; left:0;}
    .focus .relumino-content .sd-cut9 .swiper-interview .indicator span.swiper-pagination-bullet-active {background: #6acaec !important}
    .focus .relumino-content .relumino-detail .sd-cut10 .text-area .tit {font-size: 1.875rem; line-height: 2.25rem; }
    .focus .relumino-content .relumino-detail .sd-cut10 .text-area .text-box {padding-top: 2.5rem; }
    .focus .relumino-content .relumino-detail .sd-cut10 .text-area .text-box p  {font-size: 1rem; line-height:1.375rem;}
    .focus .relumino-content .relumino-detail .sd-cut10 .text-area .text-box p + p {margin-top: 0.5rem;}
    .focus .relumino-content .relumino-detail .sd-cut10 {background: url('/sec/sustainability/assets/img/mo/focus/mdi/img_relumino_list10_01.png') no-repeat center center/cover;}
    .focus .relumino-content .relumino-detail .sd-cut11 .cut11-wrap .cut11-slide-list .swiper-slide.swiper-slide-active {transition-delay: 0s;visibility:visible; opacity:1; }
    .focus .relumino-content .relumino-detail .sd-cut11 .cut11-wrap .cut11-slide-list .swiper-slide.swiper-slide-active .text-area{display:block;overflow: auto; width:100%; height: auto; padding: initial; border: 0; margin:auto; clip:initial;}
    .focus .relumino-content .relumino-detail .sd-cut11 .cut11-wrap .cut11-slide-list .swiper-slide {visibility:hidden; opacity:0; transition: opacity 0.5s ease, visibility 0s linear 0.5s;}
    .focus .relumino-content .relumino-detail .sd-cut11 .cut11-wrap .cut11-slide-list .swiper-slide .text-area{display:none;overflow: hidden; width: 1px; height: 1px; padding: 0; border: 0; margin: -1px; clip: rect(0, 0, 0, 0)}
    .focus .relumino-content .relumino-detail .sd-cut11 .cut11-wrap .cut11-slide-list .swiper-slide.slide01 {background: url('/sec/sustainability/assets/img/mo/focus/mdi/img_relumino11_01.png') no-repeat center center/cover;}
    .focus .relumino-content .relumino-detail .sd-cut11 .cut11-wrap .cut11-slide-list .swiper-slide.slide02 {background: url('/sec/sustainability/assets/img/mo/focus/mdi/img_relumino11_02.png') no-repeat center center/cover;}
    .focus .relumino-content .relumino-detail .sd-cut11 .cut11-wrap .cut11-slide-list .text-area .tit {font-size:1.875rem; line-height:2.25rem;}
    .focus .relumino-content .relumino-detail .sd-cut11 .cut11-wrap .cut11-slide-list .text-area .text {margin-top:2.5rem; height:8.75rem;}
    .focus .relumino-content .relumino-detail .sd-cut11 .cut11-wrap .cut11-slide-list .text-area .text p {display:block;font-size:1rem; line-height:1.375rem;}
    .focus .relumino-content .relumino-detail .sd-cut11 .cut11-wrap .cut11-slide-list .text-area .text p + p {margin-top:0.5rem;}
    .focus .relumino-content .relumino-detail .sd-cut11 .cut11-wrap .button-area { display:none; }
    .focus .relumino-content .relumino-detail .sd-cut11 .cut11-wrap .indicator {display:block;}
    .focus .relumino-content .relumino-detail .sd-cut11 .cut11-wrap .indicator span {background:#aaa !important;}
    .focus .relumino-content .relumino-detail .sd-cut11 .cut11-wrap .indicator span.swiper-pagination-bullet-active {background:#fff !important;}
    .focus .relumino-content .relumino-detail .sd-cut12 {padding:7.5rem 0; background: #f7f7f7; height: 100% !important;}
    .focus .relumino-content .relumino-detail .sd-cut12 .swiper-news .swiper-wrapper .swiper-slide .text-area {padding: 1.25rem 1.25rem 2rem 1.25rem;}
    .focus .relumino-content .relumino-detail .sd-cut12 .swiper-news .swiper-wrapper .swiper-slide .text-area .date {font-size: 0.875rem; line-height:1.188rem;}
    .focus .relumino-content .relumino-detail .sd-cut12 .news-bullet.indicator span {background:#757575 !important; width:0.5rem !important; height: 0.5rem !important; border-radius: 100% !important;}
    .focus .relumino-content .relumino-detail .sd-cut12 .news-bullet.indicator span.swiper-pagination-bullet-active { background :#000 !important; width:0.625rem !important; height:0.625rem !important;border-radius: 100% !important;}
    .focus .relumino-content .relumino-detail .sd-cut13 {background: url('/sec/sustainability/assets/img/mo/focus/mdi/img_relumino03.png') no-repeat center center/cover;}
    .focus .relumino-content .relumino-detail .sd-cut13 .text-area h3 {font-size: 2.25rem;line-height: 2.75rem;}
    .focus .relumino-content .relumino-detail .sd-cut13 .text-box p {margin-top:2rem; font-size:1.125rem; line-height:1.5rem;}
    .focus .relumino-content .relumino-detail .sd-cut14 {background: url('/sec/sustainability/assets/img/mo/focus/mdi/img_relumino_list14_01.png') no-repeat center center/cover;}
    .focus .relumino-content .relumino-detail .sd-cut14 .text-area .tit {font-size: 1.875rem; line-height: 2.25rem; }
    .focus .relumino-content .relumino-detail .sd-cut14 .text-area .text-box {padding-top: 2.5rem; }
    .focus .relumino-content .relumino-detail .sd-cut14 .text-area .text-box p  {font-size: 1rem; line-height:1.375rem;}
    .focus .relumino-content .relumino-detail .sd-cut14 .text-area .text-box p + p {margin-top: 0.5rem;}

    /* // 23.12.4 폐휴대폰 수거 프로그램 개인정보 처리방침 */
    .waste-privacy-section {padding: 10rem 1.25rem 0;}
    .waste-privacy-section + .waste-privacy-section {padding-top: 5rem;}
    .waste-privacy-section .waste-privacy-top h2 {font-size: 1.875rem; line-height: 2.188rem;}
    .waste-privacy-section .waste-privacy-top span {font-size: 1rem; line-height: 1.375rem; margin-top: 4rem;}
    .waste-privacy-section .waste-labeling .title {padding: 1.125rem 1.5rem; font-size: 1.25rem; line-height: 1.688rem;}
    .waste-privacy-section .waste-labeling .desc {font-size: 0.714rem; line-height: 1rem; margin-top: 0.571rem;}
    .waste-privacy-section .waste-labeling ul {margin-top: 0.25rem; flex-direction: column;}
    .waste-privacy-section .waste-labeling ul li {padding: 1.875rem 0.625rem; min-height: 30rem;}
    .waste-privacy-section .waste-labeling ul li + li {margin-left: 0; margin-top: 0.25rem; max-width: unset;}
    .waste-privacy-section .waste-labeling ul li h5 {font-size: 1.25rem; line-height: 1.688rem; padding-bottom: 1.5rem;}
    .waste-privacy-section .waste-labeling ul li .desc {font-size: 1rem; line-height: 1.375rem; padding-top: 1.5rem; margin-top: 0;}
    .waste-privacy-section .waste-labeling ul li .desc.type1 p {line-height: 1.375rem;}
    .waste-privacy-section .waste-privacy-wrap + .waste-privacy-wrap {padding-top: 5rem;}
    .waste-privacy-section .waste-privacy-wrap .title-wrap {margin-bottom: 1rem; flex-direction: column; align-items: flex-start;}
    .waste-privacy-section .waste-privacy-wrap .title-wrap h4 {font-size: 1.375rem; line-height: 1.875rem; margin-bottom: 0.5rem;}
    .waste-privacy-section .waste-privacy-wrap .gray-box {padding: 1rem 2rem; font-size: 1.125rem; line-height: 1.5rem;}
    .waste-privacy-section .waste-privacy-wrap .img {margin-left: 2rem; height: 2rem;}
    .waste-privacy-section .waste-privacy-wrap .img.img01 {width: 9.5rem;}
    .waste-privacy-section .waste-privacy-wrap .img.img02 {width: 2rem;}
    .waste-privacy-section .waste-privacy-wrap .img.img04 {width: 2rem;}
    .waste-privacy-section .waste-privacy-wrap .img.img05 {width: 4.5rem;}
    .waste-privacy-section .waste-privacy-wrap .img.img06 {width: 7rem;}
    .waste-privacy-section .waste-privacy-wrap .img.img07 {width: 9.5rem;}
    .waste-privacy-section .waste-privacy-wrap .img.img08 {width: 2rem;}
    .waste-privacy-section .waste-privacy-wrap .img.img09 {width: 2rem;}
    .waste-privacy-section .waste-privacy-wrap .img.img10 {width: 2rem;}
    .waste-privacy-section .waste-privacy-wrap .privacy-content {padding: 1.125rem 0;}
    .waste-privacy-section .waste-privacy-wrap .privacy-content span {display:block; font-size:1rem; line-height: 1.375rem;}
    .waste-privacy-section .waste-privacy-wrap .privacy-content .table thead tr th {font-size: 1rem; line-height: 1.375rem; padding: 1.5rem 0.5rem; word-break: break-all;}
    .waste-privacy-section .waste-privacy-wrap .privacy-content .table tbody tr td {padding: 0.625rem 0.5rem; font-size: 0.875rem; line-height: 1.188rem; word-break: break-all;}
    .waste-privacy-section .waste-privacy-wrap .privacy-content .table tbody tr td li { line-height: 1.357rem;}
    .waste-privacy-section .waste-privacy-wrap .privacy-content .table + .desc {padding-top: 1rem;}
    .waste-privacy-section .waste-privacy-wrap .privacy-content .desc {font-size: 0.625rem; line-height: 0.875rem;}
    .waste-privacy-section .waste-privacy-wrap .privacy-content + .gray-box {margin-top: 1.5rem;}
    .waste-privacy-section .waste-privacy-wrap .privacy-content p {font-size: 1rem; line-height: 1.375rem;}
    .waste-privacy-section .waste-privacy-wrap .privacy-content span + p {padding-top: 1.5rem;}
    .waste-privacy-section .waste-privacy-wrap .privacy-content span + .dot-list {padding-top: 1.5rem;}
    .waste-privacy-section .waste-privacy-wrap .privacy-content .dot-list + span {padding-top: 1.5rem;}
    .waste-privacy-section .waste-privacy-wrap .privacy-content .dot-list li {display:block; font-size: 0.875rem; line-height: 1.188rem; }
    .waste-privacy-section .waste-privacy-wrap .privacy-content .dot-list li a.underline {text-decoration: underline; text-underline-position: under;}
    .waste-privacy-section .waste-privacy-wrap .privacy-content .list {padding: 1.75rem 0;}
    .waste-privacy-section .waste-privacy-wrap .privacy-content .list li {font-size: 1rem; line-height: 1.375rem;}
    .waste-privacy-section .waste-privacy-wrap .privacy-content .table.table05 thead th {width:33.33%}
    /* participant 슬라이드 */

    /* participant 슬라이드 */
    .participant-wrap {overflow-y: auto; min-height: 100vh; background: url(/sec/sustainability/assets/img/mo/focus/mdi/participant-bg.png) no-repeat center; background-size: cover;}
    /*.participant {height: 100%; width: 100%; overflow-x: hidden; overflow-y: auto;}*/
    .participant .swiper-slide {display: flex; justify-content: center; min-height: auto; padding-top: 4.5rem; overflow: hidden; text-align: center; color: #fff;}
    .participant .swiper-slide:not(.swiper-slide-active) {height: 0;}
    .participant .swiper-slide .inner-cont p{font-size: 1rem; line-height: 1.375rem; }
    .participant .swiper-slide .inner-cont .text{margin-top: 2.5rem; padding-top: 5.5rem;}
    .participant .swiper-slide .inner-cont.cont1 .text,
    .participant .swiper-slide .inner-cont.cont2 .text {height: auto;}
    .participant .swiper-slide:nth-child(1) .inner-cont .text{background: url(/sec/sustainability/assets/img/pc/focus/mdi/part-icon_01.png) no-repeat top center / 4rem 4rem;}
    .participant .swiper-slide:nth-child(2) .inner-cont .text{background: url(/sec/sustainability/assets/img/pc/focus/mdi/part-icon_02.png) no-repeat top center / 4rem 4rem;}
    .participant .swiper-slide:nth-child(2) .inner-cont .field-wrap{margin-top: 7.194rem;}
    .participant .swiper-slide .inner-cont .text .title{font-size: 1.875rem; line-height: 2.25rem;}
    .participant .swiper-slide .inner-cont .text .sub-title{margin-top: 1rem; font-size: 1.125rem; line-height: 1.5rem;}
    .participant .swiper-slide .inner-cont .text .sm-title{margin-top: 0.25em; font-size: 0.625rem; line-height: 0.875rem;}
    .participant .swiper-slide .inner-cont .text .btn-underline {padding-bottom: 0.063rem; margin-top: 1.125rem; font-size: 1rem; line-height: 1.375rem;}
    .participant .swiper-slide .inner-cont .text .btn-underline::after {position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #fff; content: '';}
    .participant .swiper-slide .inner-cont .field-wrap fieldset{ border: none;}
    .participant .swiper-slide .inner-cont .field-wrap.wrap1{margin: 4.914rem auto; width: 17.5rem; height: 6.625rem; border-radius: 1.25rem;}
    .participant .swiper-slide .inner-cont .field-wrap.wrap1 fieldset{padding: 0; margin: 0;}
    .participant .swiper-slide .inner-cont fieldset label{font-size: 1rem; line-height: 1.375rem;}

    .participant .swiper-slide fieldset label::before {width: 1.5rem; height: 1.5rem;}
    .participant .swiper-slide fieldset input:checked + label::before {background: url(/sec/sustainability/assets/img/pc/focus/mdi/radio-btn-active.png) no-repeat top center / cover;}
    .participant .swiper-slide .field-wrap.wrap1 fieldset label{margin-top: 0rem; padding-bottom: 1rem;}
    .participant .swiper-slide .field-wrap.wrap1 fieldset label::before{ bottom: 0; left: 50%; transform: translateX(-50%); }

    .participant .swiper-slide .inner-cont.cont3{padding-bottom: 2.5rem;}
    .participant .swiper-slide .inner-cont.cont3 .text{margin-top: 2rem; padding: 0 1.875rem;}
    .participant .swiper-slide .inner-cont.cont3 .text .sub-title{}
    .participant .swiper-slide .inner-cont.cont3 .text .sm-title{width: 100%; margin-top: 1rem; padding: 1rem 1.2rem;}
    .participant .swiper-slide .inner-cont.cont3 .text .sm-title-item{position: relative; padding-left: 1rem; font-size: 0.875rem;line-height: 1.188rem;}
    .participant .swiper-slide .inner-cont.cont3 .text .sm-title-item a{position: relative; font-size: 0.875rem;line-height: 1.188rem; color: #fff;}
    .participant .swiper-slide .inner-cont.cont3 .text .sm-title-item a::after{display: none;}
    .participant .swiper-slide .inner-cont.cont3 .text .sm-title-item::after{top: 0.463rem; left: 0.13rem; width: 0.313rem; height: 0.313rem; border-radius: 50%; content: ''; background-color: #fff;}
    .participant .swiper-slide .inner-cont.cont3 .text .wrap {margin-top: 1.5rem;}
    .participant .swiper-slide .inner-cont.cont3 .text .wrap .sub-title{display: flex; align-items: center; margin-top: 0;}
    .participant .swiper-slide .inner-cont.cont3 .text .wrap .sm-tit{margin-left: 0.286rem; font-size: 1.286rem; line-height: 1.714rem;}
    .participant .swiper-slide .inner-cont.cont3 .text .field-wrap.wrap2{margin-top: 0;}
    .participant .swiper-slide .inner-cont.cont3 .text fieldset {align-items: center; margin: 1rem 0 0 0;}
    .participant .swiper-slide .inner-cont.cont3 .text fieldset.personal-info {justify-content: space-between;}
    .participant .swiper-slide .inner-cont.cont3 .text fieldset.personal-info .read-more-terms {margin-left: 0rem; font-size: 0.857rem; line-height: 1.14rem;}
    .participant .swiper-slide .inner-cont.cont3 .text fieldset.check-all label {font-size: 1.125rem; line-height: 1.5rem; margin-left:1rem;}
    .participant .swiper-slide .inner-cont.cont3 .text fieldset label{display: flex; align-items: center;height: 1.5rem;padding-left: 0rem;font-size: 0.875rem; line-height: 1.118rem;}
    .participant .swiper-slide .inner-cont.cont3 .text fieldset label::before{left: 0; top: 0;}
    .participant .swiper-slide .inner-cont.cont3 .text fieldset.terms-field { margin: 0.5rem 0 0 0;}
    .participant .swiper-slide .inner-cont.cont3 .text fieldset label[for='terms'] {padding-left: 1rem;}
    .participant .swiper-slide .inner-cont.cont3 .text fieldset .view-terms {padding: 0.375rem 0.5rem; border-radius: 0.313rem; font-size: 0.75rem; line-height: 1rem;}

    .participant .swiper-slide .cont4 {width: 100%; padding: 0 2.5rem 2.5rem; }
    .participant .swiper-slide .cont4 .hide {display: none !important;}
    .participant .swiper-slide .cont4 .field-wrap{position: relative;}
    .participant .swiper-slide .cont4 .field-wrap fieldset{flex-direction: column;align-items: flex-start; margin: 0.5rem 0 0 0;}
    .participant .swiper-slide .cont4 .field-wrap fieldset textarea,
    .participant .swiper-slide .cont4 .field-wrap fieldset input{width: 100%; padding: 0.406rem 0; margin-left: 0; background-color: transparent; border: none; border-bottom: 1px solid #6ACAEC; font-size: 1rem; line-height: 1.375rem;}
    .participant .swiper-slide .cont4 .field-wrap fieldset textarea[name='delivery']{display: none;}
    .participant .swiper-slide .cont4 .field-wrap fieldset .disable-input { width:100%;}
    .participant .swiper-slide .cont4 .field-wrap fieldset .disable-input:after {width: 100%; height: calc(100% - 0.816rem); bottom: 4px; top:initial; right:0; left:0;}
    .participant .swiper-slide .cont4 .field-wrap fieldset textarea::placeholder,
    .participant .swiper-slide .cont4 .field-wrap fieldset input::placeholder{font-size: 1rem; line-height: 1.375rem; width: 100%;}

    .participant .swiper-slide .cont4 .field-wrap fieldset label, .label-text{font-size: 1rem; text-align: left; line-height: 1.375rem; font-weight: 700;}
    .participant .swiper-slide .cont4 .field-wrap fieldset .txt {display: block;}
    .participant .swiper-slide .cont4 .field-wrap fieldset .field-btn {right: 0; transform: translateY(0); height: 1.688rem; display: flex; justify-content: center; align-items: center; border-radius: 0.357rem;font-size: 0.875rem; line-height: 1.188rem;}
    .participant .swiper-slide .cont4 .field-wrap fieldset .field-btn.btn1 {top: 1.625rem; }
    .participant .swiper-slide .cont4 .field-wrap fieldset .field-btn.btn2 {top: 2.156rem; }
    .participant .swiper-slide .cont4 .field-wrap fieldset:not(.delivery-field) label::before {display: none;}
    .participant .swiper-slide .cont4 .field-wrap fieldset.delivery-field {justify-content: flex-start; margin-top: 0.571rem;}
    .participant .swiper-slide .cont4 .field-wrap fieldset.delivery-field .delivery-box .desc {margin-left: 0; margin-top: 0.286rem; font-size: 1rem; line-height: 1.375rem;}
    .participant .swiper-slide .cont4 .field-wrap fieldset.delivery-field .input-wrap{margin-left: 0; margin-top: 0.45rem;}
    .participant .swiper-slide .cont4 .field-wrap fieldset.delivery-field .input-wrap label{width: 100%; padding-left: 1rem;}
    .participant .swiper-slide .cont4 .field-wrap fieldset.delivery-field .input-wrap label::before{left: 0;}
    .participant .swiper-slide .cont4 .field-wrap fieldset.model-field {justify-content: flex-start; align-items: flex-start; margin-top: 0.7rem;}
    .participant .swiper-slide .cont4 .field-wrap fieldset.model-field .wrap {margin-left: 0;}
    .participant .swiper-slide .cont4 .field-wrap fieldset.model-field .wrap .add {font-size: 1rem; line-height: 1.375rem;}
    .participant .swiper-slide .cont4 .field-wrap fieldset.model-field .model-name {flex: initial; height: auto;}
    .participant .swiper-slide .cont4 .field-wrap fieldset.model-field label[for='amount'] {margin-top: 0;}
    .participant .swiper-slide .cont4 .field-wrap fieldset .input-wrap2 {}
    .participant .swiper-slide .cont4 .field-wrap fieldset .input-wrap2 input:not([id='model1']) {margin-top: 0; padding-bottom: 0.25rem !important; padding-top: 0;}
    .participant .swiper-slide .cont4 .field-wrap fieldset .input-wrap2 span {width: 1.063rem;  height: 1.875rem;  font-size: 1rem;line-height: 1.375rem; font-weight: 700;}
    .participant .swiper-slide .cont4 .field-wrap fieldset .input-wrap2 select {width: 2.063rem; height: 1.875rem; padding-left: 1rem; text-align: center; cursor: pointer; font-size: 1rem;line-height: 1.375rem; -moz-appearance:none; -webkit-appearance:none; appearance:none; border: none; color: #fff; background: url(/sec/sustainability/assets/img/pc/focus/mdi/open-icon.png) no-repeat center left / 1rem transparent;border-bottom: 1px solid #6ACAEC; }
    .participant .swiper-slide .cont4 .field-wrap fieldset .input-wrap2.wrap1 {display: flex; align-items: flex-start; height: 1.875rem;}
    .participant .swiper-slide .cont4 .field-wrap fieldset .input-wrap2.wrap2 {flex: none; width: 13.25rem; margin-left: 1.139rem;}
    .participant .swiper-slide .cont4 .field-wrap fieldset .input-wrap2.wrap2 label {display: none;}
    .participant .swiper-slide .cont4 .field-wrap fieldset .input-wrap2.wrap2 input {padding-right: 0; padding-bottom: 1.071rem;}
    .participant .swiper-slide .cont4 .field-wrap fieldset .input-wrap2.wrap2 fieldset {margin-top: 0.5rem;}
    .participant .swiper-slide .cont4 .field-wrap fieldset .input-wrap2.wrap2 fieldset.line-break.change-ht {height: auto; margin-top: 0.2rem;}
    .participant .swiper-slide .cont4 .field-wrap fieldset .input-wrap2.wrap2 fieldset.line-break.change-ht input {padding-bottom: 0.25rem; padding-top: 0;}
    .participant .swiper-slide .cont4 .field-wrap fieldset.zip-code-field {height: 4.625rem}
    .participant .swiper-slide .cont4 .field-wrap fieldset .input-wrap2.wrap2 .line-break { height: 3rem; margin-top: 0.1rem;}
    .participant .swiper-slide .cont4 .field-wrap .line-break {position: relative; height: 4.925rem}
    .participant .swiper-slide .cont4 .field-wrap .line-break.h-auto {height: auto;}
    .participant .swiper-slide .cont4 .field-wrap .line-break.h-auto input {height: auto;}
    .participant .swiper-slide .cont4 .field-wrap .line-break input {flex: initial; height: 3.25rem;}
    .participant .swiper-slide .cont4 .field-wrap .line-break input::placeholder{color: transparent;}
    .participant .swiper-slide .cont4 .field-wrap .line-break .txt {position: absolute; bottom: 0.4rem; left: 0; width: 100%; text-align: left; font-size: 1rem; line-height:1.375rem; color: #EEEEEE; pointer-events: none;}
    .participant .swiper-slide .cont4 .check-btn {margin-top: 6.571rem; padding: 0.714rem 1.714rem 0.786rem; border-radius: 35.714rem; background-color: #fff; font-size: 1rem; line-height: 1.357rem; font-weight: 700; color: #006A73;}
    .participant .swiper-slide .cont4 .check-btn.mt {margin-top: 5.25rem;}
    .participant .swiper-slide .error-msg.change-mt.step3msg {top:98%; font-size:1rem; line-height:1.375rem;}
    .participant .swiper-slide .error-msg {width: 100%; top: calc(100% + 0.5rem)}

    /* [24.07.15][HJR] 접근성 수정 */
    .participant .btn-wrap {height: 1.714rem; display:inline-block;position:relative; margin:0 auto 2rem}
    .participant .btn-wrap .slide-info {height: 1.375rem; padding-top: 0; letter-spacing: 0.38em; font-size: 1.25rem; line-height: 1.688rem;}
    .participant .btn-wrap .swiper-button-prev, .participant .btn-wrap .swiper-button-next {transform: translate(0,0); top:2rem;}
    .participant .btn-wrap .swiper-button-prev {width: 1.75rem; height: 1.75rem;left:25%;}
    .participant .btn-wrap .swiper-button-next {width: 1.75rem; height: 1.75rem;right:25%;}
    .participant .btn-wrap .swiper-button-prev-disabled{width: 1.75rem; height: 1.75rem; display: inline-block;position:absolute;left:25%;top:2rem; transform: translate(0,0);}
    .participant .btn-wrap .swiper-button-next-disabled{width: 1.75rem; height: 1.75rem; display: inline-block;position:absolute;right:25%;top:2rem; transform: translate(0,0);}
    .participant .btn-wrap .swiper-button-prev.swiper-button-disabled,
    .participant .btn-wrap .swiper-button-next.swiper-button-disabled {opacity:0;cursor: auto;pointer-events: none;visibility: hidden;display: none;}
    /*.participant .swiper-button-prev {display: none;}*/

    .register-check-popup .check-popup {width: calc(100% - 2.5rem);  border-radius: 1.25rem;}
    .register-check-popup .check-popup .close-btn {position: absolute; top: 1.25rem;right: 1.5rem;width: 1.5rem;height: 1.5rem; background: url(/sec/sustainability/assets/img/pc/focus/mdi/inclusive/icon-close.png) no-repeat center center /cover;}
    .register-check-popup .check-popup .check-popup-content {display: flex;flex-direction: column; padding: 4rem 2.875rem 2.5rem;}
    .register-check-popup .check-popup .check-popup-content .title {font-size: 1.25rem; line-height: 1.688rem;}
    .register-check-popup .check-popup .check-popup-content .check-btn-wrap {gap: 1rem;margin-top:1.875rem;}
    .register-check-popup .check-popup .check-popup-content .check-btn-wrap button {display: flex;justify-content: center;align-items: center;padding: 0.625rem 1.5rem; font-size: 0.875rem; line-height:1.188rem; border-radius: 1.875rem;font-weight: 700;}

    .register-popup-wrap .register-popup {width: calc(100% - 2.5rem);  border-radius: 1.25rem;}
    .register-popup-wrap .register-popup-content {display: flex; flex-direction: column; padding: 4rem 2.875rem 2.5rem;}
    .register-popup-wrap .register-popup-content .title {font-size: 1.25rem; line-height: 1.688rem;}
    .register-popup-wrap .register-popup-content .desc {margin: 0.625rem 0rem;padding:0;}
    .register-popup-wrap .register-popup-content .desc ul {margin-left:1rem;}
    .register-popup-wrap.type02 .register-popup-content .desc ul {margin-left: 1rem;}
    .register-popup-wrap .register-popup-content .desc ul li{font-size: 0.75rem; line-height:1rem; font-weight:700;}
    .register-popup-wrap .register-popup-content .sm-text {font-size: 0.75rem; line-height:1rem; font-weight:700; padding:0;margin-bottom:0.625rem;}
    .register-popup-wrap .register-popup-content .register-popup-btn-wrap .register-btn {display:flex; justify-content: center; align-items: center;  padding: 0.625rem 1.5rem; font-size: 0.875rem; line-height:1.188rem; border-radius: 1.875rem;background: #006bea; color: #fff;}
    .register-popup-wrap .register-popup .close-btn {position: absolute; top: 1.25rem;right: 1.5rem;width: 1.5rem;height: 1.5rem; background: url(/sec/sustainability/assets/img/pc/focus/mdi/inclusive/icon-close.png) no-repeat center center /cover;}
    .register-popup-wrap .register-popup-content .sm-text2 {font-size: 0.625rem; line-height:0.875rem; color:#757575; font-weight:400; padding:0; text-align:center;margin-top:0.625rem}

    /* 23.10.31 폐휴대폰 수거 프로그램 // */


    .focus .story-content .patagonia > div {height: 100vh;}
    .focus .story-content .patagonia .sd-cut1 {background: url('/sec/sustainability/assets/img/mo/focus/mdi/img_patagonia01.png') no-repeat center center/cover;}
    .focus .story-content .patagonia .sd-cut1 .title {margin-top: 0; font-size: 10.55556vw; line-height: 12.22222vw;}
    /*.focus .story-content .patagonia .sd-cut2 {background: url('/sec/sustainability/assets/img/mo/focus/mdi/img_patagonia02.png') no-repeat center center/cover;}*/

    .focus .story-content .story-detail .sd-cut2 .kv-wrap .kv-slide-list .swiper-slide{background: url('/sec/sustainability/assets/img/mo/focus/mdi/img_patagonia02.png') no-repeat center center/cover;}
    .focus .story-content .story-detail .sd-cut2 .kv-wrap .swiper-slide .text-area{display:none;overflow: hidden; width: 1px; height: 1px; padding: 0; border: 0; margin: -1px; clip: rect(0, 0, 0, 0); } /* [24.04.25] ios 접근성 추가 */
    .focus .story-content .story-detail .sd-cut2 .kv-wrap .kv-slide-list .swiper-slide.swiper-slide-active .text-area {display:block;overflow: auto; width:100%; height: auto; padding: initial; border: 0; margin:auto; clip:initial; } /* [24.04.25] ios 접근성 추가 */
    .focus .story-content .patagonia .sd-cut2 .title {margin-top: 0; font-size: 8.33333vw; line-height: 10vw;}
    .focus .story-content .patagonia .sd-cut2 .text {margin-top: 0; font-size: 5vw; line-height: 6.66667vw;}
    .focus .story-content .patagonia .sd-cut2 .text + .text {margin-top: 8.88889vw;}
    .focus .story-content .patagonia .sd-cut2 .cut2 {}
    .focus .story-content .patagonia .sd-cut3 {height: 100%; aspect-ratio: 360/740;}
    .focus .story-content .patagonia .sd-cut3 .lottie-area {aspect-ratio: 360/300; position: absolute; top: 46.11111vw; left: 0; width: 100%; height: auto; z-index: 0;}
    .focus .story-content .patagonia .sd-cut3 .cont-box { position: relative; width: 100%; height: 100%; margin-top: 0; margin-bottom: 0; z-index: 2}
    .focus .story-content .patagonia .sd-cut3 .cont-box .left {float: none; position: absolute; top: 17.77778vw; left: 0; width: 100%; text-align: center;}
    .focus .story-content .patagonia .sd-cut3 .cont-box .left .title {font-size: 8.33333vw; line-height: 10vw;}
    .focus .story-content .patagonia .sd-cut3 .cont-box .right {float: none; position: absolute; bottom: 12.77778vw; left: 0;  width: 100%; text-align: center;}
    .focus .story-content .patagonia .sd-cut4 {background: #006a73; height: 100%; aspect-ratio: 360/740;}
    .focus .story-content .patagonia .sd-cut4 .text-area {}
    .focus .story-content .patagonia .sd-cut4 .box-slide-wrap {position: relative;width: 100%;height: 100vh;overflow: hidden;margin: 0 auto;}
    .focus .story-content .patagonia .sd-cut4 .box-slide-wrap ul {width: 100%; aspect-ratio: 360/740; text-align: center; white-space: nowrap;}
    .focus .story-content .patagonia .sd-cut4 .box-slide-wrap ul .ratio-image > *{object-fit:cover}
    /* .focus .story-content .patagonia .sd-cut4 .box-slide-wrap li { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #006a73;}
    .focus .story-content .patagonia .sd-cut4 .box-slide-wrap li.active {display: block;} */
    .focus .story-content .patagonia .sd-cut4 .box-slide-wrap .indicator {position: absolute;left: 50%;/* transform: translate(-50%, calc(-50% + 43.61111vw)); */transform: translateX(-50%);bottom: 5vw;width: 100%;height: 2.22222vw;text-align: center;z-index: 2;line-height: 0;}
    .focus .story-content .patagonia .sd-cut4 .box-slide-wrap .indicator.white-bullet span, .indicator.white-bullet span {display: inline-block; border-radius: 50%; background: #000 !important; opacity: 0.2;}
    .focus .story-content .patagonia .sd-cut4 .box-slide-wrap .indicator.white-bullet span.swiper-pagination-bullet-active, .indicator.white-bullet span.swiper-pagination-bullet-active {width: 2.77778vw; height: 2.77778vw; background: #fff !important;}
    .focus .story-content .patagonia .sd-cut4 .box-slide-wrap .indicator a, .indicator span {display: inline-block; width: 2.22222vw; height: 2.22222vw; border-radius: 50%; background: #757575; opacity: 1; }
    .focus .story-content .patagonia .sd-cut4 .box-slide-wrap .indicator a.active, .indicator span.swiper-pagination-bullet-active {width: 2.77778vw; height: 2.77778vw; background: #000; opacity: 1; }
    .focus .story-content .patagonia .sd-cut4 .box-slide-wrap .indicator a + a, .indicator span + span {margin-left: 2.22222vw;}
    .focus .story-content .patagonia .sd-cut4 .text-area {position: relative; top: 0; left: 0; transform: translate(0, 0); padding: 17.77778vw 5.55556vw 0;}
    .focus .story-content .patagonia .sd-cut4 .text-area .title {margin-top: 0; font-size: 6.11111vw; line-height: 8.33333vw;}
    .focus .story-content .patagonia .sd-cut4 .text-area .text {margin-top: 21.11111vw; white-space: initial; text-align:center; letter-spacing: -0.07em;}
    .focus .story-content .patagonia .sd-cut5 {background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_patagonia04.png') no-repeat center center/cover;}
    .focus .story-content .patagonia .sd-cut5 .title {font-size: 8.33333vw; line-height: 10vw; text-align: center;}
    .focus .story-content .patagonia .sd-cut5 .text {font-size: 5vw; line-height: 6.66667vw; margin-top: 17.77778vw;}
    .focus .story-content .patagonia .sd-cut5 .text + .text {margin-top: 4.44444vw;}
    .focus .story-content .patagonia .sd-cut6 {overflow: hidden; width: 100%; overflow:hidden;background: #006a73}
    .focus .story-content .patagonia .sd-cut6 > div {height: 100%; transform: translate(0,0); }
    .focus .story-content .patagonia .sd-cut6 > div::after {display: block; content: ''; clear: both;}
    .focus .story-content .patagonia .sd-cut6 > div .box {width: 100vw;}
    .focus .story-content .patagonia .sd-cut6 .box .text-area {position: relative; top: 0; left: 0; transform: translate(0,0); width: 100%; z-index: 2; padding-top: 15.55555vw; letter-spacing: -0.07em;} /* [24.06] 6월 업데이트 */
    .focus .story-content .patagonia .sd-cut6 .box .text-area > span {text-align: center;}
    .focus .story-content .patagonia .sd-cut6 .box .text-area .title {margin-top: 0; font-size: 6.11111vw; line-height: 8.33333vw;}
    .focus .story-content .patagonia .sd-cut6 .box .text-area .title + .text {margin-top: 8.88888vw;} /* [24.06] 6월 업데이트 */
    .focus .story-content .patagonia .sd-cut6 .box .text-area .text {font-size: 4.44444vw; line-height: 6.11111vw;}
    .focus .story-content .patagonia .sd-cut6 .box .text-area .fw-bold + .text {margin-top: 4.44444vw;}
    .focus .story-content .patagonia .sd-cut6 .box .text-area .sm-text {text-align: left;font-size:0.625rem;}/* [24.06.07][IYR] 6월업데이트 focus-미세플라스틱 */
    .focus .story-content .patagonia .sd-cut6 .box .text-area .sm-text ul{padding-left:1rem}/* [24.06.07][IYR] 6월업데이트 focus-미세플라스틱 */
    .focus .story-content .patagonia .sd-cut6 .box .text-area .sm-text ul li{list-style:decimal;line-height:1.3}/* [24.06.07][IYR] 6월업데이트 focus-미세플라스틱 */
    /* .focus .story-content .patagonia .sd-cut6 .box::before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 360px; height: 100%; background: url('/sec/sustainability/assets/img/mo/focus/mdi/img_patagonia05_1.png') no-repeat center center/cover; aspect-ratio: 360/740; z-index: 1;} */
    .focus .story-content .patagonia .sd-cut6 .cut1 {background: url('/sec/sustainability/assets/img/mo/focus/mdi/img_patagonia05_1.png') no-repeat center bottom/cover;}
    .focus .story-content .patagonia .sd-cut6 .cut1 .text-area::after {display: block; content: ''; width: 61.66667vw; height: 88.88888vw; margin: 23.33333vw auto 0; background: url('/sec/sustainability/assets/img/mo/focus/mdi/img_patagonia05_1_1.png') no-repeat center center/contain; filter: drop-shadow(13.88889vw 11.11111vw 8.33333vw rgba(0, 0, 0, 0.2));} /* [24.06] 6월 업데이트 */
    .focus .story-content .patagonia .sd-cut6 .cut2 {background: url('/sec/sustainability/assets/img/mo/focus/mdi/img_patagonia05_2.png') no-repeat center center/cover;}
    /* .focus .story-content .patagonia .sd-cut6 .cut2::before {background: url('/sec/sustainability/assets/img/mo/focus/mdi/img_patagonia05_2.png') no-repeat center center/contain;} */
    .focus .story-content .patagonia .sd-cut6 .cut2 .text-area .text + .text {margin-top: 5.83333vw;}
    .focus .story-content .patagonia .sd-cut6 .cut3 {height: 100%; background: url('/sec/sustainability/assets/img/mo/focus/mdi/img_patagonia05_2.png') no-repeat center center/cover;}
    .focus .story-content .patagonia .sd-cut6 .cut3 .text-area::after {display: block; content: ''; width: 61.66667vw; height: 96.66667vw; margin: 13vw auto 0; background: url('/sec/sustainability/assets/img/mo/focus/mdi/img_patagonia05_1_2.png') no-repeat center center/contain; filter: drop-shadow(13.88889vw 11.11111vw 8.33333vw rgba(0, 0, 0, 0.2));} /* [24.06] 6월 업데이트 */
    .focus .story-content .patagonia .sd-cut6 .cut4 {height: 100%; background: url('/sec/sustainability/assets/img/mo/focus/mdi/img_patagonia05_3.png') no-repeat center center/cover;}
    /* .focus .story-content .patagonia .sd-cut6 .cut3::before {background: url('/sec/sustainability/assets/img/mo/focus/mdi/img_patagonia05_3.png') no-repeat center center/contain;} */
    .focus .story-content .patagonia .sd-cut6 .cut3 .text-area .text + .text {margin-top: 10.27778vw;}
    .focus .story-content .patagonia .sd-cut6 .cutGroup > *{width: 100vw;height: 100vh}
    .focus .story-content .patagonia .sd-cut6 .cutGroup > * .text-area{width: 100vw}
    .focus .story-content .patagonia .sd-cut6 > div .text-area .sm-text
    .focus .story-content .patagonia .sd-cut7 {background: #fff;}
    .focus .story-content .patagonia .sd-cut7 > div {position: relative; top: 0; left: 0; transform: translate(0, 0); width: 100%; height: 100%; aspect-ratio: 360/740;}
    .focus .story-content .patagonia .sd-cut7 > div::after { display: block; content: ''; position: absolute; bottom: 15.55556vw; right: 11.11111vw; width: 43.05556vw; height: 72.22222vw; background: url('/sec/sustainability/assets/img/pc/focus/mdi/img_patagonia06.png') no-repeat center center/contain;}
    .focus .story-content .patagonia .sd-cut7 .text-area {position: relative; top: 17.77778vw; left: 0; transform: translate(0, 0); width: 100%;z-index: 2}
    .focus .story-content .patagonia .sd-cut7 .text-area .text {font-size: 8.33333vw; line-height: 10vw; margin-top: 0;}
    .focus .story-content .patagonia .sd-cut7 .text-area .text + .text {margin-top: 13.88889vw;}
    .focus .story-content .patagonia .sd-cut7 .text-area .text + .text + .text {margin-top: 6.66667vw;}
    .focus .story-content .patagonia .sd-cut8 {aspect-ratio: 360/740;}
    .focus .story-content .patagonia .sd-cut9 {aspect-ratio: 360/740;}
    .focus .story-content .patagonia .button-area{ position:absolute; bottom:2rem; left:50%; transform:translateX(-50%); z-index:1; width:100%; text-align:center;}
    .focus .story-content .patagonia .button-area .swiper-button-next{margin-left:1rem;}
    .focus .story-content .patagonia .swiper-slide{visibility: hidden; opacity: 0}
    .focus .story-content .patagonia .swiper-slide.swiper-slide-active{visibility: visible;opacity:1}

    .focus .story-content .collabo {}
    .focus .story-content .collabo > div {height: 100vh;}
    .focus .story-content .collabo > div .top-text {margin-top: 25vw;}
    .focus .story-content .collabo > div .top-text .sup {font-size: 4.44444vw; line-height: 6.11111vw;}
    .focus .story-content .collabo > div .top-text .sup + .title {margin-top: 5.55556vw;}
    .focus .story-content .collabo > div .top-text .title {font-size: 8.33333vw; line-height: 10vw;}
    .focus .story-content .collabo > div .top-text .title + .text {margin-top: 4.44444vw; font-size: 4.44444vw; line-height: 6.11111vw; font-weight: 400;}
    .focus .story-content .collabo .sd-cut1{background: url('/sec/sustainability/assets/img/mo/focus/mdi/img_collabo01.png') no-repeat center center/cover;}
    .focus .story-content .collabo .sd-cut1 .title {}
    .focus .story-content .collabo .sd-cut2 lottie-player{background: url('/sec/sustainability/assets/img/mo/focus/mdi/img_collabo02.png') no-repeat center center/cover;}
    .focus .story-content .collabo .sd-cut3 lottie-player{background: url('/sec/sustainability/assets/img/mo/focus/mdi/img_collabo03.png') no-repeat center center/cover;}
    .focus .story-content .collabo .sd-cut4 lottie-player{background: url('/sec/sustainability/assets/img/mo/focus/mdi/img_collabo04.png') no-repeat center center/cover;}
    .focus .story-content .collabo .sd-cut5 {height: auto;}
    .focus .story-content .collabo .sd-cut5 > div {position: relative; width: 100%; height: 100%; aspect-ratio: auto;}
    .focus .story-content .collabo .sd-cut5 > div::after {position: relative; width: 89.72222vw; height: 50vw; background-image: url('/sec/sustainability/assets/img/mo/focus/mdi/img_collabo05.png'); background-size: contain; margin: 0 auto;}
    .focus .story-content .collabo .sd-cut5 > div .box {width: 100%; max-width: none; height: auto;}
    .focus .story-content .collabo .sd-cut5 > div .text-area {position: relative; top: 0; left: 0; transform: translate(0, 0); width: 100%; padding: 13.88889vw 5.55556vw 16.66667vw;}
    .focus .story-content .collabo .sd-cut5 > div .text-area .title {font-size: 6.11111vw; line-height: 8.33333vw;}
    .focus .story-content .collabo .sd-cut5 > div .text-area .text {font-size: 3.88889vw; line-height: 5.27778vw; margin-top: 5.55556vw;}
    .focus .story-content .collabo .sd-cut5 > div .text-area .sm-text {margin-top: 5.55556vw; font-size: 3.88889vw; line-height: 5.27778vw; color: #757575;}
    .focus .story-content .collabo .sd-cut6 {background: url('/sec/sustainability/assets/img/mo/focus/mdi/img_collabo06.png') no-repeat center center/cover;}
    .focus .story-content .collabo .sd-cut6 p {text-align: center;}
    .focus .story-content .collabo .sd-cut6 .title {font-size: 8.33333vw; line-height: 10vw; letter-spacing: -0.07em;}
    .focus .story-content .collabo .sd-cut6 .text {font-size: 3.88889vw; line-height: 5.27778vw; margin-top: 5.55556vw;}
    .focus .story-content .collabo .sd-cut6 p span {font-weight: 700;}
    /*.focus .story-content .collabo .sd-cut7 {height: auto; aspect-ratio: 1920/1080;}*/
    .focus .story-content .collabo .sd-cut7 .col2 {position: relative; width: 100%; height: 100%;}
    .focus .story-content .collabo .sd-cut7 .col2 > div {position: absolute; width: 100%; height: 100%; display: none; }
    .focus .story-content .collabo .sd-cut7 .col2 > div::before {display: none;}
    .focus .story-content .collabo .sd-cut7 .col2 .box {position: relative; width: 100%; max-width: none; }
    .focus .story-content .collabo .sd-cut7 .col2 .box .text-area {position: relative; top: 0; left: 0; transform: translate(0, 0); width: 100%; padding: 8.33333vw 5.55556vw;}
    .focus .story-content .collabo .sd-cut7 .col2 .box .text-area .sup {text-align: left; font-size: 6.11111vw; line-height: 8.33333vw;}
    .focus .story-content .collabo .sd-cut7 .col2 .box .text-area .sup + div { width: 88.88889vw; height: 50vw; aspect-ratio: 320/180; margin: 4.44444vw auto 6.66667vw;}
    .focus .story-content .collabo .sd-cut7 .col2 .box .text-area .title {letter-spacing: 0; font-size: 5vw; line-height: 6.66667vw; margin-top: 0;}
    .focus .story-content .collabo .sd-cut7 .col2 .box .text-area .title + .text {margin-top: 3.33333vw;}
    .focus .story-content .collabo .sd-cut7 .col2 .box .text-area .text {font-size: 3.88889vw; line-height: 5.27778vw;}
    .focus .story-content .collabo .sd-cut7 .col2 .box .text-area .say {margin-top: 1.66667vw; font-size: 2.77778vw; line-height: 3.88889vw; font-weight: 700;}
    .focus .story-content .collabo .sd-cut7 .col2 .box .text-area .say::before {display: none;}
    .focus .story-content .collabo .sd-cut7 .col2 .box .text-area .say + .text {margin-top: 1.66667vw;}
    .focus .story-content .collabo .sd-cut7 .indicator-area .pagination{width: 100vw;justify-content: center}
    .focus .story-content .collabo .sd-cut7 .indicator-area {bottom: 7.77778vw; width: 100%;}
    .focus .story-content .collabo .sd-cut7 .indicator {width: 100%; text-align: center;}
    .focus .story-content .collabo .sd-cut7 .indicator a, .indicator span {display: inline-block; width: 2.22222vw; height: 2.22222vw; border-radius: 50%; background: #757575;}
    .focus .story-content .collabo .sd-cut7 .indicator a.active, .indicator span.swiper-pagination-bullet-active {background: #000; opacity: 1;}
    .focus .story-content .collabo .sd-cut7 .indicator a + a, .indicator span + span {margin-left: 2.22222vw;}
    .focus .story-content .collabo .sd-cut8 {background: url('/sec/sustainability/assets/img/mo/focus/mdi/img_collabo08.png') no-repeat center center/cover;}
    .focus .story-content .collabo .sd-cut8 .text-area {position: relative; top: 0; left: 0; transform: translate(0, 0); width: 100%; padding: 22.22222vw 5.55556vw 0;}
    .focus .story-content .collabo .sd-cut8 .sup {font-size: 4.44444vw; line-height: 6.11111vw; color: #fff;}
    .focus .story-content .collabo .sd-cut8 .title {color: #fff; font-size: 6.11111vw; line-height: 8.33333vw;}
    .focus .story-content .collabo .sd-cut8 .text {font-size: 3.88889vw; line-height: 5.27778vw; color: #fff; margin-top: 4.44444vw; letter-spacing: -0.07em;}
    .focus .story-content .collabo .sd-cut8 .list { width: 100%; padding: 0; margin-top: 10.83333vw;}
    .focus .story-content .collabo .sd-cut8 .list li {font-size: 4.44444vw; line-height: 6.11111vw; color: #fff; padding: 3.33333vw 0;}
    .focus .story-content .collabo .sd-cut8 .list li:last-child { border-bottom: none; }
    .focus .story-content .collabo .sd-cut8 .list li span {width: 17.22222vw;}
    .focus .story-content .collabo .sd-cut8 .list li p {width: calc(100% - 17.22222vw); font-size: 3.88889vw; line-height: 5.27778vw; font-weight: 400; letter-spacing: -0.05em;}
    .focus .story-content .collabo .sd-cut9 {background: url('/sec/sustainability/assets/img/mo/focus/mdi/img_collabo09.png') no-repeat center 153.33333vw/contain;}
    .focus .story-content .collabo .sd-cut9 > div {width: 100%; padding: 29.16667vw 5.55556vw 0; }
    .focus .story-content .collabo .sd-cut9 > div .title {float: none; width: 100%; font-size: 6.11111vw; line-height: 8.33333vw;}
    .focus .story-content .collabo .sd-cut9 > div .text {float: none; width: 100%; font-size: 3.88889vw; line-height: 5.27778vw; margin-top: 8.33333vw; letter-spacing: -0.07em;}


    .pop-movie .title{padding: 1.5rem}
    .pop-movie .title strong{font-size: 1rem}
    .pop-movie .title .date{font-size: 0.675rem;margin-top: 0.3rem}
    .pop-movie .close{top: -2.8rem;right: .2rem;background-size: 1.7rem;background-position: center;}
    .swiper-pagination-bullet-active{width: 0.57142rem !important;height: 0.57142rem !important;transform: scale(1) !important}
    .focus .story-content .uiWrap{bottom: 1.03rem}
    .focus .story-content .uiWrap .next{margin-left: .5rem}
}

@media screen and ( min-width: 535px ) and ( max-width: 1000px ){
    .focus .story-content .scrc .sd-cut1 .cut3 .text{font-size: 2.375rem;line-height: 1.3}
    .focus .story-content .scrc .sd-cut5 .text{font-size: 2.3rem;line-height: 1.6;margin-top: 5rem}
    .focus .story-content .story-detail > div .text-area{width: 95rem}
    .remocon-ani .txtBottomSet{top:45rem !important;}
    .focus .story-content .scrc .sd-cut7 .col2 .box .btn-list li .text{font-size: 2rem;line-height: 1.3}
    .remocon-ani .shadow{top: 41rem !important;}
    .cutGroupSwiper .pagination .pagination_fraction{width: 8.825rem}
    .focus .story-content .patagonia .sd-cut4 .col2 .box .btn-list li .btn-num + .text{font-size: 1.5rem;line-height: 1.3}
    .focus .story-content .patagonia .sd-cut6 > div .text-area .sm-text{line-height: 1.3}
}

/* 아이폰 se */
/* // 23.10.31 폐휴대폰 수거 프로그램 */
@media screen and ( max-width: 375px ) {
    .ratio-image {height: 270px;}
    .ratio-image > img {object-fit: cover;}
    .focus .story-content .phones .sd-cut2 .text-fade {margin-top: 12rem;}
    .focus .story-content .phones .sd-cut1 .text-area .go-participant{margin-top: 8.375rem;}
    /*.sd-cut9 .swiper-pagination{bottom:7rem !important;}*/
    .focus .story-content .patagonia .sd-cut3 .lottie-area{top:43%;transform: translateY(-50%);}/* 24.05 추가 */
}
/* // 23.10.31 폐휴대폰 수거 프로그램 */

/* 모션처리 */
#contents.focus .story-content .scrc .sd-cut1 .dim{animation: scrc-dim-change 3s ease 5s both}
#contents.focus .story-content .scrc .sd-cut1 .cut1 .text-area{animation: fadeOut 1s ease 4s both}
#contents.focus .story-content .scrc .sd-cut1 .cut2 .text-area > *{animation: slideUpFadeOut 6s ease 6s both}
#contents.focus .story-content .scrc .sd-cut1 .cut3 .text-area > *{animation: slideUp 2s ease 12s both}

#contents.focus .story-content .collabo .sd-cut9 > div .title{opacity: 0}
#contents.focus .story-content .collabo .sd-cut9 > div .text{opacity: 0}
#contents.focus .story-content .collabo .sd-cut9.pageActive > div .title{animation: 1s slideUp .2s both}
#contents.focus .story-content .collabo .sd-cut9.pageActive > div .text{animation: 1s slideUp .4s both}

/*#contents.focus .story-content .patagonia .sd-cut6.pageActive .cutGroup{animation: slideLeft 6s ease 6s both}*/

@media screen and ( max-width: 720px ) {
    /*#contents.focus .story-content .patagonia .sd-cut6.pageActive .cutGroup{animation: slideLeft-cut3 12s ease 4s both}*/
}

#contents .text-area:not(.not-scroll-reveal-ani) > *{opacity: 0}
#contents .scroll-reveal-active.text-area:not(.not-scroll-reveal-ani) > *:nth-child(1){animation: 1s slideUp .2s both}
#contents .scroll-reveal-active.text-area:not(.not-scroll-reveal-ani) > *:nth-child(2){animation: 1s slideUp .4s both}
#contents .scroll-reveal-active.text-area:not(.not-scroll-reveal-ani) > *:nth-child(3){animation: 1s slideUp .6s both}
#contents .scroll-reveal-active.text-area:not(.not-scroll-reveal-ani) > *:nth-child(4){animation: 1s slideUp .8s both}
#contents .scroll-reveal-active.text-area:not(.not-scroll-reveal-ani) > *:nth-child(5){animation: 1s slideUp 1s both}
#contents .scroll-reveal-active.text-area:not(.not-scroll-reveal-ani) > *:nth-child(6){animation: 1s slideUp 1.2s both}
#contents .scroll-reveal-active.text-area:not(.not-scroll-reveal-ani) > *:nth-child(7){animation: 1s slideUp 1.4s both}
#contents .scroll-reveal-active.text-area:not(.not-scroll-reveal-ani) > *:nth-child(8){animation: 1s slideUp 1.6s both}
#contents .scroll-reveal-active.text-area:not(.not-scroll-reveal-ani) > *:nth-child(9){animation: 1s slideUp 1.8s both}

#contents .top-text:not(.not-scroll-reveal-ani) > *{opacity: 0}
#contents .scroll-reveal-active.top-text:not(.not-scroll-reveal-ani) > *:nth-child(1){animation: 1s slideUp .2s both}
#contents .scroll-reveal-active.top-text:not(.not-scroll-reveal-ani) > *:nth-child(2){animation: 1s slideUp .4s both}
#contents .scroll-reveal-active.top-text:not(.not-scroll-reveal-ani) > *:nth-child(3){animation: 1s slideUp .6s both}
#contents .scroll-reveal-active.top-text:not(.not-scroll-reveal-ani) > *:nth-child(4){animation: 1s slideUp .8s both}
#contents .scroll-reveal-active.top-text:not(.not-scroll-reveal-ani) > *:nth-child(5){animation: 1s slideUp 1s both}

#contents .cut-container > *.active{animation: gallery-circle-expend 2s ease both}

/* 파타고니아 로띠 슬라이드 인디케이터 위치 */
@media (max-height:850px){
    .sd-cut9 .swiper-pagination{top:calc(100vh - 35px) !important}
}
@media (min-height:851px){
    .sd-cut9 .swiper-pagination{top:calc(850px - 35px) !important}
}


@keyframes slideUp {
    0%{opacity: 0}
    100%{opacity: 1}
}
@keyframes slideUpFadeOut {
    0%{opacity: 0}
    30%{opacity: 1}
    100%{opacity: 0}
}

@keyframes slideLeft {
    0%{transform: translateX(0)}
    100%{transform: translateX(-100vw)}
}
@keyframes slideLeft-cut3 {
    0%{transform: translateX(0)}
    30%{transform: translateX(-100vw)}
    70%{transform: translateX(-100vw)}
    100%{transform: translateX(-200vw)}
}

@keyframes gallery-circle-expend{
    0%{clip-path: circle(0 at center calc(50% - 20vw));}
    20%{clip-path: circle(11.11111vw at center calc(50% - 30vw));}
    100%{clip-path: circle(100% at center);animation-timing-function: ease-in-out;}
}

@keyframes scrc-dim-change {
    100%{background: rgba(0,107,234,.9)}
}

@keyframes fadeOut {
    100%{opacity: 0}
}

@keyframes fadeIn {
    0% {opacity: 0;}
    100%{opacity: 1;}
}





/* [24.05][HJR] 고도화 - 현재 사용하지 않는 레이아웃 구조 */
/*
.focus .story-content .phones .sd-cut7 .col2 .box { background-color: #00838F;}
.focus .story-content .phones .sd-cut7 .col2 .box .btn-list li .btn-num {color: #006A73;}
.focus .story-content .phones .sd-cut7 .col2 .box .btn-list li .btn-num.on {color: #006A73;}
.focus .story-content .phones .sd-cut7 .col2 .box .btn-list li:first-of-type .btn-num {left: 6.8625rem;}
.focus .story-content .phones .sd-cut7 .col2 .box .btn-list li:nth-child(2) .btn-num {left: 9.425rem;}
.focus .story-content .phones .sd-cut7 .col2 .box .btn-list li:nth-child(3) .btn-num {left: 12.05rem;}
.focus .story-content .phones .sd-cut7 .col2 .box .title {font-size: 2.286rem; line-height: 3rem;}
.focus .story-content .phones .sd-cut7 .col2 .box .btn-list li .text {font-size: 1.286rem; line-height: 1.643rem;}
.focus .story-content .phones .sd-cut7 .col2.cut1::before {background: url(/sec/sustainability/assets/img/pc/focus/mdi/img_phones07_1.png) no-repeat center;background-size: cover;}
.focus .story-content .phones .sd-cut7 .col2.cut2::before {background: url(/sec/sustainability/assets/img/pc/focus/mdi/img_phones07_2.png) no-repeat center;background-size: cover;}
.focus .story-content .phones .sd-cut7 .col2.cut3::before {background: url(/sec/sustainability/assets/img/pc/focus/mdi/img_phones07_3.jpg) no-repeat center;background-size: cover;}

@media screen and ( max-width: 535px ) {

    .focus .story-content .phones .sd-cut7 .box-slide-wrap .swiper-slide {background: #00838F;}
    .focus .story-content .phones .sd-cut7 .box-slide-wrap .swiper-slide .font-samsung-ssb{font-size: 1rem; line-height: 1.875rem;}
    .focus .story-content .phones .sd-cut7 .text-area .title {margin-top: 0.313rem; font-size: 1.375rem; line-height: 1.875rem;}
    .focus .story-content .phones .sd-cut7 .text-area .text {margin-top: 1rem; font-size: 1rem; line-height: 1.375rem;}
    .focus .story-content .phones .sd-cut7 .text-area .text .sm-text {margin-top: 1rem; font-size: 0.625rem; line-height: 0.875rem;}
    .focus .story-content .phones .sd-cut7 .box-slide-wrap .indicator a, .indicator span {background: #8F8F8F !important;}

}
*/



/* Coral In Focus */
.coral-reef{position:relative;min-height:100vh;overflow:hidden}
.coral-reef .coral-reef__container{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;max-width:min(72.5vw, 1920px);min-height:inherit;margin:0 auto}
.coral-reef .coral-reef__content{z-index:1;color:#fff;text-align:center}
.coral-reef figure{margin:0}
.coral-reef .coral-reef__control{position:absolute;bottom:4.63%;left:15.63%;z-index:1;width:clamp(22px,1.25vw,1.714rem);height:clamp(22px,1.25vw,1.714rem);background:url("/sec/sustainability/assets/img/story/coral-reef/icon_play.svg")no-repeat center/cover;pointer-events:auto}
.coral-reef .coral-reef__control.is-playing{background:url("/sec/sustainability/assets/img/story/coral-reef/icon_pause.svg")no-repeat center/cover}
.coral-reef .coral-reef__subtitle{margin-bottom:1.714rem;font-weight:bold;font-size:1.571rem;line-height:1.36;font-family:'Samsung Sharp Sans','SamsungOne', 'Nanum Gothic', '맑은 고딕', 'Apple SD Sandol Gothic Neo', AppleGothic, sans-serif}
.coral-reef .coral-reef__title{font-weight:bold;font-size:3.429rem;line-height:1.2}
.coral-reef .coral-reef__desc-group{display:flex;flex-direction:column;gap:clamp(10px,0.625vw,0.857rem)}
.coral-reef .coral-reef__title + .coral-reef__desc-group{margin-top:clamp(20px,2.083vw,2.857rem)}
.coral-reef .coral-reef__desc{font-size:1.286rem;line-height:1.33}
.coral-reef .coral-reef__note{margin-top:clamp(12px,0.625vw,1.143rem);font-size:1rem;line-height:1.36}
.coral-reef .coral-reef__scrolldown{position:absolute;left:50%;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.571rem;color:#fff;font-size:1rem;transform:translateX(-50%);animation:ScrollDownBonce 1.5s infinite}
.coral-reef .coral-reef__scrolldown .scrolldown__text{font-size:1rem;line-height:1.36}
.coral-reef .coral-reef__scrolldown .scrolldown__text:after{display:block;width:100%;height:0.143rem;background-color:#fff;content:''}
.coral-reef .coral-reef__scrolldown .scrolldown__icon{width:clamp(22px,2.083vw,2.857rem);height:auto}
@keyframes ScrollDownBonce{
    0%,100%{transform:translate(-50%,0)}
    50%{transform:translate(-50%,0.571rem)}}
@media (prefers-reduced-motion: reduce){.coral-reef .coral-reef__scrolldown{animation:none}}
.coral-reef .coral-reef__video{width:100%;height:100%;object-fit:cover}
.coral-reef .coral-reef__image{display:block;width:100%;height:100%;object-fit:cover}
.coral-reef .lottie-area{position:absolute;bottom:0;left:50%;width:100%;transform:translateX(-50%)}
.coral-reef .outlink{display:flex;gap:0.286rem;align-items:center}
.coral-reef__intro{min-height:calc(100vh - 5.71428rem);background: url("/sec/sustainability/assets/img/story/coral-reef/img_coral-in-focus_intro.png")no-repeat center/cover}
.coral-reef__intro .coral-reef__container{max-width:100%}
.coral-reef__intro .coral-reef__title,
.coral-reef__intro .coral-reef__subtitle,
.coral-reef__intro .coral-reef__desc{text-shadow: 0 0 1.071rem rgba(0,0,0,0.9)}
.coral-reef__intro .coral-reef__title{font-weight:bold;font-size:4.286rem}
.coral-reef__intro .coral-reef__media{position:absolute;inset:0;z-index:0;pointer-events:none}
.coral-reef__intro .coral-reef__media::before{content:'';position:absolute;inset:0;background:rgba(0, 0, 0, 0.3);pointer-events:none}
.coral-reef__intro .coral-reef__desc{margin-top:3.429rem;font-weight:bold}
.coral-reef__intro .coral-reef__scrolldown{bottom:14.81%}
.coral-reef__intro .scrolldown__text{text-shadow: 0px 0px 0.357rem rgba(0, 0, 0, 0.95),0px 0px 0.214rem rgba(0, 0, 0, 0.7)}
.coral-reef__intro .coral-reef__control{background:url("/sec/sustainability/assets/img/story/coral-reef/icon_play_shadow.svg")no-repeat center/cover}
.coral-reef__intro .coral-reef__control.is-playing{background:url("/sec/sustainability/assets/img/story/coral-reef/icon_pause_shadow.svg")no-repeat center/cover}
.coral-reef__problem{background:url("/sec/sustainability/assets/img/story/coral-reef/img_coral-in-focus_problem.png")no-repeat center/cover}
.coral-reef__necessity{background:url("/sec/sustainability/assets/img/story/coral-reef/img_coral-in-focus_necessity.png")no-repeat center/cover}
.coral-reef__oceanmode{background:linear-gradient(180deg,#00081B 0%,#0A384E 71.28%)}
.coral-reef__oceanmode .coral-reef__content{padding-bottom:clamp(180px, 24.01vw, 32.929rem)}
.coral-reef__oceanmode .coral-reef__note{margin-top:clamp(12px,0.625vw,1.143rem)}
.coral-reef__oceanmode--cards{background-color:#0A384E}
.coral-reef__oceanmode--cards .cards{display:flex;gap:clamp(10px,1.25vw,1.714rem);justify-content:center;margin:clamp(30px, 2.813vw, 3.857rem) auto 0}
.coral-reef__oceanmode--cards .card{overflow:hidden;display:flex;flex-direction:column;align-items:center;width:33.333%;padding:clamp(24px, 2.4vw, 4rem) clamp(24px, 2.0vw, 4rem) clamp(40px, 4vw, 7.571rem);text-align:center;color:#000;background-color:#F7F7F7}
.coral-reef__oceanmode--cards .card__content{margin-top: clamp(24px, 3.125vw, 4.286rem)}
.coral-reef__oceanmode--cards .card__title{font-size:2.714rem;line-height:1.2}
.coral-reef__oceanmode--cards .card__desc{margin: clamp(16px, 1.666vw, 2.286rem) auto 0;font-size:1.286rem;line-height:1.33;color:#555}
.coral-reef__oceanmode--cards .card__icon{width: clamp(60px, 6.25vw,8.571rem);height: clamp(60px, 6.25vw, 8.571rem);margin: 0 auto;}
.coral-reef__oceanmode--cards .card__icon img{display:block;width:100%;height:100%;object-fit:contain}
.coral-reef__oceanmode--cards .coral-reef__note{position:relative;margin-top:clamp(27px,2.813vw,3.857rem);text-align:left}
.coral-reef__oceanmode--visual{background-color:#0A384E}
.coral-reef__oceanmode--visual .coral-reef__container{max-width:100%}
.coral-reef__oceanmode--visual .coral-reef__media{position:relative;max-width:1204px;width:clamp(602px,62.708vw,86rem);aspect-ratio:16/9;margin:0 auto clamp(100px,7.5vw,10.286rem);background: url("/sec/sustainability/assets/img/story/coral-reef/img_coral-in-focus_ocean-mode.png")no-repeat center/contain;}
.coral-reef__oceanmode--visual .coral-reef__scrolldown{bottom:12.41%}
.coral-reef__benefit{background-color:#fff}
.coral-reef__benefit .coral-reef__content{padding-bottom:clamp(300px,24.01vw,32.929rem);color:#000}
.coral-reef__benefit .logo{overflow:hidden;display:inline-block;width:clamp(84px,6.25vw,8.571rem);height:clamp(84px,6.25vw,8.571rem);margin-bottom:clamp(40px,4.167vw,5.714rem);background:url("/sec/sustainability/assets/img/story/coral-reef/icon_mobile.png")no-repeat center/contain;border-radius:50%}
.coral-reef__benefit .coral-reef__subtitle{color:#006BEA}
.coral-reef__benefit .coral-reef__title{font-size:4.286rem}
.coral-reef__benefit--slide{position:relative;background-color:#fff}
.coral-reef__benefit--slide .coral-reef__container{max-width:100%}
.coral-reef__benefit--slide .slide__viewport{position:relative;overflow:hidden;max-width:90vw}
.coral-reef__benefit--slide .slide__track{display:flex;align-items: center;will-change:transform;transition:transform .4s ease}
.coral-reef__benefit--slide .slide__item{box-sizing:border-box;flex:0 0 100%}
.coral-reef__benefit--slide .slide__grid{display:grid;grid-template-columns:1fr auto;padding:0 8.75vw}
.coral-reef__benefit--slide .slide__content{min-width:0;margin-top:clamp(44px,4.635vw,6.357rem)}
.coral-reef__benefit--slide .coral-reef__subtitle{display:block;margin-bottom:clamp(16px,1.667vw,2.286rem);color:#006BEA}
.coral-reef__benefit--slide .slide__title{font-size:3.429rem;line-height:1.2}
.coral-reef__benefit--slide .coral-reef__desc-group{gap:clamp(12px,1.25vw,1.714rem);margin-top:clamp(25px,2.604vw,3.571rem)}
.coral-reef__benefit--slide .coral-reef__desc-group > *:last-child{margin-bottom:5.714rem}
.coral-reef__benefit--slide .slide__image{overflow: hidden; width:33.333vw;min-width:0;border-radius:2.143rem;margin:auto 0}
.coral-reef__benefit--slide .slide__image img{display:block;width:100%;height:auto;object-fit:cover}
.coral-reef__benefit--slide .swiper-button-next,
.coral-reef__benefit--slide .swiper-button-prev{padding:1.571rem}
.coral-reef__benefit--slide .swiper-button-next{right:3.125vw}
.coral-reef__benefit--slide .swiper-button-prev{left:3.125vw}
.coral-reef__benefit--slide .swiper-button-next::after,
.coral-reef__benefit--slide .swiper-button-prev::after{content:'';position:absolute;width:clamp(24px,1.25vw,1.714rem);height:clamp(24px,1.25vw,1.714rem)}
.coral-reef__benefit--slide .swiper-button-next::after{background:url("/sec/sustainability/assets/img/story/coral-reef/icon_next.svg")no-repeat center/cover}
.coral-reef__benefit--slide .swiper-button-prev::after{;background:url("/sec/sustainability/assets/img/story/coral-reef/icon_prev.svg")no-repeat center/cover}
.coral-reef__benefit--slide .swiper-button-next.is-hidden,
.coral-reef__benefit--slide .swiper-button-prev.is-hidden{visibility:hidden;opacity:0;pointer-events:none}
.coral-reef__benefit--slide .swiper .indicator{display:flex;width:auto;height:auto;left:8.75vw;bottom:0.357rem;gap:0.143em}
.coral-reef__benefit--slide .swiper .indicator .indicator-button{ display:inline-flex !important;position: relative;align-items: center;justify-content: center;width: clamp(17px, 1.146vw, 1.214rem);height: clamp(17px, 1.146vw, 1.214rem);margin:0;border-radius:initial;background-color: transparent;opacity: 1;}
.coral-reef__benefit--slide .swiper .indicator .indicator-button::after{width: clamp(8px, 0.417vw, 0.571rem);height: clamp(8px, 0.417vw, 0.571rem);background: #757575;border-radius: 50%;content:""}
.coral-reef__benefit--slide .swiper .indicator .indicator-button.active::after{width:clamp(10px,0.521vw,0.714rem);height:clamp(10px,0.521vw,0.714rem);background-color:#000}
.coral-reef__result{background:url("/sec/sustainability/assets/img/story/coral-reef/img_coral-in-focus_result.png")no-repeat center/cover}
.coral-reef__result .coral-reef__container{max-width:100%;padding-inline:20px}
.coral-reef__result .coral-reef__media{position:absolute;inset:0;z-index:0;pointer-events:none}
.coral-reef__result .coral-reef__media::before{content:'';position:absolute;inset:0;background:rgba(0, 0, 0, 0.3);pointer-events:none}
.coral-reef__result .coral-reef__control{background:url("/sec/sustainability/assets/img/story/coral-reef/icon_play_shadow.svg")no-repeat center/cover}
.coral-reef__result .coral-reef__control.is-playing{background:url("/sec/sustainability/assets/img/story/coral-reef/icon_pause_shadow.svg")no-repeat center/cover}
.coral-reef__result .coral-reef__title,
.coral-reef__result .coral-reef__note,
.coral-reef__result .coral-reef__desc{text-shadow: 0 0 1.071rem rgba(0,0,0,0.9)}
.coral-reef__result .coral-reef__title + .coral-reef__desc-group{margin-top:clamp(27px,2.813vw,3.857rem);}
.coral-reef__result--slide{position:relative;display:grid;align-items:stretch;width:100%;min-height:100vh;overflow:hidden;background-color:#006A73}
.coral-reef__result--slide .result--slide{height:100%}
.coral-reef__result--slide .slide__viewport{height:100%}
.coral-reef__result--slide .slide__track{position:relative;display:block}
.coral-reef__result--slide .slide__grid{display:grid;grid-template-columns:1fr 1fr;height:100%}
.coral-reef__result--slide .slide__item {position: absolute;inset: 0;opacity: 0;visibility: hidden;transition: opacity 0.6s ease, visibility 0.6s ease;will-change:opacity;}
.coral-reef__result--slide .slide__item.active {opacity: 1;visibility: visible;z-index: 1;}
.coral-reef__result--slide .slide__item:nth-child(1) .slide__image{background:url("/sec/sustainability/assets/img/story/coral-reef/img_coral-in-focus_result-slide-01.png")no-repeat center/cover;}
.coral-reef__result--slide .slide__item:nth-child(2) .slide__image{background:url("/sec/sustainability/assets/img/story/coral-reef/img_coral-in-focus_result-slide-02.png")no-repeat center/cover;}
.coral-reef__result--slide .slide__item:nth-child(3) .slide__image{background:url("/sec/sustainability/assets/img/story/coral-reef/img_coral-in-focus_result-slide-03.png")no-repeat center/cover;}
.coral-reef__result--slide .slide__content{display:flex;flex-direction:column;justify-content: center;gap:2.286rem;margin-bottom:12.786rem;padding:0 20.54%;color:#fff}
.coral-reef__result--slide .num{display:flex;align-items:center;gap:0.714rem;font-weight:bold;font-size:2.714rem;line-height:1.2;font-family:'Samsung Sharp Sans','SamsungOne', 'Nanum Gothic', '맑은 고딕', 'Apple SD Sandol Gothic Neo', AppleGothic, sans-serif;}
.coral-reef__result--slide .num em{font-size:5.714rem;line-height:1.2;font-family:'Samsung Sharp Sans','SamsungOne', 'Nanum Gothic', '맑은 고딕', 'Apple SD Sandol Gothic Neo', AppleGothic, sans-serif;}
.coral-reef__result--slide .coral-reef__desc em{font-weight:bold}
.coral-reef__result--slide .coral-reef__note{margin-top:0}
.coral-reef__result--slide .slide__controls{z-index:1;position:absolute;left:60.26%;bottom:20%;display:flex;align-items:center;justify-content:center;gap:0.857rem;color:#fff}
.coral-reef__result--slide .slide__controls button{width:clamp(14px,1.25vw,1.714rem);height:clamp(14px,1.25vw,1.714rem)}
.coral-reef__result--slide .slide__next.is-hidden,
.coral-reef__result--slide .slide__prev.is-hidden{visibility:hidden;opacity:0;pointer-events:none}
.coral-reef__result--slide .slide__next{background:url("/sec/sustainability/assets/img/story/coral-reef/icon_next-02.svg")no-repeat center/cover}
.coral-reef__result--slide .slide__prev{background:url("/sec/sustainability/assets/img/story/coral-reef/icon_prev-02.svg")no-repeat center/cover}
.coral-reef__result--slide .slide__index{font-size:1.143rem;line-height:1.375;letter-spacing:0.5rem}
.coral-reef__result--slide .slide__indicator{display:none}
.coral-reef__interview{background:url("/sec/sustainability/assets/img/story/coral-reef/img_coral-in-focus_interview.jpg")no-repeat center/cover}
.coral-reef__interview .coral-reef__container{max-width:82.813vw}
.coral-reef__interview .slide__viewport{position:relative;overflow:hidden;width:100%;padding-bottom:clamp(54px,5.573vw,7.643rem)}
.coral-reef__interview .slide__track{will-change:transform;transition:transform .4s ease}
.coral-reef__interview .slide__item{display:flex;justify-content:center;box-sizing:border-box;flex:0 0 100%}
.coral-reef__interview .slide__grid{display:flex;flex-direction:column;align-items:center;gap:clamp(32px,3.333vw,4.571rem)}
.coral-reef__interview .coral-reef__image{max-width:clamp(400px,31.25vw,42.857rem)}
.coral-reef__interview .coral-reef__note{display:flex;align-items:center;justify-content:center;gap:0.714rem;margin-top:2.286rem;line-height:2rem;}
.coral-reef__interview .coral-reef__note::before{display:inline-block;width:clamp(16px,1.25vw,1.714rem);height:clamp(16px,1.25vw,1.714rem);background:url("/sec/sustainability/assets/img/story/coral-reef/icon_person.svg")no-repeat center/contain;content:""}
.coral-reef__interview .swiper-button-next,
.coral-reef__interview .swiper-button-prev{padding:1.571rem}
.coral-reef__interview .swiper-button-next::after,
.coral-reef__interview .swiper-button-prev::after{content:'';position:absolute;width:clamp(24px,1.25vw,1.714rem);height:clamp(24px,1.25vw,1.714rem)}
.coral-reef__interview .swiper-button-next::after{background:url("/sec/sustainability/assets/img/story/coral-reef/icon_next-02.svg")no-repeat center/cover}
.coral-reef__interview .swiper-button-prev::after{background:url("/sec/sustainability/assets/img/story/coral-reef/icon_prev-02.svg")no-repeat center/cover}
.coral-reef__interview .swiper-button-next.is-hidden,
.coral-reef__interview .swiper-button-prev.is-hidden{visibility:hidden;opacity:0;pointer-events:none}
.coral-reef__interview .swiper .indicator{display:flex;width:auto;height:auto;left:50%;bottom:0.143rem;gap:0.143rem;transform: translateX(-50%);}
.coral-reef__interview .swiper .indicator .indicator-button{ display:inline-flex !important;position:relative;align-items: center;justify-content: center;width: clamp(17px, 1.146vw, 1.214rem);height: clamp(17px, 1.146vw, 1.214rem);margin:0;border-radius:initial;background-color: transparent;opacity: 1;}
.coral-reef__interview .swiper .indicator .indicator-button::after{width: clamp(8px, 0.417vw, 0.571rem);height: clamp(8px, 0.417vw, 0.571rem);background: #8F8F8F;border-radius: 50%;content:""}
.coral-reef__interview .swiper .indicator .indicator-button.active::after{width:clamp(10px,0.521vw,0.714rem);height:clamp(10px,0.521vw,0.714rem);background-color:#fff}
.coral-reef__closing{background-color:#006BEA}
.coral-reef__closing .coral-reef__link{display:flex;align-items:center;justify-content:center;gap:1.786rem;margin-top:2.857rem}
.coral-reef__closing .coral-reef__link .link{position:relative;padding:0.714rem 0 0.571rem;color:#fff;font-size:1rem;line-height:1.36}
.coral-reef__closing .coral-reef__link .link::after{position:absolute;bottom:0.571rem;left:0;width:100%;height:0.143rem;background-color:currentColor;content:""}
.coral-reef__closing .coral-reef__link .outlink svg{width:clamp(12px,0.833vw,1.143rem);height:clamp(12px,0.833vw,1.143rem);}
.coral-reef__closing .coral-reef__link .outlink::after{display:none}
.coral-reef__outro{min-height:100%;background-color:#DDDDDD}
.coral-reef__outro .coral-reef__container{max-width:75vw;min-height:100%}
.coral-reef__outro .coral-reef__content{display:flex;position:relative;width:100%;justify-content:space-between;padding:clamp(24px,2.5vw,3.429rem) 0}
.coral-reef__outro .coral-reef__title{padding-top:clamp(32px,3.385vw,4.643rem);color:#000;font-size:3.429rem;text-align:left}
.coral-reef__outro .link .coral-reef__image{width:clamp(268px,27.865vw,38.214rem)}
.coral-reef__outro .outlink{position:absolute;left:0;bottom:19.5%;padding:0.714rem 1.714rem 0.786rem;background-color:#000;border-radius:35.714rem;color:#fff;font-size:1rem;line-height:1.36}
.coral-reef__outro .outlink svg{width:clamp(12px,0.833vw,1.143rem);height:clamp(12px,0.833vw,1.143rem);}

@media (min-width:1025px){
    .coral-reef__page{scroll-snap-type:y mandatory;overscroll-behavior:contain;scroll-padding-top: 0;-webkit-overflow-scrolling:touch;touch-action:pan-y;overflow-y: auto}
    .coral-reef{scroll-snap-align:start;scroll-snap-stop:always;scroll-margin-top:0}
}

@media (min-width:536px) and (max-width:1024px) {
    :root{
        --scale-title: 1.4;
        --t-scale-desc: 1.4;
        --t-scale-note: 1.4;
    }
    .coral-reef .coral-reef__container{max-width:100%;padding-inline:6.25vw}
    .coral-reef .coral-reef__scrolldown .scrolldown__text{font-size: calc(var(--t-scale-note) * 1rem);}
    .coral-reef__benefit--slide .coral-reef__desc br, 
    .coral-reef__oceanmode--cards .card__desc br,
    .coral-reef__result--slide .coral-reef__desc br{display:none !important}
    .coral-reef .coral-reef__title{font-size:calc(var(--scale-title) * 3.429rem)}
    .coral-reef .coral-reef__subtitle{font-size: calc(var(--t-scale-desc) * 1.571rem)}
    .coral-reef .coral-reef__desc{font-size: calc(var(--t-scale-desc) * 1.286rem)}
    .coral-reef .coral-reef__note{font-size: calc(var(--t-scale-note) * 1rem)}
    .coral-reef__intro .coral-reef__title,
    .coral-reef__benefit .coral-reef__title{font-size: calc(var(--scale-title) * 4.286rem)}
    .coral-reef__benefit--slide .coral-reef__container{padding-inline:0}
    .coral-reef__benefit--slide .slide__viewport{max-width:100%}
    .coral-reef__benefit--slide .slide__grid{gap:24px;margin-top:0;align-items:center}
    .coral-reef__benefit--slide .slide__title{font-size: calc(var(--scale-title) * 3.429rem)}
    .coral-reef__oceanmode--cards .card__title{font-size: calc(var(--scale-title) * 2.714rem)}
    .coral-reef__oceanmode--cards .card__desc{font-size: calc(var(--t-scale-desc) * 1.286rem)}
    .coral-reef__oceanmode--visual .coral-reef__media{width:100%}
    .coral-reef__result--slide .num{font-size: calc(var(--scale-title) * 2.714rem)}
    .coral-reef__result--slide .num em{font-size: calc(var(--scale-title) * 5.714rem)}
    .coral-reef__result--slide .slide__index{font-size: calc(var(--t-scale-note) * 1.143rem)}
    .coral-reef__closing .coral-reef__link .link{font-size: calc(var(--t-scale-desc) * 1rem)}
    .coral-reef__outro .coral-reef__title{font-size:3.429rem}
    .coral-reef__outro .outlink{font-size: calc(var(--t-scale-desc) * 1rem)}
}

@media screen and (max-width: 767px) {
    .coral-reef__intro{min-height:calc(100vh - 60px)}
}

@media screen and ( max-width: 535px ) {
    .coral-reef{--indicator-size:1.5rem;--indicator-gap:4rem;--safe:env(safe-area-inset-bottom, 0px)}
    .coral-reef .coral-reef__container{max-width:100%;padding:0 1.25rem}
    .coral-reef .coral-reef__control{bottom:1.5rem;left:50%;width:1.375rem;height:1.375rem;transform:translateX(-50%)}
    .coral-reef .coral-reef__subtitle{margin-bottom:1.5rem;font-size:1rem;line-height:1.375}
    .coral-reef .coral-reef__title{font-size:1.875rem}
    .coral-reef .coral-reef__desc-group{gap:0.625rem}
    .coral-reef .coral-reef__title + .coral-reef__desc-group{margin-top:2.5rem}
    .coral-reef .coral-reef__desc{font-size:1rem;line-height:1.375}
    .coral-reef .coral-reef__note{margin-top:1.5rem;font-size:0.875rem}
    .coral-reef .coral-reef__scrolldown{display:none}
    .coral-reef .swiper .indicator, 
    .coral-reef .swiper .slide__indicator{position:absolute;left:50%;bottom:max(1.5rem, var(--safe));transform:translateX(-50%);gap:0.25rem;z-index:2}
    .coral-reef .swiper .indicator .indicator-button,
    .coral-reef .swiper .slide__indicator .indicator-button{width:var(--indicator-size);height:var(--indicator-size)}
    .coral-reef__intro{background:url("/sec/sustainability/assets/img/story/coral-reef/img_coral-in-focus_intro_mo.png")no-repeat center/cover}
    .coral-reef__intro .coral-reef__title{font-size:2.25rem}
    .coral-reef__intro .coral-reef__desc{margin-top:4.375rem}
    .coral-reef__intro .coral-reef__control{bottom:5.25rem}
    .coral-reef__intro .coral-reef__title,
    .coral-reef__intro .coral-reef__subtitle,
    .coral-reef__intro .coral-reef__desc{text-shadow: 0 0 0.938rem rgba(0,0,0,0.9)}
    .coral-reef__problem{background:url("/sec/sustainability/assets/img/story/coral-reef/img_coral-in-focus_problem_mo.png")no-repeat center/cover}
    .coral-reef__necessity{background:url("/sec/sustainability/assets/img/story/coral-reef/img_coral-in-focus_necessity_mo.png")no-repeat center/cover}
    .coral-reef__oceanmode .coral-reef__content{padding:6.25rem 0 16.286rem}
    .coral-reef__oceanmode--cards .coral-reef__container{flex-direction: column;align-items: stretch;padding: 0;}
    .coral-reef__oceanmode--cards .coral-reef__content{padding:3.75rem 0}
    .coral-reef__oceanmode--cards .coral-reef__title + .coral-reef__desc-group{margin-top: 1rem}
    .coral-reef__oceanmode--cards .coral-reef__desc-group{padding:0 1.25rem}
    .coral-reef__oceanmode--cards .cards-wrap{padding-inline:1.25rem}
    .coral-reef__oceanmode--cards .cards{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;gap:1rem;justify-content: flex-start;align-items: stretch;flex: 1 1 auto;min-width: 0;max-width: 100%;margin-top:1.875rem;scrollbar-width:none}
    .coral-reef__oceanmode--cards .cards::-webkit-scrollbar{display:none}
    .coral-reef__oceanmode--cards .card{flex: 0 0 auto;width:17.5rem;max-width:100%;min-height:20.625rem;scroll-snap-align: start;padding:3.75rem 1.5rem;}
    .coral-reef__oceanmode--cards .card__icon{width:3.5rem;height:3.5rem}
    .coral-reef__oceanmode--cards .card__content{margin-top:2rem}
    .coral-reef__oceanmode--cards .card__title{font-size:1.375rem;line-height:1.36}
    .coral-reef__oceanmode--cards .card__desc{margin-top:1.25rem;font-size:1.125rem}
    .coral-reef__oceanmode--cards .coral-reef__note{margin-top:2rem;font-size:0.875rem;text-align:center}
    .coral-reef__oceanmode--visual{background-color:#0A384E}
    .coral-reef__oceanmode--visual .coral-reef__container{padding:0 0 1.688rem}
    .coral-reef__oceanmode--visual .coral-reef__media{max-width:100%;width:100%;aspect-ratio:3/4;background:url("/sec/sustainability/assets/img/story/coral-reef/img_coral-in-focus_ocean-mode_mo.png")no-repeat center/cover}
    .coral-reef__benefit .coral-reef__content{padding-top:9.375rem}
    .coral-reef__benefit .logo{width:5rem;height:5rem;margin-bottom:2.5rem}
    .coral-reef__benefit .coral-reef__title{font-size:2.25rem}
    .coral-reef__benefit--slide .coral-reef__container{align-items:stretch;padding:0}
    .coral-reef__benefit--slide .slide__viewport{max-width:100%;padding:0}
    .coral-reef__benefit--slide .slide__track{align-items:start}
    .coral-reef__benefit--slide .slide__grid{display:flex;flex-direction:column-reverse;gap:2rem;height:auto;padding:0}
    .coral-reef__benefit--slide .slide__grid .slide__content{;max-width:100%;width:100%;min-width:0;margin-top:0;padding:0 1.25rem calc(var(--indicator-size) + var(--indicator-gap) + var(--safe));text-align:center}
    .coral-reef__benefit--slide .coral-reef__desc-group{gap:1rem}
    .coral-reef__benefit--slide .coral-reef__desc-group > *:last-child{margin-bottom: 0.25rem}
    .coral-reef__benefit--slide .slide__grid .slide__image{width:100%;max-width:100%;border-radius:0}
    .coral-reef__benefit--slide .coral-reef__subtitle{margin-bottom:0.25rem;font-size:1rem;line-height:1.875}
    .coral-reef__benefit--slide .slide__title{font-size:1.375rem;line-height:1.36}
    .coral-reef__benefit--slide .coral-reef__desc-group{margin-top:1rem}
    .coral-reef__benefit--slide .coral-reef__desc{color:#313131;font-size:0.875rem;line-height:1.36;text-align:center;white-space:normal}
    .coral-reef__benefit--slide .swiper-button-next,.coral-reef__benefit--slide .swiper-button-prev{display:none}
    .coral-reef__benefit--slide .btn-prev, .coral-reef__benefit--slide .btn-next{display: none;}
    .coral-reef__benefit--slide .swiper .indicator .indicator-button::after{width:0.875rem;height:0.875rem}
    .coral-reef__benefit--slide .swiper .indicator .indicator-button.active::after{width:1rem;height:1rem;background-color:#006BEA}
    .coral-reef__result .coral-reef__container{align-items:start;padding-top:10rem}
    .coral-reef__result .coral-reef__note{margin-top:1.5rem;font-size:0.875rem}
    .coral-reef__result .coral-reef__title,
    .coral-reef__result .coral-reef__note,
    .coral-reef__result .coral-reef__desc{text-shadow: 0 0 0.938rem rgba(0,0,0,0.9)}
    .coral-reef__result--slide .result--slide{display: grid;}
    .coral-reef__result--slide .slide__viewport{margin: 0;}
    .coral-reef__result--slide .slide__track{display:flex;justify-content: start;will-change:transform;transition:transform .4s ease}
    .coral-reef__result--slide .slide__grid{grid-template-columns:1fr;grid-template-rows:1fr 1fr}
    .coral-reef__result--slide .slide__item{position:relative;opacity: 1;visibility: visible;transition: none;}
    .coral-reef__result--slide .slide__item:nth-child(1) .slide__image{background:url("/sec/sustainability/assets/img/story/coral-reef/img_coral-in-focus_result-slide-01_mo.png")no-repeat center/cover}
    .coral-reef__result--slide .slide__item:nth-child(2) .slide__image{background:url("/sec/sustainability/assets/img/story/coral-reef/img_coral-in-focus_result-slide-02_mo.png")no-repeat center/cover}
    .coral-reef__result--slide .slide__item:nth-child(3) .slide__image{background:url("/sec/sustainability/assets/img/story/coral-reef/img_coral-in-focus_result-slide-03_mo.png")no-repeat center/cover}
    .coral-reef__result--slide .slide__content{align-items:center;gap:1.875rem;justify-content:start;margin-bottom:0;padding:4rem 1.25rem calc(var(--indicator-size) + var(--indicator-gap) + var(--safe))}
    .coral-reef__result--slide .num{gap:0.25rem;font-size:1.625rem;line-height:1.35}
    .coral-reef__result--slide .num em{font-size:2.75rem}
    .coral-reef__result--slide .coral-reef__desc{text-align:center}
    .coral-reef__result--slide .coral-reef__note{margin:0 0 0.25rem}
    .coral-reef__result--slide .slide__controls{display:none}
    .coral-reef__result--slide .slide__index{font-size:1rem;line-height:1.375rem;letter-spacing:0.571rem}
    .coral-reef__result--slide .swiper .slide__indicator{display:flex;justify-content: center}
    .coral-reef__result--slide .swiper .slide__indicator .indicator-button{display:inline-flex !important;position:relative;align-items:center;justify-content:center;margin:0;border-radius:initial;background-color:transparent;opacity:1}
    .coral-reef__result--slide .swiper .indicator-button::after{width:0.875rem;height:0.875rem;background:#757575;border-radius:50%;content:""}
    .coral-reef__result--slide .swiper .indicator-button.active::after{width:1rem;height:1rem;background-color:#fff}
    .coral-reef__interview .coral-reef__container{align-items:stretch;padding: 0;}
    .coral-reef__interview .slide__viewport{padding-bottom:0}
    .coral-reef__interview .slide__track{align-items: start;}
    .coral-reef__interview .slide__grid{gap:4rem}
    .coral-reef__interview .coral-reef__image{max-width:100%}
    .coral-reef__interview .coral-reef__content{padding:0 1.25rem calc(var(--indicator-size) + var(--indicator-gap) + var(--safe))}
    .coral-reef__interview .coral-reef__note{gap:0.25rem;margin-bottom:0.25rem;padding:0 0.625rem;font-size:0.625rem;line-height:1;text-align:left}
    .coral-reef__interview .coral-reef__note::before{width:1rem;height:1rem;flex-shrink:0}
    .coral-reef__interview .swiper-button-next,
    .coral-reef__interview .swiper-button-prev{display: none;}
    .coral-reef__interview .swiper .indicator .indicator-button::after{width:0.875rem;height:0.875rem}
    .coral-reef__interview .swiper .indicator .indicator-button.active::after{width:1rem;height:1rem}
    .coral-reef__closing .coral-reef__container{padding:0 1.094rem}
    .coral-reef__closing .coral-reef__desc-group{gap:0}
    .coral-reef__closing .coral-reef__link{flex-direction:column;gap:1rem;margin-top:2.5rem}
    .coral-reef__closing .coral-reef__link .link{padding:0.625rem 0 0.5rem;font-size:0.875rem}
    .coral-reef__closing .coral-reef__link .link::after{bottom:0.375rem;width:100%;height:0.125rem}
    .coral-reef__closing .coral-reef__link .outlink svg{width:12px;height:12px}
    .coral-reef__outro .coral-reef__container{padding:0}
    .coral-reef__outro .coral-reef__content{flex-direction:column;gap:3rem;margin:0;padding:3.75rem 0 9.25rem}
    .coral-reef__outro .coral-reef__title{padding-top:0;font-size:1.875rem;text-align:center}
    .coral-reef__outro .link .coral-reef__image{width:100%}
    .coral-reef__outro .outlink{bottom:3.75rem;left:50%;gap:0.375rem;padding:0.625rem 1.5rem 0.688rem;border-radius:31.25rem;font-size:0.875rem;transform:translateX(-50%)}
    .coral-reef__outro .outlink svg{width:12px;height:12px}
}