@import "/js/jquery/bootstrap-3.3.2/bootstrap.min.css";

@font-face { font-family: 'NanumGothic';
src: url('/css/font/NanumGothic.eot');
src: url('/css/font/NanumGothic.eot') format('embedded-opentype'),
url('/css/font/NanumGothic.woff') format('woff');}

@font-face { font-family: 'NanumGothicBold';
src: url('/css/font/NanumGothicBold.eot');
src: url('/css/font/NanumGothicBold.eot') format('embedded-opentype'),
url('/css/font/NanumGothicBold.woff') format('woff');}

@font-face { font-family: 'RixGothic';
src: url('/css/font/RIXGOM.eot');}

body {font-family: 'NanumGothic', 'NanumGothicBold', 'serif';overflow-y:auto;}

html, body {height:100%;overflow:visible;}

/*서울시 글로벌 네비 예시*/
.topBar {background-color:#0c82e9;height:48px;padding-top:5px;}

.navbar-static-top {background-color:#f9f9f9;}
.navbar .container {margin-bottom:0;width:1200px;}
.navbar-default {background-color:#f9f9f9;border-bottom:1px solid #539bed;}
.navbar-brand {font-size:24px;font-weight:bold;color:#333;padding:4px 15px;}
.navbar-default .navbar-nav>li>a {font-size:18px;font-weight:600;color:#333;}
.dropdown-menu>li>a {font-size:16px;}
.navbar-nav>li>a {padding-top:25px;padding-bottom:25px;padding-left:25px;padding-right:25px;}
.container {width:100%;}
.bg-gray {background-color:#fbfbfb;border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;}
.row {margin:0 auto;max-width:1200px;}
.margin-0 {margin:0;}
.padding-0 {padding:0;}
.nav-tabs>li>a {font-size:16px;}
.tab-pane {border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;background-color:#fff;padding:15px;}
.thumbnail {border:none;}
h3, h4 {font-weight:600;}
h3 {font-size:20px;}
h3.mTit {margin-bottom:25px;}
.mainBanner {height:405px;border:1px solid #ddd;}
.subBanner {height:400px;border:1px solid #ddd;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {padding-top:20px;padding-bottom:20px;font-size:16px;font-weight:600;}
.subTbl>tbody>tr>td, .subTbl>tbody>tr>th, .subTbl>tfoot>tr>td, .subTbl>tfoot>tr>th, .subTbl>thead>tr>td, .subTbl>thead>tr>th {padding-top:20px;padding-bottom:20px;font-size:14px;font-weight:600;}
.notice {border-bottom:1px solid #ddd;}

.data-area {background-color:#f8f8f8;}
.md-box01 {background:url('/images/main/md-box-bg01.png');}
.md-box02 {background:url('/images/main/md-box-bg02.png');}
.md-box03 {background:url('/images/main/md-box-bg03.png');}
.md-box04 {background:url('/images/main/md-box-bg04.png');}
.md-box05 {background:url('/images/main/md-box-bg05.png');}
.md-box06 {background:url('/images/main/md-box-bg06.png');}

.sub-nav-pills>li {border:1px solid #ddd;}
.sub-nav-pills>li>a {border-radius:0;}

.media-type-data {border-bottom:1px solid #ddd;}

.w-tab-content .tab-pane {padding:0;overflow:hidden;padding:15px 0 15px 0;}
.w-tab-content .list-group {margin-bottom:0;}
.w-tab-content h5 {font-size:16px;}
.w-list-group-item {border:none;border-bottom:1px solid #ddd;margin-bottom:0;}
.w-list-group-item .date {}
.w-list-group-item h5 {font-size:16px;}
.w-list-group {float:left;width:700px;}
.dt-cycle {z-index:105;width:70px;height:70px;border-radius:35px;background-color:#f8f8f8;border:1px solid #f1f1f1;float:left;margin:5px 15px 0 15px;}
.dt-cycle h4 {margin-top:15px;margin-bottom:5px;}
.dt-cycle h5 {margin-top:0;}

.container-rt {margin-top:579px;width:100%;padding:0;}
.container-rt .rt-box {width:100%;max-width:100%;}
.container-rt .rt-box .col-xs-12 {background-color:#f8f8f8;width:100%;border-top:1px solid #ddd;}
.container-rt .rt-box .col-xs-12 .col-xs-9 .nav li h3 {margin-top:9px;}
.container-rt .rt-box .col-xs-12 .acc-box {height:449px;}
.container-rt .rt-box .col-xs-12 .acc-box .w-list-group-item {overflow:hidden;}
.container-rt .rt-box .col-xs-12 .acc-box .w-list-group-item span.icon-box {float:left;margin-right:10px;}
.container-rt .rt-box .col-xs-12 .acc-box .w-list-group-item div.acc-txt {float:left;overflow:hidden;width:calc(100% - 42px);}
.container-rt .rt-box .w-tab-content .tap-pane {overflow:hidden;max-height:375px;overflow-y:auto;}
.container-rt .rt-box .col-xs-12 .demon-box {overflow:hidden;max-height:449px;overflow-y:auto;background:url('/images/main/s06.png') no-repeat;}
.container-rt .rt-box .col-xs-12 .demon-box .stat-box {position:absolute;right:30px;margin-top:-46px;}
.container-rt .rt-box .col-xs-12 .demon-box .stat-box h4 {font-weight:600;}
.container-rt .rt-box .col-xs-12 .traffic-box {overflow:hidden;max-height:449px;overflow-y:auto;background:url('/images/main/img/s06.png') no-repeat;}
.container-rt .rt-box .col-xs-3 .tw-box {border:1px solid #ddd;height:450px;max-height:450px;overflow-y:auto;overflow-x:hidden;margin-top:1px;}

.map-icon {float:left;margin:25px 30px 10px 30px;}
.map-icon span {font-size:40px;}
.navbar {margin-bottom:0;}
.h60 {height:60px;}
.data-box {border:1px solid #979797;height:380px;background-color:#fff;font-size:16px;}
.data-box-type02 {border:1px solid #979797;height:180px;background-color:#fff;font-size:16px;}
.data-box-type02 h2 {margin:36px 40px 0 38px;}
.data-box-type02 p {margin:20px 30px 0 40px;}
.data-box-type02 .qLink {margin:20px 10px 0 20px;line-height:150%;}
.data-box-type02 small {font-size:10px;color:#999;}
.data-box h2 {margin:36px 40px 0 40px;}
.data-box p {margin:30px 40px 0 38px;font-weight:600;}
.data-box ul {margin:91px 30px 0 20px;}
.data-box .nav {margin-top:36px;float:right;}
.data-box .qLink {margin-top:20px;line-height:160%;}
.data-box small {font-size:10px;}

.thumbnail {padding:0;}



/*서브화면(지도) 전환 시 map-fn-l-box의 height를 100%로 수정하면 됨*/
.map-fn-l-box {z-index:500;position:absolute;background-color:#f6f6f6;width:61px;height:579px;border-right:1px solid #ddd;}
.map-fn-l-box div {margin:0;padding:0;list-style:none;}
.map-fn-l-box div a {padding:10px 0;cursor:pointer;}
.map-fn-l-box span.icon-search {margin:0 auto;display:block;background:url('/images/main/icon-search-l.png') center no-repeat;width:28px;height:28px;}
.map-fn-l-box span.menu-txt {font-size:12px;width:100%;display:inline-block;text-align:center;font-weight:bold;}

.map-fn-l-box .fn-alert {background:url('/images/main/alert01_off.png') no-repeat;display:inline-block;width:60px;height:60px;}
.map-fn-l-box .fn-alert.active {background:url('/images/main/alert01_on.png') no-repeat;display:inline-block;width:60px;height:60px;}
.map-fn-l-box .fn-bus {background:url('/images/main/bus_off.png') no-repeat;display:inline-block;width:60px;height:60px;}
.map-fn-l-box .fn-bus.active {background:url('/images/main/bus_on.png') no-repeat;display:inline-block;width:60px;height:60px;}
.map-fn-l-box .fn-rout {background:url('/images/main/rout_off.png') no-repeat;display:inline-block;width:60px;height:60px;}
.map-fn-l-box .fn-rout.active {background:url('/images/main/rout_on.png') no-repeat;display:inline-block;width:60px;height:60px;}

/* .map-left-box .info-box {padding:20px;} */
.map-left-box .info-box {padding: 10px 20px 2px 20px;}
.map-left-box .info-box .v-info {float:left;}
.map-left-box .info-box .v-bar {float:right;padding-bottom:15px;padding-right:3px;}
.map-left-box .info-box .txt-w {float:left;font-size:16px;}
/* .map-left-box .info-box .txt-m {float:left;display:inline-block;padding-top:12px;padding-left:15px;margin-right:5px;margin-left:0px;}
.map-left-box .info-box .txt-mm {float:left;display:inline-block;padding-top:12px;padding-left:4px;} */
.map-left-box .info-box .txt-m {float:left;display:inline-block;padding-top:12px;margin-right:5px;margin-left:0px;margin-bottom:0px;font-weight:bold;}
.map-left-box .info-box .txt-mm {float:left;display:inline-block;padding-top:12px;padding-left:17px;padding-right:5px;font-weight:bold;} 
.map-left-box .info-box .txt-y {color:#ffc702;}
.map-left-box .info-box .txt-g {color:#32c753;}
.map-left-box .info-box .txt-r {color:#e5595a;}
.map-left-box .info-box .txt-y-det {background-color:#ffc702;border-radius: 5px;display: inline-block;width: 50px;height: 20px;text-align: center;margin-right: 5px;color:#333;font-size:14px;border: 2px solid #333;line-height: 18px;}
.map-left-box .info-box .txt-g-det {background-color:#32c753;border-radius: 5px;display: inline-block;width: 50px;height: 20px;text-align: center;margin-right: 5px;color:#333;font-size:14px;border: 2px solid #333;line-height: 18px;}
.map-left-box .info-box .txt-r-det {background-color:#e5595a;border-radius: 5px;display: inline-block;width: 50px;height: 20px;text-align: center;margin-right: 5px;color:#333;font-size:14px;border: 2px solid #333;line-height: 18px;}
/* .map-left-box .info-box .c-green {display:inline-block;border-radius:5px;width:10px;height:10px;background-color:#58B108;} 
.map-left-box .info-box .c-blue {display:inline-block;border-radius:5px;width:10px;height:10px;background-color:#0B71FC;} 
.map-left-box .info-box .c-red {display:inline-block;border-radius:5px;width:10px;height:10px;background-color:#FC610B;} 
.map-left-box .info-box .c-orange {display:inline-block;border-radius:5px;width:10px;height:10px;background-color:#E9B619;}  */
.map-left-box .info-box .c-green {display:inline-block;border-radius:5px;width:50px;height:18px;background-color:#58B108;color:white;font-size:smaller;text-align:center;} 
.map-left-box .info-box .c-blue {display:inline-block;border-radius:5px;width:50px;height:18px;background-color:#0B71FC;color:white;font-size:smaller;text-align:center;} 
.map-left-box .info-box .c-red {display:inline-block;border-radius:5px;width:50px;height:18px;background-color:#FC610B;color:white;font-size:smaller;text-align:center;} 
.map-left-box .info-box .c-orange {display:inline-block;border-radius:5px;width:50px;height:18px;background-color:#E9B619;color:white;font-size:smaller;text-align:center;} 
.map-left-box .info-box .tit {clear:both;margin-bottom:0;margin-top:15px;}

.map-left-box {z-index:1200;position:absolute;width:320px;left:61px;background-color:#f6f6f6;display:block;height:579px;border-right:1px solid #ddd;}
.map-left-box .search-box {padding:15px;overflow:hidden;border-bottom:1px solid #ddd;background-color:#f6f6f6;}
.map-left-box .search-box .int-search {width:236px;border:1px solid #c5c6c6;padding:10px 5px 7px 5px;}
.map-left-box .search-box .int-btn {padding:10px 5px 7px 5px;background-color:#539bed;background:url('/images/main/icon-search-btn.png') no-repeat;background-position:-12px ;border:none;width:48px;border:1px solid #539bed;}
.map-left-box .map-fn-box {list-style:none;margin:0;padding:0;clear:both;}
.map-left-box .map-fn-box li {border-bottom:1px solid #ddd;border-left:1px solid #ddd;background-color:#fff;padding:15px 0;}
.map-left-box .map-fn-box span.icon-search {margin:0 auto;display:block;background:url('/images/main/icon-search.png');width:42px;height:42px;}
.map-left-box .map-fn-box span.icon-txt {font-weight:600;}
.map-left-box hr {width:90%;}

.map-right-box {} 
.map-right-box .map-type {position:absolute;right:15px;margin-top:15px;}
.map-right-box .map-type div {list-style:none;margin:0;padding:0;}
.map-right-box .map-type a {float:left;width:76px;height:69px;cursor:pointer;z-index:7000;}

.map-right-box .map-type .map-type-01 {background:url('/images/main/map01_off.png');}
.map-right-box .map-type .map-type-02 {background:url('/images/main/roadview_off.png');}
.map-right-box .map-type .map-type-03 {background:url('/images/main/map03_off.png');}
.map-right-box .map-type .map-type-99 {background:url('/images/main/map04_off.png');}
.map-right-box .map-type .map-type-01.active {background:url('/images/main/map01_on.png');}
.map-right-box .map-type .map-type-02.active {background:url('/images/main/roadview_on.png');}
.map-right-box .map-type .map-type-03.active {background:url('/images/main/map03_on.png');}
.map-right-box .map-type .map-type-99.active {background:url('/images/main/map04_on.png');}
/* .map-right-box .map-type .map-type-04 {border:2px solid #0375f4;background-color:#fff;vertical-align:middle;padding-top:10px;font-weight:bold;width:70px;height:70px;display:block;border-radius:35px;margin-top:0px;margin-right:15px;cursor:pointer;} */ 
.map-right-box .map-type .map-type-04 {border:2px solid #0375f4;background-color:#fff;vertical-align:middle;padding-top:10px;font-weight:bold;width:65px;height:65px;display:block;margin-top:0px;margin-right:15px;cursor:pointer;}

.map-right-box .map-icon-menu {position:absolute;right:15px;margin-top:16px;z-index:4000;}
.map-right-box .map-icon-menu .icon-menu {list-style:none;margin:0;padding:0;cursor:pointer;}
.map-right-box .map-icon-menu .icon-menu a {padding:5px;width:50px;height:49px;cursor:pointer;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;display:block;cursor:pointer;}
.map-right-box .map-icon-menu .icon-menu a.borderT {border-top:1px solid #ccc;}

.map-right-box .map-icon-menu .icon-menu .m-ar {background:url('/images/main/bottom_more.png');border:1px solid #cccccc;height:26px;}
.map-right-box .map-icon-menu .icon-menu .m-ar-close {background:url('/images/main/bottom_more02.png');border:1px solid #cccccc;height:26px;}
.map-right-box .map-zoom-slider {position:absolute;right:15px;margin-top:200px;z-index:2000;width:50px;text-align:center;}
.map-right-box .range-plus {border:1px solid #ddd;font-size:14px;font-weight:bold;}
.map-right-box .range-minus {border:1px solid #ddd;font-size:14px;font-weight:bold;}
.map-right-box .input-range {
    -webkit-appearance: none;
    height: 100px;
    border-radius: 5px;
    background: #ccc;
    outline: none;
    /* writing-mode: bt-lr; */ /* IE */
    -webkit-appearance: slider-vertical; /* WebKit */
}

/* // Firefox Overrides */
.map-right-box  ::-moz-range-track {
    background: #ccc;
    border: 0;
}
.map-right-box input::-moz-focus-inner { 
  border: 0; 
}
.map-right-box .map-legend {border-radius:3px;position:absolute;right:15px;margin-top:529px;z-index:2000;width:88px;padding:3px;border:1px solid #ddd;cursor:pointer;}
.map-right-box .map-legend span.txt {float:left;display:inline-block;font-size:16px;width:54px;height:26px;text-align:center;font-weight:bold;padding-top:2px;}
.map-right-box .map-legend span.icon {float:left;display:inline-block;width:26px;height:26px;background:url('/images/main/icon-plus.png');}
.map-right-box .map-legend span.active {float:left;display:inline-block;width:26px;height:26px;background:url('/images/main/icon-minus.png');}



.footer {/*background-color:#252525;*/font-size:14px;background-color:#252525;border-top:1px solid #f1f1f1;padding:25px 15px;color:#999;}
.footer h4 {font-size:18px;color:#fff;}
.footer p {padding-top:9px;clear:both;}
.footer ul {margin:0;padding:0;list-style:none;margin-top:10px;margin-bottom:40px;}
.footer ul li {margin:0;padding:0;float:left;margin-right:20px;}
.footer ul li small {font-size:10px;}


/*SUB*/
.sub-row {min-width:1200px;}
.sub-container {overflow:hidden;}
.search-area {border-bottom:1px solid #ddd;height:118px;background-color:#3366cc;}
.search-area .search-form {padding:10px;border-right:none;border-top:1px solid #979797;border-left:1px solid #979797;border-bottom:1px solid #979797;margin-top:36px;width:490px;}
.search-area .search-btn {padding:10px;background-color:#fff;border:none;border-top:1px solid #979797;border-right:1px solid #979797;border-bottom:1px solid #979797;margin-right:30px;}
/* .page-navi {margin-top:-20px;color:#999;} */
.page-navi {margin-top:-20px;}
.contents-area.col-xs-9 {padding-left:30px;padding-right:0;}
.contents-area.col-xs-9 .page-header {margin-top:30px;border-bottom:none;margin-bottom:28px;}
.contents-area.col-xs-9 .page-header h1 {margin:0;font-weight:400;}
.left-area.col-xs-3 {height:100%;border-left:1px solid #ddd;border-right:1px solid #ddd;padding-right:0px;width:255px;padding-left:0;margin-left:15px;overflow:hidden;}
.left-area .leftmenu-tit {font-size:24px;font-weight:700;margin:40px 0 40px 15px;}
.left-menu-box.panel-group {border-bottom:1px solid #ddd;}
.left-menu-box.panel-group .panel {border-radius:0;border-top:1px solid #ddd;border-left:none;border-right:none;border-bottom:none;}
.left-menu-box.panel-group .panel+.panel {margin-top:0;}
.left-menu-box .panel-default>.panel-heading {border-top-left-radius:0;border-top-right-radius:0;background-color:#fff;color:#666;padding:0px 0px;}
.left-menu-box .panel-default>.panel-heading a {padding:15px 15px;display:block;}
.left-menu-box .panel-default>.panel-heading.active {background-color:#3d6dcf;color:#fff;}
.left-menu-box .panel-default>.panel-heading h4 {font-size:16px;}
.left-menu-box .panel-default>.panel-heading+.panel-collapse>.panel-body {background-color:#f5f5f5;}
.left-menu-box .depth2-menu {list-style:none;margin:0;padding:0;}
.left-menu-box .depth2-menu li {padding-bottom:10px; background: inherit;}
.left-menu-box .depth2-menu li:last-child {padding-bottom:0;}

/*차량통행속도*/
.tv-box {border:1px solid #032f82;padding:15px 15px 15px 23px;}
.tv-box {margin-top:0;}
/* .tv-box .col-xs-2 {background-color:#f8f8f8;color:#999;padding:5px;margin-bottom:5px;margin-right:5px;width:16%;} */
.tv-box .col-xs-2 {background-color:#f8f8f8;padding:5px;margin-bottom:5px;margin-right:5px;width:16%;}
.tv-box .col-xs-2 span {color : black !important; font-weight: normal !important;}
.tv-box .col-xs-2.active span {color : #999 !important }
.tv-box .col-xs-2:last-child {margin-right:0;}
.tv-box .box-header {margin-top:0;}
.tv-box .box-header .combo-year {padding:10px;margin-right: 9px;margin-top:0px;}
.tv-box .box-body {margin-top:0;}
.tv-box .box-body h4 {clear:both;margin-top:15px;}
.tv-box .box-body .row .col-xs-2 {padding:10px 10px 10px 15px;}
.tv-box .box-body .row .col-xs-2.active {background-color:#032f82 !important;color:#fff !important;}
.tv-box .box-body .row h5 {font-size:16px;}
.tv-box .box-body .row span {font-size:12px;color:#999;}
.tv-box .glyphicon {color:#fff;}

/*카드뉴스*/
.cardNews-box .col-xs-4 {background-color:#fff;margin-bottom:10px;}
.cardNews-box .col-xs-4 .caption {border:1px solid #ddd;overflow:hidden;}
.cardNews-box .col-xs-4 .caption span {margin-right:5px;color:#666;}

/*보고서*/
.report-box .col-xs-3 {background-color:#fff;padding-bottom:15px;}
.report-box .col-xs-3 .caption {border:none;overflow:hidden;padding:0;}
.report-box .col-xs-3 .caption span {margin-right:5px;color:#666;}
.report-box .col-xs-3 .caption .btn-download {padding:10px;text-align:center;display:inline-block;color:#000;background-color:#fff;width:100%;margin-top:5px;border:1px solid #ddd;font-size:12px;font-weight:bold;}

/*공지사항*/
.sub-notice-box .noticeTbl {border-bottom:1px solid #ddd;}
.sub-notice-box .noticeTbl th {background-color:#f8f8f8;padding-top:15px;padding-bottom:15px;font-size:14px;}
.sub-notice-box .noticeTbl td {font-weight:normal;padding-top:15px;padding-bottom:15px;font-size:14px;}
.sub-notice-box .noticeTbl>tbody>tr>td, .sub-notice-box .noticeTbl>tfoot>tr>td, .sub-notice-box .noticeTbl>thead>tr>td {
font-size:14px;	
}
.sub-notice-box .noticeTbl .tit-ell {
	display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 600px;
}
/*OpenApi*/
.openApi-box {}
.openApi-box .col-xs-6 {padding-bottom:15px;}
.openApi-box .col-xs-6 .api-box {border:1px solid #ddd;overflow:hidden;padding:15px;}

/*단일검색*/
.search-unit-box {background-color:#f4f6f7;padding:20px;border:1px solid #ddd;}
.search-unit-box .combo-item {padding:11px;border:1px solid #ddd;}
.search-unit-box .int-searchTxt {border:1px solid #ddd;padding:10px;width:300px;}
.search-unit-box .int-btn {background-color:#fff;border:1px solid #ddd;padding:10px;margin-left:5px;}
.search-unit-box .int-dateTxt {border:1px solid #ddd;padding:10px;width:130px;}

/*게시판상세*/
.boardDtl-box .dtl-header {background-color:#4755a1;padding:15px;}
.boardDtl-box .dtl-header .btn-print {width:32px;height:33px;background:url('/images/common/icon-print.png');}
.boardDtl-box .dtl-header h4 {color:#fff;}
.boardDtl-box .dtl-header .regDate {color:#fff;font-size:14px;margin-top:20px;}
.boardDtl-box .dtl-header-white {background-color:#f8f8f8;padding:15px;border-top:3px solid #4755a1;border-bottom:1px solid #4755a1;overflow:hidden;}
.boardDtl-box .dtl-header-white .btn-print {width:32px;height:33px;background:url('/images/common/icon-print.png');}
.boardDtl-box .dtl-header-white h4 {color:#000;}
.boardDtl-box .dtl-header-white .regDate {color:#000;font-size:14px;margin-top:20px;}
.boardDtl-box .dtl-body {padding:15px;font-size:16px;}
.boardDtl-box .dtl-footer {padding:15px 0 15px 0;border-bottom:3px solid #4755a1;}
.boardDtl-box .dtl-footer .downTxt {display:inline-block;height:39px;color:#4a77d3;padding-left:0px;padding-top:5px;}
.boardDtl-box .dtl-footer .downTxt .icon-cl {float:left;display:inline-block;width:17px;height:34px;background:url('/images/contents/icon-cl.png') no-repeat 0 7px;}
.boardDtl-box .dtl-footer .downTxt a {float:left;padding-top:5px;color:#4a77d3;margin-left:5px;}
.boardDtl-box .dtl-footer .regDate {color:#4a77d3;height:39px;padding-top:10px;display:inline-block;margin-right:28px}
.boardDtl-box .dtl-footer .btn-fb {width:39px;height:39px;background:url('/images/main/icon-fb.png');margin-right:5px}
.boardDtl-box .dtl-footer .btn-tw {width:39px;height:39px;background:url('/images/main/icon-tw.png');margin-right:5px}
.boardDtl-box .dtl-footer .btn-band {width:39px;height:39px;background:url('/images/main/icon-band.png');margin-right:5px}
.boardDtl-box .dtl-footer .btn-kakao {width:39px;height:39px;background:url('/images/main/icon-kakao.png');margin-right:0}
.boardDtl-box .btn-box {padding:15px 0;}
.boardDtl-box .btn-box .btn-list {padding:10px 30px;border:1px solid #4755a1;border-radius:20px;color:#4755a1;}

/*서브탭*/
.boxTab-box {}
.boxTab-box .boxTab li {border-right:none;font-size:16px;}
.boxTab-box .boxTab li:last-child {border-right:1px solid #ddd;}
.boxTab-box .boxTab li a {padding:12px 15px;}
.boxTab-box .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {font-weight:bold;background-color:#f3f9fe;border:1px solid #0c82e9;color:#0c82e9;}
.boxTab-content-box .tab-pane {border:none;padding:15px 0 0 0;}
.boxTab-content-box .none-boxTab-box {padding-top:0;}
.boxTab-content-box .col-xs-4 {background-color:#fff;}

/*중타이틀*/
.mTit-box {padding:10px 0;}
.mTit-box-top {padding-top:0;}

/*게시글건수*/
.list-cnt {padding-top:22px;}

/*캘린더테이블*/
.calTbl {border-bottom:1px solid #ddd;border-left:1px solid #ddd;font-size:12px;}
.calTbl>tbody>tr>td, .calTbl>tbody>tr>th, .calTbl>tfoot>tr>td, .calTbl>tfoot>tr>th, .calTbl>thead>tr>td, .calTbl>thead>tr>th {padding:3px;border-right:1px solid #ddd;}
.calTbl>tbody>tr>th, .calTbl>tfoot>tr>th, .calTbl>thead>tr>th {padding:10px;vertical-align:middle;text-align:center;background-color:#f8f8f8;}
.calTbl td span.date {display:block;vertical-align:top;}
.calTbl td span.out {text-decoration:line-through;color:#999;}
.calTbl span.redTxt {color:red;}
.calTbl td span.time {}
.calTbl th {padding:0;height:50px;}
.calTbl td {padding:0;height:90px;}


/*아이디어 제안*/

/*서브테이블*/
.formTbl {width:100%;border-left:1px solid #ddd;border-top:1px solid #ddd;}
.formTbl th {padding-right:15px;background-color:#f8f8f8;border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding-left:5px;padding-top:5px;padding-bottom:5px;}
.formTbl td {padding:5px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.formTbl th.btnBox {background-color:#fff;padding-right:5px;}

/*서브폼*/
.form-style {border:1px solid #ddd;padding:5px;width:100%;}

/*속도정보*/
.velocityTbl {border-left:1px solid #ddd;border-top:1px solid #ddd;width:100%;}
.velocityTbl th {background-color:#2491ff;padding:10px;color:#fff;text-align:center;}
.velocityTbl th.header {background-color:#f8f8f8;color:#333;}
.velocityTbl td {border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:10px;}
.velocityTbl p.txt-h {padding-left:15px;font-weight:bold;}
.vImgBox {width:100%;/* background-color:#f9f9f9; */text-align:center;padding:20px 0;}
.vImgBox02 {/*border:1px solid #3399fe;*/border:1px solid #ddd;width:100%;background-color:#fff;text-align:center;padding:20px 0;}

/*찾아오시는길*/
.mapTbl td {padding:0px 5px 5px 5px;}
.mapTbl td.tit {border-bottom:1px solid #ddd;padding-bottom:0;}
.mapTbl td.titTop {border-bottom:1px solid #ddd;padding-top:10px;}
.mapTbl .item {vertical-align:top;}
.mapTbl .itemTop {vertical-align:top;padding-top:10px;}
.mapTbl .value {font-size:12px;padding-top:3px;}
.mapTbl .valueTop {padding-top:13px;font-size:12px;}
.mapTbl span.label-blue {background-color:blue;color:#fff;}
.mapTbl span.label-red {background-color:red;color:#fff;}
.mapTbl span.label-yellow {background-color:yellow;color:#333;}
.mapTbl span.label-purple {background-color:purple;color:#fff;}
.subh4 {margin-top:0;}



/*ETC*/
.subTxt {text-align:justify;font-size:16px;font-family:'RixGothic';color:#666;padding:0px;}
.modal-lg {
    width: 1250px;
}
.modal-content ul {margin:30px;font-size:17px;}

.main-nav>li.active>a, .main-nav>li.active>a:focus, .main-nav>li.active>a:hover {
    color: #fff;
    background-color: #3366cc;    
}

.alert-gray {color: #333;background-color: #f8f8f8;border-color: #ddd;}
.alert-blue {background-color: #f3f9fe;border: 1px solid #0c82e9;color: #0c82e9;}
.alert-topblueline {background-color: #f8f8f8;border: 1px solid #ddd;color: #333;border-top:2px solid #3366cc;}
.alert-nor {border-radius:0px;}

.nav-tabs.nav-justified>li>a {font-weight:600;}
a {color:#1f2429 ;}

.h10 {height:10px;}
.h20 {height:20px;clear:both;}
.h30 {height:30px;}
.h40 {height:40px;}
.h250 {height:230px;}

.pl20 {padding-left:20px;}

.data-box ul.mt100 {clear:both;margin-top:100px;}

.txt-blue {color:blue;}

.clearb {clear:both}

.subTit-bbullet {width:18px;height:21px;background:url('/images/common/icon-bbullet.png') no-repeat;display:block;margin-right: 5px;background-position-y: 1px;float:left;}
.ul-subTxt  li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #3366cc; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */ 
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}
.ul-subTxt li {list-style:none;}

/*0628추가*/
.w-tab-content .acc-pane {max-height: 376px;overflow-y: auto;}
.w-tab-content .demo-pane {max-height: 420px;overflow-y: auto;border:none;}
.w-tab-content .acc-txt h5 {font-size:14px;width:495px;line-height:150%;float:left;font-weight:bold;}
.w-list-group-item .date {margin-top:0;float:right;}
html, body {height:100%;}
#subMap {}

.statBox {}
.statBox h4 {}
.statBox h5 {font-weight:bold;}
.statBox .rank {background-color:blue;color:#fff;text-align:center;padding:5px;}
.statBox .stInfoTbl {font-size:12px;width:100%;}
.statBox .stInfoTbl td {padding:5px;border-bottom:1px dotted #ddd;}
.statBox .stInfoTbl td span.txt-rank {background-color:#666;color:#fff;display:inline-block;padding:5px;float:left;margin-right:5px;}
.statBox .stInfoTbl td ul {list-style:none;padding:0;margin:0;float:left;}
.statBox .stInfoTbl td ul li.txt-place {}
.statBox .stInfoTbl td ul li.txt-place-num {font-size:10px;color:#666;}
.statBox .stInfoTbl td span.icon-people {color:#8f8f8f;}
.statBox .stInfoTbl td span.active-top {background-color:#c31017;}
.statBox .stInfoTbl td span.txt-cnt {color:#8f8f8f;}
.statBox .stInfoTbl2 {font-size:13px;width:100%;color:#666;}
.statBox .stInfoTbl2 td {padding:5px;}
.statBox .stInfoTbl2 td span.stat-down {color:red;}
.statBox .stInfoTbl2 td span.stat-top {color:blue;}
.statBox .stInfoTbl2 td.bottomLine {border-bottom:1px dotted #ddd;}
.statBox .chartBox .txt-green {color:#44a136;font-weight:bold;}
.statBox .chartBox .txt-orange {color:#dd9d22;font-weight:bold;}
.statBox .chartBox .txt-blue {color:#307bbb;font-weight:bold;}

.mtSection {}
.mtSection .mt-data-p {border:1px solid #979797;background:url('/images/main/rBg.png') no-repeat;background-size:100%;width:270px;height:295px;padding-top:50px;line-height:160%;}
.mtSection .mtBox {border:1px solid #979797;background-color:#fff;padding:15px 20px;height:250px;}
.mtSection .mtBox h3 {margin-top:10px;}
.mtSection .mtBox ul {margin-left:15px;}
.mtSection .mtBox .glyphicon {color:#999;font-size:10px;}
.mtSection .mtBox01 {}
.mtSection .mtBox02 {background:url('/images/main/md-box-bg01.png');}
.mtSection .mtBox03 {background:url('/images/main/md-box-bg02.png');}
.mtSection .mtBox04 {background:url('/images/main/md-box-bg03.png');}

/*메인-차량통행속도*/
.mtv-titBox {background-color:#fff;border:1px solid #979797;border-bottom:none;overflow:hidden;}
.mtv-titBox h3 {float:left;margin-top:25px;margin-bottom:25px;padding-left:20px;}
.mtv-titBox h5 {float:right;margin-top:30px;margin-bottom:15px;padding-right:20px;}
.mtv-titBox h5 span.active {font-weight:bold;color:#3669cd;}
.mtv-box {border:1px solid #032f82;padding:15px 15px 15px 23px;background-color:#395bb2;}
.mtv-box {margin-top:0;}
.mtv-box .col-xs-2 {background-color:#f8f8f8;color:#999;padding:5px;margin-bottom:5px;margin-right:5px;width:16%;}
.mtv-box .col-xs-2:last-child {margin-right:0;}
.mtv-box .box-header {margin-top:0;}
.mtv-box .box-header .combo-year {padding:10px;margin-right: 9px;margin-top:0px;}
.mtv-box .box-body {margin-top:0;}
.mtv-box .box-body h4 {clear:both;margin-top:15px;}
.mtv-box .box-body .row .col-xs-2 {padding:10px 10px 10px 15px;}
.mtv-box .box-body .row .col-xs-2.active {background-color:#032f82;color:#fff;}
.mtv-box .box-body .row h5 {font-size:16px;}
.mtv-box .box-body .row span {font-size:12px;color:#999;}
.mtv-box .glyphicon {color:#fff;}
.mtv-box h5 {margin-top:2px;margin-bottom:2px;}
.mtv-box .tit {color:#fff;font-weight:normal;}

/*메인-공지사항*/
.notice-box {background-color:#fff;height:449px;}
.notice-box .notice-pane {
max-height: 370px;   
border-left: 1px solid #fff;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;overflow:hidden;
width:100%;overflow-y:auto;}
.notice-box .notice-pane .w-list-group {width:100%;display:inline-block;}
.notice-box .notice-pane .w-list-group a  {display:inline-block;overflow:hidden;clear:both;width:100%;margin-top:-5px;}
.notice-box .notice-pane .notice-txt  h5 {font-size:14px;font-weight:bold;}
.notice-box .notice-tit {font-size: 1em;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: 600px;
float: left;
margin-bottom: 0;
margin-top: 3px;
height:17px;}
.notice-box .notice-txt .mdot {float:left;font-size:16px;font-weight:bold;margin-right:5px;}
.notice-box .notice-txt .label {float:left;font-size:12px;margin-right:5px;margin-top:2px;}
.notice-box .date {float:right;}
.btn-notice-more {position:absolute;right:70px;z-index:1000;}

.txt-blue {color:blue;}
.txt-red {color:red;}

.demo-pane {background:transparent;}
.demo-pane .demo-timeline {float:left;}
.demo-line {background:url('/images/main/s06.png') no-repeat;}


/*20190710 추가*/
.map-fn-l-box .fn-flow {background:url('/images/main/flow_off.png') no-repeat;display:inline-block;width:60px;height:60px;}
.map-fn-l-box .fn-flow.active {background:url('/images/main/flow_on.png') no-repeat;display:inline-block;width:60px;height:60px;}
.map-fn-l-box .fn-park {background:url('/images/main/park_off.png') no-repeat;display:inline-block;width:60px;height:60px;}
.map-fn-l-box .fn-park.active {background:url('/images/main/park_on.png') no-repeat;display:inline-block;width:60px;height:60px;}
.map-fn-l-box .fn-subway {background:url('/images/main/subway_off.png') no-repeat;display:inline-block;width:60px;height:60px;}
.map-fn-l-box .fn-subway.active {background:url('/images/main/subway_on.png') no-repeat;display:inline-block;width:60px;height:60px;}
.map-fn-l-box .fn-stop {background:url('/images/main/stop_off.png') no-repeat;display:inline-block;width:60px;height:60px;}
.map-fn-l-box .fn-stop.active {background:url('/images/main/stop_on.png') no-repeat;display:inline-block;width:60px;height:60px;}
.map-fn-l-box .fn-more {background:url('/images/main/more_off.png') no-repeat;display:inline-block;width:60px;height:60px;cursor:pointer;}
.map-fn-l-box .fn-more.active {background:url('/images/main/more_on.png') no-repeat;display:inline-block;width:60px;height:60px;}
.map-fn-l-box .fn-bike {background:url('/images/main/bike_off.png') no-repeat;display:inline-block;width:60px;height:60px;}
.map-fn-l-box .fn-bike.active {background:url('/images/main/bike_on.png') no-repeat;display:inline-block;width:60px;height:60px;}
.map-fn-l-box .fn-cam {background:url('/images/main/cam_off.png') no-repeat;display:inline-block;width:60px;height:60px;}
.map-fn-l-box .fn-cam.active {background:url('/images/main/cam_on.png') no-repeat;display:inline-block;width:60px;height:60px;}
.map-fn-l-box .fn-man {background:url('/images/main/man_off.png') no-repeat;display:inline-block;width:60px;height:60px;}
.map-fn-l-box .fn-man.active {background:url('/images/main/man_on.png') no-repeat;display:inline-block;width:60px;height:60px;}
.map-fn-l-box .fn-road {background:url('/images/main/road_off.png') no-repeat;display:inline-block;width:60px;height:60px;}
.map-fn-l-box .fn-road.active {background:url('/images/main/road_on.png') no-repeat;display:inline-block;width:60px;height:60px;}
.map-fn-l-box .fn-sharecar {background:url('/images/main/sharecar_off.png') no-repeat;display:inline-block;width:60px;height:60px;}
.map-fn-l-box .fn-sharecar.active {background:url('/images/main/sharecar_on.png') no-repeat;display:inline-block;width:60px;height:60px;}
.map-fn-l-box .fn-taxi {background:url('/images/main/taxi_off.png') no-repeat;display:inline-block;width:60px;height:60px;}
.map-fn-l-box .fn-taxi.active {background:url('/images/main/taxi_on.png') no-repeat;display:inline-block;width:60px;height:60px;}
.map-fn-l-box .fn-premap {background:url('/images/main/premap_off.png') no-repeat;display:inline-block;width:60px;height:60px;}
.map-fn-l-box .fn-premap.active {background:url('/images/main/premap_on.png') no-repeat;display:inline-block;width:60px;height:60px;}
.map-fn-l-box .fn-preroute {background:url('/images/main/preroute_off.png') no-repeat;display:inline-block;width:60px;height:60px;}
.map-fn-l-box .fn-preroute.active {background:url('/images/main/preroute_on.png') no-repeat;display:inline-block;width:60px;height:60px;}
.map-fn-l-box .fn-vms {background:url('/images/main/vms_off.png') no-repeat;display:inline-block;width:60px;height:60px;}
.map-fn-l-box .fn-vms.active {background:url('/images/main/vms_on.png') no-repeat;display:inline-block;width:60px;height:60px;}
.map-fn-l-box .fn-cctv {background:url('/images/main/cctv_off.png') no-repeat;display:inline-block;width:60px;height:60px;}
.map-fn-l-box .fn-cctv.active {background:url('/images/main/cctv_on.png') no-repeat;display:inline-block;width:60px;height:60px;}
.map-fn-more-box {display:none;border-top:1px solid #ddd;border-bottom:1px solid #ddd;position:absolute;width:253px;background-color:#f6f6f6;z-index:10000;top:573px;left:61px;height:127px;}

.map-right-box .map-icon-menu .icon-menu li:first-child {border-top-left-radius:3px;border-top-right-radius:3px;border-top:1px solid #ccc;}
.map-right-more-box {display:none;}
.map-right-more-box .map-icon-menu {position:absolute;right:64px;margin-top:260px;}
.map-right-more-box .map-icon-menu .icon-menu {list-style:none;margin:0;padding:0;}
.map-right-more-box .map-icon-menu .icon-menu li {padding:5px;width:50px;height:50px;border-radius:0;border:1px solid #ddd;}
.map-right-more-box .map-icon-menu .icon-menu .mfLeft {float:left;}
.map-right-more-box .map-icon-menu .icon-menu .mfBorder {border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-left:-1px;}
.map-right-more-box .map-icon-menu .icon-menu li:first-child {border-top-left-radius:3px;border-bottom-left-radius:3px;border-top:1px solid #ccc;}
.map-right-box .map-icon-menu .icon-menu .m-alert {background:url('/images/main/malert_off.png');}
.map-right-box .map-icon-menu .icon-menu .m-alert.active {background:url('/images/main/malert_on.png');}
.map-right-box .map-icon-menu .icon-menu .m-bus {background:url('/images/main/mbus_off.png');}
.map-right-box .map-icon-menu .icon-menu .m-bus.active {background:url('/images/main/mbus_on.png');}
.map-right-box .map-icon-menu .icon-menu .m-cam {background:url('/images/main/mcam_off.png');}
.map-right-box .map-icon-menu .icon-menu .m-cam.active {background:url('/images/main/mcam_on.png');}
.map-right-box .map-icon-menu .icon-menu .m-bike {background:url('/images/main/mbike_off.png');}
.map-right-box .map-icon-menu .icon-menu .m-bike.active {background:url('/images/main/mbike_on.png');}
.map-right-box .map-icon-menu .icon-menu .m-car {background:url('/images/main/mcar_off.png');}
.map-right-box .map-icon-menu .icon-menu .m-car.active {background:url('/images/main/mcar_on.png');}
.map-right-box .map-icon-menu .icon-menu .m-cctv {background:url('/images/main/mcctv_off.png');}
.map-right-box .map-icon-menu .icon-menu .m-cctv.active {background:url('/images/main/mcctv_on.png');}
.map-right-box .map-icon-menu .icon-menu .m-flow {background:url('/images/main/mflow_off.png');}
.map-right-box .map-icon-menu .icon-menu .m-flow.active {background:url('/images/main/mflow_on.png');}
.map-right-box .map-icon-menu .icon-menu .m-park {background:url('/images/main/mpark_off.png');}
.map-right-box .map-icon-menu .icon-menu .m-park.active {background:url('/images/main/mpark_on.png');}
.map-right-box .map-icon-menu .icon-menu .m-screen {background:url('/images/main/mscreen_off.png');}
.map-right-box .map-icon-menu .icon-menu .m-screen.active {background:url('/images/main/mscreen_on.png');}
.map-right-box .map-icon-menu .icon-menu .m-subway {background:url('/images/main/msubway_off.png');}
.map-right-box .map-icon-menu .icon-menu .m-subway.active {background:url('/images/main/msubway_on.png');}


.map-right-box .map-legend-dtl {
    display:none;
    position: absolute;
    width: 350px;
    height: 139px;
    right: 15px;
    top: 421px;
    z-index: 5000;
    background-color:transparent;
    padding-top:41px;
}
.map-right-box .map-legend-dtl .btn-close-legend {
	position:absolute;
	display:block;
	right:0;
	padding:9px 19px 9px 18px;
	background-color:#fff;
	border:1px solid #ddd;		
	margin-top:-41px;
	text-align:center;
	cursor:pointer;
	font-size:16px;
	font-weight:bold;
}
.map-right-box .map-legend-dtl .legendTbl {
    width:100%;
    border-top:1px solid #ddd;
    border-left:1px solid #ddd;
    margin-bottom:5px;
    background-color:#fff;
    
}
.map-right-box .map-legend-dtl .legendTbl td {
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:7px;
	font-size:12px;
}
.map-right-box .map-legend-dtl .legendTbl th {
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:7px;
	background-color:#f8f8f8;
	color:#333;
	font-size:12px;
	font-weight:bold;
}

.map-right-box .map-legend-dtl .legendTbl th.th-green {border-bottom:5px solid #28c613;}
.map-right-box .map-legend-dtl .legendTbl th.th-yellow {border-bottom:5px solid #ffc600;}
.map-right-box .map-legend-dtl .legendTbl th.th-red {border-bottom:5px solid #f11406;}
.map-right-box .map-legend-dtl .legendTbl th.th-gray {border-bottom:5px solid #797978;}


/*메인화면 자료실 추가*/
.main-data-box .data-box-header {border-top:1px solid #979797;border-left:1px solid #979797;border-right:1px solid #979797;border-bottom:none;background-color:#fff;padding:13px 15px 14px 24px;}
.main-data-box .data-box-tit {float:left;margin-top:12px;}
.main-data-box .nav-tabs {border:none;}
.main-data-box .nav-tabs li {float:right;font-size:14px;}
.main-data-box .nav-tabs li a {color:#666;}
.main-data-box .nav-tabs li.active a {color:#032f82;font-weight:bold;}
.main-data-box .data-box-dtl {clear:both;}
.main-data-box .data-box-dtl .tab-pane {padding:0;border-top:none;border-left:1px solid #979797;border-right:1px solid #979797;border-bottom:1px solid #979797;}
.main-data-box .nav-tabs>li.active>a, .main-data-box .nav-tabs>li.active>a:focus, .main-data-box .nav-tabs>li.active>a:hover {border-bottom-color:#ddd;}



/*서브화면 지도 범례*/
.map-right-box .map-legend-sub {border-radius:3px;position:absolute;right:15px;margin-top:764px;z-index:2000;width:88px;padding:3px;border:1px solid #ddd;cursor:pointer;background-color:#fff;}
.map-right-box .map-legend-dtl-sub {
    display: none;
    position: absolute;
    width: 350px;
    height: 139px;
    right: 15px;
    top: 656px;
    z-index: 5000;
    background-color: transparent;
    padding-top: 41px;
}


/*메인화면 날씨 정보 수정*/
.map-left-box .info-box {overflow:hidden;}
.map-left-box hr {margin-top:40px;}

.pagination>li>a.active, .pagination>li>span.active {
    color: #23527c;
    background-color: #eee;
    border-color: #ddd;
}


/* 공공데이터개방 추가 */
.mb4 {margin-bottom:4px;}
.scroll{ width: 870px; height: 520px; overflow: auto; }
/* .dataTbl { border-left:1px solid #ddd;border-top:1px solid #ddd; } */
.dataTbl { border:1px solid #ddd; }
.dataTbl th {padding-right:15px;background-color:#f8f8f8;border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding-left:5px;padding-top:5px;padding-bottom:5px;}
.dataTbl td {padding:5px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.dataTbl th.btnBox {background-color:#fff;padding-right:5px;}
.dataTbl>tbody>tr>td, .dataTbl>tbody>tr>th, .dataTbl>thead>tr>td, .dataTbl>thead>tr>th{ padding-top: 10px; padding-bottom: 10px; font-size: 1em; font-weight: 400;}
.dataTbl>tbody>tr>th { font-weight: 600;}

#tableResult {
	border-collapse: collapse;
	margin-bottom:0px;
}
#tableResult th,
#tableResult tbody td{
	width: 15%;
	border-right: 1px solid lightgray;
}

#tableResult th:last-child,
#tableResult tbody td:last-child{
	border-right: 0px !important;
}

/* #tableResult tr:first-child{
	background-color: #F4F6F7 !important;
	font-weight: bold !important;
} */

#tableResult thead tr:first-child{
	background-color: #F4F6F7 !important;
	font-weight: bold !important;
}

#tableResult tr:nth-child(odd){
	background-color: #eaf5fd;
}

#tableResult th {
	position: sticky;
	top: 0px;
	background-color: #F4F6F7 !important;
}
.blind{display:block;overflow:hidden;top:-1000em;position:absolute;}


/*재난재해 정보 팝업*/

.section-tit{ font-weight: 600; color:#032f82;}
.data-box-tit span{ padding: 5px 10px; border-radius: 20px; margin-top: -15px;}

.control{ border-top: 1px solid #ddd; font-size:24px; font-weight:bold;}

.control-tit{ width: 270px; font-size:30px; margin: 0; margin-right: 10px; }
.control-tit span{ float: left; width: 90px; height: 90px; font-size:28px; display: block; border-radius: 45px; text-align: center; margin-right: 20px; line-height: 90px; }
.control-tit p{ margin-top: 25px;}
.control .btn-danger{ background-color: #f44336; }
.control .btn-warning{ background-color: #ff7c34; }
.control .btn-attention{ background-color: #f9d529; color: #fff;}

.control-tit2{ }
.control-tit2 span{ float: left; width: 90px; height: 90px; font-size:24px; display: block; border-radius: 45px; text-align: center; padding-top: 20px; margin-right: 20px; }
.control-tit2 p{ margin: 15px 0 0 0; }

.clear {
	clear: both;
}

.wrap {
	width: 100%;
	min-width: 960px;
	z-index: 10;
	position: relative;
	margin: 0 auto;
	padding: 0;

}

.section {
	width: 100%;
	max-width: 1200px;
	min-width: 960px;
	z-index: 10;
	position: relative;
	margin: 0 auto;
	padding: 0 0 20px 0;
}

.inner {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	min-height: 50px;
	padding:30px 0;
	font-weight: 300;
	padding:30px 0;
}

.inner:after {
	content: "";
	display: table;
	clear: both;
}

.inner .tby01{ border-left: 1px solid #d2d2d2; }
.inner .col-xs-7{ font-size:16px; font-weight:bold; height: 247px; overflow-y: auto; border: 1px solid #d2d2d2; padding: 20px; }
.inner .col-xs-5{ height: 247px; overflow-y: scroll;  border: 1px solid #d2d2d2; border-left: none;}
.inner .col-xs-4{ height: 410px; overflow-y: auto; border: 1px solid #d2d2d2; text-align: center; padding: 10px; }
.inner .tby01 .tit-ell{ display: inline-block; text-overflow:ellipsis; white-space:nowrap; overflow: hidden; width: 320px; }
.inner .tby01 a{ text-decoration: none; color: #333; }

.subMenu {
	height: 80px;
	z-index: 1000;
	width: 100%;
	background: #3366cc;
	color: #fff;
}

.subMenu .inner {
	padding:0;
	font-weight: 400;
	margin: 0 auto;
}

.subNavBtn {
	display: block;
	height: 80px;
	width: 9%;
	float: left;
	margin: 0px 0px 0 0;
	text-decoration: none;
	font-size: 17px;
	padding: 30px 2% 0 2%;
	text-align: center;
	color: #fff;
}

.subMenu a {
	text-decoration: none;
	color: #fff;
}

.subMenu a:hover {
	font-weight: bold;
	color: #333 !important;
}

.active {
	background: #fff;
	font-weight: bold;
	color: #333 !important;
}

.end {
	margin: 0;
}
    
/* SECTIONS */

.se1 {min-height: 500px;}        
.se2 {min-height: 500px;}    
.se3 {min-height: 500px;}    
.se4 {min-height: 500px;}    
.se5 {min-height: 500px;}  

.modal .close{position:absolute;width:15px;height:15px;right:15px;top:15px;background:url('/images/main/layer_close.png') center center no-repeat;opacity:1;z-index:99999999999999999;}
.modal .imgDown{position:absolute;width:15px;height:15px;right:50px;top:15px;background:url('/images/main/layer_imgDown.png') center center no-repeat;opacity:1;z-index:99999999999999999;}
.modal .refresh{position:absolute;width:15px;height:15px;right:85px;top:15px;background:url('/images/main/layer_refresh.png') center center no-repeat;opacity:1;z-index:99999999999999999;}