@charset "UTF-8";
* {margin:0;padding:0;}
li {list-style:none;}

.panel {  margin: 5px;}
.navbar-brand>img {
  /* display: block; */
  /* width: 50%; */
  height: 40px;
  margin-top: -13px;
  margin-left: -12px;
}

.fg08 {color:red;}
.fg03{color:blue;}

/*?…?Š€?ŠΈ ?ˆ¨κΉ?*/
.hidden_text{width:1px; height:1px; overflow:hidden; text-indent:-1000em; position:absolute; left:-1000px;}

.tac {text-align:center;}
.tar {text-align:right;}
.tal {text-align:left;}
.b {font-weight:bold;}

/*? „μ²? */
.wrap { position:relative; width:100%;background-color:white;margin:0 !important;}
.header { position:relative; min-width:320px; max-width:100%; margin: 0 auto; overflow:hidden;padding: 0 0;}
.header span.header_right{position: absolute;  right: 20px;  height: 70px;  line-height: 70px;  top: 0px;}  
/*.header img{width:100%;}*/
.footer {position:relative; width:100%;height:50px;margin: 10px auto 0; overflow:hidden;text-align:center;font-size:14px;font-weight:bold;line-height:50px;background-color:lightgrey;}

.title {position:relative;width:100%;margin:10px auto 10px;height:30px;border-bottom:1px solid gray;}
.title h2 {font-size:23px;}
.title .menu {position:absolute;right:0;top:0;display:none;}


/*Index Login*/
#frmLogin {width:90%;margin:0 auto;}
.login_idpw {padding-top:30px;}
.login_idpw li {height:40px;}
.login_idpw label {width:20%;}
#login {position:relative; width:100%;margin:0 auto;}
#login .member {position:relative; width:100%;margin: 0 auto; overflow:hidden;text-align:center;height:200px;margin-top:50px;}
/*
#login .member table{width:350px;height:70px;margin:0 auto;}
#login .member table td{border:1px solid black;padding:5px;}
*/
#login .member #memid {width:80%;height:100%;font-size:20px;}
#login .member #mempw {width:80%;height:100%;font-size:20px;}
#login .member #btn_login {width:100%;height:100%;}
#login input {text-align:left;border:1px solid black;  font-size: 17px;  height: 30px;width:80%;}
#login input[type=button] {text-align:center;}
#login .button {height: 80px;  line-height: 80px;text-align:center;}

/*메인*/
#main {position:relative; width:100%;margin:0 auto;}
#main .member {position:relative; width:100%;margin: 0 auto; overflow:hidden;text-align:center;}
#main .member table{width:100%;height:70px;margin:0 auto;}
#main .member table td{border:1px solid black;padding:5px;}
#main .member #memid {width:100%;height:100%;font-size:20px;}
#main .member #mempw {width:100%;height:100%;font-size:20px;}
#main .member #btn_login {width:100%;height:100%;}
#main input {text-align:left;border:1px solid black;}
#main input[type=button] {text-align:center;}


#main .banner {position:relative; width:100%;margin: 20px auto 20px; overflow:hidden;text-align:center;}
#main .banner ul{width:100%;}
#main .banner li.full{/*float:left;*/width:90%;/*height:100px;line-height:100px;*/margin-bottom:5px;border:0px solid black;list-style:none;display: inline-block;}
#main .banner li{/*float:left;*/width:45%;/*height:100px;line-height:100px;*/margin-bottom:5px;border:0px solid black;list-style:none;display: inline-block;}
#main .banner li.right{margin-right:0;}
#main .banner li a{display:block;width:100%;line-height:60px;}


/*?•„?΄?””?ŠΉ?Έ?š”μ²?*/
#mparent {position:relative; width:100%;margin:0 auto;}
/*
#mparent table{width:100%;margin:0 auto;border-collapse: collapse;}
#mparent table td{border:1px solid black;padding:5px;}
*/
#mparent input {text-align:left;font-size:14px;width:50%;height:20px;border:1px solid black;}
#mparent .btn_area{width:100%;margin:10px auto;text-align:center;}
/*#mparent .btn_area a{width:80px;height:30px;border:1px solid black;display:inline-block;line-height:30px;text-align:center;}*/

/*곡μ??*/
#notice {position:relative; width:100%;margin:0 auto;}
/*
#notice table{width:100%;margin:0 auto;border-collapse: collapse;}
#notice table td{border:1px solid black;padding:5px;}
*/
#notice table tr.notice_content{display:none;min-height:100px;}
#notice table tr.notice_content td{min-height:100px;padding-left:10px;}

#notice .paging_area{height:48px;position:relative;width:100%;margin:10px auto 10px;text-align:center;}
#notice ul.paging{}
#notice ul.paging li {display:inline;width:28px;height:25px;}
#notice ul.paging li a {display: inline-block;  width: 30px;  color: black;  font-size: 14px;  line-height: 30px;  border: 1px solid black;background-color:white;}
#notice ul.paging li a.on {color:white;background-color:dimgray;}

/*?•™?ƒκΈ°λ³Έ? •λ³?*/
#person {position:relative; width:100%;margin:0 auto;}
#person .table {margin-bottom:0;}
/*
#person table{width:100%;height:70px;margin:0 auto;}
#person table td{border:1px solid black;padding:5px;}
*/

/*μΆœμ„?˜„?™©*/
#attend {position:relative; width:100%;margin:0 auto;}
/*
#attend table{width:100%;height:70px;margin:0 auto;}
#attend table td{border:1px solid black;padding:5px;}
*/

/*?„±? ?˜„?™©*/
#grade .sname {position:relative; width:100%;height:30px;margin:0 auto;}
#grade table td, #grade table th {font-size:12px;}
#grade input {width:100%;text-align:center;border:0;background:transparent;}
#grade .gb_test {float:right;}
#grade .gb_test ul li {float:left; width:80px;border:1px solid blue;margin-left:2px;border-bottom:0;text-align:center;}
#grade {position:relative; width:100%;margin:0 auto;}
/*
#grade .data h3{width:100%;height:30px;margin:10px auto 0;}
#grade .data table{width:100%;height:70px;margin:0 auto;}
#grade .data table td{border:1px solid black;padding:5px;}
*/

#grade .graph table {width:300px;height:190px;  margin: 10px auto 0;}
#grade .graph table td {border:0;padding:0;position:relative}
#grade .graph table td span{bottom:27px;top:165px;width:10px;font-size:1px;display:block;position:absolute;border:1px solid black;}

/*?ˆ˜κ°•λ£Œ ?‚©λΆ??˜„?™©*/
#pay {position:relative; width:100%;margin:0 auto;}
/*
#pay table{width:100%;height:70px;margin:0 auto;}
#pay table td{border:1px solid black;padding:5px;}
*/

/*?ƒ?‹΄*/
#qa {position:relative; width:100%;margin:0 auto;}
/*
#qa table{width:100%;margin:0 auto;border-collapse: collapse;}
#qa table td{border:1px solid black;padding:5px;}
*/
#qa table tr.notice_content{display:none;min-height:100px;}
#qa table tr.notice_content td{min-height:100px; padding-left:10px;}
#qa .btn_area{margin:10px auto;text-align:right;}
/*#qa .btn_area a{width:80px;height:30px;border:1px solid black;display:inline-block;line-height:30px;text-align:center;}*/
#qa .paging_area{height:48px;position:relative;width:100%;margin:10px auto 10px;text-align:center;}
#qa ul.paging{}
#qa ul.paging li {display:inline;width:28px;height:25px;}
#qa ul.paging li a {display: inline-block;  width: 30px;  color: black;  font-size: 14px;  line-height: 30px;  border: 1px solid black;background-color:white;}
#qa ul.paging li a.on {color:white;background-color:dimgray;}

#qa_w {position:relative; width:100%;margin:0 auto;}
/*
#qa_w table{width:100%;margin:0 auto;border-collapse: collapse;}
#qa_w table td{border:1px solid black;padding:5px;}
*/
#qa_w input, #qa_w textarea {text-align:left;font-size:14px;border:1px solid black;}
#qa_w input {width:100%;height:20px;}
#qa_w textarea {width:100%;height:300px;}
#qa_w .btn_area{margin:10px auto;text-align:right;}
/*#qa_w .btn_area a{width:80px;height:30px;border:1px solid black;display:inline-block;line-height:30px;text-align:center;}*/

table .tc{text-align:center;}
table .tl{text-align:left; padding-left:10px;}
table .tr{text-align:right; padding-right:10px;}

table.tb{width:100%; }
table.tb thead{}
table.tb thead th{background:#F6F6F6; padding:10px 0; text-align:center; font-weight:700; border-bottom:1px solid #DDD;}
table.tb tbody th{border-bottom:1px solid #ddd; text-align:left; padding-left:10px;}
table.tb tbody td{border-bottom:1px solid #ddd; padding:5px; height:30px;}
table.tb .tc{text-align:center;}
table.tb .tl{text-align:left; padding-left:10px;}
table.tb .tr{text-align:right; padding-right:10px;}
table.tb tfoot{}
table.tb tbody img {margin-left:3px}
table.tb .no_list{text-align:center; line-height:200px;}

table.tb.line thead th{border:1px solid #DDD; background:#F6F6F6; }
table.tb.line tbody th{border:1px solid #DDD; background:#F6F6F6; padding-right:10px;}
table.tb.line tbody td{border:1px solid #DDD;}
table.tb.center tbody th{padding:5px; text-align:center; }
table.tb.center tbody td{ text-align:center; }

table.tb{position:relative; width:100%; border-top:1px solid #555; font-size:13px}
table.tb:after{position:absolute; top:0; left:0; right:0; height:1px; background:#555; content:"";}
table.tb thead{}
table.tb thead th{ padding:10px 0; text-align:center; font-weight:700; border-bottom:1px solid #999;}
table.tb tbody th{border-bottom:1px solid #ddd; text-align:left; padding-left:10px;}
table.tb tbody td{border-bottom:1px solid #ddd;  padding:8px;  height:28px;}
table.tb tfoot th{border-bottom:1px solid #DDD; background:#FFE; text-align:left; padding-left:10px;}
table.tb tfoot td{border-bottom:1px solid #DDD; background:#FFE; padding:8px;  height:28px;}
table.tb .tc{text-align:center !important;}
table.tb .tl{text-align:left !important; padding-left:10px !important;}
table.tb .tr{text-align:right !important; padding-right:10px !important;}
table.tb tfoot{}
table.tb tbody img {margin-left:3px}
table.tb .no_list{text-align:center; line-height:200px;}

table.tb.center tbody th{text-align:center; padding:8px 8px; }
table.tb.center tbody td{   text-align:center;padding:8px 8px;  }
table.tb.center tfoot th{text-align:center;padding:8px 8px;  }
table.tb.center tfoot td{text-align:center;padding:8px 8px;  }
table.tb.line thead th{border:1px solid #DDD; }
table.tb.line tbody th{border:1px solid #DDD;background:#F6F6F6;  padding-right:10px;}
table.tb.line tbody td{border:1px solid #DDD; }
table.tb.line tfoot th{border:1px solid #DDD; border-top:0; background:#FFE;  padding-right:10px;}
table.tb.line tfoot td{border:1px solid #DDD; border-top:0; background:#FFE;   }

table.tb td.holiday{background:#FEE !important}
table.tb td.pastday{background:#EEE !important}


table.tb td.progress{}
table.tb td.progress div{position:relative;}
table.tb td.progress span{position:relative; z-index:2;}
table.tb td.progress em{font-style:normal !important}
table.tb td.progress p{position:absolute; padding:0; left:0; right:0; bottom:0; background:#ffc28f; z-index:0;}


table.tb td.progress_w{padding:0 !important;height:100px;position: relative; }
table.tb td.progress_w div{position:relative; display:table; text-align:center; height:100%; width:100%;}
table.tb td.progress_w span{position:relative; z-index:2;display:table-cell; vertical-align:middle; }
table.tb td.progress_w p{position:absolute; padding:0; left:0;height:8px; bottom:0; background:#F44; z-index:0;}
table.tb td.progress_w em{font-style:normal !important}
table.tb td.state_1{background:#EFD !important}
table.tb td.state_2{background:#FEE !important}
table.tb .xiegang{background-image:url(../img/xiegang.png); background-position:center center; background-repeat: no-repeat;}

table.tb th, table.tb td {white-space: nowrap;}



.panel-heading {position:relative;}
.panel-heading .panel-title {font-size:13px !important;}
.panel-heading .panel-right {position:absolute;right:0;top:0;height:100%;display:block;color:white;font-size:13px;padding:9px;}
.panel-heading .panel-right a:hover {color:white;}
.panel-heading .panel-right a {color:white;}
.panel-body {overflow-x:scroll;}