/*---------------　로긴페이지에서 공통 ---------------- */
.login-div {padding-top:80px;position:relative;width:100%;}
.page-dv{width:100%;background-color:var(--back-color);padding:10px 10px;margin-bottom:30px;}

label {font-size:14px;display:block;margin-top:10px;margin-bottom:5px;}

/*--------------- signin page ---------------- */
.logo{width:100px;margin-bottom: 20px;}
.logo-message {text-align: left;margin-bottom: 80px;font-size:var(--font-xxlarge);font-weight: 700;}
.logo-message .springhouse{color:var(--brand-color2);}
.sns-login{width:100%;}
.sns-login .kt img{width:24px; border:0;}
.sns-login .nv img{width:18px; border:0;}

.sns-login .bs-bt.kt {background-color:#f9df4a;color:#381e1e;}
.sns-login .bs-bt.nv {background-color:#59c451;color:#ffffff;}

.email{display:flex;justify-content: space-evenly;
font-size:var(--font-medium);margin-bottom: 40px; }
.login-problem-msg, .terms-service{color:var(--grey-dark-color);width:100%;font-size:var(--font-small); text-align:center;}
.terms-service{position:absolute;bottom: 10px;padding-right: 20px;}



/*--------------- elogin page ---------------- */
.login-form.short{margin-top:50px;}
.login-form .form-field{margin-bottom:20px;}
.find{width:100%;height:20px;display:flex;justify-content: space-evenly;
    margin-top:0px;font-size:var(--font-small);color:var(--grey-dark-color);}
.logbtn-dv{margin-top:50px;}
.login-id, .login-password{cursor:pointer;}


 /*--------------- signup page ---------------- */
.tel-auth .form-field{width:100%;display:flex;justify-content: space-between;}
.tel-auth .form-field input {width:65%;}
.tel-auth .form-field button {width:34%;margin-bottom: 0px;}
.email-signup .form-field, .form-field.sns-signup{margin-bottom:20px;}
 .form-field.born-year {margin-top:20px;margin-bottom:20px;}  

.email-signup.unvisible{   display: none; }
.sns-signup.visible input:focus{outline:1px solid var(--grey-line-color);box-shadow: none;}
.sns-signup.unvisible{display: none;}
.born-year{margin-top:10px;margin-bottom: 30px;}
.reserv-text{margin-left: 20px;width:45%;}
.reserv-info{margin-left:10px; width:35%;}

.win-emailCheck{position:fixed;width:360px;height:100%;top:0px;margin:auto;background-color: white;z-index:10;text-align:center;}
.win-emailCheck .form-field{margin:20px 0;width:100%;text-align:left;}
.win-emailCheck .form-field label{text-align:left;}
.win-emailCheck .form-field span{display:inline-block;}

#agree_div {text-align:left;color:black;}
#agree_div .all_agree {padding:10px 20px 10px 30px;position:relative;border-bottom:1px solid #f2f2f4;}

#agree_div .base_agree {padding-top:10px;position:relative;}
#agree_div .push_agree {padding:10px 0px;position:relative;margin-bottom:30px;}
#agree_div .agree_tit {color:black;font-size:12px;padding-left:25px;}
#agree_div .base_agree .view:hover {cursor: pointer;}
#agree_div .push_agree .view:hover {cursor: pointer;}
#agree_div .essential{color:#ed0f62;}

#all_agree_chk {position:absolute;top:10px;right:20px;left:0px;}
#agree_chk_1 {position:absolute;top:18px;right:20px;left:0px;}
#agree_chk_2 {position:absolute;top:18px;right:20px;left:0px;}
#agree_chk_3 {position:absolute;top:18px;right:20px;left:0px;}
#agree_chk_4 {position:absolute;top:18px;right:20px;left:0px;}
#agree_chk_5 {position:absolute;top:18px;right:20px;left:0px;}

#agree_div {text-align:left;}
#agree_div .agree_tit {font-size:var(--font-medium);margin-left:5px;height:40px;line-height:40px;display:inline-block;vertical-align:top;letter-spacing:-10%;white-space:nowrap;}
#agree_div .agree_text {width:100%;height:130px;border:1px solid #b8b8b8;overflow-y:scroll;margin-top:10px;font-size:12px;}

#agree_div .check_box {width:25px;height:25px;background-image:url('/imgs/icon/check_icon_gray.svg');background-size:60%;background-repeat:no-repeat;
background-position:center;border:1px solid #b8b8b8;border-radius:20px;display:inline-block;vertical-align:top;}
#agree_div .check_box_on {background-color:#ed0f62 !important;background-image:url('/imgs/icon/check_icon_white.svg') !important;border:1px solid #ed0f62;}
#agree_div .view{display:inline-block;position:absolute;right:0px; font-size: 12px;color:#888888;text-decoration:underline;height:40px;line-height:40px;display:inline-block;vertical-align:top;}

#view_dialog.overlay_dialog {width:100%;height:100%;position:fixed;top:0;z-index:99999;display:table;margin:0 auto;}
#view_dialog.overlay_dialog .bg {width:100%;height:100%;background-color:rgba(0,0,0,0.7);display:table-cell;vertical-align:middle;color:white;}
#view_dialog.overlay_dialog .dialog {width:90%;position:relative;margin:0px auto;padding:15px;background-color:white;text-align:center;border-radius:5px;}
#view_dialog.overlay_dialog .dialog .s_desc {overflow-y:auto;
    font-size:var(--font-small);margin-top:10px;padding:10px;color:black;text-align:left;}
#view_dialog.overlay_dialog .dialog .r_btn {width:100%;height:40px;color:black;font-size:14px;margin-top:20px;background-color:white;border-radius:3px;text-align:right;font-weight:600;}