/* BASIC css start */
.notice { padding:0 0 20px; font-size:16px; line-height:22px; text-align:center }

#loginWrap { padding-top:50px }
#loginWrap .mlog-sign { margin:0 auto 40px; position:relative; width:380px; text-align:center; line-height:1 }
#loginWrap .mlog-sign .mlog-tit { padding:30px 0 20px; text-align:center }
#loginWrap .mlog-sign .mlog-tit h2 { font-size:40px; font-weight:bold; font-family:Malgun Gothic,"¸¼Àº °íµñ", sans-serif; line-height:1 }
#loginWrap .mlog-sign .mlog-tit h3 { padding-top:7px; font-size:19px; }

#loginWrap .mlog-sign .mlog-tab { display:flex; position:relative; width:100%; justify-content:space-between }
#loginWrap .mlog-sign .mlog-tab li { width:189px; line-height:18px; background:#eee }
#loginWrap .mlog-sign .mlog-tab li a { display:block; height:44px; font-size:18px; color:#585858; font-weight:500; text-align:center; line-height:44px }
#loginWrap .mlog-sign .mlog-tab li.on { background:#28bab8 }
#loginWrap .mlog-sign .mlog-tab li.on a { color:#fff }

/* member login */
#loginWrap .mlog-sign .mlog { }
#loginWrap .mlog-sign .frm-list { width:100% }
#loginWrap .mlog-sign .frm-list li { margin-top:10px }
#loginWrap .mlog-sign .frm-list li label { display:none }
#loginWrap .mlog-sign .frm-list li input { padding:0 0 0 12px; width:100%; height:44px; font-size:16px; line-height:44px; border:2px solid #eee; box-sizing:border-box }

#loginWrap .mlog-sign .login_management_box { padding:15px 0 0 0; width:100%; *zoom:1 }
#loginWrap .mlog-sign .login_management_box:after { display:block; clear:both; content:'' }
#loginWrap .mlog-sign .login_management_box .id_save { float:left }
#loginWrap .mlog-sign .login_management_box .id_save label { font-size:16px; color:#585858; line-height:26px; letter-spacing:-0.5px }

#loginWrap .mlog-sign .login_management_box .id_find { float:right }
#loginWrap .mlog-sign .login_management_box .id_find li { padding:0 10px; position:relative; float:left }
#loginWrap .mlog-sign .login_management_box .id_find li:after { position:absolute; top:48%; left:0; width:1px; height:17px; transform:translateY(-50%); background:#ababab; content:'' }
#loginWrap .mlog-sign .login_management_box .id_find li:first-child:after { display:none }
#loginWrap .mlog-sign .login_management_box .id_find li:last-child { padding-right:0 }
#loginWrap .mlog-sign .login_management_box .id_find li a { display:block; font-size:16px; color:#585858; line-height:26px }

#loginWrap .mlog-sign .btn-mlog { margin-top:30px; position:relative }
#loginWrap .mlog-sign .btn-mlog .loginBtn { display:block; height:44px; font-size:18px; color:#fff; font-weight:500; text-align:center; line-height:44px; background:#28bab8 }

#loginWrap .mlog-sign .se-log { position:relative; color:#666 !important }
#loginWrap .mlog-sign .se-log label { font-size:11px }
#loginWrap .mlog-sign .se-log label input { margin-top:-3px; *margin-top:-4px; vertical-align:middle }

/* sign */
#loginWrap .mlog-sign .sign { padding:15px 0 }
#loginWrap .mlog-sign .sign span { font-size:16px; color:#585858 }
#loginWrap .mlog-sign .sign strong { font-weight:500 }
#loginWrap .mlog-sign .sign a { display:inline-block; padding:0 10px; position:relative; font-size:15px; color:#717171 }
#loginWrap .mlog-sign .sign a:before { position:absolute; top:4px; left:0; width:1px; height:14px; background:#717171; content:'' }
#loginWrap .mlog-sign .sign a:first-child:before { display:none }

/* simpleLogin */
#simpleLogin { padding:20px 0 0 }
#simpleLogin p { position:relative; font-size:15px; color:#d7d7d7; font-weight:500 }
#simpleLogin p:before,
#simpleLogin p:after { position:absolute; top:6px; left:0; width:115px; height:1px; background:#d7d7d7; content:'' }
#simpleLogin p:after { left:auto; right:0 }
#simpleLogin .sns-login { padding:20px 0 0 }
#simpleLogin .sns-login ul { display:flex; justify-content:space-between }
#simpleLogin .sns-login li { width:185px }
#simpleLogin .sns-login li img { width:100% }
#simpleLogin .sns-login li span { display:none; padding:12px 0; font-size:16px }

input[type=checkbox]{position:relative;width:18px;height:18px;line-height:1;margin-top: -2px; -webkit-appearance:none!important; outline:0;}
input[type=checkbox]:before{ background:url(/design/mhmall2023/member/check_off.png) no-repeat; background-size:18px auto; content:"";font-size:12px;text-align:center;position:absolute;left:-1px;top:0px;z-index:1;width:18px;height:18px;line-height: 18px;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}
input[type=checkbox]:checked:before{background: url(/design/mhmall2023/member/check_on.png) no-repeat; background-size:18px auto; }
input[type=checkbox]:after{display:none;content:"";position:absolute;top:-1px;left:-2px;width:16px;height:16px;background:#fff;border:2px solid #ccc;border-radius:3px;cursor:pointer;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}
input[type=checkbox]:checked:after{background: #00aa6c;border: 2px solid #00aa6c;}
/* BASIC css end */