.wrap1280{width: 1280px;margin: 0 auto 120px;position: relative;}
.regi_title_box{margin-top: 100px;}
.regi_title_box h2{font-size: 24px;}
.regi_title_box div{font-size: 18px;margin-top: 20px;}
.title_bb{width: 100%;margin: 40px auto;border: 1px solid #282828;}


.content_title{font-size: 20px;margin: 0 auto;width: 100%;}
.content_title p{font-weight: bold;}
.content_text{width: 100%;margin: 30px auto;background: #eee;}
.content_text textarea{width: 100%;height:300px;padding: 35px;font-size: 14px;color: #3e3e3e;
border:1px solid #cccccc;resize:none;}

.content_text>div{height: 40px;position: relative;background: #eee;border:1px solid #cccccc;border-top: 0;}
.content_text>div input{width: 20px;height: 20px;position: absolute;left: 10px;top: 10px;}
.content_text>div label{width: auto;height: 20px;position: absolute;left: 40px;top: 10px;color: #222;font-size: 16px;}
.content_title2{margin-top: 40px;}

.total_agree{height: 80px;position: relative;}
.total_agree input{width: 20px;height: 20px;position: absolute;left: 10px;top: 30px;}
.total_agree label{width: auto;height: 20px;position: absolute;left: 40px;top: 30px;color: #222;font-size: 18px;}

.content_text2{margin-bottom: 0;}
.regi_agree_bt{display: block;margin: 0 auto;margin-top: 30px;width:240px;height:56px;line-height: 56px;text-align: center;color: #fff;
background: #222;font-size: 18px;}


.content_text .join-agreement {
  height:300px;
  background-color: #fff;
  border-top: 1px solid #ccc;
}

.content_text .join-agreement .agreement-textarea {
  overflow-x: hidden;
  overflow-y: auto;
  padding: 20px;
  width: 100%;
  height:100%;
  font-size: 14px;
  color: #3e3e3e;
  resize: none;
}



@media screen and (min-width:1001px) and (max-width:1500px){

.wrap1280{width: 1000px;margin: 0 auto 120px;position: relative;}
.regi_title_box{margin-top: 100px;}
.regi_title_box h2{font-size: 24px;}
.regi_title_box div{font-size: 18px;margin-top: 20px;}
.title_bb{width: 100%;margin: 40px auto;border: 1px solid #282828;}


.content_title{font-size: 20px;margin: 0 auto;width: 100%;}
.content_title p{font-weight: bold;}
.content_text{width: 100%;margin: 30px auto;background: #eee;}
.content_text textarea{width: 100%;height:300px;padding: 35px;font-size: 14px;color: #3e3e3e;
border:1px solid #cccccc;resize:none;}


.content_text .join-agreement {
  height:300px;
  background-color: #fff;
  border-top: 1px solid #ccc;
}

.content_text .join-agreement .agreement-textarea {
  overflow-x: hidden;
  overflow-y: auto;
  padding: 20px;
  width: 100%;
  height:100%;
  font-size: 14px;
  color: #3e3e3e;
  resize: none;
}





.content_text>div{height: 40px;position: relative;background: #eee;border:1px solid #cccccc;border-top: 0;}
.content_text>div input{width: 20px;height: 20px;position: absolute;left: 10px;top: 10px;}
.content_text>div label{width: auto;height: 20px;position: absolute;left: 40px;top: 10px;color: #222;font-size: 16px;}
.content_title2{margin-top: 40px;}

.total_agree{height: 80px;position: relative;}
.total_agree input{width: 20px;height: 20px;position: absolute;left: 10px;top: 30px;}
.total_agree label{width: auto;height: 20px;position: absolute;left: 40px;top: 30px;color: #222;font-size: 18px;}

.content_text2{margin-bottom: 0;}
.regi_agree_bt{display: block;margin: 0 auto;margin-top: 30px;width:240px;height:56px;line-height: 56px;text-align: center;color: #fff;
background: #222;font-size: 18px;}


}


@media screen and (max-width:1000px) and (min-width:320px) {

.wrap1280{width: 96.0000vw;margin: 0 auto 12.00vw;position: relative;}
.regi_title_box{margin-top: 12.0000vw;}
.regi_title_box h2{font-size: 3.7000vw;}
.regi_title_box div{font-size: 3.3000vw;margin-top: 4.0000vw;}
.title_bb{width: 100%;margin: 7.0000vw auto;border: 0.1000vw solid #282828;}


.content_title{font-size: 3.6000vw;margin: 0 auto;width: 100%;}
.content_title p{font-weight: bold;}
.content_text{width: 100%;margin: 3.0000vw auto;background: #eee;}
.content_text textarea{width: 100%;height:40.0000vw;padding: 3.5000vw;font-size: 3.5000vw;color: #3e3e3e;
border:0.1000vw solid #cccccc;resize:none;}

.content_text>div{height: 7.0000vw;position: relative;background: #eee;border:0.1000vw solid #cccccc;border-top: 0;}
.content_text>div input{width: 4.5000vw;height: 4.5000vw;position: absolute;left: 1.0000vw;top: 1.0000vw;}
.content_text>div label{width: auto;height: 4.5000vw;position: absolute;left: 8.0000vw;top: 1.0000vw;color: #222;font-size: 3.5000vw;}
.content_title2{margin-top: 7.0000vw;}

.total_agree{height: 10.0000vw;position: relative;}
.total_agree input{width: 4.5000vw;height: 4.5000vw;position: absolute;left: 1.0000vw;top: 5.0000vw;}
.total_agree label{width: auto;height: 2.0000vw;position: absolute;left: 8.0000vw;top: 5.0000vw;color: #222;font-size: 3.5000vw;}

.content_text2{margin-bottom: 0;}
.regi_agree_bt{display: block;margin: 0 auto;margin-top: 6.0000vw;width:36.0000vw;height:8.6000vw;line-height: 8.6000vw;text-align: center;color: #fff;
background: #222;font-size: 3.7000vw;}


.content_text .join-agreement {
  height:300px;
  background-color: #fff;
  border-top: 1px solid #ccc;
}

.content_text .join-agreement .agreement-textarea {
  overflow-x: hidden;
  overflow-y: auto;
  padding: 3.5000vw;
  width: 100%;
  height:100%;
  font-size: 3.5000vw;
  color: #3e3e3e;
  resize: none;
}


}



@media screen and (min-width: 1001px){

/* login.php */
.login{background:#eeeeee ;}
.login .login_area{width: 100%;max-width:500px;height:auto;margin:0 auto;background: #fff;border-radius:10px;
text-align:center;padding:50px 40px}

.login .login_area #form_login{display:flex;flex-direction:column;margin-top:35px;}

legend {
    position: absolute;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -9999em;
    overflow: hidden;}
.sound_only {
    display: inline-block !important;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0;
    line-height: 0;
    border: 0 !important;
    overflow: hidden !important;}


#form_login input{width: 100%;height:60px;border:1px solid #c9c9c9;border-radius:10px;font-size: 18px;color:#c9c9c9;padding-left:20px;}
#form_login input::placeholder{font-size: 18px;;}

#form_login .lf_pw{margin-top:10px;}

#form_login .find{text-align:right;margin:10px 0 30px;}
#form_login .find a{font-size: 16px;font-weight:300 ;}

#form_login .btn_login, #form_login .btn_join
{width: 100%;height:60px;border:none;border-radius:10px;font-size: 20px;color:#fff;cursor:pointer;}

#form_login .btn_login{background: #292929;}
#form_login .btn_join{background: #9c9c9c;margin-top:10px;}
#form_login .btn_join a{display: block;width: 100%;height: 100%;color:#fff;line-height:60px;}



/* member_form.php , mypage.php 공통*/
.member_form{}

.member_form #form_join{padding:40px 0 0;border-top:2px solid #000;margin-top:40px;}
.member_form #form_join>p{font-size: 20px;font-weight: 700;margin-bottom:40px;}

.mypage #form_mp{padding:40px 0;border-top:2px solid #000;margin-top:40px;}
.mypage #form_mp>p{font-size: 20px;font-weight: 700;margin-bottom:40px;}


.mf_ul .mf_area{width: 100%;height: 60px;line-height:60px;border:1px solid #c9c9c9;border-radius:10px;
font-size: 20px;color: #121212;margin-bottom:14px;
display:flex;align-items:Center;}
.mf_ul .mf_area label{display:inline-block;width: 20%;position:Relative;text-indent:70px;font-weight: 600;}
.mf_ul .mf_area label::after{content:'|';color:#c9c9c9;position:absolute;right:0;}

.mf_ul .mf_area input{width: 70%;height: 44px;padding-left:20px;border:none;font-size: 20px;}
/* */

#form_mp .mf_ul .mf_area:first-child{background:#f6f6f6 ;} 
#form_mp .mf_ul .mf_area:first-child input{background:#f6f6f6 ;} 

.mf_id .btn_c{width: 120px;height: 44px;margin-right:20px;background: #353535;border:none;border-radius:10px;color:#fff;font-size: 16px;cursor:pointer;}


.mf_ul .mf_pw{position: relative;}
#form_join .t , #form_mp .t{color:#434343;font-size: 16px;text-align:right;height:40px;margin-top:10px;}

.mf_mail .mf_mail_in{width: 100%;display:flex;align-items:Center;}
.nn{margin:0 10px;}
.mf_mail input{width: 36% !important;}
.mf_mail select{width: 36% !important;;height: 44px;padding-left:20px;border:none;font-size: 20px;}



#form_join .btn_j_area{width: 240px;margin: 50px auto 0;}
#form_join .btn_j{width: 240px;height: 60px;font-size:20px;color:#fff;background: #282828;border:none;cursor:pointer}


/* mypage.php */

.mp_id{background: #f6f6f6;}
.mp_id input{background: #f6f6f6;}

.btn_mp_area{width:auto;margin:50px auto 0;text-align:center;}
.btn_mp_area button{width: 240px;height: 60px;font-size:20px;color:#fff;border:none;}

.btn_mp_area button.btn_j_re{background: #282828;margin-right:14px;}
.btn_mp_area button.btn_out{background: #c4c4c4;margin-left:14px}



}


/* ==========================================
   화면 틀어짐
=============================================*/


@media screen and (min-width:1001px) and (max-width:1300px){


.sub_in{}


}


/* ===================================================

	730px ~ 1000px

======================================================*/

@media screen and (min-width:730px) and (max-width:1000px){
	.member_form .sub_in,{width: 100%;}
	.mypage .sub_in{width: 100%;}

	/* login.php */
	.login{background:#eeeeee ;}
	.login .login_area{width:500px;height:auto;margin:0 auto;background: #fff;border-radius:10px;
	text-align:center;padding:50px 40px}
	.login .login_area .logo img{width: 220px;}

	.login .login_area #form_login{display:flex;flex-direction:column;margin-top:35px;}

	legend {
		position: absolute;
		margin: 0;
		padding: 0;
		font-size: 0;
		line-height: 0;
		text-indent: -9999em;
		overflow: hidden;}
	.sound_only {
		display: inline-block !important;
		position: absolute;
		top: 0;
		left: 0;
		margin: 0 !important;
		padding: 0 !important;
		font-size: 0;
		line-height: 0;
		border: 0 !important;
		overflow: hidden !important;}


	#form_login input{width: 100%;height:70px;border:1px solid #c9c9c9;border-radius:13px;font-size: 28px;color:#c9c9c9;padding-left:20px;}
	#form_login input::placeholder{font-size: 28px;;}

	#form_login .lf_pw{margin-top:10px;}

	#form_login .find{text-align:right;margin:20px 0 40px;}
	#form_login .find a{font-size: 26px;font-weight:300 ;}

	#form_login .btn_login, #form_login .btn_join
	{width: 100%;height:70px;border:none;border-radius:13px;font-size: 30px;color:#fff;cursor:pointer;}

	#form_login .btn_login{background: #292929;}
	#form_login .btn_join{background: #9c9c9c;margin-top:10px;}
	#form_login .btn_join a{display: block;width: 100%;height: 100%;color:#fff;line-height:60px;}




	/* 적용 */	
	.login{background:#eeeeee ;}
	.login .login_area{width:80%;height:auto;margin:0 auto;background: #fff;border-radius:1.0000vw;
	text-align:center;padding:10.0000vw 4.0000vw}
	.login .login_area .logo img{width: 22.0000vw;}

	.login .login_area #form_login{display:flex;flex-direction:column;margin-top:3.5000vw;}

	legend {
		position: absolute;
		margin: 0;
		padding: 0;
		font-size: 0;
		line-height: 0;
		text-indent: -9999em;
		overflow: hidden;}
	.sound_only {
		display: inline-block !important;
		position: absolute;
		top: 0;
		left: 0;
		margin: 0 !important;
		padding: 0 !important;
		font-size: 0;
		line-height: 0;
		border: 0 !important;
		overflow: hidden !important;}


	#form_login input{width: 100%;height:7.0000vw;border:0.1000vw solid #c9c9c9;border-radius:1.3000vw;font-size: 2.8000vw;color:#c9c9c9;padding-left:2.0000vw;}
	#form_login input::placeholder{font-size: 2.8000vw;;}

	#form_login .lf_pw{margin-top:1.0000vw;}

	#form_login .find{text-align:right;margin:2.0000vw 0 4.0000vw;}
	#form_login .find a{font-size: 2.6000vw;font-weight:300 ;}

	#form_login .btn_login, #form_login .btn_join
	{width: 100%;height:7.0000vw;border:none;border-radius:1.3000vw;font-size: 3.0000vw;color:#fff;cursor:pointer;}

	#form_login .btn_login{background: #292929;}
	#form_login .btn_join{background: #9c9c9c;margin-top:1.0000vw;}
	#form_login .btn_join a{display: block;width: 100%;height: 100%;color:#fff;line-height:6.0000vw;}





	/* member_form.php , mypage.php 공통*/
	.member_form{}

	.member_form #form_join{padding:40px 0;border-top:1px solid #000}
	.member_form #form_join>p{font-size: 30px;font-weight: 700;margin-bottom:40px;}

	.mypage #form_mp{padding:40px 0;border-top:1px solid #000}
	.mypage #form_mp>p{font-size: 30px;font-weight: 700;margin-bottom:40px;}


	.mf_ul .mf_area{width: 100%;height: 75px;line-height:75px;border:1px solid #c9c9c9;border-radius:10px;
	font-size: 30px;color: #121212;margin-bottom:14px;
	display:flex;align-items:Center;}
	.mf_ul .mf_area label{display:inline-block;width: 22.5%;position:Relative;text-indent:20px;font-weight: 600;}
	.mf_ul .mf_area label::after{content:'|';color:#c9c9c9;position:absolute;right:0;}

	.mf_ul .mf_area input{width: 70%;height: 44px;padding-left:20px;border:none;font-size: 30px;}
	.mf_ul .mf_id input{width: 62%;}
	.mf_id .btn_c{width: 120px;height: 44px;margin-right:20px;background: #353535;border:none;border-radius:10px;color:#fff;font-size: 26px;cursor:pointer;}

	

	.mf_ul .mf_pw{position: relative;}
	#form_join .t , #form_mp .t{color:#434343;font-size: 26px;text-align:right;height:60px;margin-top:10px;}

	.mf_mail .mf_mail_in{width: 100%;display:flex;align-items:Center;}
	.nn{margin:0 10px;}
	.mf_mail input{width: 36% !important;}
	 .mf_mail select{width: 36% !important;;height: 44px;padding-left:20px;border:none;font-size: 30px;}

	#form_join .btn_j_area{width: 260px;margin: 50px auto 0;}
	#form_join .btn_j{width: 260px;height: 70px;font-size:30px;color:#fff;background: #282828;border:none;}



	/* mypage.php */

	.mp_id{background: #f6f6f6;}
	.mp_id input{background: #f6f6f6;}

	.btn_mp_area{width:auto;margin:50px auto 0;text-align:center;}
	.btn_mp_area button{width: 260px;height: 70px;font-size:30px;color:#fff;border:none;}

	.btn_mp_area button.btn_j_re{background: #282828;margin-right:20px;}
	.btn_mp_area button.btn_out{background: #c4c4c4;margin-left:20px}



	/* 적용 */
		.member_form{padding:4.0000vw 0;}

	.member_form #form_join{padding:4.0000vw 0;border-top:0.1000vw solid #000}
	.member_form #form_join>p{font-size: 3.0000vw;font-weight: 700;margin-bottom:4.0000vw;}

	.mypage #form_mp{padding:4.0000vw 0;border-top:0.1000vw solid #000;margin-top:4vw;}
	.mypage #form_mp>p{font-size: 3.0000vw;font-weight: 700;margin-bottom:4.0000vw;}


	.mf_ul .mf_area{width: 100%;height: 7.5000vw;line-height:7.5000vw;border:0.1000vw solid #c9c9c9;border-radius:1.0000vw;
	font-size: 3.0000vw;color: #121212;margin-bottom:1.4000vw;
	display:flex;align-items:Center;}
	.mf_ul .mf_area label{display:inline-block;width: 22.5%;position:Relative;text-indent:2.0000vw;font-weight: 600;}
	.mf_ul .mf_area label::after{content:'|';color:#c9c9c9;position:absolute;right:0;}

	.mf_ul .mf_area input{width: 70%;height: 4.4000vw;padding-left:2.0000vw;border:none;font-size: 3.0000vw;}
	.mf_ul .mf_id input{width: 62%;}
	.mf_id .btn_c{width: 12.0000vw;height: 4.4000vw;margin-right:2.0000vw;background: #353535;border:none;border-radius:1.0000vw;color:#fff;font-size: 2.6000vw;cursor:pointer;}

	#form_mp .mf_ul .mf_area:first-child{background:#f6f6f6 ;} 
	#form_mp .mf_ul .mf_area:first-child input{background:#f6f6f6 ;} 

	.mf_ul .mf_pw{position: relative;}
	#form_join .t , #form_mp .t{color:#434343;font-size: 2.6000vw;text-align:right;height:6.0000vw;margin-top:1.0000vw;}

	.nn{margin:0 1.0000vw;}
	.mf_mail input{width: 36% !important;}
	 .mf_mail select{width: 36% !important;;height: 4.4000vw;padding-left:2.0000vw;border:none;font-size: 3.0000vw;}

	#form_join .btn_j_area{width: 26.0000vw;margin: 5.0000vw auto 0;}
	#form_join .btn_j{width: 26.0000vw;height: 7.0000vw;font-size:3.0000vw;color:#fff;background: #282828;border:none;}



	/* mypage.php */

	.mp_id{background: #f6f6f6;}
	.mp_id input{background: #f6f6f6;}

	.btn_mp_area{width:auto;margin:5.0000vw auto 0;text-align:center;}
	.btn_mp_area button{width: 26.0000vw;height: 7.0000vw;font-size:3.0000vw;color:#fff;border:none;}

	.btn_mp_area button.btn_j_re{background: #282828;margin-right:2.0000vw;}
	.btn_mp_area button.btn_out{background: #c4c4c4;margin-left:2.0000vw}

}





/* ===================================================

	~729px

======================================================*/
@media screen and (max-width:729px){

	.member_form .sub_in,{width: 94%;margin:0 auto}
	.mypage .sub_in{width: 94%;margin:0 auto}

	/* login.php */
	.login{background:#eeeeee ;}
	.login .login_area{width:86%;height:auto;margin:0 auto;background: #fff;border-radius:10px;
	text-align:center;padding:60px 50px}
	.login .login_area .logo img{width: 220px;}

	.login .login_area #form_login{display:flex;flex-direction:column;margin-top:35px;}

	legend {
		position: absolute;
		margin: 0;
		padding: 0;
		font-size: 0;
		line-height: 0;
		text-indent: -9999em;
		overflow: hidden;}
	.sound_only {
		display: inline-block !important;
		position: absolute;
		top: 0;
		left: 0;
		margin: 0 !important;
		padding: 0 !important;
		font-size: 0;
		line-height: 0;
		border: 0 !important;
		overflow: hidden !important;}


	#form_login input{width: 100%;height:70px;border:1px solid #c9c9c9;border-radius:13px;font-size: 28px;color:#c9c9c9;padding-left:20px;}
	#form_login input::placeholder{font-size: 28px;;}

	#form_login .lf_pw{margin-top:10px;}

	#form_login .find{text-align:right;margin:20px 0 40px;}
	#form_login .find a{font-size: 26px;font-weight:300 ;}

	#form_login .btn_login, #form_login .btn_join
	{width: 100%;height:70px;border:none;border-radius:13px;font-size: 30px;color:#fff;cursor:pointer;}

	#form_login .btn_login{background: #292929;}
	#form_login .btn_join{background: #9c9c9c;margin-top:10px;}
	#form_login .btn_join a{display: block;width: 100%;height: 100%;color:#fff;line-height:60px;}



	/* 적용 */
	.login{background:#eeeeee ;}
	.login .login_area{width:86%;height:auto;margin:0 auto;background: #fff;border-radius:1.3717vw;
	text-align:center;padding:8.2305vw 6.8587vw}
	.login .login_area .logo img{width: 30.1783vw;}

	.login .login_area #form_login{display:flex;flex-direction:column;margin-top:4.8011vw;}

	legend {
		position: absolute;
		margin: 0;
		padding: 0;
		font-size: 0;
		line-height: 0;
		text-indent: -9999em;
		overflow: hidden;}
	.sound_only {
		display: inline-block !important;
		position: absolute;
		top: 0;
		left: 0;
		margin: 0 !important;
		padding: 0 !important;
		font-size: 0;
		line-height: 0;
		border: 0 !important;
		overflow: hidden !important;}


	#form_login input{width: 100%;height:9.6022vw;border:0.1372vw solid #c9c9c9;border-radius:1.7833vw;font-size: 3.8409vw;color:#999;padding-left:2.7435vw;}
	#form_login input::placeholder{font-size: 3.8409vw;;}

	#form_login .lf_pw{margin-top:1.3717vw;}

	#form_login .find{text-align:right;margin:2.7435vw 0 5.4870vw;}
	#form_login .find a{font-size: 3.5665vw;font-weight:300 ;}

	#form_login .btn_login, #form_login .btn_join
	{width: 100%;height:9.6022vw;border:none;border-radius:1.7833vw;font-size: 4.1152vw;color:#fff;cursor:pointer;}

	#form_login .btn_login{background: #292929;}
	#form_login .btn_join{background: #9c9c9c;margin-top:1.3717vw;}
	#form_login .btn_join a{display: block;width: 100%;height: 100%;color:#fff;line-height:9.6022vw;}


	/* member_form.php , mypage.php 공통*/
	.member_form{padding:40px 0;}

	.member_form #form_join{padding:40px 0;border-top:1px solid #000}
	.member_form #form_join>p{font-size: 30px;font-weight: 700;margin-bottom:40px;}

	.mypage #form_mp{padding:40px 0;border-top:1px solid #000}
	.mypage #form_mp>p{font-size: 30px;font-weight: 700;margin-bottom:40px;}


	.mf_ul .mf_area{width: 100%;height: auto;padding:15px;border:1px solid #c9c9c9;border-radius:10px;
	font-size: 30px;color: #121212;margin-bottom:14px;
	display:flex;flex-direction:column;}
	.mf_ul .mf_area label{display:inline-block;width:100%;position:Relative;font-weight: 600;}
	.mf_ul .mf_area label::after{content:'';width: 100%;height:1px;background:#c9c9c9;position:absolute;bottom:-10px;left:0;}

	.mf_ul .mf_area input{width: 100%;height: 50px;padding-left:20px;border:none;font-size: 30px;border:1px solid #eee;margin-top:30px;}
	.mf_ul .mf_id{align-items: flex-end}
	.mf_ul .mf_id input{width: 100%;}
	.mf_id .btn_c{width: 120px;height: 44px;margin-top:10px;background: #353535;border:none;border-radius:10px;color:#fff;font-size: 26px;cursor:pointer;}


	.mf_ul .mf_pw{position: relative;}
	#form_join .t , #form_mp .t{color:#434343;font-size: 26px;text-align:right;height:70px;}

	.nn{display:inline-block;width:auto;margin:0 10px;}
	.mf_mail input{width: 44% !important;}
	.mf_mail select{width: 44% !important;;height: 44px;padding-left:20px;border:none;font-size: 30px;}

	#form_join .btn_j_area{width: 260px;margin: 50px auto 0;}
	#form_join .btn_j{width: 260px;height: 70px;font-size:30px;color:#fff;background: #282828;border:none;}


	/* 적용 */
	.member_form{padding:5.4870vw 0;}

	.member_form #form_join{padding:5.4870vw 0;border-top:0.1372vw solid #000}
	.member_form #form_join>p{font-size: 4.1152vw;font-weight: 700;margin-bottom:5.4870vw;}

	.mypage #form_mp{padding:5.4870vw 0;border-top:0.1372vw solid #000;margin-top:5.4870vw;}
	.mypage #form_mp>p{font-size: 4.1152vw;font-weight: 700;margin-bottom:5.4870vw;}


	.mf_ul .mf_area{width: 100%;height: auto;padding:2.0576vw;border:0.1372vw solid #c9c9c9;border-radius:1.3717vw;
	font-size: 3.5vw;color: #121212;margin-bottom:1.9204vw;
	display:flex;flex-direction:column;}
	.mf_ul .mf_area label{display:inline-block;width:100%;position:Relative;font-weight: 600;}
	.mf_ul .mf_area label::after{content:'';width: 100%;height:0.1372vw;background:#c9c9c9;position:absolute;bottom:-1.3717vw;left:0;}

	.mf_ul .mf_area input{width: 100%;height: 6.8587vw;padding-left:2.7435vw;border:none;font-size: 3.5vw;border:0.1372vw solid #999;margin-top:4.1152vw;}
	.mf_ul .mf_id{align-items: flex-end}
	.mf_ul .mf_id input{width: 100%;}
	.mf_id .btn_c{width: 16.4609vw;height: 6.0357vw;margin-top:1.3717vw;background: #353535;border:none;border-radius:1.3717vw;color:#fff;font-size: 3.5665vw;cursor:pointer;}

	#form_mp .mf_ul .mf_area:first-child{background:#f6f6f6 ;} 
	#form_mp .mf_ul .mf_area:first-child input{background:#f6f6f6 ;} 

	.mf_ul .mf_pw{position: relative;}
	#form_join .t , #form_mp .t{color:#434343;font-size: 3.5665vw;text-align:right;height:9.6022vw;}

	.nn{display:inline-block;width:auto;margin:0 1.3717vw;}
	.mf_mail input{width: 44% !important;}
	.mf_mail select{width: 44% !important;;height: 6.0357vw;padding-left:2.7435vw;border:none;font-size: 4.1152vw;}

	#form_join .btn_j_area{width: 35.6653vw;margin: 6.8587vw auto 0;}
	#form_join .btn_j{width: 35.6653vw;height: 9.6022vw;font-size:4.1152vw;color:#fff;background: #282828;border:none;}



	/* mypage.php */
	.mp_id{background: #f6f6f6;}
	.mp_id input{background: #f6f6f6;}

	.btn_mp_area{width:auto;margin:50px auto 0;text-align:center;}
	.btn_mp_area button{width: 260px;height: 70px;font-size:30px;color:#fff;border:none;}

	.btn_mp_area button.btn_j_re{background: #282828;margin-right:20px;}
	.btn_mp_area button.btn_out{background: #c4c4c4;margin-left:20px}



	/**/
	.mp_id{background: #f6f6f6;}
	.mp_id input{background: #f6f6f6;}

	.btn_mp_area{width:auto;margin:6.8587vw auto 0;text-align:center;}
	.btn_mp_area button{width: 35.6653vw;height: 9.6022vw;font-size:4.1152vw;color:#fff;border:none;}

	.btn_mp_area button.btn_j_re{background: #282828;margin-right:2.7435vw;}
	.btn_mp_area button.btn_out{background: #c4c4c4;margin-left:2.7435vw}
}