textarea, input, button, select{font-family: 'Pretendard';}

/* 스크롤바의 Track(트랙) 스타일 */
div::-webkit-scrollbar {
  width: 5px; /* 스크롤바 너비 */
}
/* 스크롤바의 Thumb(바디) 스타일 */
div::-webkit-scrollbar-thumb {
  background-color: #888; /* 스크롤바 색상 */
  border-radius: 5px; /* 스크롤바 모양 */
}
/* 스크롤바의 Track(트랙)에 Hover 효과 */
div::-webkit-scrollbar-track:hover {
  background-color: #eee; /* Hover 시 배경색 변경 */
}

.no_post {padding: 30px 0; font-weight: 500;}

/* 페이지네이션 */
.pagination_container {width: 100%; display: flex; align-items: center; justify-content: center !important; font-size: 15px; color: #555;}
.pagination_container > li {padding: 0 3px; margin: 0 8px; color: #888; font-size: 17px; margin-bottom: 0 !important; cursor: pointer;}
.pagination_container > li > p.page_on {color: #ff4a6b; font-weight: 800;}
.container{display: flex; justify-content: center; }
.lc_lnb{width: 20%; padding: 50px 0;  background-color: #fff;}
.rc_cnt{width: 80%; padding: 50px 0 0px 20px;  background-color: #fff;}


/* ?param=joblist */
.detailsearch_wrap{border-bottom: 1px solid #ddd;}
.region_title > h3 { font-size: 26px;}
.sc_txt_box{display: flex; align-items: flex-end; gap: 10px;}
.sc_txt_box > h4 {font-size: 20px;}
.sc_txt_box > p {font-size: 14px; font-weight: 400; color: #666;}
/* 상세검색  div */
.choice_box{padding-top: 10px;}
.search_cont{padding: 20px 0; border-bottom: 1px dashed #ddd;}
.search_cont_on > .search_cont:nth-child(1){border-top: 1px  dashed #ddd;}
.map_area_select:last-child{border-bottom: none;}
.ls{border: none;}

.choice_box > ul {display: flex; gap: 10px; flex-wrap:wrap;}
.choice_box li { font-size: 15px; padding: 3px 13px; text-align: center; background-color: #fff;  border-radius: 15px; font-weight: 500; cursor: pointer;}
.choice_on{color: #ff4a6b; border: 1px solid #ff4a6b;}
.choice_off{ border: 1px  solid #8882;}
.search_button_wrap{position: relative; padding: 15px 0  20px; text-align: center;}
.search_button_wrap > button{font-family: 'Pretendard'; font-size: 16px; padding: 10px 20px;  border-radius: 20px;}
.choice_search_but{background-color: #ff4a6b; color: #fff;}
/* .moreinfo_but{position: absolute; top: 0; right: 0;} */
/* .moreinfo_but > p{font-weight: 400;} */
.by_choice > ul{flex-wrap: wrap;}

/* 채용공고  리스트업 */
.listup_wrap{padding-top: 50px;}
.listup_box{padding-top: 10px;}
.writ_title > span{font-weight: 500;}

.name > div {position: relative;}
.name_label {position: absolute; top: 0; left: 50%; transform: translateX(-50%); background-color: #FF4A6B; color: #fff; text-align: center; padding: 2px 5px; font-size: 11px; font-weight: 500; border-radius: 15px;}
.name_label_on {background-color: #FF9900;;}
.table_hd_wrap > ul {display: flex; border-top: 2px solid #e2c344;}
.table_hd_wrap li {text-align: center; padding: 10px 0; font-weight: 500;}


.scr{width: 5%;}
.names, .name, .view{width: 15%;}
.re_ca, .wrdate{width: 15%;     overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.writ_title{width: 50%;}

.table_hd_wrap{padding-top: 10px;}
.table_body_box{display: flex; align-items: center; cursor: pointer; border-top:1px solid #ddd;}
.table_body_box > div{text-align: center; padding: 15px 0; font-weight: 400; }
.table_body_box_on{display: flex; gap: 40px; background-color: rgb(255 205 205 / 13%); padding:20px 30px; border-top: 1px solid #ffd1da; }
.table_body_box_on > div{width: 50%; font-size: 15px; font-weight: 400;}

.re_ca > b {display: none; color: #FF4A6B;}

.stiker_star > i {display: block; width: 20px;}

.name a {display: block; margin: 0 auto; width: 45px;}

.table_body_left > div,
.table_body_right > div {padding-bottom: 10px;}
.table_body_left > div,
.table_body_right > div{display: flex;}
.table_body_right p,
.table_body_left p {width: 100px; font-weight: 500;}
.table_body_wrap li:last-child{border-bottom: 1px solid #ddd;}

.list_category > p {display: block; width: 90px; margin: 0 auto; padding: 2px 2px; font-size: 14px; color: #00b646; border: 1px  solid #00b646; border-radius: 20px;}
.list_tit {position: relative;}
.cus_inquiry_list .list_tit span::after {position: absolute; top: 50%; transform: translateY(-70%);  width: 10px; height: 10px; content: ''; background: url(../img/sub/rock.png) no-repeat center; background-size: cover;}

/* total */
.board_total{display: flex; justify-content: space-between; align-items: flex-end; padding-top: 10px;}
.board_total > div {text-align: center; padding: 5px 10px; border: 1px solid #ff4a6b; border-radius: 4px; cursor: pointer;}
.board_total > div > span{font-size: 14px; font-weight: 500; color: #ff4a6b;}
.board_total .total_txt{display: block; font-weight: 400; font-size: 16px;}
.total_txt{color: #ababab;}
.board_total .total_txt em{ font-weight: 600; color: #222; font-size:20px;}


/* pagination */
.pagination {text-align: center; margin-top:48px;}
.pagination > ul > li {margin-right:-4px;  display: inline-block;}
.pagination > ul > li  > span{cursor: pointer; margin: 0 12px; text-transform: uppercase; color:#666; padding:0 4px 4px; display: block;}
.pagination .num.active > span{font-weight: 600; color:#ff4a6b; border-bottom:2px solid #1f6bbb;}
.pagination .num > span:hover{color:#000;}

.pagination .arrow > span{background-repeat: no-repeat; background-position: center; padding:0; background-size: cover; width:16px; height:16px; position: relative; top:5px;}
.pagination .arrow.first > span, .pagination .arrow.last > span{background-image: url('https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/BF/156037383247237.png');}
.pagination .arrow.prev > span, .pagination .arrow.next > span{background-image: url('https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/BF/156037380820251.png');}
.pagination .arrow.next > span, .pagination .arrow.last > span{transform: rotate(180deg);}

.table_body_box_on{display: none;}


/* ?param=joblist_region */
.region_map_wrap{display: flex; justify-content: space-between; padding-top: 10px;}
.region_map_img_left{width: 365px; position: relative;}
.region_map_img_left > ul > li{position: absolute; font-size: 15px; z-index: 1;} 
.lo1{top: 18%; left: 27%;}
.lo2 {top: 21%; left: 36%;}
.lo3 {top: 16%; left: 17%;}
.lo4 {top: 14%; left: 58%;}
.lo5{top: 41%; left: 37%;}
.lo6{top: 38%; left: 31%;}
.lo7{top: 33%; left: 22%;}
.lo8{top: 33%; left: 44%;}
.lo9{top: 62%; right: 14%;}
.lo10{top: 56%; right: 10%;}
.lo11{top: 60%; right: 34%;}
.lo12{top: 40%; right: 23%;}
.lo13 {top: 50%; right: 26%;}
.lo14{top: 63%; left: 24%;}
.lo15{top: 67%; left: 32%;}
.lo16{top: 50%; left: 30%;}
.lo17{top: 90%; left: 15%;}

/* .lo_mark{position: relative; display: block; margin: -1px 5px; background-color: #ff4a6b75; width: 20px; height: 20px; border-radius: 20px; animation: blink-effect 2.5s infinite 0s linear;} */
.lo_mark{position: relative; display: block; margin: 2px 7px; background-color: #ffffff; width: 10px; height: 10px; border-radius: 4px; cursor: pointer;}
.lo_mark::after{position: absolute; content: ""; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #ff002e75; width: 20px; height: 20px; z-index: -1; border-radius: 20px; animation: blink-effect 2.5s infinite 0s linear}
/* .lo_mark::before{position: absolute; content: ""; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #fff; width: 10px; height: 10px; border-radius: 4px;} */
.lo_mark:hover{background-color: #FF4A6B;}

@keyframes blink-effect {
    50% {
      opacity: 45%;
    }
  }

.region_map_img_right{width: 50%;}
.map_area_tit{padding: 10px 0; border-top: 2px solid #FF4A6B; border-bottom: 1px solid #ddd;}
.area_tit  {font-weight: 500; color: #222; font-size: 20px;}
.sc_title > b {font-weight: 700;}
.map_area_cont {padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid  #ddd;} 
.map_area_cont > ul {display: flex; flex-wrap: wrap; gap: 5px;}
.map_area_cont > ul > li {width: 13.333%; text-align: center; cursor: pointer; font-size: 14px; font-weight: 400; padding: 2px 9px;  border-radius: 15px; text-align: center; word-break: keep-all; display: flex; justify-content: center; align-items: center;}
.map_area_cont_off{border: 1px solid #8882;}
.map_area_cont_on{border: 1px solid #ff4a6b; color: #ff4a6b;}

.map_area_select{padding-top: 10px; padding-bottom: 10px;}
.map_area_select > ul{display: flex; flex-wrap: wrap; }
.map_area_select > ul > li{font-size: 15px; font-weight: 500; padding: 4px 9px; border-radius: 15px; }
.map_area_select > ul > li > span::after{content: '✕'; cursor: pointer;  color: #fff;}
.map_area_select_on{color: #fff;  background-color: #ff4a6b;}
.map_area_search_but{display: flex; border: 1px solid #ff4a6b; border-radius: 4px;}
.csb_bt{width: 80%; padding: 15px; font-size: 16px; font-family: 'Pretendard';  font-weight: 600;}
.moreinfo_but, .moreinfo_but_off{width: 20%;  color: #ff4a6b; font-size: 16px;}

.main_option{margin-top: 50px;}


.box_1{padding-top: 15px;}
.box_2 {display: flex; gap: 5px;}
.box_2_con {width: 150px; height: 45px; padding: 10px 10px; border: 1px solid #ddd; border-radius: 4px; font-weight: 600;}

.box_3{width: 100%; height: 250px; margin-top: 10px; border: 1px solid #ddd; border-top-left-radius: 10px; border-top-right-radius: 10px; text-align: center;}
.boxbox_3{width: 100%; height: auto; border-radius:10px; border: 1px solid #ddd;}
.box_3 > span{font-size: 15px; font-weight: 500; color: #222;}
.box_2_con{position: relative; cursor: pointer;}
.box_2_con > span::after{width: 10px; height: 5px; position: absolute; top: 50%; right: 0; transform: translate(-50%, -50%); content: ''; background-image: url(../img/sub/select_arrow.png); } 

.basket_box{display: flex; position: relative;}
.basket_1{width: 40%; height: 200px; border-right: 1px solid #ddd;}
.basket_2{width: 60%; height: 200px; border-top-right-radius:10px}
.basket_2 div>ul{display: flex; flex-wrap: wrap;}

.none_check{padding: 50px 0; font-size: 16px; font-weight: 400;}
.basket_box > div > div:first-child{width: 100%; height: 40px; font-size: 15px; font-weight: 600; padding-top: 10px; background-color: #8882;}
.basket_1 > div:first-child{border-top-left-radius: 10px;}
.basket_2 > div:first-child{border-top-right-radius: 10px;}

.basket_1 > div:last-child{width: 100%; height: 160px; overflow-y: scroll;}
.basket_2 > div:last-child{height: 160px; overflow-y: scroll;}
.basket > div li {cursor: pointer; font-size: 15px; font-weight: 400; padding: 10px 0;}
.basket_2 div li{width: 25%;}
.li_on {color: #ff4a6b; background-color: #ffe7ec6e;}
.basket > div li:hover{color: #ff4a6b; background-color: #ffe7ec6e;}

.basket_in_box{width: 100%; height: 80px; padding: 10px;  border-top: 1px solid #ddd;}
.basket_in_box > span {font-size: 15px; display: block; padding: 18px 0; font-weight: 400;}
.basket_in_box_in> ul{display: flex; flex-wrap: wrap; gap: 5px;}
.basket_in_box_in > ul > li {position: relative; font-size: 14px; font-weight: 500; color: #ff4a6b; padding: 2px 20px 0 10px; border: 1px solid #FF4A6B; border-radius: 15px; cursor: pointer;}
.basket_in_box_in  li > span{margin-left: 4px; font-size: 15px;}
.basket_in_box_in  li > span::before {content: '✖'; position: absolute; top: 0; transform: translateY(10%); color: #ff4a6b;}

.basket_01{padding: 20px 20px;}
.basket_01 > ul {display: flex; flex-wrap: wrap; align-items: center; gap: 5px; font-size: 15px; text-align: left; padding-bottom: 15px; font-weight: 500;}
.basket_01 > ul > p {padding-right: 10px; font-size: 15px; font-weight: 600;}
.basket_01 li input {margin: 5px;}
.basket_01 > ul:nth-child(3)>select{width: 140px; height: 30px; font-size: 15px; font-family: 'Pretendard';  border-radius: 4px; border: 1px solid #8888; padding: 0 10px;}
.basket_01 > ul:last-child {padding: 0;}
.basket_01 > ul:last-child > li {width: 110px; height: auto; text-align: center; padding: 5px 0; border-radius: 20px; cursor: pointer;} 
.basket_01 > ul:last-child > li > label {cursor: pointer;}
input[type='radio'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  background-color: #FFF;
  border: 1px solid #ccc;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
}

input[type='radio']:checked {
  background-color: #ff4a6b;
  border: 3px solid white;
  box-shadow: 0 0 0 1px #ff4a6b;
}
.form_off{border: 1px  solid #8888;}
.form_on{border: 1px solid #ff4a6b; color: #ff4a6b; font-weight: 600;}

.stiker_label{display: flex; justify-content: center; gap: 5px;}
.insure{display: block; width: 65px; padding: 2px 0; font-size: 12px; color: #fff; background-color: #00b646; border: 1px solid #00b646; border-radius: 15px;}
.per_history{display: block; width: 65px; padding: 2px 0; font-size: 12px; color: #fff; background-color: #FF9900; border: 1px  solid #FF9900; border-radius: 15px;}

.box_2_con_on{width: 150px; height: 45px; padding: 10px 10px; position: relative; border-radius: 4px; font-weight: 600; border: 1px solid #ff4a6b;}
.box_2_con_on > span::after{width: 10px; height: 5px; position: absolute; top: 50%; right: 0; transform: translate(-50%, -50%); content: ''; background-image: url(../img/sub/select_arrow.png);}




/* 인재정보/채용공고 상세정보 */

.joblist_view .top {display: flex; flex-direction: column; margin-top: 50px; padding: 30px;}
.joblist_view .sc_bd .top { border-top: none; border: 1px solid  #ddd; border-radius: 4px;}
.joblist_view .sc_bd .top h2 {font-size: 28px;}
.top_tit{padding-bottom: 25px; border-bottom: 1px dashed #ddd;}
.joblist_info{padding-top: 20px; border-top: 1px solid #ddd;}
.joblist_info_wrap{display: flex; padding-top: 25px;}
.joblist_info_wrap > div {width: calc(100%/3);}
/* .joblist_info_wrap > div > div {display: inline-flex;} */
.joblist_info_wrap > div p{font-size: 16px; font-weight: 500;}
.joblist_info_wrap > div h4{font-size: 18px; font-weight: 700;}
.job_list_tab_wrap {margin-top: 38px;}
.job_list_tab_wrap ul {display: flex; background-color: #8882;}
.job_list_tab_wrap ul > li { width: calc(100%/3);  text-align: center; padding: 20px 0; color: #888; font-weight: 500; cursor: pointer;}
.job_list_tab_wrap ul > li:first-child{border-top: 1px solid #8882; background-color: #fff; color: #ff4a6b;}
.joblist_view h5 {font-size: 28px; margin-bottom: 15px;}
.joblist_view .bd .top > .top_tit> div {display: flex;}
.joblist_view .bd .top span{display: block; margin-right: 7px; width: 70px; text-align: center; font-weight: 400; font-size: 15px; color: #fff; padding: 5px 3px; margin-bottom: 8px; border-radius: 20px; background-color: #ff9000;}
.joblist_view .bd .top span:first-child {background-color: #ff95a8;}
.joblist_view .bd .top p{font-size: 16px; font-weight: 400; padding-top: 5px;}
.joblist_view .text_box_sec > div{width: 100%; padding: 25px; margin-bottom: 30px; border: 1px  solid #8882; border-radius: 4px;}
.joblist_view .text_box_sec:first-child{margin-top: 30px;}
.joblist_view .text_box_sec:first-child > div{display: flex; gap: 5px;}
.joblist_view .text_box_sec:first-child > div > div { width: calc(100%/3); display: inline-flex; align-items: center; gap: 7px; }
.joblist_view .text_box_sec:first-child > div > div img {width: 60px;}
.joblist_view .text_box_sec:first-child > div > div  p { font-weight: 600;}
.joblist_view .text_box_sec:first-child > div > div  p:first-child{font-weight: 400; color: #888; font-size: 16px;}

.joblist_view .text_box_sec:nth-child(2) > div{display: flex; gap: 5px;}
.joblist_view .text_box_sec:nth-child(2) > div > div{display: flex; gap: 10px; flex-direction: column;}
.text_colum {width: calc(100%/3);}
.text_colum > div > p:first-child {width: 110px; color: #888;}
.text_colum > div > span{margin-top: 2px; margin-right: 3px;}
.text_colum > div > .month_pay{font-size: 14px; color: #fff; background-color: #ff9000; padding: 4px 10px; border-radius: 20px;}
.joblist_view .text_box_sec:nth-child(2) > div > div > div{display: flex; font-weight: 400;}
.bold_money{font-weight: 700; font-size: 20px;}
.joblist_view .text_box_sec:nth-child(3) > div > div {font-size: 16px; font-weight: 400;}
.detail_text_box div > p{padding-bottom: 5px;}


/* 인재정보 */
.human_info_wrap{display: flex; padding-top: 20px;}
.humanresources_view .text_colum > div > span::before{content: '시급';}
.humanresources_view .text_box_sec:nth-child(2) .text_colum{width: calc(100%/2);}
.humanresources_view .text_flex > div {width: calc(100%/3); border-right: 1px solid #ddd; padding: 0 20px;}
.humanresources_view .text_flex > div:last-child {border-right: none; padding: 0 20px;}
.humanresources_view .text_box_sec:first-child > div > div { width: 100%; display: inline-flex; align-items: center; gap: 7px;}
.human_profile{width: 80%; margin-left: 50px;}
.human_profile > div {display: flex; align-items: center}
.human_profile > div:first-child{gap: 5px;}
.human_profile > div > em {font-size: 22px;}
.human_profile > div > p{color: #555; font-weight: 400;}
.human_profile > div:last-child{ width: calc(100%/2); gap: 10px; margin-top: 12px;}
.human_profile > div:last-child >div{width: calc(100%/2);}
.human_profile > div:last-child >div>p:first-child{font-size: 16px; font-weight: 500;}
.list_goback_button{width: 200px; margin: 0 auto 100px; text-align: center; border:1px solid #ddd; border-radius: 4px;}
.list_goback_button > a{display: block; padding: 10px; font-weight: 500;}




/* 고객센터 (customercenter) */
.sub_lnb_wrap > ul {margin-top: 20px; display: flex; justify-content: center;}
.sub_lnb_wrap > ul > li {width: 140px; padding: 10px 0; text-align: center; color: #8888; font-weight: 500;}
.lnb_on{border-bottom: 2px solid #ff4a6b;}
.lnb_on > a {color: #ff4a6b; font-weight: 600;}
.customercenter .tbl {} 
.list_num{width: 10%;}
.list_tit{width: 50%;}
.list_name{width: 15%;}
.list_date{width: 15%;}
.list_view{width: 10%;}

/* 자주묻는질문 */
.customer_wrap{width: 100%; background-size: cover;}
.customer_box{margin: 0 auto;padding: 25px; max-width: 800px;}
.cus_faq .cus_box > h4{text-align: center; font-size: 50px; color: #fff; padding-bottom: 20px;}
.cus_qna_box{border-top: 2px solid #e2c344;}
.cus_qna_list{position: relative; width: 100%;}
.cus_qna_list > li { cursor: pointer; border-bottom: 1px solid #D9D9D9;}
.cus_qna_list > li:hover {background: #ffeef2;}
.cus_qna_list > li >h3 {padding-left: 20px; height: 80px; display: flex; align-items: center; color: #fff; font-size: 16px;}
/* qna_q */
.q_on > span:first-child { margin-right: 10px; width: 40px; height: 40px; border-radius: 5px; line-height: 2.2; background-color: #ff4a6b; display: inline-block; text-align: center; font-size: 18px; font-weight: 900; color: #fff; position: absolute; left: 12px }
.qnq_q_box{padding: 25px 0; position: relative;}
.qnq_q_box > h3 {color: #444; padding-right: 30px;font-size: 16px; font-weight: 500; line-height: 1.7; display: flex; align-items: center; padding-left: 65px}
.qnq_q_box > h3::after { position: absolute; right: 5px; width: 9px; height: 9px; border-right: 1px solid #ff4a6b; border-bottom: 1px solid #ff4a6b; transform: translate(-50%,-50%) rotate(45deg); content: ""; top: 50%; transform: translateY(-50%) rotate(45deg);}
.qnq_q_box > h3.rotate::after{transform:translate(-50%, 25%) rotate(-135deg); border-right: 1px solid #ff4a6b; border-bottom: 1px solid #ff4a6b;}
/* qna_a */
.qna_a_box { display: none; position: relative; padding: 25px 0; border-top: 1px dashed #ddd; }
.qna_a_box > h3 { color: #444; font-weight: 500; padding-right: 20px; font-size: 16px; line-height: 1.7;  padding-left: 65px }
.qna_a_box > h3 > span:first-child { margin-right: 10px; width: 40px; height: 40px; border-radius: 5px; line-height: 2.2; background-color: #FF4A6B; display: inline-block; text-align: center; font-size: 18px; font-weight: 900; color: #ffffff; position: absolute; left: 12px }

/* 1:1문의 */
.cus_inquiry_list .list_category{width: 10%;}
.cus_inquiry_list .list_category{width: 10%;}
.cus_inquiry_list .list_name, .cus_inquiry .list_date{width: 15%;}


.inquiry_button_wrap li{width: 200px; right: 0; text-align: center; border: 1px solid #ddd;}
.inquiry_button_wrap li > a {font-weight: 400; display: block; padding: 10px 0;}
.inquiry_cont{margin-top: 30px;}
.inquiry_cont ul{margin-bottom:70px}
.inquiry_cont ul li > div{display: flex; align-items: center; padding: 35px 0px; border-bottom: 1px solid #efefef;}
.inquiry_cont ul li:last-child > div {border-bottom: none;}
.inquiry_cont ul li > div > span{display: block; width: 250px; font-size: 18px; font-weight: 600;}
.inquiry_cont ul li > div > div{width: calc(100% - 250px);}
.inquiry_cont ul li > div > div .p_num{display:flex}
.inquiry_cont ul li > div > div .p_num button{width:100px;background: #ff4a6b; border-radius: 5px; color:#fff; font-size: 16px;}
.inquiry_cont ul li > div > div .p_num input{width:calc(100% - 100px); border-radius: 4px; margin-right: 10px;}
.inquiry_cont ul li > div > div input{ border-radius: 4px; font-size: 16px; padding:15px; outline: none; border: 1px solid #ddd; width: 100%;}
.inquiry_cont ul li > div .privacy_txtbox{width: 100%; height: 140px; border-radius:5px; background: #f5f5f5; margin-bottom: 10px; overflow-y: auto; padding: 10px;}
.selectBox { position: relative; width: 50%; border-radius: 4px; background: #fff; border:1px solid #ddd;}
.selectBox .select { width: 97%; font-size: 16px; border: none; outline: 0 none; padding: 15px; border-radius: 4px; position: relative;}
.selectBox .select option { color: #333; padding: 3px 0; font-size: 14px}
.selectBox .icoArrow { position: absolute;  top: 0;  right: 0;  z-index: 1;  width: 35px;  height: inherit; display: flex; justify-content: center; align-items: center;}
.selectBox .icoArrow img { width: 13px; transition: .3s; transform: rotate(90deg);}
.inquiry_cont ul li > div textarea{background: #fff; font-size: 16px; width:100%; min-height:280px; border: 1px solid #ddd; border-radius:10px; resize:none; outline:none; padding:15px; overflow-y:auto;}
.inquiry_cont .btn{    margin: 0 auto; display: block;}
.inquiry_cont .btn span{transition:all 0.2s; display: block; border-radius:5px; background: #fff; color: #ff4a6b; border: 1px solid #ff4a6b; font-family: 'Pretendard'; padding: 25px; font-size: 16px; font-weight: 600;}
.inquiry_cont .btn span:hover{background:#ff4a6b; color:#fff;}
.inquiry_cont ul li .resend{display:flex; margin-top:8px;}
.inquiry_cont ul li .resend p{position:relative;  width: calc(100% - 100px); margin-right: 10px;}
.inquiry_cont ul li .resend p span{    position: absolute; right: 10px; font-size: 13px; top: 12px;}
.inquiry_cont ul li .resend p span em:last-child{display: inline-block; margin-left: 10px;background: #fff; border: 1px solid #ddd; padding: 1px 5px;}
.inquiry_cont ul li .resend button{background:#2a2a2a; color:#fff;width: 100px; border-radius: 5px;}

.selectbox_wrap  {display: flex; gap: 10px;}


/* 고객센터 */
.operatingtime .listup_wrap{padding-top: 50px;}
.operatingtime .listup_box{padding-top: 30px; padding-bottom: 50px; width: 680px; margin: 0 auto;}
.operatingtime .listup_wrap>.sc_txt_box{display: block;}
.operatingtime .listup_wrap>.sc_txt_box>.sc_title{text-align: center; margin-top: 15px; font-size: 28px;}
.operatingtime .listup_wrap>.sc_txt_box> p{text-align: center; font-size: 16px; margin-top: 5px;}
.operatingtime .listup_wrap>.sc_txt_box> p > br{display: none;} 
.operating_wrap{border: 1px  solid #ddd; border-radius: 4px;}
.operating_wrap > div{display: flex; justify-content: center;}
.operating_wrap > div > div{width: 100%; padding: 35px;}
.oper_left{border-right: 1px solid #ddd;  text-align: center;}
.sc_txt_box > i {text-align: center;}
.sc_txt_box > i > img{width: 90px; margin: 0 auto; padding-bottom: 15px;}
.oper_left > h5{font-size: 35px; color: #ff4a6b;}
.oper_left > p{margin-top: 15px; color: #8888; font-weight: 400;}
.oper_right > h6{font-weight: 600; font-size: 20px;}
.oper_right > p{color: #666; font-weight: 400; font-size: 16px; margin-top: 10px;}
.oper_right > h6 > span {color: #6668; width: 112px; display: inline-block;}


/* 공지사항 view */
textarea{outline: 0;}
input{outline: 0;}
.title_area > h2{text-align: center; font-size: 28px;  margin: 50px;}
.notice_view .bd-md .top .view_title{font-size:28px; font-weight: 500; width:100%; padding-bottom: 16px; margin-bottom: 16px;}
.notice_view .bd-md .top > div{width: 100%; display: flex; justify-content: space-between; gap: 10px; color:#222; font-weight: 400; font-size: 0.975rem;}
.notice_view .view_mid{border-bottom: 1px solid #ddd; height: 100%; font-size: 17px;}
.notice_view .view_mid .text_box_sec{font-size: 17px; font-weight: 400; padding: 50px 0;}
.notice_view .view_mid textarea{border:none;}
.notice_view .view_mid .body_in_file {border-top:1px solid #ddd; padding:10px 0;}
.notice_view .view_mid .body_in_file p{color:#888;font-size:13px;}
.notice_view .view_mid .body_in_file p a{cursor: pointer;}
.notice_view .bottom .post {border-bottom: 1px solid #000;}
.notice_view .bottom .post > div{display: flex; padding:20px 0; border-bottom:1px solid #ddd}
.notice_view .bottom .tit{display: flex; width: 100px; justify-content: space-between; align-items: center;padding-left:10px; font-weight: 500;}

.text_box_sec_a{font-size: 16px; font-weight: 400; padding: 20px; background-color: #8882;}
.text_box_sec_a > h6{font-size: 18px; margin-bottom: 10px;}

.previous_post > .tit > i > img{width: 10px;}
.next_post > .tit > i > img{width: 10px;}
.notice_view .bottom .post_text{padding-left:30px; width: calc(100% - 100px); cursor: pointer; font-weight: 400;}
.notice_view .bottom .button{text-align: center; margin-top:40px;}
.notice_view .bottom .button button{padding:12px 50px; border:1px solid #ff4a6b; background-color: #FF4a6b; border-radius: 4px; color:#fff; font-size: 16px;}

.notice_view .bd-md .top{display: flex; flex-direction: column; align-items: flex-end; padding: 24px 0; border-bottom: 1px solid #ddd;}

/* 마이페이지 mypage */

.mypage0 .listup_wrap, .mypage_1 .listup_wrap{max-width: 1100px; margin: 0 auto;}
.mypage0 .sc_txt_box{margin-top: 10px; justify-content: flex-end;}
.mypage0 .sc_txt_box > p > a{text-decoration: underline; cursor: pointer;}
.mypage .oper_left{width: 30%; border: none;}
.mypage .my_wrap > div{padding: 15px;}
.my_profile{width: 150px;}
.my_profile_name {margin-left: 50px;}
.my_profile_name > div > span {background-color: #FF4A6B; line-height: 1.6; font-weight: 400; font-size: 14px; color: #fff; display: block; width: 90px; padding: 2px 0; border-radius: 20px;}
.my_profile_name > div > p {display: block; text-align: left; margin-top: 5px; font-size: 26px; font-weight: 700;}
.my_profile_tel{font-weight: 400; padding-top: 20px;}

.menual_wrap {max-width: 1100px; margin: 10px auto;}
.menual_wrap > ul{display: flex; align-items: center; height: 180px; border-radius: 4px; border: 1px solid #ddd;}
.menual_wrap > ul > li{width: calc(100%/4); text-align: center;}
.mypage2 .menual_wrap > ul > li{width: calc(100%/3); text-align: center;}
.menual_wrap > ul div{ border-right: 1px solid #ddd;}
.menual_wrap > ul > li:last-child> div{border-right: none;}
.menual_wrap > ul div > a{width: 100%; padding: 25px; display: block;}
.menual_wrap div > a > i >img {width: 45px; margin: 0 auto; padding-bottom: 10px;} 
.menual_wrap div > a > p{font-weight: 500;}

.profile_top{padding-top: 20px; padding-bottom: 30px}
.profile_top > div{display: flex; align-items: center; position: relative;}
.profile_top span::after{content: '구직자'; position: absolute; top: 0; left: 0; transform: translateY(-20px); font-size: 14px; font-weight: 500; background-color: #ff4a6b; color: #fff; padding: 5px 10px 3px; border-radius: 15px;}
.mypage2 .profile_top span::after{content: '채용자'; position: absolute; top: 0; left: 0; transform: translateY(-20px); font-size: 14px; font-weight: 500; background-color: #ff4a6b; color: #fff; padding: 5px 10px 3px; border-radius: 15px;}
.profile_top  h4{font-size: 22px; margin-top: 15px; margin-right: 5px;}
.profile_top  p {font-weight: 400; font-size: 16px; color: #888; margin-top: 15px;}
.profile_bot{display: flex;}
.profile_bot >  div {width: calc(100%/4);}
.profile_bot p:first-child {font-weight: 400; padding-bottom: 10px;}
/* .profile_bot div:last-child > p{padding: 0;} */

/* 회원정보수정 */

/* 회원탈퇴 */
.mypage_2 .txtbox{ text-align: center; border-radius: 4px; font-weight: 400;}
.mypage_2 .txtbox > p{width: 51%; margin: 0 auto; font-size: 17px; padding: 20px; border: 1px solid #ddd; border-radius: 4px;}
.secession_txt{display: flex; align-items: center; gap: 15px; margin-top: 25px; justify-content: center;}
.secession_txt > p{font-size: 16px; font-weight: 400;}
.secession_txt > label{display: flex; font-size: 16px; font-weight: 400;}
.secession_but_warp {display: flex; justify-content: center; gap: 7px; margin-top: 25px;}
.secession_but_warp > button {width: 120px; font-size: 16px; border: 1px solid #ddd; border-radius: 4px; padding: 10px 0;}
.secession_but_warp > button:first-child{background-color: #ff4a6b; border: 1px solid #ff4a6b; color: #fff;}
.secession_but_warp > div {width: 120px; text-align: center; font-size: 16px; border: 1px solid #ddd; border-radius: 4px; padding: 10px 0;}
.secession_but_warp > div:first-child{background-color: #ff4a6b; border: 1px solid #ff4a6b; color: #fff; transition: all 0.2s;}
.secession_but_warp > div > a{text-align: center; font-weight: 500;}
/* 이력서관리 */
.resume_wr{background-color: #ff4a6b;}
.resume_wr > a{display: block; color: #fff; padding: 5px; font-size: 16px; font-weight: 400;}
.mypage_3 .list_tit{width: 60%;}
.mypage_3 .list_date{width: 25%;}
.mypage_3 .list_setting{width: 15%; display: block;}
.mypage_3 .list_setting > button{width: 55%; font-size: 16px; padding: 5px 0; border: 1px solid #ddd; border-radius: 4px;}
.mypage_3 .list_setting > button:first-child{margin-bottom: 5px; background-color: #f9f9f9; color: #444; border: 1px solid #ddd;}

/* 1:1문의 */
.mypage_4 .list_date{width: 20%;}
.mypage_4 .list_tit{width: 80%; display: flex; align-items: center; justify-content: center;}
.mypage_4 .list_tit > span{width: 85px; font-size: 14px; padding: 4px 0; border-radius: 29px; border: 1px solid #ff9000; color: #ff9900; margin-right: 7px;}
.mypage_4 .list_tit > a{display: block; width: 50%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.mypage_4_view .secession_but_warp {margin-top: 45px;}

/* 공지사항 조회 */


/* 개인정보수집 */
.textarea{background-color: #EDF0F5;  padding: 20px; font-size: 16px; line-height: 22px; color: #575757; height: 122px; margin-bottom: 17px; word-break: normal;}
/* 체크박스 디자인 */
.login .d-block{display: flex; align-items: center; position:relative;}
.login .d-block input[type="checkbox"] {display: none;}
.login .d-block input[type="checkbox"] + label { display: inline-block; width:20px; height: 20px; background: #f5f5f5; border: 0; cursor: pointer; border-radius: 2px; float:left; margin-right:10px;}
.login .d-block:after {display:block; clear:both; content:"";}
.login .d-block input[type="checkbox"]:checked + label {background: url(../img/sub/check_box.png)no-repeat center/23px 20px; float: left;}
.login .d-block input[type="checkbox"] + label span{position: absolute; left: 30px; top: 50%; transform: translateY(-50%); color: #222; font-size: 16px; font-weight: 400;}

input[type=checkbox]{display: none;}

.mypage_2 input[type=checkbox] + label:before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #ddd;
  vertical-align: top;
}
.checkbox_mark{color: #222; font-weight: 400;}
input[type=checkbox]:checked + label:before {
  width: 20px;
  height: 20px;
  margin-right: 5px;
  background: url() no-repeat center center;
  border: 1px solid #ff4a6b;
  background: url(/PROJECT/SUHO/page/homepage/img/sub/checked.png) #ff4a6b no-repeat 60% 50%;
  background-size: 13px 8px;
}
.inq4 label{font-size: 16px; color: #575757;}

/* modal 모달 */




/* policy */
.email .txtbox, .policy .txtbox, .privacy .txtbox{background-color: #fff; padding: 16px; border: 1px solid #ddd;}
.email .txtbox, .policy .txtbox, .privacy .txtbox {font-weight: 300; color: #555; font-size: 15px; line-height: 1.5; margin-top: 30px;}
.sub_banner.policy_sb .sb_tit{font-size: 30px;}
.policy_subtit h3.policy_h3{font-size: 40px; text-align: center; padding-top: 38px;}

.top_top{display: flex; margin-top: 50px; justify-content: flex-end;}
.top_top > div{cursor: pointer; width: 35px;}
.top_top > div:first-child{margin-right: 10px;}

.join_end .login > div:first-child{ margin-top: 80px; margin-bottom: 80px;}
.mypage_2 .txtbox {padding-top: 30px;}






















/* ********************************************* *
* 1600px
* ********************************************* */
@media screen and (max-width: 1660px){
  
  
   
}

/* ********************************************* *
* 1451px
* ********************************************* */
@media screen and (max-width: 1451px){
.map_area_cont > ul > li {width: 15.8%;}

}

/* ********************************************* *
* 1400px
* ********************************************* */
@media screen and (max-width: 1400px){


}

/* ********************************************* *
* 1319px
* ********************************************* */
@media screen and (max-width: 1319px){
.map_area_cont > ul > li {width: 19%;}
}

/* ********************************************* *
* 1240px
* ********************************************* */

@media screen and (max-width: 1240px){


}

/* ********************************************* *
* 1155px
* ********************************************* */

@media screen and (max-width: 1155px){
.lc_lnb {display: none;}
.rc_cnt {width: 100%; padding: 50px 0;}

.mypage_2 .txtbox > p{width: 80%;}


}


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

.menual_wrap div > a > i >img {width: 40px;} 

 
}


/* ********************************************* *
* 960px
* ********************************************* */
@media screen and (max-width: 960px){

.joblist_view .text_box_sec:first-child > div > div{flex-direction: column;}
.namebox{text-align: center;}

.joblist_view .bold_money {font-size: 18px;}
.joblist_view .text_colum > div > .month_pay {font-size: 13px; padding: 1px 9px 0px;}
.text_colum > div > p:first-child {font-size: 16px;}
.text_colum > div > p:last-child {font-size: 16px;}

.mypage_2 .txtbox > p{width: 100%;}

}


/* ********************************************* *
* 860px
* ********************************************* */
@media screen and (max-width: 860px){

.region_map_wrap{flex-wrap: wrap; justify-content: center}
.region_map_img_right {width: 100%; margin-top: 30px;}

.joblist_view .text_box_sec:nth-child(2) > div{flex-direction: column;}
.text_colum{width: 100%;}



}






/* ********************************************* *
* 768px
* ********************************************* */

@media screen and (max-width: 768px){

.table_body_wrap {padding-top: 10px;}
  
.customercenter .table_hd_wrap > ul {display: none;}
.customercenter .table_body_box {display: inherit; text-align: left; padding: 15px 0;}
.customercenter .table_body_box > div { width: 100%; text-align: left; padding: 0; font-weight: 400;}
.customercenter .list_name > span, .customercenter .list_date > span{ display: block; text-align: right;}
.list_tit {margin-top: 5px;}

.operatingtime .listup_box {width: 100%;}
.customercenter .list_tit > a {font-weight: 600;}
.customercenter .list_view {display: none;}
.operating_wrap > div { display: flex; flex-wrap: wrap; padding: 10px;}
.operating_wrap > div > div { padding: 5px 0 0; text-align: none;}
.oper_left{border: none;}
.oper_right > h6 {width: 100%; display: block; text-align: center; margin: 0 auto; font-weight: 400; font-size: 16px;}
.oper_right > h6 > span {text-align: left;}
.oper_right > p {width: 100%; display: block; margin: 0 auto; text-align: center;}

.cus_inquiry_list .list_num {display: none;}
.list_category > p {display: block; width: 65px; font-size: 12px; margin: 0; text-align: center;}
.cus_inquiry_list .list_tit span::after {position: absolute; top: 50%; transform: translateY(-65%); width: 12px; height: 15px; margin-left: 5px;}


.mypage0 .profile_top > div {justify-content: center;}
.mypage0 .profile_top span::after {left: 50%; transform: translateX(-50%) translateY(-20px);}
.mypage0 .profile_top h4 {margin-right: 0;} 
.mypage0 .oper_left {width: 100%;}
.mypage0 .my_profile {margin: 0 auto; width: 120px;}


.mypage .table_hd_wrap > ul {display: none;}
.mypage_3 .table_body_box {flex-direction: column; align-items: flex-start}
.mypage_3 .list_tit, .mypage_3 .list_date {width: 100%;}
.mypage_3 .list_tit > span, .mypage_3 .list_date > span {display: block; float: left;}
.mypage_3 .list_setting {display: flex; width: 100%; gap: 5px;}
.mypage_3 .list_setting > button:first-child {margin-bottom: 0;}
.mypage_3 .list_setting > button {color: #444; padding: 9px 0; font-size: 14px;}
.mypage_3 .list_tit > span {font-weight: 600;}
.mypage_3 .list_date > span,
.customercenter .table_body_box > .list_category {font-size: 14px; color: #888;}
.mypage_3 .list_date{ order:1; }
.mypage_3 .list_tit{ order:2; padding-top: 0;}
.mypage_3 .list_setting { order:3;}
.resume_wr > a { padding: 3px; font-size: 14px;}
.board_total > div {padding: 3px 10px;}

.listup_wrap {padding-top: 30px;}
.mypage_6 .name_label {display: none;}
.mypage_6  .table_body_box {display: inherit; padding: 15px 0;}
.mypage_6  .table_body_box > .name,
.mypage_6  .table_body_box > .view {display: none;} 
.mypage_6 .table_body_box > div {padding: 0;}
.mypage_6 .table_body_box > .scr{padding: 0; width: 20%; float: right;}
.mypage_6 .stiker_star{padding: 0; float: right;}
.mypage_6 .writ_title {width: 100%;}
.mypage_6 .writ_title > span {display: block; padding-top: 5px;}
.mypage_6 .re_ca {display: flex; width: 70%; padding: 0;}
.mypage_6 .re_ca >span {font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.mypage_6 .re_ca >span:first-child::after{content: '|'; margin: 0 5px;}
.mypage_6 .wrdate {width: 100%; text-align: right;}
.mypage_6 .wrdate > span {width: 100%; display: block; text-align: right; color: #888; font-size: 15px;}
.mypage_6  .writ_title > span {text-align: left;}

.table_hd_wrap {display: none;}
.joblist_region .table_body_wrap {padding-top: 10px;}
.joblist_region .name_label {display: none;}
.joblist_region  .table_body_box {display: inherit; padding: 15px 0;}
.joblist_region .table_body_box > .name,
.joblist_region .table_body_box > .view {display: none;} 
.joblist_region .table_body_box > div {text-align: left; padding: 0;}
.joblist_region .table_body_box > .scr{padding: 0; width: 20%; float: right;}
.joblist_region .stiker_star{padding: 0; float: right;}
.joblist_region .writ_title {width: 100%;}
.joblist_region .writ_title > span {display: block; padding-top: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.joblist_region .re_ca {display: flex; width: 80%; padding: 0;}
.joblist_region .re_ca >span {font-size: 14px;}
.joblist_region .re_ca >span:first-child::after{content: '|'; margin: 0 5px;}
.joblist_region .wrdate {width: 100%;}
.joblist_region .wrdate > span {width: 100%; display: block; text-align: right; color: #888;}

.csb_bt {width: 50%; padding: 9px 0;}
.moreinfo_but, .moreinfo_but_off {width: 50%; color: #ff4a6b; font-size: 16px;}

.mypage_4  .table_body_box > div {width: 100%; padding: 0;}
.mypage_4 .table_body_box {display: inherit; padding: 15px 0;}
.mypage_4 .list_tit {justify-content: flex-start; width: 80%;}
.mypage_4 .list_tit > a {width: auto; font-size: 16px; font-weight: 600;}
.mypage_4 .list_date{text-align: left; width: 20%; }
.mypage_4 .list_date > span{display: block; padding-top: 7px; color: #888; font-size: 15px;}
.mypage_4 .list_tit > span {font-size: 12px; width: 70px;}

.list_goback_button{width: 100%;}

.inquiry_cont ul li > div {display: block;}
.inquiry_cont ul li > div > span,
.inquiry_cont ul li > div > div {width: 100%;}
.inquiry_cont ul li > div > span {padding-bottom: 15px;}

.basket_2 div li{width: 100%;}
.basket_01 > ul {padding-bottom: 45px;}

.menual_wrap div > a > i >img {width: 35px;}

.text_box_sec_a > h6 {font-size: 16px;}

.re_ca > b {display: block; color: #FF4A6B; font-size: 14px; font-weight: 400;}
.re_ca > b::before {content: '|'; margin: 0 5px; color: #444;}
.notice_view .view_mid .text_box_sec {padding: 30px 0;}
.notice_view .bottom .post > div {padding: 15px 0;}

}


/* ********************************************* *
* 718px
* ********************************************* */
@media screen and (max-width: 718px){
    
}



/* ********************************************* *
* 640px
* ********************************************* */
@media screen and (max-width: 640px){
    
/* policy */
.policy .txtbox, .praivacy .txtbox{padding: 26px;}
.sub_banner.policy_sb .sb_tit{font-size: 22px;}
.policy_subtit h3.policy_h3{font-size: 22px;}

.sc_txt_box > h4 {font-size: 16px;}

}

/* ********************************************* *
* 600px
* ********************************************* */
@media screen and (max-width: 600px){

.joblist_view .top {padding: 25px;}
.joblist_info_wrap > div h4 {font-size: 16px; font-weight: 600;}
.joblist_view .text_box_sec:first-child > div > div img {width: 45px;}
.joblist_view .text_box_sec:first-child > div > div p:first-child {font-size: 14px;}
.joblist_view .text_box_sec:first-child > div > div p:last-child {font-size: 16px; font-weight: 500;}

}


/* ********************************************* *
* 560px
* ********************************************* */
@media screen and (max-width: 560px){
.mypage .profile_bot {flex-direction: column; background-color: #f5f5f5; padding: 20px 20px; border-radius: 4px;}
.mypage .profile_bot > div {width: 100%;  display: flex; justify-content: space-between}
.menual_wrap > ul {flex-wrap: wrap; border: none; margin-bottom: 80px;}
.menual_wrap > ul > li {width: calc(100%/2); padding: 5px;}
.menual_wrap > ul div {height: 135px; border: 1px solid #ddd; border-radius: 4px;}
.menual_wrap > ul > li:last-child> div{border-right: 1px solid #ddd;}
.operating_wrap > div {flex-wrap: wrap;}
.mypage .oper_left {width: 100%; border: none;}
.my_profile { width: 150px; margin: 0 auto;}
.profile_top > div {justify-content: center;}
.profile_top span::after { top: 0; left: 50%; transform: translate(-50%, -10px); font-size: 12px; padding: 3px 10px 1px;}
.menual_wrap li:last-child > div > a > i > img {padding-bottom: 15px;}
.mypage0 .sc_txt_box{margin-top: 15px; justify-content: flex-end;}
.table_hd_wrap li,
.table_body_box > div{font-size: 16px;}
.menual_wrap div > a > i >img {width: 30px; margin: 0 auto; padding-bottom: 10px;} 
.menual_wrap > ul div {height: auto;}
.menual_wrap > ul div > a > p {font-size: 14px;}
.profile_bot p {font-size: 14px;}
.profile_bot p:last-child {font-weight: 500;}
.my_profile { width: 80px; margin: 0 auto;}
.sub_lnb_wrap {display: none;}

.joblist_info_wrap {flex-wrap: wrap; gap: 5px; justify-content: space-between}
.joblist_view .top {padding: 15px;}
.joblist_view .sc_bd .top h2 {font-size: 20px;}
.joblist_view h5 {font-size: 18px;}
.joblist_view .bd .top span{width: 50px; font-size: 12px; padding: 3px 3px; }
.joblist_view .bd .top p {font-size: 14px; color: #888;}
.joblist_info_wrap > div h4 {font-size: 15px; font-weight: 500;}
.joblist_view .text_box_sec:nth-child(2) > div { display: flex; gap: 5px; flex-direction: column;}
.joblist_view .text_box_sec:nth-child(2) > div > div {width: 100%;}
.joblist_view .text_box_sec:nth-child(2) > div > div > div {justify-content: flex-start;}
.joblist_view .text_box_sec:nth-child(2) > div > div > div {font-size: 16px;}
.bold_money {font-weight: 700; font-size: 17px;}
.joblist_view .text_box_sec:nth-child(3) > div > div { font-size: 14px;}
.joblist_view .text_box_sec > div {padding: 15px;}
.detail_text_box div > p {line-height: 1.7;}

.text_colum > div > .month_pay {font-size: 12px;}

.operatingtime .listup_wrap>.sc_txt_box>.sc_title {font-size: 25px;}
.oper_left > h5 { font-size: 35px;}
.operatingtime .listup_wrap>.sc_txt_box> p {font-size: 14px;}
.operatingtime .listup_wrap>.sc_txt_box> p > br{display: block;} 
.oper_left > p {margin-top: 0;}

.secession_but_warp > div {width: 50%;}
.box_2_con_on{font-size: 15px; line-height: 1.7;}

/* .box_3{display: none;}
.search_button_wrap > button {display: none;} */

.joblist_view .text_box_sec:first-child > div > div p:last-child {font-size: 15px;}

.rc_cnt{padding: 100px 0;}

}

/* ********************************************* *
* 500px
* ********************************************* */
@media screen and (max-width: 500px){

.qnq_q_box > h3 {font-size: 14px;}
.main_option {margin-top: 15px;}
.region_title > h3 {font-size: 25px; text-align: center;}
.box_2_con {font-size: 15px; line-height: 1.7; font-weight: 500;}
.none_check {font-size: 15px;} 

.basket_1{width: 30%;}
.basket_2{width: 70%;}

.qna_a_box > h3 {font-size: 14px}
.q_on > span:first-child {width: 30px; height: 30px; line-height: 1.7;}
.qna_a_box > h3 > span:first-child {width: 30px; height: 30px; line-height: 1.7;}
.notice_view .bd-md .top .view_title {font-size: 22px;}
.notice_view .bd-md .top > div{font-size: 15px;}
.notice_view .view_mid .text_box_sec,
.text_box_sec_a,
.notice_view .bottom .post > div {font-size: 15px;}

.inquiry_cont{margin-top: 15px;}

.joblist_region .wrdate > span,
.customercenter .list_name > span, .customercenter .list_date > span{font-size: 15px;}

.mypage_2 .txtbox > p {font-size: 14px;}


.mypage_2 input[type=checkbox] + label:before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
}
.mypage_2 .checkbox_mark{color: #222; font-weight: 400;}
input[type=checkbox]:checked + label:before {
  width: 18px;
  height: 18px;
}

.secession_txt > p, .mypage_2 .checkbox_mark{font-size: 14px;}

.notice_view .view_mid .text_box_sec {padding: 25px 0;}
.notice_view .bottom .post > div {padding: 10px 0;}


}

/* ********************************************* *
* 435px
* ********************************************* */
@media screen and (max-width: 435px){

.joblist_view .text_box_sec:first-child > div {justify-content: center; flex-wrap: wrap;}
.joblist_view .text_box_sec:first-child > div > div {width: 45%;}
.text_colum > div > p:first-child,
.text_colum > div > p:last-child,
.joblist_view .text_box_sec:first-child > div > div p:last-child{font-size: 15px;}
.joblist_view .bd .top p,
.joblist_view .text_box_sec:first-child > div > div p:first-child {font-size: 12px;}
.joblist_view .text_box_sec:first-child > div {gap: 15px;}

  
}


/* ********************************************* *
* 400px
* ********************************************* */
@media screen and (max-width: 450px){

/* policy */
.policy .txtbox, .praivacy .txtbox{padding: 20px; font-size: 14px;}
.map_area_cont > ul > li { width: 23.9%; }
.map_area_select > ul > li{font-size: 12px;}
.csb_bt {font-size: 14px;}
.moreinfo_but, .moreinfo_but_off {font-size: 14px;}
.joblist_region .wrdate > span {font-size: 14px;}

  
}

@media screen and (max-width: 400px){

.bold_money {font-size: 16px;}
.joblist_view .text_box_sec:nth-child(2) > div > div > div {font-size: 14px; word-break: keep-all;}
.inquiry_cont ul li > div > span {font-size: 16px; padding-bottom: 7px;}  
.inquiry_cont ul li > div {padding: 25px 0;}
.oper_right > h6{width: 211px;}
.oper_right > h6, .oper_right > p  {font-size: 15px;}

.mypage_2 .txtbox > p, .secession_txt > p, .checkbox_mark {font-size: 14px;}
.mypage_2 input[type=checkbox] + label:before { width: 15px; height: 15px; margin-top: 4px; vertical-align: top;}
.secession_but_warp > button {width: 100%; padding: 10px 0; font-size: 14px;}

.mypage0 .my_profile {width: 90px;}

.mypage_4 .list_tit > a{font-size: 14px;}
.mypage_3 .list_setting > button {font-size: 14px;}
.notice_view .bottom .button button { width: 100%; border-radius: 4px; }
}

/* ********************************************* *
* 370 350 330px
* ********************************************* */
@media screen and (max-width: 379px){

.map_area_cont > ul > li {width: 31.9%;}

}

@media screen and (max-width: 370px){


}

@media screen and (max-width: 350px){


/* policy */
.policy_subtit h3.policy_h3{font-size: 20px;}

.notice_view .bd-md .top .view_title {
  font-size: 18px;
  font-weight: 500;
  width: 100%;
  padding-bottom: 16px;
  margin-bottom: 0px;
}
.notice_view .bd-md .top > div,
.notice_view .view_mid .text_box_sec,
.notice_view .bottom .post > div,
.text_box_sec_a {font-size: 14px;}
.notice_view .bottom .button button {font-size: 14px;}

.mypage_4 .list_tit > span {width: 60px; font-size: 10px;}
.mypage_4 .list_tit > a {font-size: 14px}
.mypage_4 .list_date > span{font-size: 13px;}


}



@media screen and (max-width: 330px){
    
.joblist_view .sc_bd .top h2 {font-size: 18px;}  

.joblist_info_wrap > div h4 {font-size: 14px;}

}


@media screen and (max-width: 300px){

.menual_wrap > ul div > a {padding: 15px;}
.sc_txt_box > p {font-size: 12px;}
.top_footer li > a {font-size: 12px;}
.joblist_info_wrap > div h4{font-size: 14px;}
.top_tit {padding-bottom: 10px;}
.joblist_info_wrap{padding-top: 10px;}

.mypage_2 .txtbox > p {font-size: 12px;}

.oper_left > p {font-size: 13px;}
.oper_left > h5 {font-size: 28px;}
.operatingtime .listup_wrap>.sc_txt_box>.sc_title {font-size: 18px;}



}