#join {
	color: #9e9e9e;
	line-height: 1.5em;
	font-size: 13px;
	margin-bottom: 120px;
	font-weight: lighter;
	text-align:left;
}
#join .wrapper{
	max-width: 720px;
	margin: 0 auto;
}
#join h1{
	margin-top: 120px;
}
#join p{
	text-align: center;
	margin-bottom: 60px;
	line-height: 2em;
}
#join .rule{
	overflow: hidden;
	margin-top: 30px;
}
#join .rule>div{
	width: calc(50% - 1.5px);
	float: left;
	border-collapse:collapse;
	text-align: center;
	border: 1px solid #9e9e9e;
	cursor: pointer;
}
#join .rule>div+div{
	border-left: none;
}
#join .rule>div a{
	display:block;
	font-size: 24px;
	line-height: 3em;
	font-weight: bold;
	text-decoration:none;
}
#join .wrapper>ul{
	margin-top: 30px;
	font-size: 15px;
	padding-bottom: 30px;
	border-bottom: 1px solid #e5e5e5;
}
#join li{
	padding: 8px 0;
}
#join li .label{
	display: inline-block;
	font-size: 17px;
	width: 20%;
	min-width:120px;
}
#join li .label::before{
	content: '*';
	display: inline-block;
	visibility: hidden;
	color: #bd382a;
	width: 10px;
	margin-right: 3px;
	padding: 0;
}
#join .essential .label::before{
	visibility: visible;
}
#join li div{
	display:inline-block;
	width:70%;
}
#join li div input{
	display:inline-block;
	line-height: 2em;
	color: inherit;
	font-size: 15px;
	width:40%;
	height: 30px;
	line-height:30px;
	border: 1px solid #e5e5e5;
	box-sizing:border-box;
	vertical-align:top;
}
#join li .button{
	display:inline-block;
	border: 1px solid #e2e2e2;
	box-sizing:border-box;
	height:30px;
	line-height:30px;
	padding: 0 10px;
	cursor: pointer;
	text-decoration:none;
}
#join .join_button{
	margin-top: 30px;
}
#join .join_button:hover{
	cursor: pointer;
}
#join .join_button a{
	display:block;
	padding: 30px;
	background: #3a3a3a;
	color: #fff;
	font-size: 20px;
	font-weight: lighter;
	text-align: center;
	text-decoration:none;
}
#join .agreement{
	text-align: center;
	font-size: 17px;
	margin-top: 30px;
}
#join .agreement label{
	cursor:pointer;
}
#join .agreement>div{
	display: inline;
}
#join .agreement>div+div{
	margin-left: 30px;
}
#join .agreement input{
	display: none;
}
#join .agreement input+div{
	border: 1px solid #9e9e9e;
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	position: relative;
}
#join .agreement input+div:hover{
	cursor: pointer;
}
#join .agreement input:checked+div>div{
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpolyline%20stroke%3D'%239e9e9e'%20stroke-width%3D'3'%20stroke-miterlimit%3D'10'%20fill%3D'none'%20points%3D'1,9.8 10.1,18.6 28.8,1.1'%2F%3E%3C%2Fsvg%3E");
	background-position: center;
	background-size: contain;
	position: absolute;
	top: -5px;
	left: -5px;
	width: 30px;
	height: 30px;
	overflow: hidden;
}

/*    소셜미디어 로그인    */
.social_login{
	overflow: hidden;
	margin-top: 30px;
}
.social_login>div{
	overflow: hidden;
	float: left;
	/*width: calc(100%/3);*/
	height: 3em;
	margin-right:10px;
	color: #9e9e9e;
	line-height: 1.5em;
	cursor: pointer;
	opacity: 0.8;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.social_login>div:hover{
	opacity: 1;
}
.social_login>div>div{
	float: left;
	font-size: 21px;
	height: 100%;
	margin-right: 10px;
	font-weight: 900;
}

/* 개인정보 수집 안내*/
.privacy h1{
	font-size: 17px;
	font-weight: bold;
}
.privacy table{#ordersearch input, #login input
/*	border: 1px solid #f0f0f0;*/
	border-collapse: collapse;
	width: 100%;
	margin-top: 15px;
}
.privacy th, .privacy td{
	border: 1px solid #f0f0f0;
	padding: 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.privacy th{
	text-align: center;
	font-weight: bold;
}
.privacy tr>th{
	width: 300px;
}
.privacy tr>th:first-child, .privacy tr>td:first-child{
	width: 6em;
	text-align: center;
}

/* 회원가입 약관+개인정보취급방침 */
.policyView{position:fixed;top:0px;left:0px;width:100%;height:100%;background:rgba(0, 0, 0, 0.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3000000,endColorstr=#B3000000);z-index:1000;}
.policyView .viewBox1{position:absolute;top:20%;left:20%;right:20%;background:#ffffff;border:1px solid #eeeeee;}
.policyView .viewBox1 h4{margin:25px 40px;margin-bottom:10px;font-size:30px;line-height:120%;letter-spacing:-1px;color:#444444;}
.policyView .viewBox1 .viewCloseBtn{position:absolute;top:25px;right:40px;}
.policyView .viewBox1 .viewBox2{margin:40px;margin-top:10px;padding:20px;height:400px;border:1px solid #eeeeee;line-height:180%;overflow:auto;}
.policyView .viewBox1 .viewBox2 p{line-height:160%;text-align:justify;}