/* BASIC css start */
/* ·Î±×ÀÎ °ü·Ã */
.login-wrap { max-width: 440px; width:100%; margin:0 auto; padding-bottom: 120px; }
.login-wrap .page-title-wrap { text-align: left; }
.login-wrap .page-title-wrap h2 { line-height: 32px; }
.login-wrap .page-title-wrap p { padding-top: 6px; }
.login-wrap .form-textfield { display: flex; flex-direction: column; gap: 12px; padding-top: 24px; }
.login-wrap .form-textfield input { width: 100%; }
.login-wrap .form-check { display: flex; flex-wrap: wrap; gap: 30px; padding-top: 12px; }
.login-wrap .form-check .form-check-label { margin-right: 16px; font-size: .875rem; white-space: nowrap; }
.login-wrap .btn-link { display: flex; align-items: center; justify-content: center; }
.login-wrap .btn-link a { position: relative; color: var(--cw-heading-color); padding: 0 20px; font-size: .875rem; text-decoration: none; }
.login-wrap .btn-link a:not(:last-child)::after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: inline-block; width:1px; height: 14px; background: var(--cw-color-30); content: ''; }
.login-wrap .btn-login { display: flex; flex-direction: column; gap: 8px; padding: 24px 0; }
.login-wrap .sns-wrap { padding-top: 60px; }
.login-wrap .form-check-label { margin-right: 12px; }
.login-wrap .form-check-input { float: left; margin-right: 8px; }
.MS_login_id,
.MS_login_pw { height: inherit !important; }

/* sns */
.sns-wrap .sns-title { position: relative; color: var(--cw-color-70); font-size: .875rem; }
.sns-wrap .sns-title::before { display: block; height: 1px; background: var(--cw-color-30); content: ''; }
.sns-wrap .sns-title span { position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); text-align: center; padding: 0 10px; background: var(--cw-color-white); }
.sns-wrap .sns-btns { display: flex; flex-wrap: wrap; gap: 16px; align-items: flex-end; justify-content: center; padding: 40px 0; }
.sns-wrap .sns-btns li { display: flex; gap: 5px; align-items: center; justify-content: center; flex-direction: column; }
.sns-wrap .sns-btns li a { width: 44px; height: 44px; border-radius: 50%; font-size: 0; }
.sns-wrap .sns-btns li a.kakaotalk { background: url('//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_kakao.svg') no-repeat 50% 50%; background-color: #fee500; }
.sns-wrap .sns-btns li a.naver { background: url('//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_naver.svg') no-repeat 50% 50%; background-color: #03cf5d; }
.sns-wrap .sns-btns li a.facebook { background: url('//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_facebook.svg') no-repeat 50% 50%; background-color: #1877f2; }
.sns-wrap .sns-btns li a.apple { background: url('//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_apple.svg') no-repeat 50% 50%; background-color: #121212; }

/* sns ÃÖ±Ù ·Î±×ÀÎ */
.sns-wrap .sns-btns span { display: inline-block; width: 80px; height: 28px;}


/* ÅÂºí¸´ */
@media (min-width: 768px) and (max-width: 991.98px) {
    footer,
    .fixed-menu--md { display: none !important; }
}

/* ¸ð¹ÙÀÏ */
@media (max-width: 767.98px) {
    footer,
    .fixed-menu--md { display: none !important; }
    .login-wrap .form-check { gap: 8px 20px; margin-right: 0; }
    .login-wrap .form-check .form-check-label:last-child { margin-right: 0; }
    .login-wrap .form-check .form-check-label { font-size: .813rem; }
}

/* Native fields and validation remain untouched. */
#ezLoginWrap .ezl-page{background:#fff;padding:48px 0 70px}
#ezLoginWrap .ezl-wrap{max-width:1040px}
#ezLoginWrap .ezl-box,#ezLoginWrap .ezl-side-box{border-radius:4px!important;box-shadow:none!important;border:1px solid #d8e2ee!important}
#ezLoginWrap .ezl-box-title{color:#182b43!important;font-size:26px!important}
#ezLoginWrap .ezl-box-sub{color:#63748a!important;line-height:1.7}
#ezLoginWrap .ezl-field input{border-radius:4px!important;min-height:44px}
#ezLoginWrap .ezl-btn-login,#ezLoginWrap .ezl-btn-join,#ezLoginWrap .ezl-btn-nonmember{border-radius:4px!important;box-shadow:none!important}
#ezLoginWrap .ezl-btn-login{background:#2457a7!important}
#ezJoin{max-width:1280px;margin:0 auto;padding:36px 24px 70px;color:#182b43}
#ezJoin .join-content{max-width:720px}
#ezJoin .page-title-wrap h2{font-size:30px;line-height:1.4;color:#182b43;letter-spacing:-1px}
#ezJoin .join-wrap .tit-box{border-bottom-color:#d8e2ee;padding-bottom:16px}
#ezJoin .join-step li.active .icon{background:#2457a7}
#ezJoin .btn{border-radius:4px}
#ezJoin .btn-primary{background:#2457a7;border-color:#2457a7}
#ezJoin input:not([type=checkbox]):not([type=radio]):not([type=hidden]),#ezJoin select{max-width:100%;box-sizing:border-box;border-radius:4px}
#ezJoin a:focus-visible,#ezJoin button:focus-visible,#ezLoginWrap a:focus-visible{outline:3px solid #e59823;outline-offset:3px}
@media(max-width:767.98px){#ezJoin{padding:24px 16px 50px}#ezJoin .page-title-wrap h2{font-size:25px}#ezLoginWrap .ezl-wrap{padding:0 16px}#ezLoginWrap .ezl-box{padding:24px!important}#ezLoginWrap .ezl-grid{grid-template-columns:1fr!important;gap:24px!important}}

/* BASIC css end */