html { user-select: unset !important;}
h1, h2, h3, h4, h5, h6, p, div, img, span, a, em {
    -webkit-user-select: unset;
    -khtml-user-select: unset;
    -moz-user-select: unset;
    -o-user-select: unset;
    user-select: unset;
    -webkit-user-drag: unset;
    -khtml-user-drag: unset;
    -moz-user-drag: unset;
    -o-user-drag: unset;
}

.header_list .inner { padding: 1rem 15px;}
.header_list .inner .left { display: flex; justify-content: space-between; gap: 1rem;align-items: center;}
.header_list .inner .left .menu { display: flex; align-items: center; gap: .7rem;}
.header_list .inner .left .menu a:nth-child(1) { font-weight: 600;}
.header_list .inner .right .edit_resume { color: #fff; border-radius: 5px; text-align: center; width: 105px; padding: .6rem 0; background: var(--color_blue);}
.header_list .inner .right { display: flex; align-items:center; gap: 1rem;}
.header_list .inner .right .member_wrap a { font-size: .9rem; color: #9f9fa0; border-right: 1px solid #9f9fa0; padding-right: .7rem; margin-right: .7rem; }
.header_list .inner .right .member_wrap a:nth-last-child(1) { border-right: none; padding-right: unset; margin-right: unset;}
.header_list .inner .right .member_wrap a:hover { text-decoration: underline;}


main { background: var(--color_bg); padding: 9rem 15px;}
main .inner { max-width: 1054px; padding: 0 15px; margin: 0 auto;}

.company_box { padding: 2rem; border: 1px solid #ddd; border-radius: 10px; background: #fff;}

.company {margin-bottom: 3rem;}
.company .top { padding-bottom: 3rem;}
.company .top .fl_box { display: flex; justify-content:space-between; margin-bottom: 2rem;}

.company .top h2 { font-weight: 600;  font-size: 1.4rem; margin-bottom: .5rem;}

.company .bottom { padding: 2rem 0 0; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #D4D4D4; gap: 0.5rem;}
.company .bottom ul { display: flex; justify-content: space-between; flex-wrap: wrap; width: 65%;}
.company .bottom ul li { display: flex; width: 50%; margin-bottom: 1.8rem;}

.company .bottom ul li b { display: block; width: 100px; font-weight: 600;line-height: 1.3;}
.company .bottom ul li .jick_wrap { width: calc(100% - 115px);display: flex; gap: .3rem; flex-wrap: wrap; line-height: 1.3;}
.company .bottom ul li .manager_wrap { width: calc(100% - 115px); line-height: 1.3;}
.company .bottom ul li span { display: block; width: calc(100% - 115px); line-height: 1.3; word-break: break-all;}
.company .bottom ul li p { line-height: 1.3;}

.company .bottom .right { width: 35%; text-align: center;}
.company .bottom .right img { display: inline-block; max-width: 100%;}
.company .bottom .right .top_apply_btns { display: flex; gap: .7rem; justify-content: center; margin-top: 1.5rem;}
.company .bottom .right .top_apply_btns > * { font-weight: 500;background: #f3f3f4; width: 33.3333%; text-align: center; padding: .5rem; border-radius: 5px;}
.company .bottom .right .top_apply_btns .favorite { display: flex; align-items: center; justify-content: center; gap: .3rem;}
.company .bottom .right .top_apply_btns .favorite img { width: 17px;}


.scrollBtn .inner { padding: 0; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #e0e0e0;}
.scrollBtn .inner ul { width: 65%; display: flex; align-items: center; max-width: 1054px; border-left: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0;}
.scrollBtn .inner ul li { width: 33.3333%; text-align: center;}
.scrollBtn .inner ul li a { color: #a1a1a2; display: block; position: relative; padding: 1rem 1.5rem; border-right: 1px solid #ddd;}
.scrollBtn .inner ul li a.on {font-weight: 600; color: #333;}
.scrollBtn .inner ul li:nth-last-child(1) a:after { content: unset;}
.scrollBtn .inner > a span { font-size: inherit; color: var(--color_blue); font-weight: 500;}

.scrollBtn.fixed { border-top: 1px solid #ddd; position: fixed; top: 90px ; left: 50%; transform: translateX(-50%); width: 100%; background-color: white; z-index: 7778; box-shadow: rgba(99, 99, 99, 0.2) 0px 5px 8px -3px; }
.scrollBtn.fixed .inner { padding: 0 15px; border-top: unset;}


/* 카테고리명 */
.common_h2 { border-top: 1px solid #e0e0e0; display: flex; align-items: center; gap: .7rem; font-size: 1.4rem; font-weight: 800; margin: 3rem auto 1.5rem; padding-top: 3rem; }

/* 세부사항 */
.companyDetail { text-align: center;}
.companyDetail .common_h2 { margin-top: 0; border-top: none;}
.companyDetail .main_text {border: 1px solid #A0A0A0; border-radius: 8px; padding: 1.5rem; margin-bottom: 4rem; line-height: 1.4; text-align: left;}
.companyDetail .posting_img {max-width: 100%;}

.companyDetail .main_text * { line-height: unset; color: inherit; font-weight: inherit; font-size: inherit;}
.companyDetail .main_text b { font-weight: bold; }
.companyDetail .main_text ul { display: block; list-style-type: disc; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 40px; unicode-bidi: isolate; }
.companyDetail .main_text ul li { display: list-item; text-align: -webkit-match-parent; unicode-bidi: isolate; list-style: unset;}
.companyDetail .main_text a { text-decoration: underline;}
.companyDetail .main_text del { text-decoration: line-through;}
.companyDetail .main_text s { text-decoration: line-through;}
.companyDetail .main_text u { text-decoration: underline;}
.companyDetail .main_text i { font-style: italic;}
.companyDetail .main_text img { max-width: 100%;}

/* 근무지 위치 */
.address_f { margin-bottom: 1rem;}
#map { height: 25rem; width: 100%; overflow: hidden; border-radius: 10px; margin-bottom: 4rem; border: 1px solid #d8d8d8;}


/* 접수 안내 */
.companyRegister .registerWrap { border-radius: 1rem; padding: 1.5rem; background: #f7f6f6;}
.companyRegister .registerWrap .register { display: flex; gap: 2rem; margin: 1.5rem 0; }
.companyRegister .registerWrap .register:nth-child(1) { margin-top: 0;}
.companyRegister .registerWrap .register:last-child {margin-bottom: 0;}
.companyRegister .registerWrap .register h4 {width: 65px; font-weight: 500; color: #565a5a;}
.companyRegister .registerWrap .register > div { width: calc(100% - 65px - 2rem); }
.companyRegister .registerWrap .register > div span { font-weight: 600; }
.companyRegister .registerWrap .register > div span:nth-child(n +2) { border-left: 1px solid #333; margin-left: 1rem; padding-left: 1rem;}
.companyRegister .registerWrap .register:nth-of-type(1) p:last-child,
.companyRegister .registerWrap .register:nth-of-type(2) p,
.companyRegister .registerWrap .register:nth-of-type(3) p:last-child { margin: 0;}
.companyRegister .registerWrap .register p span { font-size: 1.5rem;}
.companyRegister .registerWrap .register:last-child p { font-weight: 600;}

.companyRegister .registerWrap .caption { display: flex; align-items: center; margin-bottom: 1.5rem; gap: .3rem;}
.companyRegister .registerWrap .caption img { width: 15px;}
.companyRegister .registerWrap .caption p:nth-child(2) { color: var(--color_blue); font-size: 0.9rem;}
.companyRegister .registerWrap .caption p:nth-child(3) { font-size: 0.9rem; color: #a4a4a5;}

/* 하단 지원하기 */
.apply_wrap { display: flex; gap: .5rem;  margin-top: 3rem;}
.apply_wrap .icon_inner { width: 70px; height: 50px; border: 1px solid #b4b4b4; border-radius: 10px;}
.apply_wrap .online_apply { font-size: 1.2rem; width: 50%; background: var(--color_blue); color: #fff; border-radius: 10px; padding: .5rem 1.5rem;display: flex; align-items: center;justify-content: center;gap: 1rem;}
.apply_wrap .online_apply img { width: 28px;}
.apply_wrap .send_email {     line-height: 1.4;text-align: center; font-size: 1.2rem; width: 50%; background: #f3f3f3; border-radius: 10px; padding: .5rem 1.5rem; display: flex; align-items: center;justify-content: center;gap: 1rem;}
.apply_wrap .send_email img { width: 28px;}

#modal {
    display: none;
}
#modal.on {
    display: block;
}
#modal .inner {
    position: fixed;
    left: 50%; top: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    z-index: 9999;
    padding: 1.5rem 2rem;
    border-radius: 8px;
    width: 40%;
}
.bar_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 2rem;
}
.bar_wrap h3 {
    font-size: 1.2rem;
    font-weight: 600;
}
.bar_wrap .close {
    display: block;
    width: 2rem; height: 2rem;
    background: url(../img/pc/close.png) no-repeat center/contain;
    cursor: pointer;
}
.goblank a {
    display: block;
    border: .1rem solid #A0A0A0;
    border-radius: 5px;
    margin-bottom: 1rem;
    padding: 1.5rem 1rem;
}
.goblank a:last-child {
    margin-bottom: 0;
}
@media screen and (max-width: 1390px) {
    header .inner {
        max-width: 1054px;
    }
}

@media screen and (max-width: 1279px) {
	.scrollBtn.fixed { top: 79px;}
}
@media screen and (min-width: 700px) and (max-width: 1229px) {
    .company_box {
        max-width: 900px;
        margin: 0 auto;
    }
    .bottom_cont {
        max-width: 900px;
        margin: 0 auto;
        padding: 3rem 1rem;
    }
    #modal .inner {
        width: 60%;
    }
}
@media screen and (max-width: 699px) {
    .bottom_cont {
        padding: 3rem 2rem;
    }
    #modal .inner {
        width: 60%;
    }
}