@charset "utf-8";

@font-face{font-family:"Pretendard";font-weight:100;src:url("/fonts/Pretendard-Light.woff2") format("woff2");}
@font-face{font-family:"Pretendard";font-weight:400;src:url("/fonts/Pretendard-Regular.woff2") format("woff2");}
@font-face{font-family:"Pretendard";font-weight:500;src:url("/fonts/Pretendard-Medium.woff2") format("woff2");}
@font-face{font-family:"Pretendard";font-weight:600;src:url("/fonts/Pretendard-SemiBold.woff2") format("woff2");}
@font-face{font-family:"Pretendard";font-weight:700;src:url("/fonts/Pretendard-Bold.woff2") format("woff2");}
@font-face{font-family:"Pretendard";font-weight:800;src:url("/fonts/Pretendard-ExtraBold.woff2") format("woff2");}
@font-face{font-family:"Paperlogy";src:url("https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2");font-weight:400;}
@font-face{font-family:"Paperlogy";src:url("https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2");font-weight:500;}
@font-face{font-family:"Paperlogy";src:url("https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2");font-weight:700;}
@font-face{font-family:"Paperlogy";src:url("https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2");font-weight:800;}
@font-face{font-family:"IM_Hyemin";src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2106@1.1/IM_Hyemin-Regular.woff2') format('woff');font-weight:normal;}
@font-face{font-family:"InkLipquid";src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');font-weight:normal;}
@font-face{font-family:"GmarketSans";src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');font-weight:500;}
@font-face{font-family:"GmarketSans";src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');font-weight:700;}

/* common */
:root{
    --border:2px solid #000;
    --shadow:4px 6px 2px rgba(0, 0, 0, 0.05);
    --shadow2:4px 6px 2px rgba(0, 0, 0, 0.2);

    --white:#fff;
    --lightGray:#d4dbeb;
    --blue:#4883ff;
    --navy:#0042CF;
    --green500:#08e638;

    /* font */
    --Paper:"Paperlogy";
    --Pre:"Pretendard";
    --hye:"IM_Hyemin";
}

/* reset */
html:has(.secret.interactive){-webkit-text-size-adjust:none;}
html:has(.secret.interactive) .wrap{overflow-x:clip;}
a{text-decoration:none;}
ul,ol{list-style:none;}
.secret *{margin:0;padding:0;box-sizing:border-box;font-family:"Paperlogy";font-weight:500;}
.secret .blind{position:absolute;left:-9999px;}

/* icon */
i{display:inline-block;font-size:0;background-repeat:no-repeat;background-position:center;background-size:contain;}
.ico_arrow{width:8px;height:14px;}
.ico_arrow_mini{width:6px;height:11px;}
.ico_frame{width:22px;height:22px;}
.ico_check{width:16px;height:16px;}
.ico_arrow_right{background-image:url(/images/event/secret/ico_arrow_right_lightBlue.svg);background-size:cover;background-position:center;}
.ico_frame_check{width:3rem;height:3rem;background-image:url(/images/event/secret/ico_frame_check_blue.svg);}
.ico_frame_info{background-image:url(/images/event/secret/ico_frame_info.svg);}
.ico_frame_faq{background-image:url(/images/event/secret/ico_frame_faq.svg);}
.ico_check{background-image:url(/images/event/secret/ico_check_blue.svg);}

/* layout */
.secret .center_wrap{width:1080px;margin:0 auto;}
.flex_wrap{display:flex;}
.fd_c{flex-direction:column;}
.fd_cr{flex-direction:column-reverse;}
.jc_sb{justify-content:space-between;}
.jc_c{justify-content:center;}
.ai_c{align-items:center;}

/* color */
.font_lightGray{color:var(--lightGray);}
.font_white{color:var(--white);}
.font_blue{color:var(--blue);}
.font_navy{color:var(--navy);}
.font_green{color:var(--green500);}
.font_dot{display:block;content:"";width:4px;height:4px;border-radius:4px;background-color:var(--lightGray);}

/* interactive */
.secret{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.secret.interactive section{transition:.8s;}
.secret.interactive section *:not(.overview .tit_wrap, .tit_hide h4, .list_wrap li > div){opacity:0;transform:translateY(120px);transition:.5s;}
.secret.interactive section.is-active *:not(.overview .tit_wrap, .tit_hide h4, .list_wrap li > div){opacity:1;transform:translateY(0);}
.secret.interactive section.is-active .wrap > *:nth-child(1){transition-delay:.3s;}
.secret.interactive section.is-active .wrap > *:nth-child(2){transition-delay:.6s;}
.secret.interactive section.is-active .wrap > *:nth-child(3){transition-delay:.9s;}
.secret.interactive section.is-active .wrap > *:nth-child(4){transition-delay:1.2s;}
.secret.interactive section.is-active .wrap > *:nth-child(5){transition-delay:1.5s;}
.secret.interactive section.is-active .wrap > *:nth-child(6){transition-delay:1.8s;}
/* common // -------------- */

/* page */
/* overview */
@keyframes slow_coin{0%{transform:translateY(0);}50%{transform:translateY(-20px);}100%{transform:translateY(0);}}
@keyframes fast_coin{0%{transform:translateY(0);}50%{transform:translateY(40px);}100%{transform:translateY(0);}}
@keyframes drop_title{0%{transform:translateY(-1000px);opacity:0;}98%{transform:translateY(2px);}100%{transform:translateY(0);opacity:1;}}
@keyframes show_title{0%{opacity:0;}100%{opacity:1;}}
.secret .overview{position:relative;height:750px;background:url(/images/event/secret/bg_overview.png) repeat-x;background-size:cover;background-position:center;overflow:hidden;}
.secret .overview::before,
.secret .overview::after{position:absolute;z-index:0;top:0;left:0;display:block;content:"";width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;}
.secret .overview::before{background-image:url(/images/event/secret/img_coin_slow.png);animation:slow_coin 6s .9s linear alternate infinite;}
.secret .overview::after{background-image:url(/images/event/secret/img_coin_fast.png);animation:fast_coin 3s .9s linear alternate infinite;}
.secret .overview > div{position:relative;gap:44px;z-index:1;height:100%;padding:9rem 0 12rem;}
.secret .overview .tit_wrap{font-size:3.6rem;animation:show_title 1.4s .7s forwards;opacity:0;}
.secret .overview .tit_wrap p,
.secret .overview .tit_wrap p *{font-family:var(--Pre);}
.secret .overview .tit_wrap ins{position:relative;text-decoration:none;}
.secret .overview .tit_wrap ins:before{position:absolute;top:-7px;left:50%;display:block;content:'';width:4px;height:4px;border-radius:2px;background-color:#D4DBEB;transform:translateX(-55%);}
.secret .overview h2{position:relative;width:980px;height:381px;background:url(/images/event/secret/img_main_logo.png) no-repeat center;background-size:contain;font-size:0;animation:drop_title .8s forwards cubic-bezier(0, 0, 0, 1.2);}
.secret .overview h2::after{position:absolute;top:4px;right:0;display:inline-block;content:'최대 30%';width:16rem;height:5rem;border-radius:200px;background:url(/images/event/secret/img_overview_discount.png) no-repeat;background-size:contain;box-shadow:0 0 20px #0D3283;font-size:0;}
.secret .overview h3{background:linear-gradient(180deg, #fff 28.77%, #8ceaff 100%);background-clip:text;font-size:5.4rem;font-family:var(--Paper);font-weight:700;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1.24px;}
.secret .overview h3 strong{font-size:6.2rem;font-weight:800;transition:0s !important;}
/* overview // -------------- */

/* free */
@keyframes shadow_line{0%{box-shadow:inset 0 0 7px 7px #a8feff,0px 0px 40px 0px #a8feff;}50%{box-shadow:inset 0 0 7px 7px #a8feff,0px 0px 100px 0px #a8feff;}100%{box-shadow:inset 0 0 7px 7px #a8feff,0px 0px 40px 0px #a8feff;}}
.secret .free{position:relative;display:flex;flex-direction:column;align-items:center;margin-top:-1px;padding:120px 0 140px;background:url(/images/event/secret/bg_free_line.png), linear-gradient(180deg,rgba(0, 20, 63, 1) 0%, rgba(0, 14, 45, 1) 100%);background-repeat:no-repeat;background-position:center;background-size:cover;font-size:clamp(4px, 1vw ,10px);}
.secret .free .tit_wrap{gap:8px;}
.secret .free .tit_wrap h3{font-size:6.3rem;color:#fff;font-weight:800;letter-spacing:-1.92px;}
.secret .free .tit_wrap h3 span{color:#01F54C;font-weight:inherit;}
.secret .free .tit_wrap h3 span em{font-size:5rem;letter-spacing:-1.5px;}
.secret .free .tit_wrap p{font-size:3.6rem;color:#fff;font-family:var(--Pre);letter-spacing:-0.72px;}
.secret .free img{margin-bottom:-13px;padding-top:60px;}
.secret .free .price_wrap{gap:15px;}
.secret .free .price_wrap > small{font-size:2.4rem;color:#63718E;font-family:var(--Pre);letter-spacing:-0.48px;}
.secret .free .price_wrap del{position:relative;text-decoration:none;font-size:3.2rem;color:#B8CFFF;letter-spacing:0.64px;}
.secret .free .price_wrap del::before,
.secret .free .price_wrap del::after{position:absolute;z-index:1;display:block;content:'';}
.secret .free .price_wrap del::before{top:17px;width:calc(100% + 10px);height:1px;background-color:#B8CFFF;}
.secret .free .price_wrap del::after{top:41%;right:-10px;height:0;border:solid #B8CFFF;border-width:0 1px 1px 0;padding:2px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.secret .free .price_wrap del + div{margin:0 1.6rem 0 2.7rem;vertical-align:bottom;}
.secret .free .price_wrap strong{font-size:5.4em;color:#fff;font-weight:800;letter-spacing:1.08px;}
.secret .free .price_wrap em{margin-left:-4px;font-size:3.8em;color:#fff;letter-spacing:1.08px;}
.secret .free .price_wrap span:has(small){background:linear-gradient(97deg, #2F82FF 10.09%, #00EA33 108.03%);font-size:3.6em;color:#FFF;letter-spacing:0.72px;padding:0.9rem 2rem;border-radius:100px;font-weight:800;}
.secret .free .price_wrap span > small{font-size:0.85em;font-weight:600;}
.secret .free .line_wrap{position:absolute;top:53.2%;width:120%;line-height:7.3rem;background-color:#00FCFF;text-align:center;font-size:3.6em;font-family:var(--Paper);color:#000;font-weight:600;box-shadow:inset 0 0 7px 7px #a8feff,0px 0px 40px 0px #a8feff;transform:translateY(0) rotate(-7.11deg) !important;}
.secret .free.is-active .line_wrap{animation:shadow_line 1.4s .3s 2;animation-iteration-count:2;}
.secret .free .line_wrap span{color:#0051FF;font-weight:600;}
/* free // -------------- */

/* solution */
@keyframes hide_title{0%{transform:translateY(40px);}100%{transform:translateY(0);}}
.secret .solution{gap:7rem;height:auto;padding:120px 0 70px;border:none;background:linear-gradient(180deg, #9CCAFF 0%, #D3E8FF 100%);}
.secret .solution:has(.solution_wrap){gap:70px;padding-bottom:14rem;background:linear-gradient(180deg, #D3E8FF 0%, #fff 100%);}
.secret .solution h3{text-align:center;font-size:6.8rem;font-family:var(--Paper);font-weight:800;letter-spacing:-2.04px;}
.secret .solution .story_wrap{gap:8rem;font-size:clamp(5.5px, 1vw, 10px);}
.secret .solution .story_wrap>div{gap:2.4rem;}
.secret .solution .story_wrap .tit_wrap h3{color:#0042CF;white-space:pre;}
.secret .solution .story_wrap .tit_wrap h3 span{color:#000;font-weight:800;}
.secret .solution .story_wrap small{font-size:2.4em;color:#4B6686;font-weight:400;letter-spacing:-0.72px;}
.secret .solution .problem_wrap{position:relative;display:flex;flex-direction:column;gap:15px;align-items:baseline;width:auto;}
.secret .solution .problem_wrap.wrap{overflow-x:visible;}
.secret .solution .problem_wrap li{position:relative;padding:1.7rem 4.9rem 1.8rem;border-radius:100px;background:rgba(255, 255, 255, 0.85);color:#3C4966;font-size:2.74em;font-family:var(--hye);font-weight:700;box-shadow:4px 4px 40px 0 rgba(134, 156, 206, 0.20), 2px 2px 20px 0 rgba(218, 230, 255, 0.50) inset;white-space:pre;letter-spacing:-0.6px;}
.secret .solution .problem_wrap > li:nth-child(1){left:3%;}
.secret .solution .problem_wrap > li:nth-child(2){right:-19.4%;}
.secret .solution .problem_wrap > li:nth-child(3){left:-5%;}
.secret .solution .problem_wrap > li:nth-child(4){right:-20.4%;}
.secret .solution .problem_wrap > li:nth-child(5){left:-6.7%;}
.secret .solution .problem_wrap > li> span{position:absolute;font-size:0;}
.secret .solution .problem_wrap > li:nth-child(2) > span{bottom:-34px;right:-118px;width:233px;height:213px;background:url(/images/event/secret/img_solution_emo_2.png);}
.secret .solution .problem_wrap > li:nth-child(5) > span{bottom:-62px;left:-192px;width:218px;height:218px;background:url(/images/event/secret/img_solution_emo_1.png);}
.secret .solution .solution_wrap{gap:7rem;font-size:clamp(7.5px, 1vw, 10px);}
.secret .solution .solution_wrap .tit_wrap{gap:10px;margin-bottom:8px;}
.secret .solution .solution_wrap .tit_wrap p{font-size:4rem;color:#424242;}
.secret .solution .solution_wrap .tit_wrap h3{color:#000;}
.secret .solution .solution_wrap .tit_hide{position:relative;height:40px;overflow:hidden;}
.secret .solution .solution_wrap h4{position:absolute;font-size:3.4em;color:#fff;font-weight:700;font-family:var(--Pre);letter-spacing:-1.02px;transform:translateY(-40px);}
.secret .solution.is-active .solution_wrap h4{animation:hide_title 1s .8s forwards;}
.secret .solution .solution_wrap h5{font-size:2.6em;color:#E0EEFA;font-family:var(--Pre);letter-spacing:-0.78px;}
.secret .solution .solution_wrap ul{display:flex;gap:24px;}
.secret .solution .solution_wrap li{flex:0 1 100%;height:360px;}
.secret .solution .solution_wrap li > div{gap:4px;}
.secret .solution .solution_wrap ul li{display:flex;flex-direction:column;justify-content:space-between;padding:3rem 3rem 3.3rem;border-radius:20px;background-position:right 31px bottom 23px, center;background-repeat:no-repeat;box-shadow:0 0 4px rgba(0, 0, 0, 0.25);}
.secret .solution .solution_wrap ul li:nth-child(1){background-image:url(/images/event/secret/bg_solution_list_1.png), linear-gradient(131deg, #5389FF -0.05%, #003099 98.46%);}
.secret .solution .solution_wrap ul li:nth-child(2){background-image:url(/images/event/secret/bg_solution_list_2.png), linear-gradient(131deg, #8BADCD -0.05%, #283C48 98.46%);}
.secret .solution .solution_wrap ul li:nth-child(3){background-image:url(/images/event/secret/bg_solution_list_3.png), linear-gradient(131deg, #2FA8FF -0.05%, #003967 98.46%);}
.secret .solution .solution_wrap ul p{display:inline-block;align-items:flex-end;font-size:2.2em;color:var(--white);font-family:var(--Pre);font-weight:400;line-height:30px;opacity:0.8;letter-spacing:-0.66px;text-align:right;}
.secret .solution .solution_wrap a{position:relative;display:inline-flex;align-items:center;gap:10px;font-size:2.4em;color:#7F8FAF;font-family:var(--Pre);letter-spacing:-0.72px;}
.secret .solution .solution_wrap a:after{position:absolute;bottom:-4px;content:'';width:100%;height:1px;background-color:#7F8FAF;}
/* solution // -------------- */

/* review */
.secret .review{display:flex;flex-direction:column;gap:8rem;padding:120px 0 140px;background:#00AD35;font-size:clamp(6.5px, 1vw ,10px);}
.secret .review .tit_wrap{gap:8px;}
.secret .review .tit_wrap h3{font-size:6.4rem;color:#fff;letter-spacing:-1.92px;font-weight:800;}
.secret .review .tit_wrap p{font-size:3.6em;color:#fff;font-family:var(--Pre);letter-spacing:-0.72px;}
.secret .review ul.wrap{gap:32px;overflow-x:visible;}
.secret .review ul > li{border-radius:20px;}
.secret .review ul > li > span{position:absolute;display:block;background-repeat:no-repeat;font-size:0;}
.secret .review ul > li:has(span){position:relative;}
.secret .review ul > li:nth-child(1) > span{right:-215px;bottom:21px;width:200px;height:201px;background-image:url(/images/event/secret/img_review_tumb.png);}
.secret .review ul > li:nth-child(2) > span{left:-224px;bottom:-120px;width:220px;height:222px;background-image:url(/images/event/secret/img_review_emo.png);}
.secret .review ul > li > div:nth-child(1){display:flex;justify-content:space-between;align-items:center;padding:2.4rem 4.7rem 2.1rem;border-radius:20px 20px 0 0;background:#0042CF;}
.secret .review ul > li > div:nth-child(1) h4{display:flex;align-items:center;font-size:3rem;color:#fff;font-weight:600;letter-spacing:-0.9px;}
.secret .review ul > li > div:nth-child(1) span{font-size:2em;color:#6D87BE;font-weight:400;letter-spacing:-0.4px;}
.secret .review ul > li > div:nth-child(1) h4:after{display:inline-block;content:"별 다섯개 이미지";width:121px;height:20px;margin:0 0 2px 12px;background:url(/images/event/secret/img_review_star.png);font-size:0;vertical-align:middle;}
.secret .review ul > li > div:nth-child(2){padding:4.8rem;border-radius:0 0 2rem 2rem;background:#FFF;}
.secret .review ul > li > div:nth-child(2){display:flex;flex-direction:column;gap:14px;}
.secret .review ul > li > div:nth-child(2) h5{font-size:3rem;color:#000;font-family:var(--Pre);font-weight:600;letter-spacing:-0.6px;}
.secret .review ul > li > div:nth-child(2) p{font-size:2.4em;color:#202020;font-family:var(--Pre);font-weight:400;line-height:3.6rem;letter-spacing:-0.48px;}
/* review // -------------- */

/* reason */
.secret .reason{display:flex;flex-direction:column;padding:12rem 0 12.5rem;background:#101010;font-size:clamp(7px, .8vw, 10px);}
.secret .reason:has(.reason_wrap){padding-top:12rem;padding-bottom:12.3rem;background:url(/images/event/secret/bg_reason.png) no-repeat center;background-position:top center;background-size:cover;}
.secret .reason article{display:flex;flex-direction:column;align-items:center;gap:6rem;}
.secret .reason h4{color:var(--white);text-align:center;font-size:5.2rem;font-weight:400;letter-spacing:-1.56px;}
.secret .reason h4 b{display:block;font-size:6.8rem;color:#6797FF;font-weight:800;letter-spacing:-2.04px;white-space:pre;}
.secret .reason .list_wrap ul{width:min(100%, 809px);padding:1.8rem 5.2rem;border-radius:20px;background-color:#2D2D2D;overflow: hidden;}
.secret .reason .list_wrap li{padding:3.2rem 0 3.3rem;border-bottom:1px dashed #4E4E4E;transform:translateY(0) !important;overflow: hidden;}
.secret .reason .list_wrap li:last-child{border-bottom:none;}
.secret .reason .list_wrap li > div{position:relative;display:flex;align-items:center;gap:2rem;overflow:hidden;transform:translateY(70px);transition:0.4s;}
.secret .reason.is-active .list_wrap li > div{transform:translateY(0);transition-delay:inherit;}
.secret .reason .list_wrap li p{font-size:2.8rem;color:#fff;font-family:var(--Pre);font-weight:400;letter-spacing:-0.84px;}
.secret .reason .list_wrap li b{font-family:inherit;font-weight:700;}
.secret .reason .reason_wrap > div{gap:1rem;}
.secret .reason .reason_wrap h4{font-size:4rem;color:#BEC3CD;letter-spacing:-1.2px;}
.secret .reason .reason_wrap h3{background:linear-gradient(90deg, #EFF4FF 2.13%, #99BAFF 99.87%);background-clip:text;font-size:6.8rem;font-family:var(--Paper);font-weight:800;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-2.04px;}
.secret .reason .reason_wrap p{position:relative;font-size:clamp(20px, 7vw, 52px);color:#fff;font-family:'InkLipquid';font-weight:400;letter-spacing:-1.04px;}
.secret .reason .reason_wrap p:after{position:absolute;content:"";left:50%;bottom:-4px;width:0;height:21px;background-image:url(/images/event/secret/img_reason_underline.png);background-repeat:no-repeat;background-size:cover;transform:translateX(-50%);transition:.2s;}
.secret .reason.is-active .reason_wrap p:after{width:calc(100% - 12px);}
.secret .reason .reason_wrap p span{font-family:inherit;color:#8CEAFF;}
.secret .reason .reason_wrap ul{display:flex;gap:24px;}
.secret .reason .reason_wrap ul li strong{display:flex;align-items:baseline;margin:2rem 0 .3rem;background:linear-gradient(180deg, #000 40%, #0042CF 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:10em;font-family:"GmarketSans";font-weight:700;letter-spacing:-4px;}
.secret .reason .reason_wrap ul li strong small{background:linear-gradient(180deg, #000 40%, #0042CF 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:0.57em;font-family:"GmarketSans";letter-spacing:-0.285rem;}
.secret .reason .reason_wrap ul li strong em,
.secret .reason .reason_wrap ul li strong span{position:relative;display:inline-block;background-color:#012168;font-size:0;}
.secret .reason .reason_wrap ul li strong em{left:0px;bottom:-3px;align-self:center;width:23px;height:8px;}
.secret .reason .reason_wrap ul li strong span{left:3px;bottom:3px;width:14px;height:14px;margin:0 5px 0 3px;border-radius:7px;}
.secret .reason .reason_wrap ul li{display:flex;flex-direction:column;align-items:center;flex:0 1 100%;padding:4.8rem 0;background-color:#fff;border-radius:20px;}
.secret .reason .reason_wrap ul li:first-child{background:#fff url(/images/event/secret/bg_reason_arrow.png);background-size:contain;background-repeat:no-repeat;background-position:bottom 52% left -32px;}
.secret .reason .reason_wrap ul li > em{padding:9.5px 21px;border-radius:100px;background:#0042CF;font-size:2.4em;color:#FFF;font-family:var(--Pre);font-weight:600;letter-spacing:-0.72px;}
.secret .reason .reason_wrap ul li span{font-size:2.2em;color:#636873;font-family:var(--Pre);font-weight:400;letter-spacing:-0.66px;}
/* reason // -------------- */

/* decision */
@keyframes moving_bubble{0%{transform:translateY(0);}50%{transform:translateY(4px);}100%{transform:translateY(0);}}
.secret .decision{display:flex;flex-direction:column;gap:7.8rem;padding:14rem 0 10.4rem;font-size:clamp(6px, 1vw ,10px);}
.secret .decision .tit_wrap{display:flex;justify-content:center;align-items:center;gap:10px;}
.secret .decision .tit_wrap h3{font-size:clamp(28px, 5vw, 64px);color:#000;font-weight:800;line-height:7.8rem;letter-spacing:-1.92px;}
.secret .decision .tit_wrap h3 b{display:block;color:#0042CF;font-weight:800;text-align:center;}
.secret .decision .tit_wrap h4{font-size:3.6rem;color:#576073;font-family:var(--Pre);font-weight:500;letter-spacing:-0.72px;}
.secret .decision .decision_chart{position:relative;margin-top:-88px;}
.secret .decision .decision_chart::before{position:absolute;z-index:1;right:13.5%;bottom:25.3%;display:inline-block;content:"대량 작업 최적화!";width:199px;height:78px;background:url(/images/event/secret/img_decision_bubble.png) no-repeat;font-size:0;animation:moving_bubble 2s infinite forwards;}
/* decision // -------------- */

/* price */
@keyframes slow_star{0%{transform:translate(-50%, 0);}50%{transform:translate(-50%, 10px);}100%{transform:translate(-50%, 0);}}
@keyframes fast_star{0%{transform:translate(-50%, 0);}50%{transform:translate(-50%, 20px);}100%{transform:translate(-50%, 0);}}
@keyframes star{0%{transform:rotateY(0deg);}50%{transform:rotateY(180deg);}100%{transform:rotateY(0deg);}}
.secret .price{position:relative;display:flex;flex-direction:column;align-items:center;padding:140px 0;background:url(/images/event/secret/bg_price.png), linear-gradient(180deg, #111  0%, #0D152A 50%, #083087 100%);font-size:clamp(7px, 1vw ,10px);}
.secret .price .tit_wrap{gap:8px;margin-bottom:7.5rem;}
.secret .price h4{font-size:3.6rem;color:#FFF;font-family:var(--Pre);font-weight:500;text-align:center;letter-spacing:-0.72px;}
.secret .price h3{position:relative;background:-webkit-linear-gradient(0deg, #FFFFFF 50%, #0b58ff 100%);-webkit-background-clip:text;font-size:9rem;color:#0F1012;font-weight:800;text-align:center;letter-spacing:-2.7px;-webkit-text-stroke:4px transparent;}
.secret .price h3::before{position:absolute;content:'쉿!크릿';font-size:inherit;-webkit-background-clip:border-box;z-index:0;color:#0F1012;-webkit-text-stroke:0;text-shadow:#bed3ff 1px 0 10px;}
.secret .price h3 b{display:block;margin-top:-5px;background:linear-gradient(180deg, #FFF 22.12%, #276CFF 100%);background-clip:text;font-size:9.1rem;font-weight:800;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:4px;}
.secret .price::before{background:url(/images/event/secret/bg_price_star_1.png);}
.secret .price::before{animation:slow_star 6s linear alternate infinite;}
.secret .price::after{background:url(/images/event/secret/bg_price_star_2.png);}
.secret .price::after{animation:fast_star 3s linear alternate infinite;}
.secret .price::before, .secret .price::after{position:absolute;top:297px;left:50%;display:block;content:"";width:1306px;height:493px;background-position:center;transform:translateX(-50%);}
.secret .price .coupon_wrap::before,
.secret .price .coupon_wrap::after{position:absolute;display:block;content:'';background-position:center;}
.secret .price .coupon_wrap::before{top:36px;left:-56px;width:61px;height:60px;background:url(/images/event/secret/img_price_star_1.png);}
.secret .price.is-active .coupon_wrap::before{animation:star 2s infinite;}
.secret .price .coupon_wrap::after{top:96px;right:-34px;width:39px;height:38px;background:url(/images/event/secret/img_price_star_2.png);}
.secret .price.is-active .coupon_wrap::after{animation:star 2s 0.8s infinite;}
.secret .price .table_wrap{position:relative;margin-top:-45px;padding-bottom:10px;}
.secret .price .table_wrap::before{position:absolute;top:-2.1rem;right:11px;z-index:1;display:inline-block;content:"";width:234px;height:95px;background:url(/images/event/secret/img_price_bubble.png) no-repeat;background-size:contain;}
.secret .price .info_wrap{gap:3.1rem;}
.secret .price .info_wrap a{position:relative;display:flex;align-items:center;gap:8px;margin-left:16px;font-size:18px;color:#E3ECFF;font-family:var(--Pre);font-weight:500;letter-spacing:-0.054rem;}
.secret .price .info_wrap a:after{position:absolute;left:0;bottom:-4px;content:'';width:100%;height:1px;background-color:#7F8FAF;}
.secret .price .info_wrap p{font-size:2.4em;color:#87AAF4;font-family:var(--Pre);line-height:34px;text-align:center;letter-spacing:-0.048rem;}
/* price // -------------- */

/* link */
@keyframes shake_arrow{0%{transform:rotate(0);}50%{transform:rotate(-6deg);}100%{transform:rotate(0deg);}}
@keyframes blink_star{0%{transform:scale(1);}25%{transform:scale(0.8);}50%{transform:scale(1.2);}100%{transform:scale(1);}}
.secret .link{position:relative;height:548px;padding:12rem 0 0;font-size:clamp(4px, 1vw ,10px);background:url(/images/event/secret/bg_link.png);}
.secret .link p{margin-bottom:22px;color:#FFF;font-size:3.2rem;line-height:40px;letter-spacing:-0.64px;}
.secret .link h3{font-size:7.4em;color:#FFF;font-style:normal;font-weight:800;line-height:80px;text-align:center;letter-spacing:-1.48px;}
.secret .link small{position:absolute;width:fit-content;right:26%;bottom:28%;font-size:clamp(30px, 3vw, 36px);color:#8CEAFF;font-family:"InkLipquid";letter-spacing:-0.72px;}
.secret .link.is-active small{animation:shake_arrow 2s;}
.secret .link ul{position:absolute;top:0;width:100%;height:100%;}
.secret .link ul li{position:absolute;background-size:contain;font-size:0;}
.secret .link ul li:nth-child(1){bottom:27%;left:36.5%;width:27px;height:32px;background:url(/images/event/secret/img_link_blink.png);}
.secret .link.is-active ul li:nth-child(1){animation:blink_star 1.4s infinite;}
.secret .link ul li:nth-child(2){bottom:38%;left:38%;width:5.4rem;height:4.8rem;background:url(/images/event/secret/img_link_power.png);background-size:cover;animation:shake_arrow 1.8s .2s infinite;opacity:1;}
.secret .link ul li:nth-child(3){bottom:32.5%;right:35.5%;width:88px;height:81px;background:url(/images/event/secret/img_link_arrow.png);}
/* link // -------------- */

/* faq */
.secret .faq{padding:80px 0 130px;background-color:#F8F8F8;font-size:clamp(8px, 1vw ,10px);}
.secret .faq *{font-family:var(--Pre);}
.secret .faq article{display:flex;flex-direction:column;gap:24px;}
.secret .faq article:has(.list_dot){margin-bottom:80px;padding-bottom:80px;border-bottom:1px solid #DFDFDF;}
.secret .faq h4{display:flex;align-items:center;gap:6px;font-size:22px;color:#333;font-weight:600;letter-spacing:-0.66px}
.secret .faq .list_dot li{position:relative;left:10px;font-size:2em;color:#555;font-weight:400;line-height:32px;letter-spacing:-0.4px;word-break:keep-all;}
.secret .faq .list_dot li::before{position:absolute;left:-9px;display:inline-block;content:"·";margin-left:1px;}
.secret .faq .faqlist_wrap{gap:24px;padding:0;}
.secret .faq .faqlist_wrap > li{padding:2.4rem;border-radius:20px;background-color:#F0F0F0;}
.secret .faq .faqlist_wrap ul{padding-top:6px;}
.secret .faq .faqlist_wrap li:has( > small + a){display:flex;align-items:center;gap:8px;}
.secret .faq details{position:relative;}
.secret .faq details::details-content{opacity:0;block-size:0;overflow-y:clip;transition:content-visibility 0.5s allow-discrete, opacity 0.5s, block-size 0.5s;}
.secret .faq details[open]::details-content{opacity:1;block-size:auto;}
.secret .faq details summary{position:relative;margin-left:27px;padding-right:27px;font-size:2em;color:#444;font-weight:700;line-height:30px;letter-spacing:-0.4px;word-break:keep-all;list-style: none;-webkit-appearance: none;appearance: none;}
.secret .faq details summary::before{position:absolute;left:-27px;content:"Q.";}
.secret .faq details summary:hover{cursor:pointer;}
.secret .faq details > summary:after{position:absolute;z-index:0;top:8px;right:0;display:block;content:'';width:14px;height:14px;background:url(/images/event/secret/ico_arrow_top.svg);background-size:contain;font-size:10px;transition:.3s;transform:rotate(180deg);}
.secret .faq details[open] > summary::after{transform:rotate(0deg);}
.secret .faq details summary::marker,
.secret .faq details summary::-webkit-details-marker{display:none;content:'';}
.secret .faq details summary + div{position:relative;left:28px;padding-top:16px;font-size:2em;color:#444;font-weight:400;line-height:32px;letter-spacing:-0.4px;}
.secret .faq details summary + * small{font-size:0.9em;color:#666;font-weight:400;line-height:32px;letter-spacing:-0.36px;}
.secret .faq details summary + *::before{position:absolute;content:'A.';left:-28px;}
.secret .faq a{line-height:20px;padding:4px 12px;border:1px solid #666;border-radius:100px;font-size:15px;color:#666;white-space:pre;letter-spacing:-0.3px;}
.secret .faq a:hover{border-color:#333;color:#333;}
@media (prefers-reduced-motion:no-preference){
    .secret details{interpolate-size:allow-keywords;}
}
/* faq // -------------- */

/* sticky */
.secret .sticky{position:sticky;justify-content:center;display:flex;bottom:-8rem;height:219px;margin-top:-219px;padding:0;z-index:5 !important;}
.secret .sticky a{display:flex;align-items:center;justify-content:center;width:402px;height:8.2rem;border-radius:100px;background:linear-gradient(92deg, rgba(29, 127, 255, 0.77) 3.36%, rgba(0, 250, 77, 0.77) 95.44%);color:#FFF;text-align:center;font-family:var(--Pre);font-size:3rem;font-weight:700;letter-spacing:-0.6px;box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.25);}
/* sticky // -------------- */

/* Responsive */
 /* only Mobile */
@media screen and (max-width:767px){
    html:has(.secret.interactive){font-size:35.5%;}
    .secret .pc_con, .secret .t_con{display:none;}
    .secret .m_con{display:block;}
    
    /* page */
    .secret section:not(.link){padding:20vw 10px;}
    .secret .overview{height:70vh;}
    .secret .overview h2{width:100%;}
    .secret .overview > div{gap:0;padding:20rem 0 16rem;}
    .secret .free .price_wrap > div{gap:0;}
    .secret .free .price_wrap del + div{margin-left:4rem;}
    .secret .free .price_wrap del::before{top:50%;}
    .secret .reason .reason_wrap ul{flex-direction:column;gap:24px;}
    .secret .solution .problem_wrap li{padding:1.9rem 2.9rem;}
    .secret .solution .problem_wrap > li> span{display:none;}
    .secret .review ul > li > div:nth-child(1) h4{flex-direction:column;align-items:flex-start;gap:6px;}
    .secret .review ul > li > div:nth-child(1) h4:after{margin-left:0;}
    .secret .reason:has(.reason_wrap){background-color:#01339D;background-size:200%;background-position:top center;}
    .secret .reason .reason_wrap h3{text-align:center;}
    .secret .faq .list_dot li{width:calc(100% - 20px);}
    .secret .faq details summary + div{width:calc(100% - 30px);}
    .secret .decision .decision_chart{flex-direction:column;gap:4rem;}
    .secret .decision .esellers_wrap li em{position:static;}
    .secret .price .table_wrap{margin:-40px 0 20px;}
    .secret .price .table_wrap::before{width:130px;height:53px;}
    .secret .link{height:68rem;}
    .secret .link small{left:25%;bottom:10%;white-space:pre;}
    .secret .sticky a{width:auto;height:10rem;padding:0 9rem;font-size:4rem;}
}

 /* only Tablet */
@media screen and (min-width:768px) and (max-width:1079px){
    html:has(.secret.interactive){font-size:50%;}
    .secret .pc_con, .secret .m_con{display:none;}
    .secret .t_con{display:block;}
    
    /* page */
    .secret section:not(.overview, .link){padding:12vw 20px;}
    .secret section.sticky{height:26rem;margin-top:-26rem;padding:7rem 20px;}
    .secret .overview{height:80vh;}
    .secret .overview > div{padding:30rem 0 20rem;}
    .secret .overview h2{width:90%;}
    .secret .faq details summary + div{width:calc(100% - 30px);}
    .secret .link{height:56rem;}
    .secret .link small{left:calc(50% - 108px);bottom:36%;white-space:pre;}
    .secret .price .table_wrap{margin:-70px 0 20px;}
    .secret .price .table_wrap::before{top:-4rem;}
}

/* mobile and tablet */
@media screen and (max-width:1079px){    
    /* page */
    .secret .center_wrap{width:100%;}
    .secret .overview::before{background-image:url(/images/event/secret/img_coin_slow_m.png);animation:fast_coin 10s linear alternate infinite;}
    .secret .overview::after{background-image:url(/images/event/secret/img_coin_fast_m.png);animation:slow_coin 14s linear alternate infinite;}
    .secret .free .tit_wrap h3{text-align:center;}
    .secret .solution .solution_wrap ul{flex-direction:column;}
    .secret .solution:has(.solution_wrap){padding-top:0;}
    .secret .solution:has(.solution_wrap),
    .secret .solution .problem_wrap > li:nth-child(odd){align-self:flex-start;left:initial;}
    .secret .solution .problem_wrap > li:nth-child(even){align-self:flex-end;right:initial;}
    .secret .reason:has(.reason_wrap){margin-top:-1px;}
    .secret .reason .reason_wrap h3{text-align:center;}
    .secret .faq .faqlist_wrap li:has( > small + a){align-items:flex-start;flex-direction:column;gap:0;}
    .secret .decision .decision_chart{margin-top:0;}
    .secret .decision .decision_chart::before{display:none;}
    .secret .price::before,
    .secret .price::after{top:0;width:100%;background-repeat:no-repeat;}
    .secret .price .coupon_wrap::before,
    .secret .price .coupon_wrap::after{display:none;}
    .secret .link p{margin-bottom:0;text-align:center;}
    .secret .link ul li{display:none;}
    .secret .sticky button{width:auto;padding:0 8rem;}
}
 /* only PC */
@media screen and (min-width:1080px){
    html:has(.secret.interactive){font-size:62.5%;}
    .secret .t_con, .secret  .m_con{display:none;}
    .secret .pc_con{display:block;}
}
/* Responsive // -------------- */