@import url(https://cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css); /* 나눔 스퀘어 라운드 300 400 700 800 */

/* 방과후 지도사 글씨 12pt */
@font-face {
   font-family:'AppgulimR';
   src: url('/static/dist/css/fonts/AppgulimR.eot');
   src: url('/static/dist/css/fonts/AppgulimR.woff') format('woff');
   /* font-weight:300; */
   font-style:normal;
}

/* 과목명 15pt */
@font-face {
   font-family:'ComsetakR';
   src: url('/static/dist/css/fonts/ComsetakR.eot');
   src: url('/static/dist/css/fonts/ComsetakR.woff') format('woff');
   /* font-weight:300; */
   font-style:normal;
}

/* 강사명 20pt */
@font-face {
   font-family:'NamoogothicB';
   src: url('/static/dist/css/fonts/NamoogothicB.eot');
   src: url('/static/dist/css/fonts/NamoogothicB.woff') format('woff');
   font-weight: bold;
   font-style: normal;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
   font-family: 'NanumSquareRound', sans-serif;
}

body{
   font-family: 'NanumSquareRound', sans-serif;
   font-weight: 400;
   font-size: 14px;
   -webkit-font-smoothing: antialiased;
   /* -webkit-text-shadow: rgba(0,0,0,.01) 0 0 0.45px;
   -webkit-text-stroke: 0.45px rgba(0, 0, 0, 0.1);
   text-shadow: rgba(0,0,0,.01) 0 0 0.45px; */
   -moz-osx-font-smoothing: grayscale;
}
.fa-plus{
    font-size:14px;
}
.sign_form{
    text-align:center;
    margin:0 auto;

}
.card{
 padding:3%;
}
.check{
 float:right;
}

.ok_btn{
float:right;
width:23%}

.form-actions{
text-align:center;
}

.pg{
 margin:0 auto;
}
.ck_box{
 font-size:16px;
 width:100%;

}
.tb{
 background-color:rgb(255, 255, 255);
}
.sr_i{
color:#00C292;
}
.st_list_th{
 background-color:#9bd6f1;
}
.st_list{
 background-color:rgb(255, 255, 255);
}
.tc_list{
 background-color:rgb(255, 255, 255);
}
.tc_head{
 background-color:#aeffdd;
}

.deal_tb td{
 border-right: solid 1px black;
}
.sbox_ele{
text-align:right;
}
.m_head{
 color:#fff;
}
.m_foot{
 margin:0 auto;
}
.in-line{
 width:350px;
 height:40px;
}
.hh{
 margin:0 auto;
}
.hh[type="text"]{
 width:80%;
 border:solid 1px rgb(241, 238, 238);
 font-size:1em;
 padding-left: 5px;
 display:inline;
 outline:none;
 box-sizing: border-box;
 color:black;

}
.hh[type=button]{
 width:15%;
 border:none;
 background-color:rgb(97, 203, 252);
 font-size:1em;
 color:#fff;
 outline:none;
 display:inline;
 box-sizing: border-box;
 margin-left:-30px;
}
.hh[type=button]:hover{
 background-color:rgb(45, 158, 252);
}
.pl_form{
   margin:0 auto;
}
.tc_info{
   border-radius: 20px;
   background-color:rgb(239, 244, 247);
   padding:20px;
}
.tc_btn{
  float: right;
}
.place_bt{
   float:right;
}
.class_btn{
 float:right;
}
.sands{
 float:right;
}
.s_1{
 margin-top:0.7rem;
}
.c_list_tc{
line-height:0.7rem;
margin-left:-15px;
}
.dropdown-item:hover{
 background-color:rgb(160, 250, 227)!important;
}
.btn-class{
float:right;
}
.go_place2{
 color:white !important;
}
.go_place{
 color:green !important;
}    
.plz{
margin-left:auto;
padding-right:10px;
}
.edit-btn{
text-align:right;
}
.dtc{
margin-top:2.2%;
}
.dtc2{
 width:100%;
 background-color:#edf6fa !important;
 color:#67b3ff !important;
}
.dtc2:hover{
 background-color:#67b3ff !important;
 color:#fff !important;
}
.cody_img{
 width:50%;
}
.writer{
font-size:17px;
}
.tb_head{
 border: solid 1px rgb(131, 130, 130) !important;
}
.when{
 margin-top:45%;
}
.ok_btn{
 width:100%;
}
.go_cody{
 float: right;
}
.pu{
 color:rgb(136, 190, 252);
}
.top_btn{
 float:right;
}
.timetb{
 margin-left:25%;
}
.tc_search{
  float:right;
}
.wtc{
   margin-top:5%;
}
.tible{
   width:100%;
}
.lettc{
   float: right;
}
.srch{
   margin-top:1.6%;
}
.three_btn{
 float: right;
}
.ckb{
   width:20px !important;
}
.width-20{
   width:20%;
}
.p_si{
   font-size:50px;
}

.ckb2{
   width:20px !important;
   float:right;
}
.ckb3{
   width:20px !important;
   vertical-align: middle

}

.save_button{
   float:right;
}

.cbody{
   border:solid 1px #4a4a4a;
}
.sign_img{
   width:50%;
}


.skin-darkGray .skin-darkGray-header { background: #4a4a4a;}
.btn-darkGray { border-color: #4a4a4a!important; color: #4a4a4a!important;}
.btn-darkGray:hover { background-color: #4a4a4a; color: #fff!important;}
.topbar .top-navbar .navbar-header {padding-left: 10px; min-width: 70px;background: #171d23!important; }
.sidebar-nav ul li a.active, .sidebar-nav ul li a.active i, .sidebar-nav ul li a:hover, .sidebar-nav ul li a:hover i { color:#fd497e; border-color: #4a4a4a!important; font-weight: 400}
.sidebar-nav>ul>li.active>a , i:nth-last-child(2){color: #fff!important; border-color: #4a4a4a!important;}
.text-darkGray {color: #fff!important}
.skin-darkGray .page-titles .breadcrumb .breadcrumb-item.active,.skin-darkGray  .sidebar-nav ul li a.active, 
.skin-darkGray .sidebar-nav ul li a.active i, 
.skin-darkGray .sidebar-nav ul li a:hover,
.skin-darkGray .sidebar-nav ul li a:hover i{ color:#01C0C8!important;}
.skin-darkGray .sidebar-nav>ul>li.active>a i{color: #fff !important}
.sidebar-nav li:hover, .hide-menu:hover {  color: #fff!important;}
.weight-400 {font-weight: 400}
.weight-900 {font-weight: 900;; font-size: 1.8rem}
.hoverCard:hover {box-shadow: 0 0 0 5px rgba(181, 136, 240, 0.514) inset;}
.hoverCard:hover .el-card-avatar.el-overlay-1{transition: 0.9s; transform: rotateY(180deg);}


.sr{
   float:right;
}

.pg{color: #4a4a4a !important}

.table-darkGray{
   background-color:#e8e8e8;
}

.payList *{ vertical-align: middle!important; text-align: center}
.payList td { padding:7.999px 16px!important}

.banking_tb{
   width:20%;
}
.ftsize{
   font-size: 14px !important;
}
.check_2btn{
   width:15%;
}
.manage_src{
   width:30%;
   margin-left:35%;
}
.selectOption span{
display: inline-block;
padding:8px;
 margin-bottom:5px;
/* margin-top:3px; */ 
}

.btbt{
   background-color:#03A9F3;
   border-radius:60px;
   color:white!important;
}


.skin-default .topbar { background:white;}
.topbar .top-navbar .navbar-header {background: #516679;}
.left-sidebar, .mega-dropdown .nav-accordion .card-header {background: #171d23;}
.page-titles{background:#ffffff!important;box-shadow: none; color:#4a4a4a!important;}
.page-titles h3{color:#5b636b!important; font-family: 'NanumSquareRound', sans-serif!important; font-weight: 700;}
.breadcrumb-item+.breadcrumb-item::before{color: #526679!important;}
.ti-close:before{color:#526679!important;}
.hide-menu{color:#fff;}
.navbar-collapse{background-color:none!important;}
.sidebar-nav ul li:nth-child(1){color:#fd497e!important;}

@media(min-width:768px){
   .mini-sidebar .sidebar-nav #sidebarnav>li:hover>a{background: #171d23!important;border-radius:0px 8px 3px 0px;}
   .mini-sidebar .sidebar-nav #sidebarnav>li>a{padding: 15px 15px 10px 25px;}
   .sidebar-nav ul li ul {background:#171d23!important; border-radius:0px 2px 8px 0px;}
   .sidebar-nav ul li ul li{background:#171d23!important;}
   .sidebar-nav>ul>li.active>a, i:nth-last-child(2){border-color:#fff!important;}
   .sidebar-nav ul li a.active, .sidebar-nav ul li a.active i, .sidebar-nav ul li a:hover, .sidebar-nav ul li a:hover i{border-color:#fff!important;}


}
.breadcrumb { float: right;}

.time_info {
   padding: 10px;
   border-radius: 5px;
   border: 1px solid #e8e8e8;
}

.search_info {
   padding: 10px;
   border-radius: 5px;
   border: 1px solid #e8e8e8;
}

.label-gray {
   background-color: #808080;
}

.label-skyblue {
   color: #ffffff;
   border: 1px solid #5da7dc;
   background-color: #5da7dc;
   padding: 2px 3px;
}

.label-pink {
   color: #ffffff;
   border: 1px solid #e07571;
   background-color: #e07571;
   padding: 2px 3px;
}

.label-yellow {
   color: #ffffff;
   border: 1px solid #fdbe00;
   background-color: #fdbe00;
   padding: 2px 3px;
}

.label-outline {
   color: #5b636b;
   border: 1px solid #5b636b;
   padding: 2px 3px;
}

.text-underline {
   border-bottom: 2px solid #b4e7f8;
   box-shadow: inset 0 0 0 #b4e7f8;
   color: #5b636b!important;
   overflow-wrap: break-word;
   word-wrap: break-word;
   word-break: break-word;
   font-weight: bold;
   text-decoration: none;
}

.text-underline-red {
   border-bottom: 2px solid #f8b6b4;
   box-shadow: inset 0 0 0 #f8b6b4;
   color: #5b636b!important;
   overflow-wrap: break-word;
   word-wrap: break-word;
   word-break: break-word;
   font-weight: bold;
   text-decoration: none;
}

.text-gray {
   color: #5b636b!important;
}

.text-gray-noim {
   color: #5b636b;
}

.text-red {
   color: red!important;
}

.cursor-pointer {
   cursor: pointer;
}

.table-lightGray {
   background-color: #fafafa;
}

.font-size-small {
   font-size: 10px;
}

.font-size-medium {
   font-size: 11px;
}

.form-small {
   padding: 1px!important;
   min-height: 28px!important;
   height: 0px!important;
}

.stu-name {
   border-bottom: 2px solid #b4e7f8;
   box-shadow: inset 0 0 0 #b4e7f8;
   color: #5c7082!important;
   font-weight: bold;
   font-size: 15px;
}

.stu-name a {
   font-weight: bold;
}

.stu-name a:hover {
   background: #b4e7f8;
}

.tch-name {
   border-bottom: 2px solid #b4e7f8;
   box-shadow: inset 0 0 0 #b4e7f8;
}

.tch-name a {
   color: #212529;
}

.tch-name a:hover {
   font-weight: bold;
   background: #b4e7f8;
}

.cls-name {
   border-bottom: 2px solid #f8b6b4;
   box-shadow: inset 0 0 0 #f8b6b4;
}

.cls-name a:hover {
   font-weight: bold;
   background: #f8b6b4;
}

/* Scrollable table styling */
.scrollable.has-scroll {
 position:relative;
 overflow:hidden; /* Clips the shadow created with the pseudo-element in the next rule. Not necessary for the actual scrolling. */
}
.scrollable.has-scroll:after {
 position:absolute;
 top:0;
 left:100%;
 width:50px;
 height:100%;
 border-radius:10px 0 0 10px / 50% 0 0 50%;
 box-shadow:-5px 0 10px rgba(0, 0, 0, 0.25);
 content:'';
}

/* This is the element whose content will be scrolled if necessary */
.scrollable.has-scroll > div {
 overflow-x:auto;
}

/* Style the scrollbar to make it visible in iOS, Android and OS X WebKit browsers (where user preferences can make scrollbars invisible until you actually scroll) */
.scrollable > div::-webkit-scrollbar {
 height:12px;
}
.scrollable > div::-webkit-scrollbar-track {
 box-shadow:0 0 2px rgba(0,0,0,0.15) inset;
 background:#f0f0f0;
}
.scrollable > div::-webkit-scrollbar-thumb {
 border-radius:6px;
 background:#ccc;
}

.table-body-scroll {
   max-height: 200px;
   overflow-y: auto;
}

.page-wrapper {
   background-color: #f9f9f9!important;
}

/* .card {
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
   border-radius: 5px 5px 5px 5px;
} */

#swal2-content {
   font-weight: bold;
   color: #7b7b7b;
   font-size: 25px;
}

.swal2-icon {
   margin: 2.25em auto 0.875em!important;
}

.modal-title {
   font-weight: 700!important;
   color: #5c7082!important;
}

.popover-body {
   text-align: center;
}


.table-responsive::-webkit-scrollbar {
   height:12px;
}

.table-responsive::-webkit-scrollbar-track {
box-shadow:0 0 2px rgba(0,0,0,0.15) inset;
background:#f0f0f0;
}

.table-responsive::-webkit-scrollbar-thumb {
border-radius:6px;
background:#ccc;
}

.td-middle {
   vertical-align: middle!important;
}

.container-fluid {
   min-height: 820px!important;
}

.input-small {
   padding: 0px!important;
   min-height: 28px!important;
   height: 0px!important;
}