.dorm-story{overflow-x:clip;background:#fff;color:#333;font-family:"Pretendard Variable",Pretendard,"Noto Sans KR",sans-serif;letter-spacing:0;word-break:keep-all}
.dorm-story *{box-sizing:border-box}
.dorm-story h1,.dorm-story h2,.dorm-story p,.dorm-story ul,.dorm-story ol{margin:0;padding:0}
.dorm-story ul,.dorm-story ol{list-style:none}
.dorm-story em{font-style:normal}
.dorm-story .accent{background:linear-gradient(97.751deg,#038975 6.33%,#005e50 79.06%);background-clip:text;-webkit-background-clip:text;color:#027766;-webkit-text-fill-color:transparent}
.dorm-story .mobile-copy,.dorm-story .mobile-break{display:none}
.dorm-story .desktop-break{display:none}
.dorm-hero{position:relative;display:flex;flex-direction:column;align-items:center;gap:32px;overflow:clip;padding:80px 24px;background:#f5fdfc;text-align:center}
.dorm-hero::before{content:"";position:absolute;z-index:0;top:29px;left:50%;width:573px;aspect-ratio:573/407;background:url("https://russeldata.megastudy.net/campus/images/russel_yj/info/brand/bg_pc.png") center/contain no-repeat;transform:translateX(calc(-50% - 15.5px));pointer-events:none}
.dorm-hero-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:32px}
.dorm-hero h1{color:#333;font-size:72px;font-weight:800;line-height:72px;letter-spacing:-1.44px}
.dorm-hero .hero-subtitle{color:#333;font-size:32px;font-weight:700;line-height:42px;letter-spacing:-.64px}
.dorm-hero .hero-description{color:#333;font-size:20px;font-weight:400;line-height:28px;letter-spacing:-.4px}
.dorm-card-list{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:min(100%,720px);margin:0 auto;overflow:clip}
.dorm-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;overflow:clip;padding:24px 12px;border-radius:12px;background:linear-gradient(92.309deg,#038975 6.33%,#005e50 79.06%);color:#fff;text-align:center}
.dorm-card .card-icon{display:block;width:34px;height:31px;flex:none;object-fit:contain}
.dorm-card strong{display:block;color:#fff;font-size:18px;font-weight:600;line-height:24px;letter-spacing:-.18px}
.dorm-reasons{display:flex;flex-direction:column;align-items:center;gap:32px;padding:60px 24px;background:#fff;text-align:center}
.dorm-reasons h2{max-width:672px;color:#333;font-size:32px;font-weight:700;line-height:42px;letter-spacing:-.64px}
.dorm-reasons .accent{background:none;color:#027766;-webkit-text-fill-color:#027766}
.reason-box,.student-list-box{width:min(100%,800px);border:0;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px #ededed}
.reason-box{padding:48px 32px}
.dorm-story .reason-list,.dorm-story .student-list{display:flex;flex-direction:column;margin:0 auto}
.reason-list{gap:24px;width:min(100%,400px)}
.reason-item,.student-item{display:flex;align-items:flex-start;gap:16px;text-align:left}
.reason-item{min-height:52px}
.number-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex:0 0 28px;border-radius:50%;background:#ecf4f3;color:#027766;font-size:16px;font-weight:700;line-height:24px;letter-spacing:-.16px}
.reason-item p{color:#555;font-size:18px;font-weight:400;line-height:26px;letter-spacing:-.36px}
.dorm-students{display:flex;flex-direction:column;align-items:center;gap:32px;padding:0 24px 60px;background:#fff;text-align:center}
.student-heading{display:flex;flex-direction:column;align-items:center;gap:16px}
.student-heading h2{max-width:665px;color:#333;font-size:32px;font-weight:700;line-height:42px;letter-spacing:-.64px}
.dorm-students .accent{background:none;color:#027766;-webkit-text-fill-color:#027766}
.student-heading p{max-width:465px;color:#333;font-size:20px;font-weight:400;line-height:28px;letter-spacing:-.4px}
.student-heading strong{font-weight:700}
.student-list-box{padding:48px 32px}
.student-list{gap:24px;width:min(100%,400px)}
.student-item{align-items:center;gap:12px;min-height:28px}
.student-item p{color:#555;font-size:18px;font-weight:400;line-height:26px;letter-spacing:-.36px}
.student-phrase{white-space:nowrap}
.student-quote{display:flex;flex-direction:column;align-items:center;gap:24px}
.quote-line{display:block;width:1px;height:52px;background:linear-gradient(180deg,#a0e0d7,#3bb7a4)}
.student-quote p{color:#333;font-size:24px;font-weight:400;line-height:32px;letter-spacing:-.48px}
.student-quote strong{display:inline-block;font-weight:700;white-space:nowrap}
.dorm-cta{display:flex;flex-direction:column;align-items:center;gap:32px;padding:60px 24px;background:#f8f8f8;text-align:center}
.cta-copy{display:flex;flex-direction:column;align-items:center;gap:16px}
.cta-copy h2{max-width:544px;color:#333;font-size:32px;font-weight:700;line-height:42px;letter-spacing:-.64px}
.dorm-cta .accent{background:none;color:#027766;-webkit-text-fill-color:#027766}
.cta-copy p{color:#555;font-size:20px;font-weight:400;line-height:28px;letter-spacing:-.4px}
.cta-button{display:flex;align-items:center;justify-content:center;width:min(100%,500px);padding:18px 16px;border-radius:8px;background:#333;color:#fff;font-size:18px;font-weight:600;line-height:25px;letter-spacing:-.18px;text-decoration:none}
.cta-button:focus-visible{outline:2px solid #027766;outline-offset:3px}

@media (max-width:1199px){
	.dorm-hero::before{transform:translateX(-50%)}
	.reason-box{width:min(100%,720px)}
	.reason-list{width:min(100%,384px)}
	.student-heading h2{max-width:339px}
	.student-list-box{width:min(100%,720px)}
	.student-list{width:min(100%,384px)}
}

@media (max-width:767px){
	.dorm-story{letter-spacing:0}
	.dorm-story .desktop-copy{display:none}
	.dorm-story .mobile-copy{display:inline}
	.dorm-story .mobile-break{display:inline}
	.dorm-hero{gap:clamp(16px,calc(16px + 16 * ((100vw - 360px) / 408)),32px);padding:clamp(60px,calc(60px + 20 * ((100vw - 360px) / 408)),80px) clamp(16px,calc(16px + 8 * ((100vw - 360px) / 408)),24px)}
	.dorm-hero::before{top:clamp(29px,calc(80px - 51 * ((100vw - 360px) / 408)),80px);width:min(calc(100% - 31px),clamp(329px,calc(329px + 244 * ((100vw - 360px) / 408)),573px));aspect-ratio:329/242;background-image:url("https://russeldata.megastudy.net/campus/images/russel_yj/info/brand/bg_mo.png")}
	.dorm-hero-copy{gap:clamp(16px,calc(16px + 16 * ((100vw - 360px) / 408)),32px)}
	.dorm-hero h1{font-size:clamp(48px,calc(48px + 24 * ((100vw - 360px) / 408)),72px);line-height:clamp(56px,calc(56px + 16 * ((100vw - 360px) / 408)),72px);letter-spacing:clamp(-1.44px,calc(-.96px - .48 * ((100vw - 360px) / 408)),-.96px)}
	.dorm-hero .hero-subtitle{font-size:clamp(20px,calc(20px + 12 * ((100vw - 360px) / 408)),32px);line-height:clamp(28px,calc(28px + 14 * ((100vw - 360px) / 408)),42px);letter-spacing:clamp(-.64px,calc(-.4px - .24 * ((100vw - 360px) / 408)),-.4px)}
	.dorm-hero .hero-description{font-size:clamp(16px,calc(16px + 4 * ((100vw - 360px) / 408)),20px);line-height:clamp(24px,calc(24px + 4 * ((100vw - 360px) / 408)),28px);letter-spacing:clamp(-.4px,calc(-.16px - .24 * ((100vw - 360px) / 408)),-.16px)}
	.dorm-card-list{gap:clamp(8px,calc(8px + 8 * ((100vw - 360px) / 408)),16px);width:100%}
	.dorm-card{gap:clamp(8px,calc(8px + 4 * ((100vw - 360px) / 408)),12px);padding:clamp(20px,calc(20px + 4 * ((100vw - 360px) / 408)),24px) clamp(8px,calc(8px + 4 * ((100vw - 360px) / 408)),12px);border-radius:12px}
	.dorm-card .card-icon{width:clamp(26px,calc(26px + 8 * ((100vw - 360px) / 408)),34px);height:clamp(24px,calc(24px + 7 * ((100vw - 360px) / 408)),31px)}
	.dorm-card strong{font-size:clamp(14px,calc(14px + 4 * ((100vw - 360px) / 408)),18px);line-height:clamp(20px,calc(20px + 4 * ((100vw - 360px) / 408)),24px);letter-spacing:clamp(-.18px,calc(-.14px - .04 * ((100vw - 360px) / 408)),-.14px)}
	.dorm-reasons{gap:clamp(20px,calc(20px + 12 * ((100vw - 360px) / 408)),32px);padding:clamp(40px,calc(40px + 20 * ((100vw - 360px) / 408)),60px) clamp(16px,calc(16px + 8 * ((100vw - 360px) / 408)),24px)}
	.dorm-reasons h2{max-width:clamp(288px,calc(288px + 384 * ((100vw - 360px) / 408)),672px);font-size:clamp(24px,calc(24px + 8 * ((100vw - 360px) / 408)),32px);line-height:clamp(32px,calc(32px + 10 * ((100vw - 360px) / 408)),42px);letter-spacing:clamp(-.64px,calc(-.48px - .16 * ((100vw - 360px) / 408)),-.48px)}
	.reason-box{padding:clamp(32px,calc(32px + 16 * ((100vw - 360px) / 408)),48px) 32px}
	.reason-list{gap:clamp(12px,calc(12px + 12 * ((100vw - 360px) / 408)),24px);width:min(100%,clamp(264px,calc(264px + 120 * ((100vw - 360px) / 408)),384px))}
	.reason-item{min-height:clamp(52px,calc(72px - 20 * ((100vw - 360px) / 408)),72px);gap:16px}
	.reason-item p{font-size:clamp(16px,calc(16px + 2 * ((100vw - 360px) / 408)),18px);line-height:clamp(24px,calc(24px + 2 * ((100vw - 360px) / 408)),26px);letter-spacing:clamp(-.36px,calc(-.16px - .2 * ((100vw - 360px) / 408)),-.16px)}
	.dorm-students{gap:clamp(0px,calc(0px + 32 * ((100vw - 360px) / 408)),32px);padding:0 clamp(16px,calc(16px + 8 * ((100vw - 360px) / 408)),24px) clamp(40px,calc(40px + 20 * ((100vw - 360px) / 408)),60px)}
	.student-heading{gap:16px;margin-bottom:clamp(0px,calc(20px - 20 * ((100vw - 360px) / 408)),20px)}
	.student-heading h2{max-width:clamp(254px,calc(254px + 85 * ((100vw - 360px) / 408)),339px);font-size:clamp(24px,calc(24px + 8 * ((100vw - 360px) / 408)),32px);line-height:clamp(32px,calc(32px + 10 * ((100vw - 360px) / 408)),42px);letter-spacing:clamp(-.64px,calc(-.48px - .16 * ((100vw - 360px) / 408)),-.48px)}
	.student-heading p{max-width:clamp(241px,calc(241px + 224 * ((100vw - 360px) / 408)),465px);font-size:clamp(18px,calc(18px + 2 * ((100vw - 360px) / 408)),20px);line-height:clamp(26px,calc(26px + 2 * ((100vw - 360px) / 408)),28px);letter-spacing:clamp(-.4px,calc(-.36px - .04 * ((100vw - 360px) / 408)),-.36px)}
	.student-heading strong{font-weight:600}
	.student-list-box{padding:clamp(32px,calc(32px + 16 * ((100vw - 360px) / 408)),48px) 32px;margin-bottom:clamp(0px,calc(12px - 12 * ((100vw - 360px) / 408)),12px)}
	.student-list{gap:clamp(12px,calc(12px + 12 * ((100vw - 360px) / 408)),24px);width:min(100%,clamp(264px,calc(264px + 120 * ((100vw - 360px) / 408)),384px))}
	.student-item{align-items:flex-start;gap:12px;min-height:28px}
	.student-item p{min-width:0;flex:1;font-size:clamp(16px,calc(16px + 2 * ((100vw - 360px) / 408)),18px);line-height:clamp(24px,calc(24px + 2 * ((100vw - 360px) / 408)),26px);letter-spacing:clamp(-.36px,calc(-.16px - .2 * ((100vw - 360px) / 408)),-.16px)}
	.student-quote{gap:clamp(12px,calc(12px + 12 * ((100vw - 360px) / 408)),24px)}
	.quote-line{height:clamp(36px,calc(36px + 16 * ((100vw - 360px) / 408)),52px)}
	.student-quote p{font-size:clamp(20px,calc(20px + 4 * ((100vw - 360px) / 408)),24px);line-height:clamp(28px,calc(28px + 4 * ((100vw - 360px) / 408)),32px);letter-spacing:clamp(-.48px,calc(-.4px - .08 * ((100vw - 360px) / 408)),-.4px)}
	.dorm-cta{gap:clamp(20px,calc(20px + 12 * ((100vw - 360px) / 408)),32px);padding:clamp(40px,calc(40px + 20 * ((100vw - 360px) / 408)),60px) clamp(16px,calc(16px + 8 * ((100vw - 360px) / 408)),24px)}
	.cta-copy{gap:clamp(12px,calc(12px + 4 * ((100vw - 360px) / 408)),16px)}
	.cta-copy h2{max-width:clamp(256px,calc(256px + 288 * ((100vw - 360px) / 408)),544px);font-size:clamp(24px,calc(24px + 8 * ((100vw - 360px) / 408)),32px);line-height:clamp(32px,calc(32px + 10 * ((100vw - 360px) / 408)),42px);letter-spacing:clamp(-.64px,calc(-.48px - .16 * ((100vw - 360px) / 408)),-.48px)}
	.cta-copy p{font-size:clamp(16px,calc(16px + 4 * ((100vw - 360px) / 408)),20px);line-height:clamp(24px,calc(24px + 4 * ((100vw - 360px) / 408)),28px);letter-spacing:clamp(-.4px,calc(-.16px - .24 * ((100vw - 360px) / 408)),-.16px)}
	.cta-button{width:100%;padding:clamp(16px,calc(16px + 2 * ((100vw - 360px) / 408)),18px) 16px;font-size:clamp(16px,calc(16px + 2 * ((100vw - 360px) / 408)),18px);line-height:clamp(22px,calc(22px + 3 * ((100vw - 360px) / 408)),25px);letter-spacing:clamp(-.18px,calc(-.16px - .02 * ((100vw - 360px) / 408)),-.16px);border-radius:clamp(6px,calc(6px + 2 * ((100vw - 360px) / 408)),8px)}
}