:root{
  --green:#075b48; --green2:#008a70; --dark:#053c33; --orange:#ff7a00;
  --ink:#14231f; --muted:#60716b; --line:#dbe8e3; --bg:#f6faf8; --white:#fff;
  --shadow:0 12px 34px rgba(7,91,72,.12);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Pretendard,"Noto Sans KR","Malgun Gothic",Arial,sans-serif;color:var(--ink);background:white;line-height:1.55}
a{text-decoration:none;color:inherit} button,input,select,textarea{font:inherit}
.container{width:min(1240px,calc(100% - 40px));margin:auto}
.topbar{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{height:76px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;min-width:180px}.brand img{height:47px;object-fit:contain;max-width:175px}.navlinks{display:flex;align-items:center;gap:18px;flex:1;white-space:nowrap;overflow:auto;scrollbar-width:none;font-weight:700;font-size:14px}.navlinks::-webkit-scrollbar{display:none}.navlinks a{padding:26px 0 22px;border-bottom:3px solid transparent}.navlinks a:hover,.navlinks a.active{color:var(--green);border-bottom-color:var(--orange)}
.nav-actions{display:flex;gap:8px}.btn{border:0;border-radius:12px;padding:13px 20px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-green{background:var(--green);color:white}.btn-orange{background:var(--orange);color:white}.btn-outline{background:white;border:1px solid #bdd5cc;color:var(--green)}
.hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#f6fbf9 0%,#fff 54%,#edf8f2 100%);border-bottom:1px solid var(--line)}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(7,91,72,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(7,91,72,.045) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to right,#000,transparent 72%)}
.hero-grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;min-height:590px;gap:18px}.eyebrow{font-size:12px;letter-spacing:.24em;color:var(--green2);font-weight:900;text-transform:uppercase}.hero h1{font-size:54px;line-height:1.1;margin:18px 0 18px;letter-spacing:-.045em}.accent{color:var(--orange)}.hero p{font-size:19px;color:#4f625c;max-width:640px}.hero-actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.hero-metrics{display:flex;gap:28px;margin-top:34px;flex-wrap:wrap}.metric strong{display:block;font-size:24px;color:var(--green)}.metric span{font-size:13px;color:var(--muted)}
.hero-art{position:relative;height:520px}.process-img{position:absolute;inset:20px -80px 10px -80px;width:calc(100% + 160px);height:100%;object-fit:contain;opacity:.62;filter:saturate(.85)}.mascot{position:absolute;left:5%;bottom:12px;height:78%;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(0,0,0,.12))}
.section{padding:72px 0}.section.soft{background:var(--bg)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.section-head h2{font-size:36px;line-height:1.2;margin:6px 0 0;letter-spacing:-.035em}.section-head p{color:var(--muted);max-width:560px;margin:0}.kicker{color:var(--green2);font-weight:900;letter-spacing:.14em;font-size:12px}
.dual{display:grid;grid-template-columns:1fr 1fr;gap:22px}.axis-card{border-radius:24px;padding:34px;min-height:290px;position:relative;overflow:hidden;box-shadow:var(--shadow)}.axis-card.dark{background:linear-gradient(135deg,#064d3f,#082e28);color:white}.axis-card.light{background:white;border:1px solid var(--line)}.axis-card h3{font-size:30px;margin:8px 0 12px}.axis-card p{max-width:520px}.axis-card.dark p{color:#d6ebe3}.pillrow{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.pill{padding:8px 12px;border-radius:999px;background:#eef6f2;font-weight:800;font-size:13px;color:var(--green)}.dark .pill{background:rgba(255,255,255,.12);color:#fff}.axis-icon{position:absolute;right:22px;bottom:10px;font-size:110px;opacity:.1}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service{background:white;border:1px solid var(--line);border-radius:18px;padding:24px;transition:.2s;min-height:180px}.service:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#e9f6f1;color:var(--green);font-size:24px;font-weight:900;margin-bottom:16px}.service:nth-child(even) .icon{background:#fff0e4;color:var(--orange)}.service h3{margin:0 0 8px;font-size:20px}.service p{margin:0;color:var(--muted);font-size:14px}
.flow{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;align-items:start}.step{position:relative;text-align:center}.step:not(:last-child)::after{content:"→";position:absolute;right:-8px;top:32px;color:#a9bdb5;font-weight:900}.step .num{width:64px;height:64px;margin:auto;border-radius:50%;display:grid;place-items:center;background:var(--green);color:white;font-size:20px;font-weight:900}.step:nth-child(even) .num{background:var(--orange)}.step h4{margin:12px 0 4px}.step p{font-size:13px;color:var(--muted);margin:0}
.trade-box{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}.diagram{background:white;border:1px solid var(--line);border-radius:22px;padding:28px}.diagram-row{display:grid;grid-template-columns:1fr 60px 1.25fr 60px 1fr;align-items:center;gap:8px}.entity{padding:18px;border-radius:16px;background:#f4f8f6;text-align:center;font-weight:900}.entity.center{background:#e8f5f0;border:2px solid #9ecbbb}.arrow{text-align:center;color:var(--orange);font-size:26px;font-weight:900}.rules{display:grid;gap:12px}.rule{background:white;border:1px solid var(--line);border-radius:16px;padding:18px}.rule strong{color:var(--green);display:block;margin-bottom:4px}.rule.danger strong{color:#d84315}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.sample{border:1px solid var(--line);background:white;border-radius:16px;overflow:hidden}.sample .thumb{height:150px;background:linear-gradient(135deg,#e8f1ed,#fff);display:grid;place-items:center;font-size:46px;color:var(--green)}.sample .meta{padding:16px}.sample h4{margin:0 0 5px}.sample p{margin:0;font-size:13px;color:var(--muted)}
.cta{background:linear-gradient(135deg,var(--green),#064337);color:white;border-radius:26px;padding:40px;display:flex;align-items:center;justify-content:space-between;gap:20px}.cta h2{margin:0 0 8px;font-size:34px}.cta p{margin:0;color:#d6ebe3}.footer{background:#04392f;color:#d7ebe3;padding:34px 0}.footer-grid{display:grid;grid-template-columns:1.2fr 2fr .8fr;gap:30px;align-items:center}.footer img{height:48px;filter:brightness(4)}.small{font-size:12px;color:#9fc3b8}
.page-hero{padding:70px 0;background:linear-gradient(135deg,#063f35,#075b48);color:white}.page-hero h1{font-size:48px;margin:8px 0 10px}.page-hero p{max-width:760px;color:#d8ece5;font-size:18px}.content-card{background:white;border:1px solid var(--line);border-radius:20px;padding:26px}.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.notice{border-left:4px solid var(--orange);background:#fff8f1;padding:16px 18px;border-radius:12px;color:#6d4a2d}.searchbar{display:flex;gap:8px;margin:18px 0}.searchbar input{flex:1;border:1px solid var(--line);border-radius:12px;padding:14px 16px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.product{border:1px solid var(--line);border-radius:16px;padding:16px;background:#fff}.product .pimg{height:125px;border-radius:12px;background:linear-gradient(135deg,#e6eee9,#fafcfb);display:grid;place-items:center;font-size:40px}.product h4{margin:12px 0 4px}.price{color:var(--green);font-weight:900}.badge{display:inline-block;border-radius:8px;background:#eef5f1;color:var(--green);padding:4px 7px;font-size:11px;font-weight:900}
.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:300;place-items:center;padding:20px}.modal.open{display:grid}.modal-card{width:min(540px,100%);background:white;border-radius:22px;padding:28px}.modal-card h3{margin-top:0}.formgrid{display:grid;gap:12px}.formgrid input,.formgrid select,.formgrid textarea{width:100%;padding:13px 14px;border:1px solid #d6e4df;border-radius:10px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}
@media(max-width:980px){.nav{height:auto;padding:10px 0;flex-wrap:wrap}.brand{min-width:150px}.navlinks{order:3;width:100%}.nav-actions{margin-left:auto}.hero-grid{grid-template-columns:1fr;min-height:auto;padding:54px 0}.hero-art{height:420px}.hero h1{font-size:42px}.grid{grid-template-columns:repeat(2,1fr)}.flow{grid-template-columns:repeat(3,1fr);row-gap:24px}.step:nth-child(3)::after{display:none}.trade-box,.dual,.two{grid-template-columns:1fr}.gallery,.product-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr}.diagram-row{grid-template-columns:1fr;}.arrow{transform:rotate(90deg)}}
@media(max-width:640px){.container{width:min(100% - 24px,1240px)}.nav-actions{display:none}.hero h1{font-size:36px}.hero p{font-size:16px}.hero-art{height:330px}.process-img{inset:0 -100px;width:calc(100% + 200px)}.mascot{height:84%;left:-3%}.section{padding:52px 0}.section-head{display:block}.section-head h2{font-size:29px}.grid,.gallery,.product-grid,.three{grid-template-columns:1fr}.flow{grid-template-columns:repeat(2,1fr)}.step:nth-child(2n)::after{display:none}.cta{display:block}.cta .btn{margin-top:18px}.page-hero h1{font-size:36px}}

.safe-grid{grid-template-columns:repeat(3,1fr)}
@media(max-width:980px){.safe-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.safe-grid{grid-template-columns:1fr}}

/* V1.2 안전거래 구조 */
.safe-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.safe-stage{border:1px solid var(--line);background:#fff;border-radius:18px;padding:20px;min-height:165px;position:relative}.safe-stage span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e8f5f0;color:var(--green);font-weight:900}.safe-stage h3{margin:14px 0 6px}.safe-stage p{margin:0;color:var(--muted);font-size:14px}.safe-stage.highlight{border:2px solid #83bfa9;background:#f0faf6}.safe-stage.orange{border:2px solid #ffc58f;background:#fff8f1}.safe-stage.orange span{background:#fff0e4;color:var(--orange)}
.payment-track{display:grid;grid-template-columns:1fr 36px 1fr 36px 1fr 36px 1fr 36px 1fr;gap:8px;align-items:stretch}.payment-node{border:1px solid var(--line);background:#fff;border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:7px}.payment-node b{color:var(--green)}.payment-node span{font-size:13px;color:var(--muted)}.payment-node.orange{border-color:#ffd2aa;background:#fff8f1}.payment-node.orange b{color:var(--orange)}.pay-arrow{display:grid;place-items:center;color:var(--orange);font-size:22px;font-weight:900}.guarantee-card{border:2px solid #83bfa9;background:linear-gradient(135deg,#f2fbf7,#fff);border-radius:22px;padding:28px}.guarantee-card.defect{border-color:#ffc58f;background:linear-gradient(135deg,#fff8f1,#fff)}.g-tag{font-size:12px;font-weight:900;letter-spacing:.08em;color:var(--green2)}.guarantee-card.defect .g-tag{color:var(--orange)}.guarantee-card h3{font-size:28px;margin:8px 0 10px}.guarantee-card ul{padding-left:19px;margin-bottom:0;color:var(--muted)}.flow8{grid-template-columns:repeat(8,1fr)}
@media(max-width:1180px){.flow8{grid-template-columns:repeat(4,1fr)}.flow8 .step:nth-child(4)::after{display:none}.safe-timeline{grid-template-columns:repeat(2,1fr)}.payment-track{grid-template-columns:1fr}.pay-arrow{transform:rotate(90deg)}}
@media(max-width:640px){.safe-timeline{grid-template-columns:1fr}.flow8{grid-template-columns:repeat(2,1fr)}.flow8 .step:nth-child(2n)::after{display:none}}

/* V1.3 — 투명 건축 스케치 + 라이트 아키텍처 테마 */
body{background:#fbfdfc}
.topbar{box-shadow:0 2px 18px rgba(5,60,51,.04)}
.hero-v13{background:linear-gradient(90deg,#fff 0%,#fbfefd 46%,#f5faf8 100%)}
.hero-v13::before{background-image:linear-gradient(90deg,rgba(255,255,255,.22),rgba(255,255,255,.52)),url('assets/architecture-process.png');background-repeat:no-repeat;background-position:center;background-size:135% auto;opacity:.22;mask-image:none}
.hero-v13::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.36) 42%,rgba(255,255,255,.08) 66%,rgba(255,255,255,.26) 100%)}
.hero-v13 .hero-grid{z-index:2;min-height:560px}
.hero-copy{position:relative;z-index:3}
.hero-v13 .hero-art{height:510px}
.hero-v13 .process-img{opacity:.58;filter:saturate(.7) contrast(.92);transform:scale(1.05)}
.hero-v13 .mascot{left:10%;height:80%;bottom:0;z-index:3}
.hero-v13 h1{font-size:52px}.hero-v13 p{font-size:18px}.hero-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:26px;color:var(--green);font-weight:800;font-size:14px}

.process-ribbon-section{position:relative;margin-top:-28px;z-index:10}.process-ribbon{background:rgba(255,255,255,.95);border:1px solid rgba(182,211,201,.75);border-radius:24px;padding:22px 24px;box-shadow:0 18px 40px rgba(7,91,72,.12);display:grid;grid-template-columns:180px 1fr;gap:22px;align-items:center}.process-title b{display:block;font-size:20px;line-height:1.35}.process-title span{display:block;color:var(--muted);font-size:12px;margin-top:7px}.flow10{grid-template-columns:repeat(10,1fr);gap:4px}.flow10 .step .num{width:48px;height:48px;font-size:13px;background:#edf7f3;color:var(--green);border:1px solid #cae2d9}.flow10 .step:nth-child(even) .num{background:#fff5eb;color:var(--orange);border-color:#ffd5ae}.flow10 .step h4{font-size:12px;margin-top:8px}.flow10 .step p{font-size:10px}.flow10 .step:not(:last-child)::after{top:20px;right:-4px;font-size:13px}

.sketch-section{position:relative;overflow:hidden}.sketch-section::before,.sketch-section::after{content:"";position:absolute;top:0;bottom:0;width:32%;background:url('assets/architecture-process.png') center/cover no-repeat;opacity:.045;pointer-events:none}.sketch-section::before{left:-12%;transform:scaleX(-1)}.sketch-section::after{right:-12%}.sketch-section>.container{position:relative;z-index:1}
.service-grid-v13{grid-template-columns:repeat(5,1fr)}.service-grid-v13 .service{min-height:168px}

.space-strip{background:linear-gradient(135deg,#063f35,#075b48);color:#fff;position:relative;overflow:hidden}.space-strip::before{content:"";position:absolute;inset:0;background:url('assets/architecture-process.png') center/130% auto no-repeat;opacity:.06}.space-strip .container{position:relative;z-index:1}.space-strip .section-head p{color:#cfe4dc}.space-strip .kicker{color:#9be2c8}.space-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.space-card{min-height:180px;border-radius:18px;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(0,0,0,.3)),url('assets/architecture-process.png') center/cover no-repeat;border:1px solid rgba(255,255,255,.18);box-shadow:0 12px 30px rgba(0,0,0,.16)}.space-card:nth-child(2){background-position:62% center}.space-card:nth-child(3){background-position:44% center}.space-card:nth-child(4){background-position:78% center}.space-card b{font-size:22px}.space-card span{font-size:13px;color:#d9ebe4;margin-top:4px}

/* 모든 서브페이지: 진한 단색 대신 건축 스케치형 히어로 */
.page-hero{position:relative;overflow:hidden;padding:72px 0 78px;background:linear-gradient(90deg,#ffffff 0%,#fbfefd 52%,#f0f8f5 100%);color:var(--ink);border-bottom:1px solid var(--line)}
.page-hero::before{content:"";position:absolute;inset:-18% -4%;background:url('assets/architecture-process.png') center/122% auto no-repeat;opacity:.15;filter:saturate(.68) contrast(.92);pointer-events:none}
.page-hero::after{content:"";position:absolute;right:4%;bottom:-8px;width:260px;height:330px;background:url('assets/daumi.png') center bottom/contain no-repeat;filter:drop-shadow(0 16px 22px rgba(0,0,0,.08));pointer-events:none}
.page-hero .container{position:relative;z-index:2;padding-right:310px}.page-hero h1{color:var(--ink);font-size:46px;line-height:1.12}.page-hero p{color:#526760;max-width:760px}.page-hero .kicker{color:var(--green2)!important}.page-hero .btn-orange{box-shadow:0 8px 20px rgba(255,122,0,.16)}

.content-card,.service,.product,.sample,.safe-stage,.guarantee-card,.diagram,.rule{box-shadow:0 8px 22px rgba(7,91,72,.045)}
.section-head h2,.page-hero h1{letter-spacing:-.04em}

@media(max-width:1180px){.service-grid-v13{grid-template-columns:repeat(3,1fr)}.process-ribbon{grid-template-columns:1fr}.process-title{display:none}.flow10{grid-template-columns:repeat(5,1fr)}.flow10 .step:nth-child(5)::after{display:none}.space-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){.page-hero .container{padding-right:220px}.page-hero::after{width:200px;height:260px;right:1%}.hero-v13 .hero-grid{padding-top:46px}.process-ribbon-section{margin-top:-12px}.flow10{grid-template-columns:repeat(5,1fr)}.service-grid-v13{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.hero-v13 h1{font-size:35px}.hero-v13 .hero-art{height:320px}.hero-v13 .mascot{height:82%;left:0}.process-ribbon{padding:16px}.flow10{grid-template-columns:repeat(2,1fr);row-gap:18px}.flow10 .step:nth-child(2n)::after{display:none}.service-grid-v13{grid-template-columns:1fr}.space-grid{grid-template-columns:1fr}.page-hero{padding:50px 0 250px}.page-hero .container{padding-right:0}.page-hero::after{width:190px;height:230px;right:50%;transform:translateX(50%);bottom:5px}.page-hero::before{background-size:auto 100%;opacity:.12}}
.section.soft{position:relative;overflow:hidden}
.section.soft::before{content:"";position:absolute;inset:0;background:url('assets/architecture-process.png') right center/58% auto no-repeat;opacity:.025;pointer-events:none}
.section.soft>.container{position:relative;z-index:1}

/* ===== V1.4 — 마지막 시안과 실제 화면을 최대한 동일하게 ===== */
.home-v14{--v14g:#075b48;--v14gd:#06483c;--v14o:#ff7200;background:#fff;color:#10231e}
.v14-topbar{height:68px;background:#fff;border-bottom:1px solid #e8efec;box-shadow:none}.v14-nav{height:68px;gap:15px}.v14-nav .brand{min-width:145px}.v14-nav .brand img{height:42px;max-width:142px}.v14-nav .navlinks{gap:16px;font-size:12px}.v14-nav .navlinks a{padding:23px 0 19px}.v14-search{border:1px solid #dce8e3;border-radius:999px;color:#9ba9a4;font-size:11px;padding:9px 15px;min-width:150px}.btn-ghost{background:#fff;color:#273a34;padding:10px 12px}.v14-nav .btn{border-radius:7px;padding:10px 15px;font-size:12px}
.v14-hero{height:405px;position:relative;overflow:hidden;background:linear-gradient(90deg,#fff 0%,#fff 39%,#f7fbf9 62%,#f4faf7 100%);border-bottom:1px solid #e8f0ed}.v14-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.88) 32%,rgba(255,255,255,.18) 64%,rgba(255,255,255,.02) 100%);z-index:1}.v14-sketch{position:absolute;top:-16%;bottom:-22%;width:40%;background:url('assets/architecture-process.png') center/cover no-repeat;opacity:.13;filter:saturate(.55) contrast(.95);z-index:0}.v14-sketch-left{left:-18%;transform:scaleX(-1)}.v14-sketch-right{right:-18%}.v14-hero-grid{height:100%;display:grid;grid-template-columns:48% 52%;position:relative;z-index:2}.v14-copy{padding:34px 0 0 46px;position:relative}.v14-copy .eyebrow{font-size:11px}.v14-copy h1{font-size:37px;line-height:1.15;margin:10px 0 12px;letter-spacing:-.048em}.v14-copy h1 span{display:block}.v14-copy h1 em{font-style:normal;color:var(--v14o)}.v14-copy p{font-size:14px;line-height:1.7;max-width:620px;color:#455a53;margin:0}.v14-hero-actions{display:flex;gap:12px;margin-top:18px}.btn.xl{padding:13px 30px;border-radius:10px;font-size:14px}.btn-white{background:white;color:var(--v14g);border:1px solid #9ebfb4}.v14-proof{display:flex;gap:20px;margin-top:18px;color:var(--v14g);font-size:12px}.v14-proof span{display:grid;grid-template-columns:auto auto;column-gap:5px;align-items:center}.v14-proof small{grid-column:2;color:#7b8e87;font-size:9px}.v14-side-copy{position:absolute;left:-40px;bottom:19px;font-size:9px;line-height:1.75;letter-spacing:.25em;color:#79928a}.v14-visual{position:relative;height:100%;overflow:visible}.v14-process{position:absolute;right:-18px;top:-12px;width:112%;height:103%;object-fit:contain;opacity:.83;filter:saturate(.75) contrast(.98)}.v14-daumi{position:absolute;left:3%;bottom:-8px;height:93%;z-index:4;filter:drop-shadow(0 14px 18px rgba(20,65,52,.12))}.v14-hand-note{position:absolute;z-index:5;color:#0c644f;font-weight:800;transform:rotate(-7deg);font-size:12px;line-height:1.45}.note-a{left:-2%;top:58px}.note-b{right:1%;bottom:36px;transform:rotate(-10deg)}
.v14-process-wrap{background:#fff;position:relative;padding:0 0 18px}.v14-process-panel{margin-top:-2px;background:rgba(255,255,255,.98);border:1px solid #dce9e4;border-radius:18px;padding:18px;display:grid;grid-template-columns:145px 1fr 180px;gap:12px;align-items:stretch;box-shadow:0 10px 28px rgba(7,91,72,.08)}.v14-process-intro{padding:8px 4px}.v14-process-intro b{font-size:16px;line-height:1.35;display:block}.v14-process-intro span{font-size:10px;color:#7b8d87;display:block;margin-top:6px}.v14-flow{display:grid;grid-template-columns:repeat(10,1fr);align-items:stretch}.v14-flow a{position:relative;text-align:center;padding:3px 4px}.v14-flow a:not(:last-child)::after{content:"›";position:absolute;right:-2px;top:24px;color:#99aaa4}.v14-flow i{width:44px;height:44px;margin:auto;border-radius:50%;display:grid;place-items:center;background:#eef7f4;color:#07614e;font-style:normal;font-size:10px;font-weight:900;border:1px solid #d9e9e3}.v14-flow strong{font-size:10px;display:block;margin-top:6px;line-height:1.2}.v14-flow small{font-size:8px;color:#82918c}.v14-green-box{border-radius:12px;background:linear-gradient(135deg,#08604d,#06463a);color:white;padding:22px 16px;display:flex;flex-direction:column;justify-content:center}.v14-green-box b{font-size:15px}.v14-green-box span{font-size:9px;color:#cde6de;margin-top:8px}
.v14-services{padding:22px 0 18px;position:relative;background:#fff;overflow:hidden}.v14-sketch-bg::before,.v14-sketch-bg::after{content:"";position:absolute;top:-40px;bottom:-30px;width:33%;background:url('assets/architecture-process.png') center/cover no-repeat;opacity:.055;pointer-events:none}.v14-sketch-bg::before{left:-18%;transform:scaleX(-1)}.v14-sketch-bg::after{right:-18%}.v14-services .container{position:relative;z-index:1}.v14-section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:12px}.v14-section-title h2{font-size:21px;margin:0}.v14-section-title p{display:inline;margin-left:10px;font-size:10px;color:#788b84}.v14-section-title a{font-size:10px;color:#08705a}.v14-service-grid{display:grid;grid-template-columns:repeat(10,1fr);border:1px solid #e4eeea;border-radius:12px;overflow:hidden;background:#fff}.v14-service-grid a{min-height:103px;border-right:1px solid #e8efec;text-align:center;padding:13px 6px;display:flex;flex-direction:column;align-items:center}.v14-service-grid a:last-child{border-right:none}.v14-service-grid span{font-size:26px;color:#06604d;height:33px}.v14-service-grid b{font-size:12px;margin:6px 0 3px}.v14-service-grid small{font-size:8px;color:#809089;line-height:1.35}
.v14-bottom-band{background:linear-gradient(135deg,#064e40,#063b32);color:white;padding:16px 0 18px;position:relative;overflow:hidden}.v14-bottom-band::after{content:"";position:absolute;inset:0;background:url('assets/architecture-process.png') center/130% auto no-repeat;opacity:.035}.v14-bottom-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.25fr repeat(4,1fr);gap:10px;align-items:stretch}.v14-brand-message{padding:8px 8px 0}.v14-brand-message .eyebrow{color:#9ed2c2;font-size:8px}.v14-brand-message h2{font-size:21px;line-height:1.35;margin:8px 0}.v14-brand-message p{font-size:9px;color:#c6ddd5;line-height:1.6}.v14-brand-message .btn{padding:9px 13px;font-size:9px}.v14-space-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.13);border-radius:8px;overflow:hidden;padding-bottom:10px}.space-img{height:87px;background:url('assets/architecture-process.png') right center/250% auto no-repeat}.s2{background-position:62% center}.s3{background-position:43% center}.s4{background-position:76% center}.v14-space-card b,.v14-space-card span{display:block;padding:0 9px}.v14-space-card b{font-size:11px;margin-top:8px}.v14-space-card span{font-size:8px;color:#cfe0da}.v14-brand-values{grid-column:2/6;margin-top:2px;border-top:1px solid rgba(255,255,255,.12);padding-top:8px;display:flex;justify-content:space-between;font-size:9px}.v14-brand-values div{display:flex;gap:18px;color:#cfe0da}.v14-footer{padding:18px 0;background:#fff;color:#51635d;border-top:1px solid #e1ebe7}.v14-footer .footer-grid{grid-template-columns:1.2fr 2fr .7fr}.v14-footer img{filter:none;height:38px}.v14-footer .small{color:#8a9893;font-size:9px}.v14-footer b{color:#0b5645}
@media(max-width:1180px){.v14-search{display:none}.v14-hero{height:auto}.v14-hero-grid{grid-template-columns:1fr;min-height:690px}.v14-copy{padding:42px 20px 0}.v14-visual{height:370px}.v14-process-panel{grid-template-columns:1fr}.v14-process-intro,.v14-green-box{display:none}.v14-flow{grid-template-columns:repeat(5,1fr);row-gap:10px}.v14-flow a:nth-child(5)::after{display:none}.v14-service-grid{grid-template-columns:repeat(5,1fr)}.v14-service-grid a:nth-child(5){border-right:none}.v14-bottom-grid{grid-template-columns:repeat(2,1fr)}.v14-brand-message{grid-column:1/3}.v14-brand-values{grid-column:1/3}.v14-daumi{left:18%;height:90%}}
@media(max-width:700px){.v14-topbar{height:auto}.v14-nav{height:auto}.v14-copy h1{font-size:31px}.v14-hero-grid{min-height:680px}.v14-visual{height:330px}.v14-daumi{left:-2%;height:88%}.v14-process{width:150%;right:-40%}.v14-hand-note{display:none}.v14-proof{gap:10px}.v14-proof span{font-size:10px}.v14-process-panel{padding:12px}.v14-flow{grid-template-columns:repeat(2,1fr)}.v14-flow a:nth-child(2n)::after{display:none}.v14-service-grid{grid-template-columns:repeat(2,1fr)}.v14-service-grid a{border-bottom:1px solid #e8efec}.v14-bottom-grid{grid-template-columns:1fr}.v14-brand-message,.v14-brand-values{grid-column:1}.v14-brand-values{display:block}.v14-brand-values div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:7px}.v14-footer .footer-grid{grid-template-columns:1fr}.v14-side-copy{display:none}}

/* v1.5 header refinement */
.v14-search{min-width:300px;color:#6b7e79;font-size:13px;justify-content:flex-start;padding-left:18px}.nav-actions{display:flex;gap:10px;align-items:center}.btn-ghost{background:transparent;border:none;color:#233833}.navlinks a{white-space:nowrap}.v14-process-panel{box-shadow:0 12px 30px rgba(16,59,47,.06)}.v14-service-grid a{min-height:128px}.v14-space-card b{font-size:20px}.v14-space-card span{font-size:14px}


/* ===== 다건축 공통 배너 / QR / PWA ===== */
.dagun-install-banner{font-family:inherit;z-index:250}.dagun-desktop-banner{position:fixed;right:22px;bottom:22px;width:min(560px,calc(100vw - 44px));min-height:126px;background:linear-gradient(135deg,#065845 0%,#04392f 70%);color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:22px;box-shadow:0 22px 58px rgba(4,57,47,.28);display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;padding:16px 52px 16px 18px;overflow:hidden}.dagun-desktop-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.03),rgba(255,255,255,0) 40%),url("assets/architecture-process.png") right center/52% no-repeat;opacity:.16;pointer-events:none}.dagun-banner-badge{position:absolute;left:18px;top:12px;font-size:10px;font-weight:900;letter-spacing:.18em;color:#c9e4dc}.dagun-banner-logo{width:88px;max-height:40px;object-fit:contain;filter:brightness(0) invert(1);margin-top:12px;position:relative;z-index:1}.dagun-banner-copy{display:flex;flex:1;min-width:0;flex-direction:column;position:relative;z-index:1;margin-top:10px}.dagun-banner-copy small{font-size:10px;font-weight:800;color:#b6ddd1;letter-spacing:.04em}.dagun-banner-copy b{font-size:18px;line-height:1.32;margin-top:5px}.dagun-banner-copy span{font-size:11px;color:#d5e9e2;margin-top:6px}.dagun-banner-qr{width:76px;height:76px;object-fit:contain;background:#fff;border-radius:14px;padding:6px;box-shadow:0 10px 24px rgba(0,0,0,.18);position:relative;z-index:1}.dagun-banner-cta{display:flex;flex-direction:column;gap:8px;position:relative;z-index:1}.dagun-banner-btn{border:0;border-radius:10px;background:#ff7200;color:#fff;font-size:12px;font-weight:900;padding:10px 14px;white-space:nowrap;cursor:pointer;min-width:94px}.dagun-banner-btn.outline{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.45)}.dagun-banner-close{position:absolute;right:10px;top:8px;border:0;background:transparent;color:inherit;font-size:20px;line-height:1;cursor:pointer;opacity:.7;z-index:2}.dagun-install-banner.hidden{display:none!important}.dagun-mobile-banner{display:none;position:fixed;left:12px;right:12px;bottom:76px;min-height:82px;padding:12px 14px 12px 12px;background:linear-gradient(135deg,#ffffff 0%,#f5fbf8 100%);border:1px solid #dce9e4;border-radius:20px;box-shadow:0 16px 40px rgba(4,57,47,.16);align-items:center;gap:10px;overflow:hidden}.dagun-mobile-banner:before{content:"";position:absolute;inset:auto -26px -26px auto;width:120px;height:120px;background:url("assets/architecture-process.png") center/cover no-repeat;opacity:.08}.dagun-mobile-badge{position:absolute;left:12px;top:8px;font-size:9px;font-weight:900;color:#6c7e78;letter-spacing:.08em}.dagun-mobile-icon{width:46px;height:46px;border-radius:14px;position:relative;z-index:1}.dagun-mobile-copy{display:flex;flex-direction:column;flex:1;min-width:0;position:relative;z-index:1;margin-top:10px}.dagun-mobile-copy small{font-size:9px;color:#6f837c;font-weight:800}.dagun-mobile-copy b{font-size:14px;color:#075b48;line-height:1.3}.dagun-mobile-copy span{font-size:10px;color:#778983}.dagun-mobile-install{position:relative;z-index:1;border:0;border-radius:12px;background:#ff7200;color:#fff;font-size:11px;font-weight:900;padding:11px 12px;white-space:nowrap}.dagun-qr-fab{position:fixed;right:22px;bottom:150px;z-index:245;width:58px;height:58px;border:0;border-radius:18px;background:#fff;color:#075b48;box-shadow:0 12px 34px rgba(4,57,47,.22);border:1px solid #dce9e4;cursor:pointer;font-weight:900}.dagun-qr-fab span,.dagun-qr-fab small{display:block}.dagun-qr-fab span{font-size:15px}.dagun-qr-fab small{font-size:8px;color:#7a8d86}.dagun-qr-modal{position:fixed;inset:0;z-index:500;background:rgba(3,32,27,.58);backdrop-filter:blur(5px);display:none;place-items:center;padding:20px}.dagun-qr-modal.open{display:grid}.dagun-qr-card{position:relative;width:min(360px,100%);background:#fff;border-radius:26px;padding:26px 24px;text-align:center;box-shadow:0 30px 90px rgba(0,0,0,.28)}.dagun-qr-close{position:absolute;right:14px;top:12px;border:0;background:#f1f6f4;width:34px;height:34px;border-radius:50%;font-size:22px;cursor:pointer;color:#33534a}.dagun-qr-brand{height:42px;max-width:150px;object-fit:contain}.dagun-qr-card h3{margin:12px 0 5px;color:#075b48;font-size:24px}.dagun-qr-card p{margin:0 0 15px;color:#6b7c76;font-size:13px;line-height:1.55}.dagun-qr-image{width:220px;height:220px;max-width:72vw;object-fit:contain;border:1px solid #e4ede9;border-radius:18px;padding:7px;background:#fff}.dagun-qr-card strong{display:block;font-size:17px;color:#075b48;margin-top:8px}.dagun-install-hint{margin-top:10px;background:#f5f9f7;border-radius:10px;padding:9px;color:#60736c;font-size:10px}.dagun-qr-install{margin-top:12px;border:0;border-radius:10px;background:#ff7200;color:#fff;font-weight:900;padding:11px 18px;cursor:pointer}.dagun-qr-install.ready,.dagun-banner-btn.ready,.dagun-mobile-install.ready{box-shadow:0 0 0 3px rgba(255,114,0,.16)}
@media(max-width:899px){body{padding-bottom:58px}.dagun-desktop-banner,.dagun-qr-fab{display:none}.dagun-mobile-banner{position:fixed;left:10px;right:10px;bottom:76px;z-index:250;min-height:54px;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);border:1px solid #dce9e4;border-radius:15px;box-shadow:0 12px 34px rgba(4,57,47,.18);display:flex;align-items:center;gap:10px;padding:8px 42px 8px 9px}.dagun-mobile-icon{width:38px;height:38px;object-fit:contain;border-radius:9px}.dagun-mobile-copy{display:flex;flex:1;min-width:0;flex-direction:column}.dagun-mobile-copy b{font-size:12px;color:#075b48}.dagun-mobile-copy span{font-size:9px;color:#7c8d87}.dagun-mobile-install{border:0;background:#ff7200;color:#fff;border-radius:9px;padding:9px 12px;font-size:10px;font-weight:900}.dagun-mobile-banner .dagun-banner-close{color:#71817c;right:7px;top:5px}.dagun-qr-card{padding:24px 18px}.dagun-qr-image{width:190px;height:190px}}

@media(max-width:899px){.dagun-desktop-banner,.dagun-qr-fab{display:none!important}.dagun-mobile-banner{display:flex}}


/* ===== FINAL DESIGNED QR / PWA BANNERS v4 ===== */
.dagun-desktop-banner{position:fixed!important;right:20px!important;bottom:20px!important;width:min(720px,calc(100vw - 40px))!important;height:154px!important;min-height:154px!important;border-radius:26px!important;padding:18px 52px 18px 154px!important;display:grid!important;grid-template-columns:1fr 96px 112px!important;gap:14px!important;align-items:center!important;background:linear-gradient(105deg,#064f40 0%,#075b48 56%,#04382f 100%)!important;color:#fff!important;box-shadow:0 24px 70px rgba(3,50,41,.28)!important;border:1px solid rgba(255,255,255,.14)!important;overflow:hidden!important;isolation:isolate}
.dagun-desktop-banner:before{content:""!important;position:absolute!important;inset:0!important;background:url('assets/architecture-process.png') right center/58% auto no-repeat!important;opacity:.13!important;z-index:-2!important;pointer-events:none!important}
.dagun-desktop-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,57,47,.96) 0%,rgba(6,79,64,.90) 58%,rgba(4,57,47,.66) 100%);z-index:-1;pointer-events:none}
.dagun-banner-mascot{position:absolute;left:12px;bottom:-16px;width:142px;height:142px;object-fit:contain;filter:drop-shadow(0 13px 20px rgba(0,0,0,.18));z-index:1}
.dagun-banner-main{min-width:0;position:relative;z-index:1}.dagun-banner-badge{position:static!important;font-size:9px!important;letter-spacing:.18em!important;color:#9ed4c4!important;font-weight:900!important;margin-bottom:5px}.dagun-banner-title{font-size:21px;font-weight:950;line-height:1.2;letter-spacing:-.03em}.dagun-banner-title span{color:#ff8a1f}.dagun-banner-desc{font-size:11px;color:#e1f0eb;margin-top:6px;line-height:1.45}.dagun-banner-features{font-size:9px;color:#a9d5c8;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dagun-banner-qrbox{position:relative;z-index:1;background:#fff;border-radius:16px;padding:7px 7px 6px;text-align:center;box-shadow:0 8px 22px rgba(0,0,0,.18)}.dagun-banner-qrbox img{display:block;width:80px;height:80px;object-fit:contain;margin:auto}.dagun-banner-qrbox small{display:block;color:#075b48;font-size:9px;font-weight:900;margin-top:2px}
.dagun-banner-cta{position:relative!important;z-index:1!important;display:flex!important;flex-direction:column!important;gap:8px!important}.dagun-banner-btn{min-width:106px!important;padding:10px 11px!important;font-size:11px!important;border-radius:10px!important}.dagun-banner-btn.outline{background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.42)!important;color:#fff!important}.dagun-banner-close{z-index:5!important;right:10px!important;top:8px!important;color:#fff!important}
.dagun-qr-fab{bottom:190px!important}
.dagun-mobile-banner{display:none!important}
@media(max-width:899px){
  body{padding-bottom:72px!important}.dagun-desktop-banner,.dagun-qr-fab{display:none!important}.dagun-mobile-banner{position:fixed!important;left:10px!important;right:10px!important;bottom:72px!important;height:78px!important;min-height:78px!important;padding:10px 46px 10px 74px!important;border-radius:20px!important;background:linear-gradient(105deg,#ffffff 0%,#f4fbf8 100%)!important;border:1px solid #d9e8e2!important;box-shadow:0 16px 42px rgba(4,57,47,.18)!important;display:flex!important;align-items:center!important;gap:8px!important;overflow:hidden!important;color:#0b463a!important}
  .dagun-mobile-banner:before{content:""!important;position:absolute!important;right:-24px!important;bottom:-42px!important;width:150px!important;height:140px!important;background:url('assets/architecture-process.png') center/cover no-repeat!important;opacity:.07!important;pointer-events:none!important}
  .dagun-mobile-mascot{position:absolute;left:4px;bottom:-8px;width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 7px 11px rgba(0,0,0,.12));z-index:1}
  .dagun-mobile-copy{position:relative!important;z-index:2!important;display:flex!important;flex:1!important;min-width:0!important;flex-direction:column!important;margin:0!important}.dagun-mobile-copy small{font-size:8px!important;color:#ff7200!important;font-weight:900!important;letter-spacing:.04em}.dagun-mobile-copy b{font-size:13px!important;line-height:1.25!important;color:#075b48!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.dagun-mobile-copy span{font-size:9px!important;color:#748780!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin-top:2px}
  .dagun-mobile-install{position:relative!important;z-index:2!important;border:0!important;border-radius:11px!important;background:#ff7200!important;color:#fff!important;font-size:10px!important;font-weight:900!important;padding:10px 12px!important;white-space:nowrap!important}.dagun-mobile-banner .dagun-banner-close{right:5px!important;top:4px!important;color:#6f827b!important;font-size:17px!important}
}