@charset "utf-8";
/* *******************************************************
 * filename : product_view.css
 * description : 제품뷰페이지 CSS
 * date : 2025-01-24
******************************************************** */

/* ****************** 공통 ********************** */
#wrap.product-view-wrap {overflow: visible;}
.product-view-wrap #content.wide {padding: 0;}
.product-view-wrap .section{max-width: 1920px; margin: 0 auto;}
.product-view-wrap .section:not(#prdViewHighlights){overflow: hidden;}

.cm-tr-ef-JS .cm-tr-ef-item{-webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); transition: var(--transition-custom2); pointer-events: none; will-change: transform; will-change: opacity; opacity: 0; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform;}
.cm-tr-ef-JS.animated .cm-tr-ef-item{opacity: 1; -webkit-transform: none; transform: none; pointer-events: auto;}

@media all and ( max-width: 800px ){
	#wrap.product-view-wrap {overflow: hidden;}
	.product-view-wrap .section:not(#prdViewHighlights){overflow: visible;}
}


/* ****************** 상단배너 ********************** */
#prdViewBanner{position: relative; z-index: 11; overflow: visible !important;}
.background-video-wrapper{position:relative; overflow:hidden; /* height:100vh; */width:100%; height: 0; padding-top: 52.08%; background-color:#000;}
@media all and ( min-width: 801px ){
	.background-video-wrapper{height: 0 !important;}
}
/* 이미지 */
.background-img{position:absolute; top:0; left:0px; width:100%; height:100%; background-size:cover !important; transform: scale(1.1,1.1); transition:transform 5s linear;}
/* 영상 */
.background-video{position:absolute; top:0; left:0px; width:100%; height:100%}
.background-video video{position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%);}

/* 텍스트 */
.prd-view-banner-txt{position:absolute; top:0; left:0px; width:100%; height:100%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.prd-view-banner-txt .txt{font-size: 5rem; line-height: 1.27; font-weight: 700; color: #fff; text-align: center; text-align: center; transition:var(--transition-custom2); transition-property: color; transition-delay: 0.8s;}
.prd-view-banner-txt .txt .point{font-size: inherit; font-weight:inherit; color: #fff;}

/* 제품 메뉴 */
#prdViewMenu{position:absolute; bottom: 10rem; bottom: 10%; left: 0; width:100%;}
#prdViewMenu .prd-view-menu-inner{width:100%; background-color: transparent; transition:var(--transition-custom); transition-property: background-color;}
#prdViewMenu .prd-view-menu-area{position: relative; height: auto; display: flex; align-items: center; transition: height 0.4s ease-in-out, padding 0.4s ease-in-out, transform 0.8s ease-in-out, opacity 0.8s ease-in-out;}
#prdViewMenu .prd-tit{font-size: 12rem; line-height: 1.16; font-weight: 700; color: #fff; margin-right: 3rem; transition:var(--transition-custom); transition-property: font-size, color, margin-right;}
#prdViewMenu .menu-location{position:relative; width:24rem; /* transition:var(--transition-custom); transition-property: width; */}
#prdViewMenu .menu-location > .cur-location{position:relative; z-index: 12; display:block; width:100%; height:6rem; padding:0 4rem 0 3rem; text-align:left; background-color: rgba(255,255,255,0.07); backdrop-filter: blur(1rem); border-radius: 6rem; transition:var(--transition-custom); transition-property: background-color; overflow: hidden;}
#prdViewMenu .menu-location.open > .cur-location{background: var(--main-color);}
#prdViewMenu .menu-location > .cur-location .model-tit{display:block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:1.7rem; line-height: 6rem; font-weight: 600; letter-spacing:-0.02em; color: #fff; transition:var(--transition-custom); transition-property: color; position:relative; z-index: 1;}
#prdViewMenu .menu-location > .cur-location .arrow{position:absolute; top:50%; right:2rem; width:2rem; height:2rem;margin-top:-1rem; font-size:2rem; color: #fff; z-index: 1; transition:var(--transition-custom); transition-property: color;}
#prdViewMenu .menu-location.open > .cur-location .arrow{transform:rotate(-180deg);}
#prdViewMenu .menu-location > .cur-location .cm-fill {background: var(--main-color); transition-delay: 0.2s;}
#prdViewMenu .menu-location .location-menu-con{display:none; position:absolute; top: calc(100% - 3rem); left:0; right:0; z-index:11; background: var(--main-color); padding-top: 3rem; padding-bottom: 1rem; border-radius: 0 0 3rem 3rem; transition:var(--transition-custom); transition-property: border-color, background-color, color;}
#prdViewMenu .menu-location .location-menu-con li a{display:block; padding:1rem 3rem; font-size:1.6rem; word-break:keep-all; line-height:1.5; color: #fff; transition:var(--transition-custom); transition-property: color;}
#prdViewMenu .menu-location .location-menu-con li.on{position:relative;}
#prdViewMenu .menu-location .location-menu-con li.on a{font-weight:700;}

@media all and (min-width:801px) {
	/* Over BG */
	.cm-fill-btn .cm-fill {
		position: absolute;
		display: block;
		width: 0px;
		height: 0px;
		transform: translate(-50%,-50%);
		border-radius: 50%;
	}
	.cm-fill-btn:hover .cm-fill{
		width: 40vw;
		height: 40vw;
	}
}

/* Tab Fixed Move */
#prdViewMenu.top-fixed .prd-view-menu-inner{position:fixed; top:0px; left:0px; z-index:100; height: 8rem; background-color: #fff; backdrop-filter: blur(2rem);}
#prdViewMenu.top-fixed .prd-view-menu-area{justify-content: space-between; max-width: none; padding: 0 5rem; height: 8rem;}
#prdViewMenu.top-fixed .prd-tit{font-size: 3rem; margin-right: 2rem; color: #000;}
#prdViewMenu.top-fixed .menu-location{width:18rem;}
#prdViewMenu.top-fixed .menu-location > .cur-location{height:4rem; padding:0 4rem 0 2rem; background-color: #F5F5F5; backdrop-filter: none;}
#prdViewMenu.top-fixed .menu-location.open > .cur-location{background: var(--main-color);}
#prdViewMenu.top-fixed .menu-location > .cur-location .model-tit{line-height: 4rem; color: #000;}
#prdViewMenu.top-fixed .menu-location > .cur-location .arrow{right: 1rem; color: #000;}
#prdViewMenu.top-fixed .menu-location .location-menu-con{top: calc(100% - 2rem); padding-top: 2rem;}
#prdViewMenu.top-fixed .menu-location .location-menu-con li a {padding: 1rem 2rem;}
#prdViewMenu.top-fixed .menu-location.open > .cur-location .model-tit,
#prdViewMenu.top-fixed .menu-location.open > .cur-location .arrow{color: #fff;}
@media all and (min-width:801px) {
	#prdViewMenu.top-fixed .menu-location > .cur-location:hover .model-tit,
	#prdViewMenu.top-fixed .menu-location > .cur-location:hover .arrow{color: #fff;}
}

#prdViewBanner #rightBar {position: absolute; bottom: 10rem; bottom: 10%; right: 50%; margin-right: -86rem;}

#rightBar{
	opacity:0;
    transform: translateY(30px);
	transition:var(--transition-custom2);
	transition-property: transform, opacity;
}
.prd-view-menu-area{opacity:0; transform: translateY(30px);}
/* 상단효과 active */
#prdViewBanner.active .background-img{
    transform: scale(1.0,1.0) rotate(0.002deg);
}
#prdViewBanner.active .txt{color: rgba(255,255,255,0.2);}
#prdViewBanner.active .prd-view-menu-area,
#prdViewBanner.active #rightBar{
	opacity:1.0;
    transform: translateY(0px);
}

@media all and (max-width:1780px){ 
	#prdViewBanner #rightBar {right: var(--area-padding); margin-right: 0;}
}
@media all and ( max-width: 1280px ){
	/* 텍스트 */
	.prd-view-banner-txt .txt{font-size: 4rem;}
	/* 제품 메뉴 */
	#prdViewMenu .prd-tit{font-size: 10rem;}
	#prdViewMenu.top-fixed .prd-view-menu-inner {top: var(--header-fixed-height); backdrop-filter: none; border-top: 1px solid rgba(0, 0, 0, 0.05);}
}
@media all and ( max-width: 800px ){
	.background-video-wrapper{position:relative; overflow:hidden; padding-top: 0; height:100vh;}

	/* 텍스트 */
	.prd-view-banner-txt .txt{font-size: 3rem; line-height: 1.27;}

	/* 제품 메뉴 */
	#prdViewMenu{bottom: 10%;}
	#prdViewMenu .prd-view-menu-area {align-items: flex-start; flex-direction: column;}
	#prdViewMenu .prd-tit{font-size: 6rem; line-height: 1.16; margin-right: 2rem;}
	#prdViewMenu .menu-location{margin-top: 1rem; width:20rem;}
	#prdViewMenu .menu-location > .cur-location{height:5rem; padding:0 4rem 0 3rem;}
	#prdViewMenu .menu-location > .cur-location .model-tit{font-size:1.7rem; line-height: 5rem;}
	#prdViewMenu .menu-location > .cur-location .arrow{right:2rem; width:2rem; height:2rem; margin-top:-1rem; font-size:2rem;}
	#prdViewMenu .menu-location .location-menu-con{top: 0; padding-top: 5rem; padding-bottom: 1rem; border-radius: 3rem;}
	#prdViewMenu .menu-location .location-menu-con li a{padding:1rem 3rem; font-size:1.6rem; line-height:1.5;}

	/* Tab Fixed Move */
	#prdViewMenu.top-fixed .prd-view-menu-inner{height: 8rem; height: 6rem;}
	#prdViewMenu.top-fixed .prd-view-menu-area{padding: 0 2rem; height: 8rem; height: 6rem; align-items: center; flex-direction: initial;}
	#prdViewMenu.top-fixed .prd-tit{font-size: 3rem; margin-right: 2rem;}
	#prdViewMenu.top-fixed .menu-location{margin-top: 0; width:18rem;}
	#prdViewMenu.top-fixed .menu-location > .cur-location{height:4rem; padding:0 4rem 0 2rem;}
	#prdViewMenu.top-fixed .menu-location > .cur-location .model-tit{line-height: 4rem;}
	#prdViewMenu.top-fixed .menu-location > .cur-location .arrow{right: 1rem;}
	#prdViewMenu.top-fixed .menu-location .location-menu-con{top: 0; padding-top: 4rem;}
	#prdViewMenu.top-fixed .menu-location .location-menu-con li a {padding: 1rem 2rem;}
	
	#prdViewMenu .menu-location.open > .cur-location,
	#prdViewMenu.top-fixed .menu-location.open > .cur-location{background-color: var(--main-color); backdrop-filter: none;}

	#prdViewBanner #rightBar {bottom: 10%; right: var(--area-padding);}
}


/* ****************** 제품 텍스트 설명 ********************** */
#prdViewInfo{padding: 16rem 0; background-color: #F5F5F5; text-align: center;}
.prd-view-info-tit{font-size: 10rem; line-height: 1.4; letter-spacing: -0.03em; font-weight: 700; color: #000;}
.prd-view-info-txt{margin-top: 2rem; font-size: 1.8rem; line-height: 1.88; letter-spacing: -0.02em; font-weight: 500; color: #000; opacity: 0.5;}

@media all and ( max-width: 1280px ){
	
}
@media all and ( max-width: 800px ){
	#prdViewInfo{padding: 8rem 0;}
	.prd-view-info-tit{font-size: 6rem; line-height: 1.4;}
	.prd-view-info-txt{margin-top: 2rem; font-size: 1.8rem; line-height: 1.88;}
}


/* ****************** View Product ********************** */
#prdViewProduct{padding: 8rem 0 6rem;}

.prd-view-product-container{position: relative;}
.prd-view-product-list{/* height: calc(100vh - 5.4rem); */}
.prd-view-product-item{width: calc(100% - 16rem); /* height: calc(100vh - 5.4rem); */ text-align: center;}
.prd-view-product-item img{width: 66%; max-width: 800px; max-height: 100%; display: inline-block;}

.prd-view-product-btn{position: absolute; top: 50%; margin-top: -6.6rem; width: 7.2rem; height: 7.2rem; font-size: 7.2rem; color: #000; z-index: 11;}
.prd-view-product-prev{left: 0;}
.prd-view-product-next{right: 0;}

.prd-view-product-control{margin-top: 3rem; display: flex; flex-wrap:wrap; align-items: center; justify-content: space-between;}
.prd-view-product-pagination{position: relative !important; width: calc(100% - 12rem); height: 3px; background: rgba(0,0,0,0.1) !important; border-radius: 3px;}
.prd-view-product-pagination .swiper-pagination-progressbar-fill {background: #000 !important; border-radius: 3px;}
.prd-view-product-fraction{font-size: 2.4rem; font-weight: 600; color: #000; display: flex; align-items: center;}
.prd-view-product-fraction .current{font-size: inherit; font-weight: inherit; color:inherit;}
.prd-view-product-fraction .sepparator{margin: 0 1rem; font-size: inherit; font-weight: inherit; color:inherit; opacity: 0.2;}
.prd-view-product-fraction .total{font-size: inherit; font-weight: inherit; color:inherit; opacity: 0.2;}

@media all and ( max-width: 1280px ){
	#prdViewProduct{padding: 6rem 0;}
}
@media all and ( max-width: 800px ){
	#prdViewProduct{padding: 8rem 0;}

	.prd-view-product-list{}
	.prd-view-product-item{width: calc(100% - 16rem);}
	.prd-view-product-item img{width: 66%; width: 100%; max-width: 800px; max-height: 100%;}

	.prd-view-product-btn{margin-top: -5.4rem; top: auto; margin-top: 0; bottom: 3rem; width: 6rem; height: 6rem; font-size: 5.4rem;}
	.prd-view-product-prev{left: 0; left: 50%; margin-left: -6.5rem;}
	.prd-view-product-next{right: 0; right: auto; left: 50%; margin-left: 0.5rem;}

	.prd-view-product-control{margin-top: 3rem; margin-top: 5rem;}
	.prd-view-product-pagination{width: calc(100% - 12rem); height: 3px;}
	.prd-view-product-fraction{font-size: 2.4rem;}
	.prd-view-product-fraction .sepparator{margin: 0 1rem;}
}


/* ****************** ★탭 스타일★ ********************** */
.prd-view-tab-container{position: relative;}
.prd-view-tab-container #prdViewHighlights:last-child{padding-bottom: 0;}
.prd-view-tab-container .section:last-child{padding-bottom: 25rem;}
.prd-view-tab-wrapper{position:absolute; top: 5rem; left: 5rem; height: 24rem; z-index: 99;}
.prd-view-tab-list ul{width: 12rem;}
.prd-view-tab-list ul li{margin-top: 1rem;}
.prd-view-tab-list ul li:first-child{margin-top: 0;}
.prd-view-tab-list ul li a{width: 12rem; height: 4rem; line-height: 1.3; font-weight: 700; color: #000; text-align:center; background-color: rgba(0,0,0,0.05); display: flex; align-items: center; justify-content: center; border-radius: 4rem; transition:var(--transition-custom); transition-property: width, background-color, color;}
.prd-view-tab-list ul li a em{font-size:1.2rem; font-weight: inherit; color:inherit; transition:var(--transition-custom); transition-property: font-size;}
.prd-view-tab-list ul li a em span{font-size: 0;}
.prd-view-tab-list ul li.selected a{background-color: var(--main-color); color:#fff;}
/* Tab Fixed Move */
.prd-view-tab-list.top-fixed{position:fixed; top:11rem; height: 24rem; z-index: 99;}
/* Tab start-highlights */
.prd-view-tab-list.start-highlights{}
.prd-view-tab-list.start-highlights ul li a{width: 4rem; color: #fff; background-color: rgba(0, 0, 0, 0.05); backdrop-filter: blur(1.5rem);}
.prd-view-tab-list.start-highlights ul li a em{font-size: 0;}
.prd-view-tab-list.start-highlights ul li a em span{font-size:1.2rem;}
.prd-view-tab-list.start-highlights ul li.selected a{background-color: var(--main-color); color:#fff; backdrop-filter: none;}
.prd-view-tab-list.start-highlights.white-bg ul li a{background-color: rgba(255,255,255,0.05);}
.prd-view-tab-list.start-highlights.white-bg ul li.selected a{background-color: var(--main-color);}

@media all and (min-width:801px){
	.prd-view-tab-list.start-highlights ul li a:hover{width: 12rem;}
	.prd-view-tab-list.start-highlights ul li a:hover em{font-size:1.2rem;}
	.prd-view-tab-list.start-highlights ul li a:hover em span{font-size: 0;}
}

@media all and (max-width:1380px){ 
	.prd-view-tab-wrapper{left: var(--area-padding);}
}
@media all and ( max-width: 1280px ){
	.prd-view-tab-list.top-fixed {top: calc(var(--header-fixed-height) + 9rem);}
}
@media all and ( max-width: 800px ){
	.prd-view-tab-container .section:last-child{padding-bottom: 15rem;}
	.prd-view-tab-wrapper{top: 5rem; left: 2rem; height: 24rem;}
	.prd-view-tab-list ul{width: 12rem;}
	.prd-view-tab-list ul li{margin-top: 1rem;}
	.prd-view-tab-list ul li:first-child{margin-top: 0;}
	.prd-view-tab-list ul li a,
	.prd-view-tab-list.start-highlights ul li a{width: 4rem; height: 4rem; line-height: 1.3;}
	.prd-view-tab-list.start-highlights ul li a em,
	.prd-view-tab-list ul li a em{font-size: 0;}
	.prd-view-tab-list.start-highlights ul li a em span,
	.prd-view-tab-list ul li a em span{font-size:1.2rem;}
	/* Tab Fixed Move */
	.prd-view-tab-list.top-fixed{/* top:11rem; */ top: calc(var(--header-fixed-height) + 7rem); height: 24rem;}

	.prd-view-tab-list ul li a:hover{width: 12rem;}
	.prd-view-tab-list ul li a:hover em{font-size:1.2rem;}
	.prd-view-tab-list ul li a:hover em span{font-size: 0;}
}


/* ****************** Highlights ********************** */
#prdViewHighlights{}

/* --- 옵션 1 --- */
.prd-view-highlights-con{min-height: 100vh; background-color: #000;}
.prd-view-highlights-img{width: 100%; height: 100vh; display: flex; align-items: center; justify-content: flex-end;}
.prd-view-highlights-img.sticky{position: sticky; top: 0;}
.prd-view-highlights-img span{width: 50%; height: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.prd-view-highlights-img span img{width: 100%; object-fit: contain;}
.prd-view-highlights-img.m-ver{display: none;}

.prd-view-highlights-txt{position: relative; z-index: 1; margin-top: -100vh;}
.prd-view-highlights-txt-inner{}
.prd-view-highlights-txt ul{padding: 19rem 0; width: 100%;}
.prd-view-highlights-txt ul li{width: 100%;}
.prd-view-highlights-txt ul li + li{margin-top: 2rem;}
.prd-view-highlights-txt ul li p{max-height: 2.5em; /* font-size: 8rem; */ font-size: 4.1667vw; line-height: 1.25; letter-spacing: -0.03em; font-weight: 700; color: #fff; transition:var(--transition-custom); transition-property: color; overflow:hidden; display:block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

/* --- 옵션 2,3 --- */
.prd-view-highlights-con.option2,
.prd-view-highlights-con.option3{position: relative; min-height: auto;}
.prd-view-highlights-bg{position: relative; width: 100%; padding-top: 50%; display: block;}
.prd-view-highlights-bg span{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.prd-view-highlights-con.option2 .prd-view-highlights-img,
.prd-view-highlights-con.option3 .prd-view-highlights-img{height: 100%;}
.prd-view-highlights-flex{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-wrap:wrap; align-items: center;}
.prd-view-highlights-con.option3 .prd-view-highlights-flex{flex-direction: row-reverse;}
.prd-view-highlights-flex .prd-view-highlights-img{width: 50%;}
.prd-view-highlights-flex .prd-view-highlights-img span{width: 100%;}
.prd-view-highlights-box{width: 50%; display: flex; justify-content: center;}
.prd-view-highlights-box-inner{/* padding: 8rem; */ padding: 4.08vw; width: 79.16%; /* max-width: 76rem; min-height: 76rem; */ max-width: 39.5833vw; height: 39.5833vw; border-radius: 6rem; background-color: rgba(0, 0, 0, 0.05); backdrop-filter: blur(3rem); box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between;}
.prd-view-highlights-box-inner .txt-group{}
.prd-view-highlights-box-inner .txt-group .tit{max-height: 2.66em; /* font-size: 6rem; */ font-size: 3.1250vw; line-height: 1.33; font-weight: 700; color: #fff; overflow:hidden; display:block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.prd-view-highlights-box-inner .txt-group .txt{/* margin-top: 4rem; */ max-height: 7.52em; /* font-size: 1.8rem; */ margin-top: 2.0833vw; font-size: 0.9375vw; line-height: 1.88; color: rgba(255,255,255,0.6); overflow:hidden; display:block; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.prd-view-highlights-box-inner .txt-group.no-img .txt{max-height: 18.8em; -webkit-line-clamp: 10;}
.prd-view-highlights-con.option3 .prd-view-highlights-box-inner .txt-group .txt{/* font-size: 2rem; */ font-size: 1.0417vw; line-height: 1.7;}
.prd-view-highlights-box-inner .img{/* margin-top: 3rem; */ margin-top: 1.5625vw; max-height: calc(31.2499vw - 20.4792vw);}
.prd-view-highlights-box-inner .txt-group.no-txt + .img{max-height: calc(31.2499vw - 10vw);}
.prd-view-highlights-box-inner .img img{max-width: 100%; max-height: 100%;}
.prd-view-highlights-box-inner.no-img{justify-content: center;}

/* --- 옵션 4 --- */
.prd-view-highlights-con.option4{position: relative; min-height: auto;}
.prd-view-highlights-con.option4 .prd-view-highlights-img{position: absolute; top: 0; left: 0; height: 100%; justify-content: center;}
.prd-view-highlights-4divisions{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.prd-view-highlights-4divisions ul{width: 100%; height: 100%; display: grid; grid-template-columns: repeat(2, 1fr); grid-auto-rows: minmax(50%, auto); grid-template-areas: 'a b' 
'c d';}
.prd-view-highlights-4divisions ul li.item1{padding-right: 10%; grid-area: a; box-sizing: border-box;}
.prd-view-highlights-4divisions ul li.item2{padding-left: 10%; grid-area: b; box-sizing: border-box;}
.prd-view-highlights-4divisions ul li.item3{padding-right: 10%; grid-area: c; box-sizing: border-box;}
.prd-view-highlights-4divisions ul li.item4{padding-left: 10%; grid-area: d; box-sizing: border-box;}
.prd-view-highlights-4divisions ul li{display: flex; flex-direction: column; align-items: center; /* justify-content: center; */ text-align: center; box-sizing: border-box; padding-top: 15%;}
.prd-view-highlights-4divisions ul li h5 + h5,
.prd-view-highlights-4divisions ul li p + h5,
.prd-view-highlights-4divisions ul li h5 + p,
.prd-view-highlights-4divisions ul li p + p{margin-top: 2rem;}
.prd-view-highlights-4divisions ul li .tit{/* font-size: 6rem; */ font-size: 3.1250vw; line-height: 1.33; font-weight: 700; color: #fff;}
.prd-view-highlights-4divisions ul li .mid-tit{/* font-size: 4rem; */ font-size: 2.0833vw; line-height: 1.25; font-weight: 700; color: #fff;}
.prd-view-highlights-4divisions ul li .sm-tit{/* font-size: 2.4rem; */ font-size: 1.2500vw; line-height: 1.41; font-weight: 700; color: #fff;}
.prd-view-highlights-4divisions ul li .txt{/* font-size: 1.8rem; */ font-size: 0.9375vw; line-height: 1.88; color: rgba(255,255,255,0.5); min-height: 3.76em;}


/* --- 옵션 5 --- */
.prd-view-highlights-con.option5{background-color: #fff; min-height: auto;}
.prd-view-highlights-full-img{}
.prd-view-highlights-full-img img{width: 100%;}

/* black-ver */
.prd-view-highlights-con.black-ver{background-color: #fff;}
.prd-view-highlights-con.black-ver .prd-view-highlights-txt ul li p,
.prd-view-highlights-con.black-ver .prd-view-highlights-box-inner .txt-group .tit{color: #000;}
.prd-view-highlights-con.black-ver .prd-view-highlights-box-inner .txt-group .txt{color: rgba(0,0,0,0.6);}
.prd-view-highlights-con.black-ver .prd-view-highlights-4divisions ul li .tit,
.prd-view-highlights-con.black-ver .prd-view-highlights-4divisions ul li .mid-tit,
.prd-view-highlights-con.black-ver .prd-view-highlights-4divisions ul li .sm-tit{color: #000;}
.prd-view-highlights-con.black-ver .prd-view-highlights-4divisions ul li .txt{color: rgba(0,0,0,0.5);}


/* --- 옵션 6 --- */
.cm-prd-view-tit{margin-bottom: 2.5rem; font-size: 5rem; line-height: 1.33; font-weight: 700; color: #000;}

.prd-view-highlights-con.option6{background-color: #fff; padding: 10rem 0 18rem; min-height: auto; box-sizing: border-box; overflow: hidden;}
#prdViewHighlights .prd-view-highlights-con ~ .prd-view-highlights-con.option6:last-child{padding-bottom: 0;}
.prd-view-highlights-con.option6 .cm-prd-view-tit{font-size: 6rem; margin-bottom: 10rem; text-align: center;}

.prd-view-highlights06-wrapper{margin-right: -3rem;}
.prd-view-highlights06-list{display: table; table-layout: fixed; width: 100%;}
.prd-view-highlights06-item{padding-right: 3rem; display: table-cell; vertical-align: top;}
.prd-view-highlights06-inner{/* min-height: 58rem; */ padding: 8rem 5rem; background-color: #F5F5F5; border-radius: 2rem; box-sizing: border-box; /* display: flex; flex-direction: column; */ transition:var(--transition-custom); transition-property: box-shadow;}
.prd-view-highlights06-icon{width: 100%;}
.prd-view-highlights06-icon img{max-width: 100%; max-height: 100px; height: 10rem;}
.prd-view-highlights06-txt{margin-top: 10rem; width: 100%;}
.prd-view-highlights06-txt .category{display: inline-block; font-size: 3rem; font-weight: 700; color: var(--main-color);}
.prd-view-highlights06-txt .tit{margin-top: 2.2rem; font-size: 4.2rem; line-height: 1.25; letter-spacing: -0.02em; font-weight: 700; color: #000;}
.prd-view-highlights06-txt .txt{margin-top: 2.2rem; font-size: 1.8rem; line-height: 1.88; color: rgba(0,0,0,0.5);}
.prd-view-highlights06-txt .sub-txt{margin-top: 1.5rem; font-size: 1.3rem; line-height: 1.3; color: rgba(0,0,0,0.5);}
.prd-view-highlights06-inner:hover {box-shadow: 0px 3px 6px #0000001A;}

@media all and ( max-width: 1280px ){
	/* --- 옵션 1 --- */
	#prdViewInfo {padding: 12rem 0;}
	/* --- 옵션 2,3 --- */
	/* .prd-view-highlights-box-inner{min-height: 60rem;} */
	/* --- 옵션 6 --- */
	.prd-view-highlights06-txt .txt br{display: none;}
}
@media all and ( max-width: 800px ){
	/* --- 옵션 1 --- */
	.prd-view-highlights-con{min-height: 100vh;}
	.prd-view-highlights-con.option1{min-height: auto;}
	.prd-view-highlights-img{width: 100%; height: auto; justify-content: center;}
	.prd-view-highlights-img.m-ver{display: block;}
	.prd-view-highlights-img.pc-ver{display: none;}
	.prd-view-highlights-con:not(.option1) .prd-view-highlights-img{height: auto;}
	.prd-view-highlights-img.sticky{position: sticky; top: 0; position: relative;}
	.prd-view-highlights-img span{width: 100%; height: auto; display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative; width: 100%; height: 0; padding-top: 50%;}
	.prd-view-highlights-img span img{width: 100%; object-fit: contain; position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; max-width: 100%; max-height: 100%;}
	/* .prd-view-highlights-img span img{width: auto; height: 100%; object-fit: contain;} */

	.prd-view-highlights-txt{padding: 8rem 0; margin-top: 0;}
	.prd-view-highlights-txt ul{padding: 0; width: 100%; text-align: center;}
	.prd-view-highlights-txt ul li + li{margin-top: 2rem; margin-top: 5rem;}
	.prd-view-highlights-txt ul li p{max-height: 2.5em; font-size: 4rem; line-height: 1.25; max-height: none; overflow: visible; display: block; -webkit-line-clamp: initial; -webkit-box-orient: inherit; padding: 0 4rem); box-sizing: border-box;}

	/* --- 옵션 2,3 --- */
	.prd-view-highlights-con.option2,
	.prd-view-highlights-con.option3{padding: 0 0 8rem;}
	.prd-view-highlights-con.option2 .prd-view-highlights-img,
	.prd-view-highlights-con.option3 .prd-view-highlights-img {position: absolute; top: 0; left: 0; height: 100%;}
	.prd-view-highlights-flex{position: static; padding: 0; align-items: center;}
	.prd-view-highlights-flex .prd-view-highlights-img{width: 100%;}
	.prd-view-highlights-flex .prd-view-highlights-img span{width: 100%;}
	.prd-view-highlights-box{width: 100%; display: flex; justify-content: center;}
	.prd-view-highlights-box-inner{margin:  8rem auto 0; padding: 4rem; width: calc(100% - (var(--area-padding)*2)); height: auto; max-width: 76rem; min-height: 38rem; border-radius: 4rem; background-color: rgba(255, 255, 255, 0.07);}
	.prd-view-highlights-box-inner .txt-group{}
	.prd-view-highlights-box-inner .txt-group .tit{max-height: 2.66em; font-size: 4rem; line-height: 1.33; max-height: none; overflow: visible; display: block; -webkit-line-clamp: initial; -webkit-box-orient: inherit;}
	.prd-view-highlights-box-inner .txt-group .txt{margin-top: 4rem; max-height: 7.52em; font-size: 1.8rem; line-height: 1.88; max-height: none; overflow: visible; display: block; -webkit-line-clamp: initial; -webkit-box-orient: inherit;}
	.prd-view-highlights-box-inner .txt-group .txt br{display: none;}
	.prd-view-highlights-box-inner .txt-group.no-img .txt{max-height: 18.8em; -webkit-line-clamp: 10;}
	.prd-view-highlights-con.option3 .prd-view-highlights-box-inner .txt-group .txt{font-size: 2rem; line-height: 1.7;}
	.prd-view-highlights-box-inner .img{margin-top: 5rem; max-height: none;}
	.prd-view-highlights-box-inner .txt-group.no-txt + .img{max-height: none;}
	.prd-view-highlights-box-inner .img img{max-width: 100%; max-height: none; height: auto;}

	/* --- 옵션 4 --- */
	.prd-view-highlights-con.option4{min-height: auto;}
	.prd-view-highlights-img.center{justify-content: center;}
	.prd-view-highlights-4divisions{position: relative; z-index: 1; margin-top: 0; width: 100%; height: auto;}
	.prd-view-highlights-4divisions ul{padding: 8rem 0; display: block;}
	.prd-view-highlights-4divisions ul li.item1,
	.prd-view-highlights-4divisions ul li.item2,
	.prd-view-highlights-4divisions ul li.item3,
	.prd-view-highlights-4divisions ul li.item4,
	.prd-view-highlights-4divisions ul li{padding: 0 calc(var(--area-padding) + 4rem); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; box-sizing: border-box;}
	.prd-view-highlights-4divisions ul li + li{margin-top: 5rem;}
	.prd-view-highlights-4divisions ul li h5 + h5,
	.prd-view-highlights-4divisions ul li p + h5,
	.prd-view-highlights-4divisions ul li h5 + p,
	.prd-view-highlights-4divisions ul li p + p{margin-top: 2rem;}
	.prd-view-highlights-4divisions ul li .tit{font-size: 4rem; line-height: 1.33;}
	.prd-view-highlights-4divisions ul li .mid-tit{font-size: 3rem; line-height: 1.25;}
	.prd-view-highlights-4divisions ul li .sm-tit{font-size: 2.2rem; line-height: 1.41;}
	.prd-view-highlights-4divisions ul li .txt{font-size: 1.8rem; line-height: 1.88; min-height: auto;}
	.prd-view-highlights-4divisions ul li br{display: none;}

	/* --- 옵션 6 --- */
	.cm-prd-view-tit{margin-bottom: 2.5rem; font-size: 4rem; line-height: 1.33; text-align: center;}

	.prd-view-highlights-con.option6{padding: 8rem 0;}
	.prd-view-highlights-con.option6 .cm-prd-view-tit{margin-bottom: 5rem; font-size: 4rem;}

	.prd-view-highlights06-wrapper{margin-right: 0;}
	.prd-view-highlights06-list{display: block;}
	.prd-view-highlights06-item{padding-right: 0; display: block;}
	.prd-view-highlights06-item + .prd-view-highlights06-item{margin-top: 1.5rem;}
	.prd-view-highlights06-inner{min-height: auto; padding: 6rem 4rem;}
	.prd-view-highlights06-icon{width: 100%;}
	.prd-view-highlights06-icon img{max-width: auto; max-height: 80px; height: 8rem;}
	.prd-view-highlights06-txt{margin-top: 5rem; width: 100%;}
	.prd-view-highlights06-txt .category{font-size: 3rem;}
	.prd-view-highlights06-txt .tit{margin-top: 2rem; font-size: 4.2rem; line-height: 1.25;}
	.prd-view-highlights06-txt .txt{margin-top: 2rem; font-size: 1.8rem; line-height: 1.88;}
	.prd-view-highlights06-txt .sub-txt{margin-top: 1.5rem; font-size: 1.3rem; line-height: 1.3;}
}


/* ****************** Specifications ********************** */
#prdViewSpecifications{padding-top: 20rem;}
.prd-view-specifications-tbl{border-top: 1px solid #000; width: 100%; table-layout: fixed;}
.prd-view-specifications-tbl tr{border-bottom: 1px solid #E5E5E5;}
.prd-view-specifications-tbl tr:last-child{border-bottom-color: #000;}
.prd-view-specifications-tbl th{padding: 2rem;/* width: 22.72%; */ width: 30rem; font-size: 1.8rem; line-height: 1.3; font-weight: 700; color: #000; text-align: center; box-sizing: border-box; background-color: #F5F5F5;}
.prd-view-specifications-tbl td{padding: 2rem; width: calc(100% - 30rem); font-size: 1.6rem; line-height: 2; color: rgba(0,0,0,0.5); box-sizing: border-box;}

@media all and ( max-width: 1280px ){
	
}
@media all and ( max-width: 800px ){
	#prdViewSpecifications{padding-top: 8rem;}

	/* .prd-view-specifications-tbl,
	.prd-view-specifications-tbl tbody,
	.prd-view-specifications-tbl tr,
	.prd-view-specifications-tbl th,
	.prd-view-specifications-tbl td{display: block;} */
	.prd-view-specifications-tbl th{padding: 2rem 1rem; width: 25%; /* padding: 1.2rem 1.5rem; width: 100%; */ font-size: 1.8rem; line-height: 1.3;}
	.prd-view-specifications-tbl td{padding: 2rem 1.5rem; width: 75%; /* padding: 1.2rem 1.5rem; width: 100%; */ font-size: 1.6rem; line-height: 2;}
}


/* ****************** Specifications ********************** */
#prdViewDownloads{padding-top: 20rem;}

.prd-view-downloads-wrapper{margin-right: -4rem;}
.prd-view-downloads-list{display: table; table-layout: fixed; width: 100%;}
.prd-view-downloads-item{padding-right: 4rem; display: table-cell; vertical-align: top;}
.prd-view-downloads-inner{min-height: 50.3rem; padding: 6rem 4rem; background-color: #F5F5F5; border-radius: 2rem; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; transition:var(--transition-custom); transition-property: box-shadow;}
.prd-view-downloads-tit{width: 100%;}
.prd-view-downloads-tit .category{display: inline-block; font-size: 1.6rem; letter-spacing: -0.02em; font-weight: 700; color: var(--main-color);}
.prd-view-downloads-tit .tit{margin-top: 1rem; font-size: 3.8rem; line-height: 1.05; letter-spacing: -0.02em; font-weight: 700; color: #000; word-break: break-word;}
.prd-view-downloads-file{margin-top: 3rem; width: 100%;}
.prd-view-downloads-file li{width: 100%;}
.prd-view-downloads-file li a{position: relative; padding: 0 3rem 0 1rem; width: 100%; height: 6rem; font-size: 1.6rem; line-height: 1.3; letter-spacing: -0.02em; font-weight: 500; color: #000; border-bottom: 1px solid #000; display: flex; align-items: center; box-sizing: border-box; word-break: break-word; transition:var(--transition-custom); transition-property: color;}
.prd-view-downloads-file li a:before{position: absolute; bottom: -1px; left: 0; width: 0; height: 1px; background-color: var(--main-color); content: '';  transition:var(--transition-custom); transition-property: width;}
.prd-view-downloads-file li a:after{position: absolute; top: 50%; margin-top: -0.8rem; right: 0.5rem; font-size: 1.6rem; font-weight: 400; content: "\eb7c"; font-family: xeicon;}
.prd-view-downloads-file li.link a:after{content: "\e980"; margin-top: -1rem;}
.prd-view-downloads-file li a:hover{color: var(--main-color);}
.prd-view-downloads-file li a:hover:before{width: 100%;}

@media all and ( max-width: 1280px ){
	
}
@media all and ( max-width: 800px ){
	#prdViewDownloads{padding-top: 8rem;}

	.prd-view-downloads-wrapper{margin-right: 0;}
	.prd-view-downloads-list{display: block; width: 100%;}
	.prd-view-downloads-item{padding-right: 0; display: block;}
	.prd-view-downloads-item + .prd-view-downloads-item{margin-top: 1.5rem;}
	.prd-view-downloads-inner{min-height: auto; padding: 6rem 4rem;}
	.prd-view-downloads-tit .category{font-size: 1.6rem;}
	.prd-view-downloads-tit .tit{margin-top: 1rem; font-size: 3.8rem; line-height: 1.05;}
	.prd-view-downloads-file{margin-top: 5rem;}
	.prd-view-downloads-file li a{padding: 0 3rem 0 1rem; height: 6rem; font-size: 1.6rem; line-height: 1.3;}
	.prd-view-downloads-file li a:after{margin-top: -0.8rem; right: 0.5rem; font-size: 1.6rem;}
	.prd-view-downloads-file li.link a:after{margin-top: -1rem;}
}


/* ****************** Accessories ********************** */
#prdViewAccessories{padding-top: 20rem;}

.prd-view-acc-top{margin-bottom: 3rem; display: flex; align-items: center; justify-content: space-between;}
.prd-view-acc-top .cm-prd-view-tit{margin-bottom: 0;}
.prd-view-acc-top .prd-view-acc-tab{}
.prd-view-acc-tab{display: flex; flex-wrap:wrap;}
.prd-view-acc-tab li{}
.prd-view-acc-tab li a{padding: 0 1.5rem; min-width: 7rem; height: 6rem; font-size: 2rem; line-height: 1.3; font-weight: 600; color: rgba(0,0,0,0.15); border-bottom: 3px solid rgba(0,0,0,0.15); display: flex; align-items: center; justify-content: center; text-align: center; transition:var(--transition-custom); transition-property: border-color, color;}
.prd-view-acc-tab li.selected a{border-color: #000; color: #000;}

.prd-view-acc-wrapper{}
.prd-view-acc-list{margin: -2rem; display: flex; flex-wrap:wrap;}
.prd-view-acc-item{margin: 2rem; padding: 4rem; width: calc(33.33% - 4rem); background-color: #F5F5F5; border-radius: 2rem; box-sizing: border-box;}
.prd-view-acc-img{position: relative; width: 100%; height: 0; padding-top: 66.66%; border-radius: 2rem; background-color: #fff; overflow: hidden;}
.prd-view-acc-img img{position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; max-height: 100%;}
.prd-view-acc-tit{margin-top: 2.5rem; font-size: 1.8rem; line-height: 1.3; font-weight: 700; color: #000; text-align: center;}

@media all and ( max-width: 1280px ){
	
}
@media all and ( max-width: 800px ){
	#prdViewAccessories{padding-top: 8rem;}

	.prd-view-acc-top{margin-bottom: 3rem; display: block;}
	.prd-view-acc-top .cm-prd-view-tit{margin-bottom: 1rem;}
	.prd-view-acc-top .prd-view-acc-tab {width: 100%; justify-content: center;}
	.prd-view-acc-tab li{}
	.prd-view-acc-tab li a{height: 6rem; font-size: 2rem; line-height: 1.3;}

	.prd-view-acc-list{margin: -1rem -1rem -0.75rem;}
	.prd-view-acc-item{margin: 0.75rem 1rem; padding: 2rem; width: calc(100% - 2rem);}
	.prd-view-acc-tit{margin-top: 2.5rem; font-size: 1.8rem; line-height: 1.3;}

	/* 전체적인 여백 수정 */
	.prd-view-downloads-wrapper,
	.prd-view-specifications-tbl,
	.prd-view-highlights06-wrapper,
	.prd-view-acc-wrapper{width: calc(100% - 4rem); margin: 0 auto;}
}


/* ****************** 
	* wide 화면 font-size 수정 
********************** */
@media all and ( min-width: 1921px ){
	.prd-view-highlights-txt ul li p{font-size: 8rem;}
	.prd-view-highlights-box-inner{padding: 8rem; max-width: 76rem; min-height: 76rem;}
	.prd-view-highlights-box-inner .txt-group .tit{font-size: 6rem;}
	.prd-view-highlights-box-inner .txt-group .txt{margin-top: 4rem; font-size: 1.8rem;}
	.prd-view-highlights-con.option3 .prd-view-highlights-box-inner .txt-group .txt{font-size: 2rem;}
	.prd-view-highlights-box-inner .img{margin-top: 3rem; max-height: calc(60rem - 39.3rem);}
	.prd-view-highlights-box-inner .txt-group.no-txt + .img{max-height: calc(60rem - 19.2rem);}
	.prd-view-highlights-4divisions ul li .tit{font-size: 6rem;}
	.prd-view-highlights-4divisions ul li .mid-tit{font-size: 4rem;}
	.prd-view-highlights-4divisions ul li .sm-tit{font-size: 2.4rem;}
	.prd-view-highlights-4divisions ul li .txt{font-size: 1.8rem;}
}