@charset "UTF-8";

/* background-image preload - 호버 이미지 로드용 */
body::after {
	position:absolute; 
    width:0; 
    height:0; 
    overflow:hidden; 
    z-index:-1;
    
    /* load images */
    content:
    url(../images/section07-tabBg-on.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;line-height:4rem;color:#121212;letter-spacing:-0.01em}
.campaign-wrap img {vertical-align:bottom}
.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:cover}
.campaign-wrap .cont-section .section-inner {position:relative;width:144.2rem;margin:auto;height:100%}

.bg-container {position:absolute;top:0;left:0;width:100%;height:100%}
.bg-container .bg-change {width:100%;height:100%;background-position:center top;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;left:0;opacity:0;transition:opacity 1s ease-in-out}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after,
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {display:none}

.campaign-wrap .cont-section.section01 {height:85rem;background-image:url(../images/section01-bg.jpg)}
.campaign-wrap .cont-section.section01 .section-inner {display:flex;flex-direction:column;align-items:flex-end;padding-top:22rem;padding-right:8rem}
.campaign-wrap .cont-section.section01 .section-inner h3 {width:61.2rem;height:24.1rem;filter:drop-shadow(0 0 4.9rem rgba(88,133,183,0.6))}
.campaign-wrap .cont-section.section01 .section-inner .camp-btn-box {margin-top:9rem;width:44.6rem;height:13.1rem;background-image:url(../images/camp-fixed-banner-bg.png);background-repeat:no-repeat;background-position:center center;background-size:contain}
.campaign-wrap .cont-section.section01 .section-inner .camp-btn-box > a {display:flex;width:100%;height:100%;align-items:center;justify-content:flex-end;color:#007963;font-weight:700;font-size:3.5rem}
.campaign-wrap .cont-section.section01 .section-inner .camp-btn-box > a > span {display:inline-block;margin-right:3rem}

.campaign-wrap .cont-section.section02 {height:107.9rem;background-image:url(../images/section02-bg.jpg)}
.campaign-wrap .cont-section.section02 .section-inner {width:120rem;display:flex;align-items:center;justify-content:flex-end}
.campaign-wrap .cont-section.section02 .section-inner .camp-txt-box {font-weight:500;font-size:4.1rem;line-height:5.6rem;letter-spacing:-0.04em;color:#fff}

.campaign-wrap .cont-section.section03 {height:107.9rem;background-color:#001e0f}
.campaign-wrap .cont-section.section03 .section-inner {padding-top:31.7rem}
.campaign-wrap .cont-section.section03 .section-inner .camp-txt-box {display:flex;flex-direction:column;gap:11rem;font-weight:400;font-size:4rem;line-height:5.5rem;letter-spacing:-0.02em;color:#fff;filter:drop-shadow(0 0.2rem 1rem rgba(0,28,22,0.5))}
.campaign-wrap .cont-section.section03 .section-inner .camp-txt-box strong {font-weight:600}
.campaign-wrap .cont-section.section03 .section-inner .camp-txt-box p > img {width:48.4rem}

.campaign-wrap .cont-section.section04 {height:191.4rem;background-image:url(../images/section04-bg.jpg)}
.campaign-wrap .cont-section.section04 .section-inner {width:120rem;padding-top:16.8rem}
.campaign-wrap .cont-section.section04 .section-inner .camp-txt-box {display:flex;flex-direction:column;gap:6.4rem;font-weight:400;font-size:4rem;line-height:5.5rem;letter-spacing:-0.025em;color:#fff;text-align:center;margin-bottom:28.3rem}
.campaign-wrap .cont-section.section04 .section-inner .camp-txt-box strong {font-weight:700}
.campaign-wrap .cont-section.section04 .section-inner h4 {width:48.9rem;height:19.2rem;margin:auto;filter:drop-shadow(0 0 4.6rem rgba(255,255,255,0.5))}
.campaign-wrap .cont-section.section04 .section-inner .yt-inner {width:90.2rem;margin:auto;margin-top:22.5rem}
.campaign-wrap .cont-section.section04 .section-inner .yt-inner > .yt-box {width:100%;height:50.8rem}
.campaign-wrap .cont-section.section04 .section-inner .yt-inner > .yt-box iframe {border-radius:1.5rem;box-shadow:0 0 2rem 1rem rgba(255, 255, 255, 0.4)}

.campaign-wrap .cont-section.section05 .section-inner {width:100%;padding:12rem 7rem 14rem}
.campaign-wrap .cont-section.section05 .section-inner .inner-top {text-align:center;color:#007963;margin-bottom:10.5rem}
.campaign-wrap .cont-section.section05 .section-inner .inner-top h4 {width:58.9rem;height:5.3rem;margin:auto;margin-bottom:2.8rem}
.campaign-wrap .cont-section.section05 .section-inner .inner-top p {font-size:2.7rem;line-height:3.9rem;letter-spacing:-0.05em}
.campaign-wrap .cont-section.section05 .section-inner .inner-top p strong {font-weight:700}
.campaign-wrap .cont-section.section05 .section-inner .inner-list01,
.campaign-wrap .cont-section.section05 .section-inner .inner-list02,
.campaign-wrap .cont-section.section05 .section-inner .inner-list03 {position:relative;margin-bottom:7rem;border-radius:3rem;overflow:hidden}
.campaign-wrap .cont-section.section05 .section-inner .inner-list01 {height:62.3rem}
.campaign-wrap .cont-section.section05 .section-inner .inner-list02 {height:62.1rem}
.campaign-wrap .cont-section.section05 .section-inner .inner-list03 {height:62.2rem;margin-bottom:0}

.campaign-wrap .cont-section.section06 {height:99.9rem;background-image:url(../images/section06-bg.jpg)}
.campaign-wrap .cont-section.section06 .section-inner {padding-top:12.5rem}
.campaign-wrap .cont-section.section06 .section-inner h4 {width:82.3rem;height:12.8rem;margin:auto;margin-bottom:3.5rem;filter:drop-shadow(0 0 5.4rem rgba(0,0,0,0.5))}
.campaign-wrap .cont-section.section06 .section-inner > a {display:flex;align-items:center;width:56.9rem;height:17.5rem;margin:auto;position:relative}
.campaign-wrap .cont-section.section06 .section-inner > a > .btn-umbrella {display:block;width:18.2rem;height:17.5rem;background-image:url(../images/section06-btn-umbrella.png);background-repeat:no-repeat;background-position:center center;background-size:contain;position:absolute;top:0;left:0;animation:scale 1.2s ease-in-out infinite alternate;will-change:transform}
.campaign-wrap .cont-section.section06 .section-inner > a > .btn-txt {display:flex;align-items:center;width:44.4rem;height:9.9rem;padding-left:8.4rem;margin-left:12.5rem;background-color:#009465;border-radius:4.265rem;color:#fff;font-weight:700;font-size:3.8rem;line-height:5.3rem;letter-spacing:-0.025em}
.campaign-wrap .cont-section.section06 .section-inner > a > .btn-arrow {display:block;width:8.2rem;height:2.8rem;background-image:url(../images/section06-btn-arrow.png);background-repeat:no-repeat;background-position:center center;background-size:contain;position:absolute;top:7.3rem;right:4rem;animation:float 1.2s ease-in-out infinite alternate}

@keyframes scale {
  from {transform:scale(1)}
  to   {transform:scale(1.2)}
}

@keyframes float {
  from {transform:translateX(0)}
  to   {transform:translateX(2rem)}
}

.campaign-wrap .cont-section.section07 {background-color:#fff;padding:12.6rem 0 21.7rem 0}
.campaign-wrap .cont-section.section07 .section-inner h4 {width:84.9rem;height:5.4rem;margin:auto;margin-bottom:2.7rem}
.campaign-wrap .cont-section.section07 .section-inner > p {font-size:2.7rem;line-height:3.9rem;letter-spacing:-0.05em;color:#949494;text-align:center}
.campaign-wrap .cont-section.section07 .section-inner > p > strong {font-weight:700}
.campaign-wrap .cont-section.section07 .section-inner .tab-menu {margin-top:5rem}
.campaign-wrap .cont-section.section07 .section-inner .tab-menu > ul {display:flex;gap:3.4rem;justify-content:center;position:relative;height:5rem}
.campaign-wrap .cont-section.section07 .section-inner .tab-menu > ul > li {width:18.4rem}
.campaign-wrap .cont-section.section07 .section-inner .tab-menu > ul > li a {display:flex;align-items:center;justify-content:center;font-weight:600;font-size:2rem;line-height:2.7rem;letter-spacing:-0.025em;color:#fff;width:100%;height:100%;background-image:url(../images/section07-tabBg.png);background-repeat:no-repeat;background-position:center center;background-size:contain;transition:all 0.3s}
.campaign-wrap .cont-section.section07 .section-inner .tab-menu > ul > li.on a {background-image:url(../images/section07-tabBg-on.png)}
.campaign-wrap .cont-section.section07 .section-inner .tab-menu > ul > li.on a > span {display:inline-block;filter:drop-shadow(0 0 0.3rem rgba(6,91,73,0.5))}
.campaign-wrap .cont-section.section07 .section-inner .tab-menu .content {display:none;width:100%;margin-top:5rem}
.campaign-wrap .cont-section.section07 .section-inner .tab-menu .content .tab-cont-inner > ul {display:flex;justify-content:space-between;gap:3.3rem}
.campaign-wrap .cont-section.section07 .section-inner .tab-menu .content .tab-cont-inner > ul > li {width:100%;height:100%;position:relative}
.campaign-wrap .cont-section.section07 .section-inner .tab-menu .content .tab-cont-inner > ul > li > a {display:block;width:16.3rem;height:7.4rem;position:absolute;bottom:6rem;left:2.6rem}
.campaign-wrap .cont-section.section07 .section-inner .tab-menu .content.on{display:block}

.campaign-wrap .cont-section.section-message {min-height:273rem;background-image:url(../images/section-message-bg.jpg);background-size:contain;background-color:#005b49}
.campaign-wrap .cont-section.section-message .section-inner {padding:17.1rem 0}
.campaign-wrap .cont-section.section-message .section-inner .inner-message-list h4 {width:51.5rem;height:9.7rem;margin:auto;margin-bottom:1.9rem;filter:drop-shadow(0 0 2.5rem rgba(41,115,89,0.8))}
.campaign-wrap .cont-section.section-message .section-inner .inner-message-list .message {margin-top:3rem}
.campaign-wrap .cont-section.section-message .section-inner .inner-message-list .message > ul {display:flex;justify-content:flex-start;gap:11rem;width:113.7rem;margin:auto}
.campaign-wrap .cont-section.section-message .section-inner .inner-message-list .message > ul > li {width:30.8rem;height:19.5rem;background-image:url(../images/section-message-umbrella-bgRight.png);background-repeat:no-repeat;background-position:center top;background-size:contain;position:relative}
.campaign-wrap .cont-section.section-message .section-inner .inner-message-list .message > ul > li:nth-child(1) {height:20.1rem;background-image:url(../images/section-message-umbrella-bgLeft.png);margin-top:3rem}
.campaign-wrap .cont-section.section-message .section-inner .inner-message-list .message > ul > li:nth-child(2) {margin-top:12.5rem}
.campaign-wrap .cont-section.section-message .section-inner .inner-message-list .message > ul > li::after {content:'';display:block;width:19rem;height:6.4rem;background-image:url(../images/section-message-umbrella-deco.png);background-repeat:no-repeat;background-position:center center;background-size:contain;position:absolute;bottom:-5rem;left:16%}
.campaign-wrap .cont-section.section-message .section-inner .inner-message-list .message > ul > li:nth-child(1)::after {left:23%}
.campaign-wrap .cont-section.section-message .section-inner .inner-message-list .message > ul > li > .message-box {width:17rem;height:9.5rem;font-size:1.8rem;line-height:3.2rem;font-weight:600;color:#007963;letter-spacing:-0.025em;margin:auto;margin-top:1.2rem;word-break:break-all;text-align:center;overflow-y:auto;scrollbar-color:#119c82 transparent;scrollbar-width:thin}

.campaign-wrap .cont-section.section-message .section-inner .inner-message-list .cp1222-pagination .paging .page-direct > img,
.campaign-wrap .cont-section.section-message .section-inner .inner-message-list .cp1222-pagination .paging .page_direct.page_prev > img,
.campaign-wrap .cont-section.section-message .section-inner .inner-message-list .cp1222-pagination .paging .page_direct.page_next > img {display:none}
.campaign-wrap .cont-section.section-message .section-inner .inner-message-list .cp1222-pagination .paging .page-direct:first-child::before {content:'';display:block;width:3.4rem;height:3.4rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='32' width='32' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath fill='%2399d0bd' d='M105.4 297.4C92.9 309.9 92.9 330.2 105.4 342.7L265.4 502.7C277.9 515.2 298.2 515.2 310.7 502.7C323.2 490.2 323.2 469.9 310.7 457.4L173.3 320L310.6 182.6C323.1 170.1 323.1 149.8 310.6 137.3C298.1 124.8 277.8 124.8 265.3 137.3L105.3 297.3zM457.4 137.4L297.4 297.4C284.9 309.9 284.9 330.2 297.4 342.7L457.4 502.7C469.9 515.2 490.2 515.2 502.7 502.7C515.2 490.2 515.2 469.9 502.7 457.4L365.3 320L502.6 182.6C515.1 170.1 515.1 149.8 502.6 137.3C490.1 124.8 469.8 124.8 457.3 137.3z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center center;background-size:contain}
.campaign-wrap .cont-section.section-message .section-inner .inner-message-list .cp1222-pagination .paging .page_direct.page_prev::before {content:'';display:block;width:3.4rem;height:3.4rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='32' width='32' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath fill='%2399d0bd' d='M201.4 297.4C188.9 309.9 188.9 330.2 201.4 342.7L361.4 502.7C373.9 515.2 394.2 515.2 406.7 502.7C419.2 490.2 419.2 469.9 406.7 457.4L269.3 320L406.6 182.6C419.1 170.1 419.1 149.8 406.6 137.3C394.1 124.8 373.8 124.8 361.3 137.3L201.3 297.3z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center center;background-size:contain}
.campaign-wrap .cont-section.section-message .section-inner .inner-message-list .cp1222-pagination .paging .page_direct.page_next::before {content:'';display:block;width:3.4rem;height:3.4rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='32' width='32' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath fill='%2399d0bd' d='M439.1 297.4C451.6 309.9 451.6 330.2 439.1 342.7L279.1 502.7C266.6 515.2 246.3 515.2 233.8 502.7C221.3 490.2 221.3 469.9 233.8 457.4L371.2 320L233.9 182.6C221.4 170.1 221.4 149.8 233.9 137.3C246.4 124.8 266.7 124.8 279.2 137.3L439.2 297.3z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center center;background-size:contain}
.campaign-wrap .cont-section.section-message .section-inner .inner-message-list .cp1222-pagination .paging .page-direct:last-child::before {content:'';display:block;width:3.4rem;height:3.4rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='32' width='32' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath fill='%2399d0bd' d='M535.1 342.6C547.6 330.1 547.6 309.8 535.1 297.3L375.1 137.3C362.6 124.8 342.3 124.8 329.8 137.3C317.3 149.8 317.3 170.1 329.8 182.6L467.2 320L329.9 457.4C317.4 469.9 317.4 490.2 329.9 502.7C342.4 515.2 362.7 515.2 375.2 502.7L535.2 342.7zM183.1 502.6L343.1 342.6C355.6 330.1 355.6 309.8 343.1 297.3L183.1 137.3C170.6 124.8 150.3 124.8 137.8 137.3C125.3 149.8 125.3 170.1 137.8 182.6L275.2 320L137.9 457.4C125.4 469.9 125.4 490.2 137.9 502.7C150.4 515.2 170.7 515.2 183.2 502.7z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center center;background-size:contain}
.campaign-wrap .cont-section.section-message .section-inner .inner-message-list .cp1222-pagination .paging a {font-size:1.6rem;line-height:1.8rem;color:#017a63}
.campaign-wrap .cont-section.section-message .section-inner .inner-message-list .cp1222-pagination .paging a.page-now {color:#fff;border-bottom:0}

.campaign-wrap .cont-section.section-message .section-inner .inner-message-write {margin-top:15rem}
.campaign-wrap .cont-section.section-message .section-inner .inner-message-write h4 {width:68.8rem;height:9.7rem;margin:auto;margin-bottom:2rem;filter:drop-shadow(0 0 2.5rem rgba(41,115,89,0.8))}
.campaign-wrap .cont-section.section-message .section-inner .inner-message-write .txt-sub {font-weight:500;font-size:1.8rem;line-height:2.1rem;letter-spacing:-0.04em;color:#cacbca;text-align:center}
.campaign-wrap .cont-section.section-message .section-inner .inner-message-write .write-box {width:47.3rem;height:19rem;margin:auto;margin-top:3.5rem;background-image:url(../images/section-message-write-bg.png);background-repeat:no-repeat;background-position:center center;background-size:contain;filter:drop-shadow(0 0 2.5rem rgba(41,115,89,0.8));display:flex;justify-content:center;position:relative;z-index:9}
.campaign-wrap .cont-section.section-message .section-inner .inner-message-write .write-box textarea {border:0;width:21rem;height:11rem;margin-top:5.5rem;font-size:1.7rem;line-height:2.5rem;color:#828282}
.campaign-wrap .cont-section.section-message .section-inner .inner-message-write .write-box button {width:12.6rem;height:4rem;background-color:#6ab199;border-radius:1rem;font-weight:500;font-size:2rem;color:#fff;position:absolute;bottom:-1.9rem;left:50%;transform:translateX(-50%)}
.campaign-wrap .cont-section.section-message .section-inner .inner-message-write .messageSwiper {width:47.3rem;margin:auto}
.campaign-wrap .cont-section.section-message .section-inner .inner-message-write .messageSwiper .messageSwiper-button-next,
.campaign-wrap .cont-section.section-message .section-inner .inner-message-write .messageSwiper .messageSwiper-button-prev {width:3.6rem;height:3.6rem;background-position:center top;background-repeat:no-repeat;background-size:contain;top:initial;bottom:0}
.campaign-wrap .cont-section.section-message .section-inner .inner-message-write .messageSwiper .messageSwiper-button-next {background-image:url(../images/section-message-slide-next.png);right:5.2rem}
.campaign-wrap .cont-section.section-message .section-inner .inner-message-write .messageSwiper .messageSwiper-button-prev {background-image:url(../images/section-message-slide-prev.png);left:5.2rem}
.campaign-wrap .cont-section.section-message .section-inner .inner-gift-info {width:141.4rem;margin:auto;margin-top:14rem}
.campaign-wrap .cont-section.section-message .section-inner .inner-gift-info .gift-box {width:100%;height:179rem;margin:auto;background-image:url(../images/section-message-giftBox-img.png);background-repeat:no-repeat;background-position:center center;background-size:contain;position:relative}
/*.campaign-wrap .cont-section.section-message .section-inner .inner-gift-info .gift-box .box-inner {padding:7.3rem 0;text-align:center}
.campaign-wrap .cont-section.section-message .section-inner .inner-gift-info .gift-box .box-inner h4 {width:42.5rem;height:9.7rem;margin:auto;margin-bottom:2rem}
.campaign-wrap .cont-section.section-message .section-inner .inner-gift-info .gift-box .box-inner .txt-sub {font-weight:500;font-size:1.8rem;line-height:2.1rem;letter-spacing:-0.04em;color:#017a63;text-align:center}
.campaign-wrap .cont-section.section-message .section-inner .inner-gift-info .gift-box .box-inner .img-gift {height:35.4rem;margin-top:3.2rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between}
.campaign-wrap .cont-section.section-message .section-inner .inner-gift-info .gift-box .box-inner .img-gift .txt-img01 {width:39.5rem;height:5.5rem}
.campaign-wrap .cont-section.section-message .section-inner .inner-gift-info .gift-box .box-inner .img-gift .txt-img02 {width:46.2rem;height:5.4rem}*/
.campaign-wrap .cont-section.section-message .section-inner .inner-gift-info .gift-box .sns-list {position:absolute;bottom:15.9rem;left:49rem}
.campaign-wrap .cont-section.section-message .section-inner .inner-gift-info .gift-box .sns-list > ul {display:flex;align-items:center;justify-content:center;gap:4.5rem}
.campaign-wrap .cont-section.section-message .section-inner .inner-gift-info .gift-box .sns-list > ul > li {width:12.3rem;height:12.3rem}
.campaign-wrap .cont-section.section-message .section-inner .inner-gift-info .gift-event-info {margin-top:4.3rem;margin-left:3rem;font-weight:500;font-size:1.6rem;line-height:2.6rem;color:#b3b3b3;letter-spacing:-0.025em}
.campaign-wrap .cont-section.section-message .section-inner .inner-gift-info .gift-event-info h5 {font-weight:500;font-size:1.6rem}


/* 노트북 배율 스타일 지우지 말 것 */
@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%}    
}