@font-face {
     font-family: 'S-CoreDream-4';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
*{font-family:'S-CoreDream-4'!important }


.loginpage .card-wrapper {width:400px;margin:0 auto;}
.loginpage .card-wrapper .card {border-color: transparent; box-shadow: 0 0 40px rgba(0,0,0,.05);}
.loginpage .card-wrapper .card.fat{padding: 10px;}
.loginpage .card-wrapper .card-footer, .loginpage .card-wrapper .card-header{border:0px;background-color:white;}
.loginpage .card-wrapper .card-header {border-bottom:2px solid #0F9DF7}


section{margin-top:0px!important;padding-top:0px!important}

.nav-link-icon, .nav-link-text{font-size:1.3em!important}
.form-control:disabled, .form-control[readonly] {background-color: #edf2f9}
.avatar-name{font-size:1.2em}
.bg-header{background:url(..//img/icons/spot-illustrations/corner-2.png) no-repeat 100% 0; background-size: contain;}
tr.selected td {color: white;}

#people .nav-tabs .nav-link {font-size: 1.5em;}
#people-asign .nav-tabs .nav-link {font-size: 1.3em;}

.table-centered th, .table-centered td{text-align: center;vertical-align: middle;}
/*기본설정*/
#setting .table-selectable th, #setting .table-selectable td{text-align: center}


.show-sm{display: none}
.show-sm-inline{display: none}
.show-xxl{display: none}
.show-xxxl{display: none}

@media screen and (max-width: 1600px) {
     .hide-xxxl{display: none}
     .show-xxxl{display: block;}
}

@media screen and (max-width: 1400px) {
     .hide-xxl{display: none}
     .show-xxl{display: block;}
     .cellphoneIcon{display: block;}
     .cellphoneNum{display: none;}
}
@media screen and (max-width: 992px) {
     .hide-lg{display: none}
     .show-lg{display: block;}
}

@media screen and (max-width: 768px) {
     /*공통*/
     .show-sm{display: block!important;}
     .show-sm-inline{display: inline!important;}
     .hide-sm{display: none!important;}

     .table-phone thead {display: none;}
    .table-phone tbody {display: block;}
    .table-phone tr{display: block;}
    .table-phone tr:first-child{border-top:2px solid #dddddd}
    .table-phone tr:last-child{border-bottom:2px solid #dddddd}
    .table-phone td {display: flex;text-align: left!important;padding:2px!important}
    .table-phone td:not(.no-before):before {content:attr(td-title); min-width: 80px;text-align: right;padding-right:10px;border-right: 1px solid #dddddd;}
    .table-phone .mobile-td-content{padding-left:10px;}
    .table-phone td:last-child{padding-bottom: 10px!important}
    .table-phone td:first-child{padding-top: 10px!important}
}