@charset "utf-8";
/* ***********************************
style.css 공통 스타일 부여
* ***********************************/
.label-center {text-align: center;}
.cate-center {text-align: center;}
.cate-label {display: inline-flex; align-items: center; justify-content: center; height: 3rem; padding: 0 1.2rem; margin-bottom: 15px; font-weight: 500; border: 2px solid #333; border-radius: 20px; line-height: 1;}
.cate-label.type1 {color: #4072e5; border: 2px solid #4072e5;} /*일자리*/
.cate-label.type2 {color: #db5e00; border: 2px solid #db5e00;} /*주거*/ /*20250212*/
.cate-label.type3 {color: #de4878; border: 2px solid #de4878;} /*복지*/
.cate-label.type8 {color: #009884; border: 2px solid #009884;} /*교육*/ /*20250212*/
.cate-label.type9 {color: #a334e9; border: 2px solid #a334e9;} /*참여권리*/

/* (LAB프로그램 지원분야) type4~7, type10~12 변수명으로 변경 */
.cate-label.program_counsel {color: #4072e5; border: 2px solid #4072e5;} /*상담*/
.cate-label.program_employment {color: #4da051; border: 2px solid #4da051;} /*취업*/
.cate-label.program_foundation {color: #8d37e4; border: 2px solid #8d37e4;} /*창업*/
.cate-label.program_cultural_art {color: #a33434; border: 2px solid #a33434;} /*문화예술*/ /*20250212*/
.cate-label.program_self_reliance {color: #6D5146; border-color: #6D5146;} /*자립지원 20250514*/
.cate-label.program_psychology {color: #C2255C; border-color: #C2255C;} /*심리정서 20250514*/
.cate-label.program_capability {color: #FA5252; border-color: #FA5252;} /*능력개발 20250514*/

.cate-label.chin {color: var(--local-chin); border: 2px solid var(--local-chin);} /*처인*/
.cate-label.sj {color: var(--local-sj); border: 2px solid var(--local-sj);} /*수지*/
.cate-label.gh {color: var(--local-gh); border: 2px solid var(--local-gh);} /*기흥*/

/* LAB프로그램 공간구분 */
.cate-label.programLAB_cheoin {color: var(--local-chin); border: 2px solid var(--local-chin);} /*처인*/
.cate-label.programLAB_suji {color: var(--local-sj); border: 2px solid var(--local-sj);} /*수지*/
.cate-label.programLAB_giheung {color: var(--local-gh); border: 2px solid var(--local-gh);} /*기흥*/

/*지역 카테고리*/
.local-label {display: inline-block; height: 3rem; padding: 0.5rem 1.2rem; margin-bottom: 15px; border-radius: 20px; font-family: 'Jalnan';}
.local-label.chin {color: var(--local-chin); border: 2px solid var(--local-chin);} /*처인*/
.local-label.sj {color: var(--local-sj); border: 2px solid var(--local-sj);} /*수지*/
.local-label.gh {color: var(--local-gh); border: 2px solid var(--local-gh);} /*기흥*/

/*정책 카테고리 상태*/
.policy-state {display: inline-block; padding: 7px 15px 5px; font-size: 1.4rem; font-weight: 500; color: #fff; background-color: #959595; border-radius: 30px;}
.policy-state.ing {background-color: #6084eb;}
.policy-state.every {background-color: #ea4aa1;}
.policy-state.done {background-color: #959595;}
.policy-state.slateblue{background-color: #695ED0;}
.policy-state.darkgray{background-color:#6D6D6D}
.policy-state.orange{background-color:#ED6A24} /*20250212*/
.policy-state.crimson{background-color:#AB2C3A;}

/* LAB프로그램 신청상태 */
.policy-state.apply_pending {background-color: #6084eb;}
.policy-state.apply_approved {background-color: #ea4aa1;}
.policy-state.user_canceled {background-color: #959595;}
.policy-state.admin_canceled{background-color:#6D6D6D}
.policy-state.apply_rejected{background-color:#ED6A24} /*20250212*/

.policy-state.step1 {background-color: #62A2BE;}
.policy-state.step2 {background-color: #19698C;}
.policy-state.step3 {background-color: #022541;}

/*정책 카테고리*/
.policy-label {display: inline-block; padding: 0.5rem 1.2rem; background-color: #959595; border-radius: 30px; font-size: 1.5rem; color: #fff; font-weight: 500;}
.policy-label.job {background-color: #695ed0;}
.policy-label.home {background-color: #ED6A24;} /*20250212*/
.policy-label.edu {background-color: #00a483;}
.policy-label.welfare {background-color: #ed647b;}
.policy-label.right {background-color: #6780f3;}

/*진행상황 카테고리*/
.state-label {position: absolute; left: -25px; top: -20px; display: inline-flex; align-items: center; justify-content: center; text-align: center; width: 60px; height: 60px; border-radius: 50%; color: #fff; font-size: 1.5rem; font-weight: 500; background-color: #de4878; z-index: 1;}
.state-label.ready {background-color: #ED6A24; line-height: 1.1;} /*20250212*/
.state-label.ing {background-color: #de4878; line-height: 1.1;}
.state-label.end {background-color: #3f4e63; line-height: 1.1;}

/*진행날짜*/
.date-label {display: inline-block; padding: 5px 10px 3px; color: #fff; background-color: var(--main-color); border-radius: 15px; font-weight: bold;}
.date-label + .date {width: calc(100% - 60px); color: #555; font-size: 1.5rem;}

/*일자리정보 센터 카테고리*/
.center-label {display: inline-block; padding: 0.5rem 2rem; background-color: #fff; color: #6d7ddf; border: 1px solid #6d7ddf; border-radius: 30px; font-size: 1.5rem; text-align: center;}

/*일자리정보 지역 카테고리*/
.map-label {display: inline-block; padding: 0.7rem 1.5rem; color: #fff; font-size: 1.5rem; font-weight: 500; border-radius: 30px;}
.map-label span {display: inline-block; padding-left: 2.5rem; line-height: 1.5; background: url("../images/sub/map_ico.png") left center no-repeat; background-size: 1.7rem;}
.map-label.yongin {background-color: var(--main-color);}
.map-label.gh {background-color: var(--local-gh);}
.map-label.chin {background-color: var(--local-chin);}
.map-label.sj {background-color:var(--local-sj);}

/* 마이페이지 관심 프로그램 공간타입 */
.map-label.programLAB_giheung {background-color: var(--local-gh);}
.map-label.programLAB_cheoin {background-color: var(--local-chin);}
.map-label.programLAB_suji {background-color:var(--local-sj);}

/*타이틀 라벨*/
.tit-label {display: inline-flex; align-items: center; justify-content: center; padding: 1rem 2.5rem 0.5rem; background-color: #444; color: #fff; font-size: 2.2rem; text-align: center; border-radius: 30px; font-family: 'Jalnan';}

/*일자리정보 이력 카테고리*/
.resume-label {display: inline-block; padding: 4px 12px 2px; color: #555; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 30px;}

.info-list > li {display: flex; align-items: center;}
.info-list > li + li {margin-top: 5px;}
.info-list > li > p {width: calc(100% - 90px); margin-left: 10px; color: #555;}
.info-list > li > p .point {color: #dd4878; font-size: 2rem; font-weight: bold;}
.info-cate {display: inline-block; width: 80px; padding: 4px 10px; color: #fff; background-color: var(--main-color); font-weight: bold; border-radius: 30px; text-align: center;}

/*버튼 공통*/
.basic-btn {margin-top: 50px; display: flex; justify-content: center; gap: 10px;}
.basic-btn .btn {display: inline-flex; min-width: 150px; height: 50px; padding: 0 2rem; justify-content: center; align-items: center; text-align: center; border-radius: 12px; font-weight: bold; word-break: keep-all; background-color: #333; color: #fff;}
.basic-btn .is-default {background-color: #fff; border: 1px solid var(--main-color); color: var(--main-color);}
.basic-btn .is-active {background-color: var(--main-color); color: #fff;}

/*상세조건 검색 버튼*/
.basic-btn.search {margin-bottom: 50px;}
.basic-btn.search span {display: inline-block; min-height: 20px;}
.basic-btn.search .is-default span {padding-left: 25px; background: url("../images/sub/refresh-ico.png") left center no-repeat;}
.basic-btn.search .btn.is-active {width: 220px;}
.basic-btn.search .btn.is-active span {padding-left: 30px; background: url("../images/common/search_ico.png") left center no-repeat; background-size: 20px; filter: brightness(0) invert(1);}

/*진행상황 라벨*/
.progress-label {display: inline-flex; min-width: 7.2rem; height: 3rem; padding: 0 10px; align-items: center; justify-content: center; background-color: #723dc1; border-radius: 30px; color: #fff; font-size: 1.4rem; line-height: 1;}
.progress-label.ready {background-color: #ea4aa1;} /*모집예정*/
.progress-label.ing {background-color: #ED6A24;} /*모집중*/ /*20250212*/
.progress-label.result {background-color: #0083fe;}
.progress-label.end {background-color: #4a4a4a;} /*마감,종료*/
.progress-label.every {background-color: #54A40C;} /*상시*/ /*20250212*/

/*checkbox 커스텀*/
.check_box {display: flex; gap: 10px; align-items: center; margin-bottom: 20px;}
.check_box input[type="checkbox"] {-webkit-appearance: none; -moz-appearance: none; appearance: none; border:0; width: 24px; height: 24px; background:url("../images/sub/check-img.png") center center no-repeat; cursor: pointer;} /*20250212*/
.check_box input[type="checkbox"]:checked{background:url("../images/sub/checked-img.png") center center no-repeat; background-size: contain;}
.check_box input[type="checkbox"] ~ label{width: calc(100% - 36px); font-size: 1.7rem; font-weight: 600;}
.check_box input[type="checkbox"] ~ label .point{color:#725BC9}
.check_box input[type="checkbox"] ~ label.agree-all{font-size: 2rem;}

.agree-check {display: flex; gap: 10px; align-items: center; justify-content: center;}
.agree-check input[type="checkbox"] {-webkit-appearance: none; -moz-appearance: none; appearance: none; border:0; width: 23px; height: 23px; background:url("../images/sub/agree_check.png") center center no-repeat; cursor: pointer;}
.agree-check input[type="checkbox"]:checked {background: url("../images/sub/agree_check_on.png");}
.agree-check input[type="checkbox"] ~ label{width: auto; font-weight: 600; color:#333;}

/*radio 커스텀*/
.radio_box {margin:14px 0; display: flex; gap: 20px; align-items: center;}
.radio-box input[type="radio"] {-webkit-appearance: none; -moz-appearance: none; appearance: none; width: 16px; height: 16px; background-color: #fff; border:2px solid #959595; border-radius: 50%; cursor: pointer;} /*20250212*/
.radio-box input[type="radio"]:checked{border-color: #725BC9; background:url("../images/sub/checked-img2.png") center center no-repeat;}
.radio-box input[type="radio"] ~ label{font-size: 1.5rem; vertical-align: text-top; cursor: pointer;}

/*checkbox 신청양식 커스텀*/
.check-box {display: flex; gap: 10px; align-items: center;}
.check-box input[type="checkbox"] {-webkit-appearance: none; -moz-appearance: none; appearance: none; border:0; width: 1.8rem; height: 1.8rem; background:url("../images/sub/agree_check.png") center center no-repeat; background-size: 1.8rem; cursor: pointer;}
.check-box input[type="checkbox"]:checked{background-image: url("../images/sub/agree_check_on.png");}
.check-box input[type="checkbox"] ~ label{width: calc(100% - 3rem); font-size: 1.5rem;}

/*리스트 스타일*/
.dot-list > li {position: relative; padding-left: 10px;}
.dot-list > li + li {margin-top: 7px;}
.dot-list > li::before {position: absolute; left: 0; top: 8px; width: 5px; height: 5px; background-color: #d2d2d2; border-radius: 50%; content: '';}

.pin-list > li + li {margin-top: 20px;}
.pin-list .pin {display: inline-block; vertical-align: top; word-break: keep-all;}
.pin-list .txt {display: inline-block;}
.pin-list .txt > b {display: block; margin-bottom: 7px;}

.dia-list > li {display: flex; gap: 25px; align-items: baseline;}
.dia-list > li + li {margin-top: 15px;}
.dia-list > li > span {display: inline-block; min-width: 90px; padding-left: 26px; font-weight: bold; color: var(--main-color); background-image: url("../images/sub/purple-dia.png"); background-repeat: no-repeat; background-position: left center;}

.dash-list > li {padding-left: 12px; color: #555;}
.dash-list > li::before {display: inline-block; width: 7px; height: 2px; margin-left: -12px; margin-right: 5px; background-color: #858585; vertical-align: middle; content: '';}
.dash-list > li + li {margin-top: 10px;}

/*컨텐츠가이드*/
.guide-info {display: flex; flex-direction: column; justify-content: center; min-height: 18rem; margin-bottom: 45px; padding: 45px; background-color: #ecf9e9; background-position: right 30px bottom; background-repeat: no-repeat; border-radius: 25px;}
.guide-info .guide-txt {max-width: 780px;}
.guide-info .guide-txt p {line-height: 1.5;}
.guide-info .tit {display: block; margin-bottom: 10px; color: #2c3f28; font-size: 1.9rem; font-weight: 500; font-family: 'Jalnan';}
.guide-info.type2 {background-color: #fff6f6; background-image: url("../images/joayong/yong_hart.png"); background-position: right 30px center;}
.guide-info.type2 .tit {color: #572f2f;}
.guide-info.type3{ background-image: url("../images/sub/guide_box3.png"); background-position: right 60px bottom; background-color: #fff;box-shadow: 0px 8px 30px 0px rgba(192, 192, 192, 0.23); padding:60px 45px;}
.guide-info.type3 .tit{color:#333;}
.guide-info.type3.img4{background-image: url("../images/sub/guide_box4.png"); background-position: right 60px bottom 10px;} 
.guide-info.type4 {background-color: #f1f0ff; background-image: url("../images/sub/guide_box5.png");} 
.guide-info.type4 .tit {color: #312f46;}
/* 20250103 */
.guide-info.type5{background-color: #E2F5EE; background-image: url("../images/joayong/yong_safe2.png"); background-position: right 30px center; font-size: 1.4rem; margin-top: 30px;}
.guide-info.type5 .txt{margin-bottom: 10px; font-size: 1.7rem; font-weight: 500; color:#333;}
.guide-info.policy {margin-top: 30px; flex-direction: row; justify-content: left; align-items: center;}
.guide-info.policy .policy-img {display: flex; align-items: center; justify-content: center; width: 90px; height: 90px; margin-right: 30px; border: 0;}
.guide-info.policy .policy-img img {width: 80px;}

/*가이드 리스트*/
.line-box {padding: 30px; border: 1px solid #e5e5e5; border-radius: 30px;}
.guide-box .clover-tit {margin-bottom: 1rem;}
.mark-txt {margin-top: 1rem; color: var(--main-color);}

/*테이블스타일*/
caption {position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); margin: -1px;}
.basic-table {width: 100%; margin-top: 15px; border-top: 1px solid #333;}
.basic-table tr {border-bottom: 1px solid #dbdbdb;}
.basic-table th {padding: 10px; background: #f8f8f8; border-right: 1px solid #dbdbdb; font-weight: bold; text-align: center; vertical-align: middle;}
.basic-table td {padding: 10px; text-align: center; border-right: 1px solid #dbdbdb; vertical-align: middle;}
.basic-table .br-none {border-right: 0;}

/*공지사항안내*/
.notice-info {display: flex; align-items: center; padding: 20px 15px; margin-top: 35px; margin-bottom: 30px; background-color: #fff; border: 1px solid var(--main-color); border-radius: 15px;}
.notice-info .icon-box {width: 60px; height: 60px; margin-right: 15px; background-color: #f2f1ff; background-image: url("../images/sub/speaker_ico.png"); background-position: center; background-repeat: no-repeat; border-radius: 50%; background-size: 50px;} /*20250207*/
.notice-info .txt-box {width: calc(100% - 75px);}
.notice-info .txt-box p {letter-spacing: -1px; line-height: 1.5;}

/*컨텐츠팝업*/
.basic-popup {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; padding: 20px; flex-direction:column; justify-content: center; background-color: rgba(0, 0, 0, 0.6); z-index: 12;}
.basic-popup .popup_inner {position: relative; width: 870px; margin: 0 auto; padding: 40px; border-radius: 20px; background-color: #fff;}
.basic-popup .close-pop {position: absolute; left: 50%; transform: translateX(-50%); width: 50px; height: 50px; border: 3px solid #fff; border-radius: 50%; padding: 0; margin: 60px auto 0;}

@media all and (min-width:1280px){ 
    .basic-btn .btn:hover{box-shadow: 0 0 5px rgba(51, 51, 51,0.8);}
    .basic-btn .is-active:hover {box-shadow: 0 0 5px rgba(132, 108, 221,0.8);}
    .basic-btn .is-default:hover {box-shadow: 0 0 5px rgba(132, 108, 221,0.8);}
}

@media all and (max-width:1280px){ 
    /*진행상황 카테고리*/
    .state-label {left: -10px;}
    .cate-label {margin-bottom: 10px;}
}

@media all and (max-width:1024px){
    .line-box {padding: 20px; border-radius: 20px;}  
    .dia-list > li {flex-direction: column; gap: 10px;}
    .guide-info {padding: 20px; min-height: 15rem; margin-bottom: 25px; background-image: none !important; border-radius: 15px;}
    .guide-info.policy .policy-img {width: 60px; height: 60px; margin-right: 15px;}   
    .guide-info.policy .policy-img img {width: 60px;}
    .basic-popup .popup_inner {width: 100%; padding: 20px 15px;}
    .basic-popup .close-pop {margin: 0; left: auto; right: -20px; top: -65px;}
}

@media all and (max-width:800px){  
    .cate-label {margin-bottom: 10px;}
    .basic-btn.long .btn {min-width: auto; width: 50%; height: 55px;}
    .notice-info {position: relative;}
    .notice-info .icon-box {position: absolute; left: -5px; top: -25px; width: 40px; height: 40px; background-size: 35px;}
    .notice-info .txt-box {width: 100%;}
}

/*Mobile*/
@media all and (max-width:480px){
    .radio_box{ flex-wrap: wrap; gap: 10px;}
    .state-label {width: 50px; height: 50px; top: -15px;}
    .basic-btn {margin-top: 35px; gap: 7px;}
    .basic-btn .btn {min-width: 135px; height: 45px;}
    .basic-btn.type3 .btn {min-width: auto; flex: 1;} 
    .guide-info.policy {margin-top: 15px;}
    .guide-info.policy .policy-img {display: none;}
}

/**/
.program-label{
    display: inline-block;
    background-color: #4B81EF;    
    text-align: center;
    padding:6px 15px 4px;
    font-size: 1.4rem;
    color:#fff;
    border-radius: 20px;
    /* min-width: 70px; */
    max-width: 95px;
}
/* 디자인 dsgn*/
.program-label.dsgn{
background-image: -moz-linear-gradient( -180deg, rgb(105,94,208) 0%, rgb(53,147,184) 52%, rgb(0,199,159) 100%);
background-image: -webkit-linear-gradient( -180deg, rgb(105,94,208) 0%, rgb(53,147,184) 52%, rgb(0,199,159) 100%);
background-image: -ms-linear-gradient( -180deg, rgb(105,94,208) 0%, rgb(53,147,184) 52%, rgb(0,199,159) 100%);    
}
/* 영상 video */
.program-label.video{background-color: #EA2759;}
/* 사진 photo */
.program-label.photo{background-color: #009982;} /*20250212*/
/* 음향 sound */
.program-label.sound{background-color: #b97600;} /*20250212*/
/* 강의 lctr */
.program-label.lctr{background-color: #4B81EF;}
/* 공연 prfr */
.program-label.prfr{background-color: #419100;} /*20250212*/
/* 핸드메이드 hndm */
.program-label.hndm{background-color: #B94CC9;}
/* 공예 crft */
.program-label.crft{background-color: #A88A2D;}
/* IT it */
.program-label.it{background-color: #303aff;} /*20250212*/
/* 프로그래밍 prgrm */
.program-label.prgrm{background-color: #1E3B77;}
/* 마케팅 mrkt */
.program-label.mrkt{background-color: #675CCC;}
/* 기타 etc */
.program-label.etc{background-color: #484848;}
/*mc*/
.program-label.mc {background-color: #EC6D6B;}


/*공간대관 상태*/
.rental-state {display: inline-block; padding: 7px 15px 5px; font-size: 1.4rem; font-weight: 500; color: #fff; background-color: #959595; border-radius: 30px;}
.rental-state.RS10 {background-color: #6084eb;}/*승인대기*/
.rental-state.RS20 {background-color: #ea4aa1;}/*승인완료*/
.rental-state.RS30 {background-color: #695ED0;}/*결제대기(온라인)*/
.rental-state.RS31 {background-color: #695ED0;}/*결제대기(현장)*/
.rental-state.RS40 {background-color: #F6A132;}/*예약완료*/
.rental-state.RS41 {background-color: #ea4aa1;}/*미승인*/
.rental-state.RS50 {background-color: #6D6D6D;}/*예약취소(결제시간초과)*/
.rental-state.RS51 {background-color: #959595;}/*예약취소(사용자)*/
.rental-state.RS52 {background-color: #6D6D6D;}/*예약취소(관리자)*/
.rental-state.RS60 {background-color: #19698C;}/*이용완료*/
.rental-state.RS61 {background-color: #022541;}/*노쇼*/