/* BASIC css start */
#loginWrap .loc-navi { margin-top: 40px; padding-bottom: 5px; border-bottom: 1px solid #e5e5e5; }

#loginWrap .page-body {width:100%;font-size:0;padding: 35px 25px;box-sizing: border-box;}
#loginWrap .page-body:before,
#loginWrap .page-body:after{content:""; width:100%; display:table; }

#loginWrap .page-body .banner_wrap{display:inline-block; vertical-align:top; width:100%; }
#loginWrap .page-body .login_wrap{display: block;vertical-align:top;width: 100%;font-size:12px;box-sizing:border-box;margin: 0 auto;}
#loginWrap .page-body .login_wrap *{ font-family:'Noto Sans KR', sans-serif; }
#loginWrap .page-body .login_wrap img {width: 100%;}
#loginWrap .page-body .login_bnr{}
#loginWrap .page-body .login_bnr img{width:100%;}
#loginWrap .page-body h2{font-size: 19px;font-weight:700;letter-spacing:-1px;color: #111;margin-bottom: 23px;}
#loginWrap .page-body p.kakao_desc{font-size: 13px;color: #262626;line-height: 21px;margin-bottom: 22px;}
#loginWrap .page-body a.btn_kakao_login{display:block;}
#loginWrap .page-body a.btn_kakao_login img {width: 100%;}
#loginWrap .page-body div.line{display:block;margin-top:25px;margin-bottom:20px;border-top:1px solid #e6e6e6;height:0;position:relative;}
#loginWrap .page-body div.line span{position:absolute; top:-15px; left:50%; margin-left:-30px; display:block; width:60px; height:30px; line-height:30px; background:#FFF; color:#aaaaaa; font-size:14px; text-align:center; }
#loginWrap .page-body h3{margin-top:44px; margin-bottom:22px; height:56px; line-height:56px; font-size:15px; color:#000;  }
#loginWrap .page-body  .mlog{}
#loginWrap .page-body  .mlog .frm-list{}
#loginWrap .page-body  .mlog .frm-list li{margin-bottom:-1px; }
#loginWrap .page-body  .mlog .frm-list li input{display:block;width:100%;height: 40px;box-sizing:border-box;border: 1px solid #f0f0f0;line-height: 40px;padding:0;margin:0;color:#000;font-size: 13px;text-indent: 14px;}
#loginWrap .page-body  .mlog .btnlogin{display:block;height: 38px;line-height: 38px;border:0;background:#19355c;color:#FFF;font-size: 13px;text-align:center;margin: 13px 0;}
#loginWrap .page-body  .ck_box_wrap{overflow:hidden;}
#loginWrap .page-body  .ck_box_wrap .link{display:inline-block;line-height: 1;/* float:left; */color:#000;font-size: 12px;}
#loginWrap .page-body  .ck_box_wrap .link.btn_find{/* float:right; */display: block;text-align: center;}
#loginWrap .page-body  .ck_box_wrap .ck_box{position:relative;display:inline-block;height:36px;box-sizing:border-box;padding: 0 0 6px;margin-right: 9px;}
#loginWrap .page-body  .ck_box_wrap .ck_box input{/* position:absolute; *//* top:0; *//* left:0; *//* width:100%; */}
#loginWrap .page-body  .ck_box_wrap .ck_box label{display:inline-block;padding-right: 0px;font-size: 12px;color:#000;line-height:24px;}
#loginWrap .page-body  .login_sns_btns{display:inline-block; vertical-align:top; width:100%; }
#loginWrap .page-body  .login_sns_btns{display: block;vertical-align:top;width: 100%;font-size:12px;box-sizing:border-box;margin: 0 auto;}
#loginWrap .page-body  .login_sns_btns *{ font-family:'Noto Sans KR', sans-serif; }
#loginWrap .page-body  .login_sns_btns_bnr{}
#loginWrap .page-body  .login_sns_btns img{width:100%;}
#loginWrap .page-body  .login_wrap dl.desc{margin-top:22px;margin-bottom:50px;padding: 13px 0 0;border-top:2px solid #000;}
#loginWrap .page-body  .login_wrap dl.desc dt,
#loginWrap .page-body  .login_wrap dl.desc dd{font-size: 11px;color:#000;line-height: 18px;}
.join {display: block; height: 38px; line-height: 38px; border: 0; background: #000; color: #FFF; font-size: 13px; text-align: center; margin: 20px 0;}

#loginWrap .page-body .btn_guest_order {
    display: block;
    height: 38px;
    line-height: 38px;
    border: 1px solid #000;
    background: #FFF;
    color: #000;
    box-sizing: border-box;
    font-size: 13px;
    text-align: center;
    margin: 13px 0;
}
/* 탭 */
.tabcontent {display: none;}
.tabcontent.current {display: block;}

.tab{position:relative;width:100%;margin-bottom: 13px;display:block;background: #eeeeee;border-radius: 7px;}
.tab li{width:50%;float:left;text-align:center;box-sizing:border-box;cursor: pointer;background: #eeeeee;border: 1px solid #eee;font-size: 15px;border-radius: 7px;}
.tab::after{content:'';display:block;clear:both}
.tab li a{font-size: 12px;color: #818181;padding: 10px 0;display:inline-block;box-sizing: border-box;}
.tab li[data-tab=tab1]{}
.tab li[data-tab=tab1].current{}
.tab li.current{border: 1px solid #c5c5c5;background: #fff;border-radius: 7px;}
.tab li.current a{color: #222;}
/* BASIC css end */