/* BASIC css start */
#contentWrapper { padding-bottom:0 !important }

#loginWrap { padding:95px 0 107px; background:#f1f1f1 }
#loginWrap .page-body { margin:0 auto; position:relative; width:1198px; border:1px solid #c8c8c8; background:#fff }
#loginWrap .mlog-sign { padding:72px 0 88px; *zoom:1; overflow: hidden }
#loginWrap .mlog-sign:after { display:block; clear:both; content:'' }
#loginWrap .mlog-sign .mlog,
#loginWrap .mlog-sign .memberTbWrap { float: left; }
#loginWrap .log-tit { padding-top:15px; font-size:24px; color:#474852; font-weight:600; text-align:center }

/* mlog-sign */
#loginWrap .frm-list { padding-top:30px; position:relative; *zoom:1; }
#loginWrap .frm-list:after { display:block; clear:both; content:'' }
#loginWrap .frm-list li { position:relative; width:300px; border-bottom:1px solid #d9d9d9 }
#loginWrap .frm-list li label { line-height:50px; padding-left:10px; font-size:13px; color: #bfbfbf; }
#loginWrap .frm-list li .txt-frm { position:absolute;top:0;left:0;width:300px;height:50px;line-height:50px;padding:0;margin:0;border: 0;opacity: 0;filter: alpha(opacity=0);padding-left:10px;}

/* member login */
#loginWrap .mlog { padding: 0 65px 0 92px; position:relative; width:300px; border-left:1px solid #ebebeb }
#loginWrap .mlog .desc { padding-top:15px; text-align:center }
#loginWrap .mlog .desc a { font-size:13px; color:#bfbfbf; font-weight:600 }
#loginWrap .mlog .desc a span { color:#474852 }
#loginWrap .mlog .btn-mlog { position: absolute; left: 265px; top: 0px; }
#loginWrap .mlog .security { position:relative;  *zoom:1; }
#loginWrap .mlog .security:after { display:block; clear:both; content:'' }
#loginWrap .mlog .security ul .btn { padding-top:15px; text-align:center }
#loginWrap .mlog .security ul .btn a { font-size:13px; color:#bfbfbf; font-weight:600 }
#loginWrap .mlog .CSSbuttonLog { margin:32px 0 58px }
#loginWrap .mlog dl { padding-top:10px }
#loginWrap .mlog dl dt { padding-bottom:10px; font-size:14px; color:#333; font-weight:bold }

/* sign up */
#loginWrap .memberTbWrap { position:relative; float:left; width:740px }
#loginWrap .memberTbWrap .memberTbTitle { padding-top:45px; position:relative; font-size:24px; color:#5c5b67; font-weight:600; text-align:center }
#loginWrap .memberTbWrap .memberTable { }
#loginWrap .memberTbWrap .memberTable .contents {  }
#loginWrap .memberTbWrap .memberTable .contents td { position: relative; }
#loginWrap .memberTbWrap .memberTable .contents td::after { content:''; display: block; position: absolute; right:0; top: 72px; width: 1px; height:125px; background:#ebebeb }
#loginWrap .memberTbWrap .memberTable .contents td:nth-last-child(1)::after { display: none }
#loginWrap .memberTbWrap .memberTable .contents span { display: block; }
#loginWrap .memberTbWrap .memberTable .contents .subTit { display: inline-block; margin:85px 0 12px 0; padding:3px 27px 4px; background: #ccc; border-radius: 30px; font-size:15px; color: #fff }
#loginWrap .memberTbWrap .memberTable .contents .subDetail { font-size:17px; color: #000; font-weight:300 }
#loginWrap .memberTbWrap .memberTable .contents .subNum { margin:3px 0 75px 0; font-size:26px; font-weight:bold; color: #000 }

.memberWrap { float: left; width: 740px; position: relative; }
.memberWrap .tit { text-align: center; padding: 35px 0 65px 0; font-size: 23px; color: #474852; font-weight: 500; }
.memberWrap  img { /*width: 100%*/ }
.memberWrap a { position: absolute; top: 116px; height: 160px; display: block; font-size: 0; }
.memberWrap a.mypage { width: 100%; }
.memberWrap a.mypage2 { width: 272px; left: 0; top: 364px; }
.memberWrap a.event { width: 237px; left: 272px; top: 364px; }

/* simpleLogin */
#simpleLogin { position: relative; }
#simpleLogin .sns-login { padding-bottom:55px }
#simpleLogin .sns-login .sns-tit { padding-top:18px; position:relative; font-size:13px; color:#bfbfbf; font-weight:600; text-align:center }
#simpleLogin .sns-login .sns-tit span { color:#474852 }
#simpleLogin .sns-login .sns-tit:after { display:block; margin-left:-4px; position:absolute; top:0; left:50%; width:8px; height:3px; background:#000; content:'' }
#simpleLogin .sns-login .sns-btns { padding-top:32px }
#simpleLogin .sns-login .sns-btns p { padding-bottom:4px }
#simpleLogin .sns-login .sns-btns p .btnSnsLogin { display:inline-block; width:298px; height:48px; font-size:14px; font-weight:600; text-align: center; line-height:48px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#simpleLogin .sns-login .sns-btns p .btnSnsLogin.btnSnsLoginKa{color:#000; background: #ffe500; border: 1px solid #ffe500;}
#simpleLogin .sns-login .sns-btns p .btnSnsLogin.btnSnsLoginNa{color:#fff; background: #04cf5c; border: 1px solid #04cf5c;}
#simpleLogin .sns-login .sns-btns p .btnSnsLogin.btnSnsLoginAp{color:#fff; background: #000; border: 1px solid #000;}
#simpleLogin .sns-login .sns-btns p .btnSnsLogin.btnSnsLoginFb:hover { color:#fff; border: 1px solid #415798; background: #415798; cursor: hand; }
#simpleLogin .sns-login .sns-btns p .btnSnsLogin.btnSnsLoginKa:hover { color:#000; border: 1px solid #b7b7b7; background: #fff; cursor: hand; }
#simpleLogin .sns-login .sns-btns p .btnSnsLogin.btnSnsLoginNa:hover { color:#000; border: 1px solid #b7b7b7; background: #fff; cursor: hand; }
#simpleLogin .sns-login .sns-btns p .btnSnsLogin.btnSnsLoginAp:hover { color:#000; border: 1px solid #b7b7b7; background: #fff; cursor: hand; }
#simpleLogin .sns-login .sns-btns p .btnSnsLogin:active { position: relative; top: 1px; }
/* BASIC css end */