.notScroll {position:fixed; top:0; left:0; overscroll-behavior: none;}

.section {width:100%; padding-top:100px;}
@media screen and (max-width:1023px) {
    .section {padding-top:66px;}
}
@media screen and (max-width:767px) {
    .section.subPage {padding:0;}
}

.sInner {width:100%; max-width:1260px; margin: auto; box-sizing: border-box;}

.sub_title_wrap {display:flex; align-items: center; padding:0 30px;}
.sub_title_wrap h2 {display: block; font-size:24px; color:#000; font-weight:500; letter-spacing:-0.025em; line-height:28px;}
.sub_title_wrap nav {margin-left:auto; display:flex; align-items: center;}
.sub_title_wrap nav a {font-size:13px; color:#888; font-weight:400; line-height:18px;}
.sub_title_wrap nav span {font-size:13px; color:#888; font-weight:400; line-height:18px; position: relative; padding-left:11px; margin-left:6px;}
.sub_title_wrap nav span::before {content:">"; font-size:13px; color:#888; font-weight:400; line-height:18px; position: absolute; top:0; left:0;}

@media screen and (max-width:1260px) {
  .sub_title_wrap h2 {font-size:22px; line-height:26px;}
}
@media screen and (max-width:1023px) {
  .sub_title_wrap {display:none;}
}

.mypage_wrap {width:100%; overflow: hidden;}
.mypage_wrap * {box-sizing: border-box;}
.mypage_wrap a {outline:none;}

.mypage_wrap input, .mypage_wrap textarea, .mypage_wrap select { -webkit-border-radius:0; -moz-appearance:none; -webkit-appearance:none; appearance:none;}
.mypage_wrap input[type=radio], .mypage_wrap input[type=checkbox] {-webkit-border-radius:0; -moz-appearance:none; appearance:none;}
.mypage_wrap input::-ms-clear {display: none;}
.mypage_wrap input:focus {outline:none;}
.mypage_wrap select:focus {outline:none;}
.mypage_wrap button:focus {outline:none;}
.mypage_wrap textarea:focus {outline:none; border-radius:0; box-shadow: 0;}
.mypage_wrap select::-ms-expand {display:none}
.mypage_wrap input:-webkit-autofill,
.mypage_wrap input:-webkit-autofill:hover,
.mypage_wrap input:-webkit-autofill:focus,
.mypage_wrap input:-webkit-autofill:active {-webkit-text-fill-color: #000; -webkit-box-shadow: 0 0 0px 1000px #fff inset; box-shadow: 0 0 0px 1000px #fff inset; transition: background-color 5000s ease-in-out 0s;}
.mypage_wrap :focus-visible {outline-color:#0068B7;}

.mypageSideBannerWrap {display: none; margin-top: 15px;}
.mypageSideBannerWrap .banner_swiper img {width: 100%; max-height: 200px; border-radius: 8px;}
.mypageSideBannerWrap a.mypageSlideBannerLink {display: block;}


.mcWrap {padding-bottom:100px;}
@media screen and (max-width:1023px) {
    .mcWrap {padding-bottom:80px;}
}
@media screen and (max-width:767px) {
    .mcWrap {padding-bottom:60px;}
}
@media screen and (max-width:479px) {
    .mcWrap {padding-bottom:50px;}
}

.mSpWrap {padding-bottom:100px;}
@media screen and (max-width:1023px) {
    .mSpWrap {padding-bottom:80px;}
}
@media screen and (max-width:767px) {
    .mSpWrap {padding-bottom:0;}
}


.mypage_nav_wrap {width:100%; background: rgba(255, 255, 255, 0.88); backdrop-filter: saturate(150%) blur(32px); border-bottom:1px solid #4876EF; position: fixed; top:66px; z-index:99; display:none;}
.mypage_nav_wrap::before {content:""; width:30px; height:100%; background:linear-gradient(to right, #fff 30%, rgba(255,255,255,0) 100%); position: absolute; top:0; left:0; z-index:2;}
.mypage_nav_wrap::after {content:""; width:30px; height:100%; background:linear-gradient(to left, #fff 30%, rgba(255,255,255,0) 100%); position: absolute; top:0; right:0; z-index:2;}
.mypage_nav_wrap .js_nav_slide {width:100%; overflow-x:auto; scrollbar-width: none; -ms-overflow-style: none; font-size:0; text-align:center;}
.mypage_nav_wrap .js_nav_slide::-webkit-scrollbar {display: none;}
.mypage_nav_wrap .js_nav_slide .nav_inner {padding:0 30px; text-align:center; display:inline-block; zoom:1; *display:inline; vertical-align:top; overflow: hidden;}
.mypage_nav_wrap .js_nav_slide .nav_inner a {font-size:16px; color:#000; font-weight:400; letter-spacing:-0.025em; padding:18px 0; float:left;}
.mypage_nav_wrap .js_nav_slide .nav_inner a + a {margin-left:30px;}
.mypage_nav_wrap .js_nav_slide .nav_inner a.hit {color:#4876EF; font-weight:600;}


@media screen and (max-width:1023px) {
    .mypage_wrap {margin-top:58px;}
    .mypage_nav_wrap {display:block;}
}
@media screen and (max-width:767px) {
    .mypage_nav_wrap::before,
    .mypage_nav_wrap::after {width:20px;}
    .mypage_nav_wrap .js_nav_slide .nav_inner {padding:0 20px;}
    .mypage_nav_wrap .js_nav_slide .nav_inner a + a {margin-left:25px;}
}
@media screen and (max-width:479px) {
    .mypage_wrap {margin-top:52px;}
    .mypage_nav_wrap .js_nav_slide .nav_inner a {font-size:15px; padding:16px 0;}
}



.mypage_content_wrap {display:flex; margin-top:25px; justify-content: flex-start;}
.mypage_content_wrap .mp_side {width:280px; margin-left:30px;}
.mypage_content_wrap .mp_side .my_info_wrap {width:100%; border:1px solid #e3e5e8; border-radius:6px;}
.mypage_content_wrap .mp_side .my_info_wrap .my_profile {width:100%; position: relative; padding:30px 0;}
/* .mypage_content_wrap .mp_side .my_info_wrap .my_profile a.setting {position: absolute; top:10px; right:10px; width:14px; height:14px; background:url("/img/doctor_bridge/mypage/setting.png")no-repeat; background-size:100%; transition:all 0.2s;} */
.mypage_content_wrap .mp_side .my_info_wrap .my_profile a.setting {position: absolute; top:10px; right:10px; padding:4px 5px;border:1px solid #e3e5e8;border-radius:10px;font-size:12px;line-height:14px;color:#555;background-color:#f4f6fa;transition:all 0.2s;}
.mypage_content_wrap .mp_side .my_info_wrap .my_profile a.setting:hover {opacity:0.6;}

.mypage_content_wrap .mp_side .my_info_wrap .my_profile .img {width:85px; height:85px; margin: auto; background:url("/img/doctor_bridge/mypage/profile.png")no-repeat center; border-radius:100%; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(white, black); isolation: isolate; background-size:100%; display:flex; align-items: center; justify-content:center;}
.mypage_content_wrap .mp_side .my_info_wrap .my_profile .img img {width:100%; height:100%; object-fit: cover; display: block;}
.mypage_content_wrap .mp_side .my_info_wrap .my_profile .img img[src=""] {display:none;}

.mypage_content_wrap .mp_side .my_info_wrap .my_info {width:100%; text-align: center; font-size:0; padding:0 20px;}
.mypage_content_wrap .mp_side .my_info_wrap .my_info p {display:inline-block; zoom:1; *display:inline; vertical-align:top; font-size:18px; color:#000; font-weight:500; letter-spacing:-0.04em; line-height:22px; position: relative;}
.mypage_content_wrap .mp_side .my_info_wrap .my_info p.certify::before {content:""; width:16px; height:18px; background:url("/img/doctor_bridge/mypage/certify.png")no-repeat center; background-size:100%; position: absolute; top:1px; right:-20px;}
.mypage_content_wrap .mp_side .my_info_wrap .my_info div {width:100%; margin-top:3px;}
.mypage_content_wrap .mp_side .my_info_wrap .my_info div span {display: block; font-size:14px; color:#555; font-weight:400; letter-spacing:-0.04em; line-height:24px;}

.mypage_content_wrap .mp_side .my_info_wrap .mi_btn {width:100%; padding:20px; padding-bottom:30px;}
.mypage_content_wrap .mp_side .my_info_wrap .mi_btn .js_mi_btn_slide {width:100%;}
.mypage_content_wrap .mp_side .my_info_wrap .mi_btn .js_mi_btn_slide .swiper-wrapper {flex-wrap: wrap; gap:10px;}
.mypage_content_wrap .mp_side .my_info_wrap .mi_btn .js_mi_btn_slide .swiper-slide {width:100%;}

.mypage_content_wrap .mp_side .my_info_wrap .mi_btn a.btn {display:block; width:100%; border-radius:100px; background-color:#ededed; position: relative; text-align: center; transition:all 0.2s;}
.mypage_content_wrap .mp_side .my_info_wrap .mi_btn a.btn:hover {opacity:0.7;}
.mypage_content_wrap .mp_side .my_info_wrap .mi_btn a.btn::before {content:""; width:30px; height:30px; border-radius:100%; position: absolute; top:5px; right:5px; background:url("/img/doctor_bridge/mypage/proposal_off.png")no-repeat center #fff; background-size:16px!important;}
.mypage_content_wrap .mp_side .my_info_wrap .mi_btn a.btn p {font-size:14px; color:#888; font-weight:500; letter-spacing:-0.025em; line-height:40px; position: relative;}
.mypage_content_wrap .mp_side .my_info_wrap .mi_btn a.btn p::after {content:"OFF"; font-size:14px; color:#888; font-weight:500; letter-spacing:-0.025em; line-height:40px; margin-left:3px;}
.mypage_content_wrap .mp_side .my_info_wrap .mi_btn a.btn p b {font-size:14px; font-weight:500;}

.mypage_content_wrap .mp_side .my_info_wrap .mi_btn a.btn.invi.on {background-color:#EFF5FF;}
.mypage_content_wrap .mp_side .my_info_wrap .mi_btn a.btn.ssDr.on {background-color:#FFEFF5;}
.mypage_content_wrap .mp_side .my_info_wrap .mi_btn a.btn.hh.on {background-color:#F7F1FF;}
.mypage_content_wrap .mp_side .my_info_wrap .mi_btn a.btn.invi.on p {color:#4876ef;}
.mypage_content_wrap .mp_side .my_info_wrap .mi_btn a.btn.ssDr.on p {color:#ff3981;}
.mypage_content_wrap .mp_side .my_info_wrap .mi_btn a.btn.hh.on p {color:#913FF9;}
.mypage_content_wrap .mp_side .my_info_wrap .mi_btn a.btn.invi.on p::after {content:"ON"; color:#4876ef;}
.mypage_content_wrap .mp_side .my_info_wrap .mi_btn a.btn.ssDr.on p::after {content:"ON"; color:#ff3981;}
.mypage_content_wrap .mp_side .my_info_wrap .mi_btn a.btn.hh.on p::after {content:"ON"; color:#913FF9;}
.mypage_content_wrap .mp_side .my_info_wrap .mi_btn a.btn.invi.on::before {background:url("/img/doctor_bridge/mypage/invi_on.png")no-repeat center #fff;}
.mypage_content_wrap .mp_side .my_info_wrap .mi_btn a.btn.ssDr.on::before {background:url("/img/doctor_bridge/mypage/match_on.png")no-repeat center #fff;}
.mypage_content_wrap .mp_side .my_info_wrap .mi_btn a.btn.hh.on::before {background:url("/img/doctor_bridge/mypage/hh_on.png")no-repeat center #fff;}

.mypage_content_wrap .mp_side .my_info_wrap .mi_btn a.resume {display:none; white-space: nowrap; background-color:#4876ef; border-radius:100px; padding:0 15px;}
.mypage_content_wrap .mp_side .my_info_wrap .mi_btn a.resume p {font-size:14px; color:#fff; font-weight:400; letter-spacing:-0.025em; line-height:36px;}
.mypage_content_wrap .mp_side .my_info_wrap .mi_btn a.resume b {font-size:14px; color:#fff; font-weight:400; letter-spacing:-0.025em; line-height:36px; margin-left:8px;}

/* 의대생 회원 관련 버튼 */
.mypage_content_wrap .mp_side .my_info_wrap .student_mi_btn {width:100%; padding:20px; padding-bottom:30px;}
.mypage_content_wrap .mp_side .my_info_wrap .student_mi_btn .js_mi_btn_slide {width:100%;}
.mypage_content_wrap .mp_side .my_info_wrap .student_mi_btn .js_mi_btn_slide .swiper-wrapper {flex-wrap: wrap; gap:10px;}
.mypage_content_wrap .mp_side .my_info_wrap .student_mi_btn .js_mi_btn_slide .swiper-slide {width:100%;}

.mypage_content_wrap .mp_side .my_info_wrap .student_mi_btn a.btn {display:block; width:100%; border-radius:100px; background-color:#4876EF; position: relative; text-align: center; transition:all 0.2s;}
.mypage_content_wrap .mp_side .my_info_wrap .student_mi_btn a.btn::before {content:""; width:30px; height:30px; border-radius:100%; position: absolute; top:5px; right:5px; background:url("/img/doctor_bridge/mypage/user_check.png")no-repeat center #fff; background-size:16px!important;}
.mypage_content_wrap .mp_side .my_info_wrap .student_mi_btn a.btn p {font-size:14px; color:#fff; font-weight:400; letter-spacing:-0.025em; line-height:40px; position: relative;}
.mypage_content_wrap .mp_side .my_info_wrap .student_mi_btn a.btn p b {font-size:14px; font-weight:500;}

.mypage_content_wrap .mp_side .my_info_wrap .student_mi_btn a.btn.off {background-color:#EDEDED; cursor: default; pointer-events: none;}
.mypage_content_wrap .mp_side .my_info_wrap .student_mi_btn a.btn.off::before {background:url("/img/doctor_bridge/mypage/interface_small.png")no-repeat center #fff;}
.mypage_content_wrap .mp_side .my_info_wrap .student_mi_btn a.btn.off p {color:#888888;}
/* 의대생 > 의사회원 전환 버튼 */

.mypage_content_wrap .mp_side .my_active_list_wrap {width:100%;}
.mypage_content_wrap .mp_side .my_active_list_wrap a.maBox {width:100%; border:1px solid #e3e5e8; border-radius:6px; margin-top:10px; display: flex; padding:16px 20px; align-items: center;}
.mypage_content_wrap .mp_side .my_active_list_wrap a.maBox p {font-size:15px; color:#333; font-weight:400; letter-spacing:-0.025em; line-height:21px; transition:all 0.2s;}
.mypage_content_wrap .mp_side .my_active_list_wrap a.maBox b {margin-left:auto; font-size:15px; color:#000; font-weight:500; line-height:21px; transition:all 0.2s;}

.mypage_content_wrap .mp_side .my_active_list_wrap a.maBox:hover p,
.mypage_content_wrap .mp_side .my_active_list_wrap a.maBox:hover b {color:#4876ef;}

.mypage_content_wrap .mp_side .my_active_list_wrap .my_active_list {width:100%; border:1px solid #e3e5e8; border-radius:6px; margin-top:10px;}
.mypage_content_wrap .mp_side .my_active_list_wrap .my_active_list a.resume {margin:0; border:0; border-bottom:1px solid #e3e5e8; border-radius:0;}
.mypage_content_wrap .mp_side .my_active_list_wrap .my_active_list a.resume b {color:#4876ef;}

.mypage_content_wrap .mp_side .my_active_list_wrap .my_active_list .list {width:100%; padding:8px 0;}
.mypage_content_wrap .mp_side .my_active_list_wrap .my_active_list .list a {width:100%; display: flex; padding:8px 20px; align-items: center;}
.mypage_content_wrap .mp_side .my_active_list_wrap .my_active_list .list a p {font-size:15px; color:#333; font-weight:400; letter-spacing:-0.025em; line-height:21px; transition:all 0.2s;}
.mypage_content_wrap .mp_side .my_active_list_wrap .my_active_list .list a b {margin-left:auto; font-size:15px; color:#000; font-weight:500; line-height:21px; transition:all 0.2s;}
.mypage_content_wrap .mp_side .my_active_list_wrap .my_active_list .list a:hover p,
.mypage_content_wrap .mp_side .my_active_list_wrap .my_active_list .list a:hover b {color:#4876ef;}

.mypage_content_wrap .mp_side .my_active_list_wrap .my_active_list .list a.btn_logout p {color:#888;}


.mypage_content_wrap .mp_side .bannerArea {width:100%; margin-top:20px; display:flex; flex-wrap:wrap; gap:12px;}
.mypage_content_wrap .mp_side .bannerArea a {width:100%; border-radius:6px; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(white, black); isolation: isolate; display: block;}
.mypage_content_wrap .mp_side .bannerArea a img {display: block; width:100%;}

.mypage_content_wrap .mp_side .my_info_mb_wrap {width:100%; display:none; gap:15px;}
.mypage_content_wrap .mp_side .my_info_mb_wrap a {width:calc(33.33% - 10px); border-radius:6px; background-color:#F2F4F7; padding:16px 18px;}
.mypage_content_wrap .mp_side .my_info_mb_wrap a p {font-size:14px; color:#000; font-weight:400; letter-spacing:-0.04em; line-height:18px; margin-bottom:10px;}
.mypage_content_wrap .mp_side .my_info_mb_wrap a b {font-size:18px; color:#000; font-weight:500; letter-spacing:-0.04em; line-height:22px; text-align:right; display: block;}
.mypage_content_wrap .mp_side .my_info_mb_wrap a dl {width:100%; display:flex; justify-content: right;}
.mypage_content_wrap .mp_side .my_info_mb_wrap a dl dd {display:flex;}
.mypage_content_wrap .mp_side .my_info_mb_wrap a dl dd + dd {margin-left:25px;}
.mypage_content_wrap .mp_side .my_info_mb_wrap a dl dd p {font-size:14px; font-weight:500; margin:0; margin-right:6px; margin-top:3px;}
.mypage_content_wrap .mp_side .my_info_mb_wrap a em {font-size:14px; color:#555; font-weight:400; line-height:18px; letter-spacing:-0.04em; margin-left:auto; display:none;}

@media screen and (max-width:1260px) {
    .mypage_content_wrap {margin-top:20px;}
    .mypage_content_wrap .mp_side {width:260px;}
    .mypage_content_wrap .mp_side .my_info_wrap .my_profile {padding:28px 0;}
    .mypage_content_wrap .mp_side .my_info_wrap .my_info {padding:0 18px;}
    .mypage_content_wrap .mp_side .my_info_wrap .mi_btn {padding:18px; padding-bottom:25px;}
}
@media screen and (max-width:1023px) {
    .mypage_content_wrap {display: block; margin-top:0;}
    .mypage_content_wrap.mcWrap {padding-bottom:80px;}
    .mypage_content_wrap .mp_side {display:none;}

    .mypage_main_wrap .mp_side {width:calc(100% - 60px); margin:auto; padding-bottom:25px; margin-bottom:25px; border-bottom:1px solid #eee; display: block;}
    .mypage_main_wrap .mp_side .my_info_wrap {display:flex; padding:30px 0; border:0; align-items: center;}
    .mypage_main_wrap .mp_side .my_info_wrap .my_profile {padding:0; width:78px;}
    .mypage_main_wrap .mp_side .my_info_wrap .my_profile .img {width:78px; height:78px;}
    /* .mypage_main_wrap .mp_side .my_info_wrap .my_profile a.setting {top:-2px; right:-2px; width:24px; height:24px; background:url("/img/doctor_bridge/mypage/setting.png")no-repeat center #fff; background-size:14px; z-index:2; border-radius:100%; box-shadow:-2px 2px 5px rgba(0,0,0,0.15);} */
    .mypage_main_wrap .mp_side .my_info_wrap .my_profile a.setting {top:-2px; right:-2px; width:24px; height:24px; background:url("/img/doctor_bridge/mypage/setting.png")no-repeat center #fff; background-size:14px; z-index:2; border-radius:100%; box-shadow:-2px 2px 5px rgba(0,0,0,0.15); color: transparent;}
    .mypage_main_wrap .mp_side .my_info_wrap .my_profile a.setting:hover {opacity:1;}

    .mypage_main_wrap .mp_side .my_info_wrap .my_info {padding:0; width:calc(100% - 440px); text-align:left; padding-left:20px;}
    .mypage_main_wrap .mp_side .my_info_wrap .my_info p {font-size:19px; line-height:24px;}
    .mypage_main_wrap .mp_side .my_info_wrap .my_info p.certify::before {top:2px; right:-21px;}
    .mypage_main_wrap .mp_side .my_info_wrap .my_info div {margin-top:2px;}
    .mypage_main_wrap .mp_side .my_info_wrap .my_info div span {line-height:22px;}

    .mypage_main_wrap .mp_side .my_info_wrap .mi_btn {width:auto; padding:0;}
    .mypage_content_wrap .mp_side .my_info_wrap .mi_btn .js_mi_btn_slide {width:auto; margin-left:auto;}
    .mypage_content_wrap .mp_side .my_info_wrap .mi_btn .js_mi_btn_slide .swiper-wrapper {flex-wrap:initial; gap:10px;}
    .mypage_content_wrap .mp_side .my_info_wrap .mi_btn .js_mi_btn_slide .swiper-slide {width:auto;}

    .mypage_main_wrap .mp_side .my_info_wrap .mi_btn a.btn {width:auto; border:1px solid #e3e5e8; padding:0 15px; white-space: nowrap;}
    .mypage_main_wrap .mp_side .my_info_wrap .mi_btn a.btn::before {display:none;}
    .mypage_main_wrap .mp_side .my_info_wrap .mi_btn a.btn p,
    .mypage_main_wrap .mp_side .my_info_wrap .mi_btn a.btn p::after {line-height:34px;}
    .mypage_main_wrap .mp_side .my_info_wrap .mi_btn a.btn p b {display:none;}

    .mypage_main_wrap .mp_side .my_info_wrap .mi_btn a.btn.invi.on {background-color:#fff; border:1px solid #4876ef;}
    .mypage_main_wrap .mp_side .my_info_wrap .mi_btn a.btn.match.on {background-color:#fff; border:1px solid #ff3981;}
    .mypage_main_wrap .mp_side .my_info_wrap .mi_btn a.btn.invi.on p {color:#4876ef;}
    .mypage_main_wrap .mp_side .my_info_wrap .mi_btn a.btn.match.on p {color:#ff3981;}
    .mypage_main_wrap .mp_side .my_info_wrap .mi_btn a.btn.invi.on p::after {content:"ON"; color:#4876ef;}
    .mypage_main_wrap .mp_side .my_info_wrap .mi_btn a.btn.match.on p::after {content:"ON"; color:#ff3981;}


    /* 의대생 전환하기 버튼 관련 */
    .mypage_main_wrap .mp_side .my_info_wrap .student_mi_btn {width:100%; padding: 0 0 15px 0;}
    /* .mypage_content_wrap .mp_side .my_info_wrap .student_mi_btn .js_mi_btn_slide {width:auto; margin-left:auto;} */
    .mypage_content_wrap .mp_side .my_info_wrap .student_mi_btn .js_mi_btn_slide .swiper-wrapper {flex-wrap:initial; gap:10px;}
    /* .mypage_content_wrap .mp_side .my_info_wrap .student_mi_btn .js_mi_btn_slide .swiper-slide {width:auto;} */

    .mypage_main_wrap .mp_side .my_info_wrap .student_mi_btn a.btn {width:auto; border:1px solid #e3e5e8; padding:0 15px; white-space: nowrap;}
    .mypage_main_wrap .mp_side .my_info_wrap .student_mi_btn a.btn::before {display:none;}
    .mypage_main_wrap .mp_side .my_info_wrap .student_mi_btn a.btn p,
    .mypage_main_wrap .mp_side .my_info_wrap .student_mi_btn a.btn p::after {line-height:34px;}
    .mypage_main_wrap .mp_side .my_info_wrap .student_mi_btn a.btn p b {display:none;}

    .mypage_main_wrap .mp_side .my_info_wrap .student_mi_btn a.btn.invi.on {background-color:#fff; border:1px solid #4876ef;}
    .mypage_main_wrap .mp_side .my_info_wrap .student_mi_btn a.btn.invi.on p {color:#4876ef;}

    .mypage_main_wrap .mp_side .my_active_list_wrap,
    .mypage_main_wrap .mp_side a.banner {display:none;}

    .mypage_main_wrap .mp_side .my_info_mb_wrap,
    .mypage_main_wrap .mp_side .my_info_wrap .mi_btn a.resume {display: flex;}
}
@media screen and (max-width:900px) {
    .mypage_main_wrap .mp_side .my_info_wrap {flex-wrap:wrap; padding-bottom:20px;}
    .mypage_main_wrap .mp_side .my_info_wrap .my_info {width:calc(100% - 78px);}

    .mypage_content_wrap .mp_side .my_info_wrap .mi_btn .js_mi_btn_slide {width:100%; margin:0;  margin-top:20px;}
    .mypage_content_wrap .mp_side .my_info_wrap .mi_btn .js_mi_btn_slide .swiper-wrapper {gap:0;}
    .mypage_content_wrap .mp_side .my_info_wrap .mi_btn .js_mi_btn_slide .swiper-slide {width:auto; padding-right:10px;}
    .mypage_content_wrap .mp_side .my_info_wrap .mi_btn .js_mi_btn_slide .swiper-slide:last-child {padding-right:0;}
}
@media screen and (max-width:767px) {
    /* .mypage_main_wrap .mp_side {width:calc(100% - 40px); padding-bottom:20px; margin-bottom:20px;} */
    .mypage_main_wrap .mp_side {width:calc(100% - 40px); padding-bottom:0; margin-bottom:20px;}
    .mypage_main_wrap .mp_side .my_info_wrap {padding:0; flex-wrap:wrap; position:relative;}
    .mypage_main_wrap .mp_side .my_info_wrap .my_profile {position: absolute; top:25px; right:0;}


    .mypage_main_wrap .mp_side .my_info_wrap .my_info {padding:30px 0; width:calc(100% - 72px); padding-right:20px; padding-bottom:25px;}
    .mypage_main_wrap .mp_side .my_info_wrap .my_info p {font-size:18px; line-height:22px;}
    .mypage_main_wrap .mp_side .my_info_wrap .my_info p.certify::before {top:1px; right:-20px;}

    .mypage_content_wrap .mp_side .my_info_wrap .mi_btn .js_mi_btn_slide {margin:0;}
    .mypage_main_wrap .mp_side .my_info_wrap .mi_btn {width:100%; margin-top:0; margin-bottom:15px;}
    .mypage_main_wrap .mp_side .my_info_wrap .mi_btn a.btn:hover {opacity:1;}

    .mypage_main_wrap .mp_side .my_info_mb_wrap {width:100%; gap:0; flex-wrap:wrap;}
    .mypage_main_wrap .mp_side .my_info_mb_wrap a {width:calc(50% - 6px); padding:16px 15px; border-radius:8px;}
    .mypage_main_wrap .mp_side .my_info_mb_wrap a:nth-child(2) {margin-left:auto;}

    .mypage_main_wrap .mp_side .my_info_mb_wrap a.point {width:100%; margin-top:12px; background-color:#fff; border:1px solid #e3e5e8; border-radius:8px; display:flex; align-items: center; padding:15px;}
    .mypage_main_wrap .mp_side .my_info_mb_wrap a.point p {display:none;}
    .mypage_main_wrap .mp_side .my_info_mb_wrap a.point b {font-size:16px; line-height:24px; text-align:left; padding-left:32px; background:url("/img/doctor_bridge/mypage/point_icon.png")no-repeat left top; background-size:24px;}
    .mypage_main_wrap .mp_side .my_info_mb_wrap a.point em {display: block;}
    
    .mypageSideBannerWrap {display: block;}
}
@media screen and (max-width:479px) {
    .mypage_main_wrap .mp_side .my_info_wrap .my_profile {width:70px; top:21px;}
    .mypage_main_wrap .mp_side .my_info_wrap .my_profile a.setting {top:-4px; right:-4px;}
    .mypage_main_wrap .mp_side .my_info_wrap .my_profile .img {width:70px; height:70px;}

    .mypage_main_wrap .mp_side .my_info_wrap .my_info p {font-size:17px;}
    .mypage_main_wrap .mp_side .my_info_wrap .my_info p.certify::before {width:15px; height:16px; top:2px;}
    .mypage_main_wrap .mp_side .my_info_wrap .my_info div {margin-top:1px;}
    .mypage_main_wrap .mp_side .my_info_wrap .my_info div span {font-size:13px; line-height:20px;}

    .mypage_main_wrap .mp_side .my_info_wrap .mi_btn a.btn {padding:0 13px;}
    .mypage_main_wrap .mp_side .my_info_wrap .mi_btn a.btn p,
    .mypage_main_wrap .mp_side .my_info_wrap .mi_btn a.btn p::after {font-size:13px; line-height:30px; padding-top:1px;}

    .mypage_main_wrap .mp_side .my_info_wrap .mi_btn a.resume {padding:0 13px;}
    .mypage_main_wrap .mp_side .my_info_wrap .mi_btn a.resume p {font-size:13px; line-height:32px; padding-top:1px;}
    .mypage_main_wrap .mp_side .my_info_wrap .mi_btn a.resume b {font-size:13px; line-height:32px; margin-left:6px; padding-top:1px;}

    .mypage_main_wrap .mp_side .my_info_mb_wrap a {padding:13px 15px; border-radius:6px;}
    .mypage_main_wrap .mp_side .my_info_mb_wrap a p {font-size:14px; margin-bottom:8px;}
    .mypage_main_wrap .mp_side .my_info_mb_wrap a b {font-size:17px; line-height:22px;}
    .mypage_main_wrap .mp_side .my_info_mb_wrap a dl dd + dd {margin-left:20px;}
    .mypage_main_wrap .mp_side .my_info_mb_wrap a dl dd p {font-size:13px; line-height:18px; margin-top:3px;}
    .mypage_main_wrap .mp_side .my_info_mb_wrap a em {font-size:13px;}

    .mypage_main_wrap .mp_side .my_info_mb_wrap a.point {padding:13px 15px; border-radius:6px;}
    .mypage_main_wrap .mp_side .my_info_mb_wrap a.point b {font-size:15px; line-height:22px; text-align:left; padding-left:30px; background-size:22px;}
}


.mypage_content_wrap .mp_container {width:calc(100% - 340px); margin-left:30px;}
.mypage_content_wrap .mp_container .mp_content {width:100%; margin-top:45px;}
@media screen and (max-width:1260px) {
    .mypage_content_wrap .mp_container {width:calc(100% - 315px); margin-left:25px;}
}
@media screen and (max-width:1023px) {
    .mypage_content_wrap .mp_container {width:100%; margin:0;}
}


/* 모바일용 팝업창 활성화 애니메이션 */
.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%);}
}


/* 리스트 none */
/* .listNone {width:100%; text-align: center; padding:30px 0 100px; font-size:0; border-bottom:1px solid #e3e5e8;} */
.listNone {width:100%; text-align: center; padding:30px 0 100px; font-size:0;}
.listNone img{width: 80px; opacity: 0.6; filter: grayscale(0.3);}
.listNone p {font-size:15px; color:#737373; font-weight:normal; line-height:22px; letter-spacing:-0.025em; margin-top: 5px;}
.listNone b {display: block; font-size:14px; color:#5c667b; font-weight:400; line-height:18px; letter-spacing:-0.025em; margin-top:4px;}
.listNone b em {font-size:14px; font-weight:400;}
.listNone b em + em {margin-left:6px;}
.listNone a {font-size:14px; color:#4876ef; font-weight:500; line-height:34px; letter-spacing:-0.025em; display:inline-block; zoom:1; *display:inline; vertical-align:top; border:1px solid #4876ef; padding:0 18px; margin-top:15px; transition:all 0.2s; border-radius:5px; background-color:#fff;}
.listNone a:hover {color:#fff; background-color:#4876ef;}

@media screen and (max-width:767px) {
    .listNone {border:0;}
}
@media screen and (max-width:479px) {
    .listNone p {font-size:16px; line-height:20px;}
    .listNone b {margin-top:4px;}
    .listNone b em {display: block;}
    .listNone b em + em {margin-left:0;}
}



/* 필터 */
.filterWrap {width:100%; margin-top:20px;}
.filterWrap select {width:100%; height:36px; border:1px solid #e3e5e8; padding:0 12px; font-size:14px; color:#000; font-weight:400; letter-spacing:-0.025em; border-radius:6px; background:url("/img/doctor_bridge/mypage/select.png")no-repeat right 12px center #fff; background-size:8px;}
.filterWrap input[type=text] {width:100%; height:36px; border:1px solid #e3e5e8; padding:0 12px; font-size:14px; color:#000; font-weight:400; letter-spacing:-0.025em; border-radius:6px;}

.filterWrap input[type=text]::-webkit-input-placeholder {color:#888; font-size:14px; font-weight:400;}
.filterWrap input[type=text]::-moz-placeholder {color:#888; font-size:14px; font-weight:400;}
.filterWrap input[type=text]:-ms-input-placeholder {color:#888; font-size:14px; font-weight:400;}
.filterWrap input[type=text]:-moz-placeholder {color:#888; font-size:14px; font-weight:400;}
.filterWrap input[type=text]::placeholder {color:#888; font-size:14px; font-weight:400;}

.filterWrap select:focus,
.filterWrap input[type=text]:focus {border:1px solid #999;}

.filterWrap .filterTop {display:none; width:100%;}
.filterWrap .filterTop .f_btn_wrap {width:100%; padding-right:85px; position: relative;}
.filterWrap .filterTop .f_btn_wrap .filter_btn {width:100%; padding:18px 20px; background:url("/img/doctor_bridge/mypage/search_black.png")no-repeat left 20px center; background-size:15px; padding-left:43px; font-size:15px; color:#C7C9CB; font-weight:300; letter-spacing:-0.025em; line-height:20px; cursor: pointer;}

.filterWrap .filterTop .f_btn_wrap a {position: absolute; top:50%; right:20px; font-size:13px; color:#a7aeb5; font-weight:500; letter-spacing:-0.025em; line-height:30px; margin-top:-15px; background:url("/img/doctor_bridge/common/reset.png")no-repeat left top 9px; background-size:11px; padding-left:15px;}

.filterWrap .filterTop .f_select_wrap {width:100%; position: relative;}
.filterWrap .filterTop .f_select_wrap::before {content:""; width:20px; height:100%; position: absolute; top:0; left:0; background:linear-gradient(to right,#fff,rgba(255,255,255,0)); z-index:2;}
.filterWrap .filterTop .f_select_wrap::after {content:""; width:20px; height:100%; position: absolute; top:0; right:0; background:linear-gradient(to left,#fff,rgba(255,255,255,0)); z-index:2;}
.filterWrap .filterTop .f_select_wrap .fs_list_wrap {width:100%;}
.filterWrap .filterTop .f_select_wrap .fs_list_wrap .js_fs_list {padding:0 20px; display:flex; flex-wrap:no-wrap; overflow-x: auto; overflow-y: hidden;  scrollbar-width: none; -ms-overflow-style: none;}
.filterWrap .filterTop .f_select_wrap .fs_list_wrap .js_fs_list::-webkit-scrollbar {display: none;}
.filterWrap .filterTop .f_select_wrap .fs_list_wrap .js_fs_list .fsBox {position: relative; background-color:#F6F8FA; padding:0 10px; border:1px solid #ECEEF1; border-radius:6px; padding-right:28px; margin-bottom:15px; flex:0 0 auto;}
.filterWrap .filterTop .f_select_wrap .fs_list_wrap .js_fs_list .fsBox + .fsBox {margin-left:10px;}
.filterWrap .filterTop .f_select_wrap .fs_list_wrap .js_fs_list .fsBox p {font-size:14px; color:#666; font-weight:400; letter-spacing:-0.025em; line-height:32px;}
.filterWrap .filterTop .f_select_wrap .fs_list_wrap .js_fs_list .fsBox a {width:28px; height:100%; background:url("/img/doctor_bridge/common/filterDel.png")no-repeat center; background-size:8px; position: absolute; top:0; right:0;}

.filterWrap .filterCont {width:100%;}
.filterWrap .filterCont form {width:100%; display:flex; align-items: center; background-color:#f4f6fa; padding:22px 25px; position: relative; border-radius:6px;}
.filterWrap .filterCont .filterDataClose {width:54px; height:56px; background:url("/img/doctor_bridge/common/popClose.png")no-repeat center; background-size:14px; position: absolute; top:0; right:0; display:none;}

.filterWrap .filterCont .f_pd_wrap {display:flex;}
.filterWrap .filterCont .f_pd_wrap p.f_pd_tit {display:none; font-size:15px; color:#222; font-weight:500; letter-spacing:-0.025em; line-height:20px; margin-bottom:6px;}
.filterWrap .filterCont .f_pd_wrap .f_period {width:110px; position: relative;}
.filterWrap .filterCont .f_pd_wrap .f_period .f_p_box {width:100%; height:36px; border:1px solid #e3e5e8; padding:0 12px; font-size:14px; color:#000; font-weight:400; letter-spacing:-0.025em; line-height:35px; border-radius:6px; cursor: pointer; position: relative; background-color:#fff;}
.filterWrap .filterCont .f_pd_wrap .f_period .f_p_box::before {content:""; background:url("/img/doctor_bridge/mypage/select.png")no-repeat center; background-size:100%; width:8px; height:8px; position: absolute; top:50%; right:12px; margin-top:-4px; transition:all 0.2s;}

.filterWrap .filterCont .f_pd_wrap .f_period .f_p_list {width:100%; position: absolute; top:35px; left:0; border:1px solid #e3e5e8; background-color:#fff; border-radius:0 0 6px 6px; display:none; z-index: 9;}
.filterWrap .filterCont .f_pd_wrap .f_period .f_p_list label {display: block; width:100%; cursor: pointer;}
.filterWrap .filterCont .f_pd_wrap .f_period .f_p_list label + label {border-top:1px solid #eee;}
.filterWrap .filterCont .f_pd_wrap .f_period .f_p_list label input {display:none;}
.filterWrap .filterCont .f_pd_wrap .f_period .f_p_list label div {padding:8px 12px; font-size:14px; color:#555; font-weight:400; letter-spacing:-0.025em; line-height:20px; transition:all 0.2s;}
.filterWrap .filterCont .f_pd_wrap .f_period .f_p_list label div b {font-size:14px; color:#555; font-weight:400;  transition:all 0.2s;}
.filterWrap .filterCont .f_pd_wrap .f_period .f_p_list label:hover div {background-color:#fafafa; color:#000;}
.filterWrap .filterCont .f_pd_wrap .f_period .f_p_list label:hover div b {color:#000;}

.filterWrap .filterCont .f_pd_wrap .f_period.on .f_p_box {border-radius:8px 8px 0 0;}
.filterWrap .filterCont .f_pd_wrap .f_period.on .f_p_box::before {transform:rotate(-180deg);}
.filterWrap .filterCont .f_pd_wrap .f_period.on .f_p_list {display: block;}

.filterWrap .filterCont .f_pd_wrap .f_date {margin-left:12px;}
.filterWrap .filterCont .f_pd_wrap .f_date .pc_date {display:flex; align-items:center;}
.filterWrap .filterCont .f_pd_wrap .f_date .pc_date input {width:100px; cursor: pointer; letter-spacing:0;}
.filterWrap .filterCont .f_pd_wrap .f_date .pc_date div {width:16px; text-align: center; font-size:14px; color:#000; font-weight:400; line-height:20px;}
.filterWrap .filterCont .f_pd_wrap .f_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;}

/* .filterWrap .filterCont .f_search {width:calc(100% - 559px); margin-left:12px; position:relative; order:1;} */
.filterWrap .filterCont .f_search {width:100%; margin-left:12px; position:relative; order:1;}

.filterWrap .filterCont .f_btn {margin-left:12px; order:2; display:flex;}
.filterWrap .filterCont .f_btn a.submit {width:100px; border:1px solid #4876EF; border-radius:100px; display: flex; justify-content: center; background-color:#4876EF; order:-1;}
.filterWrap .filterCont .f_btn a.submit:hover {border:1px solid #2d53b4; background-color: #2d53b4;}
.filterWrap .filterCont .f_btn a.submit p {padding-left:22px; font-size:14px; color:#fff; font-weight:400; letter-spacing:-0.025em; line-height:30px; background:url("/img/doctor_bridge/mypage/search_white.png")no-repeat left center; background-size:15px;}

.filterWrap .filterCont .f_btn a.reset {width:85px; border:1px solid #e3e5e8; border-radius:100px; margin-left:12px; display: flex; justify-content: center; background-color: #fff;}
.filterWrap .filterCont .f_btn a.reset:hover {border:1px solid #888;}
.filterWrap .filterCont .f_btn p {padding-left:20px; font-size:14px; color:#555; font-weight:400; letter-spacing:-0.025em; line-height:30px; background:url("/img/doctor_bridge/mypage/reset.png")no-repeat left center #fff; background-size:14px;}

.filterWrap .m_filter_add {width:100%; display:none; align-items: center; padding:0 20px; gap:12px;}
.filterWrap .m_filter_add .mfBox {width:100%;}
.filterWrap .m_filter_add .mfBox b {font-size:15px; color:#222; font-weight:500; letter-spacing:-0.025em; line-height:20px; margin-bottom:6px; display: block;}
.filterWrap .m_filter_add .mfBox select {width:100%; height:42px; border:1px solid #e3e5e8; padding:0 12px; font-size:14px; color:#000; font-weight:400; letter-spacing:-0.025em; border-radius:6px; background:url("/img/doctor_bridge/mypage/select.png")no-repeat right 12px center #fff; background-size:10px;}
.filterWrap .m_filter_add .mfBox select + select {margin-left:10px;}


.point_wrap .filterWrap .filterCont .f_search {width:calc(100% - 630px); margin-left:10px;}
.point_wrap .filterWrap .filterCont .f_type {width:110px; order:0; margin-left:10px;}
.point_wrap .filterWrap .filterCont .f_pd_wrap .f_period {width:95px;}
.point_wrap .filterWrap .filterCont .f_pd_wrap .f_date {margin-left:10px;}
.point_wrap .filterWrap .filterCont .f_btn {margin-left:20px;}
.point_wrap .filterWrap .filterCont .f_btn a.submit {width:auto;}
.point_wrap .filterWrap .filterCont .f_btn a.submit p {padding:0; font-size:0; background:url("/img/doctor_bridge/mypage/search_white.png")no-repeat center; background-size:15px; width:30px;}
.point_wrap .filterWrap .filterCont .f_btn a.reset {margin-left:10px;}


@media screen and (max-width:1260px) {
    .filterWrap {margin-top:18px;}
    .filterWrap .filterCont form {padding:20px 25px; flex-wrap:wrap;}
    .filterWrap .filterCont .f_pd_wrap .f_date {margin-left:12px;}
    .filterWrap .filterCont .f_pd_wrap .f_date .pc_date {display:flex; align-items:center;}
    .filterWrap .filterCont .f_pd_wrap .f_date .pc_date div {width:20px;}
    .filterWrap .filterCont .f_pd_wrap .f_date .pc_date input {width:110px; text-align: center;}
    .filterWrap .filterCont .f_search {width:calc(100% - 374px); margin-left:12px;}

    .filterWrap .filterCont .f_btn {width:100%; justify-content: center; margin:0; margin-top:16px; order:2;}
    .filterWrap .filterCont .f_btn a.submit {width:150px;}
    .filterWrap .filterCont .f_btn a.submit p {line-height:34px; background-position:left center; text-align: center; padding-left:20px;}
    .filterWrap .filterCont .f_btn a.reset {width:150px;}
    .filterWrap .filterCont .f_btn a.reset p {line-height:34px; background-position:left center; text-align: center; padding-left:20px;}

    .point_wrap .filterWrap .filterCont .f_search {width:100%; margin:0; margin-top:10px;}
    .point_wrap .filterWrap .filterCont .f_type {width:120px;}

    .point_wrap .filterWrap .filterCont .f_pd_wrap {width:calc(100% - 130px);}
    .point_wrap .filterWrap .filterCont .f_pd_wrap .f_period {width:120px;}
    .point_wrap .filterWrap .filterCont .f_pd_wrap .f_date {margin-left:10px; width:calc(100% - 130px);}
    .point_wrap .filterWrap .filterCont .f_pd_wrap .f_date .pc_date input {width:calc(50% - 8px);}
    .point_wrap .filterWrap .filterCont .f_btn {margin-left:0;}
    .point_wrap .filterWrap .filterCont .f_btn a.submit {width:150px;}
    .point_wrap .filterWrap .filterCont .f_btn a.submit p {padding-left:22px; font-size:14px; background-position:left center; width:auto;}
    .point_wrap .filterWrap .filterCont .f_btn a.reset {margin-left:10px;}

}
@media screen and (max-width:1023px) {
    .filterWrap {margin-top:15px;}
    .filterWrap .filterCont .f_c_btn {margin-top:15px;}
}
@media screen and (max-width:767px) {
    .filterWrap {margin:0; padding:0;}
    .filterWrap select {width:110px; height:38px; border-radius:100px; background-position:right 12px center; background-size:9px;}
    .filterWrap input {height:38px; padding:0 12px; border-radius:100px;}

    .filterWrap .filterTop {display:block;}
    .filterWrap .filterCont {position: fixed; top:0; left:0; z-index:99999; background-color:#fff; display:none; padding-bottom:25px;}
    .filterWrap .filterCont.show {display:block;}
    .filterWrap .filterCont form {padding:0; background-color:#fff;}

    .filterWrap .filterCont .filterDataClose {display:block; z-index: 9999; cursor: pointer;}

    .filterWrap .filterCont .f_search {width:100%; margin:0; position:relative; order:0; padding-right:54px; border-bottom:1px solid #e3e5e8;}
    .filterWrap .filterCont .f_search input {height:56px; border:0; background:url("/img/doctor_bridge/mypage/search_black.png")no-repeat left 20px center; background-size:15px; padding-left:45px; font-size:17px; color:#000; font-weight:400; letter-spacing:-0.025em; line-height:20px;}
    .filterWrap .filterCont .f_search input::-webkit-input-placeholder {color:#C7C9CB; font-size:15px; font-weight:300;}
    .filterWrap .filterCont .f_search input::-moz-placeholder {color:#C7C9CB; font-size:15px; font-weight:300;}
    .filterWrap .filterCont .f_search input:-ms-input-placeholder {color:#C7C9CB; font-size:15px; font-weight:300;}
    .filterWrap .filterCont .f_search input:-moz-placeholder {color:#C7C9CB; font-size:15px; font-weight:300;}
    .filterWrap .filterCont .f_search input::placeholder {color:#C7C9CB; font-size:15px; font-weight:300;}

    .filterWrap .filterCont .f_pd_wrap {width:100%; padding:20px; display: block;}
    .filterWrap .filterCont .f_pd_wrap p.f_pd_tit {display: block;}
    .filterWrap .filterCont .f_pd_wrap .f_period {width:100%;}
    .filterWrap .filterCont .f_pd_wrap .f_period .f_p_box {display:none;}
    .filterWrap .filterCont .f_pd_wrap .f_period .f_p_list {position:static; border:0; display:flex!important; gap:12px;}
    .filterWrap .filterCont .f_pd_wrap .f_period .f_p_list label + label {border:0;}
    .filterWrap .filterCont .f_pd_wrap .f_period .f_p_list label div {padding:11px 12px; text-align: center; border:1px solid #e3e5e8; border-radius:6px;}
    .filterWrap .filterCont .f_pd_wrap .f_period .f_p_list label div b {display:none;}
    .filterWrap .filterCont .f_pd_wrap .f_period .f_p_list label:hover div {background-color:#fff; color:#555;}
    .filterWrap .filterCont .f_pd_wrap .f_period .f_p_list label input:checked + div {color:#4876EF; border:1px solid #4876EF; font-weight:500;}

    .filterWrap .filterCont .f_pd_wrap .f_date {width:100%; margin:0; margin-top:12px;}
    .filterWrap .filterCont .f_pd_wrap .f_date .pc_date {display:none;}
    .filterWrap .filterCont .f_pd_wrap .f_date .m_date {display:block; height:50px; line-height:48px; font-size:15px; border-radius:6px;}

    .filterWrap .m_filter_add {display:flex;}
    .filterWrap .m_filter_add .mfBox select {height:50px;}

    .filterWrap .filterCont .f_btn {display:flex; margin-top:20px;}
    .filterWrap .filterCont .f_btn a.reset {display:none;}
    .filterWrap .filterCont .f_btn a.submit {width:200px;}
    .filterWrap .filterCont .f_btn a.submit p {font-size:16px; line-height:42px; background-size: 16px; padding-left:22px;}

    .point_wrap .filterWrap .filterCont .f_search {width:100%; margin-left:0;}
    .point_wrap .filterWrap .filterCont .f_pd_wrap {width:100%;}
    .point_wrap .filterWrap .filterCont .f_pd_wrap .f_period {width:100%;}
    .point_wrap .filterWrap .filterCont .f_pd_wrap .f_date {margin-left:0; width:100%;}
    .point_wrap .filterWrap .filterCont .f_type {width:100%; margin-left:0; padding:0 20px;}
    .point_wrap .filterWrap .filterCont .f_type select {width:100%; height:48px; border-radius:0; border-radius:6px;}
    .point_wrap .filterWrap .filterCont .f_btn {margin-left:0; padding:0 20px;}
    .point_wrap .filterWrap .filterCont .f_btn a.submit {width:100%;}
    .point_wrap .filterWrap .filterCont .f_btn a.submit p {padding-left:0; font-size:16px; line-height:48px; background:none;}

    @media (orientation: landscape) {
        .filterWrap .filterCont {height:100vh; height:calc((var(--vh, 1vh) * 100)); overflow-y: auto;}
    }
}
@media screen and (max-width:540px) {
    .filterWrap .filterCont .f_pd_wrap .f_period .f_p_list {display:block; gap:0; overflow: hidden; padding-left:1px;}
    .filterWrap .filterCont .f_pd_wrap .f_period .f_p_list label {width:calc(20% + 1px); margin-left:-1px; float:left;}
    .filterWrap .filterCont .f_pd_wrap .f_period .f_p_list label div {padding:9px 5px; font-size:13px; border-radius:0; border:0; position: relative; border-top:1px solid #e3e5e8; border-bottom:1px solid #e3e5e8;}
    .filterWrap .filterCont .f_pd_wrap .f_period .f_p_list label div::before {content:""; width:1px; height:100%; background-color:#e7edf3; position:absolute; top:0; left:0;}
    .filterWrap .filterCont .f_pd_wrap .f_period .f_p_list label div::after {content:""; width:1px; height:100%; background-color:#e7edf3; position:absolute; top:0; right:0;}
    .filterWrap .filterCont .f_pd_wrap .f_period .f_p_list label:first-child div {border-left:1px solid #e7edf3; border-radius:5px 0 0 5px;}
    .filterWrap .filterCont .f_pd_wrap .f_period .f_p_list label:first-child div::before {display:none;}
    .filterWrap .filterCont .f_pd_wrap .f_period .f_p_list label:last-child div {border-right:1px solid #e7edf3; border-radius:0 5px 5px 0;}
    .filterWrap .filterCont .f_pd_wrap .f_period .f_p_list label:last-child div::after {display:none;}

    .filterWrap .filterCont .f_pd_wrap .f_period .f_p_list label input:checked + div {border:0; border-top:1px solid #4463EF; border-bottom:1px solid #4463EF; color:#4463EF; z-index:2;}
    .filterWrap .filterCont .f_pd_wrap .f_period .f_p_list label:first-child input:checked + div {border-left:1px solid #4463EF;}
    .filterWrap .filterCont .f_pd_wrap .f_period .f_p_list label:last-child input:checked + div {border-right:1px solid #4463EF;}
    .filterWrap .filterCont .f_pd_wrap .f_period .f_p_list label input:checked + div::before,
    .filterWrap .filterCont .f_pd_wrap .f_period .f_p_list label input:checked + div::after {background-color:#4463EF;}
}
@media screen and (max-width:479px) {
    .filterWrap select {width:100px; height:36px; font-size:13px;}
    .filterWrap input {height:36px; font-size:13px;}

    .filterWrap .filterCont {padding-bottom:22px;}
    /* .filterWrap .filterCont .filterDataClose {width:52px; height:50px; background-size:12px;} */
    .filterWrap .filterCont .filterDataClose {width:52px; height:50px; background-size:12px; z-index: 99;}
    .filterWrap .filterCont .f_search {padding-right:52px;}
    .filterWrap .filterCont .f_search input {height:50px; background-size:15px; padding-left:43px; font-size:14px;}
    .filterWrap .filterCont .f_search input::-webkit-input-placeholder {font-size:14px;}
    .filterWrap .filterCont .f_search input::-moz-placeholder {font-size:14px;}
    .filterWrap .filterCont .f_search input:-ms-input-placeholder {font-size:14px;}
    .filterWrap .filterCont .f_search input:-moz-placeholder {font-size:14px;}
    .filterWrap .filterCont .f_search input::placeholder {font-size:14px;}

    .filterWrap .filterCont .f_pd_wrap p.f_pd_tit {font-size:14px; line-height:18px; font-weight:400;}

    .filterWrap .filterCont .f_pd_wrap .f_date {margin-top:8px;}
    .filterWrap .filterCont .f_pd_wrap .f_date .m_date {font-size:14px; height:46px; line-height:44px;}

    .filterWrap .m_filter_add {display:block;}
    .filterWrap .m_filter_add .mfBox {width:100%;}
    .filterWrap .m_filter_add .mfBox + .mfBox {margin:0; margin-top:20px;}
    .filterWrap .m_filter_add .mfBox b {font-size:14px; line-height:18px; font-weight:400;}
    .filterWrap .m_filter_add .mfBox select {height:42px; font-size:14px; padding:0 12px; background-position:center right 12px; background-size:9px; border-radius:5px;}

    .filterWrap .filterCont .f_btn {padding:0 20px;margin-top:18px;}
    .filterWrap .filterCont .f_btn a.submit {border-radius:5px; width:100%;}
    .filterWrap .filterCont .f_btn a.submit p {font-size:15px; line-height:41px; padding-left:0; background:none;}

    .point_wrap .filterWrap .filterCont .f_type select {height:46px; border-radius:5px;}
    .point_wrap .filterWrap .filterCont .f_btn a.submit p {font-size:15px; line-height:42px;}

}

.popupBg {width:100%; height:100%; background-color:rgba(0,0,0,0.5); position: fixed; top:0; left:0; z-index:99998; display:none;}


/* =========================
    병원회원 마이페이지 공통
========================= */
/* .h_mypage_wrap {width:100%; padding-top:66px;} */
body:has(.h_mypage_wrap) {overflow-x:auto;}

.h_mypage_wrap {width:100%; padding-top:66px; background: #fff;}
.h_mypage_wrap * {box-sizing: border-box;}

.h_mypage_wrap input, .h_mypage_wrap textarea, .h_mypage_wrap select { -webkit-border-radius:0; -moz-appearance:none; -webkit-appearance:none; appearance:none;}
.h_mypage_wrap input[type=radio], .h_mypage_wrap input[type=checkbox] {-webkit-border-radius:0; -moz-appearance:none; appearance:none;}
.h_mypage_wrap input::-ms-clear {display: none;}
.h_mypage_wrap input:focus {outline:none;}
.h_mypage_wrap select:focus {outline:none;}
.h_mypage_wrap button:focus {outline:none;}
.h_mypage_wrap textarea:focus {outline:none; border-radius:0; box-shadow: 0;}
.h_mypage_wrap select::-ms-expand {display:none}
.h_mypage_wrap input:-webkit-autofill,
.h_mypage_wrap input:-webkit-autofill:hover,
.h_mypage_wrap input:-webkit-autofill:focus,
.h_mypage_wrap input:-webkit-autofill:active {-webkit-text-fill-color: #000; -webkit-box-shadow: 0 0 0px 1000px #fff inset; box-shadow: 0 0 0px 1000px #fff inset; transition: background-color 5000s ease-in-out 0s;}
.h_mypage_wrap :focus-visible {outline-color:#0068B7;}

.hm_header {width:100%; border-bottom:1px solid #e3e5e8; position: fixed; top:0; left:0;background-color:#fff; z-index:9;}
.hm_header * {box-sizing: border-box;}
.hm_header .hm_box {width:100%;}
.hm_header .hm_box .hm_inner {width:100%; height:65px; padding:0 35px; display:flex; align-items: center; position: relative;}
.hm_header .hm_box .hm_inner .hm_left {display:flex; align-items: center;}
.hm_header .hm_box .hm_inner .hm_left a {display: block;}
.hm_header .hm_box .hm_inner .hm_left a img {display: block; height:35px;}
.hm_header .hm_box .hm_inner .hm_left em {font-size:15px; color:#333; font-weight:500; letter-spacing:-0.025em; line-height:20px; padding-top:1px; margin-left:20px;}

.hm_header .hm_box .hm_inner .hm_right {margin-left:auto; display:flex; align-items: center;}
.hm_header .hm_box .hm_inner .hm_right .notify {margin-right:15px;}
.hm_header .hm_box .hm_inner .hm_right .notify .icon {width:40px; height:40px; background:url("/img/doctor_bridge/intro/alram.png")no-repeat center #fff; background-size:18px; border-radius:100%; transition:all 0.2s; cursor: pointer;}
.hm_header .hm_box .hm_inner .hm_right .notify .icon:hover {background-color:#eef0f3;}

.hm_header .hm_box .hm_inner .hm_right a.logInfo {display:flex; align-items: center; position: relative; margin-right:49px;}
.hm_header .hm_box .hm_inner .hm_right a.logInfo::before {content:""; width:1px; height:14px; background-color:#e3e5e8; position: absolute; right:-23px; top:50%; margin-top:-7px;}
.hm_header .hm_box .hm_inner .hm_right a.logInfo .photo {width:38px; height:38px; border:1px solid #e3e5e8; border-radius:100%; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(white, black); isolation: isolate; transition:all 0.2s;}
.hm_header .hm_box .hm_inner .hm_right a.logInfo .photo img {width:100%; height:100%; object-fit: cover; display: block;}
.hm_header .hm_box .hm_inner .hm_right a.logInfo .photo img[src=""] {display:none;}

.hm_header .hm_box .hm_inner .hm_right a.logInfo p {max-width:140px; font-size:15px; color:#333; font-weight:400; letter-spacing:-0.025em; line-height:20px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; margin-left:10px; transition:all 0.2s; padding-top:2px;}
.hm_header .hm_box .hm_inner .hm_right a.logInfo:hover .photo {border:1px solid #4463EF;}
.hm_header .hm_box .hm_inner .hm_right a.logInfo:hover p {color:#4463EF;}

.hm_header .hm_box .hm_inner .hm_right a.home {width:100px; font-size:15px; color:#888; font-weight:400; letter-spacing:-0.025em; line-height:36px; border:1px solid #e3e5e8; border-radius:100px; text-align: center; transition:all 0.2s;}
.hm_header .hm_box .hm_inner .hm_right a.home:hover {border:1px solid #666; color:#333;}


.hm_header .hm_box .hm_inner .hm_right.renew .box_btn {position:relative;padding-right:25px;display:flex;align-items:center;gap:25px;}
.hm_header .hm_box .hm_inner .hm_right.renew .box_btn:after {content:'';position:absolute;top:50%;right:0;transform:translateY(-50%);width:1px;height:10px;background-color:#e3e5e8;}
.hm_header .hm_box .hm_inner .hm_right.renew .box_btn .btn_search {width:19px;height:20px;background:url('/img/doctor_bridge/main/invt_search_b.png') no-repeat 0 0;background-size:100%;}
.hm_header .hm_box .hm_inner .hm_right.renew .box_btn .btn_alarm {width:19px;height:21px;background:url('/img/doctor_bridge/main/icon_alarm.png') no-repeat 0 0;background-size:100%;}
.hm_header .hm_box .hm_inner .hm_right.renew .box_btn .btn_alarm.new {position:relative;}
.hm_header .hm_box .hm_inner .hm_right.renew .box_btn .btn_alarm.new:after {content:'N';position:absolute;top:-3px;right:-6px;width:14px;height:14px;border-radius:50%;font-family:'Spoqa Han Sans Neo',sans-serif!important;font-size:8px;font-weight:700;line-height:14px;color:#fff;text-align:center;background-color:#ff1552;}
.hm_header .hm_box .hm_inner .hm_right.renew a.logInfo {margin:0 0 0 20px;}
.hm_header .hm_box .hm_inner .hm_right.renew a.logInfo::before {display:none;}
.hm_header .hm_box .hm_inner .hm_right.renew a.logInfo p {font-size:13px;color:#555;}
.hm_header .hm_box .hm_inner .hm_right.renew a.logInfo .photo {width:30px;height:30px;}
.hm_header .hm_box .hm_inner .hm_right.renew a.home {display:none;}


.hm_header .hm_box .hm_inner .hm_btn {margin-left:auto; display:flex; align-items: center;}
.hm_header .hm_box .hm_inner .hm_btn div {display:flex; align-items: center; position: relative; margin-right:40px;}
.hm_header .hm_box .hm_inner .hm_btn div::before {content:""; width:1px; height:14px; background-color:#e3e5e8; position: absolute; top:4px; left:50%;}
.hm_header .hm_box .hm_inner .hm_btn div a {font-size:15px; color:#555; font-weight:500; letter-spacing:-0.025em; line-height:21px; transition:all 0.2s;}
.hm_header .hm_box .hm_inner .hm_btn div a.prev {padding-left:20px; background:url("/img/doctor_bridge/mypage/h_prev_btn.png")no-repeat left top 4px;}
.hm_header .hm_box .hm_inner .hm_btn div a.next {padding-right:20px; background:url("/img/doctor_bridge/mypage/h_next_btn.png")no-repeat right top 4px; margin-left:42px;}
.hm_header .hm_box .hm_inner .hm_btn div a.prev:hover {color:#23c0ab; background-image:url("/img/doctor_bridge/mypage/h_prev_btn_ov.png");}
.hm_header .hm_box .hm_inner .hm_btn div a.next:hover {color:#23c0ab; background-image:url("/img/doctor_bridge/mypage/h_next_btn_ov.png");}
.hm_header .hm_box .hm_inner .hm_btn div a.prev.hidden {color:#555; background-image:url("/img/doctor_bridge/mypage/h_prev_btn.png"); opacity:0.7; cursor: default;}
.hm_header .hm_box .hm_inner .hm_btn div a.next.hidden {color:#555; background-image:url("/img/doctor_bridge/mypage/h_next_btn.png"); opacity:0.7; cursor: default;}

.hm_header .hm_box .hm_inner .hm_btn a.close {width:35px; height:35px; border-radius:100%; background:url("/img/doctor_bridge/mypage/h_close.png")no-repeat center #333; transition:all 0.2s; opacity:1;}
.hm_header .hm_box .hm_inner .hm_btn a.close:hover {opacity:0.6;}


.hm_section {width:fit-content; min-width:100%; position: relative; display:flex; justify-content: space-between;}

.hm_nav_wrap {width:284px; border-right:1px solid #e3e5e8; background-color:#fff; z-index:1;}

.hm_nav_wrap .scroll-wrapper {overflow: hidden !important;  padding: 0 !important; position: relative;}
.hm_nav_wrap .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;}
.hm_nav_wrap .scroll-wrapper > .scroll-content::-webkit-scrollbar { height: 0; width: 0;}
.hm_nav_wrap .scroll-element { display: none;}
.hm_nav_wrap .scroll-element, .scroll-element div { box-sizing: content-box;}
.hm_nav_wrap .scroll-element.scroll-x.scroll-scrollx_visible,
.hm_nav_wrap .scroll-element.scroll-y.scroll-scrolly_visible { display: block;}
.hm_nav_wrap .scroll-element .scroll-bar,
.hm_nav_wrap .scroll-element .scroll-arrow { cursor: default;}
.hm_nav_wrap .scroll-textarea {border: 1px solid #cccccc; border-top-color: #999999;}
.hm_nav_wrap .scroll-textarea > .scroll-content { overflow: hidden !important;}
.hm_nav_wrap .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;}
.hm_nav_wrap .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar { height: 0; width: 0;}
.hm_nav_wrap .scrollbar-outer > .scroll-element,
.hm_nav_wrap .scrollbar-outer > .scroll-element div{ border: none; margin: 0; padding: 0; position: absolute; z-index: 10;}
.hm_nav_wrap .scrollbar-outer > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; }
.hm_nav_wrap .scrollbar-outer > .scroll-element.scroll-x { display:none; bottom: 0; height: 12px; left: 0; width: 100%;}
.hm_nav_wrap .scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer { height: 8px; top: 0;}
.hm_nav_wrap .scrollbar-outer > .scroll-element .scroll-element_outer { overflow: hidden; }
.hm_nav_wrap .scrollbar-outer > .scroll-element .scroll-element_track { background-color:none; }
.hm_nav_wrap .scrollbar-outer > .scroll-element .scroll-element_outer,
.hm_nav_wrap .scrollbar-outer > .scroll-element .scroll-element_track,
.hm_nav_wrap .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;}
.hm_nav_wrap .scrollbar-outer > .scroll-content.scroll-scrolly_visible { left:0; margin-left: 0; }
.hm_nav_wrap .scrollbar-outer > .scroll-content.scroll-scrollx_visible { top:  -12px; margin-top:  12px;}
.hm_nav_wrap .scrollbar-outer > .scroll-element.scroll-x .scroll-bar { min-width: 10px; }
.hm_nav_wrap .scrollbar-outer > .scroll-element.scroll-y .scroll-bar { min-height: 10px; }
.hm_nav_wrap .scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -14px; }
.hm_nav_wrap .scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -14px; }
.hm_nav_wrap .scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -14px; }
.hm_nav_wrap .scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -14px; }

.hm_nav_wrap .scrollbar-outer > .scroll-element.scroll-y {height:calc(100% - 9px); right: 0; top:4px; width:7px; position:absolute;}
.hm_nav_wrap .scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer {left:0; width:3px;}
.hm_nav_wrap .scrollbar-outer > .scroll-element .scroll-bar { background-color: #e0e0e0; cursor: pointer;}
.hm_nav_wrap .scrollbar-outer > .scroll-element .scroll-bar:hover { background-color: #ccc;}
.hm_nav_wrap .scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar { background-color: #acacac;}

.hm_nav_wrap .back {width:100%;}
.hm_nav_wrap .back a {display:flex; border:1px solid #e3e5e8; border-radius:6px; padding-left:20px; transition:all 0.2s;}
.hm_nav_wrap .back a p {font-size:15px; color:#555; font-weight:400; letter-spacing:-0.025em; line-height:55px; position: relative; padding-left:27px;}
.hm_nav_wrap .back a p::before {content:""; width:16px; height:12px; background:url("/img/doctor_bridge/mypage/h_back.png")no-repeat; position: absolute; top:21px; left:0;}
.hm_nav_wrap .back a:hover {border:1px solid #555;}

.hm_nav_wrap .nav_comm {width:100%; height:100%!important;}
.hm_nav_wrap .nav_comm .hm_nav_inner {width:100%; padding:30px;}
.hm_nav_wrap .nav_comm a.wBtn {display: flex; justify-content: center; width:100%; border-radius:6px; padding:15px 0; transition:all 0.2s;}
.hm_nav_wrap .nav_comm a.wBtn em {display:block; font-size:16px; font-weight:500; letter-spacing:-0.025em; line-height:23px; position: relative; padding-left:25px; transition:all 0.2s;}
.hm_nav_wrap .nav_comm a.wBtn em::before {content:""; width:2px; height:14px; position:absolute; top:3px; left:6px; transition:all 0.2s;}
.hm_nav_wrap .nav_comm a.wBtn em::after {content:""; width:14px; height:2px; position:absolute; top:9px; left:0; transition:all 0.2s;}
.hm_nav_wrap .nav_comm a.wBtn.iniv_btn {border:1px solid #4463EF; background-color:#EFF5FF;}
.hm_nav_wrap .nav_comm a.wBtn.iniv_btn em {color:#4463EF;}
.hm_nav_wrap .nav_comm a.wBtn.iniv_btn em::before,
.hm_nav_wrap .nav_comm a.wBtn.iniv_btn em::after {background-color:#4463EF;}
.hm_nav_wrap .nav_comm a.wBtn.match_btn {border:1px solid #ff3981; background-color:#ffeff5; margin-top:10px;}
.hm_nav_wrap .nav_comm a.wBtn.match_btn em {color:#ff3981;}
.hm_nav_wrap .nav_comm a.wBtn.match_btn em::before,
.hm_nav_wrap .nav_comm a.wBtn.match_btn em::after {background-color:#ff3981;}

.hm_nav_wrap .nav_comm a.wBtn.iniv_btn:hover {background-color:#4463EF;}
.hm_nav_wrap .nav_comm a.wBtn.match_btn:hover {background-color:#ff3981;}
.hm_nav_wrap .nav_comm a.wBtn:hover em {color:#fff;}
.hm_nav_wrap .nav_comm a.wBtn:hover em::before,
.hm_nav_wrap .nav_comm a.wBtn:hover em::after {background-color:#fff;}

.hm_nav_wrap .nav_comm .list {width:100%; margin-top:28px; border-top:1px solid #e3e5e8;}
.hm_nav_wrap .nav_comm .list .lBox {width:100%; padding:28px 0; border-bottom:1px solid #e3e5e8;}
.hm_nav_wrap .nav_comm .list .lBox a {display:flex; align-items: center; transition:all 0.2s;}
.hm_nav_wrap .nav_comm .list .lBox a + a {margin-top:18px;}
.hm_nav_wrap .nav_comm .list .lBox a p {font-size:16px; color:#333; font-weight:400; letter-spacing:-0.025em; line-height:20px; padding-top:2px;}
.hm_nav_wrap .nav_comm .list .lBox a:hover {opacity:0.6;}
.hm_nav_wrap .nav_comm .list .lBox a.hit {background:url("/img/doctor_bridge/mypage/hm_nav_arrow.png")no-repeat right center;}
.hm_nav_wrap .nav_comm .list .lBox a.hit p {color:#23c0ab; font-weight:500;}

.hm_nav_wrap .nav_comm .list .lBox div {width:100%; margin-top:18px;}
.hm_nav_wrap .nav_comm .list .lBox div b {font-size:16px; color:#333; font-weight:400; letter-spacing:-0.025em; line-height:20px; padding-top:1px; display: block;}
.hm_nav_wrap .nav_comm .list .lBox div a {margin-top:12px;}
.hm_nav_wrap .nav_comm .list .lBox div a + a {margin-top:8px;}
.hm_nav_wrap .nav_comm .list .lBox div a em {font-size:15px; color:#555; font-weight:400; letter-spacing:-0.025em; line-height:21px; margin-left:10px;}
.hm_nav_wrap .nav_comm .list .lBox div a.hit em {color:#23c0ab; font-weight:500;}

.hm_nav_wrap .nav_comm .list .lBox:last-child a:last-child p {width:90px;}
.hm_nav_wrap .nav_comm .list .lBox a span {font-size:16px; color:#000; font-weight:500; line-height:20px; margin-left:auto; max-width:calc(100% - 90px); padding-top:2px;}
.hm_nav_wrap .nav_comm .list .lBox a.hit span {padding-right:20px; color:#23c0ab; font-weight:600;}

.hm_nav_wrap .nav_comm .logout {width:100%; margin-top:28px; display:flex;}
.hm_nav_wrap .nav_comm .logout a {font-size:15px; color:#888; font-weight:400; letter-spacing:-0.025em; line-height:20px; transition:all 0.2s;}
.hm_nav_wrap .nav_comm .logout a:hover {color:#bcbcbc;}

.hm_nav_wrap .nav_comm .bannerArea {width:100%; margin-top:20px; display:flex; flex-wrap:wrap; gap:12px;}
.hm_nav_wrap .nav_comm .bannerArea a {width: 100%; border-radius: 6px; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(white, black); isolation: isolate; display: block; font-size: 0;}
.hm_nav_wrap .nav_comm .bannerArea a img{width:100%;}


.hm_content_wrap {width:calc(100% - 284px);}

.h_list_none {width:100%; text-align: center; font-size:0; padding:35px 0;}
.h_list_none p {font-size:16px; color:#4f5157; font-weight:600; line-height:20px; letter-spacing:-0.025em;}
.h_list_none b {display:block; font-size:13px; color:#5c667b; font-weight:400; line-height:18px; letter-spacing:-0.025em; margin-top:3px;}
.h_list_none a {font-size:14px; color:#23c0ab!important; font-weight:500; line-height:36px!important; letter-spacing:-0.025em; display:inline-block; zoom:1; *display:inline; vertical-align:top; border:1px solid #23c0ab; padding:0 18px; margin-top:12px; transition:all 0.2s; border-radius:5px; background-color:#fff;}
.h_list_none a:hover {color:#fff!important; background-color:#23c0ab; text-decoration: none!important;}


.hm_content_wrap .h_title {width:100%; max-width:1200px; display:flex; align-items: center; margin:auto; margin-bottom:20px;}
.hm_content_wrap .h_title p {font-size:20px; color:#000; font-weight:500; letter-spacing:-0.04em; line-height:24px;}
.hm_content_wrap .h_title a.down {font-size:15px; color:#23c0ab; font-weight:600; letter-spacing:-0.04em; line-height:24px; background:url("/img/doctor_bridge/mypage/down.png")no-repeat top 1px left; padding-left:28px; margin-left:auto; transition:all 0.2s;}
.hm_content_wrap .h_title a.down:hover {opacity:0.6;}

.hm_content_wrap .h_container {width:100%;}

.hm_content_wrap .tab {width:100%; display:flex; border-bottom:1px solid #e3e5e8;}
.hm_content_wrap .tab a {display:flex; padding-bottom:14px; position: relative;}
.hm_content_wrap .tab a + a {margin-left:28px;}
.hm_content_wrap .tab a p {font-size:18px; color:#67738e; font-weight:500; letter-spacing:-0.04em; line-height:22px; padding-top:1px; transition:all 0.2s;}
.hm_content_wrap .tab a em {width:20px; height:20px; border-radius:100px; background-color:#67738e; font-size:14px; color:#fff; font-weight:400; letter-spacing:-0.025em; text-align: center; line-height:20px; padding-right:1px; margin-left:8px; margin-top:1px; overflow: hidden; transition:all 0.2s;}

.hm_content_wrap .tab a:hover p {color:#97a4b9;}
.hm_content_wrap .tab a:hover em {background-color:#97a4b9;}

.hm_content_wrap .tab a.hit p {color:#000;}
.hm_content_wrap .tab a.hit em {background-color:#23c0ab;}
.hm_content_wrap .tab a.hit::before {content:""; width:100%; height:4px; background-color:#23c0ab; position: absolute; bottom:0; left:0;}

.hm_content_wrap .filter {width:100%; margin-top:20px; background-color:#f4f6fa; padding:22px 24px; display:flex; border-radius:6px;}
.hm_content_wrap .filter input[type=text] {width:100%; height:37px; padding:0 12px; border:1px solid #e3e5e8; border-radius:6px; font-size:14px; color:#000; font-weight:400; letter-spacing:-0.025em; background-color:#fff;}
.hm_content_wrap .filter input[type=text]::-webkit-input-placeholder {color:#8491a7; font-size:14px; font-weight:400;}
.hm_content_wrap .filter input[type=text]::-moz-placeholder {color:#8491a7; font-size:14px; font-weight:400;}
.hm_content_wrap .filter input[type=text]:-ms-input-placeholder {color:#8491a7; font-size:14px; font-weight:400;}
.hm_content_wrap .filter input[type=text]:-moz-placeholder {color:#8491a7; font-size:14px; font-weight:400;}
.hm_content_wrap .filter input[type=text]::placeholder {color:#8491a7; font-size:14px; font-weight:400;}
.hm_content_wrap .filter input[type=text]:disabled {background-color:#f4f6fa; border:1px solid #e3e5e8;}
.hm_content_wrap .filter select {width:110px; height:37px; padding:0 12px; border:1px solid #e3e5e8; border-radius:6px; font-size:14px; color:#000; font-weight:400; letter-spacing:-0.025em; background:url("/img/doctor_bridge/mypage/select.png")no-repeat right 12px center; background-size:8px; background-color:#fff; cursor: pointer;}
.hm_content_wrap .filter select + select {margin-left:10px;}
.hm_content_wrap .filter select[name=typeSel] {width:132px;}

.hm_content_wrap .filter .wishChk {border:1px solid #e3e5e8; border-radius:6px; padding:0 12px; margin-left:10px; background-color:#fff;}
.hm_content_wrap .filter .wishChk label {display: block; cursor: pointer;}
.hm_content_wrap .filter .wishChk label input {display:none;}
.hm_content_wrap .filter .wishChk label p {font-size:14px; color:#000; font-weight:500; letter-spacing:-0.025em; line-height:35px; padding-left:20px; background:url("/img/doctor_bridge/mypage/wish_off.png")no-repeat left top 9px;}
.hm_content_wrap .filter .wishChk label input:checked + p {background-image:url("/img/doctor_bridge/mypage/wish_on.png");}

.hm_content_wrap .filter .chk {border:1px solid #e3e5e8; border-radius:6px; padding:0 15px; display:flex; margin-left:10px; background-color:#fff;}
.hm_content_wrap .filter .chk label {display: block; cursor: pointer;}
.hm_content_wrap .filter .chk label + label {margin-left:15px;}
.hm_content_wrap .filter .chk label input {display:none;}
.hm_content_wrap .filter .chk label p {font-size:14px; color:#000; font-weight:500; letter-spacing:-0.025em; line-height:35px; padding-left:16px; background:url("/img/doctor_bridge/mypage/h_chk_off.png")no-repeat left top 13px;}
.hm_content_wrap .filter .chk label input:checked + p {background-image:url("/img/doctor_bridge/mypage/h_chk_on.png");}

.hm_content_wrap .filter .search {width:285px; margin-left:auto; position: relative;}
.hm_content_wrap .filter .search input {padding-right:42px;}
.hm_content_wrap .filter .search a {position: absolute; top:0; right:0; background:url("/img/doctor_bridge/mypage/h_search.png")no-repeat center; width:42px; height:100%;}

.hm_content_wrap .filter a.reset {width:100px; padding-left:40px; font-size:15px; color:#555; font-weight:400; letter-spacing:-0.025em; line-height:35px; background:url("/img/doctor_bridge/mypage/h_reset.png")no-repeat left 18px center #fff; border-radius:100px; border:1px solid #e3e5e8; transition:all 0.2s; position: relative; margin-left:51px;}
.hm_content_wrap .filter a.reset::before {content:""; width:1px; height:14px; background-color:#e3e5e8; position: absolute; top:50%; left:-26px; margin-top:-7px;}
.hm_content_wrap .filter a.reset:hover {border:1px solid #888;}


.hm_footer {width:fit-content; min-width:100%; background-color:#fff; z-index:2;}
.hm_footer * {box-sizing:border-box;}
.hm_footer .link_wrap {width:100%; padding-left:284px; border-top:1px solid #e3e5e8; border-bottom:1px solid #e3e5e8;}
.hm_footer .link_wrap .link_box {width:100%;}
.hm_footer .link_wrap .link_box .f_link {width:100%;}
.hm_footer .link_wrap .link_box .f_link > div {width:100%; padding:10px 0; max-width:1200px; margin: auto; position: relative; display:flex; align-items: center;}
.hm_footer .link_wrap .link_box .f_link > div a {font-size: 15px; color: #000; font-weight: 400; word-break: keep-all; transition:all 0.2s;}
.hm_footer .link_wrap .link_box .f_link > div a + a {margin-left:42px;}
.hm_footer .link_wrap .link_box .f_link > div a.ft_b {font-weight: 600;}
.hm_footer .link_wrap .link_box .f_link > div a:hover {color:#aaa;}
.hm_footer .link_wrap .link_box .f_link > div .topBtn {width:35px; height:35px; border:1px solid #e3e5e8; border-radius:6px; background:url("/img/doctor_bridge/mypage/topBtn.png")no-repeat center; margin-left:auto; cursor: pointer; transition:all 0.2s;}
.hm_footer .link_wrap .link_box .f_link > div .topBtn:hover {border:1px solid #888; background-image:url("/img/doctor_bridge/mypage/topBtn_ov.png");}

.hm_footer .f_info_wrap {width:100%; padding-left:284px;}
.hm_footer .f_info_wrap .f_info_box {width:100%;}
.hm_footer .f_info_wrap .f_info_box .f_info {width:100%;}
.hm_footer .f_info_wrap .f_info_box .f_info .f_inner {width:100%; padding:30px 0; max-width:1200px; margin: auto; position: relative; display:flex; align-items: center;}
.hm_footer .f_info_wrap .f_info_box .f_info .f_inner > img {max-width: 170px; width: 100%;}
.hm_footer .f_info_wrap .f_info_box .f_info .f_inner .f_info_content {padding-left:56px; width:calc(100% - 140px); white-space:nowrap;}
.hm_footer .f_info_wrap .f_info_box .f_info .f_inner .f_info_content > div {display:flex;}
.hm_footer .f_info_wrap .f_info_box .f_info .f_inner .f_info_content > div p {position: relative; margin-right:18px; font-size: 15px; color: #555; line-height:22px; letter-spacing:-0.025em;}
.hm_footer .f_info_wrap .f_info_box .f_info .f_inner .f_info_content > div p::before {content: ''; position: absolute; width: 1px; height: 13px; top:4px; right: -11px; background: #6c6c6c;}
.hm_footer .f_info_wrap .f_info_box .f_info .f_inner .f_info_content > div p:last-child {margin-right: 0;}
.hm_footer .f_info_wrap .f_info_box .f_info .f_inner .f_info_content > div p:last-child::before {display: none;}
.hm_footer .f_info_wrap .f_info_box .f_info .f_inner .f_info_content strong {display:block; margin-top:8px; font-size: 15px; color: #000; font-weight:400; line-height:20px;}


/* 타사이트 공고 끌어오기 팝업 */
.anotherSitePopup {width:100%; height:100%; position:fixed; top:0; left:0; z-index:99; display:none;}
.anotherSitePopup .asContent {width:100%; height:100%; display:flex; align-items: center; justify-content: center;}
.anotherSitePopup .asContent .asLayout {width:500px; background-color:#fff; position: relative; z-index:2; border-radius:6px; padding:30px; padding-top:42px; border:1px solid #e3e5e8; max-height:calc(100vh - 100px); max-height:calc((var(--vh, 1vh) * 100) - 100px);}
.anotherSitePopup .asContent .asLayout p {font-size:24px; color:#000; font-weight:500; letter-spacing:-0.04em; line-height:36px;}
.anotherSitePopup .asContent .asLayout em {font-size:16px; color:#333; font-weight:500; letter-spacing:-0.04em; line-height:26px; display: block; margin-top:30px;}
.anotherSitePopup .asContent .asLayout em b {font-size:16px; color:#4876ef; font-weight:500;}
.anotherSitePopup .asContent .asLayout img {display: block; margin: auto; margin-top:50px;}
.anotherSitePopup .asContent .asLayout .btn {width:100%; margin-top:50px;}
.anotherSitePopup .asContent .asLayout .btn a {display: block; width:100%; font-size:16px; color:#555; font-weight:400; letter-spacing:-0.04em; line-height:53px; border:1px solid #e3e5e8; border-radius:100px; text-align: center; transition:all 0.2s;}
.anotherSitePopup .asContent .asLayout .btn a:hover {border:1px solid #555; color:#000;}
.anotherSitePopup .asContent .asLayout .btn a.import {background-color:#4876ef; color:#fff; border:1px solid #4876ef; margin-bottom:10px;}
.anotherSitePopup .asContent .asLayout .btn a.import:hover {background-color:#335cc5; border:1px solid #335cc5;}
.anotherSitePopup .asContent .asLayout .asClose {width:100%; margin-top:30px; display:flex; justify-content: center;}
.anotherSitePopup .asContent .asLayout .asClose p {font-size:14px; color:#888; font-weight:400; letter-spacing:-0.04em; line-height:20px; background:url("/img/doctor_bridge/mypage/asClose.png")no-repeat top 4px left; padding-left:18px; transition:all 0.2s; cursor: pointer;}
.anotherSitePopup .asContent .asLayout .asClose p:hover {opacity:0.6;}


.anotherSiteFormPopup {width:100%; height:100%; position:fixed; top:0; left:0; z-index:100; display:none;}
.anotherSiteFormPopup .asFormCont {width:100%; height:100%; display:flex; align-items: center; justify-content: center;}
.anotherSiteFormPopup .asFormCont .as_f_layout {width:500px; background-color:#fff; position: relative; z-index:2; border-radius:6px; border:1px solid #e3e5e8; max-height:calc(100vh - 100px); max-height:calc((var(--vh, 1vh) * 100) - 100px);}
.anotherSiteFormPopup .asFormCont .as_f_layout .as_title {width:100%; padding:16px 0; border-bottom:1px solid #e3e5e8; text-align: center; position:relative;}
.anotherSiteFormPopup .asFormCont .as_f_layout .as_title p {font-size:21px; color:#000; font-weight:500; letter-spacing:-0.04em; line-height:26px;}
.anotherSiteFormPopup .asFormCont .as_f_layout .as_title a {position: absolute; top:0; right:10px; width:54px; height:100%; background:url("/img/doctor_bridge/mypage/h_pop_close.png")no-repeat center; transition:all 0.2s;}
.anotherSiteFormPopup .asFormCont .as_f_layout .as_title a:hover {opacity:0.6;}
.anotherSiteFormPopup .asFormCont .as_f_layout form {display: block; width:100%; padding:30px; padding-top:32px;}
.anotherSiteFormPopup .asFormCont .as_f_layout form b {font-size:24px; color:#000; font-weight:500; letter-spacing:-0.04em; line-height:36px;}
.anotherSiteFormPopup .asFormCont .as_f_layout form .as_form {width:100%; margin-top:40px;}
.anotherSiteFormPopup .asFormCont .as_f_layout form .as_form dl {width:100%;}
.anotherSiteFormPopup .asFormCont .as_f_layout form .as_form dl + dl {margin-top:20px;}
.anotherSiteFormPopup .asFormCont .as_f_layout form .as_form dl dt {width:100%; display:flex; margin-bottom:8px;}
.anotherSiteFormPopup .asFormCont .as_f_layout form .as_form dl dt p {font-size:14px; color:#000; font-weight:400; letter-spacing:-0.04em; line-height:18px;}
.anotherSiteFormPopup .asFormCont .as_f_layout form .as_form dl dt p::after {content:"*"; font-size:14px; color:#ff0000; font-weight:400; letter-spacing:-0.04em; line-height:18px; margin-left:3px;}
.anotherSiteFormPopup .asFormCont .as_f_layout form .as_form dl dd {width:100%;}
.anotherSiteFormPopup .asFormCont .as_f_layout form .as_form dl dd input[type=text],
.anotherSiteFormPopup .asFormCont .as_f_layout form .as_form dl dd input[type=password] {width:100%; height:55px; padding:0 20px; border:1px solid #e3e5e8; border-radius:5px; font-size:16px; color:#000; font-weight:400; letter-spacing:-0.025em; background-color:#fff;}
.anotherSiteFormPopup .asFormCont .as_f_layout form .as_form dl dd input[type=password] {letter-spacing:8px;}
.anotherSiteFormPopup .asFormCont .as_f_layout form .as_form dl dd .siteSelect {width:100%; position: relative;}
.anotherSiteFormPopup .asFormCont .as_f_layout form .as_form dl dd .siteSelect .ssResult {width:100%; height:55px; border:1px solid #e3e5e8; display:flex; align-items: center; border-radius:5px; padding:0 20px; position:relative; cursor: pointer;}
.anotherSiteFormPopup .asFormCont .as_f_layout form .as_form dl dd .siteSelect .ssResult::before {content:""; width:14px; height:9px; position: absolute; top:50%; right:20px; margin-top:-5px; background:url("/img/doctor_bridge/mypage/asSelect.png")no-repeat;}
.anotherSiteFormPopup .asFormCont .as_f_layout form .as_form dl dd .siteSelect .ssResult p {font-size:16px; color:#000; font-weight:400; letter-spacing:-0.025em; line-height:20px;}
.anotherSiteFormPopup .asFormCont .as_f_layout form .as_form dl dd .siteSelect .ssResult em {font-size:12px; color:#fff; font-weight:400; line-height:24px; background-color:#888; border-radius:100px; padding:0 10px; margin-left:12px;}
.anotherSiteFormPopup .asFormCont .as_f_layout form .as_form dl dd .siteSelect .ssList {width:100%; position: absolute; top:55px; left:0; background-color:#fff; border:1px solid #e3e5e8; border-radius:5px; border-top:0; box-shadow:0 2px 8px rgba(0,0,0,0.15); display:none;}
.anotherSiteFormPopup .asFormCont .as_f_layout form .as_form dl dd .siteSelect .ssList label {display: block; cursor: pointer;}
.anotherSiteFormPopup .asFormCont .as_f_layout form .as_form dl dd .siteSelect .ssList label + label {border-top:1px dotted #e3e5e8;}
.anotherSiteFormPopup .asFormCont .as_f_layout form .as_form dl dd .siteSelect .ssList label input {display:none;}
.anotherSiteFormPopup .asFormCont .as_f_layout form .as_form dl dd .siteSelect .ssList label p {width:100%; padding:0 20px; font-size:15px; color:#333; font-weight:400; letter-spacing:-0.025em; line-height:55px; background:url("/img/doctor_bridge/mypage/h_chk_off.png")no-repeat left 20px center; padding-left:42px;}
.anotherSiteFormPopup .asFormCont .as_f_layout form .as_form dl dd .siteSelect .ssList label input:checked + p {background-image:url("/img/doctor_bridge/mypage/h_chk_on.png"); color:#23c0ab; font-weight:500;}

.anotherSiteFormPopup .asFormCont .as_f_layout form .as_form dl dd .siteSelect.disabled .ssResult {cursor: default;}
.anotherSiteFormPopup .asFormCont .as_f_layout form .as_form dl dd .siteSelect.disabled .ssResult::before {opacity:0.1;}
.anotherSiteFormPopup .asFormCont .as_f_layout form .as_form dl dd .siteSelect.show .ssResult::before {transform:rotate(-180deg);}
.anotherSiteFormPopup .asFormCont .as_f_layout form .as_form dl dd .siteSelect.show .ssList {display:block;}

.anotherSiteFormPopup .asFormCont .as_f_layout form ul {width:100%; margin-top:30px; padding-top:30px; border-top:1px solid #e3e5e8;}
.anotherSiteFormPopup .asFormCont .as_f_layout form ul li {width:100%; position: relative; padding-left:10px; font-size:14px; color:#555; font-weight:400; letter-spacing:-0.025em; line-height:20px;}
.anotherSiteFormPopup .asFormCont .as_f_layout form ul li + li {margin-top:6px;}
.anotherSiteFormPopup .asFormCont .as_f_layout form ul li::before {content:"*"; font-size:14px; color:#555; font-weight:400; letter-spacing:-0.025em; line-height:20px; position: absolute; top:0; left:0;}
.anotherSiteFormPopup .asFormCont .as_f_layout form ul li.ip::before {color:#ff0000;}
.anotherSiteFormPopup .asFormCont .as_f_layout form .as_btn {width:100%; margin-top:25px;}
.anotherSiteFormPopup .asFormCont .as_f_layout form .as_btn a {display: block; width:100%; background-color:#4876ef; font-size:16px; color:#fff; font-weight:500; letter-spacing:-0.04em; line-height:55px; border-radius:100px; transition:all 0.2s; text-align: center;}
.anotherSiteFormPopup .asFormCont .as_f_layout form .as_btn a:hover {background-color:#335cc5;}

.anotherSitePopBg {width:100%; height:100%; position:fixed; top:0; left:0; background-color:rgba(0,0,0,0.4); display:none; z-index:98;}



.popup_shopping {display:none;overflow:hidden;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);width:500px;z-index:11;border-radius:10px;}
.popup_shopping img {display:block;width:100%;}

.popup_shopping .box_subscriber,
.popup_shopping .box_non_subscriber {position:relative;}

.popup_shopping .link_go_shopping {position:absolute;top:215px;left:20px;width:181px;height:32px;}

.popup_shopping .box_subscriber .btn_popup_close {position:absolute;top:10px;right:10px;width:20px;height:20px;}
.popup_shopping .box_subscriber .btn_popup_close img {display:block;width:100%;}

.popup_shopping .box_non_subscriber .btn_popup_close {position:absolute;top:8px;right:13px;width:50px;height:27px;}
.popup_shopping .box_non_subscriber .btn_popup_close img {display:block;}
.bg_popup {display:none;position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0, 0, 0, 0.4);z-index:10;}

@media screen and (max-width:540px) {
    .popup_shopping {width:calc(100% - 40px);}
    .popup_shopping .link_go_shopping {position:absolute;top:0; width:100%; height: 100%;}

    .popup_shopping .box_subscriber .btn_popup_close {width:4vw;height:4vw;}
}