/* 메인 커스텀*/

/* span 등 display속성이 inline값을 가진 속성일때 ellipsis1,2 를 사용하여 글자자름 줄을 설정 */
.ellipsis_line1{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.ellipsis_line1_clamp {overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; /* number of lines to show */ -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.ellipsis_line2 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; /* number of lines to show */ -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ellipsis_line3 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; /* number of lines to show */ -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.ellipsis_line4 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; /* number of lines to show */ -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.ellipsis_line5 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; /* number of lines to show */ -webkit-line-clamp: 5; -webkit-box-orient: vertical;}

	 /* flex*/
	/* 세로 정열 */
	.flex_align_center{
		display: flex;
		align-items: center;
	}
	.flex_align_start{
		display: flex;
		align-items: flex-start;
	}
	.flex_align_stretch{
		display: flex;
		align-items: stretch;
	}
	
	/* 가로 정열 */
	.flex_justify_between{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.flex_justify_center{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.flex_justify_end{
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}
	/* column */
	.flex_column{
		display: flex;
		flex-direction: column;
	}
	/* gap */
	.gap5{gap:5px}
	.gap10{gap:10px}
	.gap12{gap:12px}
	.gap15{gap:15px}
	.gap20{gap:20px}
	.gap25{gap:25px}
	.gap30{gap:30px}
	.gap35{gap:35px}
	.gap40{gap:40px}
	.gap45{gap:45px}
	.gap50{gap:50px}
	.gap60{gap:60px}
	.gap70{gap:70px}
	.gap80{gap:80px}
	.gap100{gap:100px}


.main_cus_wrap *{
	font-family:'NotoSansKR','Nanum Gothic','Lato','Arial','Dotum',"돋움",'tahoma','Gulim','Helvetica','Apple SD Gothic Neo',sans-serif;
	letter-spacing:-0.05em;
}
.main_cus_wrap * img {height: auto!important;}

.main_cus_wrap{width:100%;background:#f8f8f8; padding:50px 0 100px}

.main_rows_img{
	overflow:hidden;
	position:relative;
	/*
	background-color:#fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .05);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .05);
	*/
}
.main_rows_img img{
	border-radius:8px;
	border:1px solid #eee;
	box-sizing: border-box;
}
.main_rows_text_top{
	display:flex;
	align-items:center;
	justify-content:space-between;
	color:#777777;
	font-size:15px;
	position:relative;
	margin-top:13px;
}
.main_rows_text_middle{
	font-size:17px;
	letter-spacing:-1px;
	margin-top:5px;
	height:52px;
	font-weight:500
}
.main_rows_text_middle a{color:#333;}
.main_rows_text_bottom{
	margin-top:5px;
	font-size:15px;
	letter-spacing:-0.2px;
	display:flex;
	align-items:center;
	gap:15px;
	
}
.main_rows_text_bottom .string_ico{display:none;}
.main_rows_text_bottom .time{
	font-size:12px;
	letter-spacing:-0.5px;
	padding:1px 5px 2px;
	background:#f0f5fb;
	border-radius:0.3em;
	margin-top:3px;
}
.main_rows_text_bottom .price{
	font-size:16px;
	letter-spacing:-0.5px;
	font-weight:700;
}


.rows_completion{
	position:absolute;
	top:10px;
	left:10px;
	display:flex;
	gap:5px;
	font-size:13px;
	color:#fff;
	letter-spacing:-0.5px;
	z-index:1;
}
.rows_completion span{padding:1px 7px 2px; border-radius:5px;}

.main_category{
	display:flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
}
.main_category_rows{width:230px; position:unset;}
.category_plus{
	font-size:14px;
	color:#888888 !important;
	letter-spacing:-1px;
	position:absolute;
	right:-6px;
	top:-58px;
}
.category_plus i{margin-left:4px;}

.main_category_rows .main_rows_img .rank_number{
	position:absolute;
	top:0;
	left:0;
	width:35px;
	height:35px;
	line-height:35px;
	text-align:center;
	font-size:15px;
	color:#fff;
	border-radius:0 0 15px 0 ;
}
.main_cus_tit{
	margin-bottom:25px;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.main_cus_tit h1, .main_cus_tit h1 a{
	font-size:24px;
	color:#111 ;
	letter-spacing:-0.05em;
	font-weight:700;
}
.main_cus_tit .more span{
	font-size:14px;
	color:#666
}
.main_cus_tit .more svg{fill:#666}

.main_cus_tit .more:hover span{color:#2e3192}
.main_cus_tit .more:hover svg{fill:#2e3192}