/* BASIC css start */
.memberLogin { width:550px;margin:0 auto;; padding:0; }
.memberLogin .login { padding:30px 0 0 ; }
.memberLogin .login fieldset { position:relative; margin:0 auto; }
.memberLogin .login fieldset .id,
.memberLogin .login fieldset .password { overflow:hidden; display:block; }

.memberLogin .login fieldset .id span,
.memberLogin .login fieldset .password span { height:32px; line-height:32px; padding:0 0 0 8px; color:#c9c9c9; }
.memberLogin .login .inputLine label {display: table;width:100%;padding-bottom: 20px;}
.memberLogin .login .inputLine label i {display: table-cell;width: 13px;vertical-align: middle;font-size: 14px;padding-top: 5px;color: #3a3a3a;;}

.memberLogin .login fieldset input[type=text],
.memberLogin .login fieldset input[type=password] {display:table-cell;width:100%;height: 35px;line-height: 28px;padding: 2px;margin-left:20px;border: 0 none;color: #8F8F91;display: inline-block;    border-bottom: 1px solid #ddd;vertical-align: middle;box-sizing:border-box;-webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;transition-timing-function:ease; -webkit-transition-timing-function:ease;}

/* 활성화 */
.memberLogin .login .inputLine label input:focus {border-bottom:2px solid #2f2f2f}

.memberLogin .login fieldset .snsArea {text-align:center;margin:100px 0 0 ; }
.memberLogin .login fieldset .snsArea li { margin:0px 3px 0 0; padding:0; background:none; display:inline-block;;}
.memberLogin .login fieldset .snsArea li:after { content:none; }
.memberLogin .login fieldset #noMemberWrap { border-top:0; margin-top:0;padding-top:40px; }
.memberLogin .login fieldset #noMemberWrap .btn_02 {display: block;}
.memberLogin .btnLogin {}
.memberLogin .btns {display: table;width:100%;}
.memberLogin .btns > ul{display:table-cell;}
.memberLogin .btns > ul li {display: block;}
.memberLogin .btns > ul li a {color:#888; display: block;line-height: 23px}
.memberLogin .btns > ul li:hover a {color:#111;}
.memberLogin .btns .btnLogin{ display:table-cell;vertical-align: middle;width:60%;text-align: right;}
.memberLogin .btns .btnLogin a { margin-right:8px}
.memberLogin .btns .btnLogin a:last-child {    margin-right: 0;}

.memberLogin input::-webkit-input-placeholder {color: #bbb;}


.memberNologin{ width: 550px;margin: 0 auto;border-top: 1px solid #e4e4e4;margin-top: 100px;padding-top: 100px;}

.memberNologin p { width:550px; margin:0 auto 15px; color:#757575; text-align: center;}
.memberNologin .one-desc { width:550px; margin:0 auto; }
.memberNologin input { width:95%;height: 35px;line-height: 28px;padding: 2px;border: 0 none;color: #8F8F91;display: inline-block;border-bottom: 1px solid #ddd;vertical-align: middle;box-sizing: border-box;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;transition-timing-function: ease;-webkit-transition-timing-function: ease; }
.memberNologin #order_id1,
.memberNologin #order_id2 { width:170px; }
.memberNologin #order_id1 { margin:0 4px 0 0; }
.memberNologin #order_id2 { margin:0 0 0 4px; }
.memberNologin .button { width:330px; margin:10px auto 0; text-align:center;  }
.memberNologin .ec-base-button[class*="gColumn"] [class^='btn'] { margin:20px 0 0 ;  font: 11px 'Josefin Sans','Nanum Gothic',Dotum,AppleGothic,sans-serif !important;letter-spacing: 1px;}

.memberNologin .one-desc {display:table;width:100%;}
.memberNologin .one-desc li {display:table-row;}
.memberNologin .one-desc dt { display:table-cell;vertical-align:middle; width:80px; line-height:33px; padding-bottom:20px;}
.memberNologin .one-desc dd { display:table-cell;vertical-align:middle;padding: 0; padding-bottom:20px; }
.memberNologin .btn_02 {display:block;}

/* BASIC css end */