@charset "utf-8";

/*article > .container { margin: 3rem auto 1.5rem auto; }*/

.consCompany  .btn-camera { width: auto; padding: 8px; background-color: #fff; border: 1px solid #E0E0E0; border-radius: 50%; color: #999; font-size: 16px; line-height: 1; display: block; position: absolute; right: -4px; bottom: 10px; z-index: 43; }
.consCompany  .btn-camera:hover { background-color: #F8F8F8; color: #777; transition-duration: 250ms; }
.consCompany  .btn-camera:before { content: "\e8bd"; font-family: unicons; font-style: normal; display: inline-block; }
.consCompany {  width:100%; height: 120px;    margin: 0 30px 0 18px;    box-sizing: content-box;    display: flex;    align-items: center;    justify-content: center;    position: relative;}

.consCompany .img {
    width: 500px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    
}

.consCompany .img img {
    width: 100%;
    height: 100%;
    object-fit: inherit;   /* 핵심 */
}


/* 로그인 */
.login { padding: 6rem 15px; display: flex; align-items: center; justify-content: center; }
.login .form-area { width: 100%; max-width: 370px; }
.login .form-area form .tit { margin-bottom: 1.5rem; display: flex; justify-content: center; }
.login .form-area form .tit h2 { font-size: 1.5rem; font-weight: 600; }
.login .form-area form .form-control { width: 100%; height: 48px; padding: .4rem .4rem .5rem 4.7rem; border-color: #d9d9d9; }
.login .form-area form .form-control::-webkit-input-placeholder { color: #aeaeae; }
.login .form-area form .form-control::-moz-placeholder { color: #aeaeae; }
.login .form-area form .form-control:-ms-input-placeholder { color: #aeaeae; }
.login .form-area form .form-control::-ms-input-placeholder { color: #aeaeae; }
.login .form-area form .form-control::placeholder { color: #aeaeae; }
.login .form-area form .form-group { position: relative; }
.login .form-area form .id, .login .form-area form .pw { margin-bottom: 10px; position: relative; }
.login .form-area form .id:after { content: "아이디"; color: #aeaeae; font-size: 0.875rem; display: block; position: absolute; top: 13px; left: 12px; }
.login .form-area form .pw:after { content: "비밀번호"; color: #aeaeae; font-size: 0.875rem; display: block; position: absolute; top: 13px; left: 12px; }
.login .form-area form .btn { font-weight: 600; }
.login .form-area form .btn-primary { margin-top: 10px; }
.login .form-area form ol { margin: 0; text-align: center; }
.login .form-area form ol li { color: #5c667b; font-size: 0.875rem; display: inline-block; }
.login .form-area form ol li:after { width: 1px; height: 12px; margin: 0 10px; content: ""; background-color: #cecfd3; display: inline-block; position: relative; top: 1px; }
.login .form-area form ol li:last-child:after { display: none; }
.login .findid { margin-top: 20px; display: flex; align-items: center; justify-content: center; }
.login .findid .custom-checkbox { color: #5c667b; font-size: 0.875rem; line-height: 23px; }
.login .askacct { margin-top: 2rem; padding-top: 1rem; border-top: 1px solid #d9d9d9; text-align: center; }
.login .askacct a { margin-left: 1rem; color: #0074FF; text-decoration: underline; }
.sns-login { margin-top: 40px; }
.sns-login .btn + .btn { margin-top: 10px; }
.sns-login .kakao:before { content: ""; width: 18px; height: 18px; margin-right: 5px; background-image: url("../images/snslogin_logo.png"); background-position: 0 0; background-size: auto 18px; vertical-align: middle; position: relative; top: -2px; display: inline-block; }
.sns-login .naver:before { content: ""; width: 18px; height: 18px; margin-right: 5px; background-image: url("../images/snslogin_logo.png"); background-position: -19px 0; background-size: auto 18px; vertical-align: middle; position: relative; top: -2px; display: inline-block; }
.sns-login .google:before { content: ""; width: 18px; height: 18px; margin-right: 5px; background-image: url("../images/snslogin_logo.png"); background-position: -38px 0; background-size: auto 18px; vertical-align: middle; position: relative; top: -2px; display: inline-block; }
.sns-login .kakao { background-color: #fee500; border-color: #fee500; color: #381e1f; }
.sns-login .kakao:hover { background-color: #f1d900; border-color: #f1d900; }
.sns-login .naver { background-color: #03c75a; border-color: #03c75a; color: #fff; }
.sns-login .naver:hover { background-color: #03bd55; border-color: #03bd55; }
.sns-login .google { background-color: #fff; border-color: #d9d9d9; color: #222; }
.sns-login .google:hover { background-color: #f2f2f2; }

/* 에러페이지 */
.error-page { height: 100vh; padding: 0 15px; display: flex; align-items: center; justify-content: center; }
.error-page .wrap { width: 100%; max-width: 370px; text-align: center; }
.error-page .wrap img { width: 200px; margin-bottom: 2rem; }
.error-page .wrap .h3 { margin-bottom: 1rem; font-size: 1.25rem; }
.error-page .wrap .btn-primary { margin-top: 3rem; }

/* 회원가입 */
.signup { margin: 4rem 15px; display: flex; align-items: center; justify-content: center; }
.signup .wrap { width: 100%; max-width: 370px; }
.signup .wrap h3 { margin: 0 0 2.5rem 0; font-size: 1.5rem; font-weight: 600; display: flex; justify-content: left; }
.signup .wrap .tit { margin-bottom: .4rem; color: #5c667b; position: relative; }
.signup .wrap .tit h4 {margin: 0 auto 0 0;font-size: 1.125rem; }
.signup .wrap .dot-list { margin-bottom: 0; }
.signup .wrap .form-group { margin: 15px 0; }
.signup .wrap .form-group .flex { display: flex; }
.signup .wrap .form-group .flex-wrap { gap: 7px; flex-wrap: wrap; }
.signup .wrap .form-group .flex + .flex { margin-top: .5rem; }
.signup .wrap .form-group .tit ~ .flex .form-control + *,
.signup .wrap .form-group .tit ~ .flex .btn + * { margin-left: .7rem; }
.signup .wrap .form-group .necessary:after { content: "\e8d8"; font-family: unicons; margin-left: 2px; color: #ff4f38; font-size: 1.125rem; position: absolute; top: -2px; }
.signup .wrap .form-group .flex a.btn { padding: 0.68rem 1.3rem; }
.signup .wrap .termschk { margin: 2.5rem 0 1.7rem 0; }
.signup .wrap .termschk .flex { flex-direction: column; }
.signup .wrap .termschk .allchk:nth-child(1) { margin-bottom: .8rem; padding-bottom: .5rem; }
.signup .wrap .termschk .allchk:nth-child(1) p { margin: .3rem 0 0 0; padding-left: 32px; color: #757575; font-size: 13px; line-height: 1.3; }
.signup .wrap .termschk .restchk { padding: .9rem 0 .7rem 0; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; }
.signup .wrap .termschk .restchk .check-lg span { margin-left: 5px; font-size: 13px; color: #999; position: relative; top: -2px; }
.signup .wrap .termschk .restchk > div { margin-bottom: .6rem; display: flex; justify-content: space-between; }
.signup .wrap .termschk .restchk .view { font-size: 13px; font-weight: 600; color: #757575; display: flex; align-items: center; justify-content: center; }
.signup .wrap .termschk .marketing { flex-direction: column; }
.signup .wrap .termschk .marketing p { margin: .3rem 0 0 0; padding-left: 32px; color: #757575; font-size: 13px; line-height: 1.3; }
.signup .wrap .submethod { margin: .5rem 0 0 0; display: flex; flex-direction: column; }
.signup .wrap .submethod .guide { margin: .3rem 0 0 0; padding-left: 32px; color: #757575; font-size: 13px;line-height: 1.3; }
.signup .wrap .submethod .guide ul { margin: .4rem 0 0 0; }
.signup .wrap .submethod .guide ul li { margin: .2rem 0 0 0; }
.signup .wrap .submethod .guide ul li i { margin: 0 4px 0 0; position: relative; top: 1px; opacity: .7; }
.signup .wrap .advice { font-size: 13px; line-height: 1.4; color: #757575; }
.signup .wrap .advice > li { padding: 0 0 0 7px; }
.signup .wrap .advice > li:before { width: 2px; height: 2px; top: 8px; }
.signup .wrap .switch-Item .flex { align-items: center; }
.signup .wrap .switch-Item .tit { margin: 0 auto 0 0; color: #222; font-size: 1rem; }
.signup .wrap .switch-Item .custom-switch { margin-left: auto; }
.signup .wrap .h5 { margin-bottom: 1rem; }
.signup .wrap .file-upload label { width: 130px; }
.signup .wrap .bg-light { border: none; }
.signup.finish { padding: 5rem 15px; display: flex; justify-content: center; }
.signup.finish .wrap { text-align: center; }
.signup.finish .wrap img { margin-bottom: 2rem; }
.signup.finish .wrap .h3 { margin-bottom: 1rem; font-size: 1.25rem; }
.signup.finish .wrap .btn-primary { margin-top: 3rem; }
.signup.finish .wrap .welcome { width: 120px; }
.signup.finish .sendemail { width: 190px; }
.signup.finish .email-info { margin-top: 2rem; padding: 1rem; background-color: #F6F6F6; border-radius: .3rem; border-color: transparent; font-size: 1.125rem; color: #0074FF; font-weight: 500; }

.member-type { margin: 3rem 15px; }
.member-type h3 { margin: 0 0 1.5rem 0; font-size: 1.5rem; font-weight: 600; display: flex; justify-content: left; }
.member-type .container { display: flex; flex-direction: column; }
.member-type .wrap { display: flex; justify-content: center; }
.member-type .box { padding: 2rem; border: 1px solid #E0E0E0; border-radius: 20px; text-align: center; word-wrap: break-word; display: flex; align-items: center; flex-direction: column; flex: 1 1 30%; }
.member-type .box + .box { margin: 0 0 0 1.5rem; }
.member-type .box h4 { font-size: 22px; font-weight: 600; }
.member-type .box h4 strong { color: #0074FF; font-weight: 600; }
.member-type .box h5 { margin: .7rem 0 .5rem 0; font-size: 16px; }
.member-type .box p { margin-bottom: 1.7rem; }
.member-type .box .btn { margin-top: auto; }
.member-type .box .img { width: 153px; height: 153px; margin: 1rem auto 0 auto; background: url("../images/mem_type.png") top left no-repeat; background-size: auto 150px; }
.member-type .box .img.doctor { background-position: 0 0; }
.member-type .box .img.hospital { background-position: -153px 0; }
.member-type .box .img.platform { background-position: -306px 0; }

/* 개인정보처리방침 */
.privacy-policy h4 { margin: 2.2rem 0 1.2rem 0; font-size: 20px; font-weight: 600; }
.privacy-policy .section { margin-bottom: 2rem; }
.privacy-policy ul li > ul { margin-top: .3rem; padding-left: 1.2rem; }
.privacy-policy ul li + li { margin-top: .3rem; }
.privacy-policy ul li .col-table, .privacy-policy ul li .row-table { margin-top: .7rem; }
.policy-scroll { max-height: 600px; }

/* 통합검색 */
.sub-search-form { border: 1px solid #0074FF; border-radius: .7rem; position: relative; z-index: 37; }
.sub-search-form > .wrap { padding: .57rem .5rem; border-radius: .7rem; background-color: #fff; display: flex; align-items: center; flex: 1 1 30%; position: relative; }
.sub-search-form > .wrap > div { width: 100%; display: flex; align-items: center; position: relative; }
.sub-search-form > .wrap .bar { width: 1px; height: 25px; margin: 0 7px; content: ""; background-color: #E0E0E0; display: inline-block; }
.sub-search-form > .wrap .form-control { border-color: transparent; }
.sub-search-form :is(.district, .category, .detail) { flex-shrink: 1.3; }
.sub-search-form :is(.district, .category, .detail) > a.btn { width: 100%; height: calc(1.5em + 1rem + 2px); padding: .5rem 26px .5rem 37px; color: #bbbbbb; font-size: 1rem; text-align: left; display: block; position: relative; }
.sub-search-form :is(.district, .category, .detail) > .btn:hover { color: #222; }
.sub-search-form :is(.district, .category, .detail, .keyword) > .btn:active { border-color: transparent; }
.sub-search-form :is(.district, .category, .detail, .keyword) > .btn:hover:before { opacity: 1; }
.sub-search-form :is(.district, .category, .detail) > .btn:before, .sub-search-form .keyword:before { width: 25px; height: 25px; content: ""; background: url("../images/main_search_icon.png") top left no-repeat; background-size: auto 25px; vertical-align: middle; opacity: .2; display: inline-block; position: absolute; left: 5px; }
.sub-search-form .category .btn:before { background-position: -28px 0; }
.sub-search-form .detail .btn:before { background-position: -56px 0; }
.sub-search-form :is(.district, .category, .detail) > .btn:after { width: 10px; height: 10px; content: ""; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAQAAADbJyoPAAACP0lEQVR42u3YuU7DQBAG4K1AnIGeG3G8A10IEM6OAgmJU9wUv3gEHoiHoKEDKcgoIVCDEDcdRbDBhBmT+NyNQBptFXvj/TSenZ1EldTfGUowghGMYAQjGMEIRjAGMDjAPY6Q8k6AydGLY9xg0YPBPEqfI4eGmmF6cOuuOsIxh+7lEgqcY4zShZfymvscky7fcDhtxjGDhPKOYW/O7BJODq1GMQO4I6vNVdhN2CYTrO+XZSRtH8hKM1W2NlbJpCu0GMEM4pWsMu5TZ7BBJuadl6WZ0o9nssIk/Isei46FRq2UPjyRp2ecawEVmEXnHPXaKN12Wf158sTX1cDjgHEsNGuKCt1B2e/rIc4mbJEvXmiITgeLyvTPnVAHJZbJly8TRqeP7aBRei/kqY0VFp32BJv5wZu2kTE2Z4+lcpOGXJnz3o/Qz7BULsTY6L/qSgKMzVkjDysiFYkyxChjleZEw/DoFNEaISpvv+tKUozCDnnoGepCUTrLrZMzpqrNi45RWGdlsClEVO6DoxIXwxsMuzkNKPw0KrN+c+NheHTyPpwulrZZ/xjGxSgsMU5blRJHKemgFxofw6OTq7DReUM5EZzoSTB8Z1mel8Ubytkwuy4ZhrdfRbSQEscaynDVKCmGNxh5l9PLcmUqbGlMjuFHqGV/TuHR7zg0i1HYJIuf4DRa2urG8DPL92SuBYbnjvuTLGqToQ/Du0FPQ1l7DOVk4nSCejEKC/axeB1c+DVg5D89wQhGMIIRjGAEI5h/ivkALYLMcpqwu0EAAAAASUVORK5CYII=") center center no-repeat; background-size: 13px 13px; vertical-align: middle; display: inline-block; position: absolute; top: 15px; right: 8px; }
.sub-search-form .keyword:before { background-position: -84px 0; }
.sub-search-form .keyword { position: relative; }
.sub-search-form .keyword:hover:before { opacity: 1; }
.sub-search-form .keyword .form-control { padding: .5rem .5rem .5rem 37px; }
.sub-search-form .keyword .form-control:focus { box-shadow: none; }
.sub-search-form .dropdown.show .btn:after { transform: rotateX(180deg); }
.sub-search-form .dropdown .dropdown-menu { padding: 1rem; }
.sub-search-form :is(.district, .category, .detail) .dropdown-menu { width: 500px; }
.sub-search-form .dropdown.category .dropdown-menu { width: 800px; }
.sub-search-form .dropdown-menu ul { margin-bottom: 0; }
.sub-search-form .dropdown-menu .action-btn-group { margin-top: 1rem; }

.sub-search-form .selected-list { padding: .7rem; border-top: 1px solid #0074FF; position: relative; display: flex; flex-direction: column; }
.sub-search-form .selected-list .wrap { min-height: 115px; margin: 0 -2px; }
.sub-search-form .selected-list .label { margin: 0 2px; padding: 0; color: #5c667b; font-size: 13px; display: inline-block; position: relative; }
.sub-search-form .selected-list .label .del { margin-left: -1px; background-color: transparent; border: none; position:relative; }
.sub-search-form .selected-list .label .del:before { content: "\eaeb"; font-family: unicons; color: #B5B5B5; display: inline-block; }
.sub-search-form .selected-list .action-btn-group { margin-top: 1rem; }

/* dropdown : 근무지역 선택 */
.find-district { display: flex; flex-direction: column; }
.find-district .district-list { display: flex; flex-wrap: wrap; }
.find-district .district-list .wrap + .wrap { margin-left: -1px; }
.find-district .district-list.div-1 .wrap { width: calc(100%); }
.find-district .district-list.div-2 .wrap { width: calc(100% / 2); }
.find-district .district-list.div-3 .wrap { width: calc(100% / 3); }
.find-district .district-list .wrap .tit { margin-bottom: .4rem; font-size: 13px; color: #949494; position: relative; }
.find-district .district-list .wrap .tit .del { font-style: normal; cursor: pointer; position: absolute; right: 0; }
.find-district .district-list .wrap .tit .del:hover { text-decoration: underline; }
.find-district .district-list .wrap ul { height: 100vh; max-height: 240px; border: 1px solid #d9d9d9; overflow-y: auto; }
.find-district .district-list .wrap ul li a, .find-district .district-list .wrap ul li button { width: 100%; padding: 7px 13px; background-color: #fff; border: none; color: #5c667b; font-size: 13px; line-height: 1.25; text-align: left; word-break: keep-all; display: inline-block; }
.find-district .district-list .wrap ul li a:hover, .find-district .district-list .wrap ul li button:hover { background-color: #F7F8FA; text-decoration: none; transition-duration: 250ms; }
.find-district .district-list .wrap ul li.active a, .find-district .district-list .wrap ul li.active button { background-color: rgba(0,116,255,.04); color: #0074FF; font-weight: 600; }
.find-district .district-list .wrap .none { width: 100%; height:100vh; max-height: 240px; padding: 0 13px; border: 1px solid #d9d9d9; color: #bbbbbb; font-size: 13px; text-align: center; display: flex; align-items: center; justify-content: center; }

/* dropdown : 진료과 선택 */
.find-category { display: flex; flex-direction: column; position: relative; }
.find-category .ment { margin-top: .6rem; font-size: 13px; }
.find-category .category-list { border-bottom: 1px solid #d9d9d9; }
.find-category .category-list ul { padding: 0 0 .5rem 0; }
.find-category .category-list ul li { width: calc(100% / 6 - 10px); }
.find-category .category-list ul li a { min-width: 100%; }
.category-list { margin: 0; }
.category-list ul { margin: 0 -5px; display: flex; flex-wrap: wrap; }
.category-list ul li { width: calc(100% / 6 - 10px); margin: 2px 5px; }
.category-list ul li.full { margin-right: 100%; display: block; flex: none; }
.category-list ul li a {  width: 100%; margin: 3px 2px; padding: .25rem .9rem; background-color: transparent; border: 1px solid #c8c8c8; border-radius: 2em; color: #212529; text-align: center; display: inline-block; position: relative; }
.category-list ul li a:hover { background-color: #f4f4f4; text-decoration: none; transition-duration: 250ms; }
.category-list ul li.active a { background-color: #0074FF; border-color: #0074FF; color: #fff; }

/* 초빙공고 목록 */
[class*=-list] .utility { margin-bottom: 1rem; display: flex; align-items: center; }
[class*=-list] .utility .left { margin-right: auto; }
[class*=-list] .utility .right { margin-left: auto; }
[class*=-list] .utility .txt { font-size: 20px; font-weight: 600; }
[class*=-list] .utility .txt em { color: #0074FF; font-style: normal; font-weight: 600; }
[class*=-list] .utility .txt.count { font-size: 14px; font-weight: normal; }
[class*=-list] .utility .txt.count em { margin-right: 2px; font-weight: 500; }
[class*=-list] .utility * > * { display: inline-block; }
.contents .job-list { margin: 40px 0 8px; display: flex; flex-direction: column; }
.contents .job-list > .wrap { margin: 0 -18px; display: flex; flex-wrap: wrap; word-break: keep-all; }
.contents .job-list .none { width: 100%; padding: 8rem 0; color: #bbbbbb; font-size: 1rem; text-align: center; }
.contents .job-list .box { width: calc(100% / 4 - 36px); margin: 0 18px 30px 18px; position: relative; }
.contents .job-list .box > .wrap { height: 100%; padding: 28px 24px; border: 1px solid #E0E0E0; border-radius: 20px; box-sizing: border-box; }
.contents .job-list .box > .wrap:hover { border-color: #0074FF; box-shadow: 0 .5rem 1rem rgb(0 0 0 / 10%); transition-duration: 250ms; cursor: pointer; }
.contents .job-list .box .badge { padding: .4em .7em; position: absolute; top: -10px; left: 10px; z-index: 8; }
.contents .job-list .box .thum { height: 140px; margin: -1.3rem -1.3rem .8rem -1.3rem; background-color: #fff; border-radius: 20px 20px 0 0; overflow: hidden; display: block; position: relative; }
.contents .job-list .box .thum img { width: 100%; height: 100%; object-fit: contain; position: absolute; top: 0; left: 0; }
.contents .job-list .box:hover .thum img { transition-duration: 250ms; transform: scale(1.1); }
.contents .job-list .scrap { width: 38px; height: 38px; padding: 7px; background-color: transparent; border: none; display: block; position: absolute; top: 3px; right: 3px; }
.contents .job-list .scrap:before { width: 23px; height: 23px; content: ""; background: url("../images/scrap.png") top left no-repeat; background-size: auto 23px; display: block; }
.contents .job-list .scrap:hover:before, .job-list .box .active:before { background-position: -24px 0; }
.contents .job-list .box ul { height: 100%; margin: 0; display: flex; flex-direction: column; }
.contents .job-list .box ul li + li { margin-top: 5px; }
.contents .job-list ul .num { margin-bottom: 10px; font-size: 13px; color: #888; }
.contents .job-list ul .num:before { margin-right: 5px; content: "공고번호"; display: inline-block; }
.contents .job-list ul .name { min-height: 18px; margin-bottom: 4px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all; }
.contents .job-list ul .cate { margin-bottom: 3px; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all; }
.contents .job-list ul .drname { min-height: 18px; margin-bottom: 4px; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all; }
.contents .job-list ul .drname span { margin-left: 5px; }
.contents .job-list ul .subject { height: 46px; margin-bottom: 15px; font-size: 18px; font-weight: 600; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.job-list .box ul .date { color: #888; }
.contents .job-list * > .wrap:hover .subject a { text-decoration: underline !important; }
.contents .job-list ul .between { font-size: 13px; color: #333; display: flex; }
.contents .job-list ul .between > div:nth-child(1) { margin-right: auto; }
.contents .job-list ul .between > div:nth-child(2) { margin-left: auto; }
.contents .job-list ul .hope ul li span + span:before { margin-left: 1px; content: "\e82f"; font-family: unicons; opacity: .6; }
.contents .job-list ul .hope ul li { font-size: 13px; line-height: 1.2; display: flex; }
.contents .job-list ul .hope ul li + li { margin-top: 5px !important; }
.contents .job-list ul .hope ul li .area { margin-right: 7px; color: #D0412E; word-break: break-all; }
.contents .job-list ul .dday { color: #D0412E; }
.contents .job-list ul .name { color: #444444; }
.contents .job-list .box ul .mt-3 { margin-top: auto !important; padding-top: 24px; display: flex; }
.contents .job-list.type-1 .box > .wrap:hover { border-color: #0074FF; box-shadow: 0 .5rem 1rem rgb(0 0 0 / 10%); transition-duration: 250ms; cursor: pointer; }
.contents .job-list.type-1 .box ul .name { color: #444444; }
.contents .job-list.type-1 .box:hover ul .subject a { text-decoration: underline !important; }
.contents .job-list.type-1 .box.highlight > .wrap { border-color: #0074FF; }
.contents .tab-content .job-list { margin: 10px 0 8px; }
.contents .job-list .list { width: 100%; margin: 0 18px; padding: 24px 15px; border-top: 1px solid #E0E0E0; display: flex; position: relative; }
.contents .job-list .list:hover { background-color: #f8f9fa; transition-duration: 250ms; }
.contents .job-list .list:last-child { margin-bottom: 30px; border-bottom: 1px solid #E0E0E0; }
.contents .job-list .list > .wrap { display: flex; }
.contents .job-list .list .thum { width: 110px; height: 100%; margin: 0 20px 0 0; background-color: #fff; border: 1px solid #E0E0E0; border-radius: .7rem; overflow: hidden; display: block; position: relative; }	
.contents .job-list .list:hover .thum img { transition-duration: 250ms; transform: scale(1.1); }	
.contents .job-list .list .thum img { width: 100%; height: 100%; object-fit: contain; position: absolute; top: 0; left: 0; padding: 5px; }
.contents .job-list .list ul { margin: 0; flex: 1; }
.contents .job-list .list ul .subject { height: 23px; -webkit-line-clamp: 1; }
.contents .job-list .list ul .between > div:nth-child(1) { margin-right: 1rem; }
.contents .job-list .list ul .between > div:nth-child(2) { margin-left: 0; margin-right: auto; }

.text-banner { width: 100%; margin-top: 3rem; padding: 1.3rem; background-color: #F6F7F9; border-radius: 20px; display: flex; align-items: center; justify-content: center; }
.text-banner .wrap span { margin: 0 20px 0 0; font-size: 1rem; line-height: 1.3; position: relative; top: 3px; }
.text-banner .wrap span strong { font-weight: 500; color: #0074FF; }
.text-banner .wrap span br { display: none; }

/* 초빙공고 상세 */
.recruitment .pdfprint, .resume-view .pdfprint { font-size: 13px; color: #888; display: flex; justify-content: flex-end; }
.recruitment .pdfprint a i, .resume-view .pdfprint a i { margin-right: 4px; }
.recruitment .pdfprint a + a, .resume-view .pdfprint a + a { margin-left: .8rem; }
.recruitment > .wrap { margin-bottom: 15px; display: flex; }
.recruitment > .wrap .num { margin-right: auto; }
.recruitment > .wrap .pdfprint { margin-left: auto; }
.recruitment > .wrap .num { color: #888; font-size: 13px; }
.recruitment > .wrap .num:before { margin-right: 5px; content: "공고번호"; display: inline-block; }
.recruitment .info-detail { margin: 0 0 1.5rem 0; padding: 1.5rem 1.8rem; border: 1px solid #E0E0E0; border-radius: 20px; }
.recruitment .info-detail .flex { display: flex; }
.recruitment .info-detail .title { margin-right: auto; }
.recruitment .info-detail .title .name { margin-bottom: 2px; color: #444444; display: block; }
.recruitment .info-detail .title .name:hover { text-decoration: underline !important; }
.recruitment .info-detail .title .sbj { font-size: 1.5rem; line-height: 1.3; font-weight: 600; }
.recruitment .info-detail .deadline { margin-left: auto; margin-bottom: 0; padding-left: 10px; text-align: right; }
.recruitment .info-detail .deadline li:nth-child(1) { font-size: 1.25rem; color: #D0412E; }
.recruitment .info-detail .deadline li:nth-child(2) { color: #888; }
.recruitment .info-detail .summary { margin: 24px 0 -7px 0; padding: 24px 0 0 0; border-top: 1px solid #E0E0E0; display: flex; flex-direction: column; }
.recruitment .info-detail .summary ul { margin: 0 0 0 -15px; display: flex; flex-wrap: wrap; word-break: keep-all; }
.recruitment .info-detail .summary ul li { width: calc(100% / 2 - 15px); margin: 0 0 10px 15px; display: flex; align-items: flex-start; }
.recruitment .info-detail .summary ul li.full { width: calc(100% - 15px); }
.recruitment .info-detail .summary ul li strong { min-width: 85px; max-width: 85px; color: #888; font-weight: normal; }
.recruitment .info-detail .summary ul li span .btn-sm { margin-left: 5px; padding: .07rem .5rem; position: relative; top: -2px; }
.recruitment .info-detail .summary ul li span .btn-sm:after { margin-right: -4px; content: "\e82f"; font-family: unicons; display: inline-block; position: relative; top: -.5px; }
.recruitment .scrap { display: flex; align-items: center; justify-content: center; }
.recruitment .scrap:before { width: 23px; height: 23px; margin-right: 7px; content: ""; background: url("../images/scrap.png") top left no-repeat; background-size: auto 23px; background-position: 0 0; display: block; }
.recruitment .scrap.active { background-color: #f8f9fa !important; }
.recruitment .scrap.active:before { background-position: -24px 0; }

.recruitment > .tit { margin: 2.3rem 0 1rem 0; display: flex; align-items: center; }
.recruitment > .tit h4 { margin: 0 auto 0 0; font-size: 20px; font-weight: 600; }
.recruitment > .tit .more { margin: 0 0 0 auto; color: #5c667b; font-size: 13px; }
.recruitment > .tit .more:after { content: "\e82f"; font-family: unicons; display: inline-block; }
.consultant { padding: 1.5rem; background-color: #F0F7FF; border-radius: 20px; overflow: hidden; position: relative; }
.consultant:before { content: ""; width: 100px; height: 100px; margin: -50px 0; background: url("../images/stamp.png") top left no-repeat; background-size: auto 100px; display: block; opacity: .2; position: absolute; top: 50%; bottom: 50%; right: 15px; }
.consultant .headline { font-size: 1.25rem; line-height: 1.4; text-align: center; }
.consultant .headline strong { font-weight: 700; }
.consultant ul { margin: 1rem 0 0 0; display: flex; justify-content: center; flex-wrap: wrap; word-break: keep-all; }
.consultant ul li { display: flex; align-items: center; }
.consultant ul li + li { margin-left: 2rem; }
.consultant ul li strong { margin-right: 1rem; color: #888; font-weight: normal; }
.recruitment .content { padding: 1.5rem 0; border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; }
.recruitment .content img { max-width: 100%; margin: 0 auto; display: block; }
.recruitment .content .section { font-size: .938rem; }
.recruitment .content .section + .section { margin-top: 2rem; }
.recruitment .content .section > .tit { margin: 12px 0; font-size: 16px; font-weight: 700; }
.recruitment .environment { padding: 1.5rem 1.8rem; border: 1px solid #E0E0E0; border-radius: .7rem; }
.recruitment .environment ul li + li { margin-top: 7px; }
.recruitment .environment ul > li i { margin-right: 5px; color: #888; position: relative; top: 1px; }
.recruitment .environment ul li .btn-sm { margin-left: 5px; padding: 0.07rem 0.5rem; position: relative; top: -2px; }
.recruitment .environment ul li .btn-sm:after { margin-right: -4px; content: "\e82f"; font-family: unicons; display: inline-block; position: relative; top: -.5px; }
.recruitment .environment ol { margin: .7rem 0 0 0; padding: 1rem 0 0 0; border-top: 1px solid #E0E0E0; }
.recruitment .environment ol li { display: flex; }
.recruitment .environment ol li strong { margin-right: 1rem; color: #888; font-weight: normal; }
.recruitment .limit-method { padding: 24px; background-color: #F6F7F9; border-radius: .7rem; display: flex; }
.recruitment .limit-method .timelimit { margin-left: -1.5rem; padding-left: 50px; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.recruitment .limit-method .timelimit em { margin-bottom: 8px; font-style: normal; }
.recruitment .limit-method .timelimit .time { width: 200px; padding: .7rem 1rem; background-color: #fff; border-radius: 50px; color: #0074FF; font-size: 1rem; text-align: center; }
.recruitment .limit-method .timelimit .time strong { font-size: 1.25rem; font-weight: 600; }
.recruitment .limit-method .timelimit ul { margin: 15px 0 0 0; }
.recruitment .limit-method .timelimit ul li + li { margin-top: 7px; }
.recruitment .limit-method .timelimit ul li strong { padding: 0 0 2px 0; border-radius: 50px; font-size: .813rem; font-weight: normal; }
.recruitment .limit-method .timelimit ul li strong:after { width: 1px; height: 10px; margin: 0 12px; content: ""; background-color: rgba(96,114,115,.3); display: inline-block; }
.recruitment .limit-method .timelimit ul li:nth-child(2) { color: #0074FF; }
.recruitment .limit-method .bar { width: 1px; margin: 0 50px; content: ""; background-color: rgba(96,114,115,.14); display: inline-block; }
.recruitment .limit-method .method .apply { margin-bottom: 18px; }
.recruitment .limit-method .apply .btn + .btn { margin-left: .5rem; }
.recruitment .limit-method .method ul { margin: 0; }
.recruitment .limit-method .method ul li + li { margin-top: 7px; }
.recruitment .limit-method .method ul li { display: flex; align-items: flex-start; }
.recruitment .limit-method .method ul li strong { min-width: 75px; max-width: 75px; color: #888; font-weight: normal; display: inline-block; }
.recruitment .hospital-info { padding: 24px; border: 1px solid #E0E0E0; border-radius: .7rem; display: flex; }
.recruitment .hospital-info .logo { margin: 0 30px 0 0; display: flex; align-items: center; }
.recruitment .hospital-info .logo a { width: 245px; height: 120px; background-color: #fff; border-radius: .7rem; overflow: hidden; display: block; position: relative; }
.recruitment .hospital-info .logo img { width: 100%; height: 100%; object-fit: contain; position: absolute; top: 0; left: 0; }
.recruitment .hospital-info .wrap .name { margin-bottom: 13px; font-weight: 600; display: flex; align-items: center; }
.recruitment .hospital-info .wrap .name a { font-size: 20px; }
.recruitment .hospital-info .wrap .name .badge { margin-left: 7px; border : 1px solid #0074FF; color: #0074FF; }
.recruitment .hospital-info .wrap ul { margin: 0 0 0 -15px; display: flex; flex-wrap: wrap; }
.recruitment .hospital-info .wrap ul li { width: calc(100% / 2 - 15px); margin: 0 0 10px 15px; line-height: 1.3; word-break: break-all; display: flex; align-items: flex-start; }
.recruitment .hospital-info .wrap ul li strong { min-width: 75px; max-width: 75px; color: #888; font-weight: normal; display: inline-block; }
.recruitment .hospital-info .wrap ul li span { line-height: 1.2; }

.recruitment .not-login { position: relative; }
.recruitment .not-login .wrap { width: 100%; padding: 6rem 0; position: absolute; top: 0; display: flex; align-items: center; justify-content: center; }
.recruitment .not-login .wrap .float { padding: 1.5rem; background-color: #fff; border-radius: .7rem; box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%); text-align: center; }
.recruitment .not-login .wrap .float p { margin-bottom: 2rem; font-size: 1rem; line-height: 1.3; }
.recruitment .not-login .wrap .float img { width: 160px; margin-bottom: 1rem; }
.recruitment .not-login:before { padding-bottom: 104%; content: ""; background: url("../images/recruitment_blur.png") top left no-repeat; background-size: 100% auto; display: block; }
.bigdata-analy.recruitment .not-login:before { padding-bottom: 104%; content: ""; background: url("../images/bigData_blur.png") top left no-repeat; background-size: 100% auto; display: block; }
.recruitment .not-login .wrap .float .btn-primary { color: #fff !important; }

/* 이력서 선택 */
.choose-resume .box + .box { margin-top: .8rem; }
.choose-resume .box input { display: none; }
.choose-resume .box label { margin-bottom: 0; padding: 1rem; border: 1px solid #E0E0E0; border-radius: .7rem; cursor: pointer; overflow: hidden; display: flex; flex-direction: column; }
.choose-resume .box label:hover:not(.choose-resume .box input:checked + label) { background-color: #F7F8FA; transition-duration: 250ms; }
.choose-resume .box input:checked + label { border-color: #0074FF; cursor: default; }
.choose-resume .box input:checked + label:before { content: "선택된 이력서"; margin: -1rem -1rem .9rem -1rem; padding: .5rem 1rem; background-color: rgba(5,173,182,.05); border-bottom: 1px solid #0074FF; color: #0074FF; display: block; }
.choose-resume .box label > .subject { margin-bottom: 5px; font-size: 1.125rem; line-height: 1.3; font-weight: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.choose-resume .box label > .date { font-size: 13px; color: #888; }
.choose-resume .ment { margin-top: 10px; }
.choose-resume .none { padding: 2rem 0; position: relative; display: flex; align-items: center; flex-direction: column; }
.choose-resume .none p { margin-bottom: 2rem; font-size: 1rem; line-height: 1.3; }
.choose-resume .none img { width: 160px; margin-bottom: 1rem; }

/* 병원정보 */
.hospital-info-detail { margin-top: -3rem; }
.hospital-info-detail .head { width: 100%; padding: 3rem 0 0 0; background-color: #f3f3f3; }
.hospital-info-detail .head .wrap { padding: 1.5rem 1.8rem; background-color: #fff; border-radius: 20px 20px 0 0; display: flex; align-items: center; }
.hospital-info-detail .head .logo { margin: 0 30px 0 0; display: flex; align-items: center; }
.hospital-info-detail .head .logo a { width: 100px; height: 100px; background-color: #fff; border: 1px solid #E0E0E0; border-radius: .7rem; overflow: hidden; display: block; position: relative; }
.hospital-info-detail .head .logo img { width: 100%; height: 100%; object-fit: contain; position: absolute; top: 0; left: 0; }
.hospital-info-detail .head ul { margin: 0; }
.hospital-info-detail .head .name { font-size: 22px; font-weight: 600; line-height: 1.1; }
.hospital-info-detail .head .type { margin-top: 5px; color: #888; }
.hospital-info-detail .tit { margin: 2.3rem 0 1rem 0; display: flex; align-items: center; justify-content: flex-start; }
.hospital-info-detail .tit h4 { margin: 0 auto 0 0; font-size: 20px; font-weight: 600; }
.hospital-info-detail .tit .badge { margin-left: 7px; border : 1px solid #0074FF; font-size: .72rem; color: #0074FF; position: relative; top: -2px; }
.hospital-info-detail .summary { padding: 1.5rem 1.8rem; border: 1px solid #E0E0E0; border-radius: 20px; display: flex; }
.hospital-info-detail .summary ul { margin: 0 0 -7px -15px; display: flex; flex-wrap: wrap; word-break: keep-all; }
.hospital-info-detail .summary ul li { width: calc(100% / 2 - 15px); margin: 0 0 13px 15px; display: flex; align-items: flex-start; }
.hospital-info-detail .summary ul li strong { min-width: 75px; max-width: 75px; color: #888; font-weight: normal; display: inline-block; }
.hospital-info-detail .summary ul li.full { width: calc(100% - 15px); }
.hospital-avatar .slick-slider { padding: 0 32px; }
.hospital-avatar .slick-slide { width: 317px; height: 220px; margin: 0 17px; background-color: #fff; border: 1px solid #E0E0E0; border-radius: .7rem; overflow: hidden; display: block; position: relative; }
.hospital-avatar .slick-slide img { width: 100%; height: 100%; object-fit: contain; position: absolute; top: 0; left: 0; }
.hospital-avatar .slick-slide:hover img { transition-duration: 250ms; transform: scale(1.1); }
.hospital-avatar .slick-prev { left: 0; }
.hospital-avatar .slick-next { right: 0; }
.now-hiring { border-top: 1px solid #E0E0E0; }
.now-hiring > ul { display: flex; align-items: center; flex-direction: column; }
.now-hiring > ul > li { width: 100%; padding: 1.3rem 15px; border-bottom: 1px solid #E0E0E0; cursor: pointer; display: flex; flex-direction: column; }
.now-hiring > ul > li:hover { background-color: #f8f9fa; transition-duration: 250ms; }
.now-hiring > ul > li:hover strong { text-decoration: underline; }
.now-hiring strong { width: 100%; height: 22px; margin-right: auto; margin-bottom: 10px; font-size: 18px; font-weight: 600; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.now-hiring .wrap { display: flex; align-items: center; }
.now-hiring .deadline { margin-left: auto; color: #D0412E; }
.now-hiring ol { margin-right: auto; }
.now-hiring ol > li { display: inline-block; }
.now-hiring ol > li:after { width: 1px; height: 11px; margin: 0 6px 0 10px; content: ""; background-color: #E0E0E0; display: inline-block; position: relative; top: 1px; }
.now-hiring ol > li:last-child:after { display: none; }
.now-hiring > ul > li .none { margin: -1rem 0; padding: 4rem 0; color: #bbbbbb; font-size: 1rem; text-align: center; cursor: default; }

/* 해시태그 */
.contents .hashtag-list { margin: 40px 0 0; position: relative; }
.contents .hashtag-list .slider { margin: 0 -10px; }
.contents .hashtag-list .slider .slick-slide { margin: 0 10px; }
.contents .hashtag-list .slider .slick-slide a { width: 100%; height: 100%; background-color: #F6F7F9; border: 1px solid #F6F7F9; border-radius: 200px; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; display: flex; align-items: center; justify-content: center; position:relative; }
.contents .hashtag-list .slider .slick-slide a:after { padding-bottom: 100%; content: ""; display: block; }
.contents .hashtag-list .slider .slick-slide a span { font-size: 1rem; color: #5c667b; position: relative; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all; }
.contents .hashtag-list .slider .slick-slide a:hover { background-color: #fff; border-color: #0074FF; text-decoration: none; transition-duration: 250ms; }
.contents .hashtag-list .slider .slick-slide a:hover span { height: 22px; color: #0074FF; transition-duration: 250ms; transform: scale(1.1); }
/*2022-09-19 해쉬태그 선택용 active 추가_start */
.contents .hashtag-list .slider .slick-slide a.active { background-color: #fff; border-color: #0074FF; transition-duration: 250ms; }
/*2022-09-19 해쉬태그 선택용 active 추가_end */
.contents .hashtag-list .slider .slick-slide a.active span { color: #0074FF; transition-duration: 250ms; transform: scale(1.1); }
.contents .hashtag-list .slider .slick-prev { top: -41px; left: auto; right: 49px; }
.contents .hashtag-list .slider .slick-next { top: -41px; right: 11px; }

/* 담당자 정보 */
.manager-info { padding: 28px 24px; border: 1px solid #E0E0E0; border-radius: 20px; display: flex; flex-wrap: wrap; }
.manager-info .avatar {  width: 100px; height: 100px; margin: 0 30px 0 0; background-color: #fff; border: 1px solid #E0E0E0; border-radius: 150px; overflow: hidden; position: relative; display: flex; align-items: center; }
.manager-info .avatar img { width: 100%; height: 100%; object-fit: contain; position: absolute; top: 0; left: 0; }
.manager-info .wrap { line-height: 1.35; display: flex; align-items: flex-start; flex-direction: column; }
.manager-info .wrap .name { margin-bottom: 8px; font-size: 18px; font-weight: 600; display: flex; align-items: center; }
.manager-info .wrap ul { margin: 0 0 3px -15px; display: flex; flex-wrap: wrap; }
.manager-info .wrap ul li { width: calc(100% / 2 - 15px); margin: 0 0 6px 15px; word-break: keep-all; display: flex; align-items: flex-start; }
.manager-info .wrap ul li strong { min-width: 75px; max-width: 75px; color: #888; font-weight: normal; display: inline-block; }
.manager-info .apply { width: 100%; margin-top: 20px; display: flex; flex: 1; }
.manager-info .apply .btn + .btn { margin-left: .5rem; }
.manager-info .comment { margin-top: 8px; }
/* 마이커리어 */
.mycareer { margin: 3rem 0 1.5rem 0; display: flex; }
.mycareer .side-menu { width: 250px; margin: 0 50px 0 0; }
.mycareer .side-menu > .wrap { padding: 2rem 1.5rem; border: 1px solid #E0E0E0; border-radius: 15px; }
.mycareer .side-menu .head { display: flex; align-items: center; flex-direction: column; }
.mycareer .side-menu .head > div { display: flex; flex-direction: column; justify-content: center; }
.mycareer .side-menu .head .avatar { width: 100px; height: 100px; margin: 0 0 20px 0; display: block; position: relative; }
.mycareer .side-menu .head .avatar .img { width: 100px; height: 100px; border-radius: 150px; overflow: hidden; display: block; }
.mycareer .side-menu .head .avatar .img img { width: 100%; height: 100%;}
.mycareer .side-menu .head .avatar input { width: 100%; height: 100%; opacity: 0; cursor: pointer; position: absolute; top: 0; left: 0; }
.mycareer .side-menu .head .btn-camera { padding: 8px; background-color: #fff; border: 1px solid #E0E0E0; border-radius: 50%; color: #999; font-size: 16px; line-height: 1; display: block; position: absolute; right: -4px; bottom: 0; }
.mycareer .side-menu .head .btn-camera:hover { background-color: #F8F8F8; color: #777; transition-duration: 250ms; }
.mycareer .side-menu .head .btn-camera:before { content: "\e8bd"; font-family: unicons; font-style: normal; display: inline-block; }
.mycareer .side-menu .head ul { margin-bottom: 1.3rem; }
.mycareer .side-menu .head ul li { color: #6c757d; text-align: center; }
.mycareer .side-menu .head ul li:nth-child(n+2) { font-size: 13px; }
.mycareer .side-menu .head ul li + li { margin: 3px 0 0 0; }
.mycareer .side-menu .head ul .name { margin-bottom: 15px; font-size: 18px; font-weight: 600; color: #222; }
.mycareer .side-menu .menu { margin-top: 1.8rem; }
.mycareer .side-menu .menu ul { margin: 0 0 -10px 0; padding: 10px 0 0 0; border-top: 1px solid #E0E0E0; }
.mycareer .side-menu .menu ul li a { padding: 10px 15px; letter-spacing: -.2px; font-weight: 600; text-decoration: none; display: block; position: relative; }
.mycareer .side-menu .menu ul li:last-child a { border-bottom: none; }
.mycareer .side-menu .menu ul li.active a { color: #0074FF; text-decoration: none; }
.mycareer .side-menu .pi-banner { margin-top: 1.5rem; padding: 1rem 1.5rem; background-color: #F0F7FF; border-radius: 10px; overflow: hidden; display: flex; align-items: center; position: relative; }
.mycareer .side-menu .pi-banner:hover { text-decoration: none; }
.mycareer .side-menu .pi-banner:before { width: 60px; height: 60px; content: ""; background: url("../images/pi_banner.png") top left no-repeat; background-size: auto 60px; display: inline-block; position: absolute; top: 21px; right: 13px; }
.mycareer .side-menu .pi-banner .wrap { display: flex; flex-direction: column; }
.mycareer .side-menu .pi-banner .wrap span { color: #5c667b; font-weight: 500; }
.mycareer .side-menu .pi-banner em { margin-top: 12px; font-size: 13px; color: #5c667b; font-style: normal; }
.mycareer .side-menu .pi-banner em:after { content: "\e82f"; font-family: unicons; display: inline-block; }
.mycareer .contents { margin: 0; flex: 1; }
.mycareer .side-menu .pi-banner:hover em { text-decoration: underline; }
.mycareer .contents .page-tit h3 { margin: 1rem 0 1.5rem 0; }
.mycareer .status ul { margin: 0 -18px; display: flex; flex-wrap: wrap; word-break: keep-all; }
.mycareer .status ul li { width: calc(100% / 3 - 36px); margin: 0 18px 36px 18px; display: flex; justify-content: center; }
.mycareer .status ul li a { width: 100%; padding: 2rem 1.5rem; border: 1px solid #E0E0E0; border-radius: .7rem; display: flex; align-items: center; flex-direction: column; }
.mycareer .status ul li a:hover { background-color: rgba(0, 116, 255, .01); border-color: #0074FF; text-decoration: none; transition-duration: 250ms; }
.mycareer .status ul li strong { margin-bottom: 3px; font-size: 16px; font-weight: 500; color: #222; display: block; }
.mycareer .status ul li .num { color: #0074FF; font-weight: 500; }
.mycareer .status ul li .num em { margin-left: 3px; font-size: 14px; font-style: normal; position: relative; top: -1px; }
.mycareer .status ul li .num span { font-size: 24px; }
.mycareer .status ul li .num .none { font-size: 16px; letter-spacing: -1px; position: relative; top: 5px; }
.mycareer .status ul li .icon { width: 54px; height: 54px; margin-bottom: 17px; background: url("../images/status_icon.png") top left no-repeat; background-size: auto 50px; display: block; }
.mycareer .status ul li .icon.img-1 { background-position: 4px 2px; }
.mycareer .status ul li .icon.img-2 { background-position: -52px 2px; }
.mycareer .status ul li .icon.img-3 { background-position: -106px 2px; }
.mycareer .status ul li .icon.img-4 { background-position: -162px 2px; }
.mycareer .status ul li .icon.img-5 { background-position: -216px 2px; }
.mycareer .status ul li .icon.img-6 { background-position: -272px 2px; }
.mycareer .status ul li .icon.img-7 { background-position: -327px 2px; }
.mycareer .status ul li .icon.img-8 { background-position: -382px 2px; }
.mycareer .contents .job-list .box { width: calc(100% / 3 - 36px); }

/* 이력서관리 */
.guide-box { padding: 1.2rem 1.5rem; background-color: #F6F7F9; border-radius: .7rem; }
.guide-box + .resume-list { margin: 40px 0 8px; }
.resume-list { margin: 0 0 8px; display: flex; flex-direction: column; }
.resume-list .none { width: 100%; padding: 4rem 0; color: #bbbbbb; font-size: 1rem; text-align: center; }
.resume-list > ul { border-top: 1px solid #E0E0E0; }
.resume-list > ul > li { border-bottom: 1px solid #E0E0E0; display: flex; align-items: center; }
.resume-list > ul > li:hover { background-color: #f8f9fa; transition-duration: 250ms; }
.resume-list > ul > li > .left { width: 100%; padding: 22px 15px; margin-right: auto; display: flex; flex-direction: column; }
.resume-list > ul > li > .left .subject { display: flex; align-items: center; }
.resume-list > ul > li > .left .subject strong { height: 24px; font-size: 18px; font-weight: 600; line-height: 1.3; word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.resume-list > ul > li > .left:hover { text-decoration: none; }
.resume-list > ul > li > .left:hover .subject strong { text-decoration: underline !important; }
.resume-list > ul > li > .left .subject .badge { margin: 0 6px 0 0; font-size: 12px; position: relative; }
.resume-list > ul > li > .left ol { margin-top: 10px; }
.resume-list > ul > li > .left ol > li { line-height: 1.3; display: inline-block; }
.resume-list > ul > li > .left ol > li span { color: #222; }
.resume-list > ul > li > .left ol > li:after { width: 1px; height: 13px; margin: 0 8px 0 12px; content: ""; background-color: #E0E0E0; display: inline-block; position: relative; top: 1px; }
.resume-list > ul > li > .left ol > li:last-child:after { display: none; }
.resume-list > ul > li > .right { margin-left: auto; padding: 1.3rem 1rem; display: flex; align-items: center; }
.resume-list > ul > li > .right .dropdown-toggle { padding: 0.5rem; color: #888; border-color: transparent; }
.resume-list > ul > li > .right .dropdown-toggle:hover { color: #222; }
.resume-list > ul > li > .right .dropdown-toggle:after { display: none; }
.resume-list > ul > li > .right .btn + .btn { margin-left: 3px; }
.resume-list > ul > li > .left .avatar { width: 25px; height: 25px; margin: 0 8px 0 0; background-color: #fff; border: 1px solid #E0E0E0; border-radius: 150px; overflow: hidden; position: relative; display: inline-block; vertical-align: bottom; position: relative; top: 4px; }
.resume-list > ul > li > .left .avatar img { width: 100%; height: 100%; object-fit: contain; position: absolute; top: 0; left: 0; }
.resume-list > ul > li > .left .recruit-sbj { height: 16px; margin-bottom: 10px; line-height: 1.3; font-style: normal; word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.resume-list > ul > li > .left ol > li strong,
.resume-list > ul > li > .left .recruit-sbj strong { margin-right: 10px; color: #888; font-weight: 500; }

/* 이력서작성 */
.resume-write > .tit { margin: 2.3rem 0 1rem 0; display: flex; align-items: center; }
.resume-write > .tit h4 { margin: 0 auto 0 0; font-size: 20px; font-weight: 600; }
.resume-write .subject input { height: calc(2em + 1.5rem); padding: 0.5rem 1rem; border-radius: .7rem; font-size: 20px; }
.resume-write .section { padding: 20px 0; border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; display: flex; flex-direction: column; }
.resume-write .section .avatar { width: 100px; height: 130px; margin: 0 30px 0 18px; box-sizing: content-box; display: flex; align-items: center; justify-content: center; position: relative; }
.resume-write .section .avatar .img { width: 100px; height: 110px; overflow: hidden; display: block; }
.resume-write .section .avatar .img img { width: 100%; height: 100%;}
.resume-write .section .avatar:hover i  { background-color: rgba(0,0,0,.4); transition-duration: 250ms; }
.resume-write .section .avatar input { width: 100%; height: 100%; opacity: 0; cursor: pointer; position: absolute; top: 0; left: 0; }
.resume-write .section .avatar i { width: 100%; padding: 8px; background-color: rgba(0,0,0,.3); color: #fff; text-align: center; font-style: normal; line-height: 1; display: block; position: absolute; bottom: 0; }
.resume-write .section .avatar.circle { width: 110px; margin: 0 30px 0 18px; }
.resume-write .section .avatar.circle .img { width: 110px; border-radius: 150px; }
.resume-write .section .avatar.circle .btn-camera { width: auto; padding: 8px; background-color: #fff; border: 1px solid #E0E0E0; border-radius: 50%; color: #999; font-size: 16px; line-height: 1; display: block; position: absolute; right: -4px; bottom: 10px; z-index: 43; }
.resume-write .section .avatar.circle .btn-camera:hover { background-color: #F8F8F8; color: #777; transition-duration: 250ms; }
.resume-write .section .avatar.circle .btn-camera:before { content: "\e8bd"; font-family: unicons; font-style: normal; display: inline-block; }
.resume-write .basic-info { flex-direction: row; }
.resume-write .btn-plus { width: 38px; }
.resume-write .btn-plus i { margin: 0; position: relative; top: 2px; left: -2px; }
.resume-write .section h5 { margin: 0; font-size: 16px; }
.resume-write .section > .wrap + .wrap { margin-top: 1.3rem; padding-top: 1rem; border-top: 1px solid #E0E0E0; }
.resume-write .section > .wrap { width: 100%; gap: 15px; word-break: keep-all; position: relative; display: flex; flex-direction: column; }
.resume-write .section > .wrap > .tit { display: flex; position: relative; }
.resume-write .section > .wrap > .tit h5 { margin-right: auto; }
.resume-write .section > .wrap > .del { width: 34px; height: 34px; margin-left: auto; background-color: #A4B8B9; opacity: .65; display: flex;
 position: relative; top: -1.05rem; right: 0; }
.resume-write .section > .wrap > .del:hover { opacity: 1; transition-duration: 250ms; }
.resume-write .section > .wrap > .del:before, .resume-write .section > .wrap > .del:after { width: 22px; height: 1px; content: ""; background-color: rgba(255,255,255,1); position: absolute; top: 17px; right: 6px; }
.resume-write .section > .wrap > .del:before { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); -ms-transform: rotate(-135deg); }
.resume-write .section > .wrap > .del:after { transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); }
.resume-write .section > .wrap > .del { position: absolute; z-index: 62; }
.resume-write .section > .wrap + .wrap .del { top: 0; }
.resume-write .section > .wrap > .tit .del { top: -1rem; }
.resume-write .section > .wrap .form-group { position: relative; }
.resume-write .section > .wrap .form-group .tit { margin-bottom: 5px; color: #5c667b; display: flex; position: relative; }
.resume-write .section > .wrap .div { gap: 15px; display: flex; flex-wrap: wrap; }
.resume-write .section > .wrap .div-1 .form-group { width: calc(100% - 36px); }
.resume-write .section > .wrap .div-2 .form-group { width: calc(100% / 2 - 55px); }
.resume-write .section > .wrap .div-3 .form-group { width: calc(100% / 3 - 36px); }
.resume-write .section > .wrap .div-4 .form-group { width: calc(100% / 4 - 36px); }
.resume-write .section > .wrap .form-group .flex { display: flex; align-items: center; }
.resume-write .section > .wrap .form-group .flexwrap { flex: 1; flex-wrap: wrap; }
.resume-write .section > .wrap .form-group .flex + .flex { margin: .5rem 0 0 0; }
.resume-write .section > .wrap .form-group .tit ~ .flex .form-control + *,
.resume-write .section > .wrap .form-group .flex .btn + * { margin: 0 0 0 7px; }
.resume-write .section > .wrap .form-group .tit ~ .flex * + .custom-control { margin: 0 0 0 12px; }
.resume-write .section > .wrap .form-group .form-control + .txt { margin: 0 10px 0 5px !important; display: flex; align-items: center; }
.resume-write .section > .wrap .form-group .tit.essential:after { margin: 0 0 0 2px; content: "\e8d8"; font-family: unicons; color: #D0412E; display: inline-block; }
.resume-write .section > .wrap .div .school-name { width: auto; }
.resume-write .section > .wrap .div .school-name .form-control { width: 386px; }
.resume-write .section > .wrap .div .school-name .btn { flex-basis: 102px; }
.resume-write .section > .wrap .div .addr .zipcode { width: 198px; }
.resume-write .section > .wrap .div .addr .btn { flex-basis: 102px; }
.resume-write .section > .wrap .div .btn-outline-primary:not(:disabled):not(.disabled).active { color: #fff; background-color: #0074FF; }
.resume-write .section > .wrap .form-group .label { width: 80px; margin: 0 .7rem 0 0; }
.resume-write .section > .wrap .form-group .hyphen { margin: 0 7px !important; }
.resume-write .section > .wrap .form-group .flex ~ .custom-checkbox { margin: 5px 0 0 0; }
.resume-write .section > .wrap .form-group .w-md { width: 115px; }
.resume-write .section > .wrap .form-group .w-lg { width: 198px; }
.resume-write .section > .action-btn-group { margin-top: 1.3rem; }
.resume-write > .action-btn-group { margin-top: 2rem; }
.resume-write .agree { margin: 24px 0 0 0; border-color: transparent; }
.resume-write .agree .card-body { display: flex; align-items: center; flex-direction: column; }
.resume-write .agree .headline { line-height: 1.5; word-break: keep-all; }
.resume-write .agree .custom-checkbox { margin-top: 1.3rem; }
.resume-write .welfare-chk .custom-checkbox { flex-basis: 255px; }
.resume-write .district { width: 100%; }	
.resume-write .district .dropdown-menu { width: 100%; margin: 0 !important; padding: 1rem; }	
.resume-write .district > a.btn { width: 100%; height: calc(1.5em + 1.5rem); padding: .5rem 30px .5rem .55rem; border: 1px solid #D8DEE8; color: #222; text-align: left; display: flex; align-items: center; position: relative; }	
.resume-write .district > a.btn:focus { border-color: #0074FF; transition-duration: 250ms; }	
.resume-write .district > .btn:after { width: 10px; height: 10px; content: ""; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAQAAADbJyoPAAACP0lEQVR42u3YuU7DQBAG4K1AnIGeG3G8A10IEM6OAgmJU9wUv3gEHoiHoKEDKcgoIVCDEDcdRbDBhBmT+NyNQBptFXvj/TSenZ1EldTfGUowghGMYAQjGMEIRjAGMDjAPY6Q8k6AydGLY9xg0YPBPEqfI4eGmmF6cOuuOsIxh+7lEgqcY4zShZfymvscky7fcDhtxjGDhPKOYW/O7BJODq1GMQO4I6vNVdhN2CYTrO+XZSRtH8hKM1W2NlbJpCu0GMEM4pWsMu5TZ7BBJuadl6WZ0o9nssIk/Isei46FRq2UPjyRp2ecawEVmEXnHPXaKN12Wf158sTX1cDjgHEsNGuKCt1B2e/rIc4mbJEvXmiITgeLyvTPnVAHJZbJly8TRqeP7aBRei/kqY0VFp32BJv5wZu2kTE2Z4+lcpOGXJnz3o/Qz7BULsTY6L/qSgKMzVkjDysiFYkyxChjleZEw/DoFNEaISpvv+tKUozCDnnoGepCUTrLrZMzpqrNi45RWGdlsClEVO6DoxIXwxsMuzkNKPw0KrN+c+NheHTyPpwulrZZ/xjGxSgsMU5blRJHKemgFxofw6OTq7DReUM5EZzoSTB8Z1mel8Ubytkwuy4ZhrdfRbSQEscaynDVKCmGNxh5l9PLcmUqbGlMjuFHqGV/TuHR7zg0i1HYJIuf4DRa2urG8DPL92SuBYbnjvuTLGqToQ/Du0FPQ1l7DOVk4nSCejEKC/axeB1c+DVg5D89wQhGMIIRjGAEI5h/ivkALYLMcpqwu0EAAAAASUVORK5CYII=") center center no-repeat; background-size: 13px 13px; vertical-align: middle; display: inline-block; position: absolute; top: 17px; right: 10px; }	
.resume-write .district .custom-search { margin-bottom: 1rem; }

.photo-upload { width: 100%; }
.photo-upload ul { margin: 0 -18px; display: flex; flex-wrap: wrap; }
.photo-upload ul li { width: calc(100% / 4 - 36px); height: 180px; margin: 0 18px 15px 18px; border-radius: .7rem; overflow: hidden; }
.photo-upload ul li a { width: 100%; height: 100%; background-color: #F5F5F5; border-radius: .7rem; display: flex; align-items: center; justify-content: center; position: relative; }
.photo-upload ul li a img { width: 100%; height: 100%; object-fit: contain; }
.photo-upload ul li a:hover { background-color: #F3F3F3; text-decoration: none; transition-duration: 250ms; }
.photo-upload ul li a:hover .add { color: #777; transition-duration: 250ms; }
.photo-upload ul li a .add { color: #999; font-size: 1rem; display: flex; align-items: center; flex-direction: column; }
.photo-upload ul li a .add:before { margin: 0 0 10px; content: "\eb20"; font-family: unicons; font-size: 1.5rem; display: block; }
.photo-upload ul li a input[type="file"] { width: 100%; height: 100%; margin: -1px; padding: 0; opacity: 0; border: 0; position: absolute; top: 0; left: 0; }

/* 이력서읽기 */
.resume-view { background: url("../images/watermark.svg") center center no-repeat; }
.resume-view > .subject { margin-bottom: 1.3rem; font-size: 1.5rem; line-height: 1.3; font-weight: 600;  }
.resume-view .basic-info { margin: 0 0 1.5rem 0; padding: 1.5rem 1.8rem; background-color: #fff; border: 1px solid #E0E0E0; border-radius: 20px; display: flex; }
.resume-view .basic-info .avatar { width: 100px; height: 130px; margin: 0 30px 0 0; box-sizing: content-box; display: flex; position: relative; }
.resume-view .basic-info .avatar .img { width: 100px; height: 130px; overflow: hidden; display: block; }
.resume-view .basic-info .avatar .img img { width: 100%; height: 100%;}
.resume-view .basic-info > .wrap { display: flex; flex-direction: column; }
.resume-view .basic-info > .wrap .name { margin-bottom: 15px; }
.resume-view .basic-info > .wrap .name strong { font-size: 20px; font-weight: 600; }
.resume-view .basic-info > .wrap .name strong + span { margin-left: 15px; }
.resume-view .basic-info > .wrap .name span:after { width: 1px; height: 11px; margin: 0 6px 0 10px; content: ""; background-color: #E0E0E0; display: inline-block; position: relative; top: 1px; }
.resume-view .basic-info > .wrap .name span:last-child:after { display: none; }
.resume-view .basic-info > .wrap ul { margin: 0 -15px -7px -15px; display: flex; flex-wrap: wrap; word-break: keep-all; }
.resume-view .basic-info > .wrap ul li { width: calc(100% / 2 - 15px); margin: 0 0 7px 15px; display: flex; align-items: flex-start; }
.resume-view .basic-info > .wrap ul li strong { min-width: 75px; max-width: 75px; color: #888; font-weight: normal; }
.resume-view .summary { margin: 0 0 1.5rem 0; padding: 1.5rem 1.8rem; background-color: #F6F7F9; border-radius: .7rem; }
.resume-view .summary ul { margin: 0 -15px; display: flex; word-break: keep-all; }
.resume-view .summary ul li { width: 100%; margin: 0; padding: 0 15px; text-align: center; display: flex; flex-direction: column; position: relative; }
.resume-view .summary ul li strong { margin-bottom: 5px; color: #888; font-weight: normal; display: inline-block; }
.resume-view .summary ul li:after { width: 1px; height: 100%; margin: 0 6px 0 10px; content: ""; background-color: #E0E0E0; display: inline-block; position: absolute; top: 0; right: 0; }
.resume-view .summary ul li:last-child:after { display: none; }
.resume-view .situation { margin: 5px 0 0 0; color: #0074FF; font-style: normal; display: block; }
.resume-view > .tit { margin: 2.3rem 0 1rem 0; display: flex; align-items: center; }
.resume-view > .tit h4 { margin: 0; font-size: 20px; font-weight: 600; }
.resume-view > .tit .total { margin-left: 10px; color: #D0412E; font-style: normal; }
.resume-view .graduate-list { margin: 0 0 8px; display: flex; flex-direction: column; }
.resume-view .graduate-list > ul { border-top: 1px solid #E0E0E0; }
.resume-view .graduate-list > ul > li { padding: 1.3rem 0; border-bottom: 1px solid #E0E0E0; display: flex; }
.resume-view .graduate-list > ul > li .period { width: 15%; margin-right: 30px; }
.resume-view .graduate-list > ul > li > .affiliated { width: 75%; margin-right: auto; display: flex; flex-direction: column; }
.resume-view .graduate-list > ul > li > .affiliated .name strong { height: 22px; margin-bottom: 3px; font-size: 1.125rem; font-weight: 500; line-height: 1.3; display: inline-block; }
.resume-view .graduate-list > ul > li > .affiliated .name em { margin-left: 8px; color: #888; font-style: normal; }
.resume-view .graduate-list > ul > li > .affiliated ol { margin-top: 10px; }
.resume-view .graduate-list > ul > li > .affiliated ol > li { color: #444; display: inline-block; }
.resume-view .graduate-list > ul > li > .affiliated ol > li strong { min-width: 75px; max-width: 75px; color: #888; font-weight: normal; display: inline-block; }
.resume-view .license-info, .resume-view .introduce { padding: 1.3rem 0; border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; }
.resume-view .license-info ul { margin: 0 -15px -7px -15px; display: flex; flex-wrap: wrap; word-break: keep-all; }
.resume-view .license-info ul li { width: calc(100% / 2 - 15px); margin: 0 0 7px 15px; display: flex; align-items: flex-start; }
.resume-view .license-info ul li strong { min-width: 120px; max-width: 120px; color: #888; font-weight: normal; }
.resume-view .introduce ul { margin: 0; }
.resume-view .introduce ul li + li { margin: 1.3rem 0 0 0; padding: 1.3rem 0 0 0; border-top: 1px solid #E0E0E0; }
.resume-view .introduce ul li .subject { margin-bottom: 1rem; font-size: 1rem; font-weight: 500; display: block; }
.resume-view .introduce ul li .subject:before { width: 3px; height: 16px; margin-right: 8px; content: ""; background-color: #444; display: inline-block; position: relative; top: 2px; }
.resume-view > .action-btn-group { margin-top: 3rem; }
.resume-view .sign-message { margin: 3rem 0; text-align: center; }
.resume-view .sign-message .large { font-size: 1.25rem; font-weight: 500; }
.resume-view .sign-message .writer { margin-top: .7rem; }
.resume-view .sign-message .warning { margin-top: 1.5rem; font-size: .813rem; line-height: 1.6; color: #888; }

/* 지원자 관리 */
.jobpost-choice { width: 100%; margin-bottom: 2rem; }
.jobpost-choice .dropdown-toggle { width: 100%; padding: 1.3rem 37px 1.3rem 1rem; border: 1px solid #E0E0E0; border-radius: .7rem; white-space: inherit; }
.jobpost-choice .dropdown-toggle:hover { background-color: #F5FAFF; text-decoration: none; transition-duration: 250ms; }
.jobpost-choice [class*=dropdown-] .subject { width: 90%; margin-right: auto; display: flex; align-items: center; }
.jobpost-choice [class*=dropdown-] .subject strong { width: 85%; height: 22px; font-size: 18px; font-weight: 600; line-height: 1.3; font-style: normal; word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.jobpost-choice [class*=dropdown-] .badge { margin: 0 6px 0 0; font-size: 11px; }
.jobpost-choice [class*=dropdown-] .dday { margin: 0 10px 0 2px; font-size: .813rem; color: #D0412E; }
.jobpost-choice .dropdown-toggle:hover .subject strong { text-decoration: underline; }
.jobpost-choice .dropdown-toggle:after { width: 10px; height: 10px; content: ""; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAQAAADbJyoPAAACP0lEQVR42u3YuU7DQBAG4K1AnIGeG3G8A10IEM6OAgmJU9wUv3gEHoiHoKEDKcgoIVCDEDcdRbDBhBmT+NyNQBptFXvj/TSenZ1EldTfGUowghGMYAQjGMEIRjAGMDjAPY6Q8k6AydGLY9xg0YPBPEqfI4eGmmF6cOuuOsIxh+7lEgqcY4zShZfymvscky7fcDhtxjGDhPKOYW/O7BJODq1GMQO4I6vNVdhN2CYTrO+XZSRtH8hKM1W2NlbJpCu0GMEM4pWsMu5TZ7BBJuadl6WZ0o9nssIk/Isei46FRq2UPjyRp2ecawEVmEXnHPXaKN12Wf158sTX1cDjgHEsNGuKCt1B2e/rIc4mbJEvXmiITgeLyvTPnVAHJZbJly8TRqeP7aBRei/kqY0VFp32BJv5wZu2kTE2Z4+lcpOGXJnz3o/Qz7BULsTY6L/qSgKMzVkjDysiFYkyxChjleZEw/DoFNEaISpvv+tKUozCDnnoGepCUTrLrZMzpqrNi45RWGdlsClEVO6DoxIXwxsMuzkNKPw0KrN+c+NheHTyPpwulrZZ/xjGxSgsMU5blRJHKemgFxofw6OTq7DReUM5EZzoSTB8Z1mel8Ubytkwuy4ZhrdfRbSQEscaynDVKCmGNxh5l9PLcmUqbGlMjuFHqGV/TuHR7zg0i1HYJIuf4DRa2urG8DPL92SuBYbnjvuTLGqToQ/Du0FPQ1l7DOVk4nSCejEKC/axeB1c+DVg5D89wQhGMIIRjGAEI5h/ivkALYLMcpqwu0EAAAAASUVORK5CYII=") center center no-repeat; background-size: 13px 13px; border: none; vertical-align: middle; display: inline-block; transform: translateY(-50%); position: absolute; top: 50%; right: 17px; }
.jobpost-choice .dropdown-menu { width: 100%; padding: .7rem 0; }
.jobpost-choice .dropdown-item { padding: .6rem 1.5rem; }
.jobpost-choice .dropdown-item:hover { background-color: #F5FAFF; text-decoration: none; }
.jobpost-choice .dropdown-item:hover .subject strong { text-decoration: underline; }
.applicants-list .none { width: 100%; padding: 4rem 0; color: #bbbbbb; font-size: 1rem; text-align: center; }
.applicants-list .avatar { width: 65px; height: 65px; margin: 0 20px 0 0; box-sizing: content-box; display: flex; position: relative; }
.applicants-list .avatar .img { width: 65px; height: 65px; border-radius: 150px; overflow: hidden; display: block; }
.applicants-list .avatar .img img { width: 100%; height: 100%; object-fit: contain; }
.applicants-list > ul { border-top: 1px solid #E0E0E0; }
.applicants-list > ul > li { padding: 22px 0; border-bottom: 1px solid #E0E0E0; display: flex; align-items: center; }
.applicants-list > ul > li .custom-checkbox { margin: 0 10px 0 0; }
.applicants-list > ul > li .left { width: 100%; margin-right: auto; display: flex; align-items: center; cursor: pointer; }
.applicants-list > ul > li .left > a:hover { text-decoration: none; }
.applicants-list > ul > li .left > a:hover .name strong { text-decoration: underline; }
.applicants-list > ul > li .left .flex { display: flex; }
.applicants-list > ul > li .left .wrap { width: 100%; display: flex; flex-direction: column; }
.applicants-list > ul > li .left .wrap:hover .name strong { text-decoration: underline; }
.applicants-list > ul > li .left .name { margin-bottom: 10px; line-height: 1.3; }
.applicants-list > ul > li .left .name strong { font-size: 18px; font-weight: 600; }
.applicants-list > ul > li .left .name strong + span { margin-left: 10px; }
.applicants-list > ul > li .left .name span:after { width: 1px; height: 13px; margin: 0 7px 0 10px; content: ""; background-color: #E0E0E0; display: inline-block; position: relative; top: 1px; }
.applicants-list > ul > li .left .name span:last-child:after { display: none; }
.applicants-list > ul > li .left ol { display: flex; flex-wrap: wrap; }
.applicants-list > ul > li .left ol > li { width: calc(100% / 2 - 15px); margin-right: 15px; line-height: 1.3; display: flex; }
.applicants-list > ul > li .left ol > li + li { margin-top: 5px; }
.applicants-list > ul > li .left ol > li strong { min-width: 40px; margin-right: 10px; color: #888; font-weight: normal; }
.applicants-list > ul > li .right * + * { margin-left: 3px; }
.applicants-list > ul > li .right { margin-left: auto; display: flex; }

/* 1:1 문의 채팅 */
.chatbox { width: 500px; background-color: #fff; border-radius: .7rem; -webkit-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15); box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15); overflow: hidden; display: none; position: fixed; right: 80px; bottom: 10px; z-index: 1001; }
.chatbox .head { padding: .7rem; background-color: #0074FF; display: flex; }
.chatbox .head .left { display: flex; align-items: center; }
.chatbox .head .left .wrap { display: flex; flex-direction: column; }
.chatbox .head .left .name { color: #fff; }
.chatbox .head .left .name:hover { text-decoration: underline !important; }
.chatbox .head .left .avatar { margin: 0 15px 0 5px; display: flex; }
.chatbox .head .left .sub-text { font-size: 13px; color: rgba(255,255,255,.6); cursor: default; }
.chatbox .head .left .sub-text i { margin-right: 5px; position: relative; top: 1px; }
.chatbox .head .left .online { color: #99D43E; }
.chatbox .head .left .offline { color: #DB898C; }
.chatbox .head .chat-close { width: 42px; height: 42px; vertical-align: middle; opacity: .7; display: inline-block; position: relative; }
.chatbox .head .chat-close:hover { opacity: 1; transition-duration: 250ms; }
.chatbox .head .chat-close:before, .chatbox .head .chat-close:after { width: 20px; height: 1px; content: ""; background-color: #fff; position: absolute; top: 20px; right: 11px; }
.chatbox .head .chat-close:before { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); -ms-transform: rotate(-135deg); }
.chatbox .head .chat-close:after { transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); }
.chatbox .head .right { margin-left: auto; }
.chatbox .avatar { width: 35px; height: 35px; box-sizing: content-box; position: relative; }
.chatbox .avatar .img { width: 35px; height: 35px; border-radius: 150px; overflow: hidden; display: block; }
.chatbox .avatar .img img { width: 100%; height: 100%;}
.chat-conversation { padding: .5rem; }
.conversation-list { max-height: 420px; padding: 0 7px; list-style: none; display: flex; flex-direction: column; }
.conversation-list li { margin-bottom: 14px; }
.conversation-list .chat-date { font-size: 13px; color: #888; text-align: center; font-weight: 500; }
.conversation-list .avatar { float: left; }
.conversation-list .wrap .time { width: 100%; font-size: 13px; color: #888; font-style: normal; line-height: 1; display: inline-block; }
.conversation-list .wrap { width: 70%; margin-left: 12px; font-size: 13px; float: left; }
.conversation-list .wrap .name { margin-bottom: 5px; font-size: 13px; font-weight: 500; }
.conversation-list .ctext { min-width: 160px; padding: 7px 12px; background-color: #f1f1f1; border-radius: .5rem; color: #000; display: inline-block; position: relative; }
.conversation-list .ctext i { font-size: 12px; font-style: normal; font-weight: 700; display: block; position: relative; }
.conversation-list .ctext p { margin: 0; padding-top: 3px; }
.conversation-list .ctext:after { width: 0; height: 0; margin-left: -1px; content: " "; border: solid transparent; border-width: 6px; border-right-color: #f1f1f1; border-top-color: #f1f1f1; pointer-events: none; position: absolute; top: 0; right: 98%; }
.conversation-list .odd .wrap { width: 70% !important; margin-right: 12px; text-align: right; float: right !important; }
.conversation-list .odd .wrap .time { text-align: right; }
.conversation-list .odd .ctext { background-color: #0074FF; color: #fff; }
.conversation-list .odd .ctext:after { border-color: transparent; border-left-color: #0074FF; border-top-color: #0074FF; left: 98% !important; }
.chatbox .chat-input .form-control { height: 45px; padding-right: 50px; font-size: 16px; }
.chatbox .chat-input .form-control:focus + .chat-link a { color: #0074FF; }
.chatbox .chat-link { position: absolute; right: 0; bottom: 0; }
.chatbox .chat-link a { width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; }

/* 지원현황 */
.application-status { margin: 40px 0; }
.application-status ul { display: flex; justify-content: center; }
.application-status ul li { width: 100%; padding: 0 15px; display: flex; align-items: center; justify-content: center; flex-direction: column; position: relative; }
.application-status ul li span { font-size: 30px; font-weight: 500; display: block; }
.application-status ul li strong { margin-top: 5px; color: #888; font-weight: normal; display: block; }
.application-status ul li:after { width: 1px; height: 100%; margin: 0 6px 0 10px; content: ""; background-color: #E0E0E0; display: inline-block; position: absolute; top: 3px; right: -5px; }
.application-status ul li:last-child:after { display: none; }

.interview-head { display: flex; flex-direction: column; }
.interview-head .wrap { padding: 0 0 15px 0; }
.interview-head .subject { width: 100%; display: flex; align-items: center; flex-wrap: wrap; }
.interview-head .subject strong { font-size: 18px; line-height: 1.3; font-weight: 600; font-style: normal; word-break: keep-all; }
.interview-head .badge ~ .subject { margin-top: 3px; }
.interview-head .badge { margin: 0 6px 0 0; position: relative; top: 1px; }
.interview-head .dday { margin: 0 10px 0 2px; font-size: .813rem; color: #D0412E; }
.interview-head .codenum { width: 100%; margin: 0 0 1rem auto; padding: 0 0 10px 0; border-bottom: 1px solid #E0E0E0; font-size: 13px; color: #888; line-height: 1.3; display: block; }
.interview-head ol { margin: 10px 0 0 0; }
.interview-head ol > li { line-height: 1.3; display: inline-block; }
.interview-head .codenum strong, .interview-head ol > li strong { margin-right: 8px; font-weight: normal; }
.interview-head ol > li:after { width: 1px; height: 11px; margin: 0 6px 0 10px; content: ""; background-color: #E0E0E0; display: inline-block; position: relative; top: 1px; }
.interview-head ol > li:last-child:after { display: none; }

/* 닥터카운슬링 */
.counsel-visual { margin: 3.5rem 0 1rem 0; }
.counsel-visual .wrap { margin: 0 -18px; display: flex; align-items: center; }
.counsel-visual .tit { margin-bottom: 13px; font-size: 2.25rem; font-weight: 600; line-height: 1.3; }
.counsel-visual .img { width: 100%; height: 300px; background-size: cover; border-radius: .7rem; display: block; }
.counsel-visual .txt { width: 80%; margin: 0 auto; padding: 1.5rem 1.8rem; border-radius: .7rem; color: #fff; display: flex; flex-direction: column; position: relative; top: -30px; }
.counsel-visual .txt strong { font-size: 1.125rem; font-weight: 500; }
.counsel-visual .txt span { margin-top: 5px; font-size: .875rem; }
.counsel-visual .left { width: calc(100% / 2 - 36px); margin: 0 18px 30px 18px; display: flex; align-items: flex-start; flex-direction: column; position: relative; }
.counsel-visual .left .img { background-image: url("../images/counsel_1.png"); }
.counsel-visual .left .tit { color: #0074FF; }
.counsel-visual .left .txt { background-color: #0074FF; }
.counsel-visual .right { width: calc(100% / 2 - 36px);  margin: 0 18px 30px 18px; display: flex; align-items: flex-end; flex-direction: column; position: relative; }
.counsel-visual .right .img { background-image: url("../images/counsel_2.png"); }
.counsel-visual .right .tit { color: #FC8949; }
.counsel-visual .right .txt { background-color: #FC8949; text-align: right; }

/* 닥터카운슬링 - 게시판 */
.contents .counsel-list { display: flex; flex-direction: column; }
.contents .counsel-list .wrap { margin: 0 -18px; display: flex; flex-wrap: wrap; }
.contents .counsel-list .none { width: 100%; padding: 8rem 0; color: #bbbbbb; font-size: 1rem; text-align: center; }
.contents .counsel-list .box { width: calc(100% / 3 - 36px); margin: 0 18px 30px 18px; }
.contents .counsel-list .box:hover { cursor: pointer; }
.contents .counsel-list .box:hover .thum img { transition-duration: 250ms; transform: scale(1.1); }
.contents .counsel-list .box:hover ul li { text-decoration: underline; }
.contents .counsel-list .box .thum { height: 200px; margin: 0 0 24px 0; background-color: #fff; border: 1px solid #E0E0E0; border-radius: .7rem; overflow: hidden; display: block; position: relative; }
.contents .counsel-list .box .thum img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; }
.contents .counsel-list .box ul .subject strong { height: 24px; font-size: 18px; font-weight: 600; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all; }
.contents .counsel-list .box ul .synop { height: 42px; margin-top: 13px; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; }
.contents .counsel-list .box ol { margin: 6px 0 0 0; }
.contents .counsel-list .box ol > li { line-height: 1.3; display: inline-block; }
.contents .counsel-list .box ol > li strong { margin-right: 8px; color: #888; font-weight: normal; }
.contents .counsel-list .box ol > li span { color: #777 }
.contents .counsel-list .box ol > li:after { width: 1px; height: 11px; margin: 0 6px 0 10px; content: ""; background-color: #E0E0E0; display: inline-block; position: relative; top: 1px; }
.contents .counsel-list .box ol > li:last-child:after { display: none; }
.contents .counsel-list .box ul .subject .badge { margin-bottom: 10px; }
.counsel-write, .counsel-view { border-top: 2px solid #3c3c3c; }
.counsel-view > .action-btn-group { margin-top: 3rem; }
.counsel-head { display: flex; flex-direction: column; }
.counsel-head .wrap { padding: 20px 0; }
.counsel-head .subject { width: 100%; display: flex; align-items: flex-start; flex-direction: column; }
.counsel-head .subject strong { font-size: 22px; font-weight: 600; line-height: 1.3; font-style: normal; word-break: keep-all; }
.counsel-head .badge { margin-bottom: 10px; }
.counsel-head ol { margin: 10px 0 0 0; }
.counsel-head ol > li { line-height: 1.3; display: inline-block; }
.counsel-head ol > li strong { margin-right: 8px; font-weight: normal; }
.counsel-head ol > li:after { width: 1px; height: 11px; margin: 0 6px 0 10px; content: ""; background-color: #E0E0E0; display: inline-block; position: relative; top: 1px; }
.counsel-head ol > li:last-child:after { display: none; }
.counsel-head ol > li .badge { margin-bottom: 0; }
.counsel-head .between { display: flex; }
.counsel-head .between ol { margin-right: auto; }
.counsel-head .state { margin-top: 10px; margin-left: auto; gap: 8px; color: #888; display: flex; }
.counsel-head .state [class^=uil-] { margin-right: 3px; position: relative; top: 1px; }
.counsel-body { padding: 20px 0; border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; font-size: 1rem; line-height: 1.5; }
.counsel-body p { line-height: 1.5; }
.counsel-body img { max-width: 100%; margin-bottom: 15px; display: block; }
.counsel-body .card { margin: 0 0 1.5rem 0; padding: 1.5rem; background-color: #F6F7F9; border: none; display: flex; flex-direction: column; }
.counsel-body .card .head { margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #d9d9d9; display: flex; flex-direction: column; }
.counsel-body .card .head strong { margin-bottom: 5px; font-size: 1.125rem; color: #222; }
.counsel-body .card .body { color: #222; }
.counsel-body .card .body strong + .dot-list { margin-top: 5px; }
.partner-sum { padding: 20px 0; gap: 15px; background-color: #fff; border-top: 1px solid #E0E0E0; display: flex; align-items: center; }
.partner-sum :is(.left, .right) { display: flex; }
.partner-sum .left { width: 100%; }
.partner-sum .left .avatar { width: 50px; height: 50px; margin: 0 15px 0 0; background-color: #fff; border: 1px solid #E0E0E0; border-radius: 150px; overflow: hidden; display: block; position: relative; }
.partner-sum .left .avatar img { width: 100%; height: 100%; object-fit: contain; position: absolute; top: 0; left: 0; }
.partner-sum .left ul { margin-bottom: 0; }
.partner-sum .left ul .name strong { font-size: 18px; font-weight: 600; line-height: 1.1; }
.partner-sum .left ul .subscribe { color: #888; }
.partner-sum .left ul .comment { margin-top: 5px; color: #888; }
.partner-sum .right { margin-right: auto; gap: 5px; display: flex; }
.partner-sum .right .btn { display: flex; }
.partner-sum .right .btn [class^=uil-] { position: relative; top: 2px; }
.counsel-body + .partner-sum { border-top: none; border-bottom: 1px solid #E0E0E0; }

/* 빅데이터 연봉분석 */
.tab-wrap { margin: 0 0 2rem 0; display: flex; justify-content: center; }
.tab-wrap .nav { border-bottom: none; border-radius: 100px; overflow: hidden; display: flex; justify-content: center; }
.tab-wrap .nav-link { padding: 20px 25px; background-color: #f6f6f6; border-color: #f6f6f6; color: #888; }
.tab-wrap .nav-item:first-child .nav-link { padding-left: 35px; }
.tab-wrap .nav-item:last-child .nav-link { padding-right: 35px; }
.tab-wrap .nav-link.active { background-color: #0074FF; border-color: #0074FF; border-radius: 0; color: #fff; cursor: default; }
.tab-wrap .nav-link:hover:not(.active) { background-color: #f1f1f1; transition-duration: 250ms; }
.contents .utility { margin-bottom: 1rem; display: flex; align-items: center; }
.contents .utility .left { margin-right: auto; }
.contents .utility .right { margin-left: auto; }
.contents .utility .txt { font-weight: 600; color: #222; }
.contents .utility .txt em { color: #0074FF; font-style: normal; font-weight: 600; }
.contents .utility .txt.count { font-weight: normal; }
.contents .utility .txt.count em { margin-right: 2px; font-weight: 600; }
.contents .utility .btn-thum, .contents .utility .btn-list { width: 35px; height: 43px; margin: 0; background-color: transparent; border: none; color: rgba(96,114,115,.5); }
.contents .utility .btn-thum:hover, .contents .utility .btn-list:hover,
.contents .utility .btn-thum.active, .contents .utility .btn-list.active { color: #0074FF; transition-duration: 250ms; }
.contents .utility .btn-thum:before, .contents .utility .btn-list:before { font-family: unicons; font-size: 1.25rem; display: inline-block; }
.contents .utility .btn-thum:before { content: "\e838"; }
.contents .utility .btn-list:before { content: "\eaa3"; }
/*.contents .utility * > * { display: inline-block; }
.contents .utility * > * + * { margin-left: .3rem; }*/

.annual-salary .average { padding: 2.5rem; background-image: url("../images/average_bg.png"); background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: .7rem; overflow: hidden; display: flex; position: relative; }
.annual-salary .average .box .tit { margin:  0 0 2rem 0; padding:  0 0 1.1rem 0; border-bottom: 1px solid rgba(255,255,255,.5); color: #fff; font-size: 1.25rem; font-weight: 600; line-height: 1.3; }
.annual-salary .average .box ul { margin: 0; display: flex; align-items: flex-start; }
.annual-salary .average .box ul li + li { margin-left: 2.3rem; }
.annual-salary .average .box ul li strong { padding: .25rem 1.3rem; background-color: rgba(255,255,255,.2); border-radius: 2em; font-size: .813rem; color: #fff; font-weight: 500; }
.annual-salary .average .box ul li .num { margin: 8px 0 0 0; color: #FAF6B9; font-weight: 500; }
.annual-salary .average .box ul li .num em { margin-left: 3px; font-size: 1.125rem; font-style: normal; }
.annual-salary .average .box ul li .num span { font-size: 2rem; }
.annual-salary .average .box ul li p { width: 100%; margin: 8px 0 0 0; font-size: 1rem; color: rgba(255,255,255,.7); text-align: center; }
.annual-salary .average .box ul li p em { color: #FECB40; font-weight: 600; font-style: normal; text-align: left; }
.annual-salary .wrap { margin: 2.5rem -18px 0 -18px; display: flex; }
.annual-salary .wrap .box .tit { padding: 1.1rem 1.3rem; color: #fff; font-size: 1.25rem; font-weight: 600; text-align: center; line-height: 1.3; }
.annual-salary .wrap .box { width: calc(100% / 2 - 36px); margin: 0 18px 30px 18px; padding: 0; border-radius: .7rem; overflow: hidden; display: flex; justify-content: flex-start; flex-direction: column; }
.annual-salary .wrap .box ul { margin: 0; padding: 2.5rem 1.3rem 2.8rem 1.3rem; }
.annual-salary .wrap .box ul li { display: flex; align-items: center; flex-direction: column; }
.annual-salary .wrap .box ul li + li { margin-top: 2.5rem; }
.annual-salary .wrap .box.color-1 { background-color: rgba(100,182,172,.2); }
.annual-salary .wrap .box.color-2 { background-color: rgba(121,167,216,.2); }
.annual-salary .wrap .box.color-1 .tit { background-color: #64B6AC; }
.annual-salary .wrap .box.color-2 .tit { background-color: #79A7D8; }
.annual-salary .wrap .box.color-1 .num { color: #499C9A; }
.annual-salary .wrap .box.color-2 .num { color: #5882B9; }
.annual-salary .wrap .box ul li strong { padding: .25rem 1.3rem; background-color: rgba(96,114,115,.1); border-radius: 2em; font-size: .813rem; color: #5c667b; font-weight: 500; }
.annual-salary .wrap .box ul li .num { margin: 8px 0 0 0; font-weight: 500; }
.annual-salary .wrap .box ul li .num em { margin-left: 3px; font-size: 1.125rem; font-style: normal; }
.annual-salary .wrap .box ul li .num span { font-size: 2rem; }
.annual-salary .wrap .box ul li p { width: 100%; margin: 8px 0 0 0; font-size: 1rem; color: #444; text-align: center; }
.annual-salary .wrap .box ul li p em { color: #FC8949; font-weight: 600; font-style: normal; }

.invite-analy { margin: 0 -18px; display: flex; }
.invite-analy .left, .invite-analy .right { width: calc(100% / 2 - 36px); margin: 0 18px 30px 18px; border: 1px solid #E0E0E0; border-radius: .7rem; overflow: hidden; display: flex; align-items: flex-start; flex-direction: column; position: relative; }
.invite-analy .left .top { width: 100%; background-color: #ECF4F4; border-bottom: 1px solid #E0E0E0; display: flex; }
.invite-analy .left .top a:hover { text-decoration: underline !important; }
.invite-analy .left .top .location { margin-right: auto; padding: 0 0 0 1.3rem; }
.invite-analy .left .top .location a { margin: 0 0 0 auto; padding: 1rem 0; color: #5c667b; display: inline-block; }
.invite-analy .left .top .location a:after { margin: 0 -1px 0 3px; content: "\e82f"; font-family: unicons; color: rgba(96,114,115,.5); display: inline-block; }
.invite-analy .left .top .location a:last-child:after { display: none; }
.invite-analy .left .top .back { margin-left: auto; padding: 1rem 1.3rem; color: #5c667b; }
.invite-analy .left .top .back:before { margin: 0 3px 0 0; content: "\e82f"; font-family: unicons; color: #5c667b; transform: rotate(-180deg); display: inline-block; position: relative; top: 1px; }
.invite-analy .right { display: flex; flex-direction: column; }
.invite-analy .right .wrap { width: 100%; min-height: 466px; padding: 1rem 1.3rem; overflow: auto !important; display: flex; flex: 1; max-height: 486px;}
.invite-analy .right .wrap .uil-arrow-up { color: #ff4f38; }
.invite-analy .right .wrap .uil-arrow-down { color: #46a7f6; }
.invite-analy .right .wrap .uil-minus { color: #999; }
.invite-analy .right .action-btn-group { width: 100%; padding: 1rem 1.3rem; display: flex; }
.map-label { padding: 3px 10px; background-color: rgba(255,255,255,.9); border-radius: 50px; font-size: 13px; display: inline-block; }
.percent-label { width: 70px; height: 70px; border-radius: 100px; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.percent-label .city { padding: 1px 7px; border-radius: 50px; font-size: 13px; color: #fff; }
.percent-label .val { font-size: 1rem; font-weight: 500; color: #fff; }
.percent-label-first { background-color: rgba(128,171,215,1); }
.percent-label-second { background-color: rgba(94,205,162,1); }
.percent-label-third { background-color: rgba(251,202,77,1); }
.percent-label-four { background-color: rgba(236,159,102,1); }
.percent-label-five { background-color: rgba(237,108,105,1); }
.city-label-first { background-color: #4484c4; }
.city-label-second { background-color: #39b786; }
.city-label-third { background-color: #f4b105; }
.city-label-four { background-color: #e57e32; }
.city-label-five { background-color: #e94a46; }
.left-area-comment { width: 110px; height: 122px; padding: .5rem; background-color: #fff; border-radius:.7rem; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15); position: absolute; top: 100px; bottom: 20px; left: 20px; z-index: 65; }
.map-comment-list { margin-left: 20px; font-size: 13px; }
.map-comment-circle { width: 15px; height: 15px; margin-top: 3px; border-radius: 100px; position: absolute; }

/* 퀵메뉴 */
.quickmenu { width: 0; position: fixed; top: 110px; right: -1px; z-index: 980; }
.quickmenu .wrap { position: relative; right: 130px; transition-duration: 250ms; }
.quickmenu .wrap ul { width: 130px; margin-bottom: 10px; background-color: #fff; border: 1px solid #e6e6e6; border-radius: .7rem 0 0 .7rem; overflow: hidden; -webkit-box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%); box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%); font-size: .813rem; position: relative; }
.quickmenu .wrap ul li { border-bottom: 1px solid #e6e6e6; display: flex; flex-direction: column; }
.quickmenu .wrap ul li:last-child { border-bottom: none; }
.quickmenu .wrap ul li > .tit { padding: 10px 12px 0 12px; color: #5c667b; text-align: center; }
.quickmenu .wrap ul li .saw { padding: 10px 12px; }
.quickmenu .wrap ul li .saw:hover { cursor: pointer; }
.quickmenu .wrap ul li .saw:hover .subject { text-decoration: underline; }
.quickmenu .wrap ul li .saw:hover .btn-outline-primary { color: #0074FF; background-color: rgba(0,116,255,.04); border-color: #0074FF; }
.quickmenu .wrap ul li .saw .thum { height: 50px; margin: 0 0 .5rem 0; background-color: #fff; overflow: hidden; display: block; position: relative; }
.quickmenu .wrap ul li .saw .thum img { width: 100%; height: 100%; object-fit: contain; position: absolute; top: 0; left: 0; }
.quickmenu .wrap ul li .saw .subject { margin-bottom: 10px; font-size: 13px; line-height: 1.3; word-break: break-all; }
.quickmenu .wrap ul li .customer { padding: 10px; text-align: center; }
.quickmenu .wrap ul li .customer > .phone { color: #0074FF; font-size: 0.85rem; letter-spacing: 0; }
.quickmenu .wrap ul li .machine { border-top: 1px solid #e6e6e6; }
.quickmenu .wrap ul li .banner { padding: 10px .7rem; background-color: #F6F7F9; font-weight: 500; line-height: 1.3; text-align: center; display: block; }
.quickmenu .wrap ul li + li .banner { margin-top: 0; }
.quickmenu .wrap ul li .banner span { display: inline-block; }
.quickmenu .wrap ul li .banner:hover span { text-decoration: underline; }
.quickmenu .wrap ul li .banner:after { width: 100%; height: 40px; margin-top: 3px; content: ""; background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; }
.quickmenu .wrap ul li .map .banner:after { background-image: url("../images/quick_banner.png"); }
.quickmenu .wrap ul li .machine .banner:after { background-image: url("../images/quick_banner_2.png"); }
.quickmenu .btn-fold { width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; position: relative; right: 60px; bottom: 0; transition-duration: 250ms; }
.quickmenu .btn-fold:hover { text-decoration: none; }
.quickmenu .btn-fold:after { width: 30px; height: 30px; content: ""; background: url("../images/quick_fold.png") top left no-repeat; background-size: auto 30px; display: block; }
.quickmenu .btn-fold span { margin-bottom: 6px; padding: 5px 11px; background-color: rgba(108,116,113,.7); border-radius: .7rem; color: #fff; font-weight: 500; line-height: 1.2; display: none; }
.quickmenu.active .wrap { position: relative; right: -140px; }
.quickmenu.active .btn-fold { position: absolute; bottom: 50%; }
.quickmenu.active .btn-fold:after { transform: rotate(-180deg); transition: transform .3s; }
.quickmenu.active .btn-fold span { display: block; }

/* 광고배너 */
.side-advrt { width: 240px; position: absolute; top: 59px; left: -17rem; z-index: 980; }
.side-advrt .slick-slide { height: 550px; overflow: hidden; }
.side-advrt .slick-dots { text-align: center; bottom: -37px; }
.side-advrt .slick-dots li { margin: 0 3px; }
.side-advrt .slick-dots li.slick-active button:after { border-color: #5c667b; }
.side-advrt .slick-dots li, .side-advrt .slick-dots li button, .side-advrt .slick-dots li.slick-active button:after { width: 20px; height: 20px; }
.side-advrt .slick-dots li button:before { background-color: #5c667b; }

/* 회사소개 */
.introduce .sec-1 .txt { padding: 1.5rem 0 3rem 0; font-size: 1.75rem; font-weight: 500; text-align: center; display: flex; align-items: center; flex-direction: column; }
.introduce .sec-1 .txt em { color: #0074FF; font-style: normal; }
.introduce .sec-1 .img { position: relative; }
.introduce .sec-1 .visual { width: 100%; background: url("../images/introduce_1.png") top left no-repeat; background-size: 100% auto; display: block; position: relative; z-index: 61; }
.introduce .sec-1 .visual:after, .introduce .sec-1 .pattern:after { padding: 15%; content: ""; display: block; }
.introduce .sec-1 .pattern { width: 100%; display: block; position: absolute; bottom: 20px; }
.introduce .sec-2 { margin-top: 2rem; display: flex; flex-direction: column; }
.introduce .sec-2 .part { display: flex; align-items: center; }
.introduce .sec-2 .part.left .img { margin-right: 60px; }
.introduce .sec-2 .part.right .img { margin-left: 60px; }
.introduce .sec-2 .img { width: 30%; max-width: 300px; max-height: 300px; }
.introduce .sec-2 .img img { width: 100%; }
.introduce .sec-2 .txt { display: flex; flex-direction: column; }
.introduce .sec-2 .txt strong { margin-bottom: 1rem; font-size: 22px; font-weight: 600; }
.introduce .sec-2 .txt p { font-size: 16px; line-height: 1.8; }
.introduce .sec-3 .tit { padding: 3rem 0; font-size: 1.75rem; font-weight: 500; text-align: center; display: flex; justify-content: center; }
.introduce .sec-3 .wrap { height: 100%; padding: 2rem; background-color: #F6F7F9; border-radius: 1rem; display: flex; align-items: center; flex-direction: column; }
.introduce .sec-3 .txt { text-align: center; display: flex; flex-direction: column; }
.introduce .sec-3 .txt strong { margin-bottom: 1rem; font-size: 1.125rem; font-weight: 500; }
.introduce .sec-3 .txt p { font-size: .938rem; line-height: 1.7; }
.introduce .sec-3 .img { width: 80px; height: 80px; margin-bottom: 2rem; background-color: #fff; border-radius: 150px; display: flex; justify-content: center; align-items: center; }
.introduce .sec-3 .img:before { font-family: unicons; color: #0074FF; font-size: 2rem; }
.introduce .sec-3 .img.icon-1:before { content: "\eaaa"; }
.introduce .sec-3 .img.icon-2:before { content: "\e91e"; }
.introduce .sec-3 .img.icon-3:before { content: "\e9f9"; }

/* 빅데이터분석 - 연봉계산기 */
.bigdata-analy .tab-pane > .tit { margin: 2.3rem 0 1rem 0; display: flex; align-items: center; }
.bigdata-analy .tab-pane > .tit h4 { margin: 0 auto 0 0; font-size: 22px; font-weight: 600; }
.salary-calculator { padding: 1.5rem 0; }
.salary-calculator .tab-pane.active { gap: 36px; display: flex; }
.salary-calculator .left { width: 50%; display: flex; flex-wrap: wrap; flex-direction: column; }
.salary-calculator .left .action-btn-group { width: 100%; margin: 1rem 0 1.5rem 0; }
.salary-calculator .hourly-wage { display: flex; flex-direction: column; }
.salary-calculator .hourly-wage .form-group { width: 100%; gap: 6px; display: flex; align-items: flex-start; flex-wrap: wrap; }
.salary-calculator .hourly-wage .form-group .txt { min-height: 39px; margin: 0 5px 0 0; line-height: 1.3; white-space: nowrap; display: flex; align-items: center; }
.salary-calculator .hourly-wage .form-group + * { margin-top: 10px; }
.salary-calculator .hourly-wage .amount { margin-bottom: 10px; display: flex; flex-direction: column; position: relative; }
.salary-calculator .hourly-wage .amount span { width: 100%; color: #999; font-size: 13px; text-align: right; display: block; position: absolute; bottom: -22px; }
.salary-calculator .hourly-wage .tip { color: rgba(0,0,0,.3); font-size: 13px; }
.salary-calculator .hourly-wage .card { margin: 24px 0 0 0; gap: 10px; border-color: transparent; display:flex; flex-direction: column; }
.salary-calculator .hourly-wage .card .tit { margin-bottom: 5px; }
.salary-calculator .hourly-wage .card ul { margin-bottom: 0; gap: 10px; display: flex; }
.salary-calculator .hourly-wage .card ul li { flex: 1; }
.salary-calculator .right { width: 50%; padding: 1.3rem 2.5rem; background-color: #F0F7FF; border-radius: 20px; display: flex; flex-direction: column; }
.salary-calculator .right ul { width: 60%; margin: 0 auto 1rem auto; }
.salary-calculator .right ul:last-child { margin-bottom: 0; }
.salary-calculator .right ul li { padding: .6rem 0; display: flex; }
.salary-calculator .right ul li + li { border-top: 1px solid #E0E0E0; }
.salary-calculator .right ul li .item { margin-right: auto; }
.salary-calculator .right ul li .item strong { font-weight: normal; }
.salary-calculator .right ul li .val { margin-left: auto; }
.salary-calculator .right ul li .val em { margin-right: 5px; font-style: normal; font-weight: 700; }

.bigdata-analy .search-form { margin-bottom: 40px; padding: 1rem 1.5rem; border: 1px solid #0074FF; border-radius: .7rem; display: flex; position: relative; }
.bigdata-analy .search-form > .form-group { width: 100%; margin: 0; display: flex; flex-direction: column; position: relative; }	
.bigdata-analy .search-form > .form-group + * { margin: 0 0 0 1rem; }
.bigdata-analy .search-form > .form-group .tit { margin-bottom: .4rem; color: #5c667b; display: flex; position: relative; }
.bigdata-analy .search-form > .form-group .flex { width: 100%; display: flex; align-items: center; }

/* 지도기반 초빙정보 */
.map-service { width: 100%; height: 100%; }	
.map-service .header { width: 100%; height: 80px; padding: 0 1.3rem; background-color: #fff; border-bottom: 1px solid #d9d9d9; display: flex; display: -ms-flexbox; align-items: center; position: relative; z-index: 70; }	
.map-service .header .logo { margin-right: auto; }	
.map-service .header .logo a { width: 151px; height: 25px; background: url("../images/logo.png") top left no-repeat; background-size: contain; display: block; }	
/* YJH */	
/* .map-service .header .search-form { width: 700px; margin-right: auto; padding: 3px 50px 3px .5rem; border: 1px solid #0074FF; border-radius: .7rem; position: relative; } */	
.map-service .header .search-form { margin-right: auto; padding: 3px 50px 3px .5rem; border: 1px solid #0074FF; border-radius: .7rem; position: relative; }	
.map-service .header .search-form > .wrap { display: flex; align-items: center; flex: 1 1 30%; position: relative; }	
.map-service .header .search-form > .wrap .bar { width: 1px; height: 25px; margin: 0 7px; content: ""; background-color: #E0E0E0; display: inline-block; }	
.map-service .header .search-form > .wrap .dropdown { width: 100%; display: flex; align-items: center; flex-shrink: 1.3; position: relative; }	
.map-service .header .search-form > .wrap .dropdown a.btn { width: 100%; height: calc(1.5em + 1rem + 2px); padding: .5rem 24px .5rem .7rem; color: #222; font-size: 1rem; text-align: left; display: block; position: relative; }
.map-service .header .search-form > .wrap .dropdown a.btn:active { border-color: transparent; color: #222; }
.map-service .header .search-form > .wrap .dropdown .btn:after { width: 10px; height: 10px; content: ""; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAQAAADbJyoPAAACP0lEQVR42u3YuU7DQBAG4K1AnIGeG3G8A10IEM6OAgmJU9wUv3gEHoiHoKEDKcgoIVCDEDcdRbDBhBmT+NyNQBptFXvj/TSenZ1EldTfGUowghGMYAQjGMEIRjAGMDjAPY6Q8k6AydGLY9xg0YPBPEqfI4eGmmF6cOuuOsIxh+7lEgqcY4zShZfymvscky7fcDhtxjGDhPKOYW/O7BJODq1GMQO4I6vNVdhN2CYTrO+XZSRtH8hKM1W2NlbJpCu0GMEM4pWsMu5TZ7BBJuadl6WZ0o9nssIk/Isei46FRq2UPjyRp2ecawEVmEXnHPXaKN12Wf158sTX1cDjgHEsNGuKCt1B2e/rIc4mbJEvXmiITgeLyvTPnVAHJZbJly8TRqeP7aBRei/kqY0VFp32BJv5wZu2kTE2Z4+lcpOGXJnz3o/Qz7BULsTY6L/qSgKMzVkjDysiFYkyxChjleZEw/DoFNEaISpvv+tKUozCDnnoGepCUTrLrZMzpqrNi45RWGdlsClEVO6DoxIXwxsMuzkNKPw0KrN+c+NheHTyPpwulrZZ/xjGxSgsMU5blRJHKemgFxofw6OTq7DReUM5EZzoSTB8Z1mel8Ubytkwuy4ZhrdfRbSQEscaynDVKCmGNxh5l9PLcmUqbGlMjuFHqGV/TuHR7zg0i1HYJIuf4DRa2urG8DPL92SuBYbnjvuTLGqToQ/Du0FPQ1l7DOVk4nSCejEKC/axeB1c+DVg5D89wQhGMIIRjGAEI5h/ivkALYLMcpqwu0EAAAAASUVORK5CYII=") center center no-repeat; background-size: 10px 10px; vertical-align: middle; display: inline-block; position: absolute; top: 15px; right: 8px; }	
.map-service .header .search-form .btn-search { width: 50px; height: 50px; padding: 0; background-color: transparent; border-color: transparent; color: transparent; overflow: hidden; display: inline-block; position: absolute; top: -1px; right: 0; }	
.map-service .header .search-form .btn-search:active,	
.map-service .header .search-form .btn-search:focus { background-color: transparent !important; border-color: transparent !important; box-shadow: none !important; }	
.map-service .header .search-form .btn-search:before { content: "\eb63"; font-family: unicons; font-size: 1.5rem; color: #0074FF; display: inline-block; position: absolute; top: 5px; left: 11px; }	

.map-service .header .search-form .dropdown-menu .action-btn-group { margin-top: 1rem; }	
.map-service .header .search-form > .wrap .dropdown .dropdown-menu { padding: 1rem; }	
.map-service .header .search-form > .wrap .dropdown .dropdown-menu ul { margin-bottom: 0; }	
.map-service .header .search-form > .wrap .dropdown.show .btn:after { transform: rotateX(180deg); }	
.map-service .header .search-form > .wrap .dropdown.w-lg .dropdown-menu { width: 500px; }	
.map-service .header .search-form > .wrap .dropdown.w-md .dropdown-menu { width: 250px; }

.map-service .left-area { width: 350px; padding: 1.5rem; background-color: #fff; border-radius: .7rem; -webkit-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15); box-shadow: 0 .5rem 1rem rgba(0,0,0,.15); position: absolute; top: 100px; bottom: 20px; left: 20px; z-index: 65; }	
.map-service .left-area .tit { margin-bottom: 1rem; font-size: 18px; font-weight: 600; color: #222; }	
.map-service .left-area .btn-fold { width: 20px; height: 50px; margin: 0; background-color: #fff; border-radius: 0 15px 15px 0; -webkit-box-shadow: .2rem 0rem .3rem rgba(0,0,0,.1); box-shadow: .2rem 0rem .3rem rgba(0,0,0,.1); text-align: center; display: block; position: absolute; top: 50%; bottom: 50%; right: -20px; z-index: 500; }	
.map-service .left-area .btn-fold:before { content: "\e82f"; margin: -15px 0; font-family: "unicons"; font-size: 1.3rem; color: #0074FF; display: block; position: relative; top: 50%; bottom: 50%; transform: rotate( -180deg ); }	
.map-service .left-area .btn-fold:hover { color: #049ba3; text-decoration: none; transition-duration: 250ms; }	
.map-service .left-area .btn-fold.active:before { transform: rotate( 0deg ); }
.map-service .left-area .body { display: flex; flex-direction: column; }
.map-service .left-area .body > .btn-route { width: 100%; margin-top: auto; position: absolute; bottom: 0px; }
.map-service .pagination ul li a { width: 28px; height: 32px; }	
.map-service .none { width: 100%; padding: 8rem 0; color: #bbbbbb; font-size: 1rem; display: flex; justify-content: center; align-items: center; }	
.map-service .hospital-list { margin: 0 0 1rem 0; border-top: 1px solid #E0E0E0; display: flex; flex-direction: column; }	
.map-service .hospital-list .box { padding: 1rem 0; border-bottom: 1px solid #E0E0E0; display: flex; }	
.map-service .hospital-list .box:hover { background-color: #F7F8FA; transition-duration: 250ms; }	
.map-service .hospital-list .box .thum { display: flex; flex-direction: column; flex: 1; }	
.map-service .hospital-list .box .thum > div { width: 80px; height: 100%; margin: 0 15px 0 0; background-color: #fff; border: 1px solid #E0E0E0; border-radius: .7rem; overflow: hidden; display: block; position: relative; }	
.map-service .hospital-list .box:hover .thum img { transition-duration: 250ms; transform: scale(1.1); }	
.map-service .hospital-list .box .thum img { width: 100%; height: 100%; object-fit: contain; position: absolute; top: 0; left: 0; padding: 5px; }	
.map-service .hospital-list .box .btn-route { width: 80px; margin-top: .3rem; padding: .1rem .5rem; font-size: .688rem; }	
.map-service .hospital-list .box ul { margin: 0; }	
.map-service .hospital-list .box .name { min-height: 18px; margin-bottom: 2px; font-size: 13px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all; }	
.map-service .hospital-list .box .subject { height: 44px; margin-bottom: 7px; font-size: 1rem; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; position: relative; }	
.map-service .hospital-list .box .subject em { margin-left: 4px; padding: 2px 0 2px 8px; background-color: #fff; color: #666; font-size: 13px; font-style: normal; position: absolute; bottom: 3px; right: 0; }	
.map-service .hospital-list .box:hover .subject em { background-color: #F7F8FA; transition-duration: 250ms; }	
.map-service .hospital-list .box:hover .subject a { text-decoration: underline !important; }	
.map-service .hospital-list .box .between { display: flex; align-items: center; }	
.map-service .hospital-list .box .between > div:nth-child(1) { margin-right: auto; }	
.map-service .hospital-list .box .between > div:nth-child(2) { margin-left: auto; }	
.map-service .hospital-list .box .salary { font-size: 13px; color: #888; }	
.map-service .hospital-list .box .dday { font-size: 13px; color: #D0412E; }	
.map-service .scaler { position: absolute; top: 159px; right: 0; }

/* YJH
.map-service .current { width: 34px; height: 34px; background-color: #fff; border: 1px solid #E0E0E0; border-radius: .7rem; -webkit-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15); box-shadow: 0 .5rem 1rem rgba(0,0,0,.15); display: flex; justify-content: center; align-items: center; position: absolute; right: 0; } 
.map-service .current:before { width: 20px; height: 20px; content: ""; background: url("../images/map_tool.png") top left no-repeat; background-size: auto 38px; background-position: -23px 1px; display: block; }
*/
.map-service .current { width: 32px; height: 32px; background-color: #fff; border: 1px solid #E0E0E0; border-radius: 0.2rem; -webkit-box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%); box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%); display: flex; justify-content: center; align-items: center; position: fixed; right: 4px; top: 310px; }
.map-service .current:before { width: 20px; height: 20px; content: ""; background: url("../images/map_tool.png") top left no-repeat; background-size: auto 38px; background-position: -24px 1px; display: block; }
.map-service .current:hover:before { background-position: -23px -19px; }
.map-service .tool { position: absolute; right: 18px; z-index: 63; top: 41px; }
.map-service .tool ul { border: 1px solid #E0E0E0; border-radius: .7rem; -webkit-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15); box-shadow: 0 .5rem 1rem rgba(0,0,0,.15); overflow: hidden; display: flex; flex-direction: column;  }
.map-service .tool ul li + li { border-top: 1px solid #E0E0E0; }
.map-service .tool ul li button { width: 50px; height: 32px; background-color: #fff; border: none; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.map-service .tool ul li button span { font-size: .688rem; letter-spacing: -.5px; line-height: 1; }
.map-service .tool ul li button:hover { background-color: #F7F8FA; color: #0074FF; transition-duration: 250ms; }
.map-service .tool ul li.active button { background-color: #0074FF; color: #fff; }
/*.map-service .tool ul li button:before { width: 17px; height: 17px; margin-bottom: 5px; content: ""; background: url("../images/map_tool.png") top left no-repeat; display: block; }
.map-service .tool ul li:nth-child(1) button:before { background-position: 0 0; }
.map-service .tool ul li:nth-child(2) button:before { background-position: -19px 0; }
.map-service .tool ul li:nth-child(1) button:hover:before { background-position: 0 -19px; }
.map-service .too ul li:nth-child(2) button:hover:before { background-position: -19px -19px; }
.map-service .tool ul li.active:nth-child(1) button:before { background-position: 0 -38px; }
.map-service .tool ul li.active:nth-child(2) button:before { background-position: -19px -38px; }*/
.map-service .marker { position: relative; }
.map-service .marker .pin-icon { width: 35px; height: 35px; background-color: #fff; border-radius: 50px; border: 2px solid #343e56; box-sizing: border-box; -webkit-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15); box-shadow: 0 .5rem 1rem rgba(0,0,0,.15); cursor: pointer; display: inline-block; position: absolute; }
.map-service .marker .pin-icon:after { width: 0; height: 0; margin-left: -3px; content: ""; border-top: 12px solid #343e56; border-left: 3px solid transparent; border-right: 3px solid transparent; display: inline-block; position: absolute; left: 50%; bottom: -13px; }
.map-service .marker .pin-icon:before { margin: 0 auto; content: "\eac2"; font-family: unicons; font-size: 1.25rem; color: #343e56; display: block; position: absolute; top: 2px; left: 6px; }
	/* YJH */	
/* .map-service .marker .balloon { width: 300px; padding: 1.5rem; background-color: #fff; border-radius: .7rem; -webkit-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15); box-shadow: 0 .5rem 1rem rgba(0,0,0,.15); position: absolute; top: -320px; left: -126px; } */	
.map-service .marker .balloon { width: 300px; padding: 1.5rem; background-color: #fff; border-radius: .7rem; -webkit-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15); box-shadow: 0 .5rem 1rem rgba(0,0,0,.15); position: absolute; top: -360px; left: -129px; z-index: 62; }	
.map-service .marker .balloon:before { margin-left: -14px; content: ""; border-top: 18px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent; display: inline-block; position: absolute; left: 50%; bottom: -18px; }	
.map-service .marker .balloon .thum { margin-bottom: .7rem; display: flex; align-items: center; }	
.map-service .marker .balloon .thum > * { width: 100%; height: 140px; background-color: #fff; border: 1px solid #E0E0E0; border-radius: .7rem; overflow: hidden; display: block; position: relative; }	
.map-service .marker .balloon .thum img { width: 100%; height: 100%; object-fit: contain; position: absolute; top: 0; left: 0; padding: 10px; }	
.map-service .marker .balloon ul { margin: 0; }	
.map-service .marker .balloon .name { min-height: 18px; margin-bottom: 2px; font-size: 13px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all; }	
.map-service .marker .balloon .subject { height: 20px; margin-bottom: 7px; color: #0074FF; font-size: 1rem; letter-spacing: -.3px; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; position: relative; }	
.map-service .marker .balloon .subject em { margin-left: 4px; padding: 2px 0 2px 8px; background-color: #fff; color: #666; font-size: 13px; font-style: normal; position: absolute; bottom: 1px; right: 0; }	
.map-service .marker .balloon:hover .subject a { text-decoration: underline !important; }	
.map-service .marker .balloon .between { display: flex; align-items: center; }	
.map-service .marker .balloon .between > div:nth-child(1) { margin-right: auto; }	
.map-service .marker .balloon .between > div:nth-child(2) { margin-left: auto; }	
.map-service .marker .balloon .salary { font-size: 13px; color: #888; }	
.map-service .marker .balloon .dday { font-size: 13px; color: #D0412E; }	
.map-service .marker .balloon .none { width: 100%; padding: 1.3rem 0; color: #bbbbbb; font-size: 1rem; display: flex; justify-content: center; align-items: center; }	
.map-service .marker .balloon .button { margin-top: 1rem; text-align: center; }	
.map-service .btn-current { width: 150px; margin: 0 -75px; padding: .4rem 1.3rem; background-color: #3396FF !important; border: 2px solid #2D85E4 !important; position: absolute; top: 100px; left: 50%; right: 50%; }
.map-service .btn-current:hover,  .map-service .btn-current:focus, .map-service .btn-current:acitve { background-color: #2D85E4 !important; border: 2px solid #2D85E4 !important;  }
.map-service .btn-current:focus { box-shadow: 0 0 0 .15rem rgb(51 150 255 / 30%) !important; }
.map-service .marker-num { width: 20px; height: 20px; margin-right: 5px; background-color: #fff; border: 2px solid #6A6A67; border-radius: 50px; color: #888; font-size: .688rem; text-align: center; vertical-align: middle; display: flex; justify-content: center; align-items: center; }	
/* YJH */	
/* .map-service .map-area { width: 100%; height: 100%; position: absolute; } */	
.map-service .map-area { width: 100%; height: calc(100% - 80px); position: absolute; }

/* 포스트작성 - 목록 */
/* .post-bg-area { width: 100%; height: 300px; margin-bottom: 24px; background-position: center; background-size: cover; border-radius: 20px; position: relative; } */
.post-bg-area{
    width: 100%;
    aspect-ratio: 16 / 5;   /* ✅ 비율 고정 */
    margin-bottom: 24px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 20px;
    position: relative;
}

.post-bg-area .btn-bgedit { position: absolute; top: 10px; right: 10px; }

/* 파트너 목록 */
.partner-list { display: flex; flex-direction: column; }
.partner-list > .wrap { margin: 0 -18px; display: flex; flex-wrap: wrap; word-break: keep-all; }
.partner-list .none { width: 100%; padding: 8rem 0; color: #bbbbbb; font-size: 1rem; text-align: center; }
.partner-list .box { width: calc(100% / 4 - 36px); margin: 0 18px 30px 18px; padding: 28px 24px; border: 1px solid #E0E0E0; border-radius: 20px; box-sizing: border-box; position: relative; }
.partner-list .box:hover { border-color: #0074FF; box-shadow: 0 .5rem 1rem rgb(0 0 0 / 10%); transition-duration: 250ms; cursor: pointer; }
.partner-list .box .top { margin-bottom: 15px; display: flex; }
.partner-list .box .top .thum { width: 70px; min-width: 70px; height: 70px; margin-left: 15px; border: 1px solid #E0E0E0; border-radius: 60px;
    overflow: hidden; display: block; }
.partner-list .box .top .thum img { width: 100%; height: 100%; }
.partner-list .box .top dl { margin-bottom: 0; }
.partner-list .box:hover .top dl { text-decoration: underline; }
.partner-list .box .top dl dt { height: 46px; margin-bottom: 15px; font-size: 18px; font-weight: 600; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; }
.partner-list .box .top dl dd { height: 38px; margin-bottom: 0; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.partner-list .box .bottom ol { margin-bottom: 0; display: flex; flex-wrap: wrap; }
.partner-list .box .bottom ol li { font-size: 13px; display: flex; }
.partner-list .box .bottom ol li:after { width: 1px; height: 13px; margin: 0 10px; content: ""; background-color: #E0E0E0; display: inline-block; position: relative; top: 4px; }
.partner-list .box .bottom ol li:last-child:after { display: none; }
.partner-list .box .bottom ol li strong { margin-right: 5px; font-weight: 500; }

/* 전문파트너 상세 */
.partner-detail .head { width: 100%; }
.partner-detail .head:before { width: 100%; height: 200px; margin-top: -3rem; content: ""; background-color: #f3f3f3; display: block; position: absolute; }
.partner-info { margin-bottom: 24px; padding: 1.5rem 1.8rem; gap: 15px; background-color: #fff; border: 1px solid #E0E0E0; border-radius: 20px; display: flex; align-items: center; }
.partner-info :is(.left, .right) { display: flex; }
.partner-info .left { width: 100%; }
.partner-info .left .avatar { width: 100px; height: 100px; margin: 0 30px 0 0; background-color: #fff; border: 1px solid #E0E0E0; border-radius: 150px; overflow: hidden; display: block; position: relative; }
.partner-info .left .avatar img { width: 100%; height: 100%; object-fit: contain; position: absolute; top: 0; left: 0; }
.partner-info .left ul .cate { margin-bottom: 10px; }
.partner-info .left ul .name strong { font-size: 20px; font-weight: 600; line-height: 1.1; }
.partner-info .left ul .comment { margin-top: 12px; color: #888; }
.partner-info .right { margin-right: auto; gap: 5px; display: flex; }
.partner-info .right .btn { display: flex; }
.partner-info .right .btn [class^=uil-] { position: relative; top: 2px; }

/* 전문파트너 상세 */
.partner-post-list { margin: 0 0 8px; display: flex; flex-direction: column; }
.partner-post-list .none { width: 100%; padding: 4rem 0; color: #bbbbbb; font-size: 1rem; text-align: center; }
.partner-post-list > ul { border-top: 1px solid #E0E0E0; }
.partner-post-list > ul > li { border-bottom: 1px solid #E0E0E0; display: flex; align-items: center; }
.partner-post-list > ul > li > a { padding: 24px 15px; display: flex; }
.partner-post-list > ul > li > a:hover { background-color: #f8f9fa; text-decoration: none; transition-duration: 250ms; }
.partner-post-list > ul > li > a:hover :is(.subject, .synop) { text-decoration: underline; }
.partner-post-list > ul > li > a .thum { width: 180px; min-width: 180px; margin: 0 20px 0 0; background-color: #fff; border: 1px solid #E0E0E0; border-radius: .7rem; overflow: hidden; display: block; position: relative; }
.partner-post-list > ul > li > a .thum img { width: 100%; height: 100%; object-fit: contain; position: absolute; top: 0; left: 0; padding: 5px; }
.partner-post-list > ul > li > a .wrap { display: flex; flex-direction: column; }
.partner-post-list > ul > li > a .subject { display: flex; align-items: center; }
.partner-post-list > ul > li > a .subject strong { height: 24px; font-size: 18px; font-weight: 600; line-height: 1.3; word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.partner-post-list > ul > li > a .synop { height: 42px; margin-top: 10px; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; }
.partner-post-list > ul > li > a ol { margin: 13px 0 0 0; font-size: 13px; display: flex; }
.partner-post-list > ul > li > a ol .date { margin-right: auto; }
.partner-post-list > ul > li > a ol .state { margin-left: auto; gap: 8px; color: #888; display: flex; }
.partner-post-list > ul > li > a ol .state [class^=uil-] { margin-right: 3px; position: relative; top: 1px; }

.partner-qna-list { margin: 0 0 8px; display: flex; flex-direction: column; }
.partner-qna-list .none { width: 100%; padding: 4rem 0; color: #bbbbbb; font-size: 1rem; text-align: center; }
.partner-qna-list > ul { border-top: 1px solid #E0E0E0; }
.partner-qna-list > ul > li { border-bottom: 1px solid #E0E0E0; display: flex; align-items: center; }
.partner-qna-list > ul > li > a { padding: 24px 15px; display: flex; flex-direction: column; }
.partner-qna-list > ul > li > a:hover { background-color: #f8f9fa; text-decoration: none; transition-duration: 250ms; }
.partner-qna-list > ul > li > a:hover :is(.subject, .synop) { text-decoration: underline; }
.partner-qna-list > ul > li > a .subject { display: flex; align-items: center; }
.partner-qna-list > ul > li > a .subject strong { height: 24px; font-size: 18px; font-weight: 600; line-height: 1.3; word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.partner-qna-list > ul > li > a .synop { height: 42px; margin-top: 10px; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; }
.partner-qna-list > ul > li > a ol { margin: 13px 0 0 0; gap: 5px 18px; font-size: 13px; display: flex; }
.partner-qna-list > ul > li > a ol .state { gap: 8px; color: #888; display: flex; }
.partner-qna-list > ul > li > a ol .state [class^=uil-] { margin-right: 3px; position: relative; top: 1px; }
.partner-qna-list > ul > li > a ol .hashtag { gap: 5px; color: #888; display: flex; }
.partner-qna-list > ul > li > a ol .hashtag span:hover { text-decoration: underline; }

.partner-summary { margin-bottom: 24px; padding: 1.5rem 1.8rem; background-color: #fff; border: 1px solid #E0E0E0; border-radius: 20px; display: flex; align-items: center; }
.partner-summary ul { margin: 0 0 -7px -15px; display: flex; flex-wrap: wrap; word-break: keep-all; }
.partner-summary ul li { width: calc(100% - 15px); margin: 0 0 13px 15px; display: flex; align-items: flex-start; }
.partner-summary ul li strong { min-width: 130px; max-width: 130px; color: #888; font-weight: normal; display: inline-block; }

/* 회원정보수정 */
.memedit-form .tit { margin: 2.3rem 0 1rem 0; display: flex; align-items: center; }
.memedit-form .tit h4 { margin: 0 auto 0 0; font-size: 20px; font-weight: 600; }
.member-edit { margin-bottom: 1rem; border-top: 2px solid #3c3c3c; }
.member-edit tbody th { height: 54px; padding-left: 13px; padding-right: 13px; background-color: #f7f7f7; font-weight: 500; vertical-align: middle; }
.member-edit tbody td { height: 54px; padding-left: 13px; padding-right: 13px; vertical-align: middle; }
.member-edit .avatar { width: 100px; height: 130px; margin: 0 30px 0 18px; box-sizing: content-box; display: flex; align-items: center; justify-content: center; position: relative; }
.member-edit .avatar .img { width: 100px; height: 110px; overflow: hidden; display: block; }
.member-edit .avatar .img img { width: 100%; height: 100%;}
.member-edit .avatar:hover i  { background-color: rgba(0,0,0,.4); transition-duration: 250ms; }
.member-edit .avatar input { width: 100%; height: 100%; opacity: 0; cursor: pointer; position: absolute; top: 0; left: 0; }
.member-edit .avatar i { width: 100%; padding: 8px; background-color: rgba(0,0,0,.3); color: #fff; text-align: center; font-style: normal; line-height: 1; display: block; position: absolute; bottom: 0; }
.member-edit .avatar.circle { width: 110px; margin: 0 30px 0 18px; }
.member-edit .avatar.circle .img { width: 110px; border-radius: 150px; }
.member-edit .avatar.circle .btn-camera { width: auto; padding: 8px; background-color: #fff; border: 1px solid #E0E0E0; border-radius: 50%; color: #999; font-size: 16px; line-height: 1; display: block; position: absolute; right: -4px; bottom: 10px; z-index: 43; }
.member-edit .avatar.circle .btn-camera:hover { background-color: #F8F8F8; color: #777; transition-duration: 250ms; }
.member-edit .avatar.circle .btn-camera:before { content: "\e8bd"; font-family: unicons; font-style: normal; display: inline-block; }
.member-edit .essential { display: inline-block; }
.member-edit .essential:after { margin-left: 2px; content: "\e8d8"; font-family: unicons; color: #D0412E; display: inline-block; position: relative; top: -1px; }
.member-edit .essential span { display: none; }
.member-edit .flex { gap: 5px; display: flex; align-items: center; }
.member-edit .form-control { width: 200px; }
.member-edit .form-control + .btn { flex-shrink: 0; }
.member-edit .btn-outline-primary:not(:disabled):not(.disabled).active { background-color: #0074FF; color: #fff; }
.member-edit .ment { margin-top: 3px; }
.member-edit :is(.phone, .busnum, .dept-name) { gap: 5px; display: flex; align-items: center; }
.member-edit .phone .form-control { width: 80px; min-width: 80px; }
.member-edit .addr { gap: 5px; display: flex; flex-direction: column; }
.member-edit .busnum .form-control { width: 80px; min-width: 80px; }
.member-edit .busnum .form-control:last-child { width: 130px; }
.member-edit .dept-name { gap: 5px 15px; display: flex; align-items: center; }
.member-edit :is(.btn-plus) { width: 38px; display: flex; align-items: center; justify-content: center; }
.member-edit :is(.btn-plus) i { margin-right: 0; position: relative; top: 2px; }
.member-edit .file-upload label { padding: 0.5rem 1.3rem; }
.member-edit .file-upload input[type=text] { height: 38px; }
.member-edit .upload-file { margin: 8px 0 0 0; }

/* ei 대응 */
@media screen and (min-width:0\0) {
	.signup .wrap .form-group .w-xs { padding: .48rem 0; text-align: center; }
    .signup .wrap .form-group .w-xs i { position: relative; left: -5px; }
	.sub-search-form .region .icon, .sub-search-form .category .icon { position: absolute; top: 10px; left: 5px; right: auto; }
	.sub-search-form form .form-control { padding-left: 2rem; }
	.sub-search-form .btn { top: 0; }
	.action-btn-group { justify-content: flex-end; }
	.action-btn-group .right { margin-left: 0; }
	.mycareer { display: block; }
	.mycareer .side-menu { float: left; }
	.category-list { width: 100%; display: flex; }
	.category-list ul li { width: calc(100% / 6 - 11px); }
}

.slick-dots li { z-index: 55; }
 /*로딩 이미지*/ 
.loading-img {	width: 60px; height: 60px; position: fixed; left:47%; z-index:2000; }