@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700;800;900&display=swap";
:root{--blue-600:#2563eb;--blue-500:#3b82f6;--blue-400:#60a5fa;--blue-300:#93c5fd;--blue-200:#bfdbfe;--blue-100:#dbeafe;--blue-50:#eff6ff;--navy-900:#0f172a;--navy-800:#1e293b;--navy-700:#334155;--navy-600:#475569;--white:#fff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--success:#10b981;--danger:#ef4444;--amber:#f59e0b;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 6px #0000000a, 0 2px 4px #00000008;--shadow-lg:0 10px 25px #0000000f, 0 4px 10px #0000000a;--shadow-xl:0 20px 40px #00000014, 0 8px 16px #0000000a;--shadow-card:0 1px 3px #0000000f, 0 8px 24px #0000000d;--transition:.25s cubic-bezier(.4,0,.2,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{color:var(--gray-800);background:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}button,input,textarea,select{font-family:inherit;font-size:inherit;border:none;outline:none}button{cursor:pointer}.container{width:100%;max-width:1160px;margin:0 auto;padding:0 24px}.section-padding{padding:96px 0}.section-header{text-align:center;margin-bottom:56px}.section-label{color:var(--blue-500);text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px;font-size:.8rem;font-weight:700;display:inline-block}.section-title{color:var(--navy-900);letter-spacing:-.03em;font-size:2.1rem;font-weight:800;line-height:1.3}.section-subtitle{color:var(--gray-500);margin-top:12px;font-size:1.05rem;line-height:1.7}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.header{z-index:1000;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--gray-200);transition:box-shadow var(--transition);background:#ffffffd9;position:fixed;top:0;left:0;right:0}.header.scrolled{box-shadow:var(--shadow-md)}.header-inner{justify-content:space-between;align-items:center;height:68px;display:flex}.logo{align-items:center;gap:10px;display:flex}.logo-icon{background:linear-gradient(135deg, var(--blue-500), var(--blue-600));border-radius:var(--radius-sm);width:38px;height:38px;color:var(--white);justify-content:center;align-items:center;font-size:1.15rem;font-weight:900;display:flex;box-shadow:0 2px 8px #2563eb4d}.logo-text{flex-direction:column;display:flex}.logo-name{color:var(--navy-900);letter-spacing:-.02em;font-size:1.05rem;font-weight:700}.logo-sub{color:var(--gray-500);letter-spacing:.02em;font-size:.68rem}.nav-links{align-items:center;gap:4px;display:flex}.nav-links a{border-radius:var(--radius-full);color:var(--gray-600);transition:all var(--transition);padding:8px 16px;font-size:.9rem;font-weight:500}.nav-links a:hover{color:var(--navy-900);background:var(--gray-50)}.nav-links a.active{color:var(--blue-600);font-weight:600}.nav-links .btn-cta{background:var(--blue-500);padding:9px 22px;font-weight:600;box-shadow:0 2px 8px #3b82f64d;color:var(--white)!important}.nav-links .btn-cta:hover{background:var(--blue-600);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f659}.header-phone{align-items:center;gap:6px;margin-right:8px;font-size:.9rem;font-weight:700;display:flex;color:var(--navy-800)!important;background:var(--gray-50)!important;border-radius:var(--radius-full)!important;padding:8px 12px!important}.header-phone svg{width:15px;height:15px;color:var(--blue-500)}.menu-toggle{background:0 0;flex-direction:column;gap:5px;padding:8px;display:none}.menu-toggle span{background:var(--navy-800);width:22px;height:2px;transition:var(--transition);border-radius:2px}.hero{background:linear-gradient(180deg, var(--white) 0%, var(--blue-50) 50%, var(--gray-50) 100%);align-items:center;min-height:92vh;display:flex;position:relative;overflow:hidden}.hero-deco{opacity:.5;pointer-events:none;border-radius:50%;position:absolute}.hero-deco-1{background:radial-gradient(circle, var(--blue-100) 0%, transparent 70%);width:400px;height:400px;animation:10s ease-in-out infinite decoFloat;top:-100px;right:-80px}.hero-deco-2{background:radial-gradient(circle, var(--blue-100) 0%, transparent 70%);width:300px;height:300px;animation:8s ease-in-out infinite reverse decoFloat;bottom:-60px;left:-60px}.hero-deco-3{background:var(--blue-200);opacity:.3;width:80px;height:80px;animation:6s ease-in-out .5s infinite decoFloat;top:30%;left:12%}.hero-deco-4{background:var(--blue-300);opacity:.25;border-radius:var(--radius-lg);width:50px;height:50px;animation:7s ease-in-out 1s infinite decoFloat;top:20%;right:18%;transform:rotate(45deg)}@keyframes decoFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-30px)rotate(3deg)}}.hero-content{z-index:2;text-align:center;max-width:680px;margin:0 auto;padding-top:40px;position:relative}.hero-badge{background:var(--white);border:1.5px solid var(--blue-200);border-radius:var(--radius-full);color:var(--blue-600);box-shadow:var(--shadow-xs);align-items:center;gap:8px;margin-bottom:28px;padding:7px 18px;font-size:.82rem;font-weight:600;animation:.6s ease-out fadeInUp;display:inline-flex}.hero h1{color:var(--navy-900);letter-spacing:-.04em;margin-bottom:18px;font-size:3.4rem;font-weight:900;line-height:1.2;animation:.6s ease-out .1s both fadeInUp}.hero h1 .highlight{background:linear-gradient(135deg, var(--blue-500), var(--blue-400));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-desc{color:var(--gray-500);margin-bottom:40px;font-size:1.15rem;line-height:1.8;animation:.6s ease-out .2s both fadeInUp}.hero-actions{flex-wrap:wrap;justify-content:center;gap:14px;animation:.6s ease-out .3s both fadeInUp;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-stats{justify-content:center;gap:48px;margin-top:64px;animation:.6s ease-out .4s both fadeInUp;display:flex}.hero-stat{text-align:center}.hero-stat-num{color:var(--navy-900);font-size:1.8rem;font-weight:800}.hero-stat-label{color:var(--gray-400);margin-top:4px;font-size:.8rem;font-weight:500}.btn{border-radius:var(--radius-full);transition:all var(--transition);white-space:nowrap;align-items:center;gap:8px;padding:13px 30px;font-size:.95rem;font-weight:600;display:inline-flex}.btn svg{width:17px;height:17px}.btn-primary{background:var(--blue-500);color:var(--white);box-shadow:0 2px 12px #3b82f64d}.btn-primary:hover{background:var(--blue-600);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f659}.btn-secondary{background:var(--white);color:var(--navy-800);border:1.5px solid var(--gray-200);box-shadow:var(--shadow-xs)}.btn-secondary:hover{background:var(--gray-50);border-color:var(--gray-300);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.btn-dark{background:var(--navy-800);color:var(--white)}.btn-dark:hover{background:var(--navy-900);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.featured{background:var(--gray-50)}.category-tabs{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:44px;display:flex}.category-tab{border-radius:var(--radius-full);background:var(--white);color:var(--gray-500);border:1.5px solid var(--gray-200);transition:all var(--transition);box-shadow:var(--shadow-xs);padding:9px 24px;font-size:.9rem;font-weight:500}.category-tab:hover{border-color:var(--blue-300);color:var(--blue-600);background:var(--blue-50)}.category-tab.active{background:var(--blue-500);color:var(--white);border-color:var(--blue-500);box-shadow:0 2px 8px #3b82f640}.listings-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.listing-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--gray-100);transition:all var(--transition);overflow:hidden}.listing-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-8px)}.listing-card-img{background:linear-gradient(135deg, var(--blue-50), var(--gray-100));justify-content:center;align-items:center;width:100%;height:200px;display:flex;position:relative;overflow:hidden}.listing-card-img img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.listing-card:hover .listing-card-img img{transform:scale(1.05)}.listing-card-img .placeholder-icon{opacity:.35;font-size:2.8rem}.listing-badge{gap:6px;display:flex;position:absolute;top:12px;left:12px}.badge{border-radius:var(--radius-full);letter-spacing:.01em;padding:4px 11px;font-size:.73rem;font-weight:700}.badge-type{background:var(--navy-800);color:var(--white)}.badge-deal{background:var(--blue-500);color:var(--white)}.listing-card-body{padding:20px 22px 22px}.listing-card-price{color:var(--navy-900);margin-bottom:6px;font-size:1.2rem;font-weight:800}.listing-card-title{color:var(--gray-600);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:12px;font-size:.92rem;font-weight:500;line-height:1.5;display:-webkit-box;overflow:hidden}.listing-card-meta{color:var(--gray-400);flex-wrap:wrap;gap:10px;margin-bottom:14px;font-size:.82rem;display:flex}.listing-card-meta span{align-items:center;gap:3px;display:flex}.listing-card-tags{flex-wrap:wrap;gap:5px;display:flex}.tag{background:var(--blue-50);color:var(--blue-600);border-radius:var(--radius-full);padding:3px 10px;font-size:.75rem;font-weight:600}.view-all{text-align:center;margin-top:52px}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.about-img{background:linear-gradient(135deg, var(--blue-100), var(--blue-50));border-radius:var(--radius-lg);width:100%;height:420px;box-shadow:var(--shadow-lg);justify-content:center;align-items:center;font-size:5rem;display:flex;position:relative;overflow:hidden}.about-img:after{content:"";background:linear-gradient(135deg,#3b82f60d 0%,#0000 100%);position:absolute;inset:0}.about-content h2{color:var(--navy-900);letter-spacing:-.02em;margin-bottom:20px;font-size:2rem;font-weight:800;line-height:1.35}.about-content p{color:var(--gray-600);margin-bottom:18px;font-size:1rem;line-height:1.85}.about-features{grid-template-columns:1fr 1fr;gap:12px;margin-top:28px;display:grid}.about-feature{background:var(--gray-50);border-radius:var(--radius-md);border:1px solid var(--gray-100);transition:all var(--transition);align-items:center;gap:12px;padding:16px 18px;display:flex}.about-feature:hover{background:var(--blue-50);border-color:var(--blue-200);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.about-feature-icon{background:linear-gradient(135deg, var(--blue-500), var(--blue-400));border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:flex;box-shadow:0 2px 6px #3b82f633}.about-feature span{color:var(--navy-800);font-size:.88rem;font-weight:600}.cta-section{background:linear-gradient(135deg, var(--navy-900) 0%, var(--navy-800) 50%, var(--blue-600) 100%);text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";background:radial-gradient(circle,#60a5fa26 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-50%;right:-20%}.cta-section h2{color:var(--white);letter-spacing:-.02em;margin-bottom:14px;font-size:2.2rem;font-weight:800;position:relative}.cta-section p{color:#fff9;margin-bottom:36px;font-size:1.05rem;position:relative}.cta-section .btn{position:relative}.cta-section .btn-primary{background:var(--white);color:var(--navy-900);box-shadow:0 4px 16px #00000026}.cta-section .btn-primary:hover{background:var(--gray-50);box-shadow:0 8px 24px #0003}.contact-grid{grid-template-columns:1fr 1fr;gap:48px;display:grid}.contact-info h3{color:var(--navy-900);margin-bottom:28px;font-size:1.4rem;font-weight:700}.contact-item{align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.contact-item-icon{background:var(--blue-50);width:44px;height:44px;color:var(--blue-500);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;font-size:1.15rem;display:flex}.contact-item-text strong{color:var(--gray-400);margin-bottom:2px;font-size:.82rem;font-weight:500;display:block}.contact-item-text span{color:var(--gray-800);font-size:.95rem;font-weight:500}.contact-item-text a{color:var(--blue-600);font-weight:600}.contact-item-text a:hover{text-decoration:underline}.contact-map{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background:var(--gray-100);border:1px solid var(--gray-200);min-height:380px;overflow:hidden}.contact-map iframe{border:0;width:100%;height:100%;min-height:380px}.footer{background:var(--navy-900);padding:52px 0 36px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:32px;display:flex}.footer .logo-icon{background:#ffffff1a}.footer .logo-name{color:var(--white)}.footer .logo-sub{color:var(--gray-400)}.footer-info p{color:var(--gray-500);margin-top:14px;font-size:.83rem;line-height:1.9}.footer-links{gap:20px;display:flex}.footer-links a{color:var(--gray-400);transition:color var(--transition);font-size:.88rem}.footer-links a:hover{color:var(--blue-400)}.footer-bottom{text-align:center;color:var(--gray-600);border-top:1px solid #ffffff0f;margin-top:36px;padding-top:24px;font-size:.78rem}.page-hero{background:linear-gradient(180deg, var(--blue-50) 0%, var(--white) 100%);text-align:center;padding:130px 0 56px}.page-hero h1{color:var(--navy-900);letter-spacing:-.03em;margin-bottom:10px;font-size:2.2rem;font-weight:800}.page-hero p{color:var(--gray-500);font-size:1.02rem}.submit-form-section{background:var(--gray-50)}.submit-form{background:var(--white);border-radius:var(--radius-lg);max-width:680px;box-shadow:var(--shadow-lg);border:1px solid var(--gray-100);margin:0 auto;padding:48px 44px}.form-group{margin-bottom:22px}.form-group label{color:var(--navy-800);margin-bottom:7px;font-size:.87rem;font-weight:600;display:block}.form-group label .required{color:var(--danger);margin-left:2px}.form-control{border:1.5px solid var(--gray-200);border-radius:var(--radius-md);width:100%;color:var(--gray-800);background:var(--white);transition:border-color var(--transition), box-shadow var(--transition);padding:13px 16px;font-size:.93rem}.form-control:focus{border-color:var(--blue-400);box-shadow:0 0 0 4px #3b82f614}.form-control::placeholder{color:var(--gray-400)}textarea.form-control{resize:vertical;min-height:110px}select.form-control{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat}.form-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.form-submit-btn{border-radius:var(--radius-full);width:100%;margin-top:8px;padding:15px;font-size:1rem;font-weight:700}.form-success{text-align:center;padding:48px;display:none}.form-success.show{display:block}.form-success-icon{background:linear-gradient(135deg, var(--success), #059669);width:68px;height:68px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;font-size:1.8rem;display:flex;box-shadow:0 4px 12px #10b9814d}.form-success h3{color:var(--navy-900);margin-bottom:10px;font-size:1.3rem}.form-success p{color:var(--gray-500);line-height:1.8}.listings-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.listings-count{color:var(--gray-500);font-size:.92rem}.listings-count strong{color:var(--blue-600);font-weight:700}@media (max-width:768px){.hero h1{font-size:2.2rem}.hero-desc{font-size:1rem}.hero-stats{gap:28px}.hero-stat-num{font-size:1.4rem}.hero{min-height:80vh}.nav-links{display:none}.menu-toggle{display:flex}.nav-links.open{background:var(--white);border-bottom:1px solid var(--gray-200);box-shadow:var(--shadow-lg);flex-direction:column;gap:4px;padding:16px 24px 20px;display:flex;position:absolute;top:68px;left:0;right:0}.nav-links.open a{color:var(--gray-700);padding:12px 16px}.nav-links.open .header-phone{margin-right:0}.about-grid{grid-template-columns:1fr;gap:32px}.about-img{height:240px}.about-features,.contact-grid,.listings-grid,.form-row{grid-template-columns:1fr}.submit-form{padding:28px 20px}.section-title{font-size:1.6rem}.section-padding{padding:64px 0}.footer-inner{flex-direction:column}.header-phone{display:none!important}.hero-actions{flex-direction:column;align-items:center}}@media (min-width:769px) and (max-width:1024px){.listings-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.hero h1{font-size:1.8rem}.category-tabs{gap:5px}.category-tab{padding:7px 16px;font-size:.84rem}.hero-stats{flex-wrap:wrap;gap:20px}}