@charset "utf-8";
/* CSS Document */
/* com2zoa design KYJ 25.05.30 학교지원센터 */

/********************** 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}

/** 여백 조정 **/
.mrbt7{margin-bottom: 7px}

/* 폰트에서 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: 8px}
.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: 100%; min-height: 35px; padding: 5px 25px 5px 5px; background:url(../../images/app/ico_selarw.png) right 11px center no-repeat #fff; border:1px solid #e4e4e4; border-radius: 5px; 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{display: block; width: 100%; min-height: 100px; padding: 5px; border-radius: 5px; border:1px solid #e4e4e4; box-sizing: border-box}

/** radio공통사항 지정영역 **/ 
.radio_box .radio_item{margin: -4px 4px 0 2px }
.radio_box label{font-family:NSQ}
.regist_form .radio_box label{font-family:NSQ}
.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: #5db5de; color: #fff}
.radio_custom label:hover {color: #666}

/** 파일첨부 추가 스타일 (개별업로드) **/
.file_upload{position: relative; padding-right: 125px; box-sizing: border-box}
#file_box_{width: 100%; height: 35px} 
#_upload_file {position:absolute; top:0;left:0; width: 100%; height: 35px; opacity:0; filter:alpha(opacity=0); z-index:1; cursor: pointer}
.file_upload .newfileup{position:absolute; top:0; right:0; display:block; width: 120px; height:35px; line-height: 35px; background:#5db5de; border-radius: 5px;; color:#fff; text-align: center; box-sizing: border-box; transition: all .3s}
.file_upload:hover .newfileup{background: #3188b1}
/*기존파일 삭제*/
.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 스타일 변경 **/ 
input[type="checkbox"] {height: 15px; width: 15px; margin: -1px 5px 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}

/** 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: 100%; min-height: 35px; padding: 3px; border:1px solid #e4e4e4; border-radius: 5px; 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: 10px; background: #f7f7f7; border-radius: 8px}
.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;  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}

/** 보기검색 **/
.selview_half{display: flex; justify-content: space-between; padding: 15px 0; margin-top:10px; border-top:2px solid #e3e3e3}
.selview_half .selview_topwrap{min-width:300px; margin: 0; border: none}
.selview_half .selview_topwrap.long_type{min-width:800px}
.selview_topwrap .selview_bx{display: flex; gap:5px; width: 100%; box-sizing: border-box}
.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:80px}
.selview_topwrap .selview_sel > div.input_box{min-width:80px} 

/** 버튼지정영역 **/
button{border-radius: 5px; 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.selview_btn button{display: block; width: 100%; height: 100%; color:#fff; background: none; border-radius: 5px; font-size: 14px; font-weight:500; text-align: center; box-sizing: border-box}
/*보기,검색*/
p.btn_view button{width: 42px; background:url(../../images/app/btn_view.png) no-repeat center #a9a9a9; font-size: 0; text-indent: -9999px} 
p.btn_view button:hover{background-color: #5b5b5b}

/** 조건검색 버튼 **/
p.detail_btn{height: 100%}
p.detail_btn button{display: block; width: 100%; height: 100%; color:#fff; background: none; border-radius: 5px; font-size: 14px; font-weight:500; text-align: center; box-sizing: border-box}
/*보기,검색*/
p.btn_srch button{width: 60px; background: #4c5459} 
p.btn_srch button:hover{background: #2078a5}
/*초기화*/
p.btn_reset button{width: 60px; background: #c95040} 
p.btn_reset button:hover{background: #ea513d}

/** 하단버튼 리스트 **/
/*하단버튼 공통 (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: 3px 0 3px 70px}
/*컨텐츠 하단 버튼 공통 스타일*/
.lst_btmbx{margin-bottom: 20px; padding-top: 20px; border-top:2px solid #f1f1f1}
.lst_btmbx ul{display: flex; justify-content: space-between}
.lst_btmbx ul li{display: flex; flex-wrap: wrap; gap:10px} 
/*선택삭제*/
button.btn_seldel{background: #98a3ab} 
button.btn_seldel span{background:url(../../images/app/btn_seldel.png) no-repeat left center}
button.btn_seldel:hover{background: #68737b}
/*지원서등록*/
button.btn_registuser{background: #3ca3de} 
button.btn_registuser span{background:url(../../images/app/btn_registuser.png) no-repeat left center}
button.btn_registuser:hover{background: #2778a7}

/** 페이지 하단 버튼 공통 스타일 **/
.regist_btm{padding: 25px 0; margin: 30px 0 0; border-top:2px solid #e7e7e7}
.regist_btm.btm_type2{margin: 15px 0 30px}
.regist_btm.brdt_none{margin-top: 10px; border-top: none}
.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; border-radius: 13px; font-size: 16px; color:#fff; font-weight: 500}
.regist_btm .check_box{margin-bottom: 20px; text-align: center; font-size: 14px}
/*확인*/
.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_recruit{background: #3ca3de}
.regist_btm .btnlst button.btn_recruit:hover{background: #2a698d}
/*전체목록*/
.regist_btm .btnlst button.btn_alllst{background: #bcbcbc}
.regist_btm .btnlst button.btn_alllst:hover{background: #8c8c8c}
/*입력초기화*/
.regist_btm .btnlst button.btn_reset{background: #bcbcbc}
.regist_btm .btnlst button.btn_reset:hover{background: #8c8c8c}
/*등록완료*/
.regist_btm .btnlst button.btn_finish{background: #3ca3de}
.regist_btm .btnlst button.btn_finish:hover{background: #2a698d}
/*임시저장*/
.regist_btm .btnlst button.btn_oppsave{background: #bcbcbc}
.regist_btm .btnlst button.btn_oppsave:hover{background: #8c8c8c}
/*지원서 제출, 지원서 등록*/
.regist_btm .btnlst button.btn_submit{background: #3ca3de}
.regist_btm .btnlst button.btn_submit:hover{background: #2a698d}
/*입력초기화*/
.regist_btm .btnlst button.btn_oppreset{background: #bcbcbc}
.regist_btm .btnlst button.btn_oppreset:hover{background: #8c8c8c} 
/** 목록버튼 **/
.support_table button{height: 28px; background: none}
/*채용지원-제출하기*/
button.support_apply{width: 70px; border:1px solid #ff7f65; background: #fff; color:#ff4620}
button.support_apply:hover{background: #ffded6}
/*채용지원-지원마감*/
button.support_close{color:#7e7e7e} 
/*채용지원-제출완료*/
button.support_finish{color:#6dbe1d} 
/*나의 지원 현황-지원서 제출*/
button.support_apply2{width: 100%; border:1px solid #ff7f65; background: #fff; color:#ff4620}
button.support_apply2:hover{background: #ffded6}
/*신청하기*/
button.reserv_apply{width: 104px; background: #ff5d59; color:#fff}
button.reserv_apply:hover{background:#c93632}
/*지원서확인*/
button.apply_check{width: 100%; background: #2f92d7; color:#fff}
button.apply_check:hover{background:#26648f}
/*수정*/
button.result_modi{background: #ff6c5d; color:#fff}
button.result_modi:hover{background:#d14a3c}
/*복사*/
button.result_copy{background: #3f95cc; color:#fff}
button.result_copy:hover{background:#25658e}
/*삭제*/
button.result_del{background: #c8c8c8; color:#fff}
button.result_del:hover{background:#a1a1a1}
/*지원서확인*/
button.apply_view{width: 90px; background: #79b31f; color:#fff}
button.apply_view:hover{background:#5b8913}
/*사용자 지원서 확인*/
button.apply_userview{width: 42px; height: 42px; background:url(../../images/app/apply_userview.png) no-repeat center #52aded; border-radius: 50px; font-size: 0; text-indent: -9999px}
button.apply_userview:hover{background-color:#7cb63e}
/*모바일 표 사용자 지원서 확인*/
.reserv_mbtop button.apply_userview{width: 50%; height: 24px; background-image: none; border-radius: 5px; font-size: 12px; text-indent: 0; color:#fff}
/*지원서취소*/
button.apply_cancel{width: 70px; border:1px solid #bdbdbd; background: #fff; color:#000}
button.apply_cancel:hover{background:#d8d8d8}
/*지원서제출*/
button.apply_submit{width: 70px; background: #ff6041; color:#fff}
button.apply_submit:hover{background:#ce4024}
/*지원서다운*/
button.apply_down{width: 70px; background: #67b94b; color:#fff}
button.apply_down:hover{background:#4d9435}
/*인원수 클릭시 링크 이동*/
a.more_link{font-weight: 600; color:#249be7; text-decoration: underline; transition: all .3s}
a.more_link:hover{color:#ff2c27}
/*목록버튼 리스트 일경우*/
.result_btnlst{display: flex; gap:10px}
.result_btnlst li{align-content: space-around}
.result_btnlst button{width: 58px; height: 28px; border-radius: 5px}
/*모바일 표 목록버튼 리스트 일경우*/
.support_table .reserv_mblst .result_btnlst{padding: 0; margin: 0; background: #fff; justify-content: flex-start; gap:5px}
.support_table .reserv_mblst .result_btnlst li{flex: 1; padding-bottom: 0; margin-bottom: 0; border-bottom:none}
.support_table .reserv_mblst .result_btnlst button{width:100%}

/** 등록폼 버튼 **/
.regist_form button{width: 133px; height: 35px; border-radius: 5px; color:#fff; box-sizing: border-box}
/*학교검색*/
button.srch_sch{background: #5db5de}
button.srch_sch:hover{background: #3188b1}
/*주소검색*/
button.srch_address{background: #5db5de}
button.srch_address:hover{background: #3188b1}
/*항목추가*/
button.addcate_more{padding:0 15px; background:url(../../images/app/addcate_more.png) no-repeat right 13px center #ff7459; text-align: left}
button.addcate_more:hover{background-color: #bb3c24}
/*항목삭제*/
button.addcate_del{padding:0 15px; background:url(../../images/app/addcate_del.png) no-repeat right 13px center #7f7f7f; text-align: left}
button.addcate_del:hover{background-color: #4b4b4b}

/** 모집상태 **/ 
.state_type{display: block; width:96px; 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: #d182ff}/*예정*/
.state_type.state2{background: #ff6946}/*접수중*/
.state_type.state3{background: #a5a5a5}/*접수마감*/
.state_type.state4{background: #78b939}/*서류심사완료*/
.state_type.state5{background: #3096d1}/*채용완료*/
.state_type.state6{background: #f0f0f0; color:#919191}/*공고취소*/

/** 열람상태 **/  
.opstate_type{display: block; font-weight: 700; font-size: 13px}
.opstate_type span.opstate_date{display: block; color:#969696; font-size: 12px; font-weight: 500}
.opstate_type span.opstate1{color: #ff4545}/*미열람*/
.opstate_type span.opstate2{color: #2f92d7}/*열람*/

/** 채용상태 **/
.empstate_type{display: block; font-weight: 700; font-size: 13px}
.empstate_type.empstate1{color:#afafaf} /*미평가*/
.empstate_type.empstate2{color:#78b939} /*서류심사완료*/
.empstate_type.empstate3{color:#3096d1} /*최종합격*/
.empstate_type.empstate4{color:#000} /*불합격*/
.empstate_type.empstate5{color:#ff6946} /*임시저장*/

/** 하단 게시물 상태 변경 **/
.btm_changebox{padding: 10px; border:2px solid #e4e4e4} 
.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_txt{font-size: 14px; align-content: space-around} 
.btm_changebox button.btn_change{display: block; width: 100px; height: 100%; background: #4c5459; border-radius: 5px; font-size: 14px; font-weight:500; text-align: center; box-sizing: border-box; color:#fff}
.btm_changebox button.btn_change:hover{background: #2078a5}

/** 전체 건수 표시 **/
.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}
.selview_half .page_situ{margin: 0}

/** 지원자 현황 표시 **/
.volunteer_situ{margin: 0 0 15px; padding-left:23px; background:url(../../images/app/ico_volunteer.png) no-repeat left center; font-size: 14px; align-content: space-around}
.volunteer_situ span{display: inline-block; font-weight: 600; color:#ff6136}
.selview_half .volunteer_situ{margin: 0}

/** 기간제 목록 상단분류탭 **/
.pro_tabbx{margin-bottom: 10px; border-bottom: 1px solid #e3e3e3}
.pro_tabbx .tabbx_tit{display: none}
.pro_tabbx ul{display: flex; justify-content:space-between; gap:15px}
.pro_tabbx ul li{position: relative; width: 100%; background: #f00; border-radius: 13px 13px 0 0; background: #efefef; border:1px solid #efefef; border-bottom: none; box-sizing: border-box; transition: all .3s}
.pro_tabbx ul li a{position: relative; display: block; width: 100%; height: 100%; padding:13px 10px; box-sizing: border-box}
.pro_tabbx ul li a span{font-weight: 700}
.pro_tabbx ul li a::after{display: block; clear: both; content: ''; position: absolute; right:9px; top:13px; width: 30px; height: 21px; border-radius: 50px; background:url(../../images/app/pro_tabarw.png) no-repeat center center #fff; box-shadow:0 1px 1px rgba(0, 0, 0, 0.1); transition: all .3s}
.pro_tabbx ul li br{display: none}
/*오버스타일*/
.pro_tabbx ul li.on,
.pro_tabbx ul li:hover{background: #fff; border-color:#e3e3e3}
.pro_tabbx ul li.on span,
.pro_tabbx ul li:hover span{color:#ff4836}
.pro_tabbx ul li.on a::after,
.pro_tabbx ul li:hover a::after{background:url(../../images/app/pro_tabarw_a.png) no-repeat center center #ff887c}
.pro_tabbx ul li.on::before,
.pro_tabbx ul li:hover::before{display: block; clear: both; content: ''; position: absolute; right:0; bottom:-1px; width: 100%; height: 1px; background: #fff}
/*공고지원자관리 (관리자 또는 학교담당자가 등록한 공고인 경우)*/
.pro_tabbx ul li.pick_adm{background: #3395cd}
.pro_tabbx ul li.pick_adm a{color:#fff}
.pro_tabbx ul li.pick_adm.on,
.pro_tabbx ul li.pick_adm:hover{background: #175071; border-color:#e3e3e3}
.pro_tabbx ul li.pick_adm.on span,
.pro_tabbx ul li.pick_adm:hover span{color:#fff833}

/** 목록 리스트 표 형태 **/
/*테이블 레이아웃*/
.support_table {border-collapse:collapse; table-layout:auto; border:1px solid #e2e2e2; border-left:none}
.support_table table{width: 100%; border-bottom: 2px solid #e2e2e2; font-weight:600}
.support_table thead th {position: relative; line-height:150%; padding:6px; background: #4c5459; 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%}
.support_table tbody th,
.support_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}
.support_table tbody th{font-weight: 600}
.support_table thead th.bg_cell{background: #99a0ad}
.support_table .result_btnlst{justify-content: center}
.support_table tbody td.nodata{padding:130px 0 20px; background:url(../../images/app/tb_nodata.png) no-repeat center top 15px}
.support_table tbody td.txleft{text-align:left}
.support_table input[type="checkbox"]{margin: 0}
/*모바일 목록(모바일에서만 나옴)*/
.support_table .total_lst{display: none}
/*모바일 표시 메뉴*/
.support_table .total_lst dl{display: flex; gap:5px; font-size:13px}
.support_table .total_lst dl dt{width: 30%; min-height: 24px; background: #efefef; align-content: space-around; border-radius: 5px; letter-spacing: -0.5px}
.support_table .total_lst dl dd{width: 70%; text-align: left}
.support_table .total_lst.game_matchlst dl dd{ text-align: center}
.support_table .total_lst li{padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #efefef}
.support_table .total_lst li:last-child{margin-bottom: 0; padding-bottom: 0; border-bottom: none}
.support_table .reserv_mbtop{padding: 5px; background: #efefef; border-radius: 5px; margin-bottom: 5px}
.support_table .reserv_mbtop dl dt{background: #4c5459; border-radius: 5px; color:#fff} 
.support_table .reserv_mbtop li{border-bottom-color:#d1d1d1}
.support_table .reserv_mblst{padding: 5px; border-radius: 5px; border:2px solid #efefef}
.support_table .reserv_mblst span.time_type{display:inline-block; margin: 0 5px 0 0; height:17px}
.support_table .reserv_mblst span.time_txt{display:inline-block; margin-left: 5px} 

/** 등록 폼 상단 필수입력문구 **/
.regist_top{display: flex; justify-content: space-between; margin:25px 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 > ul > li{display: flex; gap:10px; padding: 8px 0; border-radius: 5px; border-bottom:1px solid #ebebeb; font-size: 1.077em}
.regist_form > ul > li:last-child{border-bottom:none}
.regist_form > ul > li dl{display: flex; flex: 1; gap:10px}
.regist_form > ul > li dl dt{min-width: 153px; min-height: 35px; padding:8px 5px; background: #4c5459; border-radius: 5px; text-align: center; color:#fff; font-weight: 600; align-content: space-around; box-sizing: border-box}
.regist_form > ul > li dl dd{position: relative; width: 100%; word-break: keep-all; align-content: space-around; line-height: 150%}
.regist_form .input_box{display: flex; gap:5px}
.regist_form .input_box span{align-content: space-around}
.regist_form.fix_regist{margin-top: 25px; padding-top: 15px; border-top: 2px solid #ebebeb}
.regist_form.sch_regist{padding: 5px 0; border-top:2px solid #4c5459; border-bottom: 2px solid #4c5459}
.regist_form.sch_regist ul li dl dt{background: #ededed; color:#000}
.regist_form.user_regist{padding: 5px 0;border-top:2px solid #4c5459; border-bottom: 2px solid #4c5459}

/* 인풋 여러개 항목 */ 
.regist_form .input_lst{display: flex; gap:5px}
.regist_form .input_lst > div{flex: 1;}

/* 라디오 스타일 */
.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 .secret_check{width: 100px; background: #f7f7f7; align-content: space-around; text-align: center; border-radius: 5px}

/* 기본내용 표시 체크박스 타입 (다중,단일등록 버튼 포함) */
.basic_morebtn{display: flex; justify-content:end; padding: 8px; margin-bottom: 15px; background: #f5f5f5; border-radius: 5px}
.basic_morebtn .check_box{align-content: space-around}
.basic_morebtn ul{display: flex; gap:10px}
.basic_morebtn button{width: 167px; height: 38px; padding: 0 20px; border-radius: 50px; background-position: right 20px center; background-repeat: no-repeat; color:#fff; font-size: 15px; font-weight: 600; text-align: left; box-sizing: border-box}
.basic_morebtn button.more_single{background-image:url(../../images/app/more_single.png); background-color: #abb1b5}
.basic_morebtn button.more_single:hover{background-color: #6b767e}
.basic_morebtn button.more_multi{background-image:url(../../images/app/more_multi.png); background-color: #ff5955}
.basic_morebtn button.more_multi:hover{background-color: #d23c39}

/* 다중등록 클릭시 추가되는 내용박스인 경우 */
.employ_notibx .regist_form {margin-top:15px; border-radius:8px; border:2px solid #4d5d68} 
.employ_notibx .regist_form ul li {padding: 8px}
.employ_notibx .regist_form ul li dl dt{background: #ededed; color:#000}
.employ_notibx .empdel_bx{padding: 10px; background:#4d5d68; text-align: center}
.employ_notibx .empdel_bx button.emp_delete{width:138px; height: 34px; background: #5b6c77; border-radius: 50px; color:#fff; font-weight: 600; box-shadow:0 1px 1px rgba(0, 0, 0, 0.2)}
.employ_notibx .empdel_bx button.emp_delete span{padding-right: 20px; background:url(../../images/app/emp_delete.png) no-repeat right center}
.employ_notibx .empdel_bx button.emp_delete:hover{background: #ff5955}

/** 약관동의 **/
.terms_wrap{padding: 20px 0 20px; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb}
.terms_wrap .terms_tit{display: flex; justify-content: space-between}
.terms_wrap .terms_tit label{color:#828282}
.terms_wrap .terms_line{position: relative; margin-bottom: 13px}
.terms_wrap .terms_line:last-child{margin-bottom: 0}
/*모두동의*/
.terms_wrap .all_checkbox{display: flex; justify-content: flex-end; margin:0 0 10px; padding:0 5px 10px; background: url(../../images/app/bg_dotted.png) repeat-x left bottom}
/*체크박스 label 변경*/
.checkbox_item label{position: relative; display: inline-block; padding-left: 28px; line-height: 22px; font-weight: 500; font-size:14px; transition: .2s}
.checkbox_item label::before{display: block; clear: both; content: ''; position: absolute; left:0; top: 0; width: 22px; height: 22px; background: url(../../images/app/icon_checkbox.png) no-repeat}
.checkbox_item input[type="checkbox"]{display: none}
.checkbox_item input[type="checkbox"]:checked + label{color: #43a4ff}
.checkbox_item input[type="checkbox"]:checked + label::before{background: url(../../images/app/icon_checkbox_a.png) no-repeat}
/*전문보기 버튼*/
.terms_line .all_terms{position: absolute; right: 0; top:-3px; display: inline-block; padding: 6px 40px 4px 15px; border-radius: 50px; background: url(../../images/app/icon_terms.png) no-repeat right 15px center #4d5d68; color:#fff; font-weight: 500; transition: .2s}
.terms_line .all_terms.on{background: url(../../images/app/icon_terms_a.png) no-repeat right 15px center #43a4ff}
/*전문보기*/
.terms_wrap .terms_tb{overflow-y: auto; display: none; height: 200px; margin: 10px 0 0; padding: 8px; border-radius: 5px; background: #efefef; font-size: 14px; line-height: 150%}
.terms_wrap .terms_tb .tb_tit{padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #d2d2d2; font-weight: 600}
.terms_wrap .terms_tb .tb_txt{word-break:break-all}
.terms_wrap .terms_tb > ul{word-break:break-all; margin-bottom: 15px}
.terms_wrap .terms_tb > ul li{position: relative; padding-left: 15px}
.terms_wrap .terms_tb > ul li::after{display: block; clear: both; content: ''; position: absolute; top:9px; left: 5px; width: 3px; height: 3px; background: #000}
.terms_wrap .terms_tb > ul:last-child{margin-bottom: 0}

/** 약관동의 타입2 (지원서제출 페이지) **/
.terms_cont .terms_tb{overflow-y: auto; height: 140px; padding: 10px; border-radius: 5px; background: #fff; border:1px solid #e4e4e4; font-size: 14px; line-height: 150%}
.terms_cont .terms_tb .tb_tit{padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #d2d2d2; font-weight: 600; font-size:15px}
.terms_cont .terms_tb .tb_txt{word-break:break-all}
.terms_cont .terms_tb > ul{word-break:break-all; margin-bottom: 15px}
.terms_cont .terms_tb > ul li{position: relative; padding-left: 15px}
.terms_cont .terms_tb > ul li::after{display: block; clear: both; content: ''; position: absolute; top:9px; left: 5px; width: 3px; height: 3px; background: #000}
.terms_cont .terms_tb > ul:last-child{margin-bottom: 0}
.terms_radio{margin-top: 10px} 
.terms_radio .radio_custom input[type=radio]:checked + label {border-color:#92b750; background-color: #92b750}
.terms_radio .radio_custom label{padding-left: 25px}

/** 이전공고 불러오기 **/
.bring_lstbx .bring_tit{padding: 13px 10px; border-radius: 8px; background: #4c5459; font-size: 15px; color:#fff; text-align: center; cursor: pointer}
.bring_lstbx .bring_tit span{position: relative; display: inline-block; padding-right: 70px}
.bring_lstbx .bring_tit span::after{display: block; clear: both; content: ''; position: absolute; right:0; top: -2px; width: 55px; height: 23px; background:url(../../images/app/btn_bring.png) no-repeat center #7d8c96; border-radius: 50px}
.bring_lstbx .bring_tit.on{background: #656d73} 
.bring_lstbx .bring_tit.on span::after{background:url(../../images/app/btn_bring_a.png) no-repeat center #2a363d}
.bring_lstbx .bring_lst{display: none; margin: 5px 0 0; padding:10px; border-radius: 8px; border:2px solid #656d73; background: #fff}
.bring_lstbx .bring_lst li{padding: 8px 0 0}
.bring_lstbx .bring_lst li:first-child{padding-top: 0}
.bring_lstbx .bring_lst li a{display: block; position: relative; padding: 8px; background: #f1f1f1; border-radius: 5px; transition: all .3s}
.bring_lstbx .bring_lst li a span{display: block; overflow:hidden; width: 80%; padding-left: 25px; background:url(../../images/app/ico_bring.png) no-repeat left 0; text-overflow:ellipsis; white-space:nowrap}
.bring_lstbx .bring_lst li a::after{display: block; clear: both; content: '불러오기'; position: absolute; right:5px; top:5px; width: 100px; height: 26px; line-height: 26px; border-radius: 50px; background: #656d73; text-align: center; color:#fff}
.bring_lstbx .bring_lst li a:hover{background: #c4dff2; font-weight: 600}
.bring_lstbx .bring_lst li a:hover::after{background: #296fa1}
.bring_contbx .check_box{margin: 10px; text-align: center}
 
/** 채용기간 및 키워드박스 **/
.date_keyword {border-bottom: 2px solid #d7d7d7; margin-bottom: 20px}
.date_keyword .top_period{padding: 7px 10px; border-radius: 8px; background: #4fafed; font-size: 15px; color:#fff; text-align: center}
.date_keyword .top_period span{display: inline-block; padding:3px 15px; margin-right: 10px; background: #fff; border-radius: 50px; color:#000}
.date_keyword .top_period span.brtxt{padding:0; margin:0; background:none; color:#fff}
.date_keyword > ul > li {border-bottom:1px solid #f1f1f1}
.date_keyword > ul > li:last-child{border-bottom:none}
.date_keyword ul > li > ul{display: flex; flex-wrap: wrap; gap:10px; margin: 10px}
.date_keyword ul > li > ul > li{display: inline-block; padding: 5px 10px; border-radius:5px; background: #f1f4f5; border:1px solid #e4eaec; font-size: 14px}
.date_keyword ul > li > ul > li:first-child{padding:6px 0; border-radius:0; background: none; border:none}
.date_keyword ul > li > ul > li:last-child{margin-right: 0}
.date_keyword > ul > li.top_pertxt {padding:12px 10px 12px 30px; background:url(../../images/app/all_essential.png) no-repeat 10px 50%; font-size:1.077em}

/** 항목추가 리스트 **/
.addcate_lstbx li{display: flex; gap:5px; width: 100%; margin-bottom: 7px}
.addcate_lstbx li:last-child{margin-bottom: 0}
.addcate_lstbx li .addlst_type{display: flex; flex-wrap: wrap; width: 100%}
.addcate_lstbx li .addlst_type > div{flex: 1; min-width: 100px} 
.addcate_lstbx li .addlst_btn button{width:120px; height: 100%}

/** 등록된 첨부파일 목록 **/
.view_filelst{margin-top:8px; padding:10px 8px 0; border-top:2px solid #f4f4f4}

/** 폼 내부 항목 참고안내 문구 **/
.refer_txtbx{padding: 8px; margin-top: 7px; border-radius: 5px; background: #f4f4f4}
.refer_txtbx li{position: relative; padding-left:13px; margin-bottom: 6px; font-size: 13px}
.refer_txtbx li:last-child{margin-bottom: 0}
.refer_txtbx li::after{display: block; clear: both; content: ''; position: absolute; top:6px; left:0; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 4px solid transparent; border-left: 5px solid #8a8f97}

/** 대상여부 증빙서류 박스 **/
.radio_choicebx{display: flex; gap:10px; margin-top: 7px; padding-top: 7px; border-top:1px solid #ebebeb}
.radio_choicebx span.tit{display: block; align-content: space-around; padding-left: 25px; background:url(../../images/app/ico_evidence.png) no-repeat left center}

/** 법률표시 **/
.law_wrap{position: absolute; top:6px; right:0}
.law_item{position: relative; width: 280px; text-align:right}
.law_item a.law_view{display: inline-block; padding-right: 40px; color:#ff5b45; transition:all .2s}
.law_item a.law_view::after{display: block; clear: both; content: ''; position: absolute; top:0; right:0; width:32px; height: 20px; background:url(../../images/app/ico_lawview.png) no-repeat center #ff5b45; border-radius: 50px}
.law_item a.law_view.on{font-weight: 600; color:#ff7f65}
.law_item .law_bx{display: none; position: absolute; top: 50%; right:0; width: 100%; margin-top: 22px; border: 2px solid #ff5b45; 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}
.law_item .law_bx.on{display: block} 
.law_item .law_bx::after{display: block; clear: both; content: ""; position: absolute; top: -15px; right:5px; border: 7px solid transparent;  border-top-color: #ff5b45;transform: rotate(180deg) }
.law_bx .law_tit{display: block; padding: 2px 5px; background: #ff5b45; color: #fff}
.law_bx .law_txt{ padding: 5px; line-height: 140%}
.law_txt::-webkit-scrollbar{background: #fff; width: 7px}
.law_txt::-webkit-scrollbar-thumb{background: #ddd; border: 2px solid #fff; border-radius: 12px} 
.law_item .btn_close{position: absolute; right: 4px; top: 2px; width: 20px; height: 20px; background:url(../../images/app/close_law.png) no-repeat left center}

/** 상세보기화면 **/
/*상단상태 및 접수기간안내*/
.top_statebx{display: flex; padding: 0 0 10px; border-bottom: 2px solid #ccc; gap:10px}
.top_statebx.state_bx1{border-bottom-color: #ff6946}
.top_statebx.state_bx2{border-bottom-color: #a5a5a5}
.top_statebx.state_bx3{border-bottom-color: #78b939}
.top_statebx.state_bx4{border-bottom-color: #3096d1}
.top_statebx .datebtn_bx{display: flex; width: 100%; justify-content: space-between}
.top_statebx .register_date{ align-content:space-around; font-size: 1.154em; font-weight: 600}
.top_statebx .register_date > span{padding:2px 0 3px 26px; background:url(../../images/app/ico_register.png) no-repeat left center}
/*상세보기 상단 상태표시 인 경우*/
.top_statebx .state_type{width:185px; height: 36px; align-content: space-around; font-size: 14px}
/*상세보기 타입*/
.regist_viewbx{padding: 30px 0 0}
.regist_viewbx ul li{display: flex; padding: 5px; margin-bottom: 7px; border-radius: 5px; border:1px solid #efefef; font-size: 1.077em}
.regist_viewbx ul li:last-child{margin-bottom: 0}
.regist_viewbx ul li dl{display: flex; flex: 1; gap:10px}
.regist_viewbx ul li dl dt{min-width: 153px; min-height: 35px; padding:8px 5px; background: #ededed; border-radius: 5px; text-align: center; font-weight: 600; align-content: space-around; box-sizing: border-box}
.regist_viewbx ul li dl dd{width: 100%; word-break: keep-all; align-content: space-around; line-height: 150%}
 
/**지원서 지원 현황**/
/*지원서 제출현황*/
.submit_situvx{display:flex; gap:20px; margin:30px 0; justify-content: space-between}
.submit_situvx .submit_item{width: 100%}
.submit_situvx .submit_item a{overflow: hidden; display: block; width: 100%; padding:0 10px; background: #f0f; border-radius: 13px; box-sizing: border-box; transition: all .3s}
.submit_situvx .submit_item a span{display: block}
.submit_situvx .submit_item a .num{height: 60px; line-height: 60px; font-size:32px; font-weight: 600; text-align: center}
.submit_situvx .submit_item a .tit{padding:10px; background: #ff0; border-radius: 13px 13px 0 0; font-size: 15px; font-weight: 500; text-align: center; transition: all .3s}
.submit_situvx .submit_item a:hover .tit{color:#fff; font-weight: 600}
/*미평가*/
.submit_situvx .item01 a{background: #f6f6f6}
.submit_situvx .item01 a .num{color:#000}
.submit_situvx .item01 a .tit{background: #e7e7e7}
.submit_situvx .item01 a:hover{background: #e7e7e7} 
.submit_situvx .item01 a:hover .tit{background: #9f9f9f}
/*서류심사완료*/
.submit_situvx .item02 a{background: #f4ffe9}
.submit_situvx .item02 a .num{color:#528a19}
.submit_situvx .item02 a .tit{background: #e6f6d6}
.submit_situvx .item02 a:hover{background: #e6f6d6} 
.submit_situvx .item02 a:hover .tit{background: #9eca71}
/*임시저장*/
.submit_situvx .item03 a{background: #fff0ed}
.submit_situvx .item03 a .num{color:#ff6946}
.submit_situvx .item03 a .tit{background: #ffdad3}
.submit_situvx .item03 a:hover{background: #ffdad3} 
.submit_situvx .item03 a:hover .tit{background: #ff8e79}
/*임시저장 보라색
.submit_situvx .item03 a{background: #f8efff}
.submit_situvx .item03 a .num{color:#844cab}
.submit_situvx .item03 a .tit{background: #f2e1ff}
.submit_situvx .item03 a:hover{background: #f2e1ff} 
.submit_situvx .item03 a:hover .tit{background: #cf9bf5}
*/
/*지원취소*/
.submit_situvx .item04 a{background: #f6f6f6}
.submit_situvx .item04 a .num{color:#000}
.submit_situvx .item04 a .tit{background: #e7e7e7}
.submit_situvx .item04 a:hover{background: #e7e7e7} 
.submit_situvx .item04 a:hover .tit{background: #9f9f9f}

/*지원서 제출현황*/
.support_table ul.field_lst {padding: 5px; text-align: left}
.support_table ul.field_lst > li{position: relative; padding-left: 10px; margin-bottom: 5px}
.support_table ul.field_lst > li:last-child{margin-bottom: 0}
.support_table ul.field_lst > li::after{display: block; clear: both; content: ''; position: absolute; top:6px; left:0; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 4px solid transparent; border-left: 5px solid #8a8f97}
.support_table ul.inner_lst{display: flex; flex-wrap: wrap}
.support_table ul.inner_lst li{position: relative; margin:0 7px 0 0; padding:0 7px 0 0; border-bottom:none}
.support_table ul.inner_lst li::after{display: block; clear: both; content: ''; position: absolute; top:5px; right:0; width:1px; height: 10px; background: #8d8d8d}
.support_table ul.inner_lst li:last-child::after{display: none}

 /* 지원서 폼 수정 kjh 250714 */
 .refer_etctxt {display:block; margin-top:5px; padding:7px; background:#f4f4f4; border-radius:5px}
 
 /* 지원서 목록 수정 */
.support_table tbody td .tlink {text-decoration:underline; transition:.3s}
.support_table tbody td .tlink:hover {color:#007cd7; font-weight:500}
.support_table tbody td.txtleft {text-align:left}

/*상세보기 타입 추가 */
.rg_vbox {padding:12px; margin:15px 0; border:2px solid #4d5d68; border-radius:5px}

/** 목록 리스트 표 형태 **/
/*지원현황 테이블 레이아웃*/
.state_table {border-collapse:collapse; table-layout:auto; border:1px solid #e2e2e2; border-left:none}
.state_table table{width: 100%; border-bottom: 2px solid #e2e2e2; font-weight:600}
.state_table thead th {position: relative; line-height:150%; padding:6px; background: #1684c3; 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%}
.state_table tbody th,
.state_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}
.state_table tbody th{font-weight: 600}
.state_table tbody td.nodata{padding:130px 0 20px; background:url(../../images/app/tb_nodata.png) no-repeat center top 15px}
.state_table tbody td.txleft{text-align:left}

.sprt_statewrap {padding: 15px 0; margin-top:10px; border-top:2px solid #e3e3e3}



/* ======================================= 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%}

/** 파일첨부 추가 스타일 (개별업로드) **/
.file_upload{padding-right: 95px} 
.file_upload .newfileup{width: 90px}

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

/*신청상태*/
.state_type{width:80px; height: 22px; line-height: 23px; margin: 0; font-size: 12px}

/*보기검색*/
.selview_half{display: block; padding: 10px 0} 
.selview_half .selview_topwrap.long_type{min-width:auto}
.selview_half .selview_topwrap{min-width:100%; margin:10px 0 0}

/*목록버튼 리스트 일경우*/
.result_btnlst button{width: 50px; height: 23px; font-size: 12px}

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

/*컨텐츠 하단 버튼 공통 스타일*/
.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}

/*페이지 하단 버튼 공통 스타일*/
.regist_btm{padding: 15px 0; 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}

/** 열람상태 **/  
.opstate_type span.opstate_date{display:inline-block}

/* 기본내용 표시 체크박스 타입 (다중,단일등록 버튼 포함) */
.basic_morebtn button{font-size: 14px}

/***목록 리스트 표 형태(방문상담관리의 목록과 같은 형태)***/
/*테이블 레이아웃*/
.support_table {border-collapse:collapse; table-layout:auto}
.support_table table{width: 100%; border-bottom: 2px solid #e2e2e2; font-weight:600}
.support_table colgroup{display: none}
.support_table thead th {display: none; letter-spacing: -1px} 
.support_table thead th.all_view{display: table-cell} 
.support_table tbody td{display: none}
.support_table tbody th.all_view,
.support_table tbody td.all_view {display: table-cell} 
.support_table button{height: 24px; width: 50%; font-size: 12px}
/*모바일 목록(모바일에서만 나옴)*/
.support_table .total_lst{display:block}

/**약관동의**/
/*체크박스 label 변경*/
.checkbox_item label{font-size:13px}
/*전문보기*/
.terms_wrap .terms_tb{font-size:13px}

/*기간제 목록 상단분류탭*/ 
.pro_tabbx ul li a{padding:8px 5px 30px; font-size: 12px; text-align: center; letter-spacing: -0.5px}
.pro_tabbx ul li a::after{right:5%; top:inherit; bottom:7px; width: 90%; height: 18px}
.pro_tabbx ul li br{display:block}

/*상세보기화면*/
/*상단상태 및 접수기간안내*/ 
.top_statebx .register_date{background-position:left 5px; font-size: 1.077em}
/*상세보기 상단 상태표시 인 경우*/
.top_statebx .state_type{width:100px; height: 28px; line-height: 28px; font-size: 13px}
/*상세보기 타입*/
.regist_viewbx{padding: 15px 0 0}
.regist_viewbx ul li{display: block; padding: 0; margin-bottom: 0; border-radius: 0;  border:none; font-size: 1.077em} 
.regist_viewbx ul li dl{flex:auto; padding: 5px; margin-bottom: 7px; border-radius: 5px; border:1px solid #efefef}
.regist_viewbx ul li:last-child dl{margin-bottom: 0}
.regist_viewbx ul li dl dt{min-width: 110px; min-height: 30px; padding:5px} 

/** 이전공고 불러오기 **/
.bring_lstbx .bring_tit{padding: 10px 10px; font-size: 14px}
.bring_lstbx .bring_tit span{position: relative; display: inline-block; padding-right: 50px}
.bring_lstbx .bring_tit span::after{top: 0px; width: 40px; height: 20px} 
.bring_lstbx .bring_lst li a::after{width: 60px; font-size: 12px}

/** 항목추가 리스트 **/ 
.addcate_lstbx li .addlst_btn button{width:90px; padding:0 13px 0 8px}

/** 법률표시 **/
dd.inner_bx{padding-top: 35px}
dd.inner_bx .law_item{width: 100%}

/**지원서 지원 현황**/
/*지원서 제출현황*/
.submit_situvx{gap:15px; margin:20px 0}
.submit_situvx .submit_item a{padding:0 8px; border-radius: 10px}
.submit_situvx .submit_item a .num{height: 40px; line-height: 40px; font-size:20px}
.submit_situvx .submit_item a .tit{padding:5px; border-radius: 8px 8px 0 0; font-size: 14px}
}




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

 /* 지원서 폼 수정 kjh 250714 */
 .wid300 {width:300px}
 /* 지원서 목록 수정 kjh 250714 */
.support_table .brtxt {display:block}
 
}


/* ======================================= LOWSET FIX ======================================= */
@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:970px) {
/** 등록 폼 **/
.regist_form > ul > li{display: block; padding:0; margin: 0;border-bottom:none} 
.regist_form > ul > li dl{padding:0 0 5px; margin: 0 0 5px; border-bottom: 1px solid #ebebeb}
.regist_form > ul > li:last-child dl{padding-bottom: 0; margin: 0; border-bottom: none}
.regist_form > ul > li dl dt{min-width: 90px; padding:4px; font-size: 13px} 
.regist_form > ul > li dl dd{font-size: 13px}
.regist_form .input_lst{display:block}
.regist_form .input_lst .input_box{margin: 0 0 5px}
.regist_form .input_lst .input_box:last-child{margin-bottom: 0}
.regist_form.fix_regist{margin-top: 10px; padding-top: 10px}

/* 기본내용 표시 체크박스 타입 (다중,단일등록 버튼 포함) */
.basic_morebtn{display: block; padding: 5px; margin-bottom: 10px}
.basic_morebtn .check_box{padding:5px 2px 10px; margin-bottom: 10px; border-bottom: 1px solid #d0d0d0;  text-align: center}
.basic_morebtn ul{display: flex; gap:10px}
.basic_morebtn ul li{flex: 1}
.basic_morebtn button{width: 100%; padding: 0 15px; background-position: right 15px center}

/* 다중등록 클릭시 추가되는 내용박스인 경우 */
.employ_notibx{margin-top:10px} 
.employ_notibx .regist_form ul{padding: 5px}
.employ_notibx .regist_form ul li {display:block; padding: 0; margin: 0 0 5px} 
.employ_notibx .regist_form ul li dl{margin:0 0 5px}
.employ_notibx .regist_form ul li:last-child{margin: 0}
.employ_notibx .regist_form ul li:last-child dl{margin: 0}
.employ_notibx .regist_form ul li dl dt{min-width: 90px; font-size: 13px}
.employ_notibx .empdel_bx{padding: 5px}
.employ_notibx .empdel_bx button.emp_delete{width:138px; height: 30px}

/** 약관동의 **/
.terms_wrap{padding: 15px 0 0px; border-top:none}
}

@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; font-size: 15px}
.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_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%}

/*기간제 목록 상단분류탭*/
.pro_tabbx{margin-bottom: 10px; border-bottom: none}
.pro_tabbx .tabbx_tit{display: block; position: relative; padding:8px 8px 8px 30px; border-radius: 8px; background:url(../../images/app/ico_tabbx_mb.png) no-repeat left 8px center #4c5459; text-align:left; cursor: pointer; color:#fff; font-size: 15px; font-weight: 600}
.pro_tabbx .tabbx_tit.on{border-radius: 8px 8px 0 0}
.pro_tabbx .tabbx_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}
.pro_tabbx .tabbx_tit.on::after{background:url(../../images/app/detail_mb_arw_a.png) no-repeat center #fff}
.pro_tabbx .tablst_bx{display: none; padding: 7px; background: #f7f7f7; border-radius: 0 0 10px 10px}
.pro_tabbx ul{display: block; justify-content:space-between; gap:0}
.pro_tabbx ul li{margin-bottom: 7px; border-radius: 50px; border:none; box-shadow:0 1px 1px rgba(0, 0, 0, 0.15)}
.pro_tabbx ul li:last-child{margin-bottom: 0}
.pro_tabbx ul li a{position: relative; display: block; width: 100%; height: 100%; padding:7px 10px; box-sizing: border-box; text-align: left}
.pro_tabbx ul li a span{font-weight: 700}
.pro_tabbx ul li a::after{display: block; clear: both; content: ''; position: absolute; right:10px; top:7px; width: 50px; height: 20px}
.pro_tabbx ul li br{display: none}
/*오버스타일*/ 
.pro_tabbx ul li.on::before,
.pro_tabbx ul li:hover::before{display: none} 

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

/*상세보기화면*/
/*상단상태 및 접수기간안내*/   
.top_statebx .datebtn_bx{display: block}
.top_statebx .register_date{font-size: 1.077em; text-align: center}
.top_statebx .register_date span{padding:0 0 1px 23px; background-size: 16px}
/*상세보기 상단 상태표시 인 경우*/
.top_statebx .state_type{height:auto; border-radius: 5px}
/*상세보기 버튼*/
.result_btnlst{justify-content:center; padding: 5px; margin-top: 10px; border-radius: 5px; background: #f5f5f5} 
}

@media only screen and (max-width:490px) {
/* 다중등록 클릭시 추가되는 내용박스인 경우 */
.employ_notibx .regist_form .input_lst {display: block}

/** 약관동의 **/  
/*체크박스 label 변경*/
.checkbox_item{text-align: center; letter-spacing: -0.5px}
/*전문보기 버튼*/
.terms_line .all_terms{position:inherit;top:0; display: block; margin-top: 10px}

/** 이전공고 불러오기 **/
.bring_lstbx .bring_lst li a::after{display: none}
.bring_lstbx .bring_lst li a span{width: 95%}

/** 채용기간 및 키워드박스 **/ 
.date_keyword .top_period{padding: 5px; font-size: 13px}
.date_keyword .top_period span{display: block; padding:3px 10px; margin:0 0 5px}
.date_keyword ul > li > ul{gap:7px}
.date_keyword ul > li > ul > li{padding: 5px; margin:0; font-size: 13px} 

/** 항목추가 리스트 **/
.addcate_lstbx li{display: block} 
.addcate_lstbx li .addlst_btn button{width:100%; height:35px; margin-top: 5px}

/** 대상여부 증빙서류 박스 **/
.radio_choicebx{display:block}
.radio_choicebx span.tit{margin-bottom: 5px}

/**지원서 지원 현황**/
/*지원서 제출현황*/
.submit_situvx{flex-wrap: wrap}
.submit_situvx .submit_item{width:calc(100% / 2 - 10px)}
}

@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: 20px 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}

/** 약관동의 타입2 (지원서제출 페이지) **/
.terms_radio{display: block}  
.terms_radio .radio_custom{margin-bottom: 5px}
.terms_radio .radio_custom:last-child{margin-bottom: 0}
}