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

/******************** 리스트 ********************/
/* apply_list */
.apply_list {
    margin-bottom:2.778vw;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 5.556vw;
}
.apply_list li {
    padding:0;
}
.apply_list li a {
    position:relative; 
    display:block; 
    border:0.278vw solid #e4e4e4; 
    transition: 0.3s;
}
/* apply_list in */
.apply_list .apply_pic {
    overflow: hidden;
    height: 69.444vw;
    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:5.556vw; 
    border-bottom:0.278vw dotted #ddd; 
    font-size:5.556vw; 
    font-weight:normal; 
    color:#111; 
    letter-spacing:-0.139vw; 
    transition: 0.3s;
}
.apply_name strong {
    font-weight:600;
}
.apply_list .apply_apply {
    color:#037a4e !important;
}
.apply_info_box {
    padding:5.556vw;
}
.apply_list .apply_info {
    overflow: hidden;
    margin: 0;
    display: grid;
    grid-template-columns: 16.667vw auto;
    gap: 1.389vw 5.556vw;
    font-size: 4.167vw;
}
.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: 4.167vw;
} 

.apply_list .apply_btn {
    width:22.222vw;
}
.apply_list .apply_btn .applybtn {
    padding: 0.833vw 4.167vw;
    border-radius: 8.333vw;
    font-weight: bold;
    font-size: 4.167vw;
    text-align: center;
    border: 0.278vw solid #d8d8d8;
}
 
/*운영준비중*/
.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;
    padding: 4.167vw 5.556vw;
    border-top: 0.278vw solid #e4e4e4;
    transition: 0.3s;
}
.apply_list li .list_more i {
    margin-left: 2.778vw;
}


/***** 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 {
    padding:5.556vw 1.944vw 4.167vw !important;
    text-align:center;
}
/* 게시물 정보 */
.board_info {
  display:grid;
  grid-template-columns: 15% auto 15% auto;
  gap:2.222vw;
  flex-wrap: wrap;
  overflow:hidden; 
  padding:0 0 5.556vw; 
  border-bottom:0.278vw solid #e4e4e4; 
  font-size:4.167vw;
}
.board_info dl {
  display:flex;
  gap:12px;
  margin-right:32px;
}
.board_info dt {
  padding-right: 0;
  color:#1d1d1d;
}
.board_info dd {
  padding-right: 0;
}
/* 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:2.778vw; width:16.667vw; font-size:4.167vw; text-align:left; border-bottom:0.278vw solid #e4e4e4;}
.board_view_head .t_info td {padding:2.778vw; background-color:#fff; border-bottom:0.278vw solid #e4e4e4; font-size:4.167vw;}
.board_view_head .reser {padding:5.556vw 0; text-align:center; background-color:#fff;}
.board_view_head .reser_in {text-align:center; }
.board_view_head .board_file {
    padding:4.167vw 5.556vw; 
    border-bottom:0.278vw solid #ccc;
    font-size: 4.167vw;
}
/* reser_class_box */
#reser_class {padding:5.556vw 0;}
#reser_class .reser_class_box {height:47.222vw; overflow-y:scroll; border:0.278vw solid #ccc; background-color:#f9f9f9; padding:4.167vw 4.167vw 8.333vw; font-size:4.167vw; letter-spacing:-0.139vw;}
#reser_class .reser_class_box h1 {font-size:4.167vw; color:#111;}
#reser_class .reser_class_agree {padding:2.778vw 0;}
#reser_class .reser_class_agree label {margin-left:1.389vw; font-size:4.167vw;}
/* reser_class_info */
#reser_class .reser_class_info {margin-top:5.556vw;}
#reser_class .reser_class_info th {width:33%; font-weight:normal;  font-size:4.167vw; word-break: keep-all;}
#reser_class .reser_class_info td {text-align:left;}
#reser_class .reser_class_info td input {width:26.389vw; height:8.333vw; padding:0.833vw 1.389vw; border:0.278vw solid #ccc; font-size: 4.167vw;}
#reser_class .reser_class_info td select {font-size: 4.167vw;}
#reser_class .reser_class_info td label {vertical-align: middle;}
#reser_class .reser_class_info td .file {height:7.222vw; width:90%; padding:0; border:none; font-size:4.167vw;}
#reser_class .reser_class_info td span {display:block; color:#333; font-size:4.167vw;}
/* line */
.line_l {border-left:0.278vw solid #ccc;}
.line_ll {border-left:0.556vw solid #037a4e !important;}
.line_tt {border-top:0.556vw solid #037a4e !important;}
.line_rr {border-right:0.556vw solid #037a4e !important;}
.line_bb {border-bottom:0.556vw solid #037a4e !important;}
.nline_b {border-bottom:none !important;}
#reser_class .reser_class_btn {padding:5.556vw; text-align:center;}
#reser_class .reser_class_btn * {vertical-align:top;}










/*************** 팝업 ***************/
/* edu */
.edu_in {padding:0; width:100%;}
.edu .title {text-align:center; padding:5.556vw; font-weight:normal; color:#fff; font-size:5.556vw; background-color:#037a4e;}
.edu .box {position:relative; margin:5.556vw; border:0.278vw solid #ccc; padding:6.944vw 6.944vw 41.667vw; font-size: 4.722vw;}
.edu .con {position:relative;}
.edu .con li {margin-bottom:0.833vw;}
.edu .con li * {vertical-align:middle;}
.edu .con li span {display:inline-block; width:19.444vw; color:#222;}
.edu .con li input {border:0.278vw solid #ccc; color:#000; font-weight:normal; padding:1.944vw 4.167vw; width:40%; font-size: 4.167vw;}
.edu .con .loginBtn {position:absolute; top:50%; right:0;     transform: translateY(-50%); width:22.222vw; height:22.222vw; line-height:22.222vw; text-align:center; font-weight:normal; color:#fff; font-size:4.167vw; background:#037a4e; border:0; border-radius:50%;}
.edu .ment {position:absolute; left:0; bottom:0; width:100%; border-top:0.278vw dotted #ccc; letter-spacing:-0.278vw;}
.edu .ment p {margin:0; padding:6.944vw;}
.edu .err {margin:5.556vw; background:#f9f9f9; padding:11.111vw 5.556vw; font-size:4.167vw; color:#000; text-align:center; letter-spacing:-0.278vw;}
.edu .err_btn {padding:0 5.556vw;}
.edu .err_btn .loginBtn {text-align:center; margin:0 auto 8.333vw; padding:2.778vw 0; width:100%; font-weight:normal; color:#fff; font-size:4.167vw; background:#037a4e; cursor:pointer;}
/* edu table */
.edu .tbl {margin:5.556vw;}
.edu table {border-top:0.556vw solid #037a4e; border-left:0.278vw 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:0.278vw solid #ccc; border-right:0.278vw solid #ccc; width:27%; padding:4.167vw 2.278vw; background-color:#f9f9f9; color:#3D3D3D; text-align:center; vertical-align:middle; font-size:4.167vw; line-height:1.5;}
.edu td {border-bottom:0.278vw solid #ccc; border-right:0.278vw solid #ccc; text-align:left; padding:4.167vw 2.278vw; background-color:#fff; color:#666; font-size:4.167vw; line-height:1.5;}