:root{--navy:#223655;--ink:#243247;--muted:#647083;--pink:#a7647c;--line:#e3e7ec;--cream:#f6f5f2}*{box-sizing:border-box}body{margin:0;background:#fafbfd;color:var(--ink);font-family:'Segoe UI','Malgun Gothic',sans-serif;line-height:1.75}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea,summary{outline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--pink)}.container{max-width:1160px;margin:auto;padding:0 28px}.site-header{background:white;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.header-inner{max-width:1320px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:20px 28px;gap:28px}.brand{font-size:23px;font-weight:850;white-space:nowrap}.brand span{display:block;font-size:10px;letter-spacing:1.4px;color:var(--pink)}nav{display:flex;gap:25px;align-items:center}nav a{font-size:14px;font-weight:650;padding:8px 0}nav a[aria-current=page]{color:var(--pink);border-bottom:2px solid var(--pink)}.menu-toggle{display:none}.breadcrumb{font-size:13px;color:var(--muted);padding-top:26px}.eyebrow{display:block;color:var(--pink);font-size:12px;letter-spacing:1.5px;font-weight:750;margin-bottom:12px}h1,h2,h3{line-height:1.35;letter-spacing:-.03em}h1{font-size:42px;margin:12px 0 20px}h2{font-size:29px}h3{font-size:22px}p{color:var(--muted)}.page-heading{padding:48px 0 32px;max-width:850px}.page-heading p{font-size:18px}.home-hero{display:grid;grid-template-columns:1.4fr .6fr;gap:60px;align-items:center;padding:60px 0 48px}.home-hero h1{font-size:43px}.home-hero p{font-size:18px;max-width:660px}.home-hero img{width:100%;height:340px;object-fit:cover;object-position:top;border-radius:26px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.button{display:inline-block;border:1px solid var(--line);padding:12px 18px;border-radius:10px;background:white;color:var(--navy);font-weight:700;cursor:pointer}.primary{background:var(--navy);color:white;border-color:var(--navy)}.section-title{display:flex;align-items:center;justify-content:space-between;gap:20px}.section-title span{color:var(--muted);font-size:14px}.room-grid,.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:22px 0 40px}.room-card,.card{display:block;padding:28px;background:white;border:1px solid var(--line);border-radius:18px;height:100%;transition:transform .18s,box-shadow .18s}.room-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #2236550d;border-color:#bb91a1}.room-card h3{margin:8px 0 12px}.room-card p{font-size:15px}.arrow{font-size:13px;color:var(--pink);font-weight:750}.home-note{background:var(--cream);padding:40px;border-radius:22px;margin:46px 0 70px}.panel,.exp-box{padding:32px;border:1px solid var(--line);border-radius:18px;background:white;margin:20px 0}.article{max-width:850px;margin:20px auto 65px}.experience{display:grid;grid-template-columns:1fr 1fr;gap:24px}.exp-item{border-bottom:1px solid var(--line);padding:12px 0;font-size:15px}.profile-books{padding:24px 0 55px}.training-flow{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.training-flow span,.tag{display:inline-block;padding:8px 12px;background:var(--cream);border-radius:8px;font-size:13px}.callout{padding:30px;background:var(--cream);border-radius:18px;margin:40px 0 70px}.field-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.field-gallery figure{margin:0;border:1px solid var(--line);border-radius:18px;overflow:hidden}.field-gallery img{width:100%;height:210px;object-fit:cover}.field-gallery figcaption{padding:14px;font-size:14px}.muted,.source{font-size:13px;color:var(--muted)}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.filter{border:1px solid var(--line);background:white;border-radius:99px;padding:9px 18px;cursor:pointer}.filter[aria-pressed=true]{background:var(--navy);color:white}.search-label{display:block;margin-bottom:8px;font-weight:700}input[type=search]{max-width:680px;width:100%;padding:14px;border:1px solid #bdc5cf;border-radius:10px}.resource-item[hidden]{display:none}.prompt-text{white-space:pre-wrap;overflow-wrap:anywhere;font:15px/1.9 'Malgun Gothic',sans-serif;background:#f4f6f9;padding:24px;border:1px solid var(--line);border-radius:12px}form label{display:block;margin-bottom:15px;font-weight:700}input,textarea{width:100%;border:1px solid #bdc5cf;border-radius:9px;padding:12px;background:white;color:var(--ink)}.contact-wrap{display:grid;grid-template-columns:1fr 1fr;gap:32px}.contact-link{display:flex;justify-content:space-between;padding:16px 20px;border:1px solid var(--line);border-radius:12px;margin:12px 0}.kakao{background:#fee500;color:#191919}.inquiry-helper{padding:22px;border:1px solid var(--line);border-radius:16px}.inquiry-helper label{display:block;margin-bottom:12px}.inquiry-helper button{margin-top:12px}.faq-list details{padding:20px 0;border-bottom:1px solid var(--line)}summary{font-weight:700;cursor:pointer}.quiz-choices{display:grid;gap:12px}.quiz-choices button{padding:15px;background:#f5f7fa;border:1px solid var(--line);border-radius:10px;text-align:left;cursor:pointer}.quiz-choices button:disabled{opacity:.8}.floating-kakao{position:fixed;right:22px;bottom:22px;border-radius:99px;background:#fee500;color:#191919;padding:14px 22px;font-weight:800;box-shadow:0 5px 22px #0002;z-index:30}footer{background:var(--cream);margin-top:60px;padding:35px 0 100px;font-size:14px}.num{font-size:13px;color:var(--pink);font-weight:700}.lead{font-size:18px}.result{border-top:1px solid var(--line);padding-top:16px;font-size:14px}
@media(max-width:1000px){nav{gap:12px}.header-inner{gap:14px}.room-grid,.cards3{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.container{padding:0 20px}.header-inner{padding:14px 20px;flex-wrap:wrap}.menu-toggle{display:block;border:1px solid var(--line);background:white;border-radius:8px;padding:8px 14px}nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0}nav.open{display:flex}nav a{padding:10px}.home-hero{grid-template-columns:1fr;gap:25px;padding:35px 0}.home-hero img{height:280px}.home-hero h1,h1{font-size:32px}.room-grid,.cards3,.experience,.contact-wrap,.field-gallery{grid-template-columns:1fr}.section-title{display:block}.room-card,.card,.panel{padding:22px}.page-heading{padding:30px 0 15px}.page-heading p{font-size:16px}.home-note{padding:25px}.floating-kakao{bottom:14px;right:14px;padding:12px 18px;font-size:14px}.field-gallery img{height:auto}.prompt-text{padding:16px;font-size:14px}.actions .button{font-size:14px}.profile-books{padding-bottom:25px}}
