*{box-sizing:border-box}body{margin:0;background:#f4f5ee;color:#13353e;font-family:Shared,Arial,sans-serif;line-height:1.65}a{color:inherit;text-underline-offset:.2em}a:hover{color:#9d360e}button,input,select{font:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ad3e15;outline-offset:5px}button{cursor:pointer;border:1px solid #13353e;padding:.7rem 1rem;color:inherit;background:transparent}header{max-width:1480px;margin:auto;padding:24px 4vw;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:2px solid #13353e}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:26px;font-weight:800;line-height:1.2}.brand img{border-radius:8px}.brand small{display:block;font-size:10px;letter-spacing:.14em;margin-top:7px}header nav{display:flex;gap:28px;align-items:center}header nav>a{text-decoration:none}header details{position:relative}summary{cursor:pointer}header details>div{position:absolute;z-index:10;top:100%;right:0;min-width:240px;max-width:85vw;max-height:65vh;overflow-y:auto;background:#f4f5ee;border:2px solid #13353e;padding:16px;box-shadow:8px 8px 0 #d8dfd6}header details>div a{display:block;padding:8px 4px}.menu{display:none}main{max-width:1320px;margin:auto;padding:64px 5vw}.essay{max-width:900px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}h1,h2,h3{line-height:1.12;letter-spacing:-.045em;overflow-wrap:anywhere}h1{font-size:clamp(40px,6.8vw,92px);margin:.35em 0 .55em;font-weight:850;max-width:1000px}h2{font-size:clamp(27px,3vw,42px);margin:0 0 24px}h3{font-size:24px;margin:0 0 10px}.intro{font-size:clamp(19px,2.4vw,28px);line-height:1.5}.meta,.small,.source,figcaption{font-size:13px}.meta{padding-bottom:28px;border-bottom:1px solid #8faaa9}.source small{display:block;max-width:55ch;font-size:11px;color:#455e62}.contents{display:grid;gap:10px;padding:24px 0}section{margin:48px 0}.essay section{border-top:1px solid #9cb2b0;padding-top:32px}.lead{margin:0 0 42px}.lead h1{font-weight:900}.hero-links{display:flex;align-items:center;gap:32px;flex-wrap:wrap;margin:28px 0}.button{background:#13353e;color:#f4f5ee;padding:16px 24px;text-decoration:none;display:inline-block}.button:hover{background:#f3976d;color:#13353e}figure{margin:0}figure>img{display:block;max-width:100%;height:auto}figcaption{margin:10px 0}.notice{padding:28px;border-left:12px solid #e36c36;background:#e9eddf}.notice h2{font-size:30px}.story{display:grid;grid-template-columns:70px 1fr;gap:18px;text-decoration:none;padding:26px 0;border-top:1px solid #8faaa9}.story .n{font-size:24px;color:#9d360e}.story p{margin:0}.tool-card{padding:40px;background:#dbe7e5;border:2px solid #13353e}.room-layout{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.4fr);gap:28px;align-items:start;margin-top:35px}fieldset{border:2px solid #13353e;padding:24px;min-width:0}legend{padding:0 8px;font-size:13px;font-weight:800}.control{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid #9cb2b0;cursor:pointer}.control input{width:24px;height:24px;flex:0 0 24px;accent-color:#13353e}.control+button{margin-top:24px}.room-output{background:#dbe7e5;padding:30px;border-top:12px solid #13353e}.room-output li{margin:14px 0}.room-output ul{padding-left:22px}.static-plans{display:grid;grid-template-columns:1fr 1fr;gap:20px}.static-plans h2{grid-column:1/-1}.static-plans article{border:1px solid #9cb2b0;padding:24px}.app-card{border:2px solid #13353e;padding:32px;margin-top:64px;display:grid;grid-template-columns:1fr 210px;gap:30px}.app-card h2{font-size:32px}.badges{display:flex;flex-wrap:wrap;gap:18px}.badges img{display:block;max-width:100%;height:auto}.product{max-width:180px;height:auto}.app-card figure{align-self:center}.app-card figcaption{font-size:11px}footer{max-width:1320px;margin:auto;padding:38px 5vw 80px;border-top:2px solid #13353e;font-size:13px}footer nav{display:flex;gap:24px;flex-wrap:wrap}.sticky{position:fixed;bottom:18px;right:18px;background:#13353e;color:white;padding:13px 22px;border:2px solid #f4f5ee;text-decoration:none;z-index:8;font-size:13px}dt{font-size:24px;font-weight:800;margin-top:28px}dd{margin:8px 0 24px}html[dir=rtl] header details>div{right:auto;left:0}html[dir=rtl] .room-output ul{padding-left:0;padding-right:22px}@media(max-width:900px){header{align-items:flex-start;flex-wrap:wrap}.menu{display:block;margin-left:auto}header nav{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;gap:18px;padding:20px;border:2px solid #13353e}header nav.open{display:flex}header details>div{position:static;min-width:0;width:100%;max-width:100%;box-shadow:none;margin-top:15px}.room-layout{grid-template-columns:1fr}.app-card{grid-template-columns:1fr}.app-card figure{max-width:220px}.brand{font-size:22px}.brand small{font-size:8px}.static-plans{grid-template-columns:1fr}}@media(max-width:480px){header{padding:20px 16px;gap:12px}.brand{gap:8px;font-size:21px}.brand img{width:34px;height:34px}.brand small{max-width:165px;font-size:7px}.menu{padding:8px 12px;font-size:13px}main{padding:36px 20px}.essay{padding:36px 20px}.story{grid-template-columns:38px 1fr;gap:8px}.tool-card,.notice,.room-output,fieldset{padding:22px}.app-card{padding:24px}.app-card h2{font-size:27px}.intro{font-size:20px}.hero-links{gap:24px}footer{padding:28px 20px 90px}h1 br{display:initial}}

.skip{position:absolute;top:-100px;left:20px;z-index:100;background:#f4f5ee;padding:12px}.skip:focus{top:5px}

@font-face{font-family:RoomKorean;src:url(/assets/coat-korean.woff2) format('woff2');font-display:swap;font-weight:100 900}html[lang=ko] body,html[lang=ko] button,html[lang=ko] input,html[lang=ko] select{font-family:RoomKorean,Arial,sans-serif}