.radio {position:relative;margin-right:20px}
.radio input{border-radius:18px;width:18px;height:18px;border:1px solid #a3a3a3;padding:0;background-color:#fff;position:relative;margin:0 10px 0 0;vertical-align:sub}
.radio input:checked{border:1px solid #FF5631;}
.radio input:checked:after{background-color:#FF5631;border-radius:12px;width:12px;height:12px;content:' ';position:absolute;transform:translate(-50%,-50%);top:50%;left:50%}
.signup{padding-bottom:215px;}
.signup form{width:1430px;margin:0 auto;display:block;}
.signup h1{font-size: 28px;color:#000;font-weight:700;text-align:center;padding-top:120px;}
.signup h1 span{display:none;}
.signup p{color: #A5A5A5;font-size: 16px;font-weight: 400;text-align:center;padding:20px 0 0 0}
.signup h2{clear:both;font-size: 24px;color:#000;font-weight:700;padding:200px 0 76px 0}
.signup h2.idpw{display:none;}
.signup dt,.signup dd{display:inline-block;vertical-align:top;margin-top:22px;}
.signup dt{width:185px;font-size:18px;padding-top:15px;}
.signup dt.star:after{content:'*';color:#FF5631;margin:0 0 0 5px;position:relative;vertical-align:top}
.signup dd{width:calc(100% - 189px);}
.signup input[type=text],
.signup input[type=number],
.signup input[type=password]{width: 390px;height: 50px;padding:0 33px;border-radius: 25px;background: #F9F9F9;font-size:15px;display:inline-block;}
.signup small{color:#D82C2C;font-size:13px;font-weight:400;margin:6px 0 0 31px;display:block}
.signup small.on{color:#2B8A3E}
.btn-id,.auth button{width: 145px;height: 50px;border-radius: 7px;border: 0.5px solid #A3A3A3;color:#000;font-size:16px;font-weight:600}
.btn-id{margin-left:20px;}
.navi small{margin-left:0;margin-bottom:39px;}
.navi label{width:130px;display:inline-block;margin-bottom:40px}
.navi p{text-align:left;color:#111}
.navi p > span{text-align:left;color:#999}
.etc{position:absolute;display:inline-block;margin:-21px 0 0 -17px;width: 387px;border-radius: 17px;border: 1px solid #fff;padding:20px 20px 31px 20px;}
.etc label{margin-bottom:0;}
.etc hr{border:0;border-top:1px solid #ececec;margin-bottom:28px;margin-top:28px}
.etc input[type=text]{width:100%;display:none;}
.etc hr{display:none;}
.etc.on{border: 1px solid #E2E2E2;}
.etc.on input[type=text]{display:block;}
.etc.on hr{display:block;}

.agree label{font-size:16px;display:block;margin-bottom:20px;font-size:16px;}
.agree label.all{margin-bottom:30px;font-size:18px;font-weight:700}
.agree label.all input{top:-1px}
.agree label.red span{color:#FF5631}
.agree label > span{margin-left:8px;vertical-align:top;}
.agree p{text-align:left;font-size:13px;line-height:28px;margin:0;padding:0 0 0 28px;}

.btn-signup{width: 350px;height: 56px;border-radius: 28px;background: #D9D9D9;color:#fff;font-size:18px;font-weight:700;margin-top:61px;margin:200px auto 0 auto;display:block}
.btn-signup:hover{background: #0D1B2A;}
.btn-signup:disabled:hover{background: #D9D9D9;}

@media(max-width:1024px){
	section.signup{max-width:100%;width:100%;background-color:#FCFCFB}
	.signup form{width:calc(100% - 40px);margin:0 auto;display:block;}
	.signup h1{text-align:left;font-size:20px;}
	.signup h1 span{display:inline-block;font-size:20px;font-weight:700;margin-right:5px;}
	.signup h2{padding:122px 0 28px 0;font-size:18px;}
	.signup h2:after{content:'*';color:#FF5631;margin:0 0 0 5px;position:relative;vertical-align:top;font-size:18px;}
	.signup p{text-align:left;font-size:16px;line-height:24px;border-bottom:1px solid #D0D0D0;padding-bottom:60px}
	.signup dt{opacity:0;height:1px;line-height:1px;font-size:1px;width:0px;position:absolute;left:0;}
	.signup dd{width:100%;padding:0;margin:0;}
	.signup input[type=text], .signup input[type=number], .signup input[type=password]{width:100%;height:42px;margin:0;border:1px solid #d7d7d7;background-color:#fff;padding:0 20px;font-size:15px}
	.signup small{margin:0 0 6px 15px;}
	.signup .btn-id{height:42px;border-radius:0 25px 25px 0;background-color:#D0D0D0;border:0;width:100px;right:20px;position:absolute;color:#fff;font-size:15px;}
	.signup h2.idpw{padding-top:100px;display:block}
	.navi p{padding:0;border:0;}
	.navi label{width:calc(50% - 20px);margin: 0 0 30px 0}
	.etc{width:calc(50% - 20px);}
	.etc label{width:100%;}
	.etc.on {border: 0;position:unset}
	.etc.on hr{display: block;margin: 0 20px;width: calc(100% - 40px);left: 0;}
	.etc input[type=text]{position:absolute;left:20px;width:calc(100% - 40px);background-color:#f5f5f5;margin-top:20px;}
	.signup .agree p{font-size:12px;font-weight: 400;line-height: 20px; border-bottom:0;}
	.btn-signup{width:100%;margin-top:40px;background: #0D1B2A;}
	.btn-signup:disabled{background: #D9D9D9;}
	.agree label{margin-bottom:30px;}
	.agree label.all{margin-bottom:50px}
	.agree{margin-top:-20px}
}