@charset "utf-8";
/* =========================================================
   우리내화(주) 커스텀 스타일 - 메인/서브 공통
   시안: main1/main2, sub1~sub5
   포인트컬러: #1b2a4a(네이비) / #2b4a8b(블루) / #b03a2e(벽돌레드)
   ========================================================= */

:root{
  --wr-navy:#1b2a4a;
  --wr-blue:#2b4a8b;
  --wr-red:#a5342a;
  --wr-gray:#f2f3f5;
  --wr-line:#e2e5ea;
  --wr-txt:#333;
  --wr-sub:#888;
}

/* 공통 섹션 타이틀 */
.wr-tit{ text-align:center; margin-bottom:50px; }
.wr-tit p{ font-size:34px; font-weight:800; letter-spacing:2px; color:#222; margin-bottom:14px; }
.wr-tit span{ display:block; font-size:16px; color:var(--wr-sub); font-weight:400; }
.wr-inner{ max-width:1200px; margin:0 auto; padding:0 20px; }

/* 한글 줄바꿈: 단어 단위로 끊기(어절 유지) */
#container, .wr-page, #wr_products, #wr_business, #wr_about, #wr_banner, #copy_bnr,
.wr-prod-p, .wr-prod-ul, .pd-ov, .wr-greeting, .wr-bizgrid, .wr-history, .wr-steps{ word-break:keep-all; }

/* 히어로 배경이미지: 시안(main_visual 1920x895) 비율로 고정, 비율 유지하며 꽉 채움 */
#main_visual .swiper-container,
#main_visual .swiper-wrapper,
#main_visual .swiper-slide{ aspect-ratio:1920 / 895; height:auto !important; }
#main_visual .backgroundimg,
#main_visual .backgroundimg .pc_only,
#main_visual .backgroundimg .mobile_only{ width:100%; height:100%; }
#main_visual .backgroundimg img{ width:100% !important; height:100% !important; object-fit:cover !important; object-position:center; }
/* 두 번째 슬라이드: 간판이 하단에 살짝 잘려 보이도록 좌측 상단 기준 */
#main_visual .wr-slide-2 .backgroundimg img{ object-position:left top !important; }

/* ================= 메인비주얼 텍스트 ================= */
/* 테마 기본 CSS가 .sliderkit-text 하위 div를 opacity:0으로 숨기므로 히어로 텍스트는 보이게 강제 */
#main_visual .sliderkit-text .wr-hero-text,
#main_visual .sliderkit-text .wr-hero-text .l,
#main_visual .sliderkit-text .wr-hero-text .s{ opacity:1 !important; color:#fff !important; }
#main_visual .wr-hero-text{ text-align:center; }
#main_visual .wr-hero-text .l{ font-size:56px; font-weight:800; letter-spacing:6px; text-shadow:0 2px 12px rgba(0,0,0,.4); }
#main_visual .wr-hero-text .s{ font-size:20px; font-weight:300; margin-top:18px; letter-spacing:1px; text-shadow:0 2px 10px rgba(0,0,0,.4); }

/* ================= PRODUCTS ================= */
#wr_products{ padding:90px 0; background:#fff; }
#wr_products .prod_list{ display:flex; gap:24px; }
#wr_products .prod_list li{ flex:1; background:var(--wr-gray); border-radius:4px; overflow:hidden; transition:.3s; }
#wr_products .prod_list li:hover{ box-shadow:0 14px 30px rgba(0,0,0,.12); transform:translateY(-6px); }
#wr_products .prod_list a{ display:block; }
#wr_products .thumb{ height:230px; display:flex; align-items:center; justify-content:center; background:#e9ebee; overflow:hidden; }
#wr_products .thumb img{ max-width:82%; max-height:82%; object-fit:contain; mix-blend-mode:multiply; }
#wr_products .info{ padding:26px 24px 30px; background:#fff; }
#wr_products .info .name{ font-size:20px; font-weight:700; color:#222; margin-bottom:12px; }
#wr_products .info .desc{ font-size:13px; line-height:1.7; color:#8a8f98; height:66px; overflow:hidden; }

/* ================= BUSINESS ================= */
#wr_business{ padding:90px 0; background:#fff; }
#wr_business .biz_flex{ display:flex; align-items:center; gap:60px; }
#wr_business .biz_img{ flex:0 0 46%; }
#wr_business .biz_img img{ width:100%; border-radius:4px; display:block; }
#wr_business .biz_txt{ flex:1; }
#wr_business .biz_txt .en{ color:var(--wr-blue); font-weight:700; letter-spacing:2px; font-size:15px; }
#wr_business .biz_txt h3{ font-size:32px; font-weight:800; color:#222; margin:12px 0 24px; }
#wr_business .biz_txt .biz_title{ font-size:38px; font-weight:800; color:#222; letter-spacing:1px; margin:0 0 26px; }
#wr_business .biz_txt p{ font-size:15px; line-height:1.9; color:#666; margin-bottom:34px; }
#wr_business .biz_txt .more{ display:inline-block; padding:14px 44px; border:1px solid #333; color:#333; font-size:14px; transition:.3s; }
#wr_business .biz_txt .more:hover{ background:var(--wr-navy); border-color:var(--wr-navy); color:#fff; }

/* ================= TECH / GALLERY 배너 ================= */
#wr_banner{ display:flex; }
#wr_banner .bnr{ flex:1; height:300px; position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; color:#fff; overflow:hidden; }
#wr_banner .bnr::before{ content:''; position:absolute; inset:0; background:rgba(15,25,50,.55); z-index:1; }
#wr_banner .bnr img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; transition:.5s; }
#wr_banner .bnr:hover img{ transform:scale(1.06); }
#wr_banner .bnr .con{ position:relative; z-index:2; }
#wr_banner .bnr .con .en,
#wr_banner .bnr .con .tt,
#wr_banner .bnr .con .more{ color:#fff !important; }
#wr_banner .bnr .en{ font-size:14px; letter-spacing:3px; opacity:.85; }
#wr_banner .bnr .tt{ font-size:26px; font-weight:700; margin:14px 0 22px; }
#wr_banner .bnr .more{ display:inline-block; padding:11px 34px; border:1px solid rgba(255,255,255,.6); font-size:13px; transition:.3s; }
#wr_banner .bnr .more:hover{ background:#fff; color:var(--wr-navy); }

/* ================= ABOUT US ================= */
#wr_about{ padding:90px 0 100px; background:#fff; position:relative; }
#wr_about .about_list{ display:flex; gap:26px; }
#wr_about .about_list li{ flex:1; position:relative; }
#wr_about .about_list a{ display:block; }
#wr_about .about_list .ph{ height:250px; overflow:hidden; border-radius:4px 4px 0 0; }
#wr_about .about_list .ph img{ width:100%; height:100%; object-fit:cover; transition:.5s; }
#wr_about .about_list li:hover .ph img{ transform:scale(1.07); }
#wr_about .about_list .cap{ background:#fff; box-shadow:0 6px 20px rgba(0,0,0,.07); margin:-40px 24px 0; position:relative; z-index:2; text-align:center; padding:22px 10px; border-radius:2px; }
#wr_about .about_list .cap .nm{ font-size:19px; font-weight:700; color:#222; }
#wr_about .about_list .cap .ds{ font-size:13px; color:#999; margin-top:9px; line-height:1.6; padding:0 6px; }
#wr_about .about_list .plus{ display:block; width:40px; height:40px; line-height:40px; border-radius:50%; background:var(--wr-gray); color:#999; margin:14px auto 0; font-size:18px; transition:.3s; }
#wr_about .about_list li:hover .plus{ background:var(--wr-navy); color:#fff; }

/* ================= 서브페이지 공통 ================= */
#container.wr-sub{ padding-top:80px; } /* 헤더(80px)만큼 서브비주얼을 아래로 */
.wr-sub-visual{ height:300px; position:relative; display:flex; align-items:center; justify-content:center; overflow:hidden; margin-top:0; }
.wr-sub-visual img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.wr-sub-visual::before{ content:''; position:absolute; inset:0; background:rgba(20,30,55,.55); z-index:1; }
.wr-sub-visual h2{ position:relative; z-index:2; color:#fff; font-size:40px; font-weight:700; letter-spacing:6px; }

.wr-breadcrumb{ border-bottom:1px solid var(--wr-line); }
.wr-breadcrumb .wr-inner{ display:flex; align-items:center; height:56px; font-size:14px; color:#666; }
.wr-breadcrumb .home{ color:var(--wr-navy); margin-right:14px; }
.wr-breadcrumb .sep{ margin:0 12px; color:#ccc; }

/* 서브 위치 브레드크럼 바 (시안 sub_location: 홈+대메뉴▼+소메뉴▼ 드롭다운 + 우측 경로) */
.wr-locbar{ background:#fff; border-bottom:1px solid var(--wr-line); }
.wr-locbar-in{ max-width:1400px; margin:0 auto; display:flex; justify-content:space-between; align-items:stretch; height:60px; }
.wr-loc-left{ display:flex; align-items:stretch; }
.wr-loc-home{ width:60px; display:flex; align-items:center; justify-content:center; border-left:1px solid var(--wr-line); border-right:1px solid var(--wr-line); color:#333; font-size:15px; }
.wr-loc-home:hover{ color:var(--wr-navy); }
.wr-loc-sel{ position:relative; min-width:210px; border-right:1px solid var(--wr-line); }
.wr-loc-sel > span{ display:flex; align-items:center; justify-content:space-between; height:100%; padding:0 22px; font-size:15px; color:#333; cursor:pointer; }
.wr-loc-sel > span i{ color:#aaa; font-size:13px; margin-left:14px; }
.wr-loc-sel > ul{ position:absolute; top:100%; left:-1px; right:-1px; background:#fff; border:1px solid var(--wr-line); border-top:none; z-index:60; display:none; box-shadow:0 8px 16px rgba(0,0,0,.06); }
.wr-loc-sel:hover > ul{ display:block; }
.wr-loc-sel > ul li a{ display:block; padding:12px 22px; font-size:14px; color:#666; border-bottom:1px solid #f1f2f4; white-space:nowrap; }
.wr-loc-sel > ul li:last-child a{ border-bottom:none; }
.wr-loc-sel > ul li a:hover{ background:var(--wr-gray); color:var(--wr-navy); }
.wr-loc-path{ display:flex; align-items:center; gap:9px; padding-right:8px; font-size:13px; color:#9aa0a8; }
.wr-loc-path .fa-home{ color:#c2c6cc; }
.wr-loc-path em{ font-style:normal; color:#cfd3d8; }
.wr-loc-path .cur{ color:#555; }
@media (max-width:768px){
  .wr-locbar-in{ height:auto; flex-direction:column; }
  .wr-loc-left{ width:100%; }
  .wr-loc-sel{ flex:1; min-width:0; }
  .wr-loc-path{ display:none; }
}

.wr-page{ max-width:1200px; margin:0 auto; padding:70px 20px 90px; }
.wr-page-tit{ text-align:center; font-size:32px; font-weight:800; color:#222; margin-bottom:10px; }
.wr-page-sub{ text-align:center; color:var(--wr-sub); margin-bottom:50px; }

/* 인사말 */
.wr-greeting{ display:flex; gap:50px; align-items:flex-start; }
.wr-greeting .g-img{ flex:0 0 42%; }
.wr-greeting .g-img img{ width:100%; border-radius:4px; }
.wr-greeting .g-txt{ flex:1; }
.wr-greeting .g-txt h3{ font-size:26px; font-weight:700; color:#222; line-height:1.5; margin-bottom:24px; }
.wr-greeting .g-txt h3 b{ color:var(--wr-blue); }
.wr-greeting .g-txt p{ font-size:15px; line-height:1.9; color:#555; margin-bottom:16px; }
.wr-greeting .g-txt .sign{ margin-top:30px; font-size:16px; color:#222; }
.wr-greeting .g-txt .sign b{ font-size:20px; }

/* 회사개요 표 */
.wr-table{ width:100%; border-top:2px solid var(--wr-navy); border-collapse:collapse; margin-top:20px; }
.wr-table th,.wr-table td{ border-bottom:1px solid var(--wr-line); padding:16px 20px; font-size:14px; text-align:left; }
.wr-table th{ background:var(--wr-gray); width:160px; color:#333; font-weight:600; }

/* 제품/사업 그리드 */
.wr-grid{ display:flex; flex-wrap:wrap; gap:24px; }
.wr-grid .cell{ flex:0 0 calc(25% - 18px); background:#fff; }
.wr-grid.col3 .cell{ flex:0 0 calc(33.333% - 16px); }
.wr-grid .cell .ph{ background:var(--wr-gray); height:220px; display:flex; align-items:center; justify-content:center; overflow:hidden; border:1px solid var(--wr-line); }
.wr-grid .cell .ph img{ width:100%; height:100%; max-width:100%; object-fit:contain; }
.wr-grid .cell .nm{ text-align:center; padding:18px 6px; font-size:16px; font-weight:600; color:#333; }
.wr-grid .cell .cell-desc{ font-size:13px; color:#999; text-align:center; padding:0 10px 16px; line-height:1.6; }
.wr-grid .cell a{ display:block; transition:.3s; }
.wr-grid .cell a:hover{ transform:translateY(-5px); box-shadow:0 12px 26px rgba(0,0,0,.1); }

/* 제품 상세 */
.wr-detail{ display:flex; gap:50px; align-items:flex-start; margin-bottom:60px; }
.wr-detail .d-img{ flex:0 0 46%; background:var(--wr-gray); border:1px solid var(--wr-line); display:flex; align-items:center; justify-content:center; min-height:340px; }
.wr-detail .d-img img{ max-width:88%; max-height:88%; object-fit:contain; }
.wr-detail .d-txt{ flex:1; }
.wr-detail .d-txt h3{ font-size:26px; font-weight:700; color:#222; margin-bottom:22px; }
.wr-detail .d-txt p{ font-size:15px; line-height:1.9; color:#555; margin-bottom:16px; }
.wr-detail .d-txt .pt{ color:var(--wr-red); font-weight:600; }
.wr-sec-tit{ font-size:20px; font-weight:700; color:#222; margin:0 0 16px; padding-left:12px; border-left:4px solid var(--wr-navy); }
.wr-btn-list{ text-align:center; margin-top:50px; }
.wr-btn-list a{ display:inline-block; padding:13px 60px; background:var(--wr-gray); border:1px solid var(--wr-line); color:#444; font-size:14px; transition:.3s; }
.wr-btn-list a:hover{ background:var(--wr-navy); color:#fff; border-color:var(--wr-navy); }

/* 사업분야 카드 (EN + KR + 설명) */
.wr-bizgrid{ display:flex; flex-wrap:wrap; gap:26px; }
.wr-bizgrid .card{ flex:0 0 calc(33.333% - 18px); background:#fff; box-shadow:0 4px 16px rgba(0,0,0,.05); border-radius:4px; overflow:hidden; transition:.3s; }
.wr-bizgrid .card:hover{ transform:translateY(-6px); box-shadow:0 14px 30px rgba(0,0,0,.1); }
.wr-bizgrid .card .ph{ background:var(--wr-gray); height:210px; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.wr-bizgrid .card .ph img{ max-width:80%; max-height:80%; object-fit:contain; mix-blend-mode:multiply; }
.wr-bizgrid .card .body{ padding:26px 24px 30px; }
.wr-bizgrid .card .en{ font-size:12px; letter-spacing:1px; color:#b0b4bb; font-weight:600; }
.wr-bizgrid .card .nm{ font-size:20px; font-weight:700; color:#222; margin:8px 0 14px; }
.wr-bizgrid .card .ds{ font-size:13px; line-height:1.7; color:#8a8f98; }

/* 제조공정 스텝 플로우 */
.wr-flow{ display:flex; justify-content:center; flex-wrap:wrap; gap:10px; margin-bottom:44px; }
.wr-flow .st{ background:#fff; border:1px solid var(--wr-line); color:#333; font-weight:600; font-size:15px; padding:14px 26px; border-radius:40px; }
.wr-flow .st b{ color:var(--wr-blue); margin-right:8px; }
.wr-flow .ar{ align-self:center; color:#ccc; font-size:14px; }
.wr-steps{ display:flex; flex-wrap:wrap; gap:24px; }
.wr-steps .step{ flex:0 0 calc(20% - 20px); background:#fff; border-radius:4px; box-shadow:0 4px 14px rgba(0,0,0,.05); overflow:hidden; }
.wr-steps .step .ph{ height:150px; overflow:hidden; }
.wr-steps .step .ph img{ width:100%; height:100%; object-fit:cover; }
.wr-steps .step .tx{ padding:18px 16px 22px; }
.wr-steps .step .no{ display:inline-block; width:26px; height:26px; line-height:26px; text-align:center; border-radius:50%; background:var(--wr-navy); color:#fff; font-size:13px; font-weight:700; margin-bottom:10px; }
.wr-steps .step .nm{ font-size:16px; font-weight:700; color:#222; margin-bottom:8px; }
.wr-steps .step .ds{ font-size:12.5px; line-height:1.65; color:#888; }
@media (max-width:1024px){
  .wr-bizgrid .card{ flex:0 0 calc(50% - 13px); }
  .wr-steps .step{ flex:0 0 calc(50% - 12px); }
}
@media (max-width:640px){
  .wr-bizgrid .card{ flex:0 0 100%; }
  .wr-steps .step{ flex:0 0 100%; }
}

/* 지도 */
.wr-map{ border:1px solid var(--wr-line); }

/* 준비중 플레이스홀더 */
.wr-empty{ text-align:center; padding:120px 20px; color:#aaa; font-size:16px; border:1px dashed var(--wr-line); border-radius:4px; }

/* 연혁 타임라인 */
.wr-history{ border-top:2px solid var(--wr-navy); }
.wr-history .yr-block{ display:flex; align-items:flex-start; padding:32px 10px; border-bottom:1px solid var(--wr-line); }
.wr-history .yr{ flex:0 0 220px; font-size:32px; font-weight:800; color:var(--wr-navy); line-height:1; }
.wr-history .items{ flex:1; }
.wr-history .it{ display:flex; align-items:baseline; padding:7px 0; }
.wr-history .it .mo{ flex:0 0 66px; color:var(--wr-blue); font-weight:700; font-size:15px; }
.wr-history .it .ct{ color:#555; font-size:15px; line-height:1.6; }
@media (max-width:768px){
  .wr-history .yr-block{ flex-direction:column; gap:14px; }
  .wr-history .yr{ flex:none; font-size:26px; }
}

/* 견적문의 폼 */
.wr-form{ width:100%; border-collapse:collapse; border-top:2px solid var(--wr-navy); }
.wr-form th,.wr-form td{ border-bottom:1px solid var(--wr-line); padding:16px 18px; font-size:14px; text-align:left; vertical-align:middle; }
.wr-form th{ width:180px; background:var(--wr-gray); font-weight:600; color:#333; }
.wr-form th .req{ color:var(--wr-red); margin-left:3px; }
.wr-form input[type=text], .wr-form input[type=tel], .wr-form input[type=email]{ height:42px; padding:0 12px; border:1px solid var(--wr-line); border-radius:3px; font-size:14px; width:340px; max-width:100%; }
.wr-form input.short{ width:200px; }
.wr-form textarea{ width:100%; min-height:180px; padding:12px; border:1px solid var(--wr-line); border-radius:3px; font-size:14px; resize:vertical; line-height:1.6; }
.wr-form input[type=file]{ font-size:13px; }
.wr-form .sep{ margin:0 8px; color:#aaa; }
.wr-privacy{ margin-top:36px; }
.wr-privacy h4{ font-size:16px; font-weight:700; color:#333; margin-bottom:12px; }
.wr-privacy .box{ height:180px; overflow-y:auto; border:1px solid var(--wr-line); background:#fafbfc; padding:18px 20px; font-size:12.5px; line-height:1.75; color:#777; white-space:pre-wrap; }
.wr-privacy .agree{ margin-top:16px; font-size:14px; color:#333; display:flex; align-items:center; gap:8px; }
.wr-privacy .agree input{ width:16px; height:16px; }
.wr-privacy-page{ font-size:14px; line-height:1.85; color:#555; white-space:pre-wrap; border:1px solid var(--wr-line); background:#fafbfc; padding:30px 32px; border-radius:3px; }
.wr-form-btns{ margin-top:40px; text-align:center; display:flex; gap:12px; justify-content:center; }
.wr-form-btns button{ min-width:160px; height:52px; font-size:15px; font-weight:600; border-radius:3px; cursor:pointer; border:1px solid var(--wr-navy); transition:.2s; }
.wr-form-btns .send{ background:var(--wr-navy); color:#fff; }
.wr-form-btns .send:hover{ background:#132038; }
.wr-form-btns .reset{ background:#fff; color:#555; border-color:var(--wr-line); }
.wr-form-btns .reset:hover{ background:var(--wr-gray); }
.wr-form-done{ text-align:center; padding:90px 20px; }
.wr-form-done .ic{ font-size:56px; color:var(--wr-blue); margin-bottom:20px; }
.wr-form-done h3{ font-size:24px; font-weight:700; color:#222; margin-bottom:12px; }
.wr-form-done p{ color:#888; font-size:15px; line-height:1.7; }
.wr-form-done a{ display:inline-block; margin-top:30px; padding:13px 44px; background:var(--wr-navy); color:#fff; font-size:14px; }
@media (max-width:768px){
  .wr-form th{ width:110px; }
  .wr-form input[type=text],.wr-form input[type=tel],.wr-form input[type=email],.wr-form input.short{ width:100%; }
}

/* 기술자료 - 내경치수 표준벽돌 조합비 (원본 wooreeref/ki2) */
.wr-ki2-grid{ display:flex; flex-wrap:wrap; gap:30px; }
.wr-ki2-item{ flex:1 1 calc(50% - 15px); min-width:340px; }
.wr-ki2-table{ width:100%; border-collapse:collapse; border-top:3px solid #0066CC; }
.wr-ki2-table th,.wr-ki2-table td{ border:1px solid #d3d7dd; padding:8px 6px; text-align:center; font-size:13px; color:#333; vertical-align:top; line-height:1.7; }
.wr-ki2-table thead th{ background:#f3f3f3; font-weight:600; vertical-align:middle; }
.wr-ki2-table td.code{ background:#f7f8f9; font-weight:600; }

/* 기술자료 - 형상 및 치수 (원본 wooreeref/ki1 내용) */
.wr-ki-sec{ display:flex; gap:34px; align-items:flex-start; margin-bottom:46px; padding-bottom:46px; border-bottom:1px solid var(--wr-line); }
.wr-ki-sec:last-child{ border-bottom:none; }
.wr-ki-img{ flex:0 0 240px; text-align:center; padding-top:6px; }
.wr-ki-img img{ max-width:100%; height:auto; }
.wr-ki-tbl{ flex:1; overflow-x:auto; }
.wr-ki-tbl table{ width:100%; border-collapse:collapse; border-top:3px solid #0066CC; }
.wr-ki-tbl th,.wr-ki-tbl td{ border:1px solid #d3d7dd; padding:9px 8px; text-align:center; font-size:13px; color:#333; }
.wr-ki-tbl thead th{ background:#f3f3f3; font-weight:600; }
.wr-ki-tbl td.code{ background:#f7f8f9; font-weight:600; }
.wr-ki-unit{ text-align:right; font-size:12px; color:#aaa; margin-bottom:26px; }
/* 원형/특수 형상 4열 그리드 (도면 위 + 표 아래) */
.wr-ki-special{ display:flex; gap:24px; align-items:flex-start; margin-top:10px; }
.wr-ki-special .wr-ki-col{ flex:1; }
.wr-ki-special .wr-ki-col-img{ height:230px; display:flex; align-items:flex-end; justify-content:center; padding-bottom:14px; }
.wr-ki-special .wr-ki-col-img img{ max-width:100%; max-height:100%; object-fit:contain; }
.wr-ki-special .wr-ki-col-tbl{ width:100%; border-collapse:collapse; border-top:3px solid #0066CC; }
.wr-ki-special .wr-ki-col-tbl th,.wr-ki-special .wr-ki-col-tbl td{ border:1px solid #d3d7dd; padding:9px 6px; text-align:center; font-size:13px; color:#333; }
.wr-ki-special .wr-ki-col-tbl thead th{ background:#f3f3f3; font-weight:600; }
@media (max-width:820px){ .wr-ki-special{ flex-wrap:wrap; } .wr-ki-special .wr-ki-col{ flex:0 0 calc(50% - 12px); } }
@media (max-width:820px){
  .wr-ki-sec{ flex-direction:column; }
  .wr-ki-img{ flex:none; width:100%; max-width:240px; margin:0 auto; }
}

/* 로그인/회원가입 숨김 (사용 안 함) */
#gnbb, #gnba{ display:none !important; }

/* 2차메뉴(메가메뉴) 배경 패널 높이 축소 (원본 450px → 축소) */
#header.header_on{ height:290px !important; }
#header.header_on #lnb:hover .lnb_wrap{ height:270px !important; }

/* 갤러리 게시판 썸네일 꽉차게(정사각 full-bleed) */
#bo_gall .gall_img{ position:relative; height:0; padding-bottom:100%; border-bottom:none; overflow:hidden; }
#bo_gall .gall_img a{ position:absolute; inset:0; width:100%; height:100%; }
#bo_gall .gall_img img{ width:100% !important; height:100% !important; object-fit:cover; max-width:none; }
#bo_gall .gall_img span.no_image{ position:absolute; inset:0; width:100%; height:100%; line-height:inherit; display:flex !important; align-items:center; justify-content:center; }
#bo_gall .gall_box{ margin:0 0 30px 0; }

/* ================= 푸터 (시안 main1 하단바) ================= */
#footer{ padding-top:0 !important; padding-bottom:0 !important; }
#footer .wr-footer{ background:#333; padding:44px 0; }
.wr-footer-in{ max-width:1400px; margin:0 auto; padding:0 20px; }
.wr-foot-logo img{ height:40px; filter:brightness(0) invert(1); }
.wr-foot-row{ display:flex; justify-content:space-between; align-items:flex-start; margin-top:26px; }
.wr-foot-info p{ font-size:13px; color:#9a9da4; line-height:1.9; }
.wr-foot-info i{ color:#565a63; margin:0 14px; font-style:normal; }
.wr-foot-links{ display:flex; align-items:center; gap:14px; font-size:13px; }
.wr-foot-links a{ color:#c3c6cc; }
.wr-foot-links a:hover{ color:#fff; }
.wr-foot-links i{ color:#565a63; font-style:normal; }
@media (max-width:768px){
  .wr-foot-row{ flex-direction:column; gap:18px; }
  .wr-foot-info i{ display:block; height:0; overflow:hidden; margin:0; }
}

/* 제품 상세 (원본 레이아웃: 이미지+개요 / 하단 섹션 / 사양) */
.wr-pdetail{ display:flex; gap:45px; align-items:flex-start; margin-bottom:24px; }
.wr-pdetail .pd-img{ flex:0 0 44%; background:var(--wr-gray); border:1px solid var(--wr-line); height:400px; overflow:hidden; }
.wr-pdetail .pd-img img{ width:100%; height:100%; max-width:100%; object-fit:contain; display:block; padding:34px; }
.wr-pdetail .pd-top{ flex:1; padding-top:4px; }
.pd-name{ font-size:26px; font-weight:700; color:#222; margin-bottom:22px; }
.pd-ov .wr-prod-p{ font-size:15px; line-height:1.85; color:#555; margin-bottom:14px; }
.wr-psections{ margin:0 0 34px; }
.wr-prod-h{ font-size:19px; font-weight:700; color:#222; margin:34px 0 14px; }
.wr-psections .wr-prod-h:first-child{ margin-top:0; }
.wr-prod-p{ font-size:15px; line-height:1.85; color:#555; margin-bottom:14px; }
.wr-prod-ul{ list-style:none; padding:0; margin:0 0 6px; }
.wr-prod-ul li{ font-size:15px; line-height:1.95; color:#555; padding-left:15px; position:relative; }
.wr-prod-ul li::before{ content:'-'; position:absolute; left:2px; color:#999; }
@media (max-width:820px){ .wr-pdetail{ flex-direction:column; } .wr-pdetail .pd-img{ flex:none; width:100%; } }

/* 제품 사양표 (너비 100% + 보더) */
.wr-spec-wrap{ overflow-x:auto; margin-bottom:20px; }
.wr-spec{ width:100%; min-width:760px; border-collapse:collapse; border:1px solid #cdd2d8; border-top:3px solid #0066CC; }
.wr-spec th,.wr-spec td{ border:1px solid #cdd2d8; text-align:center; font-size:13px; padding:9px 7px; color:#333; }
.wr-spec thead th{ background:#f3f3f3; color:#333; font-weight:600; }
.wr-spec tbody th{ min-width:180px; text-align:left; }
/* wooreeref 수집 사양표(.tabletitle 헤더) */
.wr-spec .tabletitle td{ background:#f3f3f3; color:#333; font-weight:600; }
.wr-spec .tabletitle td b{ font-weight:600; color:#333; }

/* 인증서/표창 그리드 */
.wr-certgrid{ display:flex; flex-wrap:wrap; gap:24px; }
.wr-certgrid .item{ flex:0 0 calc(25% - 18px); }
.wr-certgrid .item .frame{ border:1px solid var(--wr-line); background:#fff; padding:14px; height:300px; display:flex; align-items:center; justify-content:center; overflow:hidden; transition:.3s; }
.wr-certgrid .item .frame img{ max-width:100%; max-height:100%; object-fit:contain; }
.wr-certgrid .item:hover .frame{ box-shadow:0 10px 24px rgba(0,0,0,.1); border-color:var(--wr-navy); }
.wr-certgrid .item .cap{ text-align:center; padding:14px 6px 0; font-size:14px; color:#444; }
@media (max-width:1024px){ .wr-certgrid .item{ flex:0 0 calc(33.333% - 16px); } }
@media (max-width:640px){ .wr-certgrid .item{ flex:0 0 calc(50% - 12px); } .wr-certgrid .item .frame{ height:220px; } }

/* 제조공정 (시안 sub2 슬라이더) */
.wr-process{ background:#f4f5f6; padding:80px 0 90px; margin-top:80px; }
.wr-process .p-head{ max-width:1200px; margin:0 auto 40px; padding:0 20px; text-align:left; }
.wr-process .p-head h3{ font-size:28px; font-weight:800; color:#222; line-height:1.5; }

.wr-proc-slider{ position:relative; }
/* 선발주 공지문구 */
.wr-prod-notice{ font-size:1.05rem; font-weight:700; color:#000; margin-bottom:28px; line-height:1.7; }

.wr-proc-swiper{ width:100%; }
.wr-proc-swiper .swiper-slide{ display:flex; align-items:stretch; background:#fff; height:auto; }
.wr-proc-slider .ps-img{ flex:0 0 46%; overflow:hidden; height:420px; }
.wr-proc-slider .ps-img img{ width:100%; height:100%; object-fit:cover; display:block; }
.wr-proc-slider .ps-txt{ flex:1; padding:48px 50px; display:flex; flex-direction:column; justify-content:center; }
.wr-proc-slider .ps-item{ margin-bottom:26px; }
.wr-proc-slider .ps-item:last-child{ margin-bottom:0; }
.wr-proc-slider .ps-item h4{ font-size:19px; font-weight:700; color:#222; margin-bottom:12px; }
.wr-proc-slider .ps-item p{ font-size:14px; line-height:1.75; color:#777; }
.wr-proc-nav{ display:flex; align-items:center; gap:16px; margin-top:28px; padding-left:6px; }
.wr-proc-btn{ width:40px; height:40px; border:1px solid #cfd2d7; border-radius:50%; display:flex; align-items:center; justify-content:center; cursor:pointer; color:#777; font-size:15px; transition:.2s; }
.wr-proc-btn:hover{ background:var(--wr-navy); border-color:var(--wr-navy); color:#fff; }
.wr-proc-frac{ font-size:14px; color:#aaa; letter-spacing:2px; }
.wr-proc-frac .cur{ color:#222; font-weight:700; }
@media (max-width:768px){
  .wr-proc-swiper .swiper-slide{ flex-direction:column; }
  .wr-proc-slider .ps-img{ flex:none; height:240px; }
  .wr-proc-slider .ps-img img{ height:100%; }
  .wr-proc-slider .ps-txt{ padding:30px 24px; }
}

/* 반응형 */
@media (max-width:1024px){
  #wr_products .prod_list{ flex-wrap:wrap; }
  #wr_products .prod_list li{ flex:0 0 calc(50% - 12px); }
  .wr-grid .cell{ flex:0 0 calc(50% - 12px); }
  .wr-grid.col3 .cell{ flex:0 0 calc(50% - 12px); }
  #wr_business .biz_flex,.wr-greeting,.wr-detail{ flex-direction:column; }
  #wr_business .biz_img,.wr-greeting .g-img,.wr-detail .d-img{ flex:none; width:100%; }
}
@media (max-width:640px){
  #wr_banner{ flex-direction:column; }
  #wr_about .about_list{ flex-direction:column; }
  #main_visual .wr-hero-text .l{ font-size:36px; }
  .wr-tit p{ font-size:26px; }
}

/* ================= 게시글 상세 이미지 가운데정렬 ================= */
#bo_v_img{ text-align:center; }
#bo_v_img .view_image,
#bo_v_img img{ float:none !important; display:inline-block; margin:0 auto 10px; max-width:100%; height:auto; }
#bo_v_con img{ display:block; margin-left:auto; margin-right:auto; max-width:100%; height:auto; }
#bo_v_con p{ text-align:center; }

/* 게시물 상세: 정보줄(작성자/Hit/Date)과 본문/이미지 사이 간격 */
#bo_v_info{ padding-bottom:18px; margin-bottom:0; }
#bo_v_atc{ margin-top:35px; }
#bo_v_img{ margin-top:35px; }

/* ================= 제품 상세 사진 그리드 ================= */
.wr-pd-photos{ display:block; margin-top:22px; }
.wr-pd-photos figure{ margin:0 auto 34px; max-width:680px; text-align:center; }
.wr-pd-photos figure img{ width:100%; height:auto; display:block; border:1px solid #e2e5ea; border-radius:4px; }
.wr-pd-photos figcaption{ text-align:center; font-size:15px; font-weight:500; color:#444; padding:14px 8px 0; word-break:keep-all; }
@media(max-width:768px){ .wr-pd-photos figure{ max-width:100%; margin-bottom:24px; } }

/* ================= 제품 상세 섹션 내 제품군 사진(동일 크기 정렬) ================= */
.wr-sec-imgs{ display:flex; flex-wrap:wrap; gap:16px; margin:14px 0 28px; }
.wr-sec-imgs figure{ margin:0; width:230px; }
.wr-sec-imgs figure img{ width:100%; height:210px; object-fit:contain; background:#fff; border:1px solid #e2e5ea; border-radius:4px; display:block; padding:8px; box-sizing:border-box; }
.wr-sec-imgs figcaption{ text-align:center; font-size:13px; color:#555; padding:9px 4px 0; word-break:keep-all; }
@media(max-width:768px){ .wr-sec-imgs figure{ width:calc(50% - 8px); } .wr-sec-imgs figure img{ height:160px; } }