/* BASIC css start */
#loginWrap {padding-top: 40px;width: 95%;margin: 0 auto;}
#loginWrap .mlog-sign {/* height:458px; *//* border:1px solid #e9e9e9; */border-top:none;}
#loginWrap .mlog-sign .mlog,
#loginWrap .mlog-sign .sign {/* float:left */}
#loginWrap .mlog-sign h3 {padding-top:35px;font-size: 21px;color:#363636;font-weight:bold;line-height:18px;}
/* member login */
#loginWrap .mlog-sign .mlog {margin-top:44px;padding: 0;position:relative;margin: 0 auto;text-align: center;box-sizing: border-box;}
#loginWrap .mlog-sign .mlog p {padding-top:20px;font-size: 15px;line-height: 1.45em;color: #adadad;}
#loginWrap .mlog-sign .frm-list {padding-top: 25px;position:relative;/* width:386px */}
#loginWrap .mlog-sign .frm-list li {position:relative;width: 100%;margin-bottom: 0;}
#loginWrap .mlog-sign .frm-list li label { padding-left:11px; position:absolute; top:0; left:0; width:375px; height:50px; color:#adadad; line-height:50px; cursor:text }
#loginWrap .mlog-sign .frm-list li input {padding-left:10px;width: 100%;height: 40px;line-height: 40px;border:1px solid #ddd;box-sizing: border-box;}
#loginWrap .mlog-sign .btn-mlog {padding-top: 18px;position:relative;}
#loginWrap .mlog-sign .btn-mlog a {width: 100%;height: 44px;font-size:16px;line-height: 44px;border-radius: 5px;}
#loginWrap .mlog-sign .se-log {position:relative;color:#666 !important;text-align: left;}
#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 {margin-top: 14px;/* padding-left:76px; *//* width:386px; */text-align: center;}
#loginWrap .mlog-sign .sign a{border: none !important;padding: 0 15px;}

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


.page-body{width: 90%;margin:0 auto;}
#content .tit-page {padding-bottom:10px;position: relative;font-size:18px;color:#202020;line-height:18px;font-weight:bold;border-bottom: 1px solid #ececec;text-align: center;margin: 0 auto;}
#content .tit-page .dsc { position: absolute; right: 0px; top: 15px; font-size: 11px; color: #a5a5a5; letter-spacing: -1px; }
#content .tit-page .dsc em { color:#333; }
#content .tit-page img {
    width: 200px;
}

.login_menu {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.login_menu span {
    display: table-cell;
    background: #f3f4f8;
    padding: 14px 0;
    border-radius: 6px;
    font-size: 14px;
    color: #636365;
    cursor: pointer;
}
.login_menu span.current{
    background: transparent;
    color: #000;
    border: 2px solid #cccccc;
}
.login_menu span.active{
    background: transparent;
    color: #000;
    border: 2px solid #cccccc;
}
.login_menu span:hover{
    background: transparent;
    color: #000;
    border: 2px solid #cccccc;
}

p.p_or {
    margin: 35px 0;
    padding-top: 0 !important;
    color: #dfdfdf !important;
}

li.pwd {
    margin-top: -1px;
}
p.btn_back {
    border:  1px solid #ededed;
    padding: 7px 15px;
    border-radius: 14px;
    display: inline-block;
}


#simpleLogin .sns-login img {
    width: 100%;
}

.CSSbuttonBlack {
    display: inline-block;
    color: #fff !important;
    text-align: center;
    border: 1px solid #231f20;
    background: #231f20;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
/* BASIC css end */