@charset "euc-kr";
/* ==================================================
    QUBE
================================================== */
/* °øÅë ·¹À̾ƿô
---------------------------------------------------- */
.qube-page {overflow:hidden;background:#fff;color:#333;text-align:center;letter-spacing:-0.01em}
.qube-page * {box-sizing:border-box}
.qube-page img {max-width:100%;vertical-align:top}
.qube-inner {position:relative;width:100%;max-width:1024px;margin:0 auto}

/* »ó´Ü ºñÁÖ¾ó
---------------------------------------------------- */
.qube-top {overflow:hidden;position:relative;padding:80px 0;background:url("https://russeldata.megastudy.net/campus/images/russel/campus_common/2026/qube/visual_bg_pc.jpg")}
.qube-top-inner {position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:100%;max-width:1024px;margin:0 auto}
.qube-visual-title {display:flex;flex-direction:column;align-items:center}
.qube-sub-copy {margin:0 0 16px;font-size:28px;font-weight:400;line-height:1.4;letter-spacing:-0.02em}
.qube-title {margin:0;background:linear-gradient(107deg,#e36b99 2.9%,#6762fc 53%,#423dd4 103%);font-size:100px;font-weight:800;line-height:1;color:transparent;letter-spacing:0;-webkit-background-clip:text;background-clip:text}
.qube-main-copy {margin:32px 0 0;font-size:24px;font-weight:600;line-height:1.4;letter-spacing:-0.01em}

/* Áú¹® ´äº¯ ¸»Ç³¼±
---------------------------------------------------- */
.qube-talk-all-wrap {text-align: right;display: flex;justify-content: center;align-items: center;flex-direction: column;transform: translateX(9px);}
.qube-talk-wrap {display:flex;justify-content:center;align-items:flex-start;gap:16px;width:100%;margin-top: 60px;}
.qube-talk {position:relative;flex:0 0 auto;text-align:left}
.qube-talk-question {width:302px;height:114px;background:url("https://russeldata.megastudy.net/campus/images/russel/campus_common/2026/qube/visual_word_bg01.png") no-repeat 0 0;}
.qube-talk-box {display:flex;align-items:center;justify-content: center;width:100%;height:100%;}
.qube-talk-answer {width: 303px;height: 154px;background:url("https://russeldata.megastudy.net/campus/images/russel/campus_common/2026/qube/visual_word_bg02.png") no-repeat 0 0;}

.qube-talk-box p {font-size:20px;font-weight:400;line-height:1.4;letter-spacing:-0.01em}
.qube-talk-answer .qube-talk-box p {font-size:16px}
.qube-talk-box strong,.qube-talk-box em {color:#4b45ff;font-weight:700;font-style:normal}
.qube-talk-box sup {font-size:10px;vertical-align:super}
.qube-talk-badge {display:flex;position:absolute;z-index:1;align-items:center;justify-content:center;width:50px;height:50px;border-radius:999px;color:#fff;font-size:24px;font-weight:600;line-height:1.4}
.qube-talk-question .qube-talk-badge {left:-38px;bottom:-26px;background:#6762fc;z-index: -1;}
.qube-talk-answer .qube-talk-badge {right:-41px;bottom:-30px;background:#eb6c9e;z-index: -1;}
.qube-talk-note {color:#777;font-size:13px;font-weight:400;line-height:1.5;letter-spacing:-0.01em;white-space:nowrap;margin-top: 16px;margin-right: 63px;width: 100%;}

/* ¾Û ´Ù¿î·Îµå QR
---------------------------------------------------- */
.qube-qr-area {display:flex;flex-direction:column;align-items:center;gap:20px;margin-top: 60px;}
.qube-qr-area h2 {font-size:22px;font-weight:600;line-height:1.4;letter-spacing:-0.01em}


.qube-qr-list {display:flex;gap:16px}
.qube-qr-list .qube-qr-card {display:flex;align-items:center;justify-content:center;border:1px solid #dbdbdb;border-radius:20px;background:#fff;width: 352px;height: 90px;}
.qube-qr-list .qube-qr-card > div {display: flex;align-items: center;}
.qube-qr-list .qube-qr-card > div .qube-store-logo {flex:0 1 auto;margin-right: 36px;height: 40px;}

.qube-qr {flex:0 0 auto;width:52px;height:50px}

/* ÇýÅà ¼½¼Ç
---------------------------------------------------- */
.qube-section {position:relative;padding:60px 0}
.qube-section-benefit {background:#fdf2f5}
.qube-section-title {display:flex;flex-direction:column;gap:16px;align-items:center;margin-bottom:40px}
.qube-record-copy {display:flex;flex-direction:column;align-items:center;color:#333;font-size:22px;font-weight:400;line-height:1.4;letter-spacing:-0.01em}
.qube-record-copy strong {font-weight:600}
.qube-record-copy sup {color:#b1b1b1;font-size:14px;vertical-align:super}
.qube-record-copy .up-arrow {vertical-align: baseline;width: 20px;}
.qube-section-title h2,.qube-howto-block h2,.qube-guide-block h2 {font-size:32px;font-weight:700;line-height:1.3;letter-spacing:-0.02em}
.qube-section-title h2 em,.qube-guide-block em {font-style:normal;color:#4b45ff}
.qube-live-copy em,.qube-fixed-bar em {background:linear-gradient(107deg,#e66a99 6%,#4b45ff 82%);font-style:normal;color:transparent;-webkit-background-clip:text;background-clip:text}
.qube-feature-list {display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:40px}
.qube-feature-list li {display:flex;align-items:center;justify-content:center;min-height:105px;padding:40px 20px;border-radius:20px;background:#fff;color:#222;font-size:18px;font-weight:400;line-height:1.4;letter-spacing:-0.01em}
.qube-device-area {display:flex;flex-direction:column;gap:16px}
.qube-device-img {display:block;width:100%;height:auto}
.qube-footnote {color:#b1b1b1;font-size:13px;font-weight:400;line-height:1.5;letter-spacing:-0.01em;text-align:right}
.qube-live-copy {display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:0}
.qube-line {display:block;}
.qube-live-copy p {font-size:32px;font-weight:700;line-height:1.3;letter-spacing:-0.02em}


/* Ưº° Á¦°ø ÇýÅà ¼½¼Ç
---------------------------------------------------- */
.qube-section-special {display:flex;flex-direction:column;align-items:center;gap:40px;padding:60px 24px;background:#f6f3fd}
.qube-special-inner {display:flex;flex-direction:column;align-items:center;gap:40px;width:100%;max-width:1024px;margin:0 auto}
.qube-special-title {width:100%;color:#333;text-align:center;letter-spacing:-0.02em}
.qube-special-title p,.qube-special-title h2 {font-size:32px;line-height:1.3}
.qube-special-title p {font-weight:400}
.qube-special-title h2 {font-weight:700}
.qube-special-benefit {display:flex;flex-direction:column;align-items:center;gap:16px;width:720px;max-width:100%}
.qube-special-box {display:flex;align-items:center;justify-content:center;gap:32px;width:100%;padding:30px 20px;border-radius:20px;background:#fff;color:#333;text-align:center;white-space:nowrap}
.qube-special-target {font-size:20px;font-weight:400;line-height:1.4;letter-spacing:-0.01em}
.qube-special-offer {font-size:28px;font-weight:600;line-height:1.4;letter-spacing:-0.01em}
.qube-special-offer em {color:#4b45ff;font-style:normal}
.qube-special-offer sup {color:#b1b1b1;font-size:18px;vertical-align:super}
.qube-special-note {width:100%;color:#b1b1b1;font-size:13px;font-weight:400;line-height:1.5;text-align:right;letter-spacing:-0.01em}

/* ÀÌ¿ë ¹æ¹ý ¼½¼Ç
---------------------------------------------------- */
.qube-section-howto {background:#fff}
.qube-howto-block {display:flex;flex-direction:column;gap:40px}
.qube-step-list {display:grid;position:relative;grid-template-columns:repeat(3,1fr);gap:16px}
.qube-step-list > li {display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;min-height:183px;padding:40px 22px;border-radius:20px;background:#f8f8f8;color:#333;font-size:18px;font-weight:400;line-height:1.4;letter-spacing:-0.01em}
/* .qube-step-list > li:not(:last-child):after {content:"";display:block;position:absolute;top:50%;right:-28px;z-index:2;width:40px;height:40px;background:url("https://russeldata.megastudy.net/campus/images/russel/campus_common/2026/qube/cont02_arrow.png") no-repeat 50% 50% / contain;transform:translateY(-50%)} */
.qube-step-list > li:not(:last-child):after {content:"";display:block;position:absolute;top:50%;right:-28px;z-index:2;width:40px;height:40px;background:url("https://russeldata.megastudy.net/campus/images/russel/campus_common/2026/qube/cont02_arrow.png") no-repeat 50% 50% / contain;transform:translateY(-50%)}
.qube-step-list span {display:block;margin-top:22px;color:#b1b1b1;font-size:14px;line-height:1.5;letter-spacing:-0.01em}
.qube-sub-step {width:100%;margin-top:10px;padding:16px 10px;border-radius:20px;background:#fff;color:#333;font-size:14px;line-height:1.5;letter-spacing:-0.01em}
.qube-guide-block {display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:60px}
.qube-guide-block p {font-size:24px;font-weight:600;line-height:1.4;letter-spacing:-0.01em}
.qube-guide-btn {display:flex;align-items:center;justify-content:center;gap:18px;margin-top:20px;padding:10px 60px;border-radius:8px;background:#333;color:#fff;text-decoration:none}
.qube-guide-btn img {width:42px;height:54px}
.qube-guide-btn span {font-size:20px;font-weight:700;line-height:1.4;letter-spacing:-0.01em}

/* ÇÏ´Ü °íÁ¤ ¹Ù ¹× ž¹öÆ°
---------------------------------------------------- */
.qube-fixed-bar {display:none}

.float-quick-menu .quick-menu .top-btn {transition: bottom .3s;bottom: 20px;}
.float-quick-menu .quick-menu .top-btn.qube-show {bottom: 75px; /* qube-fixed-bar ³ôÀ̸¸Å­ */}


/* ÅÂºí¸´ º¸Á¤
---------------------------------------------------- */
@media (max-width:1199px) {
	/* »ó´Ü ºñÁÖ¾ó
	---------------------------------------------------- */
	.qube-top {background:url("https://russeldata.megastudy.net/campus/images/russel/campus_common/2026/qube/visual_bg_ta.jpg");background-size: cover;}
	.qube-inner {max-width:none;padding:0 24px}
	.qube-feature-list li {font-size:16px}
	.qube-step-list li:last-of-type > p {white-space: nowrap;}
}

/* ¸ð¹ÙÀÏ º¸Á¤
---------------------------------------------------- */
@media (max-width:767px) {
	.qube-page .only-mo {display:block}
	.qube-page .only-pc-ta {display:none}
	
	/* »ó´Ü ºñÁÖ¾ó
	---------------------------------------------------- */
	.qube-top {background:url("https://russeldata.megastudy.net/campus/images/russel/campus_common/2026/qube/visual_bg_mo.jpg");background-size: cover;padding: 50px 16px 40px;}
	.qube-inner {max-width:none;padding: 0 16px;}
	.qube-sub-copy {margin-bottom:16px;font-size:22px;letter-spacing:-0.02em;}
	.qube-title {font-size:100px}
	.qube-main-copy {margin-top:20px;font-size:20px;line-height:1.4}
	
	/* Áú¹® ´äº¯ ¸»Ç³¼±
	---------------------------------------------------- */
	.qube-talk-wrap {flex-direction:column;gap:38px;align-items:center;width:100%;max-width:328px;margin:0 auto;margin-top: 40px;}
	.qube-talk-question {margin-right: -20px;width:100%;max-width:283px;height:auto;aspect-ratio:283 / 90;background-image:url("https://russeldata.megastudy.net/campus/images/russel/campus_common/2026/qube/visual_word_bg01_mo.png");background-position:50% 0;background-size:100% 100%;}
	.qube-talk-answer {margin-left: -50px;width:100%;max-width:296px;height:auto;aspect-ratio:296 / 130;background-image:url("https://russeldata.megastudy.net/campus/images/russel/campus_common/2026/qube/visual_word_bg02_mo.png");background-position:50% 0;background-size:100% 100%;}
	.qube-talk-box p {font-size:17px}
	.qube-talk-answer .qube-talk-box p {font-size:14px}
	.qube-talk-box em {font-size:14px}
	.qube-talk-badge {width:42px;height:42px;font-size:20px}
	.qube-talk-question .qube-talk-badge {left:-35px;bottom:-19px}
	.qube-talk-answer .qube-talk-badge {right:-32px;bottom:-22px}
	.qube-talk-note {font-size:12px;white-space:normal;text-align:right;width: unset;}
	
	/* ¾Û ´Ù¿î·Îµå QR
	---------------------------------------------------- */
	.qube-qr-area {margin-top: 40px;width: 100%;}
	.qube-qr-area h2 {font-size:18px}
	.qube-qr-list {flex-direction:column;align-items:center;gap:12px;width:100%}
	.qube-qr-list .qube-qr-card {overflow:hidden;width:100%;max-width:328px;padding:0 clamp(16px, 5vw, 28px)}
	.qube-qr-list .qube-qr-card > div {min-width:0;width:100%;justify-content:center;gap:clamp(12px, 6vw, 36px)}
	.qube-qr-list .qube-qr-card > div .qube-store-logo {height:auto;max-height:40px;margin-right:0;object-fit:contain;object-position:left center}
	
	/* Ưº° Á¦°ø ÇýÅà ¼½¼Ç
	---------------------------------------------------- */
	.qube-section.qube-section-special {gap:20px;padding:40px 16px}
	.qube-special-inner {gap:20px}
	.qube-special-title p,.qube-special-title h2 {font-size:24px;line-height:1.3;letter-spacing:-0.02em}
	.qube-special-benefit {gap:16px;width:100%}
	.qube-special-box {flex-direction:column;gap:4px;width:100%;padding:20px 16px}
	.qube-special-target {font-size:16px}
	.qube-special-offer {font-size:24px}
	.qube-special-offer sup {font-size:14px}
	.qube-special-note {font-size:12px;text-align: left;}
	.qube-record-copy .up-arrow {width: 14px;height: 16px;}

	/* ÇýÅà ¼½¼Ç
	---------------------------------------------------- */
	.qube-section {padding:40px 0px}
	.qube-section-title {gap:16px;margin-bottom:20px}
	.qube-record-copy {font-size:18px}
	.qube-record-copy sup {font-size:11px}
	.qube-section-title h2,.qube-howto-block h2,.qube-guide-block h2 {font-size:24px;line-height:1.3;letter-spacing:-0.02em}
	.qube-feature-list {grid-template-columns:1fr;gap:12px;margin-bottom:20px}
	.qube-feature-list li {min-height:64px;padding:20px;font-size:16px;border-radius:20px}
	.qube-device-area {gap:16px;align-items:center}
	.qube-device-img {width:328px}
	.qube-footnote {width:100%;font-size:12px;text-align:right;}
	.qube-live-copy {gap:12px;margin-top: 8px;}
	.qube-line img {height:30px}
	.qube-live-copy p {font-size:24px}
	.qube-howto-block {gap:20px}
	.qube-step-list {grid-template-columns:1fr;gap:12px}
	.qube-step-list > li {min-height:auto;padding:20px 16px;font-size:16px}
	.qube-step-list > li:not(:last-child):after {top:auto;right:auto;bottom:-21px;left:50%;width:30px;height:30px;transform:translateX(-50%) rotate(90deg)}
	.qube-step-list span {margin-top:12px;font-size:13px}
	.qube-sub-step {padding:16px 4px;font-size:13px}
	.qube-guide-block {gap:10px;margin-top:40px}
	.qube-guide-block p {font-size:20px}
	.qube-guide-block em {font-size:24px}
	.qube-guide-btn {width:100%;height:50px;gap:12px;margin-top:10px;padding:10px 12px}
	.qube-guide-btn img {width:29px;height:37px}
	.qube-guide-btn span {font-size:16px;}
	
	/* ÇÏ´Ü °íÁ¤ ¹Ù
	---------------------------------------------------- */
	.qube-fixed-bar {display:block;position:fixed;right:0;bottom:var(--qube-bottom-offset,0px);left:0;z-index:10;padding:12px 16px;border-radius:10px 10px 0 0;background:#3d404f;color:#fff;text-align:center;transform:translateY(100%);transition:bottom .3s ease,transform .3s ease}
    .qube-fixed-bar.show {transform:translateY(0)}
	.qube-fixed-bar p {font-size:16px;font-weight:700;line-height:1.4;letter-spacing:-0.01em}
	.qube-fixed-bar em {color:#bab8ff;background:none;-webkit-background-clip:initial;background-clip:initial}
	.qube-fixed-btns {display:flex;gap:12px;margin-top:8px}
	.qube-fixed-btns a {display:flex;flex:1;align-items:center;justify-content:center;height:40px;border-radius:10px;background:#fff}
	.qube-fixed-btns img {width:auto;height:22px}

}

/* 350px ÀÌÇÏ QR ·Î°í Ãà¼Ò º¸Á¤
---------------------------------------------------- */
@media (max-width:350px) {
	.qube-qr-list .qube-qr-card > div .qube-store-logo {min-width:0;width:auto;max-width:calc(100% - 64px);}
	.qube-talk-wrap {padding: 0 16px;}
}