@charset "UTF-8";
/* ============================================================
   (주)(주)나우랩비즈 — screen-ui.css (단일 CSS)
   포인트 블루 #1878c8, 다크 테크 테마. 1rem=10px, 컨테이너 1200px.
   ============================================================ */
:root{
  --point:#1878c8; --point-dark:#125e9e; --point-soft:#eaf4fc;
  --ink:#161616; --tit:#1b1b1b; --txt:#444; --txt-sub:#777;
  --line:#e2e5ec; --surface:#f5f7fb; --dark:#0d1b30;
  --container:1200px;
  /* 리디자인(요리엔 무드) 공용 토큰 */
  --container-xl:1200px;
  --point-2:#125e9e;      /* 딥 블루 */
  --accent:#2fb4ec;       /* 브라이트 시안블루(랩/워터 무드) */
  --navy:#0d1b30;         /* 다크 히어로 베이스 */
  --body:#454b57;
  --muted:#79808d;
  --faint:#a6adba;
  --line-2:#eef1f6;
  --soft:#f2f7fc;
  --soft-2:#f7f9fd;
  --ease:cubic-bezier(.22,1,.36,1);
}
*{ margin:0; padding:0; box-sizing:border-box; }
html{ font-size:62.5%; }
body{ font-family:'Noto Sans KR',sans-serif; font-size:1.6rem; color:var(--txt); line-height:1.6; background:#fff; display:flex; flex-direction:column; min-height:100vh; -webkit-font-smoothing:antialiased; }
img{ max-width:100%; height:auto; vertical-align:middle; }
a{ color:inherit; text-decoration:none; }
li{ list-style:none; }
table{ border-collapse:collapse; }
.blind{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }

/* ── 서브 공통 레이아웃 ─────────────────────────────── */
.sub-page{ flex:1 0 auto; }
.sub-section{ padding:1rem 0 7rem; }
.sub-inner{ width:var(--container); max-width:100%; margin:0 auto; padding:0 3rem; }

/* 페이지 타이틀(대) */
.pg-title{ margin-bottom:3.6rem; }
.pg-title h2{ font-size:3.6rem; font-weight:900; color:var(--tit); letter-spacing:-0.02em; }
.pg-title span.bar{ display:block; width:4rem; height:0.3rem; background:var(--point); margin-top:1.6rem; }

/* 섹션 헤드 / 오렌지 pill 배지 */
.sec-head{ margin:5.5rem 0 2.4rem; }
.sec-head:first-of-type{ margin-top:1rem; }
.badge{ display:inline-block; background:var(--point); color:#fff; font-size:1.8rem; font-weight:700; padding:0.8rem 2.6rem; border-radius:3rem; letter-spacing:-0.01em; }
.sec-tit{ position:relative; padding-left:1.6rem; font-size:2.4rem; font-weight:700; color:var(--tit); }
.sec-tit::before{ content:''; position:absolute; left:0; top:0.5rem; width:0.5rem; height:2.1rem; background:var(--point); }

/* 본문 텍스트 */
.content-lead{ font-size:1.8rem; line-height:1.95; color:var(--txt); }
.content-lead strong{ color:var(--point); font-weight:700; }
.txt-body{ font-size:1.7rem; line-height:1.9; color:var(--txt); }
.txt-body p + p{ margin-top:1.6rem; }

/* 대시 리스트 */
.dash-list li{ position:relative; padding-left:1.6rem; font-size:1.7rem; line-height:1.9; color:var(--txt); }
.dash-list li::before{ content:'-'; position:absolute; left:0; color:var(--txt-sub); }

/* 이미지 블록(응용 사진 등) */
.img-block{ margin:2.4rem 0; }
.img-block img{ width:100%; border-radius:0.6rem; }

/* ── 제품 히어로(다크) ─────────────────────────────── */
.prod-hero{ position:relative; background:var(--dark); color:#fff; border-radius:0.8rem; overflow:hidden; padding:5rem 4rem; display:flex; align-items:center; flex-wrap:wrap; }
.prod-hero__body{ flex:1 1 34rem; min-width:0; padding-right:3rem; }
.prod-hero__cat{ font-size:1.6rem; color:rgba(255,255,255,0.7); margin-bottom:1rem; }
.prod-hero__name{ font-size:3.4rem; font-weight:800; letter-spacing:-0.01em; }
.prod-hero__img{ flex:0 1 34rem; text-align:center; }
.prod-hero__img img{ max-height:32rem; width:auto; }

/* ── 사양표(spec) ──────────────────────────────────── */
.spec-wrap{ overflow-x:auto; }
.spec-table{ width:100%; min-width:72rem; border-top:2px solid var(--ink); font-size:1.5rem; }
.spec-table th, .spec-table td{ padding:1.2rem 1.6rem; border-bottom:1px solid var(--line); text-align:left; vertical-align:middle; }
.spec-table thead th{ background:var(--ink); color:#fff; font-weight:700; text-align:center; border-bottom:none; }
.spec-table tbody th{ background:var(--surface); font-weight:600; color:var(--tit); }
.spec-table td.c{ text-align:center; }

/* 특징 카드 그리드 */
.feat-grid{ display:flex; flex-wrap:wrap; margin:-1rem; }
.feat-grid > *{ flex:1 1 26rem; margin:1rem; }
.feat-card{ border:1px solid var(--line); border-radius:0.8rem; padding:2.8rem 2.4rem; background:#fff; }
.feat-card h4{ font-size:1.9rem; font-weight:700; color:var(--point); margin-bottom:1rem; }
.feat-card p{ font-size:1.6rem; line-height:1.8; color:var(--txt); }

/* 회사연혁 */
.hist-row{ display:flex; gap:3rem; padding:1.6rem 0; border-bottom:1px solid var(--line); }
.hist-year{ flex:0 0 8rem; font-size:2.2rem; font-weight:800; color:var(--point); }
.hist-items{ flex:1; }
.hist-items dl{ display:flex; gap:1.6rem; padding:0.4rem 0; }
.hist-items dt{ flex:0 0 9rem; font-weight:700; color:var(--tit); }
.hist-items dd{ flex:1; color:var(--txt); }

/* 연락처 */
.contact-map{ border:1px solid var(--line); border-radius:0.8rem; overflow:hidden; margin-bottom:3rem; }
.contact-map iframe{ display:block; width:100%; height:38rem; border:0; }
.contact-info li{ display:flex; align-items:flex-start; gap:1.6rem; padding:1.2rem 0; font-size:1.7rem; }
.contact-info .ci-label{ flex:0 0 6rem; display:inline-flex; align-items:center; justify-content:center; height:3.2rem; background:var(--point); color:#fff; font-size:1.4rem; font-weight:700; border-radius:2rem; }
.contact-info .ci-val{ padding-top:0.3rem; color:var(--txt); line-height:1.7; }

/* ── index(메인) ──────────────────────────────────── */
.main-hero{ position:relative; background:#0a0d16; aspect-ratio:1903/660; min-height:30rem; overflow:hidden; }
.main-hero-slides{ position:absolute; top:0; left:0; right:0; bottom:0; }
.hero-slide{ position:absolute; top:0; left:0; right:0; bottom:0; background-position:center; background-size:cover; background-repeat:no-repeat; opacity:0; transition:opacity 1s ease-in-out; }
.hero-slide.is-active{ opacity:1; }
.hero-nav{ position:absolute; top:50%; transform:translateY(-50%); z-index:3; width:5rem; height:5rem; border:0; border-radius:50%; background:rgba(255,255,255,0.15); color:#fff; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:background .18s; }
.hero-nav:hover{ background:var(--point); }
.hero-nav.prev{ left:2.4rem; } .hero-nav.next{ right:2.4rem; }
.hero-nav svg{ width:2.4rem; height:2.4rem; }
.hero-dots{ position:absolute; left:0; right:0; bottom:2.4rem; z-index:3; display:flex; gap:1rem; justify-content:center; }
.hero-dots button{ width:1.2rem; height:1.2rem; padding:0; border:0; border-radius:50%; background:rgba(255,255,255,0.45); cursor:pointer; transition:all .18s; }
.hero-dots button.is-active{ background:var(--point); transform:scale(1.15); }

.main-sec{ width:var(--container); max-width:100%; margin:0 auto; padding:6.5rem 3rem 0; }
.main-sec__head{ text-align:center; margin-bottom:4rem; }
.main-sec__head h2{ font-size:3rem; font-weight:800; color:var(--tit); }
.main-sec__head p{ margin-top:1.2rem; font-size:1.7rem; color:var(--txt-sub); }
.main-sec__head .accent{ color:var(--point); }

/* 제품 카드(메인) */
.prod-cards{ display:block; text-align:center; font-size:0; margin:0 -1.2rem; }
.prod-cards > a{ display:inline-block; vertical-align:top; width:24rem; max-width:calc(50% - 2.4rem); margin:1.2rem; border:1px solid var(--line); border-radius:1rem; padding:3rem 2.4rem; background:#fff; text-align:center; transition:all .18s; box-sizing:border-box; font-size:1.6rem; }
.prod-cards > a:hover{ transform:translateY(-4px); border-color:var(--point); box-shadow:0 1.4rem 3rem rgba(20,30,90,0.1); }
.prod-cards .pc-ic{ width:6rem; height:6rem; margin:0 auto 1.8rem; border-radius:50%; background:var(--point-soft); color:var(--point); display:flex; align-items:center; justify-content:center; }
.prod-cards h3{ font-size:1.9rem; font-weight:700; color:var(--tit); line-height:1.4; }
.prod-cards p{ margin-top:0.8rem; font-size:1.5rem; color:var(--txt-sub); }

/* 특징 밴드(다크) */
.main-feature{ margin-top:7rem; background:var(--dark); color:#fff; }
.main-feature__inner{ width:var(--container); max-width:100%; margin:0 auto; padding:6rem 1.5rem; display:flex; flex-wrap:wrap; }
.main-feature__item{ flex:1 1 22rem; margin:1.5rem; text-align:center; }
.main-feature__item strong{ display:block; font-size:2.2rem; font-weight:800; color:var(--point); margin-bottom:0.8rem; }
.main-feature__item p{ font-size:1.6rem; color:rgba(255,255,255,0.72); line-height:1.7; }

/* ── 게시판(공용, 관리자 연동) ───────────────────────── */
.board-table{ width:100%; min-width:0; border-top:2px solid var(--point); border-collapse:collapse; font-size:1.6rem; }
.board-table th, .board-table td{ padding:1.3rem 1.4rem; border-bottom:1px solid var(--line); text-align:center; }
.board-table th{ background:var(--surface); font-weight:700; color:var(--tit); }
.board-table td.col-subject{ text-align:left; }
.board-table td.col-subject a:hover{ color:var(--point); }
.board-empty{ padding:8rem 0 !important; text-align:center; color:var(--txt-sub); }
.sub-table-wrap{ overflow-x:auto; }
.board-paging{ margin-top:3rem; text-align:center; font-size:0; }
.board-paging .on,
.board-paging a{ display:inline-block; min-width:3.4rem; height:3.4rem; line-height:2.2rem; padding:0.6rem; margin:0 0.2rem;
  font-size:1.5rem; text-align:center; border-radius:0.4rem; vertical-align:middle; }
.board-paging .on{ background:var(--point); color:#fff; }
.board-paging a{ background:#fff; color:var(--txt-sub); border:1px solid var(--line); }
.board-paging a:hover{ border-color:var(--point); color:var(--point); }
.board-paging .pg-arw{ color:#8a939c; }
.board-view{ border-top:2px solid var(--point); }
.board-view-head{ padding:2.4rem 1rem; border-bottom:1px solid var(--line); }
.board-view-title{ font-size:2.4rem; font-weight:700; color:var(--tit); }
.board-view-meta{ margin-top:1rem; font-size:1.5rem; color:var(--txt-sub); }
.board-view-meta span+span{ margin-left:1.4rem; padding-left:1.4rem; border-left:1px solid var(--line); }
.board-view-content{ padding:3.6rem 1rem; border-bottom:1px solid var(--line); min-height:20rem; font-size:1.7rem; line-height:1.9; }
.board-view-content img{ max-width:100%; height:auto; }
.board-view-empty{ text-align:center; color:var(--txt-sub); font-size:1.6rem; padding:4rem 0; }
.board-view-foot{ margin-top:2.4rem; text-align:right; }
.board-btn{ display:inline-block; background:var(--point); color:#fff; font-size:1.5rem; padding:1rem 2.8rem; border-radius:0.8rem; }

/* ── 반응형 ────────────────────────────────────────── */
@media (max-width:960px){
  .pg-title h2{ font-size:2.8rem; }
  .prod-hero{ padding:3.4rem 2.4rem; }
  .prod-hero__name{ font-size:2.6rem; }
  .main-sec__head h2{ font-size:2.4rem; }
}
@media (max-width:768px){
  .hist-row{ flex-direction:column; gap:0.6rem; }
  .contact-info .ci-val{ font-size:1.5rem; }
}
@media (max-width:600px){
  .sub-inner{ padding:0 1.6rem; }
  .hero-nav{ display:none; }
  .prod-cards > a{ flex-basis:100%; max-width:none; }
}

/* ── 제품 서브탭(카테고리 내 여러 브랜드/품목 전환) ─────────── */
.prod-subtabs { display:flex; flex-wrap:wrap; gap:0.8rem; margin:0 0 3.5rem; border-bottom:1px solid var(--line); padding-bottom:0; }
.prod-subtabs button { appearance:none; border:1px solid var(--line); border-bottom:none; background:#fff; padding:1.2rem 2.4rem; font-size:1.6rem; font-weight:700; color:var(--txt-sub); cursor:pointer; border-radius:0.6rem 0.6rem 0 0; margin-bottom:-1px; transition:all .15s; }
.prod-subtabs button:hover { color:var(--point); }
.prod-subtabs button.is-active { color:#fff; background:var(--point); border-color:var(--point); }
.prod-panel { display:none; }
.prod-panel.is-active { display:block; }
/* 제품 통이미지 표시 (원본 이미지 순서 그대로 — 버튼도 원본 이미지) */
.prod-image { text-align:center; }
.prod-image img { max-width:100%; height:auto; display:block; margin:0 auto; }
/* 클릭 가능한 원본 버튼 이미지(제품검색·성적서·제품문의): 자연 크기 중앙 정렬 + 여백 */
.prod-image a { display:block; text-align:center; margin:2rem 0; }
.prod-image a img { display:inline-block; margin:0 auto; transition:opacity .15s, transform .15s; }
.prod-image a:hover img { opacity:.88; transform:translateY(-1px); }

/* 브랜드 소개 블록(chemical 등: 통이미지→HTML, 로고·CoA 사진만 이미지) */
.brand-block { position:relative; padding-top:1rem; }
.brand-deco { position:absolute; left:0; top:0; width:5.5rem; height:auto; }
.brand-head { display:flex; align-items:center; gap:2.6rem; margin:1.4rem 0 0 8rem; }
.brand-head h3 { font-size:3rem; font-weight:400; color:#222; letter-spacing:-0.015em; }
.brand-head img { max-height:6.4rem; width:auto; }
.brand-cols { display:flex; align-items:flex-start; gap:5rem; margin:5rem 0 0 8rem; }
.brand-text { flex:1; min-width:0; }
.brand-sec { font-size:2rem; font-weight:700; color:#111; margin-bottom:2.2rem; }
.brand-text p { font-size:1.6rem; color:#4a4a4a; line-height:1.95; }
.brand-em { margin-top:1.8rem; font-size:1.8rem; color:#222; line-height:1.85; }
.brand-em strong { font-weight:800; }
.brand-div { border:0; border-top:1px solid #e3e3e3; margin:3.4rem 0; }
.brand-coa { width:auto; flex:none; margin-top:0.6rem; }
.brand-coa img { width:auto; max-width:100%; height:auto; display:block; }
.brand-btn { text-align:center; margin:3rem 0; }
.brand-btn img { display:inline-block; transition:opacity .15s, transform .15s; }
.brand-btn a:hover img { opacity:.88; transform:translateY(-1px); }
.brand-note { margin:2rem 0 1rem 8rem; font-size:1.6rem; color:#4a4a4a; line-height:1.95; }
.brand-note p + p { margin-top:2.4rem; }
.brand-note strong { color:var(--point); font-weight:700; }
@media (max-width:960px) {
  .brand-deco { display:none; }
  .brand-head, .brand-cols, .brand-note { margin-left:0; }
  .brand-cols { flex-direction:column; gap:3rem; }
  .brand-coa { width:100%; max-width:32rem; margin:0 auto; }
}

/* 제품 사양표(원본 HTML 표: 제품번호/제품명/공급단위 등) */
.prod-spec { overflow-x:auto; margin:1.4rem auto 2rem; }
.prod-spec-table { width:100%; border-collapse:collapse; font-size:1.5rem; color:var(--txt); }
.prod-spec-table th, .prod-spec-table td { border:1px solid #d5dde4; padding:1.05rem 1.2rem; text-align:center; line-height:1.55; vertical-align:middle; }
.prod-spec-table .spec-head th, .prod-spec-table .spec-head td { background:var(--point); color:#fff; font-weight:700; border-color:var(--point); }
.prod-spec-table .spec-sec td { background:#eaf3fb; color:#12507f; font-weight:700; text-align:left; }
.prod-spec-table tbody tr:nth-child(even):not(.spec-sec):not(.spec-head) td { background:#f7fafd; }

/* nowlabiz 와이드 배너(2000x388) */
.main-hero--wide { aspect-ratio:2000/388; min-height:16rem; }
@media (max-width:960px){ .main-hero--wide{ aspect-ratio:1200/360; } }
/* 배너 캡션(HTML) — 원본 baked 텍스트 위치(좌측 25%) 재현 */
.hero-caption { position:absolute; left:24.5%; top:50%; transform:translateY(-50%); text-align:left; }
.hero-caption .hc-sub  { font-size:clamp(1.2rem, 1.15vw, 2.3rem); font-weight:500; letter-spacing:-0.01em; }
.hero-caption .hc-tit  { font-size:clamp(2.2rem, 3.1vw, 6.2rem); font-weight:800; letter-spacing:-0.03em; line-height:1.25; }
.hero-caption .hc-desc { font-size:clamp(1.1rem, 0.9vw, 1.8rem); margin-top:0.9em; }
.hero-caption--navy .hc-sub  { color:#e8637a; }
.hero-caption--navy .hc-tit  { color:#1d3059; }
.hero-caption--navy .hc-desc { color:#7d8494; }
.hero-caption--white .hc-sub, .hero-caption--white .hc-desc { color:rgba(255,255,255,0.88); }
.hero-caption--white .hc-tit { color:#fff; text-shadow:0 2px 14px rgba(10,40,90,0.35); }
@media (max-width:600px){ .hero-caption .hc-desc { display:none; } }

/* 메인 중단 3단 구성(공지사항 / 견적·제품문의 / 고객센터) */
.home-info { width:var(--container); max-width:100%; margin:0 auto; padding:5.5rem 3rem 6.5rem; }
.home-info__inner { font-size:0; text-align:center; }
.hi-col { display:inline-block; vertical-align:top; text-align:left; box-sizing:border-box; margin:0 1.4rem; }
.hi-notice { width:45rem; }
.hi-quick  { width:30rem; }
.hi-cc     { width:30rem; text-align:center; }
/* 공지사항 위젯 */
.hi-notice__head { position:relative; border-bottom:2px solid var(--tit); padding-bottom:1.2rem; }
.hi-notice__head h2 { display:inline-block; font-size:2.2rem; font-weight:800; color:var(--tit); letter-spacing:-0.02em; }
.hi-more { position:absolute; right:0; bottom:1.5rem; font-size:1.4rem; color:var(--txt-sub); }
.hi-more:hover { color:var(--point); }
.hi-notice__list { margin-top:0.6rem; }
.hi-notice__list li { border-bottom:1px dotted var(--line); }
.hi-notice__list a { display:block; position:relative; padding:1.2rem 9rem 1.2rem 1.2rem; font-size:1.6rem; color:var(--txt); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.hi-notice__list a::before { content:""; position:absolute; left:0; top:1.9rem; width:4px; height:4px; border-radius:50%; background:var(--point); }
.hi-notice__list a:hover { color:var(--point); }
.hi-notice__list .d { position:absolute; right:0; top:1.2rem; font-size:1.4rem; color:var(--txt-sub); }
.hi-notice__list .hi-empty { padding:2.4rem 0; color:var(--txt-sub); font-size:1.6rem; border-bottom:none; }
/* 견적·제품문의 버튼(사진+HTML 텍스트) */
.hi-btn { display:flex; align-items:center; height:11rem; margin-bottom:1.4rem; box-sizing:border-box; border:1px solid var(--line); overflow:hidden; transition:transform .15s, box-shadow .15s; }
.hi-btn:last-child { margin-bottom:0; }
.hi-btn img { height:100%; width:auto; display:block; flex:none; }
.hi-btn__label { margin-left:1.6rem; font-size:2rem; font-weight:600; letter-spacing:0.06em; }
.hi-btn__arr { width:2.6rem; height:1.3rem; margin-left:auto; margin-right:2rem; flex:none; }
.hi-btn:hover { transform:translateY(-2px); box-shadow:0 1rem 2.4rem rgba(20,60,120,0.14); }
.hi-btn--quote { background:#fff; border-color:#cdbf9f; }
.hi-btn--quote .hi-btn__label, .hi-btn--quote .hi-btn__arr { color:#a28c68; }
.hi-btn--inq { background:#f4f6fa; border-color:#c9ced6; }
.hi-btn--inq .hi-btn__label, .hi-btn--inq .hi-btn__arr { color:#3a3f47; }
/* 고객센터(HTML) */
.hi-cc__box { padding-top:0.6rem; }
.hi-cc__icon { width:6.4rem; height:4.8rem; color:#00b4ed; }
.hi-cc__label { margin-top:1.6rem; font-size:1.5rem; font-weight:600; letter-spacing:0.42em; text-indent:0.42em; color:#2b2b2b; }
.hi-cc__tel { margin-top:1rem; font-size:3.4rem; font-weight:700; letter-spacing:0.02em; }
.hi-cc__tel a { color:#00b4ed; }
.hi-cc__sub { margin-top:1.4rem; font-size:1.6rem; line-height:1.8; color:#0a4e9e; }
.hi-cc__sub a { color:#0a4e9e; }
.hi-cc__sub a:hover, .hi-cc__tel a:hover { text-decoration:underline; }
@media (max-width:960px) {
  .hi-col { display:block; width:100%; max-width:48rem; margin:0 auto 3.5rem; }
  .hi-col:last-child { margin-bottom:0; }
}

/* ── 문의 폼(견적의뢰/제품문의) ─────────────────────────── */
.inq-lead { margin-bottom:3rem; }
.inq-lead__title { font-size:2.2rem; font-weight:800; color:var(--tit); }
.inq-lead__desc { margin-top:0.8rem; font-size:1.6rem; color:var(--txt-sub); }
.inq-alert { padding:1.6rem 2rem; border-radius:0.8rem; font-size:1.6rem; margin-bottom:2.4rem; }
.inq-alert--ok { background:var(--point-soft); color:var(--point-dark); border:1px solid #bcdcf5; }
.inq-alert--err { background:#fdeef0; color:#c0392b; border:1px solid #f3c7cd; }
.inq-form { border-top:2px solid var(--point); }
.inq-row { display:flex; align-items:stretch; border-bottom:1px solid var(--line); }
.inq-row__label { flex:0 0 18rem; display:flex; align-items:center; padding:1.6rem 2rem; background:var(--surface); font-size:1.6rem; font-weight:700; color:var(--tit); }
.inq-row__label .req { color:var(--point); margin-left:0.4rem; }
.inq-row__field { flex:1; display:flex; align-items:center; padding:1.2rem 1.6rem; }
.inq-input, .inq-select, .inq-textarea { width:100%; border:1px solid var(--line); border-radius:0.6rem; padding:1.1rem 1.4rem; font-size:1.6rem; font-family:inherit; color:var(--txt); }
.inq-input:focus, .inq-select:focus, .inq-textarea:focus { outline:none; border-color:var(--point); }
.inq-textarea { min-height:16rem; resize:vertical; line-height:1.7; }
.inq-select { max-width:24rem; background:#fff; }
.inq-agree { display:flex; align-items:center; gap:0.8rem; margin:2rem 0; font-size:1.6rem; color:var(--txt); }
.inq-agree input { width:1.8rem; height:1.8rem; accent-color:var(--point); }
.inq-actions { text-align:center; }
.inq-submit { display:inline-flex; align-items:center; gap:0.8rem; background:var(--point); color:#fff; font-size:1.8rem; font-weight:700; padding:1.4rem 4rem; border:0; border-radius:0.8rem; cursor:pointer; transition:background .15s; }
.inq-submit:hover { background:var(--point-dark); }
@media (max-width:768px){
  .inq-row { flex-direction:column; }
  .inq-row__label { flex-basis:auto; padding:1.2rem 1.6rem; }
}

/* ── 고객지원 문의 게시판(목록/상세) ─────────────────────── */
.board-toolbar { margin-top:2.4rem; text-align:right; }
.board-btn--write { background:var(--point); }
.board-btn--write:hover { background:var(--point-dark); }
.inq-lockicon { font-size:1.3rem; }
.inq-st { display:inline-block; font-size:1.3rem; font-weight:700; padding:0.3rem 1rem; border-radius:2rem; }
.inq-st--wait { background:#eef2f7; color:var(--txt-sub); }
.inq-st--done { background:var(--point-soft); color:var(--point-dark); }
/* 비밀글 잠금 */
.inq-lock { text-align:center; padding:6rem 2rem; border-top:2px solid var(--point); }
.inq-lock__t { font-size:2.2rem; font-weight:800; color:var(--tit); margin:1.4rem 0 0.6rem; }
.inq-lock__d { font-size:1.6rem; color:var(--txt-sub); }
.inq-lock__form { display:flex; justify-content:center; gap:0.8rem; margin-top:2.4rem; }
.inq-lock__form .inq-input { max-width:24rem; }
.inq-lock__form .inq-submit { padding:1.1rem 2.6rem; font-size:1.6rem; }
/* 답변 박스 */
.inq-answer-box { margin-top:2.4rem; background:var(--point-soft); border:1px solid #bcdcf5; border-radius:0.8rem; padding:2.4rem 2.6rem; }
.inq-answer-box__t { font-size:1.7rem; font-weight:800; color:var(--point-dark); margin-bottom:1rem; }
.inq-answer-box__t span { font-size:1.4rem; font-weight:500; color:var(--txt-sub); }
.inq-answer-box__c { font-size:1.6rem; line-height:1.8; color:var(--txt); }
.inq-wait { margin-top:2.4rem; padding:2rem; text-align:center; background:var(--surface); border-radius:0.8rem; color:var(--txt-sub); font-size:1.6rem; }

/* ── 제품 페이지 통이미지→HTML 확장(2026-07-16) ─────────────── */
/* 원본 통이미지가 1000px 기준이므로 콘텐츠 영역을 100rem으로 제한해 원본 크기 유지 */
.prod-panel, .prod-image { max-width:100rem; margin-left:auto; margin-right:auto; }
.brand-block, .brand-note, .brand-sec, .brand-checks, .brand-bullets, .brand-quality { text-align:left; }
.brand-solo { margin:0 0 0 8rem; }
.brand-sec--inset { margin-left:8rem; }
.brand-div--inset { margin-left:8rem; }
.brand-photos { display:flex; flex-wrap:wrap; gap:2.1rem; margin:4rem 0 3rem 8rem; }
.brand-photos img, .brand-side img, .pa-photos img { width:auto; max-width:100%; height:auto; display:block; border:2px solid #29abe2; box-sizing:border-box; }
.brand-photo-full img { width:auto; max-width:100%; height:auto; display:block; border:0; }
.brand-side { flex:none; display:grid; grid-template-columns:max-content max-content; gap:0.8rem; align-items:start; align-self:flex-start; }
.brand-side .span2 { grid-column:1 / -1; }
.brand-coa--lg { width:auto; flex:none; }
.brand-coa--lg img { border:0; width:auto; max-width:100%; }
.brand-photo-full { margin:3.5rem 0 0 8rem; }
.brand-quality p { font-size:1.6rem; color:#333; line-height:2.15; }
.brand-checks { list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:3rem 5rem; margin:4.5rem 0 1rem 8rem; padding:0; }
.brand-checks li { position:relative; padding-left:3.4rem; font-size:1.7rem; font-weight:700; color:#1c1c1c; line-height:1.5; }
.brand-checks li::before { content:''; position:absolute; left:0; top:0.2rem; width:2.1rem; height:2.1rem; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Crect x='1' y='3' width='18' height='18' rx='3' fill='none' stroke='%23e8175d' stroke-width='2'/%3E%3Cpath d='M5 10l5 5L21 2' fill='none' stroke='%23e8175d' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain; }
.brand-checks .sub { display:block; font-size:1.5rem; font-weight:400; color:#666; margin-top:0.7rem; line-height:1.75; }
.brand-bullets { margin:2.4rem 0 0; list-style:none; padding:0; }
.brand-bullets li { font-size:1.6rem; color:#333; line-height:2.15; padding-left:1.6rem; position:relative; }
.brand-bullets li::before { content:'▪'; position:absolute; left:0; color:#555; font-size:1.2rem; }
.c-blue { color:#2f6db8; font-weight:600; }
.c-pink { color:#e91e8c; font-weight:600; }
.pa-photos { display:flex; flex-wrap:wrap; gap:1rem; margin:4rem 0 3rem 8rem; align-items:flex-start; }
.pa-photos .col { display:flex; flex-direction:column; gap:1rem; justify-content:space-between; align-self:stretch; }
.prod-spec-table td.k { background:#f4f5f7; font-weight:600; width:26rem; }
@media (max-width:960px) {
  .brand-solo, .brand-sec--inset, .brand-div--inset, .brand-photos, .brand-checks, .pa-photos { margin-left:0; }
  .brand-checks { grid-template-columns:1fr; }
  .brand-side { grid-template-columns:1fr 1fr; }
  .brand-side img, .brand-photos img { width:100%; }
}

/* ════════════════════════════════════════════════════════════════
   리디자인 (2026-07-22) — 요리엔 무드 공용 디자인 시스템
   · 서브 상단 그라데이션 밴드는 tab-menu.php 가 렌더
   · 레거시 .pg-title 제거(밴드가 타이틀 대체), 콘텐츠 세로 리듬은 .site-content 가 관리
   ════════════════════════════════════════════════════════════════ */
body{ letter-spacing:-0.01em; color:var(--body); }

/* 레거시 서브 타이틀/섹션 여백 정리 — 밴드가 타이틀을 대신함 */
.pg-title{ display:none; }
.sub-page .sub-section{ padding:0; }
.sub-page.product-page .sub-section{ padding:0; }

/* 스크롤 리빌 기본(진짜 토글은 sub-footer.php JS) */
.rv{ opacity:0; transform:translateY(30px); transition:opacity .85s var(--ease), transform .85s var(--ease); will-change:opacity,transform; }
.rv.is-in{ opacity:1; transform:none; }
@media (prefers-reduced-motion:reduce){ .rv{ opacity:1 !important; transform:none !important; transition:none !important; } }

/* ── YR 공용 컴포넌트 (yr- 프리픽스) ─────────────────────────── */
.yr{ --yr-ease:cubic-bezier(.22,1,.36,1); }
.yr-wrap{ max-width:var(--container-xl); margin:0 auto; }
.yr-section{ margin-top:9rem; }
.yr-section:first-child{ margin-top:0; }

.yr-head{ text-align:center; margin:0 auto 4.8rem; max-width:82rem; }
.yr-head__eye{ display:inline-block; font-size:1.4rem; font-weight:700; letter-spacing:.24em; text-transform:uppercase; color:var(--point); margin-bottom:1.4rem; }
.yr-head__tit{ font-size:3rem; font-weight:800; line-height:1.3; letter-spacing:-0.03em; color:var(--tit); margin:0; word-break:keep-all; }
.yr-head__tit .accent{ color:var(--point); }
.yr-head__sub{ margin:1.6rem 0 0; font-size:1.7rem; line-height:1.75; color:var(--muted); word-break:keep-all; }

/* 알약 버튼 */
.yr-pill{ display:inline-flex; align-items:center; gap:1.1rem; height:5.4rem; padding:0 3rem; border-radius:999px;
  font-size:1.55rem; font-weight:700; text-decoration:none; cursor:pointer; border:1px solid transparent;
  transition:transform .2s var(--ease), background .2s, color .2s, border-color .2s; }
.yr-pill svg{ width:1.8rem; height:1.8rem; transition:transform .25s var(--ease); }
.yr-pill:hover svg{ transform:translateX(4px); }
.yr-pill--solid{ background:var(--point); color:#fff; box-shadow:0 12px 26px -10px rgba(24,120,200,.7); }
.yr-pill--solid:hover{ background:var(--point-2); transform:translateY(-2px); }
.yr-pill--line{ background:#fff; color:var(--point-2); border-color:var(--line); }
.yr-pill--line:hover{ border-color:var(--point); transform:translateY(-2px); }
.yr-pill--ghost{ background:rgba(255,255,255,.12); color:#fff; border-color:rgba(255,255,255,.4); }
.yr-pill--ghost:hover{ background:#fff; color:var(--point-2); }

/* 그라데이션 히어로 패널(라운드) */
.yr-hero{ position:relative; overflow:hidden; border-radius:2.2rem; padding:7.2rem 4rem; text-align:center; color:#fff;
  background:radial-gradient(700px 360px at 82% -20%, rgba(80,190,240,.4), transparent 62%),
            linear-gradient(150deg,#0d1b30 0%,#124a86 55%,#1878c8 120%); }
.yr-hero__eye{ display:inline-block; font-size:1.4rem; font-weight:700; letter-spacing:.24em; text-transform:uppercase; color:#8fd6f7; margin-bottom:1.6rem; }
.yr-hero__tit{ font-size:3rem; font-weight:800; line-height:1.4; letter-spacing:-0.02em; margin:0; text-shadow:0 2px 16px rgba(3,25,55,.35); word-break:keep-all; }
.yr-hero__sub{ margin:1.8rem auto 0; max-width:72rem; font-size:1.75rem; line-height:1.7; color:rgba(255,255,255,.86); word-break:keep-all; }
.yr-hero--light{ color:var(--tit); border:1px solid var(--line-2);
  background:radial-gradient(680px 340px at 82% -20%, rgba(80,190,240,.28), transparent 60%),
            linear-gradient(160deg,#e9f3fc 0%,#f2f8fd 60%,#fff 120%); }
.yr-hero--light .yr-hero__eye{ color:var(--point); }
.yr-hero--light .yr-hero__tit{ text-shadow:none; }
.yr-hero--light .yr-hero__sub{ color:var(--muted); }

/* 글래스 카드 그리드 */
.yr-cards{ display:grid; gap:2.4rem; grid-template-columns:repeat(3,1fr); }
.yr-cards--2{ grid-template-columns:repeat(2,1fr); }
.yr-cards--4{ grid-template-columns:repeat(4,1fr); }
.yr-card{ position:relative; padding:3.6rem 3.2rem 3.8rem; border-radius:2.2rem; background:#fff; border:1px solid var(--line-2);
  box-shadow:0 24px 56px -34px rgba(20,60,110,.4); transition:transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s; }
.yr-card:hover{ transform:translateY(-8px); box-shadow:0 34px 70px -30px rgba(20,60,110,.45); border-color:rgba(24,120,200,.3); }
.yr-card__no{ font-size:1.3rem; font-weight:800; letter-spacing:.14em; color:var(--accent); }
.yr-card__ico{ width:6.4rem; height:6.4rem; margin:1.6rem 0 2.2rem; border-radius:1.8rem; display:flex; align-items:center; justify-content:center;
  color:#fff; background:linear-gradient(135deg,var(--accent),var(--point)); box-shadow:0 12px 24px -8px rgba(24,120,200,.55); }
.yr-card__ico svg{ width:3.2rem; height:3.2rem; }
.yr-card__tit{ font-size:2rem; font-weight:700; color:var(--tit); margin:0 0 1.2rem; line-height:1.4; }
.yr-card__desc{ font-size:1.55rem; line-height:1.75; color:var(--body); word-break:keep-all; margin:0; }

/* STEP 카드(라벨+화살표 → 호버 화이트+알약) */
.yr-steps{ display:grid; gap:2.4rem; grid-template-columns:repeat(3,1fr); }
.yr-steps--4{ grid-template-columns:repeat(4,1fr); }
.yr-step{ display:flex; flex-direction:column; padding:2.6rem 2.8rem 3.2rem; border-radius:2.2rem; text-decoration:none;
  background:linear-gradient(180deg,#f2f8fd,#e8f2fb); border:1px solid var(--line-2);
  box-shadow:0 22px 52px -34px rgba(20,60,110,.45); transition:transform .3s var(--ease), background .3s, box-shadow .3s; }
.yr-step:hover{ transform:translateY(-8px); background:#fff; box-shadow:0 34px 72px -30px rgba(20,60,110,.5); }
.yr-step__top{ display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:2rem; min-height:3.8rem; }
.yr-step__label{ font-size:1.4rem; font-weight:700; color:var(--point-2); }
.yr-step__arrow{ width:3.8rem; height:3.8rem; border-radius:50%; display:flex; align-items:center; justify-content:center; flex-shrink:0;
  border:1px solid rgba(24,90,150,.24); color:var(--tit); }
.yr-step__arrow svg{ width:1.6rem; height:1.6rem; }
.yr-step__pill{ display:none; align-items:center; gap:.7rem; height:3.8rem; padding:0 1.5rem; border-radius:999px; flex-shrink:0;
  background:var(--point); color:#fff; font-size:1.35rem; font-weight:700; white-space:nowrap; }
.yr-step__pill svg{ width:1.4rem; height:1.4rem; }
.yr-step:hover .yr-step__arrow{ display:none; }
.yr-step:hover .yr-step__pill{ display:inline-flex; }
.yr-step__ico{ width:6rem; height:6rem; border-radius:1.6rem; display:flex; align-items:center; justify-content:center; margin-bottom:.8rem;
  color:var(--point); background:radial-gradient(circle at 50% 40%,#fff,#eaf4fc); box-shadow:inset 0 0 0 1px rgba(24,120,200,.14); }
.yr-step__ico svg{ width:3.2rem; height:3.2rem; }
.yr-step__tit{ margin:2.2rem 0 1.2rem; font-size:1.9rem; font-weight:700; color:var(--tit); line-height:1.4; word-break:keep-all; }
.yr-step__desc{ font-size:1.5rem; line-height:1.72; color:var(--body); word-break:keep-all; margin:0; }

/* 에디토리얼 분할(미디어 + 텍스트) */
.yr-split{ display:grid; grid-template-columns:1fr 1fr; gap:4.4rem; align-items:center; }
.yr-split--flip .yr-split__media{ order:2; }
.yr-split__media{ border-radius:2.2rem; overflow:hidden; box-shadow:0 26px 60px -34px rgba(20,60,110,.5); background:var(--soft); }
.yr-split__media img{ display:block; width:100%; height:100%; object-fit:cover; }
.yr-split__eye{ display:inline-block; font-size:1.4rem; font-weight:700; letter-spacing:.22em; text-transform:uppercase; color:var(--point); margin-bottom:1.4rem; }
.yr-split__tit{ font-size:2.6rem; font-weight:800; line-height:1.35; letter-spacing:-0.02em; color:var(--tit); margin:0 0 1.8rem; word-break:keep-all; }
.yr-split__tit .accent{ color:var(--point); }
.yr-split__body{ font-size:1.65rem; line-height:1.85; color:var(--body); word-break:keep-all; }
.yr-split__body p{ margin:0 0 1.6rem; } .yr-split__body p:last-child{ margin-bottom:0; }
.yr-split__body strong{ color:var(--point-2); font-weight:700; }

/* 피처 로우(아이콘 + 텍스트) */
.yr-feats{ display:grid; grid-template-columns:repeat(2,1fr); gap:2.2rem; }
.yr-feat{ display:flex; gap:2rem; align-items:flex-start; padding:2.8rem 3rem; border-radius:1.8rem; background:var(--soft); border:1px solid var(--line-2); transition:transform .25s var(--ease), box-shadow .25s; }
.yr-feat:hover{ transform:translateY(-4px); box-shadow:0 24px 50px -34px rgba(20,60,110,.5); }
.yr-feat__ico{ flex-shrink:0; width:5.6rem; height:5.6rem; border-radius:1.4rem; display:flex; align-items:center; justify-content:center;
  color:#fff; background:linear-gradient(135deg,var(--accent),var(--point)); }
.yr-feat__ico svg{ width:2.8rem; height:2.8rem; }
.yr-feat__tit{ font-size:1.85rem; font-weight:700; color:var(--tit); margin:0 0 .8rem; }
.yr-feat__desc{ font-size:1.5rem; line-height:1.7; color:var(--body); word-break:keep-all; margin:0; }
.yr-feat__desc a{ color:var(--point); font-weight:700; }

/* 스탯 스트립 */
.yr-stats{ display:grid; grid-template-columns:repeat(4,1fr); border-radius:2rem; overflow:hidden; border:1px solid var(--line-2); background:#fff; }
.yr-stat{ padding:3.4rem 2rem; text-align:center; position:relative; }
.yr-stat + .yr-stat::before{ content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:5.2rem; background:var(--line); }
.yr-stat__num{ font-size:3.4rem; font-weight:800; line-height:1; color:var(--point); }
.yr-stat__num small{ font-size:2rem; font-weight:800; }
.yr-stat__lab{ margin-top:1.2rem; font-size:1.5rem; color:var(--muted); }

/* 타임라인 */
.yr-timeline{ position:relative; max-width:92rem; margin:0 auto; }
.yr-timeline::before{ content:""; position:absolute; left:calc(20% - 1px); top:6px; bottom:6px; width:2px; background:linear-gradient(180deg,var(--point),var(--accent),transparent); }
.yr-tl{ position:relative; display:grid; grid-template-columns:20% 1fr; gap:3.4rem; padding-bottom:3.4rem; }
.yr-tl:last-child{ padding-bottom:0; }
.yr-tl__year{ text-align:right; font-size:2.2rem; font-weight:800; color:var(--point); line-height:1.1; }
.yr-tl__body{ position:relative; padding-left:3.4rem; }
.yr-tl__body::before{ content:""; position:absolute; left:-7px; top:6px; width:1.4rem; height:1.4rem; border-radius:50%; background:var(--point); box-shadow:0 0 0 4px rgba(24,120,200,.18); }
.yr-tl__card{ background:#fff; border:1px solid var(--line-2); border-radius:1.6rem; padding:2.2rem 2.6rem; box-shadow:0 18px 44px -30px rgba(20,60,110,.4); }
.yr-tl__row{ font-size:1.6rem; line-height:1.7; color:var(--body); }
.yr-tl__row + .yr-tl__row{ margin-top:.6rem; }
.yr-tl__row b{ color:var(--point-2); font-weight:700; margin-right:.8rem; }

@media (max-width:1024px){
  .yr-head__tit{ font-size:2.6rem; } .yr-hero__tit{ font-size:2.6rem; } .yr-section{ margin-top:7.2rem; }
  .yr-cards,.yr-cards--4,.yr-steps,.yr-steps--4{ grid-template-columns:repeat(2,1fr); }
  .yr-split{ grid-template-columns:1fr; gap:2.6rem; } .yr-split--flip .yr-split__media{ order:0; }
  .yr-stats{ grid-template-columns:repeat(2,1fr); }
  .yr-stat:nth-child(2n+1)::before{ display:none; }
}
@media (max-width:640px){
  .yr-head__tit{ font-size:2.3rem; } .yr-hero{ padding:5.2rem 2.4rem; } .yr-hero__tit{ font-size:2.2rem; }
  .yr-cards,.yr-cards--2,.yr-cards--4,.yr-steps,.yr-steps--4,.yr-feats{ grid-template-columns:1fr; }
  .yr-step__pill{ display:inline-flex; } .yr-step__arrow{ display:none; }
  .yr-timeline::before{ left:7px; } .yr-tl{ grid-template-columns:1fr; gap:.6rem; }
  .yr-tl__year{ text-align:left; padding-left:3.4rem; } .yr-tl__body{ padding-left:3.4rem; }
  .yr-tl__body::before{ left:0; }
  .yr-stats{ grid-template-columns:1fr; } .yr-stat + .yr-stat::before{ display:none; } .yr-stat{ border-top:1px solid var(--line); }
}

/* ── 제품 브랜드 서브탭(카테고리 칩 하위 — 밑줄형 보조 탭) ────────── */
.prod-subtabs{ display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:flex-end; gap:0 3rem;
  margin:0 auto 4rem; padding:0; border:0; border-bottom:1px solid var(--line); background:transparent;
  box-shadow:none; border-radius:0; max-width:100rem; }
.prod-subtabs button{ appearance:none; border:0; background:transparent; margin:0 0 -1px; padding:1.3rem .2rem; position:relative;
  font-size:1.6rem; font-weight:600; color:var(--muted); cursor:pointer; transition:color .2s; white-space:nowrap; }
.prod-subtabs button::after{ content:''; position:absolute; left:0; right:0; bottom:0; height:3px; border-radius:2px;
  background:linear-gradient(90deg,var(--point),var(--accent)); transform:scaleX(0); transform-origin:left; transition:transform .25s var(--ease); }
.prod-subtabs button:hover{ color:var(--point); background:transparent; }
.prod-subtabs button.is-active{ color:var(--tit); font-weight:800; background:transparent; border-color:transparent; border-radius:0; }
.prod-subtabs button.is-active::after{ transform:scaleX(1); }
@media (max-width:640px){ .prod-subtabs{ gap:0 1.8rem; } .prod-subtabs button{ font-size:1.45rem; padding:1.1rem .2rem; } }

/* ── 브랜드 블록(제품 상세: 카드형으로 감싸 리듬 부여) ───────────── */
.brand-block{ background:linear-gradient(180deg,#fbfdff,#f5f9fd); border:1px solid var(--line-2); border-radius:2.2rem;
  padding:4.2rem 4.4rem 4.6rem; box-shadow:0 26px 60px -40px rgba(20,60,110,.4); }
.brand-block + .brand-btn, .brand-block + .brand-note{ margin-top:3rem; }
.brand-head{ align-items:center; gap:2rem; margin:0 0 3rem 0; padding-bottom:2.4rem; border-bottom:1px solid var(--line-2); }
.brand-head h3{ font-size:2.6rem; font-weight:800; color:var(--tit); letter-spacing:-0.02em; }
.brand-block .brand-deco, img.brand-deco{ display:none !important; }
.brand-cols{ margin:0; gap:4.4rem; }
.brand-sec{ position:relative; padding-left:1.6rem; font-size:2rem; font-weight:700; color:var(--tit); }
.brand-sec::before{ content:''; position:absolute; left:0; top:.5rem; width:.5rem; height:2rem; border-radius:2px; background:var(--point); }
.brand-solo{ margin:0; }
.brand-sec--inset, .brand-div--inset, .brand-note{ margin-left:0; }
.brand-note{ background:var(--soft); border-radius:1.4rem; padding:2.2rem 2.6rem; font-size:1.55rem; }
.brand-coa img, .brand-coa--lg img{ border-radius:1.2rem; box-shadow:0 18px 40px -26px rgba(20,60,110,.5); }
.brand-btn img{ border-radius:999px; }
@media (max-width:640px){ .brand-block{ padding:2.8rem 2rem 3rem; } }

/* ── 사양표(모던 리터치) ─────────────────────────────────────── */
.prod-spec{ border:1px solid var(--line-2); border-radius:1.6rem; overflow:hidden; box-shadow:0 18px 44px -34px rgba(20,60,110,.4); }
.prod-spec .prod-spec-table{ border:0; }
.prod-spec-table .spec-head th, .prod-spec-table .spec-head td{ background:var(--navy); border-color:var(--navy); }

/* ── 게시판(목록/뷰) 모던 리터치 ─────────────────────────────── */
.board-table{ border-top:2px solid var(--navy); }
.board-table th{ background:var(--soft); color:var(--tit); font-size:1.5rem; letter-spacing:.02em; }
.board-table td{ font-size:1.55rem; }
.board-table tbody tr{ transition:background .15s; }
.board-table tbody tr:hover{ background:var(--soft-2); }
.board-table td.col-subject a{ font-weight:600; color:var(--tit); }
.board-paging .on{ background:var(--point); }

/* 문의 폼 미세조정 */
.inq-form{ border-top:2px solid var(--navy); }
.inq-submit{ box-shadow:0 12px 26px -12px rgba(24,120,200,.7); }

/* 오시는길 지도 패널 모던 */
.contact-map{ border:1px solid var(--line-2); border-radius:2rem; overflow:hidden; margin-bottom:0;
  box-shadow:0 30px 70px -46px rgba(20,60,110,.5); }
.contact-map iframe{ height:44rem; }
@media (max-width:768px){ .contact-map iframe{ height:32rem; } }