@charset "utf-8";

/*** 로그인 페이지 ***/
#loginContainer { display: flex; justify-content: center; align-items: center; height: 100vh; background:#f9f9f9; }
#boxLogin { text-align: center; width: 320px; padding: 0 2rem 2rem 2rem; }
#boxLogin .logo {display:block;margin-bottom:1rem;font-weight:bold;font-size:2.5rem;font-family:'SchoolSafetyStarrySky';font-style: italic;letter-spacing:-1px;}
#boxLogin button, #boxLogin input[type='text'], #boxLogin input[type='password'] { display: block; width: 100%; padding: 0 1rem; margin-bottom: .5rem; line-height: 3rem; height: 3rem; border-radius: 4px; border: 1px solid #ddd; background-color: #fff; box-sizing: border-box; }
#boxLogin button { background-color: var(--color_point); color: #fff; border: none; cursor: pointer; font-weight: 500; }
#boxLogin button:hover { background-color: #333960; }
#boxLogin label { font-size: 0.9rem; color: #555; }
#boxLogin .btnAddPartner {line-height: 3rem; height: 3rem; border-radius: 4px;display:block;background-color: var(--color4);color: #fff;border: none;cursor: pointer;font-weight: 500; }

#boxJoin { text-align:center; margin-top:2.5rem; }
#boxJoin a { border-bottom:1px solid #333; line-height:2rem; display:inline-block; }

@media (max-width:768px){
	#loginContainer {height:100%;}
	#boxLogin{width:90%;}
	#boxLogin .logo{font-size:2rem;margin:2rem 0 1rem;}
	#boxLogin button,#boxLogin input[type='text'],#boxLogin input[type='password']{line-height:2.75rem;height:2.75rem;font-size:1rem;}
	#boxLogin label{font-size:0.85rem;}
	#boxJoin{margin-top:2rem;}
	#boxJoin a{font-size:0.9rem;}
}

/*** 회원가입 약관 페이지 ***/
#boxRegister { padding:2.5rem; max-width:320px; margin:0 auto;}

#btnRegisterPhone { background:var(--color1); color:#fff; width: 100%; border:0; border-radius: 4px; margin-bottom:2rem; }
#btnRegisterPhone i { display:block; vertical-align: middle; width:3rem; height:3rem; line-height: 3rem; }
#btnRegisterPhone span { border-left: 1px solid rgba(255, 255, 255, 0.15); width:calc(100% - 3rem); display:block; height:3rem; line-height: 3rem; text-align:left; padding-left:1rem; }

#boxAgree .agree { line-height:2rem; height:2rem; position: relative; }
#boxAgree .agree i { color:#999; margin-right:.5rem; }

/*** 회원가입 폼 페이지 ***/
#boxRegister dl { margin-bottom:1rem; }
#boxRegister dl dt { display:block; margin-bottom:.5rem; }
#boxRegister dl dd select,
#boxRegister dl dd input[type='text'],
#boxRegister dl dd input[type='tel'],
#boxRegister dl dd input[type='number'],
#boxRegister dl dd input[type='email'],
#boxRegister dl dd input[type='file'],
#boxRegister dl dd input[type='password'] { background:#fff; width:100%; line-height:3rem; height:3rem; border:1px solid #ddd; border-radius:4px; padding:0 1rem; }

#boxRegister dl dd .boxTel { border:1px solid var(--color4); border-radius:4px; overflow:hidden; }
#boxRegister dl dd .boxTel input { display:block; width:60%; border:0 !important; border-radius:0; }
#boxRegister dl dd .boxTel button { display:block; width:40%; border:0; border-radius:0; background:var(--color4); color:#fff; padding:0; }

#boxRegister dl dd .boxAddr .flexbox input { width:100px; }
#boxRegister dl dd .boxAddr .flexbox button { width:130px; border:0; background:var(--color1); color:#fff; margin-left:.5rem; line-height:3rem; height:3rem; border:0; border-radius:4px; }
#boxRegister dl dd .boxAddr input.frm_input_full { margin-top:.5rem; }

#boxRegister dl.readonly dd .boxTel { border:1px solid #ddd; border-radius:4px; overflow:hidden; background:#f9f9f9; }
#boxRegister dl.readonly dd .boxTel input { display:block; width:60%; border:0 !important; border-radius:0; }
#boxRegister dl.readonly dd .boxTel button { display:block; width:40%; border:0; border-radius:0; background:#ccc; color:#fff; padding:0; }

#boxRegister dl.warning dd .boxTel { border:1px solid var(--color2); border-radius:4px; overflow:hidden; background:#fff; }
#boxRegister dl.warning dd .boxTel input { display:block; width:60%; border:0 !important; border-radius:0; }
#boxRegister dl.warning dd .boxTel button { display:block; width:40%; border:0; border-radius:0; background:var(--color2); color:#fff; padding:0; }

#phoneCheckMessage { padding:1rem; color:var(--color2); }

#boxCate { background:#f5f5f5; color:#333; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; margin-bottom:10px; }
#boxCate .catetxt { display:inline-block; padding:0 20px; text-align:left; width:50%; line-height:3rem; height:3rem; }
#boxCate .catetxt span { display:inline-block; padding:2px 3px; font-size:8px; line-height:100%; background:#666; color:#fff; cursor:pointer; }

#res_mb_idx { line-height:3rem; color:var(--color4); }

/*** 회원가입 완료 페이지 ***/
#boxResultRegister { font-size:1.15rem; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999; width: 90%; max-width: 500px; }
#boxResultRegister .message { overflow:hidden; background:#fff; padding:1.5rem; text-align:center; border-radius: 8px; }
#boxResultRegister .message .welcome { font-size:1.15rem; font-weight:400; line-height:1.4;}
#boxResultRegister .message .welcome span { display:block; font-size:1rem; margin-top:1rem; color:#777; font-weight:400; letter-spacing:-.5px; }
#boxResultRegister .message .logo { margin:0 auto 1.5rem auto; height:3rem; }
#boxResultRegister .message .mb_id { color:#777; margin-bottom:1rem; }
#boxResultRegister .message .mb_id strong { font-weight:600; display:block; font-weight:bold; font-size:1.75rem; line-height:2.4rem; color:var(--color4); margin-top:.5rem; }
#boxResultRegister .btnGoMain { border:1px solid #ddd; display:block; width:auto; margin:1rem auto 0 auto; line-height:3rem; height:3rem; text-align:center; border-radius:3rem; width:70%; background:#fff;color:#333;}