/* BASIC css start */
div#contentWrap { width: 100%; }
.page-body { max-width: 1000px; margin: 0 auto 290px; }

#loginWrap { padding-top:130px }
#loginWrap .mlog-sign h3 { padding-top:35px; font-size:18px; color:#363636; font-weight:bold; line-height:18px }
#loginWrap .mlog-sign > div { margin-bottom: 40px; padding: 0 200px 40px; border-bottom: 1px solid #d9d9d9; box-sizing: border-box; }
/* member login */
#loginWrap .mlog-sign .mlog { margin-top: 80px; }
#loginWrap .mlog-sign .mlog p { padding-top:20px; font-size:11px; color:#adadad }
#loginWrap .mlog-sign .mlog .loginWrap { gap: 0 16px; }
#loginWrap .mlog-sign .frm-list { display: grid; width: 100%; gap: 10px 0; }
#loginWrap .mlog-sign .frm-list li { display: flex; align-items: center; gap: 0 10px; }
#loginWrap .mlog-sign .frm-list li label { min-width: 80px; color: #999; font-size: 13px; font-weight: 500; }
#loginWrap .mlog-sign .frm-list li input { width: 330px; height: 35px; padding: 0 15px; border: none; box-sizing: border-box; background-color: #f5f5f5; line-height: 35px; }
#loginWrap .mlog-sign .btn-mlog a { width: 150px; height:80px; color: #fff; font-size:14px; font-weight: 500; text-align: center; line-height:80px; }
#loginWrap .mlog-sign .btn-mlog a:hover { background-color: #000; color: #fff; }

#loginWrap .btnWrap { margin-top: 15px; padding-left: 90px; box-sizing: border-box; }
#loginWrap .btnWrap > div { display: flex; align-items: center; gap: 0 25px; }
#loginWrap .btnWrap label,
#loginWrap .btnWrap a { color: #999; font-size: 11px; }

/* sign */
#loginWrap .mlog-sign .sign { padding-left: 220px; padding-right: 220px; color: #999; font-weight: 400; }
#loginWrap .mlog-sign .sign strong { color: #404040; font-weight: 400; }
#loginWrap .mlog-sign .sign a { width: 255px; height: 40px; border: 1px solid #999; box-sizing: border-box; border-radius: 2px; line-height: 38px; }
#loginWrap .mlog-sign .sign a:hover { border-color: #231f20; }

/* simpleLogin */
#loginWrap #simpleLogin { padding-left: 220px; padding-right: 220px; text-align:center; }
#loginWrap #simpleLogin p { color: #999; }
#loginWrap #simpleLogin .sns-login { gap: 10px; }
#loginWrap #simpleLogin .sns-login a { display: block; width: 35px; }
#loginWrap #simpleLogin .sns-login a.kakao { width: 100%; height: 38px; padding: 0 10px; box-sizing: border-box; position: relative; top: 0; left: 0; background-color: #fce20a; color: #0d0d0d; font-size: 14px; font-weight: 500; text-align: center; line-height: 38px; }
#loginWrap #simpleLogin .sns-login a.kakao svg { border-radius: 2px; position: absolute; top: 50%; left: 0; transform: translate(20px, -50%); }

/* noneMember */
#loginWrap .mlog-sign > div.noneMember { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.noneMember a { display: block; width: 225px; height: 40px; margin: 0 auto; background-color: #e5e5e5; color: #404040; font-size: 12px; text-align: center; line-height: 40px; }
/* BASIC css end */