@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2) format("woff2");font-weight:100;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2) format("woff2");font-weight:200;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2) format("woff2");font-weight:300;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2) format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2) format("woff2");font-weight:900;font-display:swap}@font-face{font-family:RoundedFixedsys;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/DungGeunMo.woff) format("woff");font-weight:400;font-display:swap}@font-face{font-family:GMarketSans;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff) format("woff");font-weight:700;font-display:swap}@font-face{font-family:Paperlogy;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-1Thin.woff2) format("woff2");font-weight:100;font-display:swap}@font-face{font-family:Paperlogy;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-2ExtraLight.woff2) format("woff2");font-weight:200;font-display:swap}@font-face{font-family:Paperlogy;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2) format("woff2");font-weight:300;font-display:swap}@font-face{font-family:Paperlogy;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Paperlogy;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Paperlogy;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Paperlogy;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Paperlogy;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2) format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Paperlogy;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2) format("woff2");font-weight:900;font-display:swap}@font-face{font-family:Tenada;src:url(/fonts/Tenada.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Griun_Cocochoitoon;src:url(/fonts/Griun_Cocochoitoon-Rg.woff2) format("woff2");font-weight:400;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #3617ce;--primary-dark: #2a11a0;--accent: #ea1917;--bg: #f4f4f8;--card: #ffffff;--text: #1a1a2e;--text-sub: #666677;--line: #ddddee;--ok: #1a9850;--error: #e03131;--orange: #f5821f;--orange-dark: #d96a0c;--ink: #1c1c1c;--pcnet-screen: #0d2f8f;--pcnet-screen-deep: #082367;--pcnet-text: #cfe0ff;--pcnet-amber: #ffb648;--night-sky-top: #0a1230;--night-sky-bottom: #1b2a63}body{font-family:Pretendard,Noto Sans KR,-apple-system,sans-serif;background:var(--bg);color:var(--text);word-break:keep-all}img,svg,video{max-width:100%;height:auto}p,h1,h2,h3,h4,li,button,label,span{overflow-wrap:break-word;min-width:0}button,input{font-family:inherit}.app{width:100%;max-width:480px;min-height:100vh;min-height:100dvh;margin:0 auto;background:var(--card);box-shadow:0 0 24px #00000014;display:flex;flex-direction:column}.app-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px 12px;padding:14px 20px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--card);z-index:10}.header-logo{font-weight:800;font-size:15px;color:var(--primary);text-decoration:none}.header-auth{display:flex;gap:12px;align-items:center;flex-shrink:0}.header-user{font-size:13px;color:var(--text-sub)}.header-link{background:none;border:none;font-size:13px;color:var(--text);text-decoration:none;cursor:pointer;padding:0}.header-chip{background:var(--ink);border:1px solid var(--ink);border-radius:6px;color:#fff;font-size:13px;font-weight:700;text-decoration:none;cursor:pointer;padding:6px 14px;white-space:nowrap}.page{flex:1;padding:24px 20px 48px;display:flex;flex-direction:column;gap:16px}.page-subtitle,.section-description,.result-description{white-space:pre-line;color:var(--text-sub);font-size:14px;line-height:1.6}.btn{border:none;border-radius:10px;padding:12px 18px;font-size:15px;font-weight:700;cursor:pointer;transition:opacity .15s}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary,.btn-accent{background:var(--orange);color:#fff}.btn-secondary{background:#eceafd;color:var(--primary);white-space:nowrap}.btn-outline{background:#fff;border:1px solid var(--line);color:var(--text)}.btn-lg{width:100%;padding:16px;font-size:16px}.section-title{font-size:18px;font-weight:800;white-space:pre-line}.quiz-progress-label{text-align:center;color:var(--text-sub);font-size:13px}.quiz-counter{text-align:center;font-weight:800;font-size:18px;color:var(--primary)}.quiz-card{background:var(--bg);border-radius:16px;padding:24px 18px;display:flex;flex-direction:column;gap:14px}.pager-display{background:#1b1b1b;border:3px solid #0d0d0d;border-radius:14px;padding:clamp(12px,4vw,20px) clamp(10px,3vw,18px);box-shadow:inset 0 3px 10px #000000b3}.pager-code{text-align:center;font-family:DS-Digital,Courier New,ui-monospace,monospace;font-size:clamp(26px,10vw,44px);font-weight:700;letter-spacing:clamp(2px,1.2vw,6px);color:#f2f2f2;text-shadow:0 0 8px rgba(255,255,255,.35);overflow-wrap:anywhere}.quiz-question{font-size:16px;font-weight:700;text-align:center}.quiz-choices{list-style:none;display:flex;flex-direction:column;gap:8px}.quiz-choice{width:100%;text-align:left;background:#fff;border:1px solid var(--line);border-radius:10px;padding:13px 16px;font-size:15px;cursor:pointer}.quiz-choice.correct{border-color:var(--ok);background:#e8f7ee;font-weight:700}.quiz-choice.wrong{border-color:var(--error);background:#fdeaea;font-weight:700}.quiz-feedback{border-radius:10px;padding:14px;background:#fff}.quiz-feedback.correct .quiz-feedback-label{color:var(--ok)}.quiz-feedback.wrong .quiz-feedback-label{color:var(--error)}.quiz-feedback-label{font-weight:900;margin-bottom:4px}.quiz-feedback-text{font-size:14px;color:var(--text-sub)}.quiz-intro-page{background:linear-gradient(180deg,var(--night-sky-top) 0%,var(--night-sky-bottom) 100%);align-items:center;justify-content:center}.pcnet-window{width:100%;max-width:380px;border:2px solid #101010;border-radius:4px;background:#c9c9c9;box-shadow:0 8px 24px #00000073;overflow:hidden}.pcnet-titlebar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 6px;background:linear-gradient(180deg,#f0f0f0,#cfcfcf);border-bottom:1px solid #8a8a8a}.pcnet-title{font-family:Courier New,ui-monospace,monospace;font-size:13px;font-weight:700;color:#1a1a1a}.pcnet-buttons{display:flex;gap:3px}.pcnet-buttons i{width:13px;height:12px;background:#d7d7d7;border:1px solid #6f6f6f;display:block}.pcnet-screen{background:linear-gradient(180deg,var(--pcnet-screen) 0%,var(--pcnet-screen-deep) 100%);padding:20px 16px 22px;display:flex;flex-direction:column;gap:6px;font-family:Courier New,ui-monospace,monospace;color:var(--pcnet-text)}.pcnet-line{font-size:12px;line-height:1.6;white-space:pre-line}.pcnet-line.dim{color:var(--pcnet-amber)}.pcnet-line.small{font-size:11px;text-align:center;color:#9fc0ff;margin-top:10px}.pcnet-rule{font-size:11px;color:#7fa3ee;overflow:hidden;white-space:nowrap}.pcnet-logo{margin:18px 0 6px;text-align:center;font-size:clamp(38px,15vw,58px);font-weight:700;letter-spacing:clamp(4px,2vw,10px);color:var(--pcnet-amber);text-shadow:0 0 14px rgba(255,182,72,.5)}.pcnet-lead{text-align:center;font-size:14px;font-weight:700;line-height:1.6;white-space:pre-line;color:#fff}.pcnet-start{margin-top:18px}.share-landing-page{text-align:center;align-items:center}.result-score{font-size:15px;font-weight:800;color:var(--text-sub)}.result-image{width:70%;border-radius:14px}.result-score-card{width:100%;aspect-ratio:1 / 1;border-radius:16px;display:block}.result-name{font-size:26px;font-weight:900}.result-emoticon{font-family:Courier New,ui-monospace,monospace;font-size:clamp(30px,11vw,46px);font-weight:700;line-height:1.3;color:var(--orange);white-space:nowrap;overflow-wrap:normal}.toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:min(80vw,320px);background:#000000d1;color:#fff;border-radius:20px;padding:12px 20px;font-size:14px;line-height:1.45;text-align:center;word-break:keep-all;z-index:200;pointer-events:none}.form{display:flex;flex-direction:column;gap:12px}.step-title{font-size:17px;font-weight:800}.field-label{font-size:13px;color:var(--text-sub);font-weight:700}.field-row{display:flex;gap:8px;align-items:center}.field-row .input{flex:1}.input{border:1px solid var(--line);border-radius:10px;padding:13px 14px;font-size:16px;width:100%;min-width:0}.input:focus{outline:2px solid var(--primary);border-color:transparent}.timer{font-variant-numeric:tabular-nums;font-weight:800;color:var(--primary);min-width:48px}.timer.urgent{color:var(--error)}.field-help{font-size:12px;color:var(--text-sub)}.field-error{font-size:13px;color:var(--error);font-weight:700}.dev-hint{font-size:12px;color:#b26a00;background:#fff4e0;border-radius:8px;padding:8px 10px}.agreements{display:flex;flex-direction:column;gap:8px;background:var(--bg);border-radius:12px;padding:14px}.agreement-all{font-size:14px;font-weight:700;padding-bottom:8px;border-bottom:1px solid var(--line)}.agreement-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.agreement-label{display:flex;align-items:center;gap:8px;font-size:13px;flex:1;cursor:pointer}.agreement-view{background:none;border:none;color:var(--text-sub);font-size:12px;cursor:pointer;text-decoration:underline;white-space:nowrap}.agreement-text{flex-basis:100%;font-size:12px;color:var(--text-sub);background:#fff;border-radius:8px;padding:10px}.login-links{display:flex;justify-content:center;gap:24px}.text-link{font-size:13px;color:var(--text-sub);text-decoration:underline}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px 16px;overflow-y:auto}.modal{background:#fff;border-radius:16px;padding:28px 22px 20px;width:100%;max-width:320px;text-align:center;display:flex;flex-direction:column;gap:16px;margin:auto}.modal-title{font-size:17px}.modal-body{display:flex;flex-direction:column;gap:10px;font-size:14px;color:var(--text-sub);white-space:pre-line;line-height:1.6}.modal-strong{font-size:17px;font-weight:800;color:var(--text)}.modal-actions{display:flex;gap:8px}.modal-actions .btn{flex:1}@media (max-width: 359px){.page{padding:18px 12px 40px;gap:14px}.app-header{padding:12px}.header-logo{font-size:13px}.header-auth{gap:8px}.header-link,.header-user{font-size:12px}.section-title{font-size:16px}.quiz-card{padding:18px 12px}.quiz-choice{padding:11px 12px;font-size:14px}.btn{padding:11px 14px;font-size:14px}.btn-lg{padding:14px;font-size:15px}.field-row{flex-wrap:wrap}.field-row .btn{flex:1 1 100%}.field-row .agreement-view,.field-row .timer{flex:none}.result-name{font-size:20px}.result-image{width:85%}.modal{padding:22px 16px 16px}}@media (min-width: 640px){body{background:#e9e9f2}.app{max-width:720px}.page{padding:36px 44px 64px}.quiz-page,.signup-page,.login-page,.reset-page{max-width:560px;width:100%;margin:0 auto}.share-landing-page{max-width:600px;width:100%;margin:0 auto}.result-image{width:45%}.modal{max-width:360px}}@media (min-width: 1024px){.app{max-width:840px;box-shadow:0 0 40px #0000001a}.page{padding:44px 64px 72px}}@media (min-width: 1280px){body{background:linear-gradient(160deg,#ece9ff,#f6f5fb 45%,#e9f0ff)}.app{max-width:960px}.page{padding:56px 88px 88px}.quiz-page,.signup-page,.login-page,.reset-page{max-width:600px}.share-landing-page{max-width:640px}}@media (hover: hover) and (pointer: fine){.btn:not(:disabled):hover{filter:brightness(.93)}.btn-outline:not(:disabled):hover{filter:none;background:var(--bg)}.quiz-choice:not(.correct):not(.wrong):hover{border-color:var(--primary);background:#f7f6ff}.header-link:hover,.text-link:hover,.agreement-view:hover{text-decoration:underline;color:var(--primary)}}.btn:focus-visible,.quiz-choice:focus-visible,.header-link:focus-visible,.text-link:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (max-height: 480px){.modal-overlay{align-items:flex-start}}.auth-page{--u: calc(min(100vw, 480px)*.01) ;overflow-x:hidden}.auth-page,.auth-page *{box-sizing:border-box;position:relative;margin:0;padding:0;letter-spacing:calc(-.1203703704 * var(--u))}.auth-page button{border:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}.auth-page a{text-decoration:none}.auth-page input[type=number],.auth-page input[type=text],.auth-page input[type=password]{font-size:calc(3.3333333333 * var(--u));width:100%;height:calc(11.1111111111 * var(--u));background-color:#f8f9fb;border:1px #e0e3e6 solid;border-radius:calc(1.8518518519 * var(--u));padding:calc(2.7777777778 * var(--u)) calc(4.6296296296 * var(--u))}.auth-page input[type=number]::-moz-placeholder,.auth-page input[type=text]::-moz-placeholder,.auth-page input[type=password]::-moz-placeholder{color:#aaa}.auth-page input[type=number]::placeholder,.auth-page input[type=text]::placeholder,.auth-page input[type=password]::placeholder{color:#aaa}.auth-page{color:#0f0f0f;background-color:#fff;font-family:Pretendard,sans-serif}.auth-page .ui_header{width:100%;display:flex}.auth-page .ui_header .btn_back{padding:calc(3.5 * var(--u)) calc(5.0925925926 * var(--u));display:flex}.auth-page .ui_header .btn_back img{width:calc(3.9814814815 * var(--u));height:calc(3.9814814815 * var(--u))}.auth-page .auth-wrapper{padding:calc(3 * var(--u)) calc(5.0925925926 * var(--u)) calc(11.1111111111 * var(--u))}.auth-page .header{margin-bottom:calc(8.3333333333 * var(--u))}.auth-page .header h1{font-size:calc(7.8703703704 * var(--u));font-weight:700;margin-bottom:calc(6.8518518519 * var(--u))}.auth-page .header h2{font-size:calc(5.0925925926 * var(--u));margin-bottom:calc(3.7037037037 * var(--u))}.auth-page .header p{font-size:calc(3.7037037037 * var(--u));font-weight:500;line-height:1.3}.auth-page .auth-form{display:block;min-height:calc(129.6296296296 * var(--u));padding-bottom:calc(33.3333333333 * var(--u))}.auth-page .bottom{display:flex;flex-wrap:wrap;gap:calc(1.4814814815 * var(--u));row-gap:calc(2.962962963 * var(--u));position:absolute;bottom:calc(5.5555555556 * var(--u));width:100%}.auth-page .bottom .submit-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:calc(12.962962963 * var(--u));background-color:#f68e34;border-radius:calc(1.8518518519 * var(--u));color:#0f0f0f;font-size:calc(5.0925925926 * var(--u));font-weight:700}.auth-page .bottom .btn_line{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:calc(12.962962963 * var(--u));background-color:#fff;border:calc(.462962963 * var(--u)) #f68e34 solid;border-radius:calc(1.8518518519 * var(--u));color:#0f0f0f;font-size:calc(5.0925925926 * var(--u));font-weight:700}.auth-page .bottom .btn_line .sub{font-weight:400}.auth-page .bottom .btn_line.half{width:calc((100% - calc(1.4814814815 * var(--u))) / 2);font-size:calc(3.8888888889 * var(--u))}.auth-page .agree-wrapper{padding:calc(2.7777777778 * var(--u)) 0 calc(2.7777777778 * var(--u)) calc(4.6296296296 * var(--u));font-size:calc(3.7037037037 * var(--u))}.auth-page .agree-wrapper label{display:flex;gap:calc(4.6296296296 * var(--u));font-size:calc(3.7037037037 * var(--u));font-weight:400;color:#51555b;align-items:center;position:relative}.auth-page .agree-wrapper label .checkbox-input{position:absolute;left:calc(-925.8333333333 * var(--u));top:0}.auth-page .agree-wrapper label .checkbox-input:checked+.checkbox-icon{background-image:url(/images/common/ico_check_on.svg)}.auth-page .agree-wrapper label .checkbox-icon{width:calc(5.3703703704 * var(--u));height:calc(5.3703703704 * var(--u));background-image:url(/images/common/ico_check_off.svg);background-size:100% 100%}.auth-page .agree-wrapper label .policy_btn{position:absolute;right:0;height:100%;display:flex;align-items:center;transform:rotate(0)}.auth-page .agree-wrapper label .policy_btn img{width:calc(2.6851851852 * var(--u));height:calc(1.4814814815 * var(--u))}.auth-page .agree-wrapper label .policy_btn.fold{transform:rotate(180deg)}.auth-page .agree-wrapper .policy_con{display:none;margin-top:calc(2.5925925926 * var(--u));padding:calc(1.8518518519 * var(--u));border:1px solid #e0e3e6;border-radius:calc(1.8518518519 * var(--u))}.auth-page .agree-wrapper .policy_con.active{display:block}.auth-page .agree-wrapper .policy_con .policy_area{height:calc(39.4444444444 * var(--u));overflow-y:scroll;background:#fff;padding:calc(1.8518518519 * var(--u)) calc(3.7037037037 * var(--u)) calc(1.8518518519 * var(--u)) calc(1.8518518519 * var(--u));color:#51555b;font-size:calc(2.2222222222 * var(--u));line-height:calc(3.7037037037 * var(--u))}.auth-page .agree-wrapper .policy_con .policy_area::-webkit-scrollbar-track{background:transparent}.auth-page .agree-wrapper .policy_con .policy_area::-webkit-scrollbar{width:calc(.5555555556 * var(--u))}.auth-page .agree-wrapper .policy_con .policy_area::-webkit-scrollbar-thumb{background:#e6e6e6;border-radius:calc(.9259259259 * var(--u))}.auth-page .agree-wrapper .policy_con .policy_area h4{font-size:calc(2.5925925926 * var(--u));font-weight:700;margin-bottom:0;letter-spacing:0}.auth-page .agree-wrapper .policy_con .policy_area p{letter-spacing:0;margin-bottom:calc(3.7037037037 * var(--u))}.auth-page .agree-wrapper .policy_con .policy_area ul{margin-bottom:calc(3.7037037037 * var(--u))}.auth-page .agree-wrapper .policy_con .policy_area ul li{display:flex}.auth-page .agree-wrapper .policy_con .policy_area ul li:before{content:"※";margin-right:calc(.9259259259 * var(--u))}.auth-page .agree-wrapper .policy_con .policy_area .policy_table{border-collapse:collapse;width:100%;margin:calc(2.7777777778 * var(--u)) 0}.auth-page .agree-wrapper .policy_con .policy_area .policy_table th{text-align:center;background-color:#e6e6e6;font-weight:600;padding:calc(.9259259259 * var(--u))}.auth-page .agree-wrapper .policy_con .policy_area .policy_table td{text-align:center;padding:calc(1.4814814815 * var(--u)) calc(.462962963 * var(--u));font-size:calc(1.8518518519 * var(--u));line-height:1.4;border-right:1px solid #e6e6e6}.auth-page .agree-wrapper .policy_con .policy_area .policy_table td:last-child{border-right:none}.auth-page .agree-wrapper .policy_con .policy_area .policy_table td.red{color:red}.auth-page .agree-wrapper.agree_all{padding:calc(4.6296296296 * var(--u)) 0 calc(4.6296296296 * var(--u)) calc(4.6296296296 * var(--u));background-color:#f8f9fb;border:1px #e0e3e6 solid;border-radius:calc(1.8518518519 * var(--u))}.auth-page .agree-wrapper.agree_all label{font-size:calc(4.6296296296 * var(--u));font-weight:600;color:#0f0f0f;gap:calc(2.7777777778 * var(--u))}.auth-page .input-group{margin-top:calc(8.3333333333 * var(--u))}.auth-page .input-group .header h2{font-size:calc(5.0925925926 * var(--u));font-weight:700}.auth-page .input-group .header{margin-bottom:calc(5.5555555556 * var(--u))}.auth-page .phone-wrapper{display:flex;align-items:center;justify-content:space-between;font-size:calc(4.2592592593 * var(--u))}.auth-page .phone-wrapper span.num{margin-left:calc(4.6296296296 * var(--u))}.auth-page .phone-wrapper span.dash{color:#aaa}.auth-page .phone-wrapper .input-num{font-size:calc(4.2592592593 * var(--u));width:calc(16.4814814815 * var(--u));text-align:center;padding:0}.auth-page .phone-wrapper .btn-auth-cert{width:calc(29.6296296296 * var(--u));height:calc(11.1111111111 * var(--u));background-color:#0f0f0f;color:#fff;border-radius:calc(1.8518518519 * var(--u));padding:0;font-size:calc(3.3333333333 * var(--u));margin-left:calc(.7407407407 * var(--u))}.auth-page .phone-wrapper.wide{margin-bottom:calc(4.2592592593 * var(--u));font-size:calc(4.6296296296 * var(--u))}.auth-page .phone-wrapper.wide span.dash{width:calc(3.3333333333 * var(--u));height:calc(.462962963 * var(--u));background-color:#aaa;border-radius:calc(.2314814815 * var(--u))}.auth-page .phone-wrapper.wide .input-num{font-size:calc(4.6296296296 * var(--u));width:calc(28.7037037037 * var(--u))}.auth-page .cert-wrapper{margin-top:calc(4.2592592593 * var(--u));display:flex;align-items:center;justify-content:space-between;gap:calc(4.6296296296 * var(--u));font-size:calc(3.3333333333 * var(--u));color:#51555b;position:relative}.auth-page .cert-wrapper .cert-input{width:100%;text-align:left;margin-right:auto;padding:calc(2.7777777778 * var(--u)) calc(34.2592592593 * var(--u)) calc(2.7777777778 * var(--u)) calc(4.6296296296 * var(--u))}.auth-page .cert-wrapper .cert-input::-moz-placeholder{color:#aaa}.auth-page .cert-wrapper .cert-input::placeholder{color:#aaa}.auth-page .cert-wrapper .timer{font-size:calc(4.2592592593 * var(--u));color:#51555b}.auth-page .cert-wrapper .btn-auth-resend{width:calc(14.4444444444 * var(--u));height:calc(5.5555555556 * var(--u));background-color:#fbe2cc;color:#f68e34;border-radius:calc(9.2592592593 * var(--u));font-size:calc(2.5925925926 * var(--u));padding-top:calc(.3703703704 * var(--u))}.auth-page .ui-cert{position:absolute;height:100%;display:flex;align-items:center;gap:calc(2.7777777778 * var(--u));right:calc(4.6296296296 * var(--u));top:0;z-index:10}.auth-page .btn-view-pass{width:calc(4.2592592593 * var(--u));height:calc(4.2592592593 * var(--u));background-color:transparent}.auth-page .btn-view-pass .ico_eye{display:block;background-image:url(/images/common/ico_eye_off.svg);background-position:center;background-size:contain;background-repeat:no-repeat;width:calc(4.2592592593 * var(--u));height:calc(4.2592592593 * var(--u))}.auth-page .btn-view-pass.active .ico_eye{background-image:url(/images/common/ico_eye_on.svg)}.auth-page .subscript{padding:calc(2.5925925926 * var(--u)) calc(4.6296296296 * var(--u));font-size:calc(2.7777777778 * var(--u));color:#0f0f0f}.auth-page .subscript.error-message{color:red}.auth-page .welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(8.3333333333 * var(--u));padding:calc(14 * var(--u)) 0 calc(48 * var(--u));text-align:center}.auth-page .welcome .ico_checked{width:calc(16.1111111111 * var(--u))}.auth-page .welcome .message{font-size:calc(7.5925925926 * var(--u));font-weight:700;margin-bottom:calc(1.2962962963 * var(--u))}.auth-page .welcome .submessage{font-size:calc(4.4444444444 * var(--u));font-weight:500}.auth-page .modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;z-index:100;display:flex;align-items:center;justify-content:center;display:none}.auth-page .modal.active{display:flex}.auth-page .modal .modal-wrapper{width:calc(89.8148148148 * var(--u));min-height:calc(37.037037037 * var(--u));background-color:#fff;border-radius:calc(1.8518518519 * var(--u));display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(12.962962963 * var(--u)) calc(4.6296296296 * var(--u)) calc(5.9259259259 * var(--u));gap:calc(5.5555555556 * var(--u))}.auth-page .modal .ico_noti{width:calc(16.1111111111 * var(--u))}.auth-page .modal .msg{text-align:center;font-size:calc(5.0925925926 * var(--u));font-weight:700;color:#0f0f0f;line-height:1.3}.auth-page .modal a.ok_btn{display:flex;align-items:center;justify-content:center;font-size:calc(4.537037037 * var(--u));font-weight:700;width:100%;height:calc(11.5740740741 * var(--u));background-color:#ccc;border-radius:calc(1.8518518519 * var(--u));color:#0f0f0f;text-decoration:none}.auth-page{flex:1;display:flex;flex-direction:column;width:100%;max-width:calc(100 * var(--u));margin:0 auto}.auth-page .auth-wrapper{flex:1}.auth-page input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.auth-page input[type=number]::-webkit-outer-spin-button,.auth-page input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.auth-page button:disabled{cursor:default;opacity:.45}.auth-page .bottom .btn_line{padding:0;text-align:center}.auth-page .modal .ok_btn{display:flex;align-items:center;justify-content:center;font-size:calc(4.537037037 * var(--u));font-weight:700;width:100%;height:calc(11.5740740741 * var(--u));background-color:#ccc;border-radius:calc(1.8518518519 * var(--u));color:#0f0f0f;text-decoration:none}.auth-page .modal .modal-buttons{display:flex;gap:calc(1.4814814815 * var(--u));width:100%}.auth-page .modal .ok_btn.primary{background-color:#f68e34}.auth-page .cert-wrapper .timer.urgent{color:red}.auth-page .dev-hint{padding:calc(2.5925925926 * var(--u)) calc(4.6296296296 * var(--u));font-size:calc(2.7777777778 * var(--u));color:#1a9850}.auth-page .agree-wrapper label .policy_btn:disabled{display:none}.auth-page .agree-wrapper .policy_con .policy_area{white-space:pre-wrap}.auth-page .agree-wrapper .policy_con .policy_area .policy_em{font-style:normal;font-weight:700;text-decoration:underline;text-underline-offset:.15em}.auth-page .agree-wrapper .policy_con .policy_area .policy_table{table-layout:fixed}.auth-page .agree-wrapper .policy_con .policy_area .policy_table th,.auth-page .agree-wrapper .policy_con .policy_area .policy_table td{white-space:normal;vertical-align:top;word-break:keep-all;border:1px solid #e6e6e6}.auth-page .agree-wrapper .policy_con .policy_area .policy_table th{font-size:calc(1.8518518519 * var(--u));line-height:1.4}.auth-page .modal .msg .submessage{margin-top:calc(2.7777777778 * var(--u));font-size:calc(3.7037037037 * var(--u));font-weight:500}.auth-page .modal{max-width:none;padding:0;border-radius:0;gap:0;margin:0;text-align:left;flex-direction:row}.auth-page .cert-wrapper .timer{min-width:0;font-weight:400}.auth-page .dev-hint{background:transparent;border-radius:0}.role-choices{display:flex;gap:8px}.auth-page .role-choice,.role-choice{flex:1;padding:14px;border:1px solid #d0d5dd;border-radius:8px;background:#ececec;color:#667085;font-size:15px;cursor:pointer}.auth-page .role-choice.is-selected,.role-choice.is-selected{border-color:#ff7a1a;background:#fff4ec;color:#d4600a;font-weight:700}.promo-notice{margin:8px 0 4px;padding:10px 12px;border-radius:8px;background:#fff8e6;color:#8a6100;font-size:13px;line-height:1.5}.auth-page .standard_check{background-color:#fff}.auth-page .standard_check .auth-form{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:auto;padding:calc(41.6666666667 * var(--u)) 0 0}.auth-page .standard_check .ico_cert{width:calc(22.6851851852 * var(--u));margin-bottom:calc(8.3333333333 * var(--u))}.auth-page .standard_check h1{font-size:calc(7.8703703704 * var(--u));font-weight:700;margin-bottom:calc(5.5555555556 * var(--u))}.auth-page .standard_check p.sub_caution{color:red;font-size:calc(3.8888888889 * var(--u));margin-bottom:calc(35.1851851852 * var(--u))}.auth-page .standard_check .bottom{position:relative;padding:0;bottom:0}.auth-page .standard_check .bottom_logo{display:flex;align-items:center;justify-content:center;margin:calc(10.1851851852 * var(--u)) 0 calc(5.5555555556 * var(--u))}.auth-page .standard_check .bottom_logo img{width:calc(21.2962962963 * var(--u))}.auth-page .standard_check .input-group{margin:calc(3.7037037037 * var(--u)) auto calc(44.4444444444 * var(--u));width:calc(79.6296296296 * var(--u))}.auth-page .standard_check .input-group .phone-wrapper.wide{margin:0}.auth-page .standard_check .input-group .phone-wrapper.wide .num{margin-left:0}.quizpub{--u: calc(min(100vw, 480px)*.01) }.quizpub .quiz-container{max-width:calc(100 * var(--u));margin:0 auto}.quizpub,.quizpub *{box-sizing:border-box;position:relative;margin:0;padding:0;letter-spacing:calc(-.1203703704 * var(--u));word-break:keep-all}.quizpub button{border:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}.quizpub a{text-decoration:none}.quizpub img{display:block;max-width:100%}.quizpub{color:#0f0f0f;font-family:Paperlogy,sans-serif}.quizpub{width:100%;height:100dvh;background-image:url(/images/quiz/bg_quiz.jpg);background-size:cover}.quizpub .bottom_logo{position:absolute;bottom:calc(3.7037037037 * var(--u));right:0;width:100%;padding:0 calc(3.7037037037 * var(--u))}.quizpub .bottom_logo img{display:block;height:calc(3.7037037037 * var(--u))}.quizpub .quiz-container{width:100%;height:calc(100dvh - calc(11.1111111111 * var(--u)));display:flex;flex-direction:column;overflow-y:auto;padding-top:env(safe-area-inset-top,0px)}.quizpub .quiz-container>*{flex:0 0 auto}.quizpub .quiz-intro{width:100%;flex:1 1 auto;overflow:hidden;font-family:RoundedFixedsys;color:#fff}.quizpub .quiz-intro .screen{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:calc(93.4259259259 * var(--u));height:calc(121.5740740741 * var(--u));background-image:url(/images/quiz/window.png);background-size:cover;background-position:center;padding:calc(15.7407407407 * var(--u)) calc(7.4074074074 * var(--u)) calc(5.5555555556 * var(--u)) calc(5.0925925926 * var(--u))}.quizpub .quiz-intro .text_access{display:flex;flex-direction:column;line-height:calc(5.2 * var(--u));font-size:calc(3.6 * var(--u))}.quizpub .quiz-intro .text_access span{min-height:calc(5.2 * var(--u));display:block}.quizpub .quiz-intro .text_access .yellow{color:#ffc423}.quizpub .quiz-intro .text_welcome{text-align:center;display:flex;flex-direction:column;align-items:center;gap:calc(2.7777777778 * var(--u));color:#69d3ff;font-size:calc(3.6 * var(--u));margin:calc(3 * var(--u)) auto calc(3.2 * var(--u));line-height:1.4}.quizpub .quiz-intro .text_welcome .digit_quiz{width:calc(45.6481481481 * var(--u))}.quizpub .quiz-intro .text_welcome .subhead{color:#fff;font-size:calc(4.2 * var(--u));margin-bottom:calc(3.9 * var(--u));line-height:1.3}.quizpub .quiz-intro .quiz_start{display:block;margin:0 auto}.quizpub .quiz-intro .quiz_start img{display:block;margin:0 auto;width:calc(80.9259259259 * var(--u))}.quizpub .quiz-intro .bg_fx{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;animation:floatFX 5s infinite}@keyframes floatFX{0%{transform:translate(0)}50%{transform:translateY(1%)}to{transform:translate(0)}}.quizpub .quiz-main{display:block;margin:auto 0;width:100%;padding:calc(6.4814814815 * var(--u)) calc(7.4074074074 * var(--u));color:#fff;font-family:Paperlogy}.quizpub .quiz-main .progress{margin-bottom:calc(3.7037037037 * var(--u))}.quizpub .quiz-main .progress .info{display:flex;justify-content:space-between;font-size:calc(3.1481481481 * var(--u))}.quizpub .quiz-main .progress .progress_bar{width:100%;background:#fff;margin-top:calc(1.8518518519 * var(--u));height:calc(2.2222222222 * var(--u));border:calc(.2777777778 * var(--u)) #fff solid;overflow:hidden}.quizpub .quiz-main .progress .progress_bar .bar{background-color:#ff9522;height:100%;transition:width .6s ease;width:14.3%}.quizpub .quiz-main .quiz_screen{width:100%;height:calc(26.2962962963 * var(--u));background-color:#2a2d30;border:calc(.2777777778 * var(--u)) #fff solid;border-radius:calc(3.4259259259 * var(--u));display:flex;justify-content:center;align-items:center;margin-bottom:calc(8.3333333333 * var(--u))}.quizpub .quiz-main .quiz_text{font-size:calc(5 * var(--u));margin-bottom:calc(3.7037037037 * var(--u));font-weight:700;display:flex;gap:calc(4.6296296296 * var(--u))}.quizpub .quiz-main .quiz_text .q_num{font-family:GMarketSans}.quizpub .quiz-main .quiz_answer{display:flex;flex-direction:column;gap:calc(2.4074074074 * var(--u))}.quizpub .quiz-main .quiz_answer .answer_btn{font-family:Paperlogy,sans-serif;display:flex;justify-content:center;align-items:center;gap:calc(1.8518518519 * var(--u));font-size:calc(4.9074074074 * var(--u));font-weight:600;color:#fff;height:calc(13.3333333333 * var(--u));border-radius:calc(2.2222222222 * var(--u));background-color:#ffffff26}.quizpub .quiz-main .quiz_answer .answer_btn .num{display:flex;justify-content:center;align-items:center;color:#fff!important;width:calc(4.6296296296 * var(--u));height:calc(4.6296296296 * var(--u));border-radius:calc(4.6296296296 * var(--u));background:#2d6fd2;font-size:calc(2.5925925926 * var(--u))}.quizpub .quiz-main .quiz_answer .answer_btn.correct{background-color:#fff;color:#000}.quizpub .quiz-main .quiz_answer .answer_btn.incorrect{background-color:#d8d5d5;color:#8e8e8e}.quizpub .quiz-main .quiz_answer .answer_btn.incorrect .num{background:#8e8e8e}.quizpub .quiz-main .quiz_result{margin-top:calc(4.6296296296 * var(--u));height:calc(17.037037037 * var(--u));display:flex;flex-direction:column;justify-content:flex-end;align-items:center;visibility:hidden;opacity:0;transition:opacity .3s ease,visibility .3s ease}.quizpub .quiz-main .quiz_result.active{visibility:visible;opacity:1}.quizpub .quiz-main .quiz_result .quiz_result_text{background-color:#1d6dbf;color:#fff29e;font-size:calc(4.4444444444 * var(--u));font-weight:600;padding:calc(3.3333333333 * var(--u)) calc(5.9259259259 * var(--u));border-radius:calc(2.2222222222 * var(--u));white-space:pre-line;text-align:center}.quizpub .quiz-main .quiz_result.correct .quiz_result_text{background-color:#1d6dbf;color:#fff29e}.quizpub .quiz-main .quiz_result.incorrect .quiz_result_text{background-color:#e54141;color:#fff}.quizpub .quiz-main .bottom{margin:calc(3.7037037037 * var(--u)) auto 0;visibility:hidden;opacity:0;transition:opacity .3s ease,visibility .3s ease}.quizpub .quiz-main .bottom.active{visibility:visible;opacity:1}.quizpub .quiz-main .bottom button{display:block;margin:auto}.quizpub .quiz-main .bottom button img{height:calc(15.7407407407 * var(--u))}.quizpub .quiz-intro .text_welcome,.quizpub .quiz-intro .quiz_start{visibility:hidden;opacity:0;transform:translateY(calc(1.8518518519 * var(--u)));transition:opacity .8s ease,transform .8s ease,visibility .8s ease}.quizpub .quiz-intro .text_welcome.shown,.quizpub .quiz-intro .quiz_start.shown{visibility:visible;opacity:1;transform:none}.quizpub .quiz-main .quiz_screen .code_text{color:#fff;font-family:GMarketSans,monospace;font-size:calc(6 * var(--u));letter-spacing:calc(.6 * var(--u))}.quizpub .quiz-main .answer_btn:disabled,.quizpub .quiz-main .btn_next:disabled{cursor:default}.quizpub .quiz-main .quiz_error{margin-top:calc(2.7777777778 * var(--u));text-align:center;color:#ffd0d0;font-size:calc(3 * var(--u));font-weight:600}.quizpub .quiz-main .quiz_text .q_num{white-space:nowrap;flex-shrink:0}.quizpub .quiz-intro{transition:opacity .4s ease}.quizpub .quiz-intro.leaving{opacity:0}.quizpub .quiz-main{animation:quizMainIn .5s ease both}@keyframes quizMainIn{0%{opacity:0}to{opacity:1}}.quizpub{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;overflow-y:auto}.resultpub,.mainpub{--u: calc(min(100vw, 480px)*.01) ;color:#0f0f0f;font-family:Paperlogy,sans-serif}.resultpub,.resultpub *,.mainpub,.mainpub *{box-sizing:border-box;position:relative;margin:0;padding:0;letter-spacing:calc(-.1203703704 * var(--u));word-break:keep-all}.resultpub,.mainpub{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;overflow-y:auto;overflow-x:hidden;background-color:#4fa6dc}.resultpub button,.mainpub button{border:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}.resultpub a,.mainpub a{text-decoration:none}.resultpub img,.mainpub img{display:block;max-width:100%}.resultpub .pub-column,.mainpub .pub-column{max-width:calc(100 * var(--u));margin:0 auto}.mainpub .pub-column{display:flex;flex-direction:column;min-height:100dvh}.mainpub .pub-column>*{width:100%}.mainpub .caution_section{flex-grow:1}.resultpub .result-wrapper{width:100%;min-height:100dvh;background-image:url(/images/result/bg_result.jpg);background-size:cover;overflow:hidden}.resultpub .bottom_logo{position:relative;bottom:unset;padding:calc(6.1111111111 * var(--u))}.resultpub .bottom_logo img{display:block;height:calc(3.7037037037 * var(--u));margin:auto}.resultpub .has_shadow,.mainpub .has_shadow{box-shadow:0 calc(.5555555556 * var(--u)) calc(2.5 * var(--u)) 0 #1b518c33}.resultpub .result-container{margin:calc(3.2407407407 * var(--u)) calc(3.2407407407 * var(--u)) calc(7.2222222222 * var(--u));border-radius:calc(2.2222222222 * var(--u));background-color:#fff;background-image:url(/images/result/grade_chick.png);background-size:cover;height:calc(59.8148148148 * var(--u))}.resultpub .result-container.grade1{background-image:url(/images/result/grade_chick.png)}.resultpub .result-container.grade2{background-image:url(/images/result/grade_novice.png)}.resultpub .result-container.grade3{background-image:url(/images/result/grade_mid.png)}.resultpub .result-container.grade4{background-image:url(/images/result/grade_expert.png)}.resultpub .result-container.grade5{background-image:url(/images/result/grade_legend.png)}.resultpub .result-container .my_score{position:absolute;top:calc(20.3703703704 * var(--u));left:calc(49.8148148148 * var(--u));font-size:calc(2.8703703704 * var(--u));font-weight:600;width:calc(10.462962963 * var(--u));height:calc(5.6481481481 * var(--u));display:flex;justify-content:center;align-items:center;gap:calc(.5555555556 * var(--u))}.resultpub .result-container .my_score .slash{font-weight:500}.resultpub .answer_section{margin:0 auto calc(6.1111111111 * var(--u));width:calc(83.8888888889 * var(--u))}.resultpub .answer_section .btn_retry{margin-top:calc(4.6296296296 * var(--u))}.resultpub .btn_area{width:calc(83.8888888889 * var(--u));margin:0 auto}.resultpub .btn_area .btn_home img{display:block;width:100%}.resultpub .btn_area .benefit_note{margin-top:calc(4.6296296296 * var(--u));text-align:center;color:#12141d;font-size:calc(3.2407407407 * var(--u));font-weight:600}.resultpub .notifyme{margin:0 calc(3.2407407407 * var(--u));border-radius:calc(2.2222222222 * var(--u));background-color:#fff;padding:calc(6.4814814815 * var(--u)) calc(4.6296296296 * var(--u))}.resultpub .notifyme .btn_notifyme{margin-top:calc(8.3333333333 * var(--u))}.resultpub .share_section,.mainpub .share_section{margin:0 auto calc(6.4814814815 * var(--u))}.resultpub .share_section .text_share{width:calc(33.7962962963 * var(--u));margin:auto}.resultpub .share_section .share_btns,.mainpub .share_section .share_btns{margin-top:calc(2.6851851852 * var(--u));display:flex;justify-content:center;gap:calc(5.5555555556 * var(--u))}.resultpub .share_section .share_btns button img,.mainpub .share_section .share_btns button img{width:calc(14.2592592593 * var(--u));border-radius:100%}.mainpub .share_section.main{background-color:#292929;padding:calc(7.5925925926 * var(--u)) 0;margin-bottom:0}.mainpub .share_section.main .share_btns{margin-top:0}.mainpub .btn_pub_back img,.quizpub .btn_pub_back img,.resultpub .btn_pub_back img{width:calc(7.4074074074 * var(--u));filter:brightness(0) invert(1)}.quizpub .btn_pub_back{position:absolute;top:calc(3.4259259259 * var(--u));left:calc(4.0740740741 * var(--u));z-index:5}.resultpub .result-header{padding:calc(3.4259259259 * var(--u)) calc(4.0740740741 * var(--u))}.mainpub .main-wrapper{width:100%;background-image:url(/images/main/bg_main.jpg);background-size:cover;overflow:hidden}.mainpub .main-wrapper .header{display:flex;justify-content:space-between;align-items:center;padding:calc(3.4259259259 * var(--u)) calc(3.3333333333 * var(--u)) calc(5.5555555556 * var(--u)) calc(4.0740740741 * var(--u))}.mainpub .main-wrapper .header .logo a{display:block}.mainpub .main-wrapper .header .logo img{width:calc(18.8888888889 * var(--u))}.mainpub .main-wrapper .header .member{display:flex;align-items:center;color:#fff;font-size:calc(3.2407407407 * var(--u));gap:calc(1.3888888889 * var(--u))}.mainpub .main-wrapper .header .member img{height:calc(7.5925925926 * var(--u))}.mainpub .main-content .main_title{transform:translateY(calc(7.4074074074 * var(--u))) scale(.9);transition:transform .5s ease-out}.mainpub .main-content .main_image{transform:scale(.9) rotate(5deg);transition:transform .5s ease-out;margin:calc(3.0555555556 * var(--u)) calc(15.7407407407 * var(--u)) calc(2.7777777778 * var(--u)) calc(12.037037037 * var(--u))}.mainpub .main-content .main_image .beeper_on{position:absolute;top:0;left:0;opacity:0;animation:turnOn 2s ease-in-out infinite}.mainpub .main-content .btn_quiz{display:block;margin:0 calc(8.1481481481 * var(--u)) calc(16.6666666667 * var(--u))}.mainpub .main-content.loaded .main_title{transform:translateY(0) scale(1)}.mainpub .main-content.loaded .main_image{transform:scale(1) rotate(0)}@keyframes turnOn{0%{opacity:0}10%{opacity:.2}15%{opacity:0}28%{opacity:.85}35%{opacity:.15}40%{opacity:1}to{opacity:1}}.mainpub .caution_section{background-color:#222;color:#fff;padding:calc(3.3333333333 * var(--u)) calc(4.4444444444 * var(--u)) calc(6.9444444444 * var(--u));font-family:Pretendard}.mainpub .caution_section .btn_toggle_caution{display:flex;font-weight:500;gap:calc(.7407407407 * var(--u));font-size:calc(3.1481481481 * var(--u));color:#fff}.mainpub .caution_section .caution_detail{display:none;margin-top:calc(6.2962962963 * var(--u));font-size:calc(2.7777777778 * var(--u));line-height:calc(4.2592592593 * var(--u))}.mainpub .caution_section .caution_detail h4{font-size:calc(3.1481481481 * var(--u));margin-top:calc(3.7037037037 * var(--u))}.mainpub .caution_section .caution_detail p{font-weight:300}.mainpub .caution_section.active .btn_toggle_caution .arrow{rotate:180deg}.mainpub .caution_section.active .caution_detail{display:block}.resultpub .answers-fallback{border-radius:calc(2.2222222222 * var(--u));background-color:#1c1c1c;overflow:hidden}.resultpub .answers-fallback h4{background-color:#ffb27d;color:#111;font-size:calc(4.2 * var(--u));text-align:center;padding:calc(2.4 * var(--u)) 0}.resultpub .answers-fallback ol{list-style:none;color:#fff;font-size:calc(3.4 * var(--u));padding:calc(3.2 * var(--u)) calc(4 * var(--u))}.resultpub .answers-fallback li{display:flex;align-items:baseline;gap:calc(1.6 * var(--u));padding:calc(.6 * var(--u)) 0}.resultpub .answers-fallback .no{color:#ff8a3d;min-width:calc(5 * var(--u))}.resultpub .answers-fallback .arrow{color:#8b8b8b;font-size:calc(2.4 * var(--u))}.resultpub .answers-fallback .note{color:#b9b9b9;font-size:calc(2.6 * var(--u));padding:0 calc(4 * var(--u)) calc(3.2 * var(--u))}.resultpub .btn_notifyme:disabled,.mainpub .btn_notifyme:disabled{cursor:default;opacity:.5}.resultpub .toast,.mainpub .toast{position:fixed;padding:12px 20px}.campaign-page{--u: calc(min(100vw, 480px)*.01) ;width:100%;max-width:480px;min-width:0;margin:0 auto;padding:24px 20px 60px;min-height:100dvh;box-sizing:border-box;background:#14213d;color:#fff;font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;white-space:pre-line}.campaign-page.campaign-loading,.campaign-page.campaign-closed,.campaign-loading,.campaign-closed{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:100dvh;padding:24px 20px;text-align:center}.closed-title{font-size:20px;font-weight:700}.closed-desc{opacity:.8;font-size:14px}.submit-btn{display:block;width:100%;padding:16px;margin-top:12px;border:0;border-radius:10px;background:#ff7a1a;color:#fff;font-size:16px;font-weight:700;cursor:pointer;text-align:center;text-decoration:none;box-sizing:border-box}.submit-btn:disabled,.submit-btn.is-disabled{background:#4a5568;cursor:not-allowed}.submit-btn.is-ghost{background:transparent;border:1px solid rgba(255,255,255,.4)}.text-link{display:block;width:100%;margin-top:16px;padding:8px;background:none;border:0;color:#ffffffbf;font-size:14px;text-decoration:underline;cursor:pointer}.form-error{margin-top:12px;color:#ffb4b4;font-size:14px}.field{display:block;margin-top:16px}.field-label{display:block;margin-bottom:6px;font-size:14px;opacity:.85}.field-input{width:100%;padding:14px;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:#ffffff14;color:#fff;font-size:16px;box-sizing:border-box}.field-radios{display:flex;gap:8px}.field-hint{display:block;margin-top:6px;font-size:12px;opacity:.7}.chip{flex:1;padding:12px;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:transparent;color:#fff;cursor:pointer}.chip.is-selected{background:#ff7a1a;border-color:#ff7a1a}.campaign-page.ch3-form{padding:24px 20px 60px;background:#fff;color:#0f0f0f;font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif}.campaign-page.ch3-form .field-input{border-color:#d0d5dd;background:#fff;color:#0f0f0f}.campaign-page.ch3-form .field-input::placeholder{color:#98a2b3}.campaign-page.ch3-form .chip{padding:12px;border:1px solid #d0d5dd;background:#f2f4f7;color:#0f0f0f}.campaign-page.ch3-form .chip.is-selected{background:#ff7a1a;border-color:#ff7a1a;color:#fff}.campaign-page.ch3-form .text-link{color:#475467}.campaign-page.ch3-form .form-error{color:#d92d20}.campaign-page.ch3-form .wizard-back{color:#0f0f0f}.campaign-page.ch3-form .submit-btn{padding:16px;background:#ff7a1a;color:#fff}.campaign-page.ch3-form .submit-btn:disabled{background:#98a2b3}.campaign-page.ch3-form .alert_modal .modal-wrapper{color:#0f0f0f}.wizard-top,.ch-top,.hub-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.wizard-back{width:32px;height:32px;background:none;border:0;color:#fff;font-size:26px;line-height:1;cursor:pointer}.wizard-step{font-size:13px;opacity:.7}.wizard-spacer{width:32px}.wizard-title{margin:0 0 20px;font-size:20px;font-weight:700}.wizard-footer{margin-top:24px}.ch-badge{font-size:13px;opacity:.8}.ch-auth{padding:6px 14px;border:1px solid rgba(255,255,255,.35);border-radius:6px;background:#1a1a1a;color:#fff;font-size:13px;font-weight:700;cursor:pointer}.ch-title{margin:8px 0;font-size:24px;font-weight:800}.ch-desc{font-size:14px;opacity:.85;margin-bottom:20px}.ch-note{font-size:13px;opacity:.8;margin-bottom:16px}.ch-soon{margin-top:12px;font-size:13px;opacity:.7;text-align:center}.answer-fallback{padding:24px 20px;background:#fff;color:#1a191a;white-space:pre-line}.answer-question{margin:6px 0;font-size:15px}.answer-best{margin:6px 0;font-weight:700;color:#bf2d10}.answer-explain{margin:6px 0 0;font-size:13px;opacity:.85}.tpl-carousel{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}.tpl-item{flex:0 0 60%;scroll-snap-align:center;aspect-ratio:9 / 16;border:2px solid transparent;border-radius:12px;background:#ffffff1f;color:#fff;cursor:pointer;position:relative;overflow:hidden;padding:0}.tpl-item.is-selected{border-color:#ff7a1a}.tpl-thumb{width:100%;height:100%;object-fit:cover}.tpl-label{position:absolute;left:10px;bottom:10px;font-size:12px;opacity:.9}.pending{text-align:center;padding:48px 0}.pending-spinner{width:44px;height:44px;margin:0 auto 20px;border:3px solid rgba(255,255,255,.25);border-top-color:#ff7a1a;border-radius:50%;animation:campaign-spin .9s linear infinite}@keyframes campaign-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.pending-spinner{animation:none}}.pending-title{font-size:17px;font-weight:700}.pending-desc{font-size:14px;opacity:.85}.pending-note{margin-top:16px;font-size:13px;opacity:.7}.luck-card-img{width:100%;border-radius:14px;margin:16px 0}.recv-title{font-size:19px;font-weight:700;text-align:center}.recv-phone{display:flex;gap:8px;align-items:center;margin:20px 0}.recv-phone-prefix{padding:14px;border-radius:8px;background:#ffffff1f}.recv-phone-input{flex:1;padding:14px;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:#ffffff14;color:#fff;font-size:16px}.recv-note{margin-top:24px;font-size:13px;opacity:.8;text-align:center}.recv-card{width:100%;border-radius:14px;margin:16px 0}.recv-body{font-size:16px;line-height:1.7}.recv-sender{font-size:12px;opacity:.7}.recv-gift-lead{margin-top:24px;font-size:14px;opacity:.9;text-align:center}.recv-product{font-size:22px;font-weight:800;text-align:center;margin:12px 0}.recv-pending{text-align:center;opacity:.9}.recv-barcode{padding:20px;border-radius:12px;background:#fff;color:#14213d;text-align:center}.recv-coupon-no{font-size:20px;font-weight:800;letter-spacing:.1em;margin:0}.recv-valid{font-size:12px;margin:6px 0 0}.luck-headline{font-size:19px;font-weight:700;text-align:center}.luck-line{font-size:14px;opacity:.9;margin:6px 0}.luck-quote{margin:20px 0;padding:16px;border-left:3px solid #ff7a1a;background:#ffffff14;font-size:14px}.luck-quote cite{display:block;margin-top:8px;font-size:12px;opacity:.75;font-style:normal}.luck-desc{font-size:13px;opacity:.85}.luck-detail{margin:16px 0}.luck-detail summary{cursor:pointer;font-size:14px;opacity:.9}.insta-entry{margin-top:28px;padding:18px;border-radius:12px;background:#ffffff14}.insta-title{margin:0 0 8px;font-size:16px}.insta-desc{font-size:13px;opacity:.85}.insta-tag{font-size:13px;color:#ffd07a}.insta-done{font-weight:700;color:#9be29b}.hubpub,.ch1pub{--u: calc(min(100vw, 480px) / 1080);padding:0;background:none;font-family:Paperlogy,Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;color:#0f0f0f;white-space:normal;letter-spacing:calc(-1.3 * var(--u));word-break:keep-all}.hubpub img,.ch1pub img{display:block;max-width:100%}.hubpub button,.ch1pub button{border:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;font-family:inherit}.hubpub a,.ch1pub a{text-decoration:none}.hubpub .main-wrapper,.ch1pub .main-wrapper{width:100%;overflow:hidden;background-color:#fd9b38}.hubpub .main-wrapper>.header,.ch1pub .main-wrapper>.header{position:absolute;z-index:10;width:100%;max-width:480px;display:flex;justify-content:space-between;align-items:center;margin:0;padding:calc(37 * var(--u)) calc(36 * var(--u)) calc(60 * var(--u)) calc(44 * var(--u));box-sizing:border-box}.hubpub .main-wrapper>.header .logo img{width:calc(204 * var(--u))}.hubpub .main-wrapper>.header .back_btn img,.ch1pub .header .back_btn img{height:calc(80 * var(--u))}.hubpub .member,.ch1pub .member{display:flex;align-items:center;color:#fff;font-size:calc(35 * var(--u));gap:calc(15 * var(--u))}.hubpub .member img,.ch1pub .member img{height:calc(82 * var(--u))}.hubpub .member button,.ch1pub .member button{padding:0;line-height:0}.hubpub .main-content .column,.ch1pub .main-content .column{position:relative}.hubpub .main-content .column a.btn_application{display:block;position:absolute;top:0;right:0;bottom:0;left:0}.hubpub .main-content .column a.btn_application img{position:absolute;bottom:calc(48 * var(--u));left:calc(104 * var(--u));width:calc(300 * var(--u));border-radius:100px}.hubpub .main-content .column:last-child{margin-bottom:calc(45 * var(--u))}.ch1pub .main-content .column a.btn_goto_quiz,.ch1pub .main-content .column button.btn_goto_quiz{display:block;position:absolute;bottom:calc(50 * var(--u));left:0;width:100%;padding:0}.ch1pub .main-content .column .btn_goto_quiz img{width:calc(960 * var(--u));margin:0 auto}.ch1pub .quiz-wrapper,.ch1pub .result-wrapper{width:100%;min-height:100dvh;background:#c9cadf}.ch1pub .quiz-wrapper>.header,.ch1pub .result-wrapper>.header{display:flex;justify-content:space-between;align-items:center;margin:0;padding:calc(20 * var(--u))}.ch1pub .bottom_logo{width:100%;padding:calc(40 * var(--u));box-sizing:border-box}.ch1pub .bottom_logo img{display:block;height:calc(40 * var(--u));margin-left:auto}.ch1pub .quiz-container{margin-top:calc(120 * var(--u));width:100%}.ch1pub .quiz-main{display:block;width:100%;padding:calc(40 * var(--u)) calc(50 * var(--u));box-sizing:border-box;color:#1a191a}.ch1pub .quiz-main .progress{margin-bottom:calc(120 * var(--u))}.ch1pub .quiz-main .progress .info{display:flex;justify-content:space-between;font-size:calc(34 * var(--u))}.ch1pub .quiz-main .progress .progress_bar{width:100%;background:#fff;margin-top:calc(20 * var(--u));height:calc(24 * var(--u));border:calc(3 * var(--u)) #fff solid;box-sizing:border-box;overflow:hidden}.ch1pub .quiz-main .progress .bar{background-color:#ff9522;height:100%;transition:width .6s ease}.ch1pub .quiz_text{min-height:calc(340 * var(--u));font-size:calc(54 * var(--u));margin-bottom:calc(40 * var(--u));font-weight:600;display:flex;flex-direction:column;align-items:center;text-align:center;gap:calc(10 * var(--u));line-height:1.2}.ch1pub .quiz_text .q_num{font-family:GMarketSans,Paperlogy,sans-serif;font-size:calc(56 * var(--u));margin-bottom:calc(16 * var(--u))}.ch1pub .quiz_text .q_text{white-space:pre-line;letter-spacing:calc(-2 * var(--u))}.ch1pub .quiz_text .q_guide{color:#bf2d10;font-size:calc(36 * var(--u));font-weight:400;margin:0}.ch1pub .quiz_answer{display:flex;flex-direction:column;gap:calc(26 * var(--u))}.ch1pub .quiz_answer .answer_btn{display:flex;align-items:center;gap:calc(16 * var(--u));font-size:calc(50 * var(--u));font-weight:600;color:#1a191a;min-height:calc(144 * var(--u));border-radius:calc(24 * var(--u));padding:calc(20 * var(--u)) calc(30 * var(--u)) calc(20 * var(--u)) calc(60 * var(--u));background-color:#fff6;text-align:left}.ch1pub .quiz_answer .answer_btn .num{flex:0 0 auto;display:flex;justify-content:center;align-items:center;color:#fff;width:calc(50 * var(--u));height:calc(50 * var(--u));border-radius:calc(50 * var(--u));background:#fc6805;font-size:calc(28 * var(--u))}.ch1pub .quiz_answer .answer_btn.correct{background-color:#fff}.ch1pub .quiz_answer .answer_btn.incorrect{background-color:#8c8d9d}.ch1pub .quiz_answer .answer_btn.incorrect .num{background:#34343b}.ch1pub .quiz_result{margin:calc(80 * var(--u)) auto calc(48 * var(--u));display:flex;flex-direction:column;justify-content:flex-end;align-items:center;visibility:hidden;opacity:0}.ch1pub .quiz_result.active{visibility:visible;opacity:1}.ch1pub .quiz_result .quiz_result_text{display:flex;gap:calc(20 * var(--u));align-items:center;background-color:#616271;color:#fff29e;font-size:calc(48 * var(--u));font-weight:600;padding:calc(36 * var(--u)) calc(64 * var(--u));border-radius:calc(24 * var(--u));text-align:center}.ch1pub .quiz_result.correct .quiz_result_text{background-color:#616271;color:#fff077}.ch1pub .quiz_result.incorrect .quiz_result_text{background-color:#a2a3b4;color:#34353c}.ch1pub .quiz-main .bottom{margin:calc(40 * var(--u)) auto 0;visibility:hidden;opacity:0}.ch1pub .quiz-main .bottom.active{visibility:visible;opacity:1}.ch1pub .quiz-main .bottom button{display:block;margin:auto;padding:0}.ch1pub .quiz-main .bottom button img{height:calc(170 * var(--u))}.ch1pub .result-wrapper{overflow:hidden}.ch1pub .result-wrapper .bottom_logo{padding:calc(66 * var(--u))}.ch1pub .result-wrapper .bottom_logo img{margin:auto}.ch1pub .result-container{margin:calc(70 * var(--u)) calc(60 * var(--u)) calc(60 * var(--u));border-radius:calc(30 * var(--u));background-color:#fff;overflow:hidden}.ch1pub .result-container img{width:100%}.ch1pub .btn_container{margin:0 calc(60 * var(--u));display:flex;flex-direction:column;gap:calc(20 * var(--u))}.ch1pub .btn_container .btn{width:100%;padding:0}.ch1pub .btn_container .btn img{display:block;width:100%}.ch1pub .answer_section{position:relative;margin:calc(50 * var(--u)) calc(60 * var(--u)) calc(70 * var(--u));width:calc(960 * var(--u))}.ch1pub .answer_slider{width:calc(960 * var(--u));border-radius:calc(30 * var(--u));overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none}.ch1pub .answer_slider .track{display:flex;width:100%;transition:transform .2s ease-out;will-change:transform}.ch1pub .answer_slider .answer{min-width:100%}.ch1pub .answer_slider .answer img{width:100%;pointer-events:none;-webkit-user-drag:none}.ch1pub .answer_section .btn{position:absolute;top:calc(380 * var(--u));left:0;width:100%;pointer-events:none}.ch1pub .answer_section .btn_slide{position:absolute;width:calc(130 * var(--u));padding:0;pointer-events:auto;cursor:pointer}.ch1pub .answer_section .btn_slide img{width:100%}.ch1pub .answer_section .btn_slide.prev{left:0}.ch1pub .answer_section .btn_slide.next{right:0}.ch1pub .answer_section .btn_slide.disable{opacity:.3;pointer-events:none;cursor:default}.hubpub .share_section,.ch1pub .share_section{margin:0 auto calc(40 * var(--u))}.hubpub .share_section h4,.ch1pub .share_section h4{font-size:calc(64 * var(--u));width:100%;text-align:center;margin:0 0 calc(30 * var(--u))}.hubpub .share_section .share_btns,.ch1pub .share_section .share_btns{margin-top:calc(29 * var(--u));display:flex;justify-content:center;gap:calc(60 * var(--u))}.hubpub .share_section .share_btns button img,.ch1pub .share_section .share_btns button img{width:calc(154 * var(--u));border-radius:100%}.hubpub .share_section.main,.ch1pub .share_section.main{background-color:#292929;padding:calc(82 * var(--u)) 0;margin-bottom:0}.hubpub .share_section.main .share_btns,.ch1pub .share_section.main .share_btns{margin-top:0}.hubpub .caution_section,.ch1pub .caution_section{background-color:#222;color:#fff;padding:calc(36 * var(--u)) calc(48 * var(--u)) calc(75 * var(--u));font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif}.hubpub .caution_section .btn_toggle_caution,.ch1pub .caution_section .btn_toggle_caution{display:flex;font-weight:500;gap:calc(8 * var(--u));font-size:calc(34 * var(--u));color:#fff;padding:0}.hubpub .caution_section .caution_detail,.ch1pub .caution_section .caution_detail{display:none;margin-top:calc(68 * var(--u));font-size:calc(30 * var(--u));line-height:calc(46 * var(--u));opacity:.7}.hubpub .caution_section h4,.ch1pub .caution_section h4{font-size:calc(34 * var(--u));margin:calc(40 * var(--u)) 0 0}.hubpub .caution_section p,.ch1pub .caution_section p{font-weight:300;margin:0}.hubpub .caution_section .btn_terms,.ch1pub .caution_section .btn_terms{color:#fff;font-size:calc(32 * var(--u));margin-top:calc(40 * var(--u));font-weight:700;text-decoration:underline;padding:0}.hubpub .caution_section.active .btn_toggle_caution .arrow,.ch1pub .caution_section.active .btn_toggle_caution .arrow{rotate:180deg}.hubpub .caution_section.active .caution_detail,.ch1pub .caution_section.active .caution_detail{display:block}.hub_modal{position:fixed;width:100%;max-width:480px;height:100%;top:0;left:50%;translate:-50% 0;background:#fff;z-index:1000;transform:translate(100vw);transition:transform .1s ease-out;will-change:transform;visibility:hidden}.hub_modal.active{transform:translate(0);visibility:visible}.hub_modal .container{height:100%;overflow-y:auto}.hub_modal .container img{display:block;width:100%}.hub_modal .btn_close{position:absolute;top:calc(40 * var(--u));right:calc(40 * var(--u));width:calc(80 * var(--u));padding:0;border:0;background:transparent;cursor:pointer;z-index:1001}.hub_modal .btn_close img{display:block;width:100%}.ch2pub{--u: calc(min(100vw, 480px) / 1080);padding:0;background:none;font-family:Paperlogy,Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;color:#0f0f0f;white-space:normal;letter-spacing:calc(-1.3 * var(--u));word-break:keep-all}.ch2pub img{display:block;max-width:100%}.ch2pub button{border:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;font-family:inherit}.ch2pub a{text-decoration:none}.ch2pub .has_shadow{box-shadow:0 calc(6 * var(--u)) calc(27 * var(--u)) 0 #1b518c33}.ch2pub .main-wrapper{width:100%;overflow:hidden;background-color:#f7d4da}.ch2pub .main-wrapper>.header{position:absolute;z-index:10;width:100%;max-width:480px;display:flex;justify-content:space-between;align-items:center;margin:0;padding:calc(37 * var(--u)) calc(36 * var(--u)) calc(60 * var(--u)) calc(44 * var(--u));box-sizing:border-box}.ch2pub .header .back_btn img{height:calc(80 * var(--u))}.ch2pub .member{display:flex;align-items:center;color:#fff;font-size:calc(35 * var(--u));gap:calc(15 * var(--u))}.ch2pub .member img{height:calc(82 * var(--u))}.ch2pub .member button{padding:0;line-height:0}.ch2pub .main-content .column{position:relative}.ch2pub .main-content .column .btn_goto_message{display:block;position:absolute;bottom:calc(40 * var(--u));left:0;width:100%;padding:0}.ch2pub .main-content .column .btn_goto_message img{width:calc(960 * var(--u));margin:0 auto}.ch2pub .main-content .column .btn_goto_message .btn_check_message{display:flex;justify-content:center;align-items:center;width:calc(960 * var(--u));height:calc(159 * var(--u));margin:0 auto;box-sizing:border-box;background:#ff9522;border-radius:calc(24 * var(--u));box-shadow:inset 0 0 0 calc(5 * var(--u)) #ffa526,inset 0 calc(-10 * var(--u)) 0 #0000000d;color:#0f0f0f;font-family:Pretendard,sans-serif;font-size:calc(62 * var(--u));font-weight:800;letter-spacing:calc(-1.3 * var(--u))}.ch2pub .make-wrapper,.ch2pub .result-wrapper{width:100%;min-height:100dvh;background:#f7d4da}.ch2pub .make-wrapper>.header,.ch2pub .result-wrapper>.header{display:flex;justify-content:space-between;align-items:center;margin:0;padding:calc(36 * var(--u))}.ch2pub .bottom_logo{width:100%;padding:calc(66 * var(--u));box-sizing:border-box}.ch2pub .bottom_logo img{display:block;height:calc(40 * var(--u));margin:auto}.ch2pub .btns{display:flex;flex-direction:column;gap:calc(30 * var(--u));padding:0 calc(55 * var(--u));margin-bottom:calc(48 * var(--u))}.ch2pub .btns button,.ch2pub .btns a{padding:0;width:100%}.ch2pub .btns img{width:100%}.ch2pub .btns .step_last,.ch2pub .btns.step_last .btn_next{display:none}.ch2pub .btns.step_last .step_last{display:block}.ch2pub .make_msg{padding:calc(250 * var(--u)) 0 0;min-height:calc(1810 * var(--u));display:none}.ch2pub .make_msg.active{display:block}.ch2pub .make_msg.step3,.ch2pub .make_msg.step5vod{min-height:calc(1640 * var(--u))}.ch2pub .make_msg h1{text-align:center;font-size:calc(85 * var(--u));line-height:1.17;color:#0f0f0f;font-family:Pretendard,sans-serif;margin:0}.ch2pub .make_msg p.sub_text{text-align:center;font-size:calc(30 * var(--u));color:#e40000;font-family:Pretendard,sans-serif;margin:calc(30 * var(--u)) auto calc(60 * var(--u))}.ch2pub .form-error{text-align:center;color:#d92d20;padding:0 calc(55 * var(--u));font-size:calc(42 * var(--u));line-height:1.4;font-weight:600}.ch2pub .make_msg.step4_loading{width:100%;max-width:480px;height:100dvh;padding:0;background-color:#f7d4da;position:fixed;top:0;left:50%;translate:-50% 0;z-index:1000;display:none;flex-direction:column;justify-content:center;align-items:center}.ch2pub .make_msg.step4_loading.active{display:flex}.ch2pub .loading{position:relative;width:calc(256 * var(--u));height:calc(256 * var(--u));margin:calc(160 * var(--u)) auto 0;display:flex;justify-content:center;align-items:center}.ch2pub .loading .loading_svg{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-90deg);animation:ch2SpinCircle 1.6s linear infinite;z-index:10}.ch2pub .loading .loading_svg circle{fill:none;stroke-width:calc(10 * var(--u))}.ch2pub .loading .loading_svg .circle_bg{stroke:#fff}.ch2pub .loading .loading_svg .circle_bar{stroke:#fd8021;stroke-linecap:round;stroke-dasharray:773;stroke-dashoffset:580}.ch2pub .loading .ico_loading{position:relative;z-index:2;width:calc(256 * var(--u));display:block}@keyframes ch2SpinCircle{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}.ch2pub .template_list{width:100%;min-width:0;position:relative;padding-bottom:calc(24 * var(--u));overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.ch2pub .template_list::-webkit-scrollbar{display:none}.ch2pub .template_list .track{display:flex;gap:calc(10 * var(--u));padding:0 calc(40 * var(--u));align-items:center;justify-content:center;width:max-content;min-width:100%;box-sizing:border-box}.ch2pub .template_list .track button{flex:0 0 auto;width:calc(150 * var(--u));height:calc(150 * var(--u));border-radius:calc(16 * var(--u));display:flex;justify-content:center;align-items:center;border:calc(7 * var(--u)) transparent solid;box-sizing:border-box;padding:0}.ch2pub .template_list .track button img{display:block;width:calc(120 * var(--u));border-radius:calc(10 * var(--u))}.ch2pub .template_list .track button.active{border-color:#4a3f41}.ch2pub .template_list.type_vod{padding:0;margin:calc(220 * var(--u)) auto 0}.ch2pub .template_list.type_vod .track{width:100%;padding:0;justify-content:center}.ch2pub .template_list.type_vod .track button{width:calc(485 * var(--u));height:calc(840 * var(--u))}.ch2pub .template_list.type_vod .track button img{width:calc(457 * var(--u))}.ch2pub .text_input{position:relative;margin:calc(60 * var(--u)) calc(55 * var(--u)) 0;border-radius:calc(20 * var(--u));border:1px #e0e3e6 solid;overflow:hidden}.ch2pub .text_input textarea{display:block;width:100%;height:calc(540 * var(--u));box-sizing:border-box;padding:calc(50 * var(--u)) calc(40 * var(--u)) calc(80 * var(--u));background-color:#fff;border:none;font-family:Pretendard,sans-serif;font-size:max(16px,calc(36 * var(--u)));resize:none;outline:none;line-height:1.5em}.ch2pub .text_input textarea::placeholder{color:#aaa}.ch2pub .text_input .text_count{position:absolute;bottom:calc(24 * var(--u));right:calc(25 * var(--u));font-family:Pretendard,sans-serif;font-size:calc(40 * var(--u));color:#898989}.ch2pub .text_input.type_vod{margin:calc(70 * var(--u)) calc(55 * var(--u)) 0}.ch2pub .text_input.type_vod textarea{height:calc(330 * var(--u));padding:calc(40 * var(--u)) calc(40 * var(--u)) calc(80 * var(--u))}.ch2pub .text_input.type_vod .btn_load_postmsg{position:absolute;bottom:0;left:0;width:calc(410 * var(--u));height:calc(60 * var(--u));color:#fff;background-color:#969293;font-size:calc(30 * var(--u));padding:0}.ch2pub .template_box{width:calc(736 * var(--u));margin:calc(84 * var(--u)) auto calc(36 * var(--u));position:relative}.ch2pub .template_box img{display:block;width:100%}.ch2pub .template_box.selected{width:calc(460 * var(--u))}.ch2pub .template_box.selected_vod{width:calc(550 * var(--u))}.ch2pub .template_box.preview{width:calc(1080 * var(--u));transform:scale(.7);transform-origin:center top}.ch2pub .make_msg.step3 .template_box.preview{margin-bottom:calc(-315 * var(--u))}.ch2pub .template_box.preview .text_preview{display:flex;align-items:center;justify-content:center;position:absolute;text-align:center;white-space:pre-line;line-height:1.4}.ch2pub .template_box.preview .text_preview.is-left{align-items:flex-start;justify-content:flex-start;text-align:left}.ch2pub .template_box.preview .text_preview span{width:100%}.ch2pub .uploaded_photo_list{display:flex;flex-wrap:wrap;gap:calc(25 * var(--u));row-gap:calc(30 * var(--u));margin:0 auto calc(70 * var(--u));width:calc(940 * var(--u))}.ch2pub .uploaded_photo_list .item{position:relative;width:calc(216 * var(--u));height:calc(288 * var(--u));background:url(/images/standard/vod/btn_photo.png) center;background-size:cover;overflow:hidden}.ch2pub .uploaded_photo_list .item input[type=file]{display:none}.ch2pub .uploaded_photo_list .item label{display:block;width:100%;height:100%;cursor:pointer}.ch2pub .uploaded_photo_list .item img.uploaded_photo{display:none;width:100%;height:100%;object-fit:cover;pointer-events:none}.ch2pub .uploaded_photo_list .item .btn_delete{display:none;position:absolute;top:calc(12 * var(--u));right:calc(12 * var(--u));z-index:10;padding:0}.ch2pub .uploaded_photo_list .item .btn_delete img{width:calc(46 * var(--u));display:block}.ch2pub .uploaded_photo_list .item.has_photo img.uploaded_photo,.ch2pub .uploaded_photo_list .item.has_photo .btn_delete{display:block}.ch2pub .caution_upload{display:block;width:100%}.ch2pub .caution_upload_text{margin:calc(24 * var(--u)) 0 0;text-align:center;color:#767676;font-size:calc(31 * var(--u));line-height:1.55}.ch2pub .caution_upload_text .ico{display:inline-flex;justify-content:center;align-items:center;width:calc(34 * var(--u));height:calc(34 * var(--u));margin-right:calc(6 * var(--u));border-radius:50%;background:#767676;color:#fff;font-size:calc(24 * var(--u));font-weight:700;vertical-align:calc(-4 * var(--u))}.ch2pub .result_topper img{width:100%}.ch2pub .result-wrapper .share_section{width:calc(960 * var(--u));height:calc(360 * var(--u));background-color:#fff;border-radius:calc(36 * var(--u));display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;gap:calc(10 * var(--u))}.ch2pub .result-wrapper .share_section h4{font-size:calc(54 * var(--u));font-weight:600;color:#4a3f41;margin:0}.ch2pub .result-wrapper .share_btns{display:flex;justify-content:center;gap:calc(60 * var(--u))}.ch2pub .result-wrapper .share_btns button{padding:0}.ch2pub .result-wrapper .share_btns button img{width:calc(154 * var(--u));border-radius:100%}.ch2pub .preview_section{position:relative;height:calc(1340 * var(--u))}.ch2pub .preview_section .preview{transform:scale(.76)}.ch2pub .preview_section .btn_goto_modify{position:absolute;bottom:0;width:100%;padding:0}.ch2pub .preview_section .btn_goto_modify img{display:block;width:calc(960 * var(--u));margin:0 auto}.ch2pub .preview_vod_section .img_thumb_vod{display:none}.ch2pub .preview_vod_section .btns{gap:calc(20 * var(--u));margin-bottom:0}.ch2pub .preview_vod_section .btn2,.ch2pub .preview_vod_section.has_vod .img_guide{display:none}.ch2pub .preview_vod_section.has_vod .img_thumb_vod{display:block;width:calc(814 * var(--u));margin:calc(90 * var(--u)) auto}.ch2pub .preview_vod_section.has_vod .thumb_box{position:relative;width:calc(814 * var(--u));height:calc(1448 * var(--u));margin:calc(90 * var(--u)) auto}.ch2pub .preview_vod_section.has_vod .thumb_box .img_thumb_vod{width:100%;margin:0}.ch2pub .preview_vod_section.has_vod .thumb_box .loading_box{display:none}.ch2pub .preview_vod_section.has_vod .thumb_box.under_loading .loading_box{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url(/images/standard/bg_loading.png) center center no-repeat;background-size:contain}.ch2pub .preview_vod_section.has_vod .thumb_box.under_loading .loading_box .loading{width:calc(200 * var(--u));height:calc(200 * var(--u));margin:calc(690 * var(--u)) auto 0}.ch2pub .preview_vod_section.has_vod .btn1{display:none}.ch2pub .preview_vod_section.has_vod .btn2{display:block}.ch2pub .notice_text{margin:calc(56 * var(--u)) auto 0;padding:0 calc(40 * var(--u));text-align:center;color:#474646;font-size:calc(26 * var(--u));line-height:1.55}.ch2pub .notice_text .ico{display:inline-flex;justify-content:center;align-items:center;width:calc(32 * var(--u));height:calc(32 * var(--u));margin-right:calc(6 * var(--u));border-radius:50%;background:#474646;color:#fff;font-size:calc(22 * var(--u));font-weight:700;vertical-align:middle}.ch2pub .caution_section{background-color:#222;color:#fff;padding:calc(36 * var(--u)) calc(48 * var(--u)) calc(75 * var(--u));font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif}.ch2pub .caution_section .btn_toggle_caution{display:flex;font-weight:500;gap:calc(8 * var(--u));font-size:calc(34 * var(--u));color:#fff;padding:0}.ch2pub .caution_section .caution_detail{display:none;margin-top:calc(68 * var(--u));font-size:calc(30 * var(--u));line-height:calc(46 * var(--u));opacity:.7}.ch2pub .caution_section h4{font-size:calc(34 * var(--u));margin:calc(40 * var(--u)) 0 0}.ch2pub .caution_section p{font-weight:300;margin:0}.ch2pub .caution_section .btn_terms{color:#fff;font-size:calc(32 * var(--u));margin-top:calc(40 * var(--u));font-weight:700;text-decoration:underline;padding:0}.ch2pub .caution_section.active .btn_toggle_caution .arrow{rotate:180deg}.ch2pub .caution_section.active .caution_detail{display:block}.ch2pub .share_section.main{background-color:#292929;padding:calc(82 * var(--u)) 0;margin:0}.ch2pub .share_section.main .share_btns{display:flex;justify-content:center;gap:calc(60 * var(--u));margin-top:0}.ch2pub .share_section.main .share_btns button{padding:0}.ch2pub .share_section.main .share_btns button img{width:calc(154 * var(--u));border-radius:100%}.ch2pub .result-wrapper>.header .inbox_paging{display:flex;align-items:center;gap:calc(18 * var(--u));background:#ffffffbf;border-radius:calc(100 * var(--u));padding:calc(12 * var(--u)) calc(28 * var(--u))}.ch2pub .result-wrapper>.header .inbox_paging .count{font-size:calc(38 * var(--u));font-weight:600;line-height:1;font-variant-numeric:tabular-nums}.ch2pub .result-wrapper>.header .inbox_paging button{padding:0;background:none;border:0;font-size:calc(46 * var(--u));line-height:1;color:inherit}.ch2pub .result_topper_child{padding:calc(100 * var(--u)) 0 calc(90 * var(--u))}.ch2pub .result_topper_child h1{font-size:calc(72 * var(--u));text-align:center;line-height:1.3;font-weight:600;margin:0}.ch2pub .message_section .message_card{display:flex;justify-content:center;align-items:center;height:calc(1250 * var(--u));position:relative}.ch2pub .message_section .message_card img,.ch2pub .message_section .message_card video{display:none;width:calc(700 * var(--u))}.ch2pub .message_section .message_card img.active,.ch2pub .message_section .message_card video.active{display:block}.ch2pub .message_section .message_card button.btn_arrow{position:absolute;width:calc(190 * var(--u));top:50%;transform:translateY(-50%);padding:0}.ch2pub .message_section .message_card button.btn_arrow.prev{left:0}.ch2pub .message_section .message_card button.btn_arrow.next{right:0}.ch2pub .message_section .message_card button.btn_arrow img{display:block;width:100%}.ch2pub .message_section .btn_save{display:block;width:calc(960 * var(--u));margin:calc(30 * var(--u)) auto calc(140 * var(--u));padding:0}.ch2pub .message_section .btn_save img{width:100%}.ch2pub .goto_randomgift{position:relative;width:calc(960 * var(--u));background-color:#fff;border-radius:calc(36 * var(--u));overflow:hidden;margin:0 auto}.ch2pub .goto_randomgift .btn_goto_randomgift{position:absolute;left:calc(115 * var(--u));bottom:calc(70 * var(--u));width:calc(730 * var(--u));padding:0}.ch2pub .goto_randomgift .btn_goto_randomgift img{width:100%}.ch2pub .goto_lucky{margin:calc(90 * var(--u)) 0 0}.ch2pub .goto_lucky>img{width:100%}.ch2pub .alert_modal,.giftpub .alert_modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;z-index:1000;display:none;align-items:center;justify-content:center}.ch2pub .alert_modal.active,.giftpub .alert_modal.active{display:flex}.ch2pub .alert_modal .modal-wrapper,.giftpub .alert_modal .modal-wrapper{position:relative;width:calc(970 * var(--u));min-height:calc(400 * var(--u));background-color:#fff;border-radius:calc(20 * var(--u));display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(140 * var(--u)) calc(50 * var(--u)) calc(64 * var(--u));gap:calc(60 * var(--u));box-sizing:border-box}.ch2pub .alert_modal .ico_noti,.giftpub .alert_modal .ico_noti{width:calc(174 * var(--u));display:block}.ch2pub .alert_modal .msg,.giftpub .alert_modal .msg{font-family:Pretendard,sans-serif;text-align:center;font-size:calc(48 * var(--u));font-weight:700;color:#0f0f0f;line-height:1.3}.ch2pub .alert_modal .ok_btn,.giftpub .alert_modal .ok_btn{display:flex;align-items:center;justify-content:center;font-size:calc(49 * var(--u));font-weight:700;width:100%;height:calc(125 * var(--u));background-color:#ccc;border-radius:calc(20 * var(--u));color:#0f0f0f;text-decoration:none;border:none;cursor:pointer}.ch2pub .alert_modal .pair-form{width:100%;display:flex;flex-direction:column;align-items:center;gap:calc(40 * var(--u))}.ch2pub .alert_modal .phone-wrapper{display:flex;align-items:center;justify-content:center;gap:calc(24 * var(--u));width:100%;font-family:Pretendard,sans-serif;font-size:calc(46 * var(--u));font-weight:700;color:#0f0f0f}.ch2pub .alert_modal .phone-wrapper span.dash{width:calc(28 * var(--u));height:calc(4 * var(--u));background-color:#aaa;border-radius:calc(2 * var(--u))}.ch2pub .alert_modal .phone-wrapper .input-num{width:calc(250 * var(--u));height:calc(120 * var(--u));box-sizing:border-box;border:calc(2 * var(--u)) solid #ddd;border-radius:calc(16 * var(--u));background-color:#fff;text-align:center;font-family:inherit;font-size:calc(46 * var(--u));font-weight:700;color:#0f0f0f;padding:0}.ch2pub .alert_modal .phone-wrapper .input-num:focus{outline:none;border-color:#0f0f0f}.ch2pub .alert_modal .pair-error{margin:0;font-family:Pretendard,sans-serif;text-align:center;font-size:calc(34 * var(--u));font-weight:500;line-height:1.35;color:#e5322d}.ch2pub .alert_modal .ok_btn:disabled{opacity:.45;cursor:default}.giftpub{--u: calc(min(100vw, 480px) / 1080);padding:0;background:none;font-family:Paperlogy,Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;color:#0f0f0f;white-space:normal;letter-spacing:calc(-1.3 * var(--u));word-break:keep-all}.giftpub img{display:block;max-width:100%}.giftpub button{border:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;font-family:inherit}.giftpub a{text-decoration:none}.giftpub .gift-wrapper{width:100%;min-height:100dvh;background:#fff6f7;display:flow-root}.giftpub .gift-wrapper>.header{display:flex;justify-content:space-between;align-items:center;margin:0;padding:calc(36 * var(--u))}.giftpub .header .back_btn img{height:calc(80 * var(--u))}.giftpub .bottom_logo{width:100%;padding:calc(66 * var(--u));box-sizing:border-box}.giftpub .bottom_logo img{display:block;height:calc(40 * var(--u));margin:auto}.giftpub .btns{display:flex;flex-direction:column;gap:calc(30 * var(--u));padding:0 calc(55 * var(--u));margin:0 auto calc(120 * var(--u))}.giftpub .btns button,.giftpub .btns a{padding:0;width:100%}.giftpub .btns img{width:100%}.giftpub .pickup_start{position:relative}.giftpub .pickup_start h1{position:absolute;top:calc(320 * var(--u));text-align:center;width:100%;font-family:Pretendard,sans-serif;font-size:calc(85 * var(--u));margin:0}.giftpub .pickup_start .machine{width:100%;aspect-ratio:1080 / 1680}.giftpub .gift_box{width:calc(970 * var(--u));margin:calc(90 * var(--u)) auto calc(70 * var(--u));border-radius:calc(35 * var(--u));border:calc(5 * var(--u)) #f2b4b9 solid;overflow:hidden;background:#fff;box-sizing:border-box}.giftpub .gift_box .gift_visual.is_board{padding:0}.giftpub .gift_box .gift_visual.is_board .img_gift{width:100%;margin:0}.giftpub .gift_box .gift_visual{background:radial-gradient(ellipse 46% 78% at 50% 0%,#fffffff2,#ffffff73 32%,#fff0 68%),linear-gradient(180deg,#f9dce0,#f4cfd6 72%,#f5d2d8);padding:calc(50 * var(--u)) 0}.giftpub .gift_box .img_gift{width:calc(520 * var(--u));margin:0 auto}.giftpub .gift_box .gift_visual:not(.is_board) .img_gift{mix-blend-mode:multiply}.giftpub .gift_box .info_gift{padding:calc(70 * var(--u));font-family:Pretendard,sans-serif}.giftpub .gift_box .gift_name{font-size:calc(60 * var(--u));font-weight:700;text-align:center;margin:0 0 calc(30 * var(--u))}.giftpub .gift_box .barcode{display:flex;flex-direction:column;align-items:center;gap:calc(8 * var(--u));font-size:calc(36 * var(--u));margin:0 0 calc(60 * var(--u))}.giftpub .gift_box .barcode .img_barcode{width:calc(620 * var(--u))}.giftpub .gift_box .pending{text-align:center;font-size:calc(38 * var(--u));line-height:1.4;color:#8a8a8a;margin:0 0 calc(40 * var(--u))}.giftpub .gift_box .info_list{list-style:none;padding:0;margin:0}.giftpub .gift_box .info_list li{display:flex;justify-content:space-between;padding:calc(32 * var(--u));border-top:1px #ebebeb solid;font-weight:500;font-size:calc(36 * var(--u));font-family:Pretendard,sans-serif}.giftpub .gift_box .info_list .label{color:#aaa}.giftpub .gift_box .info_list .value{color:#000}.giftpub .share_section{width:calc(960 * var(--u));border-radius:calc(36 * var(--u));display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto calc(90 * var(--u));gap:calc(10 * var(--u))}.giftpub .share_section h4{font-size:calc(54 * var(--u));font-weight:600;color:#4a3f41;margin:0}.giftpub .share_section .share_btns{display:flex;justify-content:center;gap:calc(60 * var(--u))}.giftpub .share_section .share_btns button{padding:0}.giftpub .share_section .share_btns button img{width:calc(154 * var(--u));border-radius:100%}.giftpub .caution_section{background-color:#222;color:#fff;padding:calc(36 * var(--u)) calc(48 * var(--u)) calc(75 * var(--u));font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif}.giftpub .caution_section .btn_toggle_caution{display:flex;font-weight:500;gap:calc(8 * var(--u));font-size:calc(34 * var(--u));color:#fff;padding:0}.giftpub .caution_section .caution_detail{display:none;margin-top:calc(68 * var(--u));font-size:calc(30 * var(--u));line-height:calc(46 * var(--u));opacity:.7}.giftpub .caution_section h4{font-size:calc(34 * var(--u));margin:calc(40 * var(--u)) 0 0}.giftpub .caution_section p{font-weight:300;margin:0}.giftpub .caution_section.active .btn_toggle_caution .arrow{rotate:180deg}.giftpub .caution_section.active .caution_detail{display:block}.ch3pub{--u: calc(min(100vw, 480px) / 1080);padding:0;background:none;font-family:Paperlogy,Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;color:#0f0f0f;white-space:normal;letter-spacing:calc(-1.3 * var(--u));word-break:keep-all}.ch3pub img{display:block;max-width:100%}.ch3pub button{border:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;font-family:inherit;padding:0}.ch3pub a{text-decoration:none}.ch3pub .has_shadow{box-shadow:0 calc(6 * var(--u)) calc(27 * var(--u)) 0 #1b518c33}.ch3pub .main-wrapper{width:100%;overflow:hidden;background-color:#cedfb2}.ch3pub .main-wrapper>.header{position:absolute;z-index:10;width:100%;max-width:480px;display:flex;justify-content:space-between;align-items:center;margin:0;padding:calc(37 * var(--u)) calc(36 * var(--u)) calc(60 * var(--u)) calc(44 * var(--u));box-sizing:border-box}.ch3pub .header .back_btn img{height:calc(80 * var(--u))}.ch3pub .member{display:flex;align-items:center;color:#fff;font-size:calc(35 * var(--u));gap:calc(15 * var(--u))}.ch3pub .member img{height:calc(82 * var(--u))}.ch3pub .main-content .column{position:relative}.ch3pub .main-content .column .btn_goto_message{display:block;position:absolute;bottom:calc(40 * var(--u));left:0;width:100%}.ch3pub .main-content .column .btn_goto_message img{width:calc(960 * var(--u));margin:0 auto}.ch3pub .pickup-wrapper,.ch3pub .result-wrapper{width:100%;min-height:100dvh;background:#cedfb2}.ch3pub .pickup-wrapper>.header,.ch3pub .result-wrapper>.header{display:flex;justify-content:space-between;align-items:center;margin:0;padding:calc(36 * var(--u))}.ch3pub .bottom_logo{width:100%;padding:calc(66 * var(--u));box-sizing:border-box}.ch3pub .bottom_logo img{display:block;height:calc(40 * var(--u));margin:auto}.ch3pub .btns{display:flex;flex-direction:column;gap:calc(20 * var(--u));padding:0 calc(55 * var(--u));margin-bottom:calc(20 * var(--u))}.ch3pub .btns>a,.ch3pub .btns>button{width:100%}.ch3pub .btns img{width:100%}.ch3pub .lucky_card{position:relative;width:calc(488 * var(--u));height:calc(743 * var(--u));transform-origin:center bottom}.ch3pub .lucky_card>img{width:100%;border-radius:calc(12 * var(--u))}.ch3pub .lucky_card .uname_ink{position:absolute;display:block}.ch3pub .lucky_card .uname_clear{position:absolute;background:#fff}.ch3pub .lucky_card .uname_badges{position:absolute;display:flex}.ch3pub .lucky_card .uname_badges .slot{position:relative;flex:0 0 auto}.ch3pub .lucky_card .uname_badges .slot>.badge{position:absolute;left:50%;transform:translate(-50%);background-repeat:no-repeat}.ch3pub .pickup-wrapper{background-color:#fff;font-family:Pretendard,sans-serif;text-align:center}.ch3pub .section_suggestion{margin:calc(120 * var(--u)) calc(55 * var(--u)) calc(70 * var(--u));font-size:calc(55 * var(--u));font-weight:700;line-height:1.35}.ch3pub .section_suggestion .name{color:#27aa3e}.ch3pub .lucky_items{margin:0 calc(55 * var(--u)) calc(100 * var(--u));background-color:#f8f9fb;border-radius:calc(20 * var(--u));border:1px #e0e3e6 solid;padding:calc(44 * var(--u));font-size:calc(36 * var(--u));font-weight:400;line-height:calc(52 * var(--u))}.ch3pub .card_select h4{margin:0 auto calc(80 * var(--u));font-size:calc(55 * var(--u));font-weight:400;line-height:calc(70 * var(--u))}.ch3pub .card_select h4 strong{font-weight:700;color:#27aa3e}.ch3pub .card_select .cards{position:relative;height:calc(745 * var(--u))}.ch3pub .card_select .cards .lucky_card{position:absolute;top:0;left:50%;transform:translate(-50%) scale(.9);transition:all .3s ease;opacity:0;z-index:1}.ch3pub .card_select .cards .lucky_card.active{opacity:1;z-index:10;transform:translate(-50%) scale(1)}.ch3pub .card_select .cards button.btn_arrow{position:absolute;width:calc(190 * var(--u));top:50%;transform:translateY(-50%);z-index:20}.ch3pub .card_select .cards button.btn_arrow.prev{left:0}.ch3pub .card_select .cards button.btn_arrow.next{right:0}.ch3pub .card_select .cards button.btn_arrow img{display:block;width:100%}.ch3pub .pickup-wrapper .btns{margin-bottom:calc(140 * var(--u))}.ch3pub .generating{position:relative}.ch3pub .generating h4{position:absolute;top:calc(300 * var(--u));font-size:calc(85 * var(--u));text-align:center;width:100%;font-family:Pretendard,sans-serif;font-weight:600;margin:0;line-height:1.3}.ch3pub .generating .fx_gen{display:block;animation:luckGen 2s ease-in-out infinite}@keyframes luckGen{0%{transform:translateY(0)}50%{transform:translateY(calc(-20 * var(--u)))}to{transform:translateY(0)}}.ch3pub .result_topper{position:relative;margin-bottom:calc(60 * var(--u))}.ch3pub .result_topper .lucky_card{position:absolute;bottom:calc(10 * var(--u));left:50%;transform:translate(-50%) scale(1.48)}.ch3pub .my_card_reading{position:relative}.ch3pub .my_card_reading .btn_toggle{display:block;position:relative;z-index:2;width:100%}.ch3pub .my_card_reading .btn_toggle .arrow{position:absolute;top:0;left:0;width:100%}.ch3pub .my_card_reading .reading_section{display:none;position:relative;z-index:1;margin-top:calc(-100 * var(--u))}.ch3pub .my_card_reading.active .btn_toggle .arrow{transform:rotateX(180deg)}.ch3pub .my_card_reading.active .reading_section{display:block}.ch3pub .result-wrapper .share_section{width:calc(960 * var(--u));height:calc(360 * var(--u));background-color:#fff;border-radius:calc(36 * var(--u));display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;gap:calc(10 * var(--u))}.ch3pub .result-wrapper .share_section h4{font-size:calc(54 * var(--u));font-weight:600;color:#4a3f41;margin:0}.ch3pub .result-wrapper .share_btns{display:flex;justify-content:center;gap:calc(60 * var(--u))}.ch3pub .result-wrapper .share_btns button img{width:calc(154 * var(--u));border-radius:100%}.ch3pub .section_apply{position:relative}.ch3pub .section_apply>img{width:100%}.ch3pub .section_apply .gift_keyring{position:absolute;top:calc(1260 * var(--u));left:50%;width:calc(390 * var(--u));transform:translate(-50%);z-index:3}.ch3pub .section_apply .form_apply{display:block;position:absolute;top:calc(1840 * var(--u));left:50%;transform:translate(-50%);width:calc(900 * var(--u))}.ch3pub .section_apply .form_apply .form-error{margin-top:calc(16 * var(--u));color:#d92d20;text-align:center;font-size:calc(30 * var(--u))}.ch3pub .section_apply .form_apply input{width:calc(900 * var(--u));height:calc(80 * var(--u));margin-bottom:calc(60 * var(--u));box-sizing:border-box;border:1px solid #cfd4da;border-radius:calc(12 * var(--u));padding:0 calc(24 * var(--u));font-size:calc(32 * var(--u));font-family:Pretendard,sans-serif}.ch3pub .section_apply .form_apply button{display:block;width:calc(900 * var(--u));height:calc(160 * var(--u));margin-bottom:calc(35 * var(--u))}.ch3pub .section_apply .form_apply button img{width:100%;height:100%;object-fit:contain}.ch3pub .section_apply .form_apply button:disabled{cursor:default;opacity:1}.ch3pub .section_apply .form_apply input:read-only{background:#f2f2f2;color:#6b6b6b}.ch3pub .caution_section{background-color:#222;color:#fff;padding:calc(36 * var(--u)) calc(48 * var(--u)) calc(75 * var(--u));font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif}.ch3pub .caution_section .btn_toggle_caution{display:flex;font-weight:500;gap:calc(8 * var(--u));font-size:calc(34 * var(--u));color:#fff}.ch3pub .caution_section .caution_detail{display:none;margin-top:calc(68 * var(--u));font-size:calc(30 * var(--u));line-height:calc(46 * var(--u));opacity:.7}.ch3pub .caution_section h4{font-size:calc(34 * var(--u));margin:calc(40 * var(--u)) 0 0}.ch3pub .caution_section p{font-weight:300;margin:0}.ch3pub .caution_section.active .btn_toggle_caution .arrow{rotate:180deg}.ch3pub .caution_section.active .caution_detail{display:block}.ch3pub .share_section.main{background-color:#292929;padding:calc(82 * var(--u)) 0;margin:0}.ch3pub .share_section.main .share_btns{display:flex;justify-content:center;gap:calc(60 * var(--u))}.ch3pub .share_section.main .share_btns button img{width:calc(154 * var(--u));border-radius:100%}.ch3pub .alert_modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;z-index:1000;display:none;align-items:center;justify-content:center}.ch3pub .alert_modal.active{display:flex}.ch3pub .alert_modal .modal-wrapper{position:relative;width:calc(970 * var(--u));min-height:calc(400 * var(--u));background-color:#fff;border-radius:calc(20 * var(--u));display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(100 * var(--u)) calc(50 * var(--u)) calc(64 * var(--u));gap:calc(40 * var(--u));box-sizing:border-box;font-family:Pretendard,sans-serif}.ch3pub .alert_modal h3{font-size:calc(55 * var(--u));margin:0}.ch3pub .alert_modal .ico_noti{width:calc(174 * var(--u))}.ch3pub .alert_modal .sub_text{text-align:center;font-size:calc(42 * var(--u));font-weight:500;color:red;margin:0;line-height:1.35}.ch3pub .alert_modal .ok_btn{width:calc(867 * var(--u))}.ch3pub .alert_modal .ok_btn img{width:100%}.issue-tracker-fab{position:fixed;right:16px;bottom:148px;z-index:90;width:52px;height:52px;border:none;border-radius:50%;background:#1f2937;color:#fff;font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 4px 14px #00000047}.issue-tracker-fab:hover{background:#111827}.issue-tracker-panel{position:fixed;right:16px;bottom:212px;z-index:1200;width:min(360px,calc(100vw - 32px));max-height:min(70vh,560px);overflow-y:auto;background:#fff;border:1px solid #d5d7de;border-radius:14px;box-shadow:0 10px 32px #00000038;padding:14px;font-size:13px;color:#1a1a2e}.issue-tracker-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.issue-tracker-close{border:none;background:transparent;font-size:20px;line-height:1;cursor:pointer;color:#667}.issue-tracker-label{display:block;margin:8px 0 4px;font-weight:700;font-size:12px;color:#51555b}.issue-tracker-input,.issue-tracker-textarea{width:100%;border:1px solid #d5d7de;border-radius:8px;padding:8px 10px;font:inherit;font-size:13px;background:#fff;color:inherit}.issue-tracker-textarea{resize:vertical}.issue-tracker-preview{margin-top:10px;font-size:12px;color:#51555b}.issue-tracker-preview summary{cursor:pointer}.issue-tracker-preview pre{margin-top:6px;padding:8px;background:#f5f6f8;border-radius:8px;white-space:pre-wrap;word-break:break-all;font-size:11px;line-height:1.5;max-height:180px;overflow-y:auto}.issue-tracker-actions{display:flex;gap:8px;margin-top:12px}.issue-tracker-btn{flex:1;border:1px solid #d5d7de;border-radius:8px;padding:9px 10px;background:#fff;font:inherit;font-size:13px;font-weight:700;cursor:pointer;color:inherit}.issue-tracker-btn.primary{background:#1f2937;border-color:#1f2937;color:#fff}.issue-tracker-toast{margin-top:10px;font-size:12px;font-weight:700;color:#1a9850}.issue-tracker-toast.error{color:#e03131}.issue-tracker-shots{display:flex;gap:6px;flex-wrap:wrap;align-items:flex-start;min-height:34px}.issue-tracker-shot{position:relative;margin:0;width:72px;border:1px solid #d5d7de;border-radius:8px;overflow:hidden;background:#f5f6f8}.issue-tracker-shot img{display:block;width:100%;height:60px;object-fit:cover;object-position:top center}.issue-tracker-shot figcaption{padding:2px 0;text-align:center;font-size:10px;font-weight:700;color:#51555b}.issue-tracker-shot-remove{position:absolute;top:2px;right:2px;width:18px;height:18px;padding:0;border:none;border-radius:50%;background:#0009;color:#fff;font-size:13px;line-height:1;cursor:pointer}.issue-tracker-shots-empty{margin:0;padding:8px 0;font-size:12px;color:#8a8f98}.issue-tracker-shot-actions{display:flex;gap:6px;margin-top:6px}.issue-tracker-btn.small{padding:6px 8px;font-size:12px;font-weight:700}.issue-tracker-btn:disabled{opacity:.5;cursor:default}.issue-tracker-hint{margin:8px 0 0;font-size:11px;line-height:1.5;color:#8a8f98}