/* BASIC css start */
.btn.Join {background:#444!important; border:solid 1px #444!important; font-size:14px!important;}
.btn.Join:hover {color:#fff!important;}

.ec-base-tab > ul {margin: 5px auto 20px; text-align:center;}
.ec-base-tab > ul > li {display:inline-block; margin:0 8px;}
.ec-base-tab > ul > li a h3 {font-weight: 500; color: #ccc;}
.ec-base-tab > ul > li.selected a h3 { font-weight: 1000; color: #222; }

.noboxwrap { text-align: center; padding-bottom: 15px; margin: 10px auto 25px;}
.noboxwrap > a { font-size: 13.5px; color: #777;} 
body .btnJoin { background: #444;
    color: #fff;
    width: 100%;
    font-size: 13px;
    height: 46px;
    line-height: 45px;
    border: 0;}

.noboxwrap span.coco { margin: 0 10px; vertical-align: top; font-size: 1px; color: #555;}
.loginArea .loginWrap {
	margin:0 auto;
	max-width:500px
}
.joincoupon {
    position: relative;
}
.msgbox2 {
    position:absolute;
    z-index:90;
    top:14px;
    left:50%;
    -o-transform:translate(-50%,0);
    -ms-transform:translate(-50%,0);
    -moz-transform:translate(-50%,0);
    -webkit-transform:translate(-50%,0);
    transform:translate(-50%,0);
}
.msgbox2>i {
    display:block;
    color:#fc8b10;
    font-size:18px
}
.msgbox2>span {width: 180%;
    margin-left: -58%!important;
    margin:-8px 0 0 0;
    display:block;
    padding:5px;
    background:#fc8b10;
    border-radius:5px;
    font-size:11px;
    line-height:1;
    color:#fff;
    letter-spacing:0
}
.msgbox2 {
    -o-animation:animate-msgbox 0.9s linear infinite;
    -ms-animation:animate-msgbox 0.9s linear infinite;
    -moz-animation:animate-msgbox 0.9s linear infinite;
    -webkit-animation:animate-msgbox 0.9s linear infinite;
    animation:animate-msgbox 0.9s linear infinite;
}


.login .outlogin li {
    margin-bottom: 10px;
    padding-right: 7px;
}
.login .kakaowidth { line-height:45px!important;
    border: solid 1px #ccc;
    background: url(/design/sleepgongg/img/admin/mobile_kakao.jpg) left top no-repeat;
    background-size: auto 46px;
    height: 46px;
    padding-left: 43px;
    border-color: #ccc;
}

.login .naverwidth {
    border: solid 1px #ccc;
    background: url(/design/sleepgongg/img/admin/mobile_naver.jpg) left top no-repeat;
    background-size: auto 46px;
    height: 46px;
    padding-left: 43px;
    border-color: #ccc;
}
.login .facewidth {
    border: solid 1px #ccc;
    background: url(/design/sleepgongg/img/admin/mobile_face.jpg) left top no-repeat;
    background-size: auto 46px;
    height: 46px;
    padding-left: 43px;
    border-color: #ccc;
}

.xans-member-login .btn.Login {height:48px; line-height:48px; font-size:14px!important;}
.xans-member-login h3>div {color:#333!important; font-size:15px!important;}
.xans-member-login h3 {
	margin:0 0 19px 0;
	text-align:center;
	font-size:24px;
	font-weight:500;
	letter-spacing:1px
}
.xans-member-login .login {
	width:428px;
	margin:10px auto 7px;
	padding:27px 0 30px 0;
	color:#111;
	border-radius:16px
}
.xans-member-login .login fieldset {
	position:relative;
	width:330px;
	margin:0 auto
}
.xans-member-login .login fieldset .id,.xans-member-login .login fieldset .password {
	overflow:hidden;
	display:block;
	width:328px;
	margin:0 0 20px;
	border-bottom:1px solid #e7e7e7;
	border-radius:0;
	color:#8F8F91
}
/*.xans-member-login .login fieldset .id:hover,.xans-member-login .login fieldset .password:hover {
	border:1px solid #777
}*/
.xans-member-login .login fieldset .id span,.xans-member-login .login fieldset .password span {
	float:left;
	width:60px;
	height:34px;
	line-height:34px;
	font-size:14px;
	letter-spacing:1px;
	padding:0 0 0 10px;
	font-weight:400;
	color:#aaa;
}
.xans-member-login .login fieldset input {
	width:219px;
	height:30px;
	padding:2px 0 2px 6px;
	border:0 none;
	color:#8F8F91;
	font-size:12px;
	font-weight:500;
	color:#333;
	letter-spacing:1px
}
.xans-member-login .login fieldset .security {
	padding:0 0 0 0;
	margin:20px 0;
	color:#555;
	font-size:11px
}
.xans-member-login .login fieldset .security label {
	margin:0
}
.xans-member-login .login fieldset .securityLogin img {
	display:none
}
.xans-member-login .login fieldset .securityLogin img.ico {
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin:0 1px 0
}
.xans-member-login .login fieldset .saveId {
	position:absolute;
	right:0
}
.xans-member-login .login fieldset .saveId input {
	width:12px;
	height:12px;
	margin:0 3px 0 0;
	vertical-align:-3px;
	*vertical-align:2px
}
.xans-member-login .login fieldset>a {
}
.xans-member-login .login fieldset ul { margin-top:10px;
text-align:center;
	overflow:hidden;

}
.xans-member-login .login fieldset li { line-height:43px;
	padding:0 5px 0 0;
}
.xans-member-login .login fieldset li:first-child {
	margin-left:0
}
.xans-member-login .login fieldset li a {
	font-weight:normal;
	font-size:14px;
	color:#2e2e2e;display: block;
    width: 100%;
    height: 100%;
    line-height: 45px;
}
.xans-member-login .login fieldset li a:hover {
	color:#999;
	text-decoration:none
}
.xans-member-login .login fieldset .link {
	display:block;
	margin:15px 0 0 0;
	padding:0;
	text-align:center;
	color:#333;
	font-size:11px
}
.xans-member-login .login fieldset .link a {
}
.xans-member-login .login .sns {
	width:334px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin:3px 0 0 0px;
	font-size:0
}
.xans-member-login .login .sns span {
	transition:all 0.15s ease-in-out;
	-moz-transition:all 0.15s ease-in-out;
	-webkit-transition:all 0.15s ease-in-out;
	-o-transition:all 0.15s ease-in-out
}
.xans-member-login .login .sns .btnNaver {
	display:inline-block;
	*display:inline;
	*zoom:1;
	float:left;
	width:100%;
	height:42px;
	background:#25c625;
	margin:4px 0 0 0px
}
.xans-member-login .login .sns .btnNaver span.icon {     font-family: none;
    background: url(/design/sleepgongg/img/admin/naver_bg.png)no-repeat center;
    background-size: 16px;
    color: rgba(0,0,0,0);
	width:20%;
	float:left;
	height:42px;
	line-height:41px;
	text-align:center;
	font-size:20px;
	font-weight:700;
	letter-spacing:-2px
}
.xans-member-login .login .sns .btnNaver span.name {
	width:80%;
    text-indent:-60px;
	float:right;
	height:42px;
	line-height:41px;
	text-align:center;
	box-sizing:border-box;
	border-left:1px solid #68d968;
	font-size:14px;
	color:#fff
}
.xans-member-login .login .sns .btnNaver:hover {
	background:#888
}
.xans-member-login .login .sns .btnNaver:hover span.name {
	border-left:1px solid #ccc
}
.xans-member-login .login .sns .btnLine {
	display:inline-block;
	*display:inline;
	*zoom:1;
	float:left;
	width:163px;
	height:32px;
	background:#25c625;
	margin:4px 0 0 4px
}
.xans-member-login .login .sns .btnLine span.icon {
	width:22%;
	float:left;
	height:32px;
	text-align:center;
	vertical-align:middle;
	font-size:15px;
	color:#fff;
	letter-spacing:-3px
}
.xans-member-login .login .sns .btnLine span.icon i {
	color:#fff;
	line-height:30px
}
.xans-member-login .login .sns .btnLine span.name {
	width:78%;
	float:right;
	height:32px;
	line-height:31px;
	text-align:center;
	box-sizing:border-box;
	border-left:1px solid #68d968;
	font-size:11px;
	color:#fff
}
.xans-member-login .login .sns .btnLine:hover {
	background:#888
}
.xans-member-login .login .sns .btnLine:hover span.name {
	border-left:1px solid #ccc;
	color:#fff
}
.xans-member-login .login .sns .btnLine:hover span.icon i {
	color:#fff
}
.xans-member-login .login .sns .btnKakao {
	display:inline-block;
	*display:inline;
	*zoom:1;
	float:left;
	width:100%;
	height:46px;
	background:#fae601;
	margin:0;
}
.xans-member-login .login .sns .btnKakao span.icon {
	width:20%;
	float:left;
	height:46px;
	text-align:center;
	vertical-align:middle;
	font-size:15px;
	color:#fff;
	letter-spacing:-3px
}
.xans-member-login .login .sns .btnKakao span.icon i {
	color:#333;
	line-height:46px
}
.xans-member-login .login .sns .btnKakao span.name {
	width:80%;
        text-indent: -60px;
	float:right;
	height:46px;
	line-height:46px;
	text-align:center;
	box-sizing:border-box;
	border-left:1px solid #ebd603;
	font-size:14px;
	color:#333
}
.xans-member-login .login .sns .btnKakao:hover {
	background:#888
}
.xans-member-login .login .sns .btnKakao:hover span.name {
	border-left:1px solid #ccc;
	color:#fff
}
.xans-member-login .login .sns .btnKakao:hover span.icon i {
	color:#fff
}
.xans-member-login .login .sns .btnYahoo {
	display:inline-block;
	*display:inline;
	*zoom:1;
	float:left;
	width:163px;
	height:32px;
	background:#ff0032;
	margin:4px 0 0 4px
}
.xans-member-login .login .sns .btnYahoo span.icon {
	width:22%;
	float:left;
	height:32px;
	text-align:center;
	vertical-align:middle;
	font-size:16px;
	color:#fff;
	letter-spacing:-2px
}
.xans-member-login .login .sns .btnYahoo span.icon i {
	line-height:30px
}
.xans-member-login .login .sns .btnYahoo span.name {
	width:78%;
	float:right;
	height:32px;
	line-height:31px;
	text-align:center;
	box-sizing:border-box;
	border-left:1px solid #ed8f7f;
	font-size:11px;
	color:#fff
}
.xans-member-login .login .sns .btnYahoo:hover {
	background:#888
}
.xans-member-login .login .sns .btnYahoo:hover span.name {
	border-left:1px solid #ccc
}
.xans-member-login .login .sns .btnFacebook {
	display:inline-block;
	*display:inline;
	*zoom:1;
	float:left;
	width:100%;
	height:42px;
	background:#536fac;
	margin:4px 0 0 0px
}
.xans-member-login .login .sns .btnFacebook span.icon {
	width:20%;
	float:left;
	height:42px;
	text-align:center;
	vertical-align:middle;
	font-size:16px;
	color:#fff;
	letter-spacing:-2px
}
.xans-member-login .login .sns .btnFacebook span.icon i {
	line-height:42px
}
.xans-member-login .login .sns .btnFacebook span.name {
	width:80%;
    text-indent:-60px;
	float:right;
	height:42px;
	line-height:41px;
	text-align:center;
	box-sizing:border-box;
	border-left:1px solid #879ac5;
	font-size:14px;
	color:#fff
}
.xans-member-login .login .sns .btnFacebook:hover {
	background:#888
}
.xans-member-login .login .sns .btnFacebook:hover span.name {
	border-left:1px solid #ccc
}
.xans-member-login .login .sns .btnGoogle {
	display:inline-block;
	*display:inline;
	*zoom:1;
	float:left;
	width:163px;
	height:32px;
	background:#dc4931;
	margin:4px 0 0 4px
}
.xans-member-login .login .sns .btnGoogle span.icon {
	width:22%;
	float:left;
	height:32px;
	text-align:center;
	vertical-align:middle;
	font-size:15px;
	color:#fff;
	letter-spacing:-4px
}
.xans-member-login .login .sns .btnGoogle span.icon i {
	line-height:32px
}
.xans-member-login .login .sns .btnGoogle span.name {
	width:78%;
	float:right;
	height:32px;
	line-height:31px;
	text-align:center;
	box-sizing:border-box;
	border-left:1px solid #e98170;
	font-size:11px;
	color:#fff
}
.xans-member-login .login .sns .btnGoogle:hover {
	background:#888
}
.xans-member-login .login .sns .btnGoogle:hover span.name {
	border-left:1px solid #ccc
}
.xans-member-login.guestOrderWrap {
	border:1px solid #e8e8e8;
	width:428px;
	margin:25px auto 0;
	padding:27px 0 30px 0;
	color:#111;
	border-radius:16px
}
.xans-member-login .guestOrder {
	width:330px;
	margin:0 auto
}
.xans-member-login .guestOrder span {
	display:block;
	margin:0 auto 20px;
	text-align:center;
	color:#777;
	font-size:11px
}
.MS_security_checkbox{
    display: inline-block;
    width: 17px !important;
    height: 13px !important;
}
input[type="checkbox"]:after {display:none !important;}

/* BASIC css end */