/* BASIC css start */
#loginWrap .page-body {width:100%;font-size:0;}
#loginWrap .page-body:before,
#loginWrap .page-body:after{content:""; width:100%; display:table; }
#loginWrap .page-body .login_wrap{display: block;vertical-align:top;font-size:12px;box-sizing:border-box; width:500px; margin:48px auto;}
#loginWrap .page-body .login_wrap h2{font-size: 40px;font-weight:700;color: #000;text-align: center;line-height: 1;margin-bottom: 34px;font-family:"Noto Sans KR", sans-serif;}
#loginWrap .page-body p.kakao_desc{font-size: 20px;color:#666;line-height: 18px;margin-bottom: 17px; text-align:center;}
#loginWrap .page-body .login_wrap .login_bnr{font-family:'Noto Sans KR', sans-serif;margin-bottom: 20px; padding:0 30px; display:flex;}
#loginWrap .page-body .login_wrap .login_bnr img{width:100%;}
#loginWrap .page-body .login_wrap .mlog{position: relative;}
#loginWrap .page-body .login_wrap .mlog .frm-list{margin-bottom: 20px;}
#loginWrap .page-body .login_wrap .mlog .frm-list li.id input{border-radius:10px 10px 0 0;}
#loginWrap .page-body .login_wrap .mlog .frm-list li.pwd{margin-top:-1px;}
#loginWrap .page-body .login_wrap .mlog .frm-list li.pwd input{border-radius:0 0 10px 10px;}
#loginWrap .page-body .login_wrap .mlog .frm-list li input{display:block;width:100%;height: 56px;box-sizing:border-box;border: 1px solid #dddddd !important;line-height: 56px;padding:0 0 0 10px;margin:0;color:#bbb;font-size: 15px;text-indent: 0;}
#loginWrap .page-body .login_wrap .mlog .btnlogin{display:block;height: 60px;line-height: 60px;background: #7bbe39;color: #fff;font-size: 18px;text-align:center;margin-bottom: 20px;border-radius: 10px;font-family:"Noto Sans KR", sans-serif;}
#loginWrap .page-body .login_wrap .mlog .ck_box_wrap{overflow:hidden; padding:5px 0;}
#loginWrap .page-body .login_wrap .mlog .ck_box_wrap .link{display:inline-block;color:#666;font-size: 15px;border-left: 1px solid #e0e1e5;padding: 1px 8px;line-height: 1;float:left;}
#loginWrap .page-body .login_wrap .mlog .ck_box_wrap .link:first-child{border-left:0;}
#loginWrap .page-body .login_wrap .mlog .ck_box_wrap .link.btn_find{float:right;}
#loginWrap .page-body .login_wrap .mlog .ck_box_wrap .ck_box{position:relative;display:inline-block;box-sizing:border-box;padding: 0;margin-right:15px;}
#loginWrap .page-body .login_wrap .mlog .ck_box_wrap .ck_box input{position:absolute;top:2px;left:0;}
#loginWrap .page-body .login_wrap .mlog .ck_box_wrap .ck_box label{display:inline-block;padding-left: 19px;font-size:15px;color:#666;line-height: 1;}

#loginWrap .page-body div.line{display:block;margin-top: 44px;margin-bottom: 44px;border-top: 1px solid #e6e6e6;height:0;position:relative;}
#loginWrap .page-body div.line span{position:absolute;top:-17px;left:50%;transform: translateX(-50%);display:block;width: auto;height:30px;line-height:30px;background:#FFF;color: #bbb;font-size: 18px;text-align:center;padding: 0 8px;box-sizing: border-box;font-family:"Noto Sans KR", sans-serif;}

#loginWrap .page-body .btnjoin{display:block;height: 60px;line-height: 60px;border:1px solid #000;color: #000;font-size: 18px;text-align:center;margin-bottom: 10px;border-radius: 10px;font-family:"Noto Sans KR", sans-serif;}

#loginWrap .page-body .btn_kakao_login{display:block; height: 60px;line-height: 60px;background: #fde432;color: #000;font-size: 18px;text-align:center;margin-bottom: 16px;border-radius: 10px;font-family:"Noto Sans KR", sans-serif;}
#loginWrap .page-body .btn_kakao_login img{width:22px;vertical-align:middle;margin-right:15px;}

#loginWrap .page-body .login_sns_btns{overflow:hidden;text-align: center; margin-top:25px;}
#loginWrap .page-body .login_sns_btns li{display: inline-block;box-sizing:border-box;text-align:center;margin: 0 20px;}
#loginWrap .page-body .login_sns_btns li a{display: block;font-size: 16px;color: #898989;overflow:hidden;text-align: center;}
#loginWrap .page-body .login_sns_btns li a img{display: block;width: 60px;height: 60px;margin: 0 auto;vertical-align:top;text-align: center;margin-bottom: 9px;}

.login_btn{text-align:center; color:#666; font-size:17px;}
.login_btn a{border-bottom:1px solid #666; color:#666;  font-size:17px; vertical-align:top;}
/* BASIC css end */