.content-wrap{
    background-color: #f5f5f5;
}
.content-container {
    flex-direction: column;
    padding-top: 0;
    gap: 0;
    width: 100%;
}

.sub_title_employee {
    position: relative;
}
.sub__summary {
    min-width: var(--view-width);
}

.bg_white {
    background-color: #fff !important;
}
.sub_title_blog::before, .sub_title_broker::before, .sub_title_employee::before, .sub_title_news::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 352px;
    width: 100%;
    background: #fcfcfc;
}
.sub_title_blog .titles, .sub_title_broker .titles, .sub_title_employee .titles, .sub_title_news .titles {
    position: relative;
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: visible;
}

.sub_title_employee .titles {
    background: linear-gradient(to left, #fcfcfc 0, rgba(252, 252, 252, 0) 5%, rgba(252, 252, 252, 0) 75%, #fcfcfc 100%), url(/img/sub_title_employee.webp);
    width: var(--view-width);
}
.sub__summary .titles {
    height: 352px;
    max-width: 1920px;
    text-align: center;
    /*overflow: hidden;*/
}
.sub__summary, .sub__summary .titles, .sub__summary__in {
    margin-left: auto !important;
    margin-right: auto !important;
}
.sub_title_employee .titles .hgroup, .sub_title_employer .titles .hgroup {
    width: var(--view-width);
    padding-top: 60px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}
.sub_title_employee .titles .hgroup .tit {
    color: #393434;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -1px;
    margin-bottom: 10px;
}

.sub_title_employee * {
    box-sizing: border-box;
}
.card__group_premier .card:hover>dl>dd .tit, .search_filter .search-box-body-content .group-stm .sca_theme>div.active,
.sub_title_banner .titles .hgroup .tit strong, .sub_title_blog .titles .hgroup .tit strong, .sub_title_board .titles .hgroup .tit strong,
.sub_title_broker .titles .hgroup .tit strong, .sub_title_employee .titles .hgroup .tit strong, .sub_title_employer .titles .hgroup .tit strong,
.sub_title_faq .titles .hgroup .tit strong, .sub_title_helpdesk .titles .hgroup .tit strong, .sub_title_news .titles .hgroup .tit strong {
    color: #0085ff;
}
.sub_title_employee .titles .hgroup .h1 {
    color: #393434;
    font-size: 42px;
    font-weight: 900;
    line-height: 42px;
    letter-spacing: -2.1px;
    margin-bottom: 30px;
}
.sub_title_employee .titles .hgroup .dsc {
    color: #999;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: -.7px;
}
.sub_title_employee .titles .employee__srch {
    margin-top: 30px;
    position: relative;
    align-items: center;
    width: 600px;
    height: 50px;
    border-radius: 25px;
    border: 2px solid var(--color-primary);
    background: #fff;
    padding: 0;
    box-sizing: border-box;
}
.sub_title_employee .titles .employee__srch * {
    box-sizing: border-box;
}
.sub_title_employee .titles .employee__srch .srch_wrap {
    position: relative;
    display: flex;
    align-items: center;
    height: 46px;
}
.sub_title_employee .titles .employee__srch .srch_wrap::before {
    content: "";
    position: absolute;
    left: 138px;
    top: 50%;
    margin-top: -15px;
    width: 1px;
    height: 30px;
    background: #f3f3f3;
}
.sub_title_blog .titles .news__srch .srch_wrap select, .sub_title_broker .titles .broker__srch .srch_wrap select,
.sub_title_employee .titles .employee__srch .srch_wrap select, .sub_title_news .titles .news__srch .srch_wrap select {
    width: 123px;
    height: 30px;
    border: 0;
    background-color: transparent;
    color: #393434;
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: -.9px;
    margin-right: 15px;
}
.broker__srch .dropdown-select, .employee__srch .dropdown-select, .news__srch .dropdown-select {
    position: relative;
    width: 123px;
    height: 30px;
}

.broker__srch .dropdown-select .current, .employee__srch .dropdown-select .current, .news__srch .dropdown-select .current {
    height: 30px;
    color: #393434;
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: -.9px;
    padding-left: 20px;
    margin-right: 15px;
    cursor: pointer;
}
.blog_viewmore img, .select-none {
    display: none;
}
.dropdown-select .current {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: center;
}
.dropdown-select .current::after {
    content: "";
    width: 11px;
    height: 6px;
    background: url(/img/icon-down-arr-small.svg) no-repeat 100% 50%;
    background-size: 11px 6px;
    margin-left: auto;
    transition: all ease 300ms;
}
.employee__srch .dropdown-select .ul-select, .news__srch .dropdown-select .ul-select {
    top: -8px;
}
.dropdown-select.show .ul-select {
    display: block;
}
.dropdown-select .ul-select {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    width: 100%;
    z-index: 10;
}
.broker__srch .dropdown-select .ul-select ul, .employee__srch .dropdown-select .ul-select ul, .news__srch .dropdown-select .ul-select ul {
    border-radius: 25px;
    background: #fff;
    padding: 10px;
    min-width: 128px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    filter: drop-shadow(0 0 4px rgba(0, 0, 0, .25));
}
.broker__srch .dropdown-select .ul-select ul li.selected, .employee__srch .dropdown-select .ul-select ul li.selected, .news__srch .dropdown-select .ul-select ul li.selected {
    font-weight: 700;
    background: #eef7ff;
}
.dropdown-select .ul-select li, .dropdown-select .ul-select ul {
    margin: 0;
    padding: 0;
}

.dropdown-select .ul-select ul, .image-container-gradient p {
    width: 100%;
}
.broker__srch .dropdown-select .ul-select ul li.option, .employee__srch .dropdown-select .ul-select ul li.option, .news__srch .dropdown-select .ul-select ul li.option {
    display: flex;
    align-items: center;
    width: 100%;
    height: 38px;
    border-radius: 10px;
    background: #fff;
    color: #393434;
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: -.9px;
    padding: 0 10px;
    cursor: pointer;
}
.employee__srch .dropdown-select .ul-select ul li, .news__srch .dropdown-select .ul-select ul li, .table_board.broker table tbody tr td.content div.icon-use {
    position: relative;
    width: 100%;
}
.sub_title_employee .titles .employee__srch .srch_wrap input {
    width: calc(100% - 138px);
    border: 0;
    height: 30px;
    background: 0 0;
    color: #999;
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: -.9px;
    padding: 0 20px;
    margin-left: 15px;
}
.sub_title_blog .titles .news__srch .srch_wrap .button-submit button, .sub_title_broker .titles .broker__srch .srch_wrap .button-submit button,
.sub_title_employee .titles .employee__srch .srch_wrap button, .sub_title_news .titles .news__srch .srch_wrap .button-submit button {
    position: absolute;
    right: 16px;
    width: 18px;
    height: 18px;
    background-color: transparent;
    background-image: url(/img/icon-search.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 18px;
    border: 0;
    cursor: pointer;
}
.sound-only {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}

.l-column {
    width: var(--view-width);
    padding-top: 60px!important;
}

.l-column, .sub__cover {
    margin-left: auto !important;
    margin-right: auto !important;
}
.l-column .l-aside {
    width: 360px;
    float: left;
}
.sect_heading {
    text-align: left;
    margin-bottom: 40px!important;
}

.mb30 {
    margin-bottom: 30px !important;
}
.cats, .sect_heading hgroup p {
    font-size: 0;
    line-height: 1;
}
.sect_heading hgroup p em, .sect_heading hgroup p small, .sect_heading hgroup p strong {
    display: inline-block;
    font-stretch: normal;
    font-style: normal;
    color: #333;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -1.36px;
}

.x320 {
    width: 320px !important;
}

.l-column .widget.nbd {
    border: 0;
}

.l-column .widget.pb0 {
    padding-bottom: 0;
}
.aside_employee .widget {
    background-color: transparent;
}
.l-column .widget {
    border: solid 1px #e5e5e5;
    padding-bottom: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0;
    line-height: 1;
    /*background-color: #fff;*/
}
.l-column .widget .banner_flicks {
    width: 320px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 10px;
}
.l-column .widget .banner_box_premium .bnr {
    background: #fff;
    margin-bottom: 10px;
    cursor: pointer;
}
.l-column .widget .banner_box_premium .bnr .rec__cont {
    position: relative;
    height: 250px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.l-column .widget .banner_box_premium .bnr .rec__cont .thumb_img {
    height: 63%;
    background-position: center center;
    transform: scale(1);
    transition: all 2s ease-in;
}
.image-container {
    overflow: hidden;
    display: flex;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 0;
    background-color: #eee;
}
.banner_flicks .image-container img, .card__group_premier .image-container img {
    height: 100%;
}
.image-container img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    animation-play-state: paused;
}
.l-column .widget .banner_box_premium .bnr .rec__cont .tit {
    padding-top: 8px;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    color: #333;
    padding-left: 14px;
    padding-right: 14px;
}

.l-column .widget .banner_box_premium .bnr .rec__cont p, .l-column .widget hgroup .widget_tit {
    font-stretch: normal;
    font-style: normal;
    text-align: left;
}
.one_line_limit {
    -webkit-line-clamp: 1;
    line-height: 1.3 !important;
}
.two_line_limit {
    -webkit-line-clamp: 2;
    line-height: 1.3;
}
.one_line_limit, .two_line_limit {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
}
.l-column .widget .banner_box_premium .bnr .rec__cont .dsc {
    margin-top: 5px;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    color: #5f5c5c;
    padding-left: 14px;
    padding-right: 14px;
}
.l-column .widget .banner_box_premium .bnr .rec__cont .tit .c_red {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.l-column .widget .banner_box_premium .bnr .rec__cont .tit strong {
    font-weight: 700;
    font-size: 17px;
    height: 26px;
    line-height: 26px;
}
.c_red {
    color: #0085ff !important;
}
.l-column .widget .banner_box_premium .bnr .rec__cont .tit .c_red::before {
    content: "";
    width: 20px;
    height: 18px;
    background: url(/img/icon_vip.svg) repeat center;
}

.sect_heading hgroup p small {
    margin-left: 20px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.64px;
    color: #5f5c5c;
}
.result__list.broker .register, .sect_heading .register {
    float: right;
    position: relative;
    border: 1px solid var(--color-primary);
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-primary);
    height: 37px;
    box-sizing: content-box;
}
.sect_heading .register a {
    color: #fff;
}

.register a {
    font-weight: 500;
    font-size: 15px;
}

.register {
    position: absolute;
    right: 0;
    bottom: 0;
    border: 1px solid #a9a9a9;
    padding: 10px 20px;
    width: 110px;
    text-align: center;
}

.l-column .l-section {
    width: 1040px;
    float: right;
}

.mb150 {
    margin-bottom: 150px !important;
}
.land_card_ui {
    width: 100%;
    display: inline-block;
    /*display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-start;*/
}
.l-section .card {
    background: #fff;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .08);
    border: 0;
}
.l-blog-contents .widget .card dt, .l-section .card {
    border-radius: 10px;
    overflow: hidden;
}
.land_card_ui .card {
    display: flex;
    padding: 24px 24px;
    border-radius: 10px;
    background: #fff;
    box-shadow: none;
    /*padding: 24px;
    flex: 0 0 calc((100% - 2 * 20px) / 3);
    box-sizing: border-box;*/
}
.land_card_ui .card .card_inbody {
    position: relative;
}
.land_card_ui .card .card_inbody_heading{
    width: 260px;
    height: 100%;
}
.land_card_ui .card .card_inbody_heading>.card_inbody_heading {

}
.land_card_ui .card>.card_inbody_heading:after {
    content: "";
    position: absolute;
    display: block;
    width: 1px;
    height: 100%;
    background: #dbdbdb;
    overflow: hidden;
    right: 0;
    top: 0;
}
.card_inbody_heading .label {
    background: #ff7b31;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 15px;
    float: left;
    margin-top: -4px;
}

.back_c_man_red {
    background-color: #ff5b5b !important;
}
.back_c_man_blue {
    background-color: #417bec !important;
}
.label {
    margin: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 22px;
    line-height: 1;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.card_inbody_heading .label .txt {
    font-size: 15px;
    line-height: 22px;
}

.label .txt {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -.56px;
    color: #fff;
}
.label .txt, .latest_article ul.items li a .sbj, .uio__stx label, .uio_agreements p.tit {
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -.72px;
    color: #333;
}
.c_white {
    color: #fff !important;
}

.land_card_ui .card .card_inbody_heading .cats {
    float: left;
}
.cats .cat {
    margin-left: 0;
    display: inline-block;
    position: relative;
}
.card_ui_md .card dd .info li+li, .cats .cat+.cat, .land_card_ui .card .card_inbody_conts .info li+li, .land_card_ui .card .card_inbody_heading .info li+li {
    margin-left: 15px;
}
.cats .cat em.lab, .dbtn em {
    font-weight: 300;
}

.cats .cat .lab, .cats .cat:before {
    vertical-align: middle;
    display: inline-block;
}
.cats .cat .lab {
    margin-left: 5px;
    color: #999;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -.8px;
    text-align: left;
}
.land_card_ui .card .cat.cat_all:before {
    background-image: url(/img/icon_pin.svg);
}

.land_card_ui .card .cat:before {
    background-image: url(/img/icon_flag.svg);
}
.cats .cat:before {
    content: "";
    background-image: url(/img/icon_flag.svg);
}

.cats .cat_all:before, .cats-md .cat:before {
    background-image: url(/img/icon_pin.svg);
}
.cats .cat .lab, .cats .cat:before {
    vertical-align: middle;
    display: inline-block;
}
.cats .cat:before, .cats .cat_all:before, .cats-md .cat:before {
    width: 14px;
    height: 16px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
em, i, p.tip {
    font-style: normal;
}
.land_card_ui .card .card_inbody_heading:after, .latest__wrap .row:after, .module_tbanner__in:after, .questions_box:after {
    content: "";
    display: block;
    overflow: hidden;
    clear: both;
}
.land_card_ui .card .card_inbody_conts {
    font-size: 0;
    line-height: 1;
    width: calc(100% - 260px);
    padding-left: 30px;
}
.land_card_ui .card .card_inbody_conts .tit_content, .main__latest__group div.box h3, .premium__banner__box hgroup p {
    display: flex;
    align-items: center;
}
.land_card_ui .card .card_inbody_conts .tit_content .tit {
    width: fit-content;
    max-width: 80%;
    font-size: 20px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -.88px;
    text-align: left;
    color: #333;
    min-height: 24px;
}
.land_card_ui .card .card_inbody_conts .tit_content .new {
    position: relative;
    margin-left: 10px;
    width: 30px;
    height: 25px;
    background: url(/img/new.png) no-repeat 50%;
    background-size: 30px 24px;
}
.land_card_ui .card .card_inbody_conts .tit_content .chat {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-left: 10px;
    height: 18px;
    background: url(/img/icon_reply.svg) no-repeat;
    padding-left: 23px;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: #7b7b7b;
}
.land_card_ui .card .card_inbody_conts .dsc {
    margin-top: 20px;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 20px;
    letter-spacing: -.64px;
    text-align: left;
    color: #5f5c5c;
    padding-right: 160px;
    min-height: 40px;
}
.land_card_ui .card .card_inbody_conts .info {
    font-size: 0;
    line-height: 1;
    float: left;
    margin-top: 8px;
}
.land_card_ui .card .card_inbody_conts .info li, .latest hgroup h2, .latest hgroup h2 a.more {
    font-stretch: normal;
    font-style: normal;
    text-align: left;
}

.land_card_ui .card .card_inbody_conts .info li {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -.56px;
    color: #757575;
}
.land_card_ui .card .card_inbody_conts .info li strong {
    font-weight: 500;
    color: #494949;
}
.card_ui_md .card dd .info li+li, .cats .cat+.cat, .land_card_ui .card .card_inbody_conts .info li+li, .land_card_ui .card .card_inbody_heading .info li+li {
    margin-left: 15px;
}
.land_card_ui .card .card_inbody_conts .options {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.land_card_ui .card .card_inbody_conts .options .dbtn-primary {
    height: 42px;
}
.land_card_ui .card .dbtn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px !important;
    border: 1px solid #d9d9d9 !important;
    gap: 6px;
}
.dbtn.sm2 {
    height: 39px;
}
.rd5 {
    border-radius: 5px !important;
}
.x135 {
    width: 135px !important;
}
.dbtn-primary {
    border: 1px solid var(--color-primary);
    background: var(--color-primary);
    color: #fff!important;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    letter-spacing: -.7px;
}
.dbtn {
    padding: 0;
    margin: 0;
    border: 0;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.dbtn.sm2>em, .dbtn.sm2>span, .dbtn.sm2>strong {
    font-size: 14.5px;
    line-height: 39px;
}

.dbtn.sm2>em, .dbtn.sm2>span, .dbtn.sm2>strong, .dbtn.sm>em, .dbtn.sm>span, .dbtn.sm>strong {
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -.64px;
    line-height: 26px;
    text-align: left;
}
.dbtn, .dbtn>em, .dbtn>i[class^=xi-], .dbtn>span, .dbtn>strong {
    display: inline-block;
    vertical-align: middle;
}
.cats .cat strong.lab, .dbtn strong {
    font-weight: 500;
}
.land_card_ui .card .dbtn-primary::after, .main__latest__group div.box .items li span.new::before {
    content: "";
    width: 10px;
    height: 8px;
    background-image: url(/img/icon_arrow_small_right_white.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.land_card_ui .card:first-child{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.land_card_ui .card+.card {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: 1px solid #f7f7f7;
}


.l-contents {
    min-height: 500px;
}
.post__form {
    width: var(--view-width);
    margin-left: auto!important;
    margin-right: auto!important;
    padding-top: 60px!important;
}

.post__box {
    width: var(--view-width);
    background: #fff;
    margin-left: auto!important;
    margin-right: auto!important;
    padding-top: 40px!important;
    border-top: 1px solid var(--color-primary)!important;
}

.post__form .post__box table {
    width: 1300px;
    margin: 20px auto;
}
.post__form .post__box table tbody tr th {
    width: 190px;
    vertical-align: middle;
    box-sizing: border-box;
}

.board__wrap_view table tbody tr td, .board__wrap_view table tbody tr th, .latest div.items dl.itm+dl.itm, .post__box table tbody tr td, .post__box table tbody tr th {
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
}
.post__box table tbody tr th {
    font-size: 16px;
}
.board__wrap_view table tbody tr th, .post__box table tbody tr th {
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -.64px;
    text-align: left;
    color: #333;
    background: #f5f5f5;
}
.post__box table tbody tr td, .post__box table tbody tr th {
    padding: 10px 15px;
    vertical-align: top;
}
label.required:after {
    content: "*";
    color: var(--color-primary);
    margin-left: 5px;
    font-size: 16px;
}
.form_inputs, .keywords_stage {
    font-size: 0;
    line-height: 1;
}
button.md, input[type=email].md, input[type=number].md, input[type=password].md, input[type=tel].md, input[type=text].md, select.md, textarea.md {
    height: 50px;
    font-size: 15px;
}

input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], select, textarea {
    border: 1px solid #e0e0e0;
}
button, input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], select, textarea {
    display: inline-block;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: 0;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], select {
    padding-left: 20px;
    color: #999;
}
.x1065 {
    width: 1065px !important;
}

.x150 {
    width: 150px !important;
}

.bgx122 {
    background-position-x: 122px !important;
}

.form_inputs .warn, .form_inputs button, .form_inputs input {
    vertical-align: middle;
}

p.warn-black {
    color: #333!important;
}
i.hico, p.warn {
    display: inline-block;
}
.keywords_stage .keyword>span, .latest span.detail, p.warn {
    font-weight: 400;
    font-size: 16px;
}
.ml10 {
    margin-left: 10px !important;
}
.mr20 {
    margin-right: 20px !important;
}


.sns_content .new_button {
    margin-top: 10px;
}
.dbtn.bs, .dbtn.md {
    height: 50px;
}

.x660 {
    width: 660px !important;
}
.text-left {
    text-align: left;
}
.dbtn-light-gray {
    background-color: #f8f8f8;
    border: 1px solid #d9d9d9;
    color: #7d7d7d;
}

.dbtn.lg>em, .dbtn.lg>span, .dbtn.lg>strong, .dbtn.md>em, .dbtn.md>span, .dbtn.md>strong {
    line-height: 50px;
    font-size: 18px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -.72px;
}

.dbtn-light-gray .plus {
    font-size: 20px !important;
    margin-left: 20px;
}
.cats .cat span.lab, .dbtn span {
    font-weight: 400;
}
.sns_editor {
    background-color: #f8f8f8;
    border: 1px solid #e0e0e0!important;
    color: #a8a8a8;
    height: 56px;
    width: 658px;
    margin-top: 10px!important;
    display: flex;
}

.sns_editor select.sns_select {
    margin: 10px;
    padding-left: 8px !important;
    height: 36px;
    background-color: #fff;
    width: 130px;
    color: #333;
}
.bgx105 {
    background-position-x: 105px !important;
}
.sns_content .sns_icon {
    margin: 15px 10px;
    height: 26px;
    width: 26px;
    background-color: #e9e9e9;
}
.sns_editor #sns_id {
    margin: 10px;
    height: 36px;
    width: 300px;
    background-color: #fff;
    padding-left: 5px !important;
}
.sns_editor button.cancel {
    margin: 15px 10px;
    color: #333;
    background-color: #fff;
}
.sns_editor button.add, .sns_editor button.cancel {
    height: 26px;
    width: 50px;
    border: 1px solid #e0e0e0;
    cursor: pointer;
    padding: 0;
}
.sns_editor button.add:disabled {
    color: #333;
    background-color: #fff;
}

.sns_editor button.add {
    margin: 15px 5px;
}
.sns_content .sns_item {
    background-color: #f8f8f8;
    border: 1px solid #e0e0e0!important;
    color: #a8a8a8;
    height: 56px;
    width: 100%;
    margin-top: 10px!important;
    display: flex;
}
.sns_content .sns_item .sns_kind_name {
    width: 100px;
    flex: 0 0 100px;
    color: #333;
    font-size: 15px;
    line-height: 56px;
    margin-left: 20px;
}
.sns_content .sns_item .sns_kind_id {
    font-size: 15px;
    line-height: 56px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    padding: 0 20px 0 0;
    display: inline-block;
}
.sns_content .sns_item button.delete, .sns_content .sns_item button.modify {
    margin: auto 0;
    height: 26px;
    width: 80px;
    color: #fff;
    background-color: #333;
    border: 1px solid #e0e0e0;
    cursor: pointer;
    padding: 0;
}
.sns_content .sns_item button.delete {
    margin: auto 4px;
    color: #333;
    background-color: #fff;
}
.sns_editor button.add:enabled {
    background-color: #333;
    color: #fff;
}
.x493 {
    width: 493px !important;
}

.bgx465 {
    background-position-x: 465px !important;
}
.ml20 {
    margin-left: 20px !important;
}
.uio_agreements .agreements__list {
    font-size: 0;
    line-height: 1;
    padding-top: 27px;
    padding-bottom: 27px;
}
.uio_agreements .agreements__list ul.items li .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.uio_agreements .agreements__list ul.items li .chk, .uio_agreements .agreements__list ul.items li .more {
    display: inline-block;
    vertical-align: middle;
}
.chk {
    font-size: 0;
    line-height: 1;
    display: inline-block;
}
.chk [type=checkbox], .chkbox input[type=checkbox], .chkbox input[type=radio] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}
.chk .vchk {
    width: 20px !important;
    height: 20px !important;
}

.chk .lab, .chk .vchk {
    display: inline-block;
    vertical-align: middle;
}
.chk .vchk {
    position: relative;
    width: 24px;
    height: 24px;
    border: solid 1px #dbdbdb;
    background-color: #fff;
    -webkit-transition: background-color .2s 0s ease-in-out;
    transition: background-color .2s 0s ease-in-out;
}
.chk .vchk:after {
    width: 14px;
    height: 10px;
    background: url(/img/icon-checked-white.svg) no-repeat 0 0;
    background-size: 14px 10px;
    top: 50%;
    left: 50%;
    margin-left: -7px;
    margin-top: -5px;
}

.btn-group.part .dbtn+.dbtn:before, .btn_like:before, .chk .vchk:after {
    content: "";
    display: block;
    position: absolute;
}
.chk .lab {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -.64px;
    color: #333;
    margin-left: 10px;
}
.chk .lab span{
    color: var(--color-primary)
}
.uio_agreements .agreements__list ul.items li+li {
    margin-top: 12px;
}

.popup-wrap .btn-close{
    right: 30px;
    top: 30px;
}


.pb50 {
    padding-bottom: 50px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}
.mt50 {
    margin-top: 50px !important;
}
.detail__box .infos__readme figure, .text-center {
    text-align: center;
}
.action {
    font-size: 0;
    line-height: 1;
}
.dbtn.lg {
    height: 66px;
}
.x160 {
    width: 160px !important;
}
.dbtn-gray {
    background-color: #888;
    color: #fff;
}
.l-column .widget .ad_inquiry {
    position: relative;
    border: 1px solid #e1e1e1!important;
    background: #fff;
    display: block;
    width: 320px;
    height: 59px;
    line-height: 57px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -.64px;
    text-align: left;
    color: #5f5c5c;
    margin-bottom: 30px;
}

.aside_employee .ad_inquiry {
    margin-top: 20px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .08);
    border: 0 !important;
}
.l-column .widget .ad_inquiry span {
    margin-left: 23px;
}
.l-column .widget .ad_inquiry:after{
    content: "";
    width: 10px;
    height: 100%;
    background-image: url(/img/icon_arrow_bottom.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 22px;
    top: 0;
}





.detail__box {
    width: var(--view-width);
    margin-left: auto!important;
    margin-right: auto!important;
    padding-top: 40px!important;
    margin-bottom: 40px!important;
}
.sect_heading {
    text-align: left;
    margin-bottom: 40px;
}
.mb40 {
    margin-bottom: 40px !important;
}
i.hico_info {
    background: url(/img/icon-h-paper.svg) no-repeat 0 0;
    background-size: cover;
}

i.hico {
    width: 21px;
    height: 21px;
}
i.hico, p.warn {
    display: inline-block;
}
.mr12 {
    margin-right: 12px !important;
}
em, i, p.tip {
    font-style: normal;
}
address, i {
    font: 1em sans-serif;
}
.detail__box__wrap {
    background: #fff;
    -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .15);
    border-radius: 10px;
    overflow: hidden;
}
.detail__box__heading {
    font-size: 0;
    line-height: 1;
    display: block;
    padding-top: 69px;
    padding-bottom: 68px;
    border-bottom: 1px solid #000;
}
.detail__box__contain, .detail__box__heading {
    margin-left: 50px;
    margin-right: 50px;
}
.detail__box__heading h2 {
    font-size: 33px;
    font-weight: 700;
    line-height: 33px;
    letter-spacing: -1.65px;
    text-align: center;
    color: #333;
}
.detail__box__contain {
    padding-top: 50px;
}
.detail__box .infos h4 {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -.96px;
    color: #333;
    margin-bottom: 29px;
}
.detail__box .infos__corp table tbody tr td, .detail__box .infos__corp table tbody tr th {
    font-size: 18px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -.72px;
    text-align: left;
    color: #333;
}

.detail__box .infos__corp table tbody tr th {
    color: #888;
    width: 73px;
    white-space: nowrap;
}

.has_icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.dl_table, .dl_table2 {
    display: -webkit-box;
    display: -ms-flexbox;
    min-height: 130px;
    position: relative;
}

.dl_table, .dl_table dd .items li.sns {
    display: flex;
}
.dl_table {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.dl_table.col-3 dl, .dl_table2.col-3 dl {
    width: 33.3%;
}
.dl_table dl, .dl_table2 dl, label.required {
    position: relative;
}
.dl_table dl:before {
    content: "";
    display: block;
    height: 100%;
    width: 1px;
    background: #dbdbdb;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
.dl_table dt, .dl_table2 dt, .search-popular .search-popular-modal #popular-group .popular-group-body .item-popular a strong {
    font-weight: 700;
}
.dl_table dd, .dl_table2 dd {
    margin-top: 30px;
}
ol.items, ul.items {
    list-style: none;
}
.detail__box .infos__tags, .dl_table dd .items li, .dl_table2 dd .items li, .sub__cover hgroup {
    font-size: 0;
    line-height: 1;
}
.dl_table dd .items li .lab {
    color: #888;
    width: 83px;
}

.dl_table dd .items li .con, .dl_table dd .items li .lab {
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.81;
}
.detail__box .pnn a .tit, .dl_table dd .items li .con, .dl_table dd .items li .lab, h3.stit {
    font-stretch: normal;
    letter-spacing: -.72px;
    text-align: left;
}
.x113 {
    width: 113px !important;
}
.dl_table dd .items li .con {
    color: #333;
}
.dl_table dd .items li .con.main {
    margin-top: 8px;
}
.dl_table dd .items li .con .sub_content {
    display: flex;
    margin-bottom: 5px;
}
.dl_table dd .items li .con .sub_content .sns_icon {
    width: 20px;
    height: 20px;
    margin-left: 5px;
}
.dl_table dd .items li .con .sub_content .sns_id {
    height: 20px;
    line-height: 20px;
    margin-left: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    width: 100%;
    max-width: 200px;
}
.dl_table.col-3 dl, .dl_table2.col-3 dl {
    width: 33.3%;
}

.dl_table dl+dl {
    padding-left: 39px;
}
.detail__box .pictures .picture__thumb li.act a:before, .dl_table dl+dl:before, .dl_table2 dl+dl:before, .filter_pans .pan button.loc.act em.icon, .filter_pans .pan button.theme+button.theme:before, .filter_pans .pan button.theme.act em.icon, .keywords_stage .keyword:hover .btn_delete {
    opacity: 1;
}

.dl_table dl:before {
    content: "";
    display: block;
    height: 100%;
    width: 1px;
    background: #dbdbdb;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
.action .pull-left, .action .pull-right {
    vertical-align: middle;
}
.pull-right {
    float: right;
    position: relative;
}
.pull-right {
    float: right;
    margin-right: .3em;
}
.banner__guides .sect:after, .cb:after {
    content: "";
    display: block;
    overflow: hidden;
    clear: both;
}
.cb:after, .latest_article ul.items li a:after {
    content: "";
    display: block;
    overflow: hidden;
    clear: both;
}
.detail__box .infos__readme .readme {
    font-size: 18px;
    line-height: 1.78;
    letter-spacing: -.72px;
    color: #5f5c5c;
}
.detail__box .infos__readme .readme, .detail__box .infos__tags .tag span, .detail__box .infos__warning dl dt {
    font-size: 17px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -.68px;
    text-align: left;
    color: #333;
}
.favorite__latests {
    padding-top: 19px;
}
.favorite__latests ul.items {
    text-align: center;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.favorite__latests ul.items li.has__data {
    position: relative;
    padding-top: 31px;
}
.favorite__latests ul.items li {
    display: inline-block;
    width: 278px;
    height: 332px;
    box-sizing: border-box;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 1px 24px 0 rgba(0, 0, 0, .1);
    margin-bottom: 20px;
}
.favorite__latests ul.items li.has__data .store {
    margin-bottom: 31px;
    font-size: 0;
    line-height: 1;
    text-align: left;
}

.favorite__latests ul.items li.has__data .store, .favorite__latests ul.items li.has__data .summary {
    margin-left: 30px;
}
.favorite__latests ul.items li.has__data .store strong {
    font-size: 26px;
    color: #000;
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 89%;
}
.favorite__latests ul.items li.has__data .store small, .favorite__latests ul.items li.has__data .store strong {
    display: block;
}
.favorite__latests ul.items li.has__data .store strong+small {
    margin-top: 8px;
}
.favorite__latests ul.items li.has__data .store small {
    font-size: 16px;
    color: #8a8a8a;
}
.favorite__latests ul.items li.has__data .summary {
    text-align: left;
    margin-bottom: 37px;
}
.favorite__latests ul.items li.has__data .store, .favorite__latests ul.items li.has__data .summary {
    margin-left: 30px;
}
.favorite__latests ul.items li.has__data .summary dl {
    padding: 0;
    margin: 0;
    display: block;
    line-height: 24px;
}
.favorite__latests ul.items li.has__data .summary dl dt {
    width: 41px;
    font-size: 15px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -.6px;
    text-align: left;
    color: #686868;
}

.favorite__latests ul.items li.has__data .summary dl dd, .favorite__latests ul.items li.has__data .summary dl dt {
    display: inline-block;
}
.favorite__latests ul.items li.has__data .summary dl dd {
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -.6px;
    text-align: left;
    color: #393434;
}
.dbtn.sm3 {
    height: 37px;
}

.x217 {
    width: 217px !important;
}
.dbtn.sm3>em, .dbtn.sm3>span, .dbtn.sm3>strong {
    font-size: 14.5px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -.64px;
    line-height: 37px;
    text-align: left;
}

.favorite__latests .dbtn-primary{
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.favorite__latests .has__data .dbtn-primary:after {
    content: "";
    width: 10px;
    height: 8px;
    background-image: url(/img/icon_arrow_small_right_white.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 6px;
}
.favorite__latests ul.items li.is__nodata .reason--icon {
    width: 132px;
    height: 147px;
    display: block;
    margin: 0 auto;
    background: url(/img/ico_fav_nodata.png) no-repeat 0 0;
}
.favorite__latests ul.items li.is__nodata .reason--text {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    padding: 22px 0 21px;
}
.favorite__latests ul.items li.is__nodata {
    padding-top: 35px;
}
.detail__box .infos__warning {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 98px;
    padding-bottom: 113px;
    border-bottom: none;
    border-top: 1px solid #dbdbdb;
    margin-top: 80px;
}
.warning_box {
    background: url(/img/icon_warning_box.png) no-repeat 0 0;
    padding-left: 194px;
}
.detail__box .infos__warning dl dt {
    font-size: 20px;
    letter-spacing: -.8px;
    margin-bottom: 26px;
    padding-left: 8px;
}
.detail__box .infos__warning dl dd ul.items li {
    font-size: 15px;
    line-height: 2;
    letter-spacing: -.6px;
}

.detail__box .infos__locate address, .detail__box .infos__warning dl dd ul.items li, .detail__box .pnn a .lab {
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    text-align: left;
    color: #5f5c5c;
}
ul.items-dash li {
    position: relative;
    padding-left: 8px;
}
ul.items-dash li:before {
    content: "-";
    position: absolute;
    left: 0;
    top: 0;
}
.c_red {
    color: #0085ff !important;
}
.detail__box .infos__warning dl dd ul.items li small {
    font-size: 13px;
}

.pt50 {
    padding-top: 50px !important;
}

.pb150 {
    padding-bottom: 150px !important;
}


.dbtn-secondary {
    background: #413b3b;
    color: #fff!important;
}
.dbtn-tertiary {
    background: #e9e9e9;
    color: #3f3f3f !important;
}
.dbtn.lg>em, .dbtn.lg>span, .dbtn.lg>strong {
    line-height: 66px;
    font-weight: 600;
}

.detail__box__wrap .action a+a{
    margin-left: 16px;
}

.sub_title_employer {
    position: relative;
}
.sub_title_employer::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 352px;
    width: 100%;
    background: #fbfbfb;
}
.sub_title_employer .titles {
    position: relative;
    background: linear-gradient(to left, #fbfbfb 0, rgba(251, 251, 251, 0) 5%, rgba(251, 251, 251, 0) 75%, #fbfbfb 100%), url(/img/sub_title_employer.webp);
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
    width: var(--view-width);
    overflow: visible;
}
.sub_title_employee .titles .hgroup, .sub_title_employer .titles .hgroup {
    width: var(--view-width);
    padding-top: 60px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}

.sub_title_employer * {
    box-sizing: border-box;
}
.sub_title_employer .titles .hgroup .tit {
    color: #393434;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -1px;
    margin-bottom: 10px;
}
.sub_title_employer .titles .hgroup .h1 {
    color: #393434;
    font-size: 42px;
    font-weight: 900;
    line-height: 42px;
    letter-spacing: -2.1px;
    margin-bottom: 30px;
}
.sub_title_employer .titles .hgroup .dsc {
    color: #999;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: -.7px;
}
.sub__summary__in {
    width: var(--view-width);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    margin-top: -56px;
}
.premium__banner__box {
    width: 450px;
    height: 286px;
    background-color: transparent;
    vertical-align: top;
}
.news_recruits .box_in hgroup, .premium__banner__box hgroup {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.premium__banner__box hgroup {
    position: relative;
    width: 100%;
    height: 56px;
    border-radius: 10px 10px 0 0;
    border-top: 1px solid var(--color-primary);;
    border-right: 1px solid #d5d5d5;
    border-left: 1px solid #d5d5d5;
    background: #fff;
}
.premium__banner__box hgroup p {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    height: 58px;
    margin-left: 23px;
    font-size: 20px;
    font-weight: 700;
    color: #312e27;
}
.premium__banner__box hgroup .swiper-pagination {
    position: static;
    margin-right: 20px;
}
.premium__banner__box hgroup .swiper-pagination .swiper-pagination-bullet {
    background: #312e27;
}
.premium__banner__box hgroup .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
    margin-left: 6px;
}
.premium__banner__box .banners {
    width: 100%;
    height: 229px;
    border-top-width: 0;
    border-radius: 0 0 10px 10px;
}

.premium__banner__box .banners, .premium__banner__box .rec__cont {
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.premium__banner__box .rec__cont {
    position: relative;
    height: 100%;
}
.premium__banner__box .rec__cont .thumb_img {
    height: 100%;
    background-position: center center;
    transform: scale(1);
    transition: all 2s ease-in;
}

.image-container-gradient.image-container {
    height: 100%;
}
.image-container-gradient {
    position: relative;
    text-align: left;
}
.image-container-gradient::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .9));
}
.image-container-gradient.image-container img {
    width: 100%;
    height: 100%;
}
.image-container img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    animation-play-state: paused;
}
.premium__banner__box .rec__cont .tit {
    position: absolute;
    top: 20px;
    width: 100%;
    padding: 0 20px;
}
.premium__banner__box .rec__cont .tit strong {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}

.premium__banner__box .rec__cont .tit span, .premium__banner__box .rec__cont .tit strong {
    color: #fff;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -1.2px;
}
.premium__banner__box .rec__cont .tit span {
    overflow: hidden;
    text-overflow: ellipsis;
}
.premium__banner__box .rec__cont .dsc {
    position: absolute;
    top: 98px;
    padding-left: 20px;
    width: 100%;
    color: #fff;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 15px;
    letter-spacing: -.75px;
}
.premium__banner__box .rec__cont .btn_detail {
    position: absolute;
    right: 10px;
    bottom: 10px;
    border: 1px solid var(--color-primary);
    background-color: var(--color-primary);
    width: 140px;
    height: 40px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 40px;
    color: #fff;
}
.premium__banner__box .banners .arrow_left, .premium__banner__box .banners .arrow_right {
    position: absolute;
    left: 20px;
    bottom: 69px;
    z-index: 10;
    width: 28px;
    height: 28px;
    background-color: #fff;
    background-image: url(/img/icon_banner_arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 50%;
    border: solid 1px #fff;
    cursor: pointer;
}
.premium__banner__box .banners .arrow_right {
    left: 58px;
    background-image: url(/img/icon_banner_arrow_right.svg);
}
.search_filter {
    width: 940px;
    height: 286px;
    border: 1px solid #dbdbdb;
    background-color: #d5d5d5;
    border-top: 1px solid var(--color-primary);
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    gap: 1px;
}
.search_filter .search-box-body-header {
    display: flex;
    align-items: center;
    width: 100%;
    height: 54px;
    gap: 1px;
}
.search_filter .search-box-body-header .sca_do, .search_filter .search-box-body-header .sca_si {
    width: 180px;
    background-color: #fff;
}
.search_filter .search-box-body-header>div {
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -.9px;
    height: 53px;
}
.cats .salary .salary_icon, .search_filter .search-box-body-header>div {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #393434;
    font-weight: 700;
}
.search_filter .search-box-body-header .stm {
    width: calc(100% - 362px);
    background-color: #fff;
}
.search_filter .search-box-body-content {
    display: flex;
    align-items: stretch;
    width: 100%;
    gap: 1px;
}
.search_filter .search-box-body-content .group-sca-do, .search_filter .search-box-body-content .group-sca-si {
    width: 180px;
    background-color: #fff;
}
.search_filter .search-box-body-content>div {
    height: 168px;
    overflow-y: auto;
}
.search_filter .search-box-body-content .group-stm {
    width: calc(100% - 362px);
    background-color: #fff;
}
.bestList .card__group .card .itm, .bestList .card__group .card>dl, .search_filter #searchForms {
    width: 100%;
}
.search_filter .search-box-body-footer {
    display: flex;
    align-items: stretch;
    width: 100%;
    height: 60px;
    padding: 0 20px;
    background-color: #fff;
}
.search_filter .search-box-body-theme:not(:hover) {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.search_filter .search-box-body-theme>div {
    display: inline-flex;
    align-items: center;
    padding: 0 12px;
    height: 40px;
    color: #999;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -.7px;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    background: #f9f9f9;
    white-space: nowrap;
}
.search_filter .search-box-body-theme>div span {
    width: 12px;
    height: 12px;
    background-image: url(/img/icon_close.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    margin-left: 10px;
    cursor: pointer;
}


.search_filter .search-box-body-theme {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    width: calc(100% - 238px);
    height: 60px;
    gap: 10px;
}
.search_filter .search-box-body-button {
    width: 238px;
    display: flex;
    align-items: center;
    height: 60px;
    gap: 10px;
    margin-left: 10px;
}
.search_filter .search-box-body-button .btn-send {
    color: #fff;
    width: 146px;
    border: 1px solid var(--color-primary);
    background: var(--color-primary);
}
.search_filter .search-box-body-button .btn-reset, .search_filter .search-box-body-button .btn-send {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    letter-spacing: -.7px;
    border-radius: 4px;
    padding: 0;
    cursor: pointer;
}
.search_filter .search-box-body-button .btn-reset {
    width: 82px;
    color: #999;
    border: 1px solid #d9d9d9;
    background: #fff;
}
.search_filter .search-box-body-button .btn-reset::before {
    content: "";
    width: 12px;
    height: 12px;
    background-image: url( /img/icon_redo.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    margin-right: 3px;
}
.search_filter .search-box-body-content .group-sca-do>div.active, .search_filter .search-box-body-content .group-sca-si .sca_si>div.active {
    background: #eef7ff;
    color: #0085ff;
}

.search_filter .search-box-body-content .group-sca-do>div, .search_filter .search-box-body-content .group-sca-si .sca_si>div {
    position: relative;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    padding-left: 20px;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -.8px;
}
.search_filter .search-box-body-content .group-sca-si .opacity-0 {
    opacity: 0;
    display: none;
}
.search_filter .search-box-body-content .group-stm .sca_theme {
    display: flex;
    flex-wrap: wrap;
}
.card__group_premier .card:hover>dl>dd .tit, .search_filter .search-box-body-content .group-stm .sca_theme>div.active,
.sub_title_banner .titles .hgroup .tit strong, .sub_title_blog .titles .hgroup .tit strong, .sub_title_board .titles .hgroup .tit strong,
.sub_title_broker .titles .hgroup .tit strong, .sub_title_employee .titles .hgroup .tit strong, .sub_title_employer .titles .hgroup .tit strong,
.sub_title_faq .titles .hgroup .tit strong, .sub_title_helpdesk .titles .hgroup .tit strong, .sub_title_news .titles .hgroup .tit strong {
    color: #0085ff;
}
.search_filter .search-box-body-content .group-stm .sca_theme>div {
    position: relative;
    width: 33.333333%;
    height: 40px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -.8px;
    color: #393434;
}
.search_filter .search-box-body-content .group-stm .sca_theme>div::after {
    content: "";
    width: 14px;
    height: 11px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-left: 10px;
}
.search_filter .search-box-body-content .group-stm .sca_theme>div.active::after {
    background-image: url(/img/icon_check.svg);
}
.search_filter .search-box-body-content .text_effect:hover {
    text-decoration: underline;
    cursor: pointer;
}
.best_recruits.bg_white {
    border-bottom: solid 20px #f3f3f3;
}
.best_recruits {
    padding: 80px 0;
}
.best_recruits {
    background: #f5f5f5;
}
.box_in, .latest_recruits_in, .results section {
    width: var(--view-width);
    margin-left: auto;
    margin-right: auto;
}
.box_in hgroup, .popular_jobs hgroup {
    margin-bottom: 40px;
}
.box_in hgroup h2, .latest_recruits .box {
    font-size: 0;
    line-height: 1;
}
.box_in hgroup h2 strong, .results__list__heading .tit {
    font-size: 34px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -1.36px;
    text-align: left;
    color: #333;
}
.box_in hgroup h2 .tooltip {
    float: right;
    height: 34px;
    display: inline-flex;
    align-items: center;
}
.box_in hgroup h2 .tooltip span {
    background: url(/img/tooltip.png) no-repeat 0 0;
    background-size: contain;
    width: 460px;
    height: 31px;
    display: inline-block;
    font-size: 12px;
    color: #fff;
    line-height: 31px;
    text-align: center;
    visibility: hidden;
}

.box_in hgroup h2 .tooltip>* {
    margin-left: 4px;
}
.box_in hgroup h2 .tooltip .ads_ask {
    font-size: 16px;
    font-weight: 500;
    color: #5f5c5c;
    padding: 0 14px;
    border: 1px solid #d4d4d4;
    background-color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    height: 34px;
    border-radius: 4px;
}

.box_in hgroup h2 .tooltip .ads_ask:hover .tooltiptext,.box_in hgroup h2 .tooltip span.hov {
    visibility: visible
}
.card__group_premier, .card__group_premier_employer {
    position: relative;
    font-size: 0;
    line-height: 1;
    padding-bottom: 40px;
}
.card__group_premier_employer .card:nth-of-type(2n+1) {
    margin-left: 0;
}

.card__group_premier_employer .card {
    position: relative;
    width: 690px;
    display: inline-block;
    margin-bottom: 40px;
    -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .1019607843);
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .1019607843);
    z-index: 1;
    overflow: hidden;
}
.rd10 {
    border-radius: 10px !important;
}
.card__group_premier_employer .card>dl {
    width: 690px;
}
.card__group_premier_employer .card>dl .main {
    height: 142px;
    display: flex;
}
.card__group_premier_employer .card>dl .main dt {
    width: 218px;
    height: 102px;
    margin: 20px;
    border-radius: 5px;
}
.card__group_premier_employer .card>dl .main .in {
    margin: 20px 0;
    width: calc(100% - 268px);
}
.card__group_premier_employer .card>dl .main .tit {
    display: block;
    font-weight: 700;
    font-size: 18px;
    margin-top: 10px;
    color: #312e27;
}
.card__group_premier_employer .card>dl .main .subject {
    display: inline-block !important;
    width: calc(100% - 0px);
    margin-top: 10px;
    font-size: 22px;
    line-height: 24px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -.5px;
    text-align: left;
    color: #333;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.card__group_premier_employer .card>dl .main .kind {
    display: block;
    font-weight: 700;
    font-size: 18px;
    color: #a3a3a3;
    margin-top: 10px;
}
.card__group_premier .card>dl>dd .summary, .card__group_premier_employer .card>dl>dd .summary {
    height: 46px;
    background: #f7f7f7;
    line-height: 46px;
}
.card__group_premier .card>dl>dd .summary dl, .card__group_premier_employer .card>dl>dd .summary dl {
    display: inline-block;
    margin-left: 20px;
}
.card__group_premier .card>dl>dd .summary dl>dt, .card__group_premier_employer .card>dl>dd .summary dl>dt {
    font-size: 16px;
    color: #333;
    display: inline-block;
    border-radius: 20px;
    border: 1px solid #dcdcdc;
    background: #fff;
    height: 20px;
    line-height: 20px;
    padding: 3px 10px;
    box-sizing: content-box;
}
.card__group_premier .card>dl>dd .summary dl>dd, .card__group_premier_employer .card>dl>dd .summary dl>dd {
    font-size: 16px;
    color: #333;
    display: inline-block;
    margin-left: 10px;
}
.card__group_premier_employer .card+.card {
    margin-left: 19px;
}
.card__group_premier_employer .card:nth-of-type(2n+1) {
    margin-left: 0;
}
.card__group_premier .card:hover>dl>dd .summary, .card__group_premier_employer .card:hover>dl>dd .summary {
    background: #eef7ff;
}
.card__group_premier_employer .card:hover .border {
    border: 2px solid #0085ff;
}

.card__group_premier_employer .card .border {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.pt40 {
    padding-top: 40px !important;
}
.card__group {
    position: relative;
    padding-bottom: 40px;
}
.card__group, .results .result__list__heading .tit {
    font-size: 0;
    line-height: 1;
}
.card__group .card:nth-of-type(4n+1) {
    margin-left: 0;
}

.card__group .card {
    box-sizing: border-box;
    position: relative;
    width: 335px;
    display: inline-block;
    margin-bottom: 40px;
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1);
    z-index: 1;
}
.card__group .card+.card {
    margin-left: 20px;
}
.card__group .card:nth-of-type(4n+1) {
    margin-left: 0;
}
.card__group .card .itm, .card__group .card>dl {
    width: 335px;
    border-radius: 10px !important;
}
.card__group .card .itm>dt, .card__group .card>dl>dt {
    position: relative;
    height: 150px;
}
.card__group .card>dl>dt::before {
    content: "";
    width: 100%;
    height: 1px;
    background: #eee;
    position: absolute;
    left: 0;
    bottom: -1px;
}
.card__group .card .itm>dt .tit, .card__group .card>dl>dt .tit {
    position: absolute;
    left: 18px;
    bottom: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: 31px;
    padding: 0 20px;
    border-radius: 4px 4px 0 0;
    border-top: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    background: #fff;
    font-size: 15px;
    font-weight: 700;
    line-height: 15px;
    letter-spacing: -.75px;
    text-align: center;
    color: #393434;
}
.card__group .card .itm>dd, .card__group .card>dl>dd {
    background: #fff;
    overflow: hidden;
    height: 167px;
}
.card__group .card .itm>dd .in, .card__group .card>dl>dd .in {
    margin-left: 20px;
    margin-right: 20px;
}
.card__group .card .itm>dd .cats, .card__group .card>dl>dd .cats {
    margin-top: 14px;
    margin-bottom: 14px;
}
.card__group .card .itm>dd .tit, .card__group .card>dl>dd .tit {
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -1.2px;
    text-align: left;
    color: #393434;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.card__group .card .itm>dd .dsc, .card__group .card .itm>dd .summary>dl, .card__group .card .itm>dd .tit, .card__group .card>dl>dd .dsc, .card__group .card>dl>dd .summary>dl, .card__group .card>dl>dd .tit {
    display: block;
}
.card__group .card .itm>dd .dsc, .card__group .card>dl>dd .dsc {
    margin-top: 10px;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -.8px;
    text-align: left;
    color: #888;
}
hr.divide, hr.divide.y1 {
    height: 1px;
}

hr.divide {
    padding: 0;
    margin: 0;
    border-style: none;
    background: #d9d9d9;
    overflow: hidden;
    display: block;
}
.mt14 {
    margin-top: 14px !important;
}
.mb15 {
    margin-bottom: 15px !important;
}
.card__group .card .itm>dd .dsc, .card__group .card .itm>dd .summary>dl, .card__group .card .itm>dd .tit, .card__group .card>dl>dd .dsc, .card__group .card>dl>dd .summary>dl, .card__group .card>dl>dd .tit {
    display: block;
}
.bestList .card__group .card .itm>dd .summary>dl+dl, .bestList .card__group .card>dl>dd .summary>dl+dl,
.card__group .card .itm>dd .summary>dl+dl, .card__group .card>dl>dd .summary>dl+dl, .l-results .rows .aside .stx_group select+select,
.main__latest__group div.box .items {
    margin-top: 10px;
}
.card__group .card .itm>dd .summary>dl dt, .card__group .card>dl>dd .summary>dl dt {
    width: 41px;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -.8px;
    text-align: left;
    color: #999;
}
.card__group .card .itm>dd .summary>dl dd, .card__group .card .itm>dd .summary>dl dt, .card__group .card>dl>dd .summary>dl dd, .card__group .card>dl>dd .summary>dl dt {
    display: inline-block;
}
.card__group .card .itm>dd .summary>dl dd, .card__group .card>dl>dd .summary>dl dd {
    color: #393434;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -.8px;
    text-align: left;
}
.pt80 {
    padding-top: 80px !important;
}
.bestList .card__group {
    position: relative;
    font-size: 0;
    line-height: 1;
    padding-bottom: 40px;
}

.bestList .card__group .card {
    position: relative;
    width: 268px;
    display: inline-block;
    margin-bottom: 40px;
    -webkit-box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, .08);
    box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, .08);
    z-index: 1;
    border-radius: 6px;
    overflow: hidden;
}
.bestList .card__group .card .itm>dt, .bestList .card__group .card>dl>dt {
    position: relative;
    height: 116px;
}
.bestList .card__group .card .itm>dd, .bestList .card__group .card>dl>dd {
    background: #fff;
    overflow: hidden;
    height: 116px;
}
.bestList .card__group .card .itm>dd .in, .bestList .card__group .card>dl>dd .in {
    margin: 0;
    padding: 20px;
}
.bestList .card__group .card .itm>dd .tit, .bestList .card__group .card>dl>dd .tit {
    display: -webkit-box;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 48px;
    text-align: left;
    color: #393434;
    margin-bottom: 10px;
    white-space: normal;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -.9px;
}
.bestList .card__group .card .itm>dd .cats, .bestList .card__group .card>dl>dd .cats {
    margin: 0;
}
.bestList .cats .cat .lab, .bestList .cats .salary .lab {
    margin-left: 4px;
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -.56px;
    text-align: left;
    line-height: 15px;
    color: #333;
}
.cats .salary {
    display: inline-flex;
    align-items: center;
    position: relative;
    vertical-align: middle;
}
.cats .salary .salary_icon {
    padding: 2px;
    flex-direction: column;
    gap: 10px;
    border-radius: 2px;
    border: 1px solid var(--color-primary);
    background: var(--color-primary);
    font-size: 10px;
    font-style: normal;
    line-height: 10px;
    letter-spacing: -.5px;
}
.cats .salary .salary_icon, .search_filter .search-box-body-header>div {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
}
.bestList .cats .cat+.cat, .cats .salary, .results section.broker .card__group.broker .card>dl>dd .area_kind span span+span {
    margin-left: 5px;
}
.bestList .card__group .card .itm>dd .dsc, .bestList .card__group .card>dl>dd .dsc {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: -.7px;
    text-align: left;
    color: #393434;
}
.d-none {
    display: none !important;
}
.bestList .card__group .card .itm>dd .summary, .bestList .card__group .card>dl>dd .summary {
    font-size: 0;
    line-height: 1;
}

.bestList .card__group .card.hov .exp,.modal .modal-dialog .modal-content .modal-header .btn__close span {
    display: none;
}

.bestList .card .border {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 6px
}
.bestList .card:hover .border {
    border: 2px solid #0085ff;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.1)
}

.card_plus_employer .card:hover:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 2px solid #0085ff;
    z-index: 1;
    border-radius: 10px;
    pointer-events: none;
}

.card_plus_employer .card:hover>dl>dt .tit {
    border-top: 1px solid #0085ff;
    border-right: 1px solid #0085ff;
    border-left: 1px solid #0085ff;
    color: #0085ff
}

.bestList .card__group .card {
    position: relative;
    width: 268px;
    display: inline-block;
    margin-bottom: 40px;
    -webkit-box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, .08);
    box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, .08);
    z-index: 1;
    border-radius: 6px;
    overflow: hidden;
}
.bestList .card__group .card+.card {
    margin-left: 15px;
}
.bestList .card__group .card:nth-of-type(5n+1) {
    margin-left: 0;
}

.card__group_best_employer .card>dl.main {
    position: relative;
    height: 230px;
    border-radius: 6px;
    overflow: hidden;
}

.card__group_best_employer .card>dl.main dt, .card__group_premier_employer .card>dl.main dt, .card_plus_employer .card>dl.main dt {
    height: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
}
.card__group_best_employer .card>dl.main dt .ads_content, .card__group_premier_employer .card>dl.main dt .ads_content, .card_plus_employer .card>dl.main dt .ads_content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-align: center;
}
.card__group_best_employer .card>dl.main dt .ads_content img {
    width: 150px;
    margin: 0 auto;
}
.card__group_best_employer .card>dl.main dt .ads_content span {
    font-size: 16px;
    font-weight: 700;
}
.card__group_best_employer .card>dl.main dt .ads_content button, .card__group_premier_employer .card>dl.main dt .ads_content button, .card_plus_employer .card>dl.main dt .ads_content button {
    position: relative;
    width: 100px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: solid 1px #ddd;
    background-color: #fff;
    border-radius: 4px;
    margin: 0 auto;
    padding: 0;
}
.banner__box {
    font-size: 0;
    line-height: 1;
    min-width: var(--view-width);
    margin-left: auto;
    margin-right: auto;
}
.banner__box .bnr img {
    width: 100%;
    height: auto;
}
.banner__box .bnr{
    float: left;
    width: 100%;
    height: 100%;
}
.board__lists .card {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .08);
    margin-bottom: 20px;
}
.board__lists table tbody tr, .l-header .row.bg-white .header__search form, .post__form .post__box table tbody tr th label, .uio__stx.cross {
    position: relative;
}
.board__lists table tbody tr td:first-child, .board__lists table tbody tr th:first-child {
    padding-top: 20px;
    padding-bottom: 20px;
    vertical-align: top;
}

.board__lists .m_cats {
    font-size: 0;
    line-height: 1;
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%;
    text-align: left;
}
.board__lists table .m_cats .label {
    border-radius: 14px;
    border: 1px solid #0085ff;
    background: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 28px;
    width: 53px;
    padding: 0;
}

.board__lists .m_cats .label {
    margin-left: 40px;
}
.board__lists .m_cats .label, .board__lists .m_cats .tit {
    display: inline-flex;
}
.rd13 {
    border-radius: 13px !important;
}
.label {
    margin: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 22px;
    line-height: 1;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.board__lists table .m_cats .label .txt {
    color: #0085ff;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: -.9px;
}

.label .txt {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -.56px;
    color: #fff;
}
.label .txt, .latest_article ul.items li a .sbj, .uio__stx label, .uio_agreements p.tit {
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -.72px;
    color: #333;
}
.board__lists .m_cats .tit {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: -.72px;
    text-align: left;
    color: #333;
    margin-left: 10px;
}
.board__lists .m_cats:after {
    content: "";
    position: absolute;
    display: block;
    width: 1px;
    height: 70px;
    background: #dbdbdb;
    overflow: hidden;
    right: 0;
    top: 0;
}
.board__lists .m_title {
    display: inline-block;
    font-size: 0;
    line-height: 1;
}

.ml30 {
    margin-left: 30px !important;
}
.board__lists .m_title .tit {
    color: #333;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -.8px;
    text-align: left;
}
.board__lists .m_cats .tit, .board__lists .m_title .dsc, .board__lists .m_title .tit {
    font-stretch: normal;
    font-style: normal;
}
.board__lists .m_title .dsc {
    margin-top: 14px;
    display: block;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -.64px;
    text-align: left;
    color: #888;
}
.board__lists table tbody tr td, .board__lists table tbody tr th {
    padding-top: 32px;
    padding-bottom: 36px;
    vertical-align: middle;
    z-index: 1;
    position: relative;
}
.board__lists .cats-md, .detail__box .infos__readme .readme p+p {
    margin-top: 0;
}
.cats-md .cat:before {
    content: "";
    display: inline-block;
    background-image: url(/img/icon_flag.svg);
}
.cats-md .cat .lab, .tb-board-group .tb-board-body .tb-board-items>div span {
    color: #393434;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -.8px;
}
.results .board__lists .dbtn-primary {
    border-radius: 4px !important;
    border: 1px solid #d9d9d9;
    background-color: #f9f9f9 !important;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #393434!important;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 14px;
    letter-spacing: -.7px;
    gap: 6px;
    padding: 0;
}
.results .board__lists .dbtn-primary::after {
    content: "";
    width: 10px;
    height: 8px;
    background-image: url(/img/icon_arrow_right.svg );
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.board__lists .card table{
    width: 100%;
}
.form_help {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-top: 10px;
}
.form_help .text-help {
    display: inline-flex;
    gap: 4px;
    color: #393434;
    font-weight: 400;
}

.form_help .form_btn_sm, .form_help .text-help {
    align-items: center;
    font-size: 14px;
    font-style: normal;
    line-height: 14px;
    letter-spacing: -.7px;
}
.form_help .form_btn_sm::after, .form_help .text-help::before {
    content: "";
    width: 16px;
    height: 16px;
    background-image: url(/img/icon_warning.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.form_help .form_btn_sm {
    height: 24px;
    line-height: 24px;
    width: auto;
    padding: 0 12px;
}

.form_help .form_btn_sm {
    display: flex;
    width: auto;
    height: 26px;
    padding: 13px 15px;
    gap: 6px;
    flex-shrink: 0;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    background: #f9f9f9;
    color: #999;
    text-align: center;
    font-weight: 500;
    cursor: pointer;
}
.form_help .form_btn_sm, .form_help .text-help {
    align-items: center;
    font-size: 14px;
    font-style: normal;
    line-height: 14px;
    letter-spacing: -.7px;
}

.form_help .form_btn_sm::after {
    width: 6px;
    height: 12px;
    background-image: url(/img/icon_arrow_help_right.svg);
}
.mt10 {
    margin-top: 10px !important;
}
.form_inputs .w100 {
    width: 100% !important;
}

.chkbox-colgroup {
    margin-bottom: -5px;
}
.chkbox-colgroup .chkbox {
    margin-bottom: 5px;
}

.chkbox {
    font-size: 0;
    line-height: 1;
    display: inline-block;
    cursor: pointer;
}
.chk [type=checkbox], .chkbox input[type=checkbox], .chkbox input[type=radio] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}

.chkbox i.lab, .rdo {
    display: inline-block;
}
.chkbox i.lab {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -.64px;
    text-align: left;
    color: #888;
    height: 50px;
    line-height: 54px;
    border: solid 1px #dbdbdb;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 21px;
    -webkit-transition: border-color .3s 0s, color .3s 0s;
    transition: border-color .3s 0s, color .3s 0s;
}
.chk [type=checkbox]:checked+.vchk,.rdo [type=radio]:checked+.vrdo {
    border: solid 1px #413b3b;
    background-color: #413b3b
}

.chkbox input[type=checkbox]:checked+i.lab,.chkbox input[type=radio]:checked+i.lab {
    border-color: #333;
    color: #333
}
.rdo {
    font-size: 0;
    line-height: 1;
}
.rdo [type=radio]:checked {
    background: #333;
}

.go__top span, .keywords_stage .keyword .btn_delete>span, .pagination li.cctrl span, .rdo [type=radio] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}
.chk [type=checkbox]:checked+.vchk, .rdo [type=radio]:checked+.vrdo {
    border: solid 1px #413b3b;
    background-color: #413b3b;
}

.rdo .lab, .rdo .vrdo {
    display: inline-block;
    vertical-align: middle;
}
.rdo .vrdo {
    position: relative;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    border: solid 1px #dbdbdb;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background-color .2s 0s ease-in-out;
    transition: background-color .2s 0s ease-in-out;
}
.rdo .vrdo:after {
    content: "";
    width: 8px;
    height: 8px;
    display: block;
    border-radius: 4px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -4px;
    margin-top: -4px;
}
.rdo .lab, .rdo .vrdo {
    display: inline-block;
    vertical-align: middle;
}
.rdo .lab {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -.64px;
    color: #333;
    margin-left: 10px;
}
.radio-colgroup .rdo+.rdo {
    margin-left: 30px;
}
.mb10 {
    margin-bottom: 10px !important;
}
.chkbox-colgroup .chkox+.chkbox, .uio__file i.dbtn {
    margin-left: 10px;
}
.detail__box .infos h4, p.warn {
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -.64px;
    text-align: left;
}

.detail__box .header__flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 50px;
    margin-bottom: 10px;
}
.detail__box .header__flex small {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: -.05em;
    color: #6f6f6f;
}
.detail__box .header__flex button {
    display: inline-flex;
    align-items: center;
    height: 30px;
    background: #fff;
    border: 1px solid #d9d9d9;
    padding: 0 13px;
    cursor: pointer;
}
.modal {
    position: fixed;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1050;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: all 600ms cubic-bezier(.86,0,.07,1);
}
.modal-dialog {
    width: 390px;
}
.modal .modal-dialog .modal-content {
    width: 100%;
    height: calc(100% - 0px);
    background: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, .25);
    border-radius: 10px;
}
.modal .modal-dialog .modal-content .modal-header {
    padding: 30px 30px 20px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.modal .modal-dialog .modal-content .modal-header .modal-title {
    font-weight: 700;
    font-size: 18px;
    letter-spacing: -.05em;
    text-transform: uppercase;
    color: #2b2b2b;
}
.modal .modal-dialog .modal-content .modal-header .btn__close {
    border: 0;
    background-color: transparent;
    padding: 0;
    position: relative;
    width: 22px;
    height: 22px;
    cursor: pointer;
}
.modal .modal-dialog .modal-content .modal-header .btn__close::before {
    transform: rotate(45deg);
}

.modal .modal-dialog .modal-content .modal-header .btn__close::after, .modal .modal-dialog .modal-content .modal-header .btn__close::before {
    position: absolute;
    right: 10px;
    top: 0;
    content: "";
    height: 22px;
    width: 2px;
    background-color: #000;
}
.bestList .card__group .card.hov .exp, .modal .modal-dialog .modal-content .modal-header .btn__close span {
    display: none;
}
.modal .modal-dialog .modal-content .modal-header .btn__close::after {
    transform: rotate(-45deg);
}
.modal .modal-dialog .modal-content .modal-body {
    padding: 0 20px;
}
.board-row.row-cols-3>* .card .card-thumbnail, .board__wrap .board__end a.btn-add, .modal .modal-dialog .modal-content .modal-body .modal-sns {
    display: flex;
    justify-content: center;
    align-items: center;
}
.modal .modal-dialog .modal-content .modal-body .modal-sns>div {
    flex: 1 0 0%;
    text-align: center;
}
.modal .modal-dialog .modal-content .modal-body .modal-sns a {
    position: relative;
    display: inline-flex;
    align-items: flex-end;
    justify-content: center;
    width: 50px;
    height: 74px;
}
.modal .modal-dialog .modal-content .modal-body .modal-sns a::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 50px;
    height: 50px;
    margin-left: -25px;
    background-repeat: no-repeat;
}
.modal .modal-dialog .modal-content .modal-body .modal-sns a.btn__copy::before {
    background-image: url(/img/icon_sns_link.svg);
}
.modal .modal-dialog .modal-content .modal-body .modal-sns a span {
    display: inline-block;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: -.05em;
    text-transform: uppercase;
    color: #2b2b2b;
    white-space: nowrap;
}
.modal .modal-dialog .modal-content .modal-body .modal-sns a.btn__Kakaotalk::before {
    background-image: url(/img/icon_sns_kakao.svg);
}
.modal .modal-dialog .modal-content .modal-body .modal-sns a.btn__naver::before {
    background-image: url(/img/icon_sns_naver.svg);
}
.modal .modal-dialog .modal-content .modal-body .modal-sns a.btn__facebook::before {
    background-image: url(/img/icon_sns_facebook.svg);
}
.modal.background {
    background: rgba(0, 0, 0, .3);
}
.modal.show {
    top: 0;
    opacity: 1;
}
.detail__box .info-msg{
    float: left;
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #ff2323;
}
.detail__box .btn-panel{
    position: relative;
    width: 80%;
    padding: 30px 0 60px 0;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
}
.btn-panel table tr{
    height: 80px;
}
.btn-panel table th{
    width: 140px;
    text-align: left;
}
.btn-panel table td{
    width: calc(100% - 140px);
    text-align: left;
}
.btn-panel table .date-wrap{
    float: left;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
    padding: 8px 0 16px 0;
}
.btn-panel table .date-wrap a{
    padding: 7px 10px;
    background-color: #e7e7e7;
    border-radius: 10px;
}
.btn-panel table .date-wrap p {
    width: 100%;
    margin-bottom: 10px;
}

.detail__box .pictures,
.detail__box .dl_table,
.detail__box .infos__corp,
.detail__box .infos__recruit,
.detail__box .infos__readme,
.detail__box .infos__locate,
.detail__box .infos__warning {
    float: left;
    width: 100%;
}

.detail__box .pictures .picture__flicks {
    position: relative;
    width: 1054px;
    height: 592px;
    overflow: hidden;
    float: left;
}
.detail__box .pictures .picture__flicks .swiper-slide{
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    height: 592px;
    width: 1054px;
}
.detail__box .pictures .picture__flicks img{
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.detail__box .pictures .picture__thumb {
    float: right;
}
.detail__box .pictures .picture__thumb li.act, .filter_pans .pan button.loc.act {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.detail__box .pictures .picture__thumb li {
    position: relative;
    display: block;
    width: 231px;
    height: 135px;
    background: #eee;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.detail__box .pictures .picture__thumb li+li {
    margin-top: 18px;
}
.detail__box .pictures .picture__thumb li a {
    position: relative;
    overflow: hidden;
}

.detail__box .pictures .picture__thumb li a, .pagination li a {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
}
.detail__box .pictures .picture__thumb li.act a:before, .dl_table dl+dl:before, .dl_table2 dl+dl:before, .filter_pans .pan button.loc.act em.icon, .filter_pans .pan button.theme+button.theme:before, .filter_pans .pan button.theme.act em.icon, .keywords_stage .keyword:hover .btn_delete {
    opacity: 1;
}

.detail__box .pictures .picture__thumb li a:before {
    position: absolute;
    content: "";
    display: block;
    width: 231px;
    height: 135px;
    border: 5px solid #ffd600;
    left: 0;
    top: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0;
    -webkit-transition: opacity .3s 0s linear;
    transition: opacity .3s 0s linear;
}
.detail__box .pictures .picture__thumb li a img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.mt41 {
    margin-top: 41px !important;
}
.pull-left {
    float: left;
    margin-right: .3em;
}
.pull-right {
    float: right;
    position: relative;
    margin-right: .3em;
}
.detail__box .infos h4, p.warn {
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -.64px;
    text-align: left;
    color: #888;
}
.detail__box .infos h4 {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -.96px;
    color: #333;
    margin-bottom: 29px;
}
.mr10 {
    margin-right: 10px !important;
}

.detail__box .infos {
    padding-top: 49px;
    padding-bottom: 50px;
    border-bottom: 1px solid #dbdbdb;
}
.detail__box .infos.nobd-bottom {
    border-bottom: none;
}
.detail__box .infos__tags, .dl_table dd .items li, .dl_table2 dd .items li, .sub__cover hgroup {
    font-size: 0;
    line-height: 1;
}
.detail__box .infos__tags .tag {
    display: inline-block;
    height: 39px;
    line-height: 37px;
    border: solid 1px #333;
    padding: 0 14px;
}
.detail__box .infos__readme .readme, .detail__box .infos__tags .tag span, .detail__box .infos__warning dl dt {
    font-size: 17px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -.68px;
    text-align: left;
    color: #333;
}
.detail__box .infos__tags .tag+.tag {
    margin-left: 7px;
}
.detail__box .infos__locate .map {
    width: 100%;
    height: 649px;
    background: #eee;
}
.detail__box .infos__locate address, .detail__box .infos__warning dl dd ul.items li, .detail__box .pnn a .lab {
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    text-align: left;
    color: #5f5c5c;
}

.detail__box .infos__locate address {
    background: url(/img/icon_marker.png) no-repeat 0 50%;
    background-size: 20px 27px;
    padding-left: 30px;
    font-size: 18px;
    line-height: 1.78;
    letter-spacing: -.72px;
}
.mb35 {
    margin-bottom: 35px !important;
}
address, i {
    font: 1em sans-serif;
}

.detail__box .action a+a {
    margin-left: 16px;
}







.chk_hidden{
    float: right;
    padding-top: 15px;
    margin-right: 16px;
}

.comment .lock{
    color: #b1b1b1;
}