@charset "utf-8";
/* com2zoa design  KYJ 2021.09.29 */
/* com2zoa design  KYJ 2022.01.24 체험프로그램 신청달력 변경 */

@keyframes blink-effect {
  50% {
/*    opacity: 0;*/
color:rgba(255,255,255,0)
  }
}

.clear_fix::after {content: ""; display: block; clear: both}
/* .art_apply{font-family:CGC} */
.font_basic{font-family:dotum}
select {appearance: none; cursor: pointer}
button{background:none}
span.unit{padding: 1px 0 0 5px}
/*input 공통사항 지정영역*/
.input_base{width: auto; height: 30px; padding: 5px; border-radius:3px; border:1px solid #d0d0d0; box-sizing: border-box}
.input_base.input_long{width:100%}
.input_base.input_mid{width: 100px}
.input_base.input_mid2{width: 200px}
.input_base.input_mid3{width:570px}
.input_base.input_short{width: 50px}

/*select공통사항 지정영역*/
select{width: 100px; height:30px; padding: 0 10px; border-radius: 3px; background:url(../../images/app/ico_sel2.gif) right center no-repeat #fff; border:1px solid #d0d0d0; box-sizing: border-box}
select.sel_mid{width: 140px}
select.sel_mid2{width:200px}

/* 파일첨부 추가 스타일 */
.file_upload{position: relative}
.file_upload input{float: left}
#_upload_file {position:absolute;z-index:1000;height:30px;top:2px;left:159px; width:90px; cursor:pointer !important; opacity:0; filter:alpha(opacity=0)}  
.upload_inputbox {position:absolute;width:30px;border:1px solid #d2cdc7}
.file_upload .newfileup{display: inline-block; height: 30px; line-height: 30px; padding: 0 16px ; margin-left: 5px; border-radius: 5px; /*background-image:url(../../images/app/ico_find.png); background-position: 8px center; background-repeat: no-repeat;*/ background-color: #5a6978; color:#fff; font-weight: 500; font-size: 12px; transition: .3s; cursor: pointer; position:inherit !important; top:inherit; left:inherit}}

/*  공통 버튼 스타일 */
button{border-radius: 3px; transition: .3s}
/*신청 페이지하단버튼선택-신청하기,취소*/
.btn_box{margin-top: 20px; text-align: center}
.btn_box button{width: 170px; height:42px; margin:3px 5px; border-radius: 50px; color:#fff; transition: .3s; font-weight:500; font-size:1.154em}
/*.btn_box button span{padding-left: 10px}*/
.btn_box button.reqbtn_v1{/*background-image:url(../../images/app/reqbtn_v1.png); background-position: 3px center; background-repeat: no-repeat;*/ background-color: #3887e1}
.btn_box button.reqbtn_v1:hover{background-color:#256ec1}
.btn_box button.reqbtn_v1.reqbtn_kind01{background-color: #ff5a41}
.btn_box button.reqbtn_v1.reqbtn_kind01:hover{background-color:#e33014}
.btn_box button.reqbtn_v1.reqbtn_kind02{background-color: #5bb633}
.btn_box button.reqbtn_v1.reqbtn_kind02:hover{background-color:#489c23}

.btn_box button.reqbtn_v2{/*background-image:url(../../images/app/reqbtn_v2.png); background-position: 3px center; background-repeat: no-repeat;*/ background-color: #b5b5b5}
.btn_box button.reqbtn_v2:hover{background-color:#989898}
.btn_box button.reqbtn_v3{/*background-image:url(../../images/app/reqbtn_v3.png); background-position: 10px center; background-repeat: no-repeat;*/ background-color: #b5b5b5}
.btn_box button.reqbtn_v3:hover{background-color:#989898}

.btn_box button.reqbtn_v4{background-color: #5a6978}
.btn_box button.reqbtn_v4:hover{background-color:#36516c}


/*새창 페이지하단버튼선택-확인,취소*/
.btn_box button.newbtn_v1{/*background-image:url(../../images/app/reqbtn_v1.png); background-position: 3px center; background-repeat: no-repeat; */background-color:#256ec1}
.btn_box button.newbtn_v1:hover{background-color: #6aba3a}
.btn_box button.newbtn_v2{/*background-image:url(../../images/app/reqbtn_v2.png); background-position: 3px center; background-repeat: no-repeat; */ background-color: #b5b5b5}
.btn_box button.newbtn_v2:hover{background-color:#989898}
/*검색버튼*/
button.btn_sech{width: 64px; height: 30px; background-color:#44617c;  background-image:url(../../images/app/ico_sech.png); background-position: 10px center; background-repeat: no-repeat; color:#fff; font-size: 13px}
button.btn_sech span{display: block; padding-left:20px}
button.btn_sech:hover{background-color: #2f8ade}
/*프로그램 목록 신청버튼*/
button.btn_requ{width: 95px; height: 30px; border-radius: 50px; background-position: 10px center; background-repeat: no-repeat; color:#fff; font-size: 13px}
button.btn_requ span{display: block}
button.btn_requ span br{display: none}
button.btn_requ.requ00{padding-left:20px; background-color:#ff5a41; background-image:url(../../images/app/ico_request.png); opacity: 0.4}
button.btn_requ.requ01{padding-left:20px; background-color:#ff5a41; background-image:url(../../images/app/ico_request.png)}
button.btn_requ.requ01:hover{background-color: #e33014}
button.btn_requ.requ02{padding-left:20px; background-color:#5bb633; background-image:url(../../images/app/ico_request.png)}
button.btn_requ.requ02:hover{background-color: #489c23}
span.state_requ{display:inline-block; width: 95px; height: 30px; line-height: 30px; border-radius: 50px; color:#fff; font-size: 13px}
span.state_requ br{display: none}
span.state_requ.requ03{border:1px solid #ccc;color:#a0a0a0; box-sizing: border-box}
span.state_requ.requ04{background: #777}
span.state_requ.requ05{padding-left:20px; background:url(../../images/app/ico_finish.png) 10px center no-repeat #5598d6; box-sizing: border-box}

/*프로그램 신청 취소 버튼*/
button.btn_cancel{display:inline-block; width:38px;padding: 4px 6px; border-radius: 5px; background:#ed4c33; color:#fff; font-size: 12px}
button.btn_cancel:hover{background: #5b5b5b}
/*참여자명단 버튼*/
button.btn_explst{display:inline-block; width:38px; padding: 4px 6px; border-radius: 5px; background:#9d57dd; color:#fff; font-size: 12px}
button.btn_explst:hover{background: #8c25ce}
/*수정 버튼*/
button.btn_modify{display:inline-block; width:38px;padding: 4px 6px; border-radius: 5px; background: #919191; color:#fff; font-size: 12px}
button.btn_modify:hover{background: #3f3f3f}
/*정보변경  버튼*/
button.btn_modi{display:inline-block; width:38px;padding: 4px 6px; border-radius: 5px; background: #919191; color:#fff; font-size: 12px}
button.btn_modi:hover{background: #3f3f3f}



/* 테이블 */
.app_table{margin-bottom:15px}
.app_table table{width: 100%}
.table_border{overflow:hidden; position: relative}
/*모바일 아래에서 표 내용이 너무많을때 사이즈 고정후 스크롤 하기 테이블 감싸고 있는 div한테 table_scroll 클래스 주면됨*/	
.scroll_txt{display: none}
.table_scroll{overflow-x: auto; position: relative}
.table_scroll table {min-width:600px}
/*표_색상:회색(기본) - !!!!!!!!!!!!!table_scroll이 적용 안되는 테이블은 각페이지 고유 클래스 하위 app_table에 overflow: hidden 줘야함*/
.app_table {width:100%; border-collapse:collapse; table-layout:auto; background:#f1f1f1/* ; border-radius:10px 10px 0 0 */}
.app_table thead th { line-height:140%; padding:8px 3px;  border:1px solid #cfcfcf; border-top:1px solid #d0d0d0;  vertical-align:middle;text-align:center; font-weight:400; color:#fff; font-size:1.077em}
.app_table thead th:first-child { border-left:1px solid #d0d0d0}
.app_table thead th:last-child {border-right:1px solid #d0d0d0}
.app_table tbody th {line-height:130%; background:#ececec; padding:8px; border:1px solid #d0d0d0;  text-align:center; font-weight:600; vertical-align:middle; color:#1a1a1a; font-size:1.077em}
.app_table tbody td {line-height:130%; background:#fff; padding:8px 7px; border:1px solid #d0d0d0;text-align:center; vertical-align:middle; font-weight:400; color:#4d4d4d} 
.app_table.tdtxt_left tbody td{text-align: left}
.app_table .table_st01 thead{background:#436999}
.app_table .table_st02 thead{background:#5a6978}
.app_table .table_st02 thead th:first-child {border-radius:0}
.app_table .txtleft{text-align:left}

.art_form .app_table tbody th {background:#5f6478; color:#fff}

/*공통 margin,padding 값 지정*/
.mrgl5{margin-left: 5px}
.mrgb5 {margin-bottom:5px}

/*col class 선언영역*/
.wdtfix{width:40px}
.wdtauto {width:auto}
.wdt5{width: 5%}
.wdt6{width: 6%}
.wdt7{width: 7%}
.wdt8{width: 8%}
.wdt9{width: 9%}
.wdt10{width: 10%}
.wdt12{width: 12%}
.wdt13{width: 13%}
.wdt15{width: 15%}
.wdt16{width: 16%}
.wdt18{width: 18%}
.wdt20{width: 20%}
.wdt25{width: 25%}
.wdt30{width: 30%}
.wdt33{width: 33.3%}
.wdt40{width: 40%}
.wdt50{width: 50%}
.wdt60{width: 60%}
.wdt70{width: 70%}
.wdt80{width: 80%}
.wdt90{width: 90%}

/*상태표시 색상지정*/
/*프로그램 신청목록-상태*/
span.state{display: inline-block; width:50px; height: 25px; line-height: 25px; border-radius: 5px; color:#fff; font-size:13px; font-family:NSK}
span.state01{line-height: 23px; border:1px solid #ccc; background:#fff; box-sizing: border-box; color:#6a6a6a}
span.state02{background:#ff571c;  animation: blink-effect 1.3s step-end infinite;}
span.state03{background:#777}
/*나의 신청정보-신청상태*/
span.info_state{display: inline-block; width:56px; height: 25px; line-height: 25px; border-radius: 50px;font-size:13px; font-family:NSK}
span.info_state br{display: none}
span.if_state01{background: #39ae42; color:#fff}
span.if_state02{background: #3e94ff; color:#fff}
span.if_state03{background:#777; color:#fff}
span.cancel_txt{display: block; color:#ff461b}
span.join_date{color:#287de5; font-weight: 500}
/*나의 신청정보-체험분류*/
span.exp_kind{font-size: 13px; font-weight: 500}
span.kind01{color:#ffbc57}
span.kind02{color:#43bf9c}
span.kind03{color:#3389ff}
span.kind04{color:#fd9272}
span.kind09{color:#ff9639}

/*텍스트 포인트 색상지정*/
span.col_b{color:#4c9df0}
span.col_r{color:#f57456}
span.col_r2{color:#ff4621}
span.date_point{display: block; font-weight: 500}
span.cancel_date{font-size: 13px; color:#ff4621}

/*게시판 상단 안내 문구 [예술누리터 게시판 공통]*/
.board_top{position: relative; padding:7px; margin-bottom: 20px; border-radius:5px; border:1px solid #dadada}
.board_top .btop_tit{position: absolute; top:50%; left:12px; width:96px; margin-top:-34px;padding:50px 0 0; background:url(../../images/app/btop_ico.gif) 50% 0 no-repeat}
.board_top .btop_tit span{display: block; width: 96px; height: 25px; line-height: 25px; border-radius: 50px; background:#ff7965; color: #fff; text-align: center; font-weight: 500; font-size: 14px}
.board_top .btop_lst{min-height: 60px; padding: 15px; /* margin:-86px 0 0 113px;  */ margin-left:113px; border-radius:5px; background: #f5f5f5}
.board_top .btop_lst ul li{padding-left: 15px; margin-bottom: 3px; line-height: 140%; background:url(../../images/app/btop_blt.gif) left 4px no-repeat; font-size:1.077em}
.board_top .btop_lst ul li:last-child{margin-bottom: 0}

/*검색박스-단독[예술누리터 게시판 공통]*/
.sechtxt_box{float: left; position: relative}
.sechtxt_box .sech_input{float:left; box-sizing: border-box}
.sechtxt_box input.sech_txt{margin-right: 5px ;box-sizing: border-box;}

/*게시판 상단 선택검색영역 [예술누리터 게시판 공통]*/
.board_select{margin-bottom: 10px;}
.board_select .top_left{float: left; padding: 8px 0 3px}
.board_select .top_left .app_num{/* padding-left: 30px; background:url(../../images/app/ico_appnum.gif) left center no-repeat; */ font-size: 13px; font-weight: 400}
.board_select .top_right{float: right}
.board_select .top_right .sech_lst{float: left; margin: 0 0 0 5px}
.board_select .top_right .sech_lst .sel_lst{float: left}
.board_select .top_right .sech_lst .sel_box{float: left; margin: 0 0 0 5px}
.board_select .sech_input{float: left}
.board_select .seldate_box{float: left}

/*공통적용 사항*/
.phone_txt{padding: 10px 10px 10px 40px; margin-top: 5px; border-radius: 5px; background: url(../../images/app/ico_phone.gif) 10px 10px no-repeat #f1f1f1; font-size: 13px; font-weight: 500}
.sel_date{width: 150px; height:30px; padding: 0 10px; border-radius: 5px; background:url(../../images/app/icon_cal.gif) right center no-repeat #fff; border:1px solid #d0d0d0; box-sizing: border-box;  cursor: pointer}

/*접수프로그램 목록*/
.calendar_prog{margin-bottom: 15px}
.calendar_prog .prog_titbox{width: 113px; font-weight: 600; text-align: center;}
.calendar_prog .prog_titbox .prog_month{width: 75px; margin: 0 auto 7px; padding: 3px 0; border-radius: 50px; background: #5a6978; color:#fff; font-size: 15px; font-weight: 500}
.calendar_prog .procalbtn_box ul{width:65px; margin: 8px auto 0}
.calendar_prog .procalbtn_box ul li{float: left}
.calendar_prog .procalbtn_box ul li:first-child{margin-right: 10px}
.calendar_prog .prog_list{overflow: hidden; height: 90px; margin: -90px 0 0 113px;  padding:9px; border-radius: 5px; border: 1px solid #ebebeb; box-sizing: border-box}
.calendar_prog .prog_list ul li:after{content:""; clear: both; display: block}
.calendar_prog .prog_list ul li{position: relative; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ebebeb}
.calendar_prog .prog_list ul li a{color:#000}
.calendar_prog .prog_list ul li a:hover{text-decoration: underline}
.calendar_prog .prog_list .procal_info:after{content:""; clear: both; display: block}
.calendar_prog .procal_info span.pro_type{display: block; float: left; min-width: 80px; padding: 2px 0; margin-right: 10px; border-radius: 50px; background: #000; font-size: 12px; font-family: dotum; color:#fff; text-align: center}
.calendar_prog .procal_info span.pro_type.ptype01{background:#3389ff}
.calendar_prog .procal_info span.pro_type.ptype02{background:#58bb35}
.calendar_prog .procal_info span.pro_type.ptype03{background:#bf6de9}
.calendar_prog .procal_info span.pro_type.ptype04{background:#ff9639}
.calendar_prog .pro_period{padding:2px; font-size: 14px; color:#000}
.calendar_prog .pro_period span{display: inline-block; margin-right: 10px; font-weight: 500}
.calendar_prog ul li span.prostate{display: block; position: absolute; top:4px; right:5px; font-weight: 500}
.calendar_prog ul li span.prostate.pstate01{color:#ff582b}
.calendar_prog ul li span.prostate.pstate02{color:#8e8e8e}

/*체험프로그램[달력] 상단*/
.art_apply .calendar_top{position: relative; margin-bottom: 20px; padding: 0 0 15px; border-bottom: 1px solid #cfcfcf}
.calendar_top .cal_datebox{width:268px; margin:0 auto}
.calendar_top .cal_datesel{float: left}
.calendar_top .cal_datesel select{width: 100px; height:28px; padding: 0 10px;background:url(../../images/app/ico_sel3.gif) right center no-repeat #ebebeb; border: none; box-sizing: border-box}
.calendar_top .cal_datesel select.year_sel{border-radius: 3px 0 0 3px; margin-right: 1px}
.calendar_top .cal_datesel select.month_sel{border-radius: 0 3px 3px 0}
.calendar_top .cal_datebox .cal_more{display: inline-block; margin-left:5px}
.calendar_top .cal_datebox .cal_more button{display:block; width: 62px; height: 28px; border-radius: 3px; background-color: #929292; background-image:url(../../images/app/cal_more.png); background-position:right center; background-repeat: no-repeat; color:#fff; text-align: left}
.calendar_top .cal_datebox .cal_more button:hover{background-color:#5a6978}
.calendar_top .cal_datebox .cal_more span{display: block; padding: 0 0 0 6px}
.calendar_top .cal_month{float: left; padding: 3px 0 0 8px; font-size:30px; font-weight: 700; color:#ff7352}
.calendar_top .cal_btn li{position: absolute; top:0}
.calendar_top .cal_btn li:first-child{left:0}
.calendar_top .cal_btn li:last-child{right:0}
.calendar_top .cal_btn button{width: 91px; height: 29px;  background-color:#5a6978; background-repeat:no-repeat; border-radius: 50px; color:#fff; transition: .3s}
.calendar_top .cal_btn button span{padding: 0 15px}
.calendar_top .cal_btn button.calbtn_v1{background-image:url(../../images/app/calbtn_v1_n.png); background-position:left center; text-align: right}
.calendar_top .cal_btn button.calbtn_v2{background-image:url(../../images/app/calbtn_v2_n.png); background-position:right center; text-align: left}
.art_apply .date_tit{margin-bottom: 15px; font-size: 1.357em; font-weight: 600; text-align: center}
.art_apply .date_tit span{margin-left: 5px; font-size:1.684em; font-weight: 800; color:#ff5b42}

/*체험프로그램[달력] 선택보기*/
.calendar_type{overflow: hidden; margin-bottom: 15px;  border-radius: 5px; border:1px solid #ebebeb}
.calendar_type .type_tit{width: 82px; padding: 15px 0 15px 30px; background:url(../../images/app/type_ico.gif) 10px 10px no-repeat #fff; text-align: center; font-size: 14px; font-weight: 500}
.calendar_type .type_tit span{color:#ff7965}
.calendar_type ul{margin:-49px 0 0 112px; padding: 15px; background: #ebebeb}
.calendar_type ul li{float: left; margin-right:20px}
.calendar_type ul li span.sel_btn{padding:3px 10px; margin-right: 5px; border-radius:50px; color:#fff; box-sizing: border-box}
.calendar_type ul li span.sel_txt{font-family:CGC; color:#000}
.calendar_type ul li.state_end{float: right; margin-right: 0}
.calendar_type ul li span.sel_btn.view_full{border:1px solid #a2a2a2; background: #fff; color:#000}
.calendar_type ul li span.sel_btn.view01{background:#3389ff}/*기초*/
.calendar_type ul li span.sel_btn.view02{background:#58bb35}/*기본*/
.calendar_type ul li span.sel_btn.view03{background:#bf6de9}/*심화*/
.calendar_type ul li span.sel_btn.view04{background:#ff9639}/*전환기*/
.calendar_type ul li span.sel_btn.view05{background:#34c0c2}/*상시*/
.calendar_type ul li span.sel_btn.view09{background:#929292}
.calendar_type ul li span.sel_btn.view_end{background:#929292}
.calendar_type ul li button:hover span.sel_txt{text-decoration: underline}

/*체험프로그램[달력] 내용*/
.calendar_listbox{overflow: hidden; border-radius: 5px; border:1px solid #ddd}
.calendar_listbox .calmonth_tab{background:#5a6978; color: #fff}
.calendar_listbox .calmonth_tab ul li{float: left; width: 20%; padding:10px 0; border-right:1px solid #ddd; font-size: 15px; font-weight: 500; text-align: center; box-sizing: border-box}
.calendar_listbox .calmonth_tab ul li:last-child{border-right: none}
.experience_lst > ul{border-bottom:1px solid #ddd}
.experience_lst > ul:last-child{border-bottom: none}
.experience_lst > ul > li{float: left; width: 20%; border-right:1px solid #ddd; box-sizing: border-box}
.experience_lst > ul > li:last-child{border-right: none}
.experience_lst > ul > li .exp_tb{position: relative; min-height: 170px; padding: 10px}
.experience_lst .exp_tb .date{font-size: 13px; font-weight: 500}
.experience_lst .exp_tb .date.today {color:#4f9dd4}
.experience_lst .exp_tb .date.today span{display: inline-block; width: 20px; height: 20px; line-height: 20px;  border-radius: 50px; margin-right: 5px; background:#4f9dd4; color:#fff; text-align: center}
.experience_lst .exp_tb .date.holiday {color:#ff7145}
.experience_lst .exp_tb .date.holiday span{display: inline-block; width: 20px; height: 20px; line-height: 20px;  border-radius: 50px; margin-right: 5px; background:#ff7145; color:#fff; text-align: center}
/*.experience_lst .txt_box{position: absolute; bottom:10px; left:10px}*/
.experience_lst .txt_box ul::after {content: ""; display: block; clear: both}
.experience_lst .txt_box ul{margin-top:10px}
/*.experience_lst .txt_box ul li{float: left}*/
.experience_lst .txt_box ul li::after {content: ""; display: block; clear: both}
.experience_lst .txt_box ul li{ overflow: hidden; width: 100%; height: 25px; line-height: 25px; margin-bottom: 5px; border-radius:4px}
.experience_lst .txt_box ul li:last-child{margin-bottom: 0}
.experience_lst .txt_box ul li.viewtype00{background:#929292}
.experience_lst .txt_box ul li.viewtype01{background:#3389ff}/*기초*/
.experience_lst .txt_box ul li.viewtype02{background:#58bb35}/*기본*/
.experience_lst .txt_box ul li.viewtype03{background:#bf6de9}/*심화*/
.experience_lst .txt_box ul li.viewtype04{background:#ff9639}/*전환기*/
.experience_lst .txt_box ul li.viewtype05{background:#34c0c2}/*상시*/
.experience_lst .txt_box ul li.viewtype09{background:#929292}/*마감*/
.experience_lst .txt_box ul li a{display:block; transition: .3s}
.experience_lst .txt_box ul li a span{display:inline-block; color:#fff; font-size: 12px; font-family:dotum}
.experience_lst .txt_box ul li a span.expview{min-width: 65px; height: 26px; line-height: 26px; background: #393939; text-align: center}
.experience_lst .txt_box ul li a span.eview00{background:#393939}
.experience_lst .txt_box ul li a span.eview01{background:#1d5db6}/*기초-타이틀*/
.experience_lst .txt_box ul li a span.eview02{background:#377a1f}/*기본-타이틀*/
.experience_lst .txt_box ul li a span.eview03{background:#7b369f}/*심화-타이틀*/
.experience_lst .txt_box ul li a span.eview04{background:#f85a1b}/*전환기-타이틀*/
.experience_lst .txt_box ul li a span.eview05{background:#17aaac}/*상시-타이틀*/
.experience_lst .txt_box ul li.viewtype00:hover a{background:#393939}
.experience_lst .txt_box ul li.viewtype01:hover a{background:#1d5db6}/*기초-신청자 오버*/
.experience_lst .txt_box ul li.viewtype02:hover a{background:#377a1f}/*기본-신청자 오버*/
.experience_lst .txt_box ul li.viewtype03:hover a{background:#7b369f}/*심화-신청자 오버*/
.experience_lst .txt_box ul li.viewtype04:hover a{background:#f85a1b}/*전환기-신청자 오버*/
.experience_lst .txt_box ul li.viewtype05:hover a{background:#17aaac}/*상시-신청자 오버*/
.experience_lst .txt_box ul li.viewtype09:hover a{background:#393939}/*마감-신청자 오버*/
.experience_lst .txt_box ul li.viewtype09 span:first-child{background:#393939}/*마감*/
.experience_lst .txt_box ul li a span.view_req{float: right; margin-right: 5px}

/*마감시*/
.experience_lst > ul > li .end_expbox{ background: #f1f1f1}
.experience_lst .end_expbox .date, .experience_lst .end_expbox .txt_box{opacity: 0.3}
.experience_lst .end_expbox .date.today{opacity: 1}
.experience_lst .end_expbox .end_exp{position: absolute; top:10px; right:5px}
.experience_lst .end_expbox .end_exp span.view_end{display: inline-block; min-width: 42px; padding:1px 7px 0; margin-right: 5px; border-radius:50px; background:#929292; color:#fff; box-sizing: border-box; font-size: 12px; text-align: center; font-family:dotum}

/*체험프로그램 목록형 프로그램 유형*/
.app_table td span.sel_btn{padding:3px 8px; margin-right: 5px; border-radius:50px; color:#fff; box-sizing: border-box; font-size:12px}
.app_table td span.sel_btn.view01{background:#3389ff}/*기초*/
.app_table td span.sel_btn.view02{background:#58bb35}/*기본*/
.app_table td span.sel_btn.view03{background:#bf6de9}/*심화*/
.app_table td span.sel_btn.view04{background:#ff9639}/*전환기*/
.app_table td span.sel_btn.view05{background:#2abfc1}/*상시*/
.app_table td span.sel_btn.view09{background:#929292}/*마감*/

/*체험프로그램[신청]*/
/*프로그램 정보*/
.exp_request label{font-family:NSQ}
.exp_request .app_table tbody th.type_th{background:#5a6978; color:#fff}
.exp_request .app_table tbody td.type_td{background:#539bed; color:#fff}
.exp_request .app_table tbody th.type02_th, .exp_request .app_table tbody td.type02_td{background:#dfdfdf}
.exp_request .app_table tbody th {padding:15px 8px}
.exp_request .app_table tbody td {line-height:150%} 
.exp_request .app_table .date{color:#ff2222; font-weight:600}
.exp_request .app_table .ptype{color:#3992ef; font-weight:600; font-size:1.077em}
.exp_request .app_table .down_box{margin-top: 10px; padding: 8px; border-radius: 5px; background: #f1f1f1}
.exp_request .app_table .down_box ul li::after{content:""; clear: both; display: block}
.exp_request .app_table .down_box ul li{padding: 5px; border-bottom: 1px solid #ccc}
.exp_request .app_table .down_box ul li:first-child{padding-top: 0}
.exp_request .app_table .down_box ul li:last-child{padding-bottom: 0; border-bottom: none}
.exp_request .app_table .down_box a{ display: block; color:#000; font-size:0.929em}
.exp_request .down_box a span.btn_txt{float: left; padding: 3px 0}
.exp_request .app_table .down_box a:hover span.btn_txt{text-decoration: underline}
.exp_request .down_box a span.btn_down{float: right; display: inline-block; padding: 3px 35px 3px 10px; border-radius: 5px; background-image:url(../../images/app/ico_down.png); background-position: right center; background-repeat: no-repeat; background-color: #5a6978; color:#fff; font-weight: 500; font-size: 12px; transition: .3s}
.exp_request .app_table .down_box a:hover span.btn_down{background-color: #539bed}

/*개인정보 동의*/
.req_assentbox .assent_box{overflow:auto; width:auto; height:205px; padding:0 15px 15px 20px; border-radius:5px; margin-top:0; border:#ccc solid 1px; line-height:130%; font-size: 1.077em}
.req_assentbox .assent_box:after {content:""; clear:both; display:block; height:0; visibility:none; font-size:0; line-height:0}
.req_assentbox .assent_box > div {margin-top:20px}
.req_assentbox p.assent_tit {padding-left:15px; margin:10px 0; background:url(../../images/app/assent_blt.gif) left center no-repeat; color:#2a9ada; font-weight:600; font-size:1.071em}
.req_assentbox p.assent_txt {padding:10px 5px; border-radius:5px; background:#eaeaea; text-align:center; font-weight:500}
.req_assentbox .assent_box ul li {line-height:150%; padding:0 0 0 5px; }
.req_assentbox dl dt {font-weight:600; padding:10px 0; color:#2a2a2a}
.req_assentbox dl dd ol {border:#ccc dashed 1px; padding:15px; margin:10px 0; border-radius: 5px; background:#f2f2f2}
.agree_check{margin: 10px 0; font-size: 14px}
.agree_check input{margin-top: -1px}
.req_assentbox .assent_box::-webkit-scrollbar {width: 12px}
.req_assentbox .assent_box::-webkit-scrollbar-track {background-color: rgba(0, 0, 0, 0.15); border-radius:0 5px 5px 0; box-shadow: inset 0px 0px 0px white}
.req_assentbox .assent_box::-webkit-scrollbar-thumb {background-color: #a7a7a7; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent}
/*학부모 동의*/
.req_agreebox{padding:5px 15px 15px; border-radius:5px; margin-top:0; border:#ccc solid 1px;  line-height:130%;  font-size: 1.077em}
.req_agreebox .agree_check{margin-top: 15px;}
/*.req_agreebox .agree_phone{float: right; margin:-35px 3px 0 0}*/
.req_agreebox .phone_txt{margin-top: 15px}
.req_agreebox .agree_phone {margin:5px 0 0 }
.req_agreebox .agree_phone label {font-weight:600}



/*신청정보 입력*/
.exp_request .tb_radio > p{float: left; margin-right: 15px}
.exp_request .tb_radio > p:last-child{margin-right: 0}
.exp_request .tb_radio .radio_ico{margin: -2px 2px 0 2px }
/*승인 완료 안내*/
.exp_request .req_infobox{overflow: hidden; border-radius: 5px; border:1px solid #ff4621; background:#ff4621}
.exp_request .req_infobox .info_tit{width: 135px; padding: 15px 0; color:#fff; font-size:1.154em; text-align: center}
.exp_request .req_infobox .info_tit span{display:block; padding:30px 0 5px 0; background:url(../../images/app/ico_point_txt.gif) 50% 0 no-repeat}
.exp_request .req_infobox .info_txt{position:relative; padding:15px 140px 15px 15px ; margin: -85px 0 0 135px; background: #fff; font-weight: 500}
.exp_request .req_infobox ul li{position: relative; padding-left:10px; line-height:130%; margin-bottom:7px; word-break:keep-all}
.exp_request .req_infobox ul li::after{content:""; clear: both; display: block;position: absolute; top:5px; left:0; width:4px; height:4px; background:#666}
.exp_request .req_infobox ul li:last-child{margin:0}

/* 참여자명단 다운로드 */
.btn_partifile {position:absolute; top:50%; right:10px; margin-top:-46px}
.btn_partifile a {display:block; padding:10px 5px 5px; background:#4e5364; border-radius:5px; color:#fff; text-align:center; font-size:1.154em}
.btn_partifile a span {display:block; margin-top:10px; padding:5px 40px 5px 10px; background:#fff url(../../images/app/btn_partifile.gif) no-repeat right 10px top 50%; color:#1a1a1a; text-align:left; border-radius:5px; font-size:0.87em}

/*세부항목 선택*/
.exp_request .detail_wrap{margin-top: 5px;  border:1px solid #dadada; background:#cbcbcb}
.exp_request .detail_tit{position: relative; width:110px; height:50px; line-height:50px; text-align: center}
.exp_request .detail_tit span{display: block;/* position: absolute; top:50%; left:50%; margin:15px 0 0 -15px; */ font-weight:600}
/* .exp_request .tb_check .detail_tit span{margin:12px 0 0 -15px} */
.exp_request .detail_tb{padding: 10px; min-height:50px; margin:-50px 0 0 110px; background: #fff; box-sizing:border-box}
.exp_request .check_wrap > p{float: left; margin-right: 15px}
.exp_request .check_wrap > p:last-child{margin-right: 0}
.exp_request .check_wrap .ico_check{margin: -2px 2px 0 2px }


/**새창 스타일 영역**/
/*새창공통*/
#new_page.new_pagewrap{position: relative; width:580px; height: 320px; /*padding: 10px;*/ box-sizing: border-box; border:2px solid #56acf5}
.new_pagewrap .new_top{position: relative}
.new_pagewrap h1{padding:15px 10px; /*border-radius: 10px;*/ background: #56acf5; text-align: center; font-size: 18px; color:#fff; font-weight: 500}
/*.new_pagewrap h1 span{padding-left: 40px; background:url(../../images/app/ico_sch.png) left center no-repeat}*/
.new_pagewrap .new_close{position: absolute; top:6px; right:5px; }
.new_pagewrap .new_close a{display: block; width: 36px; height: 36px; background:url(../../images/app/btn_close.png) left center no-repeat}
.new_pagewrap .new_close span{overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999999px}
/*학교검색*/
.new_pagewrap .schsrch_box{padding:15px 10px 10px}
.schsrch_box .new_inputbox{position: relative; width: 100%; padding-right: 70px; margin-bottom: 15px; box-sizing: border-box}
.schsrch_box .new_inputbox .btn_sech{position: absolute; top:0; right:0}
.schsrch_box .schsrch_lst{border-top: 1px solid #ccc}
.schsrch_box .schsrch_lst .noresult{padding: 50px 0; text-align: center; font-weight: 400; font-size: 15px}
.schsrch_box .result_lst{overflow-y: scroll; height: 100px; padding:20px 10px; border-radius: 5px; background: #f4f4f4}
.schsrch_box .result_lst::-webkit-scrollbar {width: 12px}
.schsrch_box .result_lst::-webkit-scrollbar-track {background-color: rgba(0, 0, 0, 0.15); border-radius:0 5px 5px 0; box-shadow: inset 0px 0px 0px white}
.schsrch_box .result_lst::-webkit-scrollbar-thumb {background-color: #a7a7a7; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent}
.schsrch_box .result_lst .schsrch_lst{margin-top: 15px}
.schsrch_box .schsrch_lst .result_txt{padding:15px 0 12px 18px; background:url(../../images/app/blt_result.gif) 5px 14px no-repeat; font-size: 13px; font-weight: 400; color: #000}
.schsrch_box .schsrch_lst .result_txt span{font-weight: 500}
.schsrch_box .result_lst li{padding:0 10px 10px 15px; margin-bottom: 15px; background:url(../../images/app/blt_sch.png) left 0 no-repeat; border-bottom: 1px solid #ccc}
.schsrch_box .result_lst li:hover{background:url(../../images/app/blt_sch_a.png) left 0 no-repeat; transition: .3s}
.schsrch_box .result_lst li:hover p{color:#ff5746; transition: .3s}
.schsrch_box .result_lst li:hover .sch_name button{background-color: #ff5746}
.schsrch_box .result_lst li:last-child{padding-bottom: 0; margin-bottom: 0; border-bottom: none}
.schsrch_box .result_lst li::after{content:""; clear: both; display: block;}
.schsrch_box .result_lst .sch_name{font-weight: 400; font-size: 13px; color:#000; font-weight: 500}
.schsrch_box .result_lst .sch_name button{float: right; width: 100px; padding:3px 0; margin-top: -5px; border-radius: 50px; background: #87c63d; color:#fff; font-weight: 15px}
.schsrch_box .result_lst .sch_name button:hover{background-color: #ff5746}
/*참여자명단등록*/
#new_page.new_joinlst{padding:0; height: auto; border-color:#5579cb; font-family:NSQneo}
.new_joinlst h1{background: #5579cb; border-radius:0}
.new_joinlst h1 span{padding-left:10px; background:none/* background:url(../../images/app/ico_lst.png) left center no-repeat */}
.new_joinlst .joinlst_box{padding:15px; background:#eee; border-radius:5px 5px ; margin: 0 0 10px}
.new_joinlst .file_upload input{width:442px}
.new_joinlst #_upload_file{left: 368px; width: 555px !important}
.new_joinlst .file_text{padding: 15px 0; margin-bottom:15px; border-bottom: 1px solid #ccc; font-weight: 500}
.new_joinlst .file_text label{color:#8d8d8d; font-weight: 300}
.new_joinlst .del_file{margin-top: -1px}
.new_joinlst .appdocu_down a{display:block; padding:11px; margin-bottom:10px;background:url(../../images/app/appdocu_btn.png) right center no-repeat #5a6978; border-radius:50px; color:#fff; font-weight:500}
.new_joinlst .appdocu_down a span{padding:5px 0 4px 30px; background:url(../../images/app/appdocu_ico.png) left center no-repeat}
.new_joinlst .btn_box{padding:15px 0; margin-top:0; border-top: 1px solid #ccc}
/*참여자명단등록-알아두세요*/
.new_joinlst .req_infobox{overflow: hidden; margin-top:5px; border-radius: 5px; border:1px solid #c1bdbd; background:#fff}
.new_joinlst .req_infobox .info_tit{padding: 10px 0; background:#e1e1e1; color:#1a1a1a; font-size:1.154em; text-align: center; font-weight:500}
.new_joinlst .req_infobox .info_tit span{padding: 5px 0 5px 30px;background:url(../../images/app/bg_parti_noti.png) left center no-repeat /*background:url(../../images/app/ico_point_txt.gif) left center no-repeat*/}
.new_joinlst .req_infobox ul{padding:15px; font-weight: 500}
.new_joinlst .req_infobox ul li{position: relative; padding-left:10px; line-height:130%; margin-bottom:7px}
.new_joinlst .req_infobox ul li::after{content:""; clear: both; display: block;position: absolute; top:5px; left:0; width:4px; height:4px; background:#666}
.new_joinlst .req_infobox ul li:last-child{margin:0}
/*.new_joinlst .infodocu_down{padding:15px 0 0}*/
.new_joinlst .infodocu_down a{position:relative; display:block; padding:15px 10px 15px 50px; background:#d3d3d3 url(../../images/app/btn_partifile_dw.png) no-repeat right 10px top 50%; color:#000; font-weight:600; font-size:1.154em}
.new_joinlst .infodocu_down.idocu_down2 a {background-color:#489ad9}
.new_joinlst .infodocu_down:hover a {background-color:#7e7e7e; transition:.3s; color:#fff}
.new_joinlst .infodocu_down.idocu_down2:hover a {background-color:#266ea5; transition:.3s}
.infodocu_down .num {position:absolute; top:50%; left:5px; margin-top:-18px; width:38px; height:36px; line-height:36px; background:#fff; border-radius:7px;text-align:center; color:#000; font-weight:600; font-size:14px}

.new_joinlst ul.documsg {padding:10px; background:#fff}
.new_joinlst ul.documsg li {position: relative; padding-left:12px; line-height:130%; margin-top: 5px; margin-bottom:7px; font-weight: 500}
.new_joinlst ul.documsg li::after{content:""; clear: both; display: block;position: absolute; top:4px; left:0; width:7px; height:7px; border-radius:50% 50%; border:2px solid #888; box-sizing:border-box}
.new_joinlst p.documsg{position: relative; padding-left:12px; line-height:130%; margin-top: 5px; margin-bottom:7px; font-weight: 500}
.new_joinlst p.documsg::after{content:""; clear: both; display: block;position: absolute; top:4px; left:0; width:7px; height:7px; border-radius:50% 50%; border:2px solid #888; box-sizing:border-box}
.new_joinlst .new_con {padding:0 10px}

.infodocu_etc {padding:10px; border-radius:5px; font-weight:500; font-size:1.077em; text-align:center}
.infodocu_etc .etc_bold {display:inline-block; padding:7px 10px 7px 30px; background:url(../../images/app/bg_parti_arr.png) left center no-repeat}
.idocu_box {overflow:hidden; border-radius:5px; margin-top:20px; border:1px solid #ccc}



/* ==================== 추가 부분개편 kjh 230103 =======================*/
.schart_mobile {display: none}
/* 학교예술교육 달력 탭 스타일 */
.schart_tab {margin:0 0 10px}
.schart_tab ul{text-align: center}
.schart_tab ul li{position: relative; float:left; width:50%}

.schart_tab ul li span {display:block; overflow:hidden; margin:0 3px; padding:8px; background:#5a6978; text-overflow: ellipsis; white-space: nowrap; border-radius:5px; color:#000; line-height:140%; font-size:1.154em; font-weight:500; transition: all .3s}
.schart_tab.tab_wdt3 ul li {width:33.3%}
.schart_tab.tab_wdt4 ul li {width:25%}
.schart_tab.tab_wdt5 ul li {width:20%}
.schart_tab.tab_wdt6 ul li {width:16.6%}
/*.schart_tab .sch_tab02 span{background:#47ab24}*/
/*.schart_tab .sch_tab03 span{background:#ffba36}*/
/*.schart_tab .sch_tab04 span{background:#ff623a}*/
/*.schart_tab .sch_tab05 span{background:#2b91d9}*/
/*.schart_tab .sch_tab06 span{background:#9f4cdf}*/

.schart_tab .sch_tab01 span{background:#fee893} /* 1회차 */
.schart_tab .sch_tab02 span{background:#c0e4da} /* 2회차 */ 
.schart_tab .sch_tab03 span{background:#d0e1f5} /* 5회차 */
.schart_tab .sch_tab04 span{background:#fac8bf} /* 전환기 */
.schart_tab .sch_tab09 span{background:#fedcc1} /* 원데이 */
.schart_tab .sch_tab05 span{background:#f9d6ff} /* 3회차 */

.sc_row a.sc_event1 {background:#fee893; color:#000} /* 1회차 */
.sc_row a.sc_event2 {background:#c0e4da; color:#000} /* 2회차 */ 
.sc_row a.sc_event3 {background:#d0e1f5; color:#000} /* 5회차 */ 
.sc_row a.sc_event4 {background:#fac8bf; color:#000} /* 전환기 */
.sc_row a.sc_event9 {background:#fedcc1; color:#000} /* 원데이 */
.sc_row a.sc_event5 {background:#f9d6ff; color:#000} /* 3회차 */

.schart_tab ul li.on span, .schart_tab ul li:hover span {transition:.3s}

/* 달력 상단 */
.schcal_top {padding-top:25px}
.scal_sel {float:left; margin-right:2px}
select.protype_sel {width: 150px}
select.state_sel {width: 110px}
select.year_sel {width:110px}
select.month_sel {width:70px}
.scal_view{display: inline-block; margin-left:2px}
.scal_view button{display:block; width:50px; height:30px; border-radius: 3px; background-color: #484b54; color:#fff; text-align: center}
.scal_view button:hover{background-color:#5a6978}
.scal_datebox {position:relative; float:left}
.scal_area {float:right}
.scal_date {font-size:1.692em; font-weight:700}
.scal_date span {color:#fe5d25; font-size:1.455em; font-weight:800}
.scal_btn {position:absolute; top:-5px; left:180px; width:76px}
.scal_btn li {float:left; display:block; width:38px; text-align: center}
.scal_btn .btn_app {display:block; width:38px; height:33px; line-height:33px; background:#fff; border:1px solid #d0d0d0}
.scal_btn .btn_app.btn_cal1 {background:#fff url(../../images/app/btn_scal_prev.gif) no-repeat 50% 50%; border-radius:3px 0 0 3px}
.scal_btn .btn_app.btn_cal2 {background:#fff url(../../images/app/btn_scal_next.gif) no-repeat 50% 50%; border-radius:0 3px 3px 0; border-left:0}
.scal_btn .btn_app span {font-size:0}

/* 달력 형태  new */
.sch_calendar {margin-top:10px}
.sc_area {direction:ltr}
.sc_area, .sc_area > table {position:relative; z-index:1}
.sc_area table {width:100%; table-layout: fixed; border-collapse: collapse; border-spacing:0; box-sizing:border-box}
.sc_area th, .sc_area td {border-style:solid; border-width:1px; padding:0; vertical-align:top; box-sizing: border-box}

.sc_row {position:relative; border-style:solid; border-width:0}
.sc_row, .sc_area tobody, .sc_area td, .sc_area th, .sc_area thead {border-color:#d4d4d4}

.sc_row table {border-left:0 hidden transparent; border-right:0 hidden transparent; border-bottom:0 hidden transparent}
.sc_row:first-child table {border-top:0 hidden transparent}
.sc_row .sc_cate {width:80px; padding:4px 0; text-align: center; font-weight:500; font-size:1.077em; vertical-align: middle}
.sc_row .sc_cate.sc_am {color:#e7746b}
.sc_row .sc_cate.sc_pm {color:#2a79b1}
.sc_body .sc_row {min-height:4em; z-index:1}
.sc_bgday {transition:all 0.2s linear}

.sc_rowhead thead th {padding:12px 0; background:#5a6978; color:#fff; font-size:1.154em}
.sc_rowhead thead .sc_cate {background:#828797}

.sc_row .sc_day {display:inline-block; width:24px; height:24px; line-height:24px; margin-right:5px; text-align: center; border-radius:50% 50%; font-weight:600}
.sc_row .sc_day.ex_day {color:#9d9d9d; font-size:0.85em}
.sc_rowcon {position:relative; padding-bottom:2px; z-index:4}
.sc_rowcon thead td {padding:8px 4px 0; border-bottom:0}
.sc_rowcon tbody td {padding:5px 0; border-top:0; border-style: dashed}
.sc_rowcon tbody tr {border-bottom:1px dashed #d4d4d4}
.sc_row .sc_bg {position:absolute; top:0; left:0; right:0; bottom:0; z-index:1}
.sc_row .sc_bg table {height:100%}
.sc_daygrid {position:relative}
.sc_row a.sc_event .sc_con {white-space: nowrap; overflow: hidden;	line-height:18px; padding:2px 10px}

.sc_event_tb tbody td {padding:0; border:0 hidden transparent}
.sc_week {border-bottom:1px solid #d4d4d4}

/* 오늘 날짜 표시 */
.sc_bg .sc_today {background:#fef9e6}
/* .sc_rowcon .sc_tdtxt:nth-child(3) {display:block; margin-left:31px} */
.sc_rowcon .sc_today .sc_day {background:#ff892a; color:#fff}
.sc_rowcon .sc_today .sc_tdtxt {margin:0 4px; color:#ff8e33; font-weight:600; font-size:12px}

.sc_rowcon .sc_holiday .sc_day {color:#f00}
.sc_rowcon  .sc_holiday {white-space: inherit; overflow: inherit; line-height:140%; font-size:13px}
.sc_rowcon .sc_holiday .sc_tdtxt2 {display:block; color:#f00; font-weight:600; text-indent:3px; margin-top:3px} /* 공휴일 표시 */
.sc_rowcon .sc_holiday.sc_today .sc_day {color:#fff}

/* 일정 타입 */
.sc_row a.sc_event {display:block; margin:2px 5px 2px 3px; font-weight:400; font-size:12px; cursor: pointer}
.sc_row a.sc_holiday {color:#f00} /* 공휴일 표시 */
/* .sc_row a.sc_event2 {color:#555} 기타 내용 */
.sc_row a.sc_event1 {background:#fee893; color:#000} /* 1회차 */
.sc_row a.sc_event2 {background:#c0e4da; color:#000} /* 2회차 */ 
.sc_row a.sc_event3 {background:#d0e1f5; color:#000} /* 5회차 */ 
.sc_row a.sc_event4 {background:#fac8bf; color:#000} /* 전환기 */
.sc_row a.sc_event9 {background:#fedcc1; color:#000} /* 원데이 */
.sc_row a.sc_event5 {background:#f9d6ff; color:#000} /* 3회차 */

.sc_row a.sc_event_end1 {background:#cdcdcd; color:#000} /* 신청마감 */
.sc_row a.sc_event_end2 {background:#cdcdcd; color:#000} /* 인원마감 */

/*============== 20231228 new 추가 작업 KJH =======================*/

.ofpro_toparea {padding:20px 26px; background:#f6f6f6; border-top:2px solid #292f45; border-radius:0 0 5px 5px}

/* 운영프로그램 상단 */
.ofpro_toparea .sel_date {width:212px}
.ofpro_toparea .sel_box .sel_inbox {display: inline-block}
.ofpro_toparea .sel_srchbox {display: inline-block}
.ofpro_wrap .app_num {padding-bottom:15px}

/* 운영프로그램 탭 */
.ofpro_tab {margin:20px 0}
.ofpro_tab ul {display:flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end}
.ofpro_tab ul li {width:calc(100%/4 - 3px)}
.ofpro_tab ul li a {display:block; padding:14px; text-align: center; background:#e4e4e4; font-weight:400; color:#666; font-size:1.154em; transition:.3s}
.ofpro_tab ul li.on a, .ofpro_tab ul li:hover a {padding:18px 14px; border-radius:10px 10px 0 0; background:#ff683c; color:#fff}

/* 운영프로그램 리스트 */
.ofpro_lstwrap .ofpro_lst {display:flex; flex-wrap:wrap; justify-content:flex-start; align-items: center; padding-bottom:20px; border-bottom:1px solid #ccc}
.ofpro_lstwrap .ofpro_lst > li {width:calc(100%/4)}
.ofpro_lstwrap .ofpro_lst li.nodata {padding-top:20px; width:100%; text-align:center; font-size:1.071em; font-weight:500; border-top:2px solid #acacac}
.ofcourse_wrap {position:relative; width:210px; margin:20px auto}
.ofcourse_img img {width:210px; height:207px; transition:.3s}
.ofcourse_img {display: block; overflow:hidden; width:210px; height:207px; background:#e0e9ed url(../../images/app/bg_noimg.png) no-repeat 50% 50%}
.ofcourse_img a {display: block; overflow:hidden; width:210px; height:207px; background:#e0e9ed url(../../images/app/bg_noimg.png) no-repeat 50% 50%}
.ofcourse_img a:hover img {transform:scale(1.1)}
.ofcourse_info {padding:15px}
.ofcourse_box {overflow:hidden; width:210px; box-shadow:0 3px 7px rgba(0,0,0,0.1)}
.ofpro_cate {position:absolute; top:-20px; left:10px; display: block; width:50px; height:40px; line-height:120%; text-align: center; background:#4d4d4d; color:#fff; box-sizing: border-box; padding:5px 10px; font-weight:600; z-index:1}
.ofpro_cate01 {background:#34bff9}
.ofpro_cate02 {background:#6bcb57}

.ofcourse_type {display:inline-block; padding:2px 10px; background:#d0d0d0; border-radius:50px; text-align: center; color:#000}
.ofcourse_tit {margin:13px 0; font-size:1.154em; font-weight:600; color:#111}
.ofcourse_tit a {overflow:hidden; display:block;  height:40px; text-overflow:ellipsis}
.ofcourse_lst li {color:#000; font-weight:500; font-size:0.925em}
.ofcourse_lst li span {margin-right:5px; color:#767676; letter-spacing:-0.5px}

/* 운영프로그램 버튼 영역 */
.ofcourse_box .btn_ofpro {width:100%; margin-top:13px; padding:9px; color:#fff; font-weight:600; font-size:1.077em; border-radius:7px}
.ofcourse_box .btn_ofpro01 {background:#ffba34} /* 오픈예정 */
.ofcourse_box .btn_ofpro02 {background:#1c8de5} /* 수강신청 */
.ofcourse_box .btn_ofpro03 {background:#444} /* 마감 */

/* 운영프로그램 상세보기 */
.ofpro_viewcon {position:relative}
.view_rarea {position: absolute; top:0; right:0; border:20px solid #fff;border-bottom-width:10px; border-right:0; z-index:1 }
.view_larea {min-height:360px}
.ofpro_viewtit {padding:24px 10px; background:#f8f9fd; text-align: center; font-size:1.538em; font-weight:600; color:#000; border-top:2px solid #292f45; border-bottom:1px solid #ccc}
.ofpro_viewtit span {margin-right:5px; font-size:0.85em; font-weight:400; color:#171717}
.view_rimg {width:214px; height:211px; margin:0 auto; background:#e2e2e2 url(../../site/images/main/none_photo_n.gif) no-repeat 50% 50%; text-align: center}
.view_rimg img {width:214px; height:211px; margin:0 auto; vertical-align:middle}
.view_require {overflow: hidden; margin-top:15px; border-radius:5px; text-align: center}
.view_require dt {background:#ff683c; color:#fff}
.view_require dt span {display:inline-block; padding:10px 10px 10px 32px; background:url(../../images/app/blt_ofpro_require.gif) no-repeat 0 50%; font-size:1.231em; font-weight:500}
.view_require dd {background:#eee; padding:20px 10px; font-size:1.154em; font-weight:500}
.view_prowrap {position:relative; padding:11px 0 11px 170px; border-bottom:1px dashed #ccc}
.view_prowrap .v_protit {position:absolute; top:8px; left:0; padding:7px 17px; width:170px; font-weight:600; font-size:1.231em; box-sizing: border-box}
.view_prowrap .v_protxt {padding:4px 250px 5px 15px; border-left:1px solid #ccc; font-size:1.077em; font-weight:400; word-break: keep-all}

/* 상세보기 텍스트 스타일 */
.v_protxt .col_blue {color:#0082dd; font-weight:600}
.v_protxt .col_red {color:#ff683c; font-weight:600}
.v_protxt .fsize_up {font-size:1.071em}
.v_protxt .fsize_dw {font-size:0.9em}
.v_protxt .bold_box {display:inline-block; vertical-align: middle; text-align: center; color:#fff; background:#292f45; border-radius:5px; padding:1px 5px; margin:0 3px; font-weight:500 }

/* 상세보기 프로그램 정보 */
.ofpro_info {border-bottom:1px solid #292f45; padding-bottom:20px; margin-bottom:20px}
.ofpro_infotit {margin-top:28px; border-radius:5px; border:1px solid #ccc; padding:6px}
.ofpro_infotit p {padding:15px; text-align: center; background:#292f45; border-radius:5px}
.ofpro_infotit p span {padding:15px 0 15px 30px; background:url(../../images/app/blt_ofpro_info.gif) no-repeat 0 50%; color:#fff; font-weight:500; font-size:1.308em}
.info_txtarea {min-height:300px; padding:20px 10px; box-sizing:border-box; font-weight:500; font-size:1.077em}

.ofpro_info .down_box {position:relative; overflow:hidden; margin-top: 10px; border-radius: 5px; background: #b7b7b7}
.ofpro_info .down_box .dw_boxtit {position:absolute; top:50%; left:0; width:175px; height:36px; margin-top:-19px; padding:10px; box-sizing: border-box; font-size:1.154em; font-weight:600; text-align: center}
.ofpro_info .down_box .dw_boxtxt {background:#f1f1f1; margin-left:180px}
.ofpro_info .down_box a {display: block; padding:10px; margin-left:10px; color:#000; font-weight:400}
.ofpro_info .down_box a:after {content: ""; display: block; clear: both }
.ofpro_info .down_box a span.btn_txt{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float: left; padding: 3px 0; width:calc(100% - 95px)}
.ofpro_info .down_box a:hover span.btn_txt{text-decoration: underline}
.ofpro_info .down_box a span.btn_down{float: right; display: inline-block; padding: 3px 35px 3px 10px; border-radius: 5px; background-image:url(../../images/app/ico_down.png); background-position: right center; background-repeat: no-repeat; background-color: #5a6978; color:#fff; font-weight: 500; font-size: 12px; transition: .3s}
.ofpro_info .down_box a:hover span.btn_down{background-color: #539bed}

.btn_box button.reqbtn_v1.btn_ofpro01 {background-color: #6eca4c} /* 오픈예정 */
.btn_box button.reqbtn_v1.btn_ofpro01:hover{background-color:#59a23e}
.btn_box button.reqbtn_v1.btn_ofpro02 {background-color:#2196f3}/* 수강신청 */
.btn_box button.reqbtn_v1.btn_ofpro02:hover{background-color:#046dbe}
.btn_box button.reqbtn_v1.btn_ofpro03 {background-color: #132945}/*  인원마감 */
.btn_box button.reqbtn_v1.btn_ofpro03:hover{background-color:#071a33}
.btn_box button.reqbtn_v1.btn_ofpro04 {background-color: #5b5b5b}/* 신청마감 */
.btn_box button.reqbtn_v1.btn_ofpro04:hover{background-color:#333}
.btn_box button.reqbtn_v1.btn_ofpro05 {background-color: #292f45}/*  신청완료 */
.btn_box button.reqbtn_v1.btn_ofpro05:hover{background-color:#151f44}


/* 시교육청 문화예술교육 레이어 */
.experiapp_wrap span.state {display: inline-block; min-width:60px; height: 25px; line-height: 25px; border-radius: 5px; color:#fff; font-size:13px}
.experiapp_wrap span.state01 {line-height:23px; background:#fff; box-sizing: border-box; color:#6a6a6a}
.experiapp_wrap span.state02 {background:#ff571c}
.experiapp_wrap span.state03 {background:#777}

.experiapp_wrap .btn_exapp {display: inline-block; min-width:82px; padding:0 10px; height:34px; line-height:32px; border-radius:8px; box-sizing: border-box; color:#fff}
.experiapp_wrap .btn_exapp01 {background:#6eca4c}
.experiapp_wrap .btn_exapp02 {background:#2196f3}
.experiapp_wrap .btn_exapp03 {background:#132945}
.experiapp_wrap .btn_exapp04 {background:#5b5b5b}
.experiapp_wrap .btn_exapp05 {background:#292f45}

.app_table .link {color:#222; font-weight:600; transition:.3s}
.app_table .link:hover {text-decoration: underline}
.app_table .col_gray {color:#999}

.experi_tab {margin:0 0 20px}
/*.experi_tab ul {display:flex; flex-wrap: wrap; justify-content: space-between}*/
/*.experi_tab ul li  {width:calc(100% / 3 - 10px)}*/

.experi_tab ul {display: table; width: 100%; margin-bottom:25px; table-layout: fixed}
.experi_tab ul li {display:table-cell}
.experi_tab ul li a {position:relative; display: block; padding:10px 10px; margin-left:8px; text-align: center ;background:#eee; border-radius:10px; color:#000; font-weight:500; font-size:1.154em; transition:.3s ease-in-out}
.experi_tab ul li:first-child a {margin-left:0}
.experi_tab ul li.on a:after, .experi_tab ul li:hover a:after {content:""; display:block; position: absolute; bottom:-7px; left:50%; width:15px; height:15px; margin-left:-7px; box-sizing: border-box; border:3px solid #2aa6e7; background:#fff; border-radius:50%}
.experi_tab ul li.on a, .experi_tab ul li:hover a  {background:#2aa6e7; color:#fff}

.appnoti {padding:5px}
.appnoti li {position:relative; padding-left:10px}
.appnoti li:after {content:""; display:block; position:absolute; top:8px; left:0; width:5px; height:2px; background:#aaa}

/* 시교육청 체험신청 신청 폼 */
.tb_catetit {position:relative; float:left; margin-right:5px}
.tb_catetit span.tit {position:absolute; top:6px; left:0; width:56px; height:18px; line-height:18px; border-right:1px solid #ccc; text-align: center}
.tb_catetit input {padding-left:64px}
.input_mid4 {width:300px}
.tb_input textarea {width:100%; min-height:150px; box-sizing: border-box; vertical-align: middle; box-sizing: border-box}
.experiapp_wrap .input_base.stuinfo {width:calc(120px - 40px)}

.fbold {font-weight:600}

/* ============= 추가 프로그램 241028 kjh ============== */
.bott_btn {margin-top:20px}
.bott_btn .bott_right {float:right}
.bott_btn .bott_right p {display:inline-block}
.bott_btn .bott_right p button {display:block; margin-left:3px; min-width:120px; height:32px; line-height:30px; background:none; padding:0 10px; border-radius:5px; color:#fff}
.bott_btn .bott_right p button span {display:inline-block; padding-left:24px}
.bott_btn .bott_right p.btn_excel button {background:#369862}
.bott_btn .bott_right p.btn_excel button span {background:url(../../images/app/btn_proexcel.png) no-repeat 0 50%}
.bott_btn .bott_right p:hover button {transition: .3s}
.bott_btn .bott_right p.btn_excel:hover button {background:#227547}

.bott_btn .bott_right p.btn_excel2 button {background:#00684c}
.bott_btn .bott_right p.btn_excel2 button span {background:url(../../images/app/btn_proexcel.png) no-repeat 0 50%}
.bott_btn .bott_right p.btn_excel2:hover button {background:#227547}

/* 달력 화면 기능추가 */
.sc_row a.sc_event .sc_con  {white-space: normal}
.sc_contxt {font-weight:300; word-break:keep-all}
.sc_schlist {display:flex; justify-content: flex-start; flex-wrap:wrap; background:#fff; border:3px solid #eee; margin:5px 5px 3px 3px; padding:5px 8px; border-radius:5px}
.sc_schlist li {padding-right:10px; color:#222; font-weight:400}
.sc_schlist li a {color:#222; font-weight:400}
.sc_schlist li a:hover {text-decoration: underline; transition:.3s}
.sc_schlist li .sc_schmem {font-weight:600; color:#000}
.sc_schlist li.nodata {width:100%; text-align:center; font-weight:500}

/* 추가 date 수정 kjh 20250728*/
input[type="date"] {position:relative;min-width:180px; background-image:url(../../images/super/icon_cal.gif); background-repeat: no-repeat; background-position: right 5px top 50%; cursor: pointer;-webkit-appearance:none !important; -moz-appearance:none !important; appearance:none !important; font-family:NSK}
input[type="date"]::-webkit-calendar-picker-indicator {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: transparent; color: transparent;  cursor: pointer}
input[type="date"].input_base {height:30px; left:0; top:0; line-height:30px; color:#666;border:1px solid #ccc; box-sizing: border-box}


/* MOBILE LAYOUT */
@media only screen and (max-width:1024px) {

/* 모바일 wdt 값 */
.mwdt8 {width:8%}
.mwdt10 {width:10%}
.mwdt12 {width:12%}
.mwdt15 {width:15%}
.mwdt20 {width:20%}
.mwdt25 {width:25%}

.art_apply h4.sub_tit4 {font-size:1.154em}
.art_apply h5.sub_tit5 {font-size:1.077em}
.art_form .wdt15 {width:20%}
.app_table thead th {font-size:1em}
.exp_request.art_form .app_table tbody th {padding:14px 5px; word-break:keep-all}

/*게시판 상단 안내 문구 [예술누리터 게시판 공통]*/
.board_top .btop_lst{min-height:inherit; margin:30px 0 0}
.board_top .btop_tit {top:5px; left:0; margin:0; width:100%; padding:2px 0;  text-align:center; background:none}
.board_top .btop_tit span {width:110px; margin:0 auto}
.board_top .btop_tit::before {display:none}

/*검색박스-단독[예술누리터 게시판 공통]*/
.sechtxt_box{width: 100%}
.sechtxt_box .sech_input{float: none; margin-right: 70px}
.sechtxt_box input.sech_txt{width:100%}
.sechtxt_box .btn_sech{position: absolute; top:0; right:0}

/*게시판 상단 선택검색영역 [예술누리터 게시판 공통]*/
.board_select{margin-bottom: 15px}
.board_select .top_left{float:none; padding: 8px 0 3px}
.board_select .top_left .app_num {/*padding-left: 30px; background:url(../../images/app/ico_appnum.gif) left center no-repeat; */font-size: 13px; font-weight: 400}
.board_select .top_right{float: none; margin-top: 10px}
.board_select .top_right .sech_lst{float: none; margin: 0}
.board_select .top_right .sech_lst .sel_lst{position: relative; float: none; padding-right: 71px}
.board_select .top_right .sech_lst .sel_box{float: left; margin: 0 0 5px; width: 50%; box-sizing: border-box}
.board_select .top_right .sech_lst .sel_box.sel_alone{width: 100%}
.board_select .top_right .sech_lst .sel_box:first-child{padding-right: 5px}
.board_select .top_right .sech_lst .sel_box .sel_mid{width: 100%; box-sizing: border-box}
.board_select .top_right .sech_lst .sel_box.sel_alone .sel_mid{width: 100%}
.board_select .sechtxt_box{position: relative; width: 100%}
.board_select .sech_input{float: none; box-sizing: border-box; margin-right: 70px}
.board_select input.sech_txt{width:100%; margin-right: 15px; box-sizing: border-box}
.board_select .sechtxt_box .btn_sech{position: absolute; top:0; right:0}
.board_select .seldate_box{float: none; width: 100%; padding-right: 0; margin-bottom: 5px; z-index: 100}
.board_select .top_right .sech_lst .seldate_box .sel_date{width: 100%; padding-right: 0}
.board_select .top_right button.btn_position{position: absolute; bottom:5px; right:0}
/* .satpro_apply .board_select .top_right button.btn_position{bottom:10px} */

/* ==================== 추가 부분개편 kjh 230103 =======================*/
.nomobile {display:none}
.schart_mobile {display: block; margin:20px auto; word-break: keep-all; text-align: center}
.schart_mobile p {margin-top:30px; padding-top:150px; font-size:1.077em; background:url(../../images/app/bg_mobile_only.gif) no-repeat 50% 0}    
.schart_mobile p .col_blue {color:#2a7abe; font-weight:600}
.schart_mobile p .bg_red {display:inline-block; padding:2px 5px 0; background:#f35825; color:#fff; font-weight:700; border-radius:3px}
    
/* 신청정보 텍스트 줄바꿈 */
.tb_etc {display:block; margin-top:5px}
.exp_request .detail_tit {width:70px; line-height:130%}
.exp_request .detail_tb {margin:-50px 0 0 70px}
.exp_request .detail_tit span {padding:10px 10px 0}
    
    
/*============== 20231228 new 추가 작업 KJH =======================*/
    
    .ofpro_tab ul li a {padding:10px 4px; font-size:1em}
    .ofpro_tab ul li.on a, .ofpro_tab ul li:hover a {padding:14px 4px}
    
    .ofpro_lstwrap .ofpro_lst > li {width:calc(100%/3)}
    
    .ofpro_toparea {padding:15px 12px}
    .ofpro_toparea .sel_box .sel_inbox {width:100%; margin-top:5px}
    .ofpro_toparea .sel_box .sel_mid2 {width:calc(100%/2 - 2px)}
    .ofpro_toparea .sel_srchbox {width:calc(100%/2 - 2px)}
    .ofpro_toparea .sel_date {width:calc(100%/2 - 8px)}
    .ofpro_toparea .input_base.input_mid3 {width:calc(100% - 73px)}
    
    /* 시교육청 체험신청 */
    .experi_tab ul li {width:calc(100% / 3 - 4px)}
    .experi_tab ul li a {font-size:1.077em}
    .experiapp_wrap .input_base.stuinfo {width:calc(100% - 40px); margin:2px 0}
}

/* PC LAYOUT */
@media only screen and (max-width:800px) {
/*학부모 동의*/
.req_agreebox{padding:5px 15px 15px; border-radius:5px; margin-top:0; border:#ccc solid 1px;  line-height:130%;  font-size: 1.077em}
.req_agreebox .agree_check{margin-top: 15px;}
.req_agreebox .agree_phone{float: none; margin:8px 0 0}
.req_agreebox .phone_txt{margin-top: 15px}
    
    
/*============== 20231228 new 추가 작업 KJH =======================*/
    
}


@media only screen and (max-width:910px) {
/*체험프로그램[달력] 선택보기*/
.calendar_type{overflow: hidden; margin-bottom: 10px;  border-radius: 5px; border:1px solid #ebebeb}
.calendar_type .type_tit{width: 82px; margin: 0 auto;}
.calendar_type ul{margin:0; padding: 10px; text-align: center}
.calendar_type ul li{display: inline-block; float:none; margin:0 1px}
.calendar_type ul li span.sel_btn{display: block; width:38px; padding:3px 0; margin-right: 0; font-size: 12px;}
.calendar_type ul li span.sel_txt{display: none}
/* .calendar_type ul li span.sel_btn.view_full{padding:1px 0} */
.calendar_type ul li.state_end{float:none}

/*체험프로그램[달력] 내용*/
.calendar_listbox .calmonth_tab{display: none}
.experience_lst > ul > li{float: none; width: auto; border-right:none; border-bottom:1px solid #ddd; box-sizing: border-box}
.experience_lst > ul > li:last-child{border-bottom: none}
.experience_lst > ul > li.empty_lst{display: none}
.experience_lst > ul > li .exp_tb{min-height: 150px; padding: 0}
.experience_lst .exp_tb .date{width: 80px; height: 150px; line-height: 150px; background: #5a6978; text-align: center; color:#fff}
.experience_lst .exp_tb .date.today {color:#fff}
.experience_lst .exp_tb .date.holiday {color:#fff}
.experience_lst .txt_box{/* position: absolute; top:0px; left:90px margin:-151px 10px 0 90px */}
.experience_lst .txt_box > ul{margin:-141px 10px 0 90px}
}

@media only screen and (max-width:720px) {
/*게시판 상단 안내 문구[예술누리터 게시판 공통]
.board_top .btop_tit{position: relative; padding: 30px 0 0 5px; width: 80px; margin: 0 auto;}
.board_top .btop_tit span{display: block; width: 80px; height: 20px; line-height: 20px; font-size: 13px}
.board_top .btop_tit::before{top:9px; left:-25px; width:37px; height: 40px; background:url(../../images/app/btop_ico_m.png) 0 0 no-repeat}
.board_top .btop_lst{padding: 10px; margin:10px 0 0}*/
/*체험프로그램 목록형 프로그램 유형*/
.app_table td span.sel_btn{display:block; padding:5px 2px; margin-right:0; border-radius:3px; line-height:100%}
    
/*============== 20231228 new 추가 작업 KJH =======================*/
    .ofpro_lstwrap .ofpro_lst > li {width:calc(100%/2)}
    .ofpro_wrap .btn_box button {width:100%; margin:3px 0; height:36px; font-size:1.077em}
    .ofpro_info .down_box .dw_boxtit {width:90px}
    .ofpro_info .down_box .dw_boxtxt {margin-left:90px}
	.ofpro_info .down_box a {margin-left:0}
    .view_rarea {position: inherit; top:inherit; right:inherit; border:0; margin:15px 0}
    .view_require dd {padding:10px}
/*  .view_prowrap {padding:5px; border-color:#eee}
    .view_prowrap .v_protit {font-size:1.154em; width:100%;position: inherit; top:inherit; left:inherit; padding:10px 5px; color:#000; font-weight:700}
    .view_prowrap .v_protxt {border:0; border-top:1px solid #ccc; padding:10px 5px}
*/
.view_larea {min-height:100%}
.view_rimg {width:180px; height:177px}
.view_rimg img {width:180px; height:177px}
.view_require dt span {padding:5px 10px 5px 32px; font-size:1em}
.view_require dd {font-size:1em}
.ofpro_viewtit {padding:16px 10px; font-size:1.385em}
	.view_prowrap {padding:5px 0 5px 110px}
	.view_prowrap .v_protit {top:5px; width:110px; padding:5px 10px; font-size:1em}
	.view_prowrap.view_prowrap2 .v_protxt {min-height:36px}
	.view_prowrap .v_protxt {padding:5px 0 5px 15px; font-size:1em}
    .ofpro_infotit {margin-top:15px}
	.ofpro_infotit p {padding:10px}
    .ofpro_infotit p span {padding:7px 0 7px 28px; font-size:1.154em}
    .info_txtarea {min-height: 100px}
    .tb_catetit {float:inherit; margin:5px 0}
    .experiapp_wrap .input_base {width:100%}
}

@media only screen and (max-width:615px) {
/*접수프로그램 목록*/
.calendar_prog{margin-bottom: 15px}
.calendar_prog .prog_titbox{position: relative; width: auto;}
.calendar_prog .prog_titbox .prog_month{width: 100px}
.calendar_prog .procalbtn_box ul{width:auto; margin: 8px auto 0}
.calendar_prog .procalbtn_box ul li{float: none; position: absolute; top:10px}
.calendar_prog .procalbtn_box ul li:first-child{left:50%; margin:0 0 0 -100px}
.calendar_prog .procalbtn_box ul li:last-child{right:50%; margin:0 -100px 0 0}
.calendar_prog .prog_list{overflow: hidden; height: 130px; margin:0}
.calendar_prog .procal_info span.pro_type{display:inline-block; float:none; min-width: 70px; padding:1px 0 0; margin:0; font-size: 11px}
.calendar_prog .pro_period{padding:5px 2px 0; font-size: 13px}
.calendar_prog .pro_period span{display: inline-block; margin-right: 5px}
.calendar_prog ul li span.prostate{position: absolute; top:0; right:0}
}

@media only screen and (max-width:600px) {
/*상태표시 색상지정*/
span.state{width:35px; font-size:11px}
span.ap_state{width:35px; font-size:11px}
/*나의 신청정보-신청상태*/
span.info_state{display: inline-block; width:30px; height:auto; line-height: 130%; padding: 3px; border-radius: 5px;font-size:12px}
span.info_state br{display:block}
span.if_state01{background: #39ae42; color:#fff}
span.if_state02{background: #3e94ff; color:#fff}
span.if_state03{background:#777; color:#fff}
span.cancel_txt{display: block; color:#ff461b}
span.join_date{color:#287de5; font-weight: 500}

/*  공통 버튼 스타일 */
button{border-radius: 3px; transition: .3s}
/*신청 페이지하단버튼선택-신청하기,취소*/
.art_apply .btn_box{margin-top: 10px}
.art_apply .btn_box button{width:100%;margin:5px 0}
/*프로그램 신청 취소 버튼*/
button.btn_cancel{min-width: 38px; line-height: 120%;}
button.btn_cancel:hover{background: #5b5b5b}
/*참여자명단 버튼
button.btn_explst{font-size: 10px}*/
/*수정 버튼*/
button.btn_modify{font-size: 11px}
/*프로그램 목록 신청버튼*/
button.btn_requ{width:60px; height:auto; line-height:130%; padding:5px; border-radius: 5px; font-size: 12px; text-align: center}
button.btn_requ span br{display: none}
button.btn_requ.requ00, button.btn_requ.requ01, button.btn_requ.requ02{padding-left:3px; background-image:none}
span.state_requ{width:60px; height:auto; line-height:130%; padding:5px; border-radius: 5px; font-size: 12px; text-align: center}
span.state_requ.requ04{height: 38px;line-height: 38px}
span.state_requ.requ05{padding-left:0; background-image: none}

/* 테이블 */
.app_table{margin-bottom:15px; font-size: 1.000em; letter-spacing: -1px}

/*체험프로그램[신청]*/
/*프로그램 정보*/
.exp_request .file_upload input{width: 140px}
.exp_request .input_base.input_mid{width: 65px}
.exp_request .down_box a span.btn_txt{float: none; font-size: 12px}
.exp_request .down_box a span.btn_down{float:none; display: block;margin-top: 5px}
/*승인 완료 안내*/
.exp_request .req_infobox .info_tit{width: auto; padding: 10px 0 5px; font-size:1.077em}
.exp_request .req_infobox .info_txt{padding:10px; margin: 0}
.btn_partifile {position:inherit; top:inherit; right:inherit; margin-top:10px}
.btn_partifile a br {display:none}

    
}

@media only screen and (max-width:525px) {
/*체험프로그램[달력] 상단*/
.calendar_top .cal_btn li{top:60px}
.calendar_top .cal_btn li:first-child{left:0}
.calendar_top .cal_btn li:last-child{right:0}
.calendar_top .cal_btn button{width:30px}
.calendar_top .cal_btn button span{display: none}
}

@media only screen and (max-width:530px) {
.scroll_txt{display: block; padding: 5px; margin-bottom: 10px; border-radius:3px; background:#44617c; text-align: center; color:#fff; font-size: 12px}
/*============== 20231228 new 추가 작업 KJH =======================*/
.ofpro_lstwrap .ofpro_lst > li {width:100%}  
}

@media only screen and (max-width:340px) {
/*접수프로그램 목록*/
.calendar_prog .pro_period{font-weight: 500}
.calendar_prog .pro_period span{display:none}
}

/* kjh 신청 폼 필수입력 멘트 추가 241106 */
.app_etctxt {margin-top:-22px; margin-bottom:5px; text-align:right; font-weight:500}
.app_etctxt span {color:#EF484B}

/* kjh 스타일  추가 250828 */
.req_agreebox {margin-bottom:15px} 
.art_apply .btn_down {display:inline-block; padding:2px 25px 2px 10px; text-align:center; margin:0 5px; background:#ff7352 url(../../images/app/btn_dw_ico.png) no-repeat right 10px top 50%; border-radius:5px; color:#fff; transition:.3s}
.art_apply .btn_down:hover {background-color:#c62601}
/* 파일첨부 추가 스타일 */
#_upload_file.docuapp {top:0; left:204px; width:78px}
/* 신청확인 및 취소 */
.apfiledown {display:inline-block; width:28px;padding: 4px 6px; border-radius: 5px; background:#5579cb; color:#fff; font-size: 12px}
.apfiledown:hover{background: #5b5b5b}