/***** jobs/index *****/
.page_wrapper {display: flex; flex-direction: column; padding-top: 2rem; padding-bottom: 0;}
.page_wrapper.no_top {padding-top: 0;}
/* .page_wrapper .section_title {font-size: 1rem; font-weight: 700; margin-left: 4px; margin-bottom: 1rem;} */
.searchbar_wrap {display: flex; justify-content: center;}
.searchbar_wrap .searchbar {display: flex; width: 580px; height: 55px; min-height: 0; background-color: var(--main_c_20); border-radius: 99px; overflow: hidden; box-shadow: 0 4px 6px rgba(155, 155, 155, 0.1); transition: all 0.35s ease;}
.searchbar .searchbar_left {width: 85%; height: 100%; border-radius: 0 99px 99px 0; background-color: #FFF; overflow: hidden; z-index: 2;}
.searchbar button {padding: 16px 30px; font-size: 14px; white-space: nowrap;}
.searchbar .btn_filter {display: flex; align-items: center; gap: 2px; font-size: 14px;}
.searchbar .btn_filter span {width: fit-content; visibility: visible; opacity: 1;}
.searchbar .btn_search {width: 15%; flex-grow: 1; margin-left: -25px; padding-left: 45px; border-radius: 0 99px 99px 0; color: var(--main_c); font-weight: 500;}
.searchbar_main {display: flex; align-items: center;}
.searchbar_main .input_filter {flex-grow: 1;}
/*searchbar_wide*/
.searchbar.wide {width: 800px; min-height: 260px; border-radius: 16px;}
.searchbar.wide .searchbar_left {border-radius: 16px; width: 85%;}
.searchbar.wide .btn_filter i {font-size: 20px; transform: rotate(45deg); transition: transform 0.6s ease;}
.searchbar.wide .btn_filter span {width: 0; visibility: hidden; opacity: 0;}
/*searchbar_wide_filterbox*/
.searchbar_filter {display: flex; flex-direction: column; gap: 10px; padding: 16px 30px; font-size: 15px; overflow: hidden;}
.filter_box {display: flex; gap: 2rem; white-space: nowrap;}
.filter_box .filter_tit {margin-right: 10px; padding-bottom: 8px; font-weight: 500;}
.filter_box .filter_list {display: flex; gap: 1rem; white-space: nowrap; padding-bottom: 8px;}
.searchbar.wide .filter_box .filter_list {overflow-x: auto;}
/*채용공고*/
.ad_card {border-radius: 12px; background-color: #FFF; box-shadow: 0 4px 6px rgba(155, 155, 155, 0.1); overflow: hidden;}
.mainPremiumAd .ad_card, .mainPlusAd .ad_card {transition: box-shadow 0.2s ease;}
.mainPremiumAd .ad_card:hover, .mainPlusAd .ad_card:hover {box-shadow: 0px 3px 8px rgba(155,155,155,0.5);}
/*top*/
.mainHotAd {padding-bottom: 10px !important;}
.ad_wrap {position: relative;}
.ad_wrap .swiper-button-prev, .ad_wrap .swiper-button-next {color: #393939; background-color: rgba(255, 255, 255, 0.6); box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); padding: 10px; width: 38px; height: 38px; border-radius: 99px;}
.ad_wrap .swiper-button-prev::after, .ad_wrap .swiper-button-next::after {font-size: 12px; font-weight: 600;}
.ad_wrap .swiper-button-prev {left: -20px;}
.ad_wrap .swiper-button-next {right: -20px;}
.card_img {background-position: center; background-size: cover; background-repeat: no-repeat; flex-shrink: 0;}
.card_info {display: flex; flex-direction: column; flex-grow: 1; padding: 1rem 1.2rem;}
@media (hover: hover) {
	.mainHotAd .ad_card {display: flex; width: 480px; min-height: 200px; border: 1px solid #E1E1E1; /*row-gap: 6px;*/ position: relative; transition: width 0.3s ease;}
	.card_img {background-position: center; background-size: cover; background-repeat: no-repeat; flex-shrink: 0; /*width: 45%;*/ width: 340px;}
	.mainHotAd .card_info {position: absolute; background-color: #FFF; top: 0; left: 30px; width: 90%; height: 100%; border-radius: 12px 0 0 12px; transition: all 0.3s ease; display: flex; justify-content: space-between;}
	.mainHotAd .ad_card:hover .card_img {padding-bottom: 0;}
	.mainHotAd .ad_card .card_img:hover ~ .card_info {transform: translateX(40%);}
}
@media (hover: none) {
	.mainHotAd .ad_card {display: flex; flex-direction: column; max-width: 380px; height: auto;}
	/* .card_img {} */
}


.card_info .card_jobs_name {font-weight: 600;}
.card_info .card_jobs_info {margin-top: 16px; padding-top: 16px; color: #999; border-top: 1px solid #E1E1E1; font-size: 0.9rem;}
.target_item {position: relative; display: inline-block; padding-right: 14px; margin-right: 8px;}
.target_item:not(:last-child)::after {content: ""; position: absolute; background-color: #bbb; width: 2px; height: 50%; top: 23%; right: 0;}
/*special*/
.special_ad {display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; padding: 25px 50px; background-color: var(--main_c); opacity: .8; height: 150px; color: #FFF;}
/*premium*/
.section_box .mainPremiumAd {padding-bottom: 3.5rem;}
.mainPremiumAd .pi_wrapper {display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; width: 100%;}
.mainPremiumAd .pi_wrapper .premium_item {display: flex; flex-direction: column;}
.mainPremiumAd .card_jobs_info {margin-top: 30px;}
.mainPremiumAd .card_shop_name {display: flex; align-items: center; justify-content: space-between; white-space: nowrap; margin-bottom: 4px;}
.mainPremiumAd .cji_item {display: flex; align-items: flex-start;}
.mainPremiumAd .cji_item_label {min-width: 60px; margin-right: 8px;}
.mainPremiumAd .cjil_reg {color: hsl(86.75deg 33.6% 48.43%);}
.mainPremiumAd .cjil_target {color: var(--main_c);}

.mainPremiumAd .swiper-pagination-bullet-active {background-color: var(--main_c);}
/*plus*/
.mainPlusAd {display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 1rem;}
/* .mainPlusAd .plus_item {height: 180px;} */
.plus_item .card_shop_name {margin-bottom: 2px;}
.section_box .go_list {display: flex; align-items: center; justify-content: center; margin-top: 2rem;}
.section_box .go_list a {width: fit-content; padding: 8px 40px; border-radius: 8px; background-color: var(--main_c_20); color: var(--main_c);}
/*normal*/
.mainNormalAd {padding: 1rem;}
.mainNormalAd .normal_item {display: flex; align-items: center; gap: 2rem; padding: 1.6rem 1rem; box-shadow: none; border: none; border-radius: 0; white-space: nowrap;}
.mainNormalAd .normal_item:hover {background-color: #FAFAFA;}
.mainNormalAd .normal_item:not(:last-child) {border-bottom: 1px solid #e1e1e1;}
.mainNormalAd .normal_item .rc_grey {color: #999; font-size: 0.9rem; font-weight: 500;}
.mainNormalAd .normal_item .rc_grey_mob {display: none; color: #999;}
.mainNormalAd .normal_item .rc_title {flex-grow: 1; font-weight: 550; width: 100%;}
.mainNormalAd .normal_item .rc_title:hover {color: var(--main_c);}
.mainNormalAd .ci_pay {min-width: 6rem; text-align: right; color: #222;}
.mainNormalAd .cji_item {display: flex; align-items: center; gap: 10px;}
.cji_item .ci_label_pay {padding: 0px 12px; background: #FFF; border-radius: 99px; border: 1px solid #999; color: #777; font-size: 12px;}
.cji_item .ci_label_pay_002 {color: #ED1C85; border-color: #ED1C85;} /*능력*/
.cji_item .ci_label_pay_003 {color: var(--main_c); border-color: var(--main_c);} /*일급*/
.cji_item .ci_label_pay_004 {color: #4cbb4c; border-color: #4cbb4c;} /*주급*/
.cji_item .ci_label_pay_005 {color: #000; border-color: #000;} /*월급*/


/***** jobs/list *****/
/*filter*/
.filter_area {display: flex; align-items: center; gap: 8px; white-space: nowrap; font-size: 0.9rem;}
.filter_area>*:not(form) {background-color: #FFF; border-radius: 6px; box-shadow: 0 0 6px rgba(153,153,153,0.1);}
.filter_area .btn_reset {display: flex; align-items: center; padding: 0.5rem 0.7rem; gap: 6px; color: var(--main_c);}
.filter_area .filter_item {position: relative; cursor: pointer;}
.filter_area .filter_item:not(.mob_filter_item).sel_act {box-shadow: 0 1px 4px #dce0e4;}
.filter_area .mob_filter_item {display: none;}
.filter_item .sel_options {position: absolute; top: 120%; display: none; gap: 12px; background-color: #FFF; padding: 12px; border-radius: 6px; transition: none;}
.filter_item .sel_options.set_loc_wrap {width: 300px; left: 0% !important; transform: translateX(0%) !important; padding: 0; gap: 0;}
.filter_item .sel_options.set_loc_wrap .custom_selbox {padding: 8px 1rem;}
.filter_item .sel_options::after {position: absolute; top: -10px; left: 0; content: ""; width: 100px; height: 10px; cursor: default;} /*버튼과 options박스 사이 간격 가상 채우기*/
.filter_item.sel_position:hover .sel_options, .filter_item.sel_position.sel_act .sel_options {display: flex; flex-direction: column; z-index: 1; left: 50%; transform: translateX(-50%);}
.filter_item.sel_condition:hover .sel_options, .filter_item.sel_condition.sel_act .sel_options {display: flex; flex-wrap: wrap; z-index: 1; right: 100%; transform: translateX(100%); width: 360px;}
.sel_options label.sel_cond {padding: 8px 8px 8px 18px; margin-left: 4px; cursor: pointer; position: relative;}
.sel_options label.sel_pos {padding: 6px 0px 6px 18px; cursor: pointer; position: relative;}
.sel_options label.sel_pos input, .sel_options label.sel_cond input {display: none;}
.filter_item .sel_options label::after {position: absolute; font-family: "RemixIcon"; content: "\EB7B"; top: 50%; transform: translateY(-50%); left: 0;}
.sel_options label.sel_act span, .sel_options label.sel_act::after {color: var(--main_c);}
.filter_item .sel_click {position: relative; padding: 8px 28px 8px 12px; display: flex; gap: 4px; color: #999;}
.filter_item .sel_click.mob_sel_click {padding: 0.5rem 0.8rem;}
.filter_item .sel_click:not(.mob_sel_click)::after {position: absolute; font-family: 'RemixIcon'; content: '\EA4D'; top: 50%; transform: translateY(-50%); right: 7%;}
.filter_item .sel_click.sel_act:not(.mob_sel_click)::after {content: '\EA77';}
.filter_item .sel_click:not(.mob_sel_click):hover, .filter_item .sel_click.sel_act {color: var(--main_c);}
.filter_area #jobsFrm {width: 100%;}
.filter_area .input_keyword {display: flex; align-items: center; margin-left: auto; width: clamp(160px, 100%, 480px); gap: 8px; padding: 4px; padding-left: 20px; border-radius: 50px; background-color: #FFF;}
.filter_area .input_keyword i {color: rgba(0,0,0,0.5);}
.filter_area .input_keyword input {flex: 1 1 0; min-width: 0; height: 32px;}
.filter_area .input_keyword button {width: 4.8rem; height: 32px; border-radius: 50px; background-color: var(--main_c); color: #F5F5F5; font-size: 0.9rem; font-weight: 600;}
.filter_area .input_keyword button:hover {background-color: #393939;}
/*list*/
.view_area {display: flex; width: 100%; gap: 18px;}
.view_area .jobs_list, .view_area .job_detail {display: flex; flex-direction: column; gap: 1rem; width: 30%; min-width: 240px;}
.jobs_list .job_box {display: flex; flex-direction: column; justify-content: space-between; border-radius: 12px; cursor: pointer; background-color: #FFF; overflow: hidden; transition: box-shadow 0.25s cubic-bezier(0.33, 1, 0.68, 1);}
.jobs_list .job_box:hover,
.jobs_list .job_box.sel_act {box-shadow: 0 4px 10px rgba(75, 75, 75, 0.1);}
.jobs_list .job_box.sel_act {border: 1px solid var(--main_c);}
.job_box .jb_header {display: flex; justify-content: space-between; align-items: center; white-space: nowrap; padding: 1.1rem 1.1rem 0; margin-bottom: 0.5rem;}
.job_box .jb_summary {padding: 0.7rem 1.1rem; color: #999; font-size: 0.9rem;}
.job_box .jb_footer {display: flex; align-items: center; gap: 8px; padding: 0.7rem 1.1rem; font-size: 0.9rem; background: linear-gradient(83deg, #f1fafa, #ffffff);}
.job_box .jb_title {font-size: 1rem; text-overflow: ellipsis; overflow: hidden; padding-right: 1rem; font-weight: 500;}
.job_box:hover .jb_title, .job_box.sel_act .jb_title {color: var(--main_c);}
.job_box .jb_pay {color: #ef4646; font-size: 0.95rem; font-weight: 600;}
.job_box .jb_shop_img {position: relative; width: 25px; height: 25px; background: url('/puligo_demo/img/shop_img.png') center / cover no-repeat; border-radius: 3px; flex-shrink: 0;}
.job_box .jb_shop_img::after {content: ""; position: absolute; bottom: -4px; right: -4px; width: 12px; height: 12px; background-color: var(--main_c); border: 2px solid #FFFFFF; border-radius: 150px;}
.job_box .jb_shop_name {display: -webkit-box; line-clamp: 1; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 1.4em; height: 1.4em; font-size: 0.9rem;}
.job_box .jb_shop_name::after {content:""; display: inline-block; width: 14px; height: 13px; vertical-align: middle; margin-left: 5px; margin-bottom: 2px; background: url('/puligo_demo/img/icons/shop_auth.svg') center / contain no-repeat;}
.job_box .jb_loc {margin-left: auto; color: #777; white-space: nowrap;}
.search_empty {display: flex; align-items: center; justify-content: center; min-height: 200px; width: 100%; height: 100%;}
/*list-mobile*/
.job_box .jb_header .jb_loc_mob {display: none; margin-bottom: 5px; color :#AAA; font-size: 0.85rem; font-weight: normal;}
.job_box .jb_summary .sum_pay_mob {display: none; color: #ef4646; font-weight: 500;}
/*detail*/
.view_area .job_detail {flex-grow: 1; position: sticky; top: calc(var(--basic_header_height) + 66px); border-radius: 12px 12px 0 0; max-height: calc(100vh - 153px); overflow-y: auto;}
.view_area .job_detail.no_sh {top: calc(var(--basic_header_height) + 12px); max-height: calc(100vh - 105px);}
.job_detail .detail_ad {width: 100%; height: 140px; flex-shrink: 0; border-radius: 12px; background-color: #ddd;}
.job_detail .detail_ad {display:flex;align-items:center;justify-content:center;}/*bg-img 설정 시 이 줄은 삭제하면 됨*/
.job_detail .detail_box {background-color: #FFF; border-radius: 12px;}
.detail_box .detail_box_header {display: flex; flex-direction: column; padding: 1.5rem; border-radius: 12px 12px 0 0; background-color: #FFF; z-index: 10;}
.detail_box .detail_box_header.on {position: sticky; top: 0; box-shadow: 0 8px 16px rgb(153 153 153 / 0.1);}
.detail_box_header .db_title {display: flex; flex-direction: column; font-size: clamp(18px, 2vw, 21px); font-weight: 700; gap: 6px;}
.detail_box_header .db_title .btn_group {display: flex; gap: 8px; white-space: nowrap;}
.detail_box_header .db_title .btn_group_mob {display: none;}
.detail_box_header .db_title button { padding-left: 6px; color: #999; font-size: 0.95rem; font-weight: 400;}
.detail_box_header .db_title button.detail_close {display: none;}
.detail_box_header .db_title button:not(.detail_close):hover {border-color: rgba(var(--main_c_rgb), 0.5); color: var(--main_c);}
.detail_box_header .db_title button span {font-size: 0.85rem;}
.detail_box_header .db_subtitle {display: flex; justify-content: space-between; width: 100%;}
.detail_box_header .db_subtitle .db_region {color: #999; font-size: 0.95rem; font-weight: 500;}

.detail_box .detail_box_body {padding: 1.5rem 1.8rem;}
.detail_box_body .db_text {display: none;}
.detail_box_body .db_subtit {position: relative; font-size: 1rem; font-weight: 700; padding-left: 18px;}
.db_subtit::before {position: absolute; content: ""; width: 5px; height: 86%; background-color: var(--main_c); top: 50%; transform: translateY(-50%); left: 0;}
.detail_box_body .db_subcont {display: flex; flex-direction: column; margin-top: 1.5rem; margin-bottom: 4rem; gap: 1rem;}
.detail_box_body .db_req .db_subcont {font-size: 0.9rem;}
.detail_box_body .db_subcont .cont_item .ci_label {margin-right: 1rem; color: #999; display: inline-block; min-width: 3.6rem;}
.detail_box_body .db_target {display: grid; grid-template-columns: 1fr 1fr;}
.detail_box_body .db_target .cont_item:nth-child(even) .ci_label {min-width: 6rem;}
.detail_box_body .db_subcont .cont_item span:not(:first-child) {font-weight: 500;}
.detail_box_body .db_subcont .cont_shop_intro {line-height: 1.8;}
.detail_box_body .db_shop_info .db_subcont {flex-direction: column; row-gap: 6px;}
.detail_box_body .db_subcont .info_call .btn_call {text-decoration: underline 1px #aaa; text-underline-offset: 2px; color: #999; margin-left: 4px;}
.detail_box_body .db_subcont .info_call .btn_call:hover {text-decoration-color: #333; color: #333; font-weight: 500;}
.detail_box_body .db_subcont .info_go_detail {text-align: center; margin-top: 1rem; margin-bottom: -3rem;}
.detail_box_body .db_subcont .info_go_detail a {color: var(--main_c); font-size: 0.85rem; padding: 8px 16px; border-radius: 6px; border: 1px solid var(--main_c);}
.detail_box_body .db_subcont .info_go_detail a:hover {background-color: rgba(var(--main_c_rgb), 0.07);}
.detail_box_body .db_subcont .info_map {margin-top: 1rem; border-radius: 16px; overflow: hidden;}
.detail_box_body .divider {padding-bottom: 12px;}
.job_detail .detail_copyright {padding: 1.7rem 0.6rem; color: #999; font-size: 0.95rem; line-height: 1.4rem;}
.job_detail.empty .detail_copyright {display: none;}
/*job-mobile*/
.filter_area.mobile {overflow-x: auto; overflow-y: hidden}
.filter_area .input_keyword.mobile {width: fit-content; padding: 0.5rem 0.8rem; cursor: pointer;}
.filter_area .input_keyword.mobile input, .filter_area .input_keyword.mobile button {display: none;}
.view_area .job_detail.mobile {display: none; gap: 0; position: fixed; top: 0 !important; left: 0; width: 100%; height: 100vh; max-height: 100vh; z-index: 100; border-radius: 0;}
.view_area .job_detail.mobile.empty {display: flex; position: static;}
.view_area .job_detail.mobile.sel_act {display: flex;}
.view_area .job_detail.mobile .detail_ad {display: none;}
.view_area .job_detail.mobile .detail_box {border-radius: 0;}
.view_area .job_detail.mobile .detail_box .detail_box_header {border-radius: 0; padding: 0.7rem;}
.view_area .job_detail.mobile .detail_box .detail_box_header .db_title .detail_close {display: block;}
.view_area .job_detail.mobile .detail_box .detail_box_header .db_title {color: #999; font-size: 1rem;}
.view_area .job_detail.mobile .detail_box .detail_box_body .db_text {display: flex; margin-bottom: 2rem; font-size: 1.2rem; font-weight: 700;}
.view_area .job_detail.mobile .detail_box .detail_box_body .divider {padding-top: 8px; padding-bottom: 22px;}



/***** jobs/edit *****/
/*샵정보박스*/
.shop_infobox {position: relative; padding: 1.8rem; border-radius: 12px; background-color: #FFF; border: 1px solid #E1E1E1;}
.shop_infobox .btn_set_info {position: absolute; top: 20px; right: 24px; color: #393939; font-size: 1.2rem;}
.shop_infobox .shop_name {font-size: 1.05rem; font-weight: 700; margin-bottom: 2rem;}
.shop_infobox .shop_detail {display: flex; gap: 1rem;}
/*edit, view 공통*/
.item_list {display: flex; flex-direction: column; gap: 0.6rem;}
.item_list.list_biz {width: 40%;}
.item_list.list_contact {width: 60%;}
/*하위 sel, input*/
.item_row {display: flex; align-items: center;}
.item_tit {display: block; width: auto; min-width: 130px; margin-right: 10px; padding: 2px 0; color: #999;}
.edit_item .item_tit {padding: 0.5rem 0;}
.section_header {display: flex; align-items: center; gap: 6px; padding-bottom: 12px;}
.header_need {color: #EF4646; font-weight: 600;}
.work_edit .edit_item {display: flex; align-items: flex-start; padding: 1.5rem 0.5rem;}
.work_edit .edit_item:not(:first-child) {border-top: 1px solid #EEE;}
.edit_item .edit_content {display: flex; align-items: flex-start; gap: 0.6rem; width: 100%;}
.edit_item .edit_content_col {flex-direction: column; align-items: flex-start;}
/*jobs/edit*/
.work_edit .edit_item input {width: fit-content;}
.edit_content .ec_sel_radio {display: flex; flex-wrap: wrap; row-gap: 6px; border-radius: 8px; /*border: 1px solid #E1E1E1; background-color: #FFF;*/ /*overflow: hidden;*/}
.ec_sel_radio label {cursor: pointer;}
.ec_sel_radio input[type="radio"] {display: none;}
.ec_sel_radio input[type="radio"]:checked + .ec_sel_item {border: 1px solid #393939;}
.ec_sel_radio .ec_sel_item {padding: 8px 3rem; background-color: #FFF;}
/* .ec_sel_radio .ec_sel_item:not(:last-child) {border-right: 1px solid #E1E1E1;} */
.ec_sel_radio .ec_sel_item {border: 1px solid #E1E1E1;}
.ec_sel_radio .ec_sel_item:not(:last-child) {border-right: none;}
.ec_sel_radio .ec_sel_item:first-of-type {border-radius: 8px 0 0 8px;}
.ec_sel_radio .ec_sel_item:last-of-type {border-radius: 0 8px 8px 0;}
.ec_sel_item.lang_cd {font-size: 0.95rem; color: #999;}
.ec_sel_item.lang_cd.sel_act {background-color: var(--main_c); color: #FFF; font-weight: 500;}
.edit_content .ec_input {display: flex; align-items: center; gap: 1rem;}
.edit_content .ec_input input {padding: 10px 20px; border-radius: 8px; border: 1px solid #E1E1E1; background-color: #FFF;}
.edit_content .ec_none {min-width: 80px; white-space: nowrap; padding: 8px 0;}
.edit_content .age_txt {padding: 8px 10px; white-space: nowrap;}
.edit_content .ec_textarea {width: 100%; background-color: #FFF; border-radius: 8px 8px 0 0;}
.ec_textarea .title_area {padding: 10px 1rem; border: 1px solid #d2d2d2; border-bottom: none; border-radius: 8px 8px 0 0;}
.ec_textarea .title_area input {width: 100%; max-width: none;}
.btn_row {display: flex; gap: 10px;}
.btn_row .br_btn {display: flex; align-items: center; justify-content: center; padding: 8px; border-radius: 999px; border: 1px solid #E1E1E1; font-size: 0.95rem; font-weight: 500; white-space: nowrap;}
.btn_row .btn_cancel {flex: 1; background-color: #F6F6F6; color: #aaa;}
.btn_row .btn_save {flex: 2; background-color: var(--main_c); color: #FFF;}
.btn_row .btn_next {flex: 2; background-color: #FFF; color: var(--main_c); border: 1px solid var(--main_c);}
.btn_row .btn_ad_list {flex: 2; background-color: #FFF; color: #393939;}

.edit_item .no_input {background-color: #F1F1F1 !important;}



/***** jobs/view *****/
.vc_header {padding: 0 5px;}
.header_sub {display: flex; justify-content: space-between;}
/*.header_sub*/ .sub_txt {color: #999; font-size: 0.9rem;}
.header_sub .btn_share {color: #999; font-size: 0.85rem;}
.header_main {font-size: 1.3rem; font-weight: 600; display: flex; align-items: center;}
.header_main .my_write {margin-right: 8px; padding: 0 10px; border-radius: 99px; font-size: 0.95rem; color: #FFF;}
.header_main .my_write_Y {background-color: var(--main_c);}
.header_main .my_write_N {background-color: #ffbc00; color: #393939;}
.header_main .my_write_D {background-color: #777;}
.view_content {gap: 1.5rem; padding-bottom: 4rem;}
.view_content.type_job_main {gap: 3rem;}
.view_content.my_jobs {gap: 10px;}
.vc_box {border-radius: 12px; background-color: #FFF; padding: 2rem; border: 1px solid #E1E1E1;}
.vc_box h2 {position: relative; margin-bottom: 1.5rem; padding-left: 1.3rem; font-size: 1rem; font-weight: 700;}
.vc_box h2::before {content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 6px; height: 80%; background-color: var(--main_c);}
.vc_requires {display: flex; gap: 1rem;}
.vc_condbox {flex: 2;}
.vc_wantbox {flex: 3;}
.vc_detailbox {background-color: #F9FFFF; border: 1px solid var(--main_c);}
.last_warning {padding: 2rem 5px; color: #999; font-size: 0.9rem;}
/*jobs/view 샵갤러리*/
.shop_gallery {margin-block: 2rem;}
.shop_gallery .swiper-button-prev, .shop_gallery .swiper-button-next {color: #FFF; /*background-color: rgba(255, 255, 255); box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); padding: 10px; width: 38px; height: 38px; border-radius: 99px;*/}
.shop_gallery .swiper-button-prev::after, .shop_gallery .swiper-button-next::after {font-size: 20px; font-weight: 700;}
.shop_gallery .db_img_wrap {position: relative; max-width: 300px; cursor: pointer;}
.shop_gallery .db_img_wrap:hover .db_img {border: 1px solid #E1E1E1;}
.db_img {max-width: 300px; height: 200px; border-radius: 16px; background-size: cover; background-position: center; background-repeat: no-repeat; border: 1px solid transparent; transition: border 0.2s ease;}
.db_show_img {position: absolute; bottom: 10px; right: 10px; font-size: 20px; color: #FFF;}
.db_show_img:hover {transform: scale(1.1);}

.shop_info_item {gap: 8px;}
.bottom_shop_info {margin-top: 1rem; margin-bottom: 10px; font-size: 0.95rem;}



/***** jobs/get_job_detail *****/
/* 스크롤바 */
.job_detail::-webkit-scrollbar {display: none;}
.detail_box_body::-webkit-scrollbar {width: 4px; height: 4px;}
.detail_box_body::-webkit-scrollbar-track {background: transparent;}
.detail_box_body::-webkit-scrollbar-thumb {background: var(--border_c); border-radius: 10px;}



/***** resumes *****/
/*list*/
.resumes_grid {width: 100%;}
.resume_card {width: 49%; margin-bottom: 1.4rem; border-radius: 8px; background: #FFF; overflow: hidden; box-shadow: 0 3px 8px rgba(120, 120, 120, 0.1);}
.rc_inner {position: relative; display: flex; flex-direction: column; overflow: hidden;}
.backdrop_filter {position: absolute; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.25); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.3);}
.rc_inner .top_info {display: flex; align-items: center; gap: 8px; padding: 1.5rem 1.8rem 1.2rem; font-size: 1.1rem; font-weight: 600;}
.top_info .ti_gender {padding: 3px 16px; background-color: #777; border-radius: 50px; color: #FFF; font-size: 0.9rem; white-space: nowrap;}
.top_info .ti_gender_001 {background-color: #00AAFF;}
.top_info .ti_gender_002 {background-color: #ED1C85;}
.top_info .ti_title {line-clamp: 1; -webkit-line-clamp: 1; height: 1.6rem;}
.top_info .ti_flag {display: inline-flex; flex-shrink: 0;}
.rc_inner .mid_info {padding: 0 1.8rem; line-height: 1.6rem;}
.rc_inner .mid_info img {width: 100%;}
.rc_inner .bot_info {display: flex; column-gap: 2rem; padding: 1.2rem 1.7rem; font-size: 0.9rem; font-weight: 500;}
.bot_info .bi_item>span {margin-right: 10px;}
.bot_info .bi_item .bi_label {color: #aaa;}
.rc_inner .bot_btns {display: flex; background: #D9D9D9; font-size: 0.92rem; font-weight: 500;}
.bot_btns>* {flex: 1; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 1rem 2rem;}
.bot_btns>*:not(:last-child) {border-right: 1px solid #F6F6F6;}
.bot_btns .btn_like {font-weight: 500;}
.bot_btns .btn_like i {color: var(--main_c);}
.bot_btns .btn_message i {color: #2F00FF;}
.bot_btns .btn_call i {color: #ED1C85;}
/*edit*/
.work_myinfo {display: grid; grid-template-columns: repeat(2, 1fr);}


/***** member *****/
/*my_jobs*/
.warn_promise {gap: 10px !important;}
.warn_promise>i {color: var(--main_c); font-size: 20px;}
.warn_promise>a {text-decoration: 1px underline; color: var(--main_c); font-size: 0.98rem; font-weight: 500;}
.mypost_item {display: flex; align-items: center; gap: 1.2rem; padding: 1rem; background-color: #FFF; min-height: 60px; white-space: nowrap;}
.mypost_item .post_wrapper {display: flex; align-items: center; column-gap: 10px;}
.mypost_item .post_status {display: flex; flex-direction: column; align-items: center; gap: 4px; width: 7rem; flex-shrink: 0;}
.mypost_item .post_status .stat_tit {width: 100%; text-align: center; border-radius: 4px; padding: 6px; color: #FFF; font-size: 0.9rem; font-weight: 500;}
.mypost_item .post_status .stat_tit.stat_acc {background-color: var(--main_c);}
.mypost_item .post_status .stat_tit.stat_rej {background-color: #ffbc00;}
.mypost_item .post_status .stat_tit.stat_wait {background-color: #777; padding-block: 7px;}
.mypost_item .view_reject_text {background-color: #c72005;}
.mypost_item .post_tit {flex-grow: 1; font-weight: 500; white-space: pre-wrap; cursor: pointer;}
.mypost_item .post_tit:hover {color: var(--main_c);}
.mypost_item .post_btns {display: flex; gap: 6px;}
.mypost_item .post_btns button {flex: 1; padding: 0.4rem; border-radius: 6px; font-size: 0.9rem;}
.mypost_item .post_btns button.btn_post_del {color: #dc3545; font-weight: 500;}
.mypost_item .post_btns button:hover {color: var(--main_c);}
/*my_resumes*/
.ac_header {display: flex; padding: 0 8px; margin-bottom: 1rem;}
.ac_header .mr_status {display: flex; align-items: center; font-weight: 500;}
.mr_status .ad_desc {font-weight: 600;}
.ad_desc_Y {color: var(--main_c);}
.ad_desc_N {color: #e0a906;}
.ad_desc_D {color: #c72005;}
.req_button {color: #c72005; font-size: 0.8rem; border-radius: 99px; border: 1px solid #c72005; padding: 0px 10px; margin-left: 1rem;}
.req_approve {color: var(--main_c); border-color: var(--main_c); margin-left: 6px;}
.ac_header .mr_date {margin-left: auto;}
.ac_subheader {display: flex; flex-direction: column; gap: 10px; margin-bottom: 2rem; font-size: 0.95rem;}
.mr_inbox {background-color: #F6F6F6; border-radius: 8px; display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); padding: 1rem 2rem;}
.mr_inbox.mr_mycond {display: grid; grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)); gap: 10px;}
.mr_inbox .mm_item {display: flex; flex: 1; align-items: center;}
.mr_body {padding: 0 6px; margin-bottom: 2rem;}
.mr_body .ac_title {font-weight: 600; margin-bottom: 8px;}
.mr_footer {display: flex; flex-direction: column; gap: 10px;}
.mr_footer .mrf_item {display: flex; align-items: center; gap: 10px; font-size: 0.95rem;}
.mr_footer .mrf_item img {width: 22px; border-radius: 4px;}
.my_resumes_inner {display: grid; /*grid-template-columns: repeat(2, 1fr);*/ gap: 2rem;}
/*my_info*/
.view_content.type_my_info {gap: 1rem;}
.my_info {background-color: #FFF; border: 1px solid #E1E1E1; border-radius: 12px; padding: 0;}
.my_info.my_shop_info {margin-top: 2rem;}
.my_info .input_area {display: flex; flex-direction: column;}
.input_row .item_tit {font-size: 0.9rem;}
.my_info .input_tit {padding: 1rem 1.5rem; border-bottom: 1px solid #E1E1E1; display: flex; align-items: center;}
.header_btns {margin-left: auto; display: flex; align-items: center; gap: 1rem;}
.header_btns .btn_promise {cursor: pointer;}
.header_btns .btn_promise * {font-size: 0.9rem; color: #999;}
.header_btns .btn_promise:hover * {color: var(--main_c);}
.my_info .input_row {padding: 0.5rem 1.5rem;}
.my_info .input_row.sns_item {display: flex; align-items: center; /*gap: 2rem;*/ font-size: 0.9rem; padding: 1rem 1.5rem;}
.my_info .input_row:hover {background-color: #F6F6F6;}
.my_info .input_row:last-child {padding-bottom: 1rem; border-radius: 0 0 12px 12px;}
.my_info .promise_warn_txt {padding: 1rem 1.5rem; font-size: 0.9rem; font-weight: normal; color: #999;}
.my_info .promise_warn_txt>p {word-break: keep-all;}
.my_info .no_promise {padding: 1.5rem; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 0.95rem;}
.my_info .no_promise .go_promise {color: var(--main_c); text-decoration: 1px underline; font-weight: 500;}
.promise_stat_Y {color: var(--main_c);}
.promise_stat_N {color: #c72005;}
.promise_stat_W {color: #e0a906;}
.my_info .edit_item {display: flex; flex-direction: row; align-items: center; font-size: 0.95rem;}
/* .my_info .item_desc {width: 100%;} */
/* .edit_item #user_id {color: #777; background-color: #f6f7f8; width: fit-content; min-width: 0;} */
.edit_item .no_use {color: #777; background-color: #f6f7f8; min-width: 0;}
.edit_item #user_id.no_use {width: fit-content;}
.edit_item .button_input {position: relative; display: flex; align-items: center; width: 100%;}
.edit_item input {width: 100%; max-width: 300px; margin-right: 10px;}
.addr_parent input[type="text"] {max-width: 400px;}
.edit_item input#address1 {margin-right: 10px;}
.input_row:hover input:not(#user_id) {border-bottom: 1px solid #393939; padding-bottom: 4px; margin-right: 1rem;}
.edit_item .button_input button {padding: 2px 10px; border-radius: 4px; border: 1px solid #999; background-color: #999; color: #FFF; font-size: 0.9rem; white-space: nowrap;}
.auth_btn.auth_timer {color: #c72005; white-space: nowrap; align-self: center; font-weight: 500;}
.auth_btn.auth_done {color: #0ba018; white-space: nowrap; align-self: center; font-weight: 500;}
.input_timeout {width: 100%; text-align: center; color: #c72005;}

.sns_item .sns_tit {display: flex; align-items: center; gap: 8px; min-width: 100px; margin-right: 10px; white-space: nowrap;}
.sns_item .sns_tit img {width: 22px;}
.sns_item .sns_tit span {font-size: 0.8rem; font-weight: 600;}
.sns_item .sns_desc {display: flex; align-items: center; width: 100%;}
.login_sns_link, .logout_sns {padding: 0.4rem 1.5rem; border-radius: 4px; border: 1px solid #ccc; color: #999; font-size: 12px; white-space: nowrap;}
.logout_sns {margin-left: auto;}
.logout_sns:hover {color: inherit;}



/***** ad *****/
.ad_prod_list {display: flex; flex-direction: column; gap: 1rem; width: 100%;}
.ad_prod {display: flex; border-radius: 12px 24px 24px 12px; background-color: var(--main_c_20);}
.ad_card .ac_inner {display: flex; flex-direction: column; padding: 1.8rem; width: 90%; border-radius: 12px 24px 24px 12px; background-color: #FFF; color: #999; font-size: 0.95rem; cursor: pointer; border: 2px solid #FFF;}
.ad_card.no_act {background-color: #E1E1E1; border-color: #E1E1E1;}
.ad_card.sel_act {box-shadow: 0px 2px 6px rgba(0, 0, 0, .2)}
.ad_prod.sel_act {background-color: var(--main_c);}
.ad_card.no_act .ac_inner {background-color: #E1E1E1; border-color: #E1E1E1;}
.ad_card.sel_act .ac_inner {border: 2px solid var(--main_c);}
.ac_tit {display: flex; align-items: center; margin-bottom: 1rem; color: #555; font-size: 1.1rem; font-weight: 700;}
.ac_inner .ac_benefit {padding-bottom: 8px; margin-top: 10px; margin-bottom: 12px; border-bottom: 1px solid #AAA;}
.ad_card .btn_adloc {flex-grow: 1; margin-left: -5px; padding: 1rem; font-size: 0.9rem; white-space: nowrap;}
.ad_prod.sel_act .btn_adloc {color: #FFF;}

.ad_page_01_inner {display: flex; gap: 1rem;}
.ad_page_01_inner.open_loc .ad_prod_list {width: 30%;}
.ad_page_01_inner.open_loc .ad_prod.open_loc {background-color: var(--main_c); border-radius: 8px 8px 24px;}
.ad_page_01_inner.open_loc .ad_prod.open_loc .ac_inner {border-color: var(--main_c); border-radius: 8px 8px 24px;}
.ad_page_01_inner.open_loc .ad_prod.open_loc .btn_adloc {color: #FFF;}
.ad_page_01_inner.open_loc .ac_inner {padding: 1rem; font-size: 0.85rem;}
.ad_page_01_inner.open_loc .ac_tit {font-size: 0.9rem;}
.ad_page_01_inner .adloc_wrap {display: none; background-color: #FFF; border-radius: 16px; padding: 1rem; width: 70%; height: fit-content; box-shadow: 0px 2px 6px rgba(0, 0, 0, .2);}
.ad_page_01_inner.open_loc .adloc_wrap {display: flex;}


.ad_term {margin-top: 2rem; margin-bottom: 4rem; padding: 5px;}
.ad_term>.ac_tit {margin-inline: 5px;}
.btn_refund {margin-left: auto; color: #999; font-size: 0.87rem; font-weight: 500; text-decoration: underline;}
.ad_price_list {display: flex; gap: 1rem;}
.price_card {display: flex; flex-grow: 1; flex-direction: column; gap: 1.5rem; padding: 1.5rem; cursor: pointer; border: 2px solid #FFF;}
.price_card.sel_act {border: 2px solid var(--main_c); box-shadow: 0px 2px 6px rgba(0, 0, 0, .2);}
.price_row .price_strong {font-size: 1.1rem; font-weight: 600;}
.price_row .price_sub {color: #999; font-size: 0.9rem;}
.price_won .price_origin {color: #999; font-size: 0.9rem; text-decoration: line-through;}
.view_content .btn_row {margin-top: 2rem;}

.ad_page_02>.ad_card {padding: 1.8rem; margin-bottom: 1rem;}
.ad_page_02>.ad_card>.ac_tit {font-weight: 600;}
.ad_guide_text {margin-bottom: 10px; color: #999; font-weight: 500; display: flex; align-items: center;}
.ad_guide_text .now {color: #393939;}
.btn_go_post {margin-left: auto; font-size: 0.9rem; font-weight: 400;}
.btn_go_post:hover {color: var(--main_c);}
.ad_card .custom_selbox .sel_post {width: 100%;}
.ad_card .hope_start_date {width: 100%; padding: 10px 20px; cursor: pointer;}

.ac_history {display: flex; flex-direction: column; margin: 2rem 10px; gap: 1rem; color: #999; font-size: 0.9rem;}
.ac_history .history_tit {font-weight: 500;}
.ac_history .history_list {display: flex; flex-direction: column; gap: 10px;}
.history_list .hl_item {display: flex; align-items: center; gap: 3rem;}
.hi_info .hii_item {position: relative; padding: 0 1.5rem;}
.hi_info .hii_item:not(:last-child)::after {position: absolute; content: ""; top: 50%; transform: translateY(-50%); right: 0; width: 1px; height: 70%; background-color: #999;}

.pay_infocard {display: flex; flex-direction: column; gap: 10px; padding: 1.8rem; border: 2px dashed var(--main_c);}

.ad_infocard {padding: 1.8rem;}
.req_ad_info {display: flex; flex-direction: column; gap: 1.8rem; margin-top: 2rem;}
.req_ad_info .rai_item {display: flex; flex-direction: column; gap: 2px;}
.rai_item .rai_item_tit {color: #999; font-size: 0.9rem;}
.rai_item .rai_item_desc {font-weight: 500;}
.rai_table {margin-block: 20px;}
.rai_table tr {text-align: center;}
.rai_table th {padding: 10px; border-bottom: 1px solid #aaa; color: #999; font-size: 0.9rem; font-weight: 400;}
.rai_table td {padding: 1rem 0.5rem; font-weight: 500;}

.my_ad_card {padding: 1.5rem;}
.my_ad_card .ac_tit {font-size: 1rem; font-weight: 600; margin-left: 5px;}
.my_ad_card .ac_detail {display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.3rem; margin-block: 2rem;}
.ac_detail .ac_item {font-size: 0.95rem; border-radius: 8px; border: 1px solid #E1E1E1; background-color: #FFF;}
.ac_detail .ac_item .ac_item_inner {display: flex; flex-direction: column; gap: 1rem; padding: 1.5rem;}
.ac_detail .ac_item .ac_item_inner:last-child {border-top: 1px solid #E1E1E1;}
.btn_jump {margin-top: 1rem; padding: 8px; color: #fff; font-weight: 500; border-radius: 8px; background-color: var(--main_c);}
.view_reject_text {background-color: #c72005;}
.btn_jump.status_0001 {background-color: #e0a906; text-align: center;}
.no_ad_card {display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 38vh; max-height: 400px;}
.no_ad_list {display: flex; flex-direction: column; align-items: center;}
.no_ad_list i {color: #D9D9D9; margin-bottom: 10px; font-size: 2.5rem;}
.no_ad_list>svg {margin-bottom: 10px;}
.no_ad_list>span {font-size: 15px; line-height: 1.4;}
.no_ad_btn_list {display: flex; align-items: center; gap: 5px;}
.btn_go_req {margin-top: 1rem; width: fit-content; background-color: var(--main_c); padding: 0.4rem 1.3rem; border-radius: 8px; color: #F5F5F5; font-weight: 500; font-size: 13px;}
.btn_go_req:hover {color: #F5F5F5;}
.item_desc.stat_0001 {color: #e0a906;}
.item_desc.stat_0002 {color: var(--main_c);}
.item_desc.stat_0003 {color: #c72005;}

.no_resumes {text-align: center; padding: 3rem 1.5rem;}
.go_resume {text-decoration: 1px underline; text-underline-offset: 2px;}
.go_resume:hover {color: var(--main_c); text-decoration: 1px underline;}

@media (max-width: 1280px) {
	.ad_wrap .swiper-button-prev {left: 10px !important;}
	.ad_wrap .swiper-button-next {right: 10px !important;}
	/*member/my_jobs*/
	.view_content.my_jobs {display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;}
	.mypost_item {flex-direction: column; align-items: flex-start; gap: 10px; border-radius: 12px;}
}

@media (max-width: 1080px) {
	.edit_content .ec_sel_radio {column-gap: 6px;}
	.ec_sel_radio .ec_sel_item,
	.ec_sel_radio .ec_sel_item:last-of-type,
	.ec_sel_radio .ec_sel_item:not(:last-child) {border-radius: 8px;}
	.ec_sel_radio .ec_sel_item:not(:last-child) {border-right: 1px solid #E1E1E1;}
}

@media (max-width: 1024px) {
	/*jobs/list*/
	.view_area .jobs_list {width: 100%;}
	.filter_item {display: none;}
	.filter_area .mob_filter_item {display: flex !important;}
	.jobs_list .job_box {box-shadow: 0 6px 10px rgba(155, 155, 155, 0.1);}
	.detail_box_body .db_subcont {margin-bottom: 1rem;}
	.job_detail .detail_box_body .db_subtit {margin-top: 3rem;}
	.job_detail .detail_copyright {padding: 2rem 1.7rem; background-color: #FFF;}
	.detail_box_header .db_title {flex-direction: row; justify-content: space-between; column-gap: 2rem;}
	.detail_box_header .db_title .btn_group_mob {display: flex;}
	.detail_view .detail_box_header .db_title .btn_group_mob {align-items: flex-start;}
	.detail_box_header .db_title button span {display: none;}
	.detail_box_header .db_subtitle {display: none;}
	.detail_view {margin-top: -1rem;}
	.view_area .job_detail.mobile .detail_box .detail_box_header .detail_title {display: -webkit-box; line-clamp: 1; -webkit-line-clamp: 1; text-overflow: ellipsis; overflow: hidden; line-height: 1.6rem; height: 1.6rem; -webkit-box-orient: vertical;}
	.user_info .info_box.before_login {padding: 0;}
	.user_info .ib_top {width: 100%;}
	.user_info .ib_bottom  {width: 100%; min-height: 2.8rem;}
	/*jobs/view*/
	.detail_box_body .db_subcont .info_go_detail {margin-bottom: 0;}
	.db_subcont .shop_gallery {margin-top: 0;}
	/*resumes/list_re*/
	.resume_card {width: 100%;}
	.rc_inner .top_info {padding: 1rem;}
	.rc_inner .mid_info {padding: 0 1rem;}
	.rc_inner .bot_info {padding: 0.9rem;}
	.bot_btns>* {padding: 0.8rem 1rem;}
	/*ad/req_jobs_list*/
	.my_ad_card .item_row {flex-direction: column; align-items: flex-start;}
}

@media (max-width: 768px) {
	/*jobs/index*/
	.mainNormalAd {padding: 0 1rem;}
	.mainPremiumAd .pi_wrapper {display: flex; flex-direction: column;}
	.mainNormalAd .normal_item {flex-direction: column; gap: 0; align-items: flex-start; padding: 1rem 0;}
	.mainNormalAd .normal_item .rc_grey {display: none;}
	.mainNormalAd .normal_item .rc_grey_mob {display: block; grid-column: 1 / 2; grid-row: 2; line-clamp: 1; -webkit-line-clamp: 1; height: 1.6rem;}
	.mainNormalAd .cji_item {width: 100%; font-size: 0.9rem; margin-top: 8px;}
	.mainNormalAd .ci_pay {margin-left: auto;}
	/*jobs/view*/
	.db_gallery:not(.dbg_detail) {flex-direction: column; height: 400px; gap: 0.8rem;}
	.db_gallery:not(.dbg_detail) .jobSwiper {width: 100%; height: 80%;}
	.db_gallery .thumbSwiper {width: 100%; height: 20%;}
	.vc_requires {flex-direction: column;}
	.vc_box {padding: 1.5rem;}
	.vc_box .map_wrap #staticMap, .db_subcont .map_wrap #staticMap {height: 200px;}
	/*jobs/edit*/
	.shop_infobox .shop_detail {flex-direction: column;}
	.shop_detail .item_list {width: 100%; gap: 1rem;}
	/*resumes/edit*/
	.work_edit .edit_item {flex-direction: column;}
	.edit_content .ec_input,
	.edit_content .ec_input input {width: 100%;}
	.ec_sel_radio .ec_sel_item {padding: 8px 2rem;}
	/*member/my_jobs*/
	.view_content.my_jobs {grid-template-columns: 1fr;}
	/*member/my_info*/
	.edit_item .button_input.addr_parent {flex-direction: column; align-items: flex-start; row-gap: 10px;}
	/*ad*/
	.ad_page_01_inner {flex-direction: column;}
	.ad_page_01_inner.open_loc .ad_prod_list,
	.ad_page_01_inner .adloc_wrap {width: 100%;}
	.ad_page_02>.ad_card {padding: 1.2rem;}
	.ad_prod {flex-direction: column; border-radius: 12px;}
	.ad_card .ac_inner {width: 100%; border-radius: 12px;}
	.ad_price_list {display: grid; grid-template-columns: repeat(2, 1fr);}
	.ad_prod .btn_adloc i {display: none;}
	/*ad/req_jobs*/
	.history_list .hl_item {flex-direction: column; align-items: flex-start; gap: 4px; margin-bottom: 1rem;}
	.history_list .hl_item .hi_info {background-color: #F6F6F6; padding: 10px 0; border-radius: 8px; width: 100%;}
	/*ad/req_jobs_list*/
	.my_ad_card .ac_detail {grid-template-columns: 1fr;}
	/*테이블 구조 변경*/
	table, thead, tbody, th, td, tr {display: block; border: none;}
	thead tr {display: none;}
	td {position: relative; border-bottom: 1px solid #eee;}
	td:first-child {font-weight: 600; border-bottom: 2px solid #777; margin: auto; text-align: center;}
	td:not(:first-child) {padding-left: 50% !important; text-align: left;}
	td::before {position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 50%; color: #777; font-weight: 500; white-space: nowrap; content: attr(data-label);} /*모바일대응label*/
}

@media (max-width: 600px) {
	/*jobs/view*/
	.detail_box_body .db_target {grid-template-columns: 1fr;}
	.detail_box_body .db_subcont .cont_item .ci_label {min-width: 6rem !important;}
	/*member/my_info*/
	.my_info .input_row.sns_item {flex-direction: column; align-items: flex-start; padding: 1rem 1.5rem; gap: 10px;}
	.login_sns_link, .logout_sns {padding: 0.2rem 1.2rem;}
	.my_info .edit_item {flex-direction: column; align-items: flex-start;}
	.btn_promise>span, .btn_promise>input {display: none;}
	/*ad/req_jobs_result*/
	.pay_infocard {gap: 1rem;}
	.pay_infocard .item_row {flex-direction: column; align-items: flex-start;}
}

@media (max-width: 500px) {
	/*jobs/edit*/
	.shop_infobox .shop_detail .item_row {flex-direction: column; align-items: flex-start;}
	/*ad*/
	.ad_price_list {grid-template-columns: 1fr;}
}

@media (max-width: 400px) {
	.edit_item .edit_age {display: grid; grid-template-columns: fit-content(100%) 1fr;}
	.edit_item .edit_age .custom_selbox {width: fit-content;}
	.edit_item .edit_region {flex-direction: column;}
	.edit_region .custom_selbox, .edit_region .custom_sel {width: 100%;}
}