/* BASIC css start */
/* 로그인 페이지 전체 */
#loginWrap .loc-navi{margin-top:40px;padding-bottom:12px;border-bottom:1px solid #eee;color:#999;font-size:12px;}
#loginWrap .loc-navi a{color:#777;text-decoration:none;}
#loginWrap .loc-navi a:hover{color:#cc0001;}
#loginWrap .page-body{width:860px;margin:60px auto 80px;}
#loginWrap .mlog-sign{display:flex;width:860px;min-height:420px;height:auto;border:1px solid #eee;border-radius:20px;background:#fff;box-shadow:0 14px 40px rgba(0,0,0,.07);overflow:hidden;}

/* 로그인 영역 */
#loginWrap .mlog-sign .mlog{position:relative;width:540px;height:auto;padding:55px 60px 45px;border:0;background:#fff;box-sizing:border-box;}
.login-tit{margin:0 0 32px;padding:0;color:#222;font-size:30px;font-weight:700;line-height:1.2;text-align:left;letter-spacing:1px;}
.login-tit:after{display:block;width:34px;height:3px;margin-top:12px;border-radius:2px;background:#cc0001;content:"";}

/* 아이디 · 비밀번호 입력창 */
#loginWrap .mlog-sign .frm-list{position:static;width:100%!important;margin:0 0 16px;}
#loginWrap .mlog-sign .frm-list li{position:relative;float:none!important;width:100%!important;margin:0 0 14px;}
#loginWrap .mlog-sign .frm-list li label{display:none!important;}
#loginWrap .mlog-sign .frm-list li input{display:block!important;width:100%!important;height:58px!important;padding:0 20px!important;border:1px solid #ddd!important;border-radius:10px!important;background:#fafafa!important;box-sizing:border-box!important;color:#333!important;font-size:15px!important;outline:none!important;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease!important;}
#loginWrap .mlog-sign .frm-list li input:focus{border-color:#cc0001!important;background:#fff!important;box-shadow:0 0 0 3px rgba(204,0,1,.07)!important;}

/* 로그인 버튼 */
#loginWrap .mlog-sign .btn-mlog{display:none;}
#loginWrap .mlog-sign fieldset>a{display:flex;width:100%;height:52px;margin-top:8px;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(135deg,#cc0001 0%,#b93333 100%);color:#fff;font-size:15px;font-weight:bold;text-decoration:none;box-shadow:0 7px 18px rgba(204,0,1,.18);transition:transform .2s ease,box-shadow .2s ease,background .2s ease;}
#loginWrap .mlog-sign fieldset>a:after{content:"로그인";}
#loginWrap .mlog-sign fieldset>a:hover{background:linear-gradient(135deg,#b93333 0%,#a72525 100%);box-shadow:0 9px 22px rgba(204,0,1,.22);transform:translateY(-2px);}

/* 보안접속 */
#loginWrap .mlog-sign .se-log{position:static;margin:14px 0 0;color:#777;font-size:12px;text-align:left;}
#loginWrap .mlog-sign .se-log label{cursor:pointer;}

/* 회원가입 영역 */
#loginWrap .mlog-sign .sign{display:flex;width:320px;height:auto;padding:55px 35px;flex-direction:column;align-items:center;justify-content:center;border:0;border-left:1px solid #eee;background:linear-gradient(180deg,#fffafa 0%,#fff 100%);box-sizing:border-box;text-align:center;}
.sign-tit{margin:0 0 14px;padding:0;color:#222;font-size:24px;font-weight:700;line-height:1.2;}
#loginWrap .mlog-sign .sign .msg{margin:0 0 28px;}
#loginWrap .mlog-sign .sign .msg img{display:none;}
#loginWrap .mlog-sign .sign .msg:after{display:block;color:#777;font-size:13px;line-height:1.7;word-break:keep-all;content:"회원가입 후 다양한 혜택과 편리한 서비스를 이용해보세요.";}
#loginWrap .mlog-sign .sign .btns{width:100%;margin:0;}
#loginWrap .mlog-sign .sign .btns a{display:flex;width:100%;height:44px;margin:0 0 10px;align-items:center;justify-content:center;border:1px solid #ddd;border-radius:9px;background:#fff;color:#555;font-size:13px;font-weight:600;line-height:1;text-decoration:none;box-sizing:border-box;transition:border-color .2s ease,color .2s ease,background .2s ease;}
#loginWrap .mlog-sign .sign .btns a img{display:none;}
#loginWrap .mlog-sign .sign .btns a:first-child:after{content:"회원가입하기";}
#loginWrap .mlog-sign .sign .btns a:last-child:after{content:"아이디 / 비밀번호 찾기";}
#loginWrap .mlog-sign .sign .btns a:hover{border-color:#cc0001;background:#fff5f5;color:#cc0001;}

/* SNS 로그인 */
#simpleLogin{position:relative;width:860px;margin:28px auto 0;}
#simpleLogin .sns-login{padding:24px;border:1px solid #eee;border-radius:14px;background:#fff;text-align:center;font-size:0;line-height:0;}
#simpleLogin .sns-login p{margin:0 0 18px;}
#simpleLogin .sns-login p img{opacity:.7;}
#simpleLogin .sns-login a{display:inline-block;margin:0 5px;border-radius:8px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;}
#simpleLogin .sns-login a:hover{box-shadow:0 5px 14px rgba(0,0,0,.10);transform:translateY(-2px);}
/* BASIC css end */