@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);


body{font-family:'Noto Sans Korean'; }

html {width: 100%; height: 100%; margin:0; padding:0;}

ul, li { list-style:none; padding:0; margin:0; }
img { border:0; }
*:focus {
    outline: none;
}

label { font-weight:200; font-size:14px; }
label>p { line-height:14px; display:inline-block; margin-top:2px; vertical-align:top; }
a:hover,li.active,a:focus,a:visited{text-decoration:none; color:#ccc;}
a {outline:none; select-dummy: expression(this.hideFocus=true); color:#ccc;}



.login_bg { background-color:#fff; width:100%; height:100%; display:table;  }
.login { width:100%; height:100%; margin:0 auto; vertical-align:middle; display:table-cell; }
.login_box { margin:0 auto; width:364px; }
.login_box .input_line { padding-top:93px; }
.login_box .input_line > ul { border-top:1px solid #ccc; }
.login_box .input_line > ul:nth-child(4) { border:none; }
.login_box .input_line > ul > li { padding:15px 10px 15px 0; display:inline-block; color:#ccc; font-size:16px; }

.member-line { text-align:right;  border-top:1px solid #ccc; padding-top:20px; }
.member-line>ul>li { font-size:14px; color:#ccc; display:inline-block; padding-right:15px;}
.member-line>ul>li:nth-child(3) { padding-right:0!important; }
.member-line>ul>li a { font-size:14px; color:#ccc; outline:none;}
.member-line>ul>li+li {padding:0 15px; border-left:1px solid #ccc;}



.join-box {  }
.join-box > li { font-weight:400; font-size:16px; color:#666; margin-bottom:10px;}
.join-box > li > textarea { width:100%; height:150px; background:#f4f4f4; color:#ccc; font-size:14px; font-weight:300; line-height:24px; padding:10px; border:1px solid #ddd;}
.join-box > li > .textarea { width:100%; height:150px; overflow-y:scroll; background:#f4f4f4; color:#ccc; font-size:14px; font-weight:300; line-height:24px; padding:10px; border:1px solid #ddd;}

.btn-area { text-align:center; }
.btn-area > li { display:inline-block;  }

.login-copyright {  margin-top:20px; padding-top:10px; color:#ccc; text-align:center; font-size:12px;  }

.login-copyright > ul:nth-child(1) > li { color:#a8a3a3; display:inline-block; margin:15px 10px ;}
.login-copyright > ul:nth-child(1) > li+li {padding:0 15px; border-left:1px solid #ccc;}

.input-login { border:1px solid transparent; width:300px; background:none; color:#888; font-size:16px; font-weight:400; }

.input-x{ border:1px solid transparent; width:200px; background:none; color:#ccc; font-size:16px; font-weight:400; }
.input-x1{ border:1px solid transparent; background:none; color:#ccc; font-size:16px; font-weight:400; }
.input-x2{ border:1px solid transparent; width:120px; background:none; color:#ccc; font-size:16px; font-weight:400; }

/*��ư*/
.btn-login{ width:363px; height:69px; color:#fff; text-align:center; background:#009bde; border:none; vertical-align:middle; font-size:24px; border-radius: 25px;}
.btn-01{ height:40px; color:#fff; text-align:center; background:#009bde; border:none; vertical-align:middle; font-size:16px; padding:0 20px;}
.btn-02{  height:40px; color:#fff; text-align:center; background:#ccc; border:none; vertical-align:middle; font-size:16px; padding:0 20px;}

.btn-03{  height:35px; color:#fff; text-align:center; background:#454545; border:none; line-height:33px; font-size:14px; padding:0 20px; }

.btn-04{  height:40px; color:#fff; text-align:center; background:#000; border:none; vertical-align:middle; font-size:16px; padding:0 20px;}
.btn-05{  height:30px; color:#fff; text-align:center; background:#f37a75; border:none; vertical-align:middle; font-size:16px; width:90px;}
.btn-06{  height:40px; color:#fff; text-align:center; background:#ddd; border:none; vertical-align:middle; font-size:16px; width:90px;}
.btn-07{  height:40px; color:#fff; text-align:center; background:#999; border:none; vertical-align:middle; font-size:16px; width:90px;}
.btn-08{  height:30px; color:#fff; text-align:center; background:#3f75e3; border:none; vertical-align:middle; font-size:16px; width:90px;}

.btn-09{ height:40px; color:#fff; text-align:center; background:#3f75e3; border:none; vertical-align:middle; font-size:16px; padding:0 20px;}

.btn-view {  height:25px; color:#fff; text-align:center; background:#009bde; border:none; vertical-align:middle; font-size:14px; width:45px; line-height:25px; position:relative; bottom:3px; }

.btn-search{  height:35px; color:#fff; text-align:center; background:#3f75e3; border:none; vertical-align:middle; font-size:16px; padding:0 20px;}
.btn-search > img { vertical-align:top; margin:4px 3px 0 0; }

.top_btn1 {  height:30px; color:#fff; text-align:center; background:#009bde; border:none; line-height:33px; font-size:12px; padding:0 15px; border-radius:4px;}
.top_btn2 {  height:30px; color:#fff; text-align:center; background:#565c66; border:none; line-height:33px; font-size:12px; padding:0 15px; border-radius:4px;}
.top_btn3 {  height:30px; color:#fff; text-align:center; background:#3f75e3; border:none; line-height:33px; font-size:12px; padding:0 15px; border-radius:4px;}


.tab1{ height:38px; width:120px; color:#fff; text-align:center; background:#2b7c8d; border:none; vertical-align:middle; font-size:16px;}
.tab2{ height:38px; width:120px; color:#ccc; text-align:center; background:#dcdcdc; border:none; vertical-align:middle; font-size:16px;}


.tab_area { margin-bottom:20px; }
.tab_area > li { display:inline-block; }


.font1 { line-height:13px; display:inline-block; font-weight:400; color:#ccc; }


.table_box1 {width:100%; margin-top:10px;}    
.table {width:100%!important;}    
.table1 {border-top:2px solid #303030; text-align:left;}
.table1>tbody>tr>td:nth-child(1) {background:#f6f6f6; line-height:36px; vertical-align:middle; font-size:14px; font-weight:400; color:#454545; width:130px; padding-left:20px;}
.table1>tbody>tr>td:nth-child(2) {padding-left:20px; color:#ccc; line-height:36px;}
.table1>tbody>tr>td:nth-child(3) {background:#f6f6f6; line-height:36px; vertical-align:middle; font-size:14px; font-weight:400; color:#454545; width:130px; padding-left:20px;}
.table1>tbody>tr>td:nth-child(4) {padding-left:20px; color:#ccc; line-height:36px;}

 
.table1>tbody>tr>td>span {color:#f37a75; font-size:12px; float:left;}  
.table1>tbody>tr>td {border-bottom:1px solid #ddd;}

.input-1 {border:#dddddd 1px solid;height: 35px;line-height: 36px;color:#ccc;padding:0 10px;margin-right: 3px;}
.input-2 {border:#dddddd 1px solid;height: 35px;line-height: 36px;color:#ccc;padding:0 10px;margin-right: 3px; margin-top:5px;}

.input-3 {border:1px solid transparent; height: 35px;line-height: 36px; color:#ccc; padding:0 10px; margin-right: 3px;}

.input-date {border:#dddddd 1px solid;height: 35px;line-height: 36px;color:#ccc; font-size:16px; text-align:center;}



select.board-s{
  width: 155px;
  padding: 0 15px;
  font-family: inherit;
  background:#fff;
  background-image: url(../images/select-bg2.png);
  background-repeat: no-repeat;
  background-position: 91%;
  appearance:none;
  -moz-appearance:none; /* Firefox */
  -webkit-appearance:none; /* Safari and Chrome */


  border: 1px solid #ddd;
  border-radius: 0px;
  color: #ccc;
  height: 36px;
  line-height: 33px;
  margin-right: 3px;
}

select.board-1{
  width: 100px;
  padding: 0 15px;
  font-family: inherit;
  background:#fff;
  background-image: url(../images/select-bg2.png);
  background-repeat: no-repeat;
  background-position: 91%;
  appearance:none;
  -moz-appearance:none; /* Firefox */
  -webkit-appearance:none; /* Safari and Chrome */
 

  border: 1px solid #ddd;
  border-radius: 0px;
  color: #ccc;
  height: 35px;
  line-height: 33px;
  margin-right: 3px;
}


select.board-2{
  padding: 0 15px;
  font-family: inherit;
  background:#fff;
  background-image: url(../images/select-bg2.png);
  background-repeat: no-repeat;
  background-position: 91%;
  appearance:none;
  -moz-appearance:none; /* Firefox */
  -webkit-appearance:none; /* Safari and Chrome */


  border: none;
  border-radius: 0px;
  color: #ccc;
  height: 36px;
  line-height: 33px;
  margin-right: 3px;
}

select.board-s::-ms-expand { display:none; }
select.board-1::-ms-expand { display:none; }
select.board-2::-ms-expand { display:none; }


.id_search { font-size:20px; font-weight:500; color:#009bde; }




/*����*/



#main { width:100%; margin: 0; height:calc(100vh - 100px); min-height:825px; }
.container-fluid{height: 100%; padding:0; margin:0;}

.main-fluid {width:100%;background-image:url(../images/main_bg.jpg);background-repeat: no-repeat; background-size: cover; padding-bottom: 80px; min-width:1200px;}
.main-fluid > .top { width:100%; height:90px; background-image:url(../images/top_bg.png); }
.main-fluid > .top > .container { width:1200px; margin:0 auto; padding:20px 0!important;;}
.main-fluid > .top > .container > li { display:inline-block; }
.main-fluid > .top > .container > li:nth-child(2) { float:right; margin-top:10px;}
.main-fluid > .top > .container > li:nth-child(3) { float:right; margin-right:5px; margin-top:10px;}
.main-fluid > .top > .container > li:nth-child(4) { float:right; margin-right:5px; margin-top:10px;}


.main-wrap { width:1200px; margin:0 auto; }
.main-wrap > .text { margin-top:104px; }

.content_box { margin-top:4px; }
.content_box{
    margin-top: 4px;
}
.cbox-s1{
    width: 300px;
    height: 280px;
    float: left;
    position: relative;
}
.cbox-s1 a{
    width: 300px;
    height: 280px;
    float: left;
    padding: 0 20px 0 30px;
}
.cbox-s1 a div{
    position: absolute;
    top: 58px;
    text-align: center;
    width: 100%;
    margin: 0 -15px 0 -30px;
}
.cbox-s1 a .con{
    margin-top: 182px;
    color: #fff;
    font-size: 16px;
}
.cbox-s1 a p{
	width:250px;
    font-size: 14px;
    color: #fff;
    font-weight: 300;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


footer{width:100%;height: 100px;background:#009bde; clear:both; min-width:1200px;}
footer .info{ width: 1200px; margin: 0 auto;}
footer .info > h6{ width:193px; float: left; padding: 0;margin: 35px 0 0 0; }
footer .info > adress {  }
footer .info > adress > .adr-1 { font-size:12px; color:#555; letter-spacing:-0.5px; display:block; padding-top:15px; }
footer .info > adress > .adr-2 { font-size:12px; color:#555; float:left; margin-top:10px; }


.admin_footer {width:100%;height: 30px;!important; background:#009bde; clear:both; text-align:center;}


/*top*/
.wrap { width:100%; min-width:1200px;  }
.wrap > .container { width:1200px; margin:0 auto; }
.wrap > .container > li { display:inline-block; padding-top:20px; }
.wrap > .container > li:nth-child(2) { float:right; margin-top:10px;}
.wrap > .container > li:nth-child(3) { float:right; margin-right:5px; margin-top:10px;}

.wrap-bg { background-color:#009bde; }
#navi { width:1200px; margin:0 auto; }
#navi > li { color:#fff; font-size:18px; display:inline-block; height:60px; line-height:60px; padding:0 40px;}
#navi > li + li { background:url( ../images/top_bg1.png )no-repeat; }
#navi > li:nth-child(1) { padding:0 40px 0 5px; }
#navi > li:nth-child(8) { padding:0 5px 0 40px; }
#navi > li > a { color:#fff; }

.section { width:1200px; margin:0 auto; padding-bottom:20px; min-height:734px;}
.top_title { margin-top:30px; padding-bottom:15px; border-bottom:1px solid #ddd; }
.top_title > li { display:inline-block; }
.top_title > li:nth-child(1) { color:#454545; font-size:22px; font-weight:500; }
.top_title > li:nth-child(2) { color:#ccc; font-size:12px; float:right; line-height:55px;}
.top_title > li > span { color:#303030; }


.contents { margin:30px 0 20px 0; }

#btn-area { display:flow-root; padding-bottom:0 }
#btn-area > .left { float:left; display:inline-block; }
#btn-area > .right { float:right; display:inline-block; }

#search_area > .text-right1 { font-size:12px; color:#f37a75; float:right; margin-top:20px; }

.table-001{ width:100%;}
.table-001 th{ height:45px; line-height:44px; color:#fff; text-align:center; font-weight:300; background:#303030; background-image:url(../images/table-line.png); background-repeat:no-repeat; background-position:right;}
.table-001 td{height:31px;line-height:30px;border-bottom:#dddddd 1px solid;color:#ccc;font-size: 14px;}
.table-001 td.t_c{text-align:center;}
.table-001 td.left {padding-left:20px;}
.table-001 td.t_l{text-align:left; padding-left:20px; color:#666666;}
.table-001 td.t_l > a{ color:#ccc;}

.table_hover:hover { background:#f6f6f6; }

.table-001 td.t_c.title-001 { text-align:left; padding-left:15px; }


.PagingNav{width:100%;text-align: center;margin-top: 21px;}
.PagingNav > .paging_numbers{
    margin: 0 17px;
}
.PagingNav > .paging_numbers > a{display:inline-block; color:#ccc;}
.PagingNav > .paging_numbers > a:hover{ background:#009bde; color:#fff; border:#009bde 1px solid;}
.PagingNav > .paging_numbers > .num{width:35px; height:35px; line-height:34px; text-align:center; border:#d0d0d0 1px solid;}
.PagingNav > .paging_numbers > .num_on{width:35px; height:35px; line-height:34px; text-align:center; background:#009bde; color:#fff; border:#009bde 1px solid;}
.PagingNav > a{display:inline-block; color:#ccc;}
.PagingNav > a:hover{ background:#009bde; color:#fff; border:#009bde 1px solid;}
.PagingNav > a > img{vertical-align:inherit;}
.PagingNav > .pre_end{width:35px; height:35px; line-height:34px; text-align:center; border:#d0d0d0 1px solid; background-image: url(../images/pre-ll.png);background-position: center;background-repeat: no-repeat;}
.PagingNav > .pre_end:hover{background-image: url(../images/pre-ll-on.png);background-position: center;background-repeat: no-repeat;}
.PagingNav > .pre_n{width:35px;height:35px;line-height:34px;text-align:center;border:#d0d0d0 1px solid;margin-left: 5px; background-image: url(../images/pre-l.png);background-position: center;background-repeat: no-repeat;}
.PagingNav > .pre_n:hover{background-image: url(../images/pre-l-on.png);background-position: center;background-repeat: no-repeat;}
.PagingNav > .next_n{width:35px;height:35px;line-height:34px;text-align:center;border:#d0d0d0 1px solid;margin-right: 5px; background-image: url(../images/next-r.png);background-position: center;background-repeat: no-repeat;}
.PagingNav > .next_n:hover{background-image: url(../images/next-r-on.png);background-position: center;background-repeat: no-repeat;}
.PagingNav > .next_end{width:35px;height:35px;line-height:34px;text-align:center;border:#d0d0d0 1px solid; background-image: url(../images/next-rr.png);background-position: center;background-repeat: no-repeat;}
.PagingNav > .next_end:hover{background-image: url(../images/next-rr-on.png);background-position: center;background-repeat: no-repeat;}



.table2 {border:1px solid #ddd; text-align:left;}
.table2>tbody>tr>td:nth-child(1) {background:#f6f6f6; line-height:36px; vertical-align:middle; font-size:14px; font-weight:400; color:#454545;  padding-left:20px;}
.table2>tbody>tr>td:nth-child(2) {padding-left:20px; color:#ccc; line-height:36px;}
.table2>tbody>tr>td:nth-child(3) {background:#f6f6f6; line-height:36px; vertical-align:middle; font-size:14px; font-weight:400; color:#454545;  padding-left:20px;}
.table2>tbody>tr>td:nth-child(4) {padding-left:20px; color:#ccc; line-height:36px;}
.table2>tbody>tr>td:nth-child(5) {background:#f6f6f6; line-height:36px; vertical-align:middle; font-size:14px; font-weight:400; color:#454545;  padding-left:20px;}
.table2>tbody>tr>td:nth-child(6) {padding-left:20px; color:#ccc; line-height:36px;}
.table2>tbody>tr>td:nth-child(7) {background:#f6f6f6; line-height:36px; vertical-align:middle; font-size:14px; font-weight:400; color:#454545; padding-left:20px;}
.table2>tbody>tr>td:nth-child(8) {padding-left:20px; color:#ccc; line-height:36px;}
.table2>tbody>tr>td:nth-child(9) {background:#f6f6f6; line-height:36px; vertical-align:middle; font-size:14px; font-weight:400; color:#454545;  padding-left:20px;}
.table2>tbody>tr>td:nth-child(10) {padding-left:20px; color:#ccc; line-height:36px;}
.table2>tbody>tr>td:nth-child(11) {background:#009bde; line-height:36px; vertical-align:middle; font-size:14px; font-weight:400; color:#fff; width:90px; padding:0!important; text-align:center;}
.table2>tbody>tr>td:nth-child(11) > a { color:#fff; }


.table3 {border:1px solid #ddd; text-align:left;}
.table3>tbody>tr>td:nth-child(1) {background:#f6f6f6; line-height:36px; vertical-align:middle; font-size:14px; font-weight:400; color:#454545;  padding-left:20px;}
.table3>tbody>tr>td:nth-child(2) {padding-left:20px; color:#ccc; line-height:36px;}
.table3>tbody>tr>td:nth-child(3) {background:#f6f6f6; line-height:36px; vertical-align:middle; font-size:14px; font-weight:400; color:#454545; padding-left:20px;}
.table3>tbody>tr>td:nth-child(4) {padding-left:20px; color:#ccc; line-height:36px;}
.table3>tbody>tr>td:nth-child(5) {background:#f6f6f6; line-height:36px; vertical-align:middle; font-size:14px; font-weight:400; color:#454545; padding-left:20px;}
.table3>tbody>tr>td:nth-child(6) {padding-left:20px; color:#ccc; line-height:36px;}
.table3>tbody>tr>td:nth-child(7) {background:#f6f6f6; line-height:36px; vertical-align:middle; font-size:14px; font-weight:400; color:#454545;  padding-left:20px;}
.table3>tbody>tr>td:nth-child(8) {padding-left:20px; color:#ccc; line-height:36px;}
.table3>tbody>tr>td:nth-child(9) {background:#f6f6f6; line-height:36px; vertical-align:middle; font-size:14px; font-weight:400; color:#454545;  padding-left:20px;}
.table3>tbody>tr>td:nth-child(10) {padding-left:20px; color:#ccc; line-height:36px;}
.table3>tbody>tr>td:nth-child(11) {background:#009bde; line-height:36px; vertical-align:middle; font-size:14px; font-weight:400; color:#fff; width:90px; padding:0!important; text-align:center;}
.table3>tbody>tr>td:nth-child(11) > a { color:#fff; }

.textarea-1 { width:100%; border:transparent; line-height:20px; padding:0 10px; }

#contents_left { width:500px; height:687px; background:#62983e; color:#fff; line-height:22px; padding:5px;  display:inline-block; margin-right:20px; overflow:auto;}
#contents_right { display:inline-block; width:680px; float:right;}
 .deposit { height:40px; background:#009bde; color:#fbfbd3; font-size:16px; font-weight:500; padding:7px 20px; }
.sele_box { margin-top:10px; }
.sele_box > .box1 { border:1px solid #ddd; background:#f6f6f6;}
.sele_box > .box1 > li:nth-child(1) { color:#009bde; font-size:16px; font-weight:500; padding:10px; display:inline-block;}
.sele_box > .box1 > li:nth-child(2) { color:#666; font-size:16px;  padding:10px 5px; display:inline-block;}
.sele_box > .box1 > li.text-1 { color:#009bde; display:inline-block; font-size:16px;}
.sele_box > .box1 > li.time-box { height:42px; color:#fff; width:70px; text-align:center; padding-top:10px; background:#009bde; display:inline-block; float:right;}

.sele_box > .table-sele { border:1px solid #ddd; width:100%; margin-top:-1px; }
.sele_box > .table-sele > tbody > tr > th { border:1px solid #ddd; text-align:center; color:#666; font-weight:400; padding:5px 0; }
.sele_box > .table-sele > tbody > tr > td { border:1px solid #ddd; text-align:center; padding:5px 0;  }
.sele_box > .table-sele > tbody > tr > th.buy { font-size:16px; font-weight:500; color:#f37a75; background:#f6f6f6; width:120px; }
.sele_box > .table-sele > tbody > tr > th.sell { font-size:16px; font-weight:500; color:#3f75e3;  background:#f6f6f6; width:120px; }

.right-text1 { color:#f37a75; line-height:22px; margin-top:-40px; text-align:right; ;}

.table-fx {width:100%!important; border:1px solid #ddd;}    
.table-fx > thead >tr > th {background:#f6f6f6; font-size:14px; font-weight:400;  color:#454545; text-align:center; padding:10px; border:1px solid #ddd;}
.table-fx > tbody >tr > td { color:#ccc; text-align:center; padding:10px; border:1px solid #ddd; }




.add-box{ float: left; width:100%;}
.add-box > input{vertical-align: middle;}
.add-box > .calendar-img{margin-right: 2px; margin-left: 2px;}
.add-box > .form-select {display:inline-block; vertical-align:bottom; height:40px; padding:6px 12px; font-size:16px; color:#ccc; background-color:#fff; background-image:none; border:1px solid #ddd;}
.add-box > .form-select1 {display:inline-block; vertical-align:bottom; height:42px; padding:6px 12px; font-size:16px; color:#ccc; background-color:#fff; background-image:none; border:1px solid #ddd;}
.add-box > .btn_select {display:inline-block; padding:6px 12px; margin-bottom:0; font-size:16px; color:#ccc; text-align:left; height:40px; border:1px solid #ddd; background:#fff;}
.dropdown .open> .dropdown-menu {display:block;}
.dropdown .dropdown-menu {position:absolute; left:0; z-index:1000; width:98%; padding:0 0; font-size:14px; border:1px solid #ddd; float:left; }   
.dropdown .dropdown-text {position:relative; font-weight:300; left:35px; color:#ccc;}
.add-box > li {display:inline-block;}
.button_001 {border:1px solid #ddd; background:#f9f9f9; width:73px; height:40px; text-align:center; font-size:16px; color:#ccc; line-height:36px;}
.button001_on {background:#35bddf; color:#fff;}
.dropdown .left131 {left:131px;}
.dropdown .left184 {left:184px;}
.dropdown .left185 {left:185px;}
.dropdown .left212 {left:212px;}
.dropdown .left316 {left:316px;}
.dropdown .left94 {left:94px;}
.dropdown .left106 {left:106px;}
.dropdown .left357 {left:357px; background:#2ab1c5;}

.add-box > .middle {vertical-align:middle;}
.add-box > .graph_box {border:1px solid #ddd; padding:10px; margin-top:10px; text-align:center;}
.add-box > .graph_box1 {border:1px solid #ddd; padding:10px; margin-top:0; text-align:center;}


.nav-pills1>li.active>a, .nav-pills1>li.active>a:focus, .nav-pills1>li.active>a:hover {font-size:16px; color:#fff; background:#009bde;}
.nav-pills1>li>a {border-radius:0px; background:#ddd;}
.nav-pills1>li>a {padding:8px 30px;}
.nav-pills1 a {color:#ccc; font-size:16px;}
.nav-pills1>li {float:left;}
.nav-pills1>li+li {margin-left:2px;}

.table-fx {width:100%; text-align:center; font-size:13px; font-weight:400;}
.table-fx > thead > tr > th { background:#009bde; color:#fff; padding:10px 5px; border:1px solid #ddd; }
.table-fx > tbody > tr > td { background:#fff; color:#ccc; padding:3px 5px; border:1px solid #ddd; }
.table-fx > thead > tr.color { background:#f6f6f6; }
.table-fx > tbody > tr.color { background:#f6f6f6; }

.table-text { text-align:center; font-size:22px!important; line-height:30px!important; padding:42px 0!important; }

.table-member {border-top:2px solid #303030; border-bottom:1px solid #ddd; text-align:left;}
.table-member>tbody>tr>td:nth-child(1) {background:#f6f6f6; line-height:36px; vertical-align:middle; font-size:14px; font-weight:400; color:#454545; width:130px; padding-left:20px;}
.table-member>tbody>tr>td:nth-child(2) {padding-left:20px; color:#ccc; line-height:36px;}
.table-member>tbody>tr>td:nth-child(3) {background:#f6f6f6; line-height:36px; vertical-align:middle; font-size:14px; font-weight:400; color:#454545; width:130px; padding-left:20px;}
.table-member>tbody>tr>td:nth-child(4) {padding-left:20px; color:#ccc; line-height:36px;}

.textarea-box { height:500px; border:1px solid #ddd; padding:10px; }




.table-user1{ width:100%;}
.table-user1 th{ height:45px; line-height:44px; color:#fff; text-align:center; font-weight:300; background:#303030; background-image:url(../images/table-line.png); background-repeat:no-repeat; background-position:right;}
.table-user1 td{height:31px;line-height:30px;border-bottom:#dddddd 1px solid;color:#ccc;font-size: 14px;}
.table-user1 td.t_c{text-align:center;/* border:1px solid #ddd;*/}

.table-user1 td.left {padding-left:20px;}
.table-user1 td.t_l{text-align:left; padding-left:20px; color:#666666;}
.table-user1 td.t_l > a{ color:#ccc;}


.table-user1 td.t_c.title-001 { text-align:left; padding-left:15px; }

.table-1 { border-collapse: collapse; border-bottom: none; }
.thead { background-color: #f6f6f6; color: #fff;  display:block;}

table-1 > thead > tr > th { padding: 8px 10px; border: 1px solid #ddd; box-sizing: border-box; }
table-1 > tbody> tr > td { padding: 8px 10px; border: 1px solid #ddd; box-sizing: border-box;}



.tbody { height: 550px; overflow-y: scroll; display:block; }
.tbody1 { height: 455px; overflow-y: scroll; display:block; }
.tbody2 { height: 150px; overflow-y: scroll; display:block; }
.tbody3 { height: 415px; overflow-y: scroll; display:block; }
.tbody4 { height: 395px; overflow-y: scroll; display:block; }
.tbody5 { height: 390px; overflow-y: scroll; display:block; }

.name { float:none!important; color:#ccc!important; }



.table-box1{width:100%;max-height:600px;padding-top:43px;position:relative;overflow: hidden;}
.table-box2{width:100%;max-height:585px;padding-top:43px;position:relative;overflow: hidden;}
.table-scool-1{ overflow: hidden; overflow-y: auto; height: 515px;}
.table-scool-2{ overflow: hidden; overflow-y: auto; height: 460px;}
.table-scool-3{ overflow: hidden; overflow-y: auto; height: 312px;}
.table-scool-4{ overflow: hidden; overflow-y: auto; height: 410px;}

.th-inner{ position: absolute; top: 10px;}
.header-background { background:#f6f6f6;color:#454545;font-size:13px;font-weight:400;border: 1px solid #ddd;text-align:center;padding:10px;  height:43px;  position: absolute; top: 0; right: 0; left: 0;}
div.zupa1 {margin: 0 auto !important; width: 0 !important; font-weight:400; font-size:13px;}
div.th-inner {width: 100%; margin-left: -50%; text-align: center; border: none;}

.table4 {width:100%;border-left: 1px solid #ddd;overflow: hidden;overflow-y: auto;}
.table4 > thead{/* width:100%; *//* display: block; *//* overflow: auto; */ }
.table4 > tbody {width: 100%;height: 200px;overflow-y: auto;}
.table4 > tbody > tr{/* display: table; *//* border-spacing: 0; *//* width: 100%; *//* border-collapse: collapse; */ height:20px;}
.table4 > tbody > tr > th { background:#f6f6f6; color:#454545; font-size:13px; font-weight:400; border:1px solid #ddd; text-align:center; padding:10px;}
.table4 > tbody > tr > td {border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;font-size:13px;font-weight:400;color:#ccc;text-align:center;padding:6px;}
.table4 > tbody > tr:hover { background:#fafafa; }
.table4 > caption { font-size:12px; color:#ccc; }