@charset "UTF-8";
@import url(https://hangeul.pstatic.net/hangeul_static/css/NanumSonPyeonJiCe.css);

@font-face {
    font-family:'NexonFootballGothic';
    src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXONFootballGothicLA1.woff') format('woff');
    font-weight:300;
    font-display:swap;
}
@font-face {
    font-family:'NexonFootballGothic';
    src:url('https://gcore.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXONFootballGothicBA1.woff') format('woff');
    font-weight:700;
    font-display:swap;
}
@font-face {
  font-family:'Paperlogy';
  font-weight:700;
  font-style:normal;
  font-display:swap;
  src:url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-7Bold.woff2') format('woff2'),
      url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-7Bold.woff') format('woff'),
      url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-7Bold.otf') format('opentype'),
      url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-7Bold.ttf') format('truetype');
}

body::after {
	position:absolute; 
    width:0; 
    height:0; 
    overflow:hidden; 
    z-index:-1;  
    content:
   	url(../images/popup-bg.jpg)
	url(../images/popup-preview-bg.png);
}

html {font-size:62.5%}

.wrap-camp {letter-spacing:-0.01em}
.campaign-wrap {position:relative;width:192rem;margin:auto;font-family:'Pretendard';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:auto;margin:auto}

.sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}

.campaign-wrap .cont-section.section01 {height:60rem}
.campaign-wrap .cont-section.section01 .section-inner {width:128rem;padding-top:7rem}
.campaign-wrap .cont-section.section01 .section-inner .star-tag {margin-bottom:1.5rem}
.campaign-wrap .cont-section.section01 .section-inner .star-tag > ul {display:flex;gap:1rem}
.campaign-wrap .cont-section.section01 .section-inner .star-tag > ul > li > span {display:inline-block;padding:0.2rem 2rem;font-weight:500;font-size:2rem;line-height:150%;color:#01694C;background-color:#fff;border-radius:10rem}
.campaign-wrap .cont-section.section01 .section-inner h3 {font-family:'NexonFootballGothic';font-weight:700;font-size:5rem;line-height:135%;letter-spacing:-0.01em;color:#fff;margin-bottom:4rem}
.campaign-wrap .cont-section.section01 .section-inner .star-comment {font-family:'NanumSonPyeonJiCe';font-size:4rem;line-height:130%;letter-spacing:initial;color:#fff}

.campaign-wrap .cont-section.section02 {min-height:101.3rem;height:100%;background-color:#F4F4F4}
.campaign-wrap .cont-section.section02 .section-inner {width:128rem;padding-top:9.9rem}
.campaign-wrap .cont-section.section02 .section-inner .star-history {width:78rem}
.campaign-wrap .cont-section.section02 .section-inner .star-history h4 {font-weight:800;font-size:4rem;line-height:140%;color:#000;margin-bottom:6rem}
.campaign-wrap .cont-section.section02 .section-inner .star-history .camp-txt {font-weight:400;font-size:2rem;line-height:140%;color:#000;display:flex;flex-direction:column;gap:2rem}
.campaign-wrap .cont-section.section02 .section-inner .star-history .star-point-txt {width:70rem;height:10rem;display:flex;align-items:center;justify-content:center;text-align:center;background-color:#01694C;color:#FAFAFA;font-weight:700;font-size:1.8rem;line-height:140%;margin-top:8.55rem}
.campaign-wrap .cont-section.section02 .section-inner .with-challenge {width:42rem;height:auto;background-color:#fff;border-radius:5rem;padding:4rem;filter:drop-shadow(0.4rem 0.4rem 0.8rem rgba(0,0,0,0.1));position:absolute;top:-12rem;right:0}
.campaign-wrap .cont-section.section02 .section-inner .with-challenge h5 {font-weight:800;font-size:2.6rem;line-height:140%;color:#01694C;text-align:center;margin-bottom:2.5rem}
.campaign-wrap .cont-section.section02 .section-inner .with-challenge h5 > span {display:inline-block;border-bottom:0.1rem solid #01694C}
.campaign-wrap .cont-section.section02 .section-inner .with-challenge h6 {font-weight:700;font-size:2.4rem;line-height:140%;color:#131313;margin-bottom:0.5rem;display:flex;align-items:center;justify-content:center;gap:0.5rem}
.campaign-wrap .cont-section.section02 .section-inner .with-challenge h6::before {content:'';display:block;width:2.1rem;height:2.1rem;background-image:url(../images/aside-icon-ball.png);background-repeat:no-repeat;background-position:center center;background-size:contain}
.campaign-wrap .cont-section.section02 .section-inner .with-challenge .challenge-txt {text-align:center;font-weight:400;font-size:1.8rem;line-height:140%;color:#000}
.campaign-wrap .cont-section.section02 .section-inner .with-challenge .challenge-progress {margin-top:3rem}
.campaign-wrap .cont-section.section02 .section-inner .with-challenge .challenge-progress .progress-wrap {display:flex;flex-direction:column;gap:0.3rem}
.campaign-wrap .cont-section.section02 .section-inner .with-challenge .challenge-progress .progress-wrap .progress-info {display:flex;align-items:flex-end;justify-content:space-between;font-weight:700;font-size:1.8rem;line-height:140%;color:#000}
.campaign-wrap .cont-section.section02 .section-inner .with-challenge .challenge-progress .progress-wrap .progress-info .progress-text {font-size:3rem;color:#01694C}
.campaign-wrap .cont-section.section02 .section-inner .with-challenge .challenge-progress .progress-wrap .progress-track {width:100%;height:3rem;background:#EAEAEA;border-radius:99.9rem;overflow:hidden}
.campaign-wrap .cont-section.section02 .section-inner .with-challenge .challenge-progress .progress-wrap .progress-track .progress-bar {width:0;height:100%;border-radius:99.9rem;background:linear-gradient(270deg, #0D9E76 0%, #083B69 100%);transition:width 0.4s ease}
.campaign-wrap .cont-section.section02 .section-inner .with-challenge > ul {margin:3rem 0}
.campaign-wrap .cont-section.section02 .section-inner .with-challenge > ul > li:nth-child(1) {border-bottom:0.1rem solid #EAEAEA;margin-bottom:0.6rem;padding-bottom:0.5rem}
.campaign-wrap .cont-section.section02 .section-inner .with-challenge > ul > li {font-weight:400;font-size:1.8rem;line-height:140%;color:#000;display:flex;align-items:center;justify-content:space-between}
.campaign-wrap .cont-section.section02 .section-inner .with-challenge > ul > li strong {font-weight:700}
.campaign-wrap .cont-section.section02 .section-inner .with-challenge .remain-box {width:34rem;height:7rem;background-color:#EAEAEA;border-radius:1rem;display:flex;justify-content:space-between;align-items:center;padding:0px 4rem;font-weight:400;font-size:2.6rem;line-height:140%}
.campaign-wrap .cont-section.section02 .section-inner .with-challenge .remain-box > .day {font-weight:800;color:#01694C}
.campaign-wrap .cont-section.section02 .section-inner .with-challenge .support-box {margin-top:4rem}
.campaign-wrap .cont-section.section02 .section-inner .with-challenge .support-box > h6 {font-weight:700;font-size:1.8rem;line-height:140%;color:#131313;margin-bottom:2rem}
.campaign-wrap .cont-section.section02 .section-inner .with-challenge .support-box > h6::before {display:none}
.campaign-wrap .cont-section.section02 .section-inner .with-challenge .support-box > ul {display:flex;flex-direction:column;gap:0.9rem}
.campaign-wrap .cont-section.section02 .section-inner .with-challenge .support-box > ul > li {position:relative}
.campaign-wrap .cont-section.section02 .section-inner .with-challenge .support-box > ul > li > label {width:100%;height:8rem;display:flex;align-items:center;justify-content:flex-start;gap:1.5rem;border-radius:1rem;background-color:#F4F4F4;color:#01694C;padding:0 2rem;cursor:pointer;transition:all 0.3s}
.campaign-wrap .cont-section.section02 .section-inner .with-challenge .support-box > ul > li > label > span {display:flex;flex-direction:column;font-weight:800;font-size:2.6rem;line-height:140%}
.campaign-wrap .cont-section.section02 .section-inner .with-challenge .support-box > ul > li > label > span:nth-child(2) {line-height:initial}
.campaign-wrap .cont-section.section02 .section-inner .with-challenge .support-box > ul > li > label > span > strong {font-weight:700;font-size:1.4rem;line-height:140%}
.campaign-wrap .cont-section.section02 .section-inner .with-challenge .support-box > ul > li > label > span > em {font-weight:400;font-size:1.4rem;line-height:140%}
.campaign-wrap .cont-section.section02 .section-inner .with-challenge .support-box > ul > li > label:hover,
.campaign-wrap .cont-section.section02 .section-inner .with-challenge .support-box > ul > li > input[type="radio"]:checked + label {background-color:#01694C;color:#F0EBE1}
.campaign-wrap .cont-section.section02 .section-inner .with-challenge .support-box .support-info {margin-top:0.9rem;text-align:center;font-weight:400;font-size:1.2rem;line-height:140%;color:#90B089}
.campaign-wrap .cont-section.section02 .section-inner .with-challenge .support-box .camp-btn-challenge {margin-top:4rem}
.campaign-wrap .cont-section.section02 .section-inner .with-challenge .support-box .camp-btn-challenge > a {width:100%;height:8rem;border-radius:10rem;background-color:#01694C;color:#fff;display:flex;align-items:center;justify-content:center;transition:all 0.3s}
.campaign-wrap .cont-section.section02 .section-inner .with-challenge .support-box .camp-btn-challenge > a:hover {background-color:#131313}
.campaign-wrap .cont-section.section02 .section-inner .with-challenge .support-box .camp-btn-challenge > a > span {font-family:'Paperlogy';font-weight:700;font-size:3rem;line-height:140%}
.campaign-wrap .cont-section.section02 .section-inner .with-challenge .support-box .camp-txt-small {margin-top:1rem;text-align:center;font-weight:400;font-size:1.2rem;line-height:140%;color:#7c7c7c}

html.scroll-lock,
body.scroll-lock {overflow:hidden;touch-action:none}

.popup-main {position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:none;align-items:center;justify-content:center;background:#fff}
.popup-main.active {display:flex}
.popup-main .popup-main-inner {position:relative;z-index:1;width:100%;height:100%;background-image:url(../images/popup-bg.jpg);background-repeat:no-repeat;background-position:center bottom;background-size:contain;display:flex;align-items:center;justify-content:center}
.popup-main .popup-main-inner .inner-cont {width:100rem}
.popup-main .popup-main-inner .inner-cont .popup-main-title {width:100%;display:flex;align-items:center;justify-content:center;gap:4.3rem}
.popup-main .popup-main-inner .inner-cont .popup-main-title::before,
.popup-main .popup-main-inner .inner-cont .popup-main-title::after {content:'';display:block;width:27.9rem;height:0.2rem;background-color:#000}
.popup-main .popup-main-inner .inner-cont .popup-main-title > span {display:flex;flex-direction:column;gap:0.5rem;font-family:'NexonFootballGothic';font-weight:700;font-size:5rem;line-height:135%;letter-spacing:-0.01em;color:#000;text-align:center}
.popup-main .popup-main-inner .inner-cont .popup-main-title > span > em {font-family:inherit;font-weight:400;font-size:2.6rem;line-height:140%;letter-spacing:-0.02em}
.popup-main .popup-main-inner .inner-cont .message-write-box {width:100%;height:44.8rem;background-repeat:no-repeat;background-position:center top;background-size:contain;margin-top:3.5rem;padding:4rem 6rem 3rem;display:flex;gap:6rem}
.popup-main .popup-main-inner .inner-cont .message-write-box .box-left {width:21rem;height:37.8rem;position:relative}
.popup-main .popup-main-inner .inner-cont .message-write-box .box-left .popup-main-logo {width:17.5rem;height:4rem;margin-bottom:2rem;margin-top:1rem}
.popup-main .popup-main-inner .inner-cont .message-write-box .box-left .popup-main-starTag {display:flex;gap:1rem}
.popup-main .popup-main-inner .inner-cont .message-write-box .box-left .popup-main-starTag > li > span {display:inline-block;padding:0.2rem 2rem;background-color:#fff;font-weight:700;font-size:1.8rem;line-height:140%;color:#01694C;border-radius:10rem}
.popup-main .popup-main-inner .inner-cont .message-write-box .box-left .popup-main-txt {font-family:'NexonFootballGothic';font-weight:700;font-size:3rem;line-height:135%;letter-spacing:-0.01em;color:#fff;position:absolute;bottom:8rem;left:0}
.popup-main .popup-main-inner .inner-cont .message-write-box .box-right {width:36.6rem;height:37.8rem;background-color:#fff;padding:1.5rem 1rem 1rem;border-radius:2rem}
.popup-main .popup-main-inner .inner-cont .message-write-box .box-right .message-form .form-inner textarea {border:0;display:block;width:32.6rem;height:20.5rem;margin:auto;font-weight:400;font-size:1.8rem;line-height:140%;color:#000}
.popup-main .popup-main-inner .inner-cont .message-write-box .box-right .message-form .form-inner textarea::placeholder {color:#000}
.popup-main .popup-main-inner .inner-cont .message-write-box .box-right .message-form .form-inner .popup-main-btn {margin-top:2.3rem;display:flex;flex-direction:column;gap:0.5rem}
.popup-main .popup-main-inner .inner-cont .message-write-box .box-right .message-form .form-inner .popup-main-btn button,
.popup-main .popup-main-inner .inner-cont .message-write-box .box-right .message-form .form-inner .popup-main-btn a {display:flex;align-items:center;justify-content:center;width:100%;height:6rem;background-color:#023D2C;color:#fff;border-radius:1rem;transition:all 0.3s}
.popup-main .popup-main-inner .inner-cont .message-write-box .box-right .message-form .form-inner .popup-main-btn button:hover,
.popup-main .popup-main-inner .inner-cont .message-write-box .box-right .message-form .form-inner .popup-main-btn a:hover {background-color:#0D9E76}
.popup-main .popup-main-inner .inner-cont .message-write-box .box-right .message-form .form-inner .popup-main-btn span {display:flex;align-items:center;justify-content:center;gap:1rem;font-weight:700;font-size:2.4rem;line-height:140%}
.popup-main .popup-main-inner .inner-cont .message-write-box .box-right .message-form .form-inner .popup-main-btn span::after {content:'';display:block;width:2.3rem;height:2.1rem;background-image:url('data:image/svg+xml,<svg viewBox="0 0 23 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.2875 19.1003L21 10.1003L11.2875 1.10034M21 10.1003H0" stroke="white" stroke-width="3" stroke-linejoin="bevel"/></svg>');background-repeat:no-repeat;background-position:center center;background-size:contain}
.popup-main .popup-main-inner .btn-close-main {width:5.6rem;height:5.6rem;background-image:url('data:image/svg+xml,<svg viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="28" cy="28" r="27" stroke="gray" stroke-width="2"/><path d="M17 17L38.5 38.5M38.5 17L17 38.5" stroke="gray" stroke-width="2" stroke-linecap="round"/></svg>');position:absolute;top:2.5rem;right:2.5rem}
.popup-main .sub-popup-wrap {position:absolute;inset:0;z-index:10;display:none;align-items:center;justify-content:center}
.popup-main .sub-popup-wrap.active {display:flex}
.popup-main .sub-popup-wrap .sub-dim {position:absolute;inset:0;background:rgba(0, 0, 0, 0.6);backdrop-filter:blur(0.4rem);-webkit-backdrop-filter:blur(0.4rem)}
.popup-main .sub-popup-wrap .sub-popup {position:relative;z-index:1;width:48rem}
.popup-main .sub-popup-wrap .sub-popup .popup-sub-inner {width:100%}
.popup-main .sub-popup-wrap .sub-popup .popup-sub-inner .message-preview {width:100%;height:62.4rem;background-image:url(../images/popup-preview-bg.png);background-repeat:no-repeat;background-position:center top;background-size:contain;padding:3.2rem 4rem 0;position:relative;border-radius:0.8rem}
.popup-main .sub-popup-wrap .sub-popup .popup-sub-inner .message-preview .popup-sub-logo {width:10.5rem;height:2.4rem;margin-bottom:3.2rem}
.popup-main .sub-popup-wrap .sub-popup .popup-sub-inner .message-preview > .message-info {display:flex;align-items:center;gap:0.56rem;margin-bottom:0.8rem}
.popup-main .sub-popup-wrap .sub-popup .popup-sub-inner .message-preview > .message-info .list-area {display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:50%;background-color:#000;color:#fff;font-family:'NexonFootballGothic';font-weight:300;font-size:1.6rem;line-height:100%}
.popup-main .sub-popup-wrap .sub-popup .popup-sub-inner .message-preview > .message-info .name {font-weight:400;font-size:2.4rem;line-height:140%;color:#000}
.popup-main .sub-popup-wrap .sub-popup .popup-sub-inner .message-preview > .donation-amount {font-weight:700;font-size:2.88rem;line-height:150%;color:#01694C}
.popup-main .sub-popup-wrap .sub-popup .popup-sub-inner .message-preview > .message-txt {margin-top:16.2rem;width:100%;height:19.2rem;font-weight:400;font-size:1.92rem;line-height:140%;color:#000;overflow:hidden}
.popup-main .sub-popup-wrap .sub-popup .popup-sub-inner .message-preview > .date {font-weight:400;font-size:1.92rem;line-height:140%;color:#000;position:absolute;bottom:4rem;right:4rem}
.popup-main .sub-popup-wrap .sub-popup .popup-sub-inner > ul {margin-top:1rem;display:flex;gap:1rem}
.popup-main .sub-popup-wrap .sub-popup .popup-sub-inner > ul > li > a {display:flex;align-items:center;justify-content:center;width:23.5rem;height:10rem;border-radius:1rem;background-color:#0D9E76;color:#fff}
.popup-main .sub-popup-wrap .sub-popup .popup-sub-inner > ul > li > a > span {display:flex;align-items:center;justify-content:center;gap:4.5rem;font-weight:700;font-size:2.4rem;line-height:140%;color:#fff}
.popup-main .sub-popup-wrap .sub-popup .popup-sub-inner > ul > li:nth-child(2) > a > span {gap:1.4rem}
.popup-main .sub-popup-wrap .sub-popup .popup-sub-inner > ul > li > a > span::after {content:'';display:block;width:3rem;height:2.7rem;background-image:url('data:image/svg+xml,<svg viewBox="0 0 30 27" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.05 25.1003L28 13.1003L15.05 1.10034M28 13.1003H0" stroke="white" stroke-width="3" stroke-linejoin="bevel"/></svg>');background-repeat:no-repeat;background-position:center center;background-size:contain}
.popup-main .sub-popup-wrap .sub-popup .btn-close-sub {width:5.6rem;height:5.6rem;background-image:url('data:image/svg+xml,<svg viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="28" cy="28" r="27" stroke="white" stroke-width="2"/><path d="M17 17L38.5 38.5M38.5 17L17 38.5" stroke="white" stroke-width="2" stroke-linecap="round"/></svg>');position:absolute;top:0;right:-7.6rem}

.campaign-wrap .cont-section.section03 {background-color:#fff}
.campaign-wrap .cont-section.section03 .section-inner {width:120rem;padding:10rem 0}
.campaign-wrap .cont-section.section03 .section-inner .inner-top {padding-bottom:5rem;margin-bottom:5rem;border-bottom:0.2rem solid #EAEAEA}
.campaign-wrap .cont-section.section03 .section-inner .inner-top > div {width:97rem;margin:auto;display:flex;align-items:center;justify-content:space-between}
.campaign-wrap .cont-section.section03 .section-inner .inner-top > div .top-left h4 {font-weight:400;font-size:4rem;line-height:140%;color:#000;margin-bottom:1rem}
.campaign-wrap .cont-section.section03 .section-inner .inner-top > div .top-left > p {font-weight:800;font-size:3rem;line-height:140%;color:#01694C}
.campaign-wrap .cont-section.section03 .section-inner .inner-top > div .top-right > ul {display:flex;gap:1rem;margin-bottom:2.5rem}
.campaign-wrap .cont-section.section03 .section-inner .inner-top > div .top-right > ul > li > span {display:inline-block;padding:1.5rem 2rem;border-radius:1rem;background-color:#0D9E76;color:#fff;font-weight:800;font-size:2.6rem;line-height:140%;color:#fff}
.campaign-wrap .cont-section.section03 .section-inner .inner-top > div .top-right > p {font-weight:400;font-size:2.4rem;line-height:140%;color:#01694C}
.campaign-wrap .cont-section.section03 .section-inner .inner-bottom h4 {font-weight:600;font-size:4rem;line-height:140%;color:#000;margin-bottom:3rem;text-align:center}
.campaign-wrap .cont-section.section03 .section-inner .inner-bottom ul {width:109rem;margin:auto;display:flex;justify-content:space-between}
.campaign-wrap .cont-section.section03 .section-inner .inner-bottom ul > li {width:35rem;height:32rem;background-color:#F0F0F0;border-radius:3rem;display:flex;align-items:center;justify-content:center;padding:3rem}
.campaign-wrap .cont-section.section03 .section-inner .inner-bottom ul > li .list-inner {text-align:center;width:100%}
.campaign-wrap .cont-section.section03 .section-inner .inner-bottom ul > li .list-inner h5 {font-weight:800;font-size:3rem;line-height:140%;color:#01694C;margin-bottom:0.5rem}
.campaign-wrap .cont-section.section03 .section-inner .inner-bottom ul > li .list-inner h5::before {content:'';display:block;width:6rem;height:6rem;margin:auto;margin-bottom:2.2rem;background-repeat:no-repeat;background-position:center center;background-size:contain}
.campaign-wrap .cont-section.section03 .section-inner .inner-bottom ul > li .list-inner .camp-txt-sub {font-weight:500;font-size:2rem;line-height:150%;color:#000}
.campaign-wrap .cont-section.section03 .section-inner .inner-bottom ul > li .list-inner .camp-txt-small {margin-top:1.5rem;padding-top:1.5rem;border-top:0.1rem solid #0D9E76;font-weight:500;font-size:1.8rem;line-height:150%;color:#0D9E76;letter-spacing:-0.04em}
.campaign-wrap .cont-section.section03 .section-inner .inner-bottom .camp-txt-source {width:109rem;margin:auto;margin-top:1.5rem;text-align:right;font-weight:400;font-size:1.6rem;line-height:140%;color:#7c7c7c}

.campaign-wrap .cont-section.section04 {height:279.6rem;background-image:url(../images/section04-bg.jpg)}
.campaign-wrap .cont-section.section04 .section-inner {width:128rem;padding:10rem 0}
.campaign-wrap .cont-section.section04 .section-inner h4 {font-family:'NexonFootballGothic';font-weight:700;font-size:5rem;line-height:135%;letter-spacing:-0.01em;color:#fff;margin-bottom:6rem;text-align:center}
.campaign-wrap .cont-section.section04 .section-inner .participation-guide h5 {width:127.8rem;height:10rem;margin:auto;margin-bottom:4rem;background-image:url('data:image/svg+xml,<svg width="1278" height="100" viewBox="0 0 1278 100" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M32.6316 0H1278L1245.37 100H0L32.6316 0Z" fill="%23023D2C"/><path d="M32.6316 0H340L307.368 100H0L32.6316 0Z" fill="white"/></svg>');background-repeat:no-repeat;background-position:center center;background-size:contain;display:flex;align-items:center;justify-content:center}
.campaign-wrap .cont-section.section04 .section-inner .participation-guide h5 > span {display:flex;align-items:center;justify-content:center;width:34rem;height:100%;font-family:'NexonFootballGothic';font-weight:700;font-size:5rem;line-height:135%;letter-spacing:-0.01em;color:#023D2C}
.campaign-wrap .cont-section.section04 .section-inner .participation-guide h5 > .guide-txt {display:flex;align-items:center;justify-content:center;width:93.8rem;height:100%;font-family:'Pretendard';font-weight:800;font-size:4rem;line-height:140%;letter-spacing:-0.02em;color:#fff}
.campaign-wrap .cont-section.section04 .section-inner .participation-guide h5 > .guide-txt > em {display:block;width:3.5rem;height:3rem;background-image:url('data:image/svg+xml,<svg width="37" height="34" viewBox="0 0 37 34" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.8125 31.8337L35 16.8337L18.8125 1.83374M35 16.8337H0" stroke="white" stroke-width="5" stroke-linejoin="bevel"/></svg>');background-repeat:no-repeat;background-position:center center;margin:0 5rem}
.campaign-wrap .cont-section.section04 .section-inner .participation-guide.guide01 {margin-bottom:12rem}
.campaign-wrap .cont-section.section04 .section-inner .participation-guide.guide01 .camp-txt {text-align:center;font-weight:800;font-size:3rem;line-height:140%;color:#fff}
.campaign-wrap .cont-section.section04 .section-inner .participation-guide.guide01 .message-donation-list {width:100%;margin-top:6rem}
.campaign-wrap .cont-section.section04 .section-inner .participation-guide.guide01 .message-donation-list > ul {display:flex;flex-wrap:wrap;justify-content:flex-start;row-gap:4rem;column-gap:2rem;margin-bottom:4rem}
.campaign-wrap .cont-section.section04 .section-inner .participation-guide.guide01 .message-donation-list > ul > li {width:30.5rem;height:45.3rem;background-image:url(../images/section04-messageBox-bg.png);background-repeat:no-repeat;background-position:center center;background-size:cover;border-radius:1rem;padding:3rem;position:relative}
.campaign-wrap .cont-section.section04 .section-inner .participation-guide.guide01 .message-donation-list > ul > li .message-info {display:flex;align-items:center;gap:0.7rem;margin-bottom:1rem}
.campaign-wrap .cont-section.section04 .section-inner .participation-guide.guide01 .message-donation-list > ul > li .message-info .list-area {display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border-radius:50%;background-color:#000;color:#fff;font-family:'NexonFootballGothic';font-weight:300;font-size:1.5rem;line-height:100%}
.campaign-wrap .cont-section.section04 .section-inner .participation-guide.guide01 .message-donation-list > ul > li .message-info .name {font-weight:400;font-size:2.4rem;line-height:140%;color:#000}
.campaign-wrap .cont-section.section04 .section-inner .participation-guide.guide01 .message-donation-list > ul > li .donation-amount {font-weight:700;font-size:2.6rem;line-height:150%;color:#01694C;margin-bottom:1rem}
.campaign-wrap .cont-section.section04 .section-inner .participation-guide.guide01 .message-donation-list > ul > li .message-txt {font-weight:400;font-size:1.8rem;line-height:140%;color:#000;height:27.3rem;overflow:hidden}
.campaign-wrap .cont-section.section04 .section-inner .participation-guide.guide01 .message-donation-list > ul > li .date {font-weight:400;font-size:1.6rem;line-height:140%;color:#000;position:absolute;bottom:1.5rem;right:3rem}
.campaign-wrap .cont-section.section04 .section-inner .participation-guide.guide02 .guide-banner {width:100%;height:30rem;border-radius:3rem;background-image:url(../images/section04-banner-bg.png);background-repeat:no-repeat;background-position:center center;background-size:cover;display:flex;align-items:center;margin-bottom:6rem}
.campaign-wrap .cont-section.section04 .section-inner .participation-guide.guide02 .guide-banner .banner-inner {padding-left:8rem}
.campaign-wrap .cont-section.section04 .section-inner .participation-guide.guide02 .guide-banner .banner-inner h6 {font-weight:800;font-size:4rem;line-height:140%;color:#000;margin-bottom:1rem}
.campaign-wrap .cont-section.section04 .section-inner .participation-guide.guide02 .guide-banner .banner-inner p {font-weight:400;font-size:1.6rem;line-height:140%;color:#90B089}
.campaign-wrap .cont-section.section04 .section-inner .participation-guide.guide02 .comment-box {display:flex;justify-content:space-between;gap:6rem}
.campaign-wrap .cont-section.section04 .section-inner .participation-guide.guide02 .comment-box .comment-form .form-inner {width:52.2rem;border-radius:2rem;overflow:hidden;filter:drop-shadow(0.3rem 0.4rem 0.8rem rgba(0,0,0,0.25))}
.campaign-wrap .cont-section.section04 .section-inner .participation-guide.guide02 .comment-box .comment-form .form-inner textarea {width:100%;height:40rem;padding:3rem;background-image:url(../images/section04-messageWrite-bg.png);background-repeat:no-repeat;background-position:center top;background-size:cover;font-weight:400;font-size:1.8rem;line-height:140%;color:#000;border:0}
.campaign-wrap .cont-section.section04 .section-inner .participation-guide.guide02 .comment-box .comment-form .form-inner textarea::placeholder {color:#000}
.campaign-wrap .cont-section.section04 .section-inner .participation-guide.guide02 .comment-box .comment-form .form-inner button {width:100%;height:9rem;background-color:#023D2C;color:#fff;font-weight:700;font-size:2.4rem;line-height:140%;transition:all 0.3s}
.campaign-wrap .cont-section.section04 .section-inner .participation-guide.guide02 .comment-box .comment-form .form-inner button:hover {background-color:#131313}
.campaign-wrap .cont-section.section04 .section-inner .participation-guide.guide02 .comment-box .comment-form .form-inner button > span {width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:1rem}
.campaign-wrap .cont-section.section04 .section-inner .participation-guide.guide02 .comment-box .comment-form .form-inner button > span::after {content:'';display:block;width:2.3rem;height:2.1rem;background-image:url(../images/section04-messageWrite-arrow.png);background-repeat:no-repeat;background-position:center center;background-size:contain;margin-top:0.2rem}
.campaign-wrap .cont-section.section04 .section-inner .participation-guide.guide02 .comment-box .comment-form > p {text-align:center;margin-top:2rem;font-weight:400;font-size:1.6rem;line-height:140%;color:#90B089}
.campaign-wrap .cont-section.section04 .section-inner .participation-guide.guide02 .comment-box .comment-list {width:69.8rem}
.campaign-wrap .cont-section.section04 .section-inner .participation-guide.guide02 .comment-box .comment-list > ul {display:flex;flex-direction:column;gap:3rem}
.campaign-wrap .cont-section.section04 .section-inner .participation-guide.guide02 .comment-box .comment-list > ul > li {width:100%;height:16rem;padding:2.4rem 2.5rem;border-radius:0 4rem 0 4rem;background-color:#fff;filter:drop-shadow(0.3rem 0.4rem 0.8rem rgba(0,0,0,0.25))}
.campaign-wrap .cont-section.section04 .section-inner .participation-guide.guide02 .comment-box .comment-list > ul > li .comment-txt {font-weight:400;font-size:1.8rem;line-height:140%;color:000;margin-bottom:0.7rem}
.campaign-wrap .cont-section.section04 .section-inner .participation-guide.guide02 .comment-box .comment-list > ul > li .comment-name {font-weight:500;font-size:2rem;line-height:150%;color:000}

.camp-sub-fixed-banner {position:fixed;bottom:5rem;right:5rem;width:28.6rem;height:10rem;background:linear-gradient(114.54deg, #FFFFFF 2.62%, #F4F4F4 89.64%);border-radius:1.5rem;filter:drop-shadow(0.2rem 0.2rem 0.6rem rgba(0, 0, 0, 0.25));display:flex;align-items:center;justify-content:center;gap:2rem;padding:0.9rem;opacity:0;transition:all 0.3s}
.camp-sub-fixed-banner.active {opacity:1}
.camp-sub-fixed-banner .banner-left {display:flex;flex-direction:column;text-align:center;font-weight:400;font-size:1.8rem;line-height:140%;color:#A79F8D;margin-left:1.8rem}
.camp-sub-fixed-banner .banner-left > p + p {font-weight:700;font-size:3.6rem;line-height:140%;color:#01694C;margin-top:-0.5rem}
.camp-sub-fixed-banner .banner-right {width:15.3rem;height:100%;border-radius:1rem;overflow:hidden}
.camp-sub-fixed-banner .banner-right > a {display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:#01694C;color:#fff;transition:all 0.3s}
.camp-sub-fixed-banner .banner-right > a:hover {background-color:#131313}
.camp-sub-fixed-banner .banner-right > a > span {display:flex;align-items:center;justify-content:center;gap:1rem;font-family:'Paperlogy';font-weight:700;font-size:2.4rem;line-height:130%}
.camp-sub-fixed-banner .banner-right > a > span::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.2125 18.0781L19 9.57812L10.2125 1.07812M19 9.57812H0" stroke="white" stroke-width="3" stroke-linejoin="bevel"/></svg>');background-repeat:no-repeat;background-position:center center;background-size:contain;margin-top:3rem}

.cp-1487-paging .paging a img,
.cp-1487-paging .paging a:first-child,
.cp-1487-paging .paging a:last-child {display:none}
.cp-1487-paging .paging .page_direct.page_prev,
.cp-1487-paging .paging .page_direct.page_next {content:'';display:block;width:1.2rem;height:1.5rem;background-repeat:no-repeat;background-position:center center;background-size:contain}
.cp-1487-paging .paging .page_direct.page_prev {background-image:url('data:image/svg+xml,<svg viewBox="0 0 12 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.44534 6.30101L9.64257 0.169523C10.3071 -0.273513 11.1973 0.202878 11.1973 1.00157V13.2645C11.1973 14.0632 10.3071 14.5396 9.64257 14.0966L0.445341 7.96511C-0.148392 7.56928 -0.148393 6.69683 0.44534 6.30101Z" fill="white"/></svg>');margin-right:0.5rem}
.cp-1487-paging .paging .page_direct.page_next {background-image:url('data:image/svg+xml,<svg width="12" height="15" viewBox="0 0 12 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.7519 6.30101L1.5547 0.169523C0.890145 -0.273513 0 0.202878 0 1.00157V13.2645C0 14.0632 0.890144 14.5396 1.5547 14.0966L10.7519 7.96511C11.3457 7.56929 11.3457 6.69683 10.7519 6.30101Z" fill="white"/></svg>');margin-left:0.5rem}
.cp-1487-paging .paging {display:flex;align-items:center;justify-content:center;gap:1rem}
.cp-1487-paging .paging a {font-weight:400;font-size:1.8rem;line-height:140%;color:#fff;margin:0}
.cp-1487-paging .paging a.page-now {width:2.5rem;height:2.5rem;background-color:#fff;border-radius:10rem;color:#03513B;border-bottom:0}

.cp-1497-paging .paging a img,
.cp-1497-paging .paging a:first-child,
.cp-1497-paging .paging a:last-child {display:none}
.cp-1497-paging .paging .page_direct.page_prev,
.cp-1497-paging .paging .page_direct.page_next {content:'';display:block;width:1.2rem;height:1.5rem;background-repeat:no-repeat;background-position:center center;background-size:contain}
.cp-1497-paging .paging .page_direct.page_prev {background-image:url('data:image/svg+xml,<svg viewBox="0 0 12 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.44534 6.30101L9.64257 0.169523C10.3071 -0.273513 11.1973 0.202878 11.1973 1.00157V13.2645C11.1973 14.0632 10.3071 14.5396 9.64257 14.0966L0.445341 7.96511C-0.148392 7.56928 -0.148393 6.69683 0.44534 6.30101Z" fill="white"/></svg>');margin-right:0.5rem}
.cp-1497-paging .paging .page_direct.page_next {background-image:url('data:image/svg+xml,<svg width="12" height="15" viewBox="0 0 12 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.7519 6.30101L1.5547 0.169523C0.890145 -0.273513 0 0.202878 0 1.00157V13.2645C0 14.0632 0.890144 14.5396 1.5547 14.0966L10.7519 7.96511C11.3457 7.56929 11.3457 6.69683 10.7519 6.30101Z" fill="white"/></svg>');margin-left:0.5rem}
.cp-1497-paging .paging {display:flex;align-items:center;justify-content:center;gap:1rem}
.cp-1497-paging .paging a {font-weight:400;font-size:1.8rem;line-height:140%;color:#fff;margin:0}
.cp-1497-paging .paging a.page-now {width:2.5rem;height:2.5rem;background-color:#fff;border-radius:10rem;color:#03513B;border-bottom:0}


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