*{list-style-type: none;}
.writeBtn{display: block;margin-top: 25%;text-align: center}
.writeBtn a{padding: 10px 20px;font-size: 16pt;background-color: #244777;color: #fff;border-radius: 5px;}
/*setting*/
.alignLeft{text-align: left;}
.alignRight{text-align: right;}
.alignCenter{text-align: right;}
.button{margin-top: 10px; padding: 5px 10px;background: #fff;color: #333;border: 1px solid #e3e3e3;cursor: pointer}
.buttonPirmary{color:#fff;border: none}
.button:hover{background-color: #333;color: #fff;transition: 0.5s all}
.button_gray{color: #fff;background: #525252}
.admin_btn{padding:3px 10px;background: #636363;border-radius: 5px;margin-right: 10px;color: #fff}
.admin_btn:hover{background: #333;color: #fff}

label{font-size: 11pt;font-weight: 500}
label span{font-size: 9pt;font-weight: 400}
.label{text-align: left;margin-top: 10px;}
input[type="text"], input[type="password"] {border: 1px solid #e3e3e3;height: 45px;text-align: left;padding: 15px;border-radius: 5px;background: #f9f9f9;font-size: 11pt;font-weight: 600;color: #5f5f5f;}
input::placeholder {font-weight: 400;font-size: 9pt;}
/*setting*/

/*top-bar*/
.top-bar{border-bottom: 1px solid #e3e3e3;}
.top-menu ul{display: flex;}
.top-menu ul li a{padding: 5px 10px;line-height: 20px;}
/*top-bar*/


/*admin*/
.main_container>div{max-width:1200px;margin:0 auto;padding:80px 20px;}
.title{text-align: center;}
.title h2{margin:0;}
.title h2>span{color:#244777}
.iconBox{display:flex;flex-wrap: wrap;margin:40px 0 0}
.iconBox>div{text-align: center;padding:10px;width:25%;font-weight: 600;color:#000}
.tabMenu{display: flex;}
.tabMenu>a{display:block;width:50%;text-align: center;padding:15px 0;background-color: #244777;color:#fff;font-weight: 600;font-size:11pt;}
/*admin*/

/*footer*/
.footer>div{padding:30px 20px;line-height: 180%;}
.footer>div>div{padding:10px 0;color:#333}
.footer{background-color: #fff}
.pc_footer{display:none;}
.copyright{font-size: 8pt;}
/*footer*/

@media screen and (min-width:768px){
    .nt_login{padding:40px;}
    .nt_login_box label{font-size:11pt;}

    .control-group input{padding: 0 0 0 10px;}
    .register_button input{;padding: 0}

    .footer>div{text-align: left;font-size:10pt;display:flex;}
    .footer>div img{margin-right:30px;}

    .iconBox>div{;width:12.5%;}
    .tabMenu>a{;font-size:13pt;}
    .tabMenu>a:first-child{;font-size:23pt;}
}

@media screen and (min-width:1024px){
    .iconBox>div{font-size:11pt;} 
}


/* loading */
.wrap-loading{z-index: 999; position: fixed;left:0;right:0;top:0;bottom:0;background: rgba(0,0,0,0.2); filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000', endColorstr='#20000000');}
.wrap-loading div{position: fixed;top:50%;left:50%;margin-left: -21px;margin-top: -21px;}
.display-none{display:none;}
/* loading */