.page_wrapper{padding-bottom:60px;}
.catalog_head{padding-bottom:12px;}
.catalog_list{display:flex;justify-content: space-between;}
.catalog_list .catalog_filter{position:relative;width:240px;}

.catalog_filter_box_inner{cursor:pointer;display:inline-flex;justify-content: space-between;color:var(--color-bold);border:1px SOLID var(--border-form);border-radius:8px;padding:6px;}
.catalog_filter_box_inner:hover{color:var(--white);background-color:var(--black);}
.catalog_filter_box_inner_icon{width:24px;height:24px;line-height:0;}
.catalog_filter_box_inner_text{font-weight:600;line-height:24px;padding-left:12px;padding-right:24px;}
.catalog_filter_box_inner_indigator{width:24px;height:24px;line-height:0;}

.catalog_filter_container{
	position:absolute;
	top:38px;
	left:0px;
	width:100%;
	border:1px SOLID var(--border-form);
	border-radius:8px;
	background-color:var(--white)
	;z-index:10;
	padding:12px;
	box-shadow : 0px 6px 3px 3px rgba(0,0,0,0.1);
}

.catalog_filter .filter_list{position:relative;}
.catalog_filter .filter_list > li{border-top:1px SOLID #E5E6E6;padding:12px 0px;}
.catalog_filter .filter_list > li:first-child{border-top:none;padding: top 0;}
.catalog_filter .filter_list .filter_title{display:flex;height:32px;}

.filter_list_item_inner{display:flex;justify-content: space-between;cursor:pointer;}
.filter_list_item_inner_icon{width:24px;height:24px;line-height:0;}
.filter_list_item_inner_text{font-weight:600;line-height:24px;padding-left:6px;padding-right:24px;}

.filter_title .label{flex-grow: 1;flex-shrink: 1;line-height:32px;font-size:0.9375rem;font-weight:600;color:#191A1A;}
.filter_title .icon{flex-grow: 0;flex-shrink: 0; width:32px;height:32px;line-height:0;}
.filter_title .icon button{width:32px;height:32px;color:#A5A7A7;text-align:center;background-color:transparent;border:none;padding:0}
.filter_title .icon button:hover{color:#191A1A;}
.filter_title .icon button .material-icons-round{font-size:2.25rem;line-height:32px;}

.keyword_list{display:flex;flex-wrap:wrap;border-top:1px SOLID #F2F3F3;padding-top:4px;}
.keyword_list button{height:24px;font-size:0.8125rem;color:#7e8181;background-color:transparent;border:1px SOLID #E5E6E6;border-radius:6px;margin:2px;}
.keyword_list button.selected{color:#4B67D6;cursor:default;border:1px SOLID #4B67D6;}
.keyword_list button:not(.selected):hover{color:#FFF;background-color:#6e84de;border:1px SOLID #6e84de;}
.keyword_list [name=btn_select_all]{width:100%;}


.filter_list_button{
	display:grid;
	grid-template-columns:repeat(2,1fr);
	grid-gap:12px;
	border-top:1px SOLID var(--color-light);
	padding-top:12px;
}

.filter_list_button button{
	height:36px;
	font-size:0.8125rem;
	padding:0	
}

.catalog_body{	position:relative;}
.catalog_body .grid_title {position:relative;}
.catalog_body .grid_title .title_label{
	display:flex;
	height:60px;
	background-color:#F2F2F2;
	border:1px SOLID #BFC0C0;
	border-radius: 6px;
	padding-left:16px;
	padding-right:12px;
}
.catalog_body .grid_title .title_label .label{flex-grow: 1;flex-shrink: 1;font-size:1.5rem;font-weight:600;color:#191A1A;line-height:58px;}
.catalog_body .grid_title .title_label .icon{flex-grow: 0;flex-shrink: 0;line-height:0}
.catalog_body .grid_title .title_label .icon button{
	background-color:transparent;
	border:none;
}
.catalog_body .grid_title .title_label .icon button .material-icons-round{font-size:2.25rem;line-height:58px;}

.catalog_body .grid_title .title_navigation{
		position:absolute;
		width:100%;
		background-color:#FFF;
		border:1px SOLID #BFC0C0;
		border-radius: 6px;
		padding:24px;
		z-index:2;
}

.catalog_body .grid_counter{padding-top:12px;padding-bottom:12px;}
.catalog_body .grid_counter .counter{font-size:0.9375rem;color:#191A1A;font-weight:600;}
.catalog_body .grid_counter .counter:before{content:'여행상품';padding-right: 4px;}
.catalog_body .grid_counter .counter:after{content:'개';padding-left: 4px;}

.catalog_body .grid_list .article_row{
	border: 1px SOLID #E5E6E6;border-radius:8px; overflow:hidden;
}

.catalog_body .grid_list .article_row:not(:first-child){
	margin-top:12px;
}

.empty_row{
	text-align:center;
	background-color: #F2F3F3;
	border:1px SOLID #BFC0C0;
	border-radius: 6px;
	padding-top:60px;
	padding-bottom:60px;
}
.empty_row .material-symbols-rounded{font-size:4rem;color:#CBCDCD;}
.empty_row p{font-size:1rem;color:#191A1A;}

.catalog_body .grid_list .article_container{display:flex;padding-right:24px;}
.catalog_body .grid_list .article_container .article_img{flex-grow: 0;flex-shrink: 0; width:360px;}
.catalog_body .grid_list .article_container .article_img .article_img_wrapper{height:100%;min-height:240px;background-repeat:no-repeat;background-position: center center;background-size:cover;}

.catalog_body .grid_list .article_container .article_cont{flex-grow: 1;flex-shrink: 1;position:relative;padding:24px;}
.catalog_body .grid_list .article_container .article_cont .cont_head_container{display:inline-block;height:24px;font-size:0.8125rem;line-height:22px;border-radius:4px; margin-left: 6px;padding-left:6px;padding-right:6px;}
.catalog_body .grid_list .article_container .article_cont .cont_head_container:first-child{margin-left:0;}
.catalog_body .grid_list .article_container .article_cont .cont_head_container.category{color:#4B67D6; border:1px SOLID #4B67D6;} 

.catalog_body .grid_list .article_container .article_cont .cont_title{padding-top:12px;padding-bottom:12px;}
.catalog_body .grid_list .article_container .article_cont .cont_title .title{font-size:1rem; font-weight:900;color:var(--color-bold);line-height:140%;}
.catalog_body .grid_list .article_container .article_cont .cont_title .caption{font-size:0.8125rem;color: var(--color-watery);padding-top:6px;}

.catalog_body .grid_list .article_container .article_cont .cont_itinerary{
	color: var(--color-bold);
	font-size:0.8125rem;
	font-weight:600;
	padding-top:12px;
	padding-bottom:12px;
}

.catalog_body .grid_list .article_container .article_cont .cont_foot{display: flex;flex-wrap: wrap;}
.catalog_body .grid_list .article_container .article_cont .cont_foot .icon_tag{
	height:24px;
	font-size:0.75rem;
	line-height:22px;
	color: var(--color-bold);
	background-color:#F8F9F9;
	border:1px SOLID #D8D9D9;
	border-radius:6px;
	margin-left:2px;
	margin-top:2px;
	padding-left:6px;
	padding-right:6px;
}
.catalog_body .grid_list .article_container .article_cont .cont_foot .icon_tag:first-child{margin-left:0px;}
.catalog_body .grid_list .article_container .article_cont .cont_foot .icon_tag:before{content:'#'}

.catalog_body .grid_list .article_container .article_fare{flex-grow: 0;flex-shrink: 0;position:relative;width:144px;}
.catalog_body .grid_list .article_container .article_fare .fare{position:absolute;top:60px;width:100%;text-align:center;}
.catalog_body .grid_list .article_container .article_fare .fare.not{font-size:1.125rem;font-weight:600;color:var(--color-bold)}
.catalog_body .grid_list .article_container .article_fare .fare.currency{font-size:1.25rem;color:var(--color-bold);font-weight:600;}
.catalog_body .grid_list .article_container .article_fare .fare.currency:after{content:'원~';font-size:0.875rem;font-weight:200;padding-left:3px;}
.catalog_body .grid_list .article_container .article_fare [name=btn_detail]{
	position:absolute;
	display:flex;
	justify-content:center;
	bottom:24px;
	width:100%;
	height:48px;
	line-height:0;
	background-color:transparent;
	border: 1px SOLID #BFC0C0;
}

.catalog_body .grid_list .article_container .article_fare [name=btn_detail] .label{display:inline-block;font-size:0.9375rem;line-height:46px;}
.catalog_body .grid_list .article_container .article_fare [name=btn_detail] .material-icons-round{line-height:46px;}

.catalog_body .grid_list .article_container .article_fare [name=btn_detail]:hover{color:#FFF;background-color:#191A1A;border:1px SOLID #191A1A;}


.catalog_body .grid_more button{
	width:100%;
	height:48px;
	line-height:46px;
	background-color:transparent;
	border: 1px SOLID #BFC0C0;
}

.catalog_body .grid_more{padding-top:24px;}
.catalog_body .grid_more button:hover{color:#FFF;background-color:#191A1A;border:1px SOLID #191A1A;}