@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    font-family: 'Noto Sans KR', sans-serif;
}

/* input,
textarea,
select{
    -webkit-appearance:none;
    -webkit-border-radius:0;
} */

.form-control {
  height: 26px;
  padding: 2px 12px;
  font-size: 12px;
}
input{
	padding : 1px 3px;
}
select{
	height: 23px;	
}

input, 
select {	
	font-size: 12px;	
}

table input {
	width : 100px;
}

/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 70px;
    background-color: #e4e4e4;
}



/*
 * Global add-ons
 */

.sub-header {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top {
    border: 0;
}

/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
    display: none;
}
@media (min-width: 768px) {
    .sidebar {
        position: fixed;
        top: 50px;
        bottom: 0;
        left: 0;
        z-index: 1000;
        display: block;
        padding: 20px;
        overflow-x: hidden;
        overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
        background-color: #f5f5f5;
        border-right: 1px solid #eee;
        font-size: 12px;
    }
}

/* Sidebar navigation */
.nav-sidebar {
    margin-right: -21px; /* 20px padding + 1px border */
    margin-bottom: 20px;
    margin-left: -20px;
}
.submenu > li > a {
    padding-left: 40px;
    padding-right: 40px;
    color: #666;
    font-size: 12px;
}
.nav-sidebar > li > a {
    padding-right: 20px;
    padding-left: 20px;
    color: #666;
    background: #e0e0e0;
    cursor: default;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
    color: #fff;
    background-color: #428bca;
}


/*
 * Main content
 */

.main {
    padding: 20px;
}
@media (min-width: 768px) {
    .main {
        padding-right: 40px;
        padding-left: 40px;
    }
}
.main .page-header {
    margin-top: 0;
    border-bottom: 1px solid #597796;
}


/*
 * Placeholder dashboard ideas
 */

.placeholders {
    margin-bottom: 30px;
    text-align: center;
}
.placeholders h4 {
    margin-bottom: 0;
}
.placeholder {
    margin-bottom: 20px;
}
.placeholder img {
    display: inline-block;
    border-radius: 50%;
}

::placeholder {
    color: #D8D8D8;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #D8D8D8;
}

::-ms-input-placeholder { /* Microsoft Edge */
   color: #D8D8D8;
}

.search-wrapper {
    /* padding: 20px 15px; */
    /* background-color: #eee; */
    background-color: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin-bottom: 20px;
    border: 1px solid #eee;
    padding-bottom: 15px;
}
.search-wrapper .form-group {
    margin: 0;
}

.tab-wrapper .header {
    margin-bottom: 20px;
}

.table .checkbox {
    margin: 0;
    text-align: center;
}

.table .btn {
    margin: 0;
}

.table td, .table th {
    -ms-word-break: keep-all;
    word-break: keep-all;
    font-size: 12px;
    vertical-align: middle !important;
}

.table {
	margin-bottom: 0px;
}

.modal img {
    max-width: 100%;
}

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.modal .modal-dialog {
    margin-top: 5%;
}

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

.file-wrapper .form-group {
    margin-top: 4px;
}

.nav-pills > li > a {
    background: #ececec;
}

.card-nav-tabs {
    margin-top: 0;
}

.search-wrapper .form-group .control-label {
    color: #999;
    font-size: 12px;
}

.input-group .addon-btn {
    padding: 0px 15px 0px;
    cursor: pointer;
}
input:-moz-read-only { /* For Firefox */
    background-color: #DDDDDD;
    border:solid #999;
    border-width:1px;
    height:23px;
    padding: 1px 4px 1px 3px;
}

input:read-only {
    background-color: #DDDDDD;
    border:solid #999;
    border-width:1px;
    height:23px;
    padding: 1px 4px 1px 3px;
}

select:disabled {
    background: #DDDDDD;
}

.cal-modal-body .form-group {
    display: inline-block;
}

.cal-modal-body i {
    margin: 0 5px 0 3px;
}

.cal-input {
    width: 80px;
}

.sub-section {
    margin-bottom: 60px;
}

.detail-form .form-group .control-label {
    margin-top: 0;
}

.detail-form .form-group {
    text-align: left;
}

.detail-form .blank {
    margin-bottom: 68px;
}

.col-md-12 {
	border: 1px solid;
	padding-bottom: 15px;
	border: 1px solid #eee;
	background-color: #fff;
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.top-btns {
	padding: 10px 15px;
	border-bottom: 1px solid #eee;
	
	
}

.clearable{
  background: url(/assets/img/clearable.gif) no-repeat right 5px center;
  border: 1px solid #999;
  padding: 3px 18px 3px 4px;     /* Use the same right padding (18) in jQ! */
  /* border-radius: 3px; */
  /* transition: background 0.4s; */
}
.clearable.x  { background-position: right 5px center; } /* (jQ) Show icon */
.clearable.onX{ cursor: pointer; }              /* (jQ) hover cursor style */
.clearable::-ms-clear {display: none; width:0; height:0;} /* Remove IE default X */


.box-header {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  color: #363636;
  font-size: 16px;
  position:relative;
  overflow: hidden;
  background: #f5f5f5;
  border-bottom: 1px solid #E4E4E4;
  height: 28px;
}


.box-name, .modal-header-name {
  padding-left: 15px;
  line-height: 28px;
  font-size: 13px;
  font-weight: bold;
  color: #999;
}

.box-name > i {
  margin-right:5px;
}
.box-icons {
  position: absolute;
  top:0;
  right:0;
  z-index: 9;
}

.odnf-box {
	background-color: #fff;
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin-bottom: 20px;
    border: 1px solid #eee;
    padding-bottom: 15px;
}

.odnf-grid {
	margin-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
}

.grid-buttons {
	float:right;
	clear:both;
    display:block;
    position: absolute;
    top: -30px;
    right: 0px;
}


.grid-button {
	margin: 5px 0;
}

.grid-view {
	position: relative;
}

.top-btn  {
	height:22px;
	padding:0px 0px;
	width: 60px;
	font-size: 11px;
}

.btn-primary {
	background-color: #6AA6D6 !important;
}

.btn {
	
	background-color: #a2b9cc;
	color:#fff;
}


.btn:hover {
	
	background-color: #a2b9cc;
	color:#fff;
}




.no-padding{
  padding:0px;
}
.glyphicon-icon-rpad .glyphicon,.glyphicon-icon-rpad .glyphicon.m8,.fa-icon-rpad .fa,.fa-icon-rpad .fa.m8{ padding-right:8px; }
.glyphicon-icon-lpad .glyphicon,.glyphicon-icon-lpad .glyphicon.m8,.fa-icon-lpad .fa,.fa-icon-lpad .fa.m8{ padding-left:8px; }
.glyphicon-icon-rpad .glyphicon.m5,.fa-icon-rpad .fa.m5{ padding-right:5px; }
.glyphicon-icon-lpad .glyphicon.m5,.fa-icon-lpad .fa.m5{ padding-left:5px; }
.glyphicon-icon-rpad .glyphicon.m12,.fa-icon-rpad .fa.m12{ padding-right:12px; }
.glyphicon-icon-lpad .glyphicon.m12,.fa-icon-lpad .fa.m12{ padding-left:12px; }
.glyphicon-icon-rpad .glyphicon.m15,.fa-icon-rpad .fa.m15{ padding-right:15px; }
.glyphicon-icon-lpad .glyphicon.m15,.fa-icon-lpad .fa.m15{ padding-left:15px; }



ul.nav-menu-list-style .nav-header .menu-collapsible-icon{position:absolute; right:3px; top:16px; font-size:9px; }



ul.nav-menu-list-style{
  margin:0;
}
ul.nav-menu-list-style .nav-header{
  border-top:1px solid #FFFFFF;
  border-bottom:1px solid #e8e8e8;
  display:block;
  margin:0;
  line-height:42px;
  padding:0 8px;
  font-weight:600;
}
ul.nav-menu-list-style> li{
  position:relative; }
ul.nav-menu-list-style> li a{
  border-top:1px solid #FFFFFF;
  border-bottom:1px solid #e8e8e8;
  padding:0 10px;
  line-height:32px;
}
ul.nav-menu-list-style> li:first-child a{
}


ul.nav-menu-list-style{list-style:none; padding:0px; margin:0px;}
ul.nav-menu-list-style li .badge,ul.nav-menu-list-style li .pull-right,ul.nav-menu-list-style li span.badge,ul.nav-menu-list-style li label.badge{float:right; margin-top:7px;}
ul.bullets{list-style:inside disc}
ul.numerics{list-style:inside decimal}
.ul.kas-icon-aero{}
ul.kas-icon-aero li a:before{font-family: 'Glyphicons Halflings'; font-size:9px; content: "\e258"; padding-right:8px; }


.sub-folder {
	padding-left: 20px !important;
}


.sub-menu {
	padding-left: 40px !important;
}

.odnf-grid {
	font-size: 12px;	
}

.navbar-inverse {
    background-color: #61748c !important;
    border-color: #080808;
}

.navbar-nav>li>a {
    color: #e4e4e4;
}

.tab-content {
	visibility: hidden;
}

.nav-pills>li>a {
    border-radius: 4px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

/* 팝업 css */
.popup-body{
	padding-top: 0px!important;
    background-color: #e4e4e4;
}
.popup-head{
	padding-top:5px;
    padding-bottom: 10px;
    border-bottom: 1px solid #597796;
}
.popup-btn{
	height:22px;
	background-color:#6AA6D6;
	color: #fff;
	display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid #468fcc;
    white-space: nowrap;
   	padding-top:0px;
   	padding-bottom:0px;
    font-size: 13px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.popup-btn:hover{
	background-color:#657adc;
	color: #fff;
}

.popup-btn-lg{
	height:30px;
	font-size:15px;
	padding:5px 40px;
}

.popup-row{
	padding:5px;
	width:100%;
}
.popup-row>input{
	font-size:13px;
}

/*그리드 상위 버튼 CSS*/
.grid-exBtn-box{
	margin:5px 15px 5px 0px
}


/*화면 중간 삽입 CSS*/
.insert-box{
	position: relative;
    top: -10px;
    padding:0 15px;
}

.insert-box-btn{
	height: 22px;
    padding: 0px 8px;
    width: auto;
    font-size: 11px;
}

.calendar-highlight{
	  
	  content: '\00a0';
	  border: 3px solid #ff730d!important;
	  height: 100%;
	  width: calc(100% - 6px);
	  display: block;
	  position: relative;
	  background: transparent;
}

.nav-list li{
    padding-left: 5px !important;
}


.nav-list li ul li label  {
    padding-left: 20px !important;
}


.nav-collapse-btn {
    position: absolute;
    top: 2px;
    left: 20px;
}

.nav-collapse-btn2 {
    position: absolute;
    top: 2px;
    left: 37px;
}