@CHARSET "UTF-8";

html{font-size:62.5%;}
html, body{width:100%;height:100%;font-family:'RobotoT';overflow: hidden;}


.login_wrapper{width: 100%; overflow-x:hidden;}
.login_wrapper>div{background:#fafbfc;}
.login_wrapper .sub_box{background:#fff; position:relative; margin-bottom:0; padding:4% 5%; border:solid #e6e9ec; border-width:1px 0;}
.login_wrapper .sub_box:nth-child(1){text-align:center; border-top:0;}
.login_wrapper .sub_top{width:90%;position: relative;margin-bottom:0;border-top:0;}
.login_wrapper .sub_top .back_btn{position: absolute;top: 38.5%;left: 5%;width: 4.5%;}
.login_wrapper .sub_top .back_btn img{width: 100%;}
.login_wrapper .sub_top .title{text-align: center;font-weight: 500;}
.login_content{width:100%; background:#fafbfc;}
.login_wrapper_in .login_visual{width:100%;border-bottom:1px solid #e6e9ec;}
.login_wrapper_in .login_visual img {width:100%;}
.login_content_bottom{width:100%; height:auto; padding:3% 7%; margin-top:3%; border-top:1px solid #e6e9ec; background:#fff; }
.login_input_box{width:100%; margin:0 auto;}
.login_input_id input{width:80%; text-align:center; border: 1px solid #e6e9ec; font-weight:200; letter-spacing:-0.8px; padding:3%; border-width:thin; margin-top:1.2%;}
.login_content_bottom .login_auto{width:85.5%; text-align:center; margin:0 auto; position:relative; text-align:center; margin-top:3%;}
.login_content_bottom .login_auto p{width:81.5%; float:left;}
.login_content_bottom .login_auto input{position:absolute; /*left:23.5%; margin-top:1%;*/}

.login_btn{width:41.5%;margin:0 auto;border-radius: 4em; background:#0c0451; margin-top:15%; padding:3.2%; margin-right:32.5%; text-align:center; cursor:pointer;}
.login_btn p{color:#fff;}
.login_find{text-align:center;margin-top:2%; width:87%;}

.login_radio_box{width:100%;}
.login_radio_box label{display:inline-block; margin:-4.5% 5% 0 1%;}

 @media screen and (min-width:1024px) and (max-width:1440px){
	.login_radio_box{padding:1% 28%;}
	.login_radio_box label{font-size:1.5em;}
	.Resident_Registration{font-size:1.8em;}
	.login_radio_box input[type=radio]{width:4.8%; padding:0 0 4.5% 0}
	.footer .send_btn{font-size:1.8em;}
}
 @media screen and (min-width:960px) and (max-width:1024px){
	.login_radio_box{padding:1% 28%;}
	.login_radio_box label{font-size:1.5em;}
	.Resident_Registration{font-size:1.8em;}
	.login_radio_box input[type=radio]{width:4.5%; padding:0 0 4.2% 0}
	.footer .send_btn{font-size:1.8em;}
}
@media all and (max-width:800px) {
	.login_radio_box{padding:1% 24%;}
	.login_radio_box label{font-size:1.5em;}
	.Resident_Registration{font-size:1.8em;}
	.login_radio_box input[type=radio]{width:5.5%; padding:0 0 5.0% 0}
	.footer .send_btn{font-size:1.5em;}
}
@media all and (max-width:768px) {
	.login_btn p{font-size:1.7em;}
	.login_find p{font-size:1.2em; color:#3e3e3e;}
	.login_radio_box{padding:1% 24%;}
	.login_radio_box label{font-size:1.5em;}
	.Resident_Registration{font-size:1.8em;}
	.login_radio_box input[type=radio]{width:5.5%; padding:0 0 5.0% 0}
	.footer .send_btn{font-size:1.5em;}
}
@media all and (max-width:600px) {
	.login_radio_box{padding:1% 20%;}
	.login_radio_box label{font-size:1.5em;}
	.Resident_Registration{font-size:1.3em;}
	.login_radio_box input[type=radio]{width:6.0%; padding:0 0 5.6% 0}
	.footer .send_btn{font-size:1.3em;}
}

@media all and (max-width:414px) {
	.login_btn p{font-size:1.1em;}
	.login_find p{font-size:0.9em; color:#3e3e3e;}
	.login_radio_box{padding:1% 23%;}
	.login_radio_box label{font-size:1.0em;}
	.Resident_Registration{font-size:1.3em;}
	.login_radio_box input[type=radio]{width:5.8%; padding:0 0 5.2% 0}
	.footer .send_btn{font-size:1.3em;}
}

@media all and (max-width:375px) {
	.login_btn p{font-size:1.0em;}
	.login_find p{font-size:0.8em;}
	.login_radio_box{padding:1% 21%;}
	.login_radio_box label{font-size:1.0em;}
	.Resident_Registration{font-size:1.0em;}
	.login_radio_box input[type=radio]{width:5.8%; padding:0 0 5.2% 0}
	.footer .send_btn{font-size:1.0em;}
}

@media all and (max-width:320px) {
	.login_btn p{font-size:0.9em;}
	.login_find p{font-size:0.7em;}
	.login_radio_box{padding:1% 20%;}
	.login_radio_box label{font-size:1.0em;}
	.Resident_Registration{font-size:1.0em;}
	.login_radio_box input[type=radio]{width:5.8%; padding:0 0 5.2% 0}
	.footer .send_btn{font-size:1.0em;}
}