@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{--paper:#fff;--ink:#242a32;--green:#242a32;--muted:#73777c;--line:#e2e4e5;--orange:#20d49a;--light:#f2f4f3;--white:#fff;--font:'Noto Sans KR','Malgun Gothic',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--font);font-size:15px;letter-spacing:-.035em;line-height:1.8}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #148064;outline-offset:4px}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.4;word-break:keep-all}h1{font-size:48px;font-weight:700;letter-spacing:-.065em}h2{font-size:30px;font-weight:700;letter-spacing:-.055em}h3{font-size:19px;letter-spacing:-.04em}main{min-height:60vh}.container{width:min(1120px,calc(100% - 96px));margin:auto}.skip{position:absolute;top:-100px;z-index:99;background:var(--ink);color:white;padding:12px}.skip:focus{top:0}
/* Existing channel wordmark, displayed in a crop window without altering the asset. */
.logo{display:block;position:relative;overflow:hidden;width:124px;height:51px;flex-shrink:0}.logo img{position:absolute;width:136px;height:136px;max-width:none;left:-6px;top:-44px;object-fit:contain}.site-header{height:88px;position:sticky;top:0;z-index:20;background:#fffffffa;border-bottom:1px solid var(--line)}.header-inner{width:min(1120px,calc(100% - 96px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between}.site-header nav{display:flex;gap:29px;align-items:center;font-size:13px;font-weight:500}.site-header nav a{padding:9px 0;position:relative}.site-header nav a.active:after{content:'';height:2px;position:absolute;bottom:0;left:0;right:0;background:var(--ink)}.site-header nav .nav-contact{margin-left:10px;border:1px solid #a7abb0;padding:8px 15px;border-radius:3px}.nav-contact span{margin-left:14px}.tiny-dot{display:none}.menu-toggle{display:none}.eyebrow{font-size:11px;font-weight:500;letter-spacing:.025em;color:var(--muted);margin-bottom:13px}
.hero{display:grid;grid-template-columns:1.3fr .8fr;gap:100px;align-items:center;padding-top:72px;padding-bottom:72px}.intro-label{font-size:13px;font-weight:600;margin-bottom:24px}.intro-label span{font-weight:400;color:var(--muted);margin-left:12px;padding-left:12px;border-left:1px solid #c9cdd0}.hero h1{font-size:56px;line-height:1.26;font-weight:700;letter-spacing:-.065em}.period{color:#1ab986}.hero-lead{font-size:19px;margin-top:27px;font-weight:500}.hero-description{font-size:14px;color:var(--muted);line-height:1.95;margin-top:13px;word-break:keep-all}.hero-buttons{display:flex;gap:11px;margin-top:29px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:27px;border:1px solid var(--ink);background:var(--ink);color:white;padding:12px 18px;border-radius:3px;font-size:13px;font-weight:500;transition:background .2s}.button:hover{background:#424a54}.button.ghost,.button.light{background:white;color:var(--ink);border-color:#bcc1c5}.button.ghost:hover,.button.light:hover{background:#f2f4f3}.button.orange{background:var(--ink);color:#fff}.hero-portrait{width:100%;max-width:330px;justify-self:end}.hero-portrait>img{width:100%;height:330px;border-radius:48% 48% 3px 3px;object-position:center 20%;filter:saturate(.75)}.hero-portrait figcaption{font-size:11px;display:flex;justify-content:space-between;margin-top:17px;color:var(--muted);gap:10px}.hero-portrait figcaption a{color:var(--ink)}.directory{display:grid;grid-template-columns:1.3fr repeat(4,1fr);align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;gap:32px}.directory>span{color:var(--muted);font-size:11px}.directory>a{font-size:13px;display:flex;align-items:center;justify-content:space-between}.directory b{font-size:10px;color:#95999e;font-weight:400}
.section{padding:72px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:28px}.section-heading p{color:var(--muted);font-size:13px;margin-top:11px}.text-link{display:inline-flex;align-items:center;gap:22px;white-space:nowrap;font-size:12px;border-bottom:1px solid #aeb4b8;padding-bottom:5px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.product-card,.work-card{min-width:0;background:white}.card-cover{display:block;width:100%;aspect-ratio:1.65;background:#f1f3f4;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:3px;padding:0;text-align:left}.card-cover img{transition:transform .3s}.card-cover:hover img{transform:scale(1.025)}.card-cover.contain img{object-fit:contain;padding:20px;background:#f1f3f4}.cover-label{position:absolute;left:13px;top:13px;background:#ffffffed;color:var(--ink);font-size:10px;padding:3px 8px;border:1px solid #e1e4e5;border-radius:2px}.card-body{padding:18px 0 0}.tagline{font-size:10px;color:var(--muted);margin-bottom:8px;letter-spacing:.02em}.card-title{background:transparent;border:0;padding:0;text-align:left;font-size:19px;font-weight:600;letter-spacing:-.04em;line-height:1.5}.card-description{font-size:12px;color:var(--muted);margin-top:9px;min-height:44px;line-height:1.85;word-break:keep-all}.card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:12px;margin-top:16px;font-size:11px}.card-bottom strong{font-size:12px;font-weight:500}.round-arrow{background:none;border:0;width:28px;height:28px;font-size:19px}.cover-design{height:100%;padding:25px;display:flex;flex-direction:column;justify-content:space-between;background:#edf0ef;color:#343c40}.cover-design strong{font-size:32px;font-weight:600;line-height:1.15;letter-spacing:-.05em}.cover-design small{font-size:9px;letter-spacing:.03em}.cover-number{font-size:10px;align-self:flex-end}.cover-design.green{background:#e6ece9}.cover-design.orange{background:#ede9e3}.cover-design.cream{background:#f0efeb}.cover-design.blue{background:#e5e9ed}.free-banner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;background:#f5f6f5;border:1px solid var(--line);border-radius:3px;padding:22px 26px;margin-top:32px}.file-symbol{font-size:28px;font-weight:400;color:#7e8883;width:29px}.free-banner h3{font-size:15px;font-weight:600}.free-banner p{font-size:12px;color:var(--muted);margin-top:3px}.video-section{background:#f7f8f8;border-top:1px solid #edf0f0;border-bottom:1px solid #edf0f0}.video-card{min-width:0;display:block}.video-cover{aspect-ratio:16/9;overflow:hidden;border-radius:3px;position:relative;background:#e5e9ed}.video-cover img{transition:transform .3s}.video-card:hover img{transform:scale(1.025)}.duration{position:absolute;bottom:8px;right:8px;color:white;background:#242a32e6;padding:2px 6px;font-size:10px;border-radius:2px}.video-card .meta{display:flex;gap:9px;font-size:10px;color:var(--muted);margin:15px 0 8px}.video-card h3{font-size:17px;font-weight:600;line-height:1.6}.video-card p{font-size:11px;color:var(--muted);margin-top:7px}.course-band{display:grid;grid-template-columns:.9fr 1.3fr;gap:85px;padding:72px 0;border-bottom:1px solid var(--line)}.course-band p{font-size:13px;line-height:1.95;color:var(--muted);margin:19px 0 24px}.course-row{display:grid;grid-template-columns:28px 1fr 24px;gap:12px;align-items:center;border-top:1px solid var(--line);padding:22px 0}.course-row:last-child{border-bottom:1px solid var(--line)}.course-row>span{color:#888e95;font-size:11px}.course-row h3{font-size:17px;font-weight:500}.course-row p{margin:7px 0 0;font-size:12px}.course-row>strong{font-size:20px;font-weight:400}.about-band{display:grid;grid-template-columns:.9fr 1.3fr;gap:85px;border-top:1px solid var(--line);padding-top:55px;padding-bottom:65px}.about-band h2{font-size:27px}.about-band p{color:var(--muted);font-size:13px;line-height:2;margin-bottom:16px}.about-band .text-link{margin-top:4px}.cta-section{padding:45px 0;background:#f1f3f3;border-top:1px solid var(--line)}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-inner h2{font-size:25px}.cta-inner p{font-size:13px;color:var(--muted);margin-top:9px}.site-footer{padding:42px max(48px,calc((100vw - 1120px)/2)) 25px}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;gap:24px;padding-bottom:35px}.footer-top p{font-size:12px;color:var(--muted)}.footer-top>div{display:flex;justify-content:flex-end;gap:20px;font-size:12px}.footer-bottom{display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--line);padding-top:19px;font-size:10px;color:var(--muted)}
.page-hero{padding:60px 0 40px;border-bottom:1px solid var(--line)}.page-hero h1{font-size:42px}.page-hero p{font-size:14px;color:var(--muted);margin-top:17px;max-width:620px;word-break:keep-all}.page-body{padding:32px 0 70px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.filters{display:flex;gap:7px;flex-wrap:wrap}.filter{font-size:11px;padding:8px 13px;border:1px solid var(--line);border-radius:3px;background:white}.filter.active{background:var(--ink);color:white;border-color:var(--ink)}.search-wrap{width:255px;position:relative;flex-shrink:0}.search-wrap input{width:100%;border:1px solid var(--line);padding:10px 32px 10px 12px;border-radius:3px;font-size:12px}.search-wrap span{position:absolute;right:13px;top:5px;font-size:23px;color:var(--muted)}.result-count{font-size:11px;color:var(--muted);margin-bottom:20px}.empty-state{grid-column:1/-1;padding:60px 20px;text-align:center;background:var(--light)}.empty-state p{font-size:13px;color:var(--muted);margin:10px 0 20px}.work-card .card-description{min-height:67px}.course-grid,.note-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.course-card,.note-card{border:1px solid var(--line);border-radius:3px;padding:30px}.course-card>.eyebrow{margin-bottom:25px}.course-card h2{font-size:25px;min-height:70px}.course-card p{font-size:13px;color:var(--muted);margin-top:16px}.course-card dl{border-top:1px solid var(--line);margin-top:23px;padding-top:14px;font-size:13px}.course-card dt{font-size:11px;color:var(--muted);margin-top:12px}.course-card dd{margin:4px 0 0;word-break:keep-all}.course-card .button{margin-top:17px}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid var(--line);padding-top:30px;margin-top:50px}.process span{font-size:11px;color:var(--muted)}.process h3{font-size:17px;margin:12px 0 8px}.process p{font-size:12px;color:var(--muted)}.note-card small{color:var(--muted);font-size:10px}.note-card h2{font-size:24px;line-height:1.5;margin:18px 0 15px}.note-card p{font-size:13px;color:var(--muted);line-height:1.95}.note-card .text-link{margin-top:23px}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;padding:45px 0 75px}.contact-aside h2{font-size:27px}.contact-aside p{font-size:13px;color:var(--muted);margin:18px 0;line-height:1.95}.email-link{font-size:18px;border-bottom:1px solid var(--line);padding-bottom:5px}.copy-button{display:block;padding:6px 10px;border:1px solid var(--line);border-radius:3px;background:white;font-size:11px;margin:18px 0 30px}.contact-aside ul{list-style:none;padding:0;font-size:12px;color:var(--muted)}.contact-aside li{padding:12px 0;border-bottom:1px solid var(--line)}.contact-form{border:1px solid var(--line);padding:30px;border-radius:3px}.contact-form label{display:block;font-size:12px;margin-bottom:8px;font-weight:500}.contact-form input,.contact-form textarea,.contact-form select{width:100%;padding:12px;border:1px solid var(--line);border-radius:2px;background:#fafbfb;color:var(--ink);font-size:13px}.contact-form textarea{min-height:150px;resize:vertical}.form-field{margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-actions{display:flex;gap:10px;flex-wrap:wrap}.form-note{font-size:11px;color:var(--muted);margin-top:15px;line-height:1.9}
dialog{width:min(830px,calc(100% - 36px));max-height:88vh;border:0;border-radius:4px;background:white;color:var(--ink);padding:0;box-shadow:0 20px 80px #0003}dialog::backdrop{background:#19212dcc}.dialog-close{position:sticky;float:right;right:17px;top:17px;margin:17px 17px -55px 0;z-index:2;width:38px;height:38px;border:1px solid var(--line);background:white;border-radius:50%;font-size:25px;line-height:1}.detail-image{aspect-ratio:1.9;overflow:hidden;background:#f0f2f3}.detail-image img{object-fit:contain}.detail-body{padding:34px 40px}.detail-body h2{font-size:32px;line-height:1.4;padding-right:20px}.detail-body>p{margin-top:18px;font-size:14px;line-height:1.95;color:var(--muted)}.detail-body h3{margin-top:28px;font-size:17px}.detail-body ul{padding-left:20px;font-size:13px;color:var(--muted);line-height:2}.detail-body .button{margin-top:20px}.detail-note{padding:15px 18px;background:var(--light);font-size:12px!important;color:var(--ink)!important}.detail-video{width:100%;margin-top:25px;max-height:440px;background:#242a32}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,15px);background:var(--ink);color:#fff;padding:12px 22px;border-radius:3px;opacity:0;pointer-events:none;transition:.2s;z-index:60;font-size:13px;max-width:90vw;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1100px){.hero{gap:60px}.hero h1{font-size:49px}.hero-portrait>img{height:300px}.site-header nav{gap:20px}.course-band,.about-band{gap:50px}.card-grid{gap:22px}.contact-layout{gap:40px}.directory{gap:20px}.hero-description br{display:none}}
@media(max-width:850px){.container,.header-inner{width:calc(100% - 48px)}.site-header{height:76px}.menu-toggle{display:flex;align-items:center;gap:12px;border:0;background:none;font-size:13px}.menu-toggle span{font-size:21px}.site-header nav{display:none;position:absolute;top:75px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:20px 24px;flex-direction:column;align-items:stretch;gap:8px}.site-header nav.open{display:flex}.site-header nav .nav-contact{margin:5px 0 0}.hero{gap:35px;padding-top:50px;padding-bottom:50px}.hero h1{font-size:43px}.hero-portrait>img{height:275px}.hero-portrait figcaption{flex-direction:column;gap:0;font-size:10px}.hero-lead{font-size:17px}.hero-description{font-size:12px}.directory{grid-template-columns:repeat(4,1fr);gap:20px;padding:20px 0}.directory>span{display:none}.section{padding:55px 0}.card-grid{gap:18px}.card-title{font-size:17px}.card-description{font-size:12px}.cover-design{padding:20px}.cover-design strong{font-size:29px}.section-heading h2{font-size:27px}.course-band,.about-band{gap:35px;padding-top:50px;padding-bottom:50px}.course-row h3{font-size:15px}.course-row p{font-size:11px}.site-footer{padding:35px 24px 22px}.footer-top>div{gap:14px}.contact-layout{grid-template-columns:1fr}.contact-form{max-width:650px}.toolbar{align-items:stretch;flex-direction:column}.search-wrap{width:100%}.cta-inner h2{font-size:23px}.cta-inner p{font-size:12px}}
@media(max-width:600px){.container,.header-inner{width:calc(100% - 40px)}.logo{width:110px;height:45px}.logo img{width:121px;height:121px;left:-5px;top:-39px}.hero{grid-template-columns:1fr;gap:30px;padding-top:36px;padding-bottom:35px}.hero h1{font-size:43px;line-height:1.25}.intro-label{font-size:12px;margin-bottom:19px}.hero-lead{margin-top:21px;font-size:17px}.hero-description{font-size:13px;margin-top:10px;max-width:330px}.hero-buttons{margin-top:22px;gap:9px}.hero-buttons .button{font-size:12px;padding:11px 15px;gap:24px}.hero-portrait{max-width:none;display:flex;align-items:center;gap:18px;justify-self:stretch}.hero-portrait>img{width:76px;height:88px;border-radius:3px;flex-shrink:0}.hero-portrait figcaption{font-size:12px;line-height:1.9;margin:0;gap:3px}.hero-portrait figcaption a{font-size:11px}.directory{gap:12px;padding:19px 0}.directory>a{font-size:11px}.directory b{display:none}.section{padding:42px 0}.section-heading{gap:15px;margin-bottom:24px;align-items:start}.section-heading h2{font-size:25px}.section-heading p{font-size:12px;max-width:255px}.section-heading .eyebrow{font-size:10px;margin-bottom:10px}.section-heading>.text-link{font-size:10px;gap:7px;margin-top:29px}.card-grid{grid-template-columns:1fr;gap:29px}.card-cover{aspect-ratio:1.75}.card-body{padding-top:16px}.card-title{font-size:20px}.card-description{font-size:13px;min-height:0}.card-bottom{margin-top:13px;padding-top:10px}.cover-design strong{font-size:36px}.free-banner{grid-template-columns:25px 1fr;gap:10px 17px;padding:20px;margin-top:27px}.free-banner .text-link{grid-column:2;justify-self:start}.free-banner h3{font-size:15px}.free-banner p{font-size:11px}.video-card h3{font-size:18px}.video-card .meta{margin-top:12px}.course-band,.about-band{grid-template-columns:1fr;gap:28px;padding:42px 0}.course-band h2{font-size:28px}.course-band p{font-size:13px;margin:15px 0 20px}.course-row h3{font-size:17px}.course-row p{font-size:12px;margin:6px 0 0}.about-band h2{font-size:25px}.about-band p{font-size:13px}.cta-section{padding:32px 0}.cta-inner{flex-direction:column;align-items:start;gap:20px}.cta-inner h2{font-size:23px}.cta-inner p{font-size:12px;max-width:290px}.footer-top{grid-template-columns:1fr 1fr;gap:25px;padding-bottom:25px}.footer-top>div{grid-column:1/-1;justify-content:flex-start;gap:24px;font-size:11px}.footer-top p{font-size:11px}.footer-bottom{font-size:9px;flex-wrap:wrap}.footer-bottom span:nth-child(2){display:none}.page-hero{padding:38px 0 30px}.page-hero h1{font-size:34px}.page-hero p{font-size:13px;line-height:1.9}.page-body{padding:25px 0 42px}.filters{gap:6px}.filter{font-size:11px;padding:7px 11px}.course-grid,.note-list{grid-template-columns:1fr}.course-card,.note-card{padding:24px}.course-card h2{font-size:23px;min-height:0}.process{grid-template-columns:1fr;gap:24px;margin-top:35px}.contact-layout{padding:32px 0 45px;gap:30px}.contact-form{padding:22px}.form-row{grid-template-columns:1fr;gap:0}.detail-body{padding:26px 24px}.detail-body h2{font-size:26px}.detail-body>p{font-size:13px}.detail-image{aspect-ratio:1.6}.note-card h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
