@charset "utf-8";

html { overflow-y:scroll; }
body { margin:0; padding:0; font-size:0.75em; background:#fff; }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img { margin:0; padding:0; border:0; }
h1, h2, h3, h4, h5, h6 { font-size:1em; font-family:'', dotum, sans-serif; }
h3 { font-size: clamp(22px, 2.8vw, 42px); margin:0 auto; padding:36px 0 0 0; border:0; text-align:center; color:#333; font-family:"Pretendard ExtraBold"; }
h4 { margin:0; padding: 68px 0;margin:88px 0 36px 0; border:0; text-align:center; color:#999; font-size:clamp(1.2rem,4vw,2.2rem); font-family:"Pretendard SemiBold"; background-color:#f5f7fa; }
p { margin:0; padding:0; word-break:break-all; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
ul, dl, dt, dd { margin:0; padding:0; list-style:none; }
legend { position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden; }
label, input, button, select, img { vertical-align:middle; font-size:1em; }
input, button { margin:0; padding:0; font-family:'Malgun Gothic', dotum, sans-serif; font-size:1em; }
input[type="submit"], button { cursor:pointer; }
textarea, select { font-family:'Malgun Gothic', dotum, sans-serif; font-size:1em; }
a { color:#272727; text-decoration:none; }
*, :before, :after { box-sizing:border-box; }
input[type=text], input[type=password], textarea { transition:all .3s ease-in-out; outline:none; }
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus { box-shadow:0 0 5px #9ed4ff; border:1px solid #558ab7 !important; }
.placeholdersjs { color:#aaa !important; }
:root { --font-primary:'Pretendard Variable', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; --gap:16px; --radius:12px; }
html, body, button, input, select, textarea { font-family:var(--font-primary); line-height:1.5; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
.custom-pagination .swiper-pagination-bullet {  width: 20px; height: 20px; margin-bottom:42px !important}
.custom-pagination .swiper-pagination-bullet-active { width: 16px !important; height: 16px !important; }
.root_daum_roughmap img {  max-width: none !important;  height: auto !important;  clip: auto !important;  transform: none !important;}
.sub-page_cnt > .root_daum_roughmap:first-of-type {margin-bottom:68px;}
.root_daum_roughmap{border-radius:12px;}



.sub-h2 { font-size:42px; font-family:"Pretendard Bold"; margin:0; padding:0; color:#fff; text-shadow:0 2px 8px rgba(0,0,0,.3); }
.sub-p { font-size:20px; font-family:"Pretendard SemiBold"; margin:0; padding:8px 0 0 0; color:#fff; text-shadow:0 2px 8px rgba(0,0,0,.2); }
.sub-p3 { font-size:16px; font-family:"Pretendard SemiBold"; margin:0; color:#111; text-align:center; }
.sub-cnt_p { font-size:18px; font-family:"Pretendard Medium"; margin:0 0 48px 12px; padding:0; color:#666; }
.sub-cnt_p:last-of-type {margin:0 0 24px 12px;}
.sub-cnt_h {font-size: clamp(18px,1.4vw,22px); font-family:"Pretendard Medium"; margin:0; padding:0; color:#222; }
.sub-cnt_h_eng{font-size: clamp(16px,1vw,18px); font-family:"Pretendard Medium"; margin:0; padding:0; color:#222; }
.sub-background{background-image:url(../img/subbgimg.png); position: relative; width: 100%;overflow: hidden; padding-top:68px}
.sub-pagebanner { width:100%; height:400px; background:#666; position:relative; overflow:hidden; }
.sub-pagebanner > img { width:100%; height:100%; object-fit:cover; display:block; }
.sub-pagepagebanner_text { position:absolute; top:60%; left:50%; transform:translate(-50%,-50%); text-align:center; z-index:2; color:#fff; padding:0 20px; }
.sub-pagepagebanner_text .sub-h2 { margin:0; font-size:clamp(24px,3vw,42px); font-weight:700; }
.sub-pagepagebanner_text .sub-p { margin:0; font-size:clamp(14px,1.6vw,18px); opacity:.9; }
.djtitle{font-size:clamp(24px,2vw,28px); color:#3B8BFF; font-family:"Pretendard Black";}
.sub-page_cnt { width:100%; max-width:1280px; margin:0 auto; padding:68px 24px 108px;text-align:left;}
.sub-page_cnt h1{ font-size:46px; font-family:"Pretendard Black"; color:#ddd; }
.h-en{ font-size:42px; font-family:"Pretendard Black"; color:#ddd; }
.sub-background .sub-page_cnt {padding:0 24px 148px 24px; margin:0 auto; width:100%; max-width:1080px;}
.sub-background .sub-cnt_p{}
.sub-background .hv-card{padding:88px 128px;}
.djsubtext{font-family:"Pretendard ExtraBold"}
.djsubtiltle {font-family:"Pretendard ExtraBold"; text-align:center; font-size: clamp(22px,1.4vw,24px); display:flex; justify-content: center; padding-top:48px; color:#777;}



.history { position:relative; padding:50px 20px; max-width:1000px; margin:0 auto; }
.history ul { position:relative; padding:42px ;}
.history ul::before { content:""; position:absolute; left:50%; top:0; width:4px; height:100%; background:#ddd; transform:translateX(-50%); padding:12px 0; }
.history li { position:relative; width:50%; padding:20px 40px; }
.history li:nth-child(odd) { left:0; text-align:right; }
.history li:nth-child(even) { left:50%; text-align:left; }
.history li::before { content:""; position:absolute; top:30px; width:20px; height:20px; border-radius:50%; background:#ddd; border:3px solid #fff; box-shadow:0 0 0 3px #ddd; }
.history li:nth-child(odd)::before { right:-10px; }
.history li:nth-child(even)::before { left:-10px; }
.history .date { display:block; font-weight:700; font-size:16px; color:#3B8BFF; margin-top:24px;font-family:"Pretendard Bold"; }
.history .desc { display:block; font-size:20px; color:#333; line-height:1.5; font-family:"Pretendard Medium"; }



.pi-title{ font-size: clamp(18px, calc(15.43px + 1.4286vw), 28px); line-height:1.5; font-family:"Pretendard Bold"; text-align:center; padding-bottom:24px; color:#333;}
.mb-title{ font-size: clamp(18px, calc(15.43px + 1.4286vw), 28px); line-height:1.5; font-family:"Pretendard Bold"; text-align:center; padding-bottom:24px; color:#333;}
.pi-desc{ font-size: clamp(14px, calc(15.43px + 1.4286vw), 18px); line-height:1.5; font-family:"Pretendard Medium"; }
.brand{color: #3F79E2; padding-right:12px;}
.product{padding:12px 48px; background-color:#3F79E2; color:#fff; border-radius:48px;}


.sub-page_cnt img { width:100%; max-width:1050px; display:block; margin:0 auto; }
.sub-greetingimg img{padding:0;}
.sub-cnt-left {display:flex; justify-content:flex-start; text-align:left; padding:0; margin:0;}


.sub-gallery-wrap { width:min(1200px,100%); margin:0 auto; padding:24px; font-family:"Pretendard ExtraBold"; font-size:24px; text-align:center; }
.sub-gallery-grid { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:var(--gap); padding-top:12px; }
.sub-gallery-card { position:relative; overflow:hidden; border-radius:var(--radius); background:#f3f4f6; }
.sub-gallery-card img { width:100%; height:100%; object-fit:cover; display:block; padding:12px;}
.sub-gallery-card:hover img { transform:scale(1.03); transition:transform .25s ease; }
.sub-greetingimg img { width:100%; max-width:1300px; height:auto; display:none; margin-bottom:24px; }
.sub_asmenu{width:100%; max-width:1080px; margin:0 auto; padding-top:48px; text-align:center;font-family:"Pretendard ExtraBold"; font-size:clamp(18px, 1.2vw ,20px); }
.sub_asmenu a{border:1px solid #ccc; border-radius:8px;padding:14px 28px;}
.sub_asmenu a:hover{background-color:#3B8BFF; color:#fff;}

  .group-wrap:hover{background-color:#3F79E2; color:#fff;}
  .group-head:hover{background-color:#3F79E2; color:#fff;}
  .group-wrap { border:1px solid #e5e7eb; border-radius:10px; margin:12px 0; overflow:hidden; }
  .group-head { display:flex; align-items:center; gap:8px; width:100%; padding:16px 14px; cursor:pointer; background:#fff; border:0; font-size:clamp(16px, 1vw, 18px); color:#474747; font-family:"Pretendard Medium"}
  #groupedContainer .group-head:hover {background-color:#3B8BFF; color:#fff;}
  .group-head .arrow { transition:transform .2s ease; margin-left:12px;}
  .group-head[aria-expanded="true"] .arrow { transform:rotate(90deg); }
  .group-body { display:none; padding:0 0 8px 0; background:#fff; }
  .group-body table { width:100%; border-collapse:collapse; }
  .group-body th, .group-body td { border:1px solid #e2e2ff; padding:12px 24px; text-align:center; font-size:clamp(16px, 1vw, 18px); }
  .group-body th { background:#b4b4ff; color:#fff; }
  .toolbar { display:flex; gap:8px; margin:10px 0 24px; }
  .btn { padding:0 24px; margin:0; background:#fff; border-radius:8px; cursor:pointer; font-size:clamp(14px, 1.5vw, 22px);  font-family:"Pretendard Medium"; color:#666; font-weight:400 !important;}
  .btn:hover { background:#FF8C42; color:#fff; }
  .empty { padding:10px; color:#6b7280; font-size:14px; }
  .group-body {    width: 100%;    overflow-x: auto;    overflow-y: hidden;    -webkit-overflow-scrolling: touch;}

.group-table-wrap table {
    min-width: 920px;
    white-space: nowrap;
}
  
  
.map-wrap { width:100%; max-width:1280px; margin:0 auto; position:relative; }
.root_daum_roughmap { width:100% !important; max-width:1280px; height:580px !important; margin:0 auto; position:relative; overflow:hidden; }
.root_daum_roughmap iframe { position:absolute; inset:0; width:100% !important; height:100% !important; }
.root_daum_roughmap img, .root_daum_roughmap_landing img { max-width:none !important; height:auto !important; width:auto !important; }
.sub_h3 { font-size:20px; padding:0 0 12px; font-family:"Pretendard SemiBold"; margin:0; color:#222; }
.sub_h4 { font-size:20px; padding:48px 0 12px; font-family:"Pretendard SemiBold"; margin:0; color:#222; }  
#btnExpandAll{background-color:#FF8C42; color:#fff;}
#btnExpandAll_rawTable1{background-color:#FF8C42; color:#fff;}
#btnExpandAll_rawTable2{background-color:#FF8C42; color:#fff;}
.product_box1, .product_box2 { width:100%; display:flex; flex-wrap:wrap; justify-content:center; gap:20px; font-size:18px; text-align:center; }
.product_box1 li, .product_box2 li { flex:1 1 calc(33.333% - 20px); }
.product_box1 img, .product_box2 img { display:block; width:100%; height:auto; margin:0 0 12px; max-width:488px; }
.product_text { font-size:20px; padding:24px 0 12px 4px; }





.accordion { border-top:2px solid #ccc; margin-top:48px; padding-bottom:24px;}
.accordion-btn { width:100%; text-align:center; padding:24px 20px; border:none; border-bottom: 1px solid #ddd; outline:none; cursor:pointer; background:#fff; font-size:clamp(16px,1.2vw,20px); position:relative; transition:background 0.2s ease; font-family:"Pretendard Medium";  }
.accordion-btn::after { position:absolute; right:20px; transition:transform 0.25s ease; }
.accordion-btn.active::after { transform:rotate(180deg); }
.accordion-content { max-height:0; overflow:hidden; transition:max-height 0.35s ease; background:#fff; }
.accordion-content.open { padding:12px 0 24px; }



.custom-inventory-table { width:100%; border-collapse:collapse; margin-top:8px; font-family:"Pretendard",sans-serif;  border:none;}
.custom-inventory-table thead{border-radius:12px 12px 0 0;}
.custom-inventory-table th, .custom-inventory-table td {padding:16px 20px; text-align:left; }
.custom-inventory-table thead th { background:#FF8C42; font-weight:500;  font-size:clamp(16px,1vw,18px); text-align:center; color:#fff;}
.custom-inventory-table tbody tr:nth-child(even) td { background:#fafafa; }
.custom-inventory-table a { color:#FF8C42; text-decoration: underline; text-underline-offset: 8px; font-weight:500; }
.custom-inventory-table a:hover { text-decoration:underline; }
.custom-inventory-table tbody td { color:#333; font-size:clamp(16px,1vw,18px);text-align:center; border:1px solid #e5e7eb;}
.custom-inventory-table thead th:first-child{border-radius:12px 0 0 0;}
.custom-inventory-table thead th:last-child {border-radius:0 12px 0 0; }
.custom-inventory-table tbody, .custom-inventory-table tbody {} 
.custom-inventory-table tr td:last-child a { font-weight: 600;}

.hv-tabs {width:100%; max-width:1200px; margin:0 auto; text-align:center; padding:40px 0;}
.hv-tab-heads {display:flex; justify-content:center; gap:36px; margin-bottom:24px; flex-wrap:wrap;}
.hv-text-box {padding:16px; text-align:left;}


.hv-wrap {max-width:1100px; margin:0 auto; padding:28px 16px 80px;}
.hv-title {font-size:clamp(24px,3.5vw,36px); font-weight:900; text-align:center; margin:8px 0 10px;}
.hv-lead {text-align:center; color:var(--hv-sub); margin-bottom:28px; font-size:clamp(14px,2.4vw,16px);}

.hv-card.hv-spec {width:100%; overflow-x:auto; border:1px solid var(--hv-line,#ddd); border-radius:8px; background:#fff; box-shadow:0 2px 6px rgba(0,0,0,0.05);}
.hv-section {margin:28px 0 40px;}
.hv-section__head {display:flex; align-items:center; gap:10px; font-size:clamp(18px,1.6vw,24px); margin:0 0 14px; font-family:"Pretendard Medium";}
.hv-section__head::before {content:""; width:6px; height:20px; border-radius:4px; background:var(--hv-brand);}
.hv-card {border:1px solid var(--hv-line); background:var(--hv-card); border-radius:var(--hv-radius); box-shadow:var(--hv-shadow);}
.hv-tabs {width:100%; max-width:1200px; margin:0 auto; text-align:center; padding:40px 0;}
.hv-tab-heads {display:flex; justify-content:center; gap:36px; margin-bottom:24px; flex-wrap:wrap;}
.hv-text-box {padding:16px; text-align:left;}

:root {--hv-brand:#0ea5e9; --hv-text:#1f2937; --hv-sub:#6b7280; --hv-line:#e5e7eb; --hv-bg:#ffffff; --hv-card:#ffffff; --hv-radius:16px; --hv-shadow:0 6px 24px rgba(0,0,0,.05);}
* {box-sizing:border-box;}

body {margin:0; font-family:"Noto Sans KR",system-ui,sans-serif; background:var(--hv-bg); color:var(--hv-text); line-height:1.6;}

.hv-wrap {max-width:1100px; margin:0 auto; padding:28px 16px 80px;}
.hv-title {font-size:clamp(24px,3.5vw,36px); font-weight:900; text-align:center; margin:8px 0 10px;}
.hv-lead {text-align:center; color:var(--hv-sub); margin-bottom:28px; font-size:clamp(14px,2.4vw,16px);}

.hv-card.hv-spec {width:100%; overflow-x:auto; border:1px solid var(--hv-line,#ddd); border-radius:8px; background:#fff; box-shadow:0 2px 6px rgba(0,0,0,0.05);}
.hv-section {margin:28px 0 40px;}
.hv-section__head {display:flex; align-items:center; gap:10px; font-size:clamp(18px,1.6vw,24px); margin:0 0 14px; font-family:"Pretendard Medium";}
.hv-section__head::before {content:""; width:6px; height:20px; border-radius:4px; background:var(--hv-brand);}
.hv-card {border:1px solid var(--hv-line); background:var(--hv-card); border-radius:var(--hv-radius); box-shadow:var(--hv-shadow);}



.hv-photo-box {display:grid; grid-template-columns:1fr; gap:14px; padding:16px;} 
.hv-photo {border-radius:12px; overflow:hidden; display:flex; align-items:center; justify-content:center;} 
.hv-photo img {width:100%; height:100%; object-fit:cover;} 
.hv-purpose {padding:18px; text-align:left;} 
.hv-purpose p {margin:0;}


.hv-drawing {padding:16px;} 
.hv-drawing .hv-photo {}


.hv-spec {padding:0;} 
.hv-spec table {width:100%; border-collapse:separate; border-spacing:0; min-width:600px;} 
.hv-spec thead th {background:#f7fbff; color:#0b4a66; font-weight:800; border-bottom:1px solid var(--hv-line); padding:14px 12px; text-align:center;} 
.hv-spec tbody td, .hv-spec tbody th {border-bottom:1px solid var(--hv-line); padding:12px; font-size:clamp(16px,1vw,18px); vertical-align:top; text-align:center;} 
.hv-spec tbody th {background:#fcfcfd; font-weight:700; width:38%;} 
.hv-note {font-size:13px; color:var(--hv-sub); margin:8px 0 0;}


.hv-cert {padding:16px;} 
.hv-cert-grid {display:grid; grid-template-columns:1fr; gap:14px; margin-top:6px;} 
.hv-cert-item {border:1px solid var(--hv-line); border-radius:12px; background:#fff; overflow:hidden;} 
.hv-cert-img {background:#f1f5f9; display:flex; align-items:center; justify-content:center;} 
.hv-cert-img img {width:100%; height:100%; object-fit:cover;} .hv-cert-body {padding:12px;} 
.hv-cert-name {font-weight:700; margin:0 0 4px; padding:0 !important;} 
.hv-cert-meta {font-size:13px; color:var(--hv-sub); margin:0; padding:0 !important;}
.strong { margin-right: 12px; font-weight: 700;}


.hv-tab-btn {font-family:"Pretendard Medium"; font-size:20px; cursor:pointer; color:#999; transition:color 0.3s,border-color 0.3s; border-bottom:3px solid transparent; padding-bottom:6px;}
.hv-tab-btn.active,
.hv-tab-btn:hover {color:#222; border-color:#FF8C42;}
.hv-tab-content {  visibility: hidden;  opacity: 0;  transform: translateY(10px);transition: all 0.4s ease;  height: 0;  overflow: hidden;}
.hv-tab-content.active {  visibility: visible;  opacity: 1;  transform: translateY(0);  height: auto;  overflow: visible;}
.hv-tab-content img {width:100%; max-width:600px; border-radius:10px; margin-bottom:20px;}
.hv-tab-content p {font-size:clamp(14px,0.9vw,18px); color:#444; line-height:1.7; padding:12px;}
#hv-card hv-text-boxeng{font-size:clamp(14px,0.9vw,16px}


.sub-page_bg {margin:60px auto; padding:0 20px; font-family:"Pretendard",system-ui,sans-serif; color:#222; line-height:1.7;}
.sub-page_bg .inner {max-width:1280px; margin:0 auto; padding:0 20px;}
.sub-page_bg .piimg1 {float:right; width:45%; max-width:520px; margin:10px 0 25px 30px; border-radius:10px; box-shadow:0 4px 16px rgba(0,0,0,0.08); object-fit:cover;}
.sub-page_bg .pi-desc {font-size:18px; color:#555; margin-bottom:18px;}
.sub-page_bg .pi-desc .product {display:inline-block; font-weight:700; padding:4px 10px; border-radius:999px; margin-bottom:8px;}
.sub-page_bg .pi-desc:nth-of-type(2), .sub-page_bg .pi-desc:nth-of-type(3) {background:#fafafa; border:1px solid #ddd; border-radius:10px; padding:18px 24px; box-shadow:0 2px 6px rgba(0,0,0,0.03);}
.sub-page_bg .pi-desc:nth-of-type(5) {font-weight:700; color:#222;}
.sub-page_bg .pi-desc:nth-of-type(5)::before {content:""; display:inline-block; width:10px; height:10px; margin-right:8px; background:#3F79E2; border-radius:2px; vertical-align:1px;}



.sub-page_bg a {color: #2563eb;text-decoration: none;}
.sub-page_bg a:hover {text-decoration: underline;}


.solar-fields__desc:nth-of-type(1){margin-bottom:24px; font-size:18px;}
.solar-section {max-width:100%;margin:auto;padding:12px 0 48px 0;}
.solar-grid {display:grid;gap:24px;grid-template-columns:repeat(2,1fr);}
.solar-card {border:1px solid #eee;border-radius:12px;padding:18px;background:#fff;}
.solar-card__title {font-weight:800;font-size:18px; color:#555; padding:0 0 0 24px!important; text-align:left; position:relative; margin-bottom:12px;}
.solar-card__title::before {content:"";position:absolute;left:0;top:0.35em;width:5px;height:1.1em;background:#3F79E2;border-radius:2px;}
.solar-card__body {display:grid;grid-template-columns:1fr 240px;gap:16px;align-items: start; text-align:left; font-size:16px;}
.solar-card__thumb img {width:100%;height:auto;border-radius:10px;object-fit:cover;}
.solar-list {margin:0;padding-left:18px;color:#555;}
.solar-list li {margin:4px 0;  text-align:left; font-size:16px;}
.solar-rps {margin-top:40px;border:1px solid #eee;border-radius:12px;padding:18px;background:#fff;}
.solar-rps__gallery {margin-top:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr);}
.solar-system{max-width:100%;margin:auto;padding:0;}
.solar-system__title{font-size:28px;font-weight:800;margin:10px 0 12px}
.solar-system__lead{color:#444;margin:0 0 18px; font-size:18px;}
.solar-compare {display:grid; grid-template-columns:1fr 1fr; grid-template-areas:"head-pros head-cons" "list-pros list-cons"; border:1px solid #e9ecef; border-radius:12px; overflow:hidden;}
.solar-compare__head {background:#f7f7fb; color:#333; font-size:16px; font-weight:800; text-align:center; padding:14px 10px; border-bottom:1px solid #e9ecef;} 
.solar-compare__head--pros {grid-area:head-pros; border-right:1px solid #e9ecef;} 
.solar-compare__head--cons {grid-area:head-cons;}
.solar-compare__list {list-style:none; margin:0; padding:0; background:#fff;} 
.solar-compare__list li {padding:12px 16px; border-bottom:1px solid #f3f5f7; color:#555; font-size:16px;} 
.solar-compare__list--pros {grid-area:list-pros; border-right:1px solid #e9ecef;} 
.solar-compare__list--cons {grid-area:list-cons;}
.solar-fields{margin-top:24px}
.solar-fields__title{position:relative;font-size:20px;font-weight:800;margin:18px 0 6px;padding-left:14px; text-align:left; padding: 2px 0 0 24px;}
.solar-fields__title::before{content:"";position:absolute;left:0;top:.35em;width:6px;height:1.2em;background:var(--brand, #3F79E2);border-radius:3px;}
.solar-fields__desc{color:#555;margin:0}







.rtable-wrap { width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; font-family:"Pretendard Medium"; }
.rtable { width:100%; border-collapse:collapse; table-layout:fixed; background:#fff; border:1px solid #e5e7eb; font-size:16px; }
.rtable caption { caption-side:top; text-align:left; padding:12px 14px; font-weight:700; color:#111827; }
.rtable th, .rtable td { padding:12px 14px; border-bottom:1px solid #e5e7eb; vertical-align:top; word-break:keep-all; }
.rtable td { border-right:1px solid #e5e7eb; }
.rtable thead th { background:#f9fafb; font-weight:700; text-align:center; border-right:1px solid #e5e7eb; }
.rtable tbody tr:nth-child(even) { background:#fcfcfd; }
.rtable .num { text-align:right; }
.rtable .date { white-space:nowrap; }



.sub-gallery-wrap { width:min(1200px,100%); margin:0 auto; padding:24px; font-family:"Pretendard ExtraBold"; font-size:24px; text-align:center; }
.sub-gallery-grid { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:var(--gap); padding-top:12px; }
.sub-gallery-card { position:relative; overflow:hidden; border-radius:var(--radius); background:#f3f4f6; }
.sub-gallery-card img { width:100%; height:100%; object-fit:cover; display:block; padding:12px;}
.sub-gallery-card:hover img { transform:scale(1.03); transition:transform .25s ease; }
.sub-greetingimg img { width:100%; max-width:1300px; height:auto; display:none; margin-bottom:24px; }
 


.sub3-img-grid { display:flex; flex-wrap:wrap; justify-content:center; gap:20px; margin:0 auto; }
.sub3-img-box { flex:1 1 calc(25% - 20px); max-width:calc(25% - 20px); display:flex; flex-direction:column; align-items:center; gap:8px; }
.sub3-thumb { display:block; width:100%; aspect-ratio:4/3; border-radius:12px; overflow:hidden;  }
.sub3-thumb img { width:100%; height:100%; object-fit:cover; display:block; padding:0;}

.sub4-cnt-box{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;list-style:none;margin:0;padding:0;padding-top:12px;}
.sub4-cnt{background:#f8f8f8;border-radius:8px;padding:68px 48px;text-align:center; box-shadow:0 0 24px 0 rgba(0,0,0,0.10); }
.sub4-h{font-size:20px;font-family:"Pretendard SemiBold";margin:0;color:#111;}
.sub4-p{font-size:16px;font-family:"Pretendard Medium";margin-top:12px;color:#555;}


.table-container {  width: 100%;  overflow-x: auto;   -webkit-overflow-scrolling: touch;  font-family: "Pretendard Medium";  padding:0 24px;}
.table-container table {  min-width: 900px !important;  width: 100%;border-collapse: collapse;  white-space: nowrap;}
 table {width: 100%;border-collapse: collapse; text-align: center; min-width: 1080px; border-top: 1px solid #666; }
 th, td {border-bottom: 1px solid #eee;padding: 12px;text-align: left;white-space: nowrap; font-family:"Pretendard Medium"; font-size: clamp(16px, 0.9vw, 18px); color:#666;}
 th { background-color: #f4f4f4; color:#444;}
 caption {text-align: left;margin-bottom: 8px;}




.bo_info_table{max-width:100% !important;}

.sub-page_bg {background: url('/img/subbgimg.png') no-repeat center top;background-size: cover; position: relative; z-index: 1;}

#groupedContainer{padding-bottom:24px;}
.skip_to_container{display:none}







/* 반응형 */
@media (min-width:1280px) {
  .sub4-cnt-box { grid-template-columns: repeat(3, minmax(0, 1fr)); }

}

@media (max-width:1280px) {
    .sub-background .sub-page_cnt{padding: 68px 24px;}
}

@media (max-width:1080px) {
  .accordion-content { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .custom-inventory-table { min-width: 800px; font-size: clamp(12px, 1.5vw, 14px); }
  .product_box1 li, .product_box2 li { flex: 1 1 calc(50% - 20px); }
  .product_box1 img, .product_box2 img { max-width: 100%; }
  .sub-gallery-grid { grid-template-columns: repeat(3, 1fr); }
  .sub3-img-box { flex: 1 1 calc(50% - 20px); max-width: calc(50% - 20px); }
  .sub-page_cnt h1, .h-en { font-size: 32px; }
  .sub-background .hv-card{padding:48px 88px;}
}

@media (max-width:880px) {
  .sub-gallery-grid { grid-template-columns: repeat(2, 1fr); }
  .sub-greetingimg img { min-height: 188px; object-fit: cover; object-position: center; }
  .sub-page_cnt h1, .h-en { font-size: 28px; }
  .sub4-cnt-box { grid-template-columns: 1fr; }
}

@media (max-width:768px) {
  .hv-tab-btn { font-size: 16px; }
  .solar-compare { grid-template-columns: 1fr; grid-template-areas: "head-pros" "list-pros" "head-cons" "list-cons"; }
  .solar-compare__head--pros { border-right: none; }
  .solar-compare__list--pros { border-right: none; border-bottom: 1px solid #e9ecef; }
  .sub-page_bg { margin: 40px auto; }
  .sub-page_bg .piimg1 { float: none; width: 100%; margin: 0 0 20px; }
  .sub-page_bg .pi-title { font-size: 26px; }
  .sub-pagebanner { height: 360px; }
  .sub-page_cnt img { padding: 0; }
  .history ul::before { left: 20px; }
  .history li { width: 100%; padding-left: 60px; text-align: left !important; left: 0 !important; }
  .history li::before { left: 10px; right: auto; }
  .root_daum_roughmap { height: 400px !important; }
  .sub-page_cnt h1, .h-en { font-size: 24px; }
   #bo_w {    padding: 40px 16px 80px;  }
  #bo_w .half_input {    width: 100%;    margin-right: 0;    margin-bottom: 10px;  }
  .btn_confirm {   flex-direction: column;  }
  #bo_w .btn {    width: 100%;  }
  .rtable { border: 0; font-size: 15px; }
  .rtable thead { display: none; }
  .rtable tbody { display: block; }
  .rtable caption { padding: 6px 0 10px; }
  .rtable tbody tr { display: block; background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; padding: 12px; margin: 0 0 12px; }
  .rtable td { display: grid; grid-template-columns: 9.5em 1fr; gap: 8px 10px; padding: 8px 0; border: 0; word-break: break-word; }
  .rtable td::before { content: attr(data-label); font-weight: 600; color: #6b7280; }
  .rtable .num { text-align: left; }
  .history li:nth-child(even)::before{left:10px;}
  .form_row{gap:2%; padding:0; margin:0;}
    .sub-background .hv-card{padding:48px 68px;}
	.table-container table {min-width: 600px;   }
}


@media (min-width:740px) {
  .hv-photo-box { grid-template-columns: 1.2fr .8fr; }
  .hv-cert-grid { grid-template-columns: repeat(3, 1fr); }
}

/* 680px r */
@media (max-width:680px) {
  .product_box1 li, .product_box2 li { flex: 1 1 100%; }
  .product_box1 img, .product_box2 img { max-width: 100%; }
  .sub3-img-box { flex: 1 1 100%; max-width: 100%; }
  .sub-page_cnt h1, .h-en { font-size: 20px; }
}

/* 580px */
@media (max-width:580px) {
  .sub-gallery-grid { grid-template-columns: 1fr; }
  .sub-page_cnt h1, .h-en { font-size: 18px; }
      .sub-background .hv-card{padding:36px 48px;}
}

/* 480px */
@media (max-width:480px) {
  .root_daum_roughmap { height: 300px !important; }
  .rtable td { grid-template-columns: 7.5em 1fr; }
}