.online_form { width:100%; }
.online_form th { width:140px; text-align:left; font-weight:400; background-color:#EFEEF4; }
.online_form th, .online_form td { padding:10px 0 10px 10px; border-bottom:1px solid #ccc; }
.online_form td .osub_title { display:inline-block; margin:3px 0; width:70px; font-weight:400; }
.online_form td div { padding:8px 0; border-bottom:1px solid #dfdfdf; }

.online_form2 { width:100%; }
.online_form2 th { width:140px; text-align:left; font-weight:400; background-color:#EFEEF4; }
.online_form2 th, .online_form2 td { padding:10px 0 10px 10px; border-bottom:1px solid #ccc; text-align:center; }

.online_form #wr_5 {padding:2px; border:1px solid #c8c8c8; height:auto;}

#online_left { float:left; width:430px; height:270px; border:0px; border:2px solid #969696; }

#online_right { float:right; width:220px; height:280px; border:2px solid #e6e6e6; overflow-y:scroll; }
#online_right .stime { margin:5px; text-align:center; font-weight:400; }
#online_right .stime a { padding:2px 3px; background:#969696; color:#FFF; font-weight:400; }


.reserbox{overflow:hidden;}
.reserbox input, .reserbox select, .reserbox textarea{padding:3px; border:1px solid #c8c8c8;}
.bg_ed{background:#f0f0f0}
.b_txt{font-size:18px; font-weight:bold; padding:5px; color:#b81616; border:0px !important; line-height:100%;}
.reser_dl{overflow:hidden;}
.reser_dl dt{width:17%; font-size:16px; font-weight:600; float:left; margin-right:3%; text-indent:20px; border-top:1px solid #505050; padding:25px 0px; clear:both; line-height:100%;}
.reser_dl dd{width:80%;float:right; text-indent:25px;  padding:25px 0px; border-top:1px solid #c8c8c8; overflow:hidden;}
.reser_dl dd span.osub_txt{float:right; width:80%;}
.reser_dl dd span.osub_title{width:20%; float:left; clear:both;}
.online_left { float:left; width:55%; margin-right:5%; height:290px; border:0px; border:2px solid #e6e6e6; box-sizing:border-box; padding:20px;}
/*
.online_right { float:right; width:40%; height:290px; border:0px; overflow-y:scroll; border:2px solid #e6e6e6; box-sizing:border-box;padding:10px; }
.online_right .stime { text-align:center; font-weight:300; margin-bottom:5px; letter-spacing:4px;}
.online_right .stime a { padding:2px 8px; background:#808080; color:#FFF; font-weight:400; margin-left:10px; }
*/

#calendar { width:100%; }
#calendar tr td { border:0px; }
#calendar tr td div { padding:0; border:0px; }

#calendar { width:98%; background:#FFF; }
#calendar .sc_top { padding:5px 0; text-align:center; }
#calendar .sc_ym { position:relative; width:100%; height:30px; font-weight:400; margin-bottom:5px; }
#calendar .sc_ym .number { font-size:20px; letter-spacing:-1px; font-weight:600; margin:0 5px; }
#calendar .sc_ym .hangul { font-size:14px; font-weight:400; }
#calendar .sc_ym p { position:absolute; top:25px; right:0; width:310px; }
#calendar .sc_ym p span { font-size:11px; height:15px; line-height:13px; }
#calendar .sc_tit, #calendar .sc_day { padding:0; vertical-align:middle; border-bottom:1px solid #dfdfdf; }

#calendar .sc_tit { font-weight:600; text-align:center; height:32px; width:28px; background:#e6e6e6; color:#505050; font-size:12px; }

#calendar .sc_day { text-align:left; }

#calendar .sc_sun{color:#b81616}
#calendar .sc_sat{color:#1b2d61}
#calendar .sc_day .txt_day { font-weight:normal; font-size:12px; color:#333; font-weight:400;  text-align:center; padding:5px;}

#calendar .isok { background:#f0f0f0; }
#calendar .isok a {display:block; font-size:12px; font-weight:600}
#calendar .sc_day .time_out { font-size:11px; }
#calendar a { color:#333; }

@media all and (max-width:767px) {
.reser_dl dt{width:100%;  text-align:center;}
.reser_dl dd{width:100%; text-indent:0px; padding:20px 10px; box-sizing:border-box;}
.reser_dl dd .osub_txt{text-align:left;}
#online_right{float:none; width:auto;}
}

@media all and (max-width:559px) {
.reser_dl dd span.osub_title{width:23%;}
.reser_dl dd span.osub_txt{width:77%;}
.b_enter{display:block;}
p.b_enter{text-align:center;}
.online_left { float:none; width:100%; margin-bottom:10px;}
.online_right { float:none; width:100%;}
}