@charset "utf-8";
/* CSS Document */

main {position: relative; padding: 0; margin: 0; min-height: 100vh;}
main .log_con {padding: 0 16px; flex: 3;}

.bmOder {padding: 58px 0 0; display: block; height: 100vh; text-align: center;}
.bmOder form {
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	height:100%;
	z-index:1;
}
.bmOder .log_con {width:100%; background: #fff;}
.bmOder h2 {margin-bottom: 15%; font-size: 24px; font-weight: 500;}
.bmOder input {
	margin-bottom: 12px;
	width:100%;
}
.bmOder input[type="text"] {
	appearance: none;
	-webkit-appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
}
.bmOder input::placeholder {font-size: 14px;}
.bmOder input::-webkit-placeholder {font-size: 14px;}
.bmOder input[type="password"] {
	margin-bottom:10px;
	width: 100%;
}
.bmOder button {
	margin: 18px 0 32px;
	font-size: 16px;
	background: #FF7A42;
	width: 100%;
	height: 48px;
	line-height: 46px;
	color: #fff;
	border-radius: 3rem;
	-webkit-border-radius: 3rem;
}
.bmOder .store_login {
	background: #424450;
}
.bmOder .login_btm {flex: 2;}
.bmOder .sns_login {
	position:relative;
	background: #FAFAFA;
	padding: 16px 16px 20px;
}
.bmOder .sns_login span {
	font-size: 14px;
	font-weight: 300;
}
.bmOder .sns_login ul {
	display: flex;
	justify-content: center;
	padding: 0;
	margin: 0;
}
.bmOder .sns_login ul li { display: block; margin: 10px 13px;}
.bmOder .sns_login ul li:nth-child(1) { }
.bmOder .sns_login ul li a {display: block;}
.bmOder .sns_login ul li:nth-child(2) a {}
.bmOder .sns_login ul li a img{
	display: inline-block;
	height:46px;
	vertical-align: sub;
}

.bmOder .attention {position: relative; display: block; margin: 38px 0 44px;}
.bmOder .attention span {display: block; font-size: 12px; font-weight: 400; line-height: 1.5; color: #999;}

.bmOder .join_search {position: relative; display: flex; justify-content: center;}
.bmOder .join_search a {font-size: 14px; color: #9E9E9E;}
.bmOder .join_search a:nth-child(1) {}
.bmOder .join_search a:nth-child(1)::after {
	content: '';
	display: inline-block;
	padding-left: 20px;
	height: 14px;
	border-right: 1px solid #9e9e9e;
	vertical-align: middle;
}
.bmOder .join_search a:nth-child(2) {margin-left: 20px;}