@charset "UTF-8";

/* 게시판 공통 */
.control-wrap{
	margin-top: var(--space-100);
}
.control-wrap .button-box{
	display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.control-wrap .button-box .button{
	width: auto;
    height: 65px;
	background: rgba(255, 255, 255, 0.1);
    padding: 0 var(--space-55);
	box-sizing: border-box;
}
.product .control-wrap{
	margin-top: 0;
	margin-bottom: var(--space-20);
}
.review-list .control-wrap .button-box,
.product .control-wrap .button-box{
	justify-content: flex-end;
}
.review .control-wrap .button-box .button,
.discount-product .control-wrap .button-box .button{
	background: var(--black);
}
.review-list .control-wrap{
	margin-top: var(--space-30);
}
.control-wrap .view-pager{
	margin-top: var(--space-45);
}
.control-wrap .view-pager li{
	border-top: 1px solid rgba(255,255,255,0.2);
}
.control-wrap .view-pager li.next{
	border-bottom: 1px solid rgba(255,255,255,0.2);
}
.control-wrap .view-pager li a{
	display: flex;
    align-items: center;
	box-sizing: border-box;
	padding: var(--space-15) var(--space-20);
}
.control-wrap .view-pager li a span{
	font-size: 0.875rem;
}
.control-wrap .view-pager li a span:nth-child(1){
	width: 125px;
	font-weight: var(--fw-700);
	color: var(--orange);
}
.control-wrap .view-pager li a span:nth-child(2){
	width: 90%;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	color: var(--white);
}
.control-wrap .view-pager li a span i.arrow {
    color: var(--whtie);
}
/* 호버 효과 */
.control-wrap .button-box .button:hover{
	/*background: rgba(255, 255, 255, 0.2);*/
	background: var(--orange);
}
	/* @게시판 공통 미디어쿼리 */
	@media all and (max-width: 1200px) {
		.product .control-wrap{
			width: 90%;
			margin: var(--space-30) auto 0;
		}
	}
	@media all and (max-width: 640px) {
		.control-wrap{
			margin-top: var(--space-80);
		}
		.control-wrap .button-box {
			gap: 10px;
		}
		.control-wrap .button-box .button {
			height: 40px;
			padding: 0 var(--space-20);
		}
		.control-wrap .button-box .button:nth-child(2) {
			padding: 0 var(--space-40);
		}
		.control-wrap .view-pager li a{
			padding: var(--space-10) var(--space-12);
		}
	}

/*** product 공통 ***/
.product{
	background: var(--black);
}
.product .sub-title-box{
	position: sticky;
	top: 150px;
}
.product .sub-title{
	color: var(--white);
	margin-top: 0;
}
.product .dropdown .dropdown-header{
	border-bottom: 1px solid var(--gray01);
	background: var(--black);
}
.product .dropdown .dropdown-header span,
.product .dropdown .dropdown-header i{
	color: var(--white);
}
.product .content-wrap .layout{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 130px;
}
.product .product-nav{
	display: flex;
	flex-direction: column;
	gap: 5px;
	margin-top: var(--space-75);
}
.product .product-nav li a{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 270px;
	height: 64px;
	font-weight: var(--fw-700);
	color: var(--gray02);
	border-radius: 5px;
	background: rgba(255,255,255,0.05);
	padding: 0 var(--space-25);
	transition: var(--transition);
}
.product .product-nav li a i{}
/* product 드롭*/
.product .product-menu {
	width: 100%;
	position: relative;
	z-index: 1;
	margin: var(--space-45) auto 0;
	display: none;
	position: sticky;
    top: 80px;
	transition: var(--transition);
}
.product .product-menu .menu-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	background: var(--yellow);
	border-radius: 5px;
	padding: var(--space-20);
	cursor: pointer;
	transition: var(--transition);
}
.product .product-menu .menu-header span {
	font-weight: var(--fw-700);
	color: var(--black);
}
.product .product-menu .menu-header i {
	font-size: 0.875rem;
	color: var(--black);
	transition: var(--transition);
}
.product .menu-list-wrap {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	margin: 0;
}
.product .menu-list {
	display: none;
	background: var(--white);
	border-radius: 0 0 5px 5px;
    overflow: hidden;
	padding: 0;
	margin: 0;
}
.product .menu-list li:not(:last-child) {
	border-bottom: 1px solid #eee;
}
.product .menu-list li a {
	display: block;
	font-size: 0.937rem;
	padding: var(--space-15) var(--space-20);
	background: var(--white);
}
/* 동작 효과 */
.product .product-menu.active .menu-header{
	border-radius: 5px 5px 0 0;
}
.product .product-menu.active .menu-header i {
	transform: rotate(-180deg);
}
.product .menu-list li a.active {
	font-weight: var(--fw-700);
	color: var(--black);
}
.product .product-menu.on .menu-header {
	border-radius: 0;
}
.product .product-menu.on .menu-list{
	border-radius: 0;
}
/* product 리스트 */
.product .product-list-wrap{
	width: calc(100% - 270px - 130px);
}
.product .product-list{
	display: grid;
	grid-gap: 25px 15px;
	grid-template-columns: repeat(3, 1fr);
}
.product .product-list li{
	border-radius: 10px;
	background: var(--gray04);
	padding: var(--space-25);
}
.product .product-list li figure{
	width: 100%;
	height: 0;
	padding-bottom: 97%;
	border-radius: 10px;
	background: var(--white);
	position: relative;
	overflow: hidden;
}
.product .product-list li figure img{
	max-width: 85%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: var(--transition);
}
.product .product-list li .text-box{
	text-align: center;
	margin-top: var(--space-25);
}
.product .product-list li .text-box h4{
	font-size: 1.375rem;
	color: var(--black);
	word-break: break-all;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.product .product-list li .text-box .text{
	margin-top: var(--space-10);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 3em; 
}
.product .product-list li .button{
	width: 100%;
	height: auto;
	/*background: var(--gray03);*/
	padding: var(--space-15);
	margin-top: var(--space-20);
}
/* 호버,동작 효과 */
.product .product-nav li.on a,
.product .product-nav li:hover a{
	color: var(--black);
	background: var(--yellow);
}
.product .product-nav li.on a i,
.product .product-nav li:hover a i{
	color: var(--black);
}
.product .product-menu.on .menu-header{
	padding: var(--space-20) 5%;
}
.product .product-menu.on .menu-list li a{
	padding: var(--space-15) 5%;
}
.product .product-list li:hover figure img{
	max-width: 90%;
}
.product .product-list li:hover .button{
	background: var(--orange);
}
	/* @product 공통 미디어쿼리 */
	@media all and (max-width: 1400px) {
		.product .content-wrap .layout{
			gap: 100px;
		}
		.product .product-nav li a{
			width: 260px;
		}
		.product .product-list-wrap {
			width: calc(100% - 260px - 100px);
		}
	}
	@media all and (max-width: 1200px) {
		.product .content-wrap .layout{
			flex-direction: column;
			gap: 0;
			width: 100%;
		}
		.product .sub-title-box{
			width: 90%;
			position: static;
			margin: 0 auto;
		}
		.product .product-nav {
			display: none;
		}
		.product .product-menu{
			display: block;
		}
		.product .product-list-wrap {
			width: 100%;
		}
		.product .product-list{
			width: 90%;
			margin: var(--space-55) auto 0;
		}
		
	}
	@media all and (max-width: 1000px){
		.product .product-menu{
			margin-top: var(--space-35);
		}
		.product .product-list{
			grid-template-columns: repeat(2, 1fr);
			margin-top: var(--space-45);
		}
	}
	@media all and (max-width: 640px){
		.product .product-menu{
			top: 65px;
		}
		.product .product-menu .menu-header{
			padding: var(--space-15);
		}
		.product .menu-list li a{
			padding: var(--space-10) var(--space-15);
		}
		.product .product-menu{
			margin-top: var(--space-25);
		}
		.product .product-list{
			grid-gap: 20px 10px;
			margin-top: var(--space-35);
		}
		.product .product-list li{
			padding: var(--space-15);
		}
		.product .product-list li .text-box{
			margin-top: var(--space-15);
		}
		.product .product-list li .text-box h4{
			font-size: 1.285rem;
		}
		.product .product-list li .button{
			padding: var(--space-10);
			margin-top: var(--space-15);
		}
		/* 호버,동작 */
		.product .product-menu.on .menu-header{
			padding: var(--space-15) 5%;
		}
		.product .product-menu.on .menu-list li a{
			padding: var(--space-10) 5%;
		}
	}


/* product1 */
.product1 .sub-visual{
	background: url('/img/product1_visual.jpg') no-repeat center/cover;
}
/* product2 */
.product2 .sub-visual{
	background: url('/img/product2_visual.jpg') no-repeat center/cover;
}
	@media all and (max-width: 1200px){
		/*.product2 .sub-title br{
			display: none;
		}*/
	}
.product2 .sub-title br{}
/* product3 */
.product3 .sub-visual{
	background: url('/img/product3_visual.jpg') no-repeat center/cover;
}
/* product4 */
.product4 .sub-visual{
	background: url('/img/product4_visual.jpg') no-repeat center/cover;
}
/* product5 */
.product5 .sub-visual{
	background: url('/img/product5_visual.jpg') no-repeat center/cover;
}
.product5 .product-nav li.on a,
.product5 .product-nav li:hover a{
	color: var(--white);
	background: var(--orange);
}
.product5 .product-nav li.on a i,
.product5 .product-nav li:hover a i{
	color: var(--white);
}
.product5 .product-menu .menu-header{
	background: var(--orange);
}
.product5 .product-menu .menu-header span{
	color: var(--white);
}

/*** view 공통 ***/
.view .sub-visual{
	height: auto;
	padding-top: var(--space-210);
}
.view .sub-visual .layout{
	flex-direction: column;
	align-items: flex-start;
    justify-content: flex-start;
}
.view .sub-visual-text{
	text-align: left;
}
.view .sub-visual:before{
	display: none;
}
.view .sub-nav{
	position: static;
	transform: none;
	margin-top: var(--space-70);
	background: rgba(255, 255, 255, 0.1);
}
.view .dropdown{
	margin-top: var(--space-45);
}
/*** 제품 view 공통 ***/
.view .product-info-wrap{
	padding: var(--space-100) 0 var(--space-130);
}
.view .product-info-wrap .layout{
	display: flex;
    align-items: flex-start;
    justify-content: space-between;
	gap: 100px;
}
.view .product-info-wrap .img-area{
	width: 39%;
}
.view .product-info-wrap .img-area .imgSwiper2{}
.view .product-info-wrap .img-area .imgSwiper2 .swiper-slide{
	height: auto;
	border-radius: 10px;
	overflow: hidden;
}
.view .product-info-wrap .img-area .imgSwiper2 .swiper-slide a{
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	position: relative;
	overflow: hidden;
	background-color: var(--white);
	pointer-events: none;
}
.view .product-info-wrap .img-area .imgSwiper2 .swiper-slide a img{
	max-width: 80%;
	max-height: 80%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	object-fit: contain;
}
.view .product-info-wrap .img-area .imgSwiper2 .swiper-slide figure{
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	position: relative;
	overflow: hidden;
	background-color: var(--white);
}
.view .product-info-wrap .img-area .imgSwiper2 .swiper-slide figure img{
	max-width: 60%;
	max-height: 60%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	object-fit: contain;
}
.view .product-info-wrap .img-area .imgSwiper{
	margin-top: var(--space-10);
}
.view .product-info-wrap .img-area .imgSwiper .swiper-slide{
	height: auto;
	overflow: hidden;
    border-radius: 5px;
}
.view .product-info-wrap .img-area .imgSwiper .swiper-slide a{
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	position: relative;
	overflow: hidden;
	background-color: var(--white);
}
.view .product-info-wrap .img-area .imgSwiper .swiper-slide a img{
	max-width: 80%;
	max-height: 80%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	object-fit: contain;
}
.view .product-info-wrap .img-area .imgSwiper .swiper-slide figure{
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	position: relative;
	overflow: hidden;
	background-color: var(--white);
}
.view .product-info-wrap .img-area .imgSwiper .swiper-slide figure img{
	max-width: 60%;
	max-height: 60%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	object-fit: contain;
}
.view .product-info-wrap .info-area{
	width: calc(100% - 100px - 39%);
}
.view .product-info-wrap .info-area .info-title-box{}
.view .product-info-wrap .info-area .info-title-box .source{
	font-size: 1rem;
	font-weight: var(--fw-400);
	color: var(--white);
}
.view .product-info-wrap .info-area .info-title-box h3{
	color: var(--white);
}
.view .product-info-wrap .info-area .info-title-box .text{
	color: rgba(255,255,255,0.7);
	margin-top: var(--space-20);
}
.view .product-info-wrap .info-area .desc-box{
	margin-top: var(--space-65);
}
.view .product-info-wrap .info-area .desc-box h4{
	color: var(--white);
	border-bottom: 1px solid rgba(255,255,255,0.2);
	padding-bottom: var(--space-20);
}
.view .product-info-wrap .info-area .desc-box ul.desc{
	margin-top: var(--space-20);
}
.view .product-info-wrap .info-area .desc-box ul.desc li{
	display: flex;
    gap: 12px;
	margin-top: var(--space-7);
	color: var(--white);
}
.view .product-info-wrap .info-area .desc-box ul.desc li:first-child{
	margin-top: 0;
}
.view .product-info-wrap .info-area .desc-box ul.desc li .number{
	font-weight: var(--fw-700);
	color: var(--orange);
	transform: translateY(2px);
}
.view .product-info-wrap .info-area .desc-box dl.spec{
	display: flex;
	align-items: center;
    justify-content: center;
	width: 100%;
	background: rgba(255,255,255,0.05);
	border-radius: 5px;
	padding: var(--space-40) 0;
	margin-top: var(--space-45);
}
.view .product-info-wrap .info-area .desc-box dl.spec .item{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	border-right: 1px solid rgba(255,255,255,0.2);
	padding: 0 var(--space-35);
}
.view .product-info-wrap .info-area .desc-box dl.spec .item:last-child{
	border: 0;
}
.view .product-info-wrap .info-area .desc-box dl.spec .item dt{
	font-weight: var(--fw-700);
	color: var(--white);
}
.view .product-info-wrap .info-area .desc-box dl.spec .item dd{
	color: rgba(255,255,255,0.7);
}
.view .product-info-wrap .info-area .button-box{
	display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
	margin-top: var(--space-30);
}
.view .product-info-wrap .info-area .button-box .button{
	justify-content: space-between;
	width: calc((100% - 20px)/2);
	height: 65px;
	background: rgba(255,255,255,0.1);
	padding: 0 var(--space-35);
}
.view .product-info-wrap .info-area .button-box .button i.arrow {
    color: var(--white);
}
.view .product-info-wrap .info-area .button-box .button i.down{
	width: 17px;
}
.view .product-info-wrap .info-area .button-box .button i.down svg{
	fill: var(--white);
}
.view .product-sub-info{
	background: rgba(255, 255, 255, 0.05);
	padding: var(--space-130) 0;
}
.view .product-sub-info .youtube-wrap{}
.view .product-sub-info .youtube-wrap h3{
	font-size: 2.687rem;
	font-weight: var(--fw-700);
	color: var(--white);
	text-align: center;
}
.view .product-sub-info .youtube-wrap .youtube-area{
	width: 68%;
	aspect-ratio: 16 / 9;
	margin: var(--space-40) auto 0;
}
.view .product-sub-info .youtube-wrap .youtube-area iframe{
	width: 100%;
	height: 100%;
}
.view .product-sub-info .youtube-wrap .write-wrap{
	margin-top: var(--space-65);
	color: var(--white);
}

/* 호버 효과 */
.view .product-info-wrap .info-area .button-box .button:hover{
	/*background: rgba(255, 255, 255, 0.2);*/
	background: var(--orange);
}
	/* @view 미디어쿼리 */
	@media all and (max-width: 1500px){
		.view .product-info-wrap .layout{
			gap: 70px;
		}
		.view .product-info-wrap .img-area {
			width: 35%;
		}
		.view .product-info-wrap .info-area {
			width: calc(100% - 70px - 35%);
		}
		.view .product-info-wrap .info-area .desc-box dl.spec .item{
			padding: 0 var(--space-30);
		}
	}
	@media all and (max-width: 1300px){
		.view .product-info-wrap .info-area .desc-box dl.spec .item {
			padding: 0 var(--space-25);
		}
		.view .product-info-wrap .info-area .desc-box dl.spec .item dt,
		.view .product-info-wrap .info-area .desc-box dl.spec .item dd{
			font-size: 0.875rem;
		}
	}
	@media all and (max-width: 1200px){
		.view .sub-visual{
			padding-top: var(--space-180);
		}
		.view .product-info-wrap .layout{
			flex-direction: column;
			gap: 100px;
		}
		.view .product-info-wrap .img-area,
		.view .product-info-wrap .info-area{
			width: 100%
		}
		.view .product-info-wrap .info-area .desc-box dl.spec{
			justify-content: flex-start;
		}
		.view .product-sub-info .youtube-wrap .youtube-area{
			width: 80%;
		}
	}
	@media all and (max-width: 1000px){
		.view .sub-visual{
			padding-top: var(--space-160);
		}
		.view .dropdown {
			margin-top: var(--space-40);
		}
		.view .product-info-wrap{
			padding: var(--space-100) 0 var(--space-110);
		}
		.view .product-info-wrap .info-area .button-box .button i.down {
			width: 15px;
		}
		.view .product-sub-info{
			padding: var(--space-110) 0;
		}
		.view .product-sub-info .youtube-wrap .youtube-area{
			width: 90%;
		}
		
	}
	@media all and (max-width: 640px){
		.view .sub-visual{
			padding-top: var(--space-120);
		}
		.view .dropdown {
			margin-top: var(--space-30);
		}
		.view .product-info-wrap{
			padding: var(--space-50) 0 var(--space-90);
		}
		.view .product-info-wrap .layout{
			gap: 80px;
		}
		.view .product-info-wrap .info-area .desc-box {
			margin-top: var(--space-50);
		}
		.view .product-info-wrap .info-area .desc-box h4{
			padding-bottom: var(--space-15);
		}
		.view .product-info-wrap .info-area .desc-box dl.spec{
			flex-wrap: wrap;
			gap: 30px 0;
			margin-top: var(--space-35);
			padding: var(--space-30) 0;
		}
		.view .product-info-wrap .info-area .desc-box dl.spec .item{
			gap: 10px;
			width: calc((100%) / 2);
			border-right: 0;
			padding: 0;
		}
		.view .product-info-wrap .info-area .button-box{
			gap: 10px;
		}
		.view .product-info-wrap .info-area .button-box .button{
			width: calc((100% - 10px) / 2);
			height: 50px;
			padding: 0 var(--space-20);
		}
		.view .product-info-wrap .info-area .button-box .button i.down {
			width: 14px;
		}
		.view .product-sub-info{
			padding: var(--space-90) 0;
		}
		.view .product-sub-info .youtube-wrap h3{
			font-size: 2rem;
		}
		.view .product-sub-info .youtube-wrap .write-wrap{
			margin-top: var(--space-50);
		}
	}

/* product-view */
.view.product-view{
	background: var(--black);
}
.product-view .dropdown .dropdown-header{
	border-bottom: 1px solid var(--gray01);
    background: var(--black);

}
.product-view .dropdown .dropdown-header span,
.product-view .dropdown .dropdown-header i {
    color: var(--white);
}
/*** review ***/
.review .sub-visual{
	background: url('/img/review-visual.jpg') no-repeat center/cover;
}
/*** review-list ***/
.review-list .search-wrap{
	display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--black);
	padding-bottom: var(--space-20);
}
.review-list .search-wrap .total{
	font-size: 1.125rem;
	font-weight: var(--fw-700);
	color: var(--black);
}
.review-list .search{
    display: flex;
    align-items: center;
	height: 55px;
	border: 1px solid var(--gray03);
	border-radius: 5px;
	overflow: hidden;
}
.review-list .search select{
	width: 98px;
	height: 100%;
	padding: 0 var(--space-20);
    box-sizing: border-box;
	border-right: 1px solid var(--gray03);
	background: url('/img/icon-select-arrow.svg') no-repeat right 20px center;
	background-size: 11px;
}
.review-list .search .input-area{
	display: flex;
	align-items: center;
	height: 100%;
}
.review-list .search .input-area input {
	height: 100%;
	padding: 0 var(--space-20);
}
.review-list .search .input-area button {
	width: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background-color: var(--black);
	border-radius: 0 5px 5px 0;
}
.review-list .search .input-area button i{
	font-size: 1.43rem;
	color: var(--white);
}
.review-list .review-wrap{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 75px 20px;
	margin-top: var(--space-55);
}
.review-list .review-wrap li figure{
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	overflow: hidden;
	position: relative;
	border-radius: 10px;
}
.review-list .review-wrap li figure img{
	max-width: 10000%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	transition: var(--transition);
}
.review-list .review-wrap li .text-box{
	margin-top: var(--space-20);
}
.review-list .review-wrap li .text-box strong{
	font-weight: var(--fw-700);
	color: var(--orange);
}
.review-list .review-wrap li .text-box .deco{
	word-break: break-all;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	color: var(--black);
	margin-top: var(--space-10);
}
.review-list .review-wrap li .text-box .date{
	display: block;
	font-size: 0.875rem;
	color: var(--gray02);
	margin-top: var(--space-15);
}
/* 호버 효과 */
.review-list .review-wrap li:hover figure img{
	width: 105%;
}
	/* @review-list 미디어쿼리 */
	@media all and (max-width: 1100px){
		.review-list .review-wrap{
			grid-template-columns: repeat(2, 1fr);
		}
	}
	@media all and (max-width: 640px){
		.review-list .search-wrap{
			flex-direction: column-reverse;
			align-items: flex-end;
			gap: 10px;
			padding-bottom: var(--space-10);
		}
		.review-list .search-wrap .total{
			font-size: 1rem;
		}
		.review-list .search{
			width: 260px;
			height: 42px;
		}
		.review-list .search select{
			width: 60px;
			background-position: right 7px center;
			padding: 0 var(--space-7);
		}
		.review-list .search .input-area input{
			width: calc(100% - 40px);
			padding: 0 var(--space-7);
		}
		.review-list .search .input-area button{
			width: 40px;
		}
		.review-list .search .input-area button i{
			font-size: 1rem;
		}
		.review-list .review-wrap{
			grid-gap: 45px 10px;
			margin-top: var(--space-30);
		}
		.review-list .review-wrap li .text-box {
			margin-top: var(--space-10);
		}
		.review-list .review-wrap li .text-box .deco{
			margin-top: var(--space-5);
		}
		.review-list .review-wrap li .text-box .date{
			margin-top: var(--space-7);
		}
		.review-list .review-wrap li{
			width: 100%;
		}
	}

/*** review-view ***/
.review-view .small-title{
	color: var(--orange);
}
.review-view .deco{
	color: var(--black);
    margin-top: var(--space-10);
}
.review-view .date{
	display: block;
    font-size: 0.875rem;
    color: var(--gray02);
    margin-top: var(--space-15);
}
.review-view .view-head{
	margin-top: var(--space-45);
    border-top: 1px solid var(--black);
    border-bottom: 1px solid var(--gray03);
    padding: var(--space-20);
}
.review-view .view-contents{
	padding: var(--space-30) var(--space-20);
	border-bottom: 1px solid var(--gray03);
}
.review-view .view-contents *{
	max-width: 100%;
	font-family: inherit !important;
}
.review-view .view-contents img{
	width: auto;
}
.review-view .control-wrap .view-pager li {
    border-top: 1px solid var(--gray03);
}
.review-view .control-wrap .view-pager li.next {
    border-bottom: 1px solid var(--gray03);
}
.review-view .control-wrap .view-pager li a span:nth-child(2){
	color: var(--gray01);
}
	/* @review-view 미디어쿼리 */
	@media all and (max-width: 640px){
		.review-view .view-head{
			margin-top: var(--space-35);
			padding: var(--space-15);
		}
		.review-view .date{
			margin-top: var(--space-10);
		}
		.review-view .view-contents{
			padding: var(--space-25) var(--space-15);
		}
	}

/*** discount ***/
.discount .sub-visual{
	background: url('/img/discount-visual.jpg') no-repeat center/cover;
}
.discount .content-wrap{
	padding-bottom: var(--space-100);
}
.discount .process-wrap{
	border-radius: 10px;
	background: var(--gray05);
	padding: var(--space-50) var(--space-70);
	margin-top: var(--space-65);
}
.discount .process-wrap h4{
	display: inline-block;
	font-size: 1.125rem;
	font-weight: var(--fw-700);
	color: var(--white);
	background: var(--orange);
	border-radius: 5px;
	padding: var(--space-20) var(--space-30);
}
.discount .process-wrap .process-list{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-top: var(--space-30);
}
.discount .process-wrap .process-list li{
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	gap: 25px;
	text-align: center;
	transition: var(--transition);
	position: relative;
}
.discount .process-wrap .process-list li.icon-arrow i{
	width: 25px;
	position: relative;
	top: calc((185px)/2);
	transform: translateY(-50%);
}
/*.discount .process-wrap .process-list li:after{
	content: '';
	width: 30px;
	height: 55px;
	position: absolute;
	top: calc(50% - 104px + 27.5px);
	right: -50%;
	background: url('/img/icon-arrow.svg') no-repeat center/cover;
}*
.discount .process-wrap .process-list li:last-child:after{
	display: none;
}*/
.discount .process-wrap .process-list li figure{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 185px;
	height: 185px;
	border: 1px solid var(--white);
	border-radius: var(--border-radius);
	background: var(--white);
}
.discount .process-wrap .process-list li figure img{
	width: 85px;
}
.discount .process-wrap .process-list li:nth-child(5) figure img{
	width: 80px;
}
.discount .process-wrap .process-list li:nth-child(7) figure img{
	width: 95px;
}
.discount .process-wrap .process-list .text-box .text{
	margin-top: var(--space-10);
}
.discount .discount-product{
	background: var(--white);
	padding-bottom: var(--space-130);
}
.discount .discount-product .layout{
	border-top: 2px solid var(--black);
	padding-top: var(--space-45);
}
.discount .discount-product .deco{
	color: var(--black);
}
.discount .discount-product .product-list{
	margin-top: var(--space-35);
}
.discount .discount-product .product-list{
	grid-template-columns: repeat(4, 1fr);
}
.discount .discount-product .product-list li{
	background: var(--gray05);
}
.discount .discount-product .product-list li figure{
	background: var(--white);
}
/* 동작 효과 */
.discount .process-wrap .process-list li.on figure{
	border-color: var(--orange);
}
	/* @discount 미디어쿼리 */
	@media all and (max-width: 1200px){
		.discount .process-wrap{
			padding: var(--space-45) var(--space-50);
			margin-top: var(--space-55);
		}
		.discount .process-wrap .process-list li figure{
			width: 135px;
			height: 135px;
		}
		.discount .process-wrap .process-list li.icon-arrow i{
			top: calc((135px) / 2);
		}
		.discount .process-wrap .process-list li figure img {
			width: 60px;
		}
		.discount .process-wrap .process-list li:nth-child(5) figure img {
			width: 57px;
		}
		.discount .process-wrap .process-list li:nth-child(7) figure img {
			width: 75px;
		}
		.discount .discount-product .control-wrap{
			width: 100%;
			margin: var(--space-30) auto 0;
		}
		.discount .discount-product .product-list{
			width: 100%;
			margin: var(--space-35) auto 0;
		}
	}
	@media all and (max-width: 1000px){
		.discount .content-wrap {
			padding-bottom: var(--space-70);
		}
		.discount .process-wrap{
			padding: var(--space-25);
			margin-top: var(--space-45);
		}
		.discount .process-wrap h4{
			padding: var(--space-15) var(--space-20);
		}
		.discount .process-wrap .process-list{
			flex-wrap: wrap;
			justify-content: center;
			gap: 40px 30px;
			margin-top: var(--space-20);
		}
		.discount .process-wrap .process-list li:nth-child(4){
			display: none;
		}
		.discount .process-wrap .process-list li.item{
			width: calc((100% - 60px - 25px)/2);
		}
		.discount .process-wrap .process-list li.icon-arrow{
			width: 25px
		}
		.discount .process-wrap .process-list li.icon-arrow i{
			width: 100%;
		}
		.discount .discount-product{
			padding-bottom: var(--space-110);
		}
		.discount .discount-product .product-list{
			grid-template-columns: repeat(2, 1fr);
			margin-top: var(--space-30);
		}
	}
	@media all and (max-width: 640px){
		.discount .content-wrap {
			padding-bottom: var(--space-50);
		}
		.discount .process-wrap{
			padding: var(--space-15);
		}
		.discount .process-wrap .process-list{
			gap: 30px 15px;
		}
		.discount .process-wrap .process-list li figure {
			width: 120px;
			height: 120px;
		}
		.discount .process-wrap .process-list li figure img {
			width: 52px;
		}
		.discount .process-wrap .process-list li:nth-child(5) figure img {
			width: 50px;
		}
		.discount .process-wrap .process-list li:nth-child(7) figure img {
			width: 62px;
		}
		.discount .process-wrap .process-list li.item{
			width: calc((100% - 30px - 15px) / 2);
			gap: 15px;
		}
		.discount .process-wrap .process-list li.icon-arrow{
			width: 15px;
		}
		.discount .process-wrap .process-list li.icon-arrow i {
			top: calc((110px) / 2);
		}
		.discount .process-wrap .process-list .text-box .text {
			margin-top: var(--space-7);
		}
		.discount .process-wrap .process-list .text-box .text br{
			display: none;
		}
		.discount .discount-product{
			padding-bottom: var(--space-90);
		}
		.discount .discount-product .layout{
			padding-top: var(--space-35);
		}
		.discount .discount-product .product-list{
			margin-top: var(--space-20);
		}

	}


/*** write 공통 ***/
.write{
	background: var(--black);
}
.write .sub-visual {
    height: auto;
    padding-top: var(--space-210);
}
.write .sub-visual:before{
	display: none;
}
.write .sub-visual .layout {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.write .sub-visual-title {
    margin-top: 0;
	text-align: left;
}
.write .form-wrap{
	padding: var(--space-70) 0 var(--space-130);
}
.write form .input-area{
	display: flex;
    flex-direction: column;
    gap: 60px;
}
.write form .input-area .input-box{
	display: flex;
    flex-direction: column;
    gap: 15px;
}
.write form .input-area .input-box .small-title{
	color: var(--white);
	margin-bottom: var(--space-15);
}
.write form .input-area .input-box select,
.write form .input-area .input-box input,
.write form .input-area .input-box textarea{
	width: 100%;
	height: 55px;
	-webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
	padding: 0 var(--space-20);
}
.write form .input-area .input-box textarea{
	height: auto;
	background: var(--white);
	padding: var(--space-20);
}
.write form .input-area .input-box iframe{
	background: var(--white);
}
/*** product-write ***/
.product-write form .input-area .input-box .filebox li,
.product-write form .input-area .input-box .catalog{
	display: flex;
	flex-wrap: wrap;
    gap: 10px 20px;
	margin-top: var(--space-20);
}
.product-write form .input-area .input-box .filebox li:first-child{
	margin-top: 0;
}
.product-write form .input-area .input-box .filebox li .upload-name,
.product-write form .input-area .input-box .catalog .upload-name{
	display: inline-block;
    width: calc(100% - 20px - 150px);
}
.product-write form .input-area .input-box .filebox li > input[type="file"],
.product-write form .input-area .input-box .catalog > input[type="file"]{
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}
.product-write form .input-area .input-box .filebox li > label,
.product-write form .input-area .input-box .catalog > label{
    display: flex;
	align-items: center;
	justify-content: center;
    color: var(--black);
    background-color: var(--white);
    cursor: pointer;
    text-transform: capitalize;
    width: 150px;
    height: 55px;
}
.product-write form .input-area .input-box .check-box{
	display: flex;
    align-items: center;
	gap: 7px;
	width: 100%;
}
.product-write form .input-area .input-box .check{
	position: relative;
}
.product-write form .input-area .input-box .check input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.product-write form .input-area .input-box .check span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border: 1px solid var(--gray03);
    border-radius: 2px;
    transition: var(--transition);
    pointer-events: none;
}
.product-write form .input-area .input-box .check span i {
    opacity: 0;
    font-size: 0.77rem;
    color: var(--black);
    transition: var(--transition);
}
.product-write form .input-area .input-box .check input:checked + span{
	background-color: var(--white);
	border-color: var(--white);
}
.product-write form .input-area .input-box .check input:checked + span i{
	opacity: 1;
}
.product-write form .input-area .input-box .check-box > label{
	color: var(--white);
}
.product-write form .input-area .input-box .catalog{
	margin-top: 0;
}
.product-write form .control-wrap {
    margin-top: var(--space-70);
}

/*** review-write ***/
.review-write form .input-area{
	gap: 30px;
}