* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: "Malgun Gothic", Arial, sans-serif;
  background: #f5f6f8;
  color: #222;
}

a {
  text-decoration: none;
  color: inherit;
}

.header {
  background: #111827;
  color: white;
  padding: 18px 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.logo {
  font-size: 26px;
  font-weight: 800;
}

.nav a {
  margin-left: 24px;
  font-weight: 600;
}

.nav a:hover {
  color: #facc15;
}

.hero {
  background: linear-gradient(135deg, #1e3a8a, #111827);
  color: white;
  padding: 90px 60px;
  text-align: center;
}

.hero h1 {
  font-size: 46px;
  margin: 0 0 15px;
}

.hero p {
  font-size: 20px;
  margin-bottom: 30px;
}

.hero button {
  padding: 15px 40px;
  background: #facc15;
  border: none;
  font-size: 18px;
  font-weight: 800;
  cursor: pointer;
}

.section {
  padding: 50px 60px;
}

.section-title {
  font-size: 30px;
  margin-bottom: 25px;
}

.products {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 24px;
}

.product-card {
  background: white;
  border: 1px solid #e5e7eb;
  padding: 18px;
  transition: 0.2s;
}

.product-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}

.product-card img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  background: #eee;
}

.product-card h3 {
  margin: 15px 0 8px;
}

.price {
  color: #1e3a8a;
  font-size: 20px;
  font-weight: 800;
}

.badge {
  display: inline-block;
  background: #e0ecff;
  color: #1e3a8a;
  padding: 5px 9px;
  font-size: 13px;
  margin-top: 8px;
}

.product-card button {
  width: 100%;
  padding: 12px;
  margin-top: 12px;
  border: none;
  background: #1e3a8a;
  color: white;
  cursor: pointer;
}

.footer {
  background: #111827;
  color: white;
  padding: 35px 60px;
  margin-top: 40px;
}

@media (max-width: 768px) {
  .header {
    display: block;
    padding: 20px;
  }

  .nav {
    margin-top: 15px;
  }

  .nav a {
    display: inline-block;
    margin: 5px 10px 5px 0;
  }

  .hero {
    padding: 60px 20px;
  }

  .hero h1 {
    font-size: 32px;
  }

  .section {
    padding: 30px 20px;
  }
}.detail-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 45px;
  background: white;
  padding: 40px;
  border: 1px solid #e5e7eb;
}

.detail-image-box {
  background: #f3f4f6;
  display: flex;
  align-items: center;
  justify-content: center;
}

.detail-image {
  width: 100%;
  max-height: 480px;
  object-fit: contain;
}

.detail-info h1 {
  font-size: 34px;
  margin: 20px 0 10px;
}

.detail-info h2 {
  color: #1e3a8a;
  font-size: 32px;
  margin: 10px 0 25px;
}

.detail-desc {
  line-height: 1.8;
  color: #555;
  margin-bottom: 25px;
}

.quantity-box {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 25px 0;
}

.quantity-box button {
  width: 40px;
  height: 40px;
  background: #1e3a8a;
  color: white;
  border: none;
  font-size: 20px;
  cursor: pointer;
}

.quantity-box span {
  font-size: 24px;
  font-weight: bold;
}

.detail-buttons button {
  padding: 15px 35px;
  margin-right: 10px;
  border: none;
  background: #1e3a8a;
  color: white;
  font-size: 16px;
  cursor: pointer;
}

.detail-buttons button:nth-child(2) {
  background: #111827;
}

@media (max-width: 768px) {
  .detail-wrap {
    grid-template-columns: 1fr;
    padding: 20px;
  }
}.cart-layout {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 30px;
}

.cart-card {
  display: grid;
  grid-template-columns: 130px 1fr 130px 80px;
  gap: 20px;
  align-items: center;
  background: white;
  border: 1px solid #e5e7eb;
  padding: 20px;
  margin-bottom: 15px;
}

.cart-card img {
  width: 130px;
  height: 100px;
  object-fit: cover;
  background: #eee;
}

.cart-info h3 {
  margin: 0 0 10px;
}

.cart-qty {
  display: flex;
  align-items: center;
  gap: 10px;
}

.cart-qty button {
  width: 34px;
  height: 34px;
  border: none;
  background: #1e3a8a;
  color: white;
  cursor: pointer;
}

.cart-qty span {
  font-weight: bold;
  font-size: 18px;
}

.delete-btn {
  padding: 10px;
  border: none;
  background: #b91c1c;
  color: white;
  cursor: pointer;
}

.cart-summary {
  background: white;
  border: 2px solid #1e3a8a;
  padding: 25px;
  height: fit-content;
  position: sticky;
  top: 20px;
}

.cart-summary h3 {
  margin-top: 0;
}

.summary-price {
  font-size: 28px;
  font-weight: 800;
  color: #1e3a8a;
}

.cart-summary button {
  width: 100%;
  padding: 15px;
  border: none;
  background: #1e3a8a;
  color: white;
  font-size: 17px;
  cursor: pointer;
}

.empty-box {
  background: white;
  border: 1px solid #e5e7eb;
  padding: 50px;
  text-align: center;
}

.empty-box button {
  padding: 12px 30px;
  border: none;
  background: #1e3a8a;
  color: white;
  cursor: pointer;
}

@media (max-width: 768px) {
  .cart-layout {
    grid-template-columns: 1fr;
  }

  .cart-card {
    grid-template-columns: 1fr;
  }

  .cart-card img {
    width: 100%;
    height: 180px;
  }
}.order-layout {
  display: grid;
  grid-template-columns: 420px 1fr;
  gap: 30px;
}

.order-form-card,
.order-summary-card {
  background: white;
  border: 1px solid #e5e7eb;
  padding: 30px;
}

.order-form-card label {
  display: block;
  margin: 15px 0 8px;
  font-weight: 700;
}

.order-form-card input {
  width: 100%;
  padding: 13px;
  border: 1px solid #d1d5db;
}

.order-form-card button {
  width: 100%;
  margin-top: 25px;
  padding: 15px;
  border: none;
  background: #1e3a8a;
  color: white;
  font-size: 17px;
  cursor: pointer;
}

.order-item-card {
  display: flex;
  gap: 15px;
  border-bottom: 1px solid #e5e7eb;
  padding: 15px 0;
}

.order-item-card img {
  width: 100px;
  height: 80px;
  object-fit: cover;
}

.order-total {
  margin-top: 25px;
  font-size: 24px;
  font-weight: 800;
  color: #1e3a8a;
  text-align: right;
}

@media (max-width: 768px) {
  .order-layout {
    grid-template-columns: 1fr;
  }
}.mypage-user-box {
  background: white;
  border: 1px solid #e5e7eb;
  padding: 25px;
  margin-bottom: 25px;
}

.my-order-card {
  background: white;
  border: 1px solid #e5e7eb;
  padding: 25px;
  margin-bottom: 20px;
}

.my-order-item {
  display: flex;
  gap: 15px;
  border-top: 1px solid #e5e7eb;
  padding: 15px 0;
}

.my-order-item img {
  width: 100px;
  height: 80px;
  object-fit: cover;
}.auth-section {
  min-height: calc(100vh - 80px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 50px 20px;
}

.auth-box {
  width: 420px;
  background: white;
  border: 1px solid #e5e7eb;
  padding: 40px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.06);
}

.auth-box h2 {
  font-size: 30px;
  margin: 0 0 10px;
}

.auth-box p {
  color: #666;
  margin-bottom: 25px;
  line-height: 1.6;
}

.auth-box input {
  width: 100%;
  padding: 14px;
  margin-bottom: 12px;
  border: 1px solid #d1d5db;
  font-size: 15px;
}

.auth-box button {
  width: 100%;
  padding: 15px;
  margin-top: 10px;
  border: none;
  background: #1e3a8a;
  color: white;
  font-size: 17px;
  font-weight: 700;
  cursor: pointer;
}

.auth-box button:hover {
  background: #172554;
}

.auth-link {
  margin-top: 20px;
  text-align: center;
  color: #555;
}

.auth-link a {
  color: #1e3a8a;
  font-weight: 700;
}.admin-layout {
  display: grid;
  grid-template-columns: 240px 1fr;
  min-height: 100vh;
  background: #f3f4f6;
}

.admin-sidebar {
  background: #111827;
  color: white;
  padding: 30px 20px;
}

.admin-sidebar h2 {
  margin-top: 0;
  margin-bottom: 30px;
}

.admin-sidebar a {
  display: block;
  padding: 13px 10px;
  margin-bottom: 8px;
  border-radius: 6px;
  color: white;
}

.admin-sidebar a:hover {
  background: #1e3a8a;
}

.admin-main {
  padding: 40px;
}

.dashboard-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 20px;
  margin-bottom: 40px;
}

.dashboard-card {
  background: white;
  border: 1px solid #e5e7eb;
  padding: 25px;
}

.dashboard-card h3 {
  margin-top: 0;
  color: #555;
}

.dashboard-card p {
  font-size: 28px;
  font-weight: 800;
  color: #1e3a8a;
}

.admin-list-card {
  background: white;
  border: 1px solid #e5e7eb;
  padding: 18px;
  margin-bottom: 12px;
}

@media (max-width: 768px) {
  .admin-layout {
    grid-template-columns: 1fr;
  }

  .admin-sidebar {
    position: static;
  }
}.inquiry-wrap {
  display: grid;
  grid-template-columns: 1fr 480px;
  gap: 40px;
  align-items: start;
}

.inquiry-info {
  background: linear-gradient(135deg, #1e3a8a, #111827);
  color: white;
  padding: 50px;
  min-height: 420px;
}

.inquiry-info h1 {
  font-size: 42px;
  margin: 20px 0;
}

.inquiry-info p {
  font-size: 18px;
  line-height: 1.8;
}

.inquiry-contact {
  margin-top: 40px;
  background: rgba(255,255,255,0.12);
  padding: 25px;
}

.inquiry-form {
  background: white;
  border: 1px solid #e5e7eb;
  padding: 35px;
}

.inquiry-form h2 {
  margin-top: 0;
}

.inquiry-form label {
  display: block;
  margin: 16px 0 8px;
  font-weight: 700;
}

.inquiry-form input,
.inquiry-form textarea {
  width: 100%;
  padding: 14px;
  border: 1px solid #d1d5db;
  font-size: 15px;
}

.inquiry-form textarea {
  height: 160px;
  resize: vertical;
}

.inquiry-form button {
  width: 100%;
  margin-top: 25px;
  padding: 16px;
  border: none;
  background: #1e3a8a;
  color: white;
  font-size: 17px;
  font-weight: 700;
  cursor: pointer;
}

.inquiry-form button:hover {
  background: #172554;
}

@media (max-width: 768px) {
  .inquiry-wrap {
    grid-template-columns: 1fr;
  }

  .inquiry-info {
    padding: 30px;
    min-height: auto;
  }
}.table-wrap {
  overflow-x: auto;
  background: white;
  border: 1px solid #e5e7eb;
}

.admin-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 1000px;
}

.admin-table th,
.admin-table td {
  border-bottom: 1px solid #e5e7eb;
  padding: 12px;
  text-align: left;
}

.admin-table th {
  background: #f9fafb;
}

.danger-btn {
  padding: 8px 12px;
  border: none;
  background: #b91c1c;
  color: white;
  cursor: pointer;
}.mypage-edit-box {
  background: white;
  border: 1px solid #e5e7eb;
  padding: 30px;
  margin-bottom: 30px;
}

.mypage-edit-box label {
  display: block;
  margin: 15px 0 8px;
  font-weight: 700;
}

.mypage-edit-box input {
  width: 100%;
  padding: 13px;
  border: 1px solid #d1d5db;
}

.mypage-edit-box button {
  margin-top: 25px;
  padding: 14px 35px;
  border: none;
  background: #1e3a8a;
  color: white;
  font-size: 16px;
  cursor: pointer;
}.admin-table img:hover{
    transform:scale(1.05);
    transition:.2s;
}

.admin-table a{
    text-decoration:none;
    color:#1e3a8a;
    font-size:13px;
}.notice-form-card {
  max-width: 850px;
  background: white;
  border: 1px solid #e5e7eb;
  padding: 30px;
  margin-bottom: 40px;
}

.notice-form-card label {
  display: block;
  margin: 16px 0 8px;
  font-weight: 700;
}

.notice-form-card input[type="text"],
.notice-form-card textarea {
  width: 100%;
  padding: 13px;
  border: 1px solid #d1d5db;
  font-size: 15px;
}

.notice-form-card textarea {
  min-height: 220px;
  resize: vertical;
}

.notice-check {
  display: flex !important;
  align-items: center;
  gap: 8px;
}

.notice-form-buttons {
  margin-top: 20px;
}

.notice-form-buttons button {
  padding: 12px 30px;
  border: none;
  background: #1e3a8a;
  color: white;
  cursor: pointer;
}

.notice-form-buttons button:nth-child(2) {
  background: #6b7280;
}

.notice-card {
  display: flex;
  justify-content: space-between;
  gap: 25px;
  background: white;
  border: 1px solid #e5e7eb;
  padding: 25px;
  margin-bottom: 14px;
}

.notice-card h2 {
  margin: 10px 0;
}

.notice-label {
  display: inline-block;
  background: #e0ecff;
  color: #1e3a8a;
  padding: 5px 10px;
  font-size: 13px;
  font-weight: 700;
}

.notice-preview {
  white-space: pre-wrap;
  line-height: 1.7;
  color: #555;
}

.notice-date {
  min-width: 110px;
  color: #777;
  text-align: right;
}

@media (max-width: 768px) {
  .notice-card {
    display: block;
  }

  .notice-date {
    margin-top: 15px;
    text-align: left;
  }
}.main-notice-bar {
  max-width: 1200px;
  margin: 18px auto;
  padding: 14px 20px;
  display: flex;
  align-items: center;
  gap: 16px;
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  border-left: 5px solid #1e3a8a;
}

.main-notice-icon {
  min-width: 70px;
  color: #1e3a8a;
  font-weight: 700;
}

.main-notice-bar a {
  color: #222;
  text-decoration: none;
}

#mainNoticeTitle {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#mainNoticeTitle:hover {
  text-decoration: underline;
}

.main-notice-more {
  min-width: 60px;
  color: #666 !important;
  font-size: 14px;
  text-align: right;
}

@media (max-width: 768px) {
  .main-notice-bar {
    margin: 12px;
    padding: 12px;
    gap: 10px;
  }

  .main-notice-icon {
    min-width: auto;
  }

  .main-notice-more {
    display: none;
  }
}/* ===== 메인 공지바 ===== */

.main-notice-bar{
    display:flex;
    align-items:center;
    gap:15px;
    padding:14px 30px;
    background:#fff8e8;
    border-bottom:1px solid #f0d48d;
}

.main-notice-icon{
    font-weight:bold;
    color:#d9534f;
}

.main-notice-bar a{
    text-decoration:none;
}

#mainNoticeTitle{
    flex:1;
    color:#333;
    font-weight:bold;
}

.main-notice-more{
    color:#1e73be;
}

/* ===== 팝업 ===== */

.notice-popup-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.5);
    display:flex;
    justify-content:center;
    align-items:center;
    z-index:99999;
}

.notice-popup{
    width:500px;
    max-width:95%;
    background:#fff;
    border-radius:10px;
    overflow:hidden;
}

.notice-popup-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    background:#333;
    color:#fff;
    padding:15px 20px;
}

.notice-popup-header button{
    border:none;
    background:none;
    color:white;
    font-size:22px;
    cursor:pointer;
}

.notice-popup-body{
    padding:25px;
    max-height:400px;
    overflow:auto;
    line-height:1.8;
}

.notice-popup-footer{
    display:flex;
    justify-content:flex-end;
    gap:10px;
    padding:15px;
    background:#f5f5f5;
}

.notice-popup-footer button{
    padding:10px 18px;
    cursor:pointer;
}
/* =========================================================
   V5 HOME RENEWAL
========================================================= */
:root {
  --home-navy: #12213d;
  --home-blue: #1f4d8f;
  --home-gold: #d49a38;
  --home-bg: #f5f6f8;
  --home-line: #e3e7ec;
  --home-text: #172033;
}
.home-page { background: #fff; color: var(--home-text); }
.home-container { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.top-service-bar { background: #0e182b; color: #dbe3ef; font-size: 13px; }
.top-service-inner { min-height: 36px; display: flex; align-items: center; justify-content: space-between; }
.top-service-inner strong { color: #fff; letter-spacing: .02em; }
.home-header { background: #fff; position: relative; z-index: 20; box-shadow: 0 1px 0 rgba(0,0,0,.06); }
.header-main-row { min-height: 100px; display: grid; grid-template-columns: 300px 1fr 320px; align-items: center; gap: 34px; }
.home-logo { display: flex; align-items: center; gap: 12px; }
.home-logo-mark { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 12px; background: var(--home-navy); color: #fff; font-weight: 900; }
.home-logo strong { display: block; font-size: 22px; letter-spacing: -.06em; }
.home-logo small { display: block; color: #8992a0; font-size: 10px; letter-spacing: .18em; margin-top: 4px; }
.home-search { height: 50px; display: flex; border: 2px solid var(--home-navy); border-radius: 8px; overflow: hidden; }
.home-search input { flex: 1; border: 0; padding: 0 18px; outline: 0; font-size: 15px; min-width: 0; }
.home-search button { width: 78px; border: 0; background: var(--home-navy); color: #fff; font-weight: 800; cursor: pointer; }
.header-quick-links { display: flex; justify-content: flex-end; gap: 18px; }
.header-quick-links a { text-align: center; color: #697386; font-size: 11px; }
.header-quick-links span { display: block; font-size: 12px; margin-bottom: 5px; }
.header-quick-links b { color: var(--home-text); font-size: 13px; }
.header-quick-links em { display: inline-grid; place-items: center; min-width: 20px; height: 20px; border-radius: 50%; background: var(--home-gold); color: #fff; font-style: normal; }
.home-nav-wrap { border-top: 1px solid var(--home-line); }
.home-nav-row { min-height: 54px; display: flex; align-items: center; }
.all-category-button { align-self: stretch; width: 205px; border: 0; background: var(--home-navy); color: #fff; font-weight: 800; font-size: 15px; cursor: pointer; }
.home-nav { display: flex; align-items: center; gap: 31px; padding-left: 32px; flex-wrap: wrap; }
.home-nav a { font-size: 15px; font-weight: 700; color: #30394a; }
.home-nav a:hover, .home-nav a.active { color: var(--home-blue); }
.main-notice-bar.home-container { margin-top: 16px; min-height: 46px; padding: 0 18px; border: 1px solid var(--home-line); border-radius: 8px; align-items: center; gap: 16px; background: #fff; }
.main-notice-icon { color: var(--home-blue); font-weight: 900; white-space: nowrap; }
#mainNoticeTitle { flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; }
.main-notice-more { color: #7b8492; font-size: 13px; white-space: nowrap; }
.home-hero { margin-top: 16px; background: linear-gradient(125deg, #0d192e 0%, #19345d 62%, #244f82 100%); color: #fff; overflow: hidden; position: relative; }
.home-hero:after { content:""; position:absolute; width:520px; height:520px; right:-140px; top:-260px; border:90px solid rgba(255,255,255,.05); border-radius:50%; }
.hero-grid { min-height: 500px; display: grid; grid-template-columns: 1.5fr .75fr; align-items: center; gap: 80px; position: relative; z-index: 1; }
.hero-eyebrow { color: #e2b25d; font-size: 13px; font-weight: 900; letter-spacing: .19em; }
.hero-copy h1 { margin: 20px 0; font-size: clamp(38px, 4vw, 57px); line-height: 1.19; letter-spacing: -.055em; font-weight: 600; }
.hero-copy h1 strong { color: #f2c878; }
.hero-copy p { font-size: 18px; line-height: 1.8; color: #dce5f1; }
.hero-actions { display: flex; gap: 12px; margin-top: 32px; }
.hero-actions a { min-width: 150px; padding: 15px 23px; text-align: center; border-radius: 6px; font-weight: 800; }
.primary-cta { background: var(--home-gold); color: #fff; }
.secondary-cta { border: 1px solid rgba(255,255,255,.5); color: #fff; }
.hero-points { display: flex; gap: 28px; margin-top: 34px; color: #d8e2ee; font-size: 13px; }
.hero-points span:before { content:"✓"; margin-right: 8px; color: #f2c878; font-weight: 900; }
.hero-panel { background: rgba(255,255,255,.09); border: 1px solid rgba(255,255,255,.17); backdrop-filter: blur(8px); padding: 36px; border-radius: 14px; }
.hero-panel-label { display: inline-block; color: #f2c878; font-size: 13px; font-weight: 800; }
.hero-panel h2 { font-size: 27px; line-height: 1.4; margin: 13px 0; }
.hero-panel p { line-height: 1.7; color: #dce5f1; font-size: 14px; }
.hero-panel a { display: block; font-size: 29px; font-weight: 900; color: #fff; margin: 24px 0 7px; }
.hero-panel small { color: #bfcbd9; }
.category-section { padding: 70px 0 38px; }
.home-section { padding: 68px 0; }
.home-section-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 25px; margin-bottom: 30px; }
.home-section-heading span { color: var(--home-blue); font-size: 12px; font-weight: 900; letter-spacing: .14em; }
.home-section-heading h2 { font-size: 32px; margin: 6px 0 5px; letter-spacing: -.05em; }
.home-section-heading p { margin: 0; color: #7a8492; }
.home-section-heading > a, .home-section-heading > button { border: 0; background: transparent; color: #667080; cursor: pointer; font-weight: 700; }
.compact-heading { margin-bottom: 22px; }
.category-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(125px, 1fr)); border: 1px solid var(--home-line); border-radius: 10px; overflow: hidden; }
.category-card { min-height: 145px; border: 0; border-right: 1px solid var(--home-line); background: #fff; cursor: pointer; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 9px; transition: .2s; }
.category-card:last-child { border-right: 0; }
.category-card span { font-size: 28px; color: var(--home-blue); font-weight: 900; }
.category-card b { font-size: 15px; }
.category-card small { color: #929aa6; }
.category-card:hover, .category-card.active { background: var(--home-navy); color: #fff; }
.category-card:hover span, .category-card.active span { color: #f2c878; }
.category-card:hover small, .category-card.active small { color: #d8e0eb; }
.home-products { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
.home-product-card { background: #fff; border: 1px solid var(--home-line); border-radius: 9px; overflow: hidden; cursor: pointer; transition: transform .2s, box-shadow .2s; }
.home-product-card:hover { transform: translateY(-5px); box-shadow: 0 16px 34px rgba(20,35,60,.11); }
.home-product-image { height: 235px; background: #f2f4f7; position: relative; overflow: hidden; }
.home-product-image img { width: 100%; height: 100%; object-fit: contain; transition: transform .3s; }
.home-product-card:hover img { transform: scale(1.035); }
.product-ribbon { position: absolute; z-index: 2; top: 13px; left: 13px; background: var(--home-navy); color: #fff; border-radius: 4px; padding: 6px 9px; font-size: 10px; font-weight: 900; }
.home-product-body { padding: 20px; }
.product-category { color: var(--home-blue); font-size: 12px; font-weight: 800; }
.home-product-body h3 { min-height: 48px; font-size: 18px; line-height: 1.4; margin: 8px 0; }
.product-stock { color: #87909c; font-size: 13px; margin: 0 0 18px; }
.product-price-row { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #edf0f3; padding-top: 16px; }
.product-price-row strong { color: var(--home-navy); font-size: 20px; }
.product-price-row button { width: 34px; height: 34px; border: 0; border-radius: 50%; background: #eef2f7; color: var(--home-navy); cursor: pointer; font-weight: 900; }
.consult-banner { background: #eef2f7; padding: 42px 0; }
.consult-banner-inner { display: flex; justify-content: space-between; align-items: center; gap: 30px; }
.consult-banner span { color: var(--home-blue); font-weight: 800; font-size: 13px; }
.consult-banner h2 { margin: 8px 0 0; font-size: 26px; }
.consult-actions { display: flex; gap: 10px; }
.consult-actions a { padding: 14px 19px; border-radius: 6px; font-weight: 800; background: var(--home-navy); color: #fff; }
.consult-actions a:first-child { background: var(--home-gold); }
.product-heading-row select { min-width: 150px; height: 42px; border: 1px solid var(--home-line); border-radius: 5px; padding: 0 12px; background: #fff; }
.active-filter { margin: -10px 0 20px; padding: 12px 15px; background: #f3f6fa; border-radius: 6px; justify-content: space-between; align-items: center; color: #526071; font-size: 14px; }
.active-filter button { border: 0; background: transparent; color: var(--home-blue); cursor: pointer; font-weight: 800; }
.empty-product-message { grid-column: 1/-1; text-align: center; padding: 60px 20px; background: #f7f8fa; border: 1px dashed #cfd5dd; color: #77808d; }
.trust-section { background: var(--home-navy); color: #fff; padding: 60px 0; }
.trust-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.trust-grid article { padding: 5px 30px; border-right: 1px solid rgba(255,255,255,.15); }
.trust-grid article:first-child { padding-left: 0; }
.trust-grid article:last-child { border-right: 0; }
.trust-grid b { color: #e2b25d; font-size: 13px; }
.trust-grid h3 { font-size: 20px; margin: 11px 0; }
.trust-grid p { color: #bdc9d8; line-height: 1.7; margin: 0; font-size: 14px; }
.home-footer { background: #0b1322; color: #c7d0dc; padding: 52px 0 22px; }
.footer-grid { display: grid; grid-template-columns: 1fr 1fr 1.4fr; gap: 50px; }
.footer-grid h3 { color: #fff; font-size: 24px; margin: 0 0 10px; }
.footer-grid b { display: block; color: #fff; margin-bottom: 10px; }
.footer-grid strong { display: block; color: #fff; font-size: 24px; }
.footer-grid p { font-size: 13px; line-height: 1.7; }
.footer-bottom { border-top: 1px solid rgba(255,255,255,.12); margin-top: 35px; padding-top: 20px; font-size: 12px; }
.floating-consult { position: fixed; right: 24px; bottom: 24px; width: 64px; height: 64px; border: 0; border-radius: 50%; background: var(--home-gold); color: #fff; font-weight: 900; box-shadow: 0 8px 22px rgba(0,0,0,.22); cursor: pointer; z-index: 30; }

@media (max-width: 980px) {
  .header-main-row { grid-template-columns: 1fr auto; gap: 18px; padding: 18px 0; }
  .home-search { grid-column: 1/-1; grid-row: 2; }
  .hero-grid { grid-template-columns: 1fr; gap: 30px; padding: 60px 0; }
  .hero-panel { max-width: 580px; }
  .home-products { grid-template-columns: repeat(2, 1fr); }
  .trust-grid { grid-template-columns: repeat(2, 1fr); gap: 34px 0; }
  .trust-grid article:nth-child(2) { border-right: 0; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .footer-grid > div:last-child { grid-column: 1/-1; }
}
@media (max-width: 700px) {
  .home-container { width: min(100% - 28px, 1180px); }
  .top-service-inner span { display: none; }
  .top-service-inner { justify-content: center; }
  .header-main-row { grid-template-columns: 1fr; }
  .header-quick-links { position: absolute; right: 15px; top: 58px; }
  .header-quick-links a:first-child { display: none; }
  .home-logo strong { font-size: 19px; }
  .home-nav-row { display: block; }
  .all-category-button { width: 100%; height: 48px; }
  .home-nav { padding: 12px 0; gap: 9px 17px; }
  .home-nav a { font-size: 13px; }
  .hero-grid { min-height: auto; padding: 52px 0; }
  .hero-copy h1 { font-size: 35px; }
  .hero-copy p br { display: none; }
  .hero-actions, .consult-actions { flex-direction: column; }
  .hero-actions a { width: 100%; }
  .hero-points { flex-wrap: wrap; gap: 10px 18px; }
  .hero-panel { padding: 26px; }
  .category-grid { grid-template-columns: repeat(2, 1fr); }
  .category-card { border-bottom: 1px solid var(--home-line); }
  .home-section-heading, .consult-banner-inner { align-items: flex-start; flex-direction: column; }
  .home-products { grid-template-columns: 1fr; }
  .home-product-image { height: 265px; }
  .trust-grid { grid-template-columns: 1fr; }
  .trust-grid article, .trust-grid article:first-child { padding: 0 0 25px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.15); }
  .footer-grid { grid-template-columns: 1fr; gap: 24px; }
  .footer-grid > div:last-child { grid-column: auto; }
  .floating-consult { width: 56px; height: 56px; right: 16px; bottom: 16px; }
}

/* =========================================================
   V7 문의내역 · 서브페이지 디자인 통일
========================================================= */
.sub-page{background:#f5f6f8}.sub-header-row{grid-template-columns:310px 1fr 230px}.sub-header-copy{text-align:center;color:#6f7887;font-size:14px}.nav-home-button{display:grid;place-items:center;text-decoration:none}.sub-main{min-height:650px}.sub-hero{padding:58px 0;background:linear-gradient(125deg,#0d192e,#244f82);color:#fff}.sub-hero span,.section-kicker{color:#e2b25d;font-size:12px;font-weight:900;letter-spacing:.16em}.sub-hero h1{margin:9px 0 8px;font-size:39px;letter-spacing:-.05em}.sub-hero p{margin:0;color:#dce5f1}.inquiry-page-grid{display:grid;grid-template-columns:360px 1fr;gap:28px;padding:55px 0 80px}.consult-guide-card,.inquiry-form-card,.mypage-panel,.mypage-sidebar{background:#fff;border:1px solid var(--home-line);border-radius:12px}.consult-guide-card{padding:34px;height:max-content}.consult-guide-card h2{font-size:26px;line-height:1.45;margin:10px 0 24px;letter-spacing:-.045em}.consult-guide-card ul{padding:0;margin:0;list-style:none}.consult-guide-card li{padding:13px 0;border-bottom:1px solid #edf0f3;color:#4d5868}.consult-guide-card li:before{content:'✓';color:var(--home-gold);font-weight:900;margin-right:10px}.consult-phone-box{margin-top:26px;padding:22px;background:var(--home-navy);color:#fff;border-radius:9px}.consult-phone-box small{display:block;color:#c3cedc}.consult-phone-box a{display:block;margin:8px 0;font-size:25px;font-weight:900;color:#fff}.consult-phone-box p{margin:0;color:#c3cedc;font-size:13px}.my-inquiry-link{display:block;margin-top:18px;color:var(--home-blue);font-weight:800}.inquiry-form-card{padding:38px}.form-card-heading,.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px}.form-card-heading span,.panel-heading span{color:var(--home-blue);font-weight:900;font-size:12px;letter-spacing:.13em}.form-card-heading h2,.panel-heading h2{margin:6px 0 4px;font-size:29px;letter-spacing:-.045em}.form-card-heading b{color:#d45a50;font-size:12px}.form-grid,.profile-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.form-grid label,.profile-form-grid label{display:grid;gap:8px}.form-grid label>span,.profile-form-grid label>span{font-size:14px;font-weight:800;color:#344054}.form-full{grid-column:1/-1}.form-grid input,.form-grid textarea,.profile-form-grid input{width:100%;border:1px solid #d5dbe3;border-radius:7px;background:#fff;padding:13px 14px;font:inherit;outline:none}.form-grid input:focus,.form-grid textarea:focus,.profile-form-grid input:focus{border-color:var(--home-blue);box-shadow:0 0 0 3px rgba(31,77,143,.09)}.form-grid textarea{min-height:190px;resize:vertical}.form-grid label small{color:#8a94a3}.privacy-agree{display:flex;align-items:center;gap:9px;margin:23px 0;color:#596476;font-size:14px}.privacy-agree input{width:18px;height:18px}.inquiry-submit-button,.profile-save-button{width:100%;height:54px;border:0;border-radius:7px;background:var(--home-navy);color:#fff;font-size:16px;font-weight:900;cursor:pointer}.inquiry-submit-button:disabled{opacity:.6;cursor:wait}.submit-message{text-align:center;color:#247a4b;font-weight:800}.submit-message.error{color:#c83f35}
.mypage-layout{display:grid;grid-template-columns:220px 1fr;gap:28px;padding:52px 0 85px;align-items:start}.mypage-sidebar{padding:18px;position:sticky;top:20px}.mypage-sidebar strong{display:block;padding:13px 10px;color:var(--home-navy)}.mypage-sidebar a{display:block;padding:13px 10px;border-top:1px solid #edf0f3;color:#566173;font-weight:700}.mypage-sidebar a:hover{color:var(--home-blue)}.mypage-sidebar .sidebar-highlight{margin-top:12px;border:0;border-radius:6px;background:var(--home-gold);color:#fff;text-align:center}.mypage-content{display:grid;gap:25px}.mypage-panel{padding:32px;scroll-margin-top:20px}.panel-heading p{margin:0;color:#7b8492}.panel-action{padding:11px 16px;border-radius:6px;background:var(--home-navy);color:#fff;font-weight:800;white-space:nowrap}.inquiry-summary-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.inquiry-summary-row>div{padding:18px;border:1px solid var(--home-line);border-radius:8px;background:#f8fafc}.inquiry-summary-row small{display:block;color:#7d8795}.inquiry-summary-row strong{display:block;margin-top:7px;font-size:23px;color:var(--home-navy)}.my-inquiry-list{display:grid;gap:12px}.customer-inquiry-card{border:1px solid var(--home-line);border-radius:9px;overflow:hidden;background:#fff}.customer-inquiry-card.waiting{border-left:4px solid var(--home-gold)}.customer-inquiry-card.answered{border-left:4px solid #2e7d5b}.customer-inquiry-summary{width:100%;display:grid;grid-template-columns:95px 1fr 30px;align-items:center;gap:14px;padding:18px;border:0;background:#fff;text-align:left;cursor:pointer}.inquiry-status-badge{display:inline-flex;justify-content:center;padding:7px 8px;border-radius:999px;font-size:12px;font-weight:900}.inquiry-status-badge.waiting{background:#fff4dc;color:#96610b}.inquiry-status-badge.answered{background:#e8f5ee;color:#23744f}.inquiry-card-title small{display:block;color:#8a94a2;margin-bottom:5px}.inquiry-card-title strong{font-size:16px;color:#273245}.inquiry-toggle-icon{font-size:22px;color:#778292;transition:.2s}.customer-inquiry-summary[aria-expanded=true] .inquiry-toggle-icon{transform:rotate(180deg)}.customer-inquiry-detail{display:none;padding:0 20px 20px;background:#fbfcfd}.customer-inquiry-detail.open{display:block}.customer-question,.customer-answer,.customer-attachment{padding:19px;border-top:1px solid #e7ebef}.customer-question>span,.customer-answer>span,.customer-attachment>span{display:block;margin-bottom:9px;font-size:13px;font-weight:900;color:var(--home-blue)}.customer-question p,.customer-answer p{margin:0;white-space:pre-wrap;line-height:1.75;color:#465266}.customer-answer{margin-top:10px;border:0;border-radius:8px}.customer-answer.has-answer{background:#eef5fb}.customer-answer.no-answer{background:#f3f4f6;color:#687385}.customer-answer small{display:block;margin-top:12px;color:#7e8895}.customer-attachment a{color:var(--home-blue);font-weight:800}.mypage-card-list{display:grid;gap:14px}.mypage-order-card{border:1px solid var(--home-line);border-radius:9px;padding:20px;background:#fff}.mypage-order-header{display:flex;justify-content:space-between;gap:15px}.mypage-order-status{padding:5px 9px;border-radius:999px;background:#edf2f8;color:var(--home-blue);font-size:12px;font-weight:800}.mypage-order-items{margin:12px 0;padding:13px;background:#f8fafc;border-radius:7px}.mypage-order-item{display:flex;justify-content:space-between;gap:15px;padding:5px 0}.mypage-order-total{text-align:right}.profile-form-grid{margin-bottom:22px}.current-file-box{min-height:42px;padding:12px;border-radius:6px;background:#f7f8fa;color:#6e7886}.current-file-box a{color:var(--home-blue);font-weight:800}.profile-save-button{max-width:230px}.mypage-empty,.sub-loading{text-align:center;padding:48px 20px;border:1px dashed #ccd3dc;border-radius:9px;background:#fafbfc;color:#7a8492}.mypage-empty strong{display:block;color:#334055;font-size:18px}.mypage-empty p{margin:9px 0 16px}.mypage-empty a{display:inline-block;padding:10px 15px;border-radius:6px;background:var(--home-navy);color:#fff;font-weight:800}
@media(max-width:980px){.sub-header-row{grid-template-columns:1fr auto}.sub-header-copy{display:none}.inquiry-page-grid{grid-template-columns:1fr}.consult-guide-card{display:grid;grid-template-columns:1fr 1fr;gap:20px}.consult-guide-card .section-kicker,.consult-guide-card h2,.consult-guide-card ul,.my-inquiry-link{grid-column:1/-1}.mypage-layout{grid-template-columns:1fr}.mypage-sidebar{position:static;display:flex;flex-wrap:wrap;gap:5px}.mypage-sidebar strong{width:100%}.mypage-sidebar a{border:0;background:#f3f5f8;border-radius:5px}}
@media(max-width:700px){.sub-header-row{display:flex;padding:16px 0}.sub-header-row .header-quick-links{position:static;margin-left:auto}.sub-header-row .header-quick-links a:first-child{display:block}.sub-hero{padding:42px 0}.sub-hero h1{font-size:32px}.inquiry-page-grid,.mypage-layout{padding:30px 0 55px}.consult-guide-card{display:block;padding:24px}.inquiry-form-card,.mypage-panel{padding:22px}.form-grid,.profile-form-grid{grid-template-columns:1fr}.form-full{grid-column:auto}.form-card-heading,.panel-heading{display:block}.panel-action{display:inline-block;margin-top:15px}.inquiry-summary-row{grid-template-columns:repeat(3,1fr)}.inquiry-summary-row>div{padding:12px}.inquiry-summary-row strong{font-size:18px}.customer-inquiry-summary{grid-template-columns:80px 1fr 20px;padding:14px;gap:9px}.mypage-order-item{display:block}.mypage-order-item span{display:block;margin:4px 0}.home-logo-mark{width:42px;height:42px}.sub-header-row .home-logo strong{font-size:16px}.sub-header-row .home-logo small{display:none}}

/* V8 마이페이지 배송정보 */
.mypage-shipping-box{margin:14px 0 4px;padding:17px;border:1px solid #dce4ed;border-radius:8px;background:#f5f8fc}.mypage-shipping-box.waiting{background:#fbfaf6;border-style:dashed}.mypage-shipping-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px}.mypage-shipping-title strong{font-size:15px;color:var(--home-navy)}.mypage-shipping-title span{padding:5px 9px;border-radius:999px;background:#e7eef7;color:var(--home-blue);font-size:12px;font-weight:800}.mypage-shipping-box.waiting .mypage-shipping-title span{background:#fff1d8;color:#96610b}.mypage-shipping-box>p{margin:0;color:#727d8b;font-size:14px}.mypage-shipping-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mypage-shipping-grid>div{padding:12px 14px;border-radius:7px;background:#fff;border:1px solid #e4e9ef}.mypage-shipping-grid small{display:block;margin-bottom:5px;color:#87919e;font-size:12px}.mypage-shipping-grid b{color:#26344a;word-break:break-all}.mypage-shipping-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.mypage-shipping-actions button,.mypage-shipping-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:6px;font-weight:800;font-size:13px;cursor:pointer}.mypage-shipping-actions button{border:1px solid #cbd5df;background:#fff;color:#46566b}.mypage-shipping-actions a{background:var(--home-navy);color:#fff}.mypage-shipping-actions button:hover,.mypage-shipping-actions a:hover{filter:brightness(.96)}@media(max-width:700px){.mypage-shipping-grid{grid-template-columns:1fr}.mypage-shipping-actions{justify-content:stretch}.mypage-shipping-actions button,.mypage-shipping-actions a{flex:1}}

/* V9.1: 모든 공개 페이지의 전체 카테고리 버튼을 메인과 동일하게 고정 */
.home-nav-row > .all-category-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  margin: 0;
  padding: 0 20px;
  font-family: inherit;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  border-radius: 0;
  appearance: none;
  -webkit-appearance: none;
}

#categorySection {
  scroll-margin-top: 20px;
}


/* V10.3 고객지원 메뉴 */
.customer-support-section{padding:20px 0 75px}.customer-support-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.support-card{display:grid;grid-template-columns:58px 1fr;gap:16px;align-items:center;padding:25px;border:1px solid var(--home-line);border-radius:10px;background:#fff;transition:.2s}.support-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(20,35,60,.1);border-color:#c8d3e1}.support-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:12px;background:#eef3f9;color:var(--home-blue);font-size:14px;font-weight:900}.support-card h3{margin:0 0 7px;font-size:20px;color:var(--home-navy)}.support-card p{margin:0;color:#707b8b;line-height:1.6;font-size:14px}.support-card b{grid-column:2;color:var(--home-blue);font-size:13px}.floating-support{position:fixed;right:24px;bottom:24px;display:grid;gap:10px;z-index:30}.floating-support .floating-consult,.floating-support .floating-inquiry,.floating-support .floating-as{position:static;width:64px;height:64px;border:0;border-radius:50%;color:#fff;font-weight:900;box-shadow:0 8px 22px rgba(0,0,0,.22);cursor:pointer}.floating-support .floating-consult{background:var(--home-gold)}.floating-support .floating-inquiry{background:var(--home-navy)}.floating-support .floating-as{background:#b42318}
@media(max-width:980px){.header-main-row{grid-template-columns:240px 1fr 250px;gap:20px}.header-quick-links{gap:11px}.customer-support-grid{grid-template-columns:1fr}}
@media(max-width:700px){.header-quick-links a:first-child{display:none}.hero-actions{display:grid}.customer-support-section{padding:10px 0 50px}.support-card{padding:20px}.floating-support{right:16px;bottom:16px}.floating-support .floating-consult,.floating-support .floating-inquiry,.floating-support .floating-as{width:56px;height:56px;font-size:12px}}

/* V13 상담 연결 플로팅 */
.crm-contact-dock{position:fixed;left:18px;bottom:18px;z-index:990;display:flex;flex-direction:column;gap:7px}.crm-contact-dock a{background:#fff;color:#111827;text-decoration:none;padding:10px 13px;border-radius:999px;box-shadow:0 8px 25px rgba(15,23,42,.16);font-size:13px;font-weight:800;border:1px solid #e6e8ec}@media(max-width:700px){.crm-contact-dock{left:10px;bottom:10px}.crm-contact-dock a{padding:8px 10px;font-size:12px}}


/* V14.1 메인 중고·렌탈 노출 */
.showcase-section{padding-top:34px}.specialty-card{overflow:hidden}.specialty-badge{position:absolute;left:14px;top:14px;padding:7px 11px;border-radius:999px;color:#fff;font-size:12px;font-weight:900}.specialty-badge.used{background:#1f4d8f}.home-product-image{position:relative}.specialty-card .home-product-body p{min-height:24px;color:#707b8b}.specialty-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.specialty-actions a{display:flex;align-items:center;justify-content:center;min-height:42px;border-radius:6px;background:var(--home-navy);color:#fff;font-size:13px;font-weight:900}.specialty-actions a:last-child{background:#fff;color:var(--home-navy);border:1px solid #ccd5df}.rental-placeholder{height:225px;display:grid;place-items:center;align-content:center;gap:8px;background:linear-gradient(135deg,#10213c,#2d619a);color:#fff}.rental-placeholder span{font-size:12px;font-weight:900;letter-spacing:.18em;color:#e2b25d}.rental-placeholder b{font-size:64px;line-height:1}.rental-placeholder em{font-style:normal;color:#dbe6f2}.rental-costs{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.rental-costs span{padding:6px 8px;border-radius:5px;background:#f3f5f8;color:#667085;font-size:11px;font-weight:700}@media(max-width:700px){.showcase-section{padding-top:15px}.rental-placeholder{height:210px}}

/* 주문형 기계 설치 희망일 */
.order-form-card select,.order-form-card textarea{width:100%;box-sizing:border-box;padding:13px;border:1px solid #d8dee8;border-radius:8px;background:#fff;font:inherit;margin-bottom:14px}
.product-order-note{margin:0 0 14px;color:#687486;font-size:13px;font-weight:700}
.installation-section{margin:24px 0 20px;padding:22px;border:1px solid #dfe5ed;border-radius:14px;background:linear-gradient(180deg,#fbfcfe 0%,#f6f8fb 100%)}
.installation-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.installation-section-heading span{display:block;color:var(--home-blue);font-size:10px;font-weight:900;letter-spacing:.13em}
.installation-section-heading h4{margin:5px 0 0;color:var(--home-navy);font-size:20px;letter-spacing:-.035em}
.installation-section-heading b{padding:7px 10px;border-radius:999px;background:#fff3d8;color:#8a5b08;font-size:12px;white-space:nowrap}
.installation-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.installation-field{display:grid;gap:8px;margin:0!important;padding:15px;border:1px solid #e2e7ee;border-radius:10px;background:#fff}
.installation-field>span{color:#344054;font-size:13px;font-weight:900}
.installation-field input,.installation-field select{width:100%;height:46px;box-sizing:border-box;margin:0!important;padding:0 12px;border:1px solid #cfd7e2;border-radius:8px;background:#fff;font:inherit;color:#1f2937;outline:none}
.installation-field input:focus,.installation-field select:focus{border-color:var(--home-blue);box-shadow:0 0 0 3px rgba(31,77,143,.09)}
.installation-field small,.installation-guide{margin:0;color:#758092;font-size:12px;line-height:1.45}
.installation-notice{display:flex;align-items:flex-start;gap:11px;margin:14px 0 0;padding:13px 14px;border-radius:9px;background:#edf4fb;border:1px solid #d7e4f1}
.installation-notice-icon{flex:0 0 auto;padding:4px 7px;border-radius:5px;background:var(--home-blue);color:#fff;font-size:11px;font-weight:900}
.installation-notice p,.order-price-note{margin:0;color:#526171;line-height:1.55;font-size:13px}
.installation-notice strong{color:#26384e}
@media(max-width:700px){.installation-section{padding:17px}.installation-section-heading{display:grid}.installation-section-heading b{width:max-content}.installation-fields{grid-template-columns:1fr}}

/* 주문 연동 견적서 - 마이페이지 */
.mypage-quote-box{margin:14px 0;padding:16px;border:1px solid #d7e1ee;border-radius:10px;background:#f8fbff}
.mypage-quote-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.mypage-quote-title strong{color:var(--home-navy);font-size:15px}
.mypage-quote-title span{padding:4px 8px;border-radius:999px;background:#e7eef7;color:var(--home-blue);font-size:12px;font-weight:800}
.mypage-quote-row{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:12px 0;border-top:1px solid #e2e8f0}
.mypage-quote-row:first-of-type{border-top:0}
.mypage-quote-row div{display:grid;gap:4px}.mypage-quote-row b{color:#26344a}.mypage-quote-row small{color:#7a8492}
.mypage-quote-row>strong{color:#1f4d8f}.mypage-quote-row a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 13px;border-radius:6px;background:var(--home-navy);color:#fff;font-size:13px;font-weight:800}
@media(max-width:700px){.mypage-quote-row{grid-template-columns:1fr auto}.mypage-quote-row a{grid-column:1/-1}}

.selected-option-list{list-style:none;margin:8px 0;padding:8px 10px;border-radius:8px;background:#f5f7f9;color:#4d5966;font-size:13px}.selected-option-list li+li{margin-top:4px}