/***** reset *****/
:root {
	--main_c: hsl(185deg 95% 40%);
	--main_c_rgb: 0, 202, 214;
	--main_c_20: rgba(4, 179, 189, 0.2);
	--main_c_light: #88e0e5;

	--main_txt_c: #393939;
	--sub_txt_c: #AAAAAA;

	--basic_header_height: 5rem;
	--trade_header_height: 3.8rem;
	--trade_header_px: 3.8rem;

	--basic_page_width: 1280px;
	--wide_page_width: 1400px;
	--trade_max_width: 1400px;

	--txt_main: #333333;
	--txt_sub: #777777;
	--txt_emp: #FE574A;
}

*, ::before, ::after {margin: 0; padding: 0; box-sizing: border-box;}
* {font-family: 'Figtree', 'Pretendard', 'Noto_Sans', sans-serif; line-height: 1.6; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
html {scroll-behavior: auto;}
body * {transition: 0.25s cubic-bezier(0.33, 1, 0.68, 1);}
p, ul, ol, li {list-style: none; margin-bottom: 0;}
input, textarea, button, select {margin: 0; padding: 0; font: inherit; border: none; background-color: transparent; outline: none;}
label {margin:0;}
input, textarea {cursor: text;}
button, select {cursor: pointer;}
table {width: 100%; border-collapse: collapse; border-spacing: 0;}
img, video {max-width: 100%; height: auto; display: block;}


/***** layout *****/
.page_layout {display: flex; flex-direction: column; min-height: 100vh;}
main {background-color: hsl(185 4% 98% / 1); padding-top: var(--basic_header_height);}
.bg_white {background-color: #FFF;}
input[type="text"]::placeholder {color: #999; font-size: 0.9rem;}

.btn_top {position: fixed; bottom: 2rem; right: 2rem; z-index: 200; color: rgba(0, 0, 0, 0.5); font-size: 20px; width: 38px; height: 38px; background-color: #FFF; border-radius: 150px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); opacity: 0; transform: translateY(80%); transition: 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.btn_top:hover {animation: bounce-loop 1s cubic-bezier(0, 0, 0.43, 1.26) 1;}
.btn_top.on {opacity: 1; transform: translateY(0%);}



/***** header *****/
#header {position: fixed; width: 100%; min-height: 40px; background-color: rgba(255, 255, 255, 0.9); backdrop-filter: blur(8px); z-index: 100; border-bottom: 1px solid #f2f2f2;}
#header.no_header {display: none;}
#header.auth_header {background-color: inherit; backdrop-filter: none; border: none;}
#header.open {min-height: 330px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);}
.header_fix {position: fixed; top: 0; left: 0; z-index: 100;}
.header_wrapper {display: flex; align-items: center; height: var(--basic_header_height); padding: 0 1rem; max-width: 1280px; margin: 0 auto; white-space: nowrap;}
.header_logo {display: flex; flex-shrink: 0; align-items: center; height: 100%;}
.header_logo .logo_img {/*width: 7rem;*/ height: auto; object-fit: contain;}
.header_nav {display: flex; align-items: center; height: 100%; gap: 10px; margin-left: 2rem; color: #393939; font-size: 0.95rem; font-weight: 600;}
.header_nav .nav_item {position: relative; display: flex; align-items: center; height: 100%; padding: 14px; cursor: pointer;}
.header_nav .nav_item.sel_act .nav_txt {color: var(--main_c);}
.header_nav .nav_item.sel_act::after {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background-color: var(--main_c);}
.nav_item .dropdown {position: absolute; top: 75px; left: 0; display: flex; flex-direction: column; align-items: center; width: 100%; gap: 1rem; padding-top: 1.6rem; white-space: nowrap; text-align: center; opacity: 0; visibility: hidden; pointer-events: none;}
.nav_item.sel_act .dropdown {opacity: 1; visibility: visible; pointer-events: auto;}
.nav_item .dropdown .drop_menu {padding: 0 0.8rem 10px; font-size: 0.9rem; font-weight: 500;}
.nav_item .dropdown .drop_menu:hover {color: var(--main_c);}
/*mobile*/
.mob_nav_menu {display: none; margin-left: auto; color: #222;}
.mob_nav_menu .btn_open_menu {font-size: 18px; padding: 0.6rem;}
.header_wrapper .mob_menu {opacity: 0; visibility: hidden; position: fixed; top: var(--basic_header_height); left: 0; background-color: #f6f6f6; width: 100%; height: calc(100vh - var(--basic_header_height)); padding: 1rem; transition: none;}
.mob_menu ul {margin-bottom: 2rem; display: flex; flex-direction: column; border-radius: 12px; background-color: #FFF;}
.mob_menu .mob_tit {padding: 1rem 1.2rem 0.6rem; font-weight: 600;}
.mob_menu .mob_tit span {text-decoration: underline 10px rgba(var(--main_c_rgb), 0.2); text-underline-offset: -6px;}
.mob_menu ul li {padding: 0.6rem 1.2rem;}
.mob_menu ul li:last-child {padding-bottom: 1.2rem;}
.mob_menu ul li a {display: block; width: 100%;}
.mob_menu .btn_sel_lang {border: 1px solid #ccc; border-radius: 4px; color: #777; font-size: 0.8rem; padding: 0.2rem 0.4rem; background-color: #f2f2f2; margin: 3px;}
.header_wrapper.mob_menu_open .mob_menu {opacity: 1; visibility: visible; overflow-y: scroll; z-index: 101;}


.header_settings {display: flex; align-items: center; margin-left: auto; color: var(--sub_txt_c); font-size: 14px;}
.header_settings .btn_go_auth {position: relative; padding-right: 16px; margin-right: 16px;}
.header_settings .btn_go_auth::after {content: ""; position: absolute; background-color: #ccc; width: 2px; height: 60%; top: 20%; right: 0;}
.header_settings .item_user {margin-right: 2rem; color: #393939;}
.header_settings .item_user .user_name:hover {text-decoration: underline;}

.sel_lang {position: relative;}
.sel_lang .btn_sel_lang {color: #AAAAAA;}
.sel_lang .select_lang_area {position: absolute; top: 180%; left: 50%; transform: translateX(-50%); display: none; flex-direction: column; gap: 4px; background-color: #FFF; border-radius: 8px; border: 1px solid #e6e6e6; padding: 10px 8px 10px; box-shadow: 0 1px 8px rgba(155, 155, 155, 0.2);}
.sel_lang .select_lang_area::before {content: ""; position: absolute; top: -7px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff; z-index: 1;}
.sel_lang .select_lang_area::after {position: absolute; content: ""; top: -8px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #ccc;}
.sel_lang.sel_act .select_lang_area {display: flex;}
.select_lang_area .chg_lang {border-radius: 4px; padding: 5px 10px;}
.select_lang_area .chg_lang:hover {color: #555; background-color: #F6F6F6; cursor: pointer;}
.select_lang_area .chg_lang.selected_lang {color: var(--main_c);}

.custom_selbox.sel_lang::after {right: 10%;}
.custom_selbox.sel_lang .custom_sel {padding: 0; padding-right: 30px; border: none; color: var(--sub_txt_c); background-color: inherit;}
/*sub header*/
.sub_header {visibility: hidden; top: var(--basic_header_height); width: 100%; background-color: rgba(255,255,255,0.9); backdrop-filter: blur(8px); border-top: 1px solid #f2f2f2; box-shadow: inset 0 -1px 1.5px -1px #ccc; transition: 0.25s cubic-bezier(0.33, 1, 0.68, 1);}
.sub_header.on {visibility: visible; transform: translateY(0%); z-index: 15;}
.sh_wrap {width: 100%; max-width: var(--page_max_width); height: 100%; margin: 0 auto; padding: 0 1rem; overflow-y: auto;} /*sub_header wrap*/
.shop_sh {z-index: 0; transform: translateY(-100%);}
.jobs_sh {padding: 10px; z-index: 0; transform: translateY(-100%);}

.menu_list {display: flex; align-items: center; height: 100%; gap: 1rem;}
.jobs_sh .menu_list {flex-wrap: wrap; gap: 0.5rem;}
.menu_list .menu_item {display: flex; justify-content: center; align-items: center; width: fit-content; height: 100%; cursor: pointer; color: #999999; font-weight: 500;}
.menu_list .sel_filter_item {position: relative; height: fit-content; padding: 4px 1.5rem 4px 0.6rem; color: #777; background-color: #f2f2f2; border-radius: 6px; font-size: 0.9rem; white-space: nowrap;}
.menu_list .sel_filter_item::after {position: absolute; font-family: "RemixIcon"; content: "\EB98"; top: 50%; transform: translateY(-50%); right: 7%;}
/* .shop_sh .menu_list .menu_item {position: relative; padding: 18px 0; min-width: 4rem;}
.shop_sh .menu_list .menu_item:hover,
.shop_sh .menu_list .menu_item.sel_act {color: #424242; font-weight: 600;}
.shop_sh .menu_list .menu_item.sel_act::after {position: absolute; content: ""; bottom: 0; left: 0; width: 100%; height: 3px; background-color: #333;}
 */
/*trade_header*/
.trade_header {max-width: var(--trade_max_width);}
.header_wrapper.on {border: #fff; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);}
.header_wrapper.on .trade_header {height: var(--trade_header_px);}
.header_wrapper.on .trade_header .logo_img {width: 6.3rem;}



/****/
.page_wrapper {color: #393939;}

.view_header {display: flex; flex-direction: column; width: 100%; max-width: 1280px; margin: 0 auto; /*margin-bottom: 1rem;*/ padding: 1rem;}
.view_header .page_title {margin-block: 0.3rem; font-size: 1.5rem; font-weight: 700;}
.view_header .page_subtitle {display: block; margin-top: 4px;}

.view_content {display: flex; flex-direction: column; width: 100%; max-width: 1280px; margin: 0 auto; padding: 1rem; gap: 1rem;}
.view_content.jobs_index {gap: 3rem;}
.view_content.edit_page {gap: 4rem; margin-top: 1rem;}

.section_title {font-size: 1rem; font-weight: 600; margin-left: 4px;}
.jobs_index .section_title {margin-bottom: 1rem;}
.edit_page .section_title {font-size: 1.17rem;}


/***** footer *****/
#footer {background-color: #FAFAFA; border-top: 1px #dbdde2 solid;}
.footer_wrapper {padding: 3rem 1rem 4rem; color: #444; font-size: 14px; max-width: 1280px; margin: 0 auto;}
.footer_top {display: flex; flex-wrap: wrap; gap: 40px; margin:0 auto;}
.footer_column:first-child {flex: 2; min-width: 250px;}
.footer_column:not(:first-child) {flex: 1;}
.footer_column h4 {font-size: 15px; font-weight: bold; margin-bottom: 10px;}
.footer_column ul {list-style: none; padding: 0; margin: 0;}
.footer_column ul li {margin-bottom: 6px; color: #666;}
.footer_buttons {display: flex; gap: 10px; margin-top: 10px; margin-left: -2px;}

.footer_bottom {display: flex; flex-direction: column; margin-top: 3.5rem; color: #999;}
.footer_bottom .footer_info {font-size: 10px;}
.footer_bottom .footer_law {display: flex; font-size: 10px; margin-top: 1rem; width: 100%; flex-wrap: wrap; row-gap: 1rem;}
.footer_law .footer_links {display: flex; flex-wrap: wrap; margin-right: auto;}
.footer_law .footer_links li {margin-right: 10px;}

/***** 모달 *****/
#customModal .modal-content {border: none !important;} /*부트스트랩 기본모달 border 제거*/
.modal-content {position: relative;}
.btn_modal_close {margin-left: auto; cursor: pointer;}
.btn_modal_close.fix {position: absolute; top: 2%; right: 2%; z-index: 10;}
.btn_modal_close i {color: #999; font-size: 1.4rem;}
/*(언어선택, 내용보기) 모달창*/
.custom_modal {display: flex; align-items: center; justify-content: center; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 100;}
.custom_modal .modal_content {display: flex; flex-direction: column; transform: translateY(15px); width: 50%; height: auto; max-height: 800px; background-color: #FFF; border-radius: 16px;}
.custom_modal.wide .modal_content {width: 90%; height: calc(100dvh - 140px); transform: translate(0); margin: 0 auto;}
.custom_modal.policy_modal .modal_content {width: clamp(300px, 80%, 950px); height: 80%;}
.custom_modal.policy_modal .modal_content .modal-header {justify-content: center;}
.custom_modal.policy_modal .modal_content .modal-header h5 {font-size: 21px;}
.custom_modal.policy_modal .modal_content .modal-body {overflow-y: scroll !important; padding: 28px;}
.modal_content .mc_title {display: flex; align-items: center; padding: 0.8rem 1rem; font-size: 16px; font-weight: 600;}
.modal_content .mc_footer {display: flex; align-items: center; padding: 1rem; gap: 6px; font-size: 16px; font-weight: 600;}
.modal_content .mc_footer button {display: block; width: 100%; padding: 0.3rem; border-radius: 50px; color: #777; font-size: 0.9rem; font-weight: 500;}
.modal_content .mc_footer .btn_modal_close {border: 1px solid #E1E1E1;}
.modal_content .mc_footer .btn_selok {background-color: var(--main_c); color: white;}
.modal_content .mc_footer button:hover {color: #333; background-color: #eee; box-shadow: none;}
.modal_content .mc_select {flex-grow: 1; overflow-y: auto;}
/*trade/view 사진모달*/
.trade_pictures {width: 100%; height: 100%; border-radius: 10px; overflow: hidden;}
.trade_pictures .swiper-slide {display: flex; justify-content: center; align-items: center; background-size: cover; background-position: center;}
.trade_pictures img {display: block; width: 100%; height: 100%; object-fit: contain;}
.trade_pictures .trade_swiper {height: 80%; width: 100%;}
.trade_pictures .trade_under_swiper {height: 20%; width: 100%; padding: 10px 0;}
.trade_under_swiper img {object-fit: cover;}
.trade_under_swiper .swiper-slide {width: 25%; height: 100%; opacity: 0.4;}
.trade_under_swiper .swiper-slide-thumb-active {opacity: 1;}
.trade_pictures .swiper-button-prev, .trade_pictures .swiper-button-next {color: var(--txt_main); margin: 0 15px; width: 10px; height: 10px;}
.trade_pictures.swiper-button-prev::after, .trade_pictures .swiper-button-next::after {font-size: 28px; font-weight: 700;}
.trade_pictures.swiper-button-prev:hover, .trade_pictures .swiper-button-next:hover {color: black;}
/*map모달*/
.map_modal {position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; z-index: 100; opacity: 1;}
.map_modal_content {width: 100%; height: 100%; background-color: #e9e9e9;}
.map_modal_content .map_header {display: flex; justify-content: center; align-items: center; height: 50px; font-size: 18px; font-weight: 600; background-color: #FFF;}
.map_header .header_wrapper {position: relative; display: flex; width: 100%; max-width: 768px; min-height: 0; justify-content: center; border: none;}
.header_wrapper {font-size: 0.95rem;}
.header_wrapper .btn_hide_modal {position: absolute; left: 10px; cursor: pointer;}
.map_modal_content .map_body {display: flex; flex-direction: column; width: 100%; max-width: 768px; height: 100%; margin: 0 auto; background-color: lightblue;}
.map_body .map_wrapper {position: relative; width: 100%; height: 100%;}
.map_wrapper .map_content {width: 100%; height: 100%;}
.map_content .map_cluster {transition: transform 0.2s ease;}
.map_content .map_cluster:hover {transform: scale(1.1);}
.map_content .map_cluster.sel_act {transform: scale(1.3);}
.map_content .marker-info-overlay {background-color: white; border: 1px solid #ccc; border-radius: 5px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); max-height: 400px; overflow-y: auto;}
.map_content .marker-info-overlay .marker-info {padding: 10px; border-bottom: 1px solid #eee; cursor: pointer;}
.map_content .marker-info-overlay .marker-info:last-child {border-bottom: none;}
.map_wrapper .map_util {position: absolute; top: 20px; right: 20px; z-index: 100;}
.map_util .util_list {display: flex; gap: 8px;}
.map_util .util_list .map_btn {width: 40px; height: 40px; border-radius: 50px; background-color: #FFF; transition: background-color 0.15s cubic-bezier(0.22, 0.61, 0.36, 1);}
.map_util .util_list .map_btn:hover {background-color: var(--main_c); color: white; font-weight: 500;}
.map_wrapper .map_card_view {position: absolute; bottom: 80px; left: 0; width: 100%; height: 180px; z-index: 100;}
.cardSwiper {width: 100%; height: 100%;}
.cardSwiper .card_list {width: 100%; height: 100%; display: flex;}
.cardSwiper .card_item {display: flex; justify-content: center; align-items: center; background: none; border: none;}
.cardSwiper .card_item .card_content {display: flex; width: 95%; height: 100%; border-radius: 18px; background-color: #FFF; overflow: hidden;}
.cardSwiper .card_item .card_content .card_img {width: 40%;}
.cardSwiper .card_item .card_content .card_img .ci_img {width: 100%; height: 100%;}
.cardSwiper .card_info {display: flex; flex-direction: column; flex-grow: 1; padding: 1rem 1.2rem; gap: 6px;}
.cardSwiper .card_info .ci_info {margin-top: auto;}
.card_info .ci_shop, .card_info .ci_info .cii_detail {display: flex; justify-content: space-between;}
.card_info .ci_shop .cis_name {font-size: 1.1rem; font-weight: 700;}
.card_info .ci_shop .cis_rate {color: #999;}
.card_info .ci_shop .cis_rate i {color: var(--main_c);}
.card_info .ci_cate {color: #999; font-weight: 500;}
.card_info .ci_info .cii_detail .cd_dist {color: #ef4646;}
.card_info .ci_info .cii_detail .cd_price {color: #ef4646;}
.card_info .ci_info .cii_status {color: var(--main_c);}
.card_info .ci_info .cii_detail .cd_time {color: #393939;}
.card_info .ci_info .cii_detail .cd_time.no_info {color: #999;}
/*jobs-mob모달*/
.custom_modal.jobs_modal .mc_title {padding: 6px 10px 0 0;}
.mob_job_wrapper {padding-inline: 20px; display: flex; flex-direction: column;}
.mob_job_wrapper .sel_wrap {padding-block: 1.6rem;}
.mob_job_wrapper .sel_wrap:not(:last-child) {border-bottom: 1px solid #E1E1E1;}
.mob_job_wrapper .sel_tit {display: flex; align-items: center; margin-bottom: 0.9rem;}
.mob_job_wrapper .sel_tit h5 {margin: 0; color: #999; font-size: 13px; font-weight: 500;}
.mob_job_wrapper .sel_tit .btn_reset {margin-left: auto; color: #aaa; font-size: 13px;}
.mob_job_wrapper .sel_options {display: flex; flex-wrap: wrap; gap: 5px; font-size: 0.95rem;}
.mob_job_wrapper .sel_options .set_loc {flex: 1;}
.mob_job_wrapper .sel_options .set_loc .custom_sel {width: 100%;}
.mob_job_wrapper .sel_options .sel_pos, .mob_job_wrapper .sel_options .sel_cond {padding: 0.3rem 1rem; border-radius: 99px; border: 1px solid #E1E1E1; color: #393939;}
.mob_job_wrapper .sel_options .sel_pos.sel_act, .mob_job_wrapper .sel_options .sel_cond.sel_act {border-color: rgba(var(--main_c_rgb, 0.4));}
.mob_job_wrapper .sel_options .mob_search_keyword {width: 100%; padding: 10px 1.5rem; border-radius: 50px; border: 1px solid #E1E1E1;}
/*언어선택 모달창*/
.mob_select_lang_area {display: flex; flex-direction: column; margin-top: 0.6rem; padding: 1rem; border-radius: 8px; background-color: #F2F2F2;}
.mob_select_lang_area .chg_lang {padding: 0.6rem; color: #777;}
/*서약서보기 모달창*/
.promise_modal .modal_content {width: 85%; max-width: 700px; height: auto; max-height: 90%; overflow: hidden;}
.promise_modal .modal_content .mc_select {flex-direction: column; padding: 10px 20px;}
.promise_modal .modal_content .mc_select img {width: 100%;}
/*ad 미리보기 모달창*/
.ad_modal .modal_content {width: fit-content; padding: 10px; max-height: 80%; margin: 10px 30px 50px; overflow-y: auto;}
/*갤러리 사진모달*/
.pictures {width: 100%; height: 100%; border-radius: 10px; overflow: hidden;}
.pictures .swiper-slide {display: flex; justify-content: center; align-items: center; background-size: cover; background-position: center;}
.pictures img {display: block; width: 100%; height: 100%; object-fit: contain;}
.pictures .smSwiper {height: 80%; width: 100%;}
.pictures .smSubSwiper {height: 20%; width: 100%; padding: 10px 0;}
.smSubSwiper img {object-fit: cover;}
.smSubSwiper .swiper-slide {width: 25%; height: 100%; opacity: 0.4;}
.smSubSwiper .swiper-slide-thumb-active {opacity: 1;}
.pictures .swiper-button-prev, .pictures .swiper-button-next {color: #FFF; margin: 0 15px; width: 10px; height: 10px;}
.pictures .swiper-button-prev::after, .pictures .swiper-button-next::after {font-size: 1.2rem; font-weight: 700;}
.pictures .swiper-button-prev:hover, .pictures .swiper-button-next:hover {color: #FFF;}




/*select box*/
.custom_selbox {position: relative;}
.custom_selbox::after {position: absolute; font-family: 'RemixIcon'; content: '\EA50'; top: 50%; transform: translateY(-50%); right: 15px; cursor: pointer; pointer-events: none; font-size: 20px;}
.custom_sel {background-color: #FFF; width: fit-content; padding: 8px 20px; padding-right: 50px; border-radius: 8px; border: 1px solid #E1E1E1; color: #393939; appearance: none; -webkit-appearance: none; -moz-appearance: none;}

.custom_selbox_wrap {position: relative;}
.custom_selbox_wrap::after {position: absolute; font-family: 'RemixIcon'; content: '\EA50'; top: 50%; transform: translateY(-50%); right: 10px; cursor: pointer; pointer-events: none; font-size: 20px;}
.custom_selbox_wrap .custom_selbox {background-color: #FFF; width: 100%; padding-right: 40px; border-radius: 3px; margin-block: 4px; appearance: none; -webkit-appearance: none; -moz-appearance: none;}

/*공통*/
.underline {border-bottom: 1px solid #393939;}
.ellipsis_1 {display: -webkit-box; line-clamp: 1; -webkit-line-clamp: 1; -webkit-box-orient: vertical; line-height: 1.6rem; height: 1.6rem; text-overflow: ellipsis; overflow: hidden;}
.ellipsis_2 {display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.6rem; height: 3.2rem; text-overflow: ellipsis; overflow: hidden;}
.sr_only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}
._hidden {display: none !important; opacity: 0;}
.hidden {visibility: hidden;}
.bg_cover_img {background-size: cover; background-position: center; background-repeat: no-repeat;}

/*레이아웃*/
.wide_view {max-width: 1400px;}
.wide_bg {max-width: none; padding: 0;}
.wide_bg_inner {width: 100%; max-width: 1280px; margin: 0 auto; padding: 1rem;}
.bg_grey {background-color: #FAFAFA;}
.wide_footer .footer_wrapper {max-width: 1400px;}

.btn_call {text-decoration: underline 1px #aaa; text-underline-offset: 2px; color: #999; font-size: 0.95rem;}
.btn_call:hover {text-decoration: underline 1px #aaa; text-underline-offset: 2px; color: #999;}

.req_ad_desc {margin-top: 10px;}
.txt_strong {font-weight: 600;}
.txt_point {color: var(--main_c);}
.txt_warn {color: hsl(2deg 92% 48% / 90%); font-weight: 500;}


/*지도*/
.map_area {margin-top: 50px;}
.map_wrap {border-radius: 16px; overflow: hidden; margin-top: 10px;}
.map_wrap #staticMap {width: 100%; height: 380px;}

/*스크롤바hidden*/
.scroll_hidden {overflow: auto; scrollbar-width: none; -ms-overflow-style: none;} /* Firefox, IE 10+ */
.scroll_hidden::-webkit-scrollbar {display: none;} /* Chrome, Safari, Opera */

/***형광펜밑줄효과***/
/* .under_ink {background-image: linear-gradient(transparent 60%, var(--main_c) 60%, var(--main_c) 100%); background-size: 0% 100%; background-repeat: no-repeat; transition: background-size 0.3s ease-in-out;} */
/* .under_ink_parent:hover .under_ink {background-size: 100% 100%;} */

@media (max-width: 1280px) {
	#header.auth_header {position: static; background-color: #FFF;}
}

@media (max-width: 1200px) {
	html {font-size: 15px !important;}
}

@media (max-width: 1024px) {
	:root {--basic_header_height: 4rem;}
	/*header*/
	.header_nav, .header_settings {display: none;}
	.mob_nav_menu {display: flex; align-items: center; gap: 8px;}
	.header_logo .logo_img {width: 12rem;}
}

@media (max-width: 768px) {
	html {font-size: 14px !important;}
	/*footer*/
	.footer_top { flex-direction: column; gap: 30px; }
	.footer_bottom { flex-direction: column; align-items: flex-start; gap: 10px; }
}

@media (max-width: 480px) {
	/*shop/지도*/
	.cardSwiper .card_item .card_content .card_img {width: 0;}
}

@media (max-width: 400px) {
	.mob_job_wrapper .set_loc_wrap {flex-direction: column;}
}