@font-face{font-family:WebComponentsIcons;
	src:url(fonts//WebComponentsIcons.eot?gedxeo);
	src:url(fonts/WebComponentsIcons.eot?gedxeo#iefix) format('embedded-opentype'),
	url(fonts/WebComponentsIcons.ttf?gedxeo) format('truetype'),
	url(fonts/WebComponentsIcons.woff?gedxeo) format('woff');
	font-weight:400;font-style:normal}
html,body{height: 100%;}
body{background: #ebeff2;}
#skip { margin: 0; padding: 0; font-size: 0; width: 0; height: 0; }
.popup2 { display: none; position: fixed; z-index: 1000; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.35)}
.popup2 .pop-wrap { width: 1000px; min-height: 516px; padding: 0px 0px 0; box-sizing: border-box; top: 50%; background: #fff; position: absolute; left: 50%; margin-left: -489px; margin-top: -258px; position: relative}
.popup { display: none; position: fixed; z-index: 1000; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.35)}
.popup .pop-wrap { width: 826px; min-height: 516px; padding: 70px 94px 0; box-sizing: border-box; top: 50%; background: #fff; position: absolute; left: 50%; margin-left: -413px; margin-top: -258px; border-radius: 20px; position: relative}
.popup .pop-wrap h1 { text-align: center; color: #333333; font-size: 21px; line-height: 1.2em; margin-bottom: 50px; }
.popup.type2{z-index: 9999}
.popup.type2 .pop-wrap { width: 100%; height: 670px; padding: 0;margin:0; border-radius: 0; left: 50%;bottom: 0;max-width: 1000px;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.popup.type2 .pop-head { background: #05507d; color: #fff; height: 35px; font-size: 17px; padding: 8px 25px; box-sizing: border-box; line-height: 1em; }
.popup.type2 .al-center .bg_blue { margin-right: 20px; }
.popup .close{position: absolute;right:32px;top:32px;}
.pop-wrap .al-center{margin-top:27px}
.pop-wrap .al-center .bt-connect{margin-right:3px}
#wrap {min-width: 1024px; }
.wrapper{max-width: 1366px;margin: 0 auto;overflow: hidden }
/*.wrapper:after {content:''; clear:both; display:block;}*/
#header .top { height: 44px; padding: 14px 25px; color: #fff; background: #05507d; box-sizing: border-box; }
#header .top:after { content: ''; display: block; clear: both; }
#header .top .logo { float: left; line-height: 1em; }
#header .top .logo h1 { float: left; font-size: 20px; margin-right: 17px;}
#header .top .logo a{color:#fff}
#header .top .logo span { display: inline-block; margin-left: 17px; font-weight: bold; font-size: 20px; }
#header .top .lang-select { float: right; line-height: 1.1em; }
#header .top .lang-select ul > li { float: left; padding:0 18px; position: relative; height: 20px}
#header .top .lang-select ul > li.dist{margin-right: 15px}
#header .top .lang-select ul > li.dist:after{display: none}
#header .top .lang-select ul > li:after { content: ''; display: inline-block; width: 1px; height: 18px; background: #bcd0dc; position: absolute; right: 0; top: 2px; }
#header .top .lang-select ul > li:last-child{padding-right:0}
#header .top .lang-select ul > li:last-child:after{display: none}
#header .top .lang-select ul > li a { color: #fff; font-size: 17px; line-height: 1.1em; }
#header .top .lang-select ul > li a.logout{display: block;background: url('../images/logout.png') no-repeat;width: 20px;height:21px}
#header .top .lang-select ul > li a.logout span{padding:0;margin:0;font-size: 0;visibility: hidden}
#header .top .lang-select ul  ul > li{float:none;background: #048add}
#header .top .lang-select ul  ul > li:after{display: none}
#header .title { height: 102px; padding: 20px 48px 0; background: #f7f9fa; box-shadow: 0 7px 27px rgba(0, 0, 0, 0.35); position: relative; z-index: 5; box-sizing: border-box; }
#header .title .meeting-info { float: left; }
#header .title .meeting-info .today { font-size: 15px; font-weight: bold; }
#header .title .meeting-info .info { font-size: 21px; }

#header .title .rightBox { float: right;text-align:right; }
#header .title .timezone { display: inline-block; vertical-align:top;margin-top:15px}
#header .title .mypage { display: inline-block; font-size: 13px; color: #333; margin-left: 30px; padding-left: 35px; border-left: 1px solid #9aa8b3; vertical-align: middle;}
#header .title .mypage i.my { display: block; width: 52px; height: 40px; background: url(../images/ico_my.png) no-repeat; }
#header .title.my-type i.my{display: inline-block;vertical-align: middle;width: 60px; height: 48px; background: url(../images/ico_my2.png) no-repeat;}
#header .title.my-type .mypage{border:0;display: inline-block; padding:0;vertical-align: middle;}
#header .title.my-type .mypage strong{font-weight: bold;font-size:21px;display: inline-block;margin-left:18px;margin-top:11px;}
#container { background: #ebeff2; min-height: 622px; position: relative; z-index: 4; padding: 30px 50px; box-sizing: border-box; overflow-x: hidden}

.bottom{position: absolute;width: 93%;max-width: 1366px;bottom:30px;height: 100px}
.bottom:after { content: ''; display: block; clear: both; }
.now { float: left; color: #333; line-height: 1em; position: absolute;left:0;bottom:0;}
.now strong { font-size: 21px; margin-right: 10px; }
.now span { font-size: 27px; }
.now .ap { font-size: 17px; }
.close-wrap{position: relative}
.close-wrap .close{font-family: WebComponentsIcons;font-size: 16px;position: absolute;right:10px;top:5px}
.close-wrap .close:before {
	content: "\e11b"
}
h2.sub-tit { font-weight: bold; font-size: 17px; margin-top: 20px; }
.add-info dl:after { content: ''; display: block; clear: both; }
.add-info dl dt { float: left; width: 18%; color: #6a6a6a; font-size: 17px; margin-bottom: 20px; }
.add-info dl dt span { font-size: 17px; color: #6a6a6a; font-weight: bold; vertical-align: middle; display: inline-block; height: 40px; line-height: 40px; position: relative; padding-left: 22px; }
.add-info dl dt i { position: absolute; left: 0; top: 50%; margin-top: -7px; width: 20px; height: 20px; background-image: url(../images/icon_set01.png); background-repeat: no-repeat; }
.add-info dl dt i.c-name { background-position: -2px -2px; }
.add-info dl dt i.location { background-position: -2px -22px; }
.add-info dl dt i.notification { background-position: -2px -41px; }
.add-info dl dd { float: left; width: 82%; margin-bottom: 20px; min-height: 40px}
.add-info dl dd .inp-txt { width: 440px; height: 39px; border-bottom: 1px solid #9aa8b3; }
.add-info dl dd .bt-search { margin-left: 15px; }

.inp-group { float: left; }
.inp-group .tags, .inp-group .bootstrap-tagsinput { width: 440px; min-height: 38px; border: 1px solid #9aa8b3; border-radius: 5px; padding: 4px 0 0 4px; box-sizing: border-box; }
.inp-group .tags, .inp-group .bootstrap-tagsinput { max-height:100px !important;  overflow-y:auto; max-width:100%; }
.inp-group .room .bootstrap-tagsinput input{display: none}
.inp-group .tags span.tag, .inp-group .bootstrap-tagsinput span.tag { display: inline-block; background: #e0e0e0; font-size: 12px; color: #6a6a6a; padding: 6px 5px 6px 4px; line-height: 1em; vertical-align: middle; border-radius: 5px; margin-bottom: 4px}
.inp-group .tags span.tag span, .inp-group .bootstrap-tagsinput span.tag span { display: inline-block; background: url(../images/icon_set01.png) no-repeat -3px -61px; width: 15px; height: 15px; margin-left: 9px; vertical-align: bottom; }
/*.inp-group .tags .twitter-typeahead, .inp-group .bootstrap-tagsinput .twitter-typeahead { position: static !important; }*/
.inp-group .tags .twitter-typeahead .tt-suggestion, .inp-group .bootstrap-tagsinput .twitter-typeahead .tt-suggestion { padding-left: 45px; background: url(../images/ico_user.png) no-repeat 20px center; color: #6a6a6a; font-size: 15px; font-weight: bold; }
.inp-group .tags .twitter-typeahead .tt-suggestion:focus, .inp-group .bootstrap-tagsinput .twitter-typeahead .tt-suggestion:focus{background-color:#048add;color:#fff}
.inp-group .tags .twitter-typeahead .tt-suggestion.tt-cursor, .inp-group .bootstrap-tagsinput .twitter-typeahead .tt-suggestion.tt-cursor{background-color:#048add;color:#fff}
.inp-group .tags .twitter-typeahead .tt-suggestion:hover, .inp-group .bootstrap-tagsinput .twitter-typeahead .tt-suggestion:hover{background-color:#048add;color:#fff}
.inp-group .tags .twitter-typeahead .tt-input, .inp-group .bootstrap-tagsinput .twitter-typeahead .tt-input { height: 30px; line-height: 30px; }
.inp-group .tags input, .inp-group .bootstrap-tagsinput input { height: 34px; line-height: 34px;}
.inp-group .tags input.tt-hint, .inp-group .bootstrap-tagsinput input.tt-hint { background: transparent !important; z-index: -1; }
.pop-wrap .inp-group .inp-group .bootstrap-tagsinput{max-height: 83px;overflow-y: auto}
.bt-search { background: #05507d; color: #fff; font-size: 15px; width: 65px; height: 33px; line-height: 33px; border-radius: 16px; margin:4px 0 3px}
.bt-connect { background: #05507d; color: #fff; font-size: 17px; width: 125px; height: 44px; line-height: 44px; border-radius: 22px; }
.bt-cancel{ background: #e0e0e0; color: #333333; font-size: 17px; width: 90px; height: 44px; line-height: 44px; border-radius: 22px; }
.bg_sky { background: #048add; }
.al-center { text-align: center; }
.chk-group { height: 40px; line-height: 40px; }
.chk-group input[type='checkbox'] { display: none; }
.chk-group label { display: inline-block; line-height: 24px; margin-right: 45px; color: #6a6a6a; font-size: 15px; }
.chk-group label i { display: inline-block; width: 24px; height: 24px; margin-right: 5px; background-image: url("../images/icon_chk.png"); background-repeat: no-repeat; background-position: -1px -2px; vertical-align: middle; }
.chk-group input[type='checkbox']:checked + label i { background-position: -26px -2px; }
.chk-group2 { height: 40px; line-height: 40px; }
.chk-group2 input[type='checkbox'] { display: none; }
.chk-group2 label { display: inline-block; line-height: 24px; margin-right: 25px; color: #6a6a6a; font-size: 12px; }
.chk-group2 label i { display: inline-block; width: 24px; height: 24px; margin-right: 5px; background-image: url("../images/icon_chk.png"); background-repeat: no-repeat; background-position: -1px -2px; vertical-align: middle; }
.chk-group2 input[type='checkbox']:checked + label i { background-position: -26px -2px; }
.tt-menu { 
    position: absolute;
    left: 0px !important;
    /* margin-top: -5px; */
    width: 100%;
    max-width: 440px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #9aa8b3;
    padding: 7px 0;
    z-index: 1000 !important;
}
nav#gnb { float: right; height: 115px; }
nav#gnb:after { content: ''; display: block; clear: both; }
nav#gnb ul li { float: left; position: relative; height: 100px; }
nav#gnb ul li i { display: block; width: 115px; height: 100px; background-image: url(../images/icon_set03.png); background-repeat: no-repeat; }
nav#gnb ul li i.type01 { background-position: 0 0; }
nav#gnb ul li i.type02 { background-position: -115px 0; }
nav#gnb ul li i.type03 { background-position: -230px 0; }
nav#gnb ul li span { position: relative; width: 100%; text-align: center; left: 0; bottom: 20px; font-size: 14px; line-height:100%;display:block;text-align:center}

.table-type01 { position: relative; border: 1px solid #9aa8b3; background: #fff; min-height: 450px;max-height: 450px;border-radius: 4px;overflow: hidden}
.table-type02{position: relative;background: #fff;}
.table-type01.fl_left { width: 417px;max-height: 100% }
.table-type01.fl_right { width: 310px; }
.table-type01:after { content: ''; display: block; clear: both; }
.table-type01 table { border-radius: 4px; table-layout: fixed; width: 100%; }
.table-type01 table th, .table-type01 table td { padding: 10px 0 12px; font-size: 12px; }
.table-type01 table th { background: #e0e0e0; font-size:13px}
.table-type01 table td { text-align: center; border-bottom: 1px solid #f4f7fb; cursor: pointer; }
.table-type01 table td a { font-size: 12px; }
.table-type01 .table-wrap{max-height: 400px;overflow-y: auto;}
.table-type01 .table-wrap .pagination{bottom: -20px}
.table-type01 table tr:focus td, .table-type01 table tr:active td, .table-type01 table tr:hover td { background: #f4f7fb; }
.table-type01 .pagination { position: absolute; width: 100%; left: 0; bottom: -33px; text-align: center; font-size: 14px; }
.table-type01 .pagination ul{text-align: center}
.table-type01 .pagination ul li{display: inline-block;width: 15px}
.table-type01 .pagination a{display: block}
.table-type01 .pagination a span{vertical-align: top;line-height: 1.3;}
.table-type01 .pagination a.prev{background:url(../images/list_prev.png) no-repeat center center;text-indent: -9999px}
.table-type01 .pagination a.prev:hover{background:url(../images/list_prev_active.png) no-repeat center center;}
.table-type01 .pagination a.next{background:url(../images/list_next.png) no-repeat center center;text-indent: -9999px}
.table-type01 .pagination a.next:hover{background:url(../images/list_next_active.png) no-repeat center center;}
.table-type01 .pagination .active a { font-weight: bold; color: #05507d; }
.sr_result{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;max-height: 400px;overflow: auto;z-index: 200}
.sr_result em{display: inline-block;margin-right:10px}
.sr_result table th{padding:4px 10px;font-weight: normal}
.sr_result table th strong{font-weight: bold}
.table-type01 .al-right { position: absolute; right: 0; bottom: -49px; }
.pagination { position: absolute; width: 100%; left: 0; bottom: -33px; text-align: center; font-size: 14px; }
.pagination a { margin: 0 2px; }
.pagination a.on { font-weight: bold; color: #05507d; }
.table-type01.fl_right{max-height: 100%;}
.table-type01 input[type='checkbox']{display: none}
.table-type01 input[type='checkbox'] + label:before{content:'';display: inline-block;width: 13px;height: 13px;border:1px solid #9aa8b3;background:#fff;vertical-align: middle;line-height: 13px}
.table-type01 input[type='checkbox']:checked + label:before{content:"\2713";color:#9aa8b3;font-weight: normal}
.table-type01 #treeview2 .k-checkbox-wrapper input[type='checkbox']{display:inline-block}
.table-type01 #treeview2 .k-checkbox-wrapper:before{content:'';display: none;width: 13px;height: 13px;border:1px solid #9aa8b3;background:#fff;vertical-align: middle;line-height: 13px}
.table-type01 #treeview2 .k-checkbox-wrapper.active:before{content:"\2713";color:#9aa8b3;font-weight: normal}
.table-type01 th.al_l,.table-type01 td.al_l{text-align: left}
.table-list { width: 92%; margin: 0 auto; }
.table-list:after { content: ''; display: block; clear: both; }
.search_line { padding: 10px 40px; margin: 0 auto 15px; height: 50px; background: #f4f7fb; box-sizing: border-box; }
.search_line select { margin-right: 16px; font-size: 12px;height: 32px}
.search_line label { font-weight: bold; font-size: 12px; margin-right: 15px; }
.bt-big { width: 129px; height: 45px; line-height: 45px; border-radius: 27px; }
.bt-small { width: 82px; height: 32px; line-height: 32px; border-radius: 16px; }
.bg_blue { background: #05507d; color: #fff; }
.bg_gray { background: #e0e0e0; color: #000; }
.bt-inquiry { width: 80px; height: 32px; border-radius: 4px; }
.bt-inquiry i { display: inline-block; width: 16px; height: 32px; background: url(../images/icon_search.png) no-repeat 0 8px; vertical-align: top; margin-right: 7px; }
.bt-inquiry span { display: inline-block; vertical-align: top; height: 32px; line-height: 30px; }
a.controls p span {display:inline-block;}
a.controls p span { background-image: url(../images/icon_set_my.png); background-repeat: no-repeat; text-indent: -9999px; width: 20px; height: 25px; outline: none}
a.controls p span.btn-mic { background-position: 0 0; }
a.controls p span.btn-cam { width: 30px; background-position: -80px 0; }
a.controls p span.btn-con { background-position: -166px 0; }
a.controls p span.btn-discon { width: 22px; background-position: -246px 0; }
a.controls p span.disabled { background-position-y: -41px; }

.table-type05 table th, .table-type05 table td { padding: 3px 0 5px; font-size: 12px; }
.table-type05 table th { background: #e0e0e0; font-size:13px}
.table-type05 table td { text-align: center; border-bottom: 1px solid #f4f7fb; cursor: pointer; }
.table-type05 table td a { font-size: 12px; }
table.table-type05 > tbody {height: 200px;overflow-y: auto;overflow-x: hidden;width: 100%;overflow-y:overlay}
table.table-type05 > tbody > tr{width: 101%;}
table.table-type05 > tbody > td{height: 54px}
table.table-type05 > thead, 
table.table-type05 > tbody, 
table.table-type05 > tbody > tr, 
table.table-type05 > thead > tr, 
table.table-type05 tbody > td, table.table-type05 > tbody > th {display: block;}
table.table-type05 > tbody > tr::after{content: '';display: block; clear:both;}
table.table-type05 > tbody > tr > td, table.table-type05 > thead > tr > th {float: left;border-bottom-width: 0;padding:3px 0;}
table.table-type05 > tbody > td, table.table-type05 > thead > th {position: static; display: table-cell;float: none;}
table.table-type05 > tbody > table > td{float:none}
table.table-type05.br tr th:first-child{border-radius: 4px 0 0 0}
table.table-type05.br tr th:last-child{border-radius: 0 4px 0 0}
table.table-type05.br > tbody{height:380px;max-height: 380px}
table.table-type05.br th label, table.table-type05.br td label{display: inline-block;width: 16px}
.col8{width: 8%}
.col10{width: 10%}
.col20{width: 20%}
.col50{width: 50%}
.col24{width: 24%}
.col29{width: 29%}
.col15{width: 15%}
.col25{width: 25%}
.col30{width: 30%}
.col33{width: 33%}
.col34{width: 34%}
.col60{width: 60%}
.col55{width: 55%}
.col40{width: 40%}
.col20{width: 20%}
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff url(../images/arrow_down.png) no-repeat 94% 50%; border: 1px solid #9aa8b3; border-radius: 4px; padding: 0.350em 2em 0.350em 1em; }
select::-ms-expand { display: none; }
.k-scheduler-toolbar { display: none; }
.tab_menu{height: 54px;padding-top:14px;background: #fff;border-bottom:1px solid #9aa8b3;}
.tab_menu ul{margin-left:20px;border:1px solid #05507d;border-radius: 4px;width: 180px}
.tab_menu ul:after{content:'';display: block;clear:both}
.tab_menu ul li{float: left;width:90px;background:#fff;border-radius:0 4px 4px 0}
.tab_menu ul li:first-child{border-radius:4px 0 0 4px}
.tab_menu ul li.on{background: #05507d}
.tab_menu ul li a{color:#05507d;font-size: 14px;display: block;width: 88px;height: 30px;line-height: 30px;text-align: center}
.tab_menu ul li.on a{color: #fff}
#loader{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:9999}

.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    width: 120px;
    margin-left: -60px;
}
.loader span {
    position: absolute;
    bottom: -30px;
    left: 0;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    width: 100%;
}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}


.spinner {
  font-size: 48px;
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
}
.spinner.center {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.spinner p{
width: 100px;
font-size: 16px;
margin-top: 71px;
color: #fff;
text-align: center;
margin-left: -25px;
}
.spinner .spinner-blade {
  position: absolute;
  left: 0.4629em;
  bottom: 0;
  width: 0.074em;
  height: 0.2777em;
  border-radius: 0.0555em;
  background-color: transparent;
  -webkit-transform-origin: center -0.2222em;
      -ms-transform-origin: center -0.2222em;
          transform-origin: center -0.2222em;
  -webkit-animation: spinner-fade 1s infinite linear;
          animation: spinner-fade 1s infinite linear;
}
.spinner .spinner-blade:nth-child(1) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
.spinner .spinner-blade:nth-child(2) {
  -webkit-animation-delay: 0.083s;
          animation-delay: 0.083s;
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}
.spinner .spinner-blade:nth-child(3) {
  -webkit-animation-delay: 0.166s;
          animation-delay: 0.166s;
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg);
}
.spinner .spinner-blade:nth-child(4) {
  -webkit-animation-delay: 0.249s;
          animation-delay: 0.249s;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.spinner .spinner-blade:nth-child(5) {
  -webkit-animation-delay: 0.332s;
          animation-delay: 0.332s;
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg);
}
.spinner .spinner-blade:nth-child(6) {
  -webkit-animation-delay: 0.415s;
          animation-delay: 0.415s;
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg);
}
.spinner .spinner-blade:nth-child(7) {
  -webkit-animation-delay: 0.498s;
          animation-delay: 0.498s;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.spinner .spinner-blade:nth-child(8) {
  -webkit-animation-delay: 0.581s;
          animation-delay: 0.581s;
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg);
}
.spinner .spinner-blade:nth-child(9) {
  -webkit-animation-delay: 0.664s;
          animation-delay: 0.664s;
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg);
}
.spinner .spinner-blade:nth-child(10) {
  -webkit-animation-delay: 0.747s;
          animation-delay: 0.747s;
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
.spinner .spinner-blade:nth-child(11) {
  -webkit-animation-delay: 0.83s;
          animation-delay: 0.83s;
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg);
}
.spinner .spinner-blade:nth-child(12) {
  -webkit-animation-delay: 0.913s;
          animation-delay: 0.913s;
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg);
}

@-webkit-keyframes spinner-fade {
  0% {
    background-color: #fff;
  }
  100% {
    background-color: transparent;
  }
}

@keyframes spinner-fade {
  0% {
    background-color: #fff;
  }
  100% {
    background-color: transparent;
  }
}
/*20171227*/
.table-type01.scroll{overflow-y: scroll;position: static}
.sc .table-type01.scroll{overflow-y: scroll;position: static}
.table-list.sc{position: relative}
.table-list.sc .al-right{position: absolute;right: 0;bottom: -50px}
.tab_cont{position: relative}
.tab_cont .al-right{position: absolute;right:30px;bottom:30px}

/*loading*/
.dim{position: fixed;left:0;top:0;right:0;bottom:0;background: rgba(0,0,0,0.5)}
.loader2,
.loader2:before,
.loader2:after {
  background: #ffffff;
  -webkit-animation: load2 1s infinite ease-in-out;
  animation: load2 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}
.loader2 {
  color: #ffffff;
  text-indent: -9999em;
  margin: 0 auto;
  position: relative;
  font-size: 11px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
  top:48%;
}
.loader2:before,
.loader2:after {
  position: absolute;
  top: 0;
  content: '';
}
.loader2:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader2:after {
  left: 1.5em;
}
@-webkit-keyframes load2 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
@keyframes load2 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}





/*Á¤±¤È£ Ãß°¡*/

.RadWindow .search_line {box-sizing:border-box;}
.btn_x_gh {text-align:right;padding:4px 0 2px 0;}
.btn_x_gh a {padding:0 8px 0 8px}

.tab_menu ~ .RadAjaxPanel .table-type01 {min-height:400px; max-height:400px;}
.tab_menu ~ .RadAjaxPanel .btns {height:400px;}
.RadWindow .search_line {box-sizing:border-box;}
.tab_menu ~ .RadAjaxPanel .search_line select {padding-top:0;padding-bottom:0;height:30px;}

.btns_gh_laypop {float: left;width: 85px;display: flex;display: -webkit-flex;align-items: center;height: 450px;flex-wrap: wrap;}
article .btns.btns_gh_laypop button{width: 60px;height: 32px;margin: 0 auto;display: block;border-radius: 16px;font-size: 12px;margin-bottom: 7px;}
article .btns.btns_gh_laypop button.bg_sky {color:white;}

article .btns.btns_gh_laypop i { display: inline-block; width: 4px; height: 7px; }
article .btns.btns_gh_laypop button { width: 60px; height: 32px; margin: 0 auto; display: block; border-radius: 16px; font-size: 12px; margin-bottom: 7px; }
article .btns.btns_gh_laypop button.bg_sky { color: #fff; }
article .btns.btns_gh_laypop button.bg_sky i { background: url(../images/arrow_right.png) no-repeat; margin-left: 5px; }
article .btns.btns_gh_laypop button.bg_gray i { background: url(../images/arrow_left.png) no-repeat; margin-right: 5px; }
article .btns.btns_gh_laypop .btns-wrap { width: 60px; margin: 0 auto; }
article .search_line input { width: 368px; font-size: 12px; border: 1px solid #9aa8b3; border-radius: 4px; padding: 0.350em 2em 0.350em 1em; box-sizing: border-box; margin-right: 16px; }

.table-list_ghgh .table-type01 input[type='checkbox'] {display: block;margin: 0px auto;}

.ml0 {margin-left:0 !important;}

.bt-record.off{width: 110px;height: 34px;color: #fff;border-radius: 17px;font-size: 12px;background:#80bf80;}
.bt-record.on{width: 110px;height: 34px;color: #fff;border-radius: 17px;font-size: 12px;background:#a90909;}

article .btns { float: left; width: 85px; display: flex; display: -webkit-flex; align-items: center; height: 450px; flex-wrap: wrap; }
article .btns .btns-wrap { width: 60px; margin: 0 auto; }
article .btns i { display: inline-block; width: 4px; height: 7px; }
article .btns button { width: 60px; height: 32px; margin: 0 auto; display: block; border-radius: 16px; font-size: 12px; margin-bottom: 7px; }
article .btns button.bg_sky { color: #fff; }
article .btns button.bg_sky i { background: url(../images/arrow_right.png) no-repeat; margin-left: 5px; }
article .btns button.bg_gray i { background: url(../images/arrow_left.png) no-repeat; margin-right: 5px; }

.layer_input_ghcontrl thead input ~ label {position:absolute; left:-9999999em;}
.layer_input_ghcontrl tbody td {position:relative;}
.layer_input_ghcontrl tbody input[type="checkbox"] {position:relative; top:4px;}
.layer_input_ghcontrl tbody input ~ label:before{position:absolute;border:none; background:none; top:7px; left:8px; opacity:0;}
.layer_input_ghcontrl tbody tr td:last-child input ~ label:before{left:0px;}

.inp-group .RadAutoCompleteBox .racTokenList {padding:8px !important; min-height:22px !important;}

.RadTreeView.RadTreeView_Bootstrap .rtUL > li {position:relative;width:200px; }
.rtOut .rtTemplate {}
.rtOut .rtTemplate input[type=button] {position:absolute; cursor:pointer; right:0px; top:16px; width:12px;height:12px;background: url('../images/card_delete.png') center center;text-indent: -9999px;}
.RadTreeView .rtPlus, .RadTreeView .rtMinus {top:0.91em!important;}

.btn.bg_gray {border-color:#e0e0e0 !important;}

.pop_gh_download {position:fixed; left:0; top:0; width:100%; height:100%; z-index:99999; display:none;}
.pop_gh_download:before {content:'';position:absolute; left:0px; top:0px;display:inline; width:100%; height:100%; background:black; opacity:0.5;}
.pop_gh_download > div {position:absolute; left:41%; top:35%; width:500px; height:350px; margin-left:-100px; margin-top:-55px; background:white; border-radius:4px;}
    .pop_gh_download > div > div {height:315px; overflow-y:scroll; text-align:left;}
    .pop_gh_download > div > div table {width:96%; margin-top:10px;}
    .pop_gh_download > div > div table tr td {padding-left:10px; padding-bottom:10px; border-bottom:1px solid #EAEAEA;}
    .pop_gh_download > div > div table tr td a {display:inline-block;padding:2px 5px 3px 5px; border-radius:2px; background:#696a6b; border-radius:4px; position:relative; top:1px; color:white;margin-left:2px;}
.pop_gh_download h1 {font-size:16px;padding:4px 0 6px 5px; padding-left:7px;border-bottom:1px solid #c2c2c2;}
.pop_gh_download ul {padding:7px 0 3px 7px; }
.pop_gh_download li {padding-bottom:7px;}
.pop_gh_download li a {display:inline-block;padding:2px 5px 3px 5px; border-radius:2px; background:#696a6b; border-radius:4px; position:relative; top:1px; color:white;margin-left:2px;}
.pop_gh_download > div button {position:absolute; left:78%; top:16%; margin-left:80px; margin-top:-51px;font-size:17px; font-family:Arial;}

.tb-wrap .RadGrid_Bootstrap .rgPagerCell .rgNumPart a {padding:0;font-size:15px;margin-left:4px;margin-right:4px;height:20px;border:0;box-sizing:border-box;display:inline-block;vertical-align:middle;line-height:20px; width:auto!important; padding:0 3px;position:relative; top:1px;}






.fl {float: left !important;}
.ml37 {margin-left:37px !important;}