/* Study cafe exit strategy landing page */
.studycafe {
	--sc-deep: #025157;
	--sc-mint: #8fd6d2;
	--sc-ink: #101820;
	--sc-copy: #5f6b72;
	--sc-border: #e4e9eb;
	font-family: "Pretendard", sans-serif;
	color: var(--sc-ink);
	overflow: hidden;
}
.studycafe *, .studycafe *::before, .studycafe *::after { box-sizing: border-box; }
.studycafe h1, .studycafe h2, .studycafe h3, .studycafe p, .studycafe blockquote { margin: 0; }
.studycafe ul { margin: 0; padding: 0; list-style: none; }
.sc-inner { position: relative; width: min(1200px, calc(100% - 48px)); margin: 0 auto; }

.studycafe .sc-header { display: block; position: relative; z-index: 2; height: 60px; background: #fff; }
.sc-header-inner { display: flex; width: calc(100% - 100px); height: 100%; margin: 0 auto; align-items: flex-end; justify-content: space-between; }
.sc-brand { display: flex; align-items: center; height: 46px; color: var(--sc-ink) !important; text-decoration: none !important; }
.sc-brand > img { height: 36px; object-fit: contain; }.sc-brand > span { display: flex; flex-direction: column; margin-left: 3px; line-height: 1; }.sc-brand strong { font-family: "Kim jung chul Gothic", "Pretendard", sans-serif; font-size: 20px; letter-spacing: -1.1px; }.sc-brand small { margin-top: 2px; font-family: "Montserrat Alternates", sans-serif; font-size: 7px; letter-spacing: -.02px; }
.sc-header-actions { display: flex; gap: 20px; align-items: center; height: 60px; }.sc-call, .sc-header-button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; color: var(--sc-ink) !important; font-weight: 700; text-decoration: none !important; white-space: nowrap; }.sc-call { height: 40px; font-size: 24px; letter-spacing: -.6px; }.sc-call img { width: 24px; height: 24px; }.sc-header-button { height: 40px; padding: 0 16px; border: 1px solid var(--sc-ink); border-radius: 10px; font-size: 16px; letter-spacing: -.4px; }.sc-header-button img { width: 24px; height: 24px; object-fit: contain; }.sc-header-button:nth-child(2) img {transform: rotate(180deg);}

.sc-hero { padding: 100px 0; border-bottom: 4px solid var(--sc-deep); background: #fff; }.sc-hero h1 { font-size: 70px; font-weight: 800; letter-spacing: -1.75px; line-height: 1.25; }.sc-hero h1 em { color: var(--sc-deep); font-style: normal; }
.sc-moment, .sc-problem, .sc-process { position: relative; }.sc-moment { padding: 100px 0; }.sc-problem { padding: 120px 0; color: #fff; }.sc-process { padding: 100px 0; }.sc-section-backdrop { position: absolute; inset: 0; background-position: center; background-size: cover; }.sc-moment-bg { background-image: linear-gradient(rgba(239,245,245,.6), rgba(239,245,245,.6)), url('/img/studycafe/moment-raw-01.jpg'); }.sc-problem-bg { background-image: linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,.6)), url('/img/studycafe/problem-raw-01.jpg'); }.sc-process-bg { background-image: linear-gradient(rgba(239,245,245,.6), rgba(239,245,245,.6)), url('/img/studycafe/process-raw-02.jpg'); }
.sc-moment h2, .sc-problem h2 { position: relative; color: var(--sc-deep); font-size: 42px; font-weight: 800; letter-spacing: -1.05px; line-height: 1.3; text-align: center; }.sc-moment h2 strong { color: var(--sc-ink); }.sc-moment-list { display: grid; position: relative; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 50px; }.sc-moment-list li { display: flex; min-height: 142px; align-items: center; justify-content: center; padding: 16px; border: 1px solid var(--sc-deep); border-radius: 16px; background: rgba(2,81,87,.5); color: #fff; font-size: 24px; font-weight: 700; letter-spacing: -.6px; line-height: 1.35; text-align: center; }
.sc-problem h2 { color: #fff; }.sc-problem h2 em { color: var(--sc-mint); font-style: normal; }.sc-question-list { display: flex; position: relative; flex-direction: column; align-items: center; gap: 18px; margin-top: 50px; }.sc-question-list li { padding: 30px; border: 1px solid #fff; border-radius: 16px; background: rgba(255,255,255,.05); color: #fff; font-size: 24px; font-weight: 600; letter-spacing: -.6px; line-height: 1.25; }.sc-problem-answer { display: flex; position: relative; flex-direction: column; align-items: center; gap: 4px; margin-top: 50px; overflow: hidden; font-size: 40px; font-weight: 700; letter-spacing: -1px; line-height: 1.2; text-align: center; }.sc-answer-first { color: #fff; transform-origin: center; animation: sc-answer-first 9.4s ease-in-out infinite; }.sc-answer-second { color: var(--sc-mint); transform-origin: center; animation: sc-answer-second 9.4s ease-in-out infinite; }

.sc-process h2 { position: relative; color: var(--sc-ink); font-size: 52px; font-weight: 700; letter-spacing: -1.3px; line-height: 1.25; text-align: center; }.sc-process h2 em { color: var(--sc-deep); font-style: normal; }.sc-step-grid { display: grid; position: relative; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 50px; }.sc-step-card { overflow: hidden; border: 1px solid var(--sc-border); border-radius: 16px; background: #fff; }.sc-step-image { display: block; width: 100%; height: 329px; object-fit: cover; }.sc-step-copy { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 20px; }.sc-step-copy b { color: var(--sc-deep); font-size: 13px; letter-spacing: -.325px; }.sc-step-copy h3 { font-size: 30px; font-weight: 700; letter-spacing: -.75px; line-height: 1.2; }.sc-step-copy p { min-height: 48px; color: var(--sc-copy); font-size: 20px; letter-spacing: -.5px; line-height: 1.4; }.sc-step-benefit { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 6px; font-size: 16px; font-weight: 600; letter-spacing: -.4px; line-height: 1.2; }.sc-step-benefit img { width: 14px; height: 14px; }.sc-benefit-teal { background: #eff5f5; color: var(--sc-deep); }.sc-benefit-pink { background: #fff0f5; color: #e5006d; }

.sc-platform { padding: 100px 0; background: #eff5f5; text-align: center; }.sc-platform h2 { color: var(--sc-ink); font-size: 50px; font-weight: 700; letter-spacing: -1.25px; line-height: 1.2; }.sc-platform h2 span { color: #00a5b5; font-weight: 800; }.sc-platform .sc-inner > img { display: block; width: 1000px; max-width: 100%; height: 441px; margin: 50px auto 0; object-fit: cover; object-position: center; }
.sc-other { position: relative; padding: 100px 0; overflow: hidden; background: #fff; text-align: center; }.sc-other-person { position: absolute; left: 0; bottom: 0; width: 448px; height: 600px; object-fit: cover; opacity: .3; }.sc-other h2 { font-size: 42px; font-weight: 700; letter-spacing: -1.05px; line-height: 1.3; }.sc-other blockquote { display: flex; width: 600px; max-width: 100%; flex-direction: column; align-items: center; gap: 32px; margin: 50px auto 0; padding: 30px; border: 1px solid var(--sc-ink); border-radius: 20px; }.sc-other blockquote span { height: 23px; color: var(--sc-ink); font-family: serif; font-size: 48px; font-weight: 700; line-height: .7; }.sc-other blockquote p { font-size: 30px; font-weight: 700; letter-spacing: -.75px; line-height: 1.3; }

.sc-difference { padding: 100px 0; background: var(--sc-deep); color: #fff; text-align: center; }.sc-difference h2 { font-size: 42px; font-weight: 700; letter-spacing: -1.05px; line-height: 1.3; }.sc-difference h2 em { color: var(--sc-mint); font-style: normal; }.sc-exit-flow { display: flex; align-items: center; justify-content: center; width: 100%; margin-top: 50px; }.sc-exit-step { display: flex; flex: 1; max-width: 230px; aspect-ratio: 1; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; background: rgba(255,255,255,.1); color: #fff; font-size: 20px; font-weight: 700; letter-spacing: -.5px; transform-origin: center; }.sc-exit-flow > img { flex: 0 0 56px; width: 24px; height: 24px; margin: 0 16px; object-fit: contain; opacity: .75; }.sc-exit-step-1 { animation: sc-badge-1 9.4s ease-in-out infinite; }.sc-exit-step-2 { animation: sc-badge-2 9.4s ease-in-out infinite; }.sc-exit-step-3 { animation: sc-badge-3 9.4s ease-in-out infinite; }.sc-exit-step-4 { animation: sc-badge-4 9.4s ease-in-out infinite; }
.sc-difference-cta { display: flex; flex-direction: column; align-items: center; gap: 40px; margin-top: 50px; }.sc-difference-cta > p { color: rgba(255,255,255,.9); font-size: 26px; font-weight: 700; letter-spacing: -.65px; line-height: 1.4; }.sc-primary-cta, .sc-secondary-cta a { display: inline-flex; align-items: center; justify-content: center; padding: 20px 48px; border-radius: 100px; font-size: 18px; font-weight: 800; letter-spacing: -.45px; text-decoration: none !important; }.sc-primary-cta { background: #fff; box-shadow: 0 8px 8px rgba(0,0,0,.19); color: var(--sc-deep) !important; }.sc-primary-cta span, .sc-secondary-cta a span { margin-left: 8px; }.sc-secondary-cta { display: flex; flex-direction: column; align-items: center; gap: 10px; }.sc-secondary-cta p { color: rgba(255,255,255,.9); font-size: 16px; letter-spacing: -.4px; line-height: 1.45; }.sc-secondary-cta a { background: #7cf6ff; box-shadow: 0 8px 8px rgba(0,0,0,.19); color: var(--sc-ink) !important; }

@keyframes sc-answer-first { 0%, 17.02%, 34.04%, 51.06%, 100% { transform: scale(1.15); } 8.51%, 25.53%, 42.55%, 59.57% { transform: scale(1); } }
@keyframes sc-answer-second { 0%, 8.51%, 25.53%, 42.55%, 100% { transform: scale(1); } 17.02%, 34.04%, 51.06% { transform: scale(1.15); } }
@keyframes sc-badge-1 { 0%, 10.64%, 51.06%, 61.7%, 100% { transform: scale(1); background: rgba(255,255,255,.1); color: #fff; } 5.32%, 56.38% { transform: scale(1.2); background: #8fd6d1; color: #035257; } }
@keyframes sc-badge-2 { 0%, 12.77%, 23.4%, 63.83%, 74.47%, 100% { transform: scale(1); background: rgba(255,255,255,.1); color: #fff; } 18.09%, 69.15% { transform: scale(1.2); background: #8fd6d1; color: #035257; } }
@keyframes sc-badge-3 { 0%, 25.53%, 36.17%, 76.6%, 87.23%, 100% { transform: scale(1); background: rgba(255,255,255,.1); color: #fff; } 30.85%, 81.91% { transform: scale(1.2); background: #8fd6d1; color: #035257; } }
@keyframes sc-badge-4 { 0%, 38.3%, 48.94%, 89.36%, 100% { transform: scale(1); background: rgba(255,255,255,.1); color: #fff; } 43.62%, 94.68% { transform: scale(1.2); background: #8fd6d1; color: #035257; } }

@media screen and (max-width: 1199px) { .sc-hero h1 { font-size: 56px; }.sc-step-image { height: 260px; }.sc-exit-flow > img { margin: 0 8px; }.sc-other-person { width: 330px; height: 440px; } }
@media screen and (max-width: 767px) { .sc-inner { width: calc(100% - 40px); }.sc-header { height: 58px; }.sc-header-inner { width: calc(100% - 32px); align-items: center; }.sc-brand { height: 58px; }.sc-header-actions { gap: 8px; height: 58px; }.sc-call { font-size: 0; }.sc-call img { width: 22px; height: 22px; }.sc-header-button { height: 34px; gap: 4px; padding: 0 8px; border-radius: 7px; font-size: 11px; }.sc-header-button img { width: 16px; height: 16px; }
	.sc-hero { padding: 56px 0; border-width: 3px; }.sc-hero h1 { font-size: 34px; letter-spacing: -.85px; line-height: 1.3; }.sc-moment, .sc-process, .sc-platform, .sc-other, .sc-difference { padding: 64px 0; }.sc-problem { padding: 72px 0; }.sc-moment h2, .sc-problem h2, .sc-other h2, .sc-difference h2 { font-size: 28px; letter-spacing: -.7px; }.sc-moment-list { grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: 30px; }.sc-moment-list li { min-height: 112px; padding: 12px; border-radius: 12px; font-size: 18px; letter-spacing: -.45px; }ul.sc-question-list { gap: 12px; margin-top: 30px; }.sc-question-list li {padding: 20px; border-radius: 12px; font-size: 18px; letter-spacing: -.45px; text-align: center; }.sc-problem-answer { margin-top: 32px; font-size: 27px; letter-spacing: -.675px; }
	.sc-process h2 { font-size: 32px; letter-spacing: -.8px; }.sc-step-grid { grid-template-columns: 1fr; gap: 16px; margin-top: 32px; }.sc-step-image { height: 190px; }.sc-step-copy { gap: 8px; padding: 16px; }.sc-step-copy h3 { font-size: 24px; }.sc-step-copy p { min-height: 0; font-size: 16px; }.sc-step-benefit { font-size: 14px; }.sc-platform h2 { font-size: 32px; letter-spacing: -.8px; }.sc-platform .sc-inner > img { height: 185px; margin-top: 32px; object-fit: cover; }.sc-other-person { width: 190px; height: 255px; }.sc-other blockquote { gap: 20px; margin-top: 32px; padding: 22px 16px; border-radius: 14px; }.sc-other blockquote p { font-size: 20px; letter-spacing: -.5px; }
	.sc-exit-flow { flex-direction: column; margin-top: 32px; }.sc-exit-step { width: 100%; max-width: 130px; justify-self: center; font-size: 16px; }.sc-exit-flow > img { width: 20px; height: 20px; margin: 0; align-self: center; }.sc-exit-flow > img { grid-column: 2; grid-row: 2; transform: rotate(90deg); }.sc-exit-step-3 { grid-column: 1; grid-row: 3; }.sc-exit-flow > img:nth-of-type(3) { grid-column: 2; grid-row: 3; }.sc-exit-step-4 { grid-column: 3; grid-row: 3; }.sc-difference-cta { gap: 28px; margin-top: 36px; }.sc-difference-cta > p { font-size: 18px; }.sc-primary-cta, .sc-secondary-cta a { padding: 16px 24px; font-size: 15px; }.sc-secondary-cta p { font-size: 13px; }.sc-header-button:last-child span {display: none;}
}
@media (prefers-reduced-motion: reduce) { .sc-answer-first, .sc-answer-second, .sc-exit-step { animation: none; } }