@charset "UTF-8";

body::after {
	position:absolute; 
    width:0; 
    height:0; 
    overflow:hidden; 
    z-index:-1;  
    content:
   	url(../images/section02-idol01-selected.png)
   	url(../images/section02-idol02-selected.png)
   	url(../images/section02-idol03-selected.png)
   	url(../images/section02-idol04-selected.png);
}

@font-face {
  font-family:'Paperlogy';
  font-weight:600;
  font-style:normal;
  font-display:swap;
  src: url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-6SemiBold.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-6SemiBold.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-6SemiBold.otf') format('opentype'),
        url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-6SemiBold.ttf') format('truetype');
}

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.02em}
.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}

.campaign-wrap .cont-section.section01 {height:126.5rem;background-image:url(../images/section01-bg.jpg)}
.campaign-wrap .cont-section.section01 .section-inner {padding-top:11.7rem;text-align:center}
.campaign-wrap .cont-section.section01 .section-inner h3 {width:55.7rem;height:67.1rem;margin:auto;margin-bottom:4.7rem}
.campaign-wrap .cont-section.section01 .section-inner .camp-txt-box > p {font-family:'Paperlogy';font-weight:600;font-size:3.6rem;line-height:140%;color:#fff}
.campaign-wrap .cont-section.section01 .section-inner .camp-txt-box .box-inner {width:61rem;height:29.7rem;margin:auto;margin-top:0.8rem;background-image:url(../images/section01-txt-box.png);background-repeat:no-repeat;background-position:center top;background-size:cover;filter:drop-shadow(0 0.1rem 0.8rem rgba(0,0,0,0.25))}
.campaign-wrap .cont-section.section01 .section-inner .camp-txt-box .box-inner > p {font-weight:400;font-size:3rem;line-height:140%;letter-spacing:-0.04em;color:#1e1e1e;padding-top:10.3rem}

.campaign-wrap .cont-section.section02 {min-height:143rem;background-image:url(../images/section02-bg.jpg);background-position:center bottom;background-size:cover}
.campaign-wrap .cont-section.section02 .section-inner {padding:10rem 0 12rem;width:144rem}
.campaign-wrap .cont-section.section02 .section-inner h4 {width:72rem;height:14rem;margin:auto;margin-bottom:6rem}
.campaign-wrap .cont-section.section02 .section-inner .camp-txt-box {text-align:center;filter:drop-shadow(0 0 0.4rem rgba(0,0,0,0.25));color:#fff}
.campaign-wrap .cont-section.section02 .section-inner .camp-txt-box > h5 {display:flex;align-items:center;justify-content:center;gap:1rem;font-weight:600;font-size:3.6rem;line-height:140%;letter-spacing:-0.03em}
.campaign-wrap .cont-section.section02 .section-inner .camp-txt-box > h5::before,
.campaign-wrap .cont-section.section02 .section-inner .camp-txt-box > h5::after {content:'';display:block;width:2.1rem;height:2rem;background-image:url('data:image/svg+xml,<svg viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.4609 0L13.7584 6.46141L20.9226 7.60081L15.7964 12.7336L16.9266 19.8992L10.4609 16.61L3.9953 19.8992L5.12551 12.7336L-0.000683784 7.60081L7.16346 6.46141L10.4609 0Z" fill="white"/></svg>');background-repeat:no-repeat;background-position:center center;background-size:contain}
.campaign-wrap .cont-section.section02 .section-inner .camp-txt-box > p {font-weight:400;font-size:3rem;line-height:160%;letter-spacing:-0.03em}
.campaign-wrap .cont-section.section02 .section-inner > ul {display:flex;gap:0.9rem;align-items:center;justify-content:space-between;margin-top:6rem}
.campaign-wrap .cont-section.section02 .section-inner > ul > li {position:relative;width:35.4rem;height:39.2rem}
.campaign-wrap .cont-section.section02 .section-inner > ul > li > label {display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:contain;cursor:pointer;transition:all 0.3s}
.campaign-wrap .cont-section.section02 .section-inner > ul > li > input[id=idol01] + label {background-image:url(../images/section02-idol01.png)}
.campaign-wrap .cont-section.section02 .section-inner > ul > li > input[id=idol02] + label {background-image:url(../images/section02-idol02.png)}
.campaign-wrap .cont-section.section02 .section-inner > ul > li > input[id=idol03] + label {background-image:url(../images/section02-idol03.png)}
.campaign-wrap .cont-section.section02 .section-inner > ul > li > input[id=idol04] + label {background-image:url(../images/section02-idol04.png)}
.campaign-wrap .cont-section.section02 .section-inner > ul > li > input[id=idol01]:checked + label {background-image:url(../images/section02-idol01-selected.png)}
.campaign-wrap .cont-section.section02 .section-inner > ul > li > input[id=idol02]:checked + label {background-image:url(../images/section02-idol02-selected.png)}
.campaign-wrap .cont-section.section02 .section-inner > ul > li > input[id=idol03]:checked + label {background-image:url(../images/section02-idol03-selected.png)}
.campaign-wrap .cont-section.section02 .section-inner > ul > li > input[id=idol04]:checked + label {background-image:url(../images/section02-idol04-selected.png)}
.campaign-wrap .cont-section.section02 .section-inner > .camp-btn-box {width:92rem;margin:auto;margin-top:6rem}
.campaign-wrap .cont-section.section02 .section-inner > .camp-btn-box > ul {display:flex;align-items:center;justify-content:space-between;gap:2rem}
.campaign-wrap .cont-section.section02 .section-inner > .camp-btn-box > ul > li {width:45rem;height:13rem}
.campaign-wrap .cont-section.section02 .section-inner > .camp-btn-box > ul > li > a {display:flex;width:100%;height:100%;align-items:center;justify-content:center;border-radius:2rem;color:#fff}
.campaign-wrap .cont-section.section02 .section-inner > .camp-btn-box > ul > li:nth-child(1) > a {background-color:#ED8E9E}
.campaign-wrap .cont-section.section02 .section-inner > .camp-btn-box > ul > li:nth-child(2) > a {background-color:#00A54E}
.campaign-wrap .cont-section.section02 .section-inner > .camp-btn-box > ul > li > a > span {display:flex;align-items:center;justify-content:space-between;width:39rem;height:8.4rem;font-weight:600;font-size:3rem;line-height:140%;letter-spacing:-0.03em}
.campaign-wrap .cont-section.section02 .section-inner > .camp-btn-box > ul > li > a > span::after {content:'';display:block;width:5.4rem;height:5.4rem;background-repeat:no-repeat;background-position:center center;background-size:contain;background-image:url('data:image/svg+xml,<svg viewBox="0 0 54 54" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="27" cy="27" r="25.5" stroke="white" stroke-width="3"/><path d="M29.5 37L39.5 27L29.5 17M39.5 27H14" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>')}
.campaign-wrap .cont-section.section02 .section-inner > .camp-btn-box .overseas-guide {margin-top:2rem}
.campaign-wrap .cont-section.section02 .section-inner > .camp-btn-box .overseas-guide .overseasGuide-accordion-inner {background-color:#fff;padding:2rem 5.2rem;border-radius:2rem}
.campaign-wrap .cont-section.section02 .section-inner > .camp-btn-box .overseas-guide .overseasGuide-accordion-inner .guide-toggle {display:flex;align-items:center;justify-content:space-between;cursor:pointer}
.campaign-wrap .cont-section.section02 .section-inner > .camp-btn-box .overseas-guide .overseasGuide-accordion-inner .guide-toggle > span {display:flex;align-items:center;justify-content:center;gap:1rem;font-weight:600;font-size:2.8rem;line-height:140%;letter-spacing:-0.03em;color:#00A54E}
.campaign-wrap .cont-section.section02 .section-inner > .camp-btn-box .overseas-guide .overseasGuide-accordion-inner .guide-toggle > span::before {content:'';display:block;width:2.8rem;height:2.8rem;background-repeat:no-repeat;background-position:center center;background-size:contain;background-image:url('data:image/svg+xml,<svg viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="14" cy="14" r="13" stroke="%2300A54E" stroke-width="2"/><path d="M13.2081 11.2637H15.7919V22H13.2081V11.2637ZM14.5072 9.73299C14.2344 9.73299 13.9809 9.67241 13.7464 9.55126C13.5167 9.4301 13.3349 9.26468 13.201 9.05499C13.067 8.84529 13 8.61696 13 8.36999C13 8.11836 13.067 7.8877 13.201 7.67801C13.3349 7.46831 13.5167 7.30289 13.7464 7.18173C13.9809 7.06058 14.2344 7 14.5072 7C14.7751 7 15.0215 7.06291 15.2464 7.18872C15.4761 7.30988 15.6579 7.4753 15.7919 7.68499C15.9306 7.89469 16 8.12302 16 8.36999C16 8.61696 15.9306 8.84529 15.7919 9.05499C15.6579 9.26468 15.4761 9.4301 15.2464 9.55126C15.0215 9.67241 14.7751 9.73299 14.5072 9.73299Z" fill="%2300A54E"/></svg>')}
.campaign-wrap .cont-section.section02 .section-inner > .camp-btn-box .overseas-guide .overseasGuide-accordion-inner .guide-toggle::after {content:'';display:block;width:2.3rem;height:2.5rem;background-image:url('data:image/svg+xml,<svg viewBox="0 0 23 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.5 13L11.5 23L21.5 13M11.5 23L11.5 1.5" stroke="%2300A54E" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>');background-repeat:no-repeat;background-position:center center;background-size:contain}
.campaign-wrap .cont-section.section02 .section-inner > .camp-btn-box .overseas-guide .overseasGuide-accordion-inner .guide-toggle.active::after {transform:rotate(180deg)}
.campaign-wrap .cont-section.section02 .section-inner > .camp-btn-box .overseas-guide .overseasGuide-accordion-inner .guide-content {display:none;padding-top:2rem;margin-top:2rem;border-top:0.15rem solid #00A54E;font-size:2.4rem;line-height:140%;letter-spacing:-0.03em}
.campaign-wrap .cont-section.section02 .section-inner > .camp-btn-box .overseas-guide .overseasGuide-accordion-inner .guide-content ul {display:flex;flex-direction:column;gap:2.5rem}
.campaign-wrap .cont-section.section02 .section-inner > .camp-btn-box .overseas-guide .overseasGuide-accordion-inner .guide-content ul li {position:relative;padding-left:2.8rem;word-break:keep-all}
.campaign-wrap .cont-section.section02 .section-inner > .camp-btn-box .overseas-guide .overseasGuide-accordion-inner .guide-content ul li::before {content:'';display:block;width:0.6rem;height:0.6rem;background-color:#1e1e1e;position:absolute;top:1.5rem;left:1rem;border-radius:50%}
.campaign-wrap .cont-section.section02 .section-inner > .camp-btn-box .overseas-guide .overseasGuide-accordion-inner .guide-content ul li > strong {font-weight:700}
.campaign-wrap .cont-section.section02 .section-inner > .camp-btn-box .overseas-guide .overseasGuide-accordion-inner .guide-content ul li .txt-small {font-weight:300;font-size:1.8rem;line-height:140%;margin-top:2rem}
.campaign-wrap .cont-section.section02 .section-inner > .camp-txt-box-bottom {margin-top:6rem;text-align:center;filter:drop-shadow(0px 0px 1rem rgba(21, 114, 65, 0.7))}
.campaign-wrap .cont-section.section02 .section-inner > .camp-txt-box-bottom > p {font-weight:400;font-size:3rem;line-height:160%;letter-spacing:-0.03em;color:#fff}
.campaign-wrap .cont-section.section02 .section-inner > .camp-txt-box-bottom > p::before {content:'';display:block;width:8rem;height:2rem;margin:auto;margin-bottom:0.6rem;background-repeat:no-repeat;background-position:center center;background-size:contain;background-image:url('data:image/svg+xml,<svg width="80" height="20" viewBox="0 0 80 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 0L12.9977 5.87401L19.5106 6.90983L14.8504 11.576L15.8779 18.0902L10 15.1L4.12215 18.0902L5.14961 11.576L0.489435 6.90983L7.0023 5.87401L10 0Z" fill="white"/><path d="M40 0L42.9977 5.87401L49.5106 6.90983L44.8504 11.576L45.8779 18.0902L40 15.1L34.1221 18.0902L35.1496 11.576L30.4894 6.90983L37.0023 5.87401L40 0Z" fill="white"/><path d="M70 0L72.9977 5.87401L79.5106 6.90983L74.8504 11.576L75.8779 18.0902L70 15.1L64.1221 18.0902L65.1496 11.576L60.4894 6.90983L67.0023 5.87401L70 0Z" fill="white"/></svg>')}
.campaign-wrap .cont-section.section02 .section-inner > .camp-txt-box-bottom > p > strong {font-weight:700;text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:auto;text-underline-offset:15%}

.campaign-wrap .cont-section.section03 {height:158.7rem;background-image:url(../images/section03-bg.jpg)}
.campaign-wrap .cont-section.section03 .section-inner {width:100%;height:100%;padding:3rem}
.campaign-wrap .cont-section.section03 .section-inner .lucky-box-info {width:75.6rem;height:62.1rem;margin:auto}
.campaign-wrap .cont-section.section03 .section-inner .lucky-box-list {width:111.5rem;height:66.8rem;position:absolute;left:50%;transform:translateX(-50%);bottom:11.8rem}



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