@charset "utf-8";

/*
  yobolove
  info css Style
  Author : sohyeon
  date: 2026.01 ~

*/

/* 상세,입력 페이지 공통 상단 */
.top_menuBox{position: fixed; top: 0; left: 0; z-index: 5; width: 100%;}
.top_menuWrap2{width: 100%; line-height: 49px; text-align: center; border-bottom: 1px solid #eee; background: #fff; box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.4); position: relative; display: flex; justify-content: space-between; align-items: center;}
.top_menuWrap2 a.icon_arrow2{}
.top_menuWrap2 a img{width: 23px;}
/* 팝업 페이지 공통 상단 */
.top_menuWrap3{width: 100%; padding: 14px 0; text-align: center; border-bottom: 1px solid #eee; background: #fff; box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.4); position: relative;}
.top_menuWrap3 .btn_close{top: 13px; right: 0;}

/* 상세공고 */
.job_box{}
.job_box .btnBox_bgP.p_icon{font-size: 13px; padding: 4px 10px; font-weight: bold;}
.job_box .btnBox_bgP.pBtn, .job_box .btnBox_bgW.pBtn{width: 100%; padding: 10px 0; font-size: 20px; margin: 20px 0 10px; text-align: center;}
.job_box .p1{color: #898989; margin: 20px 0 10px; font-size: 18px;}
.job_box .p2{ font-size: 18px;}
.job_box .p2 li{font-size: 18px;}
.job_box .btnBox_lineG2{display: block; text-align: center; margin: 20px 0;}
.job_box .btnBox_lineG2:before{content: none;}
/* 근무조건 필터 */
.filter_popup{}
.filter_popup .box1{padding: 20px; border-top: 1px solid #ddd;}
.filter_popup .box1 .title{font-size: 20px; margin: 30px 0 5px;}
.filter_popup .box1 .position_re input{width: 100%; height: 52px; font-size: 18px; color: #666; padding-right: 30px; border-radius: 5px; box-sizing: border-box; display: block;}
.filter_popup .box1 .sel_list li input{ height: 52px; border-radius: 5px;}
.filter_popup .box1 .sel_list li label{font-size: 20px; color: #666;}
.filter_popup .box1 .icon_arrow2{position: absolute; top: 19px; right: 18px;}
.filter_popup .box1 .icon_arrow3{position: absolute; top: 19px; right: 18px;}
.filter_popup .box1 .btnBox_bgP{width: 100%; line-height: 50px; font-size: 20px; margin-top: 40px;}
/* 구인게시판 */
.rec_listBox{}
.rec_listBox li{background: #fff; border: 1px solid #ddd; padding: 20px; border-radius: 10px; margin-bottom: 10px;}
.rec_listBox li.on{border: 2px solid #FF567C;}
.rec_listBox li:last-child{margin-bottom: 30px;}
.rec_listBox li .btnBox_bgP{padding: 3px 5px;}

/* 공지사항 */
.ctm_box{}
.ctm_box .notice_section{}
.ctm_box .search_box{border-bottom: 1px solid #333; padding: 70px 20px 20px;}
.ctm_box .search_box select{font-size: 17px; width: 100px; height: 36px; border-radius: 5px;}
.ctm_box .search_box input{font-size: 17px; height: 34px; border-radius: 5px;}
.ctm_box .search_box .btnBox_lineG3{background: #c7c7c7; border-color: #c7c7c7;}
.ctm_box .notice_list{width: calc(100% - 40px); min-height: 250px; padding: 0 20px 20px; overflow-x:auto;}
.ctm_box .notice_list th{font-size: 16px; background: #eee; padding: 10px 0; color: #666;}
.ctm_box .notice_list td{font-size: 16px; padding: 10px;}

.ctm_box .notice_list tbody{min-height: 500px;}
.ctm_box .notice_list tbody table{display: block;}
.ctm_box .notice_list tbody .text_oneLine{width: 100%;}
.ctm_box .notice_list tbody tr{border-bottom: 1px solid #ddd;}
/* 공지사항 상세 */
.notice_box{background: #f8f8f8; padding: 70px 20px 20px; text-align: left; position: relative;}
.notice_box h4{font-size: 21px; font-weight: bold; margin: 30px 0 20px;}
.notice_box .text{font-size: 15px; color: #555;}

/* 약관상세 */
.ctm_box .clause_section{display: inline-block; padding: 50px 0; text-align: left; border-bottom: 2px solid #eee;}
.ctm_box .clause_section .top{display: block; border-bottom: 1px solid #eee; padding: 20px; font-size: 16px; color: #777;}
.ctm_box .clause_section .top select{width: 120px; height: 39px; padding-right: 0;border-radius: 5px; font-size: 16px; letter-spacing: -0.5px;}

.ctm_box .clause_section .title{font-weight: bold; font-size: 17px; margin-bottom: 20px; color: #777; background: #eee; padding: 10px;}
.ctm_box .clause_section .clause{margin-bottom: 30px;}
.ctm_box .clause_section .clause h3{font-weight: bold; font-size: 16px; margin-bottom: 10px;}
.clause_section .clause div,.clause_section .clause p{font-size: 15px; word-break:break-all;}
.ctm_box .clause_section .clause ol{margin: 20px;}
.ctm_box .clause_section .clause ul{margin: 10px 20px;}
.ctm_box .clause_section .clause li{margin-bottom: 10px; font-size: 15px; }
.ctm_box .clause_section .clause .table-wrap{margin-top: 10px; text-align: center}
.ctm_box .clause_section .clause .table-wrap th{font-weight: bold;; border: 1px solid #ddd; height: 40px; font-size: 15px; background: #f7f7f7;}
.ctm_box .clause_section .clause .table-wrap td{border: 1px solid #ddd; padding: 10px; font-size: 15px;}
.ctm_box .clause_section .clause .listBox{border: 1px solid #f0f0f0; margin: 10px 0; padding: 20px; background: #fcfcfd;}
.ctm_box .clause_section .clause .listBox li{margin: 5px 0;}
.ctm_box .clause_section .clause .listBox a{font-size: 14px; color: #333;}

/* 개인 마이페이지 */
.caregiver_my{}
.common_my{padding-top: 50px;}
.common_my .title{margin-top: 6px; padding: 20px; font-weight: bold; font-size: 16px; }
.common_my .grListBox{margin: 0 20px 20px; padding: 20px;}
.common_my .grListBox a{display: block; color: #333;}
.common_my .list_menu{}
.common_my .list_menu li{}
.common_my .list_menu li a{color: #333; padding: 20px; display: block; font-size: 18px; border-bottom: 1px solid #eee;}
.common_my .btnBox_bgY{width: calc(100% - 40px); padding: 15px 0; margin: 0 20px; font-size: 17px; text-align: center;}
.common_my .footer_btn{width: 100%; line-height: 50px; margin-top: 50px; text-align: center; font-size: 20px; display: inline-block;}
/* 비밀번호 변경 */
.common_my .password_box{padding: 40px 30px 30px;}
.password_box .p1{font-size: 20px; font-weight: bold; margin-bottom: 20px;}
.password_box input{width: 85%; height: 50px; border-radius: 5px; font-size: 18px;}
.password_box .ab1{position: relative; text-align: left;}
.password_box .ab1 .ab_a{position: absolute; top: -9px; left: 10px; background: #fff; font-size: 16px; padding: 0 5px;}
/* 회원정보수정, 희망근무조건 */
.common_my .modify_box{}
.common_my .modify_box .grey_bg{padding: 20px;}
.common_my .modify_box h4{font-size: 16px; font-weight: bold;margin-bottom: 10px;}
.common_my .modify_box input{width: calc(100% - 22px); height: 50px; border-radius: 5px; font-size: 18px; padding: 0 10px;}
.common_my .modify_box select{width: calc(100% - 22px); height: 50px; border-radius: 5px; font-size: 18px; padding: 0 10px; box-sizing: content-box;}
.common_my .modify_box h3{font-size: 18px; font-weight: bold;}
.common_my .modify_box .icon_arrow2{margin-top: -6px;}
.common_my .modify_box .btn_Radio label{margin-right: 5px;}
.common_my .modify_box .btn_Radio2{display: flex; flex-wrap: wrap;}
.common_my .modify_box .btn_Radio2 p{width: calc(33.3% - 10px); min-width: 85px; margin: 0 10px 10px 0;}
.common_my .modify_box .btn_Radio2 label{width: 100%; font-size: 16px;}
/* 맞춤 일자리 알림설정 */
.common_my .notify_popup{}
.common_my .notify_popup .p1{font-size: 20px; font-weight: bold; margin-bottom: 20px;}
.common_my .notify_popup .btn_Radio{position: relative;}
.common_my .notify_popup .btn_Radio input{position: absolute;}
.common_my .notify_popup .btn_Radio label{width: calc(100% - 22px); text-align: left; padding-left: 22px; margin-bottom: 10px;}
.common_my .notify_popup .btn_Radio p:last-child label{margin-bottom: 0;}
.common_my .notify_popup .appRadio{}
.common_my .notify_popup .appRadio label{font-size: 18px; margin-left: 6px;}
.common_my .notify_popup .footer_btn{margin-top: 0;}
/* 회원탈퇴 */
.common_my.grey_bg{}
.common_my .check_box{background: #FFFFFF;padding: 10px; border-radius: 5px;}
.common_my .check_box li{padding: 10px 0;}
.common_my .check_box input[type="radio"]:focus { outline: none; }
.common_my .check_box input[type='radio']{width: 18px; height: 18px;}

/* 기관 메인 */
.cpy_main{padding-top: 50px;}
.cpy_main img{width: 100%;}
.cpy_main .topBnr{background: url('/images/cpy/cpy_lg.jpg') no-repeat; background-size: cover; background-position-y: center; width: 100%; height: 210px; position: relative;}
.cpy_main .topBnr .textBox{position: absolute; left: 20px; top: 40px; text-align: left;}
.cpy_main .topBnr h2{font-size: 20px; font-weight: 500;}
.cpy_main .topBnr p{font-size: 25px; font-weight: bold; margin:5px 0 20px;}
.cpy_main .topBnr .btnBox_bgP{font-size: 18px; padding: 14px;}
.cpy_main .KBBAemble{background: #0D1A45; padding: 30px 0; display: flex; align-items: center; justify-content: center;}
.cpy_main .KBBAemble img{width: 100px;}
.cpy_main .KBBAemble .text{text-align: left; color: #FFFFFF; font-size: 24px; margin-left: 20px;}
.cpy_main .KBBAemble .text h3{font-size: 18px; font-weight: bold; line-height: 20px;}
.cpy_main .re_btn{background: #6424eb; color: #FFFFFF; display: block; padding: 20px 0; text-align: center; font-size: 20px; font-weight: bold;}
/* 기관 마이페이지 */
.cpy_my{}
.cpy_my .modify_box{}
.cpy_my .modify_box .cp_ben{background: #555; line-height: 52px; color: #fff; margin-left: 5px; width: 100px; font-size: 18px; border-radius: 5px; text-align: center;}
/* 공고리스트 */
.post_box{}
.post_box ul{}
.post_box li{border: 1px solid #eee; border-radius: 10px; padding: 20px; cursor: pointer;}
.post_box li button{width: 100%; padding: 10px 20px; font-size: 16px;   text-align: center;}

/* 상품페이지 */
.product_main{padding-top: 50px;}
.product_main .main_img{display: flex; align-items: center; overflow: hidden; height: 290px;}
.product_main h2{padding: 20px 20px 0; font-size: 20px; font-weight: bold;}
.product_main .product_list{}
.product_main .product_list label:before{content: none;}
.product_main .product_list label{width: calc(100% - 40px); line-height: 25px; padding: 20px 0; margin: 0 20px 10px;}
.product_main .box1 .payBox{background: #333; color: #fff; border-radius: 5px; padding: 20px; margin: 20px 20px 0; display: flex; justify-content: space-between;}
.product_main .box1 .btnBox_bgP{display: block; font-size: 22px; text-align: center; line-height: 50px; margin: 10px 20px 0;}
.product_main .box2{background: #575757; padding: 20px; margin: 10px 0;}
.product_main .box2 h3{font-weight: bold; font-size: 18px; margin: 30px 0 20px; color: #FFFFFF;}
.product_main .box2 .agrList{padding: 0 10px 10px;}
.product_main .box2 .agrList li{font-size: 16px; margin-bottom: 10px; color: #adadad;}
.product_main .box2 .agrList li b{color: #fff; font-weight: normal;}
/* 결제하기 */
.product_main .PS_Container{border-bottom: 3px solid #E6E6E6;}
.product_main .payBox1{padding: 0 20px 20px;}
.product_main .payBox1 .paylist{border: 1px solid #dfdfdf; padding: 10px; margin-bottom: 5px; border-radius: 10px; text-align: right;}
.product_main .payBox1 .paylist .title{width: 60%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left;}
.product_main .payBox4{padding: 20px;}
.product_main .payBox4 .btn_Radio{}
.product_main .payBox4 .btn_Radio label{width: auto; line-height: 42px; font-size: 15px; font-weight: bold; margin-right: 3px; padding: 0 10px; }
.product_main .payBox4 .btn_Radio label:before{content: none;}
.product_main .payBox4 .btn_Radio input:checked+label{background: #FF567C !important; color: #FFFFFF;}
.product_main .payBox4 .appRadio div{padding:25px 0; border-bottom: 1px solid #eee;}
.product_main .payBox4 .appRadio input{margin-right: 10px;}
.product_main .payBox4 .appRadio img{height: 20px; margin-right: 6px;}
.product_main .payBox4 .appRadio label{font-size: 16px;}
.product_main .payBox4 .list3{margin-top: 10px;}
.product_main .payBox4 .list3 .text{font-size: 16px; font-weight: bold; margin: 20px 0 10px 0;}
.product_main .payBox4 .list3 input{width: calc(100% - 10px); height: 46px; border-radius: 10px; display: block; font-size: 17px;}
.product_main .payBox4 .list3 select{width: 100%; height: 46px; border-radius: 10px; display: block; font-size: 17px;}
.product_main .payBox4 .list3 .hospitalServe_teb{border-bottom: 3px solid #363636; display: flex;}
.product_main .payBox4 .list3 .hospitalServe_teb p{width: 50%}
.product_main .payBox4 .list3 .hospitalServe_teb a{background: #fff; color: #363636; box-sizing: border-box; display: inline-block; width: 100%; line-height: 50px; text-align: center; border: 1px solid #E6E6E6;}
.product_main .payBox4 .list3 .hospitalServe_teb a.on{border-color: #363636; background-color: #363636; color: #fff;}
.product_main .payBox4 .list3 .left{font-weight: bold; margin: 20px 0 5px; color: #777;}
.product_main .lastList{padding: 20px; font-size: 13px; background: #f7f7f7;}
.product_main .lastList input{width: 20px; height: 20px;}
.product_main .lastList label{font-size: 15px; padding: 0 10px; width: 90%;}
.product_main .btnBox_bgP{line-height: 50px; text-align: center; font-size: 20px; display: block;}
/* 결제완료 */
.product_main .publicWrap{}
.product_main .publicWrap .title{text-align: center; padding: 30px 0; border-bottom: 3px solid #E6E6E6;}
.product_main .publicWrap h3{font-size: 18px; font-weight: bold; margin-bottom: 10px; margin-left: 20px;}
.pay_productList{border: 1px solid #AFAFAF; margin: 0 20px;}
.pay_productList li{border-bottom: 1px solid #E6E6E6; display: flex; align-items: center; justify-content: space-between; padding: 16px;}
.product_main .pay_pr{margin-top: 20px; padding: 0 20px 30px; border-bottom: 3px solid #E6E6E6; line-height: 30px;}
.product_main .pay_pr p{font-size: 16px; color: #7b7b7b; display: flex; align-items: center; justify-content: space-between;}
.product_main .pay_pr p.last{font-size: 17px; font-weight: bold; border-top: 2px dotted #E6E6E6; color: #222; margin-top: 5px; padding-top: 5px;}
.product_main .patLastBox{border: 1px solid #AFAFAF; border-radius: 5px; padding: 20px; margin: 0 20px; line-height: 30px; font-size: 14px;}
.product_main .patLastBox li{display: flex; justify-content: space-between; padding: 6px 0; }
.product_main .patLastBox li p:first-child{color: #888888;}
.product_main .patLastBox li p:last-child{width: 70%;}

/* 채용공고등록 */
.cpy_main1{}
.cpy_main1 .title_line{font-size: 16px; font-weight: bold; margin: 40px 20px 20px; padding-bottom: 10px; border-bottom: 2px solid #222;}
.cpy_main1 .title_line .question_mark{top: 3px; left: 5px;}
.cpy_main1 .title_line .question_mark:before{border:none; color: #fff; background: #ffcf40;}
.cpy_main1 .title_box{padding: 0 20px;}
.cpy_main1 .title_box .li_style{margin-bottom: 30px;}
.cpy_main1 .title_box .li_style h3{font-size: 18px; margin-bottom: 10px;}
.cpy_main1 .textbox{border: 1px solid #ddd; border-radius: 5px; font-size: 20px; padding: 15px 20px 15px 10px; width: calc(100% - 30px); background: #fff;}
.cpy_main1 .title_box textarea{border: 1px solid #ddd; border-radius: 5px; font-size: 20px; padding: 15px 20px 15px 10px; width: calc(100% - 30px); }
.cpy_main1 .title_box .ab_box{position: relative;}
.cpy_main1 .title_box .ab_a{position: absolute; top:-10px; left: 10px; font-size: 14px; color: #777; padding: 0 5px; background: #fff; z-index: 1;}
.cpy_main1 .title_box .ab_b{text-align: right; padding-right: 50px; width: calc(100% - 60px);}
.cpy_main1 .title_box .ab_c{position: absolute; top: 15px; right: 15px; font-size: 20px;}
.cpy_main1 .sp_popupBox{position: absolute; }
.choice_list{}
.choice_list .btn_Radio{}
.choice_list .btn_Radio li{margin-bottom: 10px;}
.choice_list .btn_Radio label{width: 100%;}
.choice_list .text1{color: #888; margin-top: 10px;}
.choice_list .text2{text-align: center; padding: 20px 0 0; margin-top: 20px; border-top: 2px solid #dddddd; font-weight: bold;}