html{width:100%;height:100%;}
body{ font-family: 'Noto Sans KR','Noto Sans',sans-serif !important;width:100%;min-height:100%;background:#F7F7F7;}
a{color:black;}
footer {display: block;height: 60px;float: left;width: 100%;background:#f3f3f3;border-top:1px solid #eeeeee;}

@font-face {
  font-family: 'Godo';
  font-style: normal;
  font-weight: 400;
  src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoM.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoM.woff') format('woff');
}

@font-face {
  font-family: 'Godo';
  font-style: normal;
  font-weight: 700;
  src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoB.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoB.woff') format('woff');
}

.godo * {
 font-family: 'Godo', sans-serif;
}



/***********************************************

                로그인 페이지(메인)

************************************************/
.login-form { width:420px; }
.login-input {border: 1px solid #d1d1d1;border-radius: 10px;}

/***********************************************

              대시보드 페이지(헤드)

************************************************/
.menu_width {width:570px; margin:0 auto;}

.navbar-inverse {background-color:#434C54;}
.nav-logo{display:inline-block;font-size:50px;line-height:80px!important;}
.navbar-inverse .navbar-nav>li>a { color:#fff; }
.nav-clear{float: left;width: 20%;display: inline-block;height:80px;}


.nav-li{line-height:80px!important;}


/* 상단 메뉴 */
.icon-list span {display:block;}
.icon-list .menu-icon {height:30px; line-height:30px;}
.icon-list .menu-title {font-size:12px; line-height:18px; font-weight:bold;}



/***********************************************

              대시보드 페이지(메인)

************************************************/
.no-padding {padding:0;}
.no-margin {margin:0;}

.container {width: 100%;padding: 0;max-width: 100%;height:100%;}

.at-body {float:left;background:#2A4053;width:100%;}
.main {display:flex;flex-direction:column;width:100%;background:#F7F7F7;padding:10px 20px 0 20px;}
.main-row {display:flex;flex-direction:row;margin:10px -15px;}
.row {display:flex;flex-direction:row;margin:10px 0px;}
.panel {float:left;width:100%;padding:15px;background:white;min-height:320px;border:1px solid #E6E9ED;border-radius:5px;box-shadow:0 3px 6px rgba(0,0,0,0.16);}
.title {padding:5px;font-size:20px;font-weight:600;border-bottom:2px solid #ECECEC;}
.content {display: flex;flex-direction:column;}
.content table {min-width:100%;font-size:14px;table-layout:fixed;}
.content thead {margin:15px 0;}
.content thead th {padding:10px;text-align:center;font-size:14px;white-space:nowrap;}
.content tbody tr {border-bottom:1px solid #DCDCDC;cursor:pointer;}
.content tbody tr:hover{background:rgba(38,185,154,0.07);}
.content tbody td {padding:10px;text-align:center;font-size:14px;white-space:nowrap;max-width:500px;overflow:hidden;text-overflow:ellipsis;}
.content tbody td.left {text-align:left;}
.content tbody td.right {text-align:right;}
 tbody tr:nth-child(2n+1) {background:#F2F2F2;}

.btn{color:white;box-shadow:0 3px 6px rgba(0,0,0,0.16);}
.btn:hover{color:white;}
.btn-green {background:#1FBB9D;}
.btn-cancel {background:#e93600;}
.btn-navy {background:#324A90;}
.btn-red {background:red;}
.btn-grey {background:#5a6268;}
.btn-primary {color: #fff;background-color: #337ab7;border-color: #2e6da4;}
.btn-select {background:#0069d9;}

.popup {position:absolute;top:0;left:0;width: 100%;min-height: 100%;background: rgba(0,0,0,0.5);}
.popup-update {position:absolute;top:0;left:0;width: 100%;min-height: 100%;background: rgba(0,0,0,0.5);}

.bid_popup, .cust_popup, .chk_popup, .bid_popup_new {position:absolute;top:0;left:0;width: 100%;min-height: 100%;background: rgba(0,0,0,0.5);}
.is-open {display: flex;align-items: center;justify-content: center;}
.is-close {display:none;}
#close-btn {float: right;border: none;background: white;color: #787878;}
#label {text-align: left;color: black;font-weight: bold;}

.body-row {display:flex;height:50px;border: 1px solid #EDEDED;}
.body-row div {display:flex;align-items:center;height: 50px;font-weight:bold;}
.grey {background:#F2F2F2;border: 1px solid #EDEDED;}


.tooltip {position: relative;opacity:1;}

.tooltip .tooltiptext {visibility: hidden;width: 120px;background-color: black;color: #fff;text-align: center;border-radius: 6px;padding: 5px 0;position: absolute;z-index: 1;font-size:14px;}
.tooltip:hover .tooltiptext {visibility: visible;}
.tooltip-top {bottom: 125%;left: 50%;margin-left: -60px;}
#request-table tr, #sch-table tr {background:white;border-top: 1px solid #DCDCDC;border-bottom:none;}
#request-update-table tr, #sch-update-table tr {background:white;border-top: 1px solid #DCDCDC;border-bottom:none;}
#request-table td {white-space:initial;}
#comments {margin-bottom:10px;color:#B7B7B7;}