.jobs-public { --main_color: #176494; font-family: system-ui, sans-serif; color: #24323c; overflow-wrap: anywhere; }
#jobs { max-width: 1200px; padding: 40px 16px; margin: auto; }
#jobs .job_card_area { display: flex; justify-content: center; flex-wrap: wrap; }
#jobs .job_card_wrap { display: flex; flex-direction: column; width: calc(33.3333% - 32px); margin: .5rem 1rem; padding: 1rem; background: white; border: 1.5px solid #ccc; border-radius: .3rem; }
#jobs .job_card_wrap:hover { box-shadow: 2px 2px 5px #0003; border-color: var(--main_color); }
#jobs .title { font-size: 1.2rem; font-weight: 700; margin-bottom: .8rem; }
#jobs .label { display: inline-block; color: var(--main_color); border: 1px solid var(--main_color); border-radius: .3rem; padding: .1rem .5rem; margin: .1rem; font-size: .85rem; }
#jobs .job_content { margin-bottom: 2rem; }
#jobs .footer { display: flex; justify-content: space-between; gap: .5rem; margin-top: auto; font-size: .9rem; }
#jobs .job-thumbnail { width: 100%; height: 160px; object-fit: cover; }
.job-pagination { display: flex; justify-content: center; gap: 1rem; margin: 2rem 0; }
#job_show_new { width: 70%; max-width: 1100px; margin: auto; padding: 50px 0; }
#job_show_new .subscript { color: var(--main_color); margin: 2rem 0; font-size: 1.5rem; font-weight: 700; }
#job_show_new .page_title { font-size: 2.5rem; margin-bottom: 2rem; }
#job_show_new .tag_block { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 3rem; gap: .7rem; color: var(--main_color); }
#job_show_new .job_overview { width: 80%; margin: auto; }
#job_show_new .item { border-left: 7px solid var(--main_color); padding-left: .6rem; margin: 2rem 0; font-size: 1.8rem; }
#job_show_new .content { margin: 0 1rem 3rem; }
#job_show_new .job_detail_index { font-size: 2rem; padding: 1rem; }
#job_show_new .job_detail_row_wrap { margin-bottom: 3rem; border-top: 1px solid #cdcdcd; }
#job_show_new .job_detail_row { display: flex; align-items: center; border-bottom: 1px solid #cdcdcd; }
#job_show_new .job_detail_head { width: 25%; text-align: center; padding: 1.5rem .25rem; }
#job_show_new .job_detail_data { width: 75%; padding: 1.5rem; }
#job_show_new .job-images { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center; }
#job_show_new .job-images img { max-width: 100%; max-height: 400px; object-fit: contain; }
#job_show_new .entry_btn_bottom_area { text-align: center; }
.job-admin-image { max-width: 200px; max-height: 150px; }
.job-search { display: flex; align-items: center; flex-wrap: wrap; gap: 1rem; }
.job-bulk-actions { position: fixed; bottom: 0; left: 0; right: 0; z-index: 100; background: #10283f; color: white; padding: 12px; text-align: center; }
@media (max-width: 1024px) { #jobs .job_card_wrap { width: calc(50% - 16px); margin: .5rem; } #job_show_new { width: 90%; } }
@media (max-width: 599px) { #jobs .job_card_wrap { width: calc(100% - 16px); } #job_show_new .page_title { font-size: 2rem; } #job_show_new .job_overview { width: 100%; } #job_show_new .job_detail_row { display: block; } #job_show_new .job_detail_head, #job_show_new .job_detail_data { width: 100%; text-align: left; padding: .7rem; } #job_show_new .job_detail_head { background: #f3f3f3; } }

.job-feature-options { display: flex; flex-wrap: wrap; gap: .5rem 1rem; }
.job-feature-options label { display: inline-flex; align-items: center; gap: .3rem; }

.job-search fieldset { margin-bottom: 1rem; }
.search-children { margin-left: 1.5rem; }