@charset "utf-8";

.memeber-wrap{position:relative;padding: 100px 0 150px;}
.memeber-wrap .signin{margin: 0 auto;padding: 50px 100px;width:600px;max-width:100%;border-radius:50px;border:1px solid #e0e0e0;}
.memeber-wrap .register{margin: 0 auto;padding: 50px 100px;width:600px;max-width:100%;border-radius:50px;border:1px solid #e0e0e0;}
.memeber-wrap .caution{margin: 0 auto;padding:30px 0;width:600px;max-width:100%;line-height:22px;font-size:16px;font-weight:300;color:#424242;text-align:center;}
.memeber-wrap .logo{margin-bottom:15px;display:flex;align-items:center;justify-content:center;text-align:center;}
.memeber-wrap .title{margin: 0 auto 50px;line-height:45px;font-size:35px;font-weight:600;color:#212121;text-align:center;}
.memeber-wrap .text{margin: 0 auto 50px;border-radius:20px;border:1px solid #e0e0e0;padding:15px;line-height:22px;font-size:16px;font-weight:300;color:#424242;max-height:500px;overflow:hidden;overflow-y:auto;}
.memeber-wrap .tab{margin:0 auto 50px;position:relative;display:flex;align-items:center;justify-content:center;gap: 20px;}
.memeber-wrap .tab:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:#e0e0e0;}
.memeber-wrap .tab .tab-item{position:relative;display:flex;align-items:center;justify-content:center;padding:0 0 10px;line-height:30px;font-size:16px;font-weight:400;color:#424242;}
.memeber-wrap .tab .tab-item.on{font-weight:600;color:#049871;}
.memeber-wrap .tab .tab-item.on:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:#049871;}
.memeber-wrap .form{margin:0 auto 20px;}
.memeber-wrap .form dl{margin:0 0 25px;}
.memeber-wrap .form dl:last-of-type{margin-bottom:0;}
.memeber-wrap .form dl.not dt{color:#ec2027}
.memeber-wrap .form dl.not dd .input-area input{border-color:#ec2027;}
.memeber-wrap .form dl.not dd .text-area{color:#ec2027}
.memeber-wrap .form dt{line-height:25px;font-size:16px;font-weight:600;color:#424242;margin-bottom:10px;}
.memeber-wrap .form dt.req:after{content:'*';color:#32C19B;margin-left:5px;}
.memeber-wrap .form dd{}
.memeber-wrap .form dd .input-area{position: relative;}
.memeber-wrap .form dd .input-area select,
.memeber-wrap .form dd .input-area input{width:100%;height:50px;border-radius:20px;border:1px solid #e0e0e0;padding:0 20px;font-size:15px;color:#212121;box-shadow:none !important;background: #fff;background-image: unset !important;}
.memeber-wrap .form dd .input-eyes{position:absolute;top:50%;right:20px;transform:translateY(-50%);width:25px;height:25px;background:url("../img/common/ic_eyes.svg") no-repeat center / contain;}
.memeber-wrap .form dd .input-eyes.on{background:url("../img/common/ic_eyes_off.svg") no-repeat center / contain;}
.memeber-wrap .form dd .text-area{margin:10px 0 0;padding:0 20px;line-height:16px;font-size:13px;font-weight:300;color:#32C19B;}
.memeber-wrap .button{margin:60px auto 0;display:flex;align-items:center;justify-content:center;gap:20px;}
.memeber-wrap .button > a,
.memeber-wrap .button > button{display:flex;align-items:center;justify-content:center;text-align:center;width:190px;height:50px;border:1px solid transparent;font-size:16px;font-weight:600;color:#212121;gap:10px;}
.memeber-wrap .button > .btn-cancel{border:1px solid #049871;background:#ffffff;color:#049871;}
.memeber-wrap .button > .btn-contact{border:1px solid #04987180;background:#ffffff;color:#049871;}
.memeber-wrap .button > .btn-support{border:1px solid #04987180;background:#ffffff;color:#049871;}
.memeber-wrap .button > .btn-back{border:1px solid #04987180;background:#ffffff;color:#049871;}
.memeber-wrap .button > .btn-agree{border:1px solid #049871;background:#049871;color:#ffffff;cursor:pointer;}
.memeber-wrap .button > .btn-agree.disabled{background:#999;border-color:#999;cursor:default;}
.memeber-wrap .button > .btn-next{border:1px solid #049871;background:#049871;color:#ffffff;}
.memeber-wrap .button > .btn-submit{border:1px solid #049871;background:#049871;color:#ffffff;}
.memeber-wrap .button > .btn-submit:after{content:'';width:25px;height:25px;background:url("../img/common/ic_next_arrow.svg") no-repeat center / contain;}
.memeber-wrap .link{display: flex;align-items: center;justify-content: center;text-align: center;margin: 30px 0 0 0;}
.memeber-wrap .link a{line-height:22px;font-size:16px;font-weight:500;color:#424242;text-decoration:underline;}
.memeber-wrap .url{margin: 0 auto 20px;text-align:left;}
.memeber-wrap .url .txt{line-height:22px;font-size:16px;color:#424242;}
.memeber-wrap .url .txt a{margin-left:4px;text-decoration:underline;font-size:16px;color:#424242;}
.memeber-wrap .url .error{margin-top:10px;font-size:13px;font-weight:300;color:#ef484e;}
.memeber-wrap .captcha{margin: 0 auto 20px !important;;}
.memeber-wrap .check{}
.memeber-wrap .check .checkbox{display:flex;align-items:center;cursor:pointer;gap: 15px;}
.memeber-wrap .check .checkbox input{display:none;}
.memeber-wrap .check .checkbox input ~ i{position:relative;width:20px;height:20px;border: 1px solid #9e9e9e;border-radius: 2px;flex: 0 0 auto;}
.memeber-wrap .check .checkbox input ~ span{line-height:22px;font-size:16px;color:#424242;}
.memeber-wrap .check .checkbox input:checked ~ i{border-color:#049871;}
.memeber-wrap .check .checkbox input:checked ~ i:before{content:'';position:absolute;top:4px;left:3px;width:12px;height:7px;border-left:2px solid #049871;border-bottom:2px solid #049871;transform:rotate(-45deg);}
.memeber-wrap .method{margin:0 auto 50px;}
.memeber-wrap .method ul{}
.memeber-wrap .method li{margin:0 0 15px;}
.memeber-wrap .method li:last-of-type{margin-bottom:0;}
.memeber-wrap .method li a{position:relative;display:flex;align-items:center;justify-content:center;height:50px;border-radius:20px;border:1px solid #e0e0e0;font-size:16px;font-weight:600;color:#424242;}
.memeber-wrap .method li a:before{content:'';position:absolute;top:50%;transform:translateY(-50%);left:20px;width:35px;height:35px;background:#000;}
.memeber-wrap .method li a:hover{border-color:#424242}
.memeber-wrap .method li a.method-google:before{background:url("../img/common/sign_google.svg") no-repeat center / contain;}
.memeber-wrap .method li a.method-email:before{background:url("../img/common/sign_email.svg") no-repeat center / contain;}
.memeber-wrap .method li a.method-facebook:before{background:url("../img/common/sign_facebook.svg") no-repeat center / contain;}
.memeber-wrap .method li a.method-yahoo:before{background:url("../img/common/sign_yahoo.svg") no-repeat center / contain;}
.memeber-wrap .account{text-align: center;margin: 0 0 20px;line-height:22px;font-size:16px;color:#424242;}
.memeber-wrap .account a{font-weight:500;text-decoration:underline;}
.memeber-wrap .forget{margin: 50px 0 0;display: flex;align-items: center;justify-content: center;gap: 4px;font-size:16px;color:#424242;}
.memeber-wrap .forget a{text-decoration:underline;}
.memeber-wrap .error{margin:0 auto 25px;display:flex;align-items:center;justify-content:flex-start;gap:15px;}
.memeber-wrap .error i{width:22px;height:22px;background:url("../img/common/ic_error.svg") no-repeat center / contain;}
.memeber-wrap .error span{font-size:16px;color:#424242;font-weight: 300;letter-spacing: -0.02em;}

.memeber-wrap .register .title{margin-bottom:30px;}