/* Variables */
  :root {
	--color-primary: #1a3d2e;
	--color-wood: #c19a6b;
	--color-space-bg: #0f1419;
	--color-space-card: #16202b;
	--color-space-accent: #00e5ff;
	--color-light-bg: #fdfdfc;
	--color-white: #ffffff;
	--color-text: #222222;
	--color-text-light: #555555;
	--color-border: #e0e0e0;
	--font-main: 'Noto Sans KR', sans-serif;
	--shadow-sm: 0 4px 20px rgba(0, 0, 0, 0.03);
	--shadow-md: 0 10px 40px rgba(0, 0, 0, 0.08);
	--transition: 0.4s cubic-bezier(0.25, 1, 0.5, 1);	
	
	--color-primary-dark: #122b20;
	--color-wood-dark: #a88154;
	--color-beige: #f9f6f0;        
	--color-text-main: #222222;
	--color-text-sub: #555555;
	--color-border: #e6e0d8;
	--shadow-md02: 0 10px 30px rgba(26, 61, 46, 0.08);
  }

  /* Reset & Base */
  * {margin: 0;padding: 0;box-sizing: border-box;}
  html {scroll-behavior: smooth;}
  body {font-family: var(--font-main);color: var(--color-text);line-height: 1.6;background-color: var(--color-white);overflow-x: hidden;word-break: keep-all;cursor:default;}
  a {text-decoration: none;color: inherit;transition: all var(--transition);}
  ul {list-style: none;}
  img {max-width: 100%;height: auto;display: block;}
  ::selection{background:#c9a86b;color:#fff;}
  ::-moz-selection{background:#c9a86b;color:#fff;}
  
  /* Animations */
  .fade-in {opacity: 0;transform: translateY(30px);transition:opacity 0.8s ease-out,transform 0.8s ease-out;}
  .fade-in.is-visible {opacity: 1;transform: translateY(0);}

  /* Layout Utilities */
  .container {max-width: 1280px;margin: 0 auto;padding: 0 3%;}
  .section-padding {padding: 120px 0;}
  .text-center {text-align: center;}
  .dark-section {background-color: var(--color-space-bg);color: var(--color-white);}
  .gray-section {background-color: #f7f9f8;}
  
  .Opportunity {position: relative;z-index: 1; /* 콘텐츠가 배경 뒤로 숨지 않도록 설정 */}
  .Opportunity::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url('/img/dh_bg01.png') no-repeat center #555;background-size: cover;z-index: -2; /* 가장 뒤로 보냄 */}
  .Opportunity::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(30, 30, 30, 0.7);z-index: -1; /* 이미지보다는 위, 글자보다는 아래에 위치 */}

  /* Typography */
  .sec-label {color: var(--color-wood);font-weight: 700;font-size: 1rem;letter-spacing: 2px;margin-bottom: 12px;display: block;text-transform: uppercase;}
  .sec-title {font-size: 2.8rem;font-weight: 800;margin-bottom: 1.5rem;color: var(--color-primary);letter-spacing: -1px;line-height: 1.3;}
  .dark-section .sec-title {color: var(--color-white);}
  .sec-subtitle {font-size: 1.25rem;color: var(--color-text-light);margin-bottom: 4rem;max-width: 800px;margin-left: auto;margin-right: auto;}
  .dark-section .sec-subtitle {color: #a0aab5;}

  /* Buttons */
  .btn {display: inline-flex;align-items: center;justify-content: center;padding: 14px 28px;border-radius: 4px;font-weight: 700;font-size: 1rem;cursor: pointer;transition: all var(--transition);border: 1px solid transparent;}
  .btn-primary {background: var(--color-primary);color: var(--color-white);}
  .btn-primary:hover {background: var(--color-wood);color: var(--color-white);}
  .btn-outline {border-color: var(--color-border);color: var(--color-text);background: var(--color-white);}
  .btn-outline:hover {border-color: var(--color-primary);color: var(--color-primary);}
  .btn-wood {background: var(--color-wood);color: var(--color-white);}
  .btn-wood:hover {background: #a88154;}
  .btn-space {background: var(--color-space-accent);color: var(--color-space-bg);box-shadow: 0 0 15px rgba(0, 229, 255, 0.3);}
  .btn-space:hover {background: #00cce6;box-shadow: 0 0 25px rgba(0, 229, 255, 0.5);}
  .btn-space-outline {background: transparent;border-color: var(--color-space-accent);color: var(--color-space-accent);}
  .btn-space-outline:hover {background: rgba(0, 229, 255, 0.1);}
  .btn-white-outline {background: transparent;border-color: rgba(255, 255, 255, 0.5);color: var(--color-white);}
  .btn-white-outline:hover {background: var(--color-white);color: var(--color-text);}
  .btn-full {width: 100%;}

  /* Header */
  .header {position: fixed;top: 0;left: 0;width: 100%;height: 85px;background: rgba(255, 255, 255, 0.95);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);
					border-bottom: 1px solid rgba(0, 0, 0, 0.05);z-index: 1000;display: flex;align-items: center;transition: all 0.3s;}
  .header-inner {width: 100%;max-width: 1600px;margin: 0 auto;padding: 0 1%;display: flex;justify-content: space-between;align-items: center;}
  .logo img {height: 40px;width: auto;}
  .nav-links {display: flex;gap: 2.5rem;align-items: center;}
  .nav-links a {font-weight: 600;font-size: 0.95rem;color: var(--color-text);}
  .nav-links a:hover {color: var(--color-wood);}
  .nav-links a:hover {color: var(--color-wood);}
  .nav-links a.nav-links_w {color: var(--color-wood);}
  .nav-links a.nav-links_w:hover {color: #008b8b;}
  .nav-links a.nav-links_s {color: #008b8b;}
  .nav-links a.nav-links_s:hover {color: var(--color-wood);}
  
  .header-right {display: flex;gap: 1rem;align-items: center;}
  .header-btn {padding: 10px 24px;border-radius: 4px;font-weight: 700;font-size: 0.95rem;transition: all 0.2s;border: 1px solid var(--color-border);}
  .btn-nav-outline {color: var(--color-text);}
  .btn-nav-outline:hover {border-color: var(--color-primary);color: var(--color-primary);}
  .btn-nav-solid {background: var(--color-primary);color: var(--color-white);border-color: var(--color-primary);}
  .btn-nav-solid:hover {background: var(--color-wood);border-color: var(--color-wood);}
  .hamburger {display: none;font-size: 1.8rem;background: none;border: none;cursor: pointer;color: var(--color-primary);}

  /* Hero Split */
  .hero-split {display: flex;height: 100vh;width: 100%;position: relative;}
  .hero-slogan {position: absolute;top: 110px;left: 50%;transform: translateX(-50%);z-index: 10;background: rgba(255, 255, 255, 0.9);padding: 8px 24px;border-radius: 30px;font-weight: 700;font-size: 0.9rem;
								color: var(--color-primary);box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);letter-spacing: 1px;cursor:default;}
  .hero-half {flex: 1;position: relative;overflow: hidden;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;color: var(--color-white);
							transition: flex 0.6s cubic-bezier(0.25, 1, 0.5, 1);padding: 40px;}
  @media (min-width: 769px) {
	.hero-half:hover {flex: 1.15;}
  }
  
  .hero-half::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;background-position: center;z-index: 1;transition: transform 0.8s ease;}
  .hero-half:hover::before {transform: scale(1.05);}
  .hero-half::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;}
  
  .wood-bg::before {background: url('/img/dh_bg_wood.png') no-repeat center;background-size:auto 100%;}
  .wood-bg::after {background: rgba(26, 61, 46, 0.5);transition:0.4s all ease;}
  .wood-bg:hover::after {background: rgba(26, 61, 46, 0.2);}
  .space-bg::before {background: url('/img/dh_bg_space.png') no-repeat center;background-size:auto 100%}
  .space-bg::after {background: rgba(10, 10, 10, 0.6);transition:0.4s all ease;}
  .space-bg:hover::after {background: rgba(10, 10, 10, 0.2);}

  .hero-content {position: relative;z-index: 3;max-width: 500px;}
  .hero-half-title {font-size: 3rem;font-weight: 800;margin-bottom: 10px;letter-spacing: -1px;}
  .wood-bg .hero-half-title {color: #f9f6f0;}
  .space-bg .hero-half-title {color: var(--accent-cyan);}
  .hero-half-copy {font-size: 1.4rem;font-weight: 600;margin-bottom: 20px;}
  .hero-half-desc {font-size: 1.05rem;opacity: 0.9;margin-bottom: 30px;line-height: 1.5;}
  .hero-badges {display: flex;justify-content: center;gap: 10px;flex-wrap: wrap;margin-bottom: 40px;}
  .hero-badge {padding: 6px 16px;border: 1px solid rgba(255, 255, 255, 0.3);border-radius: 20px;font-size: 0.85rem;font-weight: 600;backdrop-filter: blur(5px);}
  .hero-buttons {display: flex;justify-content: center;gap: 15px;flex-wrap: wrap;}


/**/
.sec_stats {width:100%;background:linear-gradient(rgba(30,30,30,.88),rgba(30,30,30,.88)),url("/img/dh_bg04.jpg") center/cover;border-bottom:1px solid rgba(255,255,255,0.15);}
.stats-section{padding:90px 0;}
.stats-wrap{width:min(1400px,100%);margin:auto;overflow:hidden;position:relative;display:grid;grid-template-columns:420px 1fr;}
.stats-wrap::before{content:"";position:absolute;inset:0;*background:radial-gradient(circle at right,rgba(201,168,107,.08),transparent 45%);pointer-events:none;}

.stats-left{padding:30px 60px;color:#fff;display:flex;flex-direction:column;justify-content:center;}
.stats-label{color:#c9a86b;letter-spacing:.28em;font-size:10px;font-weight:700;margin-bottom:18px;}
.stats-left h2{font-size:30px;line-height:1.2;font-weight:800;letter-spacing:-.03em;}
.stats-left span{color:#c9a86b;}

.stats-right{display:grid;grid-template-columns:repeat(4,1fr);}
.stats-item{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:50px 25px;border-left:1px solid rgba(255,255,255,.15);}
.stats-icon{font-size:28px;margin-bottom:18px;color:#fff;}
.stats-number{font-size:50px;font-weight:800;color:#c9a86b;line-height:1;margin-bottom:14px;}
.stats-title{color:#fff;font-size:18px;opacity:.92;}

@media(max-width:1100px){
.stats-wrap{grid-template-columns:1fr;}
.stats-left{text-align:center;padding:60px 40px;border-bottom:1px solid rgba(255,255,255,0.15);}
}

@media(max-width:768px){
.stats-right{grid-template-columns:repeat(2,1fr);}
.stats-item{border-top:1px solid rgba(255,255,255,.12);}
.stats-left h2{font-size:38px;}
.stats-number{font-size:42px;}
}

@media(max-width:500px){
.stats-left {padding: 30px 40px}
.stats-left h2{font-size:26px;}
}


  /* Grids & Cards */
  .grid-2 {display: grid;grid-template-columns: repeat(2, 1fr);gap: 30px;}
  .grid-3 {display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;}
  .grid-4 {display: grid;grid-template-columns: repeat(4, 1fr);gap: 30px;}

  .value-card {background: var(--color-white);padding: 40px 30px;border-radius: 8px;box-shadow: var(--shadow-sm);border: 1px solid var(--color-border);transition: all var(--transition);text-align: center;}
  .value-card:hover {transform: translateY(-10px);box-shadow: var(--shadow-md);border-color: var(--color-wood);}
  .value-card h4 {font-size: 1.4rem;color: var(--color-primary);margin-bottom: 15px;}
  .value-card p {color: var(--color-text-light);}

  .opp-card {background:rgba(255,255,255,.85);padding: 30px;border-radius: 8px;border:2px solid #c69f55;box-shadow:0 0 15px var(--shadow-md);transition: all var(--transition);}
  .opp-card:hover {transform: translateY(-10px);box-shadow:0 0 15px rgba(198,159,81,0.7);border-color: var(--color-wood);}
  .opp-card-top {text-align:right;margin-bottom:40px;}
  .opp-card h2 {font-size:1.7rem;color:#c69f55;border-bottom:1px solid #c69f55;display:inline-block;font-family: "Bpmf Zihi Kai Std", sans-serif;font-weight: 400;font-style: normal;}
  .opp-card h4 {font-size: 1.2rem;margin-bottom: 10px;}
  .opp-card p {word-break: keep-all;}
  
  .opp-card > img {width:90px;height:auto;margin:15px 0;}
  
@media(max-width:768px){
.opp-card-top {margin-bottom:0px;}
}

.rec-premium-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 14px;}
.rec-premium-card {position: relative;height: 306px;border-radius: 16px;overflow: hidden;border: 1px solid rgba(255,255,255,.28);background: rgba(18,18,18,.58);box-shadow: 0 18px 42px rgba(0,0,0,.28);backdrop-filter: blur(8px);transition: .35s ease;}
.rec-premium-card::before {content: "";position: absolute;inset: 0;z-index: 1;background:linear-gradient(180deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,.03) 38%, rgba(0,0,0,.36) 100%);pointer-events: none;}
.rec-premium-card:hover {transform: translateY(-6px);border-color: rgba(201,168,107,.75);box-shadow: 0 26px 60px rgba(0,0,0,.4);}

.rec-premium-num {position: absolute;left: 22px;top: 20px;z-index: 4;width: 34px;height: 34px;border: 1px solid rgba(201,168,107,.75);border-radius: 50%;color: #c9a86b;font-size: 13px;font-weight: 800;display: flex;align-items: center;justify-content: center;background: rgba(0,0,0,.18);}
.rec-premium-photo {position: absolute;left: 0;bottom: 0;width: 43%;height: 100%;z-index: 0;overflow: hidden;}
.rec-premium-photo::after {content: "";position: absolute;inset: 0;background:linear-gradient(90deg, rgba(0,0,0,.04), rgba(0,0,0,.4)),linear-gradient(180deg, transparent 40%, rgba(0,0,0,.38));}
.rec-premium-photo img {width: 100%;height: 100%;object-fit: cover;filter: brightness(.86) saturate(.95);transition: .55s ease;}
.rec-premium-card:hover .rec-premium-photo img {transform: scale(1.06);}

.rec-premium-content {position: relative;z-index: 3;height: 100%;padding: 58px 26px 24px 48%;display: flex;flex-direction: column;justify-content: flex-start;}
.rec-premium-content > i {color: #c9a86b;font-size: 32px;margin-bottom: 18px;}
.rec-premium-content h3 {color: #fff;font-size: 18px;font-weight: 900;line-height: 1.35;letter-spacing: -.04em;margin: 0 0 14px;word-break: keep-all;}
.rec-premium-content p {color: rgba(255,255,255,.76);font-size: 13px;line-height: 1.62;margin: 0;word-break: keep-all;}

.rec-premium-bottom {margin-top: 16px;height: 108px;border-radius: 16px;border: 1px solid rgba(255,255,255,.24);background:linear-gradient(90deg, rgba(21,21,18,.74), rgba(54,45,34,.72), rgba(21,21,18,.74));backdrop-filter: blur(12px);display: grid;grid-template-columns: repeat(4, 1fr);overflow: hidden;}
.rec-premium-feature {display: flex;align-items: center;gap: 22px;padding: 0 34px;}
.rec-premium-feature:not(:last-child) {border-right: 1px solid rgba(255,255,255,.22);}
.rec-premium-feature > i {color: #c9a86b;font-size: 42px;flex-shrink: 0;}
.rec-premium-feature h4 {color: #c9a86b;font-size: 16px;font-weight: 900;margin: 0 0 6px;line-height: 1.3;}
.rec-premium-feature p {color: rgba(255,255,255,.66);font-size: 13px;line-height: 1.45;margin: 0;word-break: keep-all;}

/* tablet */
@media (max-width: 1200px) {
  .rec-premium-grid {grid-template-columns: repeat(2, 1fr);}
  .rec-premium-bottom {height: auto;grid-template-columns: repeat(2, 1fr);}
  .rec-premium-feature {min-height: 100px;}
  .rec-premium-feature:nth-child(2) {border-right: 0;}
  .rec-premium-feature:nth-child(1), .rec-premium-feature:nth-child(2) {border-bottom: 1px solid rgba(255,255,255,.18);}
}

/* mobile */
@media (max-width: 680px) {
  .rec-premium-section {padding: 50px 0;}
  .rec-premium-grid {grid-template-columns: 1fr;}
  .rec-premium-card {height: 300px;}
  .rec-premium-content {padding: 58px 24px 24px 46%;}
  .rec-premium-photo {width: 42%;}
  .rec-premium-bottom {grid-template-columns: 1fr;}
  .rec-premium-feature {min-height: 92px;padding: 0 26px;border-right: 0 !important;}
  .rec-premium-feature:not(:last-child) {border-bottom: 1px solid rgba(255,255,255,.18);}
}






  /* Comparison Section */
  .compare-card {background: var(--color-white);border: 1px solid var(--color-border);border-radius: 12px;overflow: hidden;box-shadow: var(--shadow-sm);transition: all var(--transition);}
  .compare-card:hover {transform: translateY(-10px);box-shadow: var(--shadow-md);}
  .card-wood {border:2px solid #0d3d24;}
  .card-wood .compare-wood {position: relative;z-index: 1;background: var(--color-primary);color: white;}  
  .card-wood .compare-wood::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url('/img/dh_bg01.png') no-repeat center #555;background-size: cover;z-index: -2;}
  .card-wood .compare-wood::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(26, 61, 46, 0.7);z-index: -1;}
  .wood_btn {color:#888;transition:0.2s all ease !important;}
  .wood_btn:hover {color:#0d3d24}
  
  .card-space {border:2px solid #c69f55;}
  .card-space .compare-space {position: relative;z-index: 1;background: var(--color-space-bg);color: #fff;}
  .card-space .compare-space::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url('/img/dh_bg01.png') no-repeat center #555;background-size: cover;z-index: -2;}
  .card-space .compare-space::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(30, 30, 30, 0.7);z-index: -1;}
  .space_btn {color:#888;transition:0.2s all ease !important;}
  .space_btn:hover {color:#c69f55}
  
  .compare-header {padding: 40px 30px;text-align: center;}
  .compare-title {font-size: 2rem;font-weight: 800;margin-bottom: 10px;}
  .compare-body {padding: 40px;}
  .compare-list {margin-bottom: 30px;}
  .compare-list li {margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px solid var(--color-border);}
  .compare-label {font-size: 0.9rem;color: var(--color-text-light);font-weight: 700;margin-bottom: 5px;display: block;}

/* wood house card */
.wood-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 34px;align-items: stretch;}
.wood-card {background: #fff;border-radius: 18px;overflow: hidden;box-shadow: 0 18px 45px rgba(0,0,0,.10);transition: .45s ease;}
.wood-card:hover {transform: translateY(-10px);box-shadow: 0 28px 70px rgba(0,0,0,.18);}

.wood-img {position: relative;height: 330px;overflow: hidden;}
.wood-img::after {content: "";position: absolute;inset: 0;background: linear-gradient(180deg,rgba(0,0,0,0) 20%,rgba(0,0,0,.18) 45%,rgba(0,0,0,.58) 78%,rgba(0,0,0,.9) 100%);z-index: 1;}
.wood-img img {width: 100%;height: 100%;object-fit: cover;transition: .65s ease;}
.wood-card:hover .wood-img img {transform: scale(1.08);}

.wood-img-text {position: absolute;left: 30px;right: 30px;bottom: 26px;z-index: 2;}
.wood-img-text h3 {color: #fff;font-size: clamp(28px, 2.2vw, 38px);font-weight: 900;letter-spacing: -.04em;margin-bottom: 4px;}
.wood-img-text p {color: #d6b26e;font-size: 20px;font-weight: 600;}
.wood-img-text p::after {content: "";display: block;width: 34px;height: 2px;background: #d6b26e;margin-top: 12px;}
.wood-body {padding: 20px 32px 10px;}
.wood-desc {color: #222;font-size: 16px;line-height: 1.75;margin-bottom:15px;}
.wood-specs {display: grid;grid-template-columns: repeat(3, 1fr);border-top: 1px solid #e7e0d5;border-bottom: 1px solid #e7e0d5;margin-bottom: 24px;}
.wood-specs > div {text-align: center;padding: 22px 10px;border-right: 1px solid #e7e0d5;}
.wood-specs > div:last-child {border-right: 0;}

.wood-icon {display: block;color: #c8a04b;font-size: 28px;line-height: 1;margin-bottom: 10px;}
.wood-specs strong {display: block;color: #111;font-size: 15px;font-weight: 800;margin-bottom: 4px;}
.wood-specs em {display: block;color: #777;font-style: normal;font-size: 13px;}
.wood-card-btn, .wood-link {display: flex;align-items: center;justify-content: center;gap: 14px;height: 56px;border-radius: 8px;text-decoration: none;font-weight: 800;transition: .35s ease;}
.wood-card-btn {background: #0f3b2f;color: #fff;}
.wood-link {color: #111;border-top: 0;}
.wood-card-btn:hover {background: #c8a04b;}
.wood-link:hover {color: #c8a04b;}
.wood-bottom {text-align: center;margin-top: 44px;}
.wood-main-btn {display: inline-flex;align-items: center;justify-content: center;gap: 18px;min-width: 360px;height: 62px;border-radius: 6px;background: linear-gradient(135deg, #d2aa62, #b78a45);color: #fff;
										font-size: 18px;font-weight: 800;text-decoration: none;transition: .35s ease;}
.wood-main-btn:hover {transform: translateY(-4px);box-shadow: 0 16px 36px rgba(183,138,69,.35);}

/* tablet */
@media (max-width: 1100px) {
  .wood-grid {grid-template-columns: 1fr;max-width: 680px;margin: 0 auto;}
  .wood-img,  .wood-card-best .wood-img {height: 380px;}
}

/* mobile */
@media (max-width: 640px) {
  .wood-section {padding: 80px 0;}
  .wood-head {margin-bottom: 34px;}
  .wood-label {font-size: 12px;}

  .wood-head p {font-size: 16px;line-height: 1.6;}

  .wood-img,  .wood-card-best .wood-img {height: 260px;}
  .wood-body {padding: 24px 20px 20px;}
  .wood-desc {font-size: 16px;}

  .wood-main-btn {min-width: 0;width: 100%;}
}


/*space mobile card*/
.sm-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 28px;}
.sm-card {overflow: hidden;border-radius: 16px;background: rgba(7, 13, 19, .72);border: 1px solid rgba(255,255,255,.14);box-shadow: 0 20px 55px rgba(0,0,0,.35);transition: .45s ease;backdrop-filter: blur(10px);}
.sm-card:hover {transform: translateY(-12px);border-color: rgba(0,229,255,.75);box-shadow:0 30px 80px rgba(0,0,0,.48),0 0 35px rgba(0,229,255,.16);}
.sm-thumb {position: relative;height: 300px;overflow: hidden;}
.sm-thumb::after {content: "";position: absolute;inset: 0;background: linear-gradient(180deg,rgba(9,14,20,.08) 0%,rgba(9,14,20,.2) 38%,rgba(9,14,20,.68) 78%,rgba(9,14,20,1) 100%);z-index: 1;}
.sm-thumb img {width: 100%;height: 100%;object-fit: cover;transition: .65s ease;filter: saturate(.9) brightness(.82);}
.sm-card:hover .sm-thumb img {transform: scale(1.08);filter: saturate(1.05) brightness(.95);}
.sm-thumb-text {position: absolute;left: 26px;right: 26px;bottom: 26px;z-index: 2;text-align: center;}
.sm-thumb-text h3 {color: #fff;font-size: 22px;font-weight: 900;letter-spacing: -.04em;margin-bottom: 10px;}
.sm-thumb-text p {color: #00e5ff;font-size: 16px;font-weight: 800;}
.sm-info {display: grid;grid-template-columns: repeat(3, 1fr);width:calc(100% - 20px);margin:auto;padding: 20px 0px 20px;border-top: 1px solid rgba(255,255,255,.12);}

.sm-feature {text-align: center;padding: 0 10px;border-right: 1px solid rgba(255,255,255,.12);}
.sm-feature:last-child {border-right: 0;}
.sm-feature span {display: block;color: #00e5ff;font-size: 30px;line-height: 1;margin-bottom: 16px;}
.sm-feature strong {display: block;color: #fff;font-size: 14px;font-weight: 500;margin-bottom: 6px;word-break: keep-all;}
.sm-feature em {display: block;color: rgba(255,255,255,.55);font-size: 13px;font-style: normal;}

.sm-bottom {text-align: center;margin-top: 48px;}
.sm-btn {display: inline-flex;align-items: center;justify-content: center;gap: 18px;min-width: 300px;height: 64px;border-radius: 10px;background: #00e5ff;color: #061014;text-decoration: none;font-size: 19px;
					font-weight: 900;box-shadow: 0 0 30px rgba(0,229,255,.35);transition: .35s ease;}
.sm-btn:hover {transform: translateY(-4px);background: #52f0ff;box-shadow: 0 0 45px rgba(0,229,255,.55);}

@media (max-width: 1280px) {
  .sm-grid {grid-template-columns: repeat(2, 1fr);}
  .sm-thumb {height: 320px;}
}

@media (max-width: 720px) {
  .sm-grid {grid-template-columns: 1fr;gap: 22px;}
  .sm-thumb {height: 260px;}
  .sm-thumb-text h3 {font-size: 28px;}
  .sm-info {grid-template-columns: 1fr;padding: 0 24px;}
  .sm-feature {display: grid;grid-template-columns: 42px 1fr;column-gap: 14px;text-align: left;padding: 18px 0;border-right: 0;border-bottom: 1px solid rgba(255,255,255,.12);}
  .sm-feature:last-child {border-bottom: 0;}
  .sm-feature span {grid-row: span 2;margin-bottom: 0;}
  .sm-btn {width: 100%;min-width: 0;}
}


  /* Model & Lineup Cards */
  .woodhouse_bg {width:100%;height:100%;background: url('/img/dh_bg03.png') no-repeat center #f7f7f4;background-size: cover;}
  .spacemobile_bg {width:100%;height:100%;background: url('/img/dh_bg02.png') no-repeat right center #0f1419;background-size: cover;}
  .space_pro_bg {width:100%;height:100%;background: url('/img/dh_bg08.png') no-repeat right bottom #0f1419;background-size: cover;}
  .product-card {background: var(--color-white);*border: 1px solid var(--color-border);border-radius: 8px;overflow: hidden;transition: all var(--transition);}
  .product-card:hover {transform: translateY(-5px);box-shadow: var(--shadow-md);}
  .product-img {height: 250px;overflow: hidden;}
  .product-img img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s;}
  .product-card:hover .product-img img {transform: scale(1.05);}
  .product-info {padding: 80px 20px;}
  .product-info02 {padding: 40px 20px;}
  .product-title {font-size: 1.4rem;font-weight: 800;margin-bottom: 10px;}
  .product-desc {color: var(--color-text-light);font-size: 0.95rem;margin-bottom: 20px;}

  .dark-section .product-card {background: var(--color-space-card);border-color: rgba(255, 255, 255, 0.1);}
  .dark-section .product-title {color: var(--color-white);}
  .dark-section .product-desc {color: var(--text-gray);}
  
  .dark-section .product-card:hover .product-title, .dark-section .product-card:hover .product-desc {text-shadow:0 0 10px #000;}
  
  .dark-section .space_card01, .dark-section .space_card02, .dark-section .space_card03, .dark-section .space_card04 {position: relative;z-index: 1;background: var(--color-space-bg);color: #fff;border:1px solid rgba(255,255,255,0)}  
  .dark-section .space_card01::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url('/img/himg/스페이스모바일_h5.jpg') no-repeat center #555;background-size: cover;z-index: -2;}
  .dark-section .space_card02::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url('/img/himg/스페이스모바일_X7.jpg') no-repeat center #555;background-size: cover;z-index: -2;}
  .dark-section .space_card03::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url('/img/himg/스페이스모바일_X9-1.jpg') no-repeat center #555;background-size: cover;z-index: -2;}
  .dark-section .space_card04::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url('/img/himg/스페이스모바일_M7.jpg') no-repeat center #555;background-size: cover;z-index: -2;}
  .dark-section .space_card01::after, .dark-section .space_card02::after, .dark-section .space_card03::after, .dark-section .space_card04::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(30, 30, 30, 0.6);z-index: -1;transition:0.4s all ease;}
  .dark-section .space_card01:hover::after, .dark-section .space_card02:hover::after, .dark-section .space_card03:hover::after, .dark-section .space_card04:hover::after {background: rgba(30, 30, 30, 0.2);}
  .dark-section .space_card01:hover, .dark-section .space_card02:hover, .dark-section .space_card03:hover, .dark-section .space_card04:hover {transform: scale(1.05);border:1px solid rgba(0, 229, 255, 0.9);box-shadow: 0 0 15px rgba(0, 229, 255, 0.5);}


/**/
/* ========================================
   DOMESTIC PRODUCTION STRENGTH
======================================== */

.dt-strength {--dt-green: #123e31;--dt-green-dark: #0d3026;--dt-gold: #c7a062;--dt-text: #15221d;--dt-gray: #666c69;--dt-line: #e3e1dc;--dt-cream: #f4efe6;position: relative;background: #fff;color: var(--dt-text);overflow: hidden;}
.dt-strength *, .dt-strength *::before, .dt-strength *::after {box-sizing: border-box;}
.dt-strength__inner {width: min(1440px,100%);margin: 0 auto;padding:0px 0 50px;}

.dt-strength__content {display: grid;grid-template-columns: minmax(0, 1.08fr) minmax(420px, 0.92fr);gap:50px;align-items: center;}

.mobile-break {display:inline-block;}

.dt-strength__video-card {min-width: 0;overflow: hidden;border: 1px solid #e7e3dc;border-radius: 20px;background: #fff;box-shadow: 0 22px 60px rgba(20, 34, 28, 0.08);*align-self: start;height: auto;}
.dt-strength__video-wrap {position: relative;overflow: hidden;aspect-ratio: 16 / 9;background: #fff;cursor:pointer;}
.dt-strength__video {display: block;width: 100%;height: 100%;object-fit: cover;}
.dt-strength__video-info {display: grid;grid-template-columns: 145px 1px 1fr;align-items: center;gap: 34px;min-height: 120px;padding: 25px 34px;}
.dt-strength__video-label {color: #b08a50;font-size: 13px;font-weight: 800;line-height: 1.75;letter-spacing: 0.16em;}
.dt-strength__video-line {width: 1px;height: 58px;background: #d8d3ca;}
.dt-strength__video-info p {margin: 0;color: #343a37;font-size: 18px;line-height: 1.75;word-break: keep-all;}
.dt-strength__video-info strong {color: var(--dt-green);font-weight: 900;}

.dt-strength__list {display: flex;flex-direction: column;justify-content: space-between;}
.dt-strength__item {display: grid;grid-template-columns: 96px 1fr;gap: 10px;align-items: center;padding: 25px 0;border-bottom: 1px solid var(--dt-line);}
.dt-strength__item:first-child {padding-top: 2px;}
.dt-strength__item:last-child {padding-bottom: 2px;border-bottom: 0;}
.dt-strength__icon {width:80px;height:80px;border-radius: 50%;background:radial-gradient(circle at 32% 28%, #fbf8f2, var(--dt-cream));color: var(--dt-green);display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
.dt-strength__icon i {font-size: 35px;}

.dt-strength__item-content {min-width: 0;}
.dt-strength__item-title {display: flex;align-items: baseline;gap: 18px;margin-bottom: 10px;}
.dt-strength__item-title span {flex-shrink: 0;color: var(--dt-green);font-size: 20px;font-weight: 500;letter-spacing: 0.02em;}
.dt-strength__item-title h3 {margin: 0;color: var(--dt-green-dark);font-size: 20px;font-weight: 900;line-height: 1.35;letter-spacing: -0.035em;word-break: keep-all;}
.dt-strength__item-content p {margin: 0;color: var(--dt-gray);font-size: 14px;line-height: 1.75;word-break: keep-all;}

.dt-strength__bottom {position: relative;border: 1px solid #ede9e2;background:linear-gradient(90deg,rgba(248, 246, 241, 0.98) 0%,rgba(255, 255, 255, 0.98) 54%,rgba(250, 249, 246, 0.98) 100%);border-radius:20px;overflow: hidden;}
.dt-strength__bottom::before {content: "";position: absolute;left: 0;top: 0;bottom: 0;width: 18%;background:linear-gradient(90deg, rgba(238, 228, 211, 0.44), transparent);pointer-events: none;}
.dt-strength__bottom::after {content: "";position: absolute;left: 0;top: 0;bottom: 0;width: 100%;background:url('/img/strength-house-drawing.png')no-repeat right bottom;background-size:auto 80%;pointer-events: none;}
.dt-strength__bottom-inner {position: relative;z-index: 1;width: min(1440px, 90%);min-height: 280px;margin: 0 auto;display: grid;grid-template-columns: 340px 1px minmax(280px, 390px) 1fr;gap: 52px;align-items: center;}
.dt-strength__bottom-title span {display: block;margin-bottom: 20px;color: var(--dt-gold);font-size: 13px;font-weight: 800;letter-spacing: 0.2em;}
.dt-strength__bottom-title h3 {margin: 0;color: var(--dt-green);font-size: 34px;font-weight: 900;line-height: 1.45;letter-spacing: -0.045em;word-break: keep-all;}
.dt-strength__bottom-divider {width: 1px;height: 120px;background: #dad7d0;}
.dt-strength__bottom-description {margin: 0;color: #404642;font-size: 17px;line-height: 1.9;word-break: keep-all;}

.dt-strength__drawing {align-self: end;justify-self: end;width: min(100%, 550px);height: 240px;display: flex;align-items: flex-end;justify-content: flex-end;opacity: 0.78;}
.dt-strength__drawing img {display: block;max-width: 100%;max-height: 100%;object-fit: contain;}

@media (max-width: 1200px) {
  .dt-strength__content {grid-template-columns: 1fr;gap: 52px;}
  .dt-strength__list {display: grid;grid-template-columns: repeat(2, 1fr);gap: 0 38px;}
  .dt-strength__item, .dt-strength__item:first-child, .dt-strength__item:last-child {padding: 28px 0;border-bottom: 1px solid var(--dt-line);}
  .dt-strength__item:nth-child(3), .dt-strength__item:nth-child(4) {border-bottom: 0;}
  .dt-strength__bottom-inner {grid-template-columns: 270px 1px minmax(250px, 340px) 1fr;gap: 34px;}
  .dt-strength__bottom-title h3 {font-size: 29px;}
}

@media (max-width: 900px) {
.dt-strength__bottom::after {background:url('/img/strength-house-drawing.png')no-repeat right bottom;background-size:auto 30%;}
  .dt-strength__inner {width: min(92%, 760px);}
  .dt-strength__description br {display: none;}
  .dt-strength__list {grid-template-columns: 1fr;}
  .dt-strength__item:nth-child(3) {border-bottom: 1px solid var(--dt-line);}
  .dt-strength__item:last-child {border-bottom: 0;}
  .dt-strength__bottom-inner {width: min(92%, 760px);min-height: auto;padding: 60px 0;grid-template-columns: 1fr;gap: 28px;}
  .dt-strength__bottom-divider {width: 100%;height: 1px;}
  .dt-strength__bottom-description {max-width: 620px;}
  .dt-strength__drawing {justify-self: center;width: 100%;height: 260px;}
}

@media (max-width: 600px) {
  .dt-strength__inner {width: 90%;padding:0 0 20px}
  .dt-strength__eyebrow {margin-bottom: 13px;font-size: 11px;letter-spacing: 0.21em;}
  .dt-strength__title {font-size: 34px;line-height: 1.28;}
  .mobile-break {display: block;}
  .dt-strength__description {margin-top: 19px;font-size: 15px;line-height: 1.78;}
  .dt-strength__description br {display: none;}
  .dt-strength__content {gap: 38px;}
  .dt-strength__video-card {border-radius: 15px;}
  .dt-strength__video-info {grid-template-columns: 1fr;gap: 13px;padding: 23px 22px 25px;}
  .dt-strength__video-label {font-size: 10px;line-height: 1.5;}
  .dt-strength__video-label br {display: none;}
  .dt-strength__video-line {width: 42px;height: 1px;}
  .dt-strength__video-info p {font-size: 15px;line-height: 1.7;}
  .dt-strength__item {grid-template-columns: 66px 1fr;gap: 17px;padding: 24px 0;}
  .dt-strength__icon {width: 66px;height: 66px;}
  .dt-strength__icon i {font-size: 25px;}
  .dt-strength__item-title {display: block;margin-bottom: 8px;}
  .dt-strength__item-title span {display: block;margin-bottom: 3px;color: var(--dt-gold);font-size: 15px;}
  .dt-strength__item-title h3 {font-size: 19px;line-height: 1.4;}
  .dt-strength__item-content p {font-size: 14px;line-height: 1.72;}
  .dt-strength__bottom-inner {width: 90%;padding-top: 50px;}
  .dt-strength__bottom-title span {margin-bottom: 13px;font-size: 10px;}
  .dt-strength__bottom-title h3 {font-size: 26px;line-height: 1.45;}
  .dt-strength__bottom-description {font-size: 15px;line-height: 1.8;}
  .dt-strength__drawing {height: 190px;}
}



  /* Process Timeline */
  .process-wrap {display: grid;grid-template-columns: repeat(6, 1fr);gap: 20px;text-align: center;}
  .process-wrap::before {content: "";position: absolute;top: 30px;left: calc(100% / 12);right: calc(100% / 12);height: 2px;background: var(--color-border);z-index: 0;}
  .process-step {position: relative;}
  .process-step:last-child::after {display: none;}
  
  .step-circle {width: 60px;height: 60px;background: var(--color-white);border: 2px solid var(--color-primary);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 20px;
							font-weight: 800;color: var(--color-primary);position: relative;z-index: 2;}
  .step-title {font-size: 1.1rem;font-weight: 700;margin-bottom: 10px;}



/**/
.dt-process{padding:140px 0;}
.dt-process-title{text-align:center;margin-bottom:70px;}
.dt-process-sub{display:inline-block;color:#c89d4b;font-weight:700;letter-spacing:2px;margin-bottom:18px;}
.dt-process-title h2{font-size:52px;color:#173f34;margin-bottom:20px;font-weight:800;}
.dt-process-title p{font-size:22px;color:#666;}

.dt-process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.dt-step-card{background:#fff;border-radius:22px;border:1px solid #ececec;padding:28px;display:flex;align-items:center;position:relative;transition:.35s;min-height:210px;}
.dt-step-card:hover{transform:translateY(-8px);box-shadow:0 18px 40px rgba(0,0,0,.08);}

.dt-step-left{width:40px;flex-shrink:0;}
.dt-step-left span{display:block;font-size:12px;color:#c89d4b;font-weight:700;margin-bottom:4px;}
.dt-step-left strong{font-size:34px;color:#c89d4b;line-height:1;font-weight:800;}
.dt-step-icon{width:70px;height:70px;border-radius:50%;background:#f8f7f4;display:flex;justify-content:center;align-items:center;margin:0 10px;}
.dt-step-icon i{font-size:34px;color:#173f34;}

.dt-step-content{flex:1;}
.dt-step-content h3{font-size:24px;margin-bottom:18px;color:#173f34;}
.dt-step-content ul{*padding-left:18px;}
.dt-step-content li{margin-bottom:8px;color:#666;line-height:1.7;}
.dt-arrow{margin-left:15px;color:#c89d4b;font-size:28px;}
.dt-step-card:last-child .dt-arrow{display:none;}

@media(max-width:1200px){
	.dt-process-grid{grid-template-columns:repeat(2,1fr);}
}

@media(max-width:768px){
	.dt-process{padding:90px 0;}
	.dt-process-title h2{font-size:34px;}
	.dt-process-title p{font-size:17px;}
	.dt-process-grid{grid-template-columns:1fr;}
	.dt-step-card{padding:22px;min-height:auto;}
	
	.dt-step-left strong{font-size:40px;}
	.dt-step-icon{width:60px;height:60px;margin:0 18px;}
	.dt-step-icon i{font-size:28px;}
	.dt-step-content h3{font-size:22px;}
}

/**/






  /* Gallery */
  .gallery-wrap {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;}
  .gallery-item {position: relative;border-radius: 8px;overflow: hidden;aspect-ratio: 16 / 9;}
  .gallery-item img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s;}
  .gallery-item:hover img {transform: scale(1.05);}
  .video-item iframe {width: 100%;height: 100%;border: none;}

  /* Contact */
  .contact-box {background: var(--color-white);padding: 50px;border-radius: 12px;box-shadow: var(--shadow-md);display: grid;grid-template-columns: 1.5fr 1fr;gap: 50px;}
  .form-group {margin-bottom: 20px;}
  .form-group label {display: block;font-weight: 600;margin-bottom: 8px;font-size: 0.95rem;}
  .form-control {width: 100%;padding: 14px;border: 1px solid var(--color-border);border-radius: 4px;font-family: inherit;font-size: 1rem;}
  .form-control:focus {outline: none;border-color: var(--color-primary);}
  textarea.form-control {height: 120px;resize: vertical;}

  .quick-contact {display: flex;flex-direction: column;gap: 15px;}
  .qc-card {padding: 25px;border: 1px solid var(--color-border);border-radius: 8px;background: var(--color-light-bg);transition: all 0.3s;}
  .qc-card:hover {border-color: var(--color-primary);background: var(--color-white);box-shadow: var(--shadow-sm);}
  .qc-title {font-size: 1rem;font-weight: 700;color: var(--color-text-light);margin-bottom: 5px;}
  .qc-val {font-size: 1.3rem;font-weight: 800;color: var(--color-primary);}

  /* Footer */
  footer {background: #111;color: #888;padding: 80px 0 40px;}
  .footer-grid {display: grid;grid-template-columns: 2fr 1.5fr 1fr;gap: 40px;margin-bottom: 40px;padding-bottom: 40px;border-bottom: 1px solid #333;}
  .footer-logo img {height: 40px;margin-bottom: 20px;filter: brightness(0) invert(1);opacity: 0.8;}
  .footer-info p {margin-bottom: 10px;font-size: 0.95rem;}
  .footer-info strong {color: #ccc;display: inline-block;width: 60px;}
  .footer-links li {margin-bottom: 10px;}
  .footer-links a:hover {color: var(--color-white);}
  .temp-badge {display: inline-block;background: #333;padding: 4px 8px;border-radius: 4px;font-size: 0.8rem;color: #aaa;margin-top: 10px;}
  
  
 .dt-footer {position: relative;overflow: hidden;color: #fff;padding: 90px 0 46px;}
 .dt-footer::before{content:"";position:absolute;inset:0;background:url("/img/dh_bg05.jpg") center center / cover no-repeat;z-index:0;}
 .dt-footer::after{content:"";position:absolute;inset:0;background:#0d1312;opacity:0.95; z-index:1;}
 .dt-footer > *{position:relative;z-index:2;cursor:default;}

.dt-footer-inner {width: min(1400px, 92%);margin: 0 auto;}
.dt-footer-main {display: grid;grid-template-columns: 1.1fr 1fr 1fr;gap: 70px;padding-bottom: 50px;border-bottom: 1px solid rgba(255,255,255,.13);}
.dt-footer-brand, .dt-footer-contact, .dt-footer-menu {min-width: 0;}
.dt-footer-logo {width: 260px;max-width: 100%;display: block;margin-bottom: 36px;filter: brightness(0) invert(1);opacity:0.8}

.dt-footer-brand p {color: rgba(255,255,255,.72);font-size: 20px;line-height: 1.75;letter-spacing: -.03em;}
.dt-footer-brand p::before {content: "";display: block;width: 34px;height: 2px;background: #c9a86b;margin: 28px 0;}
.dt-footer-contact, .dt-footer-menu {padding-left: 48px;border-left: 1px solid rgba(255,255,255,.12);}
.dt-footer h3 {color: #c9a86b;font-size: 22px;font-weight: 700;letter-spacing: .05em;margin-bottom: 30px;}
.dt-footer h3::after {content: "";display: block;width: 34px;height: 1px;background: #c9a86b;margin-top: 16px;}

.dt-footer-contact ul, .dt-footer-menu ul {list-style: none;margin: 0;padding: 0;}
.dt-footer-contact li {display: grid;grid-template-columns: 34px 1fr;gap: 18px;align-items: start;margin-bottom: 22px;color: rgba(255,255,255,.8);font-size: 16px;line-height: 1.6;}
.dt-footer-contact i {color: #c9a86b;font-size: 18px;margin-top: 5px;}

.dt-footer-menu li {border-bottom: 1px solid rgba(255,255,255,.1);}
.dt-footer-menu a {display: flex;justify-content: space-between;align-items: center;gap: 18px;padding: 14px 0;color: rgba(255,255,255,.84);font-size: 16px;text-decoration: none;transition: .28s ease;}
.dt-footer-menu a span {color: rgba(255,255,255,.45);transition: .28s ease;}
.dt-footer-menu a:hover {color: #c9a86b;padding-left: 6px;}
.dt-footer-menu a:hover span {color: #c9a86b;transform: translateX(4px);}

.dt-footer-bottom {display: grid;grid-template-columns: 1.4fr .8fr;gap: 40px;align-items: end;padding-top: 38px;}
.dt-footer-info p {margin: 0 0 13px;color: rgba(255,255,255,.55);font-size: 14px;line-height: 1.7;}
.dt-footer-info span {color: rgba(255,255,255,.78);font-weight: 700;}
.dt-footer-info em {margin: 0 13px;color: rgba(255,255,255,.28);font-style: normal;}
.dt-footer-policy {margin-top: 20px !important;}
.dt-footer-policy a {color: rgba(255,255,255,.62);text-decoration: none;transition: .25s ease;}
.dt-footer-policy a:hover {color: #c9a86b;}
.dt-footer-copy {margin: 0;color: rgba(255,255,255,.48);font-size: 12px;text-align: right;}

/* tablet */
@media (max-width: 1100px) {
  .dt-footer {padding: 76px 0 40px;}
  .dt-footer-main {grid-template-columns: 1fr;gap: 46px;}
  .dt-footer-contact, .dt-footer-menu {padding-left: 0;border-left: 0;}
  .dt-footer-bottom {grid-template-columns: 1fr;}
  .dt-footer-copy {text-align: left;}
}

/* mobile */
@media (max-width: 640px) {
  .dt-footer {padding: 60px 0 34px;}
  .dt-footer-main {gap: 40px;padding-bottom: 44px;}
  .dt-footer-logo {width: 220px;margin-bottom: 28px;}
  .dt-footer-brand p {font-size: 18px;}

  .dt-footer h3 {font-size: 18px;margin-bottom: 24px;}
  .dt-footer-contact li {grid-template-columns: 28px 1fr;gap: 14px;font-size: 15px;}
  .dt-footer-menu a {font-size: 15px;padding: 14px 0;}
  .dt-footer-bottom {padding-top: 30px;gap: 28px;}
  .dt-footer-info p {font-size: 12px;}
  .dt-footer-info em {margin: 0 8px;}
  .dt-footer-policy a {display: inline-block;margin-bottom: 6px;}
  .dt-footer-copy {font-size: 10px;}
}
  
  

  /* Responsive */
  @media (max-width: 1024px) {
	.header-right {display:none}
	.logo img {height: 30px;width: auto;}
	.grid-4 {grid-template-columns: repeat(2, 1fr);}
	.process-wrap {grid-template-columns: repeat(3, 1fr);gap: 40px 20px;}
	.process-step::after {display: none;}
	.contact-box {grid-template-columns: 1fr;}
	.footer-grid {grid-template-columns: 1fr;}
  }
  
  @media (max-width: 768px) {
	.header-inner {padding:0 3%}
	.logo img {height: 40px;width: auto;}
	.nav-links, .header-right {display: none;}
	.hamburger {display: block;}
	.hero-slogan {display:none}
	.hero-split {flex-direction: column;margin-top:65px;}
	.wood-bg::before {background: url('/img/dh_bg_wood.png') no-repeat center;background-size:cover;}
	.space-bg::before {background: url('/img/dh_bg_space.png') no-repeat center;background-size:cover}
	.hero-half {padding: 40px 20px;}
	.hero-half-title {font-size: 2.2rem;	}
	.grid-2, .grid-3, .grid-4 {grid-template-columns: 1fr;}
	.gallery-wrap {grid-template-columns: 1fr;}
	.process-wrap {grid-template-columns: 1fr;}
	
	.sec-title {font-size:2rem;}
	.sec-subtitle {font-size:1rem;word-break: keep-all;}
	.section-padding {padding:100px 10px;}
	
	.value-card  {border-color:var(--color-wood);}
  }
  
  
  /* =========================
   PC Floating
========================= */

.dt-floating-contact {position: fixed;right: 25px;top: auto;bottom: 90px;transform: none;z-index: 9999;width: 78px;padding: 12px 8px;background: linear-gradient(180deg, #123f33db, #0b2d25f2);align-items: center;gap: 6px;
												border: 1px solid rgba(201, 168, 107, .45);border-radius: 999px;box-shadow: 0 18px 45px rgba(0,0,0,.22);display: flex;flex-direction: column;transition:transform .45s cubic-bezier(.22,1,.36,1);}
.dt-float-item {width: 62px;min-height: 66px;border: 0;background: transparent;color: #fff;text-decoration: none;cursor: pointer;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 7px;
								border-radius: 999px;font-family: inherit;transition: .25s ease;}
.dt-float-item i {font-size: 21px;}
.dt-float-item span {font-size: 12px;font-weight: 700;line-height: 1;}
.dt-float-item:hover {background: rgba(255,255,255,.1);transform: translateY(-2px);}
.dt-float-apply {background: #c9a86b;color: #fff;}
.dt-float-apply:hover {background: #d4b77f;}
.dt-float-top {margin-top: 4px;border-top: 1px solid rgba(255,255,255,.18);border-radius: 0 0 999px 999px;color: rgba(255,255,255,.85);}



/* =========================
   Mobile Bottom Bar
========================= */

@media (max-width: 768px) {
  body {padding-bottom: 72px;}
  .dt-floating-contact {left: 0;right: 0;top: auto;bottom: 0;transform: none !important;width: 100%;height: 68px;padding: 0;border-radius: 0;border: 0;border-top: 1px solid rgba(255,255,255,.14);
												background: linear-gradient(90deg, #123f33, #0b2d25);box-shadow: 0 -10px 35px rgba(0,0,0,.18);flex-direction: row;justify-content: space-between;gap: 0;}
  .dt-float-item {flex: 1;width: auto;height: 68px;min-height: 68px;border-radius: 0;gap: 5px;}
  .dt-float-item i {font-size: 19px;}
  .dt-float-item span {font-size: 11px;}
  .dt-float-apply {background: #c9a86b;color: #fff;}
  .dt-float-top {display: none;}
  .dt-float-item:hover {transform: none;background: rgba(255,255,255,.08);}
  .dt-float-apply:hover {background: #c9a86b;}
}

/* ========================================
   커스텀 마우스 커서
======================================== */

.custom-cursor-dot,
.custom-cursor-ring {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2147483647;
  pointer-events: none;
  border-radius: 50%;
  transform: translate(-50%, -50%);

  opacity: 0;
  visibility: hidden;

  transition:
    width 0.2s ease,
    height 0.2s ease,
    background-color 0.2s ease,
    border-color 0.2s ease,
    opacity 0.15s ease,
    visibility 0.15s ease;
}

/* 중앙 점 */
.custom-cursor-dot {
  width: 8px;
  height: 8px;
  background: #c9a86b;
}

/* 바깥 원 */
.custom-cursor-ring {
  width: 34px;
  height: 34px;
  border: 1.5px solid #fff;
  opacity: 0.9;
  mix-blend-mode: difference;
  filter: drop-shadow(0 0 4px rgba(255, 255, 255, 0.22));
}

/* 마우스가 화면 안에 들어왔을 때 표시 */
.custom-cursor-dot.is-visible,
.custom-cursor-ring.is-visible {
  opacity: 1;
  visibility: visible;
}

/* 클릭 가능한 요소 위에 올라갔을 때 */
.custom-cursor-ring.is-hover {
  width: 52px;
  height: 52px;
  border-color: #fff;
  background: rgba(255, 255, 255, 0.14);
}

/*
 * 커스텀 커서가 정상적으로 실행된 페이지에서만
 * 브라우저 기본 커서를 숨김
 */
html.custom-cursor-enabled,
html.custom-cursor-enabled body,
html.custom-cursor-enabled body * {
  cursor: none !important;
}

/*
 * 영상 기본 컨트롤과 외부 문서 영역은
 * 커스텀 커서 추적이 불안정할 수 있으므로 기본 커서 사용
 */
html.custom-cursor-enabled video,
html.custom-cursor-enabled video *,
html.custom-cursor-enabled iframe,
html.custom-cursor-enabled embed,
html.custom-cursor-enabled object {
  cursor: auto !important;
}

/* 모바일·터치 기기 */
@media (max-width: 768px), (hover: none), (pointer: coarse) {
  html,
  body,
  body * {
    cursor: auto !important;
  }

  .custom-cursor-dot,
  .custom-cursor-ring {
    display: none !important;
  }
}