/* BASIC css start */
.xans-member-login .login { width:400px; margin:0 auto; padding:20px 0; border:1px solid #e8e8e8; /*box-shadow:0 0 8px rgba(0, 0, 0, 0.3);*/ }
.xans-member-login .login h3 { margin:10px 0; color:#000; text-align:center; }
.xans-member-login .login fieldset{ position:relative; width:300px; margin:0 auto; }
.xans-member-login .login fieldset .id,
.xans-member-login .login fieldset .password { overflow:hidden; display:block; width:300px; margin:0 0 2px; border:1px solid #d9d9d9; border-radius:2px; }
.xans-member-login .login fieldset .id span,
.xans-member-login .login fieldset .password span { float:left; width:60px; height:32px; line-height:32px; padding-left:10px; background:#fff; }
.xans-member-login .login fieldset input { float:left; width:226px; height:28px; padding:2px; border:0 none; color:#222; }

.xans-member-login .login fieldset .security { padding:0; margin:15px 0 10px; color:#999; vertical-align:middle; line-height:1; }
.xans-member-login .login fieldset .security input { width:14px; height:14px; margin-right:3px; }
.xans-member-login .login fieldset .security label { margin:0 6px 0 0; }

.xans-member-login .login fieldset ul { position:relative; }
.xans-member-login .login fieldset li { float:left; padding:10px 10px 10px 0; }

.xans-member-login .login fieldset .link { position:relative; float:left; margin:0; padding:10px 0; border-top:1px solid #e9e9e9; }

.xans-member-login .login fieldset .sns { margin:10px 0 0 0; text-align:center; display:inline-block; vertical-align:top; }
.xans-member-login .login fieldset #noMemberWrap { border-top:0; margin-top:0; }

.xans-myshop-orderhistorynologin { width:400px; margin:10px auto; padding:20px 0; border:1px solid #e8e8e8; /*box-shadow:0 0 8px rgba(0, 0, 0, 0.3);*/ }
.xans-myshop-orderhistorynologin h3 { margin:10px 0 0; color:#000; text-align:center; }
.xans-myshop-orderhistorynologin ul { width:300px; margin:0 auto 10px; }
.xans-myshop-orderhistorynologin li { padding:0; line-height:24px; }
.xans-myshop-orderhistorynologin li strong { display:inline-block; width:130px; font-weight:normal; }
.xans-myshop-orderhistorynologin li input { width:293px; height:28px; padding:2px; border:1px solid #d9d9d9; color:#222; }
.xans-myshop-orderhistorynologin .button { margin:15px 0 20px; text-align:center; }

.xans-member-login .login fieldset .sns a + a{margin-top:5px;}
.xans-member-login .login fieldset .sns a img{
    max-width: 300px;
}



#login {
    width:400px;
    margin:0 auto;
}

.login_top {
    padding: 24px 24px 0 24px;
    font-size: 12px;
    color: #000;
    border-top: 1px #eee solid;
}
.login_top p {
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: bold;
}
.login_top .btn_join_kakaosync {
    display: block;
    border-radius: 4px;
    position: relative;
    font-size: 14px;
    font-weight: bold;
    margin-top: 24px;
    padding-left: 16px;
    line-height: 48px;
    text-align: center;
    background-color: #ffe812;
}
.login_top .btn_join_kakaosync i {
    position: absolute;
    left: 10px;
    font-size: 24px;
    line-height: 48px;
}
.login .loginInput input {
    width: 100%;
    display: block;
    height: 35px;
    background-color: #fff;
    border: 1px solid #ddd;
    vertical-align: middle;
    padding-left: 10px;
    box-sizing: border-box;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.member {
    padding: 0 24px;
    margin-top: 0px;
}

.login .loginMiddle .btn_Red {
    font-size: 1em;
    margin: 10px 0;
}

.btn_Red {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #2f2f2f;
    font-size: 13px;
    color: #fff;
    text-align: center;
    display: block;
    border: 1px solid #2f2f2f;
    box-sizing: border-box;
    vertical-align: middle;
}
.login .loginCheck {
    margin-top: 10px;
}
.login .loginCheck label {
    margin-right: 12px;
}
.login {padding-bottom:48px;}
#login .login #keyboard {margin-top:20px; padding:0 24px;}
#login .tab {padding:0 24px;}
#login .tab a {width:50%; height:34px; border:1px solid #eee; border-top:1px solid #eee; border-bottom:1px solid #eee; display: inline-block; text-align: center; line-height: 30px; box-sizing: border-box; background-color:#fbfbfb; }
#login .tab a.act {color:#222; background-color:#fff; border:1px solid #222;  border-top:1px solid #222; border-bottom:0px none; font-weight:bold;}
#login .login .loginInput {margin-top: 10px;}
#login .nonmember {}
#login .nonmember fieldset {padding:0 24px;}
.loginBottom {padding-bottom:40px;}

#inquiryOrder { display:none; }
#inquiryOrder .txt { margin:15px 15px 0; padding:0; }
#inquiryOrder .frm { overflow:hidden; width:200px; margin:35px auto 0; }
#inquiryOrder .frm dt, 
#inquiryOrder .frm dd { float:left; }
#inquiryOrder .frm dt { width:60px; margin-top:5px; line-height:32px; font-weight:bold; letter-spacing:-1px; }
#inquiryOrder .frm dd { width:140px; }
#inquiryOrder .frm input[type=text] { width:100%; height:32px; line-height:32px; margin-top:5px; padding:0 5px; border:1px solid #c6c6c6; background:#fbfbfb; border-radius:0; }
#inquiryOrder .btns { margin:40px 10px 20px; }
#inquiryOrder .btns a { margin-top:10px; }

.login_section_div {text-align:center; position:relative; margin:24px;}
.login_section_div p{display:inline-block; background-color:#fff; padding:0 4px; color:#999; font-size:11px;}
.login_section_div p:before {content:""; height:1px; width:100%; left:0; bottom:7px; background-color:#eee; position:absolute; z-index:-1;}

.sns-join { position: relative;  margin: 0 0 0 0; overflow:hidden; }
.sns-join .sns-title img { width: 300px; padding: 0 24px; }
.sns-join ul { padding: 0 20px; padding-bottom: 20px; }
.sns-join ul li {position: relative; margin-bottom: 10px; list-style: none; float:left; width:50%; text-align:center;}
.sns-join ul li a{ display: block; margin:0 4px; padding-left: 20px;  height: 40px; line-height: 40px; border: 1px solid #dfdfdf; border-radius: 4px; color: #666; font-size: 12px; }
.sns-join ul li span { position: absolute; top: 0; left: 0; width: 50px; height: 40px; }
.sns-join ul li.naver span { background: url(/images/d3/m_01/icon/ico_sns_naver.gif) no-repeat 50% 50%; background-size: 16px auto; }
.sns-join ul li.facebook span { background: url(/images/d3/m_01/icon/ico_sns_facebook.gif) no-repeat 50% 50%; background-size: 10px auto; }
.sns-join ul li.kakao span { background: url(/images/d3/m_01/icon/ico_sns_kakaotalk.gif) no-repeat 50% 50%; background-size: 16px auto; }

.sns-join .sns-btn { margin: 0 24px 10px; }
.sns-join .sns-btn a { display: block; padding:8px 0; font-size: 1.25em; font-weight: bold; text-align: center; color: #666; border: 1px solid #dfdfdf; border-radius: 5px; background-color: #fff; }
.sns-join .sns-btn a span {font-size:11px;color:#999;}
.sns-join .sns-btn p { margin:0 0 24px 0; font-size: 11px; color: #999; text-align: center; }

.help_login {text-align:center;}
.help_login span{display:inline-block; margin:0 8px; color:#ddd;}

/* kakao popup */
.kko_login_popup {position:fixed;top:0; left:0;width:100%;height:100%;background-color:#fff;z-index:10;}
.kko_login_set {padding:100px 32px 32px; text-align:center; color:#000;}
.kko_login_set img {width:100%;}
.kko_login_set p { font-size:20px; font-weight:bold; margin:24px 0; line-height:130%;}

.kko_login_set p.btn_kko_login_close {font-size:12px; cursor:pointer; font-weight:normal; display:inline-block; border-bottom:1px solid #999; color:#999; margin:60px 0 0; padding-bottom:2px;}

/* BASIC css end */