/* header */
header {background:#fff; padding:25px 0;}
header img {width:254px;}
@media (max-width:991px){
header {padding:15px 0;}
header img {width:200px;}
}

/* footer */
footer {padding:50px 0;}
footer h2 {margin:0 0 40px;}
footer h2 img {width:254px;}
footer .footer-top {border-bottom:1px solid #D8D8D8; padding:0 0 20px; margin:0 0 20px; display:flex; flex-wrap:wrap; gap:32px;}
footer .footer-top .top-left {flex:1; min-width:0;}
footer .footer-top .top-left ul li {display:flex; flex-wrap:wrap; gap:10px; margin:0 0 10px;}
footer .footer-top .top-left ul li:last-of-type {margin:0;}
footer .footer-top .top-left ul li p {font-size:18px;}
footer .footer-top .top-left ul li p a {font-size:18px; font-weight:700;}
footer .footer-top .top-left ul li p a.on {color:#E60012;}
footer .footer-top .top-left ul li b {font-size:18px; font-weight:700;}
footer .footer-top .top-right a {display:flex; flex-wrap:wrap; align-items:center; font-size:18px; font-weight:500; margin:0 0 10px;}
footer .footer-top .top-right a:last-of-type {margin:0;}
footer .footer-top .top-right a:after {display:inline-block; content:""; width:6px; height:12px; margin:0 0 0 10px; background:url('../images/icon_footer_top_right.svg') no-repeat center / cover;}
footer .footer-bottom ul {display:flex; flex-wrap:wrap; gap:24px;}
footer .footer-bottom ul li a {font-size:18px;}
footer .footer-bottom ul li:first-of-type a {font-weight:700; color:#ED1B23;}
footer .footer-bottom p {font-size:18px; margin:10px 0 0;}
@media (max-width:991px){
footer {padding:30px 0;}
footer h2 {margin:0 0 20px;}
footer h2 img {width:200px;}
footer .footer-top {gap:20px;}
footer .footer-top .top-left {flex:none; width:100%;}
footer .footer-top .top-left ul li p {font-size:14px;}
footer .footer-top .top-left ul li p a {font-size:14px;}
footer .footer-top .top-left ul li b {font-size:14px;}
footer .footer-top .top-right {width:100%;}
footer .footer-top .top-right a {font-size:14px;}
footer .footer-bottom ul {gap:15px;}
footer .footer-bottom ul li a {font-size:14px;}
footer .footer-bottom p {font-size:14px;}
}

.main-box { overflow-x: hidden; }

/* main-01 */
.main-01 {height:100vh; position:relative; background:url('../images/bg_main_01.png') no-repeat center / cover; padding:75px 0;}
.main-01 .container {display:flex; flex-wrap:wrap; align-content:space-between; height:100%;}
.main-01 .main-01-image {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:100%;}
.main-01 .main-01-image img {width:1000px;}
.main-01 .main-01-title {position:relative; z-index:2; width:100%; display:flex; flex-wrap:wrap;}
.main-01 .main-01-title b {display:flex; flex-wrap:wrap; align-items:center; border-radius:50px; margin:0 0 20px; padding:8px 17px; background:rgba(253, 209, 135, 0.6); font-size:20px; font-weight:600; color:#8C5A3E;}
.main-01 .main-01-title h2 {width:100%; font-family:'SOYO Maple'; font-weight:700; font-size:64px; line-height:1.4; color:#8C5A3E;}
.main-01 .main-01-text {width:100%; position:relative; z-index:2;}
.main-01 .main-01-text p {font-size:26px; font-weight:500; text-align:right; font-family:'Paperlogy';}
@media (max-width:991px){
.main-01 {padding:45px 0; height:auto; background-position:right bottom; background-image:url('../images/bg_main_01_m.png');}
.main-01 .main-01-image {position:static; width:100%; transform:none;}
.main-01 .main-01-image img {width:100%;}
.main-01 .main-01-title b {padding:5px 15px; font-size:15px;}
.main-01 .main-01-title h2 {font-size:30px;}
.main-01 .main-01-text p {font-size:15px;}
}

/* main-02 */
.main-02 {background:#FFF7CF url('../images/bg_main_02.png') no-repeat center / cover; padding:65px 0;}
.main-02 .main-02-title:before {display:block; content:""; width:2px; height:110px; background:#8C5A3E; margin:0 auto 20px;}
.main-02 .main-02-title h2 {font-size:36px; font-weight:700; color:#8C5A3E; text-align:center; font-family:'SOYO Maple';}
.main-02 .main-02-title h2 b {font-size:36px; font-weight:700; font-family:'SOYO Maple'; color:#FA5C35; display:inline-block; background:#fff; padding:5px 15px;}
.main-02 .main-02-image {max-width:1016px; margin:-50px auto 0;}
.main-02 .main-02-image img {width:100%;}
@media (max-width:991px){
.main-02 {height:100vh; background-image:url('../images/bg_main_02_m.png');}
.main-02 .main-02-title:before {height:50px; margin:0 auto 15px;}
.main-02 .main-02-title h2 {font-size:30px;}
.main-02 .main-02-title h2 b {font-size:30px;}
}

/* main-03 */
.main-03 {background:url('../images/bg_main_03.png') no-repeat center bottom / cover; padding:100px 0 30px;}
.main-03 .main-03-image {max-width:860px; margin:0 auto;}
.main-03 .main-03-image img {width:100%;}
.main-03 .main-03-text {margin:45px 0 0;}
.main-03 .main-03-text p {margin:0 0 20px; font-size:30px; font-weight:500; font-family:'Paperlogy'; color:#8C5A3E; text-align:center;}
.main-03 .main-03-text p:last-of-type {margin:0;}
.main-03 .main-03-text p b {color:#FA5C35; font-weight:700; font-size:30px; font-family:'Paperlogy';}
.main-03 .main-03-arrow {margin:30px 0 0;}
.main-03 .main-03-arrow img {display:block; margin:0 auto;}
@media (max-width:991px){
.main-03 {padding:50px 0 20px;}
.main-03 .main-03-text {margin:25px 0 0;}
.main-03 .main-03-text p {margin:0 0 15px; font-size:18px;}
.main-03 .main-03-text p b {font-size:18px;}
.main-03 .main-03-arrow img {width:80px;}
}

/* main-04 */
.main-04 {background:#FFDDA4; padding:0 0 70px;}
.main-04 .container {max-width:1130px;}
.main-04 .main-04-title {display:flex; flex-wrap:wrap; align-items:center;}
.main-04 .main-04-title .title-left {flex:1; min-width:0;}
.main-04 .main-04-title .title-left h2 {font-size:42px; font-weight:700; color:#8C5A3E; font-family:'SOYO Maple';}
.main-04 .main-04-title .title-left p {margin:20px 0 0; font-size:28px; font-weight:500; font-family:'Paperlogy';}
.main-04 .main-04-title .title-right img {width:600px;}
.main-04 .main-04-quiz {background:#FFF7CF; border-radius:40px; border:6px solid #FFD185; padding:50px;}
.main-04 .main-04-quiz ul li {display:none;}
.main-04 .main-04-quiz ul li.active {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:30px;}
.main-04 .main-04-quiz ul li strong {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#E6B562; border-radius:50%; font-size:35px; font-weight:800; color:#fff; font-family:'Paperlogy'; padding:0 20px;}
.main-04 .main-04-quiz ul li p {width:100%; font-size:38px; font-weight:600; text-align:center; font-family:'Paperlogy';}
.main-04 .main-04-quiz ul li div {width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:30px;}
.main-04 .main-04-quiz ul li div button {width:100px; height:100px; display:block; font-size:0; background-size:cover; background-position:center;}
.main-04 .main-04-quiz ul li div button:first-of-type {background-image:url('../images/icon_o.png');}
.main-04 .main-04-quiz ul li div button:last-of-type {background-image:url('../images/icon_x.png');}
@media (max-width:991px){
.main-04 {padding:50px 0;}
.main-04 .main-04-title .title-left {flex:none; width:100%;}
.main-04 .main-04-title .title-left h2 {font-size:30px; text-align:center;}
.main-04 .main-04-title .title-left p {text-align:center; margin:15px 0 0; font-size:18px;}
.main-04 .main-04-title .title-right {width:100%; margin:-50px 0 0;}
.main-04 .main-04-title .title-right img {width:100%;}
.main-04 .main-04-quiz {border-radius:20px; border-width:4px; padding:30px 15px;}
.main-04 .main-04-quiz ul li strong {font-size:25px;}
.main-04 .main-04-quiz ul li p {font-size:24px;}
.main-04 .main-04-quiz ul li div button {width:70px; height:70px;}
}

/* main-05 */
.main-05 {background:#FFF7CF url('../images/bg_main_05.png') no-repeat center bottom / cover; padding:80px 0;}
.main-05 .container {gap:30px; display:flex; flex-wrap:wrap; align-items:center; max-width:1230px;}
.main-05 .main-05-title {flex:1; min-width:0;}
.main-05 .main-05-title h2 {font-size:40px; font-weight:700; color:#8C5A3E; font-family:'SOYO Maple';}
.main-05 .main-05-title img {width:100%; margin-left:-18%; margin-top:-10%;}
.main-05 .main-05-form {flex:1; min-width:0; background:#fff; border-radius:30px; padding:30px 45px;}
.main-05 .main-05-form h3 {margin:0 0 10px; font-size:27px; font-weight:700; text-align:center;}
.main-05 .main-05-form ul li {margin:0 0 10px; display:flex; flex-wrap:wrap; align-items:center;}
.main-05 .main-05-form ul li:last-of-type {margin:0; align-items:flex-start;}
.main-05 .main-05-form ul li > b {width:80px; font-size:22px; font-weight:700;}
.main-05 .main-05-form ul li > div {flex:1; min-width:0;}
.main-05 .main-05-form ul li > div input[type=text] {display:block; width:100%; height:50px; background:#f4f4f4; padding:0 15px; font-size:18px; font-weight:400;}
.main-05 .main-05-form ul li > div input[type=text]::placeholder {color:#999;}
.main-05 .main-05-form ul li > div .addr1 {display:flex; flex-wrap:wrap; align-items:center; gap:15px;}
.main-05 .main-05-form ul li > div .addr1 input[type=text] {width:130px;}
.main-05 .main-05-form ul li > div .addr1 button {display:flex; flex-wrap:wrap; align-items:center; height:50px; background:#aaa; color:#fff; padding:0 15px; font-size:18px; font-weight:700;}
.main-05 .main-05-form ul li > div .addr2 {margin:10px 0 0;}
.main-05 .main-05-form ul li > div .check {margin:10px 0 0; position:relative; display:flex; flex-wrap:wrap; align-items:center;}
.main-05 .main-05-form ul li > div .check input {appearance:auto; width:20px; height:20px; margin:0 5px 0 0;}
.main-05 .main-05-form ul li > div .check label {font-size:20px;}
.main-05 .main-05-form ul li > div .agree {margin:10px 0 0; text-align:center;}
.main-05 .main-05-form ul li > div .agree a {font-size:17px; color:#555; border-bottom:1px solid #555;}
.main-05 .main-05-form ul li > div .submit {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:30px 0 0;}
.main-05 .main-05-form ul li > div .submit button {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:280px; height:58px; border-radius:10px; background:#FD4D3D; color:#fff; font-size:27px; font-weight:800; font-family:'Paperlogy';}
.main-05 .main-05-form ul li > div .submit button:after {display:inline-block; content:""; width:20px; height:15px; background:url('../images/icon_main_05_form_arrow.png') no-repeat center / cover; margin:0 0 0 10px;}
.main-05 .main-05-form ul li:last-of-type > b {padding:8px 0 0;}
.main-05 .main-05-image {display:none;}
@media (max-width:991px){
.main-05 {padding:50px 0;}
.main-05 .main-05-title {flex:none; width:100%;}
.main-05 .main-05-title h2 {font-size:30px; text-align:center; width:100%;}
.main-05 .main-05-title img {display:none;}
.main-05 .main-05-form {flex:none; width:calc(100% - 30px); border-radius:15px; padding:20px 30px; margin:0 auto;}
.main-05 .main-05-form h3 {font-size:20px;}
.main-05 .main-05-form ul li > b {font-size:18px; width:70px;}
.main-05 .main-05-form ul li > div input[type=text] {height:45px; font-size:16px;}
.main-05 .main-05-form ul li > div .addr1 {gap:10px;}
.main-05 .main-05-form ul li > div .addr1 button {height:45px; font-size:16px;}
.main-05 .main-05-form ul li > div .check label {font-size:16px;}
.main-05 .main-05-form ul li > div .agree {margin:0;}
.main-05 .main-05-form ul li > div .agree a {font-size:14px;}
.main-05 .main-05-form ul li > div .submit {margin:20px 0 0;}
.main-05 .main-05-form ul li > div .submit button {height:50px; width:250px; font-size:20px;}
.main-05 .main-05-image {display:block; margin:-25% 0 0; pointer-events: none; }
.main-05 .main-05-image img {width:100%;}
}

/* main-06 */
.main-06 {padding:90px 0; background:#FFBA89;}
.main-06 .container {display:flex; flex-wrap:wrap; align-items:center; max-width:1230px; gap:80px;}
.main-06 .main-06-text {display:flex; flex-wrap:wrap; flex:1; min-width:0;}
.main-06 .main-06-text p {width:100%; font-size:30px; font-weight:500; font-family:'Paperlogy';}
.main-06 .main-06-text p b {font-size:30px; font-weight:500; font-family:'Paperlogy'; color:#FF2C2C;}
.main-06 .main-06-text span {width:100%; margin:30px 0 0; font-size:26px; font-family:'Paperlogy';}
.main-06 .main-06-text strong {margin:45px 0 0; display:flex; flex-wrap:wrap; align-items:center; border-radius:50px; background:#FFF7CF; height:60px; padding:0 25px; font-size:30px; font-weight:600; font-family:'Paperlogy';}
.main-06 .main-06-text img {display:none;}
.main-06 .main-06-image img {width:445px;}
@media (max-width:991px){
.main-06 {padding:50px 0;}
.main-06 .main-06-text {flex:none; width:100%; justify-content:center;}
.main-06 .main-06-text p {font-size:20px; text-align:center;}
.main-06 .main-06-text p b {font-size:20px;}
.main-06 .main-06-text strong {height:40px; margin:15px 0 0; font-size:18px;}
.main-06 .main-06-text span {margin:15px 0 0; font-size:15px; text-align:center;}
.main-06 .main-06-text img {display:block; width:calc(100% - 30px); margin:20px auto 0;}
.main-06 .main-06-image {display:none;}
}

/* main-07 */
.main-07 {background:url('../images/bg_main_07.png') no-repeat center bottom / cover; padding:0 0 80px;}
.main-07 .main-07-top {display:flex; flex-wrap:wrap; align-items:center; padding:0 30px 0 0;}
.main-07 .main-07-top .top-image {flex:1; min-width:0;}
.main-07 .main-07-top .top-image img {width:100%;}
.main-07 .main-07-top .top-text p {text-align:right; font-family:'Paperlogy'; font-size:30px;}
.main-07 .main-07-top .top-text p b {font-size:30px; font-weight:700; font-family:'Paperlogy';}
.main-07 .main-07-image ul {display:flex; flex-wrap:wrap; margin:20px 0 0;}
.main-07 .main-07-image ul li {width:calc(25% - 15px); margin:0 7.5px;}
.main-07 .main-07-image ul li img {width:100%;}
.main-07 .main-07-image div {margin:55px 0 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.main-07 .main-07-image div a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:530px; height:105px; border-radius:12px; background:#FD4D3D; color:#fff; font-size:37px; font-weight:800; font-family:'Paperlogy';}
@media (max-width:991px){
.main-07 {padding:50px 0;}
.main-07 .main-07-top {padding:0;}
.main-07 .main-07-top .top-image {margin:-10% 0 0; flex:none; width:100%; order:2;}
.main-07 .main-07-top .top-text {width:100%; order:1;}
.main-07 .main-07-top .top-text p {text-align:center; font-size:18px;}
.main-07 .main-07-top .top-text p b {font-size:18px;}
.main-07 .main-07-image ul {margin:20px -5px -10px; padding:0 15px;}
.main-07 .main-07-image ul li {width:calc(50% - 10px); margin:0 5px 10px;}
.main-07 .main-07-image div {padding:0 15px; margin:25px 0 0;}
.main-07 .main-07-image div a {width:100%; height:60px; font-size:20px;}
}

/* popup-privacy (개인정보 약관 보기) */
.popup-privacy {display:none; position:fixed; inset:0; z-index:1000;}
.popup-privacy.show {display:block;}
.popup-privacy .popup-dim {position:absolute; inset:0; background:rgba(0,0,0,0.5);}
.popup-privacy .popup-inner {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:880px; max-width:calc(100% - 30px); max-height:calc(100% - 30px); overflow-y:auto; background:#fff; padding:68px 62px 64px;}
.popup-privacy .popup-txt h3 {font-family:'Pretendard'; font-weight:700; font-size:30px; line-height:1.5; letter-spacing:-0.9px; color:#000;}
.popup-privacy .popup-txt ol {margin:20px 0 0; padding-left:24px; list-style:decimal;}
.popup-privacy .popup-txt ol li {list-style:decimal; font-family:'Pretendard'; font-weight:400; font-size:24px; line-height:1.5; letter-spacing:-0.72px; color:#000;}
.popup-privacy .popup-txt ol li b {font-family:'Pretendard'; font-weight:700; font-size:26px;}
.popup-privacy .popup-txt p {margin:20px 0 0; font-family:'Pretendard'; font-weight:400; font-size:24px; line-height:1.5; letter-spacing:-0.72px; color:#000;}
.popup-privacy .close-btn {margin-inline: auto; margin-top: 40px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:280px; max-width:100%; height:58px; border-radius:10px; background:#FD4D3D; color:#fff; font-size:27px; font-weight:800; font-family:'Paperlogy'; }
@media (max-width:991px){
.popup-privacy .popup-inner {width:calc(100% - 40px); max-height:calc(100% - 40px); padding:35px 25px;}
.popup-privacy .popup-txt h3 {font-size:20px; letter-spacing:-0.6px;}
.popup-privacy .popup-txt ol {margin:15px 0 0; padding-left:20px;}
.popup-privacy .popup-txt ol li {font-size:16px; letter-spacing:-0.48px;}
.popup-privacy .popup-txt ol li b {font-size:17px;}
.popup-privacy .popup-txt p {margin:15px 0 0; font-size:16px; letter-spacing:-0.48px;}
.popup-privacy .close-btn { margin-top:26px; font-size:20px; height:42px; }
}

/* main-result (테스트 결과) */
.main-result {display:none; position:fixed; inset:0; z-index:1000;}
.main-result.show {display:block;}
.main-result .result-dim {position:absolute; inset:0; background:rgba(0,0,0,0.5);}
.main-result .result-box {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:calc(100% - 40px); max-width:1280px; max-height:calc(100% - 40px); overflow-y:auto; background:#FFF7CF; border-radius:0; scrollbar-width:none; -ms-overflow-style:none;}
.main-result .result-box::-webkit-scrollbar {width:0; height:0; display:none;}
.main-result .result-tit {text-align:center; font-family:'SOYO Maple'; font-weight:700; font-size:40px; letter-spacing:-0.4px; color:#8C5A3E; padding:48px 0 0;}
.main-result .result-close {position:absolute; top:0; right:0; width:60px; height:60px; background:url('../images/icon_result_close.svg') no-repeat center / contain;}
/* myresult 정답 그리드 */
.main-result .result-quiz {padding:40px 100px 50px;}
.main-result .result-quiz ul {display:grid; grid-template-columns:1fr 1fr; gap:18px 24px;}
.main-result .result-quiz li {display:flex; align-items:center; gap:16px; background:#fff; border-radius:16px; padding:16px 24px; box-shadow:0 3px 12px rgba(0,0,0,0.07);}
.main-result .result-quiz li .q-num {position:relative; flex:none; display:flex; align-items:center; justify-content:center; width:66px; height:34px; background:#E6B562; border-radius:50%; color:#fff; font-family:'Paperlogy'; font-weight:800; font-size:20px;}
.main-result .result-quiz li .q-mark {display:none; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:86px; height:86px; background-position:center; background-repeat:no-repeat; background-size:contain; pointer-events:none; z-index:2;}
.main-result .result-quiz li.is-correct .q-mark {display:block; background-image:url('../images/mark_correct.png');}
.main-result .result-quiz li.is-wrong .q-mark {display:block; background-image:url('../images/mark_wrong.png');}
.main-result .result-quiz li p {flex:1; min-width:0; font-family:'Paperlogy'; font-weight:600; font-size:23px; line-height:1.4; color:#000;}
.main-result .result-quiz li .ox {flex:none; display:flex; gap:16px;}
.main-result .result-quiz li .ox span {display:flex; align-items:center; justify-content:center; width:54px; height:54px; border-radius:12px; background:#ddd; color:#fff; font-family:'Paperlogy'; font-weight:700; font-size:34px;}
.main-result .result-quiz li .ox .o.on {background:#64AF5A;}
.main-result .result-quiz li .ox .x.on {background:#FA6969;}
/* 점수별 결과 카드 */
.main-result .result-desc {background:#FBF0B5; padding:50px 100px;}
.main-result .score-list {display:flex; gap:24px; align-items:stretch;}
.main-result .score {position:relative; flex:1; min-width:0; display:flex; flex-direction:column; background:#fff; border:3px solid #FFDF5D; border-radius:14px; padding:50px 26px 30px; margin-top:21px; transition:box-shadow .2s, transform .2s;}
.main-result .score-badge {position:absolute; top:-21px; left:50%; transform:translateX(-50%); white-space:nowrap; display:flex; align-items:center; height:42px; padding:0 24px; border:3px solid #FFDF5D; border-radius:21px; color:#fff; font-family:'Paperlogy'; font-weight:800; font-size:18px;}
.main-result .score-badge b {color:#FFDF5D; margin-right:5px; font-weight:800;}
.main-result .score-a .score-badge {background:#FA5F3F;}
.main-result .score-b .score-badge {background:#58A844;}
.main-result .score-c .score-badge {background:#3F9AD9;}
.main-result .score-tit {display:block; font-family:'Paperlogy'; font-weight:700; font-size:26px; line-height:1.4; margin:0 0 14px;}
.main-result .score-a .score-tit {color:#FA5F3F;}
.main-result .score-b .score-tit {color:#58A844;}
.main-result .score-c .score-tit {color:#3F9AD9;}
.main-result .score p {flex:1; font-family:'Paperlogy'; font-weight:400; font-size:18px; line-height:1.5; color:#1A1A1A;}
.main-result .score img {display:block; height:150px; width:auto; margin:15px 0 -58px auto;}
.main-result .score.is-mine {transform:translateY(-6px);}
.main-result .score-a.is-mine {border-color:#FA5F3F; box-shadow:0 12px 26px rgba(250,95,63,0.30);}
.main-result .score-b.is-mine {border-color:#58A844; box-shadow:0 12px 26px rgba(88,168,68,0.30);}
.main-result .score-c.is-mine {border-color:#3F9AD9; box-shadow:0 12px 26px rgba(63,154,217,0.30);}
/* CTA 버튼 */
.main-result .result-cta {display:flex; justify-content:center; gap:10px; margin:90px 0 0;}
.main-result .result-cta a, .main-result .result-cta button {display:flex; align-items:center; justify-content:center; height:56px; padding:0 28px; border-radius:8px; color:#fff; font-family:'Paperlogy'; font-weight:700; font-size:21px;}
.main-result .result-cta .btn-download {background:#FD4D3D;}
.main-result .result-cta .btn-retry, .main-result .result-cta .btn-share {background:#96654A;}
.main-result .result-close-bottom {display:none;}
/* 링크 복사 토스트 */
.copy-toast {position:fixed; left:50%; bottom:50px; transform:translateX(-50%) translateY(20px); z-index:1100; background:rgba(0,0,0,0.82); color:#fff; padding:16px 30px; border-radius:50px; opacity:0; visibility:hidden; transition:opacity .3s, transform .3s, visibility .3s;}
.copy-toast p {font-family:'Paperlogy'; font-weight:500; font-size:18px;}
.copy-toast.show {opacity:1; visibility:visible; transform:translateX(-50%) translateY(0);}
@media (max-width:991px){
.main-result .result-box {width:calc(100% - 24px); max-width:none; max-height:calc(100% - 24px); border-radius:0;}
.main-result .result-tit {font-size:30px; padding:40px 0 0;}
.main-result .result-close {display:none;}
.main-result .result-quiz {padding:25px 16px 5px;}
.main-result .result-quiz ul {grid-template-columns:1fr; gap:12px;}
.main-result .result-quiz li {gap:8px; padding:11px 12px; border-radius:12px;}
.main-result .result-quiz li .q-num {width:42px; height:26px; font-size:13px;}
.main-result .result-quiz li .q-mark {width:53px; height:53px;}
.main-result .result-quiz li p {font-size:13px; line-height:1.35; word-break:keep-all;}
.main-result .result-quiz li .ox {gap:7px;}
.main-result .result-quiz li .ox span {width:33px; height:33px; font-size:19px; border-radius:8px;}
.main-result .result-desc {padding:35px 16px 30px;}
.main-result .score-list {flex-direction:column; gap:36px;}
.main-result .score {padding:46px 24px 24px; margin-top:0;}
.main-result .score-tit {font-size:22px;}
.main-result .score p {font-size:16px;}
.main-result .score img {height:130px; margin-bottom:-20px;}
.main-result .result-cta {flex-wrap:wrap; gap:10px; margin:30px 0 0;}
.main-result .result-cta .btn-download {width:100%; height:54px; font-size:19px;}
.main-result .result-cta .btn-retry, .main-result .result-cta .btn-share {flex:1; padding:0; height:54px; font-size:19px;}
.main-result .result-close-bottom {display:flex; align-items:center; justify-content:center; gap:8px; margin:26px auto 0; color:#000; font-family:'Paperlogy'; font-weight:600; font-size:28px;}
.main-result .result-close-bottom:before {content:"\2715"; font-size:28px; font-weight:600; color:#000;}
.copy-toast {bottom:30px; padding:14px 24px;}
.copy-toast p {font-size:16px;}
}

/* 스크롤 등장 모션 */
[data-ani] {opacity:0; transition:opacity 0.9s ease, transform 0.9s ease; will-change:opacity, transform;}
[data-ani="left"] {transform:translateX(-60px);}
[data-ani="right"] {transform:translateX(60px);}
[data-ani="up"] {transform:translateY(60px);}
[data-ani].is-visible {opacity:1; transform:none;}