/*=================================================
		 페이지 공통
=================================================*/
/*****#####===== 페이지 네비게이션 =====#####*****/
.page-nav-wrap li{
	width:25%;
}

/*****#####===== 패딩 랩 =====#####*****/
.padding-wrap{
	padding:30px 100px;
}

/*****#####===== 아코디언 =====#####*****/
/*****##### 헤더 #####*****/
.card-header{
	padding:13px 32px;
	
	overflow:hidden;
}

.card-header > a{
	width:100%;
	display:block;
}

.card-header .card-header-title{
	position:relative;
}

.card-header .card-header-title:after{
	content:'';
	position:absolute;
	top:50%;
	right:-14px;
	
	width:1px;
	height:16px;
	
	background-color:#ffffff;
	
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);	
}

/*****##### click 버튼 #####*****/
.card-btn{
    padding: 4px 20px;
    
    border-radius: 20px;
    
    background-color: #ffffff;
    color: #C2B49A;
    float: right;
}

.card-btn .icon{
	margin-left:20px;
	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease-in-out;
}

/*****##### 컨텐츠 #####*****/
.card-block{
	padding:18px 60px;
}

.card-block table{
	border-collapse:separate;
	border-spacing:0 10px;
}

.form-control{
    padding: .4rem .75rem;
}

/***** 테이블 *****/
.card-block table > tbody > tr > th{
	width:12%;
	
	color:#616161;
}

.card-block table > tbody > tr:last-child > th{
	vertical-align: top;
}

.card-block table > tbody > tr > td input[type="radio"]+input[type="radio"]{
	margin-left:15px;	
}

/***** 약관버튼 *****/
.term-btn{
    margin-left: 20px;
    padding: 3px 24px;
    
    background: none;
    border: 1px solid #C2B49A;
    border-radius: 5px;

	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease-in-out;
}

.term-btn:hover{
	background-color:#C2B49A;
	color:#ffffff;
}

/***** 신청버튼 *****/
.form-btn{
	width:100%;
	
	margin-top:10px;
	border:1px solid transparent;
	border-radius:10px;
	color:#ffffff;
	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease-in-out;	
}

.card-block a.form-btn{
	color:#ffffff !important;
}

.form-btn:hover{
	border:1px solid #C2B49A;
	background:none;
	color:#C2B49A !important;
}

.card-block a.form-btn:hover{
	color:#C2B49A !important;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** lg *****/
@media (min-width: 992px) and (max-width: 1199px){ 

}

/***** md *****/
@media (min-width: 768px) and (max-width: 991px){ 
	 
}

/***** sm *****/
@media (min-width: 544px) and (max-width: 767px){

}

/***** xs *****/
@media (max-width: 543px){
	/*****#####===== 패딩 =====#####*****/
	.padding-wrap{
		padding:10px 0;
	}
	
	/*****#####===== 아코디언 =====#####*****/
	.card-header,
	.card-block{
		padding:12px 10px;
	}
	
	.card-header .card-header-title{
		margin-top:3px;
	}
	
	#card-content .inline_300{
		width:200px;
	}
	
	.card-block table > tbody > tr > th{
		width:28%;
		vertical-align:top;
	}
	
	.term-btn{
		margin-left:0;
		font-size:12px;
	}
	
	.password-list .d-inline-block{
		margin-top:10px;
	}
	
	/*****#####===== 약관내용 =====#####*****/
	#term_modal .modal-title{
		margin-bottom:5px !important;
	}
	
	#term_modal .modal-body{
		height:440px;
		
		font-size:13px;
		overflow-y: scroll;
	}
}

/*=================================================
		[Page] 진료삳담 - 진료시간
=================================================*/
#page-time-page .padding-wrap{
	padding:80px 273px 130px;
}

/*****#####===== 컨텐츠 =====#####*****/
#page-time-page table > tbody > tr + tr{
	border-top:1px solid #CCCCCC;
}

#page-time-page table > tbody > tr > th,
#page-time-page table > tbody > tr > td{
	padding-top:23px;
	padding-bottom:23px;
}

#page-time-page table > tbody > tr > th{
	padding-left:25px;
}

#page-time-page table > tbody > tr > td{
	padding-right:15px;
	text-align:right;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** lg *****/
@media (min-width: 992px) and (max-width: 1199px){ 

}

/***** md *****/
@media (min-width: 768px) and (max-width: 991px){ 
	 
}

/***** sm *****/
@media (min-width: 544px) and (max-width: 767px){

}

/***** xs *****/
@media (max-width: 543px){
	#page-time-page .padding-wrap{
		padding:70px 0;
	}
	
	#page-time-page table > tbody > tr > th, 
	#page-time-page table > tbody > tr > td{
		padding-top:15px;
		padding-bottom:15px;
	}
	
	#page-time-page table > tbody > tr > th{
		width:35%;
		padding-left:0;
	}
	
	#page-time-page table > tbody > tr > td{
		padding-right:0;
	}
}

/*=================================================
		[Page] 진료삳담 - 온라인예약
=================================================*/
/*****#####===== 아코디언 =====#####*****/
/*****##### 라벨 #####*****/
#page-reservation-page .control-label{
	width:24%;
	
	margin-bottom:12px;
}

#page-reservation-page .top .control-label{
	width:24%;
}

#page-reservation-page .bottom .control-label{
	width:12%;
}

/*****##### 선 #####*****/
#card-content .separator{
    width: 40px;
    height: 2px;
    
    margin:10px 0 20px;
}

.form-wrap{
    padding-right: 10px;
	border-right:1px solid #ededed;
}

/*****##### 인풋 #####*****/
#page-reservation-page .form-group,
#page-reservation-page .form-group+.form-group{
	margin-bottom:12px;
}

#page-reservation-page .top .inline{
	width:74% !important;
}

#page-reservation-page .bottom .inline{
	width:87% !important;
}

/***** 데이트피커 *****/
#page-reservation-page .datepicker{
	position:relative;
}

#page-reservation-page i.fa{
	position:absolute;
	top:9px;
	right:21px;
}

/*****##### 인증버튼 #####*****/
#page-reservation-page .phone-btn{
    margin: 0 2px;
	padding: 7px 17.5px;

	background:none;
	border:1px solid rgba(0,0,0,0.15);
	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease-in-out;	
}

#page-reservation-page .phone-btn:hover{
	background-color:#7b7b7b;
	color:#ffffff;
	
	border:1px solid transparent;
}

/*****##### 동의버튼 #####*****/
#page-reservation-page .agree-chk{
	margin-top:51px;
	float:right;
}

/*****#####===== 예약안내 =====#####*****/
#page-reservation-page .section-bg{
	padding:40px 0;
}

#page-reservation-page .item-wrap{
	margin:0 0 40px;
}

/*****##### 타이틀 #####*****/
#page-reservation-page .item-title{
	padding:40px 0 20px;
	border-top:1px solid #E1E0DE;
}

/*****##### 컨텐츠 #####*****/
#page-reservation-page .item-content{
	line-height:2;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** lg *****/
@media (min-width: 992px) and (max-width: 1199px){ 

}

/***** md *****/
@media (min-width: 768px) and (max-width: 991px){ 
	 
}

/***** sm *****/
@media (min-width: 544px) and (max-width: 767px){

}

/***** xs *****/
@media (max-width: 543px){
	#page-reservation-page .control-label{
		width:38%;
	    margin-right: 5px;
	    margin-bottom:5px;
	}
	
	#page-reservation-page .bottom .control-label{
		width:22%;
	}
	
	#page-reservation-page .inline{
		width: 158px !important;
	}
	
	#page-reservation-page .bottom .inline{
		width:75% !important;
	}
	
	#page-reservation-page .phone-btn{
		padding:5px 4px;
		font-size:12px;
	}
	
	#page-reservation-page .agree-chk{
		margin-top:20px;
	}
	
	#page-reservation-page .item-wrap{
		margin:0 0 20px;
	}
	
	#page-reservation-page .item-title{
		padding:20px 0 10px;
	}
	
	/*****#####===== 캘린더 =====#####*****/
	.reservation_calendar .fc-left h2{
		font-size:20px;
	}
	
	.doctor_info_wrap{
		padding:5px;
		border:1px solid #cccccc;
	}
	
	.doctor_info_wrap p{
		margin-bottom:0;
	}
}

/*=================================================
		[Page] 진료삳담 - 예약확인
=================================================*/
/*****#####===== 예약확인폼 =====#####*****/
#page-rsrv_modify-page .card-block{
	margin-top:30px;
	padding:0 25px 0 0;
	
	border-top:1px solid #E1E1E1;
	border-bottom:1px solid #E1E1E1;
}

#page-rsrv_modify-page .card-block table > tbody > tr > th{
	width:35%;
}

#page-rsrv_modify-page .control-label{
	padding-left:25px;
}

/*****##### 버튼 #####*****/
#page-rsrv_modify-page .form-btn{
	margin-bottom:30px;
}

/*****#####===== 테이블 =====#####*****/
#page-rsrv_modify-page .board-list-table{
	margin:90px 0;
	border-top:2px solid #C1B69A;
}

#page-rsrv_modify-page .board-list-table > tbody > tr+tr > td{
	border-top:none;
}

#page-rsrv_modify-page .board-list-table > tbody > tr > td{
	border-bottom:1px solid #cccccc;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** lg *****/
@media (min-width: 992px) and (max-width: 1199px){ 

}

/***** md *****/
@media (min-width: 768px) and (max-width: 991px){ 
	 
}

/***** sm *****/
@media (min-width: 544px) and (max-width: 767px){

}

/***** xs *****/
@media (max-width: 543px){
	#page-rsrv_modify-page .board-list-table{
		margin:50px 0 70px;
	}
	
	#page-rsrv_modify-page .board-list-table .btn-default{
		padding:5px 10px;
		font-size:12px;
		margin: auto;
		display:block;
	}
	
	#page-rsrv_modify-page .board-list-table .btn-default + .btn-default{
		margin-top:3px;
	}
}