body { background-color:#f9f6f1; }
.login { background-image:url('/images/W/common/common_bg.png'); background-position:top center; background-repeat:no-repeat; background-size:100% auto; padding:135px 0; }
.login .login-container { margin:0 auto; width:600px; padding:70px; background:#ffffff; border-radius:10px; text-align:center; }
.login .login-container .login-logo { margin-bottom:20px;  }
.login .login-container .login-input { margin-top:10px; }
.login .login-container .login-input input { width:100%; height:80px; font-size:22px; line-height:80px; color:#222222; font-weight:300; border:1px solid #b5b5b5; border-radius:5px; padding:0 20px; letter-spacing:-1px; }
.login .login-container .login-input input:focus { border:3px solid #00c973; }
.login .login-container .login-autologin { margin-top:10px; text-align:left; }
.login .login-container .login-autologin input[type="checkbox"] { width:30px; height:30px; }
.login .login-container .login-autologin label { display:flex; font-size:20px; color:#222222; font-weight:400; letter-spacing:-1px; }
.login .login-container .login-autologin label span { margin-left:10px; }
.login .login-container button { margin-top:35px; width:100%; height:86px; border-radius:43px; background-color:#00c973; font-size:30px; line-height:86px; color:#ffffff; font-weight:500; border:none; letter-spacing:-1px; }
.login .login-container .login-btns { display:flex; justify-content:space-between; margin:10px auto 0; width:85%; }
.login .login-container .login-btns a { font-size:20px; color:#222222; font-weight:300; letter-spacing:-1px; }
.login .login-container .login-btns span { color:#b5b5b5; }
.login .login-container .login-sns { margin-top:25px; }
.login .login-container .login-sns a { display:block; margin-top:10px; width:100%; height:86px; border-radius:43px; font-size:30px; line-height:86px; color:#222222; font-weight:300; letter-spacing:-1px; border:1px solid #b5b5b5; text-align:left; padding-left:120px; background-position:70px 30px; background-repeat:no-repeat; }
.login .login-container .login-sns a.azoomma { background-image:url('/images/W/common/favicon_azoomma.png'); }
.login .login-container .login-sns a.womantable { background-image:url('/images/W/common/favicon_womantable.png'); }
.login .login-container .login-sns a.naver { background-image:url('/images/W/common/favicon_naver.png'); }
.login .login-container .login-sns a.kakao { background-image:url('/images/W/common/favicon_kakao.png'); }
.login .login-container .login-sns a.facebook { background-image:url('/images/W/common/favicon_facebook.png'); }


.brand .wrap-container  { display:flex; background-color:#f9f6f1; }
.brand .brand-msg { margin-left:90px; }
.brand .brand-msg .brand-pre { font-size:33px; line-height:39px; color:#222222; font-weight:400; padding-top:250px; }
.brand .brand-msg h1 { font-size:60px; line-height:70px; color:#222222; font-weight:700; margin-top:30px; }
.brand .brand-msg p { font-size:30px; line-height:40px; color:#222222; font-weight:400; margin-top:50px ; letter-spacing:-1px; }
.brand a { display:inline-block; width:360px; height:90px; font-size:30px; line-height:90px; font-weight:500; letter-spacing:-3px; color:#ffffff; margin-top:30px; background-color:#00c973; text-align:center; }
.brand .brand-icon { margin-top:175px; margin-left:60px; }
