.SearchArea{
	padding-top:40px;
	padding-bottom:40px;	
    background-color: #fff;
}

.SearchArea button{
	white-space: inherit;
}

.stuffImgBox{
	width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
    transition: background-size 0.5s;
}

.OsMakeDataBox .stuffImgBox{
	aspect-ratio: 16 / 9;
}

.stuffImgBox:hover{	    
    background-size: 105% auto;
    transition: background-size 0.5s;
}

.stuffBox{
	margin-bottom: 10px;
	min-height:300px;
	border:1px solid rgba(161, 161, 161, 0);
	transition: border 0.5s;
}

.stuffBox:hover{	
	border:1px solid rgba(161, 161, 161, 1);	
	transition: border 0.5s;
}

.stuff_name{
	font-size: 15px;
	color:#000000;	
	font-weight: 600;
}

.stuff_cart_pay{
	color:#00CFFF;
}

.stuff_pay{
	color:red;
}

/*
.ListArea{
	padding-top: 30px;
	padding-bottom: 30px;
}

.ListArea .List div{
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:10px;
}
*/

text.stuffTextBox{
	padding-top: 10px;
	padding-bottom: 10px;
}

.ListArea[data-mode="personal_pay"] .stuffTextBox{
	text-align: center;
}

.stuffInforHead .stuff_name{
	font-size: 20px;
	color: #00b3dc;
}

.StuffMainImg img{
	width: 100%;
	max-width: 500px;
	max-height: 500px;
}

.stuffInforHead div{
	padding: 0px;
}

.stuffInforHead{
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #f1f1f1;
}

div.MainInforArea div{
	padding-left: 4px;
	padding-right: 4px;
}


.MainInforArea .Loding{
	font-size: 15px;
}


@media (min-width: 1680px){ /*최소 가로 사이즈가 저 수치를 넘어가면! */	
	div.MainInforArea div{
		padding-left: 0px;
		padding-right: 0px;
	}
}