@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');*{box-sizing:border-box}body{margin:0;background:#fff;color:#222034;font-family:'Noto Sans KR',sans-serif}a{color:inherit;text-decoration:none}.container{max-width:1040px;margin:auto;padding:0 28px}.site-header{height:80px;background:#fff}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand img{width:155px;display:block}nav{display:flex;gap:40px;font-size:13px;color:#555365}nav a:hover{color:#7040c4}.menu-toggle{display:none;border:0;background:none;font-size:23px;color:#241737}.hero{background:linear-gradient(110deg,#321151,#9257bd 60%,#e2c8e9);padding:48px 24px}.hero-box{text-align:center;background:#fff;max-width:610px;margin:auto;padding:38px 55px;box-shadow:0 18px 50px #2e084222}.hero h1{font-size:clamp(23px,3.3vw,35px);line-height:1.4;margin:0 0 13px;word-break:keep-all}.hero p{font-size:14px;line-height:1.8;color:#666175;margin:0 auto 24px}.hero-actions{display:grid;gap:7px;max-width:330px;margin:auto}.btn{display:block;text-align:center;background:linear-gradient(100deg,#4b1679,#8b39bc);color:white;border-radius:5px;padding:11px 18px;font-size:13px;font-weight:700}.btn.secondary{background:#f0e7f7;color:#4a2070}.main-section{padding:56px 0}.main-section>h2,.section-title{text-align:center;font-size:25px;line-height:1.5;margin:0 0 46px;letter-spacing:-.04em}.article-grid article{margin:0 0 42px}.article-grid h2,.article-grid h3{font-size:19px;margin:0 0 16px;letter-spacing:-.03em}.article-grid p{font-size:15px;color:#55515f;line-height:2.05;margin:0 0 14px;word-break:keep-all}.article-grid a{font-size:13px;color:#7833ac;font-weight:700}.band{background:#faf7fc}.faq-list{max-width:820px;margin:auto}.faq-list details{border-bottom:1px solid #e9e2ed;padding:20px 0}.faq-list summary{cursor:pointer;font-weight:700;line-height:1.7}.faq-list p{line-height:1.9;color:#625d6b;font-size:14px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.blog-card{display:flex;flex-direction:column;border:1px solid #e9e2ed;border-radius:7px;overflow:hidden;background:#fff}.blog-art{height:126px;background:linear-gradient(135deg,#2e1148,#9b62bf);color:#eee0fa;padding:22px;font-size:12px;letter-spacing:.15em;font-weight:700;display:flex;align-items:flex-end}.blog-copy{padding:22px;flex:1}.blog-copy h3{font-size:16px;line-height:1.55;margin:0 0 12px}.blog-copy p{font-size:13px;line-height:1.8;color:#716a79}.blog-copy span{font-size:12px;color:#7841a2}.page-head{padding:57px 0;background:#f7f2fa;text-align:center}.page-head h1{font-size:32px;letter-spacing:-.05em;margin:0 0 12px}.page-head p{color:#706a76;font-size:14px;line-height:1.8}.page-body{max-width:800px}.return{margin-top:35px;max-width:320px}.back{font-size:13px;color:#7040a2}footer{background:#21132a;color:#d2c4db;padding:45px 0;font-size:12px}.footer-inner{display:flex;justify-content:space-between;gap:25px}.footer-inner img{width:135px}.footer-inner p{line-height:1.9}.footer-inner a{margin-right:18px}.footer-inner small{display:block;margin-top:18px;color:#a793b1}.more{text-align:center;margin-top:35px}.more a{color:#66349a;font-weight:700;font-size:14px}@media(max-width:720px){.site-header{height:68px}.container{padding:0 20px}.brand img{width:135px}.menu-toggle{display:block}nav{display:none;position:absolute;left:0;right:0;top:68px;background:#fff;padding:18px 22px;z-index:4;box-shadow:0 10px 20px #32114522;gap:0;flex-direction:column}nav.open{display:flex}nav a{padding:12px}.hero{padding:30px 18px}.hero-box{padding:30px 20px}.main-section{padding:44px 0}.main-section>h2{margin-bottom:32px;font-size:22px}.article-grid p{font-size:14px}.blog-grid{grid-template-columns:1fr}.blog-art{height:100px}.footer-inner{display:block}.page-head h1{font-size:26px}}
.image-section{padding-top:10px;padding-bottom:48px}.guide-image{position:relative;margin:0;overflow:hidden;border-radius:10px;background:#eee4f8;min-height:260px}.guide-image img{display:block;width:100%;height:350px;object-fit:cover}.guide-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(32,10,53,.78),rgba(37,13,55,.2) 54%,transparent 85%)}.guide-image figcaption{position:absolute;z-index:1;top:50%;left:6%;transform:translateY(-50%);color:#fff;text-shadow:0 2px 16px #23073766}.guide-image figcaption span,.guide-image figcaption small{display:block;font-weight:700;letter-spacing:.13em;font-size:11px}.guide-image figcaption strong{display:block;margin:13px 0;font-size:clamp(24px,4vw,40px);line-height:1.35;letter-spacing:-.04em}.guide-image.mobile-image:after{background:linear-gradient(90deg,rgba(32,10,53,.78),rgba(37,13,55,.3) 60%,transparent)}.post-image{margin:0 0 35px;min-height:0}.post-image img{height:280px}.blog-art{position:relative;height:180px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:5px;background-size:cover;background-position:center}.blog-art:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(33,9,55,.85),transparent 80%)}.blog-art span,.blog-art strong{position:relative;z-index:1;color:#fff;text-shadow:0 1px 8px #261236}.blog-art span{font-size:10px;letter-spacing:.16em}.blog-art strong{font-size:19px;letter-spacing:.05em}.blog-art-search{background-image:url('/assets/avsee-search-guide.webp')}.blog-art-mobile{background-image:url('/assets/avsee-mobile-guide.webp')}@media(max-width:720px){.guide-image{min-height:210px}.guide-image img{height:230px}.guide-image figcaption{left:7%}.guide-image figcaption strong{font-size:25px}.blog-art{height:160px}}
/* Preserve horizontal gutters when section and container share an element. */
.container.main-section{padding-left:28px;padding-right:28px}.branded-image{margin:0;overflow:hidden;border-radius:10px;background:#f2eaf8}.branded-image img{display:block;width:100%;height:auto}@media(max-width:720px){.container.main-section{padding-left:20px;padding-right:20px}}

.hero{background:linear-gradient(110deg,#2943a3,#5d90d8 65%,#f4e9f5)}.btn{background:linear-gradient(100deg,#2943a3,#5d90d8);color:#fff}.btn.secondary{background:#f3f2f8;color:#2943a3}a:hover,.article-grid a,.back,.more a{color:#2943a3}.blog-art{background-image:url(/assets/brand-guide.webp);background-size:cover;background-position:center}.brand img{max-height:54px;width:auto;max-width:180px}footer .footer-inner img{max-height:54px;width:auto;max-width:160px}

.brand img { width: 155px; height: auto; }
@media(max-width:720px){.brand img { width: 135px; }}