@charset "utf-8";
.signup{max-width:500px;margin:0 auto;margin-top:50px}
.signup_title{font-size:22px;text-align:center;font-weight:700;}

.signup .group_option {text-align:center;margin-top:30px;}
.signup .group_option input[type="radio"] {display:none; visibility:hidden;}
.signup .group_option input[type="radio"]:checked + label {color: #0092ee;background-color: #ffffff;border: 2px solid #0092ee;}
.signup .group_option input[type="radio"] + label {background-color: #ffffff;border-radius: 5px;display: inline-block;cursor: pointer;color: #767676;font-size: 18px;height:50px;line-height:50px;width:31%;text-align:center;text-decoration: none;transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;border: 2px solid #E1E1E4;}


.signup_box{background-color:#ffffff;padding:40px 20px;margin-top:30px;border-radius:10px;}
.signup_box .sub{font-size:14px;font-weight:700;text-align:center;background-color:#f8f5ff;width:100%;height:40px;line-height:40px;color:#767676;border-radius:10px;}
.signup_box .sub span{color:#e3141a}
.signup_box .signup_body{margin-top:30px;}
.signup_box .signup_body .input_box input{height:40px;border-bottom:1px solid #dedede;border-top:0px;border-left:0;border-right:0;font-size:14px; color:#535353; width:100%;padding:5px 10px;margin-top:10px;}
.signup_box .signup_body .input_box input[type="email"]{height:40px;width:100%;padding:5px 10px;margin-top:20px;}
.signup_box .signup_body .input_box .phone_verify{border-bottom:1px solid #dedede;}
.signup_box .signup_body .input_box .phone_verify input[type="tel"]{height:40px;width:calc(100% - 100px);padding:5px 10px;margin-top:10px;}
.signup_box .signup_body .input_box .phone_verify input[type="number"]{height:40px;width:calc(100% - 100px);padding:5px 10px;margin:10px 0;background-color:#f9f9f9;}
.signup_box .signup_body .input_box .phone_verify .phone_verify_butt{width:86px;font-size:12px;text-align:center;background-color:#e3141a;color:#ffffff;height:30px;line-height:30px;border-radius:5px;cursor: pointer;}
.signup_box .signup_body .input_box .phone_verify .verifySMS_input_number{border:1px solid #dedede;}

.signup_box .signup_body input:focus{border-bottom:1px solid;border-image:linear-gradient(to right, #e3141a, #e3141a) 1;}
.signup_box .signup_body input::placeholder{color:#ADADAD}

.signup_box .agreement{color:#767676}
.signup_box .agreement input[type="checkbox"]{border:1px solid #dedede;font-size:30px;width:15px;height:15px;vertical-align: -3px;accent-color:#0092ee}

.signup_box .agreement input[type="radio"]{border:1px solid #dedede;font-size:30px;width:15px;height:15px;vertical-align: -3px;accent-color:#0092ee}

.signup_box .agreement_text{font-size:18px;color:#111111;margin:30px 0 10px;font-family: "Pretendard";}
.signup_box .agreement_box{padding:10px 30px;height:200px;overflow-x: hidden;overflow-y: auto;background-color: #f9f9f9;border-radius: 5px;text-align: left;margin:10px 0 30px;}

.signup_box .signup_butt{width:100%;}
.signup_box .signup_butt .keep{width:100%;text-align:right;margin-top:10px;}
.signup_box .signup_butt .submit{margin-top:30px;width:100%;text-align:center;padding: 10px;font-size:15px;filter: none;text-decoration:none;cursor:pointer;border-radius:5px;
color: #fff;border:0;background-color:#e3141a;transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;}
.signup_box .sign_butt a{width:31%;display:inline-block;text-align:center;margin-top:20px;font-size:14px;color:#767676;}
.signup_box .sign_butt a:hover{color:#0092ee;}
.signup_box .sign_butt span{color:#E1E1E4;margin-top:20px;display:inline-block;}

.video-background {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1;
    transform: translate(-50%, -50%) scale(1.1);
	object-fit: cover;
}
video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.content {
    position: relative;
    z-index: 1;
    color: white;
    text-align: center;
    padding: 20px;
}


@media (max-width: 1470px) {

.video-background {
	min-width: 1470px;
	min-height: 860px; /* 16:9 ºñÀ² */
}