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

/******************** 리스트 ********************/
/* apply_list */
.apply_list {overflow:hidden;}
.apply_list li {margin:0 0 15px 2%; margin:0 0 4.167vw 2%; padding:0;}
.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; padding:5.556vw; border:1px solid #e4e4e4; border:0.278vw solid #e4e4e4;}
/* apply_list in */
.apply_list .apply_pic {position:absolute; left:0; right:0; top:0; overflow:hidden; width:100%; height:214px; height: 59.444vw; background:#999; text-align:center;} /*썸네일*/
.apply_list .apply_pic img {width:100%; height:auto; min-height:214px; min-height:59.444vw;}
.apply_list .apply_pic img.wpb_noimg {margin:76px auto 0; margin:21.111vw auto 0; width:46px; height:46px; min-height:46px; width:12.778vw; height:12.778vw; min-height:12.778vw;}
.apply_list .apply_pic span {position:absolute; left:0; bottom:0; display:block; background:url('../../image/img_bg.png') 0 100% repeat-x; width:100%; height:16px; height:4.444vw;}
.apply_list .apply_name {margin:214px 0 10px; margin:59.444vw 0 2.778vw;  padding:0; font-size:18px; font-size:5vw; font-weight:normal; color:#111; letter-spacing:-1px; letter-spacing:-0.278vw;}
.apply_name strong {font-weight:normal;}
.apply_list .apply_name span {display:none;}
.apply_list .apply_apply {color:#4e97d1 !important;}
.apply_list .apply_info {overflow:hidden; margin:0; padding:15px 20px 18px; padding:4.167vw 5.556vw 5vw; background:#f9f9f9; border-radius:10px; border-radius:2.778vw; font-size:14px; font-size:3.889vw; text-align:left;}
.apply_list .apply_info dt {clear:both; float:left; margin:3px 0; margin:0.833vw 0; padding-right:10px; padding-right:2.778vw; color:#111; font-weight:bold;}
.apply_list .apply_info dt span {display:none;}
.apply_list .apply_info dd {float:left; margin:3px 0; margin:0.833vw 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 {display:none; position:absolute; bottom:0; left:0; right:0; padding:15px 20px 15px 35px; padding:4.167vw 5.556vw 4.167vw 9.722vw; border-top:1px solid #e4e4e4;  border-top:0.278vw solid #e4e4e4; font-size:13px; font-size:3.611vw;} /*자세히보기*/
.apply_list .apply_more:after {content:""; display:inline-block; margin:0 0 2px 4px; margin:0.556vw 1.111vw; width:0; height:0; border-width:4px; border-width:1.111vw; 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:200px; top:55.556vw; right:15px; right:4.167vw; margin-top:-35px; margin-top:-9.722vw;}
.apply_list .apply_btn .applybtn {width:68px; height:68px; line-height:68px; width:18.889vw; height:18.889vw; line-height:18.889vw; border-radius:50%; font-weight:normal; font-size:13px; font-size:3.611vw; color:#fff; text-align:center;}
.apply_list .color1 {background-color:#b5e850; color:#111 !important;} /*준비중*/
.apply_list .color2 {background-color:#4e97d1;} /*접수중*/
.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:#4e97d1;}
.apply_list a:hover .apply_name, .apply_list a:focus .apply_name {color:#4e97d1;}
.apply_list a:hover .apply_more:after, .apply_list a:focus .apply_more:after {border-left-color:#4e97d1;}









/*************** 뷰 ***************/
/* 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 20px; padding:1.944vw 5.556vw; width:60px; width:16.667vw; font-size:13px; font-size:3.611vw; font-weight:normal; text-align:left;  border-bottom:1px solid #e4e4e4; border-bottom:0.278vw solid #e4e4e4;}
.board_view_head .t_info td {padding:7px 10px; padding:1.944vw 2.778vw; background-color:#fff; border-bottom:1px solid #e4e4e4; border-bottom:0.278vw solid #e4e4e4; font-weight:300; font-size:13px; font-size:3.611vw;}
.board_view_head .reser {position:absolute; right:0; top:0; bottom:0; width:150px; width:41.667vw; border-left:1px solid #e4e4e4; border-left:0.278vw solid #e4e4e4; border-bottom:1px solid #e4e4e4; border-bottom:0.278vw solid #e4e4e4; text-align:center; background-color:#fff;}
.board_view_head .reser_in {position:absolute; left:0; top:50%; margin-top:-40px; margin-top:-11.111vw; width:150px; width:41.667vw; text-align:center;}
.board_view_head .reser_in > * {margin:2px 0; margin:0.556vw 0; width:60px; width:16.667vw;}
.board_view_head .board_file {padding:7px 20px; padding:1.944vw 5.556vw; border-bottom:1px solid #ccc; border-bottom:0.278vw solid #ccc;}
/* reser_class_box */
#reser_class {padding:20px 0; padding:5.556vw 0; margin-bottom:20px; margin-bottom:5.556vw; border-bottom:1px solid #ccc; border-bottom:0.278vw solid #ccc;}
#reser_class .reser_class_box {height:170px; height:47.222vw; overflow-y:scroll; border:1px solid #ccc; border:0.278vw solid #ccc; background-color:#f9f9f9; padding:15px 15px 30px;  padding:4.167vw 4.167vw 8.333vw; letter-spacing:-0.5px; letter-spacing:-0.138vw;}
#reser_class .reser_class_box h1 {font-size:14px; font-size:3.889vw; color:#111;}
#reser_class .reser_class_agree {padding:10px 0; padding:2.778vw 0;}
#reser_class .reser_class_agree label {margin-left:5px; margin-left:1.389vw;}
/* reser_class_info */
#reser_class .reser_class_info {margin-top:20px; margin-top:5.556vw;}
#reser_class .reser_class_info th {width:30%; font-weight:normal; text-align:left; font-size:14px; font-size:3.889vw;}
#reser_class .reser_class_info td {text-align:left;}
#reser_class .reser_class_info td input {width:95px; width:26.389vw; padding:3px 5px; padding:0.833vw 1.389vw; height:20px; height:5.556vw; border:1px solid #ccc; border:0.278vw solid #ccc;}
#reser_class .reser_class_info td .file {height:26px; height:7.222vw; width:90%; padding:0; border:none; font-size:14px; font-size:3.889vw;}
#reser_class .reser_class_info td span {color:#333;}
/* line */
.line_l {border-left:1px solid #ccc; border-left:0.278vw solid #ccc;}
.line_ll {border-left:2px solid #4e97d1 !important; border-left:0.556vw solid #4e97d1 !important;}
.line_tt {border-top:2px solid #4e97d1 !important; border-top:0.556vw solid #4e97d1 !important;}
.line_rr {border-right:2px solid #4e97d1 !important; border-right:0.556vw solid #4e97d1 !important;}
.line_bb {border-bottom:2px solid #4e97d1 !important; border-bottom:0.556vw solid #4e97d1 !important;}
.nline_b {border-bottom:none !important;}
#reser_class .reser_class_btn {padding:15px; padding:4.167vw; 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:#4e97d1; font-size:15px; border:2px solid #4e97d1; 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 #4e97d1; 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;}