@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@font-face {font-family: 'NexonMaplestory'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/MaplestoryOTFLight.woff') format('woff'); font-weight: 300; font-display: swap;}
@font-face {font-family: 'NexonMaplestory'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/MaplestoryOTFBold.woff') format('woff'); font-weight: 700; font-display: swap;}

:root {
  /* 컬러 */
  --color-primary-1:#005BAC;
  --color-primary-2:#4A90D9;
  --color-primary-3:#D6E4F7;
  --color-primary-4:#F5F7FA;
  --color-black:#000;
  --color-white:#FFF;
  --color-neutral-800:#000;
  --color-neutral-700:#6D6D6D;
  --color-neutral-600:#8E8E8E;
  --color-neutral-500:#ACACAC;
  --color-neutral-300:#F5F5F5;
  --color-line-1:#E3E3E3;
  /* 폰트 */
  --font-pre : 'pretendard';
  --font-maple: 'NexonMaplestory';
  /* 트랜지션 */
  --trans-base:all .3s ease;
  /* 레이아웃 */
  --container:120rem;
  --container-inner:140rem;
  /* 섹션 패딩 */
  --sec-pt:8rem;
  --sec-pb:8rem;
}

p, dd, li{word-break: keep-all !important;}
img{shape-rendering: crispEdges; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}

/* 해시 앵커 – 고정 헤더 높이만큼 오프셋 */
#goodSycling section[id] { scroll-margin-top: 80px; }

/* quick */
#goodSycling .quick_btn {position: fixed; right: 40px; top: 30%; z-index: 900; filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25)); transform-origin: center center; /* opacity: 0; pointer-events: none; transition: opacity 0.4s ease; */}
/* #goodSycling .quick_btn.is-visible {opacity: 1; pointer-events: auto;} */
#goodSycling .quick_btn:hover{transform: rotate(8deg);}
#goodSycling .quick_btn a {display: block; position: relative;}
#goodSycling .quick_btn .img {width: 140px; position: absolute; left: 50%; transform: translateX(-50%); top: -77.75px;}
#goodSycling .quick_btn .txt {padding: 42px 18px 25px; border-radius: 10px; background: #FFF; font-size: 22px; letter-spacing: -1px; font-weight: 700; line-height: 125%; display: block; text-align: center;}

/* visual */
#goodSycling .visual{position:relative;width:100%;height:920px;min-height:calc(100svh - 80px);overflow:hidden;margin-top:80px;}
#goodSycling .visual .scroll_down{width: 72px; bottom: 12%; left: 50%; transform: translateX(-50%); position: absolute; z-index: 5;}
#goodSycling .visual .scroll_down img{width: 100%;}
#goodSycling .visual_bg {position:absolute; inset:0;}
#goodSycling .visual_bg img {width:100%; height:100%; object-fit:cover;}
#goodSycling .visual_item {position:absolute; z-index: 2;}
#goodSycling .visual_item .bubble{filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.25)); position: absolute; bottom: 110%; left: 20%; animation:floatUp 2s ease-in-out infinite;}
#goodSycling .visual_item .bubble .txt{font-size: 20px; line-height: 145%; padding: 10px 20px; border-radius: 10px; background: #FFF; display: inline-block; white-space: nowrap;}
#goodSycling .visual_item .bubble .tail{position: absolute; bottom: -11px; left: 33px;}
#goodSycling .visual_item .bubble.small{filter: none;}
#goodSycling .visual_item .bubble.small .txt{padding: 8px 15px; font-size: 16px;}
#goodSycling .visual_item .bubble.small .tail{bottom: -9px; left: 41px;}
#goodSycling .visual_item.item02 .bubble{left: -20%; animation:floatUp 1.8s 0.25s ease-in-out infinite;}
#goodSycling .visual_item.item03 .bubble{left: -10%; bottom: 120%; animation:floatUp 2.2s ease-in-out infinite;}
#goodSycling .visual_item.item04 .bubble{left: 15%; bottom: 120%; animation:floatUp 1.8s 0.25s ease-in-out infinite;}
#goodSycling .visual_item.item05 .bubble{left: -30%; bottom: 130%; animation:floatUp 2.1s 0.45s ease-in-out infinite;}
#goodSycling .visual_item.item06 .bubble{left: -20%; bottom: 120%; animation:floatUp 2.2s ease-in-out infinite;}
#goodSycling .visual_item.item08 .bubble{left: -20%; bottom: 120%; animation:floatUp 1.8s ease-in-out infinite;}
@keyframes floatUp {
  0%,100% {transform:translateY(0);}
  50% {transform:translateY(-10px);}
}
#goodSycling .visual_tit {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); text-align:center; z-index:2;}
#goodSycling .visual_tit .tit{width: 589px;}
#goodSycling .visual_tit p{margin-top: 20px; font-family: var(--font-maple); font-size: 30px; font-weight: 300; line-height: 140%; color: #222;}
#goodSycling .visual_tit p span{color: #FFF; position: relative;}
#goodSycling .visual_tit p span::before{content: ''; display: block; width: 124px; aspect-ratio: 124/41; background: url(/campaign/goodcycling2026/images/visual/vis_txt_bg.svg) no-repeat center / contain; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1;}

/* sec1 */
.sec1{position:absolute;inset:0;z-index:10;background:transparent;padding:0;min-height:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.sec1_bg{display:none;}
.sec1_bg_img{display:none;}
.sec1_cont{position:relative;z-index:2;width:100%;}
.sec1_tit{text-align:center;display:flex;flex-direction:column;align-items:center;gap:40px;margin-bottom:46px;}
.sec1_tit img{width: 758px;}
.sec1_tit_sub{font-family:var(--font-pretendard);font-size:24px;font-weight:400;line-height:1.33;color:#222;}
.sec1_cards{display:flex;gap:17px;justify-content:center;flex-wrap:nowrap;padding-bottom:0;}
.sec1_card{position:relative;flex:0 0 338px;perspective:1000px;}
.sec1_card_flipper{width:338px;height:420px;transform-style:preserve-3d;transition:transform 0.6s cubic-bezier(0.4,0,0.2,1);position:relative;filter:drop-shadow(2px 4px 5px rgba(0,0,0,0.15));}
.sec1_card_flipper.is-flipped{transform:rotateY(180deg);}
.sec1_card_flipper.is-flipped ~ .sec1_card_click{opacity:0;pointer-events:none;}
.sec1_card_btn{display:flex;flex-direction:column;align-items:center;width:338px;height:420px;background:#fff;border-radius:40px;border:0.9px solid #D7D7D7;padding:0;position:absolute;inset:0;backface-visibility:hidden;overflow:visible;cursor:pointer;}
.sec1_card_btn::after{content:'';position:absolute;inset:8px;border-radius:35.9px;border:2px dashed #D7D7D7;pointer-events:none;}
.sec1_card_img{flex:1;display:flex;align-items:center;justify-content:center;padding-top:40px;}
.sec1_card_img img{object-fit:contain;max-height:250px;transition:transform 0.3s ease;}
.sec1_card_btn:hover .sec1_card_img img{transform:scale(1.08);}
.sec1_card_back{position:absolute;inset:0;border-radius:40px;background:#005BAC;backface-visibility:visible;transform:rotateY(180deg);display:flex;align-items:center;justify-content:center;padding:30px;opacity:0;z-index:10;transition:opacity 0.25s ease 0.3s;}
.sec1_card_back .img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: -1;}
.sec1_card .img1{width: 188px;}
.sec1_card .img2{width: 174px;}
.sec1_card .img3{width: 220px;}
.sec1_card .img4{width: 161.673px;}
.sec1_card_flipper.is-flipped .sec1_card_back{opacity:1;transition:opacity 0.25s ease 0.3s;}
.sec1_card_back::after{content:'';position:absolute;inset:8px;border-radius:35.9px;border:1.8px dashed rgba(255,255,255,0.5);pointer-events:none;}
.sec1_card_back_txt{font-family:var(--font-maple);font-size:20px;font-weight:300;line-height:1.5;color:#fff;text-align:center;}
.sec1_card_name{position:relative;width:260px;height:62px;display:flex;align-items:center;justify-content:center;margin-bottom:31px;font-family:var(--font-maple);font-size:23px;font-weight:300;line-height:1.4;color:var(--color-black);text-align:center;z-index:1;}
.sec1_card_name .txt{position: relative; z-index: 1;}
.sec1_card_stck{position:absolute;inset:0;background:url('/img/gs2026/sec01_stck.svg') no-repeat center/contain;z-index:0;}
#cursor_div{position: fixed; left: 0; top: 0; pointer-events: none; z-index:1000;}
.cursor{display:flex; justify-content:center; align-items:center; flex-direction: column;  width: 0; height: 0; border-radius:50%; background:rgba(74,144,217,0.85); transition:all 0.3s; transform: translate(-50%, -50%); backdrop-filter:blur(3px);}
.cursor span{font-size: 0; font-family:var(--font-maple); font-weight:300; color:#fff;text-align:center; transition:all 0.3s;}
.cursor.on{width:85px;height:85px;}
.cursor.on span{font-size: 18px;}


/* sec2 */
.sec2{position:relative;z-index:1;min-height:1184px;padding:80px 0 58px;overflow:hidden;background:url(/img/gs2026/sec2_bg.png) no-repeat center top / cover; margin-top: -60px;}
.sec2::before{content: ''; display: block; }
/* .sec2_bg img{position: absolute;}
.sec2_bg .bg{width: 100%; top: 60px;}
.sec2_bg .deco1{left: 149px; top: 469px;}
.sec2_bg .deco2{left: 349px; top: 619px;}
.sec2_bg .deco3{right: 217px; top: 619px;} */
.sec2_talk{position:absolute; left:50%; top:136px; transform:translateX(-50%); width: 972.775px; height: 547.494px; z-index: 5;}
.sec2_talk div{position: absolute;}
.sec2_talk div:hover{animation:floatUp 0.8s ease-in-out infinite;}
.sec2_talk .bb1{z-index: 3; right: 0; top: 0; width: 591px;}
.sec2_talk .bb2{z-index: 2; left: 0; top: 226px; width: 662px;}
.sec2_talk .bb3{z-index: 1; bottom: 0; right: 49px; width: 466px;}
.sec2_talk div img{width: 100%;}
.sec2_tit{position:relative;z-index:2;text-align:center;padding-top:700px;display:flex;flex-direction:column;align-items:center;gap:60px; width: fit-content; margin: 0 auto; position: relative;}
.sec2_tit::after{content: ''; display: block; width: 100px; aspect-ratio: 61/62; background: url(/img/gs2026/sec2_arrow.svg) no-repeat center / contain; position: absolute; right: -20px; bottom: 25px; transform-origin: center center; animation: moveRotate infinite .85s steps(2);}
@keyframes moveRotate {
    to {transform: rotate(15deg);}
    from {transform: rotate(0deg);}
}
.sec2_tit_main{font-family:var(--font-maple); font-size:50px;font-weight:700;line-height:1.4;color:#222;text-align:center;}
.sec2_tit_main span{font-size: 65px; position: relative;}
.sec2_tit_main span::before,
.sec2_tit_main span::after{display: block; content: ''; position: absolute; left: -74px; top: 0; width: 40px; aspect-ratio: 32/31; background: url(/img/gs2026/sec2_quot01.svg) no-repeat center / contain;}
.sec2_tit_main span::after{left: initial !important; right: -67px; aspect-ratio: 39.94/34.48; background-image: url(/img/gs2026/sec2_quot02.svg);}
.sec2_tit_mark{position: relative; color:#222; background: none;}
.sec2_tit_mark::before{content: ''; display: block; width: 0; height: 64px; background:#FFCB40; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: -1; transition: width 0.7s 0.5s;}
.sec2_tit_main.aos-animate .sec2_tit_mark::before{width: 100%;}
.sec2_btn{display:block;background:var(--color1);border-bottom:4px solid #1A3F7A;color:#fff;font-family:var(--font-maple);font-size:26px;font-weight:300;height:85px;padding:0 50px;border-radius:100px;transition:var(--trans-base);}
.sec2_btn_ico{width:28px;}
.gs_btn{display: inline-block; overflow:hidden;position:relative; height: 85px; padding: 0 50px; font-size: 26px; font-weight: 300; font-family: var(--font-maple); color: #FFF; background: var(--color1); border-bottom: 4px solid #1A3F7A; border-radius: 100px;}
.gs_btn .flex-jc{gap:20px; height: 100%; position: relative; z-index: 2;}
.gs_btn:before {content: ""; position: absolute; top: -50%; left: -25%; width: 150%; height: 200%; background-color: #0073BF; z-index: 0; border-radius: 50% 50% 45% 45%; -webkit-transform: translate3d(0, 76%, 0); transform: translate3d(0, 76%, 0);} 
.gs_btn.mouse-in:before {animation: btn-hover .7s cubic-bezier(.215,.61,.355,1) forwards;}
.gs_btn.mouse-out:before {animation: btn-out .5s cubic-bezier(.215,.61,.355,1) forwards;}
.gs_btn img{width: 28px;}
@keyframes btn-hover {
    0% { -webkit-transform: translate3d(0,76%,0); transform: translate3d(0,76%,0) }
    to { -webkit-transform: translate3d(0,0%,0); transform: translateZ(0) }
}
@-webkit-keyframes btn-out {
    0% { -webkit-transform: translate3d(0,0,0); transform: translateZ(0) }
    to { -webkit-transform: translate3d(0,-76%,0); transform: translate3d(0,-76%,0) }
}

/* sec3 */
.sec3{position:relative;padding:var(--sec-pt) 0 0;overflow:hidden;min-height:1595px; background: url(/img/gs2026/sec3_bg.png) no-repeat center bottom / cover;}
.sec3_box{z-index:2;width:1200px;height:650px;border-radius:40px;overflow:hidden;background-color:#081B29;box-shadow:0 8px 32px rgba(0,0,0,0.12);position:absolute;left:50%;top:842px;transform:translateX(-50%);border:2px solid #000;transition:background-color 0.6s ease;}
.sec3_box::after{content:'';position:absolute;inset:0;border-radius:40px;border:1px solid rgba(0,91,172,0.15);pointer-events:none;}
.sec3_box .start{position:absolute;inset:0;z-index:11;}
.sec3_box .start img{width:100%;height:100%;object-fit:cover;display:block;}
.sec3_box .start_tit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:60px;text-align:center;}
.sec3_box .start_tit h2{font-size:60px;font-weight:700;line-height:140%;font-family:var(--font-maple);}
.sec3_box .start_tit button{display:inline-flex;height:85px;padding:0 50px;justify-content:center;align-items:center;gap:20px;font-size:26px;color:#FFF;font-weight:300;font-family:var(--font-maple);border:none;background:var(--color-primary-1);border-radius:100px;border-bottom:4px solid #1A3F7A;cursor:pointer;}
.sec3_box .start_tit button img{width:28px; height: auto; object-fit: initial;}
.sec3_stepbar{position:relative;z-index:10;display:flex;align-items:center;gap:15px;height:70px; justify-content: center;}
.sec3_stepbar_wrap{width:450px;}
.sec3_stepbar_bar{position:relative;height:19px;background:#E5EEF8;border-radius:100px;overflow:visible;border: 2px solid #FFF;}
.sec3_stepbar_fill{height:100%;background:linear-gradient(270deg, #73BDFF 0%, #0065C0 100%);border-radius:100px;transition:width .4s cubic-bezier(.4,0,.2,1);position:relative;}
.sec3_stepbar_ico{position:absolute;right:-15px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:30px;height:28px;}
.sec3_stepbar_label{font-size:20px;font-weight: 300;color:#FFF;text-align:right;flex-shrink:0; font-family: var(--font-maple);}
.sec3_line{width:100%;height:1px;background:#FFF;position:relative;z-index:10;margin-top:0;opacity: 0.3;}
.sec3_slides{position:relative;z-index:5;width:100%;height:calc(100% - 70px);}
.sec3_slide{position:absolute; top: 21px; left: 50%; transform: translateX(-50%); display:flex;flex-direction:column;align-items:center;opacity:0;pointer-events:none;transition:opacity .4s; background: url(/img/gs2026/sec3_slide_bg.png) no-repeat center / cover; width: 1030px; height: 499px; border-radius: 30px; overflow: hidden; padding-top: 45px;}
.sec3_slide[aria-hidden="false"]{opacity:1;pointer-events:auto;}
.sec3_q-head{display:flex;align-items:center;gap:15px;align-self:center;}
.sec3_q-num{display:inline-flex;align-items:center;justify-content:center;width:52px;height:49px;background:url('/img/q_mark_bg.svg') no-repeat center/contain;font-family:var(--font-maple);font-size:25px;font-weight:700;color:#fff;line-height:1;}
.sec3_q-num sub{font-size:16px;vertical-align:baseline;}
.sec3_q-tit{font-family:var(--font-maple);font-size:30px;font-weight:300;line-height:1.4;color:#222;}
.sec3_q-img{width:500px;aspect-ratio: 249/125;border-radius:20px;overflow:hidden;flex-shrink:0;margin: 30px 0;}
.sec3_q-img img{width:100%;height:100%;object-fit:cover;}
.sec3_answers{display:flex;gap:15px;width:945px;}
.sec3_answer{flex:1;}
.sec3_answer_btn{display:flex; justify-content: center; align-items:center;gap:11px;width:100%;min-height:65px;background:#fff;border-radius:20px;border:1.5px solid #000;padding:10px 20px 10px 10px;font-family:var(--font-maple);font-size:24px;font-weight:300;color:#000;transition:var(--trans-base);text-align:left;white-space:nowrap;cursor:pointer;}
.sec3_answer_btn:hover{color:var(--color1);border-color:var(--color1);}
.sec3_answer_mark{display:inline-flex;align-items:center;justify-content:center;width:45px;height:45px;flex-shrink:0;border-radius:50%;font-family:var(--font-maple);font-size:28px;font-weight:300;color:#fff;border:1px solid #000;}
.sec3_answer_btn[data-val="A"] .sec3_answer_mark{background:#4A90D9;}
.sec3_answer_btn[data-val="B"] .sec3_answer_mark{background:#005BAC;}
.sec3_answer_btn.is-selected{background:var(--color-primary-1);color:#fff;border-color:var(--color-primary-1);}
.sec3_answer_btn.is-selected .sec3_answer_mark{background:#fff;color:var(--color-primary-1);border-color:#fff;}

.sec3_result{position:relative;z-index:2;width:1200px;margin:40px auto 0;background:#fff;border-radius:40px;padding:40px;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,0.08);}
.sec3_result_inner{display:flex;flex-direction:column;align-items:center;gap:20px;}
.sec3_result_label{font-size:20px;color:var(--color-primary-1);font-weight:600;}
.sec3_result_tit{font-family:var(--font-maple);font-size:50px;font-weight:700;color:var(--color-black);}
.sec3_result_btn{display:inline-flex;align-items:center;justify-content:center;background:var(--color-primary-1);color:#fff;font-size:20px;font-weight:700;padding:16px 48px;border-radius:100px;transition:var(--trans-base);}
.sec3_result_btn:hover{background:#004a90;}

/* sec3 loading */
.sec3_loading{position:absolute;inset:0;z-index:10;background:#F5F7FA;align-items:center;justify-content:center;}
.sec3_loading:not([hidden]){display:flex;}
.sec3_loading_bg{position:absolute;inset:0;background: #F5F7FA;pointer-events:none;}
.sec3_loading_content{position:relative;z-index:1;text-align:center;}
.sec3_loading_label{font-size:30px;font-weight:400;color:var(--color-primary-1);margin-bottom:12px;}
.sec3_loading_tit img{width: 382px;}
.sec3_loading_bottom{display:flex;flex-direction:column;align-items:center;gap:20px; margin-top: 60px;}
.sec3_loading_bar-track{width: 588px; height: 24px;background:#D6E4F7;border-radius:100px;overflow:hidden; border: 2px solid #000;}
.sec3_loading_bar-fill{height:100%;width:0;background: linear-gradient(270deg, #73BDFF 0%, #0065C0 100%);border-radius:100px;}
.sec3_loading_text{font-size:20px;font-weight:300;letter-spacing: 8px;}
.sec3_loading_text span{display:inline-block;opacity:0;animation:ll-appear 0.4s ease forwards; font-family: var(--font-maple);}
.sec3_loading_text span:nth-child(1){animation-delay:0.00s;}
.sec3_loading_text span:nth-child(2){animation-delay:0.15s;}
.sec3_loading_text span:nth-child(3){animation-delay:0.30s;}
.sec3_loading_text span:nth-child(4){animation-delay:0.45s;}
.sec3_loading_text span:nth-child(5){animation-delay:0.60s;}
.sec3_loading_text span:nth-child(6){animation-delay:0.75s;}
.sec3_loading_text span:nth-child(7){animation-delay:0.90s;}
.sec3_loading_text span:nth-child(8){animation-delay:1.05s;}
.sec3_loading_text span:nth-child(9){animation-delay:1.20s;}
.sec3_loading_text span:nth-child(10){animation-delay:1.35s;}
@keyframes ll-appear{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}
/* sec3 result cards */
.sec3_rcard{position:absolute;inset:0;z-index:10;background:#081B29;}
.sec3_rcard:not([hidden]){padding: 35px 33px 28px;}
.sec3_rcard:not([hidden]) .sec3_rcard_inner{display:flex;justify-content:center; gap: 20px; height: 100%;}
.sec3_rcard_img{width: 450px;position:relative;overflow:hidden;border-radius: 30px;}
.sec3_rcard_img > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index: -1;}
.sec3_rcard_img-info{padding-top: 30px; text-align: center;}
.sec3_rcard_img-tit{position:absolute;top:28px;left:0;right:0;z-index:2;text-align:center;padding:0 20px;}
.sec3_rcard_img-name{display:inline-block;font-size: 29px;font-weight:700;color:#000;line-height:1.3;text-align:center; letter-spacing: -0.5px; font-family: var(--font-maple);}
.sec3_rcard_img-name span{font-size: 33px; position: relative;}
.sec3_rcard_img-name span::before{content: ''; display: block; background:#FDDD91; width: 100%; height: 16px; position: absolute; left: 0; bottom: 0; z-index: -1;}
.sec3_rcard_img-sub{font-size:20px;font-weight:400;line-height:1.5;}
.sec3_rcard_btns{position:absolute;bottom:20px;left:50%; transform: translateX(-50%); z-index:2;display:flex;gap:8px;align-items:center; justify-content: center;}
.sec3_rcard_btns .save{display:inline-flex;align-items:center;gap:5px;height:50px;padding:0 25px;background:#fff;border:1px solid #000;border-radius:100px;font-size:20px;font-weight:300;color:#000;cursor:pointer;white-space:nowrap; font-family: var(--font-maple); flex-shrink: 0;}
.sec3_rcard_btns .save img{width:28px;}
.sec3_rcard_btns .share, 
.sec3_rcard_btns .replay{width:50px;height:50px;flex-shrink:0;background:#fff;border:1px solid #000;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.sec3_rcard_btns .share img, 
.sec3_rcard_btns .replay img{width: 24px;}
.sec3_rcard_txt{flex:1;background:#fff;border-radius: 30px;display:flex;flex-direction:column;padding:30px;overflow:hidden;}
.sec3_rcard_scroll{flex:1;overflow-y:auto;min-height:0;padding-right:5px;}
.sec3_rcard_scroll::-webkit-scrollbar{width:3px;}
.sec3_rcard_scroll::-webkit-scrollbar-track{background:transparent;}
.sec3_rcard_scroll::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px;}
.sec3_rcard_memo{font-size:17px;font-weight:300;color:#000;line-height:1.4;background:#F5F7FA;border-radius: 20px;padding:20px; text-align: center; font-family: var(--font-maple);}
.sec3_rcard_tags{display:flex;justify-content: center; gap:10px;flex-wrap:wrap;margin-top:15px;}
.sec3_rcard_tags span{font-size:15px;font-weight:300;color:var(--color-primary-1); font-family: var(--font-maple); padding: 7px 20px; border-radius: 10px; border: 1px solid #4A90D9; background: #FFF;}
.sec3_rcard_type{margin-top:15px;}
.sec3_rcard_type-label{font-size:20px;font-weight:300;color:#000;margin-bottom:10px; position: relative; padding-left: 15px; font-family: var(--font-maple); line-height: 140%;}
.sec3_rcard_type-label::before{content: ''; display: block; width: 5px; height: 16px; background: var(--color1); position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.sec3_rcard_traits{margin-bottom:25px;}
.sec3_rcard_traits p{font-size:17px;font-weight:400;color:#000;line-height:1.5; position: relative; padding-left: 25px;}
.sec3_rcard_traits p::before{content: ''; display: block; width: 4px; height: 4px; background: #000; border-radius: 50%; position: absolute; left: 8px; top: 8px;}
.sec3_rcard_gc-msg{font-size:20px;font-weight:400;color:#000;line-height:1.5;}
.sec3_rcard_bottom{text-align: center;}
.sec3_rcard_bottom .gs_btn{height: 70px;}
/* sec3 dev switcher */
.sec3_dev-switcher{display:flex;gap:8px;justify-content:center;align-items:center;margin-top:12px;padding:10px 16px;background:#fffbe6;border:1px dashed #f0b429;border-radius:8px;}
.sec3_dev-switcher::before{content:'[DEV]';font-size:12px;font-weight:700;color:#f0b429;margin-right:4px;}
.sec3_dev-switcher button{font-size:13px;font-weight:500;padding:5px 12px;border:1px solid #ccc;border-radius:6px;cursor:pointer;background:#fff;transition:var(--trans-base);}
.sec3_dev-switcher button:hover{background:#f5f5f5;}
.sec3_dev-switcher button.is-active{background:var(--color-primary-1);color:#fff;border-color:var(--color-primary-1);}

/* sec4 */
.sec4{padding:var(--sec-pt) 0 var(--sec-pb);background:url(/img/gs2026/sec4_bg.png) no-repeat center / cover;position:relative;overflow:hidden;}
.sec4_tit{text-align:center;margin-bottom:60px;}
.sec4_tit_label{font-family:var(--font-maple);font-size:40px;font-weight:300;line-height:1.29;color:var(--color-black);margin-bottom:10px; position: relative;}
.sec4_tit_label::after{content:'';position:absolute;left:50%;transform: translateX(-50%); bottom:-2px; width: 582px; aspect-ratio: 97/6; z-index:-1; background: url(/img/gs2026/sec4_tit_bg.svg) no-repeat center / contain;}
.sec4_tit_main img{width: 683px; margin: 0 auto;}
.sec4_tit_desc{font-size:28px;font-weight:400;line-height:1.29;color:#222;margin-top:40px;text-align:center;}
.sec4_cards{display:flex;gap:25px;align-items:stretch;margin-bottom:30px; justify-content: center;}
.sec4_card{flex:1;background:#1A3F7A;border-radius:40px;overflow:hidden;display:flex;flex-direction:column;position:relative;}
.sec4_card::before{content: ''; display: block; width: 378px; aspect-ratio: 1/1; opacity: 0.1; background: #FFF; border-radius: 50%; position: absolute; right: -137px; top: -137px; z-index: -1;}
.sec4_card:nth-child(2){background:linear-gradient(180deg,#4A90D9 0%,#57AFFF 100%);}
.sec4_card:nth-child(3){background:#DCECFE;}
.sec4_card:nth-child(3) .sec4_card_step{border-color:#1A3F7A;color:#1A3F7A;}
.sec4_card:nth-child(3) .sec4_card_step-name{color: var(--color1);}
.sec4_card:nth-child(3) .sec4_card_desc{color:#222; opacity: 1;}
.sec4_card_img-wrap{padding-top:35px;overflow:hidden; text-align: center;}
.sec4_card_ico{width: 231px;}
.sec4_card_txt{padding:22px 40px;}
.sec4_card_step-wrap{display:flex;flex-direction:column;gap:15px;margin-bottom:20px;}
.sec4_card_step{display:inline-flex;align-items:center;height:38px;padding:0 15px; background: #FFF; border-radius:100px;font-size:20px;font-weight:700;color: #1A3F7A;width:fit-content; font-family: var(--font-maple);}
.sec4_card:nth-child(2) .sec4_card_step{color: #4A90D9;}
.sec4_card:nth-child(3) .sec4_card_step{color: var(--color1);}
.sec4_card_step-name{font-family:var(--font-maple);font-size:30px;font-weight:300;line-height:1;color:#fff;}
.sec4_card_desc{font-size:24px;font-weight:500;line-height:1.45;color:#fff; opacity: 0.8; word-break: keep-all;}
.sec4_card_desc b{text-decoration: underline; text-underline-offset: 5px;}
.sec4_card_desc span{font-size: 19.8px; line-height: 145%; color: #555; margin-top: 20px; display: block;}
.sec4_card_map-btn{display:flex;align-items:center;justify-content:center;width:100%;height:60px;margin-top:20px;border:1px solid rgba(255,255,255,0.5);border-radius:20px;background:#fff;font-size:20px;font-weight:300;color:var(--color1); font-family: var(--font-maple);}
.sec4_notice_box{display:flex; justify-content: center; align-items: center; background:#F5F7FA;border-radius:30px;padding:40px 50px; border: 2px dashed var(--Primary-Color-2, #4A90D9);}
.sec4_notice_list{display:flex;flex-direction:column;gap:3px;}
.sec4_notice_item{font-size:20px;font-weight:400;line-height:1.45;color:#222; display: flex; align-items: flex-start; gap: 10px;}
.sec4_notice_item i{display: inline-block; width: 15px; aspect-ratio: 15.00/16.26; background: url(/img/gs2026/sec4_star.svg) no-repeat center / contain; margin-top: 6px; flex-shrink: 0;}
.sec4_btn-wrap{text-align:center;margin-top:100px;}

/* sec5 */
.sec5{position:relative;padding-top: 194px;overflow:hidden;background:url(/img/gs2026/sec5_bg.png) no-repeat center top / cover; height: 1438px;}
.sec5_bg .stck{position: absolute; transform-origin: center center; animation: moveRotate infinite .85s steps(2);}
.sec5_bg .stck01{width: 188.584px; left: 74px; top: 149px; animation-direction: reverse;}
.sec5_bg .stck02{width: 56px; left: 309px; top: 101px;}
.sec5_bg .stck03{width: 62px; right: 284px; top: 421px; animation-direction: reverse;}
.sec5_bg .stck04{width: 286px; right: 36px; top: 666px;}
.sec5_cont{position:relative;z-index:2;}
.sec5_img-txt{display:flex;align-items:center;gap:93px;padding-bottom:100px;}
.sec5_img{width:600px; aspect-ratio: 1/1; border-radius: 50%;overflow:hidden;border:2px solid #000; position: relative;}
.sec5_img img{width:100%;height:100%;object-fit:cover;}
.sec5_img .swiper-slide.soldout{position: relative;}
.sec5_img .swiper-slide.soldout::before{content: ''; display: block; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.50); backdrop-filter: blur(5px); z-index: 2;}
.sec5_img .swiper-slide.soldout::after{content: ''; display: block; width: 500px; aspect-ratio: 234/89; background: url(/img/gs2026/soldout.svg) no-repeat center / contain; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 3;}
.sec5_txt{flex:1;display:flex;flex-direction:column;gap:0;}
.sec5_txt_main{margin-bottom:35px;}
.sec5_txt_tit{font-family:var(--font-maple);font-size:65.65px;font-weight:700;line-height:1.40;color:#222;margin-bottom:30px;}
.sec5_txt_tit .heart{margin: 0 10px; transform-origin: center center; animation: moveRotate infinite .85s steps(2); animation-direction: reverse; width: 60px;}
.sec5_txt_desc{font-family:var(--font-maple);font-size:34px;font-weight:300;line-height:1.45;color:#222;}
.sec5_txt_reward{margin-bottom:40px;}
.sec5_txt_reward_main{font-size:31px;font-weight:400;line-height:1.29;color: #222;margin-bottom:44px;}
.sec5_txt_reward_main b{position: relative; font-weight: 700;}
.sec5_txt_reward_main b::before{content: ''; display: block; width: 365.519px; aspect-ratio: 329/36; background: url(/img/gs2026/sec5_txt_bg_wh.svg) no-repeat center / contain; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: -1;}
.sec5_txt_reward_main .yel::before{width: 125px; aspect-ratio: 25/8; background-image: url(/img/gs2026/sec5_txt_bg_yel.svg);}
.sec5_txt_reward_main .red{color: red;}
.sec5_txt_reward_note p{font-size:20px;font-weight:400;line-height:1.45;color: #555; position: relative; padding-left: 15px;}
.sec5_txt_reward_note p::before{content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; background: #555; position: absolute; left: 0; top: 10px;}
/* .sec5_txt_reward_note p:last-child{margin-top: 20px;}
.sec5_txt_reward_note p:last-child::before{content: '※'; width: auto; height: auto; background: none; top: 0;} */
.sec5_btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:#FF860C;color:#fff;font-family:var(--font-maple);font-size:26px;font-weight:300;height:85px;padding:0 50px;border-radius:100px;transition:var(--trans-base); border-bottom: 4.04px solid #B87100; width: fit-content;}
.sec5_btn:hover{background: #FF4D0C;}
.sec5_thumb{position:relative;overflow:hidden; padding: 20px 0; margin: -20px 0;}
.sec5_thumb_track{display:flex;justify-content: center;gap: 40px;will-change:transform;}
.sec5_thumb_item{flex: 0 0 330px; width:330px;aspect-ratio: 1/1;border-radius: 20px; border: 2px solid #000; overflow:hidden;transition:filter .4s; transition:transform .4s; will-change: transform;}
.sec5_thumb_item.is-dim{filter:brightness(0.55);}
.sec5_thumb_item img{width:100%;height:100%;object-fit:cover;}
.sec5_thumb_item:hover{transform:scale(1.07);}
.sec5_thumb_nav{position:absolute;top:50%;left: 50%; width: 1510px;transform:translate(-50%,-50%);display:flex;justify-content:space-between;pointer-events:none;}
.sec5_thumb_prev,.sec5_thumb_next{pointer-events:auto;display:flex;align-items:center;justify-content:center;width:70px;height:70px;background:#FFF;border-radius:50%;border: 1.5px solid #000;}
.sec5_thumb_prev img,.sec5_thumb_next img{width: 35px;}

/* sec6 */
.sec6{position:relative;padding:0 0 var(--sec-pb);background:url(/img/gs2026/sec6_bg.png) no-repeat center / cover;overflow:hidden;}
.sec6_top img{width: 100%;}
.sec6_left{position: absolute; left: 3%; top: 469px; z-index: 5;}
.sec6_left .txt{width: 261px;}
.sec6_left .stck{position: absolute; left: 110px; top: 30px; width: 328px; transform-origin: center center; animation: moveRotate infinite .85s steps(2); animation-direction: reverse;}
.sec6_right{position: absolute; right: 3%; top: 647px; z-index: 5;}
.sec6_right .txt{width: 235px;}
.sec6_right .stck{position: absolute; left: 0; top: 100%; width: 191px; transform-origin: center center; animation: moveRotate infinite .85s steps(2);}
.sec6_tit{text-align:center;margin-bottom:40px; position: relative; margin: 122px auto 0; width: fit-content;}
.sec6_tit::after{content: ''; display: block; width: 90px; aspect-ratio: 6/5; background: url(/img/gs2026/sec6_arrow.svg) no-repeat center / contain; position: absolute; left: -25px; bottom: 31px;}
.sec6_tit_main img{width: 535px; margin: 0 auto;}
.sec6_tit_desc{font-size:28px;font-weight:500;line-height:1.29;color:#222;margin-top:30px;}
.sec6_form{width:1200px;margin:0 auto;border-radius: 40px; border: 2px solid #000; background: #FFF; box-shadow: 5px 5px 0 0 #000;padding:80px 50px;position:relative; margin-top: 60px;}
.sec6_form::before,
.sec6_form::after{content: ''; display: block; width: 60px; aspect-ratio: 59.94/63.50; background: url(/img/gs2026/sec6_spring.svg) no-repeat center / contain; position: absolute; top: -27px; left: 82px; z-index: 2;}
.sec6_form::after{left: initial; right: 82px;}
.sec6_form_area{display:flex;flex-direction:column;gap:0;width:900px;margin: 0 auto;}
.sec6_form_row{display:flex;align-items:center;width: 100%; gap: 10px;}
.sec6_form_row + .sec6_form_row{margin-top: 30px;}
.sec6_form_row.last{align-items: flex-start;}
.sec6_form_label{flex:0 0 165px;font-size:20px;font-weight:300;line-height:1.4;font-family: var(--font-maple);}
.sec6_form_label span{color: #F00;}
.sec6_form_input-wrap{flex:1;display:flex;flex-direction:column;gap:10px;}
.sec6_form_input{width:100%;height:50px;border:2px solid #000;border-radius:100px !important;padding:0 15px;font-size:16px;font-weight:300;color:var(--color-black);background:#fff;outline:none !important;transition:border-color .2s;font-family:var(--font-maple);}
.sec6_form_input::placeholder{color: #AAA;}
.sec6_form_input.err{border-color: #DF001A;}
.sec6_form_err{font-size:14px;color:#E35151;}
.sec6_form_addr-row{display:flex;gap:10px;align-items:center;}
.sec6_form_input--addr{flex:1;}
.sec6_form_addr-btn{flex:0 0 120px;height:50px;background:#000;color:#fff;border-radius:100px;font-size:16px;font-weight:700; border: none;}
.sec6_form_agree-row{padding: 30px 0 0 175px; margin:30px auto 0;display:flex;flex-direction:column; gap:15px; width: 100%;border-top: 1px solid rgba(0, 0, 0, 0.10);}
.sec6_form_agree-wrap{display:flex;align-items:center;justify-content:space-between;}
.sec6_form_chk-label{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:500;cursor:pointer;}
.sec6_form_chk{width: 20px; height: 20px;border:1px solid #8E8E8E;border-radius:3px;background:#fff;flex-shrink:0; border-radius: 5px; appearance: none;}
.sec6_form_chk:checked{background:var(--color1) url(/img/sub/check_ic.svg) no-repeat center / 11px;border-color:var(--color-primary-1);}
.sec6_form_agree-link{font-size:15px;font-weight:500;color: #555655;text-decoration:underline; text-underline-offset: 0.2em;}
.sec6_form_agree-note{font-size:14px;font-weight:400;line-height:1.5;color: #555;}
.sec6_form_agree-note p{position: relative; padding-left: 15px;}
.sec6_form_agree-note p::before{content: '※'; display: block; position: absolute; left: 0;}
.sec6_form_submit-wrap{text-align:center;margin-top:40px;}
.sec6_form_submit{height:70px; border: none; border-bottom: 4px solid #1A3F7A;}

/* sec7 */
.sec7{position:relative;padding:192px 0 232px;overflow:hidden;background:url(/img/gs2026/sec7_bg.png) no-repeat center / cover;}
.sec7 .inner{position: relative;}
.sec7_swiper{display:flex;gap:30px;align-items:center;z-index:2;position:absolute;left:50%;top:50%;transform:translateY(-50%); width: 1100px; overflow: hidden;}
.sec7_list_item{width: 250px; margin-right: 30px;}
.sec7_list_item img{width: 100%;}
.sec7_txt{position:relative; width: 644px;}
.sec7_txt_tit img{width: 644px;}
.sec7_txt_desc{font-size:33px;font-weight:500;line-height:1.29;color: #222; margin-top: 40px;}

/* sec8 */
.sec8{padding:var(--sec-pt) 0 var(--sec-pb);position:relative;background:#fff; z-index: 1;}
.sec8::before{content: ''; display: block; width: 100%; height: 600px; background: url(/img/gs2026/sec8_bg.png) no-repeat center top / 100%; position: absolute; left: 0; top: -65px; z-index: -1;}
.sec8_cont{max-width:1440px;padding:0 20px;margin:0 auto;}
.sec8_tit{font-family:var(--font-maple);font-size:65px;font-weight:700;line-height:1.4;color:var(--color-black);text-align:center;margin-bottom:50px;}
.sec8_tabs{display:flex;justify-content:center;gap:10px;margin-bottom:50px;border-bottom:none;padding-bottom:0; position: relative;}
.sec8_tab{display:flex;align-items:center;justify-content:center;height:60px;width: 200px;border-radius:100px;font-family:var(--font-maple);font-size:22px;font-weight:300;border:1px solid #ACACAC;background:#fff;transition:var(--trans-base);position:static; color: #000;}
.sec8_tab--active,.sec8_tab[aria-selected="true"]{background:var(--color-primary-1);color:#fff;border-color:var(--color-primary-1);}
.sec8_tabpanel{width:1401px;margin:0 auto;padding:0;}
.sec8_faq-list{display:flex;flex-direction:column;gap:20px;}
.sec8_faq-item{background:#E7F2FE;border-radius:40px;overflow:hidden;padding:0 40px;}
.sec8_faq-q{display:flex;align-items:center;gap:15px;width:100%;padding: 30px 0;background:none;text-align:left;font-family:var(--font-maple);font-size:24px;font-weight:300;color:var(--color-black);letter-spacing:-1px;transition:color .2s; border: none;}
.sec8_faq-q_mark{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--color-primary-1);color:#fff;font-size:20px;font-weight:700;flex-shrink:0;}
.sec8_faq-q_ico{margin-left:auto; width: 20px; aspect-ratio: 8/5; background: url(/img/gs2026/sec8_arrow.svg) no-repeat center / contain; transition:transform .3s;position:relative;}
.sec8_faq-item--open .sec8_faq-q_ico, .sec8_faq-q[aria-expanded="true"] .sec8_faq-q_ico{transform:rotate(-180deg);}
.sec8_faq-a{display:none;}
.sec8_faq-a[aria-hidden="false"]{display:flex;gap:15px;border-top: 1px solid rgba(0, 0, 0, 0.10); padding: 30px 0;}
.sec8_faq-a_mark{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background: rgba(74, 144, 217, 0.50);color:#fff;font-size:20px;font-weight:700;flex-shrink:0;margin-top:2px;}
.sec8_faq-a > div{font-size:18px;font-weight:400;line-height:1.67;}
.sec8_faq-a > div .mt_15{margin-top: 15px;}
.sec8_faq-a > div li{padding-left: 15px; position: relative;}
.sec8_faq-a > div li::before{content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; background: #000; position: absolute; left: 0; top: 12px;}
.sec8_faq-a > div .icon{width: 25px; margin-right: 5px; display: inline-block; vertical-align: middle;}
.sec8_faq-a .desc p{padding-left: 15px; position: relative;}
.sec8_faq-a .desc p::before{content: '※'; display: block; position: absolute; left: 0; top: 0;}

/* popup */
.popup-area{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;}
.popup-area[aria-hidden="true"]{display:none;}
.popup-dim{position:absolute;inset:0;background:rgba(0,0,0,0.5);}
.popup{position:relative;z-index:1;width:930px;max-height:90vh;overflow-y:auto;background:#fff;border-radius:30px;box-shadow:0 5px 10px rgba(0,0,0,0.1);display:flex;flex-direction:column;}
.popup_hd{background:var(--color-primary-1);height:70px;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;}
.popup_tit{font-size:20px;font-weight:700;color:#fff;text-align:center;}
.popup_close{position:absolute;right:22px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:none;border:none;cursor:pointer;padding:0;}
.popup_body{padding:40px 35px 30px;}
.popup_type-tabs{display:flex;align-items:center;justify-content: center; gap:13.6px;margin-bottom:30px;flex-wrap:wrap;}
.popup_type-tab{display:flex;align-items:center;gap:8px;width: 240px;height:50px;padding:0 20px 0 24px;border-radius:40px;border:0.8px solid rgba(172,172,172,0.3);font-size:16px;font-weight:700;color: rgba(142, 142, 142, 0.70);letter-spacing:-0.8px;line-height:24px;background:none;cursor:pointer;}
.popup_type-tab img{width: 16px;}
.popup_type-tab--active{border-color:var(--color-primary-1);color:var(--color-primary-1);opacity:1;}
.popup_panel{display:none;}.popup_panel.is-active{display:block;}
.popup_region-title{font-size:20px;font-weight:700;color:var(--color-black);letter-spacing:-1px;text-align:center;margin-bottom:30px;}
.popup_wrap{display: flex; align-items: flex-start; gap: 60px;}
#popupAreaWrap .popup_wrap{min-height: 386px;}
.popup_region-section{flex: 1;}
.popup_region-section_hd{display:flex;align-items:center;justify-content:center;height:50px;border:1px solid var(--color-primary-1);border-radius:50px;font-size:20px;font-weight:700;color:var(--color-primary-1);letter-spacing:-1px;line-height:1.5;margin:0 auto 16px;}
.popup_region-cols{display:flex;flex-wrap:wrap;gap:5px 30px;}
.popup_scroll{max-height: 320px;overflow-y:auto;}
.popup_scroll::-webkit-scrollbar{width:3px;}
.popup_scroll::-webkit-scrollbar-track{background:#ddd;border-radius:10px;}
.popup_scroll::-webkit-scrollbar-thumb{background:#888;border-radius:10px;}
.popup_region-cols li{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:500;color:var(--color-neutral-700);line-height:28px;letter-spacing:-0.6px;width:95px;}
.popup_region-cols li:only-child{width: 100% !important;}
.popup_region-cols li::before{content:'';display:inline-block;width:4px;height:4px;background:var(--color-neutral-700);border-radius:50%;flex-shrink:0;}
.popup_sub-region + .popup_sub-region{margin-top: 24px;}
.popup_sub-region_tit{display:block;font-size:18px;font-weight:700;color:var(--color-black);line-height:1.55;letter-spacing:-0.6px;margin-bottom:15px;}
.popup_region-etc{font-size:16px;color:var(--color-neutral-600);margin-bottom:10px;}
.popup_foot{display:flex;justify-content:center;margin-top:25px;}
.popup_confirm-btn{display:flex;align-items:center;justify-content:center;width:180px;height:55px;background:var(--color-primary-1);color:#fff;border-radius:100px;font-size:18px;font-weight:700;transition:var(--trans-base); border: none;}
/* share popup */
.share-popup-area{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;}
.share-popup-area[aria-hidden="true"]{display:none;}
.share-popup-dim{position:absolute;inset:0;background:rgba(0,0,0,0.5);}
.share-popup{position:relative;z-index:1;width:411px;max-width:calc(100vw - 30px);background:#fff;border-radius:26px;box-shadow:0 4px 24px rgba(0,0,0,0.18);padding:60px 20px 58px;text-align:center;box-sizing:border-box;}
.share-popup_close{position:absolute;top:17px;right:17px;width:22px;height:22px;background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;}
.share-popup_tit{font-size:21px;font-weight:700;color:#000;line-height:26.6px;letter-spacing:-0.43px;margin-bottom:17px;}
.share-popup_sns{display:flex;gap:17px;justify-content:center;align-items:center;}
.share-popup_btn{background: none; border: none;}
.share-popup_btn img{width:51px;}

/* 개인정보 수집 및 이용약관 팝업 */
.agree-popup-area{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;}
.agree-popup-area[aria-hidden="true"]{display:none;}
.agree-popup-dim{position:absolute;inset:0;background:rgba(0,0,0,0.5);}
.agree-popup{position:relative;z-index:1;width:650px;max-width:calc(100vw - 30px);background:#fff;border-radius:30px;box-shadow:0 5px 10px rgba(0,0,0,0.1);overflow:hidden;}
.agree-popup_hd{background:#005BAC;height:70px;display:flex;align-items:center;justify-content:center;padding:0 40px; position: relative;}
.agree-popup_tit{font-size:20px;font-weight:700;color:#fff;letter-spacing:-0.4px;}
.agree-popup_body{display:flex;flex-direction:column;align-items:center;gap:40px;padding:80px 40px 60px;}
.agree-popup_txt{font-size:20px;font-weight:500;line-height:1.6;letter-spacing:-0.6px;color:#6D6D6D;width:fit-content;}
.agree-popup_txt span{color: #000;}
.agree-popup_confirm{width:180px;height:55px;background:#005BAC;border:none;border-radius:100px;font-size:16px;font-weight:600;color:#fff;cursor:pointer;flex-shrink:0;transition:opacity .2s;}
/* .agree-popup_confirm:hover{opacity:.85;} */

/* 헤더 로고 팝업 */
@font-face { font-family: 'NanumSquareRound'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff') format('woff'); font-weight: normal; font-display: swap; }
#popupDonateExit .popup_close{transform: none; top: -47px; right: 0;}
#popupDonateExit .popup{width: 500px; padding: 40px 25px; border-radius: 20px; text-align: center; overflow: visible;}
#popupDonateExit .pop_title{font-size: 30px; font-weight: 700; line-height: 140%; color: #222; text-align: center; font-family: var(--font-maple);}
#popupDonateExit .img{margin: 30px 0;}
#popupDonateExit .img img{width: 100%;}
#popupDonateExit .pop_desc{font-size: 20px; letter-spacing: -1px; font-weight: 700; line-height: 150%; font-family: 'NanumSquareRound';}
#popupDonateExit .btn_wrap{margin-top: 35px; display: flex; justify-content: center; gap: 20px;}
#popupDonateExit .btn_wrap a{font-size: 22px; font-weight: 300; line-height: 145%; color: #FFF; font-family: var(--font-maple); height: 60px; padding: 0 50px; display: inline-flex; justify-content: center; align-items: center; border-radius: 100px; border-bottom: 4px solid #005BAC; background: #4A90D9;}
#popupDonateExit .btn_wrap a.go{border-bottom: 4px solid #1A3F7A; background:  #005BAC;}


@media (max-width:1840px){
    
    .sec5_bg .stck01{left: 34px; top: 149px;}
    .sec5_bg .stck02{left: 259px; top: 101px;}
    .sec5_bg .stck03{right: 74px; top: 421px;}
    .sec5_bg .stck04{right: 16px; top: 730px; width: 261px;}

    .sec6_left{left: -2%;}
    .sec6_right{right: -1.5%;}
}

@media (max-width:1640px){
    .sec6_left{left: -4%; transform: scale(0.9);}
    .sec6_right{right: -1.5%; transform: scale(0.9);}
}

@media (max-width:1440px){

    /* quick */
    #goodSycling .quick_btn {right: 2.028vw; top: 20%;}
    #goodSycling .quick_btn .img {width: 9.72vw; top: -5.40vw;}
    #goodSycling .quick_btn .txt {padding: 2.92vw 1.25vw 1.74vw; border-radius: 0.69vw; font-size: 1.53vw; letter-spacing: -0.07vw;}

    /* visual */
    #goodSycling .visual {height: 63.889vw; min-height: calc(100svh - 5.556vw); margin-top: 5.556vw;}
    #goodSycling .visual .scroll_down{width: 5.00vw; bottom: 6%;}
    #goodSycling .visual_item.item01 img{width: 12.847vw;}
    #goodSycling .visual_item.item02 img{width: 11.736vw;}
    #goodSycling .visual_item.item03 img{width: 11.181vw;}
    #goodSycling .visual_item.item04 img{width: 9.653vw;}
    #goodSycling .visual_item.item05 img{width: 10.000vw;}
    #goodSycling .visual_item.item06 img{width: 9.097vw;}
    #goodSycling .visual_item.item07 img{width: 30.069vw;}
    #goodSycling .visual_item.item08 img{width: 9.097vw;}
    #goodSycling .visual_item .bubble .txt {font-size: 1.389vw; padding: 0.694vw 1.389vw; border-radius: 0.694vw;}
    #goodSycling .visual_item .bubble .tail {bottom: -0.764vw; left: 2.292vw;}
    #goodSycling .visual_item .bubble.small .txt {padding: 0.556vw 1.042vw; font-size: 1.111vw;}
    #goodSycling .visual_item .bubble.small .tail {bottom: -0.625vw; left: 2.847vw;}
    #goodSycling .visual_tit .tit {width: 40.903vw;}
    #goodSycling .visual_tit p {margin-top: 1.389vw; font-size: 2.083vw;}
    #goodSycling .visual_tit p span::before {width: 8.611vw;}

    /* sec1 */
    .sec1_tit {gap: 2.778vw; margin-bottom: 3.194vw;}
    .sec1_tit img{width: 52.639vw;}
    .sec1_tit_sub {font-size: 1.667vw;}
    .sec1_cards {gap: 1.181vw;}
    .sec1_card {flex: 0 0 23.472vw; perspective: 69.444vw;}
    .sec1_card_flipper {width: 23.472vw; height: 29.167vw; filter: drop-shadow(2px 4px 0.347vw rgba(0,0,0,0.15));}
    .sec1_card_btn {width: 23.472vw; height: 29.167vw; border-radius: 2.778vw;}
    .sec1_card_btn::after {inset: 0.556vw; border-radius: 2.493vw;}
    .sec1_card_img {padding-top: 2.778vw;}
    .sec1_card_img img {max-height: 17.361vw;}
    .sec1_card_back {border-radius: 2.778vw; padding: 2.083vw;}
    .sec1_card_back::after {inset: 0.556vw; border-radius: 2.493vw;}
    .sec1_card .img1{width: 13.06vw;}
    .sec1_card .img2{width: 12.08vw;}
    .sec1_card .img3{width: 15.28vw;}
    .sec1_card .img4{width: 11.23vw;}
    .sec1_card_back_txt {font-size: 1.389vw;}
    .sec1_card_name {width: 18.056vw; height: 4.306vw; margin-bottom: 2.153vw; font-size: 1.597vw;}
    .cursor.on {width: 5.903vw; height: 5.903vw;}
    .cursor.on span {font-size: 1.25vw;}

    /* sec2 */
    .sec2 {min-height: 82.222vw; padding: 5.556vw 0 4.028vw; margin-top: -5.167vw;}
    .sec2_talk {top: 9.444vw; width: 67.554vw; height: 38.02vw;}
    .sec2_talk .bb1 {width: 41.042vw;}
    .sec2_talk .bb2 {top: 15.694vw; width: 45.972vw;}
    .sec2_talk .bb3 {right: 3.403vw; width: 32.361vw;}
    .sec2_tit {padding-top: 48.611vw; gap: 4.167vw;}
    .sec2_tit::after {width: 6.944vw; right: -1.389vw; bottom: 1.736vw;}
    .sec2_tit_main {font-size: 3.472vw;}
    .sec2_tit_main span {font-size: 4.514vw;}
    .sec2_tit_main span::before,
    .sec2_tit_main span::after {left: -5.139vw; width: 2.778vw;}
    .sec2_tit_main span::after {right: -4.653vw;}
    .sec2_tit_mark::before {height: 4.444vw;}
    .sec2_btn {font-size: 1.806vw; height: 5.903vw; padding: 0 3.472vw; border-radius: 6.944vw;}
    .sec2_btn_ico {width: 1.944vw;}
    .gs_btn {height: 5.903vw; padding: 0 3.472vw; font-size: 1.806vw; border-radius: 6.944vw;}
    .gs_btn .flex-jc {gap: 1.389vw;}
    .gs_btn img{width: 1.944vw;}

    /* sec3 */
    .sec3 {min-height: 110.764vw;}
    .sec3_box {width: 83.333vw; height: 45.139vw; border-radius: 2.778vw; box-shadow: 0 0.556vw 2.222vw rgba(0,0,0,0.12); top: 58.472vw;}
    .sec3_box::after {border-radius: 2.778vw;}
    .sec3_box .start_tit {gap: 4.167vw;}
    .sec3_box .start_tit h2 {font-size: 4.167vw;}
    .sec3_box .start_tit button {height: 5.903vw; padding: 0 3.472vw; gap: 1.389vw; font-size: 1.806vw; border-radius: 6.944vw;}
    .sec3_box .start_tit button img {width: 1.944vw;}
    .sec3_stepbar {gap: 1.042vw; height: 4.861vw;}
    .sec3_stepbar_wrap {width: 31.25vw;}
    .sec3_stepbar_bar {height: 1.319vw; border-radius: 6.944vw;}
    .sec3_stepbar_fill {border-radius: 6.944vw;}
    .sec3_stepbar_ico {right: -1.042vw; width: 2.083vw; height: 1.944vw;}
    .sec3_stepbar_label {font-size: 1.389vw;}
    .sec3_slides {height: calc(100% - 4.861vw);}
    .sec3_slide {top: 1.458vw; width: 71.528vw; height: 34.653vw; border-radius: 2.083vw; padding-top: 3.125vw;}
    .sec3_q-head {gap: 1.042vw;}
    .sec3_q-num {width: 3.611vw; height: 3.403vw; font-size: 1.736vw;}
    .sec3_q-num sub {font-size: 1.111vw;}
    .sec3_q-tit {font-size: 2.083vw;}
    .sec3_q-img {width: 34.722vw; border-radius: 1.389vw; margin: 2.083vw 0;}
    .sec3_answers {gap: 1.042vw; width: 65.625vw;}
    .sec3_answer_btn {gap: 0.764vw; min-height: 4.514vw; border-radius: 1.389vw; padding: 0.694vw 1.389vw 0.694vw 0.694vw; font-size: 1.667vw;}
    .sec3_answer_mark {width: 3.125vw; height: 3.125vw; font-size: 1.944vw;}
    .sec3_result {width: 83.333vw; margin: 2.778vw auto 0; border-radius: 2.778vw; padding: 2.778vw; box-shadow: 0 4px 1.389vw rgba(0,0,0,0.08);}
    .sec3_result_inner {gap: 1.389vw;}
    .sec3_result_label {font-size: 1.389vw;}
    .sec3_result_tit {font-size: 3.472vw;}
    .sec3_result_btn {font-size: 1.389vw; padding: 1.111vw 3.333vw; border-radius: 6.944vw;}
    .sec3_loading_label {font-size: 2.083vw; margin-bottom: 0.833vw;}
    .sec3_loading_tit img {width: 26.528vw;}
    .sec3_loading_bottom {gap: 1.389vw; margin-top: 4.167vw;}
    .sec3_loading_bar-track {width: 40.833vw; height: 1.667vw; border-radius: 6.944vw;}
    .sec3_loading_bar-fill {border-radius: 6.944vw;}
    .sec3_loading_text {font-size: 1.389vw; letter-spacing: 0.556vw;}
    .sec3_rcard:not([hidden]) {padding: 2.431vw 2.292vw 1.944vw;}
    .sec3_rcard:not([hidden]) .sec3_rcard_inner{gap: 1.389vw;}
    .sec3_rcard_img {width: 31.25vw; border-radius: 2.083vw;}
    .sec3_rcard_img-info {padding-top: 2.083vw;}
    .sec3_rcard_img-tit {top: 1.944vw; padding: 0 1.389vw;}
    .sec3_rcard_img-name {font-size: 2.014vw;}
    .sec3_rcard_img-name span {font-size: 2.292vw;}
    .sec3_rcard_img-name span::before {height: 1.111vw;}
    .sec3_rcard_img-sub {font-size: 1.389vw;}
    .sec3_rcard_btns {bottom: 1.389vw; gap: 0.556vw;}
    .sec3_rcard_btns .save {gap: 0.347vw; height: 3.472vw; padding: 0 1.736vw; border-radius: 6.944vw; font-size: 1.389vw;}
    .sec3_rcard_btns .save img {width: 1.944vw;}
    .sec3_rcard_btns .share, 
    .sec3_rcard_btns .replay {width: 3.472vw; height: 3.472vw;}
    .sec3_rcard_btns .share img, 
    .sec3_rcard_btns .replay img {width: 1.667vw;}
    .sec3_rcard_txt {border-radius: 2.083vw; padding: 2.083vw;}
    .sec3_rcard_scroll {padding-right: 0.347vw;}
    .sec3_rcard_memo {font-size: 1.181vw; border-radius: 1.389vw; padding: 1.389vw;}
    .sec3_rcard_tags {gap: 0.694vw; margin-top: 1.042vw;}
    .sec3_rcard_tags span {font-size: 1.042vw; padding: 0.486vw 1.389vw; border-radius: 0.694vw;}
    .sec3_rcard_type {margin-top: 1.042vw;}
    .sec3_rcard_type-label {font-size: 1.389vw; margin-bottom: 0.694vw; padding-left: 1.042vw;}
    .sec3_rcard_type-label::before {width: 0.347vw; height: 1.111vw;}
    .sec3_rcard_traits {margin-bottom: 1.736vw;}
    .sec3_rcard_traits p {font-size: 1.181vw; padding-left: 1.736vw;}
    .sec3_rcard_traits p::before {left: 0.556vw; top: 0.556vw;}
    .sec3_rcard_gc-msg {font-size: 1.389vw;}

    /* sec2 */
    .sec3_rcard_bottom .gs_btn {height: 4.861vw;}

    /* sec3 */
    .sec3_dev-switcher {gap: 0.556vw; margin-top: 0.833vw; padding: 0.694vw 1.111vw; border-radius: 0.556vw;}
    .sec3_dev-switcher::before {font-size: 0.833vw;}
    .sec3_dev-switcher button {font-size: 0.903vw; padding: 0.347vw 0.833vw; border-radius: 0.417vw;}

    /* sec4 */
    .sec4_tit {margin-bottom: 4.167vw;}
    .sec4_tit_label {font-size: 2.778vw; margin-bottom: 0.694vw;}
    .sec4_tit_label::after {width: 40.417vw;}
    .sec4_tit_main img {width: 47.431vw;}
    .sec4_tit_desc {font-size: 1.944vw; margin-top: 2.778vw;}
    .sec4_cards {gap: 1.736vw; margin-bottom: 2.083vw;}
    .sec4_card {border-radius: 2.778vw;}
    .sec4_card::before {width: 26.25vw; right: -9.514vw; top: -9.514vw;}
    .sec4_card_img-wrap {padding-top: 2.431vw;}
    .sec4_card_ico {width: 16.042vw;}
    .sec4_card_txt {padding: 1.528vw 2.778vw;}
    .sec4_card_step-wrap {gap: 1.042vw; margin-bottom: 1.389vw;}
    .sec4_card_step {height: 2.639vw; padding: 0 1.042vw; border-radius: 6.944vw; font-size: 1.389vw;}
    .sec4_card_step-name {font-size: 2.083vw;}
    .sec4_card_desc {font-size: 1.667vw;}
    .sec4_card_desc span{font-size: 1.38vw; margin-top: 1.39vw;}
    .sec4_card_map-btn {height: 4.167vw; margin-top: 1.389vw; border-radius: 1.389vw; font-size: 1.389vw;}
    .sec4_notice_box {border-radius: 2.083vw; padding: 2.778vw 3.472vw;}
    .sec4_notice_item {font-size: 1.389vw; gap: 0.694vw;}
    .sec4_notice_item i {width: 1.042vw; margin-top: 0.417vw;}
    .sec4_btn-wrap {margin-top: 6.944vw;}

    /* sec5 */
    .sec5 {padding-top: 13.472vw; height: 99.861vw;}
    .sec5_bg .stck01 {width: 11.096vw; left: 3.139vw; top: 10.347vw;}
    .sec5_bg .stck02 {width: 3.889vw; left: 15.458vw; top: 7.014vw;}
    .sec5_bg .stck03 {width: 4.306vw; right: 1.722vw; top: 29.236vw;}
    .sec5_bg .stck04 {width: 16.639vw; right: 0.278vw; top: 51.581vw;}
    .sec5_img-txt {gap: 6.458vw; padding-bottom: 6.944vw;}
    .sec5_img {width: 41.667vw;}
    .sec5_img .swiper-slide.soldout::after{width: 34.72vw;}
    .sec5_txt_main {margin-bottom: 2.431vw;}
    .sec5_txt_tit {font-size: 4.559vw; margin-bottom: 2.083vw;}
    .sec5_txt_tit .heart {margin: 0 0.694vw; width: 4.167vw;}
    .sec5_txt_desc {font-size: 2.361vw;}
    .sec5_txt_reward {margin-bottom: 2.778vw;}
    .sec5_txt_reward_main {font-size: 2.153vw; margin-bottom: 3.056vw;}
    .sec5_txt_reward_main b::before {width: 25.383vw;}
    .sec5_txt_reward_main .yel::before {width: 8.681vw;}
    .sec5_txt_reward_note p {font-size: 1.389vw; padding-left: 1.042vw;}
    .sec5_txt_reward_note p::before {top: 0.694vw;}
    /* .sec5_txt_reward_note p:last-child{margin-top: 1.39vw;} */
    .sec5_btn {gap: 1.389vw; font-size: 1.806vw; height: 5.903vw; padding: 0 3.472vw; border-radius: 6.944vw;}
    .sec5_thumb_track {gap: 1.95vw;}
    .sec5_thumb_item {flex: 0 0 22.917vw; width: 22.917vw; border-radius: 1.389vw;}
    .sec5_thumb_nav {width: 93.778vw;}
    .sec5_thumb_prev,.sec5_thumb_next {width: 4.861vw; height: 4.861vw;}
    .sec5_thumb_prev img,.sec5_thumb_next img {width: 2.431vw;}

    /* sec6 */
    .sec6_left {top: 32.569vw;}
    .sec6_left .txt {width: 18.125vw;}
    .sec6_left .stck {left: 7.639vw; top: 2.083vw; width: 22.778vw;}
    .sec6_right {top: 44.931vw;}
    .sec6_right .txt {width: 16.319vw;}
    .sec6_right .stck {width: 13.264vw;}
    .sec6_tit {margin-bottom: 2.778vw; margin: 8.472vw auto 0;}
    .sec6_tit::after {width: 6.25vw; left: -1.736vw; bottom: 2.153vw;}
    .sec6_tit_main img {width: 37.153vw;}
    .sec6_tit_desc {font-size: 1.944vw; margin-top: 2.083vw;}
    .sec6_form {width: 83.333vw; border-radius: 2.778vw; box-shadow: 0.347vw 0.347vw 0 0 #000; padding: 5.556vw 3.472vw; margin-top: 4.167vw;}
    .sec6_form::before,
    .sec6_form::after {width: 4.167vw; top: -1.875vw; left: 5.694vw;}
    .sec6_form::after {right: 5.694vw;}
    .sec6_form_area {width: 62.5vw;}
    .sec6_form_row {gap: 0.694vw;}
    .sec6_form_row + .sec6_form_row {margin-top: 2.083vw;}
    .sec6_form_label {flex: 0 0 11.458vw; font-size: 1.389vw;}
    .sec6_form_input-wrap {gap: 0.694vw;}
    .sec6_form_input {height: 3.472vw; border-radius: 6.944vw !important; padding: 0 1.042vw; font-size: 1.111vw;}
    .sec6_form_err {font-size: 0.972vw;}
    .sec6_form_addr-row {gap: 0.694vw;}
    .sec6_form_addr-btn {flex: 0 0 8.333vw; height: 3.472vw; border-radius: 6.944vw; font-size: 1.111vw;}
    .sec6_form_agree-row {padding: 2.083vw 0 0 12.153vw; margin: 2.083vw auto 0; gap: 1.042vw;}
    .sec6_form_chk-label {gap: 0.694vw; font-size: 1.111vw;}
    .sec6_form_chk {width: 1.389vw; height: 1.389vw; border-radius: 0.347vw;}
    .sec6_form_chk:checked {background: var(--color1) url(/img/sub/check_ic.svg) no-repeat center / 0.764vw;}
    .sec6_form_agree-link {font-size: 1.042vw;}
    .sec6_form_agree-note {font-size: 0.972vw;}
    .sec6_form_agree-note p{ padding-left: 1.04vw;}
    .sec6_form_submit-wrap {margin-top: 2.778vw;}
    .sec6_form_submit {height: 4.861vw;}

    /* sec7 */
    .sec7 {padding: 13.333vw 0 16.111vw;}
    .sec7_swiper {gap: 2.083vw; width: 76.389vw;}
    .sec7_list_item {width: 17.361vw; margin-right: 2.08vw;}
    .sec7_txt {width: 44.722vw;}
    .sec7_txt_tit img {width: 44.722vw;}
    .sec7_txt_desc {font-size: 2.292vw; margin-top: 2.778vw;}

    /* sec8 */
    .sec8::before {height: 41.667vw; top: -4.514vw;}
    .sec8_cont {max-width: 100vw; padding: 0 1.389vw;}
    .sec8_tit {font-size: 4.514vw; margin-bottom: 3.472vw;}
    .sec8_tabs {gap: 0.694vw; margin-bottom: 3.472vw;}
    .sec8_tab {height: 4.167vw; width: 13.889vw; border-radius: 6.944vw; font-size: 1.528vw;}
    .sec8_tabpanel {width: 97.292vw;}
    .sec8_faq-list {gap: 1.389vw;}
    .sec8_faq-item {border-radius: 2.778vw; padding: 0 2.778vw;}
    .sec8_faq-q {gap: 1.042vw; padding: 2.083vw 0; font-size: 1.667vw;}
    .sec8_faq-q_mark {width: 2.778vw; height: 2.778vw; font-size: 1.389vw;}
    .sec8_faq-q_ico {width: 1.389vw;}
    .sec8_faq-a[aria-hidden="false"] {gap: 1.042vw; padding: 2.083vw 0;}
    .sec8_faq-a_mark {width: 2.778vw; height: 2.778vw; font-size: 1.389vw;}
    .sec8_faq-a > div {font-size: 1.25vw;}
    .sec8_faq-a > div .mt_15{margin-top: 1.04vw;}
    .sec8_faq-a > div li,
    .sec8_faq-a .desc p{padding-left: 1.04vw;}
    .sec8_faq-a > div li::before{ top: 0.83vw;}
    .sec8_faq-a > div .icon{width: 1.74vw; margin-right: 0.35vw;}

    /* popup */
    .popup {width: 64.583vw; border-radius: 2.083vw; box-shadow: 0 0.347vw 0.694vw rgba(0,0,0,0.1);}
    .popup_hd {height: 4.861vw;}
    .popup_tit {font-size: 1.389vw;}
    .popup_close {right: 1.528vw; width: 1.806vw; height: 1.806vw;}
    .popup_body {padding: 2.778vw 2.431vw 2.083vw;}
    .popup_type-tabs {gap: 0.944vw; margin-bottom: 2.083vw;}
    .popup_type-tab {gap: 0.556vw; width: 16.667vw; height: 3.472vw; padding: 0 1.389vw 0 1.667vw; border-radius: 2.778vw; font-size: 1.111vw; line-height: 1.667vw;}
    .popup_type-tab img {width: 1.111vw;}
    .popup_region-title {font-size: 1.389vw; margin-bottom: 2.083vw;}
    .popup_wrap {gap: 4.167vw;}
    #popupAreaWrap .popup_wrap{min-height: 26.81vw;}
    .popup_region-section_hd {height: 3.472vw; border-radius: 3.472vw; font-size: 1.389vw; margin: 0 auto 1.111vw;}
    .popup_region-cols {gap: 0.347vw 2.083vw;}
    .popup_scroll {max-height: 22.222vw;}
    .popup_region-cols li {gap: 0.694vw; font-size: 1.25vw; line-height: 1.944vw; width: 6.597vw;}
    .popup_sub-region + .popup_sub-region {margin-top: 1.667vw;}
    .popup_sub-region_tit {font-size: 1.25vw; margin-bottom: 1.042vw;}
    .popup_region-etc {font-size: 1.111vw; margin-bottom: 0.694vw;}
    .popup_foot {margin-top: 1.736vw;}
    .popup_confirm-btn {width: 12.5vw; height: 3.819vw; border-radius: 6.944vw; font-size: 1.25vw;}

    /* share popup */
    .share-popup {width: 28.542vw; max-width: calc(100vw - 2.083vw); border-radius: 1.806vw; box-shadow: 0 4px 1.667vw rgba(0,0,0,0.18); padding: 4.167vw 1.389vw 4.028vw;}
    .share-popup_close {top: 1.181vw; right: 1.181vw; width: 1.528vw; height: 1.528vw;}
    .share-popup_tit {font-size: 1.458vw; line-height: 1.847vw; margin-bottom: 1.181vw;}
    .share-popup_sns {gap: 1.181vw;}
    .share-popup_btn img {width: 3.542vw;}

    /* 개인정보 수집 및 이용약관 팝업 */
    .agree-popup {width: 45.139vw; max-width: calc(100vw - 2.083vw); border-radius: 2.083vw; box-shadow: 0 0.347vw 0.694vw rgba(0,0,0,0.1);}
    .agree-popup_hd {height: 4.861vw; padding: 0 2.778vw;}
    .agree-popup_tit {font-size: 1.389vw;}
    .agree-popup_body {gap: 2.778vw; padding: 5.556vw 2.778vw 4.167vw;}
    .agree-popup_txt {font-size: 1.29vw;}
    .agree-popup_confirm {width: 12.5vw; height: 3.819vw; border-radius: 6.944vw; font-size: 1.111vw;}

    /* 헤더 로고 팝업 */
    #popupDonateExit .popup_close{top: -3.26vw;}
    #popupDonateExit .popup{width: 34.72vw; padding: 2.78vw 1.74vw; border-radius: 1.39vw;}
    #popupDonateExit .pop_title{font-size: 2.08vw;}
    #popupDonateExit .img{margin: 2.08vw 0;}
    #popupDonateExit .pop_desc{font-size: 1.39vw; letter-spacing: -0.07vw;}
    #popupDonateExit .btn_wrap{margin-top: 2.43vw; gap: 1.39vw;}
    #popupDonateExit .btn_wrap a{font-size: 1.53vw; height: 4.17vw; padding: 0 3.47vw;}
}

@media (max-width:1280px){
    .sec3_box {width: 95.333vw; height: 49.139vw; top: 57.472vw;}
    .sec3_slide{top: 2.458vw; width: 74.528vw; height: 37.653vw; padding-top: 4.125vw;}
    .sec3_rcard_memo{font-size: 1.381vw;}
    .sec3_rcard_tags span,
    .sec3_rcard_traits p{font-size: 1.242vw;}
}

@media (max-width:768px){

    :root {
        /* 섹션 패딩 */
        --sec-pt:15.63vw;
        --sec-pb:15.63vw;
    }

    /* quick */
    #goodSycling .quick_btn {left: 2.6vw; right: 2.6vw; bottom: 2.6vw; top: initial;}
    #goodSycling .quick_btn .txt{font-size: 4.17vw; height: 13.02vw; border-radius: 2.6vw; display: flex; align-items: center; justify-content: center; padding: 0 0 0 13.02vw;}
    #goodSycling .quick_btn .img{width: 22.60vw; left: 3.13vw; transform: none; top: -7.399vw;}
    #goodSycling .quick_btn:hover{transform: none;}

    /* visual */
    /* #goodSycling .pin-spacer{margin-top: 0 !important;} */
    #goodSycling .visual{height: 700px !important; min-height: initial; max-height: initial;}
    #goodSycling .visual .scroll_down{width: 11.72vw; bottom: 4%;}
    /* #goodSycling .visual { height: calc(100svh - var(--header-h, 80px)); margin-top: var(--header-h, 80px); padding-top: 0 !important; box-sizing: border-box;} */
    #goodSycling .visual_item.item01 img { width: 20.833vw; }
    #goodSycling .visual_item.item02 img { width: 17.708vw; }
    #goodSycling .visual_item.item03 img { width: 18.229vw; }
    #goodSycling .visual_item.item05 img { width: 19.531vw; }
    #goodSycling .visual_item.item06 img { width: 15.625vw; }
    #goodSycling .visual_item.item04,
    #goodSycling .visual_item.item07,
    #goodSycling .visual_item.item08{display: none;}
    #goodSycling .visual_item.item01 .bubble { left: 10%;}
    #goodSycling .visual_item.item03 .bubble { left: -60%;}
    #goodSycling .visual_item .bubble .txt { font-size: 3.125vw; padding: 1.302vw 2.604vw; border-radius: 1.302vw; }
    #goodSycling .visual_item .bubble .tail { bottom: -1.432vw; left: 4.297vw; }
    #goodSycling .visual_item.item03 .bubble .tail{left: initial; right: 5.297vw;}
    #goodSycling .visual_item .bubble.small .txt { font-size: 2.604vw; padding: 1.042vw 1.953vw; }
    #goodSycling .visual_item .bubble.small .tail { bottom: -1.172vw; left: 5.339vw; }
    #goodSycling .visual_tit{transform: translateX(-50%); top: 47.67vw; width: 100%;}
    #goodSycling .visual_tit .tit { width: 69.531vw; }
    #goodSycling .visual_tit p { margin-top: 2.604vw; font-size: 3.906vw; }
    #goodSycling .visual_tit p span::before { width: 16.146vw; }

    /* sec1 */
    .sec1_tit { gap: 5.208vw; margin-bottom: 5.208vw; }
    .sec1_tit img {width: 90%;}
    .sec1_tit_sub { font-size: 3.91vw; }
    .sec1_cards { flex-wrap: wrap; gap: 2.865vw; }
    .sec1_card { flex: initial; perspective: initial; width: calc(50% - (2.865vw / 2));}
    .sec1_card_flipper { width: 43.49vw; height: 42.875vw; filter: drop-shadow(2px 4px 3.906vw rgba(0,0,0,0.15)); }
    .sec1_card_btn { width: 43.49vw; height: 42.875vw; border-radius: 5.143vw; }
    .sec1_card_btn::after { inset: 1.042vw; border-radius: 4.609vw; }
    .sec1_card_img { padding-top: 4.208vw; }
    .sec1_card_img img { max-height: 25.177vw; }
    .sec1_card_back { border-radius: 5.143vw; padding: 2.906vw; }
    .sec1_card_back::after { inset: 1.042vw; border-radius: 4.609vw; }
    .sec1_card .img1{width: 24.48vw;}
    .sec1_card_btn .img1{width: 18.48vw;}
    .sec1_card .img2{width: 22.66vw;}
    .sec1_card_btn .img2{width: 18.66vw;}
    .sec1_card .img3{width: 28.65vw;}
    .sec1_card_btn .img3{width: 24.48vw;}
    .sec1_card .img4{width: 21.05vw;}
    .sec1_card_back_txt { font-size: 3.39vw; }
    .sec1_card_name { width: 37.24vw; height: 8.73vw; margin-bottom: 4.036vw; font-size: 3.646vw; }
    .cursor { display: none; }

    /* sec2 */
    .sec2 {min-height: inherit; padding: 10.417vw 0 0; margin-top: -10.417vw; background-image:url(/img/gs2026/sec2_bg_m.png);}
    .sec2_talk { top: 24.417vw; width: 96.986vw; height: 50.586vw; }
    .sec2_talk .bb1 { width: 53.385vw; }
    .sec2_talk .bb2 { top: 20.443vw; width: 59.896vw; }
    .sec2_talk .bb3 { right: 4.427vw; width: 42.578vw; }
    .sec2_tit { padding-top: 112.146vw; gap: 5.208vw; }
    .sec2_tit::after { width: 10.115vw; right: -6.823vw; bottom: 8.279vw; }
    .sec2_tit_main { font-size: 7.813vw; }
    .sec2_tit_main span { font-size: 7.813vw; }
    .sec2_tit_main span::before,
    .sec2_tit_main span::after { left: -9.115vw; width: 5.208vw; display: none;}
    .sec2_tit_main span::after { right: -8.333vw; }
    .sec2_tit_mark::before { height: 5.729vw; }
    .sec2_btn { font-size: 4.69vw; height: 13.802vw; padding: 0 9.115vw; border-radius: 100px; }
    .sec2_btn_ico { width: 5.729vw; }
    .gs_btn { height: 13.802vw; padding: 0 9.115vw; font-size: 4.69vw; border-radius: 100px; }
    .gs_btn .flex-jc { gap: 2.604vw; }
    .gs_btn img { width: 5.21vw; }

    /* sec3 */
    .sec3 { min-height: 191.93vw; background-image: url(/img/gs2026/sec3_bg_m.png);}
    .sec3_box { width: 89.583vw; height: 101.56vw; border-radius: 7.292vw; box-shadow: 0 0.15vw 4.167vw rgba(0,0,0,0.12); top: 81.821vw; }
    .sec3_box::after { border-radius: 7.292vw; }
    .sec3_box .start_tit { gap: 5.21vw; top: 45%;}
    .sec3_box .start_tit h2 { font-size: 6.25vw; }
    .sec3_box .start_tit button {width: max-content; height: 11.72vw; padding: 0 6.51vw; gap: 2.604vw; font-size: 4.167vw; border-radius: 26.042vw; border-width: 1.04vw;}
    .sec3_box .start_tit button img { width: 5.729vw; }
    .sec3_stepbar { gap: 1.953vw; height: 7.938vw; }
    .sec3_stepbar_wrap { width: 58.594vw; }
    .sec3_stepbar_bar { height: 2.474vw; border-radius: 13.021vw; border-width: 1px;}
    .sec3_stepbar_fill { border-radius: 13.021vw; }
    .sec3_stepbar_ico { right: -1.953vw; width: 3.906vw; height: 3.646vw; }
    .sec3_stepbar_label { font-size: 2.604vw; }
    .sec3_slides { height: calc(100% - 7.938vw); }
    .sec3_slide { top: 2.734vw; width: 82.031vw; height: 86.6146vw; border-radius: 3.906vw; padding-top: 0;  justify-content: center;}
    .sec3_q-head { gap: 2.60vw; }
    .sec3_q-num { width: 7.771vw; height: 7.38vw;}
    .sec3_q-num sub { font-size: 2.083vw; }
    .sec3_q-tit { font-size: 4.69vw; }
    .sec3_q-img { width: 60.104vw; border-radius: 2.604vw; margin: 5.21vw 0;}
    .sec3_answers { gap: 2.60vw; width: 72vw; flex-direction: column;}
    .sec3_answer_btn { gap: 1.432vw; min-height: 10.42vw; border-radius: 2.604vw; padding: 1.302vw 2.604vw 1.302vw; font-size: 3.65vw; justify-content: flex-start;}
    .sec3_answer_mark { width: 5.859vw; height: 5.859vw; font-size: 3.646vw; }
    .sec3_result { width: 89.583vw; margin: 5.208vw auto 0; border-radius: 5.208vw; padding: 5.208vw; box-shadow: 0 4px 2.604vw rgba(0,0,0,0.08); }
    .sec3_result_inner { gap: 2.604vw; }
    .sec3_result_label { font-size: 2.604vw; }
    .sec3_result_tit { font-size: 6.51vw; }
    .sec3_result_btn { font-size: 2.604vw; padding: 2.083vw 6.25vw; border-radius: 13.021vw; }
    .sec3_loading_label { font-size: 3.906vw; margin-bottom: 1.563vw; }
    .sec3_loading_tit img { width: 49.74vw; }
    .sec3_loading_bottom { gap: 3.91vw; margin-top: 7.813vw; }
    .sec3_loading_bar-track { width: 76.563vw; height: 3.125vw; border-radius: 13.021vw; }
    .sec3_loading_bar-fill { border-radius: 13.021vw; }
    .sec3_loading_text { font-size: 3.39vw; letter-spacing: 1.042vw; }
    .sec3_rcard:not([hidden]) { padding: 3.13vw 4.297vw 3.646vw; overflow-y: auto;}
    .sec3_rcard:not([hidden])::-webkit-scrollbar {width: 2px;}
    .sec3_rcard:not([hidden])::-webkit-scrollbar-thumb {height: 30%; background: #FFF;}
    .sec3_rcard:not([hidden])::-webkit-scrollbar-track {background: rgba(255,255,255,0.3);}
    .sec3_rcard:not([hidden]) .sec3_rcard_inner{gap: 0; flex-direction: column; height: auto;}
    .sec3_rcard .scroll_down{display: flex !important; align-items: center; justify-content: center; font-size: 3.65vw; color: #FFF; font-family: var(--font-maple); font-weight: 700; letter-spacing: -0.04vw; line-height: 1.2; gap: 1.69vw; margin-bottom: 2.6vw;}
    .sec3_rcard .scroll_down img{width: 4.69vw;}
    .sec3_rcard_img { width: 100%; border-radius: 3.906vw 3.906vw 0 0; height: 102.04vw;}
    .sec3_rcard_img-info { padding-top: 3.906vw; }
    .sec3_rcard_img-tit { top: 3.646vw; padding: 0 2.604vw; }
    .sec3_rcard_img-name { font-size: 4.69vw; }
    .sec3_rcard_img-name span { font-size: 6.25vw; }
    .sec3_rcard_img-name span::before { height: 2.083vw; }
    .sec3_rcard_img-sub { font-size: 3.65vw; }
    .sec3_rcard_btns {position: initial; gap: 2vw; transform: none; margin-bottom: 5.21vw;}
    .sec3_rcard_btns .save { gap: 1.3vw; height: 9.11vw; padding: 0 6.15vw; border-radius: 13.021vw; font-size: 3.65vw; }
    .sec3_rcard_btns .save img { width: 4.69vw; }
    .sec3_rcard_btns .share,
    .sec3_rcard_btns .replay { width: 9.11vw; height: 9.11vw; }
    .sec3_rcard_btns .share img,
    .sec3_rcard_btns .replay img { width: 3.65vw; }
    .sec3_rcard_txt { border-radius: 0 0 3.906vw 3.906vw; padding: 3.906vw; }
    .sec3_rcard_scroll { padding-right: 0.651vw; }
    .sec3_rcard_memo { font-size: 3.39vw; border-radius: 3.65vw; padding: 3.65vw; }
    .sec3_rcard_tags { gap: 1.95vw; margin-top: 2.60vw; }
    .sec3_rcard_tags span { font-size: 3.39vw; padding: 0.911vw 2.604vw; border-radius: 1.302vw; }
    .sec3_rcard_type { margin-top: 2.6vw; }
    .sec3_rcard_type-label { font-size: 3.65vw; margin-bottom: 1.302vw; padding-left: 2.953vw; }
    .sec3_rcard_type-label::before { width: 0.8vw; height: 2.6vw; }
    .sec3_rcard_traits { margin-bottom: 3.255vw; }
    .sec3_rcard_traits p { font-size: 3.39vw; padding-left: 3.255vw; }
    .sec3_rcard_traits p::before { left: 1.042vw; top: 1.942vw; }
    .sec3_rcard_gc-msg { font-size: 3.65vw; }
    .sec3_rcard_bottom{margin-top: 7.81vw;}
    .sec3_rcard_bottom .gs_btn { height: 12.6vw; }
    .sec3_dev-switcher { gap: 1.042vw; margin-top: 1.563vw; padding: 1.302vw 2.083vw; border-radius: 1.042vw; }
    .sec3_dev-switcher::before { font-size: 1.563vw; }
    .sec3_dev-switcher button { font-size: 1.693vw; padding: 0.651vw 1.563vw; border-radius: 0.781vw; }

    /* sec4 */
    .sec4{padding: 15.63vw 0; background-image:url(/img/gs2026/sec4_bg_m.png);}
    .sec4_tit { margin-bottom: 7.813vw; }
    .sec4_tit_label { font-size: 5.208vw; margin-bottom: 1.302vw; }
    .sec4_tit_label::after { width: 82.031vw; }
    .sec4_tit_main img { width: 82.031vw; }
    .sec4_tit_desc { font-size: 3.646vw; margin-top: 5.208vw; }
    .sec4_cards { flex-direction: column; gap: 3.906vw; margin-bottom: 3.906vw; }
    .sec4_card { border-radius: 7.292vw; transform: none !important;}
    .sec4_card::before { width: 68.75vw; right: -12.5vw; top: -12.5vw; }
    .sec4_card_img-wrap { padding-top: 5.208vw; }
    .sec4_card_ico { width: 41.927vw; }
    .sec4_card_txt { padding: 3.865vw 5.208vw 6vw; }
    .sec4_card_step-wrap { gap: 2.6vw; margin-bottom: 3.13vw; }
    .sec4_card_step { height: 5.21vw; padding: 0 1.953vw; border-radius: 13.021vw; font-size: 3.39vw; }
    .sec4_card_step-name { font-size: 5.21vw; line-height: 1.4;}
    .sec4_card_desc { font-size: 3.65vw; }
    .sec4_card_desc span{font-size: 3.13vw; margin-top: 2.60vw;}
    .sec4_card_map-btn { height: 9.813vw; margin-top: 4.17vw; border-radius: 2.604vw; font-size: 3.65vw; }
    .sec4_notice_box { border-radius: 3.906vw; padding: 5.208vw 6.51vw; }
    .sec4_notice_item { font-size: 3.65vw; gap: 1.302vw; }
    .sec4_notice_item + .sec4_notice_item{margin-top: 2.6vw;}
    .sec4_notice_item i { width: 2.6vw; min-width: 2.6vw; margin-top: 1.4vw; }
    .sec4_btn-wrap { margin-top: 13.021vw; }

    /* sec5 */
    .sec5 { padding: 25.26vw 0 20.83vw; height: auto; background-image:url(/img/gs2026/sec5_bg_m.png);}
    .sec5_bg .stck01 { width: 24.544vw; left: 9.635vw; top: 19.401vw; display: none;}
    .sec5_bg .stck02 { width: 7.292vw; left: initial; top: 21.151vw; right: 9vw;}
    .sec5_bg .stck03 { width: 8.073vw; right: initial; top: 80.818vw; left: 4vw;}
    .sec5_bg .stck04 { width: 30.448vw; right: 0.896vw; top: 89.943vw; z-index: 5;}
    .sec5_img-txt { flex-direction: column-reverse; gap: 5.208vw; padding-bottom: 13.021vw; text-align: center;}
    .sec5_img { width: 89.583vw; }
    .sec5_img .swiper-slide.soldout::after{width: 65.10vw;}
    .sec5_txt_main { margin-bottom: 4.557vw; }
    .sec5_txt_tit { font-size: 7.813vw; margin-bottom: 5.208vw; }
    .sec5_txt_tit .heart { margin: 0 1.302vw; width: 7.813vw; }
    .sec5_txt_desc { font-size: 4.688vw; }
    .sec5_txt_reward { margin-bottom: 0; }
    .sec5_txt_reward_main { font-size: 4.036vw; margin-bottom: 0; }
    .sec5_txt_reward_main b::before { width: 47.591vw; }
    .sec5_txt_reward_main .yel::before { width: 16.276vw; }
    .sec5_txt_reward_note p { font-size: 3.39vw; padding-left: 2.6vw; }
    .sec5_txt_reward_note p::before { top: 1.6vw; }
    /* .sec5_txt_reward_note p:last-child{margin-top: 2.6vw;}
    .sec5_txt_reward_note p:last-child::before{left: -0.5vw;} */
    .sec5_btn { gap: 2.604vw; font-size: 4.69vw; height: 13.802vw; padding: 0 9.115vw; border-radius: 26.042vw; }
    .sec5_btn img{width: 5.21vw;}
    .sec5_thumb{padding-bottom: 2px;}
    .sec5_thumb_track { gap: 4.948vw; }
    .sec5_thumb_item { flex: 0 0 60.156vw; width: 60.156vw; border-radius: 3.646vw; }
    .sec5_thumb_nav { width: auto; transform: none; position: initial; justify-content: center; gap: 2.6vw; margin-top: 5.21vw;}
    .sec5_thumb_prev, .sec5_thumb_next { width: 12.76vw; height: 12.76vw; }
    .sec5_thumb_prev img, .sec5_thumb_next img { width: 6.38vw; }
    .sec5 .inner.mob{display: flex !important; flex-direction: column; align-items: center; gap: 5.21vw; margin-top: 10.42vw;}

    /* sec6 */
    .sec6_left { display: none; }
    .sec6_right { display: none; }
    .sec6_tit { margin: 15.625vw auto 0; }
    .sec6_tit::after { width: 8.073vw; left: -2.279vw; bottom: 2.865vw; display: none;}
    .sec6_tit_main img { width: 66.927vw; }
    .sec6_tit_desc { font-size: 3.646vw; margin-top: 3.906vw; }
    .sec6_form { width: 89.583vw; border-radius: 7.292vw; box-shadow: 0.651vw 0.651vw 0 0 #000; padding: 10.417vw 7.813vw; margin-top: 7.813vw; }
    .sec6_form::before,
    .sec6_form::after { width: 7.813vw; top: -3.516vw; left: 10.677vw; }
    .sec6_form::after { right: 10.677vw; left: initial; }
    .sec6_form_area { width: 100%; }
    .sec6_form_row { flex-direction: column; align-items: flex-start; gap: 1.302vw; }
    .sec6_form_row + .sec6_form_row { margin-top: 3.906vw; }
    .sec6_form_label { flex: none; font-size: 3.646vw; }
    .sec6_form_input-wrap { gap: 2.60vw; width: 100%; }
    .sec6_form_input { height: 11.719vw; border-radius: 13.021vw !important; padding: 0 3.906vw; font-size: 3.125vw; border-width: 1px;}
    .sec6_form_err { font-size: 2.604vw; }
    .sec6_form_addr-row { gap: 1.95vw; }
    .sec6_form_addr-btn { flex: 0 0 22.135vw; height: 11.719vw; border-radius: 13.021vw; font-size: 3.125vw; }
    .sec6_form_agree-row { padding: 5.21vw 0 0; margin: 5.21vw auto 0; gap: 2.6vw; }
    .sec6_form_agree-wrap{flex-direction: column; gap: 1.3vw; align-items: flex-start;}
    .sec6_form_chk-label { gap:  1.95vw; font-size: 3.65vw;}
    .sec6_form_chk { width: 4.69vw; height: 4.69vw; border-radius: 1.302vw; }
    .sec6_form_chk:checked { background: var(--color1) url(/img/sub/check_ic.svg) no-repeat center / 2.865vw; }
    .sec6_form_agree-link { font-size: 3.13vw; margin-left: 7.6vw;}
    .sec6_form_agree-note { font-size: 3.13vw; }
    .sec6_form_agree-note p{ padding-left: 2.85vw;}
    .sec6_form_submit-wrap { margin-top: 5.69vw; }
    .sec6_form_submit { height: 13.802vw; }

    /* sec7 */
    .sec7 { padding: 20vw 0 24.219vw; background-image: url(/img/gs2026/sec7_bg_m.png);}
    .sec7_swiper { width: 100%; position: initial; transform: none; overflow: visible; margin-top: 9.64vw;}
    .sec7_list_item { width: 39.06vw; margin-right: 4.69vw;}
    .sec7_txt { width: 82.552vw; }
    .sec7_txt_tit img { width: 82.552vw; }
    .sec7_txt_desc { font-size: 4.297vw; margin-top: 5.208vw; }

    /* sec8 */
    .sec8::before { height: 78.125vw; top: -8.464vw; background-image: url(/img/gs2026/sec8_bg_m.png);}
    .sec8_cont { max-width: 100vw; padding: 0 2.604vw; }
    .sec8_tit { font-size: 7.813vw; margin-bottom: 7.813vw; }
    .sec8_tabs { gap: 1.823vw; margin-bottom: 7.813vw; }
    .sec8_tab { height: 10.938vw; width: 36.458vw; border-radius: 13.021vw; font-size: 4.167vw; }
    .sec8_tabpanel { width: 89.583vw; }
    .sec8_faq-list { gap: 2.604vw; }
    .sec8_faq-item { border-radius: 7.292vw; padding: 0 5.208vw; }
    .sec8_faq-q { gap: 2.734vw; padding: 5.469vw 0; font-size: 4.17vw; letter-spacing: -0.02em;}
    .sec8_faq-q_mark { width: 7.29vw; height: 7.29vw; font-size: 3.65vw; }
    .sec8_faq-q_ico { width: 3.65vw; }
    .sec8_faq-a[aria-hidden="false"] { gap: 2.734vw; padding: 5.469vw 0; }
    .sec8_faq-a_mark { width: 7.29vw; height: 7.29vw; font-size: 3.65vw; }
    .sec8_faq-a > div { font-size: 3.65vw; line-height: 150%;}
    .sec8_faq-a > div .mt_15{margin-top: 2.5vw;}
    .sec8_faq-a > div li,
    .sec8_faq-a .desc p{padding-left: 3vw;}
    .sec8_faq-a > div li::before{ top: 1.95vw;}
    .sec8_faq-a > div .icon{width: 3.91vw; margin-right: 1vw;}

    /* popup */
    .popup { width: calc(100vw - 7.813vw); border-radius: 3.906vw; box-shadow: 0 0.651vw 1.302vw rgba(0,0,0,0.1); overflow-y: hidden;}
    .popup_hd { height: 12.115vw; }
    .popup_tit { font-size: 3.91vw; }
    .popup_close { right: 3.13vw; width: 3.91vw; height: 3.91vw; }
    .popup_body { padding: 5.208vw 4.557vw; overflow-y: auto; max-height: calc(100% - 12.115vw);}
    .popup_body::-webkit-scrollbar{width:3px;}
    .popup_body::-webkit-scrollbar-track{background:#ddd;border-radius:10px;}
    .popup_body::-webkit-scrollbar-thumb{background:#888;border-radius:10px;}
    .popup_type-tabs { gap: 1.823vw; margin-bottom: 5.21vw; }
    .popup_type-tab { gap: 1.95vw; width: 100%; height: 10.42vw; padding: 0 2.604vw 0 3.125vw; border-radius: 100px; font-size: 3.65vw; line-height: 1.4; }
    .popup_type-tab img { width: 4.17vw; }
    .popup_region-title { font-size: 3.65vw; margin-bottom: 5.21vw; }
    .popup_wrap { gap: 7.813vw; flex-direction: column; }
    #popupAreaWrap .popup_wrap{min-height: initial;}
    .popup_region-section{width: 100%;}
    .popup_region-section_hd {width: 100%; height: 9.51vw; border-radius: 6.51vw; font-size: 3.65vw; margin: 0 auto 2.083vw; }
    .popup_region-cols { gap: 0.651vw 3.906vw; }
    .popup_scroll { max-height: 41.667vw; }
    .popup_region-cols li { gap: 1.302vw; font-size: 3.39vw; line-height: 1.4; width: 17vw; }
    .popup_sub-region + .popup_sub-region { margin-top: 3.125vw; }
    .popup_sub-region_tit { font-size: 3.39vw; margin-bottom: 1.6vw; }
    .popup_region-etc { font-size: 3.39vw; margin-bottom: 1.302vw; }
    .popup_foot { margin-top: 3.255vw; }
    .popup_confirm-btn { width: 30.438vw; height: 10.161vw; border-radius: 100px; font-size: 3.65vw; }

    /* share popup */
    .share-popup { width: calc(100vw - 7.813vw); max-width: calc(100vw - 7.813vw); border-radius: 3.385vw; box-shadow: 0 4px 3.125vw rgba(0,0,0,0.18); padding: 7.813vw 2.604vw 7.552vw; }
    .share-popup_close { top: 2.214vw; right: 2.214vw; width: 2.865vw; height: 2.865vw; }
    .share-popup_tit { font-size: 2.734vw; line-height: 3.464vw; margin-bottom: 2.214vw; }
    .share-popup_sns { gap: 2.214vw; }
    .share-popup_btn img { width: 6.641vw; }

    /* 개인정보 수집 및 이용약관 팝업 */
    .agree-popup { width: calc(100vw - 7.813vw); max-width: calc(100vw - 7.813vw); border-radius: 3.906vw; }
    .agree-popup_hd { height: 12.115vw; padding: 0 5.208vw; }
    .agree-popup_tit { font-size: 3.91vw; }
    .agree-popup_body { gap: 5.208vw; padding: 10.417vw 5.208vw 7.813vw; }
    .agree-popup_txt { font-size: 3.65vw; line-height: 1.5; }
    .agree-popup_confirm { width: 30.438vw; height: 10.161vw; border-radius: 100px; font-size: 3.65vw; }

    /* 헤더 로고 팝업 */
    #popupDonateExit .popup_close{top: -6.12vw;}
    #popupDonateExit .popup{width: calc(100vw - 7.813vw); padding: 6.51vw 3.26vw; border-radius: 2.60vw;}
    #popupDonateExit .pop_title{font-size: 5.21vw;}
    #popupDonateExit .img{margin: 3.91vw 0;}
    #popupDonateExit .pop_desc{font-size: 3.52vw; letter-spacing: -0.13vw;}
    #popupDonateExit .btn_wrap{margin-top: 6.12vw; gap: 2.60vw;}
    #popupDonateExit .btn_wrap a{font-size: 3.39vw; height: 9.11vw; padding: 0 6.51vw;}
}