/* BASIC css start */
#loginWrap { padding-top:0px }

.page-body { padding:0 50px 0px; border:0px solid #000 ;box-sizing:border-box; }
.page-body:after { content: ""; display: block; clear: both; }
.login_bnr { float:left; }
.login_line { float:left; }
.hi { height:145px }

.tit { padding:50px 0 70px;text-align:center; font-weight:bold; color:#000; font-size:22px; letter-spacing:0.5px; }
.stit {  padding:0px 0 20px;text-align:center;  color:#999999; font-size:15px; letter-spacing:0.5px; font-weight:bold;  }
.stit span { color:#000; }

#loginWrap .mlog-sign { float:left;   border-top:none }
#loginWrap .mlog-sign .mlog,
#loginWrap .mlog-sign .sign { float:left }
#loginWrap .mlog-sign h3 { padding-top:35px; font-size:18px; color:#363636; font-weight:bold; line-height:18px }
/* member login */
#loginWrap .mlog-sign .mlog { padding:0 0px; position:relative; width:320px;  }
#loginWrap .mlog-sign .mlog p { padding-top:20px; font-size:11px; color:#adadad }


#loginWrap .mlog-sign .frm-list {  position:relative; width:232px ; float:left }
#loginWrap .mlog-sign .frm-list li { position:relative; width: 100%; margin-bottom:6px }
#loginWrap .mlog-sign .frm-list li label { padding-left:11px; position:absolute; top:0; left:0; width:225px; height:40px; color:#adadad; line-height:40px; cursor:text;}
#loginWrap .mlog-sign .frm-list li input { padding-left:10px; width:215px; height:40px; border:0; line-height:40px;  background-color:#f6f6f6;}
#loginWrap .mlog-sign .btn-mlog { float:right; position:relative }
#loginWrap .mlog-sign .btn-mlog a { display:block; ;width:88px; height:88px; font-size:12px; line-height:88px; background-color:#333333;border-radius:5px; color:#fff; text-align:center }
#loginWrap .mlog-sign .se-log { position:absolute; bottom:-20px; right:0px;color:#666 !important }
#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 }
#loginWrap .mlog-sign .lost_btn a { margin-top:10px; color:#222;   }



.join_btn a { margin:30px auto 0; font-size:12px;width:320px; height:40px;line-height:40px; font-weight:bold;color:#333;display:block;border:1px solid #333333;background-color:#fff;-webkit-transition:all 0.3s ease;transition:all 0.3s ease; border-radius:5px ; text-align:center }
.join_line { margin:50px auto 30px; width:260px;  height:1px; background-color:#d3d3d3;}



/* simpleLogin */
#simpleLogin { text-align:center; margin-top:0px }
#simpleLogin .sns-login { font-size:0 }

.sns-area .move-link{ margin:5px auto 0; font-size:12px;width:320px; height:40px;line-height:40px;color:#fff;display:block;border:0px solid #333333;background-color:#333333;-webkit-transition:all 0.3s ease;transition:all 0.3s ease; border-radius:5px }
.sns-area i { font-size:22px; padding-right:5px; box-sizing:border-box; vertical-align: middle; } 
.sns-area .fb{color:#fff; background-color:#3b5998;}
.sns-area .kakao{color:#391b1b; background-color:#fae300; }
.sns-area .naver{color:#fff; background-color:#03cf5d;}


/* BASIC css end */