@charset "utf-8"; 

.JoinStep {width:100%; float:left;margin-top:20px;}
	.JoinStep .tabStyle {width:100%;float:left;text-align:center; margin-bottom:30px; }
		.JoinStep .tabStyle a span {float:left; width:33.3%; }
		.JoinStep .tabStyle a:hover span {color:#689cda; }
		.JoinStep .tabStyle .active {background:#689cda; color:#fff; }
		.JoinStep .tabStyle a:hover .active {background:#689cda; color:#fff; }
		.JoinStep .tabStyle .step01 {border:1px solid #b6b6b6;  display:inline-block; padding:10px 0; box-sizing:border-box; }
		.JoinStep .tabStyle .step02 { border-top:1px solid #b6b6b6;  border-bottom:1px solid #b6b6b6;  display:inline-block; padding:10px 0; box-sizing:border-box;}
		.JoinStep .tabStyle .step03 {border:1px solid #b6b6b6;  display:inline-block; padding:10px 0;box-sizing:border-box; }
	.JoinStep .JoinStep01 {float:left;}
		.JoinStep .JoinStep01 .info_wrap {float:left; margin-bottom:40px;}
		.JoinStep .JoinStep01 .info_wrap .til {font-size:1.15em; font-weight:bold; margin-bottom:10px;}
		.JoinStep .JoinStep01 .info_wrap .box_area {float:left;width:100%; border:1px solid #ddd; height:140px; overflow:auto; padding:15px; background:#fcfcfc ;box-sizing:border-box; margin-bottom:15px;}
		.JoinStep .JoinStep01 .ck_area {width:100%; float:left;}
		.JoinStep .JoinStep01 .all_ck_area {margin:20px 0; width:100%; float:right; text-align:right; border-top:1px dotted #bbb; border-bottom:1px dotted #bbb; background:#f2f2f2; padding:10px;}
		.btn_joinGroup {display:block;border:1px solid #789dc2; color:#5d89b6; border-radius:40px; padding:20px 50px; font-size:1.85em; letter-spacing:-2px; font-weight:bold;}
		.btn_join {display:block;border:1px solid #ed856a; color:#e0795e; border-radius:40px; padding:20px 50px; font-size:1.85em; letter-spacing:-2px; font-weight:bold;}
		.joinBtn_area {height:auto; width:100%; float:left; margin:0 auto; margin-top:20px; text-align:center;display: flex; justify-content: center; align-items: center;}
	.JoinStep .JoinStep02 {float:left;}
		.JoinStep .JoinStep02 .til {font-size:1.15em; font-weight:bold; margin-bottom:10px;}
		.JoinStep .JoinStep02 .til .info {font-size:0.75em; font-weight:normal;margin-top:4px;}
	.JoinStep .JoinStep03 {float:left; width:100%; min-height:300px;}
		.JoinStep .JoinStep03 .info {float:left; width:100%;text-align:center; color:#777; background:#fafafa; padding:50px 0;}
		.JoinStep .JoinStep03 .info p {}

.JoinEdit_area {width:100%; float:left; margin-top:20px;}
	.JoinEdit_area .JoinEdit {width:100%; float:left;}
		.JoinEdit_area .JoinEdit .til {font-size:1.15em; font-weight:bold; margin-bottom:10px;}
		.JoinEdit_area .JoinEdit .til .info {font-size:0.75em; font-weight:normal;margin-top:4px;}

.FindIdPwd {width:100%; float:left; margin-top:10px;}
	.FindIdPwd .tabStyle {width:100%;float:left;text-align:center; margin-bottom:30px; }
		.FindIdPwd .tabStyle a span {float:left; width:50%; }
		.FindIdPwd .tabStyle a:hover span {color:#689cda; }
		.FindIdPwd .tabStyle .active {background:#689cda; color:#fff; }
		.FindIdPwd .tabStyle a:hover .active {background:#689cda; color:#fff; }
		.FindIdPwd .tabStyle .step01 { border-top:1px solid #b6b6b6;  border-bottom:1px solid #b6b6b6;   border-left:1px solid #b6b6b6;  display:inline-block; padding:10px 0; box-sizing:border-box; }
		.FindIdPwd .tabStyle .step02 {  border-top:1px solid #b6b6b6;  border-bottom:1px solid #b6b6b6;    border-right:1px solid #b6b6b6; display:inline-block; padding:10px 0; box-sizing:border-box; }
	.FindIdPwd .FindIdPwd01 {width:100%; float:left;}
		.FindIdPwd .FindIdPwd01 .til {font-size:1.15em; font-weight:bold; margin-bottom:10px;}
		.FindIdPwd .FindIdPwd01 .sch_pw_area {width:100%; float:left; margin:0 auto;text-align:center; border:1px solid #bac6d4; box-sizing:border-box; padding:30px 20px; margin-bottom:40px;}
		.FindIdPwd .FindIdPwd01 .sch_pw_area .sch_pw { width:250px;margin:0 auto;clear:both; text-align:left; padding:5px;}

.JoinOut_area {width:100%; float:left; margin-top:20px;}
	.JoinOut_area .JoinOut {width:100%; float:left; }
		.JoinOut_area .JoinOut .til {font-size:1.15em; font-weight:bold; margin-bottom:10px;}
		.JoinOut_area .JoinOut .notice {float:left; margin:0 auto; margin-bottom:10px; }

#Login {width:670px; float:left; margin:90px 0; margin-left:280px; position:relative;}
	#Login .til { font-size:1.85em; letter-spacing:-1px; }
	#Login .LoginArea {background:#ecf1f7 url(../../images/user/common/bg_login.png) no-repeat 60px 50%; border:1px solid #e2e7ed; border-radius:5px; margin:20px 0; padding:70px 185px 70px 195px; text-align:center; float:left; box-sizing:border-box; }
		#Login .LoginArea .Login { float:left; width:100%; box-sizing:border-box;}
			#Login .LoginArea .Login .user {width:100%; float:left; display:block; text-align:left; margin-bottom:20px;}
			#Login .LoginArea .Login .input {display:inline; float:left;margin:0 auto;}
			#Login .LoginArea .Login .input input {display:block; padding:5px; width:200px;  background:#fff; border:1px solid #ccc; margin-bottom:5px;}
												.Login .btn_login { float:left;display:inline-block; letter-spacing:-1px; padding:16px 18px; border:1px solid #6a8daf; background-color:#789dc2; color:#fff; line-height:25px; border-radius:3px; margin-left:10px; }	
												.Login .btn_login:hover { border:1px solid #688eb4; background-color:#688eb4; color:#fff; }
		#Login .LoginArea .chk_opt {float:left; margin:0 auto; margin-top:8px;text-align:left;}
	#Login .notice {float:left; margin:0 auto;  }

.Privacy {width:100%; float:left; margin:50px 0;}
	.Privacy .til { font-size:1.85em; letter-spacing:-1px; margin-bottom:40px; }
	.Privacy h5 {margin-top:20px; font-size:1.15em; margin-bottom:5px;}
	.Privacy span { line-height:24px; }