/* Approved cream and brown palette. Layout adapts to the available width. */
:root{color-scheme:light;background:#faf8f3}
html{min-width:320px;scroll-behavior:auto}
body{margin:0;background:#faf8f3}
#learning-village a{text-decoration:none}
#learning-village .lc-header nav a{display:inline-flex;align-items:center}
#learning-village .lc-test-banner{margin:0;padding:11px 20px;background:#89533d;color:#fff;text-align:center;font:500 13px/1.65 "Apple SD Gothic Neo","Noto Sans KR",sans-serif;word-break:keep-all}
#learning-village .lc-brand{display:block}
#learning-village .lc-back{display:inline-flex;align-items:center;gap:7px}
#learning-village .lc-teacher-poster{margin:0}
#learning-village .lc-teacher-poster img{width:100%;height:auto;display:block}
#learning-village .lc-teacher-poster figcaption{font-size:12px;line-height:1.8;color:var(--lc-muted);margin-top:12px;word-break:keep-all}
#learning-village .lc-load-message{font-size:14px;color:var(--lc-muted);padding:36px 0}
#learning-village .lc-noscript{padding:24px;background:#f0e9df;font-size:14px;line-height:1.8}
#learning-village .lc-site h1:focus{outline:none}
#learning-village .lc-frame{container-type:inline-size;width:100%;margin:0 auto;max-width:1280px}
#learning-village .lc-site{--lc-bg:#faf8f3;--lc-ink:#352d29;--lc-muted:#685d53;--lc-hero:#eee3d2;--lc-line:#e1d9cf;--lc-accent:#89533d;--lc-rule:#c5b9ac;--lc-notice:#f0e9df;background:var(--lc-bg);color:var(--lc-ink);font-family:"Pretendard Variable",Pretendard,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;line-height:1.6;color-scheme:light;min-width:0;padding:0 4%}
#learning-village .lc-site *{box-sizing:border-box}
#learning-village .lc-site h1,#learning-village .lc-site h2,#learning-village .lc-site h3,#learning-village .lc-site p{margin:0;letter-spacing:-.025em}
#learning-village .lc-site h1,#learning-village .lc-site h2,#learning-village .lc-site h3{color:var(--lc-ink);font-family:inherit}
#learning-village .lc-site a{font:inherit;color:inherit;border:0;background:none;padding:0;letter-spacing:-.02em;text-align:left}
#learning-village .lc-site a:focus-visible{outline:2px solid var(--lc-accent);outline-offset:5px}
#learning-village .lc-site [hidden]{display:none!important}
#learning-village .lc-header{height:106px;display:flex;align-items:center;justify-content:space-between;gap:24px}
#learning-village .lc-brand{line-height:1.35;flex-shrink:0}
#learning-village .lc-brand span{font-size:12px;display:block;letter-spacing:.04em}
#learning-village .lc-brand strong{font-size:21px;font-weight:750;letter-spacing:-.06em}
#learning-village .lc-header nav{display:flex;align-items:center;gap:28px;padding-right:0;min-width:0}
#learning-village .lc-header nav a{font-size:15px;font-weight:650;min-height:44px;white-space:nowrap}
#learning-village .lc-header nav a[aria-current="page"]{color:var(--lc-accent);text-decoration:underline;text-underline-offset:8px}
#learning-village .lc-hero{background:var(--lc-hero);color:var(--lc-hero-ink,var(--lc-ink));border-radius:15px;display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:28px;padding:42px 7%;min-height:414px}
#learning-village .lc-eyebrow{font-size:13px;font-weight:600;line-height:1.5;color:var(--lc-accent)}
#learning-village .lc-hero h1{color:var(--lc-hero-ink,var(--lc-ink));font-size:clamp(30px,3.9cqw,48px);font-weight:750;line-height:1.28;letter-spacing:-.055em;margin:16px 0 20px;word-break:keep-all}
#learning-village .lc-hero .lc-eyebrow{color:var(--lc-hero-accent,var(--lc-accent))}
#learning-village .lc-hero-desc{font-size:14px;line-height:1.85;color:var(--lc-hero-text,var(--lc-muted));word-break:keep-all}
#learning-village .lc-text-link{display:inline-flex;align-items:center;gap:20px;font-size:14px!important;font-weight:650!important;min-height:44px;margin-top:22px;border-bottom:1px solid currentColor!important}
#learning-village .lc-text-link span{font-size:20px;line-height:1}
#learning-village .lc-poster-link{display:block;justify-self:center;width:min(100%,225px);line-height:0!important;box-shadow:0 7px 20px #00000012}
#learning-village .lc-poster-link img{display:block;width:100%;height:auto}
#learning-village .lc-courses{padding:62px 0 18px}
#learning-village .lc-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-bottom:28px}
#learning-village .lc-section-head h2{font-size:29px;font-weight:700;line-height:1.4}
#learning-village .lc-section-head p{font-size:13px;color:var(--lc-muted);margin-top:9px;max-width:560px;word-break:keep-all}
#learning-village .lc-count{font-size:13px;color:var(--lc-muted);white-space:nowrap;padding-bottom:3px}
#learning-village .lc-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:30px;row-gap:13px}
#learning-village .lc-course{display:flex!important;flex-direction:column;min-width:0;border-top:1px solid var(--lc-rule)!important;padding:21px 2px 26px!important;min-height:235px;position:relative}
#learning-village .lc-course:hover h3{text-decoration:underline;text-underline-offset:4px}
#learning-village .lc-course-meta{display:flex;gap:10px;align-items:center;font-size:12px;margin-bottom:12px;color:var(--lc-muted)}
#learning-village .lc-course-meta em{font-style:normal;color:var(--lc-accent);font-weight:600}
#learning-village .lc-course h3{font-size:21px;font-weight:650;line-height:1.5;word-break:keep-all;min-height:64px}
#learning-village .lc-course-desc{font-size:13px;color:var(--lc-muted);line-height:1.7;word-break:keep-all;margin:9px 0 22px!important}
#learning-village .lc-course-foot{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:auto;font-size:12px;width:100%;color:var(--lc-muted)}
#learning-village .lc-course-foot b{font-size:20px;color:var(--lc-ink);font-weight:400}
#learning-village .lc-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;border-top:1px solid var(--lc-line);margin:25px 0 0;padding:45px 0 55px}
#learning-village .lc-bottom-grid h2{font-size:26px;font-weight:650;line-height:1.45;margin:12px 0 16px}
#learning-village .lc-bottom-grid p:not(.lc-eyebrow){font-size:14px;color:var(--lc-muted);line-height:1.85}
#learning-village .lc-bottom-grid ol{display:flex;list-style:none;margin:23px 0 0;padding:0;gap:14px;flex-wrap:wrap;font-size:12px;font-weight:500}
#learning-village .lc-bottom-grid li:not(:last-child)::after{content:"→";margin-left:14px;color:var(--lc-muted)}
#learning-village .lc-footer{border-top:1px solid var(--lc-line);display:flex;justify-content:space-between;gap:24px;padding:27px 0 34px;font-size:12px;color:var(--lc-muted)}
#learning-village .lc-footer strong{font-size:13px;color:var(--lc-ink);font-weight:650}
#learning-village .lc-footer p{margin-top:7px}
#learning-village .lc-footer a{align-self:flex-start;min-height:32px}
#learning-village .lc-inner-view{padding:28px 2% 62px}
#learning-village .lc-page-heading{border-bottom:1px solid var(--lc-line);padding:16px 0 34px}
#learning-village .lc-page-heading h1{font-size:40px;font-weight:700;line-height:1.4;letter-spacing:-.055em;margin:12px 0 16px;word-break:keep-all}
#learning-village .lc-page-heading>p:last-child{font-size:15px;color:var(--lc-muted);word-break:keep-all}
#learning-village .lc-all-courses .lc-courses{padding-top:36px}
#learning-village .lc-all-courses .lc-section-head h2{font-size:22px}
#learning-village .lc-selection-note{padding:23px 26px;background:var(--lc-notice);margin-top:20px}
#learning-village .lc-selection-note strong{font-size:14px;font-weight:650}
#learning-village .lc-selection-note p{font-size:13px;color:var(--lc-muted);line-height:1.9;margin-top:8px;word-break:keep-all}
#learning-village .lc-empty-state{padding:54px 0 58px;border-bottom:1px solid var(--lc-line)}
#learning-village .lc-empty-state h2{font-size:25px;font-weight:650;line-height:1.5;margin-bottom:15px;word-break:keep-all}
#learning-village .lc-empty-state p{max-width:660px;font-size:15px;line-height:1.9;color:var(--lc-muted);word-break:keep-all}
#learning-village .lc-empty-state p+p{margin-top:12px}
#learning-village .lc-survey-topics{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:0;padding:36px 0 12px}
#learning-village .lc-survey-topics li{min-width:0}
#learning-village .lc-survey-topics h3{font-size:20px;font-weight:650;line-height:1.5;margin-bottom:12px;word-break:keep-all}
#learning-village .lc-survey-topics p{font-size:14px;line-height:1.85;color:var(--lc-muted);word-break:keep-all}
#learning-village .lc-about-intro{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;padding:48px 0 20px}
#learning-village .lc-about-intro h2{font-size:28px;font-weight:650;line-height:1.55}
#learning-village .lc-about-intro p{font-size:16px;line-height:2;word-break:keep-all;margin-bottom:18px}
#learning-village .lc-teacher-detail{display:grid;grid-template-columns:1.35fr .9fr;align-items:start;gap:60px;padding:40px 0 0}
#learning-village .lc-teacher-detail>img{width:100%;height:auto}
#learning-village .lc-teacher-content h2{font-size:22px;font-weight:650;margin:0 0 15px}
#learning-village .lc-teacher-content>p{font-size:15px;line-height:1.9;margin-bottom:34px;word-break:keep-all}
#learning-village .lc-teacher-content ul{font-size:15px;line-height:2.1;padding-left:21px;margin-bottom:30px}
#learning-village .lc-back{font-size:13px!important;min-height:44px;margin-bottom:15px}
#learning-village .lc-detail-content h1{font-size:38px;line-height:1.4;font-weight:700;letter-spacing:-.045em;margin:15px 0 20px;word-break:keep-all}
#learning-village .lc-detail-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:65px;padding:30px 0}
#learning-village .lc-detail-grid h2{font-size:22px;font-weight:650;margin-bottom:18px}
#learning-village .lc-detail-grid p{font-size:15px;line-height:1.9;word-break:keep-all}
#learning-village .lc-detail-grid dl{margin:0;border-top:1px solid var(--lc-line);font-size:14px}
#learning-village .lc-detail-grid dl div{display:grid;grid-template-columns:70px 1fr;gap:15px;border-bottom:1px solid var(--lc-line);padding:13px 0}
#learning-village .lc-detail-grid dt{color:var(--lc-muted)}
#learning-village .lc-detail-grid dd{margin:0}
#learning-village .lc-detail-foot{background:var(--lc-notice);padding:25px 28px}
#learning-village .lc-detail-foot strong{font-size:16px;font-weight:650}
#learning-village .lc-detail-foot p{font-size:13px;line-height:1.85;color:var(--lc-muted);margin-top:9px}
@container(max-width:900px){
 #learning-village .lc-header{height:auto;display:block;padding:24px 0 14px}
 #learning-village .lc-header nav{flex-wrap:wrap;justify-content:flex-start;gap:0 28px;padding-top:13px}
 #learning-village .lc-header nav a{font-size:14px;min-height:44px}
}
@container(max-width:760px){
 #learning-village .lc-brand strong{font-size:18px}
 #learning-village .lc-hero{padding:30px 5%;gap:24px;min-height:330px}
 #learning-village .lc-hero h1{font-size:31px}
 #learning-village .lc-poster-link{max-width:175px}
 #learning-village .lc-hero-desc{font-size:12px}
 #learning-village .lc-course-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:26px}
 #learning-village .lc-bottom-grid{gap:32px}
 #learning-village .lc-bottom-grid h2{font-size:23px}
 #learning-village .lc-teacher-detail{gap:32px}
}
@container(max-width:600px){
 #learning-village .lc-header nav{max-width:320px;column-gap:28px}
 #learning-village .lc-survey-topics{grid-template-columns:1fr;gap:26px;padding-top:28px}
 #learning-village .lc-survey-topics h3{font-size:19px;margin-bottom:8px}
}
@container(max-width:500px){
 #learning-village .lc-site{padding:0 20px}
 #learning-village .lc-header{height:auto;display:block;padding:24px 0 10px}
 #learning-village .lc-brand span{font-size:11px}
 #learning-village .lc-brand strong{font-size:20px}
 #learning-village .lc-header nav{gap:0 28px;justify-content:flex-start;padding-top:13px}
 #learning-village .lc-header nav a{font-size:14px;min-height:44px}
 #learning-village .lc-hero{display:flex;flex-direction:column;align-items:stretch;gap:28px;padding:30px 24px;border-radius:12px;min-height:0}
 #learning-village .lc-hero h1{font-size:30px;margin:12px 0 16px}
 #learning-village .lc-eyebrow{font-size:12px}
 #learning-village .lc-hero-desc{font-size:13px}
 #learning-village .lc-text-link{margin-top:17px;font-size:13px!important}
 #learning-village .lc-poster-link{display:none}
 #learning-village .lc-courses{padding:40px 0 8px}
 #learning-village .lc-section-head{align-items:flex-start;gap:12px;padding-bottom:24px}
 #learning-village .lc-section-head h2{font-size:24px}
 #learning-village .lc-section-head p{font-size:12px;line-height:1.85}
 #learning-village .lc-count{display:none}
 #learning-village .lc-course-grid{grid-template-columns:1fr;gap:0}
 #learning-village .lc-course{padding:20px 0 23px!important;min-height:0}
 #learning-village .lc-course h3{font-size:21px;min-height:0;line-height:1.5}
 #learning-village .lc-course-meta{margin-bottom:10px}
 #learning-village .lc-course-desc{margin:8px 0 14px!important}
 #learning-village .lc-bottom-grid{grid-template-columns:1fr;gap:32px;padding:32px 0 40px;margin-top:4px}
 #learning-village .lc-bottom-grid h2{font-size:24px}
 #learning-village .lc-teacher-invite{border-top:1px solid var(--lc-line);padding-top:30px}
 #learning-village .lc-footer{display:block;padding:25px 0 30px}
 #learning-village .lc-footer a{margin-top:13px}
 #learning-village .lc-inner-view{padding:12px 0 40px}
 #learning-village .lc-page-heading{padding:16px 0 28px}
 #learning-village .lc-page-heading h1{font-size:29px}
 #learning-village .lc-page-heading>p:last-child{font-size:14px}
 #learning-village .lc-about-intro{grid-template-columns:1fr;gap:25px;padding-top:30px}
 #learning-village .lc-about-intro h2{font-size:25px}
 #learning-village .lc-about-intro p{font-size:14px}
 #learning-village .lc-teacher-detail{grid-template-columns:1fr;gap:30px;padding-top:28px}
 #learning-village .lc-teacher-content h2{font-size:20px}
 #learning-village .lc-teacher-content>p,#learning-village .lc-teacher-content ul{font-size:14px}
 #learning-village .lc-selection-note{padding:20px}
 #learning-village .lc-empty-state{padding:34px 0 38px}
 #learning-village .lc-empty-state h2{font-size:22px;margin-bottom:13px}
 #learning-village .lc-empty-state p{font-size:14px}
 #learning-village .lc-detail-content h1{font-size:28px}
 #learning-village .lc-detail-grid{grid-template-columns:1fr;gap:30px;padding:24px 0}
 #learning-village .lc-detail-grid p{font-size:14px}
 #learning-village .lc-detail-foot{padding:22px}
}
@container(max-width:350px){
 #learning-village .lc-site{padding:0 16px}
 #learning-village .lc-hero{padding:26px 18px}
 #learning-village .lc-hero h1{font-size:25px}
 #learning-village .lc-hero-desc{font-size:12px}
}