h1.logo_h1{font-size:22px;line-height:24px}
.navbar-inverse .navbar-toggle{border:1px solid #111;}
/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    } 
}
@media screen and (max-width: 340px) {
    h1.logo_h1{font-size:18px;line-height:24px} 
} 
.navbar-header{width:100%;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{background:#444;}
#head {   background-size: cover; min-height:100px; text-align: center; padding-top:0px; color:white; font-weight:300; }
 /* Autohide navbar */
.slideUp { top:-130px; }
.headroom { -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }

.headroom .navbar-brand{color:#fff;font-weight:600;}
.headroom .navbar-nav a{font-size:16px;color:#fff;font-weight:600;}
  
 
.headroom  a.link_button{color:#fff !important;font-size:16px;line-height:24px;}
.headroom  a.link_button:hover{color:#999 !important;font-size:16px;line-height:24px;}
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a{text-shadow:none !important;color:#fff;}
.navbar-inverse .navbar-nav > li > a:hover{text-shadow:none !important;color:#fff;background-color: #666;}

.navbar-nav>li>.dropdown-menu a{color:#333;font-size:14px;padding: 10px 20px;}
.navbar-nav>li>.dropdown-menu li{border-bottom:1px solid #ddd;min-width:180px;position:relative;}
.navbar-nav>li>.dropdown-menu li:last-child{border-bottom:none;}
.navbar-nav>li{min-width:180px;}
 
.wrap {width:100%; background:#fff; } 

#contents{min-height:400px;padding:20px;}



/* Footer */
#footer {margin-top: 30px;}
.footer1 {background: #232323;padding: 30px 0;font-size: 12px;color: #999;}
.footer1 a {color: #ccc;}
.footer1 a:hover {color: #fff;} 
#footer .widget{margin-left:30px;}
.footer1 .widget-title {font-size: 18px;font-weight: bold;color: #ccc;margin: 0 0 20px;text-align:left;}  
.footer2 {background: #191919;padding: 15px 0;color: #777;font-size: 12px;}
.footer2 a {color: #aaa;}
.footer2 a:hover {color: #fff;}
.footer2 p {margin: 0;}

.login_box {margin: 50px auto 0px auto; width:500px;}

#TreeView1 a:hover {color:#0164ad}
.treeviewheader {width: 200px;background-color: #bbb;color: #000;text-align: center;height: 30px;line-height: 30px; }
.treeviewchild {width: 200px;background-color: #efefef;color: #000;text-align: left;height: 24px;line-height: 24px; padding-left:10px;}
.selectedtreeview {width: 200px;background-color: #efefef;color: #b02c2c;text-align: left;height: 24px;line-height: 24px;padding-left:10px;} 
.selectedtreeview a{color:#172b41;font-weight:bold;}
.treeviewheaderRoot{width: 200px;background-color: #999;color: #fff;text-align: center;height: 30px;line-height: 30px; padding:0px;border-bottom:1px solid #fff;}
.treeviewheaderRoot a{color:#fff;font-weight:bold;}
#left_menu_st{width:200px; float:left;margin-right:20px;}
#right_conts_st{width:calc(100% - 220px); float:right;}

.page-title{line-height:24px; font-size:24px;color:#333;}
 










/* Pagination modify*/
#paging{margin:0px auto;text-align:center;margin-top:15px}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination  li {
  display: inline;
}
.pagination  li > a,
.pagination  li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination li:first-child > a,
.pagination li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination li:last-child > a,
.pagination li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination  li > a:hover,
.pagination  li > span:hover,
.pagination  li > a:focus,
.pagination  li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}
.pagination .active > a,
.pagination .active > span,
.pagination .active > a:hover,
.pagination .active > span:hover,
.pagination .active > a:focus,
.pagination .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
.pagination .disabled > span,
.pagination .disabled > span:hover,
.pagination .disabled > span:focus,
.pagination .disabled > a,
.pagination .disabled > a:hover,
.pagination .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}

.ajax__calendar_container{width:200px !important;}
.ajax__calendar_body{width:190px !important;}
.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years{width:190px !important;}
.ajax__calendar_body td{line-height:14px;} 
.ajax__calendar_month{width:38px;} 
.ajax__calendar_header{margin-bottom:10px;}
#MainContent_Cal_Tdate_daysTable td{width:24px !important;}
 
 


#paging_data{margin:0px auto;text-align:center;margin-top:15px}
#paging_data .pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
} 
#paging_data .pagination > span > a,
#paging_data .pagination > span > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
} 
#paging_data .pagination  span > a:hover,
#paging_data .pagination  span > span:hover,
#paging_data .pagination  span > a:focus,
#paging_data .pagination  span > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}
#paging_data .pagination span.active  {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
} 















.btn{padding:2px 12px !important;}

 .menu ul li ul
{
    display: none;
}

.menu ul li 
{
    position: relative; 
    /*float: left;*/
    list-style: none;
}
/* LEVEL ONE*/
.manager_gnb_new {background:url(../images/common/topmenu_bg.jpg) repeat-x;height:40px; display:block;min-width:1200px; width:100%;}
ul.level1 {  min-width:1000px; position:relative;font-family:  NanumGothic, 'Nanum Gothic',"Open sans", Helvetica, Arial, sans-serif !important;}
ul.level1 > li{ float: left;width:200px; padding:5px 0;  display:block; text-align:center; vertical-align:middle;height:40px;cursor:pointer;}
#menuBar >ul.level1 > li > a{line-height:30px; font-size:14px;vertical-align:middle;color:#000;} 
#menuBar >ul.level1 > li > a:hover{color:#000;} 
#menuBar a.popout {background-image: url(../images/common/top_slice.jpg) !important;background-repeat: no-repeat !important;;background-position: right center !important;;padding-right: 0px !important;}
ul.level1 >li:hover{ background:url(../images/common/topmenu_bg_hover.jpg) repeat-x;color: #000;  }
ul.level1 >li.act:hover,ul.level1 >li.act{ background:url(../images/common/topmenu_bg_hover.jpg) repeat-x;color: #000;  }

 /*LEVEL two*/
ul.level1 ul.level2  li{  font-weight: 600;width: 100%; background: #fff; text-align:left; border:1px solid #c4c4c4; border-top:none;line-height:38px;min-width:200px;}
ul.level1 ul.level2  li a{font-family:  NanumGothic, 'Nanum Gothic',"Open sans", Helvetica, Arial, sans-serif !important; padding:0px 15px;border-right: none; width: 100%; display: inline-block;color:#000;  font-size:12px;  } 
ul.level1 ul.level2  li a:hover{ color: #fff;} 
ul.level1 ul.level2  li:hover{ background: #0164ad; color:#fff;} 


#manager_sidebar { width:100%; min-height:280px;min-width:100px;border: 1px solid #ddd;border-radius: 4px; float:left; padding:0 10px; margin:0px;}
#manager_sidebar h3 {line-height:36px; height:36px; font-size:18px; color:#333; font-weight:600;  text-align: left; border-bottom:1px solid #ddd;}
#manager_sidebar ul li a {line-height:30px; height:32px; padding:4px 0; color:#444; }
#manager_sidebar ul li a:hover {color:#0164ad;}
#manager_sidebar ul li{ width:100%; font-size:14px;}
#manager_sidebar ul li .ontxt{width:100%; color:#1f428f; font-weight:bold;}


.layer {display: none;position: fixed;_position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 69100;}
.layer .bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .5;filter: alpha(opacity=50);}
.layer .pop-layer {display: block;}
.pop-layer {display: none;position: absolute;top: 50%;left: 50%;max-width: 410px;width:100%;height: auto;background-color: #fff;border: 5px solid #3571B5;z-index: 10;}
.ifram_file {min-height: 320px;max-width: 410px;border: none;overflow: hidden;width:100%;}

 
.modal-title-event{font-size:18px;color:#000;margin-top:8px; text-align:left;line-height:30px;}
h3.modal-title{font-size:38px;color:#000;margin-top:8px; text-align:center;line-height:44px;font-weight:normal;}

.modal-content{border-radius:0px;}
.roundst{border-radius:5px;}
.modal-header,.modal-footer {border:none;padding-right:30px;}

.modal-title-login{font-size:36px;color:#000; text-align:center;line-height:36px;}


.loginst{background:#f2f2f2;border-radius:5px;padding-right:15px;}
.loginst-bottom{background:#f2f2f2;border-bottom-left-radius:5px;border-bottom-right-radius:5px;margin-top:20px;}

.modal.event{font-size:14px;padding:20px;}
.mul_txt {
background: #fff;
border: 1px solid #d1d1d1;
height: 88px; 
padding: 10px 5px;
color: #666;
}
.mul_txt2{
background: #fff;
border: 1px solid #d1d1d1; 
padding: 10px 5px;
color: #666;
min-height:150px;
}
.mul_txt3{
background: #fff;
border: 1px solid #d1d1d1; 
padding: 10px 5px;
color: #666;
height:200px;
}

.ajax__calendar_container{line-height:18px !important;}


@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu > li > a {
        line-height: 20px;
        background:#f4f4f4;
        color:#333 !important;text-align:center;
    }
    .navbar-nav .open .dropdown-menu > li > a:hover{
        line-height: 20px;
        background:#9d9d9d!important;
        color:#fff !important;text-align:center;
    }
}

.chk_inline{vertical-align:middle;}
.titlecheckbox label    { margin-left:0px;cursor:pointer;line-height:14px;vertical-align:middle;font-size:14px;color:#000;}
.titlecheckbox > label input {display: none;}
.titlecheckbox > label span.box {height: 14px;  width: 14px;  border: 1px solid grey;  display: inline-block;  position: relative;  vertical-align:middle;  margin-right:5px;font-weight:600;font-size:20px;top:7px;}
.titlecheckbox [type=checkbox]:checked + span.box:before {   content: '\2714';  position: absolute;  top: -2px;  left: 0; color:#000; }
.calendar_input{width:90px;cursor:pointer;}