@charset "utf-8";
/* CSS Document */
/* com2zoa design KYJ 25.05.22 */

/********************** COMMON **********************/ 
.clear_fix::after{content: ""; display: block; clear: both}
.hide{display: none}
.hidden{overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999999px}
a{text-underline-offset:4px}  
fieldset{min-width: 100%}
span.ico_dash{display:block; margin: 0 auto; align-content: space-around; text-align: center}

/* 폰트에서 span사용시 색지정 */
/* span에 단독으로 스타일을 주면 모든 span 태그에 font-weight가 지정되므로 bold는 각각 지정함)_더 두껍게 할 시에는 고유클래스 아래에 지정  */
span.col_re{font-weight: 600; color:#ff472e} /*빨간색*/
span.col_or{font-weight: 600; color:#ff9f17} /*주황색,노란색*/
span.col_gr{font-weight: 600; color:#52a34a} /*초록색*/
span.col_bl{font-weight: 600; color:#3ca3d3} /*파란색*/
span.col_na{font-weight: 600; color:#335c7f} /*남색*/
span.col_pu{font-weight: 600; color:#9644f3} /*보라색*/
span.col_pk{font-weight: 600; color:#ff6f7d} /*분홍색*/
span.col_bk{font-weight: 600; color:#000} /*검정색(bold)*/
span.underline{font-weight: 600; text-decoration:underline; text-underline-offset:4px} /*밑줄*/

/** 테이블 관련 공통 스타일 **/
/* 모바일에서 표 가로 스크롤스타일 */
.scroll_st{overflow-x: scroll}
.scroll_st::-webkit-scrollbar {height: 10px}
.scroll_st::-webkit-scrollbar-track {background-color: rgba(0, 0, 0, 0.05); border-radius:0 0 5px 5px; box-shadow: inset 0px 0px 0px white}
.scroll_st::-webkit-scrollbar-thumb {background-color: #a7a7a7; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent}

/* 왼쪽정렬 폰트 */
.cz_table tbody td.txleft{text-align: left}
/*모바일 아래에서 표 내용이 너무많을때 사이즈 고정후 스크롤 하기 테이블 감싸고 있는 div한테 scroll_sty 클래스 주면됨*/	
@media only screen and (max-width:710px) {
    .scroll_sty{overflow-x: auto; position: relative}
    .scroll_sty > table {min-width:710px}
}
/*지정된 해상도에서만 나오는 테이블 스크롤 안내텍스트*/
.scroll_txt{display: none}
@media only screen and (max-width:710px) {
    .scroll_txt{display: block; padding:3px 5px !important; margin: 5px 0 !important; border-radius: 5px; background:#eaeaea !important; text-align: center; color:#000; font-size: 13px}
}

/* col class 스타일 */
.wdtfix{width:40px}
.wdt1{width: 1%}
.wdt2{width: 2%}
.wdt3{width: 3%}
.wdt4{width: 4%}
.wdt5{width: 5%}
.wdt6{width: 6%}
.wdt7{width: 7%}
.wdt8{width: 8%}
.wdt9{width: 9%}
.wdt10{width: 10%}
.wdt11{width: 11%}
.wdt12{width: 12%}
.wdt13{width: 13%}
.wdt13_5{width: 13.5%}
.wdt14{width: 14%}
.wdt15{width: 15%}
.wdt16{width: 16%}
.wdt17{width: 17%}
.wdt18{width: 18%}
.wdt19{width: 19%}
.wdt20{width: 20%}
.wdt25{width: 25%}
.wdt30{width: 30%}
.wdt35{width: 35%}
.wdt40{width: 40%}
.wdt45{width: 45%}
.wdt50{width: 50%}
.wdt55{width: 55%}
.wdt60{width: 60%}
.wdt65{width: 65%}
.wdt70{width: 70%}
.wdt75{width: 75%}
.wdt80{width: 80%}
.wdt90{width: 90%}
.wdtauto{width: auto}

/** 스크롤스타일 **/
/*높이값은 고유스타일 조정*/
.scroll_type{overflow-y: scroll; height:100px; padding:20px 10px; border-radius: 5px}
.scroll_type::-webkit-scrollbar {width: 12px}
.scroll_type::-webkit-scrollbar-track {background-color: rgba(0, 0, 0, 0.15); border-radius:0 5px 5px 0; box-shadow: inset 0px 0px 0px white}
.scroll_type::-webkit-scrollbar-thumb {background-color: #a7a7a7; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent}
 
/** select공통사항 지정영역 **/
select.sel_base{width: 100%; height:35px; padding: 5px 25px 5px 5px; background:url(../../images/app/ico_selarw.png) right 11px center no-repeat #fff; border:1px solid #dbdbdb; box-sizing: border-box; appearance: none; cursor: pointer; font-weight: 500; font-size: 14px}
select.sel_short{width: 55px; font-size: 12px}
select.sel_mid{min-width: 150px}

/** textarea공통사항 지정영역 **/
textarea.area_write{width: 100%; height: 160px; padding: 5px; border:1px solid #dbdbdb; box-sizing: border-box}

/** radio공통사항 지정영역 **/ 
.radio_box .radio_item{margin: -4px 4px 0 2px }
.radio_box label{font-family:CGC}
.regist_form .radio_box label{font-family:CGC}
.radio_box.radio_center{text-align: center}
.radio_box.radio_center > p{float: none; display: inline-block}
/*라디오버튼=커스텀*/
.radio_custom_box{display: flex; gap:7px}
.radio_custom input[type=radio] {display: none}
.radio_custom label {display: block; min-width: 90px; line-height: 20px; padding:5px 10px 5px 40px; margin: 0 auto; border-radius: 10px; border: 1px solid #dcdcdc;  border-radius: 50px; text-align: right; font-weight: 600; box-sizing: border-box}
.radio_custom input[type=radio] + label {background-image:url(../../images/app/ico_radiock.png); background-repeat:no-repeat; background-position:left 10px center; border: 1px solid #dcdcdc; color: #959595}
.radio_custom input[type=radio]:checked + label {border: 1px solid #44a3f4; background-image:url(../../images/app/ico_radiock_a.png); background-repeat:no-repeat; background-position:left 10px center; background-color: #46a6f8; color: #fff}
.radio_custom label:hover {color: #666}

/** 파일첨부 추가 스타일 (개별업로드) **/
.file_upload{position: relative; padding-right: 135px; box-sizing: border-box}
#file_box_{width: 100%; height: 35px} 
#_upload_file,
.input_leave_file{position:absolute; top:0;left:0; width: 100%; height: 35px; opacity:0;  z-index:500; cursor: pointer}
.file_upload .newfileup{position:absolute; top:0; right:0; display:block; width: 130px; height:35px; line-height: 35px; background:#7c828b; color:#fff; text-align: center; box-sizing: border-box; transition: all .3s}
.file_upload:hover .newfileup{background: #ff5533}
/*기존파일 삭제*/
.nowfile_bx{border-top:1px solid #f1f1f1; padding: 5px 0 ; margin-top: 7px}
.nowfile_bx a{color:#449cf5; font-size: 14px; text-decoration: underline; text-underline-offset:5px; transition: all .3s}
.nowfile_bx a:hover{color:#2870b9}
.nowfile_bx label{font-size: 12px; color:#9a9a9a}

/** checkbox 스타일 변경 **/
.check_box label{font-family:NSQ}
input[type="checkbox"] {height: 15px; width: 15px; margin: -1px 0 0 0; border:1px solid #ccc; outline: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff; border-radius: 3px; cursor: pointer}
input[type="checkbox"]::after {display: none; content: ''; position: relative; width: 15%; height: 40%; left: 40%; top: 20%; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg)}
input[type="checkbox"]:checked {background: #449cf5; border:none}
input[type="checkbox"]:checked::after {display: block}
input.lst_check[type="checkbox"]{margin: 0}
.regist_form input[type="checkbox"]{margin-right:5px}

/** input 공통사항 지정영역 **/
input::placeholder,
textarea::placeholder {color: #939393; font-weight: 400; font-size: 14px}
input[type="radio"]{margin: -4px 5px 0 0; border-color:#fff}
input[type='date'] {position: relative}
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='time'] {position: relative}
input[type='time']::-webkit-calendar-picker-indicator {background: transparent; color: transparent; cursor: pointer}
.input_base{ width: 100%; height: 35px; padding: 3px; border:1px solid #dbdbdb; box-sizing: border-box}
.input_base.input_long{width:100%}
.input_base.date_cal{width:100%; padding: 5px 25px 5px 5px; background: url(../../images/app/ico_cal.png) no-repeat right 8px center #fff; -webkit-appearance:none !important; -moz-appearance:none !important; appearance:none !important}
.input_base.time_sel{width:100%; padding: 5px 0 5px 5px; background: url(../../images/app/ico_time.png) no-repeat right 8px center #fff; -webkit-appearance:none !important; -moz-appearance:none !important; appearance:none !important}

/*조건검색*/
.detail_topwrap{overflow: hidden; margin-bottom: 15px; background: #fff; border:2px solid #f3f3f3}
.detail_topwrap .srch_wrap{display: flex}
.detail_topwrap .detail_selbx{display: flex; gap:10px; width: 100%; padding: 10px; box-sizing: border-box}
.detail_topwrap .detail_selbx select{height: 100%; min-height: 35px;}
.detail_topwrap .detail_tit{min-width: 110px; padding:10px 0; background: #fff; color:#313131; color:#8a8f97; font-size: 16px; font-weight: 600; text-align: center; align-content: space-around; box-sizing: border-box}
.detail_topwrap .detail_tit > span{padding-left:24px; background:url(../../images/app/ico_detail.png) no-repeat left center}
.detail_topwrap .detail_tit span.pc_txtnone{display: none}
.detail_topwrap .detail_sel{display: flex; flex-wrap: wrap; width: 100%; gap:7px}
.detail_topwrap .detail_sel > div{display: block; position: relative; flex: 1; width: 100%}
.detail_topwrap .detail_sel > div.sel_box .sel_base{min-width:100px}
.detail_topwrap .detail_sel > div.input_box{min-width:100px}
.detail_topwrap .detail_sel > div.srch_box{min-width: 280px}
/*짧은 조건검색*/
.half_topline{display: flex; justify-content: space-between; border:2px solid #f3f3f3; margin-bottom: 20px}
.half_topline .detail_topwrap{min-width:600px;  margin: 0; border: none}

/*짧은 조건검색 타입2*/
.half_topline.type2{border:none; background: #f7f7f7} 
.selview_topwrap{overflow: hidden; min-width:auto; border:2px solid #f3f3f3}
.selview_topwrap .srch_wrap{display: flex}
.selview_topwrap .selview_selbx{display: flex; gap:10px; width: 100%; padding: 5px; box-sizing: border-box}
.selview_topwrap .selview_selbx select{height: 100%; min-height: 35px;}
.selview_topwrap .selview_sel{display: flex; flex-wrap: wrap; width: 100%; gap:7px}
.selview_topwrap .selview_sel > div{display: block; position: relative; flex: 1; width: 100%}
.selview_topwrap .selview_sel > div.sel_box .sel_base{min-width:150px}
.selview_topwrap .selview_sel > div.input_box{min-width:100px}
.selview_topwrap .selview_sel > div.srch_box{min-width: 280px}


/** 버튼지정영역 **/
button{transition: all .5s; box-sizing: border-box; cursor: pointer}
button:disabled {color:#000; cursor: not-allowed; pointer-events: none} /*버튼 비 활성화*/

/**회원버튼**/
/*회원버튼 공통 (button)*/
button.btntype1{height: 100%; min-height: 35px; padding: 5px 8px; background:#ccc; border-radius: 3px; color:#fff; font-size: 14px; font-weight:600; box-sizing: border-box}
button.btntype1 span{display: block}
/*로그인*/
button.btn_log{border-radius: 15px; background:#476073; font-size: 20px; font-weight: 600; color:#fff}
button.btn_log:hover{background: #1b2d3b}
button.btn_log span{display: block; padding-top: 35px; background:url(../../images/app/ico_login.png) no-repeat center top}

/**상세검색 버튼**/
p.detail_btn{height: 100%; background: #f0f}
/*하단버튼 공통 (button)*/
p.detail_btn button{display: block; width: 100%; height: 100%; color:#fff; background: none; font-size: 14px; font-weight:500; text-align: center; box-sizing: border-box}
/*보기,검색*/
p.btn_srch button{width: 60px; background: #585d65} 
p.btn_srch button:hover{background: #3596d3}
/*초기화*/
p.btn_reset button{width: 60px; background: #ff7f65} 
p.btn_reset button:hover{background: #be3f25}
/*엑셀저장*/
p.btn_excel button{width: 105px; background: #52aa80} 
p.btn_excel button:hover{background: #2e6d4f}
p.btn_excel button span{padding-left: 30px; background:url(../../images/app/btn_excel.png) no-repeat left center}
/*나의 참가 정보*/
p.btn_myinfo button{width: 135px; background: #ffba27} 
p.btn_myinfo button:hover{background: #ff8e29}
p.btn_myinfo button span{padding-left: 30px; background:url(../../images/app/btn_myinfo.png) no-repeat left center}
/*전체목록*/
p.btn_fullst button{width:115px; height: 100%; padding: 0 15px; color:#4497f5; background: #fff; border:1px solid #77b7ff; text-align: right} 
p.btn_fullst button:hover{background:#d4e8ff}
p.btn_fullst button span{display: block; background:url(../../images/app/back_calendar.png) no-repeat left center}

/**하단버튼 리스트**/
/*하단버튼 공통 (button)*/
button.btntype2{height: 100%; min-height: 40px; padding: 5px 10px; background:#ccc; color:#fff; font-size: 14px; font-weight:500; text-align: right;letter-spacing: 0.5px; box-sizing: border-box; transition: all .3s}
button.btntype2 span{display: block; padding: 0 0 0 60px}
/*컨텐츠 하단 버튼 공통 스타일*/
.lst_btmbx{margin-bottom: 20px}
.lst_btmbx ul{display: flex; justify-content: space-between}
.lst_btmbx ul li{display: flex; flex-wrap: wrap; gap:10px}
/*전체선택/해제*/
button.btn_allpick{background: #8a8f97} 
button.btn_allpick span{background:url(../../images/app/btn_allpick.png) no-repeat left center}
button.btn_allpick:hover{background: #545a65}
/*전체선택/해제(input인 경우)*/
p.allchkbtn{align-content: space-around; padding: 5px 10px; background:#8a8f97; color:#fff; font-size: 14px; font-weight:500; text-align: right;letter-spacing: 0.5px; box-sizing: border-box; transition: all .3s}  
p.allchkbtn:hover{background: #545a65}
/*휴일설정*/
button.btn_holiset{background: #ff5649} 
button.btn_holiset span{background:url(../../images/app/btn_holiset.png) no-repeat left center}
button.btn_holiset:hover{background: #ae2e24}
/*예약자관리*/
button.btn_registadm{background: #3da8e5} 
button.btn_registadm span{background:url(../../images/app/btn_registadm.png) no-repeat left center}
button.btn_registadm:hover{background: #2475a3}
/*엑셀일괄등록*/
button.btn_allexcel{background: #52aa80} 
button.btn_allexcel span{padding: 3px 0 3px 60px; background:url(../../images/app/btn_excel.png) no-repeat left center}
button.btn_allexcel:hover{background: #2e6d4f}
/*개별 등록*/
button.btn_onlyone{background: #3da8e5} 
button.btn_onlyone span{padding: 3px 0 3px 60px; background:url(../../images/app/btn_onlyone.png) no-repeat left center}
button.btn_onlyone:hover{background: #2475a3}

/*페이지 하단 버튼 공통 스타일*/
.regist_btm{padding-top: 30px; margin: 30px 0 10px; border-top:2px solid #e7e7e7}
.regist_btm .btm_txt{margin-bottom: 15px; text-align: center; font-size: 1.154em}
.regist_btm .btm_txt span{padding:3px 0 3px 30px; background:url(../../images/app/ico_btmtxt.png) no-repeat left center}
.regist_btm .btnlst{display: flex; gap:15px; justify-content:center}
.regist_btm .btnlst button{width:220px; height: 45px; line-height: 38px; background: #cfcfcf; font-size: 16px; color:#fff; font-weight: 500}
/*확인*/
.regist_btm .btnlst button.btn_confirm{background: #3183b1}
.regist_btm .btnlst button.btn_confirm:hover{background: #1d5879}
/*취소*/
.regist_btm .btnlst button.btn_cancel{background: #cecece}
.regist_btm .btnlst button.btn_cancel:hover{background: #949494}
/*다음*/
.regist_btm .btnlst button.btn_next{background: #60b130}
.regist_btm .btnlst button.btn_next:hover{background: #326216}
/*신청하기*/
.regist_btm .btnlst button.btn_request{background: #39923b}
.regist_btm .btnlst button.btn_request:hover{background: #1f4b20}
/*전체목록*/
.regist_btm .btnlst button.btn_fullpage{background:#bfbfbf}
.regist_btm .btnlst button.btn_fullpage:hover{background:#898989}
/*신청기간 등록*/
.regist_btm .btnlst button.btn_regist{background: #3183b1}
.regist_btm .btnlst button.btn_regist:hover{background: #1d5879}

/*목록버튼*/
.sport_table button{height: 26px; font-family:NSQ}
/*수정,삭제버튼 리스트 일때 박스*/
.result_btnlst{padding: 5px; margin-top: 5px; background: #f3f3f3}
/*예약취소*/
button.reserv_cancel{width: 64px; border:1px solid #ff7f65; background: #fff; color:#ff4620}
button.reserv_cancel:hover{background: #ffc1b4}
/*개별문의(취소불가)*/
button.no_cancel{background: none}
/*신청하기*/
button.reserv_apply{width: 104px; background: #ff5d59; color:#fff}
button.reserv_apply:hover{background:#c93632}
/*신청마감*/
button.reserv_end{width: 104px;background: #dedede; color:#7b7b7b}
/*신청완료*/ 
button.reserv_finish{width: 104px; background: #8cd049; color:#fff}
/*참가신청 정보 수정*/
button.reserv_modi{width: 72px; border:1px solid #ff7f65; background: #fff; color:#ff4620}
button.reserv_modi:hover{background: #ffc1b4}
/*참가신청 취소*/
button.reserv_cancel2{width: 72px; border:1px solid #686868; background: #fff; color:#686868}
button.reserv_cancel2:hover{background: #ccc}
/*수정*/
button.result_mody{width: 46px; height: 22px; background: #ff5d59; color:#fff}
button.result_mody:hover{background:#c93632}
/*삭제*/
button.result_del{width: 46px; height: 22px; background: #8f8f8f; color:#fff}
button.result_del:hover{background:#595959}
/*센터예약신청 학교검색*/
button.schFind{width: 100px; height: 35px; background: #7c828b; color:#fff}
button.schFind:hover{background:#4fafed}
/*모바일에서 신청하기 버튼*/
.apply_mbbtn button.reserv_apply{width: 100%; margin-top: 7px}
/*모바일에서 신청마감 버튼*/
.apply_mbbtn button.reserv_end{width: 100%; margin-top: 7px; background: #f1f1f1}
/*모바일에서 신청완료 버튼*/ 
.apply_mbbtn button.reserv_finish{width: 100%; margin-top: 7px}
/*신청학교 상세보기*/
a.sch_view{display: block; text-decoration: underline; font-weight: 600}
a.sch_view:hover{color:#2591ff}
/*선수명단 다운받기*/
a.player_down{display: block; width: 104px; height: 26px; line-height: 26px; margin: 0 auto; background:#45afdb; color:#fff; transition: all .3s}
a.player_down:hover{background:#388fb3}
/*모바일에서 선수명단 버튼*/
.apply_mbbtn a.player_down{width: 100%; margin-top: 7px}

/*학교스포츠클럽 신청 - 예정*/
button.reserv01{width: 104px; border:1px solid #bc6eff; background:none; color:#bc6eff; pointer-events: none}
/*학교스포츠클럽 신청 - 참가신청*/
button.reserv02{width: 104px; background: #ff5d59; color:#fff}
button.reserv02:hover{background:#c93632}
/*학교스포츠클럽 신청 - 신청마감,조기마감*/
button.reserv03{width: 104px;background: #dedede; color:#7b7b7b; pointer-events: none}
/*학교스포츠클럽 신청 - 신청완료*/ 
button.reserv04{width: 104px; background: #8cd049; color:#fff; pointer-events: none}
/*(모바일)학교스포츠클럽 신청 버튼*/
.apply_mbbtn button.reserv01,
.apply_mbbtn button.reserv02,
.apply_mbbtn button.reserv03,
.apply_mbbtn button.reserv04{width: 100%; margin-top: 5px}
 
/*신청상태*/
.state_type{display: block; width:72px; height: 26px; line-height: 26px; margin: 0 auto; border-radius: 50px; text-align: center; font-weight: 600; font-size: 13px; color:#fff; box-sizing: border-box}
/*공통*/
.state_type.state1{background: #fff; border:1px solid #7ec35d; color:#5e9d3f}/*대기*/
.state_type.state2{background: #7ec35d}/*예약완료*/
.state_type.state3{color:#898989}/*취소*/

/*하단 게시물 상태 변경*/
.btm_changebox{padding: 10px; border:2px solid #dbdbdb} 
.btm_changebox .sel_change{display: flex; gap:10px}
.btm_changebox .chg_tit{padding-left: 30px; background:url(../../images/app/blt_chgtit.gif) no-repeat left center; font-size: 14px; font-weight:500; align-content: space-around}
.btm_changebox .chg_tit span{display: none}
.btm_changebox .chg_bx{display: flex; flex: 1; gap:10px}
.btm_changebox .chg_bx select{max-width:130px}
.btm_changebox .chg_txt{font-size: 14px; align-content: space-around} 
.btm_changebox button.btn_change{display: block; width: 60px; height: 100%; background: #585d65; font-size: 14px; font-weight:500; text-align: center; box-sizing: border-box; color:#fff}
.btm_changebox button.btn_change:hover{background: #3596d3}
.btm_changebox .back_calendar a{display: block; width:115px; height: 100%; padding: 0 15px; color:#4497f5; background: #fff; border:1px solid #77b7ff; font-size: 14px; font-weight:500; text-align: right; box-sizing: border-box; align-content: space-around; transition: all .3s}
.btm_changebox .back_calendar a span{display: block; background:url(../../images/app/back_calendar.png) no-repeat left center}
.btm_changebox .back_calendar a:hover{background: #d4e8ff}

/*전체 건수 표시*/
.page_situ{margin: 0 0 15px; padding-left:20px; background:url(../../images/app/ico_pagenum.png) no-repeat left center; font-size: 14px; align-content: space-around}
.page_situ span{display: inline-block; margin: 0 0 0 5px; font-weight: 600; color:#ff6136}
.half_topline .page_situ{margin: 0 0 0 15px}

/***목록 리스트 표 형태***/
/*테이블 레이아웃*/
.sport_table {border-collapse:collapse; table-layout:auto; border:1px solid #e2e2e2; border-left:none; font-family:NSQ}
.sport_table table{width: 100%; border-bottom: 2px solid #e2e2e2; font-weight:600}
.sport_table thead th {position: relative; line-height:150%; padding:6px; background: #585d65; border:1px solid #898e95; border-top:none; border-bottom: none; vertical-align:middle;text-align:center; color:#fff; font-size:15px; font-weight: 500; vertical-align: middle; line-height: 140%}
.sport_table tbody th,
.sport_table tbody td {position: relative; padding: 6px; background:#fff; border:1px solid #e2e2e2; border-right: none; border-top: none; font-size: 14px; color:#000; font-weight: 500; line-height:140%; vertical-align: middle; text-align: center}
.sport_table tbody th{font-weight: 600}
.sport_table thead th.bg_cell{background: #99a0ad}
/*모바일 목록(모바일에서만 나옴)*/
.sport_table .total_lst{display: none}
/*오전,오후 표시*/
.sport_table span.time_type{display:block; width: 40px; margin: 0 auto 3px; background: #ccc; border-radius: 50px; color:#fff; font-size: 12px; text-align: center}
.sport_table span.time_type.time_am{background: #53a8d9}
.sport_table span.time_type.time_pm{background: #ffcc32}
/*시간표시*/
.sport_table span.time_txt{display: block; color:#919191}
/*메모표시*/
.sport_table .memo_wrap{position: relative}
.sport_table .memo_wrap a.memo_view{display: inline-block; padding-right: 20px; background:url(../../images/app/memo_view.gif) no-repeat right center; text-decoration: underline; transition:all .2s}
.sport_table .memo_wrap a.memo_view.on{font-weight: 600; color:#ff7f65}
.sport_table .memo_wrap .memo_bx{display: none; position: absolute; top: 50%; right:0; width: 100%; margin-top: 28px; border: 2px solid #ff7f65; border-radius: 5px; background: #fff; box-shadow: -1px 3px 4px 0px rgba(0, 0, 0, 0.09); box-sizing: border-box; text-align: left; font-size:13px; z-index: 10; transition: .2s}
.sport_table .memo_wrap .memo_bx.on{display: block} 
.sport_table .memo_wrap .memo_bx::after{display: block; clear: both; content: ""; position: absolute; top: -15px; left: 50%; margin-left: -7px; border: 7px solid transparent;  border-top-color: #ff7f65;transform: rotate(180deg) }
.sport_table .memo_bx .memo_tit{display: block; padding: 2px 5px; background: #ff7f65; color: #fff}
.sport_table .memo_bx .memo_txt{overflow-y: auto; max-height: 50px; padding: 5px}
.sport_table .memo_txt::-webkit-scrollbar{background: #fff; width: 7px}
.sport_table .memo_txt::-webkit-scrollbar-thumb{background: #ddd; border: 2px solid #fff; border-radius: 12px} 
.sport_table .memo_wrap .btn_close{position: absolute; right: 4px; top: 2px; width: 20px; height: 20px; background:url(../../images/app/btn_close.png) no-repeat left center}
/*모바일 표시 메뉴*/
.sport_table .total_lst dl{display: flex; gap:5px}
.sport_table .total_lst dl dt{width: 30%; background: #ccc; align-content: space-around; letter-spacing: -0.5px}
.sport_table .total_lst dl dd{width: 70%; text-align: left}
.sport_table .total_lst.game_matchlst dl dd{ text-align: center}
.sport_table .total_lst li{padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #ccc}
.sport_table .total_lst li:last-child{margin-bottom: 0; padding-bottom: 0; border-bottom: none}
.sport_table .reserv_mbtop{padding: 5px}
.sport_table .reserv_mbtop dl dt{background: #585d65; color:#fff} 
.sport_table .reserv_mblst{padding: 5px; background: #f1f1f1}
.sport_table .reserv_mblst span.time_type{display:inline-block; margin: 0 5px 0 0; height:17px}
.sport_table .reserv_mblst span.time_txt{display:inline-block; margin-left: 5px} 
/*예약신청 테이블인 경우 (셀 오버)*/
.sport_table.reserv_table tbody tr:hover td,
.sport_table.reserv_table tbody tr:hover th{background: #fff7f7}

/*센터 예약신청-달력화면*/
/***달력 표 형태(센터예약신청의 달력과 같은 형태)***/
/*테이블 레이아웃*/
.cal_table {margin-bottom: 20px; border-collapse:collapse; table-layout:auto; font-family:NSQ}
.cal_table table{width: 100%; border-bottom: 2px solid #e2e2e2; font-weight:600} 
.cal_table thead th {position: relative; line-height:150%; padding:8px 5px; background: #585d65; border:1px solid #6e8794; vertical-align:middle;text-align:center; color:#fff; font-size:15px; font-weight: 500}
.cal_table tbody tr{border-bottom: 2px solid #bfbfbf}
.cal_table tbody th,
.cal_table tbody td {position: relative; line-height:150%; background:#fff; border:1px solid #e2e2e2; border-top: none; color:#000; vertical-align: middle}
.cal_table tbody td:hover{background: #fff5e4}
.cal_table tbody th .time_zone{position: relative}
.cal_table tbody th .time_zone.time_am{height: 135px}
.cal_table tbody th .time_zone.time_pm{height: 105px; border-top:1px dashed #d6d6d6}
.cal_table tbody th .time_zone span{position: absolute; top:50%; left:50%; margin-left: -13px; padding-top: 35px; font-size: 15px; font-family:'SEBANG_Gothic'}
.cal_table tbody th .time_zone.time_am span{margin-top: -27px; background:url(../../images/app/ico_am.png) no-repeat top center}
.cal_table tbody th .time_zone.time_pm span{margin-top: -23px; background:url(../../images/app/ico_pm.png) no-repeat top center}
/*지난달,다음달 블러*/
/* .cal_table tbody td.blur{opacity: 0.3}
.cal_table tbody td.blur label{pointer-events: none}*/
.cal_table tbody td.blur .reserv_lstbx,
.cal_table tbody td.closedday .reserv_lstbx,
.cal_table tbody td.blur label{opacity: 0.3}
.cal_table tbody td.blur.sunday{background: #fff7f7}
.cal_table tbody td.blur.saturday{background: #f6f9ff}
.cal_table tbody td.blur.closedday .reserv_lstbx,
.cal_table tbody td.blur.closedday label,
.cal_table tbody td.blur.holiday label{opacity: 1}
.cal_table tbody td.blur a{pointer-events: none}
.cal_table tbody td.blur input[type="checkbox"]{display: none}
.cal_table tbody td input[type="radio"]{margin:0; cursor: pointer}
/*일요일*/
.cal_table tbody td.sunday{background: #ffefef}
.cal_table tbody td.sunday label{color:#ff3829}
.cal_table tbody td.sunday:hover{background: #fff5e4}
/*토요일*/
.cal_table tbody td.saturday{background: #eff4ff}
.cal_table tbody td.saturday label{color:#2c72ff}
.cal_table tbody td.saturday:hover{background: #fff5e4}
/*공휴일*/
.cal_table tbody td.holiday{position: relative}
.cal_table tbody td.holiday .holitxt{position: absolute; top:7px; right:32px; color:#ff3829; font-size: 11px}
.cal_table tbody td.holiday label{color:#ff3829}
/*휴관일*/
.cal_table tbody td.closedday .time_lst::after{display: block; clear: both; content: '휴관일'; position: absolute; top:50%; left:50%; margin: -10px 0 0 -26px; color:#ff3829; font-size: 17px}
.cal_table tbody td.closedday label{color:#ff3829}
/*오늘*/
.cal_table tbody td.today{border: 2px solid #ffb533;background: #fff5e4}
/*선택박스*/
.cal_table tbody td .check_box{display: flex; justify-content: space-between; padding: 5px 7px}
.cal_table tbody td .check_box span{display: block; align-content: space-around}
.cal_table tbody td .check_box span label{font-family:'SEBANG_Gothic'}
.cal_table tbody td .check_box span input[type="checkbox"]{display: block; margin-top: 1px}
/*예약시간선택*/
.cal_table tbody td .time_lst{position: relative; min-height: 105px; border-top:1px dashed #d6d6d6}
.cal_table tbody td .time_lst p.lst_more a{position: relative; display: block; width: 100%; padding:5px 10px; margin-top: 5px; background: #e5e5e5; box-sizing: border-box; transition: all .3s}
.cal_table tbody td .time_lst p.lst_more a::after{display: block; clear:both; content: ''; position: absolute; right:7px; top:6px; width: 17px; height: 17px; border-radius: 50px; background-color: #d3d3d3; background-position: center; background-repeat: no-repeat; background-image:url(../../images/app/lst_more.png)}
.cal_table tbody td .time_lst p.lst_more a:hover{background: #9d9d9d; color:#fff}
.cal_table tbody td .time_lst p.lst_more a:hover::after{background-color: #fff}
.cal_table tbody td .time_lst ul{overflow: hidden; width: 100%; height: 105px; padding: 8px; font-weight: 500; box-sizing: border-box; font-family:CGC}
.cal_table tbody td .time_lst:first-child  ul{border-top:none}
.cal_table tbody td .time_lst li{margin-bottom: 6px}
.cal_table tbody td .time_lst li:last-child{margin-bottom: 0}
.cal_table tbody td .time_lst li a{ display: block; padding:3px 5px; border-radius: 50px; background: #f0f; text-align: center; transition: all .3s}
.cal_table tbody td .time_lst li a.reserv_ok{background: #38a7e7; color:#fff}
.cal_table tbody td .time_lst li a.reserv_ok:hover{background: #186a9a}
.cal_table tbody td .time_lst li a.reserv_no{background: #8c8c8c; color:#d6d7d9; pointer-events: none} 
/*월간 표시*/
.month_view{position: relative; margin:25px 0 30px; font-weight: 600}
.month_view .date{padding-top: 5px; font-size: 23px; font-weight: 400; text-align: center}
.month_view .date span{display: inline-block; margin-left: 3px; font-weight: 600}
.month_view .date_btn li{position: absolute; top:-3px}
.month_view li.btn_dtprev{left:50%; margin-left: -130px}
.month_view li.btn_dtnext{right:50%; margin-right: -130px}
.month_view .date_btn button{width: 35px; height: 35px; background-color: #eaeaea; background-position: center; background-repeat: no-repeat; border-radius: 50px; font-size: 0; text-indent: -9999px}
.month_view .date_btn button:hover{background-color:#d2d2d2}
.month_view .date_btn button.dt_arwprev{background-image:url(../../images/app/dt_arwprev.png)}
.month_view .date_btn button.dt_arwnext{background-image:url(../../images/app/dt_arwnext.png)}
/*예약표시 예시리스트*/
.half_topline .reserv_exlst{align-content: space-around; padding:0 15px}
.half_topline .reserv_exlst ul{display: flex; gap:20px}
.half_topline .reserv_exlst ul li span{position: relative; display: block; padding-left: 30px; font-size: 15px}
.half_topline .reserv_exlst ul li span::after{display: block; clear:both; content: ''; position: absolute; top:3px; left:0; width:21px; height: 12px; border-radius: 50px; background: #f0f}
.half_topline .reserv_exlst ul li:first-child span::after{background: #38a7e7}
.half_topline .reserv_exlst ul li:last-child span::after{background: #8c8c8c}

/*신청폼 상단 필수입력문구*/
.regist_top{display: flex; justify-content: space-between; margin:5px 0 13px}
.regist_top .all_essential{align-content: space-around}
.regist_top .all_essential span{padding-left: 20px; background:url(../../images/app/all_essential.png) no-repeat left 1px; font-size: 14px; color:#fe3737}
.regist_top .sub_tit4{margin: 0}
/*신청폼*/
.regist_form{margin-bottom: 30px; font-family:NSQ}
.regist_form label{font-family:NSQ}
.regist_form input::placeholder, .regist_form textarea::placeholder {font-family:NSQ}
.regist_form > ul > li{padding: 5px; margin-bottom: 5px; border:1px solid #efefef}
.regist_form > ul > li dl{display: flex; gap:7px}
.regist_form > ul > li dl dt{width: 15%; padding: 10px; background: #7c828b; font-size: 1.154em; color:#fff; font-weight: 500; text-align: center; align-content: space-around; box-sizing: border-box}
.regist_form > ul > li dl dd{width: 85%; font-size: 1.154em; align-content: space-around; box-sizing: border-box}
.regist_form > ul > li dl dd .fix_txt{padding: 10px 0}
/*신청폼 Full 스타일*/
.regist_form .lst_full{margin-bottom: 30px}
.regist_form .lst_full dl dt{display: flex; justify-content: space-between; padding: 10px; background: #3cb1df; font-size: 1.154em; color:#fff; font-weight: 500; text-align: center; align-content: space-around; box-sizing: border-box}
.regist_form .lst_full dl dd{padding: 10px; border-bottom: 2px solid #dcdcdc}
.regist_form .lst_full dl dd ul{display:flex; flex-wrap: wrap; gap:10px}
.regist_form .lst_full dl dd ul li{flex: 1; min-width: 130px}

/*신청폼 Full 스타일*/  
.regist_form p.all_check{padding: 5px; margin-bottom: 10px; background: #f1f1f1; text-align: right}
.regist_form dl.check_lstbx dd{padding: 10px}
.regist_form dl.check_lstbx dd ul{display:flex; flex-wrap: wrap; justify-content: flex-start; gap:10px}
.regist_form dl.check_lstbx dd ul li{min-width: 14.2%}

/*라디오 스타일*/
.regist_form .radio_box{padding: 10px}
.regist_form .radio_box > p{margin-bottom: 5px}
.regist_form .radio_box > p:last-child{margin-bottom: 0}
/*체크박스 스타일*/
.regist_form .checkbox_lst{padding: 10px}
.regist_form .checkbox_lst > p{margin-bottom: 6px}
.regist_form .checkbox_lst > p:last-child{margin-bottom: 0}
/*강조되는 항목*/
.regist_form ul li.import_type dl dt{background:#3cb1df}
.regist_form ul li.import_type dl dd{color:#2596c2; font-weight: 700}
/*개인정보이용동의 항목*/
.regist_form ul li.agree_type dl dt{background:#f0f0f0; color:#000; font-weight: 600}
.regist_form ul li.agree_type .agree_txt{padding: 0 0 0 5px}
.regist_form ul li.agree_type ol > li{margin-bottom: 10px}
.regist_form ul li.agree_type ul{margin: 5px 0 0 5px}
.regist_form ul li.agree_type ul li{position: relative; padding-left: 10px; font-weight: 500}
.regist_form ul li.agree_type ul li::after{display: block; clear: both; content: ''; position: absolute; top:7px; left:0; width: 3px; height: 3px; background: #000}
.regist_form ul li.agree_type .agree_warning{color:#2e9dc8}
.regist_form ul li.agree_type .check_box{padding: 10px 5px 0; margin-top: 10px; border-top:1px solid #e9e9e9}
/*PC화면에서 인풋 노출(절반만 보임)*/ 
.regist_form .input_half{display: flex; gap:5px; width: 60%}
/*인풋 여러개 항목*/ 
.regist_form .input_lst{display: flex; gap:5px; width: 60%}
.regist_form .input_lst > div{flex: 1;}
/*인풋 설명 제목있을 경우*/ 
.regist_form .input_name > div{padding: 5px; border:1px solid #dbdbdb}
.regist_form .input_name .ipname_bx{display: flex}
.regist_form .input_name .ipname_bx span{display: block; width: 30%; background: #efefef; text-align: center; align-content: space-around; font-size: 14px}
.regist_form .input_name .input_box{width: 70%; background: #0f0}
.regist_form .input_name input.input_base{border: none; width: 100%; height: 28px}
/*인풋 안내문구*/
.regist_form .explain_txt{padding-left: 17px; margin: 5px 0 0; background:url(../../images/app/ico_explain.png) no-repeat left 3px; font-size:0.933em}

/*참가신청*/
/*참가신청 절차*/
.reqstep_wrap {display:flex; justify-content: space-between; gap:40px; flex-wrap: wrap; margin-top: 20px}
.reqstep_wrap .step_bx{position: relative; flex: 1; min-width:235px}
.reqstep_wrap .step_bx::after{display: block; clear: both; content: ''; position: absolute; bottom:50%; right:-23px; width:6px; height: 11px; margin: 0 0 -14px 0 ; background:url(../../images/app/step_arw.png) no-repeat left center}
.reqstep_wrap .step_bx:last-child::after{display: none}
.reqstep_wrap .step_num{font-size:17px; font-weight: 600; color:#7c828b}
.reqstep_wrap .step_txt{width: 100%; height: 63px; padding:0 20px; margin-top: -4px; border-top:2px solid #7c828b; background: #f5f5f5; align-content: space-around; font-size: 1.154em; text-align: right; box-sizing: border-box}
.reqstep_wrap .step_txt span{display: block; padding: 5px 0}
.reqstep_wrap .step01 span{background:url(../../images/app/ico_step1.png) no-repeat left center}
.reqstep_wrap .step02 span{background:url(../../images/app/ico_step2.png) no-repeat left center}
.reqstep_wrap .step03 span{background:url(../../images/app/ico_step3.png) no-repeat left center}
.reqstep_wrap .step04 span{background:url(../../images/app/ico_step4.png) no-repeat left center}
.reqstep_wrap .step05 span{background:url(../../images/app/ico_step5.png) no-repeat left center}
/*참가서식 다운로드*/
.reqdown_btn{margin: 20px 0 40px}
.reqdown_btn a{display:flex; justify-content: space-between; padding: 5px; background: #7c828b; font-size: 15px; transition: all .3s}
.reqdown_btn a span{display: block; align-content: space-around; box-sizing: border-box}
.reqdown_btn a span.down_tit{padding:10px 0 10px 33px; margin-left: 14px; background:url(../../images/app/ico_down.png) no-repeat left center; color:#fff}
.reqdown_btn a span.down_btn{width: 170px; padding:0 15px; background:url(../../images/app/btn_down.png) no-repeat right 15px center #fff; transition: all .3s}
.reqdown_btn a:hover{background: #4d5259}
.reqdown_btn a:hover span.down_btn{background:url(../../images/app/btn_down_a.png) no-repeat right 15px center #7c828b; color:#fff}
/*종목선택*/
/*!!종목선택_체크박스 스타일 및 아이콘지정은 sports.css에 있음!*/
.event_pickbx{margin-bottom: 40px}
.event_pickbx ul{display: flex; justify-content:space-between; flex-wrap: wrap; gap:15px}
.event_pickbx ul li{flex: 1; min-width: 130px; height: 120px}

/*참가정보 입력*/
.event_contbx{position: relative; min-height: 200px; margin-bottom: 40px}
.event_contbx::after{display: block; content:''; clear: both; position: absolute; top:0; left:0; width: 100%; height: 200px; background: url(../../images/app/none_event.png) no-repeat center center #f2f2f2}
.event_cont{display: none; position: relative; margin-bottom: 15px; z-index: 10}
.event_cont.on{display: flex; border: 2px solid #56b8fd; background: #fff}
.event_cont.on .event_tit{width: 10%; background: #56b8fd; align-content: space-around; color:#fff; font-size: 20px; text-align: center}
.event_cont.on .event_tit span{display: block; padding: 0 5px 60px}
.event_cont.on .regist_form{width: 90%}
/*신청폼*/
/*!!신청폼_신청폼 아이콘지정은 sports.css에 있음!*/
.event_cont .regist_form{margin-bottom:0; padding: 5px}  
.event_cont .regist_form > ul > li{padding: 0 0 5px; margin-bottom: 5px; border:none; border-bottom:1px solid #efefef}
.event_cont .regist_form > ul > li:last-child{padding: 0; margin: 0; border-bottom: none}
.event_cont .regist_form > ul > li dl dt{width: 15%; background: #f0f0f0; color:#000}
.event_cont .regist_form > ul > li dl dd{width: 85%}

/*참가정보 수정*/ 
.event_contbx.event_modify::after{display: none}
.event_contbx.event_modify .event_cont{display:block !important}

/*신청기간 안내*/
.app_periodbx{margin-bottom: 20px; padding-bottom: 20px; border-bottom: 2px solid #e7e7e7}
.app_periodbx dl{display: flex; gap:15px; justify-content:center}
.app_periodbx dl dt{width: 136px; height: 36px; line-height: 36px; border-radius: 50px; background: #ff7f65; text-align: center; font-size: 16px; color:#fff}
.app_periodbx dl dt span{padding: 1px 0 0 30px; background:url(../../images/app/ico_period.png) no-repeat left center}
.app_periodbx dl dd{align-content: space-around; font-size:1.308em}

/*경기일정 및 결과*/
.sch_battle{color:#777}
.sch_battle span{display: block; font-weight: 600; color:#000}
.sch_battle span:first-child{color:#2685c7}
.sch_battle span:last-child{color:#42a4ad}

/*엑셀등록-파일등록 예시 화면*/
.regist_form .extb_filebx{display: flex; justify-content: space-between; margin:5px 0  10px}
.regist_form .extb_filebx .extb_tit{padding:3px 0 2px 23px; background:url(../../images/app/ico_extbtit.png) no-repeat left center; font-weight: 600; align-content: space-around}
.regist_form .extb_filebx .extb_btn a{display: block; width: 170px; height: 30px; line-height: 30px; padding:0 10px; background: #3fa39d; color:#fff; font-size: 14px; transition: all .3s}
.regist_form .extb_filebx .extb_btn a span{display: block; background:url(../../images/app/btn_exdown.png) no-repeat right center}
.regist_form .extb_filebx .extb_btn a:hover{background: #2b716d}
.regist_form .excel_extb{margin-top: 5px}
.regist_form .excel_extb table{overflow: hidden; width: 100%; margin-top: 5px; font-weight:600}
.regist_form .excel_extb table thead th {position: relative; line-height:150%; padding:3px; background: #eeeeee; border:1px solid #e1e1e1; vertical-align:middle;text-align:center; font-size:14px; vertical-align: middle; line-height: 140%}
.regist_form .excel_extb table thead th span.partcell{display: block; position: absolute; bottom:5px; right: 5px; width: 100%; height: 100%; background:url(../../images/app/extb_bg.gif) no-repeat right bottom; font-size: 0}
.regist_form .excel_extb table tbody th, .regist_form .excel_extb table tbody td {position: relative; padding:5px 4px; background:#fff; border:1px solid #e2e2e2; border-top: none; font-size: 14px; color:#363636; font-weight: 500; line-height:140%; vertical-align: middle; text-align: center}
.regist_form .excel_extb table tbody th{background: #eeeeee}
.regist_form .excel_extb thead span.extit {display: block; font-weight: 400; font-size: 13px}




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

/** select공통사항 지정영역 **/
select.sel_base{height:30px; font-size: 13px}

/** input 공통사항 지정영역 **/ 
input::placeholder, textarea::placeholder {font-size: 13px}
.input_base{ width: 100%; height: 30px}

/** 파일첨부 추가 스타일 (개별업로드) **/
.file_upload{padding-right: 127px}
#file_box_{height: 30px} 
#_upload_file { height: 30px}
.file_upload .newfileup{width: 120px; height:30px; line-height: 30px}

/*라디오 커스텀*/
.radio_custom_box{gap:5px; justify-content: space-between}
.radio_custom_box > div{width: 100%}
.radio_custom_box label{width: 100%}

/*신청상태*/
.state_type{width:72px; height: 22px; line-height: 24px; margin: 0; font-size: 13px}

/*센터예약신청 학교검색*/
button.schFind{height: 30px}

/**하단버튼 리스트**/
/*하단버튼 공통 (button)*/
button.btntype2{min-height: 35px; padding: 5px 10px}
button.btntype2 span{padding: 0 0 0 10px}

/*짧은 조건검색*/
.half_topline{display: block; margin-bottom: 15px}
.half_topline .detail_topwrap{min-width:100%}
/*예약표시 예시리스트*/
.half_topline .reserv_exlst{padding:10px 10px 0}
.half_topline .reserv_exlst ul{justify-content: center}
/*짧은 조건검색:전체 건수 표시*/
.half_topline.tline_page {text-align: center}
.half_topline.tline_page .page_situ{display: inline-block; margin: 10px 0 0 15px}
/*짧은 조건검색:전체 건수 표시 포함되는 조건검색*/ 
.half_topline.tline_page .detail_topwrap{margin-top: 10px; background:#f3f3f3}
.half_topline.tline_page .detail_topwrap .detail_tit{background: #f3f3f3}

/*컨텐츠 하단 버튼 공통 스타일*/
.lst_btmbx ul{display: block}
.lst_btmbx ul li{margin-bottom: 5px}
.lst_btmbx ul li:last-child{margin-bottom: 0}
.lst_btmbx ul li p{display: flex; flex: 1}
.lst_btmbx ul li p button{width:100% !important; min-width: 80px; font-size: 13px}
/*전체선택/해제(input인 경우)*/
p.allchkbtn{justify-content: space-between}  
p.allchkbtn input[type="checkbox"]{margin: 5px 0}
p.allchkbtn span{display:block; padding-top: 3px}

/*페이지 하단 버튼 공통 스타일*/
.regist_btm{padding-top: 15px; margin: 15px 0 0}
.regist_btm .btm_txt{margin-bottom: 10px; font-size: 1.077em}
.regist_btm .btm_txt span{padding:3px 0 3px 23px; background-size: 16px}
.regist_btm .btnlst{display: flex}
.regist_btm .btnlst li{flex: 1}
.regist_btm .btnlst button{width: 100%; height: 40px; font-size: 14px}

/***목록 리스트 표 형태***/
/*테이블 레이아웃*/
.sport_table {border-collapse:collapse; table-layout:auto; font-family:NSQ}
.sport_table table{width: 100%; border-bottom: 2px solid #e2e2e2; font-weight:600}
.sport_table colgroup{display: none}
.sport_table thead th {display: none; letter-spacing: -1px}
.sport_table thead th:first-child{width: 30px}
.sport_table thead th.all_view{display: table-cell} 
.sport_table tbody td{display: none}
.sport_table tbody th.all_view,
.sport_table tbody td.all_view {display: table-cell} 
/*모바일 목록(모바일에서만 나옴)*/
.sport_table .total_lst{display:block}
/*예약신청 테이블인 경우 (셀 오버)*/
.sport_table.reserv_table tbody tr:hover td,
.sport_table.reserv_table tbody tr:hover th{background: none}

/*센터 예약신청-달력화면*/
/*공휴일*/
.cal_table tbody td.holiday .holitxt{font-size: 10px}
/*모바일 표 스크롤*/
.caltb_scroll{overflow-x: scroll; position: relative; margin-bottom: 20px}
.caltb_scroll table {min-width:1050px}
.caltb_scroll .cal_table {margin-bottom:0}
.caltb_scroll::-webkit-scrollbar {height: 10px}
.caltb_scroll::-webkit-scrollbar-track {background-color: rgba(0, 0, 0, 0.05); border-radius:0 0 5px 5px; box-shadow: inset 0px 0px 0px white}
.caltb_scroll::-webkit-scrollbar-thumb {background-color: #a7a7a7; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent}
    
/*예약신청*/
.regist_form{margin-bottom: 20px}   
.regist_form > ul > li dl{display: block}
.regist_form > ul > li dl dt{width: 100%; padding: 5px; margin-bottom: 5px; font-size: 1.077em}
.regist_form > ul > li dl dd{width: 100%; font-size: 1.077em}
.regist_form > ul > li dl dd .fix_txt{padding:3px 0; text-align: center}
.regist_form .radio_box{padding: 5px}
.regist_form .radio_box > p{margin-bottom: 5px}
/*신청폼 Full 스타일*/
.regist_form .lst_full{margin-bottom: 20px}
    
/*개인정보이용동의 항목*/
.regist_form ul li.agree_type dl dt br{display: none}
/*PC화면에서 인풋 노출(절반만 보임)*/ 
.regist_form .input_half{width: 100%}
/*인풋 여러개 항목*/ 
.regist_form .input_lst{width: 100%}
/*인풋 설명 제목있을 경우*/ 
.regist_form .input_name .ipname_bx span{ font-size: 12px}
    
/*참가신청*/
/*참가신청 절차*/
.reqstep_wrap {gap:15px; margin-top: 15px}
.reqstep_wrap .step_bx::after{display: none}
.reqstep_wrap .step_num{font-size:15px}
.reqstep_wrap .step_txt{height: 50px; padding: 0 15px; font-size: 1.077em} 
/*참가서식 다운로드*/
.reqdown_btn{margin: 10px 0 20px}
.reqdown_btn a{font-size: 14px}
.reqdown_btn a span.down_tit{padding:6px 0 6px 33px; margin-left: 5px}
.reqdown_btn a span.down_btn,
.reqdown_btn a:hover span.down_btn{width: 100px; padding:0 10px; background-position: right 10px center; background-size: 18px}
/*종목선택*/
.event_pickbx{margin-bottom: 20px}
.event_pickbx ul{gap:10px}
.event_pickbx ul li{min-width: 90px; height: 65px}
/*참가정보 입력*/
.event_contbx{margin-bottom: 20px}
.event_contbx::after{background-size:200px} 
.event_cont .event_tit{font-size: 15px}
/*신청폼*/ 
.event_cont .regist_form > ul > li dl{display: flex}
.event_cont .regist_form > ul > li dl dt{font-size: 13px}
.event_cont .regist_form > ul > li dl dd{font-size: 13px}  

/*신청기간 안내*/
.app_periodbx{margin-bottom: 15px; padding-bottom: 17px}
.app_periodbx dl dt{font-size: 14px}
.app_periodbx dl dt span{padding: 2px 0 0 30px}
.app_periodbx dl dd{font-size:1.154em}

/*엑셀등록-파일등록 예시 화면*/
.regist_form .excel_extb table thead th {font-size:12px}
.regist_form .excel_extb thead span.extit {font-size: 12px}
.regist_form .excel_extb table tbody td{font-size: 13px}
}

/* ======================================= PC LAYOUT ======================================= */
@media only screen and (min-width:1081px) {
/********************** COMMON **********************/
.skip_navi .mb_skip{display:none}
}


/* ======================================= LOWSET FIX ======================================= */
@media only screen and (min-width:1081px) and (max-width:1330px) {
}
@media only screen and (max-width:775px) {
/*하단 게시물 상태 변경*/
.btm_changebox .sel_change{display: block; gap:0}
.btm_changebox .chg_tit{margin-bottom: 8px; font-size: 13px}
.btm_changebox .chg_tit span{display: inline-block}
.btm_changebox .chg_txt{display: none}
.btm_changebox .chg_bx{display: block; gap:0}
.btm_changebox .chg_bx select{max-width:100%; margin:0 0 8px}
.btm_changebox .chg_btn{margin-top: 8px}
.btm_changebox button.btn_change{width: 100%; height: 26px; margin-bottom: 10px} 
.btm_changebox .back_calendar a{width:100%; height: 26px; padding: 0 10px}
}

@media only screen and (max-width:870px) {
/*참가신청*/
/*참가정보 입력*/   
.event_cont.on{display:block; border: 2px solid #56b8fd; background: #fff}
.event_cont.on .event_tit{width: 100%; background: #56b8fd; align-content: space-around; color:#fff; font-size: 16px; text-align: center}
.event_cont.on .event_tit span{display: block; padding: 5px; background: none !important}
.event_cont.on .regist_form{width: auto}
}

@media only screen and (max-width:700px) {
/*조건검색-모바일에서는 기본으로 닫아져 있음*/
.detail_topwrap .detail_tit{position: relative; padding:8px 8px 8px 30px; background:url(../../images/app/ico_detail_mb.png) no-repeat left 8px center #8a8f97; text-align:left; cursor: pointer; color:#fff}
.detail_topwrap .detail_tit::after{display: block; content:''; clear: both; position: absolute; top:7px; right:7px; width: 46px; height: 22px; background:url(../../images/app/detail_mb_arw.png) no-repeat center #fff; border-radius: 50px}
.detail_topwrap .detail_tit.on::after{background:url(../../images/app/detail_mb_arw_a.png) no-repeat center #fff}
.detail_topwrap .detail_tit > span{padding-left:0; background:none}
.detail_topwrap .detail_tit span.pc_txtnone{display:inline-block; margin-left: 3px}
.detail_topwrap .detail_selbx{display: none; padding: 8px}
.detail_topwrap .srch_wrap{display:block} 
.detail_topwrap .detail_tit{font-size: 15px}
.detail_topwrap .detail_btn{margin:8px 0 0; text-align: center} 
.detail_topwrap .detail_btn > p{flex: 1}
.detail_topwrap .detail_sel > div.input_box{min-width:100%}

/*짧은 조건검색*/
.half_topline{border:none; margin-bottom: 20px}
.half_topline .detail_topwrap{margin: 0; background: #f3f3f3}
/*짧은 조건검색:전체 건수 표시*/
.half_topline.tline_page .page_situ{margin:0}
/*짧은 조건검색:전체 건수 표시 포함되는 조건검색*/ 
.half_topline.tline_page .detail_topwrap .detail_tit{background:url(../../images/app/ico_detail_mb.png) no-repeat left 8px center #8a8f97}

/*짧은 조건검색 타입2*/ 
.half_topline.type2{padding: 10px 0 0}
.half_topline.type2 .page_situ{margin: 0 0 0 10px}
.selview_topwrap p.detail_btn button{min-width:40px}

/**상세검색 버튼**/
/*하단버튼 공통 (button)*/
p.detail_btn button{width: 100%; padding: 5px}

/*센터 예약신청-달력화면*/
/*월간 표시*/
.month_view{margin:18px 0 20px}
.month_view .date{font-size: 20px}
.month_view .date_btn li{top:-3px}
.month_view li.btn_dtprev{margin-left: -110px}
.month_view li.btn_dtnext{margin-right: -110px}
.month_view .date_btn button{width: 30px; height: 30px; background-size: 10px}
/*예약표시 예시리스트*/
.half_topline .reserv_exlst{padding:10px; border-top:2px solid #f3f3f3}
.half_topline .reserv_exlst ul{justify-content: center}
.half_topline .reserv_exlst ul li span{font-size: 14px}
}

@media only screen and (max-width:615px) {
/*참가신청*/
/*신청폼*/ 
.event_cont .regist_form > ul > li dl{display: block}
.event_cont .regist_form > ul > li dl dt,
.event_cont .regist_form > ul > li dl dd{width: 100%}

/*참가일정등록*/
.regist_form .mb_fullip{display: block}
.regist_form .mb_fullip > div{margin-bottom: 3px}
.regist_form .mb_fullip > div:last-child{margin-bottom: 0}
}

@media only screen and (max-width:510px) {
/*신청기간 안내*/
.app_periodbx dl{display: block}
.app_periodbx dl dt{margin: 0 auto 15px} 
.app_periodbx dl dd{text-align: center}
}

@media only screen and (max-width:470px) {
/*예약신청*/
/*인풋 설명 제목있을 경우*/ 
.regist_form .input_name .ipname_bx{display: block}
.regist_form .input_name .ipname_bx span{width: 100%; padding: 3px 0}
.regist_form .input_name .input_box{width: 100%}
}

@media only screen and (max-width:400px) {
/*신청폼 상단 필수입력문구*/
.regist_top{display:block; margin:5px 0 5px}
.regist_top .all_essential{padding-top: 10px; border-top:1px solid #ccc; text-align: right}
.regist_top .all_essential span{font-size: 13px}
.regist_top .sub_tit4{margin: 0 0 10px}

/*엑셀등록-파일등록 예시 화면*/
.regist_form .extb_filebx{display: block}
.regist_form .extb_filebx .extb_btn{margin-top: 5px}
.regist_form .extb_filebx .extb_btn a{ width: auto}
}