@charset "euc-kr";

/* ==================================================
	Common
================================================== */
.live-oneday-page {overflow:hidden;background:#fff;color:#333}
.live-oneday-page * {box-sizing:border-box}
.live-oneday-page img {display:block;max-width:100%}
.live-oneday-page a {text-decoration:none}
.live-inner {width:1200px;margin:0 auto}
.live-section {padding:60px 0}
.live-section-title {margin:0;color:#333;font-size:32px;font-weight:400;line-height:42px;text-align:center;letter-spacing:-0.64px}
.live-section-title strong {font-weight:700}
.live-section-title-small {margin-bottom:32px;font-size:24px}
.live-section-title-small em {font-size:24px;font-weight:700}
.live-section-title-small strong {font-size:32px}
.live-section-title-light {font-weight:400}
.live-section-desc {margin:24px 0 0;color:#555;font-size:20px;font-weight:400;line-height:28px;text-align:center;letter-spacing:-0.4px}
.live-section-desc em,.live-card-list em,.live-point-list em {font-style:normal;font-weight:700}
.section03 .live-section-desc em {font-weight:600}
.live-section-desc strong {font-weight:600}
.only-pc {display:block}
.scroll-fab-wrap,.bottom-nav {z-index:30}

/* ==================================================
	Floating Navigation
================================================== */
.live-floating {position:fixed;right:0;top:322px;z-index:30;width:148px}
.live-floating-link {display:block;padding:16px;border-radius:8px 0 0 8px;color:#fff}
.live-floating-link + .live-floating-link {margin-top:12px}
.live-floating-link strong {display:block;color:#fff;font-size:18px;font-weight:700;line-height:22px;letter-spacing:-0.18px}
.live-floating-link span {display:block;margin-top:4px;color:#fff;font-size:14px;font-weight:500;line-height:20px}
.live-floating-link-system {background:#dd1367}
.live-floating-link-qna {background:#0440ee}

/* ==================================================
	Visual
================================================== */
.live-visual {height:433px;padding:80px 0;background:linear-gradient(180deg,#ecf8df 12.5%,#fff 94.867%);text-align:center}
.live-bubble {display:inline-flex;align-items:flex-start;justify-content:center;width:116px;height:81px;margin:0 auto 12px;padding-top:10px;background:url("https://russeldata.megastudy.net/campus/images/russel/campus_common/2026/live_oneday/v_txt_bg.png");color:#333;font-size:32px;font-weight:500;line-height:42px;letter-spacing:-0.64px}
.live-bubble:before {display:none}
.live-visual-title {margin:0;color:#333;font-size:84px;font-weight:800;line-height:84px;text-align:center;letter-spacing:-1.68px}
.live-visual-title span {background:linear-gradient(113deg,#46c934 16%,#2f8823 84%);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ==================================================
	Chart
================================================== */
.section01 {padding-top:0;padding-bottom:60px}
.live-chart-caption {display:flex;flex-direction:column;align-items:center;justify-content:center;margin:24px 0 32px}
.live-chart-caption span {display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 20px;border-radius:999px;background:#f5fbe1;color:#555;font-size:24px;font-weight:700;line-height:32px;letter-spacing:-0.48px}
.live-chart-caption img {width:66px;height:42px}
.live-chart-list {display:grid;grid-template-columns:repeat(2,520px);gap:40px;justify-content:center}
.live-chart-card {width:520px;height:310px;padding:32px 54px;border:1px solid #e5e5e5;border-radius:12px;background:#fff}
.live-chart-card h3 {margin:0 0 24px;padding:0 16px 24px;border-bottom:1px solid #e5e5e5;color:#333;font-size:28px;font-weight:700;line-height:38px;text-align:center;letter-spacing:-0.56px}
.live-chart-card img {margin:0 auto}

/* ==================================================
	Point
================================================== */
.section02 {padding:60px 0;background:#f5f5f5}
.live-point-list {display:grid;grid-template-columns:repeat(2,488px);gap:40px;justify-content:center;margin:32px 0 0;padding:0;list-style:none}
.live-point-list li {min-height:228px;padding:32px 60px;border-radius:12px;background:#fff}
.live-point-head {display:flex;align-items:center;justify-content:center;padding-bottom:27px;border-bottom:1px solid #ededed}
.live-point-head img {width:44px;height:44px;margin-right:8px}
.live-point-head strong {color:#333;font-size:28px;font-weight:700;line-height:38px;letter-spacing:-0.56px}
.live-point-list p {margin:24px 0 0;color:#555;font-size:16px;font-weight:400;line-height:24px;letter-spacing:-0.16px}

/* ==================================================
	Flow Cards
================================================== */
.section03 {padding:60px 0;background:#fff}
.live-flow-block + .live-flow-block {margin-top:60px}
.live-card-list {display:grid;gap:24px;margin:32px 0 0;padding:0;list-style:none}
.live-card-list-three {grid-template-columns:repeat(3,384px)}
.live-card-list > li {padding:32px;border:1px solid #e5e5e5;border-radius:12px;background:#fff;text-align:center}
.live-card-list img {width:320px;height:194px;margin:0 auto 24px;object-fit:cover}
.live-card-list strong {display:block;color:#333;font-size:20px;font-weight:600;line-height:32px;text-align:center;letter-spacing:-0.48px}
.live-card-list ul {margin:8px 0 0;padding:0;color:#555;font-size:16px;font-weight:400;line-height:24px;text-align:left;letter-spacing:-0.16px;list-style:none}
.live-card-list ul li {position:relative;padding:0 0 0 12px;list-style:none}
.live-card-list ul li::after {position:absolute;left:0;top:10px;width:3px;height:3px;border-radius:50%;background:#555;content:""}
.live-card-list ul li:not(:first-of-type) {margin-top:8px}
.live-after-list {display:grid;grid-template-columns:repeat(4,282px);gap:24px;margin:32px 0 0;padding:0;list-style:none}
.live-after-list li {padding:32px;border:1px solid #e5e5e5;border-radius:12px;background:#fff;text-align:center}
.live-after-list img {width:218px;height:270px;margin:0 auto 24px;object-fit:cover}
.live-after-list strong {display:block;color:#333;font-size:18px;font-weight:600;line-height:26px;letter-spacing:-0.36px}
.live-note {margin:32px 0 0;color:#999;font-size:13px;font-weight:400;line-height:18px;text-align:right}

/* ==================================================
	Review
================================================== */
.section04 {overflow:hidden;padding:60px 0;background:#f7f5ff}
.section04 .live-section-title {font-size:24px}
.section04 .live-section-title strong {font-size:32px}
.section04 .live-section-desc {margin:32px 0 0}
.live-review-swiper {overflow:hidden;width:calc(50vw + 600px);margin:32px 0 0}
.live-review-pagination {overflow:hidden;position:relative!important;width:1200px;max-width:1200px;height:6px!important;margin:16px 0 0;background:#e5e5e5;border-radius:999px!important;line-height:0;transform:none!important}
.live-review-pagination .swiper-pagination-progressbar-fill {position:absolute;left:0;top:0;width:0;height:100%;background:#5939EF;border-radius:999px!important;transform:none!important;transition:width .3s ease}

.live-review-list {display:flex;margin:0;padding:0;list-style:none}
.live-review-list li {display:flex;flex-shrink:0;flex-direction:column;gap:20px;width:384px;height:280px;padding:32px;border-radius:12px;background:#fff}
.live-review-head {display:flex;align-items:center;gap:12px;width:100%;padding-bottom:20px;border-bottom:1px solid #e5e5e5}
.live-review-avatar {display:block;overflow:hidden;flex:0 0 56px;width:56px;height:56px;border-radius:50%;background:#f8f8f8}
.live-review-avatar img {width:56px;height:56px;object-fit:cover}
.live-review-info {display:flex;flex-direction:column;gap:2px;min-width:0}
.live-review-meta {display:flex;align-items:center;gap:4px}
.live-review-name {color:#555;font-size:16px;font-weight:700;line-height:24px;letter-spacing:-0.16px}
.live-review-campus {color:#777;font-size:16px;font-weight:400;line-height:24px;letter-spacing:-0.16px}
.live-review-school {color:#333;font-size:18px;font-weight:600;line-height:26px;letter-spacing:-0.36px;white-space:nowrap}
.live-review-list p {margin:0;color:#555;font-size:16px;font-weight:400;line-height:24px;letter-spacing:-0.16px}
.live-review-list p strong {color:inherit;font-weight:700}

/* ==================================================
	Banner
================================================== */
.live-banner {padding:40px 0;background:#ecf8df;text-align:center}
.live-banner p {margin:0;color:#333;font-size:32px;font-weight:700;line-height:42px;letter-spacing:-0.64px}
.live-banner strong {background:linear-gradient(113deg,#46c934 16%,#2f8823 84%);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ==================================================
	Campus
================================================== */
.live-section-campus {padding:60px 0;background:#f5f5f5}
.live-section-campus .live-section-title {font-weight:700}
.live-campus-box {width:1024px;margin:32px auto 0;padding:48px 115px;border-radius:16px;background:#fff}
.live-campus-box h3 {margin:0 0 32px;color:#333;font-size:24px;font-weight:600;line-height:34px;text-align:center;letter-spacing:-0.48px}
.live-campus-list {display:grid;grid-template-columns:repeat(3,1fr);gap:24px 32px;margin:0;padding:0;list-style:none}
.live-campus-list li {position:relative;padding-right:30px;border-right:1px solid #ededed}
.live-campus-list li:nth-child(3n) {border-right:0}
.live-campus-list strong {display:block;color:#333;font-size:18px;font-weight:600;line-height:26px}
.live-campus-list span {display:inline-block;margin-top:2px;color:#333;font-size:18px;font-weight:400;line-height:26px}
.live-campus-list a {float:right;display:inline-flex;align-items:center;height:24px;margin-top:3px;padding:0 12px;border-radius:4px;background:#777;color:#fff;font-size:14px;font-weight:400;line-height:20px}
.live-campus-list a:after {display:block;width:5px;height:9px;margin-left:4px;background:url("https://russeldata.megastudy.net/campus/images/russel/campus_common/2026/live_oneday/ico_arrow.png");color:#fff;font-size:12px;font-weight:700;line-height:20px;content:''}

/* ==================================================
	Tablet
================================================== */
@media all and (max-width:1199px) {
	.live-oneday-page {position:relative}
	.live-inner {width:auto;margin:0 24px}
	.live-floating {display:flex;position:absolute;left:50%;top:unset;bottom:60px;gap:16px;width:100%;max-width:720px;transform:translateX(-50%)}
	.live-floating a {display:flex;flex:1 0 0;align-items:center;justify-content:center;padding:18px 0;border-radius:8px;background:#333;color:#fff;font-size:18px;font-weight:600;line-height:140%;text-align:center;letter-spacing:-0.18px}
	.live-floating a span {margin-top:0;color:#fff;font-size:18px;font-weight:600;text-align:center}
	.live-floating-link + .live-floating-link {margin-top:0}
	.live-chart-list {grid-template-columns:520px;gap:24px}
	.live-point-list {grid-template-columns:repeat(2,348px);gap:24px}
	.live-point-list li {padding:30px}
	.live-card-list-three {grid-template-columns:720px;justify-content:center}
	.live-card-list > li {display:grid;grid-template-columns:320px 1fr;column-gap:24px;align-items:center;min-height:258px}
	.live-card-list img {margin:0}
	.live-card-list ul {margin-top:8px}
	.live-after-list {grid-template-columns:repeat(2,282px);justify-content:center}
	.live-review-swiper {overflow:visible;width:1200px;margin-right:auto;margin-left:calc(50% - 600px)}
	.live-review-pagination {width:720px;max-width:720px;margin-right:auto;margin-left:auto}
	.live-section-campus {padding:60px 0 153px}
	.live-campus-box {width:720px;padding:48px 106px}
	.live-campus-list {grid-template-columns:repeat(2,1fr)}
	.live-campus-list li:nth-child(3n) {border-right:1px solid #ededed}
	.live-campus-list li:nth-child(2n) {border-right:0}
}

/* ==================================================
	Mobile
================================================== */
@media all and (max-width:767px) {
	.live-inner {margin:0 16px}
	.live-floating {flex-direction:column;width:calc(100% - 32px)}
	.live-floating-link strong {font-weight:600}
	.live-section {padding:40px 0}
	.live-section-title {font-size:20px;line-height:32px;letter-spacing:-0.48px}
	.live-section-title-small {margin-bottom:20px}
	.live-section-title-small strong {font-size:24px}
	.live-section-title-small em {font-size:20px}
	.live-section-desc {margin-top:20px;font-size:16px;line-height:24px;letter-spacing:-0.16px}
	.live-visual {height:243px;padding:48px 0}
	.live-bubble {width:86px;height:51px;margin-bottom:8px;padding-top:4px;background-size:86px 51px;font-size:24px;line-height:32px;letter-spacing:-0.48px}
	.live-visual-title {font-size:42px;line-height:42px;letter-spacing:-0.84px}
	.live-visual-title span {display:block;margin-bottom: 5px;}
	.section01 {padding-top:0;padding-bottom:40px}
	.live-chart-caption {margin:24px 0 20px}
	.live-chart-caption span {height:42px;font-size:18px;line-height:26px;letter-spacing:-0.36px}
	.live-chart-list {grid-template-columns:100%;gap:16px}
	.live-chart-card {width:100%;height:unset;padding:20px 24px}
	.live-chart-card h3 {margin:0 0 16px;padding:0 16px 16px;font-size:20px}
	.live-point-list {grid-template-columns:100%;gap:16px;margin-top:20px;line-height:1}
	.live-point-list li {min-height:172px;padding:24px}
	.live-point-head {height:48px;padding-bottom:16px}
	.live-point-head img {width:32px;height:32px}
	.live-point-head strong {font-size:20px;line-height:28px;letter-spacing:-0.4px}
	.live-point-list p {margin-top:16px;font-size:14px;line-height:20px;letter-spacing:-0.14px}
	.section03 {padding:40px 0}
	.live-flow-block + .live-flow-block {margin-top:40px}
	.live-card-list {gap:16px;margin-top:20px}
	.live-card-list-three {grid-template-columns:100%}
	.live-card-list > li {display:block;min-height:0;padding:24px;text-align:left}
	.live-card-list img {width:280px;height:170px;margin:0 auto 16px}
	.live-card-list strong {font-size:18px;line-height:26px;letter-spacing:-0.36px}
	.live-card-list ul {margin-top:8px;font-size:14px;line-height:20px;letter-spacing:-0.14px}
	.live-card-list ul li {word-break:keep-all}
	.live-card-list ul li::after {top:8px}
	.live-after-list {grid-template-columns:repeat(2,156px);gap:16px;margin-top:20px}
	.live-after-list li {padding:0;border:0;border-radius:0}
	.live-after-list img {width:156px;height:193px;margin-bottom:12px}
	.live-after-list strong {font-size:16px;line-height:24px;letter-spacing:-0.32px}
	.live-note {margin-top:20px;font-size:12px;line-height:18px;text-align:right}
	.section04 {padding:40px 0}
	.section04 .live-section-title {font-size:20px}
	.section04 .live-section-title strong {font-size:24px}
	.section04 .live-section-desc {margin-right:auto;margin-left:auto}
	.live-review-swiper {overflow:visible;width:328px;margin:20px 0 0;clip-path:inset(0 -100vw 0 0)}
	.live-review-pagination {width:100%;max-width:100%;height:6px!important;margin-top:14px}
	.live-review-head {gap:8px;padding-bottom:16px}
	.live-review-avatar {flex-basis:48px;width:48px;height:48px}
	.live-review-avatar img {width:48px;height:48px}
	.live-review-name,.live-review-campus {font-size:16px;line-height:24px;letter-spacing:-0.16px}
	.live-review-school {font-size:16px;line-height:24px;letter-spacing:-0.32px}
	.live-review-list li {gap:16px;width:320px;height:230px;padding:24px}
	.live-review-list p {font-size:14px;line-height:20px;letter-spacing:-0.14px}
	.live-banner {padding:32px 16px}
	.live-banner p {font-size:24px;line-height:32px;letter-spacing:-0.48px}
	.live-section-campus {padding:40px 0 215px}
	.live-section-campus .live-section-title {font-size:24px}
	.live-campus-box {width:100%;margin-top:20px;padding:32px 48px}
	.live-campus-box h3 {margin-bottom:24px;font-size:20px;line-height:28px;letter-spacing:-0.2px}
	.live-campus-list {grid-template-columns:1fr;gap:12px}
	.live-campus-list li {padding:0 0 12px;border-right:0!important;border-bottom:1px solid #e5e5e5}
	.live-campus-list strong {font-size:16px;line-height:24px}
	.live-campus-list span {font-size:16px;line-height:24px}
}