@charset "utf-8";

.reservation_caleder { width:1205px; margin:30px auto 0; margin-bottom:70px;} 

.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 5px; border-left: none; border-bottom: none; } 
.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;}

/* 온라인예약 */

.reservation_input {position:relative; margin-top:40px; 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;}
.reservation_input .table_box {background:url(img/bg_cont_line.gif) left top repeat-x; border-top: 2px solid #c01414}
.reservation_input .table_box tbody td{text-align:left; padding:6px 0; 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 180px;}

/* 비용상담문의 */
.sub07_04_input {position:relative; width: 685px;}

.sub07_04_input .tit_box{height: 32px;background-color: #ececec;border-top: 1px solid #d4d3d3;
border-bottom: 1px dashed #d4d3d3;}
.sub07_04_input .tit_box h4.tit{position:absolute; left:25px; top:10px;;}
.sub07_04_input .tit_box span {padding:19px 0 0 12px; float:left;}
.table_box{clear: both;}
.sub07_04_input .table_box {border-top:1px solid #ddd;}
.sub07_04_input .table_box table {width:100%; font-size:12px;}
.sub07_04_input .table_box tbody th {text-align:left; border-bottom:1px solid #ddd;}
.sub07_04_input .table_box {background:url(img/bg_cont_line.gif) left top repeat-x; border-top: 2px solid #c01414}
.sub07_04_input .table_box tbody td{text-align:left; padding:6px 0; 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;}
.sub07_04_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}
.sub07_04_input .bgbox .btn_counsel_img{margin: -15px 0 185px 265px;}

/* 비용상담문의 */



.chk{position:relative; left:667px; top:10px;}
.chk label{font-size:12px; font-family:"돋움"; font-color:#666;}
.personal_box{width:830px; position:relative; left:24px;}

.form_txt_1{border-bottom: 2px solid #bb1b04;}
.form_txt_1 p{padding-left: 25px;}

.table_fo table tbody tr th{background-color: #f1f1f1; padding-right:30px; padding-left: 15px;}
.table_fo table tbody tr td{padding-left:10px !important;}
.table_fo table tbody tr td p{margin:0 !important;}
.table_fo table tbody tr td.end {border:none; height:33px; margin:0 10px 0 0}
.table_fo table tbody tr td.end input {float:left; margin:0 10px 0 0;}
.table_fo table tbody tr td.end dfn {font-style:normal; font-weight:bold; display:block float:left;}
.table_fo table tbody tr td.end span {display:block; float:left; margin:0 0 0 22px;}
.btn_counsel_img p{float:left; margin:50px 0 0 0;}


@media screen and (max-width:1024px) {

.reservation_caleder {width:100%;}
.reservation_caleder table tbody td p a img{max-width:100%;}

.reservation_input{width:100%;}

}

@media screen and (max-width:640px) {
.reservation_caleder{margin-bottom:30px;}
.reservation_caleder table tbody td {width: 14%;height:60px;}
.reservation_caleder table tbody th img{max-width:100%;}

}