@charset "UTF-8";


/********** 목록 - 게시글 없을 때 **********/
.no-list {
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	padding:200px 0;
	border-top:2px solid #000;
	border-bottom:1px solid #ccc;
	text-align:center;
}

.no-list.no-bt-top { border-top:0px; }
	.no-list .block {
		display:block;
		width:100%;
		font-weight:600;
		font-size:0.85rem;
		color:#000;
		text-align:center;
	}



/********** 프로그램 예약 - 목록 **********/
/********** datepicker 디자인 **********/
.ui-datepicker .ui-widget-header{border:0 solid #ddd;background:#fff}
.ui-datepicker .ui-datepicker-calendar>thead>tr>th{font-size:14px!important}
.ui-datepicker .ui-datepicker-header{position:relative;padding:10px 0}
.ui-datepicker .ui-button,
.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default,
html .ui-datepicker .ui-button.ui-state-disabled:active,
html .ui-datepicker .ui-button.ui-state-disabled:hover{border:0 solid #c5c5c5 !important;background-color:transparent !important;font-weight:400;color:#454545;text-align:center}
.ui-datepicker .ui-datepicker-title{margin:0 0;line-height:16px;text-align:center;font-size:14px;padding:0;font-weight:700}
.ui-datepicker{display:none;background-color:#fff;border-radius:4px;margin-top:10px;margin-left:0;margin-right:0;padding:20px;padding-bottom:10px;width:300px;box-shadow:10px 10px 40px rgba(0,0,0,.1)}
.ui-datepicker.ui-widget.ui-widget-content{border:1px solid #eee}
#datepicker:focus>.ui-datepicker{display:block}
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev{cursor:pointer}
.ui-datepicker .ui-datepicker-next{float:right}
.ui-datepicker .ui-state-disabled{cursor:auto;color:#ccc}
.ui-datepicker .ui-datepicker-calendar{width:100%}
.ui-datepicker .ui-datepicker-calendar>thead>tr>th{padding:5px;font-size:20px;font-weight:400}
.ui-datepicker .ui-datepicker-calendar>tbody>tr>td>a{color:#000;font-size:12px!important;font-weight:700!important;text-decoration:none}
.ui-datepicker .ui-datepicker-calendar>tbody>tr>.ui-state-disabled:hover{cursor:auto;background-color:#fff}
.ui-datepicker .ui-datepicker-calendar>tbody>tr>td{border-radius:100%;width:44px;height:30px;cursor:pointer;padding:5px;font-weight:100;text-align:center;font-size:12px}
.ui-datepicker .ui-datepicker-calendar>tbody>tr>td:hover{background-color:transparent;opacity:.6}
.ui-datepicker .ui-button:focus,
.ui-datepicker .ui-button:hover,
.ui-datepicker .ui-state-focus,
.ui-datepicker .ui-state-hover,
.ui-datepicker .ui-widget-content .ui-state-focus,.ui-datepicker .ui-widget-content .ui-state-hover,
.ui-datepicker .ui-widget-header .ui-state-focus,.ui-datepicker .ui-widget-header .ui-state-hover{border:0 solid #ccc;background-color:transparent;font-weight:400;color:#2b2b2b}
.ui-datepicker .ui-widget-header .ui-icon{background-image:url('../../img/home/common/datepicker-btns.png')}
.ui-datepicker .ui-icon-circle-triangle-e{background-position:-20px 0;background-size:36px}
.ui-datepicker .ui-icon-circle-triangle-w{background-position:0 0;background-size:36px}
.ui-datepicker .ui-datepicker-calendar>tbody>tr>td:first-child a{color:red!important}
.ui-datepicker .ui-datepicker-calendar>tbody>tr>td:last-child a{color:#09f!important}
.ui-datepicker .ui-datepicker-calendar>thead>tr>th:first-child{color:red!important}
.ui-datepicker .ui-datepicker-calendar>thead>tr>th:last-child{color:#09f!important}
.ui-datepicker .ui-state-highlight,
.ui-datepicker .ui-widget-content .ui-state-highlight,
.ui-datepicker .ui-widget-header .ui-state-highlight{border:0 !important;background:#f1f1f1 !important;border-radius:50%;padding:12px}
.ui-datepicker .inp{padding:10px 10px;background-color:#f1f1f1;border-radius:4px;border:0}
.ui-datepicker .inp:focus{outline:0;background-color:#eee}
.ui-datepicker .ui-widget-header .ui-icon { background-image:url('/res/img/home/common/datepicker-btns.png'); }

.program-reservation .search--frame {
	display:block;
	width:100%;
}
	.program-reservation .search-form--frame {
		display:flex;
		justify-content:flex-start;
		align-items:center;
		width:100%;
		padding:20px;
		background-color:#fafafa;
		border:1px solid #ccc;
		border-radius:10px;
	}
		.program-reservation .search-form--frame .form-item { display:block; }
		
			.program-reservation .search-form--frame .search-list--item {
				display:flex;
				justify-content:flex-start;
				align-items:center;
			}
			.program-reservation .search-form--frame .search-list--item:not(:last-of-type) {
				margin-bottom:15px;
				padding-bottom:15px;
				border-bottom:1px solid #ccc;
			}
			
				.program-reservation .search-form--frame .list-title {
					display:block;
					font-family:'SEBANG_Gothic_Regular', sans-serif;
					font-weight:400;
					color:#000;
				}
				.program-reservation .search-form--frame .list-cont--frame { display:block; }
				
					.program-reservation .search-form--frame .flex-frame {
						display:flex;
						justify-content:flex-start;
						width:100%;
					}
						
					
						.program-reservation .search-form--frame .cal-btn {
							min-height:38px;
							margin-left:10px;
						}
						.program-reservation .search-form--frame .btn-design {
							display:flex;
							justify-content:center;
							align-items:center;
							width:100%;
							height:100%;
							padding-left:10px;
							padding-right:10px;
							background-color:#464646;
							border-radius:5px;
							color:#fff;
							transition:0.3s all ease-in-out;
						}
							.program-reservation .search-form--frame .btn-design:hover,
							.program-reservation .search-form--frame .btn-design:focus {
								background-color:#1ec188;
								cursor:pointer;
							}
						
						.program-reservation .search-form--frame .input-item {
							display:block;
							min-height:38px;
							padding:10px;
							border:1px solid #ccc;
							border-radius:5px;
							font-size:0.85rem;
							font-weight:600;
						}
						.program-reservation .search-form--frame .input-date { width:100%; }
						.program-reservation .search-form--frame .input-box { width:100%; }
					
		
		
		.program-reservation .search-form--frame .arrow-btn-box { flex-wrap:wrap; }
			.program-reservation .search-form--frame .arrow-btn-box .arrow-btn { width:100%; }


/********** 탭 메뉴 디자인 **********/
.tab-menu--container {
	display:flex;
	justfiy-content:flex-start;
	flex-wrap:wrap;
	width:100%;
	margin-bottom:20px;
	margin-top:40px;
}
	.tab-menu--container .tab-menu--link {
		display:block;
		width:auto;
		height:100%;
		padding:10px 20px;
		margin-top:10px;
		background-color:#fafafa;
		border:1px solid #ccc;
		border-radius:10px;
		color:rgba(0,0,0,.8);
		font-family:'SEBANG_Gothic_Regular', sana-serif;
		font-weight:400;
		font-size:1rem;
		transition:0.3s all ease-in-out;
	}
	.tab-menu--container .tab-menu--link:not(:last-of-type) { margin-right:10px; }
	
	.tab-menu--container .tab-menu--link.current {
		background-color:#32a38b;
		border-color:#32a38b;
		color:#fff;
	}
	
	.tab-menu--container .tab-menu--link:hover,
	.tab-menu--container .tab-menu--link:focus {
		background-color:#464646;
		border-color:#464646;
		color:#fff;
		text-decoration:none;
	}

.tab-content--container {
	display:block;
	width:100%;
}
	.tab-content--container .tab-content:not(.current) { display:none; }
		
		.program-reservation .program-list--frame {
			display:flex;
			justify-content:flex-start;
			flex-wrap:wrap;
			width:100%;
			word-wrap:break-word;
			word-break:keep-all;
		}
			.program-reservation .program-list {
				display:block;
				width:33%;
				position:relative;
			}		
				.program-reservation .program-list .item-link {
					display:block;
					width:100%;
					height:100%;
				}
			
				.program-reservation .program-list .item-link:hover,
				.program-reservation .program-list .item-link:focus { text-decoration:none; }
					.program-reservation .program-list .image-box {
						display:block;
						width:100%;
						padding-top:75%;
						overflow:hidden;
						position:relative;
					}
						.program-reservation .program-list .image-box img {
							width:100%;
							position:absolute;
							left:50%;
							top:50%;
							transform:translate(-50%, -50%);
							z-index:2;
							transition:0.3s all ease-in-out;
						}
						
						.program-reservation .program-list .item-link:hover .image-box img,
						.program-reservation .program-list .item-link:focus .image-box img { transform:translate(-50%, -50%) scale(1.2); }
						
						.program-reservation .program-list .image-box .status--frame {
							display:block;
							width:auto;
							position:absolute;
							right:10px;
							top:10px;
							z-index:3;
						}
							.program-reservation .program-list .image-box .status--frame .status {
								font-weight:600;
								font-size:0.8rem;
								text-align:center;
							}
				
				.program-reservation .program-list .text-box {
						display:block;
						width:100%;
						padding:30px;
						background-color:#fff;
						border:1px solid #ccc;
						border-top:0px;
					}
						.program-reservation .program-list .list-category {
							display:inline-block;
							width:auto;
							padding:7px 15px;
							margin-bottom:10px;
							background-color:#464646;
							border-radius:20px;
							color:#000;
							font-size:0.7rem;
							font-weight:600;
							color:#fff;						
						}
					
						.program-reservation .program-list .list-title {
							display:block;
							width:100%;
							margin-bottom:10px;
							font-family:'SEBANG_Gothic_Regular', sana-serif;
							font-weight:400;
							font-size:1.5rem;
							color:#000;
							transition:0.3s all ease-in-out;
						}
						
						.program-reservation .program-list .list-description {
							display:block;
							width:100%;
							margin-bottom:25px;
							font-weight:600;
							font-size:0.85rem;
							color:rgba(0,0,0,.55);
						}
						
						.program-reservation .program-list .item-link:hover .list-title,
						.program-reservation .program-list .item-link:focus .list-title { color:#3875ba; }
						
						.program-reservation .program-list .list-item--info {
							display:flex;
							justify-content:flex-start;
							flex-wrap:wrap;
							width:100%;
						}
						
						.program-reservation .program-list .list-item--info:not(:last-of-type) { margin-bottom:12px; }
							.program-reservation .program-list .list-item--title,
							.program-reservation .program-list .list-item--cont {
								display:block;
								width:auto;
								font-size:0.8rem;
								font-weight:600;
								color:#000;
							}
							.program-reservation .program-list .list-item--cont {
								margin-left:10px;
								color:rgba(0,0,0,.7);
							}
							
/********** 프로그램 상세보기 **********/
.board-view.program-view {

}
	.board-view.program-view .board-view-top {
		display:block;
		padding:30px;
		position:relative;
	}
		.board-view.program-view .board-view-top .view-category {
			display:inline-block;
			width:auto;
			border-radius:5px;
			color:rgba(0,0,0,.6);
			font-weight:400;
			font-family:'SEBANG_Gothic_Regular', sana-serif;
			font-size:1rem;
			
		}
		
		.board-view.program-view .board-view-top .view-title {
			padding-right:120px;
			font-family:'SEBANG_Gothic_Regular', sana-serif;
			font-weight:400;
		}
		
		.board-view.program-view .board-view-top .view-descript {
			display:block;
			width:100%;
			padding-right:120px;
			margin-top:10px;
			font-weight:600;
			font-size:0.91rem;
			color:rgba(0,0,0,.7);
		}
		
		.board-view.program-view .board-view-top .view--info {
			display:flex;
			justify-content:flex-start;
			flex-wrap:wrap;
			width:100%;
			margin-top:30px;
		}
			.board-view.program-view .board-view-top .info-list {
				display:flex;
				justify-content:flex-start;
				align-items:center;
				width:auto;
				padding:10px 15px;
				margin-top:10px;
				background-color:#fafafa;
				border:1px solid #ccc;
				border-radius:5px;
			}
			.board-view.program-view .board-view-top .info-list:not(:last-of-type) { margin-right:30px; }
			
				.board-view.program-view .board-view-top .list-title,
				.board-view.program-view .board-view-top .list-cont {
					display:block;
					font-size:0.85rem;
					font-weight:600;
					color:#000;	
				}
				
				.board-view.program-view .board-view-top .list-cont {
					margin-left:10px;
				}
		
		
			.board-view.program-view .board-view-top .status--frame .status {
				font-weight:600;
				font-size:0.91rem;
				text-align:center;
			}
							
							
/********** 프로그램 신청 완료 - 무통장 입금안내 **********/							
.bank-info--frame { display:block; }
	.bank-info--frame .info-text {
		display:block;
		width:100%;
		margin-bottom:15px;
	}
		.bank-info--frame .info-text .block {
			display:block;
			width:100%;
			line-height:1.4;
			text-align:center;
		}
							
	.bank-info--frame .info-list--frame {
		display:block;
		width:100%;
		background-color:#fff;
		border:1px solid #ccc;
		border-radius:10px;
		overflow:hidden;
	}
		.bank-info--frame .info-list--frame .info-list {
			display:flex;
			justify-content:flex-start;
			flex-wrap:wrap;
			width:100%;
		}
		
		.bank-info--frame .info-list--frame .info-list:not(:last-of-type) { border-bottom:1px solid #ccc; }
				
			.bank-info--frame .info-list--frame .info-list .list-title,
			.bank-info--frame .info-list--frame .info-list .list-cont {
				display:block;
				padding:15px;
				font-family:'SEBANG_Gothic_Regular', sana-serif;
				font-weight:300;
			}
			
			.bank-info--frame .info-list--frame .info-list .list-title { color:#000; }
			
			.bank-info--frame .info-list--frame .info-list .list-cont { width:calc(100% - 120px); color:rgba(0,0,0,.8); }

/********** 나의 신청현황 **********/
.myApply-list--frame {
	display:block;
	width:100%;
	word-wrap:break-word;
	word-break:keep-all;
}
	.myApply-list--frame .program-applyList--frame {
		display:block;
		width:100%;
	}
		.myApply-list--frame .program-applyList--frame .applyList-title--frame {
			display:flex;
			justify-content:space-between;
			align-items:center;
			flex-wrap:wrap;
			width:100%;
		}
			.myApply-list--frame .program-applyList--frame .applyList-title--frame .ca-applyList-title {
				display:block;
				width:auto;
				font-family:'SEBANG_Gothic_Regular', sana-serif;
				font-size:1.5rem;
				font-weight:400;
				color:#000;
				letter-spacing:-.9px;
			}
			
			.myApply-list--frame .program-applyList--frame .applyList-title--frame .link-btn {
				display:flex;
				justify-content:flex-start;
				align-items:center;
				width:auto;
				padding:10px 20px;
				background-color:#fafafa;
				border:1px solid #ccc;
				border-radius:20px;
				transition:0.3s all ease-in-out;
			}
			
			.myApply-list--frame .program-applyList--frame .applyList-title--frame .link-btn:hover,
			.myApply-list--frame .program-applyList--frame .applyList-title--frame .link-btn:focus {
				background-color:#349f38;
				border-color:#349f38;
				text-decoration:none;
				color:#fff;
			}
			
				.myApply-list--frame .program-applyList--frame .applyList-title--frame .link-btn .icon,
				.myApply-list--frame .program-applyList--frame .applyList-title--frame .link-btn .text {
					display:block;
					width:auto;
					font-size:0.8rem;
					font-weight:600;
				}
				
				.myApply-list--frame .program-applyList--frame .applyList-title--frame .link-btn .icon { margin-left:30px; }

		.myApply-list--frame .program-applyList--frame .apply-list--frame {
			display:block;
			width:100%;
		}
			.myApply-list--frame .apply-list--frame .list-item {
				display:flex;
				justify-content:flex-start;
				flex-wrap:wrap;
				align-items:center;
				width:100%;
				padding:30px;
				background-color:#fff;
				border-bottom:1px solid #ccc;
			}
			
				.myApply-list--frame .apply-list--frame .left-area { display:block; }
					.myApply-list--frame .apply-list--frame .list-title {
						display:block;
						width:100%;
						font-family:'SEBANG_Gothic_Regular', sana-serif;
						font-weight:400;
						font-size:1.5rem;
						color:#000;
					}
				
					.myApply-list--frame .apply-list--frame .list-info {
						display:flex;
						justify-content:flex-start;
						flex-wrap:wrap;
						width:100%;
						margin-top:20px;
					}
						.myApply-list--frame .apply-list--frame .info-item {
							display:flex;
							justify-content:flex-start;
							align-items:center;
							width:auto;
							margin-top:8px;
						}
						
						
							.myApply-list--frame .apply-list--frame .info-item .item-title,
							.myApply-list--frame .apply-list--frame .info-item .item-cont {
								display:block;
								width:auto;
								font-size:0.85rem;
								font-weight:600;
							}
							
							.myApply-list--frame .apply-list--frame .info-item .item-cont { margin-left:12px; }
							
								.myApply-list--frame .apply-list--frame .info-item .status--frame {
									display:flex;
									justify-content:flex-start;
									align-items:center;
									width:100%;
								}
									.myApply-list--frame .apply-list--frame .info-item .status {
										display:block;
										width:auto;
										padding:10px 20px;
										border-radius:5px;
									}
									.myApply-list--frame .apply-list--frame .info-item .status:not(:last-of-type) { margin-right:5px; }

						.myApply-list--frame .apply-list--frame .companion-info--box {
							display:block;
							width:100%;
							margin-top:25px;
							padding:10px;
							background-color:#fafafa;
							border:1px solid #ccc;
							border-radius:5px;
							word-wrap:break-word;
							word-break:keep-all;
						}
							.myApply-list--frame .apply-list--frame .companion-info--box .block {
								display:block;
								width:100%;
								font-size:0.85rem;
								font-weight:600;
								line-height:1.6;
								color:#fc5e5e;
								text-align:center;
							}

				.myApply-list--frame .apply-list--frame .right-area { display:block; }
					.myApply-list--frame .apply-list--frame .btn-list {
						display:block;
						padding:10px 22px;
						border-radius:20px;
						text-align:center;
						font-size:0.85rem;
						font-weight:600;
					}
						.myApply-list--frame .apply-list--frame .btn-list.btn-cancel {
							background-color:#fafafa;
							border:1px solid #ccc;
							color:rgba(0,0,0,.7);
						}
						
						.myApply-list--frame .apply-list--frame .btn-list.btn-modify {
							background-color:#4c84be;
							color:#fff;
						}

/********** responsive - start **********/ 

/********** Mobile **********/
@media screen and (min-width:1px) and (max-width:330px) {
	/********** 프로그램 예약 - 목록 **********/
	.program-reservation .search-form--frame .flex-frame { flex-wrap:wrap; }
	.program-reservation .search-form--frame .flex-frame .item { width:100% !important; }
	.program-reservation .search-form--frame .flex-frame .cal-btn { margin-left:0px; }

	.program-reservation .program-list .list-item--title,
	.program-reservation .program-list .list-item--cont {
		display:block;
		width:100%;
	}
	.program-reservation .program-list .list-item--cont {
		margin-left:0px;
		margin-top:7px;
	}
}

/* Mobile */
@media screen and (min-width:1px) and (max-width:639px) {
	/********** 프로그램 예약 - 목록 **********/
	.program-reservation .search-form--frame { flex-wrap:wrap; }
	.program-reservation .search-form--frame .input-area,
	.program-reservation .search-form--frame .button-area { width:100%; }
	
		.program-reservation .search-form--frame .search-list--item {
			flex-wrap:wrap;
			margin-bottom:15px;
			padding-bottom:15px;
			border-bottom:1px solid #ccc
		}
		
		.program-reservation .search-form--frame .list-title {
			width:100%;
			font-size:1rem;
			margin-bottom:10px;
		}
		.program-reservation .search-form--frame .list-cont--frame { width:100%; }
	
	.program-reservation .search-form--frame .flex-frame .item:not(.cal-btn) { width:calc(100% - 50px); }
	
	.program-reservation .program-list { width:100%; }
	.program-reservation .program-list:nth-of-type(n+2) { margin-top:20px; }
	
	/********** 프로그램 상세보기 **********/
	.board-view.program-view .board-view-top { border-top:2px solid #000; }
	
		.board-view.program-view .board-view-top .status--frame { margin-top:20px; }
		
	/********** 프로그램 신청 완료 - 무통장 입금안내 **********/							
	.bank-info--frame { width:100%; }
	
		.bank-info--frame .info-list--frame {
			border:0px;
			border-radius:0px;
		}
			.bank-info--frame .info-list--frame .info-list {
				margin-bottom:10px;
				border:1px solid #ccc;
				border-radius:5px;
				overflow:hidden;
			}
		
			.bank-info--frame .info-list--frame .info-list .list-title,
			.bank-info--frame .info-list--frame .info-list .list-cont { width:100%; }
			
			.bank-info--frame .info-list--frame .info-list .list-title {
				background-color:#fafafa;
				border-bottom:1px solid #ccc;
			}
			.bank-info--frame .info-list--frame .info-list .list-cont { background-color:#fff; }
	/********** 나의 신청현황 **********/
	.myApply-list--frame .apply-list--frame .left-area,		
	.myApply-list--frame .apply-list--frame .right-area { width:100%; }
	
	
		.myApply-list--frame .apply-list--frame .info-item { width:100%; }
	
	.myApply-list--frame .apply-list--frame .right-area {
		display:flex;
		justify-content:flex-start;
		margin-top:20px;
	}
		.myApply-list--frame .apply-list--frame .btn-list { width:49%; }
		.myApply-list--frame .apply-list--frame .btn-list:not(:last-of-type) { margin-right:2%; }		
}

/********** Mobile & Tablet **********/	
@media screen and (min-width:1px) and (max-width:849px) {
	/********** 프로그램 예약 - 목록 **********/
	.program-reservation .program-list .item-link .text-box { padding:20px; }
		
	
}

/* Mobile & Tablet */
@media screen and (min-width:1px) and (max-width:1316px) {
	/********** 프로그램 예약 - 목록 **********/		
	.program-reservation .search-form--frame .flex-frame .item:not(.cal-btn) { width:calc(100% - 50px); }
}

/********** Tablet **********/	
@media screen and (min-width:640px) and (max-width:849px) {
	/********** 프로그램 예약 - 목록 **********/
	.program-reservation .program-list { width:49%; }
	.program-reservation .program-list:nth-of-type(odd) { margin-right:2%;; }
	.program-reservation .program-list:nth-of-type(n+3) { margin-top:20px; }
}

/* Tablet */
@media screen and (min-width:640px) and (max-width:1316px) {
	
}

/* Tablet & PC */
@media screen and (min-width:640px) {
	/********** 프로그램 예약 - 목록 **********/
	.program-reservation .search-form--frame .input-area { width:calc(100% - 210px); }
	.program-reservation .search-form--frame .button-area {
		width:180px;
		margin-left:30px;
	}
	
		.program-reservation .search-form--frame .list-title {
			width:100px;
			margin-right:10px;
			font-size:1.21rem;
		}
		.program-reservation .search-form--frame .list-cont--frame {
			width:calc(100% - 110px);
		}
		
	/********** 프로그램 상세보기 **********/
	.board-view.program-view .board-view-top .status--frame {
		position:absolute;
		right:30px;
		top:20px;
	}
	
	/********** 프로그램 신청 완료 - 무통장 입금안내 **********/							
	.bank-info--frame {
		width:auto;
		max-width:500px;
		margin-left:auto;
		margin-right:auto;
	}
		.bank-info--frame .info-list--frame .info-list:nth-of-type(odd) { background-color:#fafafa; }
		.bank-info--frame .info-list--frame .info-list:nth-of-type(even) { background-color:#fff; }
		
			.bank-info--frame .info-list--frame .info-list .list-title {
				width:100px;
				margin-right:20px;
			}
			
			.bank-info--frame .info-list--frame .info-list .list-cont { width:calc(100% - 120px); }
			
	/********** 나의 신청현황 **********/
	.myApply-list--frame .apply-list--frame .left-area,
	.myApply-list--frame .apply-list--frame .right-area { flex:1; }
	.myApply-list--frame .apply-list--frame .left-area { width:calc(100% - 120px); }
		.myApply-list--frame .apply-list--frame .info-item:not(:last-of-type) { margin-right:25px; }
		
	.myApply-list--frame .apply-list--frame .right-area {
		width:90px;
		max-width:90px;
		margin-left:30px;
	}
	
		.myApply-list--frame .apply-list--frame .btn-list { width:100%; }
		.myApply-list--frame .apply-list--frame .btn-list:not(:last-of-type) { margin-bottom:10px; }
}

/********** Tablet & PC **********/	
@media screen and (min-width:850px) {
	/********** 프로그램 예약 - 목록 **********/
		.program-reservation .program-list {
			width:33%;
			position:relative;
		}
		.program-reservation .program-list:not(:nth-of-type(3n)) { margin-right:0.5%; }
		.program-reservation .program-list:nth-of-type(n+4) { margin-top:20px; }
		
			.program-reservation .program-list .item-link .text-box { padding:30px; }
}

/* PC */
@media screen and (min-width:1317px) {
	/********** 프로그램 예약 - 목록 **********/
	.program-reservation .search-form--frame .flex-frame .item:not(.cal-btn) { width:50%; }
	
	/********** 프로그램 상세보기 **********/
	.board-view.program-view .board-view-top { padding:45px; }
}

/* print */
@media print {
	
}