/* BASIC css start */

#wrap { background: #fff !important; }

#login_header {
	padding: 10px 15px 40px;
	text-align: center;
	background: #fff;
	border-bottom: #eee 1px solid;
}

.btn_back {
	display: block;
	text-align: left;
}

.btn_back a {
	display: inline-block;
	font-size: 10px;
	background: #fff;
	padding: 2px 13px 3px 7px;
	border: #ccc 1px solid;
	border-radius: 40px;
	color: #666;
}

.btn_back a:before {
	display: inline-block;
	content: "\e93b";
	font-family: 'xeicon';
	margin-right: 5px;
}

.new-login-wrap {
	padding: 30px 20px 0;
}

.new-login-wrap .title {
	margin: 5px 0 15px;
	color: #222;
	font-size: 20px;
	font-weight: 500;
}

.new-login-wrap .title + p {
	margin-bottom: 15px;
	color: #222;
	font-size: 13px;
	font-weight: 300;
}

.btn_sns.kakao {
	display: block;
	margin-top: 10px;
	padding-left: 20px;
	height: 60px;
	line-height: 60px;
	background-color: #fee500;
	font-size: 15px;
	color: #111;
	text-align: center;
	border-radius: 5px;
}

.btn_sns.kakao > span {
	display: inline-block;
	padding: 0 30px;
	background: url(https://www.superstari.co.kr/design/superstari/kakao.png) no-repeat 0px;
}

.banner {
	margin: 10px -8px 25px;
}

.banner img {
	display: block;
	width: 100%;
}

.member-login {
	position: relative;
	padding: 40px 0 0;
	border-top: #e1e1e1 1px solid;
}

#contents > div > div:nth-child(2) {
	position: relative;
	padding: 0 0 10px !important;
	margin: 0 20px !important;
}

.tabMenu {
	padding-bottom: 24px;
	font-size: 0;
	letter-spacing: 0;
}

.tabMenu li {
	display: inline-block;
	width: 50%;
}

.tabMenu li a {
	display: block;
	width: 100%;
	height: 45px;
	line-height: 45px;
	background: #fafafa;
	border: 1px solid #efefef;
	border-radius: 5px 0 0 5px;
	font-size: 13px;
	font-weight: 300;
	text-align: center;
	color: #888;
	box-sizing: border-box;
}

.tabMenu li + li a {
	border-radius: 0 5px 5px 0;
}

.tabMenu li.active a {
	position: relative;
	background: #fff;
	border: 1px solid #aaa;
	color: #222;
	font-weight: 500;
}

.login1 .btn-keyboard {
	display: none !important;
}

.login1 .login-box, .login1 .login-btn {
	padding: 0 !important;
}

.login1 .login-box input[type="text"],
.login1 .login-box input[type="password"],
.login1 .login-box select {
	border: #e1e1e1 1px solid;
    padding: 0 15px;
    width: 100%;
    height: 45px;
    line-height: 45px;
    font-size: 13px;
    color: #666;
}
.login1 .login-box input[type="text"]::placeholder,
.login1 .login-box input[type="password"]::placeholder{
    color: #ccc;
}

.login1 .login-box ul li:first-child{
	margin-bottom: -1px !important;
}

.login1 .login-box ul li:first-child input[type="text"] {
	border-radius: 5px 5px 0 0 !important;
}

.login1 .login-box ul li:nth-child(2) input[type="password"] {
	border-radius: 0 0 5px 5px !important;
}

.login1 .login-box span {
	font-size: 12px !important;
}

.login1 .login-box span:nth-child(4) { display: none; }

.login1 .login-box span input {
	position: relative;
	top: -1px;
	margin: 0 5px 0 0;
	width: 12px !important;
	height: 12px !important;
	appearance: auto !important;
	-webkit-appearance: auto !important;
}

.login1 .login-btn {
	margin-top: 20px;
}

.sns-login, .btn-center {
	display: none;
}
div.C-2589-1-3 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
div.C-2589-1-4 .login1 .login-btn {text-align: center; padding: 10px;}
div.C-2589-1-4 .btn-center {text-align: center; padding: 10px;}
div.C-2589-1-4 .btn-center ul {overflow: hidden;}
div.C-2589-1-4 .btn-center ul li {float: left; width: 50%; box-sizing: border-box;}
div.C-2589-1-4 .btn-center ul li a {border: 1px solid #505050; background-color: #FFFFFF; box-sizing: border-box; height: 35px; line-height: 35px; display: block; color: #525252; font-size: 0.875em;}
div.C-2589-1-4 .btn-center ul li .join-btn {border-radius: 3px 0 0 3px; border-right: 0;}
div.C-2589-1-4 .btn-center ul li .id-btn {border-radius: 0 3px 3px 0;}
div.C-2589-1-4 .login1 .login-btn a {color: #fff; background-color: #505050; border: 1px solid #505050; height: 40px; line-height: 40px; font-size: 1em; box-sizing: border-box; display: block; border-radius: 3px;}

div.C-2589-1-4 .login1 {overflow:hidden; padding-bottom:5px;}
div.C-2589-1-4 .login1 .login-box {position:relative; padding:10px; overflow:hidden;}
div.C-2589-1-4 .login1 .login-box ul li:first-child {margin-bottom:8px;}
div.C-2589-1-4 .login1 .login-box ul li.mt-8 {margin-top:8px;}
div.C-2589-1-4 .login1 .login-box .btnTyF {position:absolute; right:15px; top:14px; width:68px; height:72px; line-height:73px; padding:0;}
div.C-2589-1-4 .login1 .login-box span {float:left; color:#424242; font-size:0.875em; margin-top:13px;}
div.C-2589-1-4 .login1 .login-box span input {vertical-align:middle; margin-right:4px; margin-top:-3px;}
div.C-2589-1-4 .login1 .login-box span label:first-child {margin-right:10px;}
div.C-2589-1-4 .login1 .btn-center {text-align: center;}
div.C-2589-1-4 .login1 .btn-center ul {overflow: hidden;}
div.C-2589-1-4 .login1 .btn-center ul li {float: left; width: 50%;}

div.C-2589-1-4 .sns-login { position: relative; margin: 20px 10px 0; }
div.C-2589-1-4 .sns-login .sns-title img { width:300px; }
div.C-2589-1-4 .sns-login ul li { position: relative; margin-top: 10px; padding-left: 50px; height: 40px; line-height: 40px; border: 1px solid #dfdfdf; border-radius: 4px; list-style: none; }
div.C-2589-1-4 .sns-login ul li a { display: block; padding-left: 20px; border-left: 1px solid #dfdfdf; color: #999; font-size: 1.25em; font-weight: bold; letter-spacing: -1px; }
div.C-2589-1-4 .sns-login ul li span { position: absolute; top: 0; left: 0; width: 50px; height: 40px; }
div.C-2589-1-4 .sns-login ul li.facebook span { background: url(/images/d3/m_01/icon/ico_sns_facebook.gif) no-repeat 50% 50%; background-size: 12px auto; }
div.C-2589-1-4 .sns-login ul li.naver span { background: url(/images/d3/m_01/icon/ico_sns_naver.gif) no-repeat 50% 50%; background-size: 18px auto; }
div.C-2589-1-4 .sns-login ul li.kakaotalk span { background: url(/images/d3/m_01/icon/ico_sns_kakaotalk.gif) no-repeat 50% 50%; background-size: 20px auto; }
div.C-2589-1-4 .sns-login ul li.apple span { background: url(/images/d3/m_01/icon/ico_sns_apple.gif) no-repeat 50% 50%; background-size: 20px auto; }

/* 한글자판 */
div.C-2589-1-4 .login1 .keyboard {text-align:center; overflow:hidden; padding: 0 10px 5px;}
div.C-2589-1-4 .login1 .keyboard img {max-width:100%;}
div.C-2589-1-4 .login1 .btn-keyboard {text-align:right; display:block; padding: 5px 15px 5px;}
div.C-2589-1-4 .login1 .btn-keyboard a {color:#000; font-size:0.875em;}
div.C-2589-1-4 .login1 .btn-keyboard .open {display:inline-block; width:0; height:0; line-height:0; font-size:0; margin-left:3px; border-top: 8px solid #333; border-left:4px solid transparent;  border-right:4px solid transparent;}
div.C-2589-1-4 .login1 .btn-keyboard .close {display:inline-block; width:0; height:0; line-height:0; font-size:0; margin-left:3px; border-bottom: 8px solid #333; border-left:4px solid transparent;  border-right:4px solid transparent;}

/* 로그인 폼에 백그라운드 컬러 강제 적용 */
.login1 input[type="text"], .login1 input[type="password"] {background: #fff !important;}

div.C-2589-1-4 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
	.find-member { margin-bottom: 40px; }
	.find-member ul, .find-member li { list-style: none; padding: 0; margin: 0; }
	.find-member ul { display: block; text-align: center; }
	.find-member li { display: inline-block; font-size: 12px; font-weight: 300; color: #333; }
	.find-member li + li { margin-left: 12px; padding-left: 12px; border-left: #e1e1e1 1px solid; }
div.C-2589-1-6 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
.new-sns-login-wrap, .new-sns-copy {
	position: relative;
	padding: 50px 0;
	margin: 0 20px;
	border-top: #e1e1e1 1px solid;
}
.new-sns-login-wrap:before {
	position: absolute;
	top: -8px;
	left: 50%;
	content: "또는";
	margin: 0 auto;
	padding: 0 10px;
	background: #fff;
	font-size: 12px;
	font-weight: 300;
	color: #b2b2b2;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.new-sns-login-wrap .new-sns-btn {
	overflow: hidden;
	display: block;
}
.new-sns-login-wrap .new-sns-btn li {
	display: block;
	width: 50%;
	float: left;
}

.new-sns-login-wrap .new-sns-btn li a {
	display: block;
	margin: 3px;
	padding: 5px;
	border: #e1e1e1 1px solid;
	border-radius: 5px;
	box-sizing: border-box;
	line-height: 43px;
	font-size: 12px;
	letter-spacing: 0px;
	color: #777;
	text-align: center;
	background: no-repeat 8px;
}
.new-sns-login-wrap .new-sns-btn li:nth-child(1) a {
	background-image: url(https://www.superstari.co.kr/design/superstari/facebook.png);
}
.new-sns-login-wrap .new-sns-btn li:nth-child(2) a {
	background-image: url(https://www.superstari.co.kr/design/superstari/naver.png);
}
.new-sns-login-wrap .new-sns-btn li:nth-child(3) a {
	background-image: url(https://www.superstari.co.kr/images/d3/m_01/icon/ico_sns_apple.gif);
	background-size: 30px;
	background-position: 3px;
}
.new-sns-login-wrap .new-sns-btn li a span {
	display: block;
	margin-left: 31px;
}
.new-sns-copy {
	padding: 30px 0 50px;
	border-top: #ccc 2px solid;
}
.new-sns-copy dd {
	margin-bottom: 10px;
}
.new-sns-copy dt,
.new-sns-copy dd,
.new-sns-copy p {
	font-size: 13px;
}
.new-sns-copy dt {
	font-weight: 500;
}
.new-sns-copy dd {
	font-weight: 300 !important;
}
.new-sns-copy p {
	font-weight: 300;
	color: #666;
	font-size: 12px;
}
div.C-2589-1-7 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
/* BASIC css end */