/*공통 상단*/
.register_head{padding: 20px;}
.register_head h1{padding: 0}
.register_head h4{margin: 0}
label{text-align: left}

/*로그인*/
.nt_login_full{padding:120px 20px;}
.nt_login_box{}
.login_button{width:100%;;text-align: center;height:45px;;margin-top:13px;font-size:13pt;font-weight: 600;}

.naver_login_button{width:100%;;text-align: center;background-color: #fff;border: 1px solid #e3e3e3; height:45px;;margin-top:13px;font-size:13pt;font-weight: 600;cursor: pointer}

.input_group input{width:100%;}
.nt_login_box .inputs{margin:13px 0;}
.nt_login_box .input_group:last-child .inputs{margin-bottom:0}
.nt_login{max-width:450px;margin:0 auto;padding:60px 30px 30px ;background-color: #fff;border:none;border-radius: 10px;border:5px solid #f4f4f4}
.nt_login>div{text-align: center;padding:0 0 40px 0}
.find{display:flex;justify-content: space-between !important}
.find>a{margin-top:13px;display:flex;justify-content: center;align-items: center; width:100%;;font-size:9pt;font-weight: bold;color:#b3b3b3}
.find>a:first-child{justify-content: flex-start}
.find>a:last-child{justify-content:flex-end}

.nt_login_box input::placeholder {
    color: #999;
    text-align: center;
}
/*로그인*/


/*회원가입*/
.checkResult{text-align: left;padding: 0px 5px;}
.checkResult span{font-size: 9pt;}

.nt_register_full{padding:50px 10px;}
.nt_register{max-width:800px;margin:0 auto;padding:60px 30px 30px ;background-color: #fff;border:none;border-radius: 10px;border:5px solid #f4f4f4}
.nt_register>div{text-align: center;}
.user_register_form{border: 0px solid #e3e3e3;padding-bottom: 30px;}

.register_form_box .input_line{display: flex;justify-content: space-between}
.register_form_box .input_group{width: 49%;}
.register_form_box .input_group30{width: 29%;}
.register_form_box .input_group50{width: 49%;}
.register_form_box .input_group70{width: 69%;}
.register_form_box .input_group90{width: 89%;}
.register_form_box .input_group100{width: 100%;}


.register_form_box .inputs{width: 100%;padding: 3px 0px;}

.register_box h3{text-align: center;padding:20px 0;color:#333;font-weight: 600;}

.register_box{text-align: center;}


.register_step{text-align: center;overflow: hidden;padding: 10px;}
.register_step .hideBefore:before{display: none}
.register_step li {position: relative;display: inline-block;width: 120px;padding-top: 41px;text-align: center;font-size: 16px;color: #888;}
.register_step li:after {z-index: 1;top: 0;left: 50%;position: absolute;display: block;width: 32px;height: 32px;margin-left: -16px;background-position: -435px 0;border:1px solid #e3e3e3;border-radius: 50px;background-color: #fff;content: '\f00c'; font-family: "Font Awesome 5 Free"; font-weight: 900;padding: 4px;}
.register_step li:before {position: absolute;left: -50%;top: 16px;display: block;width: 100%;height: 1px;background: #e2e2e2;content: "";}
.register_step li.done {color: #888;}
.register_step li.done:after {background-position: -475px -40px;background-color: #b9b9b9;border: 0;color: #fff;}
.register_step li.active {color: #344065;font-weight: 500;}
.register_step li.active:after {background-position: -475px 0px;color: #fff;background-color: #344065;border: 0;}
.register_step li.active:before {}


.register_form_box{max-width:600px;margin:0 auto;padding:0px 20px;}
.register_form_box h2{text-align: center;margin-top: 30px;font-weight: 600;}



.re_select_box input{display:none}
.re_select_box>div{display:flex;justify-content: center}
.re_select_box>div label{width:70px;height:70px;border-radius: 50%;border:1px solid #e3e3e3;margin-right:10px;text-align: center;display:flex;justify-content: center;align-items: center;cursor: pointer}

.re_select_box>div label.actives{border-color:#1a1f74}
.re_select_box>div label:last-child{margin-right:0;}


.re_check_box{border:1px solid #e3e3e3;max-width: 500px;margin: auto}
.re_check_box>div:nth-child(1){border-bottom:1px solid #e3e3e3}
.re_check_box>div:nth-child(2){border-bottom:1px solid #e3e3e3}

.re_check_box>div>div{display:flex;align-items: center;overflow: hidden;position: relative;padding:10px;font-size:10pt;}
.re_check_box>div>div label{display:inline-flex;width:15px;height:15px;border:1px solid #e3e3e3;margin-right:10px;cursor: pointer;vertical-align: middle}

.re_check_box>div>div input{position: absolute;left:-100%}

.re_check_box>div>div input[type="checkbox"]:checked + label{
    background: url(/img/check.png) no-repeat center/15px 15px;
}
.re_check_box>div>div  span{border-bottom:1px solid #000;cursor: pointer;}
.register_box .login_button{max-width: 500px;margin-top: 20px;}


.pop_register{position: fixed;left:0;top:0;width:100%;height:100%;background-color: #fff;z-index: 1111;display:none;}
.pop_register h3{padding: 0;border-bottom: 1px solid #e3e3e3;padding-bottom: 10px;}
.pop_register .pop_content{padding: 10px;overflow: hidden;overflow-y: scroll;max-height: 600px}
.pop_register>div{width:100%;height:100%;;overflow-y: scroll;background-color: rgb(0,0,0,0.5);}
.pop_register>div>div{max-width: 350px;margin: 4% auto;max-height: 600px;padding: 40px;position: relative;background-color: #fff;}
.pop_register>div>div i{position: absolute;right:40px;top:40px;cursor: pointer;font-size:16pt;}

/*회원가입*/


@media screen and (min-width:500px){
    .nt_login{padding:60px 60px 40px}
    .nt_register{padding:60px 60px 40px}
    .find{display:flex;}
    .find>a{width:50%;font-size:11pt;}
    .find>a:first-child{margin-right:10px;}
    .naver_login p{font-size:12pt;}
    .re_select_box{padding:0 30px;}

    /*    회원가입*/
    .re_select_box>div label{width:90px;height:90px;border-width:2px;margin-right:20px;}
    .re_check_box>div>div label{width:20px;height:20px;margin-right:20px}
    .re_select_box>div label.actives{border-width:4px;}
    .re_check_box>div>div{font-size:11pt;padding:15px}

    .register_box_full{padding:40px;}
    
    .pop_register>div>div{max-width: 650px;max-height: 800px;}

    /*    회원가입*/

}