/* 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:105px 60px 0 71px; *zoom:1; overflow: hidden }
#loginWrap .mlog-sign:after { display:block; clear:both; content:'' }
#loginWrap .log-tit { font-size:24px; color:#474852; font-weight:600; text-align:center }
#loginWrap .desc { padding:15px 0; text-align:center }
#loginWrap .desc a { font-size:13px; color:#bfbfbf; font-weight:600 }
#loginWrap .desc a span { color:#474852 }

/* mlog-sign */
#loginWrap .frm-list  {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 .mlogArea { float:left; width:678px; *zoom:1 }
#loginWrap .mlogArea:after { display:block; clear:both; content:'' }
#loginWrap .mlogArea .log-tit { text-align: left; margin-left: 118px;}
#loginWrap .mlogArea .desc { text-align: left; margin-left: 92px;}

#loginWrap .mlog { position: relative; float:left; width:300px }
#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-top:33px }
#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 { padding:95px 50px 100px;     margin-top: 45px;position:relative }
#loginWrap .memberTbWrap .memberTbTitle { position: absolute; font-size: 24px;color: #5c5b67;font-weight: 600; top: 35px; left: 50%; padding: 45px 10px 0;  text-align: center;  background: #fff; transform: translateX(-50%);}
#loginWrap .memberTbWrap .memberTable { }
#loginWrap .memberTbWrap .memberTable .contents {  border: 1px solid #ebebeb;}
#loginWrap .memberTbWrap .memberTable .contents img { margin: 50px 0 30px; width: 100% }
#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 }

#loginWrap .sign { float:right; position:relative; width:300px }
#loginWrap .sign .sign-inner {  }
#loginWrap .sign .sign-inner .frm-list { padding-top:55px }
#loginWrap .sign .sign-inner .CSSbuttonLog { margin-top:59px }
#loginWrap .sign .sign-inner dl { padding-top:15px }
#loginWrap .sign .sign-inner dl dt { padding-bottom:10px; font-size:14px; color:#333; font-weight:bold }
#loginWrap .sign .sign-inner dl dd {font-size:14px;color:#777;line-height: 20px;}

/* simpleLogin */
#simpleLogin { position:relative; float:right; width:300px }
#simpleLogin .sns-login { margin-top:82px;  font-size: 0; line-height: 0; }
#simpleLogin .sns-login .sns-btns { padding-top:28px }
#simpleLogin .sns-login .sns-btns p { padding-top:4px }
#simpleLogin .sns-login .sns-btns p .btnSnsLogin { display:inline-block; width:298px; height:48px; font-size:14px; color:#c6c6c6; font-weight:600; text-align: center; line-height:48px; border: 1px solid #efefef; background: #efefef; -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.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:active { position: relative; top: 1px; }

/* ¸â¹ö½± */
.memberTable .contents .tb-center { position: relative; }
.memberTable .contents .tb-center a { position: absolute; top: 0; height: 100%; display: block; font-size: 0; }
.memberTable .contents .tb-center a.mypage { width: 686px; }
.memberTable .contents .tb-center a.event { width: 207px; right: 192px; }


/* BASIC css end */