.header-menu-list {color: #111;}
.side_menu {color: #222;}
#menu-wrapper #hamburger-menu span {background-color: #222;}
.header-logo-image {display: none;}
.header-logo-image-sub {display: block;}
.sub_banner_title_box {color: #fff;}
.sub_banner_title_box .sub_banner_title {
	font-family: 'Jeju Myeongjo';
	font-size: 50px;
	margin: 35px 0 35px 0;
}

@media screen and (max-width:768px) {
	.sub_banner_title_box .sub_banner_title {
		font-size: 30px;
		margin: 0px 0 20px 0;
	}
}

/*sub_banner*/
.sub_banner {height: 909px; background-image: url('/images/place_sub_banner.jpg');}

.tab-contents {display:none;margin:0 auto;overflow:hidden;min-height:MIN(calc(100vh - 700px), 200px);padding-bottom:150px;}
.tab-contents.active {display:block;}
.tab-content-title {font-size:40px;font-weight:600;margin:100px 0 80px;}
.program-contents {margin:0 auto;overflow:hidden;min-height:MIN(calc(100vh - 700px), 200px);padding-bottom:150px;}



.place_banner_contents {
	position: relative;
}

.place_map {
	width: 1488px;
	position: absolute;
	top: -12px; left: 50%;
	transform:translate(-50%, 0);
}

.place_map img {
	display: block;
	width: 100%;
}

.place_search_box {
	float: right;
	margin-bottom: 10px;
}

.place_search_box .board_search_select {
	width: 173px;	
}

@media screen and (max-width:1400px) {
	.sub_banner {
		height: 470px;
	}
	.place_map {
		width: 780px;
	}
}

@media screen and (max-width:768px) {
	.sub_banner {
		height: 392px;
	}
	.place_map {
		width: 600px;
		top: 20px;
	}	
}

@media screen and (max-width:480px) {
	.sub_banner {
		height: 272px;
	}
	.place_map {
		width: 360px;
		top: 50px;
	}	
}

/*리스트 건수 및 검색*/
.board_number_search {display: flex;flex-wrap: nowrap;justify-content: space-between;}
.board_number {color: #222;font-weight: 300;line-height: 40px;}
.board_search_box {overflow: hidden;display:flex;}
.board_search_select {width: 135px; height: 40px;border-color: #ccc; border-radius: 5px; appearance:none;background:url('/images/icon/board_search_drop.svg') no-repeat right 15px center;padding-left: 10px;color: #444;font-weight: 300; font-family: pretendard; font-size: 16px;}
.board_search_text {width: 230px; height: 40px;border: 1px solid #CCC; border-radius: 5px; box-sizing: border-box;background: #FFF;margin: 0 5px;padding:0 10px; color: #888;font-weight: 300; font-family: pretendard; font-size: 16px;}
.board_search_find_btn {width: 75px; height: 40px; background: #444; border-radius: 5px; box-sizing: border-box;text-align: center; line-height: 40px;color: #fff;font-weight: 300;}
.board_search_find_btn:hover {cursor: pointer;background: #666;border: none;color: #fff;}

@media screen and (max-width:960px) {
	.sub_banner_txt_box {padding-top:80px;}
	.sub_banner_txt_box .sub_banner_title {font-size:32px;margin-bottom:30px;}
	.sub_banner_txt_box .sub_banner_ex {font-size:17px;}
	.tab-content-title {font-size:36px;margin:80px 0 60px;}
	.board_search_box {width:450px;}
}
@media screen and (max-width:768px) {
	.sub_banner_txt_box {padding-top:60px;}
	.sub_banner_txt_box .sub_banner_title {font-size:28px;margin-bottom:20px;}
	.sub_banner_txt_box .sub_banner_ex {font-size:16px;}
	.tab-content-title {font-size:32px;margin:60px 0 50px;}

	.board_number_search {flex-wrap:wrap;}
	.board_number {display: block;}
	.board_search_box {width:100%;}
	.board_search_select {width: 160px;}
	.board_search_text {width: calc(100% - 160px - 75px - 10px);}
}
@media screen and (max-width:480px) {
	.sub_banner_txt_box {padding-top:40px;}
	.sub_banner_txt_box .sub_banner_title {font-size:24px;margin-bottom:15px;}
	.sub_banner_txt_box .sub_banner_ex {font-size:15px;}
	.tab-content-title {font-size:28px;margin:80px 0 30px;}

	.board_number {order: 2;margin-top:40px;}
	.board_search_box {order: 1;flex-wrap: wrap;}
	.board_search_select {width: 100%;margin-bottom: 10px;}
	.board_search_text {width: calc(100% - 75px - 8px);margin: 0;margin-right: 8px;}
}


.place_contents {margin-top: 100px;margin-bottom: 310px;}
.place_contents_box {margin-top: 10px; padding-top: 60px; border-top: 1px solid #000;}
.place_contents_list_box {display: grid; grid-template-columns: repeat(3, 31%);grid-column-gap: 3.5%;grid-row-gap:50px; margin-bottom: 90px;}
.place_contents_list_img {max-height: 270px; overflow: hidden; border: 1px solid #ccc; box-sizing: border-box;}
.place_contents_list_img .place_thumbnail {width: 100%;object-fit: cover; display: block;}
.place_contents_title_box {position: relative; padding: 22px 0px 0px 0px; box-sizing: border-box;}
.place_contents_category {color: #4C9D3E;}
.place_contents_title {display: inline-block; color: #333;font-size: 20px;font-weight: 600; margin: 15px 0 20px 0;}
.place_go {position: absolute; right: 10px; top: -25px;}
.place_contents_ex {color: #666;font-weight: 400;}
.place_contents_progress {width: 100%;border: 1px solid #CCC; box-sizing: border-box;padding: 17px 25px;}
.progress_list {color: #222;font-size: 16px;font-weight: 300;line-height: 20px;overflow: hidden;margin-bottom: 15px;}
.progress_title {display: inline-block;width: 85px;font-weight: 600;margin-right: 30px;vertical-align:top;}
.progress_txt {display: inline-block;}
.place_time_target {color: #888; font-size: 15px; line-height: 22px; display: flex;}
.place_icon {margin-right: 5px;}
.place_view_progress_rayout {width: 420px; padding-bottom: 21px;}

.place_list_empty {height:100px;text-align: center;line-height:100px;display:none;}

@media screen and (max-width:960px) {
	.place_contents_list_box {display: grid;grid-template-columns: repeat(2, 48%);grid-column-gap: 4%;}
}

@media screen and (max-width:768px) {
	.place_contents_list_box {display:block;}
	.place_contents_list {margin-bottom:50px;}
}

@media screen and (max-width:480px) {
	.place_contents {margin-top: 90px;margin-bottom: 100px;}
	.place_contents_title {font-size: 24px;}
	.place_contents_list {margin-bottom: 30px;}
	.progress_title {display: block;margin-bottom:5px;}
	.progress_txt {display: block;width:unset;}
	/*.place_contents_title_box {margin-top: 20px;margin-bottom: 20px;}*/
	.place_contents_progress {padding: 20px 20px;}
}

.place_view_category {font-size: 18px; color: #4C9D3E;}
.place_view_contents {margin-top: 68px;margin-bottom: 150px;}
.view_title_box {overflow: hidden;padding-bottom: 11px;border-bottom: 1px solid #000;margin-bottom: 36px; margin-top: 20px;}
.view_title{color: #222;font-weight: 600;line-height: 24px;font-size:24px;line-height:46px;}
.view_buy {float: right;width: 144px; height: 46px;border-radius: 23px;background: #222;  text-align: center; line-height: 46px; box-sizing: border-box;}
.view_buy:hover {cursor: pointer;background: #228038;}
.view_buy_txt {color: #FFF;font-weight: 400;}

.place_view_detail_page {max-width:100%;text-align:center;}
.place_view_detail_page img {max-width:100%;height:auto;object-fit:contain;}

.place_view_progress {display: flex; width: 100%;margin-bottom: 60px; border-bottom: 1px solid #ccc;}


.btn-area {margin:30px auto 50px;text-align:center;}
.list-btn {background-color: #333333;color: #FFFFFF;height: 46px;border-radius: 23px;width: 116px;font-size: 16px;border:1px solid #333333;}
.list-btn:hover {cursor:pointer;font-weight:400;color:#333333;background-color:#FFFFFF;}
.mobile-btn {display:none;}

@media screen and (max-width:768px) {
	.place_view_progress {margin-bottom:60px;}
	.place_view_contents {margin-bottom:100px;}
	.view_buy {display:none;}
	.view_buy_txt {display:inline-block;height:30px;line-height:30px;}
	.btn-area {position:fixed;bottom:0;left:0;width:100%;margin:0;padding:10px 0;border-top: 1px solid #d9d9d9;background-color:#FFFFFF;}
	.list-btn {height:40px;border-radius:5px;font-weight:600;margin-right:10px;width:calc(50% - 20px);}
	.list-btn:last-child {margin-right:0;}
	.list-btn:hover {height:40px;border-radius:5px;color:#FFFFFF;background-color:#333333;}
	.mobile-btn {display:inline-block;background-color:#222222;}
}

@media screen and (max-width:480px) {
	.place_view_progress {margin-bottom:30px;}
	.place_view_contents {margin-bottom:50px;}
	.view_title {line-height: 30px;}
	.view_buy {height:30px;width:120px; padding:5px 15px;}
}