/*-- 로그인, 회원가입 등 회원관련 화면 css --*/
/*-- 로그인, 회원가입 등 회원관련 화면 css --*/
/*-- 로그인, 회원가입 등 회원관련 화면 css --*/

/*-- margin --*/
.mb_0{margin-bottom: 0 !important;}

/*-- member common --*/
#memberWrap{display: flex;justify-content: center;align-items: center;width: 100%;height: 100vh;background-color: #f7f9fc;}
.memberInner{background: #FFF;border: 1px solid #e3e9f2;border-radius: 20px;overflow: hidden;padding: 49px;width: 90%;max-width: 500px;}

/*가입정보*/
#memberWrap.regiWrap{height: auto;padding: 50px 0;min-height: 100%;}
#memberWrap.regiWrap .memberInner{max-width: 640px;}

.memberTitle{text-align: center;margin-bottom: 65px;}
.loginLogo{margin-bottom: 28px;padding-left: 33px;}
.loginLogo img{display: block;margin: 0 auto;}

.regiTitle{margin-bottom: 40px;}
.regiTitle h2{font-size: 2.25rem;}

.memberInput{height: 55px;line-height: 55px;border: 1px solid #e3e9f2;background-color: #f9fafc;border-radius: 5px;overflow: hidden;padding: 0 15px 0 50px;}
.memberInput::placeholder{color: #9ab0bf;}
.memberInput:focus{outline: none;}
.regiInput{padding: 0 15px;font-size: .9375rem;}

.loginButton{margin-top: 20px;}
.loginButton-flex{display: flex;gap: 5px;}
.loginButton>*{margin-bottom: 15px;}
.loginButton-flex>*{margin-bottom: 0;}
.memberBtn{display: block;width: 100%;height: 55px;line-height: 55px;border: 1px solid #d5dde7;color: #a0a9b5;text-align: center;font-weight: 500;border-radius: 5px;overflow: hidden;cursor: pointer;}
.memberBtn_01{background: #021946;border-color: #021946;color: #FFF;font-weight: bold;}

@media screen and (max-width: 720px){
	
	#memberWrap{background-color: #FFF;}
	.memberInner{padding: 40px 18px;border: none;}
	
	/*가입정보*/
	#memberWrap.regiWrap{padding: 0;}
	#memberWrap.regiWrap

	.memberTitle{margin-bottom: 30px;}
	.memberTitle h2{font-size: 22px;}

	.regiTitle h2{font-size: 26px;}

	.loginLogo{padding-left: 24px;margin-bottom: 20px;}
	.loginLogo img{max-width: 200px;}

	.memberInput{height: 50px;line-height: 50px;font-size: 14px !important;}

	.memberLost a{font-size: 13px;}
	
	.loginButton>*{margin-bottom: 8px;}
	.memberBtn{height: 50px;line-height: 50px;font-size: 14px;}
}

/*-- login --*/
.loginField{position: relative;margin-bottom: 15px;}
.placeImg{position: absolute;top: 50%;left: 20px;transform: translateY(-50%);z-index: 1;}
.placeImg img{display: block;}

.loginInfo{display: flex;justify-content: space-between;align-items: center;font-weight: 400;}
.memberLost a{color: #6f7383;}

@media screen and (max-width: 720px){
	
	.loginField{margin-bottom: 8px;}
}

/*-- 회원가입 약관동의 --*/
.regNavi{display: flex;align-items: center;justify-content: center;gap: 24px;margin-bottom: 50px;}
.regNavi li{font-size: .9375rem;font-weight: 600;color: #979797;position: relative;}
.regNavi li.on{color: #000;}
.regNavi li::after{content: "\e93f";font-family: xeicon!important;position: absolute;top: -3px;left: calc( 100% + 3px );z-index: 1;font-size: 1.13rem;}
.regNavi li:last-child::after{display: none;}

.mbSave{display: flex;align-items: center;justify-content: space-between;font-size: .875rem;font-weight: 400;}
.mbInfobox{padding: 20px;background: #f4f4f4;border-radius: 5px;overflow: hidden;}

.regTerms{margin-top: 35px;}
.regTerms>h4{font-size: 1.13rem;font-weight: bold;padding-bottom: 13px;margin-bottom: 15px;border-bottom: 2px solid #000;}
.regTerms .mbCheck{font-size: .875rem;font-weight: 400;margin-bottom: 15px;}
#fregister textarea{border: 1px solid #dbdbdb;background: #FFF;font-size: .875rem;padding: 20px 5%;font-weight: 400;outline: none;resize: vertical;}

.regTable{border-top: 1px solid #ededed;}
.regTable, .regTable th, .regTable td{font-size: .875rem !important;font-weight: 400;}
.regTable th{font-weight: 500;background: #f4f4f4;}
.regTable td{padding: 13px 15px;border-bottom: 1px solid #ededed;}
.regTable .regTcolor td{background: #f9f9f9;font-weight: 300;}

.regTerms .memberCheck label{margin-bottom: 15px;}

@media screen and (max-width: 1480px){
	
	.regNavi li::after{top: -1px;}
}

@media screen and (max-width: 720px){
	
	.regNavi li{font-size: 13px;}
	.regNavi li::after{top: 0;}

	.mbInfobox{padding: 15px;}

	.regTerms{margin-top: 30px;}
	.regTerms>h4{font-size: 15px;}

	#fregister textarea{font-size: 13px;padding: 15px;}

	.regTable, .regTable th, .regTable td{font-size: 13px !important;line-height: 160%;word-break: keep-all;}
}

/*-- 회원가입 정보입력 --*/
.regTerms>h4.regGen{display: flex;align-items: flex-end;justify-content: space-between;margin-bottom: 25px;}
.regGen span{font-size: .875rem;font-weight: 500;color: #979797;}
.regGen span i{color: #F00;}

.regBox li{margin-bottom: 20px;}
.regBox li:last-child{margin-bottom: 0;}

.regText{display: block;font-size: .9375rem;font-weight: 500;margin-bottom: 8px;}
.regText b{color: #F00;}

.regInfo, #captcha #captcha_info{display: block;font-size: .875rem;font-weight: 400;margin-top: 8px;color: #888;}

.regAgree .memberCheck label{font-weight: 400;}

/*캡차*/
.regCaptcha #captcha #captcha_info{font-size: .875rem;margin-bottom: 0;}

@media screen and (max-width: 720px){ 
	
	.regGen span{font-size: 12px;}
	.regText, .regCheck label{font-size: 13px;}
	.regInfo, .regCaptcha #captcha #captcha_info{font-size: 12px;}
}

/*-- 회원가입 완료 --*/
.regResult{text-align: center;}

.regResult h2{font-weight: 400;margin-bottom: 20px;}
.regResult h2 b{font-weight: 700;}
.regResult p{font-size: .875rem;font-weight: 400;line-height: 180%;border: 1px solid #dbdbdb;border-radius: 5px;overflow: hidden;padding: 33px 20px;}
.regResult p i{font-size: 1.6rem;}

@media screen and (max-width: 720px){ 
	
	.regResult p{padding: 25px 15px;font-size: 12px;}
}

/*-- 회원가입 정보입력 필드 수정 - 주소 --*/
.newAdress-box{margin-bottom: 8px;position: relative;}
.newAdress-flex{display: flex;gap: 5px;}
#memberWrap .newAdress-flex .memberInput{width: calc( 100% - 105px );} /* 기본 css 우선순위 문제 */
.newAdress-box .memberBtn{width: 100px;}

/*-- 사업자등록증 파일첨부 --*/
#fileThis{position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;}

.newAdress-tax{flex-wrap: wrap;}
#taxImg{width: 100%;}
#taxImg img{display: block;max-height: 350px;margin: 0 auto;}

#fliePreview{border: 1px solid transparent;}
#fliePreview.complete{border-color: #e3e9f2;border-radius: 5px;overflow: hidden;}

.fileBtn.complete{background: #00b10e;border-color: #00b10e;}

/*-- 회원가 페이지 - 레이아웃 변경 -> 슬라이드 타입 --*/
#regWrap{display: flex;align-items: flex-start;width: calc( ( 49px * 6 ) + 700% );gap: 49px;position: relative;height: 479px;transition: height .4s ease;}
.regPage{flex: 1;}
.regTitle{font-size: 1.625rem;font-weight: bold;line-height: 140%;}

/*회원정보 수정*/
#regWrap.regRepair{display: block;width: 100%;height: auto;}
#regWrap.regRepair .regTitle{display: none;}
#regWrap.regRepair .loginButton button, #regWrap.regRepair .loginButton a{display: none;}
#regWrap.regRepair .loginButton #btn_submit{display: block;}
#regWrap.regRepair .filebox{display: none;}
#regWrap.regRepair .regResult{display: none;}

#regWrap.regRepair .regPage{border-bottom: 1px solid #ddd;padding-bottom: 15px;}
#regWrap.regRepair .regPage:last-child{border-bottom: none;padding-bottom: 0;}

/*-- 회원 비밀번호 확인 --*/
.memberConfirm{line-height: 160%;margin-top: 20px;}
.memberConfirm b{font-weight: 600;}

@media screen and (max-width: 720px){ 
	
	.memberConfirm{font-size: 14px;}
}