@import url('board.css');

/* Reset & Base */
*, *::before, *::after {margin:0;padding:0;box-sizing:border-box;}
html {scroll-behavior:smooth;font-size:16px;overflow-x:hidden;}
body {font-family:'Noto Sans KR', sans-serif;color:#333;background:#fff;line-height:1.6;overflow-x:hidden;}
a {text-decoration:none;color:inherit;}
ul, ol {list-style:none;}
img {max-width:100%;height:auto;}
img.is-broken {
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:200px;
  background:#f9f9f9;
  border:1px solid var(--border);
  color:#999;
  font-size:1.5rem;
  text-align:center;
  padding:40px;
}
button {cursor:pointer;border:none;background:none;font-family:inherit;}
:root {
  --primary:#7fc141;
  --primary-dark:#5fa02e;
  --dark:#1a1a1a;
  --text:#333;
  --text-light:#666;
  --border:#e3e3e3;
  --bg-light:#f7f7f7;
  --font-en:'Montserrat', sans-serif;
  --font-ko:'Noto Sans KR', sans-serif;
  --transition:0.3s ease;
  --header-h:74px;
}

/* Header */
.header {position:fixed;top:0;left:0;right:0;height:var(--header-h);background:transparent;z-index:1000;}
.header.scrolled {background:#fff;box-shadow:0 1px 8px rgba(0,0,0,0.08);}
.header-inner {width:100%;height:100%;display:flex;align-items:center;padding:0 32px;position:relative;}
.header-logo {flex-shrink:0;z-index:2;display:flex;align-items:center;gap:10px;}
.header-logo img {height:21px;width:auto;filter:brightness(0) invert(1);}
.header.scrolled .header-logo img {filter:none;}
.gnb {position:absolute;left:50%;transform:translateX(-50%);z-index:3;}
.gnb ul {display:flex;gap:0;}
.gnb li {position:relative;}
.gnb li > a {display:block;padding:0 24px;line-height:var(--header-h);font-size:0.95rem;font-weight:600;color:rgba(255,255,255,0.9);letter-spacing:-0.02em;white-space:nowrap;}
.gnb li > a:hover {color:#fff;}
.header.scrolled .gnb li > a {color:var(--text);}
.header.scrolled .gnb li > a:hover {color:var(--primary);}
.gnb-menu li.menu-active > a {color:var(--primary) !important;}

/* Mega Menu */
.mega-menu {position:fixed;top:var(--header-h);left:0;right:0;background:var(--primary);box-shadow:0 8px 32px rgba(0,0,0,0.12);z-index:999;max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(0.4,0,0.2,1), opacity .3s;opacity:0;}
.mega-menu.open {max-height:520px;opacity:1;}
.mega-menu-inner {max-width:1200px;margin:0 auto;padding:24px 32px;display:grid;gap:0;}
.mega-2col {grid-template-columns:repeat(2,1fr);}
.mega-3col {grid-template-columns:repeat(3,1fr);}
.mega-col {padding:0 24px;border-right:1px solid rgba(255,255,255,0.25);}
.mega-col:first-child {padding-left:0;}
.mega-col:last-child {padding-right:0;border-right:none;}
.mega-col-title {display:block;font-size:0.92rem;font-weight:700;color:#fff;padding-bottom:10px;margin-bottom:10px;border-bottom:2px solid rgba(255,255,255,0.35);letter-spacing:-0.01em;}
.mega-col-2 {display:grid;grid-template-columns:1fr 1fr;gap:0 14px;}
.mega-col-2 .mega-col-title {grid-column:1 / -1;}
.mega-item-full {grid-column:1 / -1;}
.mega-item {display:flex;align-items:center;padding:6px 10px;margin:0 -10px;border-radius:4px;font-size:0.87rem;color:#fff;transition:background .2s, color .2s;}
.mega-item:hover {background:#fff;color:var(--primary);}
.header-right {margin-left:auto;display:flex;align-items:center;gap:12px;z-index:2;}
.profile {display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;cursor:pointer;border-radius:50%;transition:all 0.2s;}
.profile svg {stroke:rgba(255,255,255,0.7);transition:stroke 0.2s;}
.profile:hover svg {stroke:#fff;}
.header.scrolled .profile svg {stroke:var(--text);}
.header.scrolled .profile:hover svg {stroke:var(--primary);}
.hamburger {display:none;flex-direction:column;gap:5px;width:24px;padding:0;}
.hamburger span {display:block;width:100%;height:2px;background:#fff;}
.header.scrolled .hamburger span {background:var(--dark);}
.gnb-brand {display:none;}
.gnb-close {display:none;}
.gnb-copyright {display:none;}
.gnb-toggle {display:none !important;}
.gnb-sub {display:none !important;}

/* Hero */
.main-hero {margin-top:var(--header-h);position:relative;padding-top:60px;padding-bottom:32px;overflow:visible;}
.hero-bg-pattern {position:absolute;top:120px;left:0;width:100%;height:60px;background:linear-gradient(135deg, #e8f5f3 0%, #d4edea 40%, #c2e5e0 100%);z-index:0;}
.hero-bg-pattern::before {
  content:'';
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 20% 50%, rgba(11,122,111,0.06) 0%, transparent 50%),
    radial-gradient(circle at 80% 30%, rgba(11,122,111,0.04) 0%, transparent 40%);
  border-radius:inherit;
}
.hero-inner {position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:flex-start;gap:32px;}
.hero-slider-box {width:100%;height:180px;flex-shrink:0;border-radius:var(--radius);overflow:hidden;box-shadow:0 8px 40px rgba(0,0,0,0.12);}


/* Main News */
.main-news {padding:64px 0;}
.main-news .container {max-width:1200px;margin:0 auto;padding:0 24px;}
.news-header {display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;}
.news-header h2 {font-size:1.6rem;font-weight:800;color:var(--dark);}
.news-more {font-size:0.85rem;color:var(--text-light);text-decoration:none;transition:color 0.2s;}
.news-more:hover {color:var(--primary);}
@keyframes fadeIn {
  from {opacity:0;transform:translateY(8px);}
  to {opacity:1;transform:translateY(0);}
}

/* Sub Page */
.sub-hero {position:relative;width:100%;height:75px;margin-top:var(--header-h);background:var(--primary);display:flex;align-items:center;justify-content:flex-start;overflow:hidden;}
.sub-hero-inner {position:relative;z-index:2;max-width:1200px;width:100%;height:100%;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;}
.sub-hero-left {display:flex;flex-direction:column;gap:2px;}
.sub-hero-summary {font-size:0.92rem;font-weight:500;color:rgba(255,255,255,0.8);margin:0 0 0 auto;text-align:right;line-height:1.4;flex-shrink:0;}
.sub-hero-title {font-family:var(--font-en);font-size:2rem;font-weight:800;color:#fff;letter-spacing:-0.02em;line-height:1;margin-bottom:0;}
.sub-hero-desc {font-size:0.9rem;font-weight:400;color:rgba(255,255,255,0.6);}
.sub-hero-summary:empty {display:none;}
/* 1차 메뉴별 아이콘 — sub-hero[data-parent-slug] 에 따라 background-image 분기. 미매칭 slug 는 hero-icon-1 fallback */
.sub-hero-icon {width:60px;height:60px;flex-shrink:0;background-size:contain;background-position:center;background-repeat:no-repeat;background-image:url(/public/images/hero-icon-1.png);animation:subHeroSlideIn 0.6s 0.2s ease both;}
.sub-hero[data-parent-slug="html"]  .sub-hero-icon {background-image:url(/public/images/hero-icon-1.png);}
.sub-hero[data-parent-slug="board"] .sub-hero-icon {background-image:url(/public/images/hero-icon-2.png);}
.sub-hero[data-parent-slug="etc"]   .sub-hero-icon {background-image:url(/public/images/hero-icon-3.png);}
@keyframes subHeroSlideIn {
  from {opacity:0;transform:translateX(20px);}
  to {opacity:1;transform:translateX(0);}
}
.side-nav {position:fixed;right:16px;top:50%;transform:translateY(-50%);z-index:100;padding:0 0 0 14px;border-left:1px solid #ddd;}
.side-nav a {display:block;padding:5px 0;font-size:0.78rem;color:var(--text-light);white-space:normal;max-width:120px;transition:color 0.2s;position:relative;}
.side-nav a:hover {color:var(--primary);}
.side-nav a::before {
  content:'';
  position:absolute;
  left:-18px;
  top:50%;
  transform:translateY(-50%);
  width:7px;
  height:7px;
  border-radius:50%;
  border:1.5px solid #ccc;
  background:#fff;
  transition:border-color 0.2s, background 0.2s;
}
.side-nav a.is-current {color:var(--primary);font-weight:700;}
.side-nav a.is-current::before {border-color:var(--primary);background:var(--primary);}
.sub-content {display:flex;gap:40px;padding-top:16px;align-items:flex-start;}
.sub-content > .lnb {width:200px;flex-shrink:0;}
.lnb .lnb-title-text {display:block;font-size:1.3rem;font-weight:700;color:var(--text);padding:20px 0 14px;border-bottom:2px solid var(--primary);margin:0 0 30px;}
.lnb-menu:not(:has(ul)) {display:none;}
.lnb-menu ul {list-style:none;padding:0;margin:0;border-right:1px solid #e5e7eb;}
.lnb-menu ul li {margin-bottom:2px;}
.lnb-menu ul li a {display:block;padding:10px 16px;font-size:0.88rem;color:var(--text-light);text-decoration:none;border-radius:6px 0 0 6px;transition:all 0.2s;}
.lnb-menu ul li a:hover {background:#f5f6f8;color:var(--dark);}
.lnb-menu ul li a.on {background:var(--primary);color:#fff;font-weight:600;}
.lnb-menu ul ul {border-right:none;padding-left:0;}
.lnb-menu ul ul li a {font-size:0.82rem;padding:8px 16px;background:#f9fafb;}
.lnb-menu ul ul li a:hover {background:#f0f2f5;}
.lnb-menu ul ul li a.on {background:var(--primary);opacity:0.8;color:#fff;}
.sub-content > .sub-main {flex:1;min-width:0;}
.sub-page-body {padding:20px 0 80px;min-height:30vh;font-size:0.95rem;color:var(--text-light);line-height:1.8;overflow-x:hidden;}
.sub-wrap {padding:40px 0 0;min-height:60vh;overflow-x:hidden;}
.sub-empty-content {display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;text-align:center;}
.sub-empty-content svg {width:64px;height:64px;stroke:#ccc;margin-bottom:20px;}
.sub-empty-content h3 {font-size:1.15rem;font-weight:700;color:var(--text);margin-bottom:8px;}
.sub-empty-content p {font-size:0.88rem;color:#999;line-height:1.7;}
.sub-title {display:flex;align-items:center;justify-content:space-between;padding:20px 0 14px;border-bottom:2px solid var(--primary);}
.sub-title h2 {font-size:1.3rem;font-weight:400;color:var(--text);margin:0;}
.breadcrumb {display:flex;align-items:center;gap:6px;font-size:0.82rem;color:#888;}
.breadcrumb a {color:#888;text-decoration:none;transition:color 0.2s;}
.breadcrumb a:hover {color:var(--primary);}
.breadcrumb .loc-current {color:var(--text);font-weight:600;}
.breadcrumb svg {width:12px;height:12px;stroke:#bbb;flex-shrink:0;}
.breadcrumb .loc-home {width:15px;height:15px;stroke:#888;}

/* Utility */
.container {max-width:1200px;margin:0 auto;padding:0 24px;overflow-x:hidden;}
.top-btn {position:fixed;right:24px;bottom:24px;z-index:900;width:44px;height:44px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,0.2);opacity:0;pointer-events:none;transition:opacity 0.3s, background 0.3s;cursor:pointer;border:none;}
.top-btn.is-visible {opacity:1;pointer-events:auto;}
.top-btn:hover {background:var(--primary-dark);}
.top-btn svg {width:20px;height:20px;}

/* Footer */
.footer {background:#2b3a6e;color:rgba(255,255,255,0.6);padding:24px 0 0;font-size:0.85rem;margin-top:60px;}
.footer-inner {max-width:1200px;margin:0 auto;padding:0 24px;}
.footer-cols {display:flex;align-items:center;gap:60px;padding-bottom:16px;}
.footer-col-links {flex:1;}
.footer-col-links a {display:inline;font-size:0.82rem;color:rgba(255,255,255,0.55);margin-right:16px;transition:color 0.2s;}
.footer-col-links a:hover {color:#fff;}
.footer-privacy {font-weight:700;color:rgba(255,255,255,0.8) !important;}
.footer-col-sns {flex:0 0 auto;display:flex;align-items:center;}
.footer-sns {display:flex;gap:10px;}
.footer-sns a {width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.6);transition:all 0.25s;}
.footer-sns a:hover {background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.5);color:#fff;}
.footer-sns svg {width:16px;height:16px;}

/* Language Switcher */
.lang-switcher {position:relative;display:inline-flex;align-items:center;margin-right:8px;}
.lang-switcher-btn {display:flex;align-items:center;gap:4px;background:none;border:1px solid #e5e7eb;border-radius:6px;padding:4px 10px;font-size:13px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s;}
.lang-switcher-btn:hover {border-color:#9ca3af;background:#f9fafb;}
.lang-switcher-btn svg {flex-shrink:0;}
.lang-switcher-list {display:none;position:absolute;top:100%;right:0;margin-top:4px;padding:4px 0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);list-style:none;min-width:60px;z-index:100;}
.lang-switcher.open .lang-switcher-list {display:block;}
.lang-switcher-list li a {display:block;padding:6px 16px;font-size:13px;color:#374151;text-decoration:none;white-space:nowrap;transition:background .15s;}
.lang-switcher-list li a:hover {background:#f3f4f6;}
.lang-switcher-list li a.lang-active {color:#2563eb;font-weight:600;}

/* Responsive: Side Nav */
@media (max-width:1340px) {
  .side-nav {display:none !important;}
}

/* Responsive: Tablet */
@media (max-width:1024px) {
  .gnb li > a {padding:0 16px;font-size:0.88rem;}
}

/* Responsive: Mobile */
@media (max-width:768px) {
  :root {--header-h:60px;}
  .mega-menu {display:none;}
  .hamburger {display:flex;}
  .gnb {display:none !important;}
  .header-inner {padding:0 16px;}
  .header-right {gap:8px;flex-shrink:0;}
  .lang-switcher-btn span {display:none;}
  .lang-switcher-btn {padding:4px 6px;}
  .header-logo img {height:17px;}
  .sub-hero {height:65px;}
  .sub-hero-title {font-size:1.4rem;line-height:1;margin-bottom:3px;}
  .sub-hero-desc {font-size:0.75rem;}
  .sub-hero-inner {padding:0 24px;}
  .sub-hero-icon {width:50px;height:50px;}
  .sub-page-body {padding:0 0 40px;}
  .breadcrumb {display:none;}
  .main-hero {padding-top:32px;padding-bottom:16px;}
  .hero-bg-pattern {display:none;}
  .hero-slider-box {height:300px;}
  .hero-inner {padding:0 16px;}
  .main-news {padding:32px 0;}
  .bw-showcase {flex-direction:column !important;gap:24px !important;}
  .news-header h2 {font-size:1.2rem;}
  .footer-cols {flex-direction:column;gap:16px;text-align:center;}
  .footer-col-links {text-align:center;}
  .footer-sns {justify-content:center;}
  .sub-content > .lnb {display:none;}
  .sub-content {gap:0;padding-top:0;}
  .sub-wrap {padding-top:0;}
  .sub-title {padding-top:30px;margin-bottom:30px;}
}

/* Mobile Full Nav */
.mobile-nav {position:fixed;top:0;left:0;right:0;bottom:0;background:#2b3a6e;display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity 0.4s ease;z-index:1100;overflow-y:auto;}
.mobile-nav.open {opacity:1;pointer-events:auto;}
.mobile-nav-close {position:absolute;top:20px;right:20px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.15);border:none;border-radius:50%;cursor:pointer;transition:background 0.2s;z-index:1;}
.mobile-nav-close:hover {background:rgba(255,255,255,0.25);}
.mobile-nav-close svg {width:24px;height:24px;stroke:#fff;stroke-width:2;}
.mobile-nav-hero {padding:25px 28px 40px;flex-shrink:0;}
.mobile-nav-hero-title {font-size:2.4rem;font-weight:800;color:#fff;line-height:1.3;letter-spacing:-0.02em;margin-bottom:8px;}
.mobile-nav-hero-sub {font-size:1.1rem;font-weight:400;color:rgba(255,255,255,0.7);}
.mobile-nav-links {display:flex;flex-direction:column;padding:12px 0;flex:1;}
.mobile-nav-item {border-bottom:1px solid rgba(255,255,255,0.12);position:relative;display:flex;flex-wrap:wrap;align-items:center;}
.mobile-nav-item:first-child {border-top:1px solid rgba(255,255,255,0.12);}
.mobile-nav-link {flex:1;display:flex;align-items:center;padding:16px 28px;font-size:1.6rem;font-weight:600;color:rgba(255,255,255,0.85);text-decoration:none;transition:all 0.2s;}
.mobile-nav-link:hover {color:#fff;background:rgba(255,255,255,0.05);}
.mobile-nav-toggle {display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(255,255,255,0.1);border:none;border-radius:8px;font-size:1.3rem;color:rgba(255,255,255,0.6);cursor:pointer;margin-right:20px;transition:all 0.2s;flex-shrink:0;}
.mobile-nav-toggle:hover {background:rgba(255,255,255,0.2);color:#fff;}
.mobile-nav-sub {width:100%;max-height:0;overflow:hidden;transition:max-height 0.3s ease;padding:0;}
.mobile-nav-sub.is-open {max-height:2000px;padding-bottom:16px;}
.mobile-nav-sub-item {display:flex;flex-wrap:wrap;align-items:center;border-bottom:1px solid rgba(255,255,255,0.06);}
.mobile-nav-sub-item:last-child {border-bottom:none;}
.mobile-nav-sub-item > a {flex:1;display:block;padding:10px 28px;font-size:1.3rem;color:rgba(255,255,255,0.65);text-decoration:none;border-radius:6px;transition:all 0.2s;}
.mobile-nav-sub-item > a:hover {color:#fff;background:rgba(255,255,255,0.08);}
.mobile-nav-sub-item .mobile-nav-toggle {width:32px;height:32px;font-size:1.1rem;margin-right:20px;}
.mobile-nav-sub2 {width:100%;max-height:0;overflow:hidden;transition:max-height 0.3s ease;}
.mobile-nav-sub2 a {display:block;padding:8px 16px;font-size:1.3rem;color:rgba(255,255,255,0.5);text-decoration:none;border-radius:6px;transition:all 0.2s;}
.mobile-nav-sub2 a:hover {color:rgba(255,255,255,0.8);background:rgba(255,255,255,0.05);}
.mobile-nav-footer {padding:20px 28px 32px;flex-shrink:0;}
.mobile-nav-footer span {font-size:0.85rem;color:rgba(255,255,255,0.35);}

/* Inquiry Button */
.inquiry-btn {display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:transparent;border:1px solid rgba(0,0,0,0.15);border-radius:20px;color:var(--dark);font-size:0.85rem;font-weight:500;cursor:pointer;transition:all 0.2s;font-family:inherit;}
.inquiry-btn:hover {background:var(--primary);border-color:var(--primary);color:#fff;}
.inquiry-btn svg {flex-shrink:0;}
.header:not(.scrolled) .inquiry-btn {color:#fff;border-color:rgba(255,255,255,0.4);}
.header:not(.scrolled) .inquiry-btn:hover {background:#fff;border-color:#fff;color:var(--dark);}

/* Inquiry Modal */
.inquiry-modal-overlay {display:none;position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,0.55);align-items:center;justify-content:center;padding:20px;}
.inquiry-modal-overlay.is-open {display:flex;animation:inquiryFadeIn 0.2s ease;}
.inquiry-modal {background:#fff;border-radius:12px;width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,0.25);animation:inquirySlideUp 0.3s cubic-bezier(0.16,1,0.3,1);}
.inquiry-modal-header {display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #eee;}
.inquiry-modal-header h3 {margin:0;font-size:1.15rem;font-weight:700;color:var(--dark);}
.inquiry-modal-close {background:none;border:none;font-size:1.8rem;line-height:1;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all 0.2s;}
.inquiry-modal-close:hover {background:#f5f5f5;color:var(--dark);}
.inquiry-modal-body {padding:24px;overflow-y:auto;flex:1;}
.inquiry-field {margin-bottom:18px;}
.inquiry-field:last-of-type {margin-bottom:0;}
.inquiry-field label {display:block;font-size:0.9rem;font-weight:600;color:var(--dark);margin-bottom:8px;}
.inquiry-field .req {color:#e74c3c;margin-left:2px;}
.inquiry-field input[type="text"],
.inquiry-field select,
.inquiry-field textarea {width:100%;padding:10px 14px;border:1px solid #ddd;border-radius:6px;font-size:0.92rem;color:var(--text);box-sizing:border-box;font-family:inherit;transition:border-color 0.2s;background:#fff;}
.inquiry-field input[type="text"]:focus,
.inquiry-field select:focus,
.inquiry-field textarea:focus {outline:none;border-color:var(--primary);}
.inquiry-field textarea {resize:vertical;min-height:120px;line-height:1.6;}
.inquiry-field select {appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'><path d='M1 1l5 5 5-5' stroke='%23666' stroke-width='1.5' stroke-linecap='round'/></svg>");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;}
.inquiry-terms {margin-top:6px;}
.inquiry-checkbox {display:flex;align-items:flex-start;gap:8px;font-size:0.88rem;font-weight:500;color:var(--text);cursor:pointer;margin-bottom:0;}
.inquiry-checkbox input {margin-top:3px;flex-shrink:0;cursor:pointer;}
.inquiry-terms-box {margin-top:10px;padding:12px 14px;background:#f7f8fa;border-radius:6px;font-size:0.78rem;line-height:1.7;color:#666;max-height:90px;overflow-y:auto;}
.recaptcha-notice {margin:14px 24px 0;font-size:11px;color:#999;line-height:1.5;text-align:center;}
.recaptcha-notice a {color:#666;text-decoration:underline;}
.grecaptcha-badge {visibility:hidden;}
.inquiry-modal-footer {display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:16px 24px;border-top:1px solid #eee;}
.inquiry-btn-cancel {padding:10px 22px;font-size:0.9rem;font-weight:600;color:var(--text);background:#f5f5f5;border:1px solid #ddd;border-radius:6px;cursor:pointer;transition:background 0.2s;font-family:inherit;}
.inquiry-btn-cancel:hover {background:#eee;}
.inquiry-btn-submit {padding:10px 24px;font-size:0.9rem;font-weight:600;color:#fff;background:var(--primary);border:none;border-radius:6px;cursor:pointer;transition:background 0.2s;font-family:inherit;}
.inquiry-btn-submit:hover {background:var(--primary-dark);}

@keyframes inquiryFadeIn {from {opacity:0;} to {opacity:1;}}
@keyframes inquirySlideUp {from {opacity:0;transform:translateY(20px);} to {opacity:1;transform:translateY(0);}}

@media (max-width:480px) {
  .inquiry-btn span {display:none;}
  .inquiry-btn {padding:6px 8px;}
  .inquiry-modal {max-height:95vh;}
  .inquiry-modal-header {padding:16px 20px;}
  .inquiry-modal-body {padding:20px;}
  .inquiry-modal-footer {padding:14px 20px;}
}

@media (max-width:480px) {
  .sub-hero {height:55px;}
  .sub-hero-title {font-size:1.2rem;line-height:1;margin-bottom:2px;}
  .sub-hero-desc {font-size:0.7rem;}
  .sub-hero-inner {padding:0 20px;}
  .sub-hero-icon {width:42px;height:42px;}
  .sub-hero-summary {display:none;}
  .main-hero {padding-top:20px;padding-bottom:12px;}
  .hero-slider-box {height:200px;}
  .main-news {padding:24px 0;}
  .news-header {margin-bottom:16px;}
  .news-header h2 {font-size:1.1rem;}
  .container {padding:0 16px;}
  .footer {padding:24px 0 0;}
}

/* 콘텐츠 등록 준비 중 placeholder (빌드 자동 주입) */
.sub-empty-content {display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;}
.sub-empty-content svg {width:64px;height:64px;stroke:#ccc;margin-bottom:20px;}
.sub-empty-content h3 {font-size:1.15rem;font-weight:700;color:#333;margin-bottom:8px;}
.sub-empty-content p {font-size:0.88rem;color:#999;line-height:1.7;}

/* Main 화면 (.bw-showcase 위젯 한정) */
.bw-showcase .bw-card-grid {grid-template-columns:repeat(2, 1fr) !important;}
.bw-showcase .bw-is-line .bw-gallery-box-thumb {height:215px !important;}

@media (max-width:480px) {
  .bw-showcase .bw-gallery-grid:not(.bw-is-horizontal),
  .bw-showcase .bw-video-grid {grid-template-columns:1fr !important;}
}