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


.loginArea { width:100%; max-width:1140px; margin:160px auto; }
.loginArea:after { content:''; clear:both; display:block; }
.loginArea .mlog-sign { float:left; width:550px; }
.loginArea .mlog-sign > h1 { font-size:25px; font-weight:bold; margin:0 0 40px; }
.loginArea .mlog-sign > h1 .orderBtnArea { display:inline-block; vertical-align:bottom; margin:0 0 0 40px; }
.loginArea .mlog-sign > h1 .orderBtnArea span { margin:0 20px 0 0; position:relative; display:inline-block;  }
.loginArea .mlog-sign > h1 .orderBtnArea span:first-child:after { content:''; position:absolute; top:4px; right:-10px; width:1px; height:10px; background:#dbdbdb; } 
.loginArea .mlog-sign > h1 .orderBtnArea span a { font-size:13px; font-weight:normal; display:block; color:#989898;  }
.loginArea .mlog-sign > h1 .orderBtnArea span.selected a { color:#171717; font-weight:bold; }
.loginArea .mlog-sign .mlog .loginFormArea { margin:0 0 15px;  }
.loginArea .mlog-sign .mlog .loginFormArea:after { content:''; clear:both; display:block; }
.loginArea .mlog-sign .mlog .loginFormArea .frm-list { float:left; width:375px; }
.loginArea .mlog-sign .mlog .loginFormArea .frm-list li.id { margin:0 0 10px; }
.loginArea .mlog-sign .mlog .loginFormArea .frm-list input { width:100%; height:50px; border:1px solid #F2F2F2; background:#F2F2F2; border-radius:50px; font-size:15px; box-sizing:border-box; padding:0 30px; transition:0.3s; color:#989898; }
.loginArea .mlog-sign .mlog .loginFormArea .frm-list input::placeholder { color:#989898; }
.loginArea .mlog-sign .mlog .loginFormArea .frm-list input:focus { background:#fff; border-color:#171717; color:#171717; }
.loginArea .mlog-sign .mlog .loginFormArea .loginBtn { float:right; width:168px; height:110px; line-height:110px; text-align:center; border-radius:10px; color:#fff; background:#171717; font-size:14px; transition:0.3s; }
.loginArea .mlog-sign .mlog .loginFormArea .loginBtn:hover { color:#E59DA0; }
.loginArea .mlog-sign .mlog .se-log { font-size:13px; padding:0 30px; }
.loginArea .mlog-sign .mlog .se-log label { cursor:pointer; }
.loginArea .mlog-sign .mlog .se-log input[type=checkbox] { background: url(/design/monobarbie/PL/img/m_cation_icon.png) center no-repeat; opacity:0.5; transition:0.3s; width:13px; height:13px; background-size:100% 100%; margin:-3px 3px 0 0; }
.loginArea .mlog-sign .mlog .se-log input[type=checkbox]:checked { opacity:1; }
.loginArea .mlog-sign .sign { text-align:center; padding:30px 0 35px; font-size:0; }
.loginArea .mlog-sign .sign .msg li { display:inline-block; vertical-align:top; position:relative; padding:0 20px; }
.loginArea .mlog-sign .sign .msg li:first-child:after { content:''; position:absolute; right:0; width:1px; height:10px; top:3px; background:#989898; }
.loginArea .mlog-sign .sign .msg li a { font-size:13px; }
.loginArea .mlog-sign #simpleLogin .sns-login { margin:0 0 20px; }
.loginArea .mlog-sign #simpleLogin .sns-login { display:flex; }
.loginArea .mlog-sign #simpleLogin .sns-login > div { flex:1; text-align:center; }
.loginArea .mlog-sign #simpleLogin .sns-login > div.naverBtn { margin:0 6px 0 0; }
.loginArea .mlog-sign #simpleLogin .sns-login > div.kakaorBtn { margin:0 3px; }
.loginArea .mlog-sign #simpleLogin .sns-login > div.fbBtn { margin:0 0 0 6px; }
.loginArea .mlog-sign #simpleLogin .sns-login > div img { width:18px; margin:-3px 7px 0 0; vertical-align:middle; }
.loginArea .mlog-sign #simpleLogin .sns-login > div a { height:50px; line-height:49px; border:1px solid #989898; font-size:14px; display:block; border-radius:50px; transition:0.3s; }
.loginArea .mlog-sign #simpleLogin .sns-login > div a:hover { background:#f1f1f1; }
.loginArea .mlog-sign #simpleLogin > p { color:#BEBEBE; font-size:13px; line-height:1.6; }
.loginArea .loginBenefit { float:right; width:470px; }
.loginArea .loginBenefit > h1 { font-size:25px; font-weight:bold; margin:0 0 40px; } 
.loginArea .loginBenefit ul { font-size:0; padding:20px 0;  }
.loginArea .loginBenefit ul li { display:inline-block; vertical-align:top; width:33.3333%; position:relative; text-align:center; }
.loginArea .loginBenefit ul li:after { content:''; position:absolute; right:0; width:1px; top:10px; bottom:10px; background:#DBDBDB; }
.loginArea .loginBenefit ul li:last-child:after { width:0; }
.loginArea .loginBenefit ul li dt { margin:0 0 15px; }
.loginArea .loginBenefit ul li dt img { height:33px; }
.loginArea .loginBenefit ul li dd { font-weight:bold; font-size:14px; margin:0 0 4px; }
.loginArea .loginBenefit ul li p { font-size:14px; color:#989898; line-height:1.5; }
/* BASIC css end */