@charset "euc-kr";
/*
### CSS HACK ####
# IE 6 ¹× ÇÏÀ§¹öÀü
* html #uno  { color: red }

# IE 7 ¹× ÇÏÀ§¹öÀü
*:first-child+html #dos { color: red }
*/

h3.h3{ font-size:20px; font-weight: 600; padding-bottom:5px; margin:20px 0 5px 0; padding:0 0 0 24px;
                 font-family: 'NanumGothic','³ª´®°íµñ', sans-serif;
                 background:url("../../design_image/sub/h_icon_01.png") no-repeat 0px 6px;}

.sub_icon2{ background:url("./img/icon2_1.gif") no-repeat 2px 4px; padding-left:12px; }

.apply_today {width:40px; height: 40px; line-height: 40px; background: #00aeef; margin:0 auto;
	border-radius: 100%; color:#fff; font-weight: bold;}
.apply_yesterday {opacity:0.4; cursor: default; font-weight: normal;}
.apply_tomorrow {font-weight: bold;}
.apply_H {padding:2px 2px; background:#d50c0c; text-align: center; font-size: 12px; color: #fff; border-radius: 3px;}
.TopLine {text-align: center; margin-bottom:10px;}

#ModuleReserveAppointmentChild div.TopLine{	text-align:center;	font-size:24px;	padding:0px 0 10px 0;	vertical-align:middle;	}
#ModuleReserveAppointmentChild div.TopLine a {display:inline-block; width:50px; height:100%; }
#ModuleReserveAppointmentChild div.TopLine a img {vertical-align:inherit;}
#ModuleReserveAppointmentChild table.Calendar th{			text-align:center;	padding:8px 0;		}
#ModuleReserveAppointmentChild table.Calendar .DayLine{	text-align:center;	padding:2px 5px;	}

#ModuleReserveAppointmentChild table.Calendar .DayContent{	text-align:center;	padding:20px 0;	}

#ModuleReserveAppointmentChild table.Calendar ul{		padding:0;	margin:0;	list-style:none;	}
#ModuleReserveAppointmentChild table.Calendar ul li{	padding:0;	margin:0; font-size:8pt; line-height:20px;	}

#ModuleReserveAppointmentChild table.Calendar td.WeekCount_0{		color:red;	}
#ModuleReserveAppointmentChild table.Calendar td.WeekCount_6{	color:blue;	}
#ModuleReserveAppointmentChild table.Calendar td.Holliday_H{	background:#f0dfdf;	color:red;	}
#ModuleReserveAppointmentChild table.Calendar td.Holliday_PH{	color:red;	}

#ModuleReserveAppointmentChild table.WriteForm th{			text-align:center;	padding:7px 0;	vertical-align:middle;		}
#ModuleReserveAppointmentChild table.WriteForm td{			padding-left:4px;	text-align:left;	vertical-align:middle;	}


#ModuleReserveAppointmentChild table.TableList th{			text-align:center;	padding:7px 0;	vertical-align:middle;		}
#ModuleReserveAppointmentChild table.TableList td{			padding-left:4px 0;	text-align:center;	vertical-align:middle;	}


.apply_table td {padding:12px 10px; box-sizing: border-box !important; border-left:0px; border-right:0px;}
.apply_table th{ border-left:0px; border-right:0px;}


/* ****************************************************************************************
/* ¿¹¾à ¸®½ºÆ® ½ÂÀÎ
/* ****************************************************************************************/
#Appointment-agree{	padding:0 0 0 60px;	}

#Appointment-agree .agree_bg{
		width:560px;	height:345px;
		background:url("./img/agree_bg.jpg") no-repeat;
		position:relative;
	}
#Appointment-agree .agree_bg p{	position:absolute; }
#Appointment-agree .agree_bg p.agree_content{	left:17px;	top:16px;		}
#Appointment-agree .agree_bg p.agree_confirm{	left:65px;	top:285px;		}

#Appointment-agree .back_title{
	width:560px;
	background:url("./img/bg_title_bar.jpg") repeat-x;
	text-align:center;
	padding:10px 0px 10px 0px;
	color:white;
	font-size:100%;	 font-weight:bold;
}


/* ****************************************************************************************
/* ¿¹¾à ¸®½ºÆ® ½ÂÀÎ
/* ****************************************************************************************/
#Appointment-form{
	padding:0 0 0 15px;
	width:560px;
}

#Appointment-form .back_title{
	width:560px;
	background:url("./img/bg_title_bar.jpg") repeat-x;
	text-align:center;
	padding:10px 0px 10px 0px;
	color:white;
	font-size:100%;	 font-weight:bold;
}

#Appointment-form fieldset{	border:0px;	}

#Appointment-form table{	border-right:0px	}
#Appointment-form th{	line-height:20px;	border-left:0px; text-align:center;	}
#Appointment-form td{	 padding:0px 5px 0px 15px;	border-left:0px;	}


#tab4_btn{}
#tab4_btn ul li{float:left;}
#tab4_btn .bat4_1 li{padding-right:5px;}
#tab4_btn .bat4_2{clear:both; width:700px; height:71px;	background:url("./img/btn4_bg.gif") no-repeat; padding-left:200px; }
#tab4_btn .bat4_2 li{padding:22px 5px 0 5px;}
#tab4_btn .bat4_3{clear:both; width:700px; height:71px;	background:url("./img/btn4_bg.gif") no-repeat; padding-left:8px; }
#tab4_btn .bat4_3 li{padding:22px 2px 0 2px;}
#tab4_btn .bat4_4{clear:both; width:700px; height:71px;	background:url("./img/btn4_bg.gif") no-repeat; padding-left:265px; }
#tab4_btn .bat4_4 li{padding:22px 2px 0 2px;}
#tab4_btn .bat4_5{clear:both; width:700px; height:71px;	background:url("./img/btn4_bg.gif") no-repeat; padding-left:8px; }
#tab4_btn .bat4_5 li{padding:22px 2px 0 2px;}

.table1{ width:635px; border-left:1px solid #cccccc; border-top:1px solid #64bb38;  border-collapse:collapse; text-align:left; }
.table1 caption{ text-align:right; padding-right:5px; }
.table1 th{ padding:7px 0px 5px 0px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; background:#f3f2f2;background-clip:padding-box;  font-size:1.0em; line-height:1.2em; }
.table1 th.row{ padding:3px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; background:#f6f6f6; font-size:1.0em; font-weight:normal; }
.table1 td{  border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; }


.table2{ width:640px; border-left:1px solid #cccccc; border-top:1px solid #505861;  border-collapse:collapse; text-align:center; }
.table2 caption{ text-align:right; padding-right:5px; }
.table2 th{ padding:5px 0px 5px 0px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; background:#f3f2f2; background-clip:padding-box; font-size:1.0em; line-height:1.2em; }
.table2 th.row{ padding:3px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; background:#f6f6f6; font-size:1.0em; font-weight:normal; }
.table2 td{   height:30px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;background:#fff;background-clip:padding-box;  }


.count_text li{float:left; padding-left:34px;}

button.bt_up {width: 29px; height: 29px; margin-right:3px;}
button.bt_down {width: 29px; height: 29px;}






/* 320 ¸ð¹ÙÀÏ »çÀÌÁî ½ÃÀÛ===================================================================================================================== */
@media screen and (min-width:320px)and (max-width:767px){
.apply_box1 {width:100%; margin-bottom:15px;}
.apply_box2 {width:100%;  margin-bottom:25px;}
}
/* 320 ¸ð¹ÙÀÏ »çÀÌÁî ³¡===================================================================================================================== */