/* BASIC css start */
#loginWrap { position:relative; min-width:1024px; }
#loginWrap .login_back_img { float:left; width:50%;  }
#loginWrap .login_back_img img { width:100%; }
#loginWrap .page-body { position:absolute; width:50%; right:0; height: 100%;}
#loginWrap .mlog-sign { width: 51.3%;  border-top:none ;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);  -ms-transform: translate(-50%,-50%);  -o-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%);}
#loginWrap .mlog-sign .mlog,
#loginWrap .mlog-sign .sign { /* float:left; */}
#loginWrap .mlog-sign h3 {  font-size: 12px; color: #1c1b1b; font-weight: 400; line-height:18px ;font-style: italic;text-align: center;width: fit-content;margin: 0 auto;padding: 0 55px;margin-top: 59px;position: relative;letter-spacing: -0.045em;}
#loginWrap .mlog-sign h3:before { content:''; width: 40px;height: 1px;background: #888;position: absolute;left: 0;top: 50%;transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%);}
#loginWrap .mlog-sign h3:after { content:''; width: 40px;height: 1px;background: #888;position: absolute;right: 0;top: 50%;transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%);}

/* member login */
#loginWrap .mlog-sign .mlog {   position:relative; width: 100%;  }
#loginWrap .mlog-sign .mlog p { padding-top: 10px; font-size: 12px; color:#adadad ;padding-bottom: 30px;overflow: hidden;}
#loginWrap .mlog-sign .mlog p a { float:right; font-size:12px; color:#0e598b; font-weight:500; }
#loginWrap .mlog-sign .frm-list {  position:relative; width: 100%;}
#loginWrap .mlog-sign .frm-list li { position:relative; width: 100%; }
#loginWrap .mlog-sign .frm-list li label { padding-left: 8px; position:absolute; top:0; left:0; width: 100%; height: 64px; color: #888; line-height: 64px; cursor:text ;font-weight: 500;font-size: 14px;box-sizing: border-box;-webkit-box-sizing: border-box;}
#loginWrap .mlog-sign .frm-list li input { padding-left: 8px; width: 100%; height: 64px; line-height: 64px; border: none;border-bottom: 1px solid #888;color: #1c1b1b;font-size: 14px;font-weight: 400;box-sizing: border-box;
    -webkit-box-sizing: border-box;}
#loginWrap .mlog-sign .frm-list li input::placeholder { color:#888; }
#loginWrap .mlog-sign .btn-mlog { padding-top: 64px; position:relative ;width: 100%;}
#loginWrap .mlog-sign .btn-mlog a { text-align:center; width: 100%; height: 48px; font-size:14px; line-height: 48px;box-sizing: border-box;-webkit-box-sizing: border-box;border: 1px solid #1c1b1b;font-size: 14px;color: #fff;font-weight: 500;display: block;margin-bottom: 12px;}
#loginWrap .mlog-sign .btn-mlog a:last-of-type {border: 1px solid #1c1b1b;background: #fff;color: #1c1b1b; margin-bottom:0;}
#loginWrap .mlog-sign .btn-mlog a:hover { background:#fff; color:#1c1b1b; }
#loginWrap .mlog-sign .btn-mlog a:last-of-type:hover { background:#1c1b1b; color:#fff; }
#loginWrap .mlog-sign .btn-mlog a.naver { background:#03c75a url(/design/surflo/pc/naver_btn_img.png) 17px 50% no-repeat; border:1px solid #03c75a; color:#fff; }
#loginWrap .mlog-sign .btn-mlog a.kakao { background:#fee500 url(/design/surflo/pc/kakao_btn_img.png) 17px 50% no-repeat; border:1px solid #fee500; color:#191600; }
#loginWrap .mlog-sign .se-log { position:relative; color:#666 !important }
#loginWrap .mlog-sign .se-log label { font-size: 12px;color: #1c1b1b;font-weight: 400;}
#loginWrap .mlog-sign .se-log label input { margin-top:-3px; *margin-top:-4px; vertical-align:middle }

/* sign */
#loginWrap .mlog-sign .sign {   }
#loginWrap .mlog-sign .sign .join_btn { margin-top:16px; width:100%; height:48px; line-height:48px; font-size:14px; color:#1c1b1b; text-align:center; display:block; background:#fff; border:1px solid #ddd; }

/* simpleLogin */
#simpleLogin { text-align:center; margin-top:10px }
#simpleLogin .sns-login { font-size:0 }
#simpleLogin .sns-login a { display:inline-block; *display:inline; vertical-align:top;position:relative;width:267px;margin-left:6px; *margin-left:9px }
#simpleLogin .sns-login a:first-child { margin-left:0 }

.login_tab { margin-bottom: 40px; overflow:hidden; }
.login_tab li { cursor:pointer; float:left; width:50%; box-sizing:border-box; -webkit-box-sizing:border-box; text-align:center; font-size:14px; color:#888; font-weight:400; border-bottom:2px solid #1c1b1b; height:40px; line-height:40px; }
.login_tab li.on { border:2px solid #1c1b1b; border-bottom:none; color:#1c1b1b;  }
.login_cont { display:none; }
#loginWrap .mlog-sign .mlog p.order_chk_message {padding-top: 3px;padding-left: 7px;font-size: 12px;color: #888;padding-bottom: 37px;}


.radio-wrap {overflow: hidden; border: 1px solid #1c1b1b; box-sizing:border-box; margin-bottom: 26px;}
.radio-wrap label input {display: none;}
.radio-wrap label {width: 50%;float: left;height: 32px;line-height: 34px;text-align: center; display:block; font-size:13px; color:#1c1b1b; background:#fff; }
.radio-wrap label.black { background: #1c1b1b; color: #fff;}
/* BASIC css end */