#max_container.login { background-color: #EFF2FB;}
#max_container.login .max_login_wrap {width: 85%; border-radius:3rem; padding:5%;	background: #fff; height: 80%;position: absolute; left:50%; top:50%;transform:translate(-50%, -50%);box-shadow: 0px 0px 20px 0px #c7d3f6;  }
.max_login_wrap {display: flex;  flex-direction: column; justify-content: center; align-items: center; }
.max_login_wrap .login_title {text-align: center;margin-bottom:3rem;}
.max_login_wrap .login_title img{width: 12rem; }
.max_login_wrap .login_title h2 {margin-top: 1rem; font-weight: 500;}
.max_login_wrap .login_form {width: 100%;}
.max_login_wrap .login_form ul {}
.max_login_wrap .login_form ul li {margin-bottom: 1rem;}
.max_login_wrap .login_form ._input {border:1px solid #ccc; padding:1.5rem; border-radius:1rem;}
.max_login_wrap .login_form ._input::placeholder {font-size: .8em; }
.max_login_wrap .login_form .login_if_auto {margin: 1rem 0;}
.max_login_wrap .login_form .login_if_auto label {font-size: .8em;}
.max_login_wrap .login_form .btn_submit {background:var(--gradient); width: 100%; padding:2.5rem 0;font-weight: bold; border-radius:1rem;}
.max_login_wrap .join_link {margin-top: 3rem;}
.max_login_wrap .join_link a {font-size: .8em; position: relative; color:#666;}
.max_login_wrap .join_link a::before {content:''; width: 100%; height: .2rem; background:#A4AEEF; position: absolute; bottom:-.5rem; left:0;}


#max_container.register { background-color: #EFF2FB;}
#max_container.register .max_register_wrap {width: 90%; margin:10% auto 20%;  height: auto;  }
#max_container.register .max_register_wrap .regi_tit {margin-bottom: 2rem; display:flex; align-items: center;}
#max_container.register .max_register_wrap .regi_tit i {display: inline-block; width: 3rem; height: 2.5rem;  margin-right:.5rem; background-repeat:no-repeat;background-position:left center;  background-size:contain;}
#max_container.register .max_register_wrap .regi_tit i.ico_back {background-image:url(/../../image/ico_back.svg); filter: invert(39%) sepia(14%) saturate(3994%) hue-rotate(206deg) brightness(90%) contrast(95%);}
#max_container.register .max_register_wrap .regi_tit h2 {font-size: 1.25em;}
#max_container.register .max_register_wrap hr {display: block; width: 100%; height: 4rem; margin:0; padding:0; border:0;}
#max_container.register .register_area {border-radius:1rem; padding:5%; background: #fff;height: auto;box-shadow: 0px 0px 20px 0px #c7d3f6;}
#max_container.register .register_area .title_box {margin:1rem 0 .5rem; display:flex;align-items: center; justify-content: space-between;}
#max_container.register .register_area .title_box h3 {font-size: 1.125em;}
#max_container.register .register_area .title_box span {font-size: .8em;}
#max_container.register .register_area .form_list {}
#max_container.register .register_area .form_list ul{}
#max_container.register .register_area .form_list ul li{margin:1rem 0;}

#max_container.register .register_area .form_box {position: relative; border:1px solid #98B3D6; background:#F2F5F9; border-radius:1rem; padding:1.5rem;}
#max_container.register .register_area .form_box label {display:flex;font-size: .8em;font-weight: 600; }
#max_container.register .register_area .form_box input {width: 100%; border-radius:0; margin-top: 1rem;  border:0;background: transparent;}
#max_container.register .register_area .form_box input::placeholder {font-size: 1.2em;font-weight: 300; color:#aaa }
#max_container.register .register_area .form_box input.twopart_input {width: 50%;}
#max_container.register .register_area .form_box textarea {width: 100%;margin-top: 1rem; height: 5rem; border:0;background: transparent;}
button.btn_frmline {width: 20%; padding: 0; font-size: .8em; background: #7A61FF; position: absolute; right: 1.5rem;}


#max_container.result .max_register_wrap {width: 85%; border-radius:3rem; padding:5%;display: flex; flex-direction: column;  justify-content: space-between; margin: 0; background: #fff; height: auto;position: absolute; left:50%; top:50%;transform:translate(-50%, -50%);box-shadow: 0px 0px 20px 0px #c7d3f6;  }
#max_container.result .result_box {display:flex;flex-direction: column; align-items: center;margin:5rem 0; text-align: center; } 
#max_container.result .result_box img {width: 30%; height: 30%; margin-bottom: 2rem;}
#max_container.result .result_box h3 {font-size: 1.5em;margin-bottom: 3rem;line-height: 120%;}
#max_container.result .result_box p {text-align: center;line-height: 130%;}

#max_container.confirm .max_register_wrap {width: 100%; margin:10% auto 20%;   border-radius:3rem; padding:5%;display: flex; flex-direction: column;  justify-content: space-between; margin: 0; }
#max_container.confirm .confirm_box {display:flex;flex-direction: column; align-items: center;margin:5rem 0; text-align: center; } 
#max_container.confirm .confirm_box img {width: 30%; height: 30%; margin-bottom: 2rem;}
#max_container.confirm .confirm_box h3 {font-size: 1.5em;margin-bottom: 3rem;line-height: 120%;}
#max_container.confirm .confirm_box p {text-align: center;line-height: 130%;}

#max_container.register .register_area .form_box select {width: 100%; margin-top: 1rem;  border:0; border-radius:0; background: transparent; font-size: 1.2em;font-weight: 300; color:#aaa }

#max_container.register .register_area .form_box.chk_box { display:flex; align-items: center; }
#max_container.register .register_area .form_box.chk_box span {font-size: .8em;}

#max_container.register .register_area .form_box .captcha {margin-top: 1rem;}
.agree_chk {display:flex;justify-content: space-between; align-items: center;margin:1rem 0;}
.pop_cf {border: 1px solid #7A61FF; padding: 0.5rem 1rem; display: flex; border-radius: 0.5rem; color: #7A61FF; background: #fff;}
.pop_cf span {font-size: .8em;}

.btn_confirm {width: 100%; text-align: center; margin-bottom: 3rem;display: inline-block;}
.btn_confirm button {width: 100%; padding: 3rem 0; border-radius: 1rem; font-weight: bold; background: var(--gradient);}
.btn_confirm a {width: 100%; display: block;padding: 3rem 0; border-radius: 1rem; font-weight: bold; background: var(--gradient);}


.filebox  {display:flex; align-items: flex-end;}
.filebox .upload-name {
    display: inline-block;
    height: 40px;
    border: 1px solid #dddddd;
    width: 78%;
    color: #999999;
}
.filebox label {
    padding: 1rem;
    color: #fff;
    vertical-align: middle;
    background-color: #999999;
    cursor: pointer;
	width: 30%;
    height: 40px;
    align-items: center;
    justify-content: center;
	border-radius: 0.5rem;
    background: #7a61ff;
    color: #fff;
}
.filebox input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}


.tooltip {display: inline-block; font-size: .7em; margin-top: 1rem; opacity: .7;}