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

/******************** 리스트 ********************/
/* apply_list */
.apply_list {
    margin-bottom:10px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.apply_list li {
    margin-top:5px; 
    padding:0;
}
.apply_list li a {
    position:relative; 
    display:block; 
    border:1px solid #e4e4e4; 
    transition: 0.3s;
}
/* apply_list in */
.apply_list .apply_pic {
    overflow: hidden;
    height: 250px;
    background: #eee url(/kor/_wpcomm/HomeType/basic/image/common/logo.svg) 50% 50% no-repeat;
    background-size: 50%;
}
.apply_list .apply_pic img {
    width:100%;
}
.apply_list .apply_name {
    margin:0;
    padding:24px; 
    min-height:109px;
    border-bottom:1px dotted #ddd; 
    font-size:20px; 
    font-weight:normal; 
    color:#111; 
    letter-spacing:-1px; 
    transition: 0.3s;
}
.apply_name strong {
    font-weight:normal;
}
.apply_list .apply_name span {
    color:#999; 
    font-size:15px;
}
.apply_list .apply_apply {
    color:#037a4e !important;
}
.apply_info_box {
    padding:24px;
}
.apply_list .apply_info {
    overflow: hidden;
    margin: 0;
    display: grid;
    grid-template-columns: 50px auto;
    gap: 5px 20px;
    font-size: 15px;
}
.apply_list .apply_info dt {color:#111; font-weight:bold;}
.apply_list .apply_info dd {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 {
    font-size: 15px;
} 
/* 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:15px; color:#fff; text-align:center;}
*/
.apply_list .apply_btn {
    width:80px;
}
.apply_list .apply_btn .applybtn {
    padding: 3px 15px;
    border-radius: 30px;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    border: 1px solid #d8d8d8;
}
/*
.apply_list .color1 {background-color:#b5e850; color:#111 !important;} /*준비중
.apply_list .color2 {background-color:#037a4e;} /*접수중
.apply_list .color3 {background-color:#fcff1b; color:#111 !important;} /*대기
.apply_list .color4 {background-color:#aeaeae;} /*마감
.apply_list .color5 {background-color:#f48325;} /*별도연락
*/

/*운영준비중*/
.apply_list .color1 {
  color:#00626e;
  background-color: #ecf5f6;
  border-color:#98c5cb !important;
} 
/*접수중*/
.apply_list .color2 {
  color:#006e18;
  background-color: #eef7ee;
  border-color:#99cc99 !important;
} 
/*종료*/
.apply_list .color3 {
  color:#1d1d1d;
  background-color: #f0f0f0;
  border-color:#c6c6c6 !important;
} 

/*대기*/
.apply_list .color4 {
  color:#006cb8;
  background-color: #ebf5ff;
  border-color:#8fc8ff !important;
} 

/*별도연락*/
.apply_list .color5 {
  color:#df5900;
  background-color: #fff5e8;
  border-color:#eac89a !important;
}

.apply_list li .list_more {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 64px;
    padding: 0 20px;
    border-top: 1px solid #e4e4e4;
    transition: 0.3s;
}
.apply_list li .list_more i {
    margin-left: 10px;
}


/***** hover, focus *****/
.apply_list a:hover, .apply_list a:focus, .apply_list a:hover .apply_name, .apply_list a:focus .apply_name, .apply_list a:hover .list_more {border-color:#037a4e; transition: 0.3s;}
.apply_list a:hover .apply_name, .apply_list a:focus .apply_name {color:#037a4e; transition: 0.3s;}









/*************** 뷰 ***************/
/* board_view */
.board_view_head .wp_title {text-align:center;}
/* 게시물 정보 */
.board_info {
  display:flex;
  gap:8px;
  flex-wrap: wrap;
  overflow:hidden; 
  padding:0 0 20px; 
  border-bottom:1px solid #e4e4e4; 
  font-size:15px;
}
.board_info dl {
  display:flex;
  gap:12px;
  margin-right:32px;
}
.board_info dt {
  color:#1d1d1d;
}
/* 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:15px 10px; width:100px; font-size:15px; font-weight:600; text-align:left; line-height:28px; border-bottom:1px solid #e4e4e4;}
.board_view_head .t_info td {padding:15px 10px; background-color:#fff; border-bottom:1px solid #e4e4e4; font-size:15px;}
.board_view_head .reser {padding:20px 0; text-align:center; background-color:#fff;}
.board_view_head .reser_in {text-align:center; }
.board_view_head .board_file {
    padding:15px 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;}
/* line */
.line_l {border-left:1px solid #ccc;}
.line_ll {border-left:2px solid #037a4e !important;}
.line_tt {border-top:2px solid #037a4e !important;}
.line_rr {border-right:2px solid #037a4e !important;}
.line_bb {border-bottom:2px solid #037a4e !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_in {padding:0; width:100%;}
.edu .title {text-align:center; padding:20px; font-weight:normal; color:#fff; font-size:20px; background-color:#037a4e;}
.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:60%;}
.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:#037a4e; 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:#037a4e; cursor:pointer;}
/* edu table */
.edu .tbl {margin:35px 30px 15px;}
.edu table {border-top:2px solid #037a4e; 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:100px; padding:9px 8px 7px; background-color:#f9f9f9; color:#3D3D3D; text-align:center; vertical-align:middle; font-size:15px; 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:15px; line-height:1.5;}