@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');:root{--theme:#68b9e8;--ink:#345f79;--muted:#7893a5;--line:#dceef8;--soft:#f2faff}*{box-sizing:border-box}body{margin:0;background:#edf8ff;color:var(--ink);font-family:"Noto Sans KR",Arial,sans-serif;word-break:keep-all}button,input,textarea{font:inherit}.page{max-width:860px;margin:auto;background:#fff;overflow:hidden}.section{padding:70px 28px}.hero{text-align:center;background:linear-gradient(145deg,#dff4ff,#f7fcff,#e2efff)}.badge{display:inline-block;padding:8px 16px;border-radius:999px;background:#ffffffcc;color:#5596bd;font-weight:900;font-size:12px}.hero h1{font-size:clamp(35px,7vw,58px);line-height:1.2;letter-spacing:-.06em;margin:20px 0 15px}.hero p,.desc{color:var(--muted);line-height:1.8}.hero-img{width:100%;max-height:600px;object-fit:contain;border-radius:28px;margin-top:28px;background:#eef9ff}.title{text-align:center;font-size:32px;margin:0}.tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:28px 0 18px}.tab{border:1px solid var(--line);background:#fff;padding:10px 18px;border-radius:999px;color:#6b91aa;font-weight:900;cursor:pointer}.tab.active{background:var(--theme);color:#fff;border-color:var(--theme)}.slider{position:relative;border:1px solid var(--line);border-radius:26px;overflow:hidden;background:var(--soft);min-height:280px}.slide-img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;background:var(--soft)}.empty{height:100%;display:grid;place-items:center;color:#8aa9bb;text-align:center}.arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;border-radius:50%;background:#ffffffe8;color:#4b94bf;font-size:24px;cursor:pointer}.prev{left:12px}.next{right:12px}.counter{text-align:center;color:#7995a7;margin-top:12px}.estimate-card,.form-card{border:1px solid var(--line);border-radius:24px;padding:24px;margin-top:16px;box-shadow:0 12px 32px #5aa5d014}.option{display:block;padding:15px 0;border-top:1px solid #e7f2f8}.option:first-of-type{border-top:0}.option input{margin-right:10px}.option strong{float:right;color:#4d9cca}.qty{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-top:1px solid #e7f2f8}.qty-controls{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.qty-controls button{width:38px;border:0;background:var(--soft);cursor:pointer}.qty-controls span{width:42px;text-align:center;padding:8px}.selected-row{display:flex;justify-content:space-between;gap:12px;padding:4px 0}.total{font-size:28px;color:#449bd0;font-weight:900}.primary,.secondary{width:100%;padding:13px;border-radius:12px;font-weight:900;cursor:pointer}.primary{border:0;background:var(--theme);color:#fff}.secondary{margin-top:8px;border:1px solid var(--line);background:#fff;color:#6f91a5}.fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:block}.field span{display:block;margin:0 0 6px;font-weight:900;font-size:13px}.field input,.field textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px;background:#fbfdff}.full{grid-column:1/-1}.preview{width:100%;min-height:360px;border:1px solid var(--line);border-radius:14px;padding:15px;background:var(--soft);line-height:1.7}.accordion details{border:1px solid var(--line);border-radius:15px;margin:10px 0;overflow:hidden}.accordion summary{padding:17px;font-weight:900;cursor:pointer}.accordion .body{padding:0 17px 17px;color:var(--muted);line-height:1.8}.footer{text-align:center;padding:65px 25px;background:linear-gradient(145deg,#dcefff,#f5fbff)}.hidden{display:none!important}.admin-wrap{max-width:1000px;margin:auto;padding:25px}.admin-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.admin-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;margin-bottom:18px}.admin-panel h2{margin-top:0}.admin-row{display:grid;grid-template-columns:180px 1fr;gap:12px;margin:12px 0}.admin-row input,.admin-row textarea,.admin-row select{width:100%;padding:10px;border:1px solid var(--line);border-radius:10px}.portfolio-admin-item{display:grid;grid-template-columns:100px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.portfolio-admin-item img{width:100px;height:75px;object-fit:cover;border-radius:9px}.status{padding:10px;border-radius:10px;background:var(--soft);margin:12px 0}@media(max-width:650px){.section{padding:55px 17px}.fields{grid-template-columns:1fr}.admin-row{grid-template-columns:1fr}.portfolio-admin-item{grid-template-columns:70px 1fr}.portfolio-admin-item img{width:70px;height:55px}.portfolio-admin-item button{grid-column:1/-1}.option strong{float:none;display:block;margin:6px 0 0 25px}.qty{align-items:flex-start}}

/* Preserve administrator-entered line breaks */
#brandTitle,#brandSubtitle,.counter,.accordion summary,.accordion .body{white-space:pre-line}
.portfolio-admin-item input,.portfolio-admin-item textarea{white-space:pre-wrap}
.admin-panel .admin-nav{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.admin-panel .admin-nav button{width:auto}.field select{width:100%;padding:13px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#426078;font:inherit}.option small,.qty small{color:#8aa0ae;font-weight:400;margin-top:2px}

/* Notice line list design */
.accordion details{border:1px solid #dceef8;border-radius:15px;margin:10px 0;overflow:hidden;background:#fff}
.accordion summary{position:relative;padding:17px 48px 17px 18px;font-weight:800;cursor:pointer;color:#3f6f68;list-style:none}
.accordion summary::-webkit-details-marker{display:none}
.accordion summary::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:20px;color:#4f8c83}
.accordion details[open] summary::after{content:"×"}
.accordion .body{padding:0 17px 10px;color:#6f746f;line-height:1.8}
.notice-line{position:relative;padding:14px 4px 14px 18px;border-bottom:1px dashed #ded7c8;color:#6c6257;line-height:1.85;white-space:pre-wrap}
.notice-line:last-child{border-bottom:0}
.notice-line::before{content:"·";position:absolute;left:2px;top:13px;color:#4f8c83;font-weight:900}
