:root{--ink:#28292b;--muted:#707276;--line:#e8e8e8;--accent:#b7203f;--charcoal:#272727;--page:min(1010px,calc(100% - 48px));font-family:Arial,"Noto Sans KR",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-size:14px;line-height:1.95}a{color:inherit;text-decoration:none}.skip{position:absolute;left:-9999px}.skip:focus{left:14px;top:12px;z-index:30;background:#fff;padding:7px 12px;border:1px solid var(--ink)}.site-header{height:63px;display:flex;align-items:center;border-bottom:1px solid #f1f1f1;background:#fff}.nav{width:var(--page);margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center}.logo-mark{width:95px;height:48px;object-fit:contain}.menu-button{display:none}.nav-links{display:flex;align-items:center;gap:30px;font-size:12px}.nav-links>a,.nav-drop summary{display:block;color:#353535;cursor:pointer;list-style:none}.nav-drop summary::-webkit-details-marker{display:none}.nav-drop{position:relative}.nav-drop summary:after{content:"+";padding-left:6px;color:#9a9a9a}.nav-drop[open] summary:after{content:"−"}.nav-drop-menu{position:absolute;top:28px;left:-15px;z-index:15;display:grid;min-width:165px;padding:9px 0;background:#fff;border:1px solid var(--line);box-shadow:0 8px 20px rgba(0,0,0,.08)}.nav-drop-menu a{padding:8px 14px}.nav-drop-menu a:hover,.nav-links>a:hover,.nav-links>a[aria-current=page]{color:var(--accent)}.intro-hero{min-height:255px;display:grid;place-items:center;padding:42px 20px;background:var(--charcoal);color:#fff;text-align:center}.intro-hero h1{max-width:860px;margin:0;font-size:28px;line-height:1.38;letter-spacing:0}.intro-hero p{max-width:690px;margin:13px 0 0;color:#d6d6d6}.hero-action{margin-top:21px}.cta{display:inline-flex;align-items:center;justify-content:center;min-width:205px;min-height:36px;padding:7px 18px;background:var(--accent);color:#fff;font-size:12px;font-weight:700}.cta:hover{background:#d22d50}.content{width:var(--page);margin:auto}.home-copy{padding:47px 0 20px}.copy-section{padding:32px 0}.copy-section h2{margin:0 0 22px;font-size:18px;line-height:1.5;text-align:center}.copy-section h3{margin:0 0 12px;font-size:15px;line-height:1.55}.copy-section p{margin:0 0 19px;color:var(--muted)}.reason-list{display:grid;gap:31px}.check-list{margin:0 0 20px;padding:0;list-style:none}.check-list li{position:relative;padding:4px 0 4px 21px;color:var(--muted)}.check-list li:before{position:absolute;left:0;content:"•";color:var(--accent);font-weight:800}.art-row{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin:34px 0 66px}.art{position:relative;min-height:255px;overflow:hidden;background:#1d2429;isolation:isolate}.art:before{position:absolute;inset:0;z-index:-1;content:"";background:repeating-linear-gradient(128deg,rgba(255,255,255,.09) 0 1px,transparent 1px 36px),repeating-linear-gradient(30deg,rgba(255,255,255,.04) 0 1px,transparent 1px 55px)}.art:after{position:absolute;inset:18% 15%;z-index:-1;content:"";border:1px solid rgba(218,238,242,.75);transform:rotate(-9deg);box-shadow:38px 28px 0 -36px var(--accent),-36px -28px 0 -34px #9fc7d1}.art:nth-child(2){background:#34323a}.art:nth-child(2):before{background:repeating-linear-gradient(90deg,rgba(255,255,255,.11) 0 1px,transparent 1px 30px),linear-gradient(143deg,transparent 0 61%,rgba(183,32,63,.75) 62% 65%,transparent 66%)}.art:nth-child(2):after{inset:15% 31%;border-width:2px;border-radius:5px;transform:rotate(4deg);box-shadow:32px -18px 0 -30px #c6dce1}.art-label{position:absolute;left:24px;bottom:22px;color:#fff;font-size:29px;font-weight:800;line-height:1.05}.art-label small{display:block;margin-top:8px;color:#b7cdd3;font-size:10px;letter-spacing:1.6px}.soft-band{background:#fafafa;border-top:1px solid #f4f4f4;border-bottom:1px solid #f4f4f4}.soft-band .content{padding-top:55px;padding-bottom:55px}.faq{display:grid;gap:24px}.faq article{padding-bottom:20px;border-bottom:1px solid var(--line)}.faq h3{margin-bottom:8px}.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.post{border:1px solid #ddd;background:#fff;overflow:hidden}.post .art{min-height:157px}.post:nth-child(2) .art{background:#333943}.post:nth-child(3) .art{background:#3c3034}.post:nth-child(4) .art{background:#20343a}.post:nth-child(5) .art{background:#383633}.post:nth-child(6) .art{background:#253038}.post-body{padding:15px 17px 18px}.post time{display:block;color:#999;font-size:11px}.post h3{margin:8px 0 9px;font-size:14px;line-height:1.5}.post p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}.post:hover h3{color:var(--accent)}.blog-title{padding:60px 0 0}.blog-title h1{font-size:27px}.page-hero{background:var(--charcoal);color:#fff;text-align:center}.page-hero-inner{width:var(--page);margin:auto;padding:45px 0}.page-hero h1{margin:0;font-size:27px;line-height:1.4}.page-hero p{max-width:740px;margin:13px auto 0;color:#d7d7d7}.article{width:min(760px,calc(100% - 48px));margin:auto;padding:60px 0 110px}.article header{padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:31px}.article h1{margin:0;font-size:28px;line-height:1.45}.article h2{margin:42px 0 13px;font-size:18px;line-height:1.5}.article p{margin:0 0 17px;color:#5c6064}.article-meta{margin-top:12px!important;color:#999!important;font-size:12px}.article-visual{margin:31px 0 37px}.article-visual .art{min-height:285px}.note{margin:29px 0;padding:14px 17px;border-left:3px solid var(--accent);background:#fafafa;color:#5b5b5b}.site-footer{margin-top:0;padding:48px 0 37px;border-top:1px solid #f0f0f0;color:#777}.footer-inner{width:var(--page);margin:auto;display:grid;gap:12px;font-size:11px}.footer-inner strong{color:#222;font-size:20px}.footer-inner p{max-width:640px;margin:0}.footer-links{display:flex;gap:15px}.footer-links a:hover{color:var(--accent)}@media(max-width:720px){:root{--page:min(100% - 34px,560px)}.site-header{height:auto;min-height:61px}.nav{min-height:61px}.menu-button{display:block;border:0;background:transparent;font:inherit;font-size:12px}.nav-links{display:none}.nav-links.is-open{position:absolute;top:61px;left:0;right:0;z-index:20;display:grid;gap:0;padding:8px 17px 14px;background:#fff;border-bottom:1px solid var(--line)}.nav-links>a,.nav-drop summary{padding:8px 0}.nav-drop-menu{position:static;border:0;box-shadow:none;padding:0 0 0 12px}.intro-hero{min-height:225px}.intro-hero h1{font-size:23px}.art-row,.posts{grid-template-columns:1fr;gap:18px}.copy-section{padding:26px 0}.copy-section h2{font-size:17px}.art{min-height:220px}.post .art{min-height:185px}.article{padding:48px 0 80px}.article h1{font-size:25px}}
