/* BASIC css start */
.loginWrap {width:300px ; margin:0 auto;text-align:center;}
.loginWrap .login{text-align:center; padding:0;}
.loginWrap fieldset{position:relative; display:inline-block;;}
.loginWrap fieldset .id,
.loginWrap fieldset .password{overflow:hidden; display:block; margin:5px 0; min-width:300px;}
.loginWrap fieldset input[type=text],
.loginWrap fieldset input[type=password]{width:100%; height:45px; line-height:1; padding:5px 15px; box-sizing:border-box; font-size:13px; letter-spacing:-0.3px; border-radius:0; border:0; border-bottom:1px solid #dfdfdf;}
.loginWrap fieldset .id span,
.loginWrap fieldset .password span{height:30px; line-height:30px; padding:0 0 0 8px; color:#ddd;}


/* 보안접속 */
.loginWrap fieldset .security{padding:0 0 0 5px; margin:10px; color:#757575; display:none;}
.loginWrap fieldset .security img{vertical-align:middle;}

/* 아이디, 비밀번호 찾기 */
.loginWrap fieldset ul{font-size:0; line-height:0; margin:15px 0px 40px;}
.loginWrap fieldset li{display:inline-block; margin:0 3px;}
.loginWrap fieldset li a{font-size:13px; line-height:20px; letter-spacing:-0.3px; color:#afafaf;}

/* 로그인버튼 */
.loginWrap fieldset > a{}

/* 비회원구매 버튼 */
.loginWrap fieldset #noMemberWrap{margin-top:5px;}
.loginWrap fieldset #noMemberWrap a{}

/* SNS 로그인 */
.loginWrap fieldset .snsArea{margin:100px auto;}
.loginWrap fieldset .snsArea h2{font-size:13px; font-weight:400; color:#a7a7a7; text-align:center; letter-spacing:-0.3px; line-height:22px; margin-bottom:30px; padding-top:18px; position:relative;}
.loginWrap fieldset .snsArea h2 span{font-weight:600; color:#474852;}
.loginWrap fieldset .snsArea h2:before{content:""; text-align:center; display:inline-block; width:8px; height:3px; background:#454545; position:absolute; top:0; left:calc(50% - 4px);}
.loginWrap fieldset .snsArea li{display:block; margin:4px 0; width:100%;}
.loginWrap fieldset .snsArea li a{display:block; padding:18px 0; color:#bdbdbd; background:#efefef; line-height:1; text-align:center; font-size:13px; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
.loginWrap fieldset .snsArea li a.kakao:hover{background:#fbe300; color:#3b1e1e;}
.loginWrap fieldset .snsArea li a.naver:hover{background:#00c73c; color:#fff;}
.loginWrap fieldset .snsArea li a.fb:hover{background:#3b5998; color:#fff;}
.loginWrap fieldset .snsArea li a.google:hover{background:#dd4b39; color:#fff;}




.nonmemberBuy{    position: relative;padding: 100px 0 0;text-align: center;border-top: 1px solid #efefef;margin-top: 100px;}
.nonmemberBuy dl {width:300px;margin:0 auto;}
.nonmemberBuy h3{font-size:13px; font-weight:300; color:#a7a7a7; text-align:center; letter-spacing:-0.3px; line-height:22px; margin-bottom:30px; padding-top:18px; position:relative;}
.nonmemberBuy h3 span{font-weight:400; color:#474852;}
.nonmemberBuy h3:before{content:""; text-align:center; display:inline-block; width:8px; height:3px; background:#454545; position:absolute; top:0; left:calc(50% - 4px);}
.nonmemberBuy input {width:100%; height:40px; line-height:40px; padding:5px 15px; box-sizing:border-box; border:0; border-bottom:1px solid #efefef;}
.nonmemberBuy .button{text-align:center;}
.nonmemberBuy .button button{width:300px; margin:30px auto 0;}
/* BASIC css end */