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

#loginWrap .page-body {width:100%; font-size:0; padding:140px 0 200px; text-align:center; }
#loginWrap .page-body:before,
#loginWrap .page-body:after{content:""; width:100%; display:table; }

#loginWrap .page-body .banner_wrap{display:inline-block; vertical-align:top; width:861px; }
#loginWrap .page-body .login_wrap{display:inline-block; vertical-align:top; width:539px; font-size:12px; box-sizing:border-box; padding-left:80px; text-align:left;}
#loginWrap .page-body .login_wrap *{ font-family:'Noto Sans KR', sans-serif; }

#loginWrap .page-body .login_wrap .btn_kakao_login{ display:block; text-align:center; padding:10px; border-radius:5px; background:#fde432; }
#loginWrap .page-body .login_wrap .btn_kakao_login img { float:left; }
#loginWrap .page-body .login_wrap .btn_kakao_login_txt { font-weight:600; font-size:17px; line-height: 30px; color:#000; }



#loginWrap .page-body h2{height:44px; line-height:100%; font-size:30px; font-weight:700; letter-spacing:-1px;}
#loginWrap .page-body p.kakao_desc{font-size:16px; color:#000; line-height:24px; margin-bottom:33px; }
#loginWrap .page-body a.btn_kakao_login{display:block; }
#loginWrap .page-body div.line{display:block; margin-top:36px; margin-bottom:44px; border-top:1px solid #e6e6e6; height:0; position:relative; }
#loginWrap .page-body div.line span{position:absolute; top:-15px; left:50%; margin-left:-30px; display:block; width:60px; height:30px; line-height:30px; background:#FFF; color:#aaaaaa; font-size:14px; text-align:center; }
#loginWrap .page-body h3{margin-top:44px; margin-bottom:22px; height:56px; line-height:56px; font-size:15px; color:#000;  }
#loginWrap .page-body .login_wrap .tabs{margin-top:44px; margin-bottom:22px; height:56px; border-bottom:1px solid #000; box-sizing:border-box; }
#loginWrap .page-body .login_wrap .tabs span{float:left; display:block; width:50%; box-sizing:border-box; height:56px; line-height:54px; border:1px solid #e6e6e6; color:#aaaaaa; font-size:15px; text-align:center; }
#loginWrap .page-body .login_wrap .tabs span:nth-last-of-type(1){border-right:1px solid #e6e6e6;}
#loginWrap .page-body .login_wrap .tabs span.on{ color:#000; border: 1px solid #e8e8e8; font-weight: 500; width:100%; background:#f5f5f5;  }
#loginWrap .page-body .login_wrap .tabs span.on + span{/* border-left-color:#000;*/ }

#loginWrap .page-body  .mlog{display:none; }
#loginWrap .page-body  .mlog.on{display:block;}
#loginWrap .page-body  .mlog .frm-list{}
#loginWrap .page-body  .mlog .frm-list li{margin-bottom:-1px; }
#loginWrap .page-body  .mlog .frm-list li input{display:block; width:100%; height:54px; box-sizing:border-box; border:1px solid #dddddd; line-height:52px; padding:0; margin:0; color:#000; font-size:15px; text-indent:20px;  }
#loginWrap .page-body  .mlog .btnlogin{display:block; height:66px; line-height:66px; border:0; background:#000; color:#FFF; font-size:18px; text-align:center; margin:15px 0;  }
#loginWrap .page-body  .ck_box_wrap{overflow:hidden;}
#loginWrap .page-body  .ck_box_wrap .link{display:inline-block; line-height:36px; float:left; color:#000; font-size:15px; }
#loginWrap .page-body  .ck_box_wrap .link.btn_find{float:right;}
#loginWrap .page-body  .ck_box_wrap .ck_box{position:relative; display:inline-block; height:36px; box-sizing:border-box; padding:6px 0; margin-right:15px;  }
#loginWrap .page-body  .ck_box_wrap .ck_box input{position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; }
#loginWrap .page-body  .ck_box_wrap .ck_box label{display:inline-block; padding-left:30px; font-size:15px; color:#000; line-height:24px; background:url(/design/nak3618/ms_202010/img/checkbox_off.png) 0 center no-repeat; }
#loginWrap .page-body  .ck_box_wrap .ck_box input:checked + label{background-image:url(/design/nak3618/ms_202010/img/checkbox_on.png);}
#loginWrap .page-body  .guest_desc{padding:20px 0; line-height:24px; font-size:15px; color:#000;}
#loginWrap .page-body  .login_sns_btns{overflow:hidden;}
#loginWrap .page-body  .login_sns_btns li{float:left; width:50%; height:52px; box-sizing:border-box; padding-left:20px; margin-bottom:16px;}
#loginWrap .page-body  .login_sns_btns li a{display:block; height:52px; line-height:52px; font-size:15px; color:#000; overflow:hidden;}
#loginWrap .page-body  .login_sns_btns li a img{display:inline-block; width:52px; height:52px; vertical-align:top; margin-right:10px; }
#loginWrap .page-body  .login_wrap dl.desc{margin-top:22px; margin-bottom:50px; padding:35px 0 0 ; border-top:2px solid #000;}
#loginWrap .page-body  .login_wrap dl.desc dt,
#loginWrap .page-body  .login_wrap dl.desc dd{font-size:16px; color:#000; line-height:24px;  }



.membership-benefit { text-align:center; font-size :12px; padding-top:40px; }
.membership-benefit p.title { color:#c94a4a; font-weight : 1000; }
.membership-benefit div{ width:90px; }
.benefit-join { display:inline-block; padding: 0 10px; }
.benefit-event { display:inline-block; padding: 0 10px; }
.benefit-app { display:inline-block; padding: 0 10px; }
.benefit-grade { display:inline-block; padding: 0 10px; }

/* BASIC css end */