/* 초빙 제안받기 설정 */
.offer_wrap {width:100%; padding-right:30px;}

.msTitle {width:100%; padding-bottom:15px; position: relative;}
.msTitle p {font-size:20px; color:#000; font-weight:500; letter-spacing:-0.04em; line-height:24px; display:block;}
.msTitle a.back {width:54px; height:100%; position: absolute; top:0; left:0; background:url("/img/doctor_bridge/common/back.png")no-repeat center; background-size:14px; display:none;}

.offer_content {width:100%;}

.m_offer_setting {width:100%; padding:25px 20px; display:none;}
.m_offer_setting p {font-size:15px; color:#000; font-weight:500; letter-spacing:-0.04em; line-height:20px;}
.m_offer_setting div {width:100%; background-color:#EFF5FF; border-radius:6px; padding:12px 15px; display:flex; align-items: center; margin-top:10px;}
.m_offer_setting div b {font-size:14px; color:#4876EF; font-weight:500; letter-spacing:-0.025em; line-height:28px; position: relative; padding-left:38px;}
.m_offer_setting div b::before {content:""; width:28px; height:28px; position: absolute; top:0; left:0; background:url("/img/doctor_bridge/mypage/invi_icon.png")no-repeat center #fff; background-size:14px; border-radius:100%;}
.m_offer_setting div em {font-size:14px; color:#555; font-weight:400; letter-spacing:-0.025em; line-height:20px; margin-left:auto; text-decoration: underline;}

.offer_setting {width:100%; background-color:#EFF5FF; padding:30px; border-radius:6px;}
.offer_setting .os_close {display:none; width:100%; padding:20px 0;}
.offer_setting .os_close img {display: block; margin: auto; height:8px;}
.offer_setting p {font-size:18px; color:#000; font-weight:500; letter-spacing:-0.04em; line-height:22px;}
.offer_setting .txt {width:100%;}
.offer_setting .txt b {display: block; font-size:14px; color:#333; font-weight:400; letter-spacing:-0.025em; line-height:22px; background:url("/img/doctor_bridge/mypage/invi_icon.png")no-repeat left top 1px; background-size:17px; padding-left:23px; margin-top:12px; word-break: keep-all;}
.offer_setting .txt b em {font-size:14px; color:#4876ef; font-weight:500;}
.offer_setting .txt b span {font-size:14px; color:#4876ef; font-weight:500; text-decoration: underline;}
.offer_setting .chk {width:100%; display:flex; margin-top:16px;}
.offer_setting .chk label {width:260px; cursor: pointer;}
.offer_setting .chk label + label {margin-left:10px;}
.offer_setting .chk label input {display:none;}
.offer_setting .chk label div { position: relative; background-color:#fff; border:1px solid #e3e5e8; border-radius:6px; padding:11px 15px; padding-left:40px;}
.offer_setting .chk label div b {font-size:15px; color:#333; font-weight:400; letter-spacing:-0.025em; line-height:20px;}
.offer_setting .chk label div::before {content:""; width:15px; height:15px; border-radius:100%; border:1px solid #8491a7; position: absolute; top:13px; left:15px;}
.offer_setting .chk label div::after {content:""; /*width:calc(100% - 2px); height:calc(100% - 2px);*/width:100%;height:100%;box-sizing:border-box; border:1px solid #4876ef; position: absolute; top:0; left:0; border-radius:5px; display:none;}

.offer_setting .chk label input:checked + div {border:1px solid #4876ef;}
.offer_setting .chk label input:checked + div::before {border:5px solid #4876ef; width:8px; height:8px; top:12px;}
.offer_setting .chk label input:checked + div::after {display:block;}

.offer_setting .btn {width:100%; display:none; margin-top:20px;}
.offer_setting .btn button {width:100%; display: block; background-color:#4876EF; font-size:15px; color:#fff; font-weight:400; letter-spacing:-0.025em; line-height:48px; border-radius:100px;}


.ssdr_offer_cont .m_offer_setting div {background-color:#FFEFF5;}
.ssdr_offer_cont .m_offer_setting div b {color:#ff3981;}
.ssdr_offer_cont .m_offer_setting div b::before {background-image:url("/img/doctor_bridge/mypage/ssdr_icon.png");}

.ssdr_offer_cont .offer_setting {background-color:#FFEFF5;}
.ssdr_offer_cont .offer_setting .txt b {background-image:url("/img/doctor_bridge/mypage/ssdr_icon.png");}
.ssdr_offer_cont .offer_setting .txt b em,
.ssdr_offer_cont .offer_setting .txt b span {color:#ff3981;}

.ssdr_offer_cont .offer_setting .chk label div::after, 
.ssdr_offer_cont .offer_setting .chk label input:checked + div,
.ssdr_offer_cont .offer_setting .chk label input:checked + div::before {border-color:#ff3981;}

.ssdr_offer_cont .offer_setting .btn button {background-color:#ff3981;}


.hh_offer_cont .offer_setting {background-color:#F7F1FF;}
.hh_offer_cont .offer_setting .txt {font-size:18px;line-height:23px;}
.hh_offer_cont .offer_setting .txt_sub {margin-top:12px;font-weight:400;font-size:14px;line-height:18px;color:#333;}

.hh_offer_cont .area_hh_offer_lst {margin-top:50px;}
/* .hh_offer_cont .lst_hh_offer .item_offer {position:relative;padding:20px 64px 20px 20px;} */
.hh_offer_cont .lst_hh_offer .item_offer {position:relative;padding:20px;}
.hh_offer_cont .lst_hh_offer .item_offer + .item_offer {margin-top:20px;}
.hh_offer_cont .lst_hh_offer .item_offer label {position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;}
/* .hh_offer_cont .lst_hh_offer .item_offer label .custom {position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:1px solid #E3E5E8;border-radius:6px;background-image:url("/img/doctor_bridge/mypage/chk_offer_off.png");background-repeat:no-repeat;background-position:right 20px center;background-size:24px;} */
.hh_offer_cont .lst_hh_offer .item_offer label .custom {position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:1px solid #E3E5E8;border-radius:6px;background-image:url("/img/doctor_bridge/mypage/chk_offer_hh_off.png");background-repeat:no-repeat;background-position:left 20px bottom 56px;background-size:26px;}
.hh_offer_cont .lst_hh_offer .item_offer label input[type='radio']:checked + .custom {border-color:#829FE7;background-color:#F7FAFD;background-image:url("/img/doctor_bridge/mypage/chk_offer_hh_on.png");}

/* .hh_offer_cont .lst_hh_offer .item_offer .mark_only {flex-shrink:0;margin-left:auto;padding:5px 8px;border-radius:24px;font-size:11px;line-height:14px;color:#fff;background-color:#913FF9; width: 76px; position: absolute; right:10px; top: 15px;} */
.hh_offer_cont .lst_hh_offer .item_offer .mark_only {flex-shrink:0;padding:5px 8px;border-radius:24px;font-size:11px;line-height:14px;color:#888; background-color: #EDEDED;}
.hh_offer_cont .lst_hh_offer .item_offer .mark_only.open {color:#fff;background-color:#913FF9;}
.hh_offer_cont .lst_hh_offer .item_offer .mark {flex-shrink:0;padding:5px 8px;border-radius:24px;line-height:14px;font-size:11px;color:#888; background-color: #EDEDED;}
.hh_offer_cont .lst_hh_offer .item_offer .mark.open {background-color:#4876EF;color:#fff;}

.hh_offer_cont .lst_hh_offer .item_offer .box_date {display:flex;align-items:center;gap:0 10px;}
.hh_offer_cont .lst_hh_offer .item_offer .box_date .mark_repre {position:relative;padding:0 4px;font-weight:500;font-size:14px;line-height:18px;color:#4876EF;}
.hh_offer_cont .lst_hh_offer .item_offer .box_date .mark_repre:after {content:'';position:absolute;bottom:0;left:0;z-index:-1;width:100%;height:11px;background-color:#E7EDFB;}
/* .hh_offer_cont .lst_hh_offer .item_offer .box_date .txt_date {font-size:12px;line-height:15px;color:#888;} */
.hh_offer_cont .lst_hh_offer .item_offer .box_date .txt_date {font-size:12px;line-height:15px;color:#888; margin-left: auto;}
.hh_offer_cont .lst_hh_offer .item_offer .box_tit {display:flex;align-items:center;gap:0 14px;margin-top:18px;}
/* .hh_offer_cont .lst_hh_offer .item_offer .box_tit .mark {flex-shrink:0;font-weight:500;font-size:15px;line-height:19px;color:#8491A7;}
.hh_offer_cont .lst_hh_offer .item_offer .box_tit .mark.open {color:#4876EF;} */
.hh_offer_cont .lst_hh_offer .item_offer .box_tit .tit {font-weight:500;font-size:18px;line-height:22px;overflow:hidden;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all;}
.hh_offer_cont .lst_hh_offer .item_offer .thumb_info {display:flex;align-items:center;gap:0 10px;margin-top:20px;}
/* .hh_offer_cont .lst_hh_offer .item_offer .thumb_info .thumb {flex-shrink:0;width:150px;} */
.hh_offer_cont .lst_hh_offer .item_offer .thumb_info .thumb {flex-shrink:0;width:160px;}
.hh_offer_cont .lst_hh_offer .item_offer .thumb_info .thumb img {display:block;margin:0 auto;width:85px;height:85px;border-radius:50%;object-fit:cover;}
.hh_offer_cont .lst_hh_offer .item_offer .thumb_info .box_info .lst_info .item_info {display:flex;align-items:center;}
.hh_offer_cont .lst_hh_offer .item_offer .thumb_info .box_info .lst_info .item_info + .item_info {margin-top:4px;}
.hh_offer_cont .lst_hh_offer .item_offer .thumb_info .box_info .lst_info .item_info .cate {flex-shrink:0;width:70px;font-size:14px;line-height:18px;color:#555;}
.hh_offer_cont .lst_hh_offer .item_offer .thumb_info .box_info .lst_info .item_info .txt {font-size:14px;line-height:18px;}
.hh_offer_cont .lst_hh_offer .item_offer .thumb_info .box_info .hope_work {display:flex;align-items:center;gap:0 10px;margin-top:10px;}
.hh_offer_cont .lst_hh_offer .item_offer .thumb_info .box_info .hope_work .mark {flex-shrink:0;padding:0 8px;border:1px solid #4876EF;font-size:14px;line-height:20px;color:#4876EF;background-color:#fff;}
.hh_offer_cont .lst_hh_offer .item_offer .thumb_info .box_info .hope_work .txt_hope {font-size:14px;line-height:18px;color:#555;overflow:hidden;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all;}
.hh_offer_cont .lst_hh_offer .item_offer .thumb_info .box_info .hope_work .link_modi {flex-shrink:0;position:relative;z-index:1;font-size:14px;line-height:18px;color:#4876EF;text-decoration:underline;}


.os_bg_box {width:100%; height:100%; position: fixed; top:0; left:0; background-color:rgba(0,0,0,.5); z-index:99998; display:none;}

@media screen and (max-width:1260px) {
    .offer_setting {padding:20px;}
    .offer_setting .chk {display:flex; justify-content: space-between;}
    .offer_setting .chk label {width:calc(33.33% - 8px);}
    .offer_setting .chk label + label {margin-left:12px;}
    .offer_setting .chk label div {height:100%; padding:12px; padding-left:42px; display:flex; align-items: center; flex-wrap: wrap;}
    .offer_setting .chk label div b {display: block;}
    .offer_setting .chk label div::before {width:16px; height:16px; top:50%; left:15px; margin-top:-9px;}
    .offer_setting .chk label input:checked + div::before {top:50%; margin-top:-9px;}
}
@media screen and (max-width:1023px) {
    .mypage_wrap {margin-top:30px;}

    .offer_wrap {padding:0 30px;}
    .msTitle p {font-size:19px; line-height:24px;}

    .offer_setting p {font-size:17px;}
    .offer_setting .chk {margin-top:15px;}
    .offer_setting .chk label div {padding:12px; padding-left:37px;}
    .offer_setting .chk label div b {margin-left:4px;}
    .offer_setting .chk label div::before {top:50%; margin-top:-10px;}
    .offer_setting .chk label input:checked + div::before {top:50%; margin-top:-10px;}
}
@media screen and (max-width:767px) {
    #header {display:none;}
    .section {padding:0; padding-top:65px;}
    /* .mypage_wrap {margin:0; padding-top:59px;} */
    .mypage_wrap {margin:0;}

    .msTitle {padding:18px 0; text-align: center; border-bottom:1px solid #e3e5e8; position: fixed; top:0; left:0; z-index:99; background: rgba(255, 255, 255, 0.68); backdrop-filter: saturate(150%) blur(32px);}
    .msTitle a.back {display:block;}
    .msTitle p {font-size:18px; line-height:22px;}

    .offer_wrap {padding:0 20px; padding-top:25px;}

    .offer_setting .chk {display:block;}
    .offer_setting .chk label {width:100%; display: block;}
    .offer_setting .chk label + label {margin:0; margin-top:10px;}
    .offer_setting .chk label div {padding:16px 15px; padding-left:38px;}
    .offer_setting .chk label div b {margin-left:4px;}
    .offer_setting .chk label div::before {top:50%; margin-top:-10px;}
    .offer_setting .chk label input:checked + div::before {top:50%; margin-top:-10px;}


    .hh_offer_cont .offer_setting .txt {font-size:16px;line-height:20px;}
    .hh_offer_cont .offer_setting .txt_sub {margin-top:6px;}
    .hh_offer_cont .area_hh_offer_lst {margin-top:20px;}
    /* .hh_offer_cont .lst_hh_offer .item_offer {padding:20px;} */
    .hh_offer_cont .lst_hh_offer .item_offer {padding:20px 20px 35px 20px;}
    .hh_offer_cont .lst_hh_offer .item_offer + .item_offer {margin-top:12px;}
    .hh_offer_cont .lst_hh_offer .item_offer .thumb_info .box_info .hope_work .link_modi .view_pc {display:none;}
    /* .hh_offer_cont .lst_hh_offer .item_offer label .custom {background-position:right 20px top 20px;} */
    .hh_offer_cont .lst_hh_offer .item_offer label .custom {background-position:left 15px top 20px; background-size: 23px;}
    /* .hh_offer_cont .lst_hh_offer .item_offer .box_date {gap:0 8px;} */
    .hh_offer_cont .lst_hh_offer .item_offer .box_date {gap:0 8px; margin-left: 23px;}
    .hh_offer_cont .lst_hh_offer .item_offer .box_date .mark_repre {padding:0;font-size:12px;line-height:15px;}
    .hh_offer_cont .lst_hh_offer .item_offer .box_date .mark_repre:after {display:none;}
    .hh_offer_cont .lst_hh_offer .item_offer .box_tit {margin-top:6px;}
    .hh_offer_cont .lst_hh_offer .item_offer .box_tit .tit {padding-right:44px;}
    .hh_offer_cont .lst_hh_offer .item_offer .thumb_info {margin-top:10px;}
    .hh_offer_cont .lst_hh_offer .item_offer .thumb_info .thumb {display:none;}

    .hh_offer_cont .lst_hh_offer .item_offer .mark_only {right:50px;top:20px;}
    .hh_offer_cont .lst_hh_offer .item_offer .box_date .txt_date {position:absolute;left:20px;bottom:11px;}
}
@media screen and (max-width:479px) {
    .section {padding:0; padding-top:59px;}

    .offer_wrap {padding:0;}

    .m_offer_setting {display:block;}

    .offer_setting {position:fixed; bottom:0; left:0; z-index:999999; display:none; background-color:#fff; border-radius:14px 14px 0 0; padding:0 20px; padding-bottom:25px;}
    .ssdr_offer_cont .offer_setting {background-color:#fff;}

    .offer_setting p {display:none;}
    .offer_setting .os_close {display: block;}
    .offer_setting .txt {margin-bottom:15px;}
    .offer_setting .txt b {font-size:13px; line-height:20px; background:none!important; padding:0; margin:0;}
    .offer_setting .txt b em {font-size:13px; color:#000; display: block;}
    .offer_setting .txt b span {font-size:13px;}

    .offer_setting .chk {margin:0;}
    .offer_setting .chk label input {display:none;}
    .offer_setting .chk label div {border:1px solid #e3e5e8; border-radius:7px; padding:14px 15px; padding-left:34px;}
    .offer_setting .chk label div b {font-size:14px;}
    .offer_setting .chk label div b + b {margin-left:3px;} 
    .offer_setting .chk label div::before {width:14px; height:14px; top:50%; margin-top:-9px;}
    .offer_setting .chk label div::after {border-radius:6px;}
    .offer_setting .chk label input:checked + div::before {top:50%; margin-top:-9px; border-width:4px;}

    .offer_setting .btn {display: block;}


    .hh_offer_cont {padding:20px;}
    .hh_offer_cont .offer_setting {display:block;position:static;padding:16px;border-radius:6px;}
    .hh_offer_cont .offer_setting p {display:block;}
}


.o_title {width:100%; display:flex; align-items: center; padding-bottom:10px; border-bottom:1px solid #e3e5e8;}
.o_title p {font-size:18px; color:#000; font-weight:500; letter-spacing:-0.04em; line-height:35px;}
.o_title .o_cond_mody_btn {margin-left:auto; font-size:15px; color:#3f4354; font-weight:400; letter-spacing:-0.025em; line-height:33px; border:1px solid #8491a7; border-radius:6px; padding:0 15px; transition:all 0.2s; cursor: pointer;}
.o_title .o_cond_mody_btn:hover {opacity:0.6;}
.o_title .m_o_cond_mody_btn {display:none; margin-left:auto; font-size:14px; color:#888; font-weight:400; letter-spacing:-0.025em; line-height:20px; cursor: pointer;}


@media screen and (max-width:767px) {
    .o_title {padding-bottom:15px;}
    .o_title p {font-size:17px; line-height:22px;}
    .o_title .o_cond_mody_btn {display:none;}
    .o_title .m_o_cond_mody_btn {display:block;}
}
@media screen and (max-width:479px) {
    .o_title p {font-size:16px; line-height:20px;}   
    .o_title .m_o_cond_mody_btn {font-size:13px; line-height:18px;}
}


.o_contact_info {width:100%; margin-top:50px;}
.o_contact_info .o_ci_content {width:100%;}
.o_contact_info .o_ci_content dl {width:100%; display: flex; border-bottom:1px solid #e3e5e8;}
.o_contact_info .o_ci_content dl dt {width:170px; padding:20px 0; display:flex;}
.o_contact_info .o_ci_content dl dt label {display:flex; cursor: pointer;}
.o_contact_info .o_ci_content dl dt label input {display:none;}
.o_contact_info .o_ci_content dl dt label div {width:48px; height:21px; border-radius:100px; transition:all 0.2s; position: relative; background-color:#e6e9f2;}
.o_contact_info .o_ci_content dl dt label div::before {content:""; width:15px; height:15px; background-color:#fff; position: absolute; top:3px; left:3px; border-radius:100%; box-shadow:1px 1px 3px rgba(0,0,0,0.1); transition:all 0.2s;}
.o_contact_info .o_ci_content dl dt label input:checked + div {background-color:#4876EF;}
.ssdr_offer_cont .o_contact_info .o_ci_content dl dt label input:checked + div {background-color:#ff3981;}
.o_contact_info .o_ci_content dl dt label input:checked + div::before {left:30px;}

.o_contact_info .o_ci_content dl dt em {font-size:15px; color:#333; font-weight:400; letter-spacing:-0.04em; line-height:21px; margin-left:10px;}

.o_contact_info .o_ci_content dl dd {width:calc(100% - 170px); position: relative;}
.o_contact_info .o_ci_content dl dd.disabled::before {content:""; width:100%; height:100%; position: absolute; top:0; left:0; z-index:2; background-color:rgba(255,255,255,0.65);}

.o_contact_info .o_ci_content dl dd input[type=text] {width:340px; height:45px; padding:0 14px; border:1px solid #8491a7; border-radius:6px; font-size:15px; color:#000; font-weight:400; letter-spacing:-0.025em;}
.o_contact_info .o_ci_content dl dd input[type=text]::-webkit-input-placeholder {color:#888; font-size:14px; font-weight:400;}
.o_contact_info .o_ci_content dl dd input[type=text]::-moz-placeholder {color:#888; font-size:14px; font-weight:400;}
.o_contact_info .o_ci_content dl dd input[type=text]:-ms-input-placeholder {color:#888; font-size:14px; font-weight:400;}
.o_contact_info .o_ci_content dl dd input[type=text]:-moz-placeholder {color:#888; font-size:14px; font-weight:400;}
.o_contact_info .o_ci_content dl dd input[type=text]::placeholder {color:#888; font-size:14px; font-weight:400;}

.o_contact_info .o_ci_content dl dd select {width:340px; height:45px; padding:0 14px; border:1px solid #8491a7; border-radius:6px; font-size:15px; color:#000; font-weight:400; letter-spacing:-0.025em; background:url("/img/doctor_bridge/mypage/select.png")no-repeat right 14px center; background-size:10px;}

.o_contact_info .o_ci_content dl dd .field_wrap {width:100%; position: relative; padding-right:130px;}

.o_contact_info .o_ci_content dl dd .field_wrap .field_view {width:100%; padding:20px 15px;}
.o_contact_info .o_ci_content dl dd .field_wrap .field_view p {font-size:15px; color:#000; font-weight:500; letter-spacing:-0.025em; line-height:21px;}

.o_contact_info .o_ci_content dl dd .field_wrap .field_edit {display:none;}
.o_contact_info .o_ci_content dl dd .field_wrap .field_edit .fe_input {width:100%; padding:10px 0;}

.o_contact_info .o_ci_content dl dd .field_wrap .field_edit .fe_input .fe_email {width:100%; display:flex; align-items: center;}
.o_contact_info .o_ci_content dl dd .field_wrap .field_edit .fe_input .fe_email input {width:155px;}
.o_contact_info .o_ci_content dl dd .field_wrap .field_edit .fe_input .fe_email div {width:30px; text-align:center; font-size:14px; color:#000; font-weight:400; letter-spacing:-0.025em;}
.o_contact_info .o_ci_content dl dd .field_wrap .field_edit .fe_input .fe_email select {width:180px; margin-left:10px;}

.o_contact_info .o_ci_content dl dd .field_wrap .cellPhone_field {width:100%;}
.o_contact_info .o_ci_content dl dd .field_wrap .cellPhone_field p {font-size:15px; color:#000; font-weight:500; letter-spacing:-0.025em; line-height:21px; padding:20px 15px;}

.o_contact_info .o_ci_content dl dd .field_wrap .cellPhone_field .cellPhone_edit {width:100%; border-top:1px dashed #e3e5e8; padding:15px 0; display:none;}
.o_contact_info .o_ci_content dl dd .field_wrap .cellPhone_field .cellPhone_edit .fe_cellPhone {width:340px; border:1px solid #8491a7; border-radius:6px; position: relative; padding-right:76px;}
.o_contact_info .o_ci_content dl dd .field_wrap .cellPhone_field .cellPhone_edit .fe_cellPhone input {width:100%; height:43px; border:0;}
.o_contact_info .o_ci_content dl dd .field_wrap .cellPhone_field .cellPhone_edit .fe_cellPhone a {width:72px; margin-left:10px; background-color: #4876EF; font-size:14px; color:#fff; font-weight:400; letter-spacing:-0.025em; line-height:35px; border-radius:5px; text-align: center; transition:all 0.2s; position: absolute; top:4px; right:4px;}
.o_contact_info .o_ci_content dl dd .field_wrap .cellPhone_field .cellPhone_edit .fe_cellPhone a:hover {background-color:#2d53b4;}
.o_contact_info .o_ci_content dl dd .field_wrap .cellPhone_field .cellPhone_edit .fe_cp_info {width:100%; font-size:13px; color:#666; font-weight:400; letter-spacing:-0.025em; line-height:18px; padding-top:10px; word-break: keep-all;}
.o_contact_info .o_ci_content dl dd .field_wrap .cellPhone_field .cellPhone_edit .fe_cp_info b {font-size:13px; color:#000; font-weight:500;}

.o_contact_info .o_ci_content dl dd .field_wrap .field_btn {position: absolute; top:0; right:0; display:flex; padding:14px 0;}
.o_contact_info .o_ci_content dl dd .field_wrap .field_btn button {width:55px; font-size:15px; color:#3f4354; font-weight:400; letter-spacing:-0.025em; line-height:35px; border:1px solid #8491a7; border-radius:6px; transition:all 0.2s;}
.o_contact_info .o_ci_content dl dd .field_wrap .field_btn button + button {margin-left:10px;}
.o_contact_info .o_ci_content dl dd .field_wrap .field_btn button.btn_confirm {border:1px solid #4876ef; color:#4876ef;}
.o_contact_info .o_ci_content dl dd .field_wrap .field_btn button:hover {opacity:0.6;}
.o_contact_info .o_ci_content dl dd .field_wrap .field_btn button:disabled {display:none;}

@media screen and (max-width:1260px) {
    .o_contact_info .o_ci_content dl dt {width:120px;}
    .o_contact_info .o_ci_content dl dt label div {width:42px;}
    .o_contact_info .o_ci_content dl dt label input:checked + div::before {left:24px;}

    .o_contact_info .o_ci_content dl dd {width:calc(100% - 120px);}
    .o_contact_info .o_ci_content dl dd .field_wrap {padding-right:128px;}
    
    .o_contact_info .o_ci_content dl dd .field_wrap .field_edit .fe_input .fe_email {flex-wrap: wrap;}
    .o_contact_info .o_ci_content dl dd .field_wrap .field_edit .fe_input .fe_email input {width:30%;}
    .o_contact_info .o_ci_content dl dd .field_wrap .field_edit .fe_input .fe_email div {width:26px;}
    .o_contact_info .o_ci_content dl dd .field_wrap .field_edit .fe_input .fe_email select {width:calc(40% - 36px);}

    .o_contact_info .o_ci_content dl dd .field_wrap .field_btn button + button {margin-left:8px;}
}
@media screen and (max-width:1023px) {
    .o_contact_info {margin-top:40px;}
    .o_contact_info .o_ci_content dl dd input[type=text] {width:300px; height:43px; padding:0 12px;}

    .o_contact_info .o_ci_content dl dd select {width:300px; height:43px; padding:0 12px; background-position:right 12px center;}

    .o_contact_info .o_ci_content dl dd .field_wrap {padding-right:118px;}
    .o_contact_info .o_ci_content dl dd .field_wrap .field_view {padding:20px 11px;}

    .o_contact_info .o_ci_content dl dd .field_wrap .field_edit .fe_input .fe_email input {width:138px;}
    .o_contact_info .o_ci_content dl dd .field_wrap .field_edit .fe_input .fe_email select {width:148px;}

    .o_contact_info .o_ci_content dl dd .field_wrap .cellPhone_field p {padding:20px 11px;}
    .o_contact_info .o_ci_content dl dd .field_wrap .cellPhone_field .cellPhone_edit {padding:12px 0;}
    .o_contact_info .o_ci_content dl dd .field_wrap .cellPhone_field .cellPhone_edit .fe_cellPhone {width:300px;}
    .o_contact_info .o_ci_content dl dd .field_wrap .cellPhone_field .cellPhone_edit .fe_cellPhone input {height:41px;}

    .o_contact_info .o_ci_content dl dd .field_wrap .field_btn {padding:14px 0;}
    .o_contact_info .o_ci_content dl dd .field_wrap .field_btn button {width:50px; line-height:33px;}  
}
@media screen and (max-width:767px) {
    .o_contact_info .o_ci_content dl {display: block; border:0; margin-top:20px;}
    .o_contact_info .o_ci_content dl dt {width:100%; padding:0; padding-bottom:8px;}
    /* .o_contact_info .o_ci_content dl dt label {order:2; margin-left:auto;} */
    .o_contact_info .o_ci_content dl dt label {order:2; margin-left:auto;}
    .o_contact_info .o_ci_content dl dt em {order:1; margin:0;}

    .o_contact_info .o_ci_content dl dd {width:100%;}
    .o_contact_info .o_ci_content dl dd input[type=text] {width:100%; height:46px; border:1px solid #e3e5e8; font-size:14px;}
    .o_contact_info .o_ci_content dl dd select {width:100%; height:46px; border:1px solid #e3e5e8; font-size:14px; background-size:9px;}

    /* .o_contact_info .o_ci_content dl dd .field_wrap {padding-right:114px;} */
    .o_contact_info .o_ci_content dl dd .field_wrap {padding-right:85px;}
    .o_contact_info .o_ci_content dl dd .field_wrap .field_view {padding:0;}
    .o_contact_info .o_ci_content dl dd .field_wrap .field_view p {font-size:14px; line-height:20px; padding:12px; border:1px solid #e3e5e8; border-radius:6px; background-color:#f4f6fa;}
    
    .o_contact_info .o_ci_content dl dd .field_wrap .field_edit .fe_input {padding:0;}

    .o_contact_info .o_ci_content dl dd .field_wrap .field_edit .fe_input .fe_email {flex-wrap: wrap;}
    .o_contact_info .o_ci_content dl dd .field_wrap .field_edit .fe_input .fe_email input {width:calc(50% - 15px);}
    .o_contact_info .o_ci_content dl dd .field_wrap .field_edit .fe_input .fe_email div {width:30px;}
    .o_contact_info .o_ci_content dl dd .field_wrap .field_edit .fe_input .fe_email select {width:100%; margin:0; margin-top:10px;}

    .o_contact_info .o_ci_content dl dd .field_wrap .cellPhone_field p {font-size:14px; line-height:20px; padding:12px; border:1px solid #e3e5e8; border-radius:6px; background-color:#f4f6fa;}

    .o_contact_info .o_ci_content dl dd .field_wrap .cellPhone_field .cellPhone_edit {padding:0; margin-top:12px; padding-top:12px;}
    .o_contact_info .o_ci_content dl dd .field_wrap .cellPhone_field .cellPhone_edit .fe_cellPhone {width:100%; padding-right:78px;}
    .o_contact_info .o_ci_content dl dd .field_wrap .cellPhone_field .cellPhone_edit .fe_cellPhone input {height:46px; border:0;}
    .o_contact_info .o_ci_content dl dd .field_wrap .cellPhone_field .cellPhone_edit .fe_cellPhone a {width:72px; margin-left:10px; background-color: #4876EF; font-size:13px; line-height:34px; top:6px; right:6px;}
    .o_contact_info .o_ci_content dl dd .field_wrap .cellPhone_field .cellPhone_edit .fe_cellPhone a:hover {background-color:#4876EF;}

    .o_contact_info .o_ci_content dl dd .field_wrap .cellPhone_field .cellPhone_edit .fe_cp_info {padding-top:8px;}

    .o_contact_info .o_ci_content dl dd .field_wrap .field_btn {padding:6px 0;}
    .o_contact_info .o_ci_content dl dd .field_wrap .field_btn button {width:48px; font-size:14px; line-height:32px;}

    .o_contact_info .o_ci_content dl dt {position:relative;}
    .o_contact_info .o_ci_content dl dt label {position: absolute; bottom: -30px; right: 0; z-index: 10;}
}
@media screen and (max-width:479px) {
    .o_contact_info {margin:0; border-top:10px solid #f3f4f7; padding:20px;}
    .o_contact_info .o_ci_content dl dt label {width:38px;}
    .o_contact_info .o_ci_content dl dt label div {height:19px;}
    .o_contact_info .o_ci_content dl dt label div::before {width:13px; height:13px;}
    .o_contact_info .o_ci_content dl dt label input:checked + div::before {left:21px;}

    .o_contact_info .o_ci_content dl dd input[type=text] {height:44px;}
    .o_contact_info .o_ci_content dl dd select {height:44px;}
    .o_contact_info .o_ci_content dl dd .pw_input input[type=password] {height:44px;}

    /* .o_contact_info .o_ci_content dl dd .field_wrap {padding-right:96px;} */
    .o_contact_info .o_ci_content dl dd .field_wrap {padding-right:60px;}
    .o_contact_info .o_ci_content dl dd .field_wrap .field_view p {padding:11px 12px;}

    .o_contact_info .o_ci_content dl dd .field_wrap .cellPhone_field p {padding:11px 12px;}
    .o_contact_info .o_ci_content dl dd .field_wrap .cellPhone_field .cellPhone_edit .fe_cellPhone {padding-right:71px;}
    .o_contact_info .o_ci_content dl dd .field_wrap .cellPhone_field .cellPhone_edit .fe_cellPhone input {height:44px;}
    .o_contact_info .o_ci_content dl dd .field_wrap .cellPhone_field .cellPhone_edit .fe_cellPhone a {width:66px; margin:0; top:5px; right:5px;}

    .o_contact_info .o_ci_content dl dd .field_wrap .field_btn {padding:7px 0;}
    .o_contact_info .o_ci_content dl dd .field_wrap .field_btn button {width:40px; font-size:13px; line-height:28px;}
    .o_contact_info .o_ci_content dl dd .field_wrap .field_btn button + button {margin-left:7px;}
}



/* .o_conditions {width:100%; margin-top:50px;} */
.mp_container .o_conditions {margin-top: 50px;}

.o_conditions {width:100%;}
.o_conditions .o_cd_content {width:100%; padding-top:20px;}
.o_conditions .o_cd_content .o_cond_select {width:100%;}
.o_conditions .o_cd_content .o_cond_select .o_cs_inner {width:100%; display:flex; flex-wrap:wrap; gap:20px;}
.o_conditions .o_cd_content .o_cond_select .o_cs_inner .o_cs_box {width:calc(50% - 10px); border:1px solid #e3e5e8; border-radius:6px; padding:20px;}
.o_conditions .o_cd_content .o_cond_select .o_cs_inner .o_cs_box.colspan {width:100%;}
.o_conditions .o_cd_content .o_cond_select .o_cs_inner .o_cs_box p {font-size:15px; color:#555; font-weight:400; letter-spacing:-0.025em; line-height:20px; margin-bottom:8px;}
.o_conditions .o_cd_content .o_cond_select .o_cs_inner .o_cs_box p span {font-size:15px;}
.o_conditions .o_cd_content .o_cond_select .o_cs_inner .o_cs_box b {font-size:15px; color:#000; font-weight:500; letter-spacing:-0.025em; line-height:20px; display: block; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.o_conditions .o_cd_content .o_cond_select .o_cs_inner .o_cs_box div {width:100%; display:flex;}
.o_conditions .o_cd_content .o_cond_select .o_cs_inner .o_cs_box div b {max-width:calc(100% - 42px);}
.o_conditions .o_cd_content .o_cond_select .o_cs_inner .o_cs_box div em {font-size:15px; color:#000; font-weight:500; letter-spacing:-0.025em; line-height:20px; margin-left:5px;}


.o_conditions .o_cd_content .o_cond_form {width:100%; background-color: #F4F6FA; padding:20px; display:none;}
.o_conditions .o_cd_content .o_cond_form .o_cf_tit {width:100%; padding:20px 0; text-align: center; position: relative; border-bottom:1px solid #e3e5e8; background-color:#fff; display:none;}
.o_conditions .o_cd_content .o_cond_form .o_cf_tit p {font-size:17px; color:#000; font-weight:500; letter-spacing:-0.025em; line-height:22px;}
.o_conditions .o_cd_content .o_cond_form .o_cf_tit .close {width:54px; height:100%; position: absolute; top:0; left:0; background:url("/img/doctor_bridge/common/back.png")no-repeat center; background-size:14px;}

.o_conditions .o_cd_content .o_cond_form dl {width:100%; display:flex; align-items: center; position: relative;}
.o_conditions .o_cd_content .o_cond_form dl + dl {margin-top:20px;}
.o_conditions .o_cd_content .o_cond_form dl dt {width:150px;}

.o_conditions .o_cd_content .o_cond_form dl:last-child {align-items: flex-start;}
.o_conditions .o_cd_content .o_cond_form dl:last-child dt {padding-top:5px;}

.o_conditions .o_cd_content .o_cond_form dl dt p {font-size:15px; color:#000; font-weight:500; letter-spacing:-0.025em; line-height:20px;}
.o_conditions .o_cd_content .o_cond_form dl dt p b {font-size:15px;}
.o_conditions .o_cd_content .o_cond_form dl dt em {display: block; font-size:13px; color:#888; font-weight:400; letter-spacing:-0.025em; line-height:18px;}

.o_conditions .o_cd_content .o_cond_form dl dd {width:calc(100% - 150px);}
.o_conditions .o_cd_content .o_cond_form dl dd input[type=text] {width:100%; height:45px; padding:0 14px;  border:1px solid #e3e5e8; background-color:#fff; border-radius:6px; font-size:15px; color:#000; font-weight:400; letter-spacing:-0.025em;}
.o_conditions .o_cd_content .o_cond_form dl dd input[type=text]::-webkit-input-placeholder {color:#8491a7; font-size:15px; font-weight:400;}
.o_conditions .o_cd_content .o_cond_form dl dd input[type=text]::-moz-placeholder {color:#8491a7; font-size:15px; font-weight:400;}
.o_conditions .o_cd_content .o_cond_form dl dd input[type=text]:-ms-input-placeholder {color:#8491a7; font-size:15px; font-weight:400;}
.o_conditions .o_cd_content .o_cond_form dl dd input[type=text]:-moz-placeholder {color:#8491a7; font-size:15px; font-weight:400;}
.o_conditions .o_cd_content .o_cond_form dl dd input[type=text]::placeholder {color:#8491a7; font-size:15px; font-weight:400;}

.o_conditions .o_cd_content .o_cond_form dl dd select {width:100px; height:45px; padding:0 14px; border:1px solid #e3e5e8; border-radius:6px; font-size:15px; color:#000; font-weight:400; letter-spacing:-0.025em; background:url("/img/doctor_bridge/mypage/select.png")no-repeat right 14px center #fff; background-size:10px;}

.o_conditions .o_cd_content .o_cond_form dl dd .m_cf_select_box {width:100%; display:none; border:1px solid #e3e5e8; background-color:#F4F6FA; border-radius:6px; align-items: center;}
.o_conditions .o_cd_content .o_cond_form dl dd .m_cf_select_box div {width:calc(100% - 55px); padding-left:15px; display:flex; align-items: center;}
.o_conditions .o_cd_content .o_cond_form dl dd .m_cf_select_box div p {font-size:14px; color:#000; font-weight:400; line-height:46px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.o_conditions .o_cd_content .o_cond_form dl dd .m_cf_select_box div font {font-size:14px; color:#000; font-weight:400; line-height:46px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; max-width:calc(100% - 54px);}
.o_conditions .o_cd_content .o_cond_form dl dd .m_cf_select_box div span {font-size:14px; color:#000; font-weight:400; line-height:46px; width:50px; margin-left:4px;}
.o_conditions .o_cd_content .o_cond_form dl dd .m_cf_select_box em {font-size:13px; color:#8491a7; font-weight:400; letter-spacing:-0.025em; line-height:46px; width:55px; text-align: center; cursor: pointer;}

.o_conditions .o_cd_content .o_cond_form dl dd .cf_select_box {width:100%; border:1px solid #e3e5e8; background-color:#fff; border-radius:6px; padding:20px; display:flex; align-items: center;}
.o_conditions .o_cd_content .o_cond_form dl dd .cf_select_box .list {width:calc(100% - 76px); display:flex; flex-wrap: wrap; gap:8px;}
.o_conditions .o_cd_content .o_cond_form dl dd .cf_select_box .list div {padding:0 14px; border:1px solid #4876EF; border-radius:100px; font-size:13px; color:#4876EF; font-weight:400; letter-spacing:-0.04em; line-height:29px;}
.o_conditions .o_cd_content .o_cond_form dl dd .cf_select_box .list b {font-size:14px; color:#a5b0c3; font-weight:400; letter-spacing:-0.04em; line-height:31px;}
.o_conditions .o_cd_content .o_cond_form dl dd .cf_select_box .modyBtn {margin-left:auto; font-size:14px; color:#3f4354; font-weight:400; letter-spacing:-0.025em; line-height:31px; text-decoration: underline; transition:all 0.2s; cursor: pointer;}
.o_conditions .o_cd_content .o_cond_form dl dd .cf_select_box .modyBtn:hover {opacity:0.6;}


.o_conditions .o_cd_content .o_cond_form dl dd .cf_content {width:100%;}
.o_conditions .o_cd_content .o_cond_form dl dd .cf_content .cf_pop_tit {width:100%; display:none; padding:18px 0; border-bottom:1px solid #e3e5e8; position: relative;}
.o_conditions .o_cd_content .o_cond_form dl dd .cf_content .cf_pop_tit div {display:flex; align-items: center; justify-content: center;}
.o_conditions .o_cd_content .o_cond_form dl dd .cf_content .cf_pop_tit div p {font-size:17px; color:#000; font-weight:500; letter-spacing:-0.025em; line-height:21px; padding-top:2px;}
.o_conditions .o_cd_content .o_cond_form dl dd .cf_content .cf_pop_tit div b {display: flex; align-items: center; justify-content: center; width:19px; height: 19px; background: #4876ef; margin-left:6px; border-radius:100px; font-size:13px; font-weight:400; color: #fff; line-height:17px; padding-right:1px;}
.o_conditions .o_cd_content .o_cond_form dl dd .cf_content .cf_pop_tit div b.exceed {width:auto; height:19px; padding:0 7px;}
.o_conditions .o_cd_content .o_cond_form dl dd .cf_content .cf_pop_tit .reset {position: absolute; top:50%; right:20px; background: url("/img/doctor_bridge/employ/reset_icon.png") no-repeat left top 2px / 12px; padding-left:18px;  font-size:13px; line-height:17px; margin-top:-10px;}
.o_conditions .o_cd_content .o_cond_form dl dd .cf_content .cf_pop_tit .back {position: absolute; top:0; left:0; width:54px; height:100%; background:url("/img/doctor_bridge/common/back.png")no-repeat center; background-size:14px;}

.o_conditions .o_cd_content .o_cond_form dl dd .cf_content .cf_pop_btn {width:100%; display:none;}
.o_conditions .o_cd_content .o_cond_form dl dd .cf_content .cf_pop_btn a {width:100%; font-size:16px; font-weight:400; color:#fff; letter-spacing:-0.025em; line-height:52px; background-color:#4876ef; text-align: center; display: block;}

.ssdr_offer_cont .o_conditions .o_cd_content .o_cond_form dl dd .cf_content .cf_pop_btn a {background-color:#FF3981;}

.o_conditions .o_cd_content .o_cond_form dl dd .cf_chk_list {width:100%; border:1px solid #e3e5e8; background-color:#fff; border-radius:6px; padding:20px; display:flex; flex-wrap:wrap; gap:10px;}
.o_conditions .o_cd_content .o_cond_form dl dd .cf_chk_list label {cursor: pointer;}
.o_conditions .o_cd_content .o_cond_form dl dd .cf_chk_list label input {display:none;}
.o_conditions .o_cd_content .o_cond_form dl dd .cf_chk_list label div {padding:0 16px; background-color:#f2f4f7; font-size:13px; color:#888; font-weight:400; letter-spacing:-0.04em; line-height:29px; border:1px solid #f2f4f7; border-radius:100px;}
.o_conditions .o_cd_content .o_cond_form dl dd .cf_chk_list label input:checked + div {background-color:#fff; border:1px solid #4876EF; color:#4876EF; font-weight:500;}

.o_conditions .o_cd_content .o_cond_form dl dd .cf_salary {width:100%; display:flex; flex-wrap:wrap; gap:10px; align-items: center;}
.o_conditions .o_cd_content .o_cond_form dl dd .cf_salary input[type=text] {width:100px;}
.o_conditions .o_cd_content .o_cond_form dl dd .cf_salary select[name=salary_type] {width:125px;}

.o_conditions .o_cd_content .o_cond_form dl dd .cf_salary .salaryInput {display:flex; align-items: center;}
.o_conditions .o_cd_content .o_cond_form dl dd .cf_salary .salaryInput div {width:20px; font-size:15px; color:#000; font-weight:400; letter-spacing:-0.025em; text-align: center;}

.o_conditions .o_cd_content .o_cond_form dl dd .cf_salary input[type=text]:disabled,
.o_conditions .o_cd_content .o_cond_form dl dd .cf_salary select:disabled {opacity:0.5;}
.o_conditions .o_cd_content .o_cond_form dl dd .cf_salary.disabled .salaryInput div {color:#ccc;}

.o_conditions .o_cd_content .o_cond_form dl dd .cf_salary label {cursor: pointer;}
.o_conditions .o_cd_content .o_cond_form dl dd .cf_salary label input {display:none;}
.o_conditions .o_cd_content .o_cond_form dl dd .cf_salary label p {font-size:13px; color:#888; font-weight:400; letter-spacing:-0.025em; line-height:22px; position: relative; padding-left:26px;}
.o_conditions .o_cd_content .o_cond_form dl dd .cf_salary label p::before {content:""; width:18px; height:18px; border:1px solid #e3e5e8; position: absolute; top:0; left:0; background-color:#fff; border-radius:5px;}
.o_conditions .o_cd_content .o_cond_form dl dd .cf_salary label input:checked + p {color:#000;}
.o_conditions .o_cd_content .o_cond_form dl dd .cf_salary label input:checked + p::before {background:url("/img/doctor_bridge/mypage/agreeChk.png")no-repeat center #4876EF; border:1px solid #4876EF; background-size:10px;}

.o_conditions .o_cd_content .o_cond_form dl dt p.emphasis {color:#4876ef;}

.o_conditions .o_cd_content .o_cond_form dl.cate_agree {align-items:flex-start;}
.o_conditions .o_cd_content .o_cond_form dl.cate_agree dt {padding:15px 0;}
.o_conditions .o_cd_content .o_cond_form dl.cate_agree dd .cf_agree {border:1px solid #e3e5e8;background-color:#fff;border-radius:6px;padding:20px;}
.o_conditions .o_cd_content .o_cond_form dl.cate_agree dd .cf_agree label {cursor: pointer;}
.o_conditions .o_cd_content .o_cond_form dl.cate_agree dd .cf_agree label input {display:none;}
.o_conditions .o_cd_content .o_cond_form dl.cate_agree dd .cf_agree label p {font-size:15px; color:#888; font-weight:400; letter-spacing:-0.025em; line-height:22px; position: relative; padding-left:30px;}
.o_conditions .o_cd_content .o_cond_form dl.cate_agree dd .cf_agree label p::before {content:""; width:18px; height:18px; border:1px solid #e3e5e8; position: absolute; top:0; left:0; background-color:#fff; border-radius:5px;}
.o_conditions .o_cd_content .o_cond_form dl.cate_agree dd .cf_agree label input:checked + p {color:#000;}
.o_conditions .o_cd_content .o_cond_form dl.cate_agree dd .cf_agree label input:checked + p::before {background:url("/img/doctor_bridge/mypage/agreeChk.png")no-repeat center #4876EF; border:1px solid #4876EF; background-size:10px;}

.o_conditions .o_cd_content .o_cond_form dl.cate_agree dd .cf_agree .notice_agree {padding:12px 0 0 34px;font-size:13px;line-height:22px;color:#555;}
.o_conditions .o_cd_content .o_cond_form dl.cate_agree dd .cf_agree .notice_agree em {font-size:13px;font-weight:500;line-height:22px;color:#000;}
.o_conditions .o_cd_content .o_cond_form dl.cate_agree dd .cf_agree .notice_agree .view_mo {display:none;}


.o_conditions .o_cd_content .o_cond_form dl dd .cf_welfare_benefit {width:100%;}
.o_conditions .o_cd_content .o_cond_form dl dd .cf_welfare_benefit .wbBox {width:100%; display:flex; align-items: center;}
.o_conditions .o_cd_content .o_cond_form dl dd .cf_welfare_benefit .wbBox + .wbBox {margin-top:10px;}

.o_conditions .o_cd_content .o_cond_form dl dd .cf_welfare_benefit .wbBox .input {width:calc(100% - 164px); position: relative;}

.o_conditions .o_cd_content .o_cond_form dl dd .cf_welfare_benefit .wbBox .input .reset {width:44px; height:100%; position: absolute; top:0; right:0; cursor: pointer; display:none;}
.o_conditions .o_cd_content .o_cond_form dl dd .cf_welfare_benefit .wbBox .input .reset::before {content:""; width:16px; height:16px; border-radius:100%; background:url("/img/doctor_bridge/mypage/delete.png")no-repeat center #b4bece; background-size:6px; position: absolute; top:50%; left:50%; margin-top:-8px; margin-left:-8px;}

.o_conditions .o_cd_content .o_cond_form dl dd .cf_welfare_benefit .wbBox .btn {display:flex;}
.o_conditions .o_cd_content .o_cond_form dl dd .cf_welfare_benefit .wbBox .btn button {width:60px; font-size:15px; color:#4876ef; font-weight:400; letter-spacing:-0.025em; line-height:43px; border:1px solid #e3e5e8; border-radius:6px; transition:all 0.2s; margin-left:10px; background-color:#fff;}
.o_conditions .o_cd_content .o_cond_form dl dd .cf_welfare_benefit .wbBox .btn button:hover {opacity:0.6;}
.o_conditions .o_cd_content .o_cond_form dl dd .cf_welfare_benefit .wbBox .btn button:disabled {display:none;}
.o_conditions .o_cd_content .o_cond_form dl dd .cf_welfare_benefit .wbBox .btn button.wbDel {color:#000;}


.o_conditions .o_cd_content .o_cond_form dl dd .work_period {width:100%; display:flex; align-items: center;}
.o_conditions .o_cd_content .o_cond_form dl dd .work_period .w_p_select {width:124px; position: relative;}
.o_conditions .o_cd_content .o_cond_form dl dd .work_period .w_p_select .wp_s_txt {width:100%; height:45px; padding:0 14px; border:1px solid #e3e5e8; background-color:#fff; border-radius:6px; font-size:15px; color:#000; font-weight:400; letter-spacing:-0.025em; line-height:43px; cursor: pointer; position: relative; padding-right:38px;}
.o_conditions .o_cd_content .o_cond_form dl dd .work_period .w_p_select .wp_s_txt::before {content:""; background:url("/img/doctor_bridge/mypage/select.png")no-repeat center; background-size:100%; width:10px; height:10px; position: absolute; top:50%; right:14px; margin-top:-5px; transition:all 0.2s;}

.o_conditions .o_cd_content .o_cond_form dl dd .work_period .w_p_select .wp_s_list {width:100%; position: absolute; top:44px; left:0; border:1px solid #e3e5e8; background-color:#fff; border-radius:0 0 6px 6px; display:none; z-index:99; box-shadow:0 2px 5px rgba(0,0,0,.1);}
.o_conditions .o_cd_content .o_cond_form dl dd .work_period .w_p_select .wp_s_list label {display: block; width:100%; cursor: pointer;}
.o_conditions .o_cd_content .o_cond_form dl dd .work_period .w_p_select .wp_s_list label + label {border-top:1px solid #eee;}
.o_conditions .o_cd_content .o_cond_form dl dd .work_period .w_p_select .wp_s_list label input {display:none;}
.o_conditions .o_cd_content .o_cond_form dl dd .work_period .w_p_select .wp_s_list label div {padding:10px 12px; font-size:15px; color:#555; font-weight:400; letter-spacing:-0.025em; line-height:20px; transition:all 0.2s;}
.o_conditions .o_cd_content .o_cond_form dl dd .work_period .w_p_select .wp_s_list label div b {font-size:14px; color:#555; font-weight:400;  transition:all 0.2s;}
.o_conditions .o_cd_content .o_cond_form dl dd .work_period .w_p_select .wp_s_list label:hover div {background-color:#fafafa; color:#000;}
.o_conditions .o_cd_content .o_cond_form dl dd .work_period .w_p_select .wp_s_list label:hover div b {color:#000;}
.o_conditions .o_cd_content .o_cond_form dl dd .work_period .w_p_select.on .wp_s_txt {border-radius:8px 8px 0 0;}
.o_conditions .o_cd_content .o_cond_form dl dd .work_period .w_p_select.on .wp_s_txt::before {transform:rotate(-180deg);}
.o_conditions .o_cd_content .o_cond_form dl dd .work_period .w_p_select.on .wp_s_list {display: block;}

.o_conditions .o_cd_content .o_cond_form dl dd .work_period .w_p_date {margin-left:10px;}
.o_conditions .o_cd_content .o_cond_form dl dd .work_period .w_p_date .pc_date {display:flex; align-items:center;}
.o_conditions .o_cd_content .o_cond_form dl dd .work_period .w_p_date .pc_date .dateBox {width:140px; height:45px;}
.o_conditions .o_cd_content .o_cond_form dl dd .work_period .w_p_date .pc_date .dateBox input {border:0; height:0; margin:0; padding:0;}
.o_conditions .o_cd_content .o_cond_form dl dd .work_period .w_p_date .pc_date .dateBox b {display: block; width:100%; width:100%; height:45px; padding:0 14px; border:1px solid #e3e5e8; background-color:#fff; border-radius:6px; font-size:15px; color:#000; font-weight:400; letter-spacing:-0.025em; line-height:43px; cursor: pointer;}
.o_conditions .o_cd_content .o_cond_form dl dd .work_period .w_p_date .pc_date em {width:26px; text-align: center; font-size:14px; color:#000; font-weight:400; line-height:20px;}
.o_conditions .o_cd_content .o_cond_form dl dd .work_period .w_p_date .m_date {display:none; height:42px; border:1px solid #e3e5e8; padding:0 15px; border-radius:5px; font-size:15px; color:#000; font-weight:400; line-height:40px; text-align: center; background:url("/img/doctor_bridge/common/date.png")no-repeat left 15px center #fff; background-size:17px; padding:0 42px;}

.o_conditions .o_cd_content .o_cond_form dl dd .work_period .w_p_chk {margin-left:20px;}
.o_conditions .o_cd_content .o_cond_form dl dd .work_period .w_p_chk label {cursor: pointer;}
.o_conditions .o_cd_content .o_cond_form dl dd .work_period .w_p_chk label input {display:none;}
.o_conditions .o_cd_content .o_cond_form dl dd .work_period .w_p_chk label p {font-size:13px; color:#888; font-weight:400; letter-spacing:-0.025em; line-height:22px; position: relative; padding-left:26px;}
.o_conditions .o_cd_content .o_cond_form dl dd .work_period .w_p_chk label p::before {content:""; width:18px; height:18px; border:1px solid #e3e5e8; position: absolute; top:0; left:0; background-color:#fff; border-radius:5px;}
.o_conditions .o_cd_content .o_cond_form dl dd .work_period .w_p_chk label input:checked + p {color:#000;}
.o_conditions .o_cd_content .o_cond_form dl dd .work_period .w_p_chk label input:checked + p::before {background:url("/img/doctor_bridge/mypage/agreeChk.png")no-repeat center #4876EF; border:1px solid #4876EF; background-size:10px;}


.o_conditions .o_cd_content .o_cond_form dl dd .work_day {width:100%; display:flex; align-items: center; flex-wrap: wrap;}
.o_conditions .o_cd_content .o_cond_form dl dd .work_day .wd_list {width:440px; border:1px solid #e3e5e8; background-color:#fff; border-radius:6px; padding:20px; display:flex; flex-wrap:wrap; gap:10px;}
.o_conditions .o_cd_content .o_cond_form dl dd .work_day .wd_list label {width:calc(20% - 8px); cursor: pointer;}
.o_conditions .o_cd_content .o_cond_form dl dd .work_day .wd_list label input {display:none;}
.o_conditions .o_cd_content .o_cond_form dl dd .work_day .wd_list label div {background-color:#f2f4f7; font-size:13px; color:#888; font-weight:400; letter-spacing:-0.04em; line-height:29px; border:1px solid #f2f4f7; border-radius:100px; text-align: center;}
.o_conditions .o_cd_content .o_cond_form dl dd .work_day .wd_list label input:checked + div {background-color:#fff; border:1px solid #4876EF; color:#4876EF; font-weight:500;}

.o_conditions .o_cd_content .o_cond_form dl dd .work_day .wd_chk {margin-left:20px;}
.o_conditions .o_cd_content .o_cond_form dl dd .work_day .wd_chk label {cursor: pointer;}
.o_conditions .o_cd_content .o_cond_form dl dd .work_day .wd_chk label input {display:none;}
.o_conditions .o_cd_content .o_cond_form dl dd .work_day .wd_chk label p {font-size:13px; color:#888; font-weight:400; letter-spacing:-0.025em; line-height:22px; position: relative; padding-left:26px;}
.o_conditions .o_cd_content .o_cond_form dl dd .work_day .wd_chk label p::before {content:""; width:18px; height:18px; border:1px solid #e3e5e8; position: absolute; top:0; left:0; background-color:#fff; border-radius:5px;}
.o_conditions .o_cd_content .o_cond_form dl dd .work_day .wd_chk label input:checked + p {color:#000;}
.o_conditions .o_cd_content .o_cond_form dl dd .work_day .wd_chk label input:checked + p::before {background:url("/img/doctor_bridge/mypage/agreeChk.png")no-repeat center #4876EF; border:1px solid #4876EF; background-size:10px;}

.o_conditions .o_cd_content .o_cond_form .o_cond_btn {width:100%; border-top:1px solid #e3e5e8; margin-top:30px; padding-top:20px; padding-bottom:15px; display:flex; justify-content: center;}
.o_conditions .o_cd_content .o_cond_form .o_cond_btn button {width:155px; font-size:15px; font-weight:400; letter-spacing:-0.025em; line-height:43px; border-radius:100px; text-align: center; transition:all 0.2s;}
.o_conditions .o_cd_content .o_cond_form .o_cond_btn button + button {margin-left:20px;}
.o_conditions .o_cd_content .o_cond_form .o_cond_btn button.back {border:1px solid #e3e5e8; background-color:#fff; color:#666;}
.o_conditions .o_cd_content .o_cond_form .o_cond_btn button.back:hover {border:1px solid #888; color:#222;}
.o_conditions .o_cd_content .o_cond_form .o_cond_btn button.save {border:1px solid #4876ef; background-color:#4876ef; color:#fff;}
.o_conditions .o_cd_content .o_cond_form .o_cond_btn button.save:hover {border:1px solid #2d53b4; background-color:#2d53b4;}
.ssdr_offer_cont .o_conditions .o_cd_content .o_cond_form .o_cond_btn button.save {border-color:#FF3981; background-color:#FF3981;}
.ssdr_offer_cont .o_conditions .o_cd_content .o_cond_form .o_cond_btn button.save:hover {border-color:#df286b; background-color:#df286b;}

.o_conditions .o_cd_content .o_cond_form .cf_cont_bg {position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); top: 0; left: 0; z-index: 100001; display:none;}

@media screen and (max-width:1260px) {
    .o_conditions .o_cd_content .o_cond_select .o_cs_inner {gap:16px;}
    .o_conditions .o_cd_content .o_cond_select .o_cs_inner .o_cs_box {width:calc(50% - 8px);padding:15px;}
    .o_conditions .o_cd_content .o_cond_select .o_cs_inner .o_cs_box p {margin-bottom:7px;}

    .o_conditions .o_cd_content .o_cond_form {padding:16px;}
    .o_conditions .o_cd_content .o_cond_form dl dt {width:135px;}
    .o_conditions .o_cd_content .o_cond_form dl dd {width:calc(100% - 135px);}

    .o_conditions .o_cd_content .o_cond_form dl dd .cf_working_area {padding:0 16px;}
    .o_conditions .o_cd_content .o_cond_form dl dd .cf_select_box,
    .o_conditions .o_cd_content .o_cond_form dl dd .cf_chk_list {padding:16px;}
    .o_conditions .o_cd_content .o_cond_form dl dd .work_day .wd_list {width:366px; padding:16px;}
    .o_conditions .o_cd_content .o_cond_form dl dd .work_day .wd_chk {margin-left:15px;}

    .o_conditions .o_cd_content .o_cond_form dl dd .work_period .w_p_select {width:110px;}
    .o_conditions .o_cd_content .o_cond_form dl dd .work_period .w_p_date {margin-left:10px;}
    .o_conditions .o_cd_content .o_cond_form dl dd .work_period .w_p_date .pc_date .dateBox {width:113px;}
    .o_conditions .o_cd_content .o_cond_form dl dd .work_period .w_p_date .pc_date em {width:20px;}
    .o_conditions .o_cd_content .o_cond_form dl dd .work_period .w_p_chk {margin-left:15px;}

}
@media screen and (max-width:1023px) {
    /* .o_conditions {margin-top:40px;} */
    .o_conditions .o_cd_content .o_cond_select .o_cs_inner {gap:12px;}
    .o_conditions .o_cd_content .o_cond_select .o_cs_inner .o_cs_box {width:calc(50% - 6px);}
    .o_conditions .o_cd_content .o_cond_select .o_cs_inner .o_cs_box p {margin-bottom:6px;}
}
@media screen and (max-width:767px) {
    .o_conditions .o_cd_content .o_cond_select .o_cs_inner {gap:0; display:block; background-color:#EFF5FF; border-radius:6px; padding:18px;}
    .ssdr_offer_cont .o_conditions .o_cd_content .o_cond_select .o_cs_inner {background-color:#ffeff5;}
    .o_conditions .o_cd_content .o_cond_select .o_cs_inner .o_cs_box {width:100%; display:flex; border:0; padding:0;}
    .o_conditions .o_cd_content .o_cond_select .o_cs_inner .o_cs_box + .o_cs_box {margin-top:8px;}
    .o_conditions .o_cd_content .o_cond_select .o_cs_inner .o_cs_box p {margin:0; width:84px; font-size:14px;}
    .o_conditions .o_cd_content .o_cond_select .o_cs_inner .o_cs_box p span {display:none;}
    .o_conditions .o_cd_content .o_cond_select .o_cs_inner .o_cs_box b {width:calc(100% - 84px); font-size:14px;}
    .o_conditions .o_cd_content .o_cond_select .o_cs_inner .o_cs_box div {width:calc(100% - 84px);}
    .o_conditions .o_cd_content .o_cond_select .o_cs_inner .o_cs_box div b {width:auto;}
    .o_conditions .o_cd_content .o_cond_select .o_cs_inner .o_cs_box div em {font-size:14px;}

    .o_conditions .o_cd_content .o_cond_form {width:100%; height:100%; position: fixed; top:0; left:0; background-color:#fff; z-index:100001; display:block!important; transform:translateX(100%); padding:0;}
    .o_conditions .o_cd_content .o_cond_form .o_cf_tit {display: block;}
    .o_conditions .o_cd_content .o_cond_form form {display: block; width:100%; height:calc(100% - 115px); overflow-y: auto; padding:25px 20px;}

    .o_conditions .o_cd_content .o_cond_form dl {display:block;} 
    .o_conditions .o_cd_content .o_cond_form dl + dl {margin-top:25px;}
    .o_conditions .o_cd_content .o_cond_form dl dt {width:100%; margin-bottom:8px; display:flex; align-items: center;}

    .o_conditions .o_cd_content .o_cond_form dl dt p {font-size:15px; line-height:20px;}
    .o_conditions .o_cd_content .o_cond_form dl dt p b {display:none;}
    .o_conditions .o_cd_content .o_cond_form dl dt em {margin-left:6px;}

    .o_conditions .o_cd_content .o_cond_form dl dd {width:100%;}
    
    .o_conditions .o_cd_content .o_cond_form dl dd input[type=text] {height:46px; font-size:14px;}
    .o_conditions .o_cd_content .o_cond_form dl dd input[type=text]::-webkit-input-placeholder {font-size:14px;}
    .o_conditions .o_cd_content .o_cond_form dl dd input[type=text]::-moz-placeholder  {font-size:14px;}
    .o_conditions .o_cd_content .o_cond_form dl dd input[type=text]:-ms-input-placeholder  {font-size:14px;}
    .o_conditions .o_cd_content .o_cond_form dl dd input[type=text]:-moz-placeholder  {font-size:14px;}
    .o_conditions .o_cd_content .o_cond_form dl dd input[type=text]::placeholder  {font-size:14px;}
    .o_conditions .o_cd_content .o_cond_form dl dd select {height:46px; font-size:14px; background-size:9px;}

    .o_conditions .o_cd_content .o_cond_form dl dd .m_cf_select_box {display:flex;}
    .o_conditions .o_cd_content .o_cond_form dl dd .cf_select_box {display:none;}

    .o_conditions .o_cd_content .o_cond_form dl dd .cf_content {height:100%; position: fixed; top:0; left:0; transform: translateX(100%); background-color:#fff; z-index:100002;}
    .o_conditions .o_cd_content .o_cond_form dl dd .cf_content .cf_pop_tit {display: block;}
    .o_conditions .o_cd_content .o_cond_form dl dd .cf_content .cf_pop_cont {border:0; padding:20px; height:calc(100vh - 112px); height:calc((var(--vh, 1vh) * 100) - 112px); overflow-y: auto;}

    .o_conditions .o_cd_content .o_cond_form dl dd .cf_chk_list {padding:0; border:0; gap:8px;}
    .o_conditions .o_cd_content .o_cond_form dl dd .cf_chk_list label {width:calc(25% - 6px); text-align: center;}
    /* .o_conditions .o_cd_content .o_cond_form dl dd .cf_chk_list label div {padding: 0 10px; background-color:#fff; font-size:14px; color: #999; line-height:38px; border: 1px solid #e3e5e8; border-radius:6px;} */
    .o_conditions .o_cd_content .o_cond_form dl dd .cf_chk_list label div {padding: 0 10px; background-color:#fff; font-size:13px; color: #999; line-height:38px; border: 1px solid #e3e5e8; border-radius:6px;}

    .o_conditions .o_cd_content .o_cond_form dl dd .cf_salary input[type=text] {width:calc(50% - 10px);}
    .o_conditions .o_cd_content .o_cond_form dl dd .cf_salary select {width:calc(34% - 10px);}
    .o_conditions .o_cd_content .o_cond_form dl dd .cf_salary select[name=salary_type] {width:100%;}

    .o_conditions .o_cd_content .o_cond_form dl dd .cf_salary select[name=salary_unit] {position: absolute; margin-left: 30%; margin-top: 4%;}
    .o_conditions .o_cd_content .o_cond_form dl dd .cf_salary .added {margin-left: 2%}

    .o_conditions .o_cd_content .o_cond_form dl dd .cf_salary .salaryInput {display:flex; align-items: center; width:66%;}
    .o_conditions .o_cd_content .o_cond_form dl dd .cf_salary .salaryInput div {width:20px; font-size:15px; color:#000; font-weight:400; letter-spacing:-0.025em; text-align: center;}
    .o_conditions .o_cd_content .o_cond_form dl dd .cf_salary label {margin-top:5px;}
    .o_conditions .o_cd_content .o_cond_form dl dd .cf_salary label p {font-size:14px; padding-left:24px;}
    .o_conditions .o_cd_content .o_cond_form dl dd .cf_salary label p::before {width:17px; height:17px; top:1px;}


    .o_conditions .o_cd_content .o_cond_form dl.cate_agree dt {padding:0;}
    .o_conditions .o_cd_content .o_cond_form dl.cate_agree dd .cf_agree {padding:15px;background-color:#F4F6FA;}
    .o_conditions .o_cd_content .o_cond_form dl.cate_agree dd .cf_agree label {margin-top:5px;}
    .o_conditions .o_cd_content .o_cond_form dl.cate_agree dd .cf_agree label p {padding-left:30px;font-size:14px;line-height:24px;}
    .o_conditions .o_cd_content .o_cond_form dl.cate_agree dd .cf_agree label p::before {width:22px;height:22px;}
    .o_conditions .o_cd_content .o_cond_form dl.cate_agree dd .cf_agree .notice_agree {padding:12px 0 0;font-size:12px;line-height:17px;}
    .o_conditions .o_cd_content .o_cond_form dl.cate_agree dd .cf_agree .notice_agree em {font-size:12px;line-height:17px;}
    .o_conditions .o_cd_content .o_cond_form dl.cate_agree dd .cf_agree .notice_agree .view_mo {display:inline;}


    .o_conditions .o_cd_content .o_cond_form dl dd .cf_welfare_benefit .wbBox .input {width:calc(100% - 120px);}
    .o_conditions .o_cd_content .o_cond_form dl dd .cf_welfare_benefit .wbBox .input input[type=text] {padding-right:44px;}
    .o_conditions .o_cd_content .o_cond_form dl dd .cf_welfare_benefit .wbBox .btn button {width:52px; font-size:14px; line-height:36px; margin-left:8px;}
    .o_conditions .o_cd_content .o_cond_form dl dd .cf_welfare_benefit .wbBox .btn button:hover {opacity:1;}

    .o_conditions .o_cd_content .o_cond_form dl dd .cf_content .cf_pop_btn {display: block;}

    .o_conditions .o_cd_content .o_cond_form dl dd .work_period {display:none;}
    
    .o_conditions .o_cd_content .o_cond_form dl dd .work_day .wd_list {padding:0; border:0; gap:8px; width:100%;}
    .o_conditions .o_cd_content .o_cond_form dl dd .work_day .wd_list label {width:calc(25% - 6px); text-align: center;}
    .o_conditions .o_cd_content .o_cond_form dl dd .work_day .wd_list label div {
    padding: 0 10px; background-color:#fff; font-size:14px; color: #999; line-height:38px; border: 1px solid #e3e5e8; border-radius:6px;}
    .o_conditions .o_cd_content .o_cond_form dl dd .work_day .wd_chk {margin:0; margin-top:15px;}
    .o_conditions .o_cd_content .o_cond_form dl dd .work_day .wd_chk label p {font-size:14px; padding-left:24px;}
    .o_conditions .o_cd_content .o_cond_form dl dd .work_day .wd_chk label p::before {width:17px; height:17px; top:1px;}


    .o_conditions .o_cd_content .o_cond_form .o_cond_btn {border:0; margin:0; padding:0; position: absolute; bottom:0; left:0;}
    .o_conditions .o_cd_content .o_cond_form .o_cond_btn button {width:100%; line-height:52px; border-radius:0; border:0;}
    .o_conditions .o_cd_content .o_cond_form .o_cond_btn button + button {margin:0;}
    .o_conditions .o_cd_content .o_cond_form .o_cond_btn button.back {display:none;}
    .o_conditions .o_cd_content .o_cond_form .o_cond_btn button.save {border:0;}
    .o_conditions .o_cd_content .o_cond_form .o_cond_btn button.save:hover {border:0; background-color:#4876ef;}

}
@media screen and (max-width:479px) {
    .o_conditions {margin:0; border-top:10px solid #f3f4f7; box-sizing: border-box; }

    .o_conditions .o_cd_content {padding-top:16px;}
    .o_conditions .o_cd_content .o_cond_select .o_cs_inner {padding:16px;}
    .o_conditions .o_cd_content .o_cond_select .o_cs_inner .o_cs_box p {width:76px; font-size:13px; line-height:18px;}
    .o_conditions .o_cd_content .o_cond_select .o_cs_inner .o_cs_box p span {display:none;}
    .o_conditions .o_cd_content .o_cond_select .o_cs_inner .o_cs_box b {width:calc(100% - 76px); font-size:13px; line-height:18px;}
    .o_conditions .o_cd_content .o_cond_select .o_cs_inner .o_cs_box div {width:calc(100% - 76px);}
    .o_conditions .o_cd_content .o_cond_select .o_cs_inner .o_cs_box div em {font-size:13px; line-height:18px;}

    .o_conditions .o_cd_content .o_cond_form dl dd input[type=text],
    .o_conditions .o_cd_content .o_cond_form dl dd select {height:44px;}

    .o_conditions .o_cd_content .o_cond_form dl dd .cf_chk_list {gap:9px;}
    .o_conditions .o_cd_content .o_cond_form dl dd .cf_chk_list label {width:calc(33.33% - 6px);}

    .o_conditions .o_cd_content .o_cond_form dl dd .cf_salary .salaryInput div {width:20px; font-size:14px;}
    .o_conditions .o_cd_content .o_cond_form dl dd .cf_salary label p {font-size:14px; padding-left:26px;}


    .o_conditions .o_cd_content .o_cond_form dl.cate_agree dd .cf_agree label p {font-size:14px; padding-left:26px;}


    .o_conditions .o_cd_content .o_cond_form dl dd .cf_welfare_benefit .wbBox .input input[type=text] {height:44px;}

    .o_conditions .o_cd_content .o_cond_form dl dd .work_day .wd_list {gap:9px;}
    .o_conditions .o_cd_content .o_cond_form dl dd .work_day .wd_list label {width:calc(33.33% - 6px);}

    .mp_container .o_conditions.hope_work{padding: 20px;}

}
@media screen and (max-height:500px) {
    .o_conditions .o_cd_content .o_cond_form dl dd .cf_content {overflow-y: auto;}
    .o_conditions .o_cd_content .o_cond_form dl dd .cf_content .cf_pop_tit {display: block;}
    .o_conditions .o_cd_content .o_cond_form dl dd .cf_content .cf_pop_cont {height:auto; overflow-y:visible;}
    .o_conditions .o_cd_content .o_cond_form dl dd .cf_content .cf_pop_btn {padding:0 20px; padding-bottom:25px;}
    .o_conditions .o_cd_content .o_cond_form dl dd .cf_content .cf_pop_btn a {border-radius:100px;}
}


.condPopup {max-width:550px; width:100%; position: fixed; top:50%; left:50%; transform: translate(-50%, -50%); z-index: 100002; background-color:#fff; box-shadow: 0 4px 8px rgba(0,0,0,.15); border-radius: 8px; display:none; max-height:calc(100vh - 100px); max-height:calc((var(--vh, 1vh) * 100) - 100px); box-sizing: border-box;}
.condPopup * {box-sizing: border-box;}

.condPopup .tit {position: relative; padding:20px;}
.condPopup .tit div {display:flex; align-items: center; justify-content: center;}
.condPopup .tit div p {font-size:18px; color:#000; font-weight:500; letter-spacing:-0.025em; line-height:22px;}
.condPopup .tit div b {display: flex; align-items: center; justify-content: center; width:20px; height: 20px; background: #4876ef; margin-left:6px; border-radius:100px; font-size:14px; font-weight:400; color: #fff; line-height:18px; padding-right:1px;}
.condPopup .tit div b.exceed {width:auto; height:20px; padding:0 8px;}
.condPopup .tit .reset {position: absolute; top:50%; left:20px; padding-left:19px; background: url("/img/doctor_bridge/employ/reset_icon.png") no-repeat left top 3px / 13px; font-size:14px; color: #555; font-weight: 500; line-height:20px; margin-top:-10px; cursor: pointer;}
.condPopup .tit .close {position: absolute; top:50%; right:0; width:54px; height:54px; background:url("/img/doctor_bridge/common/popClose.png")no-repeat center; background-size:14px; margin-top:-27px; cursor: pointer;}

.condPopup .form {width:100%; display:flex; padding:0 20px;}
.condPopup .form .depth.depth1 {border-right:0; width:42%;}
.condPopup .form .depth.depth2 {width:58%;}
.condPopup .form .depth h4 {display: block; font-size:14px; color:#888; font-weight:400; letter-spacing:-0.025em; line-height:20px; margin-bottom:10px;}
.condPopup .form .depth .dContainer {width:100%; height:230px; border: 1px solid #e3e5e8;}
.condPopup .form .depth1 .dContainer {border-right:0; border-radius:6px 0 0 6px;}
.condPopup .form .depth2 .dContainer {border-radius:0 6px 6px 0;}

.condPopup .scroll-wrapper {overflow: hidden !important;  padding: 0 !important; position: relative;}
.condPopup .scroll-wrapper > .scroll-content { border: none !important; box-sizing: content-box !important; height: auto; left: 0; margin: 0; max-height: none; max-width: none !important; overflow: scroll !important; padding: 0; position: relative !important; top: 0; width: auto !important;}
.condPopup .scroll-wrapper > .scroll-content::-webkit-scrollbar { height: 0; width: 0;}
.condPopup .scroll-element { display: none;}
.condPopup .scroll-element, .scroll-element div { box-sizing: content-box;}
.condPopup .scroll-element.scroll-x.scroll-scrollx_visible,
.condPopup .scroll-element.scroll-y.scroll-scrolly_visible { display: block;}
.condPopup .scroll-element .scroll-bar,
.condPopup .scroll-element .scroll-arrow { cursor: default;}
.condPopup .scroll-textarea {border: 1px solid #cccccc; border-top-color: #999999;}
.condPopup .scroll-textarea > .scroll-content { overflow: hidden !important;}
.condPopup .scroll-textarea > .scroll-content > textarea { border: none !important; box-sizing: content-box; height: 100% !important; margin: 0; max-height: none !important; max-width: none !important; overflow: scroll !important; outline: none; padding: 2px; position: relative !important; top: 0; width: 100% !important;}
.condPopup .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar { height: 0; width: 0;}
.condPopup .scrollbar-outer > .scroll-element,
.condPopup .scrollbar-outer > .scroll-element div{ border: none; margin: 0; padding: 0; position: absolute; z-index: 10;} 
.condPopup .scrollbar-outer > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; }
.condPopup .scrollbar-outer > .scroll-element.scroll-x { display:none; bottom: 0; height: 12px; left: 0; width: 100%;}
.condPopup .scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer { height: 8px; top: 0;}
.condPopup .scrollbar-outer > .scroll-element .scroll-element_outer { overflow: hidden; }
.condPopup .scrollbar-outer > .scroll-element .scroll-element_track { background-color:none; }
.condPopup .scrollbar-outer > .scroll-element .scroll-element_outer,
.condPopup .scrollbar-outer > .scroll-element .scroll-element_track,
.condPopup .scrollbar-outer > .scroll-element .scroll-bar { -ms-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
.condPopup .scrollbar-outer > .scroll-content.scroll-scrolly_visible { left:0; margin-left: 0; }
.condPopup .scrollbar-outer > .scroll-content.scroll-scrollx_visible { top:  -12px; margin-top:  12px;}
.condPopup .scrollbar-outer > .scroll-element.scroll-x .scroll-bar { min-width: 10px; }
.condPopup .scrollbar-outer > .scroll-element.scroll-y .scroll-bar { min-height: 10px; }
.condPopup .scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -14px; }
.condPopup .scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -14px; }
.condPopup .scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -14px; }
.condPopup .scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -14px; }

.condPopup .scrollbar-outer > .scroll-element.scroll-y {height:calc(100% - 9px); right: 0; top:4px; width:7px; position:absolute;}
.condPopup .scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer {left:0; width:3px;}
.condPopup .scrollbar-outer > .scroll-element .scroll-bar { background-color: #e0e0e0; cursor: pointer;}
.condPopup .scrollbar-outer > .scroll-element .scroll-bar:hover { background-color: #ccc;}
.condPopup .scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar { background-color: #acacac;}

.condPopup .form .depth .dContainer .tab {width:100%; padding:5px 0;}
.condPopup .form .depth .dContainer .tab div {width:100%; padding:10px 15px; cursor: pointer; transition:all 0.2s; display:flex;}
.condPopup .form .depth .dContainer .tab div:hover {background-color:#f4f6fa;}
.condPopup .form .depth .dContainer .tab div p {font-size:14px; color:#333; font-weight:400; letter-spacing:-0.025em; line-height:20px; position: relative;}
.condPopup .form .depth .dContainer .tab div.chk p {color:#4876EF; font-weight:500;}
.condPopup .form .depth .dContainer .tab div.on {background-color:#f4f6fa;}
.condPopup .form .depth .dContainer .tab div.on p {color:#4876EF; font-weight:500;}


.condPopup .form .depth .dContainer .dContent {width:100%; padding:5px 0;}
.condPopup .form .depth .dContainer .dContent .cont {width:100%; display:none;}

.condPopup .form .depth .dContainer .dContent .cont label {display: block; width:100%; cursor: pointer;}
.condPopup .form .depth .dContainer .dContent .cont label input {display:none;}
.condPopup .form .depth .dContainer .dContent .cont label p {width:100%; font-size:14px; color:#333; font-weight:400; letter-spacing:-0.025em; line-height:20px; padding:10px 15px; position: relative; padding-left:40px;}
.condPopup .form .depth .dContainer .dContent .cont label p::before {content:""; width:16px; height:16px; border:1px solid #e3e5e8; border-radius:4px; position: absolute; top:50%; left:15px; margin-top:-9px; background-color:#fff;}
.condPopup .form .depth .dContainer .dContent .cont label:hover p {background-color:#f4f6fa;}
.condPopup .form .depth .dContainer .dContent .cont label input:checked + p {color:#4876EF; font-weight:500;}
.condPopup .form .depth .dContainer .dContent .cont label input:checked + p::before {background:url("/img/doctor_bridge/mypage/chk.png")no-repeat center #fff; background-size:10px; border:1px solid #4876EF;}


.condPopup .select {width:100%; background-color:#f4f6fa; margin-top:20px; }
.condPopup .select .list {width:100%; padding:20px; gap:8px; display:flex; flex-wrap: wrap; max-height:140px;}
.condPopup .select .list div {border:1px solid #4876EF; border-radius:100px; padding:0 12px; display:flex; align-items: center; background-color:#fff;}
.condPopup .select .list div p {font-size:14px; color:#4876EF; font-weight:400; letter-spacing:-0.04em; line-height:26px;}
.condPopup .select .list div a {background:url("/img/doctor_bridge/employ/ep_close.svg")no-repeat center / cover; filter: invert(37%) sepia(98%) saturate(764%) hue-rotate(197deg) brightness(97%) contrast(92%); width:10px; height:10px; margin-left:8px; cursor: pointer;}
.condPopup .select .list b {display: block; width:100%; text-align: center; font-size:14px; color:#8491a7; font-weight:400; letter-spacing:-0.025em; line-height:28px;}

.condPopup .btn {width:100%; padding:20px;}
.condPopup .btn a {display: block; width:100%; background-color:#4876EF; font-size:16px; color:#fff; font-weight:400; letter-spacing:-0.025em; line-height:50px; border-radius:100px; text-align: center;}
.condPopup.ssdr_offer_cond .btn a {background-color:#FF3981;}

.condPopBg {position: fixed; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.4); top: 0; left: 0; z-index: 100001; display:none;}

@media screen and (max-width:767px) {
    .condPopup {max-width:none; max-height:none; height:100%; top:0; left:0; transform:none; box-shadow:none; border-radius:0; display:block!important; padding-bottom:80px; box-sizing: border-box; transform: translateX(100%);}

    .condPopup .tit {padding:18px 0; border-bottom:1px solid #e3e5e8;}
    .condPopup .tit div {display:flex; align-items: center; justify-content: center;}
    .condPopup .tit div p {font-size:17px; line-height:21px; padding-top:2px;}
    .condPopup .tit div b {font-size:13px; line-height:17px; width:19px; height:19px;}
    .condPopup .tit div b.exceed {width:auto; height:19px; padding:0 7px;}

    .condPopup .tit .reset {top:50%; left:auto; right:20px; padding-left:18px; background-size:12px; font-size:13px; line-height:17px; background-position:left top 2px;}
    .condPopup .tit .close {top:0; right:auto; left:0; height:100%; background:url("/img/doctor_bridge/common/back.png")no-repeat center; background-size:14px; margin:0;}

    .condPopup .form {padding:20px;}
    .condPopup .form .depth.depth1 {width:45%;}
    .condPopup .form .depth.depth2 {width:55%;}
    .condPopup .form .depth .dContainer {width:100%; height:calc(100vh - 182px); height:calc((var(--vh, 1vh) * 100) - 182px); border: 1px solid #e3e5e8;}
    .condPopup .form .depth1 .dContainer {border-right:0; border-radius:6px 0 0 6px;}
    .condPopup .form .depth2 .dContainer {border-radius:0 6px 6px 0;}


    .condPopup .scrollbar-outer > .scroll-element.scroll-y {height:calc(100% - 9px); right: 0; top:4px; width:7px; position:absolute;}
    .condPopup .scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer {left:0; width:3px;}
    .condPopup .scrollbar-outer > .scroll-element .scroll-bar { background-color: #e0e0e0; cursor: pointer;}
    .condPopup .scrollbar-outer > .scroll-element .scroll-bar:hover { background-color: #ccc;}
    .condPopup .scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar { background-color: #acacac;}

    .condPopup .form .depth .dContainer .tab {width:100%; padding:5px 0;}
    .condPopup .form .depth .dContainer .tab div {width:100%; padding:10px 15px; cursor: pointer; transition:all 0.2s; display:flex;}
    .condPopup .form .depth .dContainer .tab div:hover {background-color:#f4f6fa;}
    .condPopup .form .depth .dContainer .tab div p {font-size:14px; color:#333; font-weight:400; letter-spacing:-0.025em; line-height:20px; position: relative;}
    .condPopup .form .depth .dContainer .tab div.chk p {color:#4876EF; font-weight:500;}
    .condPopup .form .depth .dContainer .tab div.on {background-color:#f4f6fa;}
    .condPopup .form .depth .dContainer .tab div.on p {color:#4876EF; font-weight:500;}

    .condPopup .form .depth .dContainer .dContent {width:100%; padding:5px 0;}
    .condPopup .form .depth .dContainer .dContent .cont {width:100%; display:none;}

    .condPopup .form .depth .dContainer .dContent .cont label {display: block; width:100%; cursor: pointer;}
    .condPopup .form .depth .dContainer .dContent .cont label input {display:none;}
    .condPopup .form .depth .dContainer .dContent .cont label p {width:100%; font-size:14px; color:#333; font-weight:400; letter-spacing:-0.025em; line-height:20px; padding:10px 15px; position: relative; padding-left:40px;}
    .condPopup .form .depth .dContainer .dContent .cont label p::before {content:""; width:16px; height:16px; border:1px solid #e3e5e8; border-radius:4px; position: absolute; top:50%; left:15px; margin-top:-9px; background-color:#fff;}
    .condPopup .form .depth .dContainer .dContent .cont label:hover p {background-color:#f4f6fa;}
    .condPopup .form .depth .dContainer .dContent .cont label input:checked + p {color:#4876EF; font-weight:500;}
    .condPopup .form .depth .dContainer .dContent .cont label input:checked + p::before {background:url("/img/doctor_bridge/mypage/chk.png")no-repeat center #fff; background-size:10px; border:1px solid #4876EF;}

    .condPopup .select {margin:0;}
    .condPopup .select .list b {display: flex; align-items: center; justify-content: center; height:100%; text-align: center;}

    .condPopup .btn {padding:0; position: absolute; bottom:0; left:0;}
    .condPopup .btn a {font-size:15px; font-weight:400; line-height:52px; border-radius:0;}
}
@media screen and (max-height:500px) {
    .condPopup {padding:0; overflow-y: auto;}
    .condPopup .tit {width:100%; background-color:#fff; z-index:99;}
    .condPopup .form .depth .dContainer {height:240px!important;}
    .condPopup .btn {position: static; margin-top:20px;}
}


.o_resume {width:100%; margin-top:50px;}
.o_resume .o_r_content {width:100%;}
.o_resume .o_r_content .list {width:100%;}
.o_resume .o_r_content .list label {width:100%; display: block;}
.o_resume .o_r_content .list label input {display:none;}
.o_resume .o_r_content .list label div {width:100%; display:flex; align-items: center; border-bottom:1px solid #e3e5e8; cursor: pointer; padding:18px 20px; padding-left:48px; position: relative;}
.o_resume .o_r_content .list label div::before {content:""; width:15px; height:15px; border-radius:100%; border:1px solid #8491a7; position: absolute; top:19px; left:20px;}
.o_resume .o_r_content .list label input:checked + div::before {border:5px solid #4876ef; width:8px; height:8px; top:18px;}
.ssdr_offer_cont .o_resume .o_r_content .list label input:checked + div::before {border-color:#FF3981;}
.o_resume .o_r_content .list label div p {font-size:16px; color:#000; font-weight:400; letter-spacing:-0.025em; line-height:20px; position: relative; max-width:calc(100% - 100px); overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.o_resume .o_r_content .list label div em {margin-left:auto; font-size:12px; color:#888; font-weight:400; line-height:16px;}

.o_resume .o_r_content .info {width:100%; margin-top:18px;}
.o_resume .o_r_content .info p {font-size:13px; color:#888; font-weight:400; letter-spacing:-0.025em; line-height:22px; word-break: keep-all;}

@media screen and (max-width:1023px) {
    .o_resume {margin-top:40px;}
    .o_resume .o_r_content .list label div {padding:18px 15px; padding-left:42px;}
    .o_resume .o_r_content .list label div::before {left:15px;}
    .o_resume .o_r_content .list label div p {font-size:15px;}
}
@media screen and (max-width:767px) {
    .o_resume .o_r_content .list label {margin-top:18px;}
    .o_resume .o_r_content .list label + label {margin-top:12px;}
    .o_resume .o_r_content .list label div {display: block; border:1px solid #e3e5e8; border-radius:6px; padding:15px; padding-left:46px;}
    .o_resume .o_r_content .list label div::before {top:27px;}
    .o_resume .o_r_content .list label input:checked + div {border:1px solid #4876ef;}
    .ssdr_offer_cont .o_resume .o_r_content .list label input:checked + div {border-color:#FF3981;}

    .o_resume .o_r_content .list label input:checked + div::before {top:27px;}
    .o_resume .o_r_content .list label div p {font-weight:500; line-height:20px; max-width:100%;}
    .o_resume .o_r_content .list label div em {font-size:13px; line-height:18px; display: block; margin-top:3px;}
    .o_resume .o_r_content .info {margin-top:15px;}
}
@media screen and (max-width:479px) {
    .o_resume {margin:0; border-top:10px solid #f3f4f7; padding:20px;}
    .o_resume .o_r_content .list label {margin-top:15px;}
    .o_resume .o_r_content .list label + label {margin-top:10px;}
    .o_resume .o_r_content .list label div {padding-left:44px;}
    .o_resume .o_r_content .list label div::before {top:24px;}
    .o_resume .o_r_content .list label input:checked + div::before {top:23px;}
    .o_resume .o_r_content .list label div p {font-size:14px; line-height:18px;}
    .o_resume .o_r_content .list label div em {font-size:12px; line-height:16px; margin-top:2px;}

    .o_resume .o_r_content .info p {font-size:12px; line-height:18px;}
}


.mobileDatePopup {z-index:100002;}
.datepickerBg {z-index:100001;}


.condPopup.map .form .depth .dContainer .tab div.chk p {color:#333;font-weight:400;}
.condPopup.map .form .depth .dContainer .tab div.on p {color:#333;font-weight:400;}


/* 모바일용 팝업창 활성화 애니메이션 */
.leftShow {animation:popupLeftShow 0.5s cubic-bezier(0.17, 0.67, 0, 1) forwards;}
.leftHide {animation:popupLeftHide 0.5s cubic-bezier(0.17, 0.67, 0, 1) forwards;}
@keyframes popupLeftShow {
    0% {transform: translateX(100%);}
    100% {transform: translateX(0);}
}
@keyframes popupLeftHide {
    0% {transform: translateX(0);}
    100% {transform: translateX(100%);}
}

.slideDown {animation: slideDown 0.5s cubic-bezier(0.17, 0.67, 0, 1) forwards;}
.slideUp {animation: slideUp 0.5s cubic-bezier(0.17, 0.67, 0, 1) forwards;}
@keyframes slideDown {
	0% {transform:translateY(100%);}
	100% {transform:translateY(0);}
}
@keyframes slideUp {
	0% {transform:translateY(0);}
	100% {transform:translateY(100%);}
}