/* BASIC css start */
.login-box {
	width:auto;
	box-sizing:border-box;
}
.xans-member-login h3 {
	font-size:20px;
	line-height:32px;
	font-weight:600;
	text-align:center;
	color:#555;
}
.xans-member-login p.title {
	font-size:15px;
	line-height:26px;
	margin:0 0 15px;
	text-align: center;
	color:#555;
}
.xans-member-login {
	padding:30px 0;
	color:#333;
}
.xans-member-login fieldset {
	position:relative;
}
.xans-member-login fieldset .id, .xans-member-login fieldset .password {
	overflow:hidden;
	display:block;
	width:100%;
	margin:0 0 10px;
	border-radius:2px;
	color:#a0a0a0;
}
.xans-member-login fieldset .id span, .xans-member-login fieldset .password span {
	height:32px;
	line-height:32px;
	padding:0 0 0 8px;
	color:#c9c9c9;
}
.xans-member-login fieldset input[type=text], .xans-member-login fieldset input[type=password] {
	width:100%;
	height:39px;
	line-height:29px;
	padding:5px 7px;
	border:0 none;
	color:#a0a0a0;
	background:#f2f2f2;
	box-sizing:border-box;
}
.xans-member-login fieldset .find-box {
	overflow:hidden;
}
.xans-member-login fieldset .find-box>p {
	font-size:12px;
	line-height:45px;
	display: inline-block;
}
.xans-member-login fieldset .find {
	color:#a0a0a0;
}
.xans-member-login fieldset .security {
	float:right;
}
.xans-member-login fieldset .security img {
	vertical-align:middle;
}
.xans-member-login fieldset .find a {
	color:#000;
	text-decoration: underline;
}
.xans-member-login fieldset ul {
	overflow:hidden;
	padding:8px 5px 5px;
	margin:0;
	border:0;
}
.xans-member-login fieldset li {
	float:left;
	padding:0 9px 0 13px;
	background:url("/design/limyoy24/img/ico_circle_arrow2.png") no-repeat 0 2px;
}
.xans-member-login fieldset li a {
	color:#2e2e2e;
}
.xans-member-login fieldset .link {
	position:relative;
	margin:25px 5px 0;
	padding:25px 0 0 10px;
	color:#757575;
	border-top:1px solid #e9e9e9;
	background:url("/design/limyoy24/img/ico_arrow.png") no-repeat 0 29px;
}
.xans-member-login fieldset .link a {
	position:absolute;
	top:25px;
	right:0;
}
.xans-member-login fieldset .snsArea {
}
.xans-member-login fieldset .snsArea li {
	background:none;
	width:100%;
	padding:0;
	margin:0 0 15px;
}
.xans-member-login fieldset #noMemberWrap {
	border-top:0;
	margin-top:0;
}
.login-btn.join {
	margin:0 0 15px;
}
.naver .login-btn, .facebook .login-btn, .google .login-btn, .kakao .login-btn {
	border: none;
}
.xans-myshop-orderhistorynologin {
}
.xans-myshop-orderhistorynologin h3 {
	font-size:20px;
	line-height:32px;
	font-wieght:bold;
}
.xans-myshop-orderhistorynologin p.title {
	font-size:12px;
	line-height:26px;
	margin:0 0 15px;
}
#wrap .xans-myshop-orderhistorynologin dt, #wrap .xans-myshop-orderhistorynologin .term {
	display:none;
}
#wrap .xans-myshop-orderhistorynologin dd, #wrap .xans-myshop-orderhistorynologin .desc {
	padding:0;
}
#wrap .xans-myshop-orderhistorynologin dd {
	margin:0 0 10px !important;
	line-height:29px;
	background:#f2f2f2;
}
.xans-myshop-orderhistorynologin .ec-base-desc {
	width:100%;
}
.xans-myshop-orderhistorynologin input[type=text], .xans-myshop-orderhistorynologin input[type=password] {
	width:100%;
	box-sizing:border-box;
	background:#f2f2f2;
	border: none;
	color:#a0a0a0;
	padding:5px 7px;
	line-height:29px;
	height:39px;
	border:1px slid #000;
}
.xans-myshop-orderhistorynologin #order_id1, .xans-myshop-orderhistorynologin #order_id2 {
	width:49%;
}
.xans-myshop-orderhistorynologin .button {
	width:380px;
	margin:10px auto 0;
	text-align:right;
}



.xans-member-login .login-btn {
	line-height:60px;
	font-size:18px;
	font-weight:500;
    margin-top: 20px;
    border-radius: 3px;
    
}





* {
	margin:0;
	padding:0;
}
.clear {
	clear:both;
}
img {
	border:none;
	vertical-align:top;
}
a {
	text-decoration:none;
	color:#000;
	cursor:pointer;
}
a:hover {
	text-decoration:none;
}
a:active {
	text-decoration:none;
}

.login-btn a {color:#fff ;}

.login-btn:hover a {color:#000 ;}


#orderhname {
    width: 100%;
    box-sizing: border-box;
    background: #f2f2f2;
    border: none;
    color: #a0a0a0;
    padding: 5px 7px;
    line-height: 29px;
    height: 39px;
    border: 1px slid #000;
}














#loginWrap { padding-top:100px }
#loginWrap .mlog-sign { height:458px; border:1px solid #e9e9e9; border-top:none }
#loginWrap .mlog-sign .mlog,
#loginWrap .mlog-sign .sign { float:left }
#loginWrap .mlog-sign h3 { padding-top:35px; font-size:18px; color:#363636; font-weight:bold; line-height:18px }
/* member login */
#loginWrap .mlog-sign .mlog { margin-top:44px; padding:0 81px; position:relative; width:386px; height:370px; border-right:1px solid #e9e9e9 }
#loginWrap .mlog-sign .mlog p { padding-top:20px; font-size:11px; color:#adadad }
#loginWrap .mlog-sign .frm-list { padding-top:18px; position:relative; width:386px }
#loginWrap .mlog-sign .frm-list li { position:relative; width: 100%; margin-bottom:6px }
#loginWrap .mlog-sign .frm-list li label { padding-left:11px; position:absolute; top:0; left:0; width:375px; height:50px; color:#adadad; line-height:50px; cursor:text }
#loginWrap .mlog-sign .frm-list li input { padding-left:10px; width:374px; height:48px; line-height:48px; border:1px solid #ddd }
#loginWrap .mlog-sign .btn-mlog { padding-top:10px; position:relative }
#loginWrap .mlog-sign .btn-mlog a { width:384px; height:58px; font-size:16px; line-height:58px }
#loginWrap .mlog-sign .se-log { position:relative; color:#666 !important }
#loginWrap .mlog-sign .se-log label { font-size:11px }
#loginWrap .mlog-sign .se-log label input { margin-top:-3px; *margin-top:-4px; vertical-align:middle }
/* sign */
#loginWrap .mlog-sign .sign { margin-top:44px; padding-left:76px; width:386px }
#loginWrap .mlog-sign .sign dl { padding-top:22px }
#loginWrap .mlog-sign .sign dl dt { font-size:11px; color:#adadad }
#loginWrap .mlog-sign .sign dl dd { padding-top:15px }
#loginWrap .mlog-sign .sign dl dd a { width:384px; height:58px; font-size:15px; line-height:58px }
/* order shopping */
#loginWrap .order-sp { margin-top:10px; height:206px; border:1px solid #e9e9e9 }
#loginWrap .order-sp .left-tit { margin:50px 0 0 100px; padding-left:100px; float:left; width:313px; height:91px; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/member/bg_order_login.gif) 0 9px no-repeat }
#loginWrap .order-sp .left-tit h3 { padding-top:29px; font-size:20px; color:#363636; line-height:20px }
#loginWrap .order-sp .left-tit p { padding-top:10px; font-size:11px; color:#adadad }
#loginWrap .order-sp .frm-wrap { margin-top:50px; position:relative; float:left; width:500px }
#loginWrap .order-sp .frm-list { position:relative; width:386px }
#loginWrap .order-sp .frm-list li { position:relative; width:100%; margin-bottom:6px }
#loginWrap .order-sp li label { padding-left:11px; position:absolute; top:0; left:0; width:375px; height:50px; color:#adadad; line-height:50px; cursor:text }
#loginWrap .order-sp li.order-num label { display:none !important }
#loginWrap .order-sp li .txt-frm { padding:0 0 0 10px; width:374px; height:48px; line-height:48px; border:1px solid #ddd }
#loginWrap .order-sp li.order-num .txt-frm { color:#adadad }
#loginWrap .order-sp li.order-num .txt-frm:focus { color:#1c1c1c }
#loginWrap .order-sp .btn-sch { padding:30px 0; position: absolute; left:392px; top:0px; width:105px; font-size:15px }

/* simpleLogin */
#simpleLogin { text-align:center; margin-top:10px }
#simpleLogin .sns-login { font-size:0 }
#simpleLogin .sns-login a { display:inline-block; *display:inline; vertical-align:top;position:relative;width:360px;margin-left:10px; *margin-left:9px }
#simpleLogin .sns-login a:first-child { margin-left:0 }

/*
#orderhname {
  -webkit-appearance: textfield;
}
#orderhname::-webkit-text-cancel-button {
  -webkit-appearance: searchfield-cancel-button;
  background:red;
  position:relative;
    right:20px;  

    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    border-radius:10px;
}*/

#content .login-box .login-btn.join{margin-top: 10px;}
#content{text-align:center; min-height:0 !important;}

div.login-box .xans-member {width:42%;display:inline-block;vertical-align:top;padding:0 50px 0 0;}
div.login-box .s-login {padding: 0 0 30px 0; width:450px;}
div.login-box .xans-myshop{width:42%; display:inline-block;padding:0 0 100px 50px; border-left:1px solid #ddd;}
dl.ec-base-desc{margin-top:30px}




.loing_title_1 {text-align: center; font-size: 24px; line-height: 1.4; letter-spacing: -0.5px; font-weight: 500;}
.login_banner {margin: 0 0 100px 0;}
.login_banner img {width: 450px;}
.login_line span {text-align: center; color: #aaa; font-size: 14px;}


.form_login {width: 900px; display: inline-block;}

#contentWrap {margin: 100px auto;}

#content .design_btn_1:hover {background: #111;}
#content .login-box .login-btn.join:hover {background: #e4e4e4;}
#content .design_btn_2:hover {background: #e4e4e4;}
/* BASIC css end */