.mbskin .mbskin_box {width: 700px; margin: 0 auto}
.mbskin .mbskin_box.full {width: 100%}

.mbskin .mbskin_box .login_form_wrap_col2 {display: flex; gap: 0 10px}
.mbskin .mbskin_box .login_form_wrap {background: var(--bg-gray4); width: 100%}
.mbskin .mbskin_box .login_form_wrap .box_title {height: 65px; display: flex; align-items: center; justify-content: center}

.sns_login_custom {padding-top: 30px}
.sns_login_custom #sns_login{margin-top: 0; border-top: none}
.sns_login_custom #sns_login > h3 {display: none}
.sns_login_custom #sns_login .sns-wrap {margin: 0; display: flex; align-items: center; justify-content: center; gap: 0 50px}
.sns_login_custom #sns_login .sns-wrap a {display: block; width: 60px; height: 60px; border-radius: 50%; margin: 0; border-bottom:none; transition: all .2s}
.sns_login_custom #sns_login .sns-wrap a .txt,
.sns_login_custom #sns_login .sns-wrap a .ico {display: none}
.sns_login_custom #sns_login .sns-wrap .sns-kakao {background: #FFE600 url(../img/common/icon_kakao.svg) no-repeat center / 32.04px}
.sns_login_custom #sns_login .sns-wrap .sns-naver {background: #49B75B url(../img/common/icon_naver.svg) no-repeat center / 24.6px}
.sns_login_custom #sns_login .sns-wrap .sns-google {background: #fff url(../img/common/icon_google.svg) no-repeat center / 30.59px; border: 1px solid #e9e9e9}
.sns_login_custom #sns_login .sns-wrap .sns-kakao:hover {background: #ffd000 url(../img/common/icon_kakao.svg) no-repeat center / 32.04px}
.sns_login_custom #sns_login .sns-wrap .sns-naver:hover {background: #3fa14f url(../img/common/icon_naver.svg) no-repeat center / 24.6px}
.sns_login_custom #sns_login .sns-wrap .sns-google:hover {background: #eee url(../img/common/icon_google.svg) no-repeat center / 30.59px; border: 1px solid #e9e9e9}

/*가입 과정 (서브 진료예약에서 재활용됨)*/
.res_process {display: flex; justify-content: center; gap: 0 100px}
.res_process li {display: flex; align-items: center; color: #8d8d8d; gap: 0 10px; position: relative; white-space: nowrap}
.res_process li span {display: block; width: 35px; height: 35px; background: #e9e9e9; border-radius: 50%; display: flex; align-items: center; justify-content: center}
.res_process li + li::before {content: ''; display: block; width: 80px; height: 1px; background: var(--line2); position: absolute; left: -90px; top: 50%; transform: translateY(-50%)}
.res_process li.now {color: var(--key-color)}
.res_process li.now span {background: var(--key-color); color: var(--white)}
.res_process li.now::before {background: #B8D1ED}
.res_process li.now_before {color: var(--icon)}
.res_process li.now_before span {background: var(--icon); font-size: 0; position: relative}
.res_process li.now_before span::after {content: ''; width: 16px; height: 13px; background: var(--white); display: block; position: absolute}

.terms_wrap {background: var(--bg-gray4)!important; padding: 40px!important}
.terms_wrap.thin,
.terms_wrap.thin2{padding:30px 35px!important}
.terms_wrap textarea {resize: none; width: 100%; height: 290px; border: none; background: transparent}
.terms_wrap *,
.terms_wrap p,
.terms_wrap span {font-family: 'Pretendard'!important}
.terms_wrap > * {display:block; height:290px; overflow-y:auto; overflow-x:hidden}
.terms_wrap.thin > * {height:120px}
.terms_wrap.thin2 > * {height:180px}
#fregister_private .chk_wrap,
#fregister_term .chk_wrap {padding-left: 0; padding-right: 0; padding-bottom: 0}

.notion_box {background: var(--bg-gray4); display: flex; align-items: center; gap: 0 40px}

/* LDH 25.04.10 회원탈퇴 버튼 추가 */
#register_form {position:relative}
#unsub_btn {position:absolute; right:0; top:-55px}

/****************** Media Query ******************/

/* laptop ~ table */

@media (max-width: 1279px) {
    .terms_wrap, .terms_wrap.thin, .terms_wrap.thin2 {padding:15px!important}
}

/* table ~ mobile */

@media (max-width: 1024px) {
}

/* mobile only */

@media (max-width: 768px) {
    .notion_box {flex-direction: column; justify-content: center; gap: 25px 0; padding:15px}
    .notion_box img {width:100px}
}