@charset "UTF-8";

body::after {
	position:absolute; 
    width:0; 
    height:0; 
    overflow:hidden; 
    z-index:-1;  
    content:
   	url(../images/section01-btn-hover.png)
   	url(../images/section08-btn-hover.png);
}

html {font-size:62.5%}

.wrap-camp {letter-spacing:-0.01em}
.campaign-wrap {position:relative;width:192rem;margin:auto;font-family:'Pretendard';font-size:2.5rem;font-weight:400;color:#000;letter-spacing:-0.025em}
.campaign-wrap img {width:100%;max-width:100%}
.campaign-wrap * {box-sizing:border-box}
.campaign-wrap input[type='checkbox'] {position:absolute;left:0;top:0;width:0;height:0;opacity:0}
.campaign-wrap .cont-section {position:relative;background-position:center top;background-repeat:no-repeat;background-size:contain}
.campaign-wrap .cont-section .section-inner {position:relative;height:100%;margin:auto}

.camp-btn > a {display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:contain;transition:all 0.3s}

.campaign-wrap .cont-section.section01 {height:85rem;background-image:url(../images/section01-bg.jpg)}
.campaign-wrap .cont-section.section01 .section-inner {padding-top:15.3rem}
.campaign-wrap .cont-section.section01 .section-inner .inner-box {margin-left:23.8rem;width:48.4rem;text-align:center;color:#fff}
.campaign-wrap .cont-section.section01 .section-inner .inner-box .camp-txt-eyebrow {font-weight:800;font-size:1.8rem;line-height:140%;letter-spacing:-0.02rem;margin-bottom:6.6rem}
.campaign-wrap .cont-section.section01 .section-inner .inner-box .camp-logo {width:46.6rem;height:4.1rem;margin:auto}
.campaign-wrap .cont-section.section01 .section-inner .inner-box h3 {width:48.1rem;height:13.3rem;margin:auto;margin-top:2.2rem}
.campaign-wrap .cont-section.section01 .section-inner .inner-box .camp-txt {margin-top:4.2rem;text-shadow:0 0 0.5rem rgba(0, 0, 0, 0.5);font-weight:600;font-size:2.1rem;line-height:140%;letter-spacing:-0.02rem}
.campaign-wrap .cont-section.section01 .section-inner .inner-box .camp-txt span {color:#FFD84E}
.campaign-wrap .cont-section.section01 .section-inner .inner-box .camp-btn {width:40.5rem;height:10.3rem;margin:auto;margin-top:4.4rem}
.campaign-wrap .cont-section.section01 .section-inner .inner-box .camp-btn > a {background-image:url(../images/section01-btn.png)}
.campaign-wrap .cont-section.section01 .section-inner .inner-box .camp-btn > a:hover {background-image:url(../images/section01-btn-hover.png)}

.campaign-wrap .cont-section.section02 {height:109.4rem;background-image:url(../images/section02-bg.jpg)}
.campaign-wrap .cont-section.section02 .section-inner {padding:10rem 0 8.4rem;width:105.2rem}
.campaign-wrap .cont-section.section02 .section-inner .inner-box {display:flex;justify-content:space-between}
.campaign-wrap .cont-section.section02 .section-inner .inner-box .yt-inner {width:49.9rem;height:87.1rem;background-image:url(../images/section02-yt-bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:contain}
.campaign-wrap .cont-section.section02 .section-inner .inner-box .yt-inner > .yt-box {width:100%;height:100%;padding:0.8rem}
.campaign-wrap .cont-section.section02 .section-inner .inner-box .yt-inner > p {font-weight:500;font-size:1.8rem;line-height:150%;letter-spacing:-0.03rem;color:#fff;margin-top:2rem;text-align:center}
.campaign-wrap .cont-section.section02 .section-inner .inner-box .cookieRun-inner {width:45rem;height:67rem;background-image:url(../images/section02-txt-bg.png);background-repeat:no-repeat;background-position:center top;background-size:contain;margin-top:7.9rem}
.campaign-wrap .cont-section.section02 .section-inner .inner-box .cookieRun-inner .camp-txt {width:100%;height:31.2rem;margin-top:35.1rem;text-align:center;display:flex;flex-direction:column;gap:2rem;justify-content:center;font-weight:500;font-size:2.1rem;line-height:140%;letter-spacing:-0.02rem;color:#000}
.campaign-wrap .cont-section.section02 .section-inner .inner-box .cookieRun-inner .camp-txt strong {font-weight:700;color:#009465}
.campaign-wrap .cont-section.section02 .section-inner .inner-box .cookieRun-inner .camp-txt span {display:inline-block;padding:0.2rem 0.7rem;font-weight:700;font-size:2.6rem;background-color:#009465;color:#fff}

.campaign-wrap .cont-section.section03 {height:72.1rem;background-image:url(../images/section03-bg.jpg)}
.campaign-wrap .cont-section.section03 .section-inner {padding-top:14.8rem;width:144rem}
.campaign-wrap .cont-section.section03 .section-inner h4 {width:54.5rem;height:10.3rem;margin-bottom:3rem}
.campaign-wrap .cont-section.section03 .section-inner .camp-txt {display:flex;flex-direction:column;gap:2rem;font-weight:500;font-size:2.1rem;line-height:140%;letter-spacing:-0.02rem}
.campaign-wrap .cont-section.section03 .section-inner .camp-txt strong {font-weight:700}
.campaign-wrap .cont-section.section03 .section-inner .camp-txt span {font-weight:700;position:relative;z-index:0}
.campaign-wrap .cont-section.section03 .section-inner .camp-txt span::after {content:'';display:block;width:103%;height:1.7rem;background-color:rgb(132 196 199 / 30%);position:absolute;bottom:-0.5rem;left:-0.5rem;z-index:-1;pointer-events:none}
.campaign-wrap .cont-section.section03 .section-inner .right-txt-box {position:absolute;bottom:5.2rem;right:0;width:50rem;height:14.6rem;padding-left:3.2rem;background-color:rgba(0,0,0,0.25);border-radius:1rem;color:#fff;line-height:110%;letter-spacing:-0.02rem;display:flex;flex-direction:column;justify-content:center}
.campaign-wrap .cont-section.section03 .section-inner .right-txt-box > h5 {font-weight:800;font-size:2.1rem;text-shadow:0.2rem 0.2rem 0.3rem rgba(0, 0, 0, 0.25)}
.campaign-wrap .cont-section.section03 .section-inner .right-txt-box > p {font-weight:500;font-size:1.8rem;text-shadow:0.2rem 0.2rem 0.3rem rgba(0, 0, 0, 0.25)}

.campaign-wrap .cont-section.section04 {height:72.1rem;background-image:url(../images/section04-bg.jpg)}
.campaign-wrap .cont-section.section04 .section-inner {padding-top:10.5rem;width:144rem}
.campaign-wrap .cont-section.section04 .section-inner h4 {width:28.6rem;height:10.7rem;margin-bottom:3rem}
.campaign-wrap .cont-section.section04 .section-inner .camp-txt {display:flex;flex-direction:column;gap:2rem;font-weight:500;font-size:2.1rem;line-height:140%;letter-spacing:-0.02rem}
.campaign-wrap .cont-section.section04 .section-inner .camp-txt .txt-img {width:47.7rem;height:15.7rem;margin-top:-1.2rem;margin-left:-4.3rem}
.campaign-wrap .cont-section.section04 .section-inner .camp-img {width:96.7rem;height:49.6rem;position:absolute;top:11.8rem;right:0}
.campaign-wrap .cont-section.section04 .section-inner .camp-img .img-inner {position:relative;width:100%;height:100%}
.campaign-wrap .cont-section.section04 .section-inner .camp-img .img-inner > p {position:absolute;box-shadow:0.3rem 0.3rem 0.8rem rgba(0, 0, 0, 0.25)}
.campaign-wrap .cont-section.section04 .section-inner .camp-img .img-inner > p.img01 {width:28.8rem;height:38.2rem;top:0;left:0}
.campaign-wrap .cont-section.section04 .section-inner .camp-img .img-inner > p.img02 {width:17.6rem;height:23.3rem;top:0;left:30.4rem}
.campaign-wrap .cont-section.section04 .section-inner .camp-img .img-inner > p.img03 {width:36.4rem;height:24.6rem;bottom:0;right:29.8rem}
.campaign-wrap .cont-section.section04 .section-inner .camp-img .img-inner > p.img04 {width:28.2rem;height:37.3rem;bottom:0;right:0}

.campaign-wrap .cont-section.section05 {height:54.5rem;background-image:url(../images/section05-bg.jpg)}
.campaign-wrap .cont-section.section05 .section-inner {padding-top:12.4rem;width:144rem;display:flex;justify-content:flex-end}
.campaign-wrap .cont-section.section05 .section-inner .camp-txt {display:flex;flex-direction:column;gap:2rem;font-weight:500;font-size:2.1rem;line-height:140%;letter-spacing:-0.02rem}
.campaign-wrap .cont-section.section05 .section-inner .camp-txt .txt-img {width:54.8rem;height:12.1rem;margin-top:-1.2rem;margin-left:-4.3rem}
.campaign-wrap .cont-section.section05 .section-inner .camp-txt strong {font-weight:700}

.campaign-wrap .cont-section.section06 {height:82.8rem;background-image:url(../images/section06-bg.jpg)}
.campaign-wrap .cont-section.section06 .section-inner {padding-top:8.9rem;width:144rem;display:flex;justify-content:flex-end}
.campaign-wrap .cont-section.section06 .section-inner .inner-box {width:49.3rem}
.campaign-wrap .cont-section.section06 .section-inner .inner-box .camp-txt {text-align:center;display:flex;flex-direction:column;align-items:center;gap:2rem;font-weight:500;font-size:2.1rem;line-height:140%;letter-spacing:-0.02rem}
.campaign-wrap .cont-section.section06 .section-inner .inner-box .camp-txt span {padding:0 0.3rem;font-weight:700;background-color:#D38435;color:#fff}
.campaign-wrap .cont-section.section06 .section-inner .inner-box .camp-btn-box {width:49.3rem;height:39.1rem;background-image:url(../images/section06-btnBox-bg.png);background-repeat:no-repeat;background-position:center top;background-size:contain;margin-top:3.5rem;filter:drop-shadow(0.3rem 0.3rem 0.6rem rgba(0,0,0,0.25));display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.campaign-wrap .cont-section.section06 .section-inner .inner-box .camp-btn-box > p {font-weight:500;font-size:2.1rem;line-height:140%;letter-spacing:-0.02rem;color:#fff}
.campaign-wrap .cont-section.section06 .section-inner .inner-box .camp-btn-box > .txt-img {width:31.7rem;height:13.5rem;margin-top:1rem}
.campaign-wrap .cont-section.section06 .section-inner .inner-box .camp-btn-box > .camp-btn {width:40.2rem;height:9.8rem;margin-top:2.6rem;margin-left:3.5rem;filter:drop-shadow(0 0 1rem rgba(0,0,0,0.25))}
.campaign-wrap .cont-section.section06 .section-inner .inner-box .camp-btn-box > .camp-btn > a {background-image:url(../images/section01-btn.png)}
.campaign-wrap .cont-section.section06 .section-inner .inner-box .camp-btn-box > .camp-btn > a:hover {background-image:url(../images/section01-btn-hover.png)}

.campaign-wrap .cont-section.section07 {height:78rem;background-image:url(../images/section07-bg.jpg)}
.campaign-wrap .cont-section.section07 .section-inner {padding-top:9rem;width:144rem}
.campaign-wrap .cont-section.section07 .section-inner .inner-box {width:64.2rem}
.campaign-wrap .cont-section.section07 .section-inner .inner-box h4 {width:48.1rem;height:4.6rem;margin:auto;margin-bottom:5rem}
.campaign-wrap .cont-section.section07 .section-inner .inner-box > ul {width:100%;display:flex;justify-content:space-between;margin-bottom:5rem}
.campaign-wrap .cont-section.section07 .section-inner .inner-box > ul > li {width:20.5rem;background-repeat:no-repeat;background-position:center top;background-size:19.4rem 23.7rem}
.campaign-wrap .cont-section.section07 .section-inner .inner-box > ul > li:nth-child(1) {background-image:url(../images/section07-list01-title.png)}
.campaign-wrap .cont-section.section07 .section-inner .inner-box > ul > li:nth-child(2) {background-image:url(../images/section07-list02-title.png)}
.campaign-wrap .cont-section.section07 .section-inner .inner-box > ul > li:nth-child(3) {background-image:url(../images/section07-list03-title.png)}
.campaign-wrap .cont-section.section07 .section-inner .inner-box > ul > li > p {padding-top:25.1rem;text-align:center;font-weight:500;font-size:2.1rem;line-height:140%;letter-spacing:-0.04rem}
.campaign-wrap .cont-section.section07 .section-inner .inner-box > ul > li > p strong {font-weight:800}
.campaign-wrap .cont-section.section07 .section-inner .inner-box .camp-txt-box {width:100%;height:10.9rem;font-weight:500;font-size:2.1rem;line-height:140%;letter-spacing:-0.02rem;display:flex;flex-direction:column;gap:0.5rem;justify-content:center;align-items:center;background-image:url(../images/section07-txtBox-bg.png);background-repeat:no-repeat;background-position:center center;background-size:contain}
.campaign-wrap .cont-section.section07 .section-inner .inner-box .camp-txt-box .txt-img {width:52.3rem;height:2.7rem}
.campaign-wrap .cont-section.section07 .section-inner .inner-box .camp-txt-box strong {font-weight:700}

.campaign-wrap .cont-section.section08 {height:94.5rem;background-image:url(../images/section08-bg.jpg)}
.campaign-wrap .cont-section.section08 .section-inner {padding-top:8.4rem;width:115rem}
.campaign-wrap .cont-section.section08 .section-inner h4 {width:63.4rem;height:12.2rem;margin:auto;margin-bottom:6.4rem}
.campaign-wrap .cont-section.section08 .section-inner .inner-box {display:flex;justify-content:space-between}
.campaign-wrap .cont-section.section08 .section-inner .inner-box .box-left {width:41.1rem;padding-top:1.9rem;background-image:url(../images/section08-goods-img.png);background-repeat:no-repeat;background-position:center top 1.9rem;background-size:18.9rem 12.3rem}
.campaign-wrap .cont-section.section08 .section-inner .inner-box .box-left .camp-txt {padding-top:14rem;font-weight:500;font-size:2.1rem;line-height:140%;letter-spacing:-0.02rem;display:flex;flex-direction:column;gap:2rem;text-align:center}
.campaign-wrap .cont-section.section08 .section-inner .inner-box .box-left .camp-txt .line01 {line-height:145%}
.campaign-wrap .cont-section.section08 .section-inner .inner-box .box-left .camp-txt strong {font-weight:800;color:#009465}
.campaign-wrap .cont-section.section08 .section-inner .inner-box .box-left .camp-txt span {font-weight:700;background-color:#009465;color:#fff;padding:0 0.5rem}
.campaign-wrap .cont-section.section08 .section-inner .inner-box .box-left .camp-btn {width:41.1rem;height:7.9rem;margin-top:3.7rem;filter:drop-shadow(0.3rem 0.3rem 0.7rem rgba(0,0,0,0.25))}
.campaign-wrap .cont-section.section08 .section-inner .inner-box .box-left .camp-btn > a {background-image:url(../images/section08-btn.png)}
.campaign-wrap .cont-section.section08 .section-inner .inner-box .box-left .camp-btn > a:hover {background-image:url(../images/section08-btn-hover.png)}
.campaign-wrap .cont-section.section08 .section-inner .inner-box .box-right {width:65.1rem}
.campaign-wrap .cont-section.section08 .section-inner .inner-box .box-right .camp-slide {filter:drop-shadow(0.4rem 0.4rem 1rem rgba(0,0,0,0.25))}
.campaign-wrap .cont-section.section08 .section-inner .inner-box .box-right .camp-slide .swiper-pagination-bullet {width:0.9rem;height:0.9rem;margin:0 0.7rem;background-color:transparent;border:0.1rem solid #fff;opacity:1}
.campaign-wrap .cont-section.section08 .section-inner .inner-box .box-right .camp-slide .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color:#fff}
.campaign-wrap .cont-section.section08 .section-inner .inner-box .box-right .camp-slide .swiper-horizontal>.swiper-pagination-bullets, 
.campaign-wrap .cont-section.section08 .section-inner .inner-box .box-right .camp-slide .swiper-pagination-bullets.swiper-pagination-horizontal, 
.campaign-wrap .cont-section.section08 .section-inner .inner-box .box-right .camp-slide .swiper-pagination-custom, 
.campaign-wrap .cont-section.section08 .section-inner .inner-box .box-right .camp-slide .swiper-pagination-fraction {bottom:2.4rem}
.campaign-wrap .cont-section.section08 .section-inner .inner-box .box-right > ul {display:flex;justify-content:center;gap:4.8rem;margin:2.5rem 0}
.campaign-wrap .cont-section.section08 .section-inner .inner-box .box-right > ul > li {font-weight:500;font-size:2.1rem;line-height:140%;letter-spacing:-0.02rem}
.campaign-wrap .cont-section.section08 .section-inner .inner-box .box-right > ul > li span {font-weight:700;color:#D38435;background-color:rgba(211,132,53,0.3);border-radius:0.5rem;padding:0 0.7rem}
.campaign-wrap .cont-section.section08 .section-inner .inner-box .box-right > p {text-align:center;font-weight:500;font-size:1.8rem;line-height:150%;letter-spacing:-0.03rem;color:#77787B}
.campaign-wrap .cont-section.section08 .section-inner > p {margin-top:6.3rem;font-weight:500;font-size:1.8rem;line-height:150%;letter-spacing:-0.03rem;text-align:center}

.campaign-copyright {height:14rem;font-size:1.8rem;font-weight:400}

.camp-fixed-banner {width:20.6rem;height:19.2rem;position:fixed;top:37.5rem;right:2rem;z-index:999;opacity:0;transition:all 0.3s}
.camp-fixed-banner.active {opacity:1}
.camp-fixed-banner > a {display:block;width:100%;height:100%;transition:all 0.3s ease-in-out;filter:drop-shadow(0.3rem 0.3rem 0.3rem rgba(0, 0, 0, 0.25))}
.camp-fixed-banner > a:hover {transform:translate(0, -5%)}

/* 노트북 배율 스타일 지우지 말 것 */
@media (max-width: 1536px) {
    html {overflow-x:hidden;font-size:50%}
    .wrap-camp {width:1536px}
    .campaign-wrap {width:100%}
    .campaign-wrap img {max-width:100%}    
}