/* 3차 하단 완성도 개선. 헤더·히어로·빠른 상담에는 적용하지 않습니다. */
.content-area { background: #14222d; }
.content-area > .items-section,
.content-area > .works-section,
.content-area > .about-section {
  padding: 26px 28px 24px;
  margin: 0;
  border-bottom: 1px solid #354956;
}
.content-area .section-head { gap: 18px; margin-bottom: 16px; }
.content-area .section-head h2 { font-size: 25px; font-weight: 780; }
.content-area .section-head .yellow-line { width: 48px; background: #566d7d; }
.content-area .section-head > p { font-size: 14px; color: #b9c7d1; }
.content-area .more { min-height: 44px; font-size: 13px; }
.items-grid { align-items: stretch; gap: 12px; }
.item-card { display: flex; flex-direction: column; text-align: left; background: #0d1a24; border-color: #3e5363; }
.item-card .photo { aspect-ratio: 1.25; }
.item-text { width: 100%; padding: 12px 11px 13px; }
.item-text strong { font-size: 17px; letter-spacing: -.45px; }
.item-text small { display: block; font-size: 12px; line-height: 1.6; margin-top: 4px; white-space: normal; color: #bdcbd5; }
.works-grid { gap: 12px; align-items: stretch; }
.work-card { background: #0d1a24; border-color: #3e5363; }
.work-card .photo { aspect-ratio: 1.2; }
.work-card > span:last-child { align-items: center; min-height: 44px; padding: 10px; font-size: 14px; font-weight: 650; }
.work-card small { color: #aabfcd; font-weight: 500; font-size: 11px; }
.content-area .photo-notice { margin-top: 12px; color: #96aab8; font-size: 12px; }
.content-area .about-section { border-top: 0; }
.advantages { background: transparent; border: 0; border-radius: 0; padding: 4px 0 10px; }
.advantages > div { padding: 4px 24px; border-color: #354b5b; }
.advantages > div:first-child { padding-left: 0; }
.advantages h3 { font-size: 17px; font-weight: 720; }
.advantages p { color: #b9c8d3; font-size: 14px; line-height: 1.7; }
.advantages .icon { width: 30px; height: 30px; stroke-width: 1.6; margin-bottom: 10px; }
.about-copy { margin-top: 14px; color: #b8c8d3; line-height: 1.8; font-size: 14px; }
.about-section > .value-panel {
  display: grid; grid-template-columns: 1fr auto; gap: 8px 32px;
  margin-top: 20px; padding: 18px 22px; min-height: 0;
  background: #0e1c26; border: 1px solid #334b5c; border-radius: 2px;
}
.about-section > .value-panel > .handwriting { font-family: var(--font); font-size: 19px; font-weight: 680; font-style: normal; letter-spacing: -.4px; line-height: 1.6; padding: 0; }
.about-section > .value-panel > .handwriting br { display: none; }
.about-section > .value-panel > p:last-child { grid-column: 1; text-align: left; font-size: 13px; color: #afc1ce; }
.about-section .value-icons { grid-column: 2; grid-row: 1 / 3; margin: 0; align-items: center; gap: 0; }
.about-section .value-icons span { min-width: 108px; padding: 0 18px; font-size: 12px; gap: 6px; }
.about-section .value-icons .icon { width: 26px; height: 26px; }
.collection-details { margin-top: 16px; border-block: 1px solid #344b5c; scroll-margin-top: 85px; }
.collection-details summary { display: flex; align-items: center; gap: 16px; min-height: 56px; cursor: pointer; list-style: none; font-size: 16px; font-weight: 700; }
.collection-details summary::-webkit-details-marker { display: none; }
.collection-details summary small { color: #a5b9c7; font-size: 13px; font-weight: 500; }
.collection-details summary .icon { margin-left: auto; width: 18px; height: 18px; transform: rotate(90deg); }
.collection-details[open] summary .icon { transform: rotate(-90deg); }
.collection-details summary:focus-visible { outline: 2px solid var(--yellow); outline-offset: 3px; }
.collection-details ol { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; list-style: none; margin: 0; padding: 12px 0; }
.collection-details li > span { color: #9bb3c4; margin-right: 10px; font-weight: 650; }
.collection-details li strong { font-size: 15px; }
.collection-details li p { font-size: 13px; color: #b9c9d4; margin-top: 6px; }
.collection-details .inline-contact { margin: 0 0 12px; min-height: 44px; }
.content-area > .bottom-panels { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; padding: 26px 28px 28px; }
.bottom-panels .info-panel { min-width: 0; background: #182b39; color: #f5f7f9; border: 1px solid #425b6d; padding: 24px; border-radius: 2px; }
.bottom-panels .info-panel h2 { font-size: 25px; font-weight: 760; gap: 11px; }
.bottom-panels .info-panel h2 .icon { width: 29px; height: 29px; }
.bottom-panels .info-panel > p { color: #c1cfda; font-size: 14px; margin: 12px 0 18px; }
.bottom-panels .info-panel .btn { width: 100%; min-height: 46px; margin-top: 8px; }
.bottom-panels .info-panel .panel-phone { min-height: 56px; font-size: 30px; }
.bottom-panels .info-panel .kakao,
.bottom-panels .info-panel .panel-sms { background: #11222f; border-color: #657e90; color: #eef3f7; }
.bottom-panels .info-panel .kakao .talk { color: #132430; background: #dce5ec; }
.bottom-panels .blog-link { font-size: 13px; min-height: 44px; margin-top: 10px; justify-content: flex-start; color: #cfdae3; }
.bottom-panels .map-button { background: #11222f; border-color: #657e90; }
.bottom-panels .location-card { background: #122430; border: 0; border-left: 2px solid #708899; padding: 15px 18px; margin-top: 16px; }
.bottom-panels .location-card > span:first-child { color: #9fb7c7; }
.bottom-panels .location-card strong { color: #edf3f7; font-size: 23px; margin-top: 3px; }
.bottom-panels .location-card p { color: #b6c8d5; font-size: 13px; margin-top: 5px; }
.bottom-panels .copy-address { color: #d8e3eb; min-height: 44px; }
.bottom-panels #copy-status { color: #d8e3eb; }
.site-shell footer { padding: 22px 28px; gap: 24px; border-top-color: #3a505f; }
.site-shell footer p { line-height: 1.9; }

@media (min-width:761px) and (max-width:1100px) {
  .items-grid { gap: 8px; }
  .item-text { padding: 9px 7px; }
  .item-text strong { font-size: 14px; }
  .item-text small { font-size: 11px; }
  .works-grid { grid-template-columns: repeat(3,1fr); }
  .work-card .photo { aspect-ratio: 1.7; }
  .about-section .value-icons span { min-width: 86px; padding-inline: 12px; }
}
@media (max-width:760px) {
  .content-area { background: #fff; }
  .content-area > .items-section,
  .content-area > .works-section,
  .content-area > .about-section { padding: 19px 14px 20px; border-bottom-color: #dbe3e9; }
  .content-area .section-head { gap: 8px; margin-bottom: 12px; }
  .content-area .section-head h2 { font-size: 21px; letter-spacing: -.65px; }
  .content-area .more { min-height: 40px; font-size: 12px; }
  .items-grid { gap: 8px; }
  .item-card .photo { aspect-ratio: 1; }
  .item-text { padding: 8px 5px 10px; }
  .item-text strong { font-size: 13px; line-height: 1.5; letter-spacing: -.6px; }
  .item-text small { display: block; font-size: 11px; line-height: 1.5; margin-top: 4px; }
  .works-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .work-card .photo { aspect-ratio: 1.6; }
  .work-card > span:last-child { font-size: 13px; padding: 8px; min-height: 40px; }
  .content-area .photo-notice { color: #637582; font-size: 11px; margin-top: 10px; }
  .advantages { background: #edf2f5; padding: 4px; gap: 0; }
  .advantages > div, .advantages > div:first-child { padding: 14px 10px; border: 0; }
  .advantages h3 { font-size: 15px; }
  .advantages p { color: #526a7b; font-size: 13px; line-height: 1.7; }
  .advantages .icon { margin-bottom: 8px; width: 27px; height: 27px; }
  .about-copy { font-size: 13px; color: #526a7b; line-height: 1.8; margin-top: 12px; }
  .about-section > .value-panel { display: flex; flex-direction: column; gap: 12px; padding: 18px 14px; margin-top: 16px; }
  .about-section > .value-panel > .handwriting { font-size: 17px; text-align: center; }
  .about-section > .value-panel > .handwriting br { display: block; }
  .about-section > .value-panel > p:last-child { font-size: 12px; text-align: center; }
  .about-section .value-icons { width: 100%; margin: 0; }
  .about-section .value-icons span { min-width: 0; padding-inline: 8px; flex: 1; }
  .collection-details { border-color: #d0dce4; margin-top: 14px; }
  .collection-details summary { gap: 8px; min-height: 54px; font-size: 14px; }
  .collection-details summary small { color: #5a7181; font-size: 11px; }
  .collection-details ol { grid-template-columns: 1fr; gap: 16px; padding-top: 8px; }
  .collection-details li p { color: #526a7b; }
  .collection-details li > span { color: #526a7b; }
  .content-area > .bottom-panels { grid-template-columns: 1fr; padding: 20px 14px; gap: 14px; }
  .bottom-panels .info-panel { padding: 19px 17px; }
  .bottom-panels .info-panel h2 { font-size: 23px; }
  .bottom-panels .info-panel .panel-phone { font-size: 28px; }
  .bottom-panels .location-card strong { font-size: 21px; }
  .site-shell footer { padding: 22px 18px 90px; gap: 12px; }
  .site-shell footer .brand { font-size: 26px; }
}