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

/******************** 리스트 ********************/
/* apply_list */
.apply_list {overflow:hidden; margin-bottom:20px;}
.apply_list li {float:left; margin:0 0 15px 1.3%; width:32.466%;}
.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:415px; border:1px solid #e4e4e4; border-radius:20px;}
/* apply_list in */
.apply_list .apply_pic {position:absolute; left:0; right:0; top:0; overflow:hidden; width:100%; height:243px; background:#999; text-align:center;} /*썸네일*/
.apply_list .apply_pic img {width:100%; height:auto; min-height:243px;}
.apply_list .apply_pic img.wpb_noimg {margin:74px 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:240px 0 10px; padding:0; font-size:18px; font-weight:normal; color:#111; letter-spacing:-1px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:auto;}
.apply_name strong {font-weight:normal;}
.apply_list .apply_name span {display:none;}
.apply_list .apply_apply {color:#23bcb7 !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; 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:#23bcb7; color:#fff !important;} /*마감*/
.apply_list .color2 {background-color:#f7951b; color:#fff !important;} /*접수중*/
.apply_list .color3 {background-color:#8187c3; color:#111 !important;} /*대기*/
.apply_list .color4 {background-color:#aeaeae; color:#111 !important;} /*준비중*/
.apply_list .color5 {background-color:#133728; color:#fff !important;} /*별도연락*/

/***** hover, focus *****/

.apply_list a:hover, .apply_list a:focus, .apply_list a:hover .apply_more, .apply_list a:focus .apply_more {border-color:#23bcb7;}
.apply_list a:hover, .apply_list a:hover .apply_name, .apply_list a:focus .apply_name {color:#23bcb7;}
.apply_list a:hover .apply_more:after, .apply_list a:focus .apply_more:after {border-left-color:#23bcb7;}





/*************** 뷰 ***************/
/* 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:7px 10px; background-color:#fff; border-bottom:1px solid #e4e4e4; font-weight:300; font-size:13px;}
.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: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 .inp.inp_large02 + .bbsbutton01 {padding:4px 15px !important;}
/*#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 #23bcb7 !important;}
.line_tt {border-top:2px solid #23bcb7 !important;}
.line_rr {border-right:2px solid #23bcb7 !important;}
.line_bb {border-bottom:2px solid #23bcb7 !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;}










/*************** 팝업 ***************/
/* edu */
.edu {background:#f9f9f9; /* 550 400 */}
.edu_in {overflow-y:auto; padding:40px 40px 0; /*width:470px;*/ height:360px;}
.edu .title {padding:0 0 20px; color:#000; font-size:20px; font-weight:normal; text-align:center;}
.edu .con {margin:0;}
.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; width:100%; border:1px solid #ccc; color:#000; font-size:13px; font-weight:normal; text-indent:10px;}
.edu .loginBtn {width:100%; text-align:center; margin:10px 0 40px; padding:15px 0; font-weight:normal; color:#fff; font-size:15px; background-color:#23bcb7; border:0; cursor:pointer;}
.edu input.loginBtn {padding:15px 0 16px;}
.edu .ment {margin:0 0 10px; padding:25px; background:#fff; border:1px solid #999; border-top:2px solid #000; color:#000; font-size:14px; letter-spacing:-1px;}
.edu .ment p {margin:0; padding:0;}
.edu .err {margin:0 0 13px; padding:71px 25px; background:#fff; border:1px solid #999; border-top:2px solid #000; color:#000; font-size:14px; letter-spacing:-1px; text-align:center;}
.edu .err_btn {margin:0;}
/* edu table */
.edu .tbl {margin:0;}
.edu table {margin-bottom:3px; box-sizing:border-box; border-top:2px solid #23bcb7; 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;}