body.bg_fff{background:#fff}        /*20170213 jin 추가 */

/* 사이트 접속시 한글모드 고정 : 2017-03-08 이용관대리 요청 */
input[type=text]  {
    ime-mode:active; 
}

/* 커서 포인터 */
.pointer {
cursor :pointer;
}

/*추가*/
table th, table td{
text-align:center;
}

table {border-bottom:1px solid #4c5667;}


#side-menu li a{color:#fff;font-weight:600;}
.btn{border-radius:2px;border:none;font-weight:400;height:34px}
.navbar-header, .fix-sidebar .top-left-part, .sidebar{background:#3c4451}


	.page-sidebar .page-sidebar-menu>li.heading>h3{ color:#fff;}
	.page-header.navbar .menu-toggler>span, .page-header.navbar .menu-toggler>span:after, .page-header.navbar .menu-toggler>span:before, .page-header.navbar .menu-toggler>span:hover, .page-header.navbar .menu-toggler>span:hover:after, .page-header.navbar .menu-toggler>span:hover:before {
    background: #fff;}
	.page-sidebar .page-sidebar-menu>li.open>a, .page-sidebar .page-sidebar-menu>li:hover>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.open>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li:hover>a {
    color: #fff;
}
	.nav-item > a>span.title, .nav-item>a>i{color:#fff}
	.page-sidebar .page-sidebar-menu>li.open>a>.arrow.open:before, .page-sidebar .page-sidebar-menu>li.open>a>.arrow:before, .page-sidebar .page-sidebar-menu>li.open>a>i, .page-sidebar .page-sidebar-menu>li:hover>a>.arrow.open:before, .page-sidebar .page-sidebar-menu>li:hover>a>.arrow:before, .page-sidebar .page-sidebar-menu>li:hover>a>i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.open>a>.arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.open>a>.arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.open>a>i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li:hover>a>.arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li:hover>a>.arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li:hover>a>i {
    color: #fff;
}
.page-sidebar .page-sidebar-menu>li.heading, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.heading {
    padding: 10px 15px;
}
.page-content-white .page-title {
    margin: 15px 0;
    font-size: 24px;
}
table tr th, table tr td{text-align:center}
.tbl-input tr td{text-align:left}

.no-padding{padding:0 }
.no-margin{margin:0 !important}
.fullsize{width:100%}
.btn-right{float:right}
.btn-right ::after{clear:both}
.w70{width:70%;}
.w90{width:90%}
.txt-time{width:45px;}

.td-time{min-width:120px}
.td-money{min-width:130px}
#gmap_geocoding_address{height:36px}
.modal .portlet {margin-top:0; margin-bottom:0}
/*.portlet{overflow:auto;min-width:1100px}*/
.w70{width:70%}
.txt-line{width:300px}

.navbar-header{min-width:1400px}
.navbar-right{margin-right:25px}
.l-pd-4{padding-left:4px}

.ul_inline{padding-left:0;margin-bottom:0}
.ul_inline li{display:inline-block; vertical-align:middle}

.tbl-input>tbody>tr>td.text-center{text-align:center;}
.btn-center{vertical-align:middle;}
.btn-top{vertical-align:top;}

 .form-control, .form-control2, .form-control3{ime-mode:active;}


/*  file upload */
.file-upload-wrapper {
  position: relative;
  width: 400px;
  height: 35px;
}
.file-upload-wrapper:after {
  border:1px solid #222;
  content: attr(data-text);
  font-size: 14px;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  padding: 5px 15px;
  display: block;
  width: calc(100% - 40px);
  pointer-events: none;
  z-index: 20;
  height: 35px;
  line-height: 20px;
  color: #999;
  border-radius: 5px 10px 10px 5px;
  font-weight: 300;
}
.file-upload-wrapper:before {
  content: '파일선택';
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  height: 35px;
  background: #4daf7c;
  color: #fff;
  font-weight: 700;
  z-index: 25;
  font-size: 14px;
  line-height: 35px;
  padding: 0 15px;
  text-transform: uppercase;
  pointer-events: none;
  border-radius: 0 5px 5px 0;
}
.file-upload-wrapper:hover:before {
  background: #3d8c63;
}
.file-upload-wrapper input {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  height: 40px;
  margin: 0;
  padding: 0;
  display: block;
  cursor: pointer;
  width: 100%;
}



/*map*/
.controls {
  margin-top: 10px;
  border: 1px solid transparent;
  border-radius: 2px 0 0 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 32px;
  outline: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

#pac-input {
  background-color: #fff;
  font-family: Roboto;
  font-size: 15px;
  font-weight: 300;
  margin-left: 12px;
  padding: 0 11px 0 13px;
  text-overflow: ellipsis;
  width: 300px;
}

#pac-input:focus {
  border-color: #4d90fe;
}

.pac-container {
  font-family: Roboto;
}

#type-selector {
  color: #fff;
  background-color: #4d90fe;
  padding: 5px 11px 0px 11px;
}

#type-selector label {
  font-family: Roboto;
  font-size: 13px;
  font-weight: 300;
}
 #target {width: 345px;}


 .font-red{color:#ff0000}
 .tbl-record{width:100%;border:0;margin:0 auto;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
 .tbl-record>tbody>tr>th, .tbl-record>tbody>tr>td {border-top:1px solid #ccc; border-bottom:1px solid #ccc;padding:5px}
 .tbl-record>tbody>tr>th.bdr-ccc{border-right:1px solid #ccc;}
 .bdr-0{border-right:0}
 .btn-mrt4{margin-top:-4px}
 .tbl-recordtitle{width:100%;border:0;margin:0 auto;}

 .tbl-recordinfo{background-color:#ccc;height:32px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
 .tbl-recordinfo>tbody>tr>th{font-size:13px; font-weight: bold;padding-left:4px;text-align:left}
 .tbl-recordinfo>tbody>tr>td{font-size:16px; font-weight: bold;padding-left:4px;text-align:left}

 .tbl-diagram{border-top:3px solid #5d5d5d;}
 .tbl-diagram>tbody>tr>td{vertical-align:top;padding-top:5px}
 .tbl-diagram>tbody>tr>td:nth-child(2n){vertical-align:middle;font-size:20px;}
 .tbl-diagram p.box-diagram{padding:6px 20px; border:1px solid #5d5d5d;margin:5px;}

 .tbl-modallist>thead>tr>th, .tbl-modallist>tbody>tr>td{padding:4px}

 .tbl-input>tbody>tr>th, .tbl-input>thead>tr>th{min-width:100px}
 
 .tbl-input>tbody>tr>th, .tbl-input>tbody>tr>td{
     padding:4px
 }
 .tbl-input .form-control{
     border:1px solid rgba(0, 0, 0, 0.3);
 }

 /*배차현황보기*/
 .tbl-state>tbody>tr>td.active{background-color:#32c5d2 !important}

 .tbl-modal>tbody>tr>th, .tbl-modal>thead>tr>th {background-color:#e3f7f9}
 

 .font-bgreen{font-weight:800; color:#2dce0f}
 .font-bred{font-weight:800; color:#ff0000}
 .font-byellow{font-weight:800;color:#f3c200}

 /*운행정보 레이어팝업*/
 .box-tblbus{height:300px;width:100%; overflow-y:auto}
 .tbl-bus tr th, .tbl-bus tr td{padding:3px 6px;font-size:0.9em}

 .gmaps_lg{height:500px}
 .box-tblbus-lg{height:500px;overflow-y:auto}

 .tbl-line>thead>tr>th{background-color:#e3f7f9}
 .tbl-item>tbody>tr .active>td,.tbl-line>tbody>tr.active>td,.tbl-line>tbody>tr.active>th{background-color:#f1c0c0;font-weight:600;}
 .tbl-line{margin-top:10px}

 .box-linetitle{border:2px solid #4c5667; border-radius:4px; padding:10px 10px 0 10px ;margin-bottom:10px}
 .box-lstline{height:350px;width:100%;overflow-y:scroll;}
 .box-lstline pre{border:none;}
 .box-linetitle p{font-family:'poppins';font-weight:600;font-size:16px;}
 .srch-lst{margin-bottom:10px}
 .srch-lst::after{display: table; content: " ";height:10px}


 .viewmore{display:block;margin-top:11px}
 .tbl-board>thead>tr>th{background-color:#e9edef}
 .modal-notice{font-weight:600;font-size:16px; margin:10px auto}

 .tbl-busmodal, .tbl-busmodal>tbody>tr>td{border:none}
 .tbl-busmodal>tbody>tr>td.bg_blue{background-color:#4d90fe;color:#fff;font-weight:600;font-size:24px}
 .sp-lg{display:block;margin:0 auto;margin-top:25px; padding:0px;font-size:18px;font-weight:600}
 .sp-md{display:block;margin:0 auto; padding:0px;font-size:14px;font-weight:400}
 .pic-bus{width:80px;float:left}
 .box-line{padding:10px}
 .box-line{font-size:16px;font-weight:600}
 .sp-arrow{font-size:20px;color:#ed6b75;font-weight:800}


 .login-logo{background:#3c4451;padding:15px}
 .member-box{margin-top:100px}
 .btn-dark{background:#3c4451; color:#fff !important; /*padding:12px;*/ height:auto;}
 .btn-dark:hover{color:#e3f7f9}

 .modal-body h5{font-weight:600;border-bottom:1px solid #3c4451}
 .tbl-modal>tbody>tr.step1>td:first-child {font-weight:600;text-align:left}
 .tbl-modal>tbody>tr.step2>td:first-child {font-weight:400;text-align:left;padding-left:50px}

 .box-scroll{height:400px;overflow-y:auto}


  .txt-as{margin:0 auto;padding:0;color:#fff}


 .tbl-view {border:1px solid #3c4451}
 .tbl-view pre{border:0}


 .hidden_txt{position:absolute; top:3px;left:5px;padding:2px; border:none; z-index:5}
 .top-left-part{width:340px}
 .lp-10{padding-left:10px}

 .tbl-mrecord>thead>tr>th{vertical-align:middle;min-height:49px}
 .tbl-noborder, .tbl-noborder>tbody>tr>th, .tbl-noborder>tbody>tr>td {border: none;border-bottom:0;text-align:left}

 /*게시판 파일업로드*/
 .file-upload {
    margin: 20px 0;
    input[type="file"] {
        display: none;
    }
    button + &-list {
        margin-top: 10px;
    }
    &-list {
        margin: -10px -5px;
    }
    &-item {
        margin: 10px 5px;
        padding: 10px;
        position: relative;
        display: inline-block;
        border-radius: 4px;
        text-align: center;
        vertical-align: top;
        overflow: hidden;
        border: 1px solid #ddd;
        cursor: pointer;
        &:hover {
            border-color: #ff6600;
            outline: none;
        }
        > strong {
            position: relative;
            margin-bottom: 10px;
            display: block;
            color: #555;
            font-weight: normal;
            font-size: 84%;
            &:last-child {
                margin-bottom: 0;
            }
        }
        > img {
            max-width: 80px;
            max-height: 40px;
            object-fit: cover;
            object-size: 50%;
        }
    }
}