/*comm*/ 
.mem_tit{position:relative; }
.mem_tit::after{position:absolute; bottom:0; left:0; width:100%;background: linear-gradient(to right, #593774, #ae2d48); content:''}
.login_form{text-align:center}
 .frm_line label{display:inline-block; text-align:right;  color:#201716;}
 .register_form th{color:#201716;font-weight: 500; text-align:right;}


#login_info,#login_info label,#login_info a{color:#201716; font-weight:300}
#login_info .chk_box,#login_info a{display:inline-block;vertical-align: top;}
.submit_btn {border-top:1px solid #dcdcdc;font-size:0;}
.submit_btn .btn{display:inline-block; border-radius:0; vertical-align:middle; color:#fff; font-weight:400}

.mem_tit{}
.mem_tit h5{color:#201716;}
.mem_tit p{color:#201716; font-weight:300; line-height:1.4em}

.find_cate{text-align:center;  font-size:0; }
.find_cate a{display:inline-block;border-radius:50%;color:#201716;text-align:center;cursor:pointer;background: #f6f6f6;}
.find_cate a {}
.find_cate a.on{color:#fff;background: linear-gradient(to right, #593774, #b12d46);position: relative;z-index: 1;}



.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: 31%;display: inline-block;}
.hp_input font{display:inline-block;width: 3%;text-align:center;color:#201716;font-weight: 300;}
 
.reg_info{display:inline-block;}
.reg_info label{color:#201716; font-weight:300;}

.reg_mail,.reg_hp{font-size:0;}
.hp_input,.reg_mail input, .reg_info{display:inline-block; vertical-align:middle;}


.pay_list{}
.pay_list table{border-top:1px solid #dfdfdf}
.pay_list th{background-color:#f6f6f6; color:#201716; text-align:center; border-bottom:1px solid #dfdfdf; font-weight:500}
.pay_list td{ color:#201716; text-align:center; border-bottom:1px solid #dfdfdf}
.pay_list td a{display:inline-block;border-radius:0;text-align:center;font-size: 80%;vertical-align: middle;}


.company{}
.comp_menu{text-align:center;}
.comp_menu >div{position:relative; display:inline-block; }

.comp_menu >div>div{}
.comp_menu h5,.comp_menu p{text-align:center;}
.comp_menu h5 span{font-weight:900}
.comp_menu p{font-weight:900}
.cp_menu>span{display:block; color:#fff; text-align:center;}
.comp_menu >div >a{position:absolute; top:0; left:0; width:100%; height:100%; }

.comp_wrap{position:fixed; top:0; left:0; width:100%; height:100%;}
.comp_con{position:absolute; top:50%; left:50%; padding:0; margin:0; transform:translate(-50%, -50%) }
@media (min-width: 649px){
/*P T*/

 
}
@media (max-width: 1357px){
/*T M*/ 
.comp_menu_wrap{position:relative !important; height:auto !important}
.comp_menu{position:relative; width:100%; transform:translate(0,0); top:0; left:0;}
}

@media (min-width:1358px){
/*pc*/ 
 
.mem_tit::after{height:3px;}
.login_box{padding: 120px 0;}
.company .login_box{padding:200px 0;}
.mem_tit{padding-bottom:30px;}
.login_box .mem_tit img{width:auto;}
.login_box .inbox{width:1000px;}
.login_form{padding:30px 0;  } 
.login_form input{width:500px; margin-left:26px;}
.frm_line{padding-bottom:20px}
.frm_line label{width:120px; font-size:23px;}

.register_form{padding:10px 0}
.register_form th{width: 188px;font-size:23px;padding-right: 30px !important;}
.register_form th,.register_form td{padding:10px 0;}

#login_info .chk_box{width:200px;}
#login_info, #login_info label,#login_info a{font-size:20px;line-height: 30px;}

.submit_btn {padding:50px 0;}
.submit_btn .btn{margin:0 10px ;height:50px; width:155px; line-height:50px; font-size:20px; }
 
 
 

.mem_tit h5{font-size:30px;}
.mem_tit p{font-size:18px;  margin-top:15px;}

.mem_box{padding:100px 0  }

.find_cate{border-radius:30px;margin-bottom: 40px;}
.find_cate a{width:300px;height: 60px;font-size:23px;border-radius: 30px;line-height: 60px;margin: 0 -30px;}

.hp_input,.reg_mail input,.reg_info{width: 50%;}
 
.hp_input font{font-size:20px}

.reg_info{padding-left:2%;}
.reg_info label{font-size:20px;}


.pay_list th,.pay_list td{font-size:18px; height:60px;}
.pay_list td a{width:100px; height:30px; line-height:30px; margin-left:1%;}



.comp_menu{width:100%;}
.comp_menu >div{width:400px; margin:0 40px; background:url(../images/pc/sub7_list.png) no-repeat 50%; border-radius:50px}
.comp_menu >div:hover{box-shadow:10px 10px 30px rgba(0,0,0,0.2)}
.cp_menu div{padding:100px 0 95px}
.cp_menu h5{margin-bottom:15px;}
.cp_menu h5 span{font-size:70px;}
.cp_menu p{font-size:40px;}
.cp_menu>span{height:80px; line-height:80px; font-size:23px}



}
@media (min-width:650px) and (max-width:1357px){
/*T*/
.mem_tit::after{height:3px;}
.login_box{padding:5vw 0 10vw;}
.mem_tit{padding-bottom:5vw;}
.login_box .mem_tit img{width:auto;}
 
.login_form{padding:5vw 0;  } 
.company .login_box{padding:10vw 0;}
.login_form input{width:65%; margin-left:3vw;}
.frm_line{padding-bottom:2vw}
.frm_line label{width: 13%;font-size: 2.5vw;}
#login_info .chk_box{width: 27%;}
#login_info, #login_info label,#login_info a{font-size: 2.5vw;line-height: 5vw;}

 .register_form{padding:1vw 0}
.register_form th{width: 20%;font-size:2.5vw;padding-right: 2vw !important;}
.register_form th,.register_form td{padding:1vw 0;}


.submit_btn {padding:5vw 0;}
.submit_btn .btn{margin:0 1vw;height: 6vw;width:17vw;line-height: 6vw;font-size:2.5vw;}





.mem_tit h5{font-size:3vw;}
.mem_tit p{font-size:2vw;  margin-top:1.5vw}

.mem_box{padding:10vw 0  }
 
 .find_cate{border-radius:3.5vw; margin-bottom:5vw; }
.find_cate a{width: 39vw;height: 6vw;font-size: 2.5vw;border-radius: 3.5vw;line-height: 6vw;margin: 0 -3vw;}


.hp_input,.reg_mail input,.reg_info{width: 50%;}
 
.hp_input font{font-size:2vw}

.reg_info{padding-left:2%;}
.reg_info label{font-size:2vw;}

.pay_list th,.pay_list td{font-size: 2vw;height: 6vw;}
.pay_list td a{width: 8vw;height: 3vw;line-height: 3vw;margin-left:1%;}




.comp_menu >div{width: 91.6vw;margin: 2vw 0;background:url(../images/tab/sub7_list.png) no-repeat 50%;border-radius: 4vw;background-size:100% auto}
.comp_menu >div:hover{box-shadow:1vw 1vw 2vw rgba(0,0,0,0.2)}
.cp_menu div{padding: 8.7vw 0px 7vw;}
.cp_menu h5{margin-bottom: 2vw;}
.cp_menu h5 span{font-size:6vw;}
.cp_menu p{font-size:3vw;}
.cp_menu>span{height: 6.6vw;line-height: 6.6vw;font-size:2.5vw}
}
@media (max-width:649px){
/*mb*/ 
.mem_tit::after{height:0.3vw;}
.login_box{padding:5vw 0 10vw;}
 .mem_tit{padding-bottom:5vw;}
.login_box .mem_tit img{width:auto;}
 
.login_form{padding:5vw 0;  } 
.login_form input{width:65%; margin-left:3vw;}
.frm_line{padding-bottom:2vw}
.frm_line label{width: 15%;font-size: 3.5vw;}

 .register_form{padding:2vw 0}
.register_form th{width: 25%;font-size: 3.3vw;padding-right: 2vw !important;}
.register_form th,.register_form td{padding:2vw 0;}

#login_info .chk_box{width: 33%;}
#login_info, #login_info label,#login_info a{font-size: 3vw;line-height: 5vw;}

.submit_btn {padding: 5vw 0;}
.submit_btn .btn{margin:0 1vw;height: 8vw;width: 22vw;line-height: 8vw;font-size: 3vw;}
 
 
 



.mem_tit h5{font-size:5vw; }
.mem_tit p{font-size:3vw; margin-top:2vw;}

.mem_box{padding:12vw 0  }

 .find_cate{border-radius: 5vw;margin: 0 -3vw 6vw;}
.find_cate a{width: 45%;height: 8vw;font-size: 3.5vw;border-radius: 4vw;line-height: 8vw;margin: 0 -2vw;}

.hp_input,.reg_mail input,.reg_info{width: 100%;}
 .reg_info{padding-top:1.5vw}
.hp_input font{font-size:2.5vw}
 
.reg_info label{font-size:3.3vw;}


.pay_list th,.pay_list td{font-size: 3vw;height: 10vw;}
.pay_list td a{width: 12vw;height: 5vw;line-height: 5vw;margin-left: 2%;}


.comp_menu >div{width: 94vw;margin: 2vw 0;background:url(../images/mb/sub7_list.png) no-repeat 50%;border-radius: 5vw;background-size:100% auto}
.comp_menu >div:hover{box-shadow:1vw 1vw 2vw rgba(0,0,0,0.2)}
.cp_menu div{padding: 9vw 0px 8.5vw;}
.cp_menu h5{margin-bottom: 2vw;}
.cp_menu h5 span{font-size: 8vw;}
.cp_menu p{font-size: 4.5vw;}
.cp_menu>span{height: 8vw;line-height: 8vw;font-size: 3vw;}
}