/*
    PROF 전용 CSS
*/
@import url(/common/dist/css/font.css);

body{font-family: 'IBM Plex Sans KR', sans-serif; }
b, strong{font-weight: 700;}
a {color: #0056b3}
.content-wrapper{padding-bottom: 1rem;}
.form-control-sm{font-size: 0.8rem !important; padding: 0.1rem 0.2rem; height:calc(1.6rem + 2px)}
.custom-select-sm{padding-right: 1.5rem; padding-left: 0.5rem;}
.btn-sm{font-size: 0.8rem !important; padding: 0.1rem 0.5rem; height:calc(1.6rem + 2px)}
/*
.table-sm .form-control-sm{
    font-size: 0.75rem !important;
    height: calc(1.45rem + 2px);
}
*/
.text-sm{font-size: 0.8rem !important;}
.pointer{cursor: pointer;}
.brand-text{font-family: 'Noto Sans KR';}
.header-title{font-family: 'GmarketSans';}
/* popup */
.pop-header-title{font-family: 'GmarketSans';}

[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link{
    padding-left: 25px;
}
/* data tables */
#ListTable1 thead tr th {min-width: 20px; white-space:nowrap;}
#ListTable1 tbody tr td {min-width: 20px; white-space:nowrap;}
td.dt-control{
    background: url("/common/img/details_open.png") no-repeat center center;
    cursor: pointer;
}
tr.dt-hasChild td.dt-control {
    background: url("/common/img/details_close.png") no-repeat center center;
}
table.dataTable.table-sm .sorting:before, table.dataTable.table-sm .sorting_asc:before, table.dataTable.table-sm .sorting_desc:before{
    top:calc(50% - 0.6rem);
}
table.dataTable.table-sm .sorting:after, table.dataTable.table-sm .sorting_asc:after, table.dataTable.table-sm .sorting_desc:after{
    top:calc(50% - 0.6rem);
}
/* spinner */
#overlay{	
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
    height:100%;
    display: none;
    background: rgba(0,0,0,0.0);
}
.cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;  
}
.spinner {
    width: 40px;
    height: 40px;
    border: 4px #ddd solid;
    border-top: 4px #2e93e6 solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
    100% { 
    transform: rotate(360deg); 
    }
}

.dropdown-toggle::after{display:none;}
.popover{width:500px;}
.small{font-size: 90%;}
.verified{vertical-align:sub;}

/*
    font-size
*/
.fs-40{font-size: .4rem;}
.fs-45{font-size: .45rem;}
.fs-50{font-size: .5rem;}
.fs-55{font-size: .55rem;}
.fs-60{font-size: .6rem;}
.fs-65{font-size: .65rem;}
.fs-70{font-size: .7rem;}
.fs-75{font-size: .75rem;}
.fs-80{font-size: .8rem;}
.fs-85{font-size: .85rem;}
.fs-09{font-size: .9rem;}
.fs-95{font-size: .95rem;}
.fs-10{font-size: 1.0rem;}
.fs-11{font-size: 1.1rem;}
.fs-12{font-size: 1.2rem;}
.fs-13{font-size: 1.3rem;}
.fs-14{font-size: 1.4rem;}
.fs-15{font-size: 1.5rem;}

/* width */
.w-10{width:10% !important;}
.w-20{width:20% !important;}
.w-30{width:30% !important;}
.w-40{width:40% !important;}
.w-50{width:50% !important;}
.w-60{width:60% !important;}
.w-70{width:70% !important;}
.w-80{width:80% !important;}
.w-90{width:90% !important;}

/*
    added text color
*/
.text-black{color: #000000 !important;}
.text-black-20{color:rgba(0,0,0,.2)!important}
.text-black-30{color:rgba(0,0,0,.3)!important}
.text-black-40{color:rgba(0,0,0,.4)!important}
.text-black-50{color:rgba(0,0,0,.5)!important}
.text-black-60{color:rgba(0,0,0,.6)!important}
.text-black-70{color:rgba(0,0,0,.7)!important}
.text-black-80{color:rgba(0,0,0,.8)!important}
.text-black-90{color:rgba(0,0,0,.9)!important}

.datepick{width:100px !important; background: url('/common/img/icon_cal.gif') 98% 50% no-repeat; padding-right: 20px;}

/*
    교강사,조교 계약서
*/
.contract_wrapper{background:#56b7fd url('/common/img/popup/pop_conbg.png') top left no-repeat;max-width:620px;min-height:644px;overflow-x:hidden;overflow-y:hidden;}
span.bullet{padding-top:0px;background:url('/common/img/popup/pop_dot.png') no-repeat left 5px; padding-left:8px;margin-left:10px;}