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

/******************** 리스트 ********************/
/* apply_list */
.apply_list {margin-bottom:10px;}
.apply_list li {margin-top:5px; padding:0;}
.apply_list li:nth-child(3n+1) {}
.apply_list li.cut {}
.apply_list li a {position:relative; display:block; border:1px solid #e4e4e4;}
/* apply_list in */
.apply_list .apply_pic {display:none;} /*썸네일*/
.apply_list .apply_name {padding:15px; border-bottom:1px dotted #e4e4e4; font-size:20px; font-weight:normal; color:#111; letter-spacing:-1px;}
.apply_name strong {font-weight:normal;}
.apply_list .apply_name span {color:#999; font-size:13px;}
.apply_list .apply_apply {color:#17b37e !important;}
.apply_list .apply_info {overflow:hidden; padding:15px; font-size:15px; text-align:left;}
.apply_list .apply_info dt {float:left; padding-right:10px; color:#111; font-weight:bold;}
.apply_list .apply_info dd {float:left; padding-right:50px; color:#555;}
.apply_list .apply_item1 {} /*신청기간*/
.apply_list .apply_item2 {} /*운영기간*/
.apply_list .apply_item3 {} /*프로그램기간*/
.apply_list .apply_item4 {display:none;} /*참가인원*/
.apply_list .apply_item5 {display:none;} /*운영장소*/
.apply_list .apply_item6 {display:none;} /*체험비*/
.apply_list .apply_item7 {display:none;} /*내용*/
.apply_list .apply_more {display:none;} /*자세히보기*/
/* apply_btn */
.apply_list .apply_btn {position:absolute; right:20px; top:50%; margin-top:-40px; width:80px;}
.apply_list .apply_btn .applybtn {width:80px; height:80px; line-height:80px; border-radius:50%; font-weight:normal; font-size:13px; color:#fff; text-align:center;}
.apply_list .color1 {background-color:#b5e850; color:#111 !important;} /*준비중*/
.apply_list .color2 {background-color:#17b37e;} /*접수중*/
.apply_list .color3 {background-color:#fcff1b; color:#111 !important;} /*대기*/
.apply_list .color4 {background-color:#aeaeae;} /*마감*/
.apply_list .color5 {background-color:#f48325;} /*별도연락*/

/***** hover, focus *****/
.apply_list a:hover, .apply_list a:focus, .apply_list a:hover .apply_name, .apply_list a:focus .apply_name {border-color:#1558ab;}
.apply_list a:hover .apply_name, .apply_list a:focus .apply_name {color:#1558ab;}









/*************** 뷰 ***************/
/* 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:7px 30px; width:25vw; text-align:left; line-height:7.778vw; border-bottom:1px solid #e4e4e4;}
.board_view_head .t_info td {padding:7px 10px; background-color:#fff; border-bottom:1px solid #e4e4e4;}
.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:-40px; width:150px; text-align:center;}
.board_view_head .reser_in > * {margin:2px 0; width:60px;}
.board_view_head .board_file {padding:7px 30px; border-bottom:1px solid #ccc;}
/* reser_class_box */
#reser_class {padding:20px 0;}
#reser_class .reser_class_box {height:170px; overflow-y:scroll; border:1px solid #ccc; background-color:#f9f9f9; padding:15px 15px 30px; font-size:15px; letter-spacing:-0.5px;}
#reser_class .reser_class_box h1 {font-size:15px; color:#111;}
#reser_class .reser_class_agree {padding:10px 0;}
#reser_class .reser_class_agree label {margin-left:5px; font-size:15px;}
/* reser_class_info */
#reser_class .reser_class_info {margin-top:20px;}
#reser_class .reser_class_info th {width:20%; font-weight:normal; text-align:left; font-size:15px;}
#reser_class .reser_class_info td {text-align:left;}
#reser_class .reser_class_info td input {width:95px; height:30px; padding:3px 5px; border:1px solid #ccc; font-size: 15px;}
#reser_class .reser_class_info td select {font-size: 15px;}
#reser_class .reser_class_info td label {vertical-align: middle;}
#reser_class .reser_class_info td .file {height:26px; width:90%; padding:0; border:none; font-size:15px;}
#reser_class .reser_class_info td span {color:#333; font-size:12px;}
/* line */
.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;}
#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;} /*썸네일*/









/*************** 팝업 ***************/
/* 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:#17b37e;}
.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:#17b37e; 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; font-size:15px; 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:#17b37e; cursor:pointer;}
/* edu table */
.edu .tbl {margin:35px 30px 15px;}
.edu table {border-top:2px solid #17b37e; 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-size:13px; 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-size:13px; font-weight:300; line-height:1.5;}