/* BASIC css start */
div.login-page { width: 1000px; margin: 0 auto; padding: 70px 0 70px; border: 1px solid #e5e5e5; box-sizing: border-box; margin-top: 30px; }

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

#loginWrap .page-body .contents p { text-align: left; float: left; display: block; width: 675px; font-family: 'Jost','Noto Sans KR', sans-serif; }

#loginWrap .page-body {width:100%; font-size:0; padding:140px 0 200px; text-align:center; width:auto; }
#loginWrap .page-body:before,
#loginWrap .page-body:after{content:""; width:auto; /* 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:675px; font-size:12px; box-sizing:border-box; }
#loginWrap .page-body .login_wrap *{ font-family:'Noto Sans KR', sans-serif; }


#loginWrap .page-body h2{height:44px; line-height:100%; font-size:30px; font-weight:1000; letter-spacing:-1px;   font-family: 'Jost','Noto Sans KR', sans-serif; }
#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-left:1px solid #e6e6e6; border-top: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{border-color:#000; border-bottom:1px solid #FFF;  }
#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:inline-block; width: 80%; float:left; height:42.5px; box-sizing:border-box; border:1px solid #dddddd; line-height:52px; padding:0; margin-bottom:5px; color:#000; font-size:14px; text-indent:20px;  }
#loginWrap .page-body  .mlog .btnlogin{ display:inline-block; width:125px; height:90px; line-height:90px; border:0; background:#000; color:#FFF; font-size:18px; text-align:center;  }
#loginWrap .page-body  .ck_box_wrap { width:675px; overflow:hidden; text-align:left; margin-bottom:30px; }
#loginWrap .page-body  .ck_box_wrap p { font-size:14px; height:30px; line-height: 30px; }
#loginWrap .page-body  .ck_box_wrap .link{ display:inline-block; float:right; color:#000; font-size:14px; }
#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 { padding-top:30px; /* border-top:1px solid #e5e5e5;*/ margin-top:5px; }
#loginWrap .page-body  .login_sns_btns p { font-size:19px; width:675px; line-height:32px; margin-bottom:5px; text-align:left; float:left; padding-bottom:10px; font-family: 'Jost','Noto Sans KR', sans-serif; }
#loginWrap .page-body  .login_sns_btns li { display:inline-block; float:left; box-sizing:border-box; margin-bottom:30px;}
#loginWrap .page-body  .login_sns_btns li a { display:inline-block; height:52px; line-height:52px; font-size:15px; color:#000; overflow:hidden; margin-right: 5px; }
#loginWrap .page-body  .login_sns_btns li a img {display:inline-block; vertical-align:top; }
#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;  }


#loginWrap .page-body  .guest-login li input {
    display: inline-block;
    width: 80%;
    float: left;
    height: 42.5px;
    box-sizing: border-box;
    border: 1px solid #dddddd;
    line-height: 52px;
    padding: 0;
    margin-bottom: 5px;
    color: #000;
    font-size: 14px;
    text-indent: 20px;
}


#loginWrap .page-body  .guest-login .btnlogin {
    display: inline-block;
    width: 125px;
    height: 90px;
    line-height: 90px;
    border: 0;
    background : #eeeeee;
    color : #2f2f2f;
    font-size: 18px;
    text-align: center;
}
#loginWrap .page-body  .guest-login p {
    font-size: 15px;
    text-align: left;
    margin-bottom: 5px;
    line-height: 32px;
}
#loginWrap .page-body .guest-login fieldset {
    padding-top: 30px;
    border-top: 1px solid #e5e5e5;
    margin-top: 45px;
}


#loginWrap .page-body .membership { margin-top: 150px; }
#loginWrap .page-body .membership h2 { font-weight: 600; margin-bottom: 30px; }


.join-box .title { padding-top: 40px; border-top:1px solid #e5e5e5; margin:10px auto; font-size:19px; }
.join-box .title span{ font-size:12px; color:#888; }
.join-box a.link { background: #000; padding: 15px; display: block; font-size: 15px; color: #fff; text-align:center; margin-bottom: 10px; }
.join-box p.desc { color:#888888; line-height:20px; }


/* BASIC css end */