.member_cate{border-radius:5px; border:1px solid #6a6a6a; overflow:hidden}
.member_cate a{float:left; display:block; width:25%; color:#000; text-align:center; background-color:#efefef;font-family:"GmarketSans"; font-weight:500}
.member_cate a:hover,.member_cate a.on{background-color:#0068b7; color:#fff;}


.mbbox{}
.mbbox h5{color:#000;}
.mbbox p{color:#1f1513; text-align:center; font-weight:300; line-height:1.5em}
.mbbox p .btn{font-weight:500}

.loginbox{}



#login_info label{color:#1f1513; font-weight:300;}


.submit_btn{text-align:center;}
.submit_btn a,.submit_btn button{display:inline-block; text-align:center; vertical-align:middle;}





.form_table{}
.form_table table{border-collapse: separate;}
.form_table th{color:#000; background-color:#efefef; text-align:center; border-radius:5px}
.form_text{color:#000;  }
.form_table td{}
 .form_table .nice-select{display:inline-block; font-family: "GmarketSans", Malgun Gothic, "돋움"; font-weight: 400;}


.hp_input{font-size:0;}
.hp_input .nice-select ,.hp_input input,.hp_input font,.gender_input .chk_box label i{vertical-align:middle;}
.hp_input .nice-select,.hp_input input{width:30%;}
.hp_input font{display:inline-block; width:5%; text-align:center;}
 
.birth_input .nice-select, .birth_input .chk_box, .gender_input .chk_box{display:inline-block; }
.birth_input .nice-select, .gender_input .chk_box,.address > input,.address>button{width: 23%;margin-right:1%;}
.pw_que .nice-select{width:100%;}
.address > input,.address>button{}

.findstep{color:#000}
.findstep span{display:inline-block; vertical-align:middle; background-color:#efefef; border-radius:5px; text-align:center;}




@media (min-width:1200px){



/*로그인*/
.member .contents{background:url(/on-tact/images/pc/sub2/deco_left.png) no-repeat 0 50%;}
.member_cate{font-size:35px; margin-bottom:70px}
 
.member_cate a{height:60px; line-height:65px; font-size:25px; } 

.mbbox p{font-size:18px}
.mbbox p .btn{display:inline-block; width:80px; height:30px; line-height:30px;}	

.loginbox{width:600px; margin:22px auto 0; padding-bottom:70px;}
#frm_id{margin-bottom:10px;}
#login_info{margin-top:10px;}
#login_info label{font-size:16px;}
	

.submit_btn{margin-top:30px;}
.submit_btn a,.submit_btn button{width:290px; height:60px; font-size:30px; line-height:68px;}
.submit_btn a{ margin-right:20px;}


.mbbox h5{font-size:35px; margin-bottom:30px}

/*회원가입*/
.form_table table{border-spacing:10px;}
.form_table{margin-top:35px}
.form_table th{font-size:25px; padding-top:7px}
.form_table .form_text{font-size:25px;}
.form_table .chk_box label{font-size:16px;}
.form_table .nice-select .current,.gender_input .chk_box,.address>button{line-height:64px;}
.form_table .nice-select .current,.hp_input input,.gender_input .chk_box,.address>button{height:60px;}
.form_table td{height:60px;}
.form_table .nice-select ,.hp_input input,.hp_input font ,.address>button{font-size:20px;}
.gender_input .chk_box label{font-size:25px;}
.address>div input{margin-top:10px;}
 
/*비밀번호 찾기*/
.findstep{font-size:25px; margin-bottom:10px;}
.findstep span{width: 290px; height: 60px;  line-height: 68px; margin-right:20px;}
}
@media (min-width: 650px){
 
}
@media (max-width:1199px){
 
}
@media (min-width:650px) and (max-width:1199px){
	
/*로그인*/

 
.member_cate {margin:0 0 7.5vw;}
.member_cate a{padding: 2vw 0 1.5vw;font-size:100%;}

.mbbox p{font-size:71%}
.mbbox p .btn{display:inline-block; width:8vw; height:3vw; line-height:3vw; }	
 
.loginbox{width:50vw; margin:3vw auto 0; padding-bottom:7.5vw;}

#frm_id{margin-bottom:5px;}

#login_info{margin-top:2.5vw;}
#login_info label{font-size:85%;}

.submit_btn{margin-top:4vw;}
.submit_btn a,.submit_btn button{width:48.5%;height: 7vw;font-size: 95%;line-height: 8vw;}
.submit_btn a{margin-right:3%;}



.mbbox h5{font-size:100%;margin-bottom: 3vw;}

/*회원가입*/
.form_table table{border-spacing:1vw;}
.form_table{margin-top:2vw}
.form_table th{font-size:85%; padding-top:1%}
.form_table .form_text{font-size: 85%;}
.form_table .chk_box label{font-size:70% !important;}
.form_table .nice-select .current,.gender_input .chk_box,.address>button{line-height:6.4vw;}
.form_table td,.form_table .nice-select .current,.hp_input input,.gender_input .chk_box,.address>button{height:6vw;}
.form_table .nice-select ,.hp_input input,.hp_input font ,.address>button{font-size:2vw;}
.gender_input .chk_box label{font-size:70%;}
.address>div input{margin-top:0.6vw;}
.form_table #login_info{margin-top:1vw;}
 
 
.findstep{font-size:100%; margin-bottom:10px;}
.findstep span{width:33%;height: 6vw;  line-height: 6.4vw;}
}
@media (max-width:649px){
 

.member_cate {margin:0 0 6vw;}
.member_cate a{padding: 4vw 0 3vw;font-size: 70%;}


.mbbox p{font-size:60%}
.mbbox p .btn{display:inline-block; width:12vw; height:5vw; line-height:5vw; }	
 
.loginbox{width:100%; margin:6vw auto 0; padding-bottom:6vw; }
#frm_id{margin-bottom:5px;}

#login_info{margin-top:3vw;}
#login_info label{font-size:70%;}

.submit_btn{margin-top: 3vw;}
.submit_btn a,.submit_btn button{width:48.5%;height: 9vw;font-size:80%;line-height: 9.4vw;}
.submit_btn a{margin-right:3%;}
.mbbox h5{font-size:100%; margin-bottom:4vw}

/*회원가입*/
.form_table table{border-spacing:1.4vw;}
.form_table{margin-top:2vw}
.form_table th{font-size: 64%;padding-top:1%;word-break: keep-all;}
.form_table .form_text{font-size: 64%;}
.form_table .chk_box label{font-size: 57% !important;}
.form_table .nice-select .current,.gender_input .chk_box,.address>button{line-height: 9.4vw;}
.form_table td ,.form_table .nice-select .current,.hp_input input,.gender_input .chk_box,.address>button{height: 9vw;}
.form_table .nice-select ,.hp_input input,.hp_input font ,.address>button{font-size: 3vw;}
.gender_input .chk_box label{font-size:70%;}
.address>div input{margin-top:0.6vw;}
.form_table #login_info{margin-top:1vw;}


.findstep{font-size:75%; margin-bottom:10px;}
.findstep span{width:33%;height:10vw;  line-height: 10vw;}
}