/* ·Î±×ÀÎ */
.container {
	padding-bottom: 0;
}

.login {
	position: relative;
	padding: 7% 50px 0;
}
.login .logo {
/* 	background: url(../../images/login-logo.png)no-repeat 50% 0 / auto 262px; */
    padding-top: 38%;
    font-size: 38px;
}
.login .logo p {
    font-weight: bold;
    margin-bottom: 8%;
    font-size: 60px;
}

.login .logo strong {
	position: relative;
}
.login .logo strong:after {
	content: '';
	display: block;
	background: #ffc28c;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 25px;
	z-index: -1;
}
.form {
	padding-top: 10%;
}
.input-line {
	border: 2px solid #c9c9c9;
	padding: 25px 25px;
	margin: 20px 0;
}
.input-line input {
	font-size: 30px;
	width: 100%;
}
.login .ch-box {
	margin: 30px 0 60px;
}
.login .ch-box > div {
	display: inline-block;
	width: 45%;
}
.login .ch-box input[type=checkbox] + label:before {
	border-radius: 50%;
}
.login .ch-box input[type=checkbox]:checked + label:before {
	border-radius: 50%;
}
.login .login-btn {
	font-size: 36px;
	font-weight: 500;
    height: 118px;
    line-height: 118px;
}
.login .member-btn {
	font-size: 0;
	margin-top: 30px;
}
.login .member-btn a {
	position: relative;
	display: inline-block;
	font-size: 32px;
	color: #999;
	padding: 0 7%;
}
.login .member-btn a:first-child:after {
	content: '';
	position: absolute;
	top: 13px;
	right: 0;
	display: block;
	width: 3px;
	height: 28px;
	background: #999;
}
.login-sns {
	font-size: 0;
	margin-top: 125px;
	padding-bottom: 30px;
}
.login-sns li {
	display: inline-block;
	width: 25%;
	font-size: 30px;
	text-align: center;
}
.login-sns li a {
	display: block;
	color: #999;
}
.login-sns li a .thumb {
	border-radius: 50%;
    background: #999;
    width: 105px;
    padding: 22px 0 23px;
    margin: 0 auto 10px;
    transition: all .2s;
    box-shadow: 0px 5px 10px rgb(0 0 0 / 25%);
}
.login-sns li:nth-child(1):hover a .thumb {
	background: #03cf5d;
}
.login-sns li:nth-child(2) a .thumb img.hover {
	display: none;
}
.login-sns li:nth-child(2):hover a .thumb {
	background: #e4d533;
}
.login-sns li:nth-child(2):hover a .thumb img {
	display: none;
}
.login-sns li:nth-child(2):hover a .thumb img.hover {
	display: inline;
}
.login-sns li:nth-child(3):hover a .thumb {
	background: #3c5a98;
}
.login-sns li:nth-child(4):hover a .thumb {
	background: #e74133;
}




/* È¸¿ø°¡ÀÔ */
.join .grid2 {
	font-size: 0;
}
.join .grid2 .input-line {
	display: inline-block;
	vertical-align: top;
	width: 70%;
	margin: 0;
}
.join .grid2 button {
	display: inline-block;
    vertical-align: top;
    width: 28%;
    margin-left: 2%;
    font-size: 30px;
    padding: 22px 0 25px;
}
.join .mb40 {
	margin-bottom: 40px;
}
.join .join-btn {
	font-size: 36px;
	font-weight: 500;
    height: 120px;
    line-height: 120px;
    margin-top: 70px;
}
.join .ch-box {
	margin-top: 30px;
}
.join .ch-box button {
	float: right;
    font-size: 32px;
    color: #666;
    border-bottom: 3px solid #666;
    cursor: pointer;
}