/*로그인 layout*/
.login-layout {
    background-color: transparent;
    padding: 0px;
    margin-bottom: 30px;
}

/*웨일 로그인 layout*/
.login-layout-whale {
    background-color: transparent;
    padding: 0px;
    margin-bottom: 1rem;
}
/*회원가입*/
.join-membership {text-align: left;  position: absolute; margin-top: 0px; padding: 0px; font-size: 16px; text-decoration: underline;}
/*회원유형*/
.user-type-select .btn {text-align: center; border:1px solid #dee2e6; color:#999; width:100%; padding:.9rem .75rem;}
.user-type-select .btn:hover {font-weight:bold;color:#000;}
.user-type-select .active {background-color:#1d3661; color: #fff; font-weight: 800;}
/*서브타이틀*/
.fox-sub-tit {font-size: 1.3rem; }
/*실행버튼*/
.submit-radius-btn {border-radius: 10px; width: 100% !important;}
/*보호자 가입 동의 타이틀*/
#site-join .minor-tit {font-size:22px; color:#000;}
/*보호자 핸드폰 번호*/
#site-join .parent-tel {width: 22%}
#site-join .parent-tel-check {width: 69%}
#site-join .parent-tel-btn {width: 31%; white-space: nowrap;}
#site-join .check-tel-btn {background-color:#1d3661; color:white; font-size: 14px; padding:.9rem .75rem;}
#site-join .check-telNum-btn {background-color:#1d3661; color:white; font-size: 14px; padding:.9rem .75rem;}
#site-join .check-tel-btn:nth-child(2) {padding: .9rem 1.69rem;}
#site-join .recheck-telNum-btn {padding: 14px 6px;}
/* 만 14세 미만 체크박스 */
#site-join .minor-form .form-check .form-check-input:checked {background-color: #1d3661; border-color: #1d3661;}

/*웨일 계정 일반 회원 계정으로 전환 modal*/
whaleModal {}
#whaleModal article {font-size:12px;}
#whaleModal table thead th {background:#eee;}
#whaleModal h1 {font-size:20px; font-weight: bold; margin-bottom:40px;}
#whaleModal h2 {font-size:15px;}
#whaleModal ol {margin-bottom:25px;}
#whaleModal ol > li {margin-bottom:10px;}
#whaleModal ul > li {list-style: square;}

/* 웨일로그인 모달창 */
#site-body .modal-content {
    width: auto !important;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 500px;
}
#whaleModal, #whaleModal .modal-dialog {transition:none;}
#site-body .modal-header {border-bottom: transparent;}
#site-body .modal-header .modal-title {font-size: 1.1rem; font-weight: bold; color: black; margin-left: 15px;}
#site-body .modal-header button {font-size: 1.5rem;}
/*임시주석*/
/*#site-body .modal-body .modal-body-content * {!*font-size: 1rem;*! margin-left: 20px;  margin-right: 20px;}*/
#site-body .modal-body article {/*font-size: 1rem;*/ margin-left: 20px;  margin-right: 20px;}
#site-body .modal-body .modal-body-content .transition-period {font-size: 1rem; }
#site-body .modal-body .modal-body-content .sns-whale-btn {font-size: 0.8rem; }
#site-body .modal-body .modal-body-content h2 {font-weight: 300;}
#site-body .modal-body ul {margin-left: 1.5rem;}
#site-body .modal-body .transition-period {color: red; font-weight: bold; list-style-type: disc;}
#site-body .modal-body .whale-login-layout, #site-body .modal-body  .find-id-info { text-align: center; }
#site-body .modal-body .transition-whale { background-color: black; color: white; width: 60%;}

#site-body #minor-check {border-radius: 0px;}
#site-body .stplat-check-field {margin-bottom: 10px;}
#site-body .minor-form {padding-top: 0px; margin-bottom: 30px; border-bottom: transparent;}
#site-join .sub-input-regist {width: 69%}
#site-join .check-id-btn {background-color:#1d3661; color:white; font-size: 14px; padding:.9rem 1.60rem;}

/* 인증하기, 아이디 중복확인 버튼 */
#site-join .check-id-btn {background-color: #efefef; color:#999999; width:100%; cursor: default;}
#site-join .check-id-btn.active {background-color: #1d3661; color:white; box-shadow: 0 0 10px rgba(0,0,0,.2);cursor: pointer;}
#site-join .check-tel-btn {background-color: #efefef; color:#999999; width:100%; cursor: default;}
#site-join .check-tel-btn.active {background-color: #1d3661; color:white; box-shadow: 0 0 10px rgba(0,0,0,.2);cursor: pointer;}
/* 비밀번호 확인 실패 시 정책문구 */
#site-join #fail-pass {color: red; font-size: 11px; padding: 0; margin: 0; display: none;}

/*아이디, 비밀번호 찾기*/
.find-Info {
    text-align: right;
    font-size: 16px;
    text-decoration: underline;
}
/*아이디찾기,비밀번호찾기 버튼*/
.find-member-select .btn {text-align: center; border:1px solid #dee2e6; color:#999; width:100%;}
.find-member-select .btn:hover {font-weight:bold;}
.find-member-select .active {background-color:#1D3661; color: white; font-weight: 800;}
/*찾기버튼*/
.find-id-pass .btn {text-align: center; background-color: #efefef; border:1px solid #dee2e6; color:#999; width:100%; padding:.9rem .75rem;}
.find-id-pass .btn:hover {font-weight:bold;}
.find-id-pass .active {background-color:#1d3661; color: #fff; font-weight: 800;}
#pass-id {display: none;}

/*아이디,비밀번호찾기 모달*/
#site-body #findMberForm * {border-radius: 0;}
.find-modal-id .success-find {background-color: #efefef;padding:25px 30px; margin-bottom:30px; text-align:center; border-radius: 0.7rem; border: 1px solid rgba(166, 166, 166, 1);}
.find-modal-id .success-find h3 {/*text-align:center; font-size:18px;*/ font-weight: 600; margin-bottom:25px;color:#000;}
#site-body .modal-body .whale-login-layout .login-btn {
    background-color: #1d3661;
    color: #fff;
    text-align: center;
    border: 1px solid #dee2e6;
    border-radius: 0.7rem !important;
    width: 91%;
    padding: .9rem .75rem;
}
.find-pass .find-pass-btn {border: 1px solid #dee2e6; width: 30%; margin-left: 24%;}
#findIdModal .modal-title {font-size: 1.25rem !important;}
/*.sub-login-btn { border-radius: 0.7rem;}*/
#site-body .find-member-select div {margin: 0; padding: 0;}

/* 수정 > 비밀번호 재설정 */
.reset-password {
    text-align: left;  position: absolute; margin-top: 0px; padding: 0px; font-size: 20px; text-decoration: underline;
}

/* 수정 > 회원탈퇴 */
.delete-account {
    text-align: right;
    font-size: 20px;
    text-decoration: underline;
}

/* 회원탈퇴 버튼 */
.delete-account-btn {
    background-color: #1d3661;
    color: #fff;
    text-align: center;
    border: 1px solid #dee2e6;
    border-radius: 0.7rem !important;
    width: 60%;
    padding: .9rem .75rem;
}

/* 회원탈퇴 폼 */
.delete-acconut-form {
    text-align: left; !important;
}

/* 회원탈퇴 라디오버튼 */
.delete-account-check-field, .delete-list .form-radio-input { margin-left: 0px !important;}
.delete-list { margin-left: 0px !important; margin-bottom: 30px;}
.delete-list .form-check { margin-left: 0px !important; padding-left: 0px;}
/*
.site-join .delete-complt {}*/
#delete-complt{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
#delete-complt p {
    font-size: 14px; margin-bottom: 4px;

}
.complt-delete-btn {width:100%;background-color: #1d3661; color:white; box-shadow: 0 0 10px rgba(0,0,0,.2);cursor: pointer; line-height:40px; border-radius: unset;}

.delete-account-btn {background-color: #efefef; line-height: 40px; color:#999999; width:60%; cursor: default;}
.delete-account-btn.active {background-color: #1d3661; color:white; box-shadow: 0 0 10px rgba(0,0,0,.2); cursor:pointer;}

#stplatContentModal .modal-body{
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

/*일반회원 전환가입*/
#site-join #registForm .stplat-check-field, #site-join #registForm .stplat-all {
    line-height: 1.5;
}
#site-join #registForm .stplat-check-field input, #site-join #registForm .stplat-all.minor-form input {
    font-size: 1rem;
    /*padding: .375rem .75rem;*/
    padding: initial;
}
#registForm .save-mber-btn {border-radius: initial;}

/*일반회원 전환가입 완료모달*/
#whaleMembershipModal .modal-body-content { text-align: center; }
#whaleMembershipModal .whale-login-layout { margin-bottom: 30px; }
#whaleMembershipModal .whale-login-layout a { padding-left: 50px; padding-right: 50px; border-radius: initial !important; }
/*아이디찾기 성공모달*/
#findIdModal .find-modal-id {border-radius: initial}
#findIdModal .whale-login-layout a { width: 100% !important; display: block; }

#findMberForm .re-pass-btn { border-radius: .25rem !important; }

.modal-title .btn-close {display: none;}

.modal-body-content .find-id-info h5 { margin-top: 30px;}

/*비밀번호 보기*/
div.login-pw{
    position: relative;
}
div.login-pw i{
    position: absolute;
    left: 90%;
    /*top: 35%;*/
    cursor: pointer;
}
#findMberForm .password1 i{
    position: absolute;
    /*left: 57%;*/
    /*top: 27%;*/
    cursor: pointer;
}
#findMberForm .password2 i {
    position: absolute;
    /*left: 57%;*/
    /*top: 35%;*/
    cursor: pointer;
}
/*Microsoft Edge 및 Internet Explorer 눈모양아이콘 숨기기*/
input[type="password"]::-ms-reveal {
    display: none;
}
.ico-view, .ico-view-off { background-repeat: no-repeat; }