@charset "euc-kr";

/* ==================================================
   COMMON (page scope)
================================================== */
.win-wrap {width:100%;overflow:hidden;font-family:'Pretendard', -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', sans-serif;color:#333;word-break:keep-all}
.win-wrap * {box-sizing:border-box}
.win-wrap h1, .win-wrap h2, .win-wrap p, .win-wrap dl, .win-wrap dt, .win-wrap dd {margin:0;padding:0}
.win-wrap ul, .win-wrap ol, .win-wrap li {margin:0;padding:0}
.win-wrap ul, .win-wrap ol {list-style:none}
.win-wrap a {text-decoration:none}
.win-wrap .c-navy {color:#1a2dad}
.win-wrap .win-inner {width:100%;max-width:1200px;margin:0 auto}
.win-wrap section {padding-bottom:60px}
.win-wrap section > .win-inner {display:flex;flex-direction:column;align-items:center;gap:20px}
.win-wrap .sec-head {display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.win-wrap .sec-title {font-size:28px;font-weight:700;line-height:38px;letter-spacing:-0.56px;color:#333}
.win-wrap .sec-desc {font-size:18px;line-height:26px;letter-spacing:-0.36px;color:#555}

/* ==================================================
   TOP
================================================== */
.win-wrap .win-top {display:flex;flex-direction:column;align-items:center;gap:40px;padding:60px 0 0;background:linear-gradient(180deg, #eee 0%, #fff 100%)}
.win-wrap .top-title {display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}
.win-wrap .top-title-group {display:flex;flex-direction:column;align-items:center;gap:20px}
.win-wrap .top-label {padding:4px 0;border-top:2px solid #1a2dad;border-bottom:2px solid #1a2dad;font-size:24px;font-weight:700;line-height:32px;letter-spacing:-0.48px;color:#1a2dad;white-space:nowrap}
.win-wrap .top-main {font-size:64px;font-weight:700;line-height:1.2;letter-spacing:-1.28px;color:#000}
.win-wrap .top-sub {display:flex;flex-direction:column;align-items:center;gap:4px}
.win-wrap .top-copy {font-size:20px;font-weight:500;line-height:28px;letter-spacing:-0.4px}
.win-wrap .top-desc {font-size:18px;line-height:26px;letter-spacing:-0.36px}
.win-wrap .top-info {display:flex;flex-direction:column;align-items:flex-end;gap:12px;width:100%;max-width:1200px}
.win-wrap .top-info-box {display:flex;flex-direction:column;gap:24px;width:100%;padding:32px 48px;border-radius:12px;background:#12197f;color:#fff}
.win-wrap .top-info-head {display:flex;flex-direction:column;align-items:center;gap:4px;padding-bottom:24px;border-bottom:1px solid rgba(229, 229, 229, 0.2);text-align:center}
.win-wrap .info-tit {font-size:28px;font-weight:700;line-height:38px;letter-spacing:-0.56px}
.win-wrap .info-sub {font-size:18px;line-height:26px;letter-spacing:-0.36px}
.win-wrap .top-info-bottom {display:flex;align-items:center;gap:48px}
.win-wrap .top-info-list {flex:1;min-width:0;display:flex;justify-content:space-between;font-size:18px;line-height:26px;letter-spacing:-0.36px;white-space:nowrap}
.win-wrap .info-item {display:flex;gap:16px}
.win-wrap .info-item dt {flex:none;font-weight:600}
.win-wrap .top-cta {flex:none;display:flex}
.win-wrap .btn-fill {display:flex;align-items:center;justify-content:center;width:200px;height:42px;padding:0 24px;border-radius:999px;background:#fff;font-size:15px;font-weight:500;line-height:22px;letter-spacing:-0.15px;color:#333;white-space:nowrap}
.win-wrap .top-note {font-size:13px;line-height:18px;color:#999;text-align:right}

/* ==================================================
   #01 WHY
================================================== */
.win-wrap .win-why {padding:60px 0}
.win-wrap .why-box {display:flex;flex-direction:column;gap:16px;width:100%;padding:48px;border-radius:12px;background:#f5f5f5 url('https://russeldata.megastudy.net/campus/images/russel/campus_common/2026/briefing/winter_sch/bg_why_pc.png') no-repeat 50% 0 / cover;text-align:center}
.win-wrap .why-tit {font-size:24px;font-weight:700;line-height:32px;letter-spacing:-0.48px}
.win-wrap .why-txt {font-size:16px;line-height:24px;letter-spacing:-0.16px}
.win-wrap .why-txt.is-b {font-weight:600}
.win-wrap .hl {background:linear-gradient(rgba(18, 25, 127, 0.15), rgba(18, 25, 127, 0.15)) 0 100% / 100% 12px no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.win-wrap .why-point {padding:20px;border-radius:8px;background:rgba(255, 255, 255, 0.6);font-size:20px;font-weight:600;line-height:28px;letter-spacing:-0.4px;color:#1a2dad}

/* ==================================================
   #02 DIFF / #03 PLAN (°øÅë Ç׸ñ)
================================================== */
.win-wrap .diff-list, .win-wrap .plan-list {width:100%;padding:48px;border:1px solid #e5e5e5;border-radius:12px;background:#fff}
.win-wrap .item-head {display:flex;align-items:flex-start;gap:12px}
.win-wrap .item-num {flex:none;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#1a2dad;font-size:18px;font-weight:500;letter-spacing:-0.36px;color:#fff}
.win-wrap .item-tit {flex:1;min-width:0;font-size:24px;font-weight:700;line-height:32px;letter-spacing:-0.48px;color:#333}
.win-wrap .item-list {display:flex;flex-direction:column;gap:4px;font-size:18px;line-height:26px;letter-spacing:-0.36px;color:#555}
.win-wrap .item-list li:before {content:"\2022\00a0"}

/* #02 : 2¿­ x 2Çà (¼¼·Î¡¤°¡·Î ±¸ºÐ¼±) */
.win-wrap .diff-list {display:flex;flex-wrap:wrap}
.win-wrap .diff-item {position:relative;display:flex;flex-direction:column;gap:16px;width:50%}
.win-wrap .diff-item:nth-child(odd) {padding-right:48px}
.win-wrap .diff-item:nth-child(even) {padding-left:49px}
.win-wrap .diff-item:nth-child(-n+2) {padding-bottom:32px}
.win-wrap .diff-item:nth-child(n+3) {padding-top:32px;border-top:1px solid #e5e5e5}
.win-wrap .diff-item:nth-child(even):before {content:"";position:absolute;top:0;bottom:32px;left:0;width:1px;background:#e5e5e5}
.win-wrap .diff-item:nth-child(4):before {top:32px;bottom:0}

/* #03 : 1Çà (°¡·Î ±¸ºÐ¼±), Ç׸ñ 3¿­ */
.win-wrap .plan-list {display: flex; flex-wrap: wrap}
.win-wrap .plan-item {flex: 1; display:flex;flex-direction:column;gap:24px; position: relative;}
.win-wrap .plan-item .item-head {gap: 16px; flex-direction: column; align-items: center;}
.win-wrap .plan-item + .plan-item {margin-left:48px;padding-left:48px;}
.win-wrap .item-ico {width: 50px; aspect-ratio: 1/1; border-radius: 99px; background: #1A2DAD;}
.win-wrap .item-plan-tit {flex:1;min-width:0;font-size:18px;font-weight:600;line-height:26px;letter-spacing:-0.36px;color:#333; text-align: center;}
.win-wrap .plan-item .item-list {flex-direction:row;gap:0}
.win-wrap .plan-item:nth-child(n+2):before {content:"";position:absolute;top:0;bottom:0;left:0;width:1px;background:#e5e5e5}
.win-wrap .plan-item .item-list li {flex:1;min-width:0}

/* ==================================================
   #04 BENEFIT
================================================== */
.win-wrap .benefit-wrap {display:flex;flex-direction:column;gap:16px;width:100%}
.win-wrap .benefit-box {display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px;border:1px solid #e5e5e5;border-radius:12px;background:#fff;text-align:center}
.win-wrap .benefit-cond {font-size:16px;line-height:24px;letter-spacing:-0.16px}
.win-wrap .benefit-gift {font-size:28px;font-weight:700;line-height:38px;letter-spacing:-0.56px;color:#1a2dad}
.win-wrap .benefit-price {font-weight: 400; font-size: 16px; color: #999; letter-spacing: -0.16px;}
.win-wrap .benefit-note {display:flex;flex-direction:column;gap:2px;font-size:13px;line-height:18px;color:#999;text-align:right}

/* ==================================================
   #05 RESERVE
================================================== */
.win-wrap .win-reserve {padding:60px 0;background:#f8f8f8}
.win-wrap .win-reserve .sec-desc {font-size:16px;line-height:24px;letter-spacing:-0.16px}
.win-wrap .branch-list {display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:16px;width:100%}
.win-wrap .branch-card {display:flex;flex-direction:column;gap:8px;min-width:0;padding:24px;border-radius:12px;background:#fff}
.win-wrap .card-name {font-size:20px;font-weight:600;line-height:28px;letter-spacing:-0.4px}
.win-wrap .card-cont {display:flex;align-items:center;gap:16px}
.win-wrap .card-info {flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;font-size:14px;line-height:20px;letter-spacing:-0.14px}
.win-wrap .card-info > div {display:flex;gap:8px}
.win-wrap .card-info dt {flex:none;font-weight:600}
.win-wrap .card-info dd {flex:1;min-width:0;color:#555}
.win-wrap .card-body {flex:none;display:flex;align-items:center;gap:16px}
.win-wrap .card-map {flex:none;display:flex;gap:8px}
.win-wrap .btn-map {display:block;width:40px;height:40px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #dbdbdb}
.win-wrap .btn-map img {display:block;width:40px;height:40px}
.win-wrap .btn-reserve {display:flex;align-items:center;justify-content:center;width:144px;height:40px;padding:0 24px;border:1px solid #0376f0;border-radius:999px;background:#ebf3ff;font-size:16px;font-weight:600;line-height:24px;letter-spacing:-0.16px;color:#0376f0;white-space:nowrap}
.win-wrap .btn-reserve.is-closed {border-color:#dbdee5;background:#ededed;color:#777;cursor:default}

/* ==================================================
   #06 NOTICE
================================================== */
.win-wrap .win-notice {padding:40px 0;border-top:1px solid #e5e5e5;background:#f8f8f8}
.win-wrap .win-notice .win-inner {align-items:stretch;gap:12px}
.win-wrap .notice-tit {font-size:20px;font-weight:600;line-height:28px;letter-spacing:-0.4px}
.win-wrap .notice-list {display:flex;flex-direction:column;gap:4px;font-size:15px;line-height:22px;letter-spacing:-0.15px;color:#777}
.win-wrap .notice-list li {padding-left:0.7em;text-indent:-0.7em}
.win-wrap .notice-list li:before {content:"\00b7\00a0"}

/* ==================================================
   SMS
================================================== */
.win-wrap .win-sms {padding:40px 0;background:#2c5bf6}
.win-wrap .win-sms .win-inner {gap:24px}
.win-wrap .sms-txt {display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff;text-align:center}
.win-wrap .sms-tit {font-size:24px;font-weight:700;line-height:32px;letter-spacing:-0.48px}
.win-wrap .sms-desc {font-size:16px;line-height:24px;letter-spacing:-0.16px}
.win-wrap .sms-cta {display:flex}
.win-wrap .btn-sms {display:flex;align-items:center;justify-content:center;width:320px;height:42px;padding:0 24px;border:0;border-radius:6px;background:#fff;font-family:inherit;font-size:15px;font-weight:600;line-height:22px;letter-spacing:-0.15px;color:#333;cursor:pointer}

/* ==================================================
   TABLET (768 ~ 1199)
================================================== */
@media screen and (max-width: 1199px) {
	.win-wrap .win-inner, .win-wrap .top-info {padding:0 24px}
	.win-wrap .top-main {font-size:48px;letter-spacing:-0.96px}
	.win-wrap .top-info-box {padding:32px}
	.win-wrap .top-info-bottom {justify-content:space-between;gap:0}
	.win-wrap .top-info-list {flex:none;flex-direction:column;gap:12px}

	.win-wrap .why-box {padding:32px;background-image:url('https://russeldata.megastudy.net/campus/images/russel/campus_common/2026/briefing/winter_sch/bg_why_ta.png')}

	.win-wrap .diff-list, .win-wrap .plan-list {padding:32px; padding-right: 0;}
	.win-wrap .diff-item:nth-child(odd) {padding-right:32px}
	.win-wrap .diff-item:nth-child(even) {padding-left:33px}
	.win-wrap .diff-list .item-list {font-size:16px;line-height:24px;letter-spacing:-0.16px}
	.win-wrap .plan-item + .plan-item {margin-left:32px;padding-left:32px}

	.win-wrap .branch-card {gap:6px}
	.win-wrap .card-cont {flex-direction:column;align-items:stretch;gap:12px}
	.win-wrap .card-body {width:100%}
	.win-wrap .btn-reserve {order:-1;flex:1;width:auto;min-width:0}
}

/* ==================================================
   MOBILE (~ 767)
================================================== */
@media screen and (max-width: 767px) {
	.win-wrap .win-inner {padding:0 16px}
	.win-wrap section {padding-bottom:40px}
	.win-wrap section > .win-inner {gap:16px}
	.win-wrap .sec-title {font-size:24px;line-height:32px;letter-spacing:-0.48px}
	.win-wrap .sec-desc {font-size:16px;line-height:24px;letter-spacing:-0.32px}

	.win-wrap .win-top {gap:32px;padding-top:40px}
	.win-wrap .top-title, .win-wrap .top-title-group {gap:16px}
	.win-wrap .top-label {font-size:16px;font-weight:600;line-height:24px;letter-spacing:-0.32px}
	.win-wrap .top-main {font-size:40px;letter-spacing:-0.8px}
	.win-wrap .top-copy {font-size:17px;line-height:24px;letter-spacing:-0.34px}
	.win-wrap .top-desc {font-size:16px;line-height:24px;letter-spacing:-0.32px}
	.win-wrap .top-info {padding:0}
	.win-wrap .top-info-box {gap:16px;padding:24px 20px;border-radius:0}
	.win-wrap .top-info-head {padding-bottom:16px}
	.win-wrap .info-tit {font-size:20px;line-height:28px;letter-spacing:-0.4px}
	.win-wrap .info-sub {font-size:16px;line-height:24px;letter-spacing:-0.32px}
	.win-wrap .top-info-bottom {flex-direction:column;align-items:stretch;gap:16px}
	.win-wrap .top-info-list {gap:8px;font-size:16px;line-height:24px;letter-spacing:-0.32px;white-space:normal}
	.win-wrap .info-item dd {flex:1;min-width:0}
	.win-wrap .btn-fill {width:100%}
	.win-wrap .top-note {padding-right: 16px; font-size: 12px;}

	.win-wrap .win-why {padding:40px 0}
	.win-wrap .why-box {gap:12px;padding:24px 20px;background-color:#fff;background-image:url('https://russeldata.megastudy.net/campus/images/russel/campus_common/2026/briefing/winter_sch/bg_why_mo.png')}
	.win-wrap .why-tit {font-size:18px;line-height:26px;letter-spacing:-0.36px}
	.win-wrap .why-txt {font-size:14px;line-height:20px;letter-spacing:-0.14px}
	.win-wrap .why-point {padding:16px;font-size:17px;line-height:24px;letter-spacing:-0.34px}

	.win-wrap .diff-list, .win-wrap .plan-list {padding:24px 20px}
	.win-wrap .item-head {gap:8px}
	.win-wrap .item-num {width:28px;height:28px;font-size:14px;line-height:20px;letter-spacing:-0.14px}
	.win-wrap .item-tit {font-size:18px;line-height:26px;letter-spacing:-0.36px}
	.win-wrap .item-list, .win-wrap .diff-list .item-list {font-size:14px;line-height:20px;letter-spacing:-0.14px}
	.win-wrap .item-list li {padding-left:0.7em;text-indent:-0.7em}
	.win-wrap .item-list li:before {content:"\00b7\00a0"}

	.win-wrap .diff-list {flex-direction:column;flex-wrap:nowrap}
	.win-wrap .diff-item, .win-wrap .plan-item {gap:12px}
	.win-wrap .diff-item {width:100%}
	.win-wrap .diff-item:nth-child(n) {padding:0;border-top:0}
	.win-wrap .diff-item + .diff-item {margin-top:24px;padding-top:24px;border-top:1px solid #e5e5e5}
	.win-wrap .diff-item:nth-child(even):before {display:none}
	.win-wrap .plan-list {flex-direction: column;}
	.win-wrap .plan-item:nth-child(n+2):before {width: 100%; height: 1px; bottom: auto;}
	.win-wrap .plan-item + .plan-item {margin-top:24px;padding-top:24px; margin-left: 0; padding-left: 0;}
	.win-wrap .plan-item .item-head{flex-direction: row; gap: 8px;}
	.win-wrap .item-ico {width: 40px;}
	.win-wrap .item-ico img {width: 100%;}
	.win-wrap .item-plan-tit {font-size: 16px; text-align: left;} 
	.win-wrap .plan-item .item-list {flex-direction:column;gap:4px}

	.win-wrap .benefit-box {padding:24px 20px}
	.win-wrap .benefit-cond {font-size:14px;line-height:20px;letter-spacing:-0.14px}
	.win-wrap .benefit-gift {font-size:24px;line-height:32px;letter-spacing:-0.48px}
	.win-wrap .benefit-price {font-size: 14px;}
	.win-wrap .benefit-note {font-size: 12px;}

	.win-wrap .win-reserve {padding:40px 0}
	.win-wrap .win-reserve .sec-desc {font-size:14px;line-height:20px;letter-spacing:-0.14px}
	.win-wrap .branch-list {grid-template-columns:minmax(0, 1fr)}
	.win-wrap .branch-card {gap:4px;padding:20px}
	.win-wrap .card-name {font-size:17px;line-height:24px;letter-spacing:-0.34px}
	.win-wrap .card-info > div {gap:12px}
	.win-wrap .btn-reserve {font-size:14px;line-height:20px;letter-spacing:-0.14px}

	.win-wrap .win-notice {padding:20px 0}
	.win-wrap .notice-tit {font-size:17px;line-height:24px;letter-spacing:-0.34px}
	.win-wrap .notice-list {font-size:13px;line-height:18px;letter-spacing:0}

	.win-wrap .win-sms {padding:24px 0}
	.win-wrap .win-sms .win-inner {gap:16px;padding:0 20px}
	.win-wrap .sms-tit {font-size:18px;line-height:26px;letter-spacing:-0.36px}
	.win-wrap .sms-desc {font-size:14px;line-height:20px;letter-spacing:-0.14px}
	.win-wrap .sms-cta {width:100%}
	.win-wrap .btn-sms {width:100%;height:38px;border-radius:4px;font-size:14px;letter-spacing:-0.14px}

	/* MO fixed header (.gnb-inner 55px, rwd/css/layout.css) - anchor offset for 'reserve' */
	.win-wrap #reserve {scroll-margin-top:55px}
}