/* BASIC css start */
iframe[name=namecheck_frame] {display:none !important; width:0px !important; height:0px !important; bottom:0 !important; right:0 !important;}
#passimg { width : 100%; border-top: 2px solid #dadada; background-color: #fff; border-bottom: 2px solid #dadada; top: 280px; text-align: center;}
#passimg .popups .head h5 {padding: 10px 0; margin: 0; color: #000; font-weight: bold; border-bottom: 1px solid #979797; }
#passimg .popups .contents {position: relative; padding: 15px 0; }
#passimg .popups .contents table {background-color: #f1f1f1; margin: 0 auto; }
#passimg .popups .contents table td {vertical-align: middle; padding: 5px 0; border: 1px solid #979797; text-align: center; font-weight: bold; color: #000; }
#passimg .popups .contents .btns { text-align: center; padding: 10px 0; }
#passimg .popups .btns a.btn-gray-h25 {width:80%; height:35px; line-height:35px; background-color:#393939; color:#fff; text-align:center; display:block; border:1px solid #393939; margin: 0 auto;}



/* =============================================================================
   아이디/비밀번호 찾기 find_idpw.html 
   ========================================================================== */
/* 버튼 */
.btn_White {width:100%; height:35px; line-height:35px; background-color:#fff; text-align:center; display:block; border:1px solid #c6c6c6; box-sizing: border-box; vertical-align: middle;}
.btn_Black {width:100%; height:35px; line-height:35px; background-color:#393939; color:#fff; text-align:center; display:block; border:1px solid #393939; box-sizing: border-box; vertical-align: middle;}
.btn_Red {width:100%; height:40px; line-height:40px; background-color:#ab3e41; color:#fff; text-align:center; display:block; border:1px solid #ab3e41; box-sizing: border-box; vertical-align: middle;}

#findIdpw input[type="text"],#findIdpw  input[type="email"],#findIdpw  select {height:35px; border:1px solid #bbb; vertical-align: middle; padding-left:10px; box-sizing: border-box; -webkit-border-radius:0; border-radius: 0;}
#findIdpw input[type="radio"] { vertical-align:middle; }

#findIdpw .txt-input { display: block; max-width: 100%; width: 100%; height: 100%; border: 0 none; padding: 0; }
#passimg { width : 100%; border-top: 2px solid #dadada; border-bottom: 2px solid #dadada; top: 280px; }
#findIdpw { font-size:.75em; }
#findIdpw .h_title { border-top:1px solid #464646; border-bottom:1px solid #464646; padding:10px; }
#findIdpw .h_title h3 { font-weight:bold; font-size:1em; }
#findIdpw .member { padding:0 15px; margin:20px 0;}

#findIdpw .loginInput,
#findIdpw .loginBottom { margin:0; }
#findIdpw .loginInput input {width:100%; display:block; margin-bottom:10px;}
#findIdpw .loginMiddle .btn_Red {font-size:1.167em; margin:10px 0;}
#findIdpw .loginMiddle .btn_White {font-size:1.167em;}
#findIdpw .loginBottom p { padding:18px 15px; text-align:center; font-weight:bold; background:#eaeaea; }
#findIdpw .loginBottom p a.btn_auth { display: block; margin-top:10px; font-size: 14px; border:1px solid #cdcdcd; color:#3e3e3e; line-height:44px; letter-spacing:-1px; text-align:left; background:#fff; font-weight:400; }
#findIdpw .loginBottom p a.btn_auth span { display: inline-block; width:44px; margin-right:10px; border-right:1px solid #cdcdcd; }
#findIdpw .loginBottom p a.btn_auth img { width: 44px; height: 44px; }
#findIdpw .loginBottom p a.btn_Red { margin-top:10px; font-size:14px; }

.btn-mlog a:last-of-type { border: 1px solid #1c1b1b; background:#fff; box-sizing:border-box; -webkit-box-sizing:border-box; color:#1c1b1b; }

.radio-wrap {overflow: hidden; /* border:1px solid #ddd; */ box-sizing:border-box; margin-bottom: 25px;}
.radio-wrap label input {display: none;}
.radio-wrap label {width: 50%;float: left;height: 40px;line-height: 40px;text-align: center; display:block; font-size:13px; color:#1c1b1b; background:#fff; margin-top: 0px;border: 1px solid #1c1b1b;box-sizing: border-box;-webkit-box-sizing: border-box;}
.radio-wrap label:first-of-type { border-right:none }
.radio-wrap label.black { background: #1c1b1b; color: #fff;}

#loginWrap .mlog-sign .mlog .pw_box .order_chk_message {
    padding: 0;
    margin-top: 20px;
    letter-spacing: -0.025em;
    line-height: 1.5;
    
    }
    
.sign a.join_btn.guest_buy {margin-top: px;background: #1c1b1b;border: none;color: #fff;} 


.login_back_img {width: 100%;}

.login_back_img img {width: 100%;}

#loginWrap .page-body {padding: 45px 15px 70px;}

ul.frm-list li {width: 100%;margin-bottom: 10px;}

ul.frm-list li input {width: 100%;border: none;border-bottom: 1px solid #1c1b1b;font-size: 14px;height: 45px;}

p.se-log {overflow: hidden;padding-top: 5px;}

p.se-log {}

p.se-log label {float: left;}

p.se-log a {float: right; color: #0e598b; font-weight:500;    letter-spacing: -0.045em; }

.btn-mlog a {display: block;text-align: center;width: 100%;height: 45px;margin-bottom: 7px;font-size: 14px;background: #1c1b1b;color: #fff;font-weight: 500;line-height: 46px;}

.btn-mlog {margin-top: 35px;}

.btn-mlog a.naver {background: #03c75a url(/design/surflo/pc/naver_btn_img.png) 17px 50% no-repeat; border:1px solid #03c75a; color:#fff;}

.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 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: 45px;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%);}

.sign a.join_btn { display: block;
    text-align: center;
    width: 100%;
    height: 47px;
    margin-bottom: 7px;
    font-size: 14px;
    background: #fff;
    color: #1c1b1b;
    font-weight: 500;
    line-height: 47px; margin-top: 17px;border: 1px solid #ddd;box-sizing: border-box;}

.login_tab { margin-bottom: 30px; 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:500; 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: 5px;padding-left: 7px;font-size: 12px;color: #888;padding-bottom: 0;}
    
/* BASIC css end */