@charset "utf-8";
/* CSS Document */

/******************** 리스트 ********************/
.board_wrap table.tstyle .wpb_title {width:350px;}
.board_list .color1, .board_list a:active .color1 {color:#999 !important; border:none !important;} /*마감*/
.board_list .color2, .board_list a:active .color2  {color:#1457a8 !important; border:none !important;} /*준비중*/
.board_list .color3, .board_list a:active .color3 {color:#0b3a8b !important; border:none !important;} /*접수중*/
.board_list .color4, .board_list a:active .color4  {color:#0089ff !important; border:none !important;} /*대기*/
.board_list .color5, .board_list a:active .color5  {color:#c62828 !important; border:none !important;} /*별도연락*/

.board_wrap table.tstyle td {
    padding: 25px 10px;
}


/*************** 뷰 ***************/
/* h */
#reser_class h1, #reser_class h2, #reser_class h3, #reser_class h4, #reser_class h5, #reser_class h6 {padding:0 5px 0 0; color:#000; letter-spacing:-1px; line-height:1.3; font-weight:bold;}
#reser_class h2 {margin-bottom:15px; font-size:30px; letter-spacing:-2px;}
#reser_class h3 {margin-bottom:12px; font-size:25px; letter-spacing:-2px;}
#reser_class h4 {margin-bottom:9px; font-size:19px;}
#reser_class h5 {margin-bottom:5px; font-size:17px;}
#reser_class h2 span, #reser_class h3 span, #reser_class h4 span {color:#666; font-size:15px; font-weight:normal;}
.title_line {display:inline-block; margin-left:2px; width:12px; height:2px; background:#000;}
#reser_class h2 .h_line {display:inline-block; margin:0 0 5px 4px; border-radius:50%; width:8px; height:8px; background:#1457a8; vertical-align:bottom;}
#reser_class h3 .h_line {display:inline-block; margin:0 0 5px 4px; width:12px; height:3px; background:#1457a8; vertical-align:bottom;}
#reser_class h4 .h_line {display:inline-block; margin:5px 0 0 5px; width:5px; height:5px; background:#1457a8; vertical-align:middle;}

/* tmg */
#reser_class h2.tmg {margin-top:80px;}
#reser_class h3.tmg {margin-top:60px;}
#reser_class h4.tmg {margin-top:40px;}

/* board_view */
.board_view_head .wp_title {text-align:center;}
.board_info {border-bottom-color:#ccc;}
/* board_view_head */
.board_view_head .t_info_out {position:relative;}
.board_view_head .t_info {width:100%; border-collapse:collapse;}
.board_view_head .t_info th {color:#222; padding:10px 30px; width:60px; font-weight:bold; text-align:left; line-height:28px; border-bottom:1px solid #e4e4e4; letter-spacing:-1px;}
.board_view_head .t_info td {padding:10px 10px; background-color:#fff; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; font-weight:300;}
.board_view_head .reser {position:absolute; right:0; top:0; bottom:0; width:150px; border-left:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; text-align:center; background-color:#fff;}
.board_view_head .reser_in {position:absolute; left:0; top:50%; margin-top:-20px; width:150px; text-align:center;}
.board_view_head .reser_in > * {margin:2px 0; width:60px;}
.board_view_head .board_file {padding:10px 30px; border-bottom:1px solid #ccc;}
/* reser_class_box */
#reser_class .reser_class_box {padding:20px; height:150px; overflow-x:hidden; overflow-y:scroll; border:1px solid #8e9dae; background:#f2f2f2;}
#reser_class .reser_class_box h1, #reser_class .reser_class_box h2, #reser_class .reser_class_box h3 {color:#000; font-size:20px; letter-spacing:-1px;}
#reser_class .reser_class_agree {margin:-1px 0 20px; padding:10px 20px; background:#555; color:#fff; font-weight:bold;}
#reser_class .reser_class_agree label * {vertical-align:middle !important;}

/* reser_class_box */
#reser_class .reser_class_box02 {padding:20px; border:1px solid #8e9dae; background:#f2f2f2;}
#reser_class .reser_class_box02 h1, #reser_class .reser_class_box02 h2 {color:#000; font-size:20px; letter-spacing:-1px;}
#reser_class .reser_class_box02 h3 {color:#000; font-size:17px; letter-spacing:-1px;}
#reser_class .reser_class_box02 h3.tmg {margin-top:20px;}
#reser_class .reser_class_agree {margin:-1px 0 20px; padding:10px 20px; background:#555; color:#fff; font-weight:bold;}
#reser_class .reser_class_agree label * {vertical-align:middle !important;}

#reser_class .reser_class_box02 hr {margin:30px 0;}


/* reser_class_info */
#reser_class .reser_class_info th, #reser_class .reser_class_info td {padding:15px !important;}
#reser_class .reser_class_info th {width:20%;}
#reser_class .reser_class_info td {text-align:left;}
#reser_class .reser_class_info td .txt_point {color:#000 !important; font-weight:bold !important;}
#reser_class .reser_class_info td label {padding: 0 20px 0 5px; vertical-align:middle !important;}
#reser_class .reser_class_info td .mbbtn_mini {vertical-align:middle !important;}

/* line */
.line_l {border-left:1px solid #ccc;}
.line_ll {border-left:2px solid #1457a8 !important;}
.line_tt {border-top:2px solid #1457a8 !important;}
.line_rr {border-right:2px solid #1457a8 !important;}
.line_bb {border-bottom:2px solid #1457a8 !important;}
.nline_b {border-bottom:none !important;}
#reser_class .reser_class_btn {padding:15px; text-align:center;}
#reser_class .reser_class_btn * {vertical-align:top;}

/* thumb */
.apply_thumb_file1 {display:none !important;} /*썸네일*/
.apply_thumb_img1 {display:none !important;} /*썸네일*/
.apply_thumb {display:none !important;} /*썸네일*/

/* inp sel tex */
.reser_class_info input[type=text], .reser_class_info input[type=password], .reser_class_info input[type=email] {padding:5px 0; width:80%; text-indent:10px; border:1px solid #aaa; background:#fff; font-size:15px !important; color:#555;}
.reser_class_info input[type=file] {padding:5px 0; width:80%; text-indent:10px; border:none; background:#fff; font-size:15px !important; color:#555;}
.reser_class_info input[type=radio], .reser_class_info input[type=checkbox] {vertical-align:middle;}
.reser_class_info label {vertical-align:top;}
.reser_class_info select {padding:5px 0; width:80%; text-indent:10px; border:none; border:1px solid #aaa; background:#fff; font-size:15px !important; color:#555;}
.reser_class_info textarea {padding:5px 10px; width:100% !important; box-sizing:border-box; height:100px; border:none; border:1px solid #aaa; background:#fff; font-size:15px !important; color:#555;}
.reser_class_info .inp_mini {width:80px !important;}
.reser_class_info .inp_mini02 {width:50px !important;}
.reser_class_info .inp_mini03 {width:150px !important;}
.reser_class_info .inp_short {width:40% !important;}
.reser_class_info .inp_medium {width:60% !important;}
.reser_class_info .inp_large {width:97% !important;}









/*************** 팝업 ***************/
/* edu */
.edu_in {overflow-y:auto; padding:0; width:450px; height:400px;}
.edu .title {text-align:center; padding:20px; font-weight:normal; color:#fff; font-size:20px; background-color:#1457a8;}
.edu .box {position:relative; margin:35px 30px 0; border:1px solid #ccc; padding:35px 25px 125px;}
.edu .con {position:relative;}
.edu .con li {margin-bottom:3px;}
.edu .con li * {vertical-align:middle;}
.edu .con li span {display:inline-block; width:70px; color:#222;}
.edu .con li input {border:1px solid #ccc; color:#000; font-weight:normal; padding:13px 15px; width:140px;}
.edu .con .loginBtn {position:absolute; top:50%; right:0; margin:-45px -5px 0 0; width:90px; height:90px; line-height:90px; text-align:center; font-weight:normal; color:#fff; font-size:15px; background:#1457a8; border:0; border-radius:50%;}
.edu .ment {position:absolute; left:0; bottom:0; width:100%; border-top:1px dotted #ccc; letter-spacing:-1px;}
.edu .ment p {margin:0; padding:25px;}
.edu .err {margin:60px 30px 25px; background:#f9f9f9; padding:40px 20px; color:#000; text-align:center; letter-spacing:-1px;}
.edu .err_btn {padding:0 30px;}
.edu .err_btn .loginBtn {text-align:center; margin:0 auto 35px; padding:10px 0; width:100%; font-weight:normal; color:#fff; font-size:15px; background:#1457a8; cursor:pointer;}
/* edu table */
.edu .tbl {margin:35px 30px 15px;}
.edu table {border-top:2px solid #1457a8; border-left:1px solid #ccc; width:100%; border-collapse:collapse;}
.edu table caption {overflow:hidden; margin:0; padding:0; height:0; text-indent:-2000px; font-size:0; line-height:0;}
.edu th {border-bottom:1px solid #ccc; border-right:1px solid #ccc; width:70px; padding:9px 8px 7px; background-color:#f9f9f9; color:#3D3D3D; text-align:center; vertical-align:middle; font-weight:normal; line-height:1.5;}
.edu td {border-bottom:1px solid #ccc; border-right:1px solid #ccc; text-align:left; padding:9px 8px 7px; background-color:#fff; color:#666; font-weight:300; line-height:1.5;}