@charset "utf-8";

/*************** 리스트 ***************/

/* 게시판 리스트 */
.boardListForm tr:hover td {background-color: #fff !important;}
.boardListForm td {border:none !important;}

.pgm {width:100%; margin-top:5px; padding:0; border:1px solid #ccc;}
.pgm tr,td {margin:0; padding:0;  }
.pgm .num {width:10%; padding:5px; }
.pgm .num .num_bg {padding:22px 0; font-weight:normal; background-color:#e0ebff; color:#111; text-align:center; }
.pgm .pgm_name {padding:17px 15px 8px 18px; font-weight:normal; color:#111; letter-spacing:-1px; font-size:18px;}
.pgm_name strong {font-weight:normal; }
.pgm .pgm_info {padding-bottom:10px; padding-left:18px; text-align:left; }
.pgm .pgm_info table {width:100%; border-top:1px dotted #ccc; }
.pgm .pgm_info table td {padding-top:10px; font-size:12px;}
.pgm .btn {width:13%; padding:0 15px;}
.pgm .btn a {text-decoration: none !important;}
.pgm .btn .bbtn {width:90px; margin:0 auto; padding:7px 0; font-weight:normal; font-size:13px; color:#fff; text-align:center; }

.pgm .color1 {background-color:#b5e850; color:#111; } /*준비중*/
.pgm .color2 {background-color:#17b37e; } /*접수중*/
.pgm .color3 {background-color:#fcff1b; color:#111; } /*대기*/
.pgm .color4 {background-color:#aeaeae; } /*마감*/

/*************** 상세보기 (게시판 뷰) ***************/

/* 게시판 뷰 */
.boardViewHeader .jn_title {text-align:center;}

/* 프로그램 정보 */
.boardViewHeader .t_info {width:100%; border-bottom:1px solid #ccc; }
.boardViewHeader .t_info th {color:#303030; padding:5px 5px 3px 15px; font-size:14px; font-weight:normal; text-align:left; line-height:28px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
.boardViewHeader .t_info td {padding:20px 15px 20px; background-color:#fff; border-right:1px solid #ccc; border-bottom:1px solid #ccc; font-weight:300; font-size:13px;}
.boardViewHeader .t_info .reser {width:15%; text-align:center; background-color:#fff; border-right:0; border-bottom:0; }
.boardViewHeader .t_info .reserBtn {width:85px; text-align:center; padding:8px 0; font-weight:normal; color:#fff; font-size:14px; margin:0 auto; background-color:#aeaeae; cursor:pointer; }
/*.boardViewHeader .t_info .reserBtn:hover {background-color:#03653b; }*/
.boardViewHeader .t_info .reserBtn2 {width:85px; text-align:center; padding:8px 0; font-weight:normal; color:#fff; font-size:14px; margin:0 auto; background-color:#00854b; cursor:pointer; margin-top:10px; }
.boardViewHeader .t_info .reserBtn2:hover {background-color:#03653b; }

/* 프로그램 신청 */
#reserClass {height:0px; overflow:hidden; }
#reserClass .reserClass_box {height:170px; overflow-y:scroll; border:1px solid #ccc; background-color:#f9f9f9; padding:15px 15px 30px; font-size:12px; letter-spacing:-0.5px; }
#reserClass .reserClass_box h1 {font-size:14px; color:#111; }
#reserClass .reserClass_agree {padding:10px 15px; text-align:left; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #ccc; font-weight:normal; }
#reserClass .reserClass_info {margin-top:20px; border-top:1px solid #ccc; }
#reserClass .reserClass_info th {width:20%; border-right:1px solid #ccc; border-bottom:1px solid #ccc; font-weight:normal; text-align:left; color:#3D3D3D; padding:10px 15px 8px; background-color:#f9f9f9; font-size:13px; line-height:28px; }
#reserClass .reserClass_info td {border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:8px 15px 6px; }
#reserClass .reserClass_info td input {padding:3px 5px; height:20px; border:1px solid #ccc; width:95px; background-color:#f9f9f9; }
#reserClass .reserClass_info td .file {padding:0; height:26px; width:90%; border:none; }
#reserClass .reserClass_info td span {color:#777; font-size:12px; }
.line_l {border-left:1px solid #ccc; }
.line_ll {border-left:2px solid #17b37e !important; }
.line_tt {border-top:2px solid #17b37e !important; }
.line_rr {border-right:2px solid #17b37e !important; }
.line_bb {border-bottom:2px solid #17b37e !important; }
.nline_b {border-bottom:none !important; }
#reserClass .reserClass_btn {padding:15px; text-align:center; }
#reserClass .reserClass_btn * {vertical-align:top; }

/* 신청접수확인 */
.edu .title {text-align:center; padding:15px; font-weight:normal; color:#fff; font-size:20px; background-color:#00854b;; }
.edu .login {width:250px; margin:0 auto; margin-top:75px; background-color:#eee; border-radius:15px; padding:20px; }
.edu .login .con {width:180px; float:left;}
.edu .login .con li {height:28px; padding:1px 0;}
.edu .login .con li td {width:80px; color:#222; }
.edu .login .con li input {border:1px solid #ccc; color:#ccc; font-weight:normal; padding:3px 5px; width:100px;}
.edu .login .btnBox {width:60px; float:right;}
.edu .login .btnBox .loginBtn {width:100%; text-align:center; padding:20px 0; font-weight:normal; color:#fff; font-size:14px; background-color:#00854b;; border:0; margin-top:2px;}
.edu .login .ment {clear:both; padding-top:10px; letter-spacing:-1px; font-size:13px; }
.edu .err {width:70%; margin:0 auto; margin-top:75px; background-color:#f9f9f9; border-radius:15px; padding:30px 20px; text-align:center; letter-spacing:-1px; }
.edu .err_btn {border-radius:5px; text-align:center; width:90px; padding:10px 0; font-weight:normal; color:#fff; font-size:15px; background-color:#17b37e; width:40%; margin:0 auto; margin-top:20px; cursor:pointer; }
.edu .tbl {width:95%; margin:20px auto 0;}
.edu .tbl table {border-top:2px solid #17b37e; border-left:1px solid #ccc; width:100%; border-collapse:collapse; }
.edu .tbl table caption {overflow:hidden; margin:0; padding:0; height:0; text-indent:-2000px; font-size:0; line-height:0; }
.edu .tbl th {border-bottom:1px solid #ccc; border-right:1px solid #ccc; width:60px; padding:9px 8px 7px; background-color:#f9f9f9; color:#3D3D3D; text-align:center; vertical-align:middle; font-size:13px; font-weight:normal; line-height:1.5; }
.edu .tbl td {border-bottom:1px solid #ccc; border-right:1px solid #ccc; text-align:left; padding:9px 8px 7px; background-color:#fff; color:#666; font-size:13px; font-weight:300; line-height:1.5; }

/* 달력 */
.ui-datepicker-trigger {vertical-align: middle;}
.ui-datepicker {width: 17em; padding: .2em .2em 0; display: none; z-index:999999; border:1px solid; background-color:#fff;}
.ui-datepicker .ui-datepicker-header {position:relative; padding:.2em 0;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {position:absolute; top: 3px; width: 16px; height: 16px; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {top: 3px; }
.ui-datepicker .ui-datepicker-prev {left:2px; }
.ui-datepicker .ui-datepicker-next {right:2px; }
.ui-datepicker .ui-datepicker-prev-hover {left:1px; }
.ui-datepicker .ui-datepicker-next-hover {right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title {margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select {font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year {width: 49%;}
.ui-datepicker select.ui-datepicker-month {width: 30%; #width: 25%; } 
.ui-datepicker select.ui-datepicker-year {width: 35%; #width: 30%; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th {padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td {border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a {display: block; padding: .2em; text-align: center; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane {background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button {float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {float:left; }
.ui-datepicker-calendar th {background-color:#17b37e; color:#fff; padding:2px 0 4px 0; font-size:13px; font-weight:normal; border-right:1px solid #17b37e; }
.ui-datepicker-calendar thead tr {border-left:1px solid #17b37e; }
.ui-datepicker-calendar td {background-color:#f9f9f9; color:#666; padding:2px 0 4px 0; font-size:13px; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.ui-datepicker-calendar tbody tr {border-left:1px solid #ccc; }
.ui-datepicker-calendar .ui-state-disabled td {background-color:#ddd;}