@charset "utf-8";

/* 페이지 표시 */
#reserv #list_page a {
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px;
}
#reserv #list_page a.current_page {background: #4c71c3; border-color: #4c71c3;}
#reserv #list_page a.img {width: 33px !important; height: 33px !important; background: none !important; border: 0 !important;}
#reserv a.img {vertical-align: top;}
#reserv a.img IMG {.margin: 0;}


/* 상단 공지 */
#reserv .noti_area {margin-bottom: 15px;}
#reserv .noti_area .cal_noti {background: #fef0eb url(../../images/reserv/ex_mark.png) 15px 50% no-repeat; border: 1px solid #ffcbb8; padding: 20px 18px 18px 50px;}
#reserv .noti_area .cal_noti li {line-height: 150%; margin-top: 3px;}
#reserv .noti_area .state_noti {border: 1px solid #ddd; padding: 15px 15px 15px 80px; background: url(../../images/reserv/state_noti_bg.gif) 30px 50% no-repeat;}
#reserv .noti_area .state_noti li {line-height: 150%; margin-top: 3px; padding-left: 10px; background: url(../../images/reserv/state_noti_blt.gif) 0 7px no-repeat;}
#reserv .noti_area .state_noti li:first-child {margin-top: 0;}

/* 하단영역 */
#reserv .bottom_area {margin-top: 30px;}

/* 주간 선택 */
#reserv .top_area {height:56px; position:relative; border: 1px solid #a7a9aa; border-bottom-width: 2px; margin-bottom: 40px;
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px;
}
#reserv .top_area h4 {text-align:center; font-size:2em; line-height:150%; padding:10px 0 0 0; color:#222; font-family: CGB; font-weight:400;}
#reserv .top_area li {position:absolute; top:15px; padding:0; margin:0;}
#reserv .top_area .prev_week{left:15px;}
#reserv .top_area .next_week{right:15px;}
#reserv .top_area li a {color:#7a7f84; font-size:1.25em; line-height:25px; display:block;}
#reserv .top_area .prev_week a {background:url(../../images/reserv/reserv_top_btn01.gif) no-repeat left 0; padding-left:28px;}
#reserv .top_area .next_week a {background:url(../../images/reserv/reserv_top_btn02.gif) no-repeat right 0; padding-right:28px;}
#reserv .top_area .prev_week:hover a {background:url(../../images/reserv/reserv_top_btn01_a.gif) no-repeat left 0; color: #f14c27;}
#reserv .top_area .next_week:hover a {background:url(../../images/reserv/reserv_top_btn02_a.gif) no-repeat right 0; color: #f14c27;}

/* 예약 달력 */
#reserv .reserv_stats {padding-bottom: 10px; text-align: right;}
#reserv .reserv_stats img {vertical-align: middle; margin: -4px 2px 0 2px;}

#reserv .reserv_tbl table {width: 100%; border-collapse:separate; border-spacing:1px; border-top: 2px solid #4e5971; border-bottom:1px solid #787878;}
#reserv .reserv_tbl table thead th {background: #4e5971; color: #fff; font-size: 1.154em; text-align: center; vertical-align: middle; font-weight: 400; padding: 12px 0;}
#reserv .reserv_tbl table thead th:first-child {background: #838383;}
#reserv .reserv_tbl table tbody th {background: #ddd; vertical-align: middle; line-height: 150%; padding: 6px;}
#reserv .reserv_tbl table tbody td {border: 1px solid #d6d6d6; padding: 6px; vertical-align: middle; .padding: 6px 0;}
#reserv .reserv_tbl .time_list li {padding-top: 3px; font-size: 0.923em;}
#reserv .reserv_tbl .time_list li:first-child {padding-top: 0;}
#reserv .reserv_tbl .time_list li span {display: inline-block; .display: inline; vertical-align: middle;}
#reserv .reserv_tbl .reserv_btn {font-size: 0.923em; background: #378821; color: #fff; padding: 2px 8px 3px 8px; margin-left: 6px;font-family: CGR; .padding:0 8px 0 8px; .border:0;
    border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px;
}
#reserv .reserv_tbl .done_btn {font-size: 0.923em; background: #5a5a5a; color: #fff; padding: 2px 8px 3px 8px; margin-left: 6px;font-family: CGR; .padding:0 8px 0 8px; .border:0;
    border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px;
}
#reserv .reserv_tbl01 .holiday {height: 100px; text-align: center; background: url(../../images/reserv/holiday_bg.gif) 100% 100% no-repeat; font-size: 1.692em; color: #d31010; font-family: CGB;}

#reserv .reserv_tbl02 {display: none;}
#reserv .reserv_tbl02 .select_reserv {padding-right: 70px; position: relative;}
#reserv .reserv_tbl02 .select_reserv .selectBox {border: 1px solid #d2d2d2; margin-bottom: 3px;}
#reserv .reserv_tbl02 .select_reserv .selectBox select {border: 0; width: 100%; padding: 4px 0 6px 3px; background: #fff url(../../images/reserv/select_arrow.gif) right center no-repeat}
#reserv .reserv_tbl02 .select_reserv .btnBox {position: absolute; right: 0; top: 0; height: 27px; background: #4e5971; width: 67px;}
#reserv .reserv_tbl02 .select_reserv .btnBox button {background: none; width: 67px; height: 27px; line-height: 27px; color: #fff;}
#reserv .reserv_tbl02 table tbody td {text-align: center;}
#reserv .reserv_tbl02 .time_list li {line-height: 19px;}


/* 예약정보 입력 */
#reserv .titBox{*zoom:1; background:url(../../images/reserv/input_tbl_titbg.gif) repeat-x left top; height:44px;
	border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; -ms-border-radius:3px 3px 0 0; -o-border-radius:3px 3px 0 0; 
}
#reserv .titBox:after {content:""; clear:both; display:block; height:0; visibility:none;} 
#reserv .titBox h4 {color:#fff; padding:0 0 0 65px;  height:44px; line-height:44px; float:left; font-size:1.308em; font-weight:400;}
#reserv .titBox .tit01 {background: url(../../images/reserv/info_icon01.png) no-repeat 0 50%;}
#reserv .titBox .tit02 {background: url(../../images/reserv/info_icon02.png) no-repeat 0 50%;}

#reserv .input_tbl {margin-bottom: 30px;}
#reserv .input_tbl table {width: 100%;}
#reserv .input_tbl table th {border:1px solid #e1e1e1; border-top:0; background:#f9f9fb; text-align:left; padding:15px 2% 15px 5%; line-height:150%; vertical-align:middle; font-weight:400; width:20%; min-width:120px; color: #2a2a2a;}
#reserv .input_tbl table th label {font-family: CGR;}
#reserv .input_tbl table th span {background:url(../../images/reserv/ess_icon02.png) no-repeat left center; display:inline-block; width:25px; height:10px;}
#reserv .input_tbl table td {border:1px solid #e1e1e1; border-top:0; background:#fff; text-align:left; padding:5px 2% 5px 5%; line-height:150%; vertical-align:middle; *zoom:1;} 
#reserv .input_tbl table td:after {content:""; clear:both; display:block; height:0; visibility:none;}

#reserv .input_tbl table td .input_box {width:auto; padding:0 5px; height:28px; border:1px solid #cacaca; margin:0;}
#reserv .input_tbl table td .input_box input[type=text]{border:0; width:100%; height:28px; line-height:28px; padding:0; margin:0; vertical-align:middle; background:none;}
#reserv .input_tbl table td .pers_input {float: left; width: 80px;}
#reserv .input_tbl table td .pers_sub {float: left; line-height: 30px; padding-left: 10px;}
#reserv .input_tbl table td .name_input {float: left;}
#reserv .input_tbl table td .select_area {width:auto; height:28px; /*border:1px solid #cacaca;*/}
#reserv .input_tbl table td .select_area select {border:0; width:100%; height:28px; line-height:28px; padding: 0 20px 0 5px; background: #fff url(../../images/reserv/select_arrow.gif) right center no-repeat; font-family: CGR;}
#reserv .input_tbl table td .sub_txt {padding-top: 5px;}
#reserv .input_tbl table td .err_msg {padding-top: 5px; color: #f14c27; clear: both;}
#reserv .input_tbl table td .serch_btn {height: 30px; width: 64px; float: left; text-align: center; margin-left: 3px;}
#reserv .input_tbl table td .serch_btn button {background: #6a6e6d; line-height: 30px; width: 100%; color: #fff;
    border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px;
}
#reserv .input_tbl table td .textarea_box {width: 100%;}
#reserv .input_tbl table td .textarea_box textarea {width: 100%; padding: 5px 0;}

#reserv.reserv02 .tit_nobg {padding-left: 40px; background: url(../../images/reserv/nobg_tit_bg.gif) 0 50% no-repeat;}
#reserv.reserv02 .tit_nobg h4 {font-size:1.308em; font-weight:400; height: 44px; line-height: 44px;}

#reserv.reserv02 .care_box {border: 3px solid #ddd; background: #f9f9fb url(../../images/reserv/care_box_bg.gif) 38px 50% no-repeat; padding: 20px 20px 20px 110px;}
#reserv.reserv02 .care_box li {line-height: 150%; margin-top: 3px;}
#reserv.reserv02 .care_box li:first-child {margin-top: 0;}
#reserv.reserv02 .care_box li span {font-family: CGB; color: #f14c27;}

#reserv .btn_wrap {padding:5px 0 0 0; *zoom:1;}
#reserv .btn_wrap:after {content:""; clear:both; display:block; height:0; visibility:none;}
#reserv .btn_wrap .btn_box {width:50%; .width:49%; float:left; .float:right;}
#reserv .btn_wrap .btn_box:first-child{.float:left;}
#reserv .btn_wrap .btn_box p{margin:0 0 0 3px; width:auto; background:#fff; text-align:center; padding:0;
    border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px;
}
#reserv .btn_wrap .btn_box:first-child p {margin:0 3px 0 0;}
#reserv .btn_wrap .btn_box p button{border:0; width:100%; height:35px; vertical-align:middle; background:none; padding:0; margin:0; font-family: CGB;}

#reserv .btn_wrap .btn_box .req_btn {border:1px solid #2371c3; border-bottom-color:#1950a0; border-right-color:#1950a0; background:#2371c3;}
#reserv .btn_wrap .btn_box .cancel_btn {border:1px solid #c8c8c8; border-bottom-color:#a9a9a9; border-right-color:#a9a9a9; background:#f0f0f0;}
#reserv .btn_wrap .btn_box .req_btn button {color:#fff;}
#reserv .btn_wrap .btn_box .cancel_btn button {color:#302b2b;}

/* 대관예약 현황 */
#reserv.reserv03 h4 {color: #42494f; font-size: 1.385em; line-height: 150%; background: url(../../images/reserv/reserv_h4_blt.gif) 0 2px no-repeat; padding-left: 33px; margin:25px 0 15px 0;}
#reserv.reserv03 h4:first-child {margin-top: 0;}

#reserv.reserv03 .limit_box {line-height: 150%;}
#reserv.reserv03 .limit_box .info {padding: 12px 30px; color: #2a2a2a; font-family: CGB; font-size: 1.154em; background: #fff3f3; border: 1px solid #ddd;
    border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px;
}
#reserv.reserv03 .limit_box .info span {display: inline-block; padding-right: 35px; margin-right: 35px; border-right: 1px solid #ccc;}
#reserv.reserv03 .limit_box .txt {color: #f14c27; padding: 10px 5px 0 5px;}

/* #reserv.reserv03 .limit_tbl {width: 100%; overflow-x: auto;} */
#reserv.reserv03 .limit_tbl table {border-top: 2px solid #f14c27; width: 100%; border-collapse: collapse; /*min-width: 570px*/ line-height: 120%;}
#reserv.reserv03 .limit_tbl table thead th {background: #f0f0f0; border: 1px solid #ddd; font-weight: 400; font-family: CGB; padding: 12px 5px; vertical-align: middle;}
#reserv.reserv03 .limit_tbl table tbody th,
#reserv.reserv03 .limit_tbl table tbody td {border: 1px solid #ddd; padding: 12px 5px; text-align: center; vertical-align: middle;}
#reserv.reserv03 .limit_tbl .standby {color: #378821; font-family: CGB;}
#reserv.reserv03 .limit_tbl .done {color: #1950a0; font-family: CGB;}
#reserv.reserv03 .limit_tbl .cancle {color: #d31010; font-family: CGB;}
#reserv.reserv03 .limit_tbl .warning {display: inline-block; width: 18px; height: 18px; background: url(../../images/reserv/warning_ico.gif) 0 0 no-repeat; text-indent: -9999px; overflow: hidden; font-size: 0; line-height: 0;}
#reserv.reserv03 .limit_tbl .cancle_btn {background: #6a6e6d; color: #fff; font-size: 0.923em; padding: 3px 5px;
    border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px;
}

.applycolor {background:#F26141 !important; color:#fff !important;}

/* 프로그램 목록 */
#reserv .prog_list table {border-top: 2px solid #f14c27; border-bottom: #ccc; border-collapse: collapse; width: 100%;}
#reserv .prog_list table thead th {font-family: CGB; font-weight: 400; vertical-align: middle; border-bottom: 1px solid #ccc; background: #f0f0f0; padding: 5px; line-height: 150%;}
#reserv .prog_list table tbody th,
#reserv .prog_list table tbody td {text-align: center; vertical-align: middle; padding: 5px 0; line-height: 150%; border-bottom: 1px solid #ccc;}

#reserv.reserv04 .list_top {padding-bottom: 10px;}
#reserv.reserv04 .list_top span {color: #d31010; font-family: CGB;}
#reserv.reserv04 .prog_list .req_date {display: block; font-size: 0.923em; color: #2a2a2a; font-family: CGB;}
#reserv.reserv04 .prog_list .cours_date {display: block; font-size: 0.923em;}
#reserv.reserv04 .req_btn {width: 60px; padding: 5px 0; text-align: center; font-size:0.923em; font-family: CGR; background: #1f6fb2; color: #fff;
    border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px;
}
#reserv.reserv04 .close_btn {width: 60px; padding: 5px 0; text-align: center; font-size:0.923em; font-family: CGR; background: #ec5621; color: #fff;
    border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px;
}
#reserv.reserv04 .finish_btn {width: 60px; padding: 5px 0; text-align: center; font-size:0.923em; font-family: CGR; background: #6a6e6d; color: #fff;
    border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px;
}

#reserv.reserv04 .search_box {margin-top: 15px; height: 28px; border: 1px solid #ccc; width: 203px; padding:0 50px 0 15px; position: relative;
    border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px;
}
#reserv.reserv04 .search_box .search_tit {border: 0; height: 26px; line-height: 26px; .height: 24px; .line-height: 24px; width: 100%;}
#reserv.reserv04 .search_box .search_btn {position: absolute; width: 28px; height: 28px; right: 15px; top: 0;}
#reserv.reserv04 .search_box .search_btn button {border: 0; background: url(../../images/reserv/search_btn.gif) 0 0 no-repeat; width: 100%; height: 28px; text-indent: -9999px; overflow: hidden; font-size: 0; line-height: 0; .display:block;}


#reserv.reserv06 .prog_list .cancle_date {display: block; margin: 0 auto; color: #d31010; font-family: CGB; font-size: 0.923em;}
#reserv.reserv06 .prog_list .cancle_btn {width: 50px; padding: 2px 0; text-align: center; font-size:0.923em; font-family: CGR; background: #ec5621; color: #fff; 
    border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px;
}

#reserv.reserv06 .top_box {*zoom:1; padding-bottom: 10px;}
#reserv.reserv06 .top_box:after {content:""; clear:both; display:block; height:0; visibility:none;} 
#reserv.reserv06 .list_top {padding-bottom: 10px;}
#reserv.reserv06 .list_top span {color: #d31010; font-family: CGB;}
#reserv.reserv06 .select_area {*zoom:1; position: relative; padding-right: 70px;}
#reserv.reserv06 .select_area:after {content:""; clear:both; display:block; height:0; visibility:none;}
#reserv.reserv06 .select_area .selectBox {width: 49%; margin-left: 1px; float: left;}
#reserv.reserv06 .select_area .selectBox:first-child {margin: 0 1% 0 0;}
#reserv.reserv06 .select_area .selectBox>div {border: 1px solid #ccc;}
#reserv.reserv06 .select_area .selectBox select {border:0; width:100%; height:28px; line-height:28px; padding: 0 20px 0 5px; background: #fff url(../../images/reserv/select_arrow.gif) right center no-repeat; font-family: CGR;}
#reserv.reserv06 .select_area .view_btn {width: 67px; position: absolute; right: 0; top: 0; height: 28px;}
#reserv.reserv06 .select_area .view_btn button {width: 100%; line-height: 30px; font-family: CGR; background: #5e687e; border: 0; color: #fff;
    border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px;
}

#reserv.reserv06 .account_box {border: 1px solid #4e5971; background: #5e687e; padding: 15px; margin-top: 30px;
    border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px;
}
#reserv.reserv06 .account_box p {text-align: center; line-height: 140%; color: #fff; font-size: 1.385em;}
#reserv.reserv06 .account_box span {display: block; padding-bottom: 10px; border-bottom: 1px solid #fff; margin-bottom: 10px;}


/* 프로그램 신청 */
#reserv.reserv05 .top_tit {position: relative; padding-bottom: 15px;}
#reserv.reserv05 .top_tit h4 {color: #42494f; font-size: 1.385em; line-height: 150%; background: url(../../images/reserv/reserv_h4_blt02.gif) 0 2px no-repeat; padding-left: 33px;}
#reserv.reserv05 .top_tit .hits {position: absolute; right: 3px; bottom: 5px;}

#reserv.reserv05 .prog_info {border-top: 2px solid #4e5971; border-bottom: 2px solid #4e5971; padding: 15px;}
#reserv.reserv05 .prog_info .prog_noti {border: 1px solid #ddd; background: #f4f4f4; background: #f4f4f4 url(../../images/reserv/prog_noti_bg.gif) 20px 50% no-repeat; padding: 12px 10px 10px 60px; line-height: 150%;
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px;
}
#reserv.reserv05 .prog_info dl {margin-top: 10px; *zoom:1; border-bottom: 1px solid #ddd;}
#reserv.reserv05 .prog_info dl:after {content:""; clear:both; display:block; height:0; visibility:none;}
#reserv.reserv05 .prog_info dt {text-align: center; line-height: 38px; height: 38px; background: url(../../images/reserv/prog_info_bg.gif) 0 0 repeat; color: #fff;}
#reserv.reserv05 .prog_info dd {text-align: center; line-height: 150%; padding: 10px; line-height: 150%;}

#reserv.reserv05 .prog_info dd .down_btn {display: block; width: 150px; margin: 0 auto;}
#reserv.reserv05 .prog_info dd .down_btn button {width: 100%; background: #6a6e6d; color: #fff; padding: 5px 0; font-family: CGR;
    border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px;
}
#reserv.reserv05 .prog_info .bot_txt {color: #f14c27; line-height: 150%; padding-top: 10px;}

#reserv.reserv05 .btn_flow {text-align: center;}
#reserv.reserv05 .btn_flow button {line-height: 29px; font-family: CGB; vertical-align:middle; padding: 0; border: 0;
    border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px;
}
#reserv.reserv05 .btn_flow .req_btn {border:1px solid #2371c3; border-bottom-color:#1950a0; border-right-color:#1950a0; background:#2371c3; color:#fff; width: 140px;}
#reserv.reserv05 .btn_flow .cancle_btn {border:1px solid #c8c8c8; border-bottom-color:#a9a9a9; border-right-color:#a9a9a9; background:#f0f0f0; color:#302b2b; width: 140px;}

#reserv.reserv05 .req_box {padding-top: 20px;}

/* 파일 업로드 */
#reserv #file_box_ {height: 27px;}
#reserv #file_box_ .file_inputbox {height: 23px; line-height: 23px; border: 1px solid #ccc; width: 144px;}
#reserv #file_box_ .input_leave_file {border:0 !important; left:0 !important; top:0 !important; line-height:16px; color:#666666; width:250px !important;}
#reserv #file_box_ .file_btn_ {background: #5a5a5a; height: 27px; line-height: 27px; width: 95px; text-align: center; left: 150px; color: #fff;}

/* 안내사항 추가 수정 2017-02-19 */
.reserv_noti {margin-bottom: 40px;}
.reserv_noti .noti_tit {position: relative; text-align: center; color: #fff; background: #f26141; height: 34px; line-height: 34px; font-size: 14px;
    -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
}
.reserv_noti .noti_wrap {border: 1px solid #ddd; border-top: 0; padding: 12px; background: url(../../images/reserv/bg_reserv_noti.gif) right top 154px no-repeat;
    -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;
}

.reserv_noti .noti_sub {padding:10px 12px; box-sizing: border-box}



.reserv_noti .sub_tit {font-family: CGB; color: #212121; padding: 2px 0 0 20px; background: url(../../images/reserv/blt_noti.gif) 0 50% no-repeat; margin-bottom: 12px;}
.reserv_noti .sub_list li {line-height: 1.7; padding: 0 8px; position: relative; margin-top: 4px;}
.reserv_noti .sub_list li::before {content: ""; display: block; width: 3px; height: 3px; background: #350f07; position: absolute; left: 0; top: 9px;}
.reserv_noti .sub_list li:first-child {margin-top: 0;}
.reserv_noti .bld {font-family: CGB; color: #212121;}
.reserv_noti .btn_private {background: 0; vertical-align: top; padding: 0; text-decoration: underline; text-align: left;}
.reserv_noti .btn_private:hover {font-family: CGB; color: #f26141;}
.reserv_noti .private_layer {position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, .6); left: 0; top: 0; z-index: 10000; opacity: 0; display: none; cursor: pointer;}
.reserv_noti .private_layer.active {display: block;}
.reserv_noti .private_tbl {position: absolute; left: 50%; top: 50%; width: 90%; max-width: 380px; background: #fff; border-radius: 16px; overflow: hidden; transform: translate(-50%, -50%);}
.reserv_noti .private_tbl table {width: 100%;}
.reserv_noti .private_tbl th {border-left: 1px solid #ffd0bb; background: #f26141; color: #fff; text-align: center; padding: 8px 0;}
.reserv_noti .private_tbl th:first-child {border: 0;}
.reserv_noti .private_tbl td {border: 1px solid #dbdbdb;  text-align: center; padding: 8px 0;}
.reserv_noti .use_tbl {line-height:150%}
.reserv_noti .use_tbl tbody th {font-family:'CGR' !important}


@media only screen and (max-width:840px) {
    .reserv_noti .noti_sub {width: 100% !important;}
    .reserv_noti .noti_wrap {padding: 12px;}
}
@media only screen and (max-width:660px) {.reserv_noti .noti_wrap {background: none;}}
/* MOBILE LAYOUT */
@media only screen and (min-width:0) and (max-width:767px){

    /* 주간 선택 */
    #reserv .top_area h4 {font-size: 1.385em; padding-top: 13px;}

    /* 예약 달력 */
    #reserv .reserv_tbl01 {display: none;}
    #reserv .reserv_tbl02 {display: block;}    

    /* 예약정보 입력 */
    #reserv .input_tbl table td .name_input {float: none;}
    #reserv .input_tbl table td .serch_btn {width: 100%; margin-left: 0;}
    #reserv .input_tbl table td .serch_btn button {border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; -o-border-radius:0px; -ms-border-radius:0px;}

    /* 대관예약 현황 */
    #reserv.reserv03 .limit_box .info {text-align: center;}
    #reserv.reserv03 .limit_box .info span {display: block; padding: 0 0 10px 0; margin: 0 0 10px 0; border-right: 0; border-bottom: 1px solid #ccc;}

	#reserv.reserv05 .select_area {width: 100%; margin-bottom:5px; padding-bottom:5px;}
}

/* TABLET LAYOUT */
@media only screen and (min-width:768px) and (max-width:1149px){

    /* 예약정보 입력 */
    #reserv .input_tbl table td .input_box {width: 190px;}
    #reserv .input_tbl table td .select_area {width: 200px;}
    #reserv .input_tbl table td .pers_input {width: 80px;}

    #reserv .btn_wrap {width: 60%; margin: 0 auto;}

    /* 프로그램 목록 */
    #reserv.reserv06 .list_top {padding: 16px 0 0 0; float: left;}
    #reserv.reserv06 .select_area {width: 350px; float: right;}

    #reserv.reserv06 .account_box {padding: 15px 35px;}
    #reserv.reserv06 .account_box p {text-align: left;}
    #reserv.reserv06 .account_box span {display: inline-block; padding: 0 25px 0 0; margin: 0 25px 0 0; border-right: 1px solid #fff; border-bottom: 0;}
    

    /* 프로그램 신청 */
    #reserv.reserv05 .prog_info dt {width: 150px; float: left;}
    #reserv.reserv05 .prog_info dd {float: left; padding: 0 0 0 25px; height: 38px; line-height: 38px;}
	#reserv.reserv05 .prog_info dd .down_btn {display: inline-block; width: 65px; margin-left: 15px; vertical-align: top; line-height: 0; padding-top: 2px;}

	#reserv.reserv05 .select_area {width: 200px; float: left; margin-right:10px;}
}

/* PC LAYOUT */
@media only screen and (min-width:1150px){

    /* 예약정보 입력 */
    #reserv .input_tbl table td {padding: 5px;}
    #reserv .input_tbl table td .input_box {width: 190px;}
    #reserv .input_tbl table td .select_area {width: 200px;}
    #reserv .input_tbl table td .pers_input {width: 80px;}
    
    #reserv .btn_wrap {width: 300px; margin: 0 auto;}

    /* 프로그램 목록 */
    #reserv.reserv06 .list_top {padding: 16px 0 0 0; float: left;}
    #reserv.reserv06 .select_area {width: 350px; float: right;}
    
    #reserv.reserv06 .account_box {padding: 15px 35px;}
    #reserv.reserv06 .account_box p {text-align: left;}
    #reserv.reserv06 .account_box span {display: inline-block; padding: 0 25px 0 0; margin: 0 25px 0 0; border-right: 1px solid #fff; border-bottom: 0;}

    /* 프로그램 신청 */
    #reserv.reserv05 .prog_info dt {width: 150px; float: left;}
    #reserv.reserv05 .prog_info dd {float: left; padding: 0 0 0 25px; height: 38px; line-height: 38px;}
	#reserv.reserv05 .prog_info dd .down_btn {display: inline-block; width: 65px; margin-left: 15px; vertical-align: top; .vertical-align: middle; line-height: 0; padding-top: 2px;}

	#reserv.reserv05 .select_area {width: 200px; float: left; margin-right:10px;}
}


/* LOWSET FIX */
@media only screen and (min-width:0) and (max-width:900px){
    #reserv .reserv_tbl.reserv_tbl01 .time_list li span {letter-spacing: -2px;}
}

@media only screen and (min-width:0) and (max-width:450px){
    /* 주간 선택 */
    #reserv .top_area h4 {font-size: 1.077em; padding-top: 18px;}
    #reserv .top_area li a {width: 25px; height: 25px; text-indent: -9999px; font-size: 0; overflow: hidden;}
}


@media only screen and (min-width:0) and (max-width:500px){

    /* 파일 업로드 */
    #reserv #file_box_ {height: auto; width: 100%; padding-right: 2px;}
    #reserv #file_box_ .file_inputbox {width: 100%;}
    #reserv #file_box_ .input_leave_file {height: 54px;}
    #reserv #file_box_ .file_btn_ {display: block; position: relative; width: 100%; border-left: 1px solid #5a5a5a; border-right: 1px solid #5a5a5a; top: auto; right: auto; left: auto;}

}