@charset "UTF-8";
body.find_body,
body.signup_body{
	width:100%;
	height:100vh;
	display: flex;
	justify-content: center;
	background-color: var(--Color-Grey-200);
}
.find_body .container,
.signup_body .container{
	display: flex;
	justify-content: center;
}
.find_body .find_content,
.signup_body .signup_content{
	width:490px;
	margin:40px 0;
}
.find_title{
	text-align: left;
	font-size:32px;
	font-weight:700;
	color:#111;
	margin-bottom: 24px;
}
.find_box,
.signup_box{
	width:100%;
	background-color: var(--Color-Grey-100);
	border-radius: 20px;
	padding:40px 24px;
}

.find_box .find_desc{
	font-weight: 500;
	margin-bottom: 40px;
	color:var(--Color-Grey-700);
}

#findForm .input-wrapper + .input-wrapper{
	margin-top:32px;
}

#findBtn{
	width:100%;
	margin-top:40px;
	cursor: pointer;
}
#findBtn.disabled{
	pointer-events: none;
	cursor: not-allowed;
}
.phone_confirm_wrap{
	display: flex;
	gap:8px;
}
.phone_confirm_wrap .input_phone{
	width:calc(100% - 110px);
}
.phone_confirm_wrap a#cellphone{
	width:110px;
	border-radius: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--Color-Grey-200)!important;
    color: var(--Color-Grey-800);
}

a#phoneAuthBtn, a#tmpPwBtn{
	display: flex;
	justify-content: center;
	align-items: center;
	width:100%;
	margin:40px 0;
	cursor: pointer;
}
.find_pw_desc{
	font-weight: 500;
	display: flex;
	justify-content: center;
	align-items: center;
	gap:16px;
	color:var(--Color-Grey-600);
}
.find_pw_desc a.find_id_link{
	color:var(--Color-Grey-800);
	text-decoration: underline;
}

#show_email{
	border:none !important;
}

.find_modal_content{
	width:352px;
	color:var(--Color-Grey-700);
	font-size:16px;
	font-weight: 500;
	word-break: keep-all;
	min-width:150px;
}
.find_modal_content .find_id_text{
	font-weight: 900;
	color:var(--Color-Grey-900);
	font-size: 18px;
	margin:16px 0;
}

#passwordResetForm .input-wrapper + .input-wrapper{
	margin-top:32px;
}

#passwordReset{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top:40px;
	cursor: pointer;
}

#password-match-msg{
	display: none;
}

#password-match-msg.correct{
	color:var(--Color-Success-500);
}

.signup_content .section-header{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom:24px;
}

.signup_content .section-header .section-title{
	font-size:32px;
	font-weight: 700;
	color:var(--Color-Grey-900);
	margin-bottom:0;
}

.signup_content .section-header .page_flow{
	display: flex;
	gap:12px;
}

.signup_content .section-header .page_flow > li {
	border-radius: 4px;
	background-color: var(--Color-Grey-500);
	color:var(--Color-Grey-100);
	width:32px;
	height:32px;
	line-height: 32px;
	text-align: center;
}
.signup_content .section-header .page_flow > li.current{
	background-color: var(--Color-Primary-500);
}

#termsForm .terms_head{
	padding-bottom:20px;
	border-bottom:1px solid var(--Color-Grey-400);
}

#termsForm .terms_body ul > li{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top:20px;
}
#termsForm .terms_body ul > li .terms_link{
	color:var(--Color-Grey-800);
	text-decoration: underline;
}
.terms_btn_wrap{
	margin-top:40px;
}
.terms_btn_wrap a{
	width:100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

body.signup_body.member_info{
	height:auto;
}

.signupForm_list > li + li{
	margin-top:32px;
}

.input-wrapper.phone_confirm{
	margin-top:8px;
}

.signupForm_list > li .no_school{
	margin-top:24px;
}
.signupForm_list > li .no_school .input_desc{
	margin-top:8px;
}

input#schoolName.readonly{
	background-color: var(--Color-Grey-200);
}
.input-wrapper.phone_confirm .input_addBtn{
	position: relative;
}
.phone_confirm_check{
	display:none;
	/*display: flex;*/
	position:absolute;
	right:25%;
	top:12px;
	gap:12px;
	align-items: center;
}
.phone_confirm_check #resendBtn{
	text-decoration: underline;
	color:var(--Color-Grey-800);
}
.phone_confirm_check #timerText{
	color:var(--Color-Grey-700);
	font-weight: 500;
}
.phone_confirm_check #timerText.error{
	color:var(--Color-Error-600);
}
.input_desc.success{
	color:var(--Color-Success-500);
}
.school_title{
	font-size:24px;
	font-weight: 600;
	color:var(-Color-Grey-900);
}
.search_school_content .search-wrapper{
	display: flex;
	gap:8px;
}
.search_school_content .search-wrapper #searchSchoolName{
	width:calc(100% - 84px);
}
.search_school_content .search-wrapper #search_school_btn{
	width:84px;
	padding:0;
}

#searchResultList{
	margin-top:40px;
}

#searchResultList .table_wrap{
	max-height: 300px;
}
#searchResultList .r_merge{
	padding:30px 0;
}
#searchResultList .contact_call{
	background-color:var(--Color-Grey-200);
	width:315px;
	height:48px;
	line-height: 48px;
	border-radius: 8px;
	display: inline-block;
}

#searchResultList .radio_td{
	width:50px;
}
#searchResultList .school_name{
	width:35%;
}

#searchResultList .table_wrap > table > thead > tr{
	z-index: 10;
}

#master-error-msg.hide{
	display: none;
}

/** 가입 완료 ***/
.signup_complet_content{
	text-align: center;
	padding-top:40px;
}
.signup_complet_content .signup_complet_title{
	margin-top:40px;
}
.signup_complet_content .signup_complet_title_desc{
	margin:16px auto 120px;
	color:var(--Color-Grey-700);
}
.signup_complet_content .signup_complet_title_desc div:last-of-type{
	margin-top:16px;
}
#buysubscripBtn{
	width:100%;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

/* 회원 정보 수정*/

.phone_confirm_wrap.modify .input_phone{
	width:80%;
}
.phone_confirm_wrap.modify a#phoneModifyBtn{
	width:20%;
	border-radius: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--Color-Grey-200)!important;
    color: var(--Color-Grey-800);
}

.input-wrapper.changemaster .input_addBtn #newMaster{
	width:calc(100% - 115px);
}
.input-wrapper.changemaster .input_addBtn #btnChangeMaster{
	width:115px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--Color-Grey-200)!important;
    color: var(--Color-Grey-800);
}

/* 관리책임교사 권한 양도 모달 */
.custom-modal .search_box{
	display: flex;
	gap:8px;
}
.custom-modal .search_box .input-wrapper{
	width:140px;
}
.custom-modal input.input_style.input_search{
	border-color:var(--Color-Grey-400);
}
.custom-modal #resultTable{
	text-align: left;
}
.custom-modal #resultTable thead tr th,
.custom-modal #resultTable tbody tr td{
	color:var(--Color-Grey-800);
}
.custom-modal #resultTable tbody tr td.notfound{
	text-align: center;
}

/* 비밀번호 변경 모달 */
.modal_content_body .change_pw_desc{
	color:var(--Color-Grey-700);
}
#passwordModifyForm{
	margin-top:40px;
}
#passwordModifyForm .change_pw_content_wrap{
	display: flex;
	flex-direction: column;
	gap:32px;
}
#passwordModifyForm .input-wrapper{
	width:100%;
}

#passwordModifyForm .input_desc.hide{
	display: none;
}

/* 휴대폰 번호 변경 모달 */
#phoneModifyForm .form_inner{
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap:32px;
}
#phoneModifyForm .form_inner .input-wrapper{
	width:100%;
}
#phoneModifyForm .input-wrapper.phone_confirm{
	margin-top:0;
}
#phoneModifyForm .input-wrapper .input_addBtn input.input_style{
	width:calc(100% - 84px);
}
#phoneModifyForm .input-wrapper .input_addBtn a.input_btn{
	width:84px;
}
#phoneModifyForm .input-wrapper .input_addBtn .phone_confirm_check{
	right:20%;
}


/* 약관 동의 모달 */
.modal_content_body .policy_title{
	margin-bottom:24px;
}
.modal_content_body .policy_content{
	padding:0;
}
.modal_content_body .policy_details{
	max-height: 423px;
	overflow-y: auto;
}

/*학교검사 모달 사이즈 수정*/
.swal2-modal.basic_modal.schoolSearch{
	width:800px;
}

.signup_desc{
	color:var(--Color-Grey-700);
}
.signup_desc .title{
	color:var(--Color-Grey-700);
	font-weight: 700;
}