@charset "utf-8";

@import url(layout.css);
@import url(contents.css);

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

.reservation_caleder { width:850px;  position: relative;  margin:20px auto; font-family:'Nanum Gothic'} 
.reservation_caleder table { width:100%; border-collapse:collapse;} 
.reservation_caleder table tbody th { height:50px;  border:1px solid #d5d5d5; border-left: none; border-top: none;} 
.reservation_caleder table tbody td { width:98px; height:92px; border:1px solid #d5d5d5; text-align:right; vertical-align:top; padding:5px 5px 0 0; border-left: none; border-bottom: none; font-size:12px;} 
.reservation_caleder table tbody td p{margin: 5px 0 0 0;}

.txt_month { font-size:35px;}
.icon_state { margin-top:10px; }

table, tr, th, td {border:0; margin:0; padding:0;}

/* Popup Layer */

.layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:10000;}
.open {display:block;}
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.layer_area {position:absolute; left:45%; top:50%; width:780px; height:750px; z-index:99999999; }

.layer3 {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:10000;}
.open3 {display:block;}
.layer3 .bg3 {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.layer_area3 {position:absolute; left:45%; top:50%; width:780px; height:750px; z-index:99999999; }


/* ¿Â¶óÀο¹¾à */

.reservation_input {position:relative; margin:40px auto; width:685px;}
.reservation_input .tit_box{height: 32px;background-color: #ececec;border-top: 1px solid #d4d3d3;
border-bottom: 1px dashed #d4d3d3;}
.reservation_input .tit_box h4.tit{position:absolute; left:25px; top:10px;;}
.reservation_input .tit_box span {padding:19px 0 0 12px; float:left;}
.table_box{clear: both;}
.reservation_input .table_box {border-top:1px solid #ddd;}
.reservation_input .table_box table {width:100%; font-size:12px;}
.reservation_input .table_box tbody th {text-align:left; border-bottom:1px solid #ddd; background:#F1F1F1; padding:10px;}
.reservation_input .table_box {background:url(img/bg_cont_line.gif) left top repeat-x; border-top: 2px solid #ed145b}
.reservation_input .table_box tbody td{text-align:left; padding:10px; border-bottom:1px dashed #ddd;}
.sel_email{height:20px; border:1px solid #b7b7b7; width:96px;}
.counsel_ch_box{border-bottom: 1px solid #d4d3d3; padding-bottom: 25px;}
.reservation_input .personal_box {margin:10px 0 0 0; padding:8px 10px; font-size:11px; color:#9c9999; line-height:18px; letter-spacing:-1px; border:1px solid #e9e9e9; background-color:#fff; overflow: scroll; height: 89px; background-color: #fbfbfb}
.reservation_input .bgbox .btn_counsel_img{margin: 0 0 185px 240px;}

/* ¿Â¶óÀÎ ¿¹¾à */
.calendarWrap{width:800px;margin:auto;}
.whatMonth{ font-size:20px; font-weight:bold; }
.month li{ float:left; padding:0 80px 0; font-size:26px; }
.month li.frist{ padding-left:0px; }
.month li.last{ padding-right:0px; }
.monthClear{ clear:both; }

.reservation{ margin-top:40px; } 
.reservation li{ float:left;}
.reservationClear{ clear:both;}
.today span{ color:#4e78c7;  font-weight:bold; }
.bookin{ padding-left:30px; color:#4e78c7; }

.calendarTable{ width:100%; margin-top:30px; }
.calendarTable tr th{font-size:16px; border:1px solid #ccc; text-align:center; border: 1px solid #ccc; padding:15px 0; }
.calendarTable tr td{position:relative;font-size:16px; border:1px solid #ccc; text-align:right; padding-right:2px; }
.calendarTable tr td a{display:block;width:91%;height:50px;padding-top: 10px;padding-right: 9%;}
.calendarTable tr td p{position:absolute;right:5px;bottom:5px;}
.calendarTable tr td p a{display:block;width:100%;height:21px;}
.calendarTable tr td{width:14%; }
.sunday{ color:#f44e4e; font-weight:bold; }
.saturday{ color:#0000cc; font-weight:bold; }

/* ¼­ºê ÄÁÅÙÃ÷ ÅÇ */

.subtap2{padding: 46px 0 101px 2px;}
.subtap2 li{float:left; display:block;width:471px;height:48px;text-align:center;line-height:45px;background-color:#cccccc;}
.subtap2 li a{color:#fff;font-size:15px;font-weight: bold;display:block;}
.subtap2 li:hover, .subtap2 li.on {color:#fff;background-color:#a576c0;display:block;}

.subtap2_1{padding: 46px 0 101px 2px;}
.subtap2_1 li{float:left; display:block;width:471px;height:48px;text-align:center;line-height:45px;background-color:#cccccc;}
.subtap2_1 li a{color:#fff;font-size:15px;font-weight: bold;display:block;}
.subtap2_1 li:hover, .subtap2_1 li.on {color:#fff;background-color:#c09c76;display:block;}

.subtap5{padding: 46px 0 101px 2px;}
.subtap5 li{float:left; display:block; width:188px;height:48px;text-align:center;line-height:45px;background-color:#cccccc;}
.subtap5 li a{color:#fff;font-size:15px;font-weight: bold;display:block;}
.subtap5 li:hover, .subtap5 li.on {color:#fff;background-color:#ff5c7c;display:block;}