input {
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
	}/*safari 기본 스타일 제거*/

#top_wrap {display: none;}
#subVisualWrap {display: none;}
#bottom {margin-top: 0; display: none;}

/*입력 창 글자 설정 S*/
	input::-webkit-input-placeholder {color: #fff; font-size: 16px; line-height: 150%; text-align: center;}
	input::-moz-input-placeholder {color: #fff; font-size: 16px; line-height: 150%; text-align: center;}
	input:-moz-input-placeholder {color: #fff; font-size: 16px; line-height: 150%; text-align: center;}
	input:-ms-input-placeholder {color: #fff; font-size: 16px; line-height: 150%; text-align: center;}
/*입력 창 글자 설정 E*/

/*입력 창 클릭 시 글자 사라지기 효과 S*/
	input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {color:transparent;}
	input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {color:transparent;}
	input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {color:transparent;}
	input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {color:transparent;}
/*입력 창 클릭 시 글자 사라지기 효과 E*/

	.memberWrap {text-align: center; background: #fff; padding: 0 5vw; height: 100vh; overflow: hidden;}
	.memberWrap input:focus {outline: none;}

	.memberWrap .tit {font-size: 20px; line-height: 150%; padding: 20px 0; ma rgin-bottom: 40px; position: relative; color: #fff; letter-spacing: 5px; font-weight: 500;}
	.memberWrap .tit i {width: 30px; height: 1px; background: #2a2a2a; position: absolute; bottom: 0; left: 50%; margin-left: -15px;}

	.memberWrap .radio_btn {color: #2a2a2a; font-size: 18px; line-height: 20px;}
	.memberWrap .radio_btn label {cursor: pointer; display: inline-block; padding: 10px;}
	.memberWrap .radio_btn input {visibility: hidden; position: absolute;}
	.memberWrap .radio_btn i {display: inline-block; vertical-align: middle; margin-top: -3px; margin-right: 5px; width: 18px; height: 18px; border-radius: 16px; border: 1px solid #959595; position: relative;}
	.memberWrap .radio_btn i u {width: 10px; height: 10px; border-radius: 12px; background: #999; position: absolute; top: 50%; left: 50%; margin-top: -5px; margin-left: -5px;}
	.memberWrap .radio_btn input:checked + i u {float: left;}

	.memberWrap .inputWrap {margin: 0 auto; overflow: hidden;}
	.memberWrap .inputWrap .input {overflow: hidden; margin-top: 15px; width: 100%;}
	.memberWrap .inputWrap .input input {background: #fff; border: 1px solid #e5e5e5; padding: 15px; width: 100%; max-width: 640px;}
	.memberWrap .inputWrap .input input:hover {background: #fff; border-color: #999;}
	.memberWrap .inputWrap .input input:focus {background: #fff; border-color: #999;}
	.memberWrap .mem_btn {margin-top: 30px; width: 100%;}
	.memberWrap .mem_btn input {border: none; width: 100%; background: #222; color: #fff; padding: 15px 0; font-size: 18px; line-height: 22px; max-width: 670px;}

	.memberWrap .mem_search {font-size: 16px; line-height: 20px;}
	.memberWrap .mem_search .mem {display: inline-block; margin: 25px 20px;}
	.memberWrap .mem_search .mem a {padding: 10px; float: left; color: #484848; font-weight: 500;}
	.memberWrap .mem_search i {width: 1px; height: 18px; background: #bfbfbf; display: inline-block; position: relative; top: -36px;}

	.memberWrap .box {width: 100%; text-align: left; padding: 10px 0;}
	.memberWrap .box ul {overflow: hidden; border: 1px solid #eee; padding: 5px 20px; margin: 10px 0; background: #fff;}
	.memberWrap .box li {font-size: 14px; text-indent: -8px; margin: 15px 0; margin-left: 8px; word-break: keep-all;}
	.memberWrap .join_btn .btn {width: 100%; text-align: center; font-size: 18px; line-height: 22px; margin-top: 10px; margin-bottom: 20px;}
	.memberWrap .join_btn .btn a {color: #fff; padding: 15px 0; background: #222; display: inline-block; width: 100%;}

	/*.memberWrap {display: table; width: 100%;}
	.memberWrap .inner_mid {display: table-cell; vertical-align: middle;}
	.memberWrap .mem_search .mem {margin: 25px 6px;}
	.memberWrap .logo {width: 200px; margin: 75px auto;}
	.memberWrap .tit .logo {width: 160px; margin: 15px auto;}
	.memberWrap .inputWrap .input {margin-top: 10px;}
	.memberWrap .inputWrap .input input {background: #cbcbcb; border-color: #cbcbcb; border-radius: 55px; height: 55px; line-height: 55px; padding: 0 20px; font-size: 17px; color: #fff;}
	.memberWrap .inputWrap .input input:hover {border-color: #555; background: #555; color: #fff;}
	.memberWrap .inputWrap .input input:focus {border-color: #555; background: #555; color: #fff;}
	.memberWrap .mem_btn {margin-top: 45px;}
	.memberWrap .mem_btn input {background: #222; border-radius: 55px; height: 55px; line-height: 55px; padding: 0; font-size: 17px; color: #f6ae00;}
	.memberWrap > div > p {color: #484848; font-size: 13px; margin-top: 45px;}*/

	.memberWrap {background: url('/m/images/login_bg.jpg') no-repeat center; background-size: cover; width: 100%; height: 100vh; padding: calc(60px + 1vh) calc(20px + 1vw); position: relative;}
	.memberWrap .inner_mid {display: inline-block; padding: 0 calc(20px + 1vw); background: url('/m/images/login_box.jpg') no-repeat center; background-size: 100% 100%; width: 100%; max-width: 560px; max-height: 820px;}
	.memberWrap .mem_search {margin: 10px 0;}
	.memberWrap .mem_search .mem {margin: 25px 6px;}
	.memberWrap .mem_search .mem a {color: #fff; font-size: 13px; font-weight: 400;}
	.memberWrap .mem_search i {height: 11px; top: -39px;}
	.memberWrap .logo {width: 200px; margin: 40px auto;}
	.memberWrap .tit .logo {width: 160px; margin: 15px auto;}
	.memberWrap .inputWrap .input {margin-top: 15px;}
	.memberWrap .inputWrap .input input {background: #353535; border-color: #cb9900; border-radius: 8px; height: 50px; line-height: 50px; padding: 0 20px; font-size: 15px; color: #fff;}
	.memberWrap .inputWrap .input input:hover {background: #fff; color: #222;}
	.memberWrap .inputWrap .input input:focus {background: #fff; color: #222;}
	.memberWrap .mem_btn {margin-top: 40px;}
	.memberWrap .mem_btn input {background: url('/m/images/login_btn.jpg') no-repeat center; background-size: cover; border-radius: 8px; height: 50px; line-height: 50px; padding: 0; font-size: 15px; color: #f6ae00; border: 1px solid #cb9900;}
	.memberWrap .login_txt {color: transparent; font-size: 14px; font-weight: 600; background: url('/m/images/login_txt(1).jpg') no-repeat center; background-size: auto 100%; background-clip: text; -webkit-background-clip: text; width: 100%; margin-top: 15vw;}


	#login {background: url('/m/images/login_bg.jpg') no-repeat center; background-size: cover; width: 100%; height: 100vh; padding: calc(60px + 1vh) calc(20px + 1vw); position: relative;}
	#login .inner_mid {display: inline-block; padding: 0 calc(20px + 1vw); background: url('/m/images/login_box.jpg') no-repeat center; background-size: 100% 100%; width: 100%; max-width: 560px; max-height: 820px;}
	#login .mem_search {margin: 10px 0;}
	#login .mem_search .mem {margin: 25px 6px;}
	#login .mem_search .mem a {color: #fff; font-size: 13px; font-weight: 400;}
	#login .mem_search i {height: 11px; top: -39px;}
	#login .logo {width: 200px; margin: 40px auto;}
	#login .tit .logo {width: 160px; margin: 15px auto;}
	#login .inputWrap .input {margin-top: 15px;}
	#login .inputWrap .input input {background: #353535; border-color: #cb9900; border-radius: 8px; height: 50px; line-height: 50px; padding: 0 20px; font-size: 15px; color: #fff;}
	#login .inputWrap .input input:hover {background: #fff; color: #222;}
	#login .inputWrap .input input:focus {background: #fff; color: #222;}
	#login .mem_btn {margin-top: 40px;}
	#login .mem_btn input {background: url('/m/images/login_btn.jpg') no-repeat center; background-size: cover; border-radius: 8px; height: 50px; line-height: 50px; padding: 0; font-size: 15px; color: #f6ae00; border: 1px solid #cb9900;}
	#login .login_txt {color: transparent; font-size: 14px; font-weight: 600; background: url('/m/images/login_txt(1).jpg') no-repeat center; background-size: auto 100%; background-clip: text; -webkit-background-clip: text; width: 100%; margin-top: 15vw;}