@import url('./assets/fonts/fonts.css');
:root{--ink:#20384d;--muted:#536674;--accent:#25805e;--line:#d8e2d9;--soft:#eaf5df;--paper:#fff8e8}body{background:var(--paper);font-family:'Pretendard','Apple SD Gothic Neo','Malgun Gothic',sans-serif;letter-spacing:-.015em;color:var(--ink)}button,.btn{border-radius:12px;font-size:14px;font-weight:700;padding:13px 19px;border-color:#ceded4;transition:background .15s}.primary{box-shadow:0 6px 16px #07726712}.primary:hover{background:#09675f!important}.review{padding:7px 24px;background:#163d37;gap:16px;font-size:11px}.review strong{font-size:11px;letter-spacing:1.4px}.review small{font-size:10px}.review select{padding:6px 9px;font-size:11px;max-width:230px}.review .tools button{font-size:11px;min-height:29px;padding:3px 11px}.note{padding:6px 24px;text-align:center;background:#f0f4e9;color:#53624f;font-size:11px}#site{margin:0 auto;width:100%;max-width:none;box-shadow:none;background:var(--paper)}#site.mobile{margin:16px auto;box-shadow:0 8px 40px #153a3018}.header{height:96px;padding:18px 5%;gap:46px;background:#fffcf3;border-color:#e4ebe2}.logo{display:flex;gap:9px;align-items:center;font-size:32px;letter-spacing:-.035em;line-height:1.05}.logo small{font-size:8px;letter-spacing:1.8px;line-height:1.4;margin-top:4px}.logo-symbol{font-size:36px;letter-spacing:0;color:#168e7c;background:#e5f5eb;width:50px;height:50px;border-radius:18px;display:grid;place-items:center}.nav{gap:30px;font-size:14px;font-weight:700}.account{gap:14px}.account a{font-size:12px}.account .tag{font-size:10px}.account .btn{padding:10px 16px;background:#edf6ed;color:#1b6356;border:0}.wrap{max-width:1560px;padding:40px 4% 80px}.eyebrow{color:#387e6b;font-size:10px;font-weight:800;letter-spacing:2.3px;margin-bottom:12px}h1{font-size:43px;line-height:1.35;letter-spacing:-.03em;font-weight:800}h2{font-size:28px;letter-spacing:-1.2px}h3{letter-spacing:-.6px}p{line-height:1.85}.section{margin-top:65px}.section-head{margin-bottom:26px;align-items:flex-end}.section-head p{margin-bottom:0;font-size:14px}.section-head .eyebrow{margin-bottom:8px;font-size:10px}.text-link{font-size:13px;font-weight:bold;padding:10px 0;white-space:nowrap}.brand-hero{display:grid;grid-template-columns: .95fr 1.05fr;gap:32px;align-items:center;padding:20px 0 36px}.hero-copy{padding:16px 0}.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #c6dfd0;background:#edf7ed;color:#386856;border-radius:30px;padding:7px 13px;font-size:11px;font-weight:bold}.status-dot{width:6px;height:6px;border-radius:50%;background:#178872}.hero-copy h1{font-size:clamp(42px,4.5vw,64px);line-height:1.28;letter-spacing:-.035em;margin:22px 0}.hero-copy h1 em{font-style:normal;color:#25805e;position:relative}.hero-copy p{font-size:15px;color:#66796f;line-height:1.95}.hero-copy .actions{gap:9px;margin-top:28px}.hero-copy .btn{padding:15px 18px;font-size:13px}.hero-proof{display:flex;flex-wrap:wrap;gap:15px;margin-top:26px;font-size:10px;color:#586e60}.hero-scene{position:relative;aspect-ratio:1.22;border-radius:100px 34px 34px 34px;background:#e4f0e1;margin:0 0 18px 0}.hero-scene>img{width:100%;height:100%;object-fit:cover;object-position:45% center;border-radius:inherit}.scene-sticker{position:absolute;bottom:25px;left:-22px;padding:15px 22px;background:#ffffffed;box-shadow:0 10px 30px #163b2815;display:flex;align-items:center;gap:13px;border-radius:18px;border:1px solid #fff}.scene-sticker>span{color:#e7aa34;font-size:30px}.scene-sticker b{display:block;font-size:13px}.scene-sticker small{display:block;color:#6f7d73;font-size:11px;margin-top:3px}.image-caption{position:absolute;right:15px;bottom:9px;font-size:9px;color:#fff;background:#20384d88;border-radius:20px;padding:3px 8px}.hero-scene .image-caption{top:15px;bottom:auto;right:17px}.topic-strip{display:grid;grid-template-columns:1.05fr repeat(4,1fr);gap:12px;padding:23px 25px;background:#f0f3e8;border:1px solid #e7ebdf;border-radius:22px;align-items:center}.topic-strip>p{font-size:12px;line-height:1.7;margin:0}.topic-strip>p>b{font-size:14px}.topic{display:flex;align-items:center;gap:10px;background:#fffdf6;padding:14px 13px;border:1px solid #e3e8da;border-radius:14px;font-size:12px}.topic>span{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#edf5e6;font-size:20px}.topic i{font-style:normal;margin-left:auto;color:#597964}.outside-topic>span{background:#e5f2fb}.people-topic>span{background:#ffeae7}.move-topic>span{background:#f1eafa}.card{border:1px solid #e2eae2;border-radius:21px;background:#fff;box-shadow:0 3px 9px #1f4e3210}.card-link:hover{box-shadow:none;background:#fafff9}.content-card .card-art{height:210px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;border-bottom:1px solid #ffffff88}.card-art img{width:83%;height:88%;object-fit:contain;filter:drop-shadow(0 9px 8px #3d664e17)}.card-art.lavender:has(img[src*='dance']) img{width:100%;height:100%;object-fit:cover}.sky{background:#eaf5fb}.mint{background:#e3f2e7}.peach{background:#fff0e6}.butter{background:#fcf2cc}.rose{background:#fae9e8}.lavender{background:#efeafb}.art-label{position:absolute;top:13px;left:14px;font-size:9px;letter-spacing:.5px;color:#526a5b;background:#fff9;padding:3px 8px;border-radius:20px;z-index:1}.round-arrow{position:absolute;bottom:12px;right:12px;display:grid;place-items:center;width:30px;height:30px;background:#ffffffc9;border-radius:50%;font-size:17px;color:#326557}.card-body{padding:21px 20px 18px}.category-label{font-size:10px;color:#4f7767;font-weight:bold;display:block;margin-bottom:7px}.card-body h3{font-size:21px;margin-bottom:8px}.card-body p{font-size:12px;color:#6f7c74;min-height:44px;line-height:1.8}.card-bottom{margin-top:17px;padding-top:13px;border-top:1px solid #edf0e9;display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#7a837c}.card-bottom b{color:#356d5c}.dance-feature{border-radius:27px;overflow:hidden;background:#f2ecea;display:grid;grid-template-columns:1fr 1fr}.feature-art{position:relative;min-height:345px}.feature-art img{width:100%;height:100%;object-fit:cover;display:block}.feature-copy{padding:42px 42px}.feature-copy h2{font-size:30px;line-height:1.5;margin-top:20px}.feature-copy p{color:#6c766a;font-size:13px}.feature-copy .pill{background:#fff6f0;color:#906b58;border-color:#ead3c4}.feature-copy small{display:block;font-size:9px;color:#766f67;margin-top:13px}.start-step{border:1px solid #e2e9de;border-radius:18px;padding:25px 18px;display:flex;gap:15px;align-items:flex-start;background:#fff}.start-step>span{background:#e6f0db;color:#437455;border-radius:12px;min-width:38px;height:38px;display:grid;place-items:center;font-size:14px;font-weight:bold}.start-step h3{font-size:16px;margin-bottom:6px}.start-step p{font-size:11px;color:#748074;margin:0}.start-step>b{margin-left:auto;font-size:14px}.dashboard-feature{background:#e9f2e5;border-radius:28px;padding:44px 58px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px}.dashboard-copy h2{font-size:34px;line-height:1.5}.dashboard-copy p{font-size:13px;color:#687769}.record-preview{background:#fffcf3;border:1px solid #dfe8d9;border-radius:21px;padding:25px;box-shadow:0 16px 30px #264b2010;transform:rotate(-2deg)}.record-top{display:flex;align-items:center;justify-content:space-between;font-size:13px;border-bottom:1px solid #e9eee6;padding-bottom:12px}.record-child{display:flex;align-items:center;gap:12px;padding:18px 0}.record-child>span:last-child{margin-left:auto;font-size:23px;color:#c77765}.avatar{display:grid;place-items:center;width:43px;height:43px;border-radius:15px;background:#f9e7ce;color:#8a684d;font-weight:bold;flex-shrink:0}.record-child b{font-size:13px}.record-preview small{display:block;font-size:10px;color:#83907e}.record-row{display:flex;align-items:center;gap:12px;background:#f5f8f2;margin-top:10px;border-radius:14px;padding:8px 13px;font-size:12px}.record-row img{width:48px;height:48px;object-fit:contain}.done-badge{margin-left:auto;border:1px solid #cde3cb;background:#eaf4e5;color:#447641;padding:3px 8px;font-size:9px;border-radius:20px}.join-banner{display:flex;align-items:center;justify-content:space-between;gap:22px;background:#faf0d1;border-radius:25px;padding:38px 42px}.join-banner h2{font-size:25px}.join-banner p{font-size:12px;margin:0}.join-banner .eyebrow{margin-bottom:8px;font-size:9px;color:#8a784c}.foot{max-width:none;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px;background:#f0f4ed;padding:48px 8% 20px;font-size:12px;border-color:#e3e9de}.foot h3{font-size:12px;margin-bottom:18px;color:#2c5949}.foot>div>a{display:block;margin-bottom:10px;color:#64786b;font-size:11px}.footer-brand>b{font-size:28px;color:#246653;letter-spacing:-.03em}.footer-brand p{font-size:11px;margin:12px 0 5px}.footer-brand small{font-size:8px;letter-spacing:1px}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;padding-top:18px;border-top:1px solid #dce5d8;font-size:10px}.footer-bottom>a{font-size:10px!important}.panel{border-radius:19px;border-color:#e0e8de;background:#fff;box-shadow:0 3px 8px #193f2510}.panel.soft{background:#eaf5e7;box-shadow:none}.tag{border:0;background:#eaf4e6;color:#427252;border-radius:20px;padding:5px 10px;font-size:10px}.number{font-size:35px;font-weight:800;color:#168071;margin:12px 0}.subnav .btn{font-size:12px}.detail-art{margin:0;position:relative;aspect-ratio:1.4;border-radius:28px;display:grid;place-items:center;overflow:hidden}.detail-art>img{width:90%;height:90%;max-height:380px;object-fit:contain}.detail-art img[src*='hero'],.detail-art img[src*='dance']{width:100%;height:100%;object-fit:cover;max-height:none}.detail-art figcaption{position:absolute;bottom:13px;left:15px;right:15px;background:#ffffffe8;border-radius:15px;text-align:center;padding:5px 9px;font-size:9px;color:#637363}.hero{gap:48px}.hero .actions{margin-top:25px}.search{background:#fff;border-radius:12px;padding:14px}.chips button{border-radius:25px;padding:9px 18px;font-size:12px}.table-wrap{border:1px solid #e0e9dd;border-radius:14px;background:#fff}th{background:#edf5e9;font-size:11px;color:#5c735e}td{font-size:12px;padding:15px}td .btn{font-size:10px;padding:7px 11px;min-height:35px}.row{border-color:#e6eee1}.row h3{font-size:16px}.empty{border:1px dashed #b5cdb3;background:#f2f7ee;color:#687961}.workspace{display:grid;grid-template-columns:210px minmax(0,1fr);gap:36px;padding-top:30px;max-width:1450px;background:#f8faf5}.workspace-body{min-width:0}.workspace-body h1{font-size:33px;margin-bottom:12px}.workspace-body>p.muted{font-size:12px;margin-bottom:30px}.workspace-body .section{margin-top:35px}.workspace-body h2{font-size:21px}.workspace-body>.grid .panel>small{font-size:10px;color:#85947c}.workspace-body>.grid .panel:nth-child(2){background:#f5f0e5}.workspace-body>.grid .panel:nth-child(3){background:#edf4f6}.workspace-body .card-art{height:170px}.workspace-sidebar{border-right:1px solid #dfe9d9;padding-right:20px}.workspace-profile{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:10px 12px 22px;border-bottom:1px solid #e2e9dc;margin-bottom:20px}.workspace-profile>b{font-size:16px}.workspace-profile>small{font-size:11px;color:#7a8a76}.workspace-profile .avatar{width:47px;height:47px;background:#d9eddf;color:#2e7663;font-size:18px}.workspace-sidebar .subnav{display:flex;flex-direction:column;gap:7px}.workspace-sidebar .subnav a{display:block;text-align:left;border:0;background:transparent;padding:12px 15px;color:#6c7d6b;font-weight:500;font-size:12px;min-height:40px}.workspace-sidebar .subnav a[aria-current=page]{background:#187d6e;color:white;font-weight:700}.workspace-sidebar .subnav a:hover{background:#e7f0e0;color:#255542}.sidebar-help{margin:50px 8px 0;background:#e9f1df;padding:19px 12px;border-radius:14px;font-size:11px}.sidebar-help p{font-size:10px;margin:5px 0 12px}.sidebar-help a{font-size:10px;color:#387452}.setup-visual{background:#eaf3e4;border-radius:28px;padding:55px 24px 30px;display:flex;align-items:center;flex-direction:column}.webcam{background:#384a42;width:67px;height:25px;border-radius:10px;display:grid;place-items:center;z-index:1}.webcam span{height:14px;width:14px;border:4px solid #779887;background:#10281f;border-radius:50%}.monitor{border:10px solid #395249;border-radius:17px;background:#fff8e8;display:flex;align-items:center;padding:20px;width:100%;min-height:230px;box-shadow:0 13px 20px #173d2315}.monitor img{width:50%;height:180px;object-fit:contain}.monitor h3{font-size:22px}.monitor .tag{font-size:8px}.monitor-stand{width:60px;height:44px;background:#647c70;border-bottom:10px solid #395249}.setup-label{font-size:11px;color:#4c7059;margin-top:20px}.auth-page>h1,.auth-page>.eyebrow,.auth-page>p.muted{text-align:center}.auth-page{background:radial-gradient(ellipse at 20% 30%,#eaf3e2,transparent 55%)}.auth-page .form{box-shadow:0 18px 48px #234e2310;padding:32px;border-radius:25px}.auth-page .form h2{font-size:23px}.auth-page .form p,.auth-page .form label{font-size:12px}.auth-page input{background:#f9fbf6}.review-end{font-size:10px;color:#85917e}.price{color:#277b62}dialog{border-radius:23px;box-shadow:0 20px 70px #113a2630}dialog p{font-size:14px}
@container(max-width:1100px){.header{gap:24px;height:auto;min-height:90px}.nav{gap:18px}.brand-hero{gap:22px}.hero-copy h1{font-size:48px}.hero-proof{gap:8px}.topic-strip{grid-template-columns:repeat(4,1fr)}.topic-strip>p{grid-column:1/-1}.topic-strip>p br{display:none}.content-card .card-art{height:175px}.workspace{grid-template-columns:175px minmax(0,1fr);gap:25px}.workspace-body>.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-copy{padding:30px}.dashboard-feature{gap:30px;padding:35px}.dashboard-copy h2{font-size:28px}}
@container(max-width:800px){.brand-hero{grid-template-columns:1fr}.hero-copy{text-align:left}.hero-copy h1{font-size:50px}.hero-scene{aspect-ratio:1.7;border-radius:55px 24px 24px 24px;margin:0 0 5px 12px}.scene-sticker{left:-12px}.topic-strip{padding:20px}.topic{gap:7px;padding:12px 9px}.topic i{display:none}.dance-feature{grid-template-columns:1fr}.feature-art{height:280px;min-height:0}.feature-copy{padding:30px}.start-step{padding:22px 16px}.getting-started .grid{grid-template-columns:1fr}.dashboard-feature{grid-template-columns:1fr;gap:30px;padding:30px}.record-preview{transform:none}.join-banner{flex-direction:column;align-items:flex-start;padding:30px}.foot{grid-template-columns:repeat(3,1fr);padding:35px 5%;gap:20px}.footer-brand{grid-column:1/-1}.workspace{display:block}.workspace-sidebar{border:0;padding:0}.workspace-profile{flex-direction:row;flex-wrap:wrap;align-items:center;padding:0 0 15px}.workspace-profile .tag{margin:0}.workspace-profile .avatar{width:34px;height:34px;font-size:14px}.workspace-profile>small{display:none}.workspace-sidebar .subnav{flex-direction:row;flex-wrap:wrap;margin-bottom:25px}.workspace-sidebar .subnav a{padding:9px 13px;border:1px solid #dfe9d8;font-size:11px}.sidebar-help{display:none}.workspace-body>.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{gap:25px}.detail-art{aspect-ratio:1.7}.header{gap:15px}.nav{order:3;width:100%;justify-content:space-between}.account{margin-left:auto}.setup-visual{padding:35px 24px}}
@container(max-width:500px){.header{padding:19px 20px}.logo{font-size:28px}.logo-symbol{width:39px;height:39px;border-radius:13px;font-size:28px}.account{gap:8px}.account .tag{font-size:8px}.nav{gap:10px;font-size:11px}.wrap{padding:25px 20px 45px}.brand-hero{padding:0 0 28px;gap:18px}.hero-copy h1{font-size:43px;letter-spacing:-.03em;margin-top:18px}.hero-copy p{font-size:12px}.pill{font-size:9px;padding:6px 10px}.hero-copy .actions{flex-direction:column;align-items:stretch;margin-top:22px}.hero-copy .btn{padding:13px 15px}.hero-proof{font-size:8px;gap:9px;margin-top:18px}.hero-scene{aspect-ratio:1.24;margin:5px 0 0 0;border-radius:48px 23px 23px 23px}.scene-sticker{bottom:17px;left:-7px;padding:11px 14px;gap:8px}.scene-sticker b{font-size:11px}.scene-sticker small{font-size:9px}.scene-sticker>span{font-size:23px}.image-caption{font-size:8px}.topic-strip{grid-template-columns:repeat(2,1fr);padding:18px;gap:9px;border-radius:18px}.topic-strip>p{font-size:11px;margin-bottom:3px}.topic-strip>p>b{font-size:12px}.topic{font-size:11px;padding:11px}.topic>span{font-size:18px;width:27px;height:27px}.section{margin-top:42px}.section-head{align-items:flex-start;gap:12px;flex-direction:column;margin-bottom:20px}.section-head h2{font-size:24px;line-height:1.45}.section-head p{font-size:12px}.text-link{padding:0;font-size:11px}.four,.grid{grid-template-columns:1fr}.content-card .card-art{height:235px}.card-body{padding:21px}.card-body p{min-height:0}.card-body h3{font-size:22px}.card-bottom{font-size:10px}.feature-art{height:230px}.feature-copy{padding:26px}.feature-copy h2{font-size:25px}.feature-copy p{font-size:12px}.feature-copy small{font-size:8px}.start-step h3{font-size:16px}.dashboard-feature{padding:27px 22px}.dashboard-copy h2{font-size:27px}.record-preview{padding:18px}.join-banner{padding:27px}.join-banner h2{font-size:24px;line-height:1.5}.join-banner .btn{font-size:12px}.foot{grid-template-columns:repeat(2,1fr);gap:22px;padding:30px 22px}.footer-brand{grid-column:1/-1}.footer-bottom{display:block;font-size:9px}.footer-bottom>a{margin-top:10px}.workspace-body h1{font-size:29px}.workspace-body>.grid{grid-template-columns:1fr}.workspace-body h2{font-size:21px}.workspace-profile>b{font-size:13px}.workspace-profile .tag{font-size:8px}.detail-art{aspect-ratio:1.25}.detail-art figcaption{font-size:8px}.hero h1{font-size:32px}.hero p{font-size:13px}.setup-visual{padding:30px 16px}.monitor{padding:12px;border-width:8px;min-height:175px}.monitor img{height:130px}.monitor h3{font-size:18px}.auth-page .form{padding:22px}.auth-page>h1{font-size:30px}.review-end{font-size:9px}}
@media(max-width:650px){.review{gap:8px;padding:9px 12px}.review select{max-width:170px}.review label{font-size:10px}.review .tools{margin-left:auto}.note{font-size:9px;padding:6px 12px}#site.mobile{margin:0 auto}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{.review,.note,.workspace-sidebar{display:none}.brand-hero,.dance-feature,.dashboard-feature{break-inside:avoid}.workspace{display:block}.hero-copy h1{font-size:40px}.hero-scene{max-height:330px}.foot{break-inside:avoid}}

.news-feature .news-card{display:block;padding:25px;background:#fff}.news-card h3{font-size:18px;margin:12px 0}.news-card p{font-size:12px;color:var(--muted)}.news-card>b{font-size:11px;color:var(--accent)}.news-card:hover{background:#f2f8ee;border-color:#b8d5bd}.news-disclaimer{font-size:10px;color:#7a8779;margin:14px 0 0}

/* 동일한 한글 서체를 입력 요소에도 적용 */
input,select,textarea,button{font-family:inherit}body{-webkit-font-smoothing:antialiased}h1,h2,h3{word-break:keep-all}