/* Shop */
#moduleShopView .moduleShopViewTitle{
	font-size:1.5rem;
	font-weight:600;
}
#moduleShopView .moduleShopViewDesc{
	font-size:1rem;
	margin-top:.25rem;
	color:var(--color-gray);
}
#moduleShopView .moduleShopViewInfo{
	margin-top:2rem;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
#moduleShopView .moduleShopViewInfo table tr{
	border-color:transparent;
}
#moduleShopView .moduleShopViewInfo table th,
#moduleShopView .moduleShopViewInfo table td{
	padding:.25rem;
	font-size:.93rem;
}
#moduleShopView .moduleShopViewInfo table tr:first-child th,
#moduleShopView .moduleShopViewInfo table tr:first-child td{
	padding-top:2rem;
}
#moduleShopView .moduleShopViewInfo table tr:last-child th,
#moduleShopView .moduleShopViewInfo table tr:last-child td{
	padding-bottom:2rem;
}

#moduleShopView .img-container{
	position:relative;
}
#moduleShopView .img-container .download{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	z-index:2;
	border:0;
	border-radius:50%;
	display:inline-flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	background-color:var(--color-primary);
	color:#fff;
	width:5rem;
	height:5rem;
	font-size:3rem;
	opacity:0;
	visibility:hidden;
	transition:.3s;
}
#moduleShopView .img-container .download em{
	font-size:1rem;
}
#moduleShopView .img-container:hover .download{
	opacity:1;
	visibility:visible;
}

/* Option */
#moduleShopView .title{
	font-weight:700;
	margin-bottom:0rem;
	display:block;
	margin-top:2rem;
}
#moduleShopView .moduleShopViewOptions{
	margin-top:1rem;
	border:1px solid #ececec;
	padding:0rem;
	background-color:#fff;
	border-radius:var(--radius);
	margin-top:1rem;
}
#moduleShopView .moduleShopViewOptions table{


}
#moduleShopView .moduleShopViewOptions table tr{
	border-color:#ededed;
}
#moduleShopView .moduleShopViewOptions table tr.active{
	background-color:#eedfd9!important;
	font-weight:600;
}
#moduleShopView .moduleShopViewOptions table tr.active td{
	
}
#moduleShopView .moduleShopViewOptions table tr.active td:first-child{
	position:relative;
	padding-left:4rem;
}
#moduleShopView .moduleShopViewOptions table tr.active td:first-child:before{
	content:'check_small';
	font-family:'Material Symbols Outlined';
	position:absolute;
	left:2rem;
	top:50%;
	font-size:1.5rem;
	font-weight:normal;
	transform:translateY(-50%);
	color:var(--color-primary);
	transition:.3s;
}
#moduleShopView .moduleShopViewOptions table tbody tr:not(.active):hover{
	background-color:#f9f9f9;
}
#moduleShopView .moduleShopViewOptions table tbody tr:not(.active):hover th,
#moduleShopView .moduleShopViewOptions table tbody tr:not(.active):hover td{

}
#moduleShopView .moduleShopViewOptions table th,
#moduleShopView .moduleShopViewOptions table td{
	text-align:left;
	color:var(--color-lightblack);
	padding:1rem 2rem;
}
#moduleShopView .moduleShopViewOptions table th{
	font-size:.8rem;
	padding-bottom:.5rem;
	color:var(--color-gray);
}
#moduleShopView .moduleShopViewOptions table tbody tr:last-child{
	border-bottom:0;
}


/*
	Comment
*/
.moduleShopComment{
	padding:1rem;
}
.moduleShopCommentAnswer{
	margin-top:1rem;
	background-color:#f9f9f9;
	padding:1rem;
	border-radius:var(--radius);
}
.moduleShopCommentAnswer .moduleShopCommentAnswer__head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:1rem;
	padding-bottom:0rem;;
}

/* Shop Content */
#moduleShopView .moduleShopViewContent{
	padding:3rem 0;
}
#moduleShopView .moduleShopViewContent img{
	max-width:100%;
}

.btn_zzim.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff;}

/*
	CARTS :: 장바구니
*/
#moduleShopCarts table{
	border-bottom:1px solid #ddd;
}
#moduleShopCarts table th,
#moduleShopCarts table td{
	padding:1rem 2rem;
}

#moduleShopCarts .moduleShopCartsTotalPrice{
	text-align:right;
	padding:3rem;
	font-size:1.4rem;
	color:var(--color-secondary);
}
#moduleShopCarts .moduleShopCartsTotalPrice span{
	padding-right:.5rem;
}

/*
	ORDER :: 주문페이지
*/

#pageModuleShopOrder{
	background-color:#f8f8f8;
}

#moduleShopOrder table{
	border-bottom:1px solid #ddd;
}
#moduleShopOrder table th,
#moduleShopOrder table td{
	padding:2rem;
}

/*
	ORDERS :: 개인주문페이지
*/
#moduleShopOrders table{
	border-bottom:1px solid #ddd;
}
#moduleShopOrders table th{
	padding:1rem 2rem;
}
#moduleShopOrders table td{
	padding:2rem;
}

/*
	각 상품과 옵션정보
*/
.moduleShopOrderItem{
	display:flex;

}
.moduleShopOrderItem .moduleShopOrderItem__image{
	margin-right:2rem;
}
.moduleShopOrderItem .moduleShopOrderItem__image img{
	width:100px;
	height:100%;
	object-fit:cover;
	border-radius:var(--radius);
}
.moduleShopOrderItem .moduleShopOrderItem__cont{
	padding-top:1rem;
}
.moduleShopOrderItem strong{
	color:var(--color-dark);
	font-size:1.3rem;
	margin:0;
}
.moduleShopOrderOptions{
	font-size:.9rem;
	color:var(--color-gray);
	margin-top:.5rem;
}
.moduleShopOrderOptions ul > li{
	display:flex;
	align-items:center;
	line-height:2;
}
.moduleShopOrderOptions ul > li::before{
	content:'옵션';
	border-radius:100px;
	font-size:.75em;
	display:inline-block;
	padding:.05rem .5rem;
	background-color:var(--color-muted);
	color:#fff;
	margin-right:.5rem;
}

.moduleShopOrderItem + .moduleShopOrderItem{
	margin-top:1rem;
	border-top:1px solid #efefef;
	padding-top:1rem;
}

/* 주문내역 :: shop orders */
#moduleShopOrders .moduleShopOrderItem strong{
	font-size:1.1rem;
} 

/* 안내사항 */
#moduleShopOrder .moduleShopOrderInformation{
	color:var(--color-gray);
}

/* 계산서 */
#moduleShopOrder .moduleShopOrderInvoice{
	border:1px solid #121212;
	padding:2rem;
	box-shadow: 2px 3px 6px rgba(0,0,0,0.2);
	font-size:1.23rem;
	border-radius:var(--radius);
	background-color:#fff;
}
#moduleShopOrder .moduleShopOrderInvoice .moduleShopOrderInvoice__head{
	padding:2rem 1rem;
}
#moduleShopOrder .moduleShopOrderInvoice .moduleShopOrderInvoice__body{
	border-top:1px dashed #bcbcbc;
	border-bottom:1px dashed #bcbcbc;
	padding:3rem 1rem;
}
#moduleShopOrder .moduleShopOrderInvoice .moduleShopOrderInvoice__body h3{
	margin-bottom:1rem;
	color:var(--color-primary);
	display:flex;
	align-items:center;
	justify-content:space-between;
}
#moduleShopOrder .moduleShopOrderInvoice .moduleShopOrderInvoice__body h3 span{
	
}
#moduleShopOrder .moduleShopOrderInvoice .moduleShopOrderInvoice__body ul + h3{
	margin-top:2rem;
}
#moduleShopOrder .moduleShopOrderInvoice .moduleShopOrderInvoice__foot{
	padding:2rem 1rem;
}

/* 결제 안내 */
#moduleShopOrder .moduleShopOrderInfo{
	margin-top:3rem;
	margin-bottom:-1rem;
	background-color:#f9f9f9;
	padding:3rem;
	border-radius:var(--radius);
	font-size:1rem;
	border:1px solid #ddd;
	position:relative;
}
#moduleShopOrder .moduleShopOrderInfo::before{
	content:'전달사항';
	position:absolute;
	left:50%;
	top:-1rem;
	transform:translateX(-50%);
	background-color:var(--color-dark);
	color:#fff;
	border-radius:100px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	font-size:.9rem;
	padding:.5rem 1rem;
}

/* 최종 결제금액 */
#moduleShopOrder .moduleShopOrderTotalPrice{
	padding:2rem 1rem 0 1rem;
	display:flex;
	align-items:center;
	justify-content:space-between;
	border-top:1px dashed #ddd;
	margin-left:-1rem;
	margin-right:-1rem;
	margin-top:2rem;
}
#moduleShopOrder .moduleShopOrderTotalPrice strong{
	font-size:2rem;
}

/* 결제 수단 */
#moduleShopOrder .moduleShopOrderPayment{
	padding:3rem 1rem;
	margin-bottom:0rem;
	border-top:1px solid #444;
}
#moduleShopOrder .moduleShopOrderPayment ul{
	display:flex;
	justify-content:center;
	margin:0 -1rem;
	margin-top:1rem;
}
#moduleShopOrder .moduleShopOrderPayment ul li{
	flex:1 1 auto;
	width:100%;
	padding:0 1rem;
}
#moduleShopOrder .moduleShopOrderPayment ul li .input-group-btn{
	width:100%;
}
#moduleShopOrder .moduleShopOrderPayment label{
	padding:1rem;
	width:100%;
	height:var(--height-xl)!important;
	
}

/* 
	주문완료
*/
#moduleShopOrderComplete{
	text-align:center;
	padding:5rem 0;
}
#moduleShopOrderComplete .inner{
	width:500px;
	margin:0 auto;
}
#moduleShopOrderComplete h1{
	font-size:3rem;
	font-weight:700;
}
#moduleShopOrderComplete h1 + h2{
	margin-top:1rem;
	font-size:1.5rem;
	font-weight:500;
	margin-bottom:2rem;
	color:var(--color-black);
}
#moduleShopOrderComplete p{
	margin-top:1rem;
	font-size:1.3rem;
	margin-bottom:2rem;
}

/*
	단일 주문내역 조회
*/
#moduleShopOrdersView{

}
#moduleShopOrdersView .moduleShopOrdersInfo{
	padding:3rem;
	margin-bottom:2rem;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
}
#moduleShopOrdersView .moduleShopOrdersShipping{
	margin-top:3rem;
}