/*** 리스트페이지 ***/
.products-tab {padding:70px 30px; background:url(/images/common/product-tab-bg.jpg) no-repeat center / cover; border-bottom:1px solid #e5e5e5;}
.products-tab ul {display:flex;}
.products-tab p {text-align:center;}
.products-tab .products-list {display:flex; justify-content:center; flex-wrap:wrap; gap:10px; margin:30px auto 0; max-width:1200px;}
.products-tab .products-list a {display:inline-block; font-size:18px; color:#fff; padding:10px 30px; border-radius:2rem; background:var(--base1); transition:none;}
.products-tab .products-list li:hover a, .products-tab .products-list li.on a {background:var(--base2);}
.products .item-tit {display:flex; gap:5px 20px; align-items:flex-end; border-bottom:2px solid #000; margin-bottom:20px; padding-bottom:20px; flex-wrap:wrap;}
.products .board_ebi .item-tit h3 {font-size:24px; font-weight:600; padding-bottom:0; color:var(--base2); line-height:1.6;}
.products .item-tit p {color:#666; font-weight:300;}
.products .fs13 {font-size:16px;}
.products .pro-gallery-list {margin-top:20px;}
.pro-gallery-list ul {display:grid; grid-template-columns:repeat(5,1fr); gap:50px 20px;}
.pro-gallery-list ul li .img {border:1px solid #e5e5e5; border-radius:15px; transition:all 0.3s;}
.pro-gallery-list ul li .img img {object-fit:scale-down; object-position: center; aspect-ratio:1/1; width:100%; height:100%; padding:25px 12px;}
.pro-gallery-list ul li p {text-align:center; color:#000; margin-top:20px; transition:all 0.3s;}
.pro-gallery-list ul li:hover .img {box-shadow: 20px 20px 20px 0 rgba(0, 0, 0, 0.10);}
.pro-gallery-list ul li:hover p {color:var(--base2);}
.products .board_ebi .page_box {margin-top:60px;}


/* 뷰페이지 */
.products-view .pro-site-route {display:flex; margin-bottom:20px; }
.products-view .pro-site-route li {font-weight:600; color:#000; position:relative;}
.products-view .pro-site-route li:first-child {text-transform:uppercase;} 
.products-view .pro-site-route li+li {padding-left:45px;}
.products-view .pro-site-route li+li:before {content:""; display:block; width:6.5px; height:11px; background:url(/images/products/pro-site-route.svg) no-repeat center / 6.5px; position:absolute; left:20px; top:8px;}
.products-view .main-info-space {display:flex; gap:50px; align-items:flex-start; background:var(--bg1) url(/images/products/main-info-space-bg.png) no-repeat 90% center / contain; padding:50px; border-radius:20px;}
.products-view .main-info-space .item-banner-bx {width:400px; background:#fff; border-radius:15px;}
.products-view .main-info-space .item-banner-bx .swiper-slide {aspect-ratio:1/1; padding:35px 35px 45px 35px;}
.products-view .main-info-space .item-banner-bx .item-img img {object-fit:scale-down; height: 100%; width: 100%;}
.products-view .item-banner-bx .swiper-pagination-bullet {width:10px; height:10px;}
.products-view .item-banner-bx .swiper-pagination-bullet-active {background:var(--base1);}
.products-view .item-banner-bx .swiper-button-prev, .products-view .item-banner-bx .swiper-button-next {width:15px; height:30px; transform:translateY(-50%);}
.products-view .item-banner-bx .swiper-button-prev {background:url(/images/products/item-banner-prev.svg) no-repeat center / contain; left:15px;}
.products-view .item-banner-bx .swiper-button-next {background:url(/images/products/item-banner-next.svg) no-repeat center / contain; right:15px;}
.products-view .item-banner-bx .swiper-button-prev.swiper-button-disabled, .products-view .item-banner-bx .swiper-button-next.swiper-button-disabled {opacity:0.2;}

.products-view .main-info-space .item-txt {width:calc(100% - 450px); color:#000;}
.products-view .main-info-space .item-tit h3 {font-weight:700; font-size:40px;}
.products-view .main-info-space .item-tit p {margin-top:10px;}
.products-view .main-info-space .item-specs {padding-top:30px; margin-top:30px; border-top:1px solid #e5e5e5;}
.products-view .main-info-space .item-specs li {display:grid; gap:20px; grid-template-columns:110px auto}
.products-view .main-info-space .item-specs li+li {margin-top:15px;}
.products-view .main-info-space .item-specs li p.spec {position:relative; font-weight:600; padding-left:10px}
.products-view .main-info-space .item-specs li p.spec:before {content:""; display:block; width:4px; height:4px; background:#000; position:absolute; top:11px; left:0; border-radius:50%;}
.products-view .main-info-space .item-specs li span {position:relative; padding-left:10px;}
.products-view .main-info-space .item-specs li span:before {content:":"; display:block; position:absolute; left:0; top:-1px;}
.products-view .sub-info-space {padding:50px; border:1px solid #E5E5E5; border-radius:15px; margin-top:50px;}
.products-view .sub-info-space .sub-tit {position:relative; padding-left:30px; font-size:24px; font-weight:700; color:#000; line-height:1;}
.products-view .sub-info-space .sub-tit:before {content:""; display:block; width:20px; height:10px; border-radius:20px; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.products-view .sub-info-bx {}
.products-view .sub-info-bx+.sub-info-bx {margin-top:50px; padding-top:50px; border-top:1px solid #e5e5e5;}
.products-view .sub-info-bx:nth-child(1) .sub-tit:before {background:var(--base1);}
.products-view .sub-info-bx:nth-child(2) .sub-tit:before {background:var(--base2);}
.products-view .sub-info-bx:nth-child(3) .sub-tit:before {background:var(--base3);}
.products-view .sub-info-bx .info-cont {color:#333; line-height:1.8; margin-top:30px;}
.products-view .btn-space {margin-top:50px; text-align:center;}
.products-view .btn-space a {display:inline-block; padding:20px 50px; border-radius:3rem; box-sizing:border-box; color:#000; font-weight:600; font-size:24px; line-height:1;}
.products-view .btn-space a.list-view {border:3px solid var(--base1);}
.products-view .btn-space a.list-view:hover {border:3px solid var(--base2);}
/* ************************ 태블릿 이하(~1249) ************************ */
@media screen and (max-width: 1249px) { 
/*** 리스트페이지 ***/
.products-tab {padding:50px 30px; background-position:left center;}
.products .board_ebi .page_box {margin-top:50px;}

/* 뷰페이지 */
.products-view .main-info-space .item-tit h3 {font-size:30px;}
.products-view .sub-info-space {margin-top:40px; padding:40px;}
.products-view .sub-info-bx+.sub-info-bx {margin-top:40px; padding-top:40px;}
.products-view .sub-info-space .sub-tit {font-size:22px;}
.products-view .sub-info-space .sub-tit:before {height:8px;}
.products-view .sub-info-bx .info-cont {margin-top:25px;}
.products-view .btn-space {margin-top:40px;}
.products-view .btn-space a {font-size:20px;}
}

/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {
/*** 리스트페이지 ***/
.products .board_ebi .item-tit h3 {background:transparent; margin:0; padding:0; font-size:20px;}
.pro-gallery-list ul {grid-template-columns: repeat(3, 1fr);}
.pro-gallery-list ul li p {margin-top:15px;}
.products-tab {padding:40px 30px; }
.products-tab .products-list {margin:20px auto 0;}
.products-tab .products-list a {font-size:16px; padding:10px 20px;}
.products .board_ebi .page_box {margin-top:40px;}

/* 뷰페이지 */
.products-view .main-info-space {padding:40px 30px; gap:40px;}

.products-view .main-info-space .item-banner-bx {width:300px;}
.products-view .main-info-space .item-txt {width:calc(100% - 350px);}
.products-view .main-info-space .item-tit h3 {font-size:24px;}
.products-view .main-info-space .item-specs {margin-top:25px; padding-top:25px;}
.products-view .main-info-space .item-specs li+li {margin-top:10px;}
.products-view .sub-info-bx+.sub-info-bx {margin-top:30px; padding-top:30px;}
.products-view .sub-info-space {padding:40px 30px; margin-top:30px;}
.products-view .sub-info-space .sub-tit {font-size:20px;}
.products-view .sub-info-space .sub-tit:before {height:6px;}
.products-view .sub-info-bx .info-cont {margin-top:20px;}
.products-view .btn-space {margin-top:30px;}
.products-view .btn-space a {font-size:18px; padding:20px 40px;}

}

/* ************************ 태블릿 이하(~767) ************************ */
@media screen and (max-width: 767px) { 
/*** 리스트페이지 ***/
.products-tab {padding:30px 20px; }
.pro-gallery-list ul {gap:40px 20px;}
.products .board_ebi .page_box {margin-top:30px;}

/* 뷰페이지 */
.products-view .main-info-space {flex-direction:column; padding:30px 20px; gap:30px;}
.products-view .main-info-space .item-banner-bx {width:80%; margin:0 auto;}
.products-view .main-info-space .item-txt {width:100%;}
.products-view .main-info-space .item-specs {margin-top:20px; padding-top:20px;}
.products-view .main-info-space .item-specs li {grid-template-columns:85px auto;}
.products-view .btn-space a {padding:15px 40px;}

}

/* ************************ 태블릿 이하(~500) ************************ */
@media screen and (max-width: 500px) { 
/*** 리스트페이지 ***/
.products-tab p br {display:none;}
.products-tab .products-list {gap:10px 5px;}
.products-tab .products-list a {font-size:14px;}
.pro-gallery-list ul {grid-template-columns:repeat(2,1fr); gap:30px 20px;}

/* 뷰페이지 */
.products-view .pro-site-route li+li {padding-left:35px;}
.products-view .pro-site-route li+li:before {left:15px; top:7px;}
.products-view .main-info-space .item-banner-bx {width:100%;}
.products-view .main-info-space .item-specs li {grid-template-columns:1fr; gap:0;}
.products-view .main-info-space .item-specs li+li {margin-top:15px;}
.products-view .sub-info-space .sub-tit {font-size:18px;}
.products-view .sub-info-space {padding:30px 20px;}
.products-view .btn-space a  {font-size:16px;}
}