/* BASIC css start */
#loginWrap .tit-page{
    text-align:center;
    font-size:28px;
    font-weight:400;
    margin-bottom:40px;
}

#loginWrap {width: 450px;
    margin: 0 auto;}
#loginWrap .mlog-sign { /*height:458px; border:1px solid #e9e9e9; border-top:none*/ }
#loginWrap .mlog-sign .mlog,
#loginWrap .mlog-sign .sign {}
#loginWrap .mlog-sign h3 {padding-top:35px; font-size:18px; color:#363636; font-weight:bold; line-height:18px }
/* member login */
#loginWrap .mlog-sign .mlog { /*margin-top:44px; padding:0 81px; */position:relative; /*width:386px; height:370px; border-right:1px solid #e9e9e9*/ }
#loginWrap .mlog-sign .mlog p { padding-top:20px; font-size:11px; color:#adadad }
#loginWrap .mlog-sign .frm-list { /*padding-top:18px; position:relative; width:386px*/ }
#loginWrap .mlog-sign .frm-list li { position:relative; width: 100%; margin-bottom:15px }
#loginWrap .mlog-sign .frm-list li label { padding-left:15px; position:absolute; top:0; left:0; width:100%; height:50px; font-size:14px;color:#a9a6a3; line-height:49px; cursor:text;    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; }
#loginWrap .mlog-sign .frm-list li input { padding-left:15px; width: 100%;
    height: 50px;
    line-height: 49px;
    padding: 0 15px;
    color: #a9a6a3;
    font-size: 14px;
    /*background: #f9f9f9;*/
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;outline:0; }

#loginWrap .mlog-sign .btn-mlog { position:relative }
#loginWrap .mlog-sign .btn-mlog a {width:100%;height:50px;line-height:47px;border-radius:0;font-size:16px;font-weight:normal;margin-bottom:15px;text-align:center;}
#loginWrap .mlog-sign .btn-mlog .btn1{}
#loginWrap .mlog-sign .btn-mlog .btn2{}

#loginWrap .nologin_btnbox{margin-top:15px;}
#loginWrap .nologin_btnbox a{width:100%;height:50px;line-height:47px;border-radius:0;font-size:16px;font-weight:normal;margin-bottom:15px;text-align:center;}


/* sign */
#loginWrap .mlog-sign .sign { display:none;/*margin-top:44px; padding-left:76px; width:386px*/ }
#loginWrap .mlog-sign .sign dl { padding-top:22px }
#loginWrap .mlog-sign .sign dl dt { font-size:11px; color:#adadad }
#loginWrap .mlog-sign .sign dl dd { padding-top:15px }
#loginWrap .mlog-sign .sign dl dd a { width:384px; height:58px; font-size:15px; line-height:58px }

.join-benefit-banner{
    width:100vw;
    margin-left:calc(50% - 50vw);
    overflow:hidden;
    text-align:center;
    background:#fffbf6;
}

.join-benefit-banner img{
    width:100%;
    max-width:1920px;
    height:auto;
    display:block;
    margin:0 auto;
}

/* simpleLogin */
#simpleLogin { /*text-align:center; */margin-top:35px;
    padding-top:35px;
    border-top: 1px solid #e5e2dd;}
#simpleLogin .sns-login {overflow:hidden;margin-left:-15px; /*font-size:0*/ }
#simpleLogin .sns-login a {float: left;
    width: 217px;
    margin-left: 15px;
    font-size: 16px;
    color: #fff;
    height: 50px;
    line-height: 48px;
    letter-spacing: -0.5px;
    text-align: center;
    margin-top: 15px; /*display:inline-block; *display:inline; vertical-align:top;position:relative;width:267px;margin-left:6px; *margin-left:9px*/ }
#simpleLogin .sns-login a:first-child {}
#simpleLogin .sns-login a.btn_sns1{color:#282828;background:#fbe44d;}
#simpleLogin .sns-login a.btn_sns2{background: #26c826;}
#simpleLogin .sns-login a.btn_sns3{background: #405a93;}
#simpleLogin .sns-login a.btn_sns4{background: #000;}


.idpassfind_box{padding:10px 0 25px;overflow:hidden;}
.idpassfind_box .right_box{float:right;text-align:right;}
.idpassfind_box a{font-family: 'Work Sans',sans-serif;font-size: 14px;
    color: #a2a2a2;
    letter-spacing: -1px;}
.idpassfind_box .se-log {display:none; float:left;position:relative; color:#666 !important }
.idpassfind_box .se-log label { font-size:12px }
.idpassfind_box .se-log label input { margin-top:-3px; *margin-top:-4px; vertical-align:middle }
/* BASIC css end */