/* 공통 */
.notScroll {position:fixed; top:0; left:0; overscroll-behavior: none;}

.db_join_wrap {width:100%; position: relative; background-color:#f2f4f7; min-height:100vh; min-height:calc((var(--vh, 1vh) * 100)); display:flex; align-items: center; box-sizing: border-box;}
.db_join_wrap * {box-sizing: border-box; font-family: 'Spoqa Han Sans Neo',sans-serif!important;}

.db_join_wrap input, .db_join_wrap textarea, .db_join_wrap select { -webkit-border-radius:0; -moz-appearance:none; -webkit-appearance:none; appearance:none;}
.db_join_wrap input[type=radio], .db_join_wrap input[type=checkbox] {-webkit-border-radius:0; -moz-appearance:none; appearance:none;}
.db_join_wrap input::-ms-clear {display: none;}
.db_join_wrap input:focus {outline:none;}
.db_join_wrap select:focus {outline:none;}
.db_join_wrap button:focus {outline:none;}
.db_join_wrap textarea:focus {outline:none; border-radius:0; box-shadow: 0;}
.db_join_wrap select::-ms-expand {display:none}
.db_join_wrap input:-webkit-autofill,
.db_join_wrap input:-webkit-autofill:hover,
.db_join_wrap input:-webkit-autofill:focus,
.db_join_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;}

.db_join_inner {width:100%; position: relative; max-width:500px; padding:50px 0; margin: auto;}

.db_join_inner .join_container {overflow: hidden; position: relative; width:100%; background: #fff; border: 1px solid #e3e5e8; border-radius: 7px; min-height:calc(100vh - 148px); min-height:calc((var(--vh, 1vh) * 100) - 148px);}
.db_join_inner .join_container .join_header {position: relative; display: flex; align-items: center; justify-content: flex-start; padding:20px 30px; padding-top:16px; border-bottom: 1px solid #e3e5e8;}
/* .db_join_inner .join_container .join_header > img {    max-width: 130px; width: 100%; transform: translateY(4px);} */
.db_join_inner .join_container .join_header img {max-width: 130px; width: 100%; transform: translateY(4px);}
.db_join_inner .join_container .join_header > .popcloseBtn{filter: grayscale(1); position: absolute; top: 50%; right: 5px; width: 15px; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; width: 50px; height: 50px;}
.db_join_inner .join_container .join_header > .popcloseBtn img{width: 15px;}

.db_join_inner .join_container .join_header .nav_dot {position: absolute; top: 50%; right: 20px; display: flex; align-items: center; justify-content: center; transform: translateY(-50%);}
.db_join_inner .join_container .join_header .nav_dot::before {content:""; position: absolute; top:4px; left:0; width:100%; height:1px; background-color:#c8c8c8;}
.db_join_inner .join_container .join_header .nav_dot span {width: 9px; height: 9px; background-color: #fff; border: 1px solid #4876ef; border-radius: 50%; z-index: 99;}
.db_join_inner .join_container .join_header .nav_dot span + span {margin-left:12px;}
.db_join_inner .join_container .join_header .nav_dot span.on {background-color: #4876ef;}

.db_join_inner .join_container .join_content {padding:40px 30px; padding-bottom:30px;}
.db_join_inner .join_container .join_content h3 {margin-bottom:0px; font-size:24px; color: #000; font-weight: 500; text-align: left; line-height:1.5; letter-spacing: -0.5px; margin-bottom: 18px;}
.db_join_inner .join_container .join_content h3 b {font-size:24px; color:#000; font-weight:500;}

.join_container.popType{display: none; position: fixed; background: #fff; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 500px; width: 100%; z-index: 999; min-height: auto;}
.join_container.popType .join_content .info_box .ib_cont.sign_t > div{width: 100%; height: 53px;}

.db_join_inner .join_container .agreePop{position: absolute;  top: 0px; left: 100%; height: 100%; background: #fff; width: 100%; overflow-y: auto; transition: 0.3s all; z-index: 999;}
.db_join_inner .join_container .agreePop .ao_tit{position: relative;  width: 100%; height: 80px; line-height: 80px; text-align: center; border-bottom: 1px solid #e3e5e8;}
.db_join_inner .join_container .agreePop .ao_tit a{position: absolute; top: 50%; right: 30px; transform: translateY(-50%); display: flex; width: 30px; height: 30px; align-items: center; justify-content: center;}
.db_join_inner .join_container .agreePop .ao_inner{height: calc(100% - 80px); padding: 20px 30px; overflow-y: auto; box-sizing: border-box;}
.db_join_inner .join_container .agreePop.on{left: 0%;}
.db_join_inner .join_container .agreePop p{font-size: 15px; color: #333;}
.db_join_inner .join_container .agreePop p + p{margin-top: 15px;}
.db_join_inner .join_container .agreePop p .main_tit{color: #000; display: block; margin-bottom: 10px;}
.db_join_inner .join_container .agreePop p .sub_tit{display: block; margin-bottom: 5px;}
.db_join_inner .join_container .agreePop p a{color: #4876ef;}

.db_join_inner .join_container .privacy{position: absolute;  top: 0px; left: 100%; height: 100%; background: #fff; width: 100%; overflow-y: auto; transition: 0.3s all; z-index: 999;}
.db_join_inner .join_container .privacy .ao_tit{position: relative;  width: 100%; height: 80px; line-height: 80px; text-align: center; border-bottom: 1px solid #e3e5e8;}
.db_join_inner .join_container .privacy .ao_tit a{position: absolute; top: 50%; right: 30px; transform: translateY(-50%); display: flex; width: 30px; height: 30px; align-items: center; justify-content: center;}
.db_join_inner .join_container .privacy .ao_inner{height: calc(100% - 80px); padding: 20px 30px; overflow-y: auto; box-sizing: border-box;}
.db_join_inner .join_container .privacy.on{left: 0%;}
.db_join_inner .join_container .privacy p{font-size: 15px; color: #333;}
.db_join_inner .join_container .privacy p + p{margin-top: 15px;}
.db_join_inner .join_container .privacy p .main_tit{color: #000; display: block; margin-bottom: 10px;}
.db_join_inner .join_container .privacy p .sub_tit{display: block; margin-bottom: 5px;}
.db_join_inner .join_container .privacy p a{color: #4876ef;}
.db_join_inner .join_container .privacy table{border: 1px solid #ccc; border-collapse: collapse; width: 100%;}
.db_join_inner .join_container .privacy table td{border: 1px solid #ccc; padding: 5px 10px; font-size: 13px; color: #333;}

.db_join_inner .join_container .privacy .privacy_bot_desc{color: #000; margin-top: 15px; font-size: 13px;}

.db_join_inner .join_container .btn {display: block; padding-top:50px;}
.db_join_inner .join_container .btn a, 
.db_join_inner .join_container .btn button {display: block; line-height:55px; border-radius:100px; background: #4876ef; color: #fff; font-size: 16px; transition: 0.2s all; letter-spacing:-0.04em; width:100%; text-align: center; }
.db_join_inner .join_container .btn a:hover,
.db_join_inner .join_container .btn button:hover {background:#204dc2;}

.pop_dim{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3);}

.db_join_inner .join_container .btn a.home_btn {background: #fff; color: #4876ef; line-height: 1; display: inline-block; margin-top: 30px; font-weight: 500;}

.db_join_inner strong { color: #000; font-size: 14px; font-weight:400; letter-spacing: -0.04em; width: 100%; display: block; text-align: center; margin-top:30px;}


.loading {width:100%; height:100%; position: absolute; top:0; left:0; background-color:rgba(255,255,255,0.85); display:flex; align-items: center; justify-content: center; display:none; z-index:99;}
.loading *, .loading *:after, .loading *:before {box-sizing: border-box; transform-style: preserve-3d;}
:root {
    --size:70;
    --coefficient: 1px;
    --timeline: 2s;
    --delay: 0.1s;
    --rotation-y: -24;
    --rotation-x: 28;
    --color-one: #0a2b81;
    --color-two: #3261dd;
    --color-three: #9fb6f3;
}
.loading .loadBody {display: grid; place-items: center; transform-origin: 50% 50%;}
.loading .scene {position: relative; transform: translate3d(0, 0, 100vmin) rotateX(calc(var(--rotation-y, 0) * 1deg)) rotateY(calc(var(--rotation-x, 0) * 1deg)) rotateX(0deg);}

.loading .shadow {width: calc(var(--size) * var(--coefficient)); position: absolute; bottom: 0; aspect-ratio: 1; transform-origin: 50% 50%; background: hsl(210 80% 50% / 0.2); transform: rotateX(90deg) translate3d(0, 0, calc((var(--size) * (var(--coefficient) * -0.5)) - 1px)) scale(0.96); background: black;}
.loading .loader {--depth: var(--size); --color: var(--color-one, #8338EC); width: calc(var(--depth) * var(--coefficient)); aspect-ratio: 1; transform-origin: 50% 50%; }

.loading .cuboid {width: 100%; height: 100%; position: relative;}
.loading .cuboid__side {background: var(--color); position: absolute;}
.loading .cuboid__side:nth-of-type(1) {--b: 1.1; height: calc(var(--depth, 20) * var(--coefficient)); width: 100%; top: 0; transform: translate(0, -50%) rotateX(90deg);}
.loading .cuboid__side:nth-of-type(2) {--b: 0.9; --color: var(--color-three, #FF006E); height: 100%; width: calc(var(--depth, 20) * var(--coefficient)); top: 50%; right: 0; transform: translate(50%, -50%) rotateY(90deg);}
.loading .cuboid__side:nth-of-type(3) {--b: 1; width: 100%; height: calc(var(--depth, 20) * var(--coefficient)); bottom: 0; transform: translate(0%, 50%) rotateX(90deg);}
.loading .cuboid__side:nth-of-type(4) {--b: 1; --color: var(--color-three, #FF006E); height: 100%; width: calc(var(--depth, 20) * var(--coefficient)); left: 0; top: 50%; transform: translate(-50%, -50%) rotateY(90deg);}
.loading .cuboid__side:nth-of-type(5) {--b: 1; --color: var(--color-two, #3A86EF); height: 100%; width: 100%; transform: translate3d(0, 0, calc(var(--depth, 20) * (var(--coefficient) * 0.5))); top: 0; left: 0;}
.loading .cuboid__side:nth-of-type(6) {--b: 1.2; height: 100%; width: 100%; transform: translate3d(0, 0, calc(var(--depth, 20) * (var(--coefficient) * -0.5))) rotateY(180deg); top: 0; left: 0;}

.loading.on {display:flex;}
.loading.on .loadBody {animation: scale var(--timeline) var(--delay) infinite linear;}
.loading.on .shadow {animation: squish-squosh var(--timeline) var(--delay) infinite, fade var(--timeline) var(--delay) infinite;}
.loading.on .loader {animation: squish-squosh var(--timeline) var(--delay) infinite;}
.loading.on .spinner {animation: spin var(--timeline) var(--delay) infinite;}
.loading.on .jumper {animation: jump var(--timeline) var(--delay) infinite;}

@keyframes scale {
    0%, 10% {transform: scaleX(1) scaleY(1);}
    35%, 100% {transform: scaleX(0.5) scaleY(0.5);}
}
@keyframes squish-squosh {
	0%, 50%, 60% {scale: 1 1 1;}
	10%, 35% {scale: 1.2 0.8 1.2;}
	25% {scale: 0.8 1.2 0.8;}
	70% {scale: 1 1 2;}
	80% {scale: 2 1 2;}
	90%, 100% {scale: 2 2 2;}
}
@keyframes fade {
	0%, 10%, 40%, 50%, 60%, 100% {opacity: 1;}
	25% {opacity: 0.5;}
}
@keyframes spin {
	0%, 10% { rotate: 0deg; }
	30%, 100% { rotate: -360deg; }
}
@keyframes jump {
	0%, 10%, 35%, 50% {translate: 0 0;}
	25% {translate: 0 -150%;}
}

@media (max-width:1023px){
    .db_join_inner {padding:30px 0;}
    .db_join_inner .join_container {min-height:calc(100vh - 108px); min-height:calc((var(--vh, 1vh) * 100) - 108px);}
    .db_join_inner .join_container .join_content h3,
    .db_join_inner .join_container .join_content h3 b {font-size:22px;}
}
@media (max-width:767px){
    .db_join_inner .join_container .join_header > img {max-width:110px;}
    .db_join_inner .join_container .join_content {padding:30px;}
    .db_join_inner .join_container .join_content h3 {margin-bottom:20px; font-size:20px;}
    .db_join_inner .join_container .join_content h3 b {font-size:20px;}

    .db_join_inner .join_container .btn {padding-top:40px;}
    .db_join_inner .join_container .btn a, 
    .db_join_inner .join_container .btn button {font-size: 15px; line-height:53px;}

    .db_join_inner .join_container .agreePop p{font-size: 14px;}
    .db_join_inner .join_container .privacy p{font-size: 14px;}

    .loading  {height:100vh; height:calc((var(--vh, 1vh) * 100)); position: fixed;}

    .db_join_inner strong {font-size: 13px; line-height:18px; bottom:25px;}
}
@media (max-width:540px){
    .db_join_wrap {background-color:#fff; display: block; min-height:none;}
    .db_join_inner {padding:0; max-width:none; padding-bottom:68px; min-height:100vh; min-height:calc((var(--vh, 1vh) * 100));}
    .db_join_inner .join_container {border:0; border-radius:0;}
    .db_join_inner .join_container .join_content {padding-bottom:0;}

    .db_join_inner strong {position: absolute; bottom:30px; left:0; margin:0;}
}
@media (max-width:479px){
    .db_join_inner {padding-bottom:66px;}
    .db_join_inner .join_container .join_header {padding:18px 20px; padding-top:12px;}
    .db_join_inner .join_container .join_header > img {max-width:100px;}
    .db_join_inner .join_container .join_header .nav_dot {bottom:18px;}
    .db_join_inner .join_container .join_header .nav_dot span + span {margin-left:10px;}

    .db_join_inner .join_container .join_content {padding:30px 20px; padding-bottom:0;}
    .db_join_inner .join_container .join_content h3 {margin-bottom:18px; font-size:18px; line-height:28px;}
    .db_join_inner .join_container .join_content h3 b {font-size:18px; line-height:28px;}

    .db_join_inner .join_container .btn {padding-top:30px;}
    .db_join_inner .join_container .btn a, 
    .db_join_inner .join_container .btn button {font-size:14px; line-height:50px;}

    .db_join_inner strong {font-size: 12px; line-height:16px;}

    :root {
        --size:55;
    }
}

/* 파일첨부 접근 허용 팝업 */
.allow_acc_popup {width:100%; height:100%; position: fixed; top:0; left:0; z-index:99999; background-color:rgba(0, 0, 0, 0.5); display:none;}
.allow_acc_popup * {box-sizing: border-box; font-family : 'Spoqa Han Sans Neo',sans-serif!important;}
.allow_acc_popup .acLayout {width:calc(100% - 50px); max-width:400px; position: absolute; top:50%; left:50%; transform:translate(-50%, -50%); background-color:#fff; border-radius:12px; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(white, black); isolation: isolate; text-align: center;}
.allow_acc_popup .acLayout .cont {width:100%; padding:20px 15px; padding-top:23px;}
.allow_acc_popup .acLayout .cont p {font-size:16px; color:#000; font-weight:500; letter-spacing:-0.04em; line-height:22px;}
.allow_acc_popup .acLayout .cont b {font-size:13px; color:#333; font-weight:400; letter-spacing:-0.04em; line-height:18px; display: block; margin-top:8px;}
.allow_acc_popup .acLayout .btn {width:100%; display:flex; border-top:1px solid #e3e5e8;}
.allow_acc_popup .acLayout .btn div {width:50%; text-align: center; font-size:15px; color:#000; font-weight:400; letter-spacing:-0.04em; line-height:50px;}
.allow_acc_popup .acLayout .btn div + div {border-left:1px solid #e3e5e8;}

@media (max-width:479px){
    .allow_acc_popup .acLayout .cont p {font-size:15px; line-height:20px;}
    .allow_acc_popup .acLayout .btn div  {font-size:14px; line-height:48px;}
}


/* 회원타입 */
.join_container .join_type_chk {width:100%;}
.join_container .join_type_chk p { font-size: 16px; color: #333; font-weight: 500; letter-spacing:-0.04em; line-height:24px;}
.join_container .join_type_chk .list {width:100%;}
.join_container .join_type_chk .list label {display: block; width:100%; margin-top:15px;}
.join_container .join_type_chk .list label + label {margin-top:20px;}
.join_container .join_type_chk .list label input {display:none;}
.join_container .join_type_chk .list label div {width:100%; border:1px solid #e3e5e8; border-radius:5px; box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1); padding:22px 60px 22px 85px; position: relative;}
.join_container .join_type_chk .list label:nth-child(1) div {background:url('/img/doctor_bridge/intro/join_type_doc.png') no-repeat left 20px center / 48px;}
.join_container .join_type_chk .list label:nth-child(2) div {background:url('/img/doctor_bridge/intro/join_type_hosp.png') no-repeat left 20px center / 48px;}
.join_container .join_type_chk .list label:nth-child(3) div {background:url('/img/doctor_bridge/intro/join_type_student.png') no-repeat left 20px center / 48px;}

.join_container.job_opening .join_type_chk .list label:nth-child(1) div {background:url('/img/doctor_bridge/intro/join_type_director.png') no-repeat left 20px center / 48px;}
.join_container.job_opening .join_type_chk .list label:nth-child(2) div {background:url('/img/doctor_bridge/intro/join_type_staff.png') no-repeat left 20px center / 48px;}

.join_container .join_type_chk .list label div p { font-size: 16px; color: #000; font-weight:500; line-height:20px;}
.join_container .join_type_chk .list label div b { font-size: 14px; color: #555; font-weight:400; display: block; line-height:18px; margin-top:3px;}
.join_container .join_type_chk .list label div::before {content:""; width:25px; height:25px; position: absolute; top:50%; right:20px; background: url('/img/doctor_bridge/intro/type_choice_off.png') no-repeat center / 100%; transform: translateY(-50%) translateY(-0.5px);}
.join_container .join_type_chk .list label input:checked + div::before {background-image:url('/img/doctor_bridge/intro/type_choice_on.png');}

.join_container .join_type_chk .btn button {background-color:#E3E5E8; cursor: default;}
.join_container .join_type_chk .btn button:hover {background-color:#E3E5E8;}
.join_container .join_type_chk .btn button.next {background-color:#4876ef; cursor: pointer;}
.join_container .join_type_chk .btn button.next:hover {background-color:#204dc2;}

@media (max-width:767px){
    .join_container .join_type_chk p {font-size:15px; line-height:23px;}
    .join_container .join_type_chk .list label + label {margin-top:18px;}
    .join_container .join_type_chk .list label div {padding:22px 53px 22px 80px; background-position:left 18px center!important;}
    .join_container .join_type_chk .list label div p {font-size:15px;}
    .join_container .join_type_chk .list label div b {font-size:13px;}
    .join_container .join_type_chk .list label div::before {width:23px; height:23px;}
}
@media (max-width:479px){
    .join_container .join_type_chk p {font-size:14px; line-height:22px;}
    .join_container .join_type_chk .list label {margin-top:13px;}
    .join_container .join_type_chk .list label + label {margin-top:16px;}
    .join_container .join_type_chk .list label div {padding:20px 46px 20px 76px; background-position:left 15px center!important; background-size:46px!important;}
    .join_container .join_type_chk .list label div::before {width:21px; height:21px; right:15px;}
}


/* 본인인증 */
.join_container .certify_wrap {width:100%;}
.join_container .certify_wrap p {font-size: 16px; color: #333; font-weight: 500; letter-spacing:-0.04em; line-height:24px;}
.join_container .certify_wrap ul {width:100%; padding-top:5px;}
.join_container .certify_wrap ul li {width:100%; position: relative; padding-left:10px; font-size:14px; color:#555; font-weight:400; letter-spacing:-0.04em; line-height:18px; word-break: keep-all; margin-top:10px;}
.join_container .certify_wrap ul li::before {content:"·"; font-size:14px; color:#555; font-weight:400; letter-spacing:-0.04em; line-height:18px; position: absolute; top:0; left:0;}

@media (max-width:767px){
    .join_container .certify_wrap p {font-size:15px; line-height:23px;}
    .join_container .certify_wrap ul {padding-top:4px;}
    .join_container .certify_wrap ul li {margin-top:8px;}
}
@media (max-width:479px){
    .join_container .certify_wrap p {font-size:14px; line-height:22px;}
    .join_container .certify_wrap ul {padding-top:3px;}
    .join_container .certify_wrap ul li {font-size:13px; margin-top:5px; padding-left:10px;}
    .join_container .certify_wrap ul li::before {font-size:13px;}
}


/* 의사면허번호 조회 */
.join_container .inquiry_wrap {width:100%;}
.join_container .inquiry_wrap p {font-size: 16px; color: #333; font-weight: 500; letter-spacing:-0.04em; line-height:24px;}
.join_container .inquiry_wrap form {display: block; width:100%; margin-top:35px;}

.join_container .inquiry_wrap form .i_input + .i_input {margin-top: 10px;}
.join_container .inquiry_wrap form .i_input p {font-size:14px; color:#000; font-weight:400; letter-spacing:-0.04em; line-height:20px; position: relative; margin-bottom:7px;}
.join_container .inquiry_wrap form .i_input p b {font-size:14px; color:#ff0000;}
.join_container .inquiry_wrap form .i_input div {width:100%; border:1px solid #e3e5e8; border-radius:6px; position: relative;}
.join_container .inquiry_wrap form .i_input div input {width:100%; height:54px; font-size:16px; color:#000; font-weight:400; padding:0 18px; border-radius:6px;}
.join_container .inquiry_wrap form .i_input div input[type=text]:read-only {background-color:#f5f6fa; cursor: default; box-shadow: 0 0 0px 1000px #f5f6fa inset;}
.join_container .inquiry_wrap form .i_input div a {position: absolute; top:50%; right:12px; background-color:#4876ef; font-size:14px; color:#fff; font-weight:400; letter-spacing:-0.04em; line-height:32px; border-radius:100px; width:75px; text-align: center; margin-top:-16px; transition:all 0.2s;}
.join_container .inquiry_wrap form .i_input div a:hover {background-color:#204dc2;}

.join_container .inquiry_wrap form .i_input div select { height: 53px; border: 1px solid #e3e5e8; border-radius: 6px; width: 100%; font-size: 16px; color: #000; font-weight: 500; padding: 0 15px; appearance: none; background: url('/img/doctor_bridge/intro/select_arrow.png') no-repeat right 14px center / 12px; border: none;}

.join_container .inquiry_wrap form .i_input.success div a,
.join_container .inquiry_wrap form .i_input.fail div a {display:none;}
.join_container .inquiry_wrap form .i_input.success div::before {content:"인증 완료"; position: absolute; top:50%; right:14px; font-size:14px; color:#4876ef; font-weight:400; letter-spacing:-0.04em; line-height:20px; margin-top:-10px;}

.join_container .inquiry_wrap form .i_input div.file {position: relative;}
.join_container .inquiry_wrap form .i_input div.file::before {content:""; width:100%; height:100%; position: absolute; top:0; left:0; cursor: pointer; z-index:2;}
.join_container .inquiry_wrap form .i_input div.file input[type=file] {opacity:0; position: absolute; top:0; left:0; z-index:3; cursor: pointer; padding: 0;}
.join_container .inquiry_wrap form .i_input div.file input[type=text] {height:52px; border:0;}
.join_container .inquiry_wrap form .i_input div.file b {position: absolute; top:50%; right:12px; background-color:#4876ef; font-size:14px; color:#fff; font-weight:400; letter-spacing:-0.04em; line-height:32px; border-radius:100px; width:75px; text-align: center; margin-top:-16px; transition:all 0.2s;}
.join_container .inquiry_wrap form .i_input div.file:hover b {background-color:#204dc2;}

.join_container .inquiry_wrap form .documnet_chk{margin-top: 15px;}
.join_container .inquiry_wrap form .documnet_chk p {font-size:14px; color:#000; font-weight:400; letter-spacing:-0.04em; line-height:20px; position: relative; margin-bottom:7px;}
.join_container .inquiry_wrap form .documnet_chk p b {font-size:14px; color:#ff0000;}
.join_container .inquiry_wrap form .documnet_chk div {width:100%; position: relative; display: flex; align-items: center; justify-content: space-between;}
.join_container .inquiry_wrap form .documnet_chk div input {width:100%; height:54px; font-size:16px; color:#000; font-weight:400; padding:0 13px; border-radius:6px; border:1px solid #e3e5e8; border-radius:6px; }
.join_container .inquiry_wrap form .documnet_chk div input[type=text]:read-only {background-color:#f5f6fa; cursor: default; box-shadow: 0 0 0px 1000px #f5f6fa inset;}
.join_container .inquiry_wrap form .documnet_chk div > span{display: inline-block; margin: 0 5px;}
.join_container .inquiry_wrap form .documnet_chk div a {position: absolute; top:50%; right:12px; background-color:#4876ef; font-size:14px; color:#fff; font-weight:400; letter-spacing:-0.04em; line-height:32px; border-radius:100px; width:75px; text-align: center; margin-top:-16px; transition:all 0.2s;}
.join_container .inquiry_wrap form .documnet_chk div a:hover {background-color:#204dc2;}
.join_container .inquiry_wrap form .documnet_chk > span {margin-top: 5px; font-size: 13px; color: #888; line-height: 20px; display: block; margin-left: 25px;}
.join_container .inquiry_wrap form .documnet_chk > span a{display: inline-block; color: #4876ef; margin-left: 5px;}


.join_container .inquiry_wrap form .li_type_box{display: none;}
.join_container .inquiry_wrap form .li_type_box input[name="li_type"] {width: 20px; height: 20px; background: url(/img/doctor_bridge/intro/type_choice_off.png) no-repeat center / 20px; margin-right: 5px; border: none; padding: 0;}
.join_container .inquiry_wrap form .li_type_box input[name="li_type"]:checked{width: 20px; height: 20px; background: url(/img/doctor_bridge/intro/type_choice_on.png) no-repeat center / 20px;  }
.join_container .inquiry_wrap form .li_type_box .chk_radio{ border: none; display: flex; align-items: center; justify-content: flex-start; margin-bottom: 5px;}
.join_container .inquiry_wrap form .li_type_box .method_choice{display: flex; align-items: center; font-size: 14px; color: #4876ef; letter-spacing: -0.04em; margin-top: 30px; cursor: pointer;}
.join_container .inquiry_wrap form .li_type_box .method_choice > img{display: inline-block; margin-left: 8px; width: 14px; transition: 0.3s all; }
.join_container .inquiry_wrap form .li_type_box .method_choice > img.on{transform: rotate(-180deg);}
.join_container .inquiry_wrap form .li_type_box .ltb_wrap{display: none;}

.join_container .inquiry_wrap form .inquiry_fail {width:100%; margin-top:25px;}
.join_container .inquiry_wrap form .inquiry_fail .fail_info {width:100%; padding-top:8px;}
.join_container .inquiry_wrap form .inquiry_fail .fail_info p {font-size:14px; color:#4876ef; letter-spacing:-0.04em; line-height:20px; margin-bottom:4px;}
.join_container .inquiry_wrap form .inquiry_fail .fail_info b {font-size:12px; color:#888; line-height:20px; display: block; margin-left: 25px;}
.join_container .inquiry_wrap form .inquiry_fail .fail_info b a {font-size:12px; color:#888; text-decoration: underline;}

.join_container .inquiry_wrap form .btn button {background-color:#E3E5E8; cursor: default;}
.join_container .inquiry_wrap form .btn button:hover {background-color:#E3E5E8;}
.join_container .inquiry_wrap form .btn button.next {background-color:#4876ef; cursor: pointer;}
.join_container .inquiry_wrap form .btn button.next:hover {background-color:#204dc2;}


.join_container .doc_exam{width: 750px; position: fixed; top: 53%; left: 50%; transform: translate(-50%, -50%); z-index: 999; border-radius: 10px; overflow: hidden; font-size: 0; transition: 0.4s all;  opacity: 0; visibility: hidden;}
.join_container .doc_exam.on{top: 50%; opacity: 1; visibility: visible;}
.join_container .doc_exam.on + .de_dim{opacity: 1; visibility: visible;}
.join_container .doc_exam > img{width: 100%;}
.join_container .doc_exam .de_close{position: absolute; top: 30px; right: 30px;}
.join_container .de_dim{position: fixed; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index:998; background-color: rgba(0, 0, 0, 0.4); opacity: 0; visibility: hidden; transition: 0.4s all;}

/* .db_join_inner .join_container .inquiry_wrap form .btn a.typeBack {border:1px solid #e3e5e8; margin-top:15px; background-color:#fff; color:#555; line-height:53px;}
.db_join_inner .join_container .inquiry_wrap form .btn a.typeBack:hover {background-color:#fff; border:1px solid #888;} */
.db_join_inner .join_container .btn a.typeBack {border:1px solid #e3e5e8; margin-top:15px; background-color:#fff; color:#555; line-height:53px;}
.db_join_inner .join_container .btn a.typeBack:hover {background-color:#fff; border:1px solid #888;}

@media (max-width:767px){
    .join_container .inquiry_wrap p {font-size:15px; line-height:23px;}
    .join_container .inquiry_wrap form {margin-top:30px;}
    .join_container .inquiry_wrap form .i_input div input {height:51px; font-size:14px; padding:0 15px;}
    
    .join_container .inquiry_wrap form .i_input div a {right:10px; font-size:13px; line-height:29px; width:73px; margin:0; transform: translateY(-50%) translateY(0.5px);}
    .join_container .inquiry_wrap form .i_input div a:hover {background-color:#4876ef;} 
    .join_container .inquiry_wrap form .i_input div.file input[type=text] {height:49px;}
    .join_container .inquiry_wrap form .i_input div.file b {right:10px; font-size:13px; line-height:29px; width:73px; margin:0; transform: translateY(-50%) translateY(0.5px);}
    .join_container .inquiry_wrap form .i_input div.file:hover b {background-color:#4876ef;}

    .join_container .inquiry_wrap form .inquiry_fail .fail_info {padding-top:12px;}
    .join_container .inquiry_wrap form .inquiry_fail .fail_info p {font-size:13px; line-height:18px;}
    .join_container .inquiry_wrap form .inquiry_fail .fail_info b {line-height:18px;}
    
    .join_container .inquiry_wrap form .documnet_chk div input{font-size: 14px;}

    .join_container .inquiry_wrap form .btn {padding-top:30px;}

    /* S: 250617 mo 일때 추가 */
    .join_container .doc_exam.on{max-width: 98vw;}
    /* E: 250617 mo 일때 추가 */


}
@media (max-width:479px){
    .join_container .inquiry_wrap p {font-size:14px; line-height:22px;}
    .join_container .inquiry_wrap form {margin-top:25px;}
    .join_container .inquiry_wrap form .inquiry_fail {margin-top:22px;}
    /* S: 250617 mo 일때 추가 */
    .join_container .doc_exam.on{max-width: 98vw;}
    /* E: 250617 mo 일때 추가 */
}


/* 기존회원 */
.join_container .existing_wrap {width:100%;}
.join_container .existing_wrap p {font-size: 16px; color: #333; font-weight: 500; letter-spacing:-0.04em; line-height:24px;}
.join_container .existing_wrap .e_id_info {width:100%; border:1px solid #4876ef; font-size:16px; color:#4876ef; font-weight:500; line-height:55px; text-align: center; border-radius:6px; margin-top:35px;}
.join_container .existing_wrap ul {width:100%; margin-top:20px;}
.join_container .existing_wrap ul li {width:100%; position: relative; padding-left:10px; font-size:14px; color:#888; font-weight:400; letter-spacing:-0.025em; line-height:20px;}
.join_container .existing_wrap ul li::before {content:"·"; font-size:14px; color:#888; font-weight:400; line-height:20px; position: absolute; top:0; left:0;}

.join_container .existing_wrap .find {width:100%; display:flex; justify-content: center; margin-top:25px;}
.join_container .existing_wrap .find a {font-size:14px; color:#555; font-weight:400; letter-spacing:-0.04em; line-height:20px;}
.join_container .existing_wrap .find a + a {margin-left:25px;}

@media (max-width:767px){
    .join_container .existing_wrap p {font-size:15px; line-height:23px;}
    .join_container .existing_wrap .e_id_info {font-size:15px; line-height:51px; margin-top:30px;}
    .join_container .existing_wrap ul {margin-top:18px;}
    .join_container .existing_wrap ul li,
    .join_container .existing_wrap ul li::before {font-size:13px; line-height:18px;}

    .join_container .existing_wrap .btn {padding-top:30px;}
    .join_container .existing_wrap .find {margin-top:22px;}
    .join_container .existing_wrap .find a {font-size:13px;}
    .join_container .existing_wrap .find a + a {margin-left:22px;}
}
@media (max-width:479px){
    .join_container .existing_wrap p {font-size:14px; line-height:22px;}
    .join_container .existing_wrap .e_id_info {margin-top:25px;}
    .join_container .existing_wrap .btn {padding-top:25px;}
    .join_container .existing_wrap .find {margin-top:18px;}
    .join_container .existing_wrap .find a + a {margin-left:20px;}
}


/* 회원정보 찾기 */
.join_container .member_find_wrap {width:100%;}
.join_container .member_find_wrap .m_find_form {width:100%;}
.join_container .member_find_wrap .m_find_form form {display: block; width:100%; margin-top:25px;}
.join_container .member_find_wrap .m_find_form form .find_type {width:100%; display:flex;}
.join_container .member_find_wrap .m_find_form form .find_type label {cursor: pointer;}
.join_container .member_find_wrap .m_find_form form .find_type label + label {margin-left:20px;}
.join_container .member_find_wrap .m_find_form form .find_type label input {display:none;}
.join_container .member_find_wrap .m_find_form form .find_type label p {font-size:14px; color:#000; font-weight:400; letter-spacing:-0.04em; line-height:20px; position: relative; padding-left:26px;}
.join_container .member_find_wrap .m_find_form form .find_type label p::before {content:""; width:18px; height:18px; border:1px solid #8491a7; border-radius:100%; position: absolute; top:0; left:0;}
.join_container .member_find_wrap .m_find_form form .find_type label input:checked + p::before {border:5px solid #4876ef; width:10px; height:10px; top:-1px;}

.join_container .member_find_wrap .m_find_form form .find_input {width:100%; margin-top:10px;}
.join_container .member_find_wrap .m_find_form form .find_input input {width:100%; height:54px; font-size:16px; color:#000; font-weight:400; padding:0 18px; border-radius:6px; border:1px solid #e3e5e8;}
.join_container .member_find_wrap .m_find_form form .find_input em {display: block; font-size:14px; color:#888; font-weight:400; letter-spacing:-0.04em; line-height:18px; margin-top:8px;}

.join_container .member_find_wrap .m_find_form form .btn {padding-top:30px;}
.join_container .member_find_wrap .m_find_form form .btn button {background-color:#E3E5E8; cursor: default;}
.join_container .member_find_wrap .m_find_form form .btn button:hover {background-color:#E3E5E8;}
.join_container .member_find_wrap .m_find_form form .btn button.on {background-color:#4876ef; cursor: pointer;}
.join_container .member_find_wrap .m_find_form form .btn button.on:hover {background-color:#204dc2;}

.join_container .member_find_wrap .m_find_result {display:none;}
.join_container .member_find_wrap .m_find_result p {font-size: 16px; color: #333; font-weight: 500; letter-spacing:-0.04em; line-height:24px;}
.join_container .member_find_wrap .m_find_result .btn {padding-top:30px; display:flex;}
.join_container .member_find_wrap .m_find_result .btn a {width:calc(50% - 8px); border:1px solid #4876ef; line-height:53px;}
.join_container .member_find_wrap .m_find_result .btn a + a {margin-left:16px;}
.join_container .member_find_wrap .m_find_result .btn a:first-child {background-color:#fff; color:#4876ef;}
.join_container .member_find_wrap .m_find_result .btn a:hover {background-color:#204dc2; border:1px solid #204dc2;}
.join_container .member_find_wrap .m_find_result .btn a:first-child:hover {background-color:#fff; border:1px solid #888; color:#333;}

.join_container .member_find_wrap .m_find_fail .btn a.back {background-color:#fff; color:#888; border:1px solid #e3e5e8;}
.join_container .member_find_wrap .m_find_fail .btn a.back:hover {background-color:#fff; border:1px solid #888; color:#333;}

.join_container .member_find_wrap .m_find_info {width:100%; margin-top:30px;}
.join_container .member_find_wrap .m_find_info p {font-size:14px; color:#333; letter-spacing:-0.04em; line-height:20px; font-weight:500;}
.join_container .member_find_wrap .m_find_info ul {width:100%; margin-top:6px;}
.join_container .member_find_wrap .m_find_info ul li {width:100%; position: relative; padding-left:10px; font-size:14px; color:#888; font-weight:400; letter-spacing:-0.025em; line-height:20px;}
.join_container .member_find_wrap .m_find_info ul li::before {content:"·"; font-size:14px; color:#888; font-weight:400; line-height:20px; position: absolute; top:0; left:0;}

@media (max-width:767px){
    .join_container .member_find_wrap .m_find_form form .find_input input {height:51px; font-size:15px; padding:0 15px;}
    .join_container .member_find_wrap .m_find_form form .find_input em {font-size:13px;}

    .join_container .member_find_wrap .m_find_result p {font-size:15px; line-height:23px;}

    .join_container .member_find_wrap .m_find_form form .btn,
    .join_container .member_find_wrap .m_find_result .btn {padding-top:25px;}
    .join_container .member_find_wrap .m_find_result .btn a {width:calc(50% - 6px); line-height:51px;}
    
    .join_container .member_find_wrap .m_find_form form .btn button.on:hover {background-color:#4876ef;}
    .join_container .member_find_wrap .m_find_result .btn a:hover {background-color:#4876ef; border:1px solid #4876ef;}
    .join_container .member_find_wrap .m_find_result .btn a:first-child:hover {background-color:#fff; border:1px solid #4876ef; color:#4876ef;}
    .join_container .member_find_wrap .m_find_fail .btn a.back:hover {border:1px solid #e3e5e8; color:#888;}

    .join_container .member_find_wrap .m_find_info {margin-top:25px;}
    .join_container .member_find_wrap .m_find_info ul {margin-top:5px;}
    .join_container .member_find_wrap .m_find_info ul li,
    .join_container .member_find_wrap .m_find_info ul li::before {font-size:13px; line-height:18px;}
}
@media (max-width:479px){
    .join_container .member_find_wrap .m_find_result p {font-size:14px; line-height:22px;}
    .join_container .member_find_wrap .m_find_result .btn {padding-top:22px;}
    .join_container .member_find_wrap .m_find_result .btn a {width:calc(50% - 5px); line-height:46px;}

    .join_container .member_find_wrap .m_find_info p {font-size:13px;}
    .join_container .member_find_wrap .m_find_info ul {margin-top:4px;}
}


/* 약관동의 */
.join_container .agree_box .all_agree {margin-bottom: 15px;}
.join_container .agree_box .all_agree .all_inner{position: relative; padding: 17px 20px 15px 50px; background-color: #f7fcff; border: 1px solid #e0f1fe; border-radius: 5px;}
.join_container .agree_box .all_agree .all_inner input{appearance: none; position: absolute; top: 50%; left: 15px; width: 25px; height: 25px; transform: translateY(-50%); font-family: 'Spoqa Han Sans Neo',sans-serif!important; font-size: 14px; color: #555; font-weight: 500; background: url('/img/doctor_bridge/intro/type_choice_off.png') no-repeat center / 25px; }
.join_container .agree_box .all_agree .all_inner label{font-family: 'Spoqa Han Sans Neo',sans-serif!important; font-size: 16px; color: #000; font-weight: 500; cursor: pointer}
.join_container .agree_box .all_agree .all_inner input:checked{background: url('/img/doctor_bridge/intro/type_choice_on.png') no-repeat center / 25px;}

.join_container .agree_box .agree_box_cont .agree_box_inner{position: relative; padding: 8px 20px 8px 50px; }
.join_container .agree_box .agree_box_cont .agree_box_inner input{appearance: none; position: absolute; top: 50%; left: 15px; width: 25px; height: 25px; transform: translateY(-50%);  font-size: 14px; color: #555; font-weight: 500; background: url('/img/doctor_bridge/intro/type_choice_off.png') no-repeat center / 25px; }
.join_container .agree_box .agree_box_cont .agree_box_inner label{ font-size: 16px; color: #000; font-weight: 500; cursor: pointer;}
.join_container .agree_box .agree_box_cont .agree_box_inner input:checked{background: url('/img/doctor_bridge/intro/type_choice_on.png') no-repeat center / 25px;}
.join_container .agree_box .agree_box_cont .agree_box_inner b {position: absolute; top: 50%; right: 0; transform: translateY(-50%);  font-size: 14px; color: #888; font-weight: 500; display: flex; align-items: center; cursor: pointer;}
.join_container .agree_box .agree_box_cont .agree_box_inner b img{margin-left: 8px;}
.join_container .agree_box .agree_box_cont .detail_cont{ padding: 0px 20px 8px 50px; }
.join_container .agree_box .agree_box_cont .detail_cont p{ font-size: 14px; color: #888; font-weight: 500; line-height: 1.5; margin-bottom:10px;}
.join_container .agree_box .agree_box_cont .detail_cont > div{ margin-bottom: 9px;  font-size: 14px; color: #333;}
.join_container .agree_box .agree_box_cont .detail_cont > div input{appearance: none; width: 11px; height: 11px; background: url('/img/doctor_bridge/intro/inner_chk_off.png') no-repeat center top -1px / 11px; cursor: pointer;}
.join_container .agree_box .agree_box_cont .detail_cont > div label{padding-left: 5px;  font-size: 14px; color: #333; font-weight: 500; cursor: pointer;}
.join_container .agree_box .agree_box_cont .detail_cont > div input:checked{background: url('/img/doctor_bridge/intro/inner_chk_on.png') no-repeat center top -1px / 11px;}

.join_container .agree_box .agree_box_cont .agree_box_inner.ver2 {padding: 8px 20px 8px 15px;}

@media (max-width:767px){
    .join_container .agree_box .all_agree .all_inner {padding: 17px 20px 15px 40px;}
    .join_container .agree_box .all_agree .all_inner label{font-size: 15px;}
    .join_container .agree_box .agree_box_cont .agree_box_inner{padding: 8px 20px 8px 40px;}
    .join_container .agree_box .agree_box_cont .agree_box_inner label{font-size: 15px;}
    .join_container .agree_box .agree_box_cont .agree_box_inner b{font-size: 13px;}
    .join_container .agree_box .all_agree .all_inner input{left: 10px; background: url(/img/doctor_bridge/intro/type_choice_off.png) no-repeat center / 20px;}
    .join_container .agree_box .all_agree .all_inner input:checked{background: url(/img/doctor_bridge/intro/type_choice_on.png) no-repeat center / 20px;}
    .join_container .agree_box .agree_box_cont .agree_box_inner input{left: 10px; background: url(/img/doctor_bridge/intro/type_choice_off.png) no-repeat center / 20px;}
    .join_container .agree_box .agree_box_cont .agree_box_inner input:checked{background: url(/img/doctor_bridge/intro/type_choice_on.png) no-repeat center / 20px;}
  
    .join_container .agree_box .agree_box_cont .detail_cont{padding: 0px 20px 8px 40px;}
    .join_container .agree_box .agree_box_cont .detail_cont p{font-size: 13px;}
    .join_container .agree_box .agree_box_cont .detail_cont > div label{font-size: 13px;}
    .join_container .agree_box .agree_box_cont .detail_cont > div input{background: url(/img/doctor_bridge/intro/inner_chk_off.png) no-repeat center top / 11px;}
}


/* 정보입력 */
.db_join_inner .join_container .join_content .info_box {width:100%;}
.db_join_inner .join_container .join_content .info_box .ib_cont {width:100%;}
.db_join_inner .join_container .join_content .info_box .ib_cont.ib_hide{display: none;}
.db_join_inner .join_container .join_content .info_box .ib_cont.ib_delete{display: none;}
.db_join_inner .join_container .join_content .info_box .ib_cont + .ib_cont {margin-top:22px;}
.db_join_inner .join_container .joinRoute .join_content .info_box .ib_cont {margin-top: 0px;}
.db_join_inner .join_container .join_content .info_box .ib_cont p {margin-bottom: 10px; font-size: 14px; color: #000; font-weight: 500;}
.db_join_inner .join_container .join_content .info_box .ib_cont p font {color: #ff0000; font-weight: 600;}
.db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner {position: relative;}
.db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner .disabled{background-color: #F5F6FA;}
.db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner.ess input {padding: 0 104px 0 15px;}
.db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner .H_locate{padding: 0 15px; width: 100%; height: 53px; line-height: 53px; border-radius: 6px; box-sizing: border-box; letter-spacing: -0.025em; background: #EFF5FF; border: 1px solid #D4E0FF; text-align: center; margin-bottom: 8px; cursor: pointer; transition: 0.2s all;}
.db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner .H_locate:hover{background: #e2edff;}
.db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner .H_locate em{font-size: 14px; color: #4876EF; font-weight: 400; background: url(/img/doctor_bridge/intro/hos_locate.svg) no-repeat left top; padding-left: 20px;}
.db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner input {padding: 0 15px; width: 100%; height:53px; border: 1px solid #e3e5e8; border-radius: 6px; background: #fff; font-size:16px; color: #000; font-weight:500; box-sizing: border-box; letter-spacing:-0.025em;}
.db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner input:disabled {background-color:#F5F6FA;}
.db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner input::-webkit-input-placeholder {color:#888; font-size:15px; font-weight:400; letter-spacing:-0.025em;}
.db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner input::-moz-placeholder {color:#888; font-size:15px; font-weight:400; letter-spacing:-0.025em;}
.db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner input:-ms-input-placeholder {color:#888; font-size:15px; font-weight:400; letter-spacing:-0.025em;}
.db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner input:-moz-placeholder {color:#888; font-size:15px; font-weight:400; letter-spacing:-0.025em;}
.db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner input::placeholder {color:#888; font-size:15px; font-weight:400; letter-spacing:-0.025em;}
.db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner.pwInput input {letter-spacing:0.4em; font-weight:600;}

/* 250312 이선구 작업 */
.db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner.uni_etc {margin-top:10px;display:none;}
.db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner.uni_etc.show {display:block;}
/* // 250312 이선구 작업 */

.db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner select {height:53px; border: 1px solid #e3e5e8; border-radius: 6px; width: 100%;  font-size: 16px; color: #000; font-weight: 500; padding: 0 15px; appearance: none; background: url('/img/doctor_bridge/intro/select_arrow.png') no-repeat right 14px center / 12px;}
.db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner select option {font-size: 16px; color: #000; font-weight:400;}
/* .db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner a {position: absolute; top: 50%; right:14px; width:75px; line-height:33px; background: #4876ef; color: #fff; text-align: center; border-radius:100px; font-size: 14px; transform: translateY(-50%) translateY(0.5px); font-weight:400;} */
.db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner a {position: absolute; top: 50%; right:14px; width:80px; line-height:33px; background: #4876ef; color: #fff; text-align: center; border-radius:100px; font-size: 14px; transform: translateY(-50%) translateY(0.5px); font-weight:400;}

.db_join_inner .join_container .join_content .info_box .ib_cont .msg {width:100%; font-size:13px; color:#f50b1b; font-weight:400; letter-spacing:-0.025em; line-height:18px; padding-top:8px; display:none;}

.db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner.address {display: flex; align-items: center; justify-content: space-between;}
.db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner.address select {width:calc(50% - 15px);}
.db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner.address select + select {margin-left:auto;/*display:none;*/}

.db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner.email div {display:flex; flex-wrap: wrap; align-items: center;}
.db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner.email div input {width:calc(50% - 15px);}
.db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner.email div select {width:calc(50% - 15px);}
.db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner.email div b {width:30px; text-align: center; font-size:16px; color:#000; font-weight:400;}
.db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner.email input[name=email2] {display:none; margin-top:10px;}


.db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner .medical_subject {width:100%;}
.db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner .medical_subject .msBox {width:100%; display:flex; align-items: center;}
.db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner .medical_subject .msBox + .msBox {margin-top:10px;}
.db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner .medical_subject .msBox select {width:calc(100% - 140px);}
.db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner .medical_subject .msBox .msBtn {display:flex;}
.db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner .medical_subject .msBox .msBtn button {width:60px; font-size:15px; color:#4876ef; font-weight:400; letter-spacing:-0.025em; line-height:35px; border:1px solid #8491a7; border-radius:6px; transition:all 0.2s; margin-left:10px;}
.db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner .medical_subject .msBox .msBtn button:hover {opacity:0.6;}
.db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner .medical_subject .msBox .msBtn button:disabled {display:none;}
.db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner .medical_subject .msBox .msBtn button.msDel {color:#333;}

.db_join_inner .join_container .join_content .info_box .ib_cont.medi114 {border-top: 1px solid #e3e5e8; padding-top: 22px;}
.db_join_inner .join_container .join_content .info_box .ib_cont.medi114 h3{font-size: 16px;}
.db_join_inner .join_container .join_content .info_box .ib_cont.medi114 h3 p{font-size: 14px; color:#555; margin: 10px 0;}

.db_join_inner .join_container .join_content .info_box .ib_cont.medi114 .info_box .agree_box .all_agree{margin-bottom: 0px;}
.db_join_inner .join_container .join_content .info_box .ib_cont.medi114 .info_box .agree_box .all_agree .all_inner{background-color: inherit; border: none; padding: 10px 20px 10px 30px;}
.db_join_inner .join_container .join_content .info_box .ib_cont.medi114 .info_box .agree_box .all_agree .all_inner input{left: 0px; background: url(/img/doctor_bridge/intro/mg_chk_off.png) no-repeat center / 20px;}
.db_join_inner .join_container .join_content .info_box .ib_cont.medi114 .info_box .agree_box .all_agree .all_inner input:checked{background: url(/img/doctor_bridge/intro/mg_chk_on.png) no-repeat center / 20px;}

.db_join_inner .join_container .join_content .info_box .ib_cont.medi114 .info_box .agree_box .agree_box_cont .agree_box_inner{padding:5px 20px 5px 25px;}
.db_join_inner .join_container .join_content .info_box .ib_cont.medi114 .info_box .agree_box .agree_box_cont .agree_box_inner input{left: 0px; background: url(/img/doctor_bridge/intro/medi_chk02_off.png) no-repeat center / 11px;}
.db_join_inner .join_container .join_content .info_box .ib_cont.medi114 .info_box .agree_box .agree_box_cont .agree_box_inner input:checked{background: url(/img/doctor_bridge/intro/medi_chk02_on.png) no-repeat center / 11px;}
.db_join_inner .join_container .join_content .info_box .ib_cont.medi114 .info_box .agree_box .agree_box_cont .agree_box_inner label{font-size: 14px; color: #333;}
.db_join_inner .join_container .join_content .info_box .ib_cont.medi114 .info_box .agree_box .agree_box_cont .agree_box_inner > a{ position: absolute; top: 50%; right: 0; transform: translateY(-50%); font-size: 14px; color: #888; font-weight: 500; display: flex; align-items: center; cursor: pointer;} 
.db_join_inner .join_container .join_content .info_box .ib_cont.medi114 .info_box .agree_box .agree_box_cont .agree_box_inner > a img{margin-left: 8px;}
.db_join_inner .join_container .join_content .info_box .ib_cont.medi114 .info_box .agree_box .agree_box_cont .ab_table{margin-top: 10px;}
.db_join_inner .join_container .join_content .info_box .ib_cont.medi114 .info_box .agree_box .agree_box_cont .ab_table table{border-collapse: collapse;}
.db_join_inner .join_container .join_content .info_box .ib_cont.medi114 .info_box .agree_box .agree_box_cont table th{border: 1px solid #e3e5e8; color: #333; font-size: 14px; padding: 10px 15px; background: #f5f5f5; font-weight: 500;} 
.db_join_inner .join_container .join_content .info_box .ib_cont.medi114 .info_box .agree_box .agree_box_cont table td{border: 1px solid #e3e5e8; color: #333; font-size: 14px; padding: 10px 15px;}


.db_join_inner .join_container .join_content .info_box .btn {padding-top:25px;}
.db_join_inner .join_container.joinRoute .join_content .info_box .btn{padding-top: 55px;}

@media (max-width:767px){
    .db_join_inner .join_container .join_content .info_box .ib_cont + .ib_cont {margin-top:20px;}
    .db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner input {height:52px; font-size:15px;}
    .db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner input::-webkit-input-placeholder {font-size:14px;}
    .db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner input::-moz-placeholder {font-size:14px;}
    .db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner input:-ms-input-placeholder {font-size:14px;}
    .db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner input:-moz-placeholder {font-size:14px;}
    .db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner input::placeholder {font-size:14px;}

    .db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner select {height:52px; font-size:15px; background-size:11px;}
    .db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner select option {font-size: 15px;}
    .db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner a {right:12px; line-height:28px; font-size:14px; transform: translateY(-50%);}

    .db_join_inner .join_container .join_content .info_box .ib_cont .msg {font-size:12px; line-height:16px;}

    .db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner.address select {width:calc(50% - 14px);}

    .db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner.email div input {width:calc(50% - 14px);}
    .db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner.email div select {width:calc(50% - 14px);}
    .db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner.email div b {width:28px; font-size:15px;}

    .db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner .medical_subject .msBox select {width:calc(100% - 132px);}
    .db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner .medical_subject .msBox .msBtn button {width:56px; font-size:14px; line-height:34px;}
    .db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner .medical_subject .msBox .msBtn button:hover {opacity:1;}
}
@media (max-width:479px){
    .db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner input {height:51px; font-size:14px;}
    .db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner input::-webkit-input-placeholder {font-size:13px;}
    .db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner input::-moz-placeholder {font-size:13px;}
    .db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner input:-ms-input-placeholder {font-size:13px;}
    .db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner input:-moz-placeholder {font-size:13px;}
    .db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner input::placeholder {font-size:13px;}

    .db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner select {height:51px; font-size:14px; background-size:10px;}
    .db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner select option {font-size: 15px;}
    .db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner a {right:10px; line-height:29px; font-size:13px; transform: translateY(-50%) translateY(0.5px);}

    .db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner.address select {width:calc(50% - 13px);}

    .db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner.email div input {width:calc(50% - 13px);}
    .db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner.email div select {width:calc(50% - 13px);}
    .db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner.email div b {width:26px; font-size:14px;}

    .db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner .medical_subject .msBox select {width:calc(100% - 124px);}
    .db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner .medical_subject .msBox .msBtn button {width:52px; font-size:13px; line-height:33px;}
    .db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner .medical_subject .msBox .msBtn button:hover {opacity:1;}
}


/* 회원가입완료 */
.join_container .complete_box {width:100%;}
.join_container .complete_box p { font-size: 16px; color: #333; font-weight: 500; line-height: 26px;}
.join_container .complete_box .complete_img {text-align: center; margin-top: 40px;}
.join_container .complete_box .complete_img img {display: block; margin: auto;}

.join_container .complete_info {width:100%; margin-top:20px;}
.join_container .complete_info ul {width:100%;}
.join_container .complete_info ul li {width:100%; position: relative; padding-left:10px; font-size:14px; color:#888; font-weight:400; letter-spacing:-0.025em; line-height:20px;}
.join_container .complete_info ul li::before {content:"·"; font-size:14px; color:#888; font-weight:400; line-height:20px; position: absolute; top:0; left:0;}

.db_join_inner .join_container .btn.complete {padding-top:20px;}
.db_join_inner .join_container .btn.complete.offer {padding-top:30px;}
.db_join_inner .join_container .btn.complete a {display:flex;align-items:center;justify-content:center;gap:10px;line-height:50px;border-radius:10px;}
.db_join_inner .join_container .btn.complete a .arr {width:11px;height:16px;background:url(/img/doctor_bridge/member/btn_arr.png) no-repeat 0 0;background-size:100%;}
.db_join_inner .join_container .btn.complete_home {padding-top:30px;font-size:0;text-align:center;}
.db_join_inner .join_container .btn.complete_home a.home_btn {margin-top:0;width:auto;line-height:26px;color:#555;}

.area_appqr {position:relative;margin-top:35px;padding:20px;border-radius:10px;background-color:#f5f8fd;}
.area_appqr .img_bell {position:absolute;top:25px;right:28px;width:86px;height:86px;background:url(/img/doctor_bridge/member/img_bell.png) no-repeat 0 0;background-size:100%;animation:bellShake 1s infinite backwards;transform:rotate(0);}
@keyframes bellShake {
	0%, 50% {transform:rotate(0deg);}
    5%, 25%, 45% {transform:rotate(13deg);}
    15%, 35% {transform:rotate(-13deg);}
}

.area_appqr .tit {font-family:"SCoreDream",sans-serif!important;font-weight:500;font-size:16px;line-height:28px;color:#333;}
.area_appqr .tit em {font-weight:inherit;font-size:17px;line-height:inherit;color:#4876ef;}
.area_appqr .txt {margin-top:10px;font-size:13px;line-height:28px;color:#555;}

.area_appqr .lst_appqr {display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:20px;}
.area_appqr .lst_appqr .item {width:190px;font-size:0;text-align:center;}
.area_appqr .lst_appqr .item .app_qr {width:100%;height:0;padding-bottom:100%;background-repeat:no-repeat;background-position:0 0;background-size:100%;}
.area_appqr .lst_appqr .item .app_logo {display:inline-block;margin-top:10px;background-repeat:no-repeat;background-position:0 0;background-size:100%;}
.area_appqr .lst_appqr .item.google .app_qr {background-image:url(/img/doctor_bridge/member/qr_android.png);}
.area_appqr .lst_appqr .item.app_store .app_qr {background-image:url(/img/doctor_bridge/member/qr_iphone.png);}
.area_appqr .lst_appqr .item.google .app_logo {width:117px;height:23px;background-image:url(/img/doctor_bridge/member/logo_google.png);}
.area_appqr .lst_appqr .item.app_store .app_logo {width:86px;height:27px;background-image:url(/img/doctor_bridge/member/logo_app_store.png);}

.txt_complete_notice {margin-top:15px;padding-left:9px;font-size:13px;line-height:20px;color:#333;word-break:keep-all;text-indent:-9px;}

@media (max-width:767px){
    .join_container .complete_info {margin-top:18px;}
    .join_container .complete_info ul li,
    .join_container .complete_info ul li::before {font-size:13px; line-height:18px;}
}

.db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner .sign_path{position: relative; width: 100%;}
.db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner .sign_path .sign_box{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; padding: 0 15px; cursor: pointer;}
.db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner .sign_path .sign_box .sign_type{position: relative; margin-right: 15px; padding-right: 15px;     font-weight: 500;}
.db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner .sign_path .sign_box .sign_type::after{content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 20px; background: #e3e5e8;}
.db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner .sign_path .sign_box .sign_content{color: #4876ef; font-weight: 500;}

.db_join_inner .join_container .join_content .info_box .ib_cont input + label{font-size: 16px; color: #000;}
.db_join_inner .join_container .join_content .info_box .ib_cont input[name=second_route]{position:relative; margin-right: 7px; width: 15px; height: 15px; background:url("/img/doctor_bridge/intro/sign_off.png") no-repeat left center / 13px;}
.db_join_inner .join_container .join_content .info_box .ib_cont input[name=second_route]:checked{ background:url("/img/doctor_bridge/intro/sign_on.png") no-repeat left center / 15px;}
.db_join_inner .join_container .join_content .info_box .ib_cont input[name=second_route]:checked + label{color: #4876ef;}

.db_join_inner .join_container .join_content .info_box .ib_cont.combox {display: none; flex-wrap: wrap; margin-top: 20px; padding-top: 20px; border-top: 1px solid #e3e5e8;}
.db_join_inner .join_container .join_content .info_box .ib_cont.on{display: flex;}
.db_join_inner .join_container .join_content .info_box .ib_cont.combox > div{display: flex; align-items: center; width: calc(50% - 15px); margin-bottom: 17px;}
.db_join_inner .join_container .join_content .info_box .ib_cont.combox > div:nth-child(2n-1){margin-right: 15px;}
/* .db_join_inner .join_container .join_content .info_box .ib_cont.combox > div:last-child{margin: 0;} */
.db_join_inner .join_container .join_content .info_box .ib_cont.sign_t > div{width: 100%;}




.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;  max-height:calc(100vh - 100px); max-height:calc((var(--vh, 1vh) * 100) - 100px); box-sizing: border-box; display:none;}
.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:50px; 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:1.5px 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:50px; 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:1.5px 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;}
}



.hosListPopup {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;  max-height:calc(100vh - 100px); max-height:calc((var(--vh, 1vh) * 100) - 100px); box-sizing: border-box; display:none;}
.hosListPopup * {box-sizing: border-box;}

.hosListPopup .tit {position: relative; padding:20px; display: flex; align-items: center;}
.hosListPopup .tit p{font-size: 14px; font-weight: 400; color: #555;}
.hosListPopup .tit p font{font-size: 14px; font-weight: 400; color: #4876EF;}
.hosListPopup .tit a{margin-left: auto; width:54px; height:54px; background:url("/img/doctor_bridge/common/popClose.png")no-repeat center; background-size:14px; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.hosListPopup .hos_list{padding: 0 20px; height: calc(100% - 150px); max-height: 400px; overflow-y: auto;}
.hosListPopup .hos_list::-webkit-scrollbar {width: 5px;}
.hosListPopup .hos_list::-webkit-scrollbar-track{ background: #fff; }
.hosListPopup .hos_list::-webkit-scrollbar-thumb { background: #ccc; border-radius: 20px; }

.hosListPopup .hos_list label{display: block; width: 100%; padding: 16px 0; border-top: 1px solid #E3E5E8;}
.hosListPopup .hos_list label:last-child{padding-bottom: 0;}
.hosListPopup .hos_list label input{display:none;}
.hosListPopup .hos_list label div{display: flex; justify-content: center; flex-direction: column; width: 100%; gap: 3px; background:url("/img/doctor_bridge/common/hos_chk_off.svg") no-repeat right center;}
.hosListPopup .hos_list label div p{font-size: 18px; font-weight: 500; color: #111;}
.hosListPopup .hos_list label div dl{display: flex; align-items: center;}
.hosListPopup .hos_list label div dl dt{color: #555; font-size: 14px; font-weight: 400;}
.hosListPopup .hos_list label div dl dd{color: #555; font-size: 14px; font-weight: 400; position: relative; padding-left: 10px; margin-left: 10px;}
.hosListPopup .hos_list label div dl dd::before{content: ''; position: absolute; left: 0; top: 4px; width: 1px; height: 13px; background: #555;}

.hosListPopup .hos_list label input:checked + div{background:url("/img/doctor_bridge/common/hos_chk_on.svg") no-repeat right center;}
.hosListPopup .hos_list label input:checked + div p{color: #4876EF;}
.hosListPopup .hos_list label input:checked + div dl dt,
.hosListPopup .hos_list label input:checked + div dl dd{color: #4876EF;}
.hosListPopup .hos_list label input:checked + div dl dd::before{background: #4876EF;}

.hosListPopup .hos_list .hos_none{display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 10px; padding: 30px 0; border-top: 1px solid #E3E5E8;}
.hosListPopup .hos_list .hos_none p{text-align: center; font-size: 16px; color: #888; font-weight: 400; line-height: 22px; }

.hosListPopup .hl_btn{padding: 20px;}
.hosListPopup .hl_btn a{display: block; width: 100%; border-radius: 100px; line-height: 50px; color: #fff; font-size: 16px; font-weight: 500; background: #4876EF; text-align: center; transition: 0.2s all;}
.hosListPopup .hl_btn a:hover{background: #204dc2;}


@media screen and (max-width:767px) {
    .hosListPopup {max-width:none; max-height:none; height:100%; top:0; left:0; transform:none; box-shadow:none; border-radius:0; display:block!important; box-sizing: border-box; transform: translateX(100%);}
    .hosListPopup .hos_list{max-height: inherit;}
}

@media screen and (max-height:500px) {
    .hosListPopup {padding:0; overflow-y: auto;}
}


/* 모바일용 팝업창 활성화 애니메이션 */
.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%);}
}


/* 간편인증 */
.db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner.ssn div {display:flex; flex-wrap: wrap; align-items: center;}
.db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner.ssn div input {width:calc(50% - 15px);}
.db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner.ssn div select {width:calc(50% - 15px);}
.db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner.ssn div b {width:30px; text-align: center; font-size:16px; color:#000; font-weight:400;}

.db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner.tel div {display:flex;flex-wrap:nowrap;align-items:center;gap:0 8px;}
.db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner.tel div .custom_sel {width:180px;flex-shrink:0;}

.js_join_simple_auth .area_simple_auth .txt_platform {margin-top:18px;font-weight:500;font-size:16px;line-height:24px;color:#333;}
.js_join_simple_auth .db_join_inner .join_container .join_content .area_simple_auth .user_info {margin-top:30px;}
.js_join_simple_auth .db_join_inner .join_container .join_content .area_simple_auth h3 {border-bottom:1px solid #8491A7;font-weight:500;font-size:15px;line-height:39px;color:#333;}

.js_join_simple_auth .db_join_inner .join_container .join_content .area_simple_auth .info_box .ib_cont p {color:#111;}

.js_join_simple_auth .db_join_inner .join_container .join_content .area_simple_auth .service_agree {margin-top:38px;}

.js_join_simple_auth .db_join_inner .join_container .join_content .area_simple_auth .service_agree .agree_box_inner {padding:0 0 0 30px;}
.js_join_simple_auth .db_join_inner .join_container .join_content .area_simple_auth .service_agree .agree_box_inner input {left:0;}

.js_join_simple_auth .area_simple_auth .direct_license {margin-top:40px;text-align:center;}
.js_join_simple_auth .area_simple_auth .direct_license .txt {font-weight:500;font-size:16px;line-height:24px;color:#555;}
.js_join_simple_auth .area_simple_auth .direct_license .link_direct {display:inline-block;margin-top:4px;font-weight:500;font-size:16px;line-height:24px;color:#4876EF;text-decoration:underline;}

.js_join_simple_auth .area_simple_auth .auth_method {margin:25px 0 0;}
.js_join_simple_auth .area_simple_auth .lst_auth_method {margin:0;padding:0;display:grid;gap:10px;grid-template-columns:repeat(3, 1fr);}
.js_join_simple_auth .area_simple_auth .auth_method .item {list-style:none;}
.js_join_simple_auth .area_simple_auth .auth_method .item label {display:block;cursor:pointer;}
.js_join_simple_auth .area_simple_auth .auth_method .item label input[type=radio] {margin:0;padding:0;display:none;}
.js_join_simple_auth .area_simple_auth .auth_method .box_rdn {display:flex;align-items:center;gap:0 8px;justify-content:center;padding:25px 0;border:1px solid #F0F0F0;border-radius:8px;background-color:#fff;}
.js_join_simple_auth .area_simple_auth .auth_method .item label input[type=radio]:checked + .box_rdn {border-color:#4876EF;background-color:#EFF5FF;}
.js_join_simple_auth .area_simple_auth .auth_method .box_rdn .icon {width:32px;}
.js_join_simple_auth .area_simple_auth .auth_method .box_rdn .icon img {display:block;width:100%;}
.js_join_simple_auth .area_simple_auth .auth_method .box_rdn .txt {margin:0;font-weight:500;font-size:16px;line-height:24px;color:#333;}


.pop_auth {display:none;position:fixed;top:50%;left:50%;z-index:10;transform:translate(-50%, -50%);width:340px;padding:20px;border-radius:8px;background-color:#fff;}
.dim_pop_auth {display:none;position:fixed;top:0;left:0;z-index:9;width:100%;height:100%;background-color:rgba(0,0,0,.4);}

.pop_auth .tit {font-weight:700;font-size:15px;line-height:22px;text-align:center;color:#111;}
.pop_auth .txt {font-size:15px;line-height:22px;text-align:center;color:#111;}
.pop_auth .btn_check {display:block;width:100%;height:44px;margin-top:20px;border-radius:8px;background-color:#4876EF;font-size:14px;color:#fff;}

.pop_auth.dup .txt {margin-top:20px;}
.pop_auth.dup .btn_box {margin-top:20px;display:flex;align-items:center;gap:0 10px;}
.pop_auth.dup .btn_box .btn_cancel {width:90px;height:44px;border:1px solid #4876EF;border-radius:8px;background-color:#fff;font-size:14px;color:#4876EF;}
.pop_auth.dup .btn_box .link_login {width:100%;height:44px;line-height:44px;border-radius:8px;background-color:#4876EF;font-size:14px;color:#fff;text-align:center;}

.pop_auth.platform_fail .txt {margin-top:20px;}
.pop_auth.naver_fail .txt {margin-top:20px;}

@media (max-width:767px){
    .db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner.ssn div input {width:calc(50% - 14px);}
    .db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner.ssn div select {width:calc(50% - 14px);}
    .db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner.ssn div b {width:28px;font-size:15px;}
}
@media (max-width:479px){
    .db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner.tel div .custom_sel {width:120px;}
    
    .db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner.ssn div input {width:calc(50% - 13px);}
    .db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner.ssn div select {width:calc(50% - 13px);}
    .db_join_inner .join_container .join_content .info_box .ib_cont .info_box_inner.ssn div b {width:26px;font-size:14px;}
}


/* 250613 이선구 작업 */
.db_join_inner .join_container .join_content .area_user_info {margin:40px 0 22px;padding-bottom:20px;border-bottom:1px solid #E3E5E8;}
.db_join_inner .join_container .join_content .area_user_info .item {display:flex;align-items:center;gap:0 12px;}
.db_join_inner .join_container .join_content .area_user_info .item + .item {margin-top:10px;}
.db_join_inner .join_container .join_content .area_user_info .item .txt_cate {font-size:15px;line-height:24px;color:#555;}
.db_join_inner .join_container .join_content .area_user_info .item .txt_info {font-size:15px;line-height:24px;color:#111;}
/* // 250613 이선구 작업 */


/* 250617 이선구 작업 */
.pop_auth.platform {width:440px;padding:30px;}
.pop_auth.platform .box_tit {position:relative;}
.pop_auth.platform .box_tit h3 {font-weight:500;font-size:24px;line-height:36px;color:#000;}
.pop_auth.platform .box_tit .btn_close {position:absolute;top:50%;right:0;transform:translateY(-50%);width:24px;height:24px;background:url("/img/doctor_bridge/common/popClose.png") no-repeat 0 0;background-size:24px;}

.pop_auth.platform .sub_txt {margin-top:18px;font-weight:500;font-size:16px;line-height:24px;color:#333;}

.pop_auth.platform .box_platform .img_platform {width:220px;height:200px;margin:30px auto 0;background-repeat:no-repeat;background-position:0 0;background-size:220px;}
.pop_auth.platform .box_platform.kakao .img_platform {background-image:url("/img/doctor_bridge/member/img_kakao.png");}
.pop_auth.platform .box_platform.samsung .img_platform {background-image:url("/img/doctor_bridge/member/img_samsung.png");}
.pop_auth.platform .box_platform.payco .img_platform {background-image:url("/img/doctor_bridge/member/img_payco.png");}
.pop_auth.platform .box_platform.pass .img_platform {background-image:url("/img/doctor_bridge/member/img_pass.png");}
.pop_auth.platform .box_platform.naver .img_platform {background-image:url("/img/doctor_bridge/member/img_naver.png");}
.pop_auth.platform .box_platform.shinhan .img_platform {background-image:url("/img/doctor_bridge/member/img_shinhan.png");}

.pop_auth.platform .box_platform .box_notice {margin-top:30px;padding:16px;border:1px solid #E3E5E8;border-radius:8px;background-color:#F2F4F7;}
.pop_auth.platform .box_platform .box_notice .txt {font-weight:500;font-size:14px;line-height:24px;color:#606060;text-align:left;}
.pop_auth.platform .box_platform .box_notice .lst_notice {display:none;margin-top:8px;}
.pop_auth.platform .box_platform .box_notice .lst_notice .item {font-size:14px;line-height:22px;color:#606060;word-break:keep-all;}
.pop_auth.platform .box_platform .box_notice .lst_notice .item em {font-weight:500;font-size:inherit;line-height:inherit;color:inherit;}

.pop_auth.platform .box_platform.kakao .box_notice .lst_notice.kakao {display:block;}
.pop_auth.platform .box_platform.samsung .box_notice .lst_notice.samsung {display:block;}
.pop_auth.platform .box_platform.payco .box_notice .lst_notice.payco {display:block;}
.pop_auth.platform .box_platform.pass .box_notice .lst_notice.pass {display:block;}
.pop_auth.platform .box_platform.naver .box_notice .lst_notice.naver {display:block;}
.pop_auth.platform .box_platform.shinhan .box_notice .lst_notice.shinhan {display:block;}

.pop_auth.platform .btn {padding-top:30px;}
.pop_auth.platform .btn .btn_complete {display:block;line-height:55px;border-radius:100px;font-size:16px;letter-spacing:-0.04em;width:100%;text-align:center;background-color:#4876ef;color:#fff;}

@media (max-width:540px){
    .pop_auth.platform {width:calc(100% - 40px);padding:20px;}
    .pop_auth.platform .box_platform .img_platform {margin-top:20px;}
    .pop_auth.platform .box_platform .box_notice {margin-top:20px;}
    .pop_auth.platform .btn {padding-top:20px;}
}


.pop_auth_platform {display:none;position:fixed;top:50%;left:50%;z-index:10;transform:translate(-50%, -50%);width:340px;padding:20px;border-radius:8px;background-color:#fff;}
.dim_pop_auth_platform {display:none;position:fixed;top:0;left:0;z-index:9;width:100%;height:100%;background-color:rgba(0,0,0,.4);}

.pop_auth_platform .tit {margin-bottom:20px;font-weight:700;font-size:15px;line-height:22px;text-align:center;color:#111;}
.pop_auth_platform .txt {font-size:15px;line-height:22px;text-align:center;color:#111;}
.pop_auth_platform .btn_check {display:block;width:100%;height:44px;margin-top:20px;border-radius:8px;background-color:#4876EF;font-size:14px;color:#fff;}
/* // 250617 이선구 작업 */