:root{--blue:#1689ee;--deep:#17243d;--mint:#39c9c0;--pale:#f3f8fc;--line:#e4ebf1;--text:#192438;--muted:#6b7687}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Noto Sans KR',sans-serif;color:var(--text);word-break:keep-all}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{display:block;max-width:100%}header{height:82px;position:sticky;top:0;background:#fffffff2;backdrop-filter:blur(12px);z-index:30;border-bottom:1px solid #eaf0f4}.head{max-width:1280px;height:100%;margin:auto;padding:0 22px;display:flex;align-items:center;gap:35px}.logo{display:flex;align-items:center;font-size:20px;font-weight:800;white-space:nowrap}.logo i{font-style:normal;display:grid;place-items:center;width:35px;height:35px;margin-right:9px;color:#fff;background:linear-gradient(145deg,var(--blue),var(--mint));border-radius:12px}.logo small{font:600 8px 'DM Sans';letter-spacing:1.5px;color:#8190a4;margin-left:8px}nav{display:flex;gap:30px;margin-left:auto}nav a{font-size:14px;font-weight:600}nav a:hover{color:var(--blue)}.top-cta,.primary{color:#fff!important;background:var(--blue);border-radius:12px;padding:13px 21px;font-weight:700;font-size:14px}.menu{display:none;margin-left:auto;border:0;background:none;font-size:24px}.hero{padding:70px 24px 0;background:linear-gradient(135deg,#fff 0 45%,#edfbff 100%);overflow:hidden}.hero-in{max-width:1280px;min-height:535px;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;align-items:center}.badge{display:inline-block;color:#278e98;background:#e7fbf9;border-radius:50px;padding:9px 15px;font-size:13px;font-weight:700}.hero h1{font-size:52px;line-height:1.26;letter-spacing:-3px;margin:25px 0 20px}.hero h1 em{font-style:normal;color:var(--blue)}.hero-copy>p{color:var(--muted);line-height:1.9}.actions{display:flex;gap:12px;margin-top:28px}.actions a{padding:14px 23px;border:1px solid #d2dde6;border-radius:12px;font-size:14px;font-weight:700;background:#fff}.stats{display:flex;gap:38px;margin-top:38px}.stats b{font:700 27px 'DM Sans'}.stats small{font:500 11px 'Noto Sans KR';color:#8390a0;margin-left:6px}.visual{position:relative;min-height:480px;display:grid;place-items:end center}.blob{width:465px;height:435px;position:relative;overflow:hidden;background:linear-gradient(155deg,#c9f3f4,#dbeeff);border-radius:49% 49% 27% 27%;box-shadow:0 30px 70px #278bb329}.blob img{width:94%;position:absolute;left:3%;bottom:-2%}.float{position:absolute;z-index:2;padding:14px 17px;border-radius:14px;background:#fffffff2;box-shadow:0 15px 40px #294f6b26;color:#788697;font-size:11px}.float b{display:block;color:var(--blue);font:700 13px 'DM Sans';margin-bottom:4px}.f1{left:0;bottom:85px}.f2{right:0;top:120px}.quick{max-width:1280px;margin:30px auto 0;padding:22px;display:grid;grid-template-columns:repeat(6,1fr);background:#fff;border-radius:24px 24px 0 0;box-shadow:0 -10px 50px #2a4d6714}.quick a{display:grid;place-items:center;gap:8px;color:var(--blue);font-size:18px;border-right:1px solid var(--line)}.quick a:last-child{border:0}.quick span{color:var(--text);font-size:12px;font-weight:600}.section{padding:105px 24px}.section>*{max-width:1280px;margin-left:auto;margin-right:auto}.title{text-align:center;margin-bottom:45px}.title.left{text-align:left}.title>span,.banner>span,.contact-in>div>span{font:700 12px 'DM Sans';letter-spacing:2px;color:var(--blue)}.title h2{font-size:38px;letter-spacing:-2px;line-height:1.35;margin:12px 0}.title p{color:var(--muted);font-size:14px}.cards{display:grid;gap:18px}.cards.four{grid-template-columns:repeat(4,1fr)}.cards.three{grid-template-columns:repeat(3,1fr);max-width:1080px}.cards article{position:relative;padding:30px;background:#fff;border:1px solid var(--line);border-radius:22px;transition:.3s}.cards article:hover{transform:translateY(-7px);box-shadow:0 20px 50px #2c5c7d1a}.cards article>i{position:absolute;right:25px;color:#dce5ed;font-style:normal;font-weight:700}.ico{width:55px;height:55px;display:grid;place-items:center;color:var(--blue);background:#edf7ff;border-radius:16px;font-size:22px}.cards h3{font-size:20px;margin:22px 0 10px}.cards p{font-size:13px;line-height:1.75;color:var(--muted)}.types,.price{background:var(--pale)}.tabs{display:flex;gap:8px;margin-bottom:24px;overflow:auto}.tabs button{white-space:nowrap;border:1px solid #dfe7ef;background:#fff;border-radius:30px;padding:11px 18px;color:#667384;font-size:13px}.tabs .on{background:var(--deep);color:#fff}.type-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:18px}.type-grid article{padding:25px;background:#fff;border-radius:22px}.featured{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;color:#fff;background:linear-gradient(135deg,#1f95f4,#2370dc)!important}.featured h3{font-size:27px}.featured p{font-size:13px;opacity:.8}.featured a{display:inline-block;margin-top:25px;font-size:13px;font-weight:700}.mock{display:block;height:210px;position:relative;overflow:hidden;border-radius:12px;background:#ecf3f9;box-shadow:0 15px 30px #193b5826}.mock:before{content:'';position:absolute;inset:0 0 auto;height:28px;background:#fff}.mock i{display:block;height:34px;margin:13px;border-radius:6px;background:#ffffffcc}.mock i:first-child{height:75px;margin-top:47px}.mock.blue{background:#afdfff;transform:rotate(4deg)}.mock.mint{background:#bdece4}.mock.navy{background:#263b5e}.type-grid h3{margin:18px 0 5px}.type-grid>article>p{font-size:13px;color:var(--muted)}.works{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.works article{height:385px;position:relative;overflow:hidden;border-radius:22px;background:#eaf1f6}.works img{width:100%;height:100%;object-fit:cover;transition:.5s}.works article:hover img{transform:scale(1.04)}.works article>div{position:absolute;left:18px;right:18px;bottom:18px;padding:16px;background:#ffffffe8;backdrop-filter:blur(10px);border-radius:14px}.works small{color:var(--blue);font-weight:700}.works h3{margin:5px 0}.more{display:block;text-align:center;margin-top:30px;font-size:14px;font-weight:700}.process{padding-top:20px}.banner{height:295px;position:relative;overflow:hidden;padding:55px 65px;color:#fff;background:linear-gradient(120deg,#172b47,#164d6a);border-radius:28px}.banner h2{font-size:34px;margin:12px 0}.banner p{color:#b9d0df}.banner img{position:absolute;width:355px;right:70px;bottom:-170px}.process ol{list-style:none;padding:0;margin-top:20px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.process li{padding:22px;border:1px solid var(--line);border-radius:18px}.process li>*{display:block}.process li b{color:var(--blue);font:700 13px 'DM Sans'}.process li strong{margin:12px 0 7px}.process li span{color:var(--muted);font-size:12px}.price .cards article{padding:34px}.price article>small{color:var(--blue);font:700 11px 'DM Sans';letter-spacing:1.5px}.price article>strong{display:block;font-size:20px;margin:22px 0}.price ul{list-style:none;padding:18px 0;border-top:1px solid var(--line)}.price li{font-size:13px;margin:10px 0;color:#596678}.price li:before{content:'✓';color:var(--mint);margin-right:8px}.price article>a{display:block;text-align:center;padding:12px;border:1px solid #cfdae5;border-radius:11px;font-size:13px;font-weight:700}.price .best{border:2px solid var(--blue);transform:translateY(-12px);box-shadow:0 25px 60px #2285da1f}.best mark{position:absolute;right:22px;top:20px;padding:6px 10px;border-radius:50px;background:#e8f5ff;color:var(--blue);font-size:10px;font-weight:800}.best>a{color:#fff;background:var(--blue)}.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.reviews article{padding:28px;background:#f7fafc;border-radius:20px}.reviews b{color:#ffba3d;letter-spacing:2px}.reviews p{min-height:70px;font-size:14px;line-height:1.8}.reviews small{color:#8390a0}.faq{display:grid;grid-template-columns:.72fr 1.28fr;gap:80px}.faq-list article{border-bottom:1px solid var(--line)}.faq-list button{width:100%;display:flex;align-items:center;text-align:left;padding:22px 4px;border:0;background:none;font-weight:600;cursor:pointer}.faq-list button b{color:var(--blue);margin-right:14px}.faq-list button i{margin-left:auto;font-style:normal;font-size:20px}.faq-list p{display:none;margin:0;padding:0 34px 22px;color:var(--muted);font-size:13px;line-height:1.8}.faq-list article.open p{display:block}.faq-list article.open i{transform:rotate(45deg)}.contact{padding:90px 24px;color:#fff;background:linear-gradient(130deg,#152740,#123b53)}.contact-in{max-width:1180px;margin:auto;display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}.contact-in h2{font-size:38px;line-height:1.4;letter-spacing:-2px}.contact-in>div>p{color:#b9cad6}.contact form{padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:15px;color:var(--text);background:#fff;border-radius:24px}.contact label{font-size:12px;font-weight:600}.contact input,.contact select,.contact textarea{width:100%;margin-top:8px;padding:12px;border:1px solid #dce4ea;border-radius:9px}.contact .wide,.contact form button{grid-column:1/-1}.contact form button{padding:14px;border:0;border-radius:10px;color:#fff;background:var(--blue);font-weight:700}aside{position:fixed;right:20px;bottom:25px;z-index:20;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 10px 35px #1e3f571f}aside a{width:56px;height:58px;display:grid;place-items:center;color:var(--blue);border-bottom:1px solid var(--line)}aside a:last-child{border:0}aside small{color:var(--text);font-size:9px;font-weight:700}footer{max-width:1280px;margin:auto;padding:42px 24px;display:grid;grid-template-columns:1fr 1fr auto;align-items:end;color:#718093}footer p{font-size:12px}footer>small{font:500 10px 'DM Sans'}
@media(max-width:1000px){nav{display:none;position:absolute;top:82px;left:0;right:0;padding:25px;background:#fff;box-shadow:0 15px 30px #0001}nav.open{display:grid}.top-cta{margin-left:auto}.menu{display:block}.hero h1{font-size:43px}.blob{width:390px;height:390px}.cards.four{grid-template-columns:1fr 1fr}.type-grid{grid-template-columns:1fr 1fr}.featured{grid-column:1/-1}.faq,.contact-in{gap:40px}}
@media(max-width:760px){header{height:70px}.head{padding:0 17px}.logo small,.top-cta{display:none}nav{top:70px}.hero{padding:50px 20px 0}.hero-in{grid-template-columns:1fr}.hero h1{font-size:36px}.visual{min-height:370px;margin-top:25px}.blob{width:340px;height:345px}.f2{right:0;top:80px}.stats{justify-content:space-between;gap:10px}.stats b{font-size:23px}.stats small{display:block;margin:3px 0}.quick{grid-template-columns:repeat(3,1fr);padding:14px}.quick a{padding:9px 0}.section{padding:75px 20px}.title h2{font-size:31px}.cards.four,.cards.three,.type-grid,.works,.reviews,.faq,.contact-in{grid-template-columns:1fr}.featured{grid-column:auto;grid-template-columns:1fr}.featured .mock{margin-top:24px}.works article{height:330px}.banner{height:345px;padding:38px 28px}.banner img{width:275px;right:0;bottom:-130px}.process ol{grid-template-columns:1fr 1fr}.price .best{transform:none}.contact form{grid-template-columns:1fr}.contact .wide,.contact form button{grid-column:auto}footer{grid-template-columns:1fr;gap:20px;padding:35px 20px}}
@media(max-width:430px){.hero h1{font-size:31px}.blob{width:300px;height:315px}.cards.four,.process ol{grid-template-columns:1fr}.works article{height:285px}}

/* Orange brand theme */
:root{--blue:#ff7a32;--deep:#302a28;--mint:#ffad72;--pale:#fff7f1;--line:#eee5df;--text:#2d2d35;--muted:#746d69}
.logo i{background:linear-gradient(145deg,#ff7a32,#f15a24)}
.hero{background:linear-gradient(135deg,#fff 0 45%,#fff3e9 100%)}
.badge{color:#d9561f;background:#fff0e5}
.blob{background:linear-gradient(155deg,#ffe2cd,#ffc89f);box-shadow:0 30px 70px #e86f2826}
.ico{background:#fff0e5}
.mock.blue{background:#ffc99f}.mock.mint{background:#ffe1c8}.mock.navy{background:#59433a}
.featured{background:linear-gradient(135deg,#ff8a42,#ef5c24)!important}
.banner{background:linear-gradient(120deg,#3d302b,#6c3d2d)}
.price .best{box-shadow:0 25px 60px #e6682420}
.best mark{background:#fff0e5}
.contact{background:linear-gradient(130deg,#382d29,#663b2d)}
.quick a{background:#fff}

/* Wide header alignment */
.head{width:100%;max-width:none;padding-left:48px;padding-right:48px}
nav{margin-left:auto;gap:36px}
nav a{font-size:16px}
.top-cta{margin-left:8px;font-size:15px}
@media(max-width:1000px){.head{padding-left:24px;padding-right:24px}nav{margin-left:0}.top-cta{margin-left:auto}}
@media(max-width:760px){.head{padding-left:17px;padding-right:17px}}

/* Spacious desktop navigation */
@media(min-width:1001px){header{height:92px}nav{gap:43px}nav a{font-size:17px}.top-cta{font-size:16px;padding:14px 23px}}

/* Main quick menu icon style */
.quick{padding:25px 30px 27px;background:#fff;border-radius:26px 26px 0 0}
.quick a{gap:11px;border-right:0;color:var(--text);transition:transform .25s}
.quick a:hover{transform:translateY(-4px)}
.quick a span{font-size:15px;font-weight:700}
.qicon{width:74px;height:74px;display:grid;place-items:center;background:#fff;border:1px solid #f1ebe7;border-radius:23px;box-shadow:0 9px 24px #5b3b2714}
.qicon svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.qicon.orange{color:#f47a2c}.qicon.coral{color:#f06454}.qicon.yellow{color:#e7a719}.qicon.pink{color:#e87285}.qicon.purple{color:#9669d8}.qicon.green{color:#4ca873}
@media(max-width:760px){.quick{padding:18px 8px 22px}.quick a span{font-size:13px}.qicon{width:61px;height:61px;border-radius:19px}.qicon svg{width:35px;height:35px}}

/* Connected section backgrounds and seven-item service menu */
.hero .quick{grid-template-columns:repeat(8,1fr);background:transparent;box-shadow:none;border-radius:0;padding-top:28px;padding-bottom:34px}
.qicon.naver{color:#03c75a}
.qicon.sns{color:#ef5b8d}
#service{background:linear-gradient(180deg,#fff3e9 0%,#fffaf6 20%,#fff 58%,#fff7f0 100%)}
#types{background:linear-gradient(180deg,#fff7f0 0%,#fff2e8 48%,#fffaf6 100%)}
#works{background:linear-gradient(180deg,#fffaf6 0%,#fff 48%,#fff8f2 100%)}
.process{background:linear-gradient(180deg,#fff8f2 0%,#fff 70%,#fff7f0 100%)}
#price{background:linear-gradient(180deg,#fff7f0 0%,#fff2e8 50%,#fffaf6 100%)}
#review{background:linear-gradient(180deg,#fffaf6 0%,#fff 55%,#fff7f1 100%)}
#faq{background:linear-gradient(180deg,#fff7f1 0%,#fff 100%)}
@media(max-width:1000px){.hero .quick{grid-template-columns:repeat(4,1fr);row-gap:24px}}
@media(max-width:760px){.hero .quick{grid-template-columns:repeat(3,1fr);padding-left:0;padding-right:0}.hero .quick a:nth-child(3){border:0}}

/* Floating quick consultation */
.quick-consult{position:fixed;right:22px;top:205px;z-index:24;width:230px;padding:82px 20px 22px;background:#fffaf6;border:1px solid #f2ddd0;border-radius:24px;box-shadow:0 22px 55px #71391d24;text-align:center;transition:.3s}
.quick-consult>img{position:absolute;width:148px;height:148px;object-fit:contain;left:50%;top:-73px;transform:translateX(-50%);filter:drop-shadow(0 8px 12px #7b41201c)}
.consult-title{display:inline-flex;align-items:center;justify-content:center;min-width:156px;height:42px;padding:0 18px;color:#fff;background:linear-gradient(135deg,#ff8a42,#f15a24);border-radius:30px;font-size:17px;font-weight:800;box-shadow:0 9px 22px #ef6b2930}
.quick-consult>p{margin:16px 0;color:#8a766b;font-size:12px}
.quick-consult form{display:grid;gap:10px}.quick-consult input{width:100%;height:44px;padding:0 13px;border:1px solid #eadbd2;border-radius:11px;background:#fff;outline:none;font-size:13px}.quick-consult input:focus{border-color:#ff8a42;box-shadow:0 0 0 3px #ff8a4218}.quick-consult form button{height:46px;border:0;border-radius:11px;color:#fff;background:linear-gradient(135deg,#ff934e,#ed5b25);font-weight:800;cursor:pointer}.consult-close{position:absolute;right:9px;top:8px;width:25px;height:25px;border:0;border-radius:50%;color:#a17e6c;background:#fff0e6;cursor:pointer}.quick-consult.minimized{width:58px;height:58px;top:auto;bottom:220px;padding:0;border-radius:50%;background:#ff7a32;overflow:hidden}.quick-consult.minimized>*{display:none}.quick-consult.minimized .consult-close{display:grid;place-items:center;inset:0;width:58px;height:58px;color:#fff;background:#ff7a32;font-size:0}.quick-consult.minimized .consult-close:after{content:'상담';font-size:12px;font-weight:800}
@media(max-width:1200px){.quick-consult{display:none}}

/* Remove the white strip between connected gradients */
.hero .quick a{background:transparent}

/* Keep the hero and the next section on one continuous color flow */
.hero{background:
radial-gradient(circle at 82% 22%,#fff0e8 0,rgba(255,240,232,.42) 22%,transparent 48%),
linear-gradient(180deg,#fff 0%,#fffaf6 52%,#fff8f4 70%,#fff8f4 100%)}
#service{margin-top:0;background:linear-gradient(180deg,#fff8f4 0%,#fff8f4 22%,#fff 64%,#fff7f0 100%)}

/* Quick consultation character and title connection */
.quick-consult{padding-top:72px}
.quick-consult>img{width:160px;height:auto;top:-58px;z-index:2;object-fit:initial}
.consult-title{position:relative;z-index:3;margin-top:-14px;font-size:17px;min-width:170px;height:44px}
.consult-close{display:none!important}

/* Transparent header on entry, frosted header after scrolling */
header{position:fixed;left:0;right:0;top:0;width:100%;background:transparent;border-bottom-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease,backdrop-filter .3s ease}
header.scrolled{background:rgba(255,255,255,.78);border-bottom-color:rgba(235,220,210,.65);box-shadow:0 8px 28px rgba(78,44,25,.07);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.hero{padding-top:162px}

/* Both sections hold the exact same solid color at their shared edge */
#service{position:relative}
#service:before{display:none}
@media(max-width:760px){.hero{padding-top:120px}}

/* Slightly wider desktop content area */
.hero-in,.hero .quick,.section>*,footer{max-width:1380px}

/* Web Chaeum image logo */
.brand-logo{display:block;flex:0 0 auto;line-height:0}
.brand-logo img{width:172px;height:auto}
.footer-logo img{width:150px}
@media(max-width:760px){.brand-logo img{width:142px}.footer-logo img{width:138px}}