/*
Theme Name: 마석 더리브 센트럴
Theme URI: https://xn----iv8e82ytlicnc22e7ux1nbs2h.com/theliv-central_jjh/
Author: Codex
Description: 마석 더리브 센트럴 분양 안내 페이지를 재현한 모바일 우선 랜딩 페이지 테마.
Version: 1.0.0
Text Domain: theliv-central
*/

:root{--liv-blue:#323994;--liv-blue-dark:#172e45;--liv-gold:#ffe600;--liv-ink:#252525;--liv-muted:#737373;--liv-bg:#fff;--liv-max:500px;--liv-font:"Pretendard",-apple-system,BlinkMacSystemFont,"Malgun Gothic",sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;background:#fff;color:var(--liv-ink);font-family:var(--liv-font);line-height:1.6;-webkit-font-smoothing:antialiased}
body.admin-bar .liv-header{top:32px}
body.admin-bar .liv-dock{bottom:32px}
a{color:inherit}
button,input,select{font:inherit}
.liv-page{width:min(100%,var(--liv-max));margin:0 auto;background:#fff;overflow:hidden;box-shadow:0 0 24px rgba(0,0,0,.08);padding-bottom:72px}
.liv-notice{height:40px;display:flex;align-items:center;justify-content:center;padding:0 8px;background:#2c2c2c;color:#f5e6c8;text-align:center;white-space:nowrap;font-size:12px;letter-spacing:.2px}
.liv-header{position:fixed;z-index:50;top:40px;left:50%;width:min(100%,var(--liv-max));transform:translateX(-50%);transition:top .18s ease;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.liv-header.is-scrolled{top:0}
.liv-header-inner{min-height:64px;padding:8px 13px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--liv-blue);color:#fff}
.liv-brand{display:flex;align-items:center;min-width:0;text-decoration:none}
.liv-brand img{display:block;width:174px;max-width:100%;height:auto;max-height:34px;object-fit:contain;object-position:left center}
.liv-brand-text{font-weight:800;font-size:16px;white-space:nowrap}
.liv-phone{display:flex;align-items:center;gap:7px;color:var(--liv-gold);font-size:20px;font-weight:900;text-decoration:none;white-space:nowrap}
.liv-phone .phone-icon{color:#fff;font-size:21px}
.liv-hero{position:relative;min-height:610px;padding:150px 24px 30px;text-align:center;color:#fff;background:#b9d9f0 var(--liv-hero-image,url("assets/images/theliv-central.png")) center bottom/100% auto no-repeat;isolation:isolate}
.liv-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(155,205,239,.58) 0%,rgba(255,255,255,.04) 42%,rgba(6,24,47,.30) 100%)}
.liv-hero-kicker{margin:0 0 5px;font-size:18px;font-weight:800;text-shadow:0 2px 3px #31475a}
.liv-hero h1{margin:0;font-size:31px;line-height:1.15;font-weight:900;letter-spacing:-1.5px;text-shadow:0 2px 4px #25354a}
.liv-hero-highlight{display:block;color:#ffdc00;font-size:41px;line-height:1.15;text-shadow:0 2px 4px #302b1a;letter-spacing:-2px}
.liv-hero-pill{display:inline-block;margin:20px 0 18px;padding:8px 17px;border:2px solid #fff;border-radius:999px;background:var(--liv-blue);font-size:15px;font-weight:800;box-shadow:0 2px 8px #34445e}
.liv-hero-points{max-width:330px;margin:0 auto;display:grid;gap:7px}
.liv-hero-point{padding:9px 8px;border-radius:9px;background:rgba(255,255,255,.92);color:#343434;font-size:16px;font-weight:800;box-shadow:0 3px 10px rgba(0,0,0,.18)}
.liv-hero-point strong{color:#c93030}
.liv-section{padding:28px 0 8px;background:#fff}
.liv-section-title{margin:0;padding:30px 18px 20px;text-align:center;color:#183148;font-size:27px;line-height:1.35;letter-spacing:-1px}
.liv-section-title span{display:block;color:#987254}
.liv-section-subtitle{margin:-7px 10px 24px;text-align:center;font-size:17px;color:#333}
.liv-image{display:block;width:100%;height:auto;margin:0 auto}
.liv-image-section{padding:22px 0 10px}
.liv-disclaimer{margin:0;padding:18px 18px 20px;background:#f2f2f2;color:#555;font-size:12px;line-height:1.8}
.liv-disclaimer strong{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin-right:8px;border-radius:50%;background:#a4a4a4;color:#fff;font-size:18px;vertical-align:middle}
.liv-reserve{padding:23px 18px 22px;background:#f7f7f8}
.liv-reserve h2{margin:0 0 16px;text-align:center;color:var(--liv-blue);font-size:21px;letter-spacing:-.5px}
.liv-form{display:grid;gap:10px}
.liv-field{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:8px}
.liv-field label{font-size:14px;font-weight:700}
.liv-field input,.liv-field select{min-width:0;width:100%;height:42px;padding:8px 10px;border:1px solid #d7d7dc;border-radius:5px;background:#fff;color:#333}
.liv-privacy{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:#444}
.liv-privacy input{margin-top:3px;accent-color:var(--liv-blue)}
.liv-privacy a{color:var(--liv-blue)}
.liv-form-note{margin:0;color:#777;font-size:11px;line-height:1.5}
.liv-submit{min-height:45px;border:0;border-radius:5px;background:var(--liv-blue);color:#fff;font-weight:800;cursor:pointer}
.liv-submit:hover{background:#242b79}
.liv-plans{padding:30px 0 20px;background:#fff}
.liv-plans .liv-section-title{padding-top:5px}
.liv-tabs{display:flex;gap:7px;overflow:auto;padding:5px 14px 12px;scrollbar-width:none}
.liv-tabs::-webkit-scrollbar{display:none}
.liv-tab{flex:0 0 auto;min-height:38px;padding:7px 13px;border:1px solid #d9d9df;border-radius:999px;background:#fff;color:#444;font-size:13px;font-weight:700;cursor:pointer}
.liv-tab[aria-selected="true"]{border-color:var(--liv-blue);background:var(--liv-blue);color:#fff}
.liv-plan-image{width:100%;height:auto;display:block}
.liv-plan-image[hidden]{display:none}
.liv-facts{padding:25px 22px 34px;background:#f8f8f8}
.liv-facts h2{margin:0 0 18px;text-align:center;color:#222;font-size:25px}
.liv-fact{display:flex;gap:13px;padding:14px 0;border-bottom:1px solid #e1e1e1}
.liv-fact:last-child{border-bottom:0}
.liv-fact-icon{flex:0 0 34px;color:var(--liv-blue);font-size:23px;text-align:center}
.liv-fact h3{margin:0;font-size:15px}
.liv-fact p{margin:2px 0 0;color:#555;font-size:13px;line-height:1.65}
.liv-footer{padding:20px 18px 26px;background:#252525;color:#e7e7e7;font-size:11px;line-height:1.8}
.liv-footer p{margin:0}
.liv-footer small{display:block;margin-top:13px;color:#aaa}
.liv-dock{position:fixed;z-index:60;bottom:0;left:50%;width:min(100%,var(--liv-max));height:68px;transform:translateX(-50%);display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 -2px 10px rgba(0,0,0,.15)}
.liv-dock a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;text-decoration:none;background:#fff;color:#333;font-size:12px;font-weight:700;border-right:1px solid #eee}
.liv-dock a:first-child,.liv-dock a:last-child{background:var(--liv-blue);color:#fff}
.liv-dock .dock-icon{font-size:18px;line-height:1.2}
.liv-top{position:fixed;z-index:40;right:max(14px,calc((100vw - var(--liv-max))/2 + 14px));bottom:88px;width:40px;height:40px;border:0;border-radius:50%;background:#323994;color:#fff;font-size:19px;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s}
.liv-top.is-visible{opacity:1;pointer-events:auto}
@media(max-width:600px){.liv-page{box-shadow:none}.liv-hero{min-height:560px;padding-top:135px}.liv-hero h1{font-size:28px}.liv-hero-highlight{font-size:37px}}
@media(max-width:782px){body.admin-bar .liv-header{top:46px}body.admin-bar .liv-header.is-scrolled{top:0}body.admin-bar .liv-dock{bottom:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}