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

#loginWrap { padding-top:130px }
#loginWrap .commonLayout h3 { padding-top:35px; font-size:18px; color:#363636; font-weight:bold; line-height:18px }
#loginWrap .commonLayout > div { margin-bottom: 40px; padding: 0 200px 40px; border-bottom: 1px solid #d9d9d9; box-sizing: border-box; }
/* member login */
#loginWrap .commonLayout .mlog,
#loginWrap .commonLayout.order-sp .frm-wrap { margin-top: 80px; } 
#loginWrap .commonLayout .mlog p { padding-top:20px; font-size:11px; color:#adadad }
#loginWrap .commonLayout .mlog .loginWrap { gap: 0 16px; }
#loginWrap .frm-list { display: grid; width: 100%; gap: 10px 0; }
#loginWrap .frm-list li { display: flex; align-items: center; gap: 0 10px; }
#loginWrap .frm-list li label { min-width: 80px; color: #999; font-size: 13px; font-weight: 500; }
#loginWrap .frm-list li input { width: 330px; height: 35px; padding: 0 15px; border: none; box-sizing: border-box; background-color: #f5f5f5; line-height: 35px; }
#loginWrap .commonLayout .btn-mlog a { width: 150px; height:80px; color: #fff; font-size:14px; font-weight: 500; text-align: center; line-height:80px; }
#loginWrap .commonLayout .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 .commonLayout .sign { padding-left: 220px; padding-right: 220px; color: #999; font-weight: 400; }
#loginWrap .commonLayout .sign strong { color: #404040; font-weight: 400; }
#loginWrap .commonLayout .sign a { width: 255px; height: 40px; border: 1px solid #999; box-sizing: border-box; border-radius: 2px; line-height: 38px; }

/* 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 .commonLayout > div.noneMember { 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; }

/* member */
#loginWrap .mlog-sign > div.member { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.member 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 */