/* BASIC css start */
#content .tit-page {text-align:center; font-size:27px; padding-bottom:50px; border:0;}
#loginWrap { padding-top:50px; width:520px; margin:0 auto; box-sizing:border-box;  }
#loginWrap .mlog-sign {border:1px solid #000; border-top:0;}
#loginWrap .mlog-sign h3 { padding-top:35px; font-size:18px; color:#363636; font-weight:bold; line-height:18px }
#loginWrap .loginTab ul{font-size:0;}
#loginWrap .loginTab ul li{font-size:0; display:inline-block; cursor:pointer; font-size:14px; color:#a8a8a8; box-sizing:border-box; width:50%; line-height:50px; text-align:center; border:1px solid #a8a8a8; border-bottom:1px solid #000;}
#loginWrap .loginTab ul li:first-child {border-right:1px solid #000;}
#loginWrap .loginTab ul li:last-child{border-left:0!important;} 
#loginWrap .loginTab ul li.active {border:1px solid #000; border-bottom:1px solid #fff; color:#000;}
/* member login */
#loginWrap .mlog-sign .mlog {padding:80px 65px; position:relative;}
#loginWrap .mlog-sign .mlog p { padding-top:20px; font-size:11px; color:#adadad }
#loginWrap .mlog-sign .frm-list { position:relative; width:100% }
#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:375px; height:50px; color:#adadad; line-height:50px; cursor:text }
#loginWrap .mlog-sign .frm-list li input { padding-left:10px; box-sizing:border-box; width:100%; height:48px; line-height:48px; border:1px solid #ddd }
#loginWrap .mlog-sign .btn-mlog { padding-top:10px; position:relative }
#loginWrap .mlog-sign .btn-mlog a { width:100%; height:50px; font-size:15px; line-height:50px }
#loginWrap .mlog-sign .btn-mlog a.CSSbuttonBlack{background:#e0e0e0; color:#000;}
#loginWrap .mlog-sign .se-log { position:relative; 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 .util {margin:30px 0;}
#loginWrap .mlog-sign .util ul {font-size:0; text-align:center;}
#loginWrap .mlog-sign .util ul li {display:inline-block; padding:0 10px; position:relative;}
#loginWrap .mlog-sign .util ul li:after {content:''; width:1px; height:10px; background:#000; position:absolute; top:50%; right:0; margin-top:-5px;}
#loginWrap .mlog-sign .util ul li:last-child:after{display:none;}
#loginWrap .mlog-sign .util ul li a{font-size:12px; color:#000;}
/* simpleLogin */
#simpleLogin { text-align:center; margin-top:50px }
#simpleLogin h2 {font-size:17px; color:#000; padding:50px 0 30px; border-top:1px solid #ddd;}
#simpleLogin .sns-login { font-size:0 }
#simpleLogin .sns-login a { display:inline-block; margin:0 25px;}

/*비회원*/
#loginWrap .mlog-sign .btn-mlog a.CSSbuttonWhite.kakao{background:#f8ef22;}
#loginWrap .mlog-sign .util.withDesc {margin:30px 0;}
#loginWrap .mlog-sign .util.withDesc ul {font-size:0; text-align:center;}
#loginWrap .mlog-sign .util.withDesc ul li {display:inline-block; margin:0 20px; position:relative;}
#loginWrap .mlog-sign .util.withDesc ul li span{display:block;}
#loginWrap .mlog-sign .util.withDesc ul li:after{display:none;}
#loginWrap .mlog-sign .util.withDesc ul li span.desc {font-size:12px; color:#000; margin-top:15px;}
.tabContent{display:none;}
.tabContent.active{display:block;}
/* BASIC css end */