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

/******************** 리스트 ********************/
/* apply_list */
.apply_list {overflow:hidden; margin-bottom:20px;}
.apply_list li {float:left; margin:15px 0 0 2%; padding:0; width:32%;}
.apply_list li:nth-child(3n+1) {margin-left:0;}
.apply_list li.cut {margin-left:0; clear:both; float:left;}
.apply_list li a {position:relative; display:block; overflow:hidden; padding:20px; height:400px; border:1px solid #e4e4e4;}
/* apply_list in */
.apply_list .apply_pic {position:absolute; left:0; right:0; top:0; overflow:hidden; width:100%; height:200px; background:#999; text-align:center;} /*썸네일*/
.apply_list .apply_pic img {width:100%; height:auto; min-height:200px;}
.apply_list .apply_pic img.wpb_noimg {margin:76px auto 0; width:46px; height:46px; min-height:46px;}
.apply_list .apply_pic span {position:absolute; left:0; bottom:0; display:block; background:url('../../image/img_bg.png') 0 0 repeat-x; width:100%; height:16px;}
.apply_list .apply_name {margin:190px 0 10px; padding:0; font-size:20px; font-weight:normal; color:#111; letter-spacing:-1px;}
.apply_name strong {font-weight:normal;}
.apply_list .apply_name span {display:none;}
.apply_list .apply_apply {color:#17b37e !important;}
.apply_list .apply_info {overflow:hidden; margin:0; padding:15px 20px 18px; background:#f9f9f9; border-radius:10px; font-size:14px; text-align:left;}
.apply_list .apply_info dt {clear:both; float:left; margin:3px 0; padding-right:10px; color:#111; font-weight:bold;}
.apply_list .apply_info dt span {display:none;}
.apply_list .apply_info dd {float:left; margin:3px 0; width:80%; color:#555; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.apply_list .apply_item1 {} /*신청기간*/
.apply_list .apply_item2 {display:none;} /*운영기간*/
.apply_list .apply_item3 {display:none;} /*프로그램기간*/
.apply_list .apply_item4 {display:none;} /*참가인원*/
.apply_list .apply_item5 {} /*운영장소*/
.apply_list .apply_item6 {display:none;} /*체험비*/
.apply_list .apply_item7 {display:none;} /*내용*/
.apply_list .apply_more {position:absolute; bottom:0; left:0; right:0; display:block; padding:15px 20px 15px 35px; border-top:1px solid #e4e4e4; font-size:13px;} /*자세히보기*/
.apply_list .apply_more:after {content:""; display:inline-block; margin:0 0 2px 4px; width:0; height:0; border-width:4px; border-style:solid; border-color:transparent; border-left-color:#999; font-size:0; line-height:0; vertical-align:middle;}
/* apply_btn */
.apply_list .apply_btn {position:absolute; top:170px; right:15px; margin-top:-35px;}
.apply_list .apply_btn .applybtn {width:68px; height:68px; line-height:68px; 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_more, .apply_list a:focus .apply_more {border-color:#02a388;}
.apply_list a:hover .apply_name, .apply_list a:focus .apply_name {color:#02a388;}
.apply_list a:hover .apply_more:after, .apply_list a:focus .apply_more:after {border-left-color:#02a388;}









/*************** 뷰 ***************/
/* 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:60px; font-size:13px; font-weight:normal; text-align:left; line-height:28px; border-bottom:1px solid #e4e4e4;}
.board_view_head .t_info td {padding:17px 10px; background-color:#fff; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; font-weight:300; font-size:13px;}
.board_view_head .reser {position:absolute; right:0; top:0; bottom:0; width:400px; padding:20px; border-left:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; text-align:center; background-color:#fff;}
.board_view_head .reser_in {display:inline-block; width:100%; text-align:center;}
.board_view_head .reser_in > * {margin:2px 0; padding:20px; font-size:17px; font-weight:bold;}
.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:12px; letter-spacing:-0.5px;}
#reser_class .reser_class_box h1 {font-size:14px; color:#111;}
#reser_class .reser_class_agree {padding:10px 0;}
#reser_class .reser_class_agree label {margin-left:5px; font-size:13px;}
/* 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:14px;}
#reser_class .reser_class_info td {text-align:left;}
#reser_class .reser_class_info td input {width:95px; padding:3px 5px; height:20px; border:1px solid #ccc;}
#reser_class .reser_class_info td .file {height:26px; width:90%; padding:0; border:none; font-size:14px;}
#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;} /*썸네일*/










/*************** 팝업 ***************/
/* edu */
.edu_in {overflow-y:auto; padding:40px 40px 0; width:370px; height:360px;}
.edu .title {padding:0 0 10px; color:#000; font-size:20px; font-weight:normal; text-align:left;}
.edu .con {margin:0;}
.edu .con ul {margin-bottom:20px;}
.edu .con li span {display:none; color:#222;}
.edu .con li {padding-bottom:3px;}
.edu .con li input {box-sizing:border-box; padding:10px 0 15px; width:100%; border:none; border-bottom:1px solid #ccc; background:#fff; color:#000; font-size:13px; font-weight:normal;}
.edu .loginBtn {box-sizing:border-box; width:100%; text-align:center; margin:10px 0 40px; padding:15px 0; font-weight:normal; color:#17b37e; font-size:15px; border:2px solid #17b37e; background:#fff; cursor:pointer;}
.edu input.loginBtn {padding:15px 0 16px;}
.edu .ment {margin:0 0 15px; color:#000; font-size:14px; letter-spacing:-1px;}
.edu .ment p {margin:0; padding:0;}
.edu .err {margin:0 0 20px; color:#000; font-size:14px; letter-spacing:-1px;}
/* edu table */
.edu .tbl {margin:0;}
.edu table {margin-bottom:3px; box-sizing:border-box; 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:14px; 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:14px; font-weight:300; line-height:1.5;}