/* BASIC css start */
.ec-base-tab > ul {margin: 250px auto -30px; 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; font-size: 24px;    margin: 0 0 19px 0;
    text-align: center;
    letter-spacing: 1px;}
.ec-base-tab > ul > li.selected a h3 { font-weight: 1000; color: #222; }

.btn.guestLogin {background:#000!important; color:#fff!important;}
.btn.Join {margin-top:4px; background:#fff!important; color:#333!important; font-size:14px!important;}
.btn.Join:hover {border:solid 1px #222!important;}
.xans-member-login h3 {
	margin:0 0 19px 0;
	text-align:center;
	font-size:15px;
	font-weight:500;
	letter-spacing:1px
}
.xans-member-login .login {
	border:1px solid #e8e8e8;
	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 6px;
	border: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:90px;
	height:34px;
	line-height:34px;
	font-size:9px;
	letter-spacing:1px;
	padding:0 0 0 10px;
	font-weight:400;
	color:#111
}
.xans-member-login .login fieldset input {
	float:left;
	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:12px 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 {
	overflow:hidden;
	padding:13px 0 12px;
	margin:0 0 15px 0;
	border-bottom:1px solid #eaeaea
}
.xans-member-login .login fieldset li {
	float:left;
	padding:0 5px 0 0;
	margin-left:10px
}
.xans-member-login .login fieldset li:first-child {
	margin-left:0
}
.xans-member-login .login fieldset li a {
	font-weight:normal;
	font-size:11px;
	color:#2e2e2e
}
.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 -4px;
	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:163px;
	height:32px;
	background:#25c625;
	margin:4px 0 0 4px
}
.xans-member-login .login .sns .btnNaver span.icon {
	width:22%;
	float:left;
	height:32px;
	line-height:31px;
	text-align:center;
	font-size:20px;
	font-weight:700;
	color:#fff;
	letter-spacing:-2px
}
.xans-member-login .login .sns .btnNaver 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 .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:163px;
	height:32px;
	background:#fae601;
	margin:4px 0 0 4px
}
.xans-member-login .login .sns .btnKakao 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 .btnKakao span.icon i {
	color:#333;
	line-height:30px
}
.xans-member-login .login .sns .btnKakao span.name {
	width:78%;
	float:right;
	height:32px;
	line-height:31px;
	text-align:center;
	box-sizing:border-box;
	border-left:1px solid #ebd603;
	font-size:11px;
	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:163px;
	height:32px;
	background:#536fac;
	margin:4px 0 0 4px
}
.xans-member-login .login .sns .btnFacebook 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 .btnFacebook span.icon i {
	line-height:32px
}
.xans-member-login .login .sns .btnFacebook span.name {
	width:78%;
	float:right;
	height:32px;
	line-height:31px;
	text-align:center;
	box-sizing:border-box;
	border-left:1px solid #879ac5;
	font-size:11px;
	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
}
.xans-myshop-orderhistorynologin {
	position:relative;
	width:428px;
	border:0px solid #e8e8e8;
	margin:25px auto 10px;
	padding:27px 0 30px 0;
	color:#111;
	border-radius:16px
}
.xans-myshop-orderhistorynologin h3 {
	margin:0 0 19px 0;
	text-align:center;
	font-size:30px;
	font-weight:500;
	letter-spacing:1px
}
.xans-myshop-orderhistorynologin p {
	width:330px;
	margin:0 auto 0;
	text-align:center;
	color:#777;
	font-size:13px
}
.xans-myshop-orderhistorynologin ul {
	width:330px;
	margin:20px auto 9px
}
.xans-myshop-orderhistorynologin li {
	padding:0 0 3px;
	line-height:30px
}
.xans-myshop-orderhistorynologin li span {
	float:left;
	width:90px;
	height:34px;
	line-height:34px;
	padding:0 0 0 10px;
	font-size:14px;
	font-weight:400;
	letter-spacing:1px; color:#aaa;
}
.xans-myshop-orderhistorynologin li {
	width:328px;
	height:30px;
	margin:0 0 20px;
	border-bottom:1px solid #e7e7e7;
	color:#202020
}

.xans-myshop-orderhistorynologin li>input {
	padding:2px 0 2px 6px;
	height:29px;
	color:#333;
	border:0;
	font-size:14px;
	font-weight:500
}
.xans-myshop-orderhistorynologin li.number input {
	width:105px;
	padding:2px 0 2px 6px
}
.MS_security_checkbox{
    display: inline-block;
    width: 17px !important;
    height: 13px !important;
}
/* BASIC css end */