:root{--blue:#cd431e;--navy:#282724;--ink:#272724;--muted:#74736f;--line:#e9e7e2;--bg:#f6f6f3;--pale:#fff0e8;--light-blue:#fff0e8;--brand:#ed552d}body{font-family:'Noto Sans KR',-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif;letter-spacing:-.2px}.prototype{background:#292824;color:#eeece6}.prototype b{font-size:11px}.btn{border-radius:8px}.btn:hover{background:#b33c1b}.btn.dark{background:#292824}.btn.dark:hover{background:#49463f}.badge.blue{background:#fff0e7;color:#b8441d}.badge.orange{background:#fff0e7;color:#b8441d}.avatar{background:#f4e7de;color:#9b421f}.navlink.active,.navlink.active:hover{background:#fff0e8;color:#c74720}.navlink:hover{background:#f6f4ee}.notice{background:#f9f4ec;border-color:#eadfce;color:#75634e}.site-brand{display:flex;align-items:center;gap:8px;text-decoration:none!important;flex-shrink:0}.site-brand img{width:60px;height:60px;object-fit:contain}.site-brand>span{display:flex;flex-direction:column}.site-brand b{font-size:31px;line-height:1;letter-spacing:-1.5px;color:#242422;font-weight:900}.site-brand small{font-size:10px;letter-spacing:2.3px;margin-top:6px;color:#77736b}.workspace-brand{padding:0 12px}.workspace-brand img{width:51px;height:51px}.workspace-brand b{font-size:28px}.workspace-label{padding:29px 16px 18px;font-size:10px;letter-spacing:1.8px;color:#98968e}.workspace-label b{display:block;font-size:15px;color:#4a4843;letter-spacing:-.3px;margin-top:6px}.workspace-brand .site-brand{padding:0}.public-view{background:#fff}.public-view #sidebar{display:none}.public-view .app{margin-left:0}.public-view #header{height:100px;padding:0 max(5vw,24px);border-bottom:1px solid #eeeae4;background:#fff;position:relative}.public-nav{display:flex;gap:40px;align-items:center}.public-nav a{font-weight:600;font-size:16px;padding:34px 0;position:relative}.public-nav a.active{color:#c84922}.public-nav a.active:after{content:'';position:absolute;bottom:23px;left:0;width:100%;height:2px;background:var(--brand)}.public-account{display:flex;gap:10px;align-items:center}.public-account .btn{padding:10px 19px;min-height:42px}.public-menu{display:none}.public-view #main{padding:0 5vw 75px;max-width:1380px;min-height:65vh}.public-view .page-title{padding-top:44px}.home-hero{display:grid;grid-template-columns:1.13fr .87fr;gap:65px;align-items:center;padding:56px 0 70px}.hero-copy .eyebrow{color:#9d5d44;font-size:12px;font-weight:600;letter-spacing:1.5px;margin-bottom:24px}.hero-copy h1{font-size:clamp(36px,3.7vw,54px);font-weight:800;line-height:1.42;letter-spacing:-2px;word-break:keep-all;margin-bottom:22px}.hero-copy h1 span{color:#c74720}.hero-copy p{font-size:17px;line-height:1.95;color:#78736b;margin-bottom:29px;word-break:keep-all}.hero-copy .btn{padding:14px 21px;font-size:14px}.hero-image{position:relative;aspect-ratio:1;max-width:470px;justify-self:end;overflow:hidden;border-radius:2px 60px 2px 2px;background:#ff5c32}.hero-image img{width:100%;height:100%;object-fit:cover;display:block}.hero-image-label{position:absolute;bottom:25px;left:28px;color:#542d24;font-size:11px;letter-spacing:2px;font-weight:700}.hero-footnote{display:flex;gap:12px;align-items:center;color:#89837a;font-size:12px;margin-top:26px}.hero-footnote i{height:3px;width:3px;border-radius:50%;background:#c7bfb1}.public-section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:27px;gap:22px}.public-section-head h2{font-size:27px;line-height:1.45;letter-spacing:-1px;margin:0}.public-section-head .eyebrow{color:#9a7966;font-weight:500;letter-spacing:2px;font-size:11px;margin-bottom:12px}.home-programs{padding:0 0 66px}.product-tile{border:1px solid var(--line);border-radius:14px;background:#fff;padding:29px 31px;position:relative;overflow:hidden}.product-tile:nth-child(2){background:#f8f7f3}.product-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px;gap:12px}.product-top .eyebrow{font-size:11px;letter-spacing:2px;color:#93867a;display:block;margin:0 0 6px}.product-top h3{font-size:17px;margin:0}.product-tile h2{font-size:24px;line-height:1.5;letter-spacing:-.8px;word-break:keep-all}.product-tile p{font-size:14px;color:#8b8278;line-height:1.9;margin-bottom:25px}.product-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:21px;border-top:1px solid var(--line)}.product-bottom strong{font-size:25px;letter-spacing:-.7px}.product-bottom .btn{font-size:13px;padding:10px 14px}.home-lab{display:grid;grid-template-columns:1fr 1fr;gap:55px;background:#f6f4ef;padding:42px 46px;border-radius:16px;margin-bottom:65px}.home-lab h2{font-size:29px;line-height:1.55;margin:15px 0}.home-lab p{color:#7d776f;font-size:15px;line-height:1.9;margin-bottom:25px}.home-lab .eyebrow{font-size:11px;color:#aa613f}.lab-steps{padding:0;margin:0;list-style:none;display:grid;gap:8px;align-content:center}.lab-steps li{display:flex;align-items:flex-start;gap:23px;padding:19px 0;border-bottom:1px solid #e1ddd4}.lab-steps li:last-child{border:0}.lab-steps li>span{font-size:14px;font-weight:700;color:#c75c35}.lab-steps b{font-size:17px}.lab-steps p{font-size:14px;margin:3px 0 0}.home-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #bbb4a9;border-bottom:1px solid #e7e1d8}.home-posts>a{padding:27px 24px 27px 0;border-right:1px solid #e7e1d8;margin:18px 0;min-height:168px}.home-posts>a+ a{padding-left:25px}.home-posts>a:last-child{border:0}.home-posts h3{margin:16px 0 23px;font-size:17px;word-break:keep-all}.home-posts small{font-size:12px;color:#a0998f}.public-footer{display:block;background:#f6f5f2;padding:43px 5vw 20px;border-top:1px solid var(--line);font-size:13px;color:#8a837a}.footer-inner{max-width:1250px;margin:auto;display:flex;justify-content:space-between;gap:30px}.footer-inner p{font-size:13px;line-height:1.9;margin:18px 0}.footer-links{display:flex;gap:33px;padding-top:23px;font-size:14px;color:#68635d}.footer-bottom{max-width:1250px;margin:20px auto 0;border-top:1px solid #e0dbd3;padding-top:18px;display:flex;justify-content:space-between;gap:20px;font-size:12px}.public-footer .text-btn{font-size:12px}.public-page-title{padding:55px 0 35px}.public-page-title h1{font-size:36px;letter-spacing:-1.2px;margin:13px 0}.public-page-title p{color:#8b837a;font-size:16px;line-height:1.9}.intro-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;background:#f7f4ee;padding:45px;align-items:center;border-radius:15px}.intro-layout img{width:100%;max-width:330px;justify-self:center}.intro-layout p{font-size:16px;color:#797066;line-height:1.9}.intro-layout h2{font-size:31px;line-height:1.6}.lab-welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:20px}.lab-welcome h1{font-size:29px;margin:7px 0}.lab-welcome p{font-size:14px;color:var(--muted);margin:0}.lab-welcome .eyebrow{font-size:11px;letter-spacing:1.5px;color:#ac6847}.lab-view .mini-stats,.crm-view .mini-stats{margin-bottom:23px}.lab-view .course-swatch{background:#363831}.lab-view .video-wrap{background:#363831}.program-cover.p1{background:#363831}.program-cover.p2{background:#f2e9da;color:#5f442c}.program-cover.p2 .cover-no{color:#9b764a25}.progress i{background:#d85229}.assignment-head{background:#f7efe3}.type-icon{background:#fff0e7;color:#c64c24}.exercise-quote{border-left-color:#edaa8a;color:#704e38;background:#faf5ee}.lesson-icon.active{color:#c64c24;background:#fff0e7}.lesson-row.selected{background:#fcf2e9}.login-aside{background:#f5eee3}.login-aside h2{color:#6a4937}.feedback-card{background:#fcfaf6;border-color:#e7dccb}.bubble.mine{background:#fff0e6;color:#9f4d2b}.side-note{background:#f6f4ed}.brand span:last-child{color:#777}.login-layout{margin:46px auto}.home-board{padding-bottom:12px}
@media(max-width:1100px){.public-nav{gap:25px}.home-hero{gap:35px}.hero-copy h1{font-size:40px}.hero-copy .row{gap:10px}.hero-copy .btn{padding:13px 15px}.product-tile{padding:25px}.product-bottom{flex-wrap:wrap}.public-account .btn{padding:10px 15px}.public-view #header{padding:0 4vw}}
@media(max-width:850px){.public-view #header{height:82px;padding:0 22px}.site-brand img{width:48px;height:48px}.site-brand b{font-size:28px}.public-menu{display:grid}.public-nav{display:none;position:absolute;left:0;right:0;top:82px;background:white;padding:12px 25px;z-index:35;border-bottom:1px solid var(--line);box-shadow:0 10px 15px #29282408}.public-nav a{padding:12px 0}.public-nav a.active:after{bottom:6px}body.public-nav-open .public-nav{display:flex}.public-account{gap:7px}.public-account .btn{padding:8px 13px;min-height:39px;font-size:12px}.logout-small{display:none}.public-view #main{padding:0 22px 45px}.home-hero{gap:25px;padding:40px 0 50px;grid-template-columns:1.1fr .9fr}.hero-copy h1{font-size:32px;letter-spacing:-1.2px}.hero-copy p{font-size:14px}.hero-copy .btn{font-size:12px;padding:11px 13px}.hero-image-label{font-size:8px;left:15px;bottom:15px}.home-lab{padding:30px;gap:25px}.home-lab h2{font-size:24px}.home-lab p{font-size:14px}.public-section-head h2{font-size:23px}.home-posts h3{font-size:15px}.footer-links{gap:19px;font-size:13px}.intro-layout{gap:25px;padding:30px}.intro-layout h2{font-size:26px}.lab-welcome img{display:none}}
@media(max-width:560px){.prototype b{font-size:10px}.public-view #header{padding:0 16px;height:76px}.site-brand{gap:4px}.site-brand img{width:43px;height:43px}.site-brand b{font-size:25px}.site-brand small{font-size:8px;letter-spacing:2px;margin-top:5px}.public-account>.btn{padding:9px 12px;min-height:37px}.public-account>.btn.secondary{border:0;padding:8px}.public-account .icon-btn{width:34px;height:36px}.public-nav{top:76px;gap:25px}.public-nav a{font-size:14px}.public-view #main{padding:0 18px 45px}.home-hero{grid-template-columns:1fr;gap:28px;padding:35px 0 42px}.hero-copy .eyebrow{font-size:10px;margin-bottom:16px;letter-spacing:1.2px}.hero-copy h1{font-size:34px;letter-spacing:-1.5px;margin-bottom:18px}.hero-copy p{font-size:15px;margin-bottom:22px}.hero-copy .btn{font-size:13px;padding:12px 16px}.hero-footnote{margin-top:20px;font-size:11px}.hero-image{max-width:none;width:100%;aspect-ratio:1.5;border-radius:2px 36px 2px 2px}.hero-image img{object-fit:cover}.hero-image-label{font-size:9px;left:20px;bottom:15px}.public-section-head{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:21px}.public-section-head h2{font-size:23px;word-break:keep-all}.public-section-head .text-btn{font-size:13px}.home-programs{padding-bottom:40px}.product-tile{padding:22px}.product-top .badge{font-size:10px}.product-top{margin-bottom:19px}.product-tile h2{font-size:22px}.product-tile p{font-size:13px}.product-bottom{flex-wrap:wrap}.product-bottom strong{font-size:24px}.product-bottom .btn{font-size:12px;padding:9px 12px}.home-lab{grid-template-columns:1fr;padding:26px;margin-bottom:40px;gap:22px}.home-lab h2{font-size:25px}.lab-steps li{gap:20px}.home-posts{grid-template-columns:1fr}.home-posts>a,.home-posts>a+a{padding:21px 0;margin:0;min-height:auto;border-right:0;border-bottom:1px solid var(--line)}.home-posts h3{font-size:16px;margin:13px 0}.footer-inner{flex-direction:column;gap:0}.footer-links{padding-top:10px;gap:21px;flex-wrap:wrap}.footer-bottom{align-items:flex-start;flex-wrap:wrap;margin-top:25px}.footer-bottom .row{gap:18px}.public-footer{padding:30px 20px 25px}.public-page-title{padding:35px 0 25px}.public-page-title h1{font-size:29px}.public-page-title p{font-size:14px}.intro-layout{grid-template-columns:1fr;padding:27px;gap:25px}.intro-layout img{width:190px}.intro-layout h2{font-size:27px}.intro-layout p{font-size:15px}.lab-welcome h1{font-size:26px}.public-view .page-title{padding-top:32px}.section-title{flex-wrap:wrap}.section-title h2{word-break:keep-all}}
.board-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:12px 0 25px;flex-wrap:wrap}.board-tools .search{max-width:250px;padding:10px 13px}.board-list{border-top:2px solid #555047;border-bottom:1px solid var(--line)}.board-row{display:grid;grid-template-columns:105px minmax(0,1fr) 95px 108px;gap:18px;align-items:center;padding:24px 15px;border-bottom:1px solid var(--line);font-size:14px}.board-row:last-child{border-bottom:0}.board-row:hover{background:#faf8f4}.board-title{display:flex;align-items:center;gap:12px}.board-title strong{font-size:15px;font-weight:500;word-break:keep-all}.board-author,.board-row time{color:#929089;font-size:12px}.question-status{white-space:nowrap;color:#9e9486;font-size:11px}.question-status.answered{color:#557967}.post-detail{max-width:900px;margin:45px auto 0}.post-heading{border-bottom:1px solid #d9d5cd;padding:28px 0 22px}.post-heading h1{font-size:30px;line-height:1.6;margin:20px 0 14px;word-break:keep-all}.post-heading p{font-size:13px;color:#9a948b;margin:0}.post-heading p span{padding:0 12px}.post-body{white-space:pre-wrap;font-size:16px;line-height:2;padding:35px 0;overflow-wrap:anywhere;min-height:230px}.post-answer{background:#f6f6f0;border-radius:12px;padding:25px}.post-answer p{white-space:pre-wrap;margin:15px 0 0;line-height:1.9;font-size:15px}.post-comments{margin-top:35px;padding-top:30px;border-top:1px solid var(--line)}.board-comment{padding:20px 0;border-bottom:1px solid var(--line)}.board-comment b{font-size:14px;margin-right:15px}.board-comment small{color:#9e978c;font-size:12px}.board-comment p{font-size:15px;white-space:pre-wrap;margin:12px 0 0}.post-comments form{margin-top:25px}.post-comments input{border:1px solid var(--line);border-radius:8px;padding:13px;width:100%;flex:1;min-width:0;font-size:14px}.board-write{max-width:850px;margin:auto}.board-write textarea{min-height:260px}.purchase-card{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:15px}.purchase-card p{margin-bottom:8px}.crm-context{padding:20px 23px;background:#f1eee7;border:1px solid #e0d8c8;display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:11px;margin-bottom:23px}.crm-context b{font-size:14px;color:#615644}.crm-context span{display:block;font-size:12px;color:#8b7e6e;margin-top:6px}.student-summary{display:flex;align-items:center;justify-content:space-between;padding:26px;background:#fff;border:1px solid var(--line);border-radius:15px;margin-bottom:25px;gap:20px}.avatar.big{width:60px;height:60px;font-size:24px}.student-summary h2{margin:0 0 7px}.student-summary p{font-size:13px;margin:0;color:var(--muted)}.student-summary>div>strong{display:block;font-size:32px}.card-head{padding:23px 25px}.card-head h2{font-size:20px;margin-bottom:4px}.card-head small{color:var(--muted);font-size:12px}.crm-task{display:flex;align-items:center;gap:12px;padding:19px 0;border-bottom:1px solid var(--line)}.crm-task:last-child{border:0}.crm-task b{font-size:14px}.crm-task small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.crm-task .badge{font-size:10px}.crm-view .stack{align-content:start}.crm-view .mini-stats{margin-bottom:25px}
@media(max-width:850px){.board-tools{align-items:stretch}.board-tools>.row{justify-content:space-between}.board-row{grid-template-columns:90px minmax(0,1fr) 95px;gap:12px}.board-author{display:none}.crm-context{align-items:flex-start;flex-direction:column}.student-summary{padding:22px}.crm-view .grid.two{grid-template-columns:1fr}}
@media(max-width:560px){.board-tools>.row{width:100%;gap:12px}.board-tools .search{max-width:none;flex:1}.board-tools .pill-tabs{gap:6px}.board-tools .pill-tabs button{font-size:12px;padding:8px 11px}.board-row{grid-template-columns:1fr;gap:9px;padding:21px 0}.board-title{align-items:flex-start}.board-title strong{font-size:15px}.board-row time{font-size:11px}.board-category .badge{font-size:11px}.post-detail{margin-top:30px}.post-heading h1{font-size:25px}.post-body{font-size:15px;line-height:1.95;padding:27px 0}.post-comments .row{align-items:stretch}.post-comments input{padding:10px;font-size:13px}.post-comments .btn{padding:10px 15px;min-height:41px}.purchase-card{align-items:flex-start;flex-direction:column}.student-summary{align-items:flex-start;flex-direction:column}.student-summary h2{font-size:21px}.crm-task{flex-wrap:wrap}.crm-task .flex1{flex-basis:65%}.crm-task .badge{margin-left:57px}.lab-view #header .badge,.crm-view #header .badge{display:none}}
