@charset "utf-8";
@import url("http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css"); 
/* RESET ----------- */
header,footer,section,article,aside,nav,menu,figure,figcaption{display:block}
html{overflow-y:scroll}
html,body,h1,ul,ol,li,form,fieldset,legend,dt,dd,a,divp,span{margin:0;padding:0}
p,h1,h2,h3,h4,h5,h6,dl{margin:0}
body,input,textarea,select,button,table,option{font-family:'Abel','나눔바른고딕', 'Nanum Barun Gothic',sans-serif; font-size:14px;line-height:1.5;color:#565b61;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;}
fieldset,img{border:0}
legend{color:#565b61}
a{-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}
a:hover,a:focus{text-decoration:none;color:#000}
li{list-style:none}
button,a{color:#565b61;text-decoration:none;cursor:pointer}
table{border-collapse:collapse;border-spacing:0}
blockquote:before,blockquote:after,q:before,q:after{content:''}
blockquote,q{quotes:' '}
abbr,acronym{border-bottom:1px dotted;cursor:help}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
hr{display:none}

/* COMMON ----------- */
.skip{display:block;position:absolute;top:-30px;left:0;z-index:100;width:100%;height:30px;background-color:#e60012;line-height:30px;font-size:14px;color:#fff;text-align:center;text-decoration:none}
.skip:hover,.skip:active,.skip:focus{top:0}
.blind{overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
.hidden{width:0; height:0; font-size:0; line-height:0; visibility:hidden; position:absolute;}
hr{display:none}

/* *{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out} */
::-webkit-file-upload-button { cursor:pointer; }
.i_text{height:28px;border:1px solid #c9c9c9;background-color:#fff;color:#565b61;vertical-align:middle;padding:0 10px}
.i_text:focus{border-color:#01b9ff}
.i_check,.i_radio{width:17px;height:17px;vertical-align:middle}
.i_check{width:20px; height:20px; border:1px solid #707070; padding:0;margin:0; border-radius:0;background:none}
.textarea{margin-right:22px}
.textarea textarea{width:100%;padding:10px;border:1px solid #c9c9c9;color:#565b61}
select{height:30px;;border:1px solid #c9c9c9;background-color:#fff;color:#565b61;vertical-align:middle;padding-left:5px}

/* PRINT ----------- */
@media print{
	.header,.snb,.aside{display:none}
}


/* ---------------------------------
	COMMON
---------------------------------*/

.button1{display:inline-block;height:30px;padding:0 13px;border:0;background-color:#61c6cf;font-size:12px;color:#fff;text-align:center;vertical-align:top; border-radius:3px; min-width:44px;line-height:30px;box-sizing:content-box}
.button1:hover,.button1:active{opacity:.85}
.button1.green{background-color:#50c14e;}
.button2{display:inline-block;height:28px;padding:0 13px;border:0;background-color:#fff; border:1px solid #dfebf6; font-size:12px;color:#565b61;text-align:center;vertical-align:top; border-radius:3px; min-width:44px;line-height:28px;box-sizing:content-box}/*20160816 추가*/
.button2:hover,.button2:active{opacity:.85}/*20160816 추가*/

.ez-checkbox-evt {vertical-align:middle; zoom:1; cursor:pointer; width:24px; height:24px; display:inline-block; overflow:hidden; background:url('../img/icn_chk_off.gif') no-repeat 0 0;}
.ez-checkbox-evt input{width:24px; height:24px; margin:0;}
.ez-checked-evt {background:url('../img/icn_chk_on.gif') no-repeat 0 0; cursor:pointer;}
.ez-radiobox-evt {vertical-align:middle; zoom:1; cursor:pointer; width:30px; height:30px; margin-right:10px; display:inline-block; overflow:hidden; background:url('../img/icn_rdo_off.gif') no-repeat 0 0;}
.ez-radiobox-evt input{width:30px; height:30px; margin:0;}
.ez-radiochecked-evt {background:url('../img/icn_rdo_on.gif') no-repeat 0 0; cursor:pointer;}
.ez-hide{opacity:0; filter:alpha(opacity=0);}

/* ETC ----------- */
.ellipsis {
    width: auto;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
    display: block;
}
/* BUTTON ----------- */
.btn{display:inline-block;*overflow:hidden;background:url(../img/common/btn.png) 0 0 no-repeat;*font-size:0;*line-height:0;text-indent:-9999em;*text-indent:0;vertical-align:middle}
/* ICON ----------- */
i.ico{display:inline-block;*overflow:hidden;background:url(../img/common/ico.png) 0 0 no-repeat;*font-size:0;*line-height:0;text-indent:-9999em;*text-indent:0;vertical-align:middle}
/* TEXT ----------- */
i.txt{display:inline-block;*overflow:hidden;background:url(../img/common/txt.png) 0 0 no-repeat;*font-size:0;*line-height:0;text-indent:-9999em;*text-indent:0;vertical-align:middle}


/* TABLE ----------- */
.tbl_basic {width: 100%;table-layout: fixed; text-align:center;margin:15px 0 10px}
.tbl_basic thead{background:#dfebf6;}
.tbl_basic th{height: 26px;padding:9px 0; color:#647d98; font-weight:900;}
.tbl_basic td{ height:24px;border:1px solid #dfebf6; padding:9px 9px;}
.tbl_basic td a:hover{text-decoration:underline;}
.tbl_basic tbody tr:hover {background:#fff9c7;}
.tbl_basic tbody tr.even{background-color:#f6fafe;}
.tbl_basic tbody tr.even:hover {background:#fff9c7;}
.tbl_basic td em.stop{color:#ff0000; font-style:normal}

.tbl_basic2 {width:100%; text-align:center;margin:0 0 10px; border:none;}/*20161013 수정*/
.tbl_basic2 thead{width:100%; background:#6f8293;}
.tbl_basic2 th{height: 26px;padding:22px 0; color:#fff; font-weight:900; border:1px solid #6f8293; border-width:0 1px 0 1px; border-spacing:0;}
.tbl_basic2 td{height:24px; padding:18px 9px; color:#333;}
.tbl_basic2 td a:hover{text-decoration:underline;}
.tbl_basic2 tbody tr{background:#fff;}
.tbl_basic2 tbody tr:hover {background:#fff9c7;}
.tbl_basic2 tbody tr:nth-child(even){background-color:#eff2f5;}
.tbl_basic2 tbody tr:nth-child(even):hover {background:#fff9c7;}
.tbl_basic2 td em.code1{color:#118bf0; font-style:normal}
.tbl_basic2 td em.code2{color:#333; font-style:normal}
.tbl_basic2 td em.code3{color:#274aa4; font-style:normal}
.tbl_basic2 td a.call{display:block; width:32px; height:32px; margin:0 auto; text-indent:-9999em; background:url('../img/icn_call.png') no-repeat 0 0;}

.tbl_basic3 {width:100%; text-align:center; border:none;}
.tbl_basic3 thead{width:100%; background:#6f8293;}
.tbl_basic3 th{height: 26px;padding:12px 0; color:#fff; font-weight:900; border:1px solid #6f8293; border-width:0 1px 0 1px; border-spacing:0;}
.tbl_basic3 td{height:24px; padding:8px 9px; color:#333; border:1px solid #dfebf6;}
.tbl_basic3 td a:hover{text-decoration:underline;}
.tbl_basic3 tbody tr{background:#fff;}
.tbl_basic3 tbody tr:hover {background:#fff9c7;}
.tbl_basic3 tbody tr:nth-child(even){background:#f6fafe;}
.tbl_basic3 tbody tr:nth-child(even):hover {background:#fff9c7;}
.tbl_basic3 td em.code1{color:#118bf0; font-style:normal}
.tbl_basic3 td em.code2{color:#333; font-style:normal}
.tbl_basic3 td em.code3{color:#274aa4; font-style:normal}
.tbl_basic3 td a.call{display:block; width:32px; height:32px; margin:0 auto; text-indent:-9999em; background:url('../img/icn_call.png') no-repeat 0 0;}



.dashboard.stay .tbody{height:800px; margin-top:-10px;  overflow:hidden; overflow-y:scroll;}
.dashboard.stay .tbody .tbl_basic2{margin:0; padding:0;}
.dashboard.stay .tbody .tbody_wrap{margin-right:-16px;}

/* PAGINATE ----------- */
.paginate{position:relative;min-height:34px;text-align:center;margin:10px 0 0}
.paginate .paging{padding-top:13px}
.paginate .paging a,.paginate .paging strong{display:inline-block;overflow:hidden;width:26px;height:26px;margin:0 1px;border:1px solid #e6e6e6;line-height:26px;font-size:11px;color:#647d98;text-align:center;vertical-align:top;-webkit-transition:border .3s ease-out;-moz-transition:border .3s ease-out;-ms-transition:border .3s ease-out;-o-transition:border .3s ease-out;transition:border .3s ease-out}
.paginate .paging a:hover,.paginate .paging a:focus{color:#274aa4; border-color:#274aa4;}
.paginate .paging img{margin-top:9px;vertical-align:top;}
.paginate .paging strong{z-index:1;border-color:#274aa4;font-weight:500;color:#274aa4}

/* FORM ----------- */
.box_filter{float:right;}
.box_filter .btns{position:absolute;right:19px;bottom:14px;}
.box_filter .i_text{width:158px;}
.box_filter select{width:130px;}

/* ---------------------------------
	LAYOUT
--------------------------------- */
html,body{height:100%; background:#e5eaee;}
body.bgstyle2{background:#fff; min-height:900px;}
.wrap{overflow:hidden;position:relative;min-width:1200px; background:#fff;}

/* HEADER ----------- */
.header{position:relative; height:60px; padding:0 20px; background:#274aa4; overflow:hidden;}
.header h1{width:100%; text-align:center; font-weight:normal; height:60px; font-size:24px; color:#fff; line-height:60px;}
.header h1 span{margin-left:15px; font-size:18px; font-weight:normal;}
.header .user{position:absolute; top:0; right:0; height:60px; padding-left:26px; font-size:14px; color:#fff; line-height:60px; background:url('../img/icn_login.png') no-repeat 0 center;}
.header .user button{display:inline-block; height:35px; margin:13px 19px 0 19px; padding:0 13px;border:0;background-color:#fff; font-size:14px;color:#274aa4;text-align:center;vertical-align:top; border-radius:3px; min-width:44px;line-height:35px;box-sizing:content-box}
.header a.icn{display:inline-block; position:absolute; top:0; width:70px; height:60px; text-indent:-9999em;}
.header a.icn.live{left:0; background:url('../img/icn_live.png') no-repeat 0 center;}
.header a.icn.list{left:0; background:url('../img/icn_list.png') no-repeat 0 center;}
.header a.icn.menu{right:0; background:url('../img/icn_menu.png') no-repeat 0 center;}

.category_bg{display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:#000; z-index:50; opacity:.6; filter:alpha(opacity=60);}
.category_wrap{display:none; position:fixed; right:-310px; top:0; width:330px; height:100%; background:#118bf0; z-index:100;}
.category_wrap div{position:relative; padding-top:99px; border-bottom:1px solid #59aef5;}
.category_wrap div:after{display:block; content:''; clear:both;}
.category_wrap div ul li{border-top:1px solid #59aef5;}
.category_wrap div ul li a{display:block; padding:20px 30px 16px 30px; font-size:2em; color:#fff; background:url("../img/arr_menu01.png") no-repeat 300px center;}
.category_wrap div ul li a:hover{color:#274aa4; background:#fff url("../img/arr_menu02.png") no-repeat 300px center;}
.category_wrap div ul li a:active{color:#274aa4; background:#fff url("../img/arr_menu02.png") no-repeat 300px center;}
.category_wrap div ul li a.on{color:#274aa4; background:#fff url("../img/arr_menu02.png") no-repeat 300px center;}
.category_wrap div a.menu_close{position:fixed; top:5px; right:10px; width:30px; height:30px; padding:10px; text-indent:-9999em; background:url("../img/btn_close2.png") no-repeat center 10px;}


/* FOOTER ----------- */
.footer{height:40px; line-height:40px; text-align:center; background:#e5eaee;}
.footer .copyright{font-size:12px; color:#888;}

/* ---------------------------------
	CONTENT
--------------------------------- */
.contents{clear:both; min-height:840px; margin:0 20px; padding-bottom:60px;}
.contents:after{clear:both; display:block; content:'';}


/* ---------------------------------
	00.LOGIN
--------------------------------- */
.login .topArea{height:222px; background:#274aa4; text-align:center; overflow:hidden;}
.login .topArea h1{width:580px; margin:0 auto; padding:54px 0 10px; font-size:44px; color:#fff; border-bottom:1px solid #6881bf;}
.login .topArea span{display:block; padding-top:10px; font-size:28px; color:#fff; font-weight:500;}

.login .enterArea{width:460px; margin:0 auto; color:#555; text-align:center; overflow:hidden;}
.login .enterArea h2{padding:80px 0 30px;}
.login .enterArea h2 img{display:block; margin:0 auto;}
.login .input p{margin-top:10px;}
.login .i_text{width:398px; vertical-align:top;padding:0 30px; height:66px;border-color:#ddd; font-size:18px; color:#999; border-radius:5px;}
.login .btns{margin-top:10px}
.login .btn_login{background-color:#274aa4; border:0; font-size:18px; color:#fff;width:100%; height:70px; padding:0; margin:0; vertical-align:top; border-radius:5px;}
.login .btn_join{background-color:#303133; border:0; font-size:18px; color:#fff;width:100%; height:70px; padding:0; margin:0; margin-top:10px; vertical-align:top; border-radius:5px;}
.login .input .saved{ text-align:left; padding:5px 0 30px; color:#555;}
.login .input .saved label{margin-left:10px;color:#555}
.login .copyright{color:#999; margin-top:40px;}

/* ---------------------------------
	01.메인
--------------------------------- */
.list_topArea{}
.list_topArea:after{clear:both; display:block; content:'';}
.list_topArea .join{float:left; margin-top:30px; padding-left:55px; line-height:30px; background:url('../img/icn_user.png') no-repeat 10px center;}
.list_topArea .join em{color:#ff5500; font-weight:900; font-style:normal}
.list_topArea .box_filter{margin-top:30px;}

/* ---------------------------------
	02.현황 20160819 수정
--------------------------------- */
.select_dock {display: block; height:30px; line-height:30px; border-radius: 3px; background-color: #118BF0; color: #FFFFFF; cursor: pointer;}

.live_list{float:right; position:relative; width:340px; padding-bottom:30px;}/*20161018 수정*/
.live_list h3{position:absolute; top:25px; left:0; font-size:22px; color:#333;}/*20161013 추가*/
.live_list select.areaSelect{position:absolute; top:25px; right:0; width:128px;}/*20161013 추가*/

.live_list h4{padding:25px 0 15px; font-size:22px; color:#333; font-weight:400;}
.live_list h4 em{color:#118bf0; font-style:normal; font-weight:900;}
.live_list .list_tap li{float:left; width:33.3%;}
.live_list .list_tap li a{display:block; height:90px;  font-size:22px; color:#cad2d4; text-align:center; line-height:90px; background:#274aa4;}
.live_list .list_tap li a.on{color:#fff; background:#118bf0;}
.live_list .list{padding-top:73px;}/*20161013 수정*/
.live_list .list .list_count{height:90px; font-size:22px; color:#333;  line-height:90px; text-align:center; background:#e5eaee}
.live_list .list .list_count span{display:inline-block; padding-left:140px; margin:0 50px; background:url('../img/icn_drop.png') no-repeat left center;}
.live_list .list .list_count span:last-child{background:url('../img/icn_wait.png') no-repeat left center;}
.live_list .sorting{width:160px !important; height:40px !important; line-height:50px; overflow:hidden; background:#118bf0 !important;}
.live_list .sorting:hover{background:#118bf0  !important;}
.live_list .sorting td{width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; visibility:hidden;}
.live_list .sorting td:hover{cursor: pointer;}
.live_list .sorting td:nth-child(3){display: inline-block; width:160px !important; height:100%; visibility:visible; color:#fff;  background:#118bf0;}/*20161018 수정*/
.live_list .sorting td:nth-child(3) span{font-size:17px; line-height:1.6;}/*20161018 수정*/

.live_map{position:relative; margin-right:360px;}/*20161018 수정*/
.live_map h3{padding:25px 0 15px; font-size:22px; color:#333;}
.live_map .mapArea{position:relative; width:100%; height:880px; background:#ccc; overflow:hidden;}
.live_map select.areaSelect{position:absolute; top:25px; left:100px; width:128px;}
.live_map select.viewSelect{position:absolute; top:25px; right:0; width:128px;}
.live_map a.alightNum{position:absolute; top:25px; right:0; width: 105px; height:35px; color: #000; background: #ddd; border-radius: 5px; text-align: center; line-height: 35px;}
.live_map a.viewSelect{position:absolute; top:25px; right:0; width:35px; height:35px; text-indent:-9999em; background:url('../img/btn_plus.png') no-repeat 0 0;}
.live_map a.viewSelect.view{background:url('../img/btn_minus.png') no-repeat 0 0;}
.live_map table{display:block; width:100%; height:74px;}
.live_map table tbody{display:block; height:74px;}
.live_map tr.kd{display: block; width:158px; height:74px; text-align:center; color:#fff; font-weight:bold; background:url('../img_bak/box_blue.png') no-repeat 0 0; overflow:hidden;}
.live_map tr.hd{display: block; width:158px; height:74px; text-align:center; color:#333; font-weight:bold; background:url('../img_bak/box_yellow.png') no-repeat 0 0; overflow:hidden;}
/* 
.live_map .box27 tr.kd{width:119px; padding-left:38px; background:url('../img/box_syellow.png') no-repeat 0 0;}
.live_map .box27 tr.hd{width:119px; padding-left:38px; background:url('../img/box_sblue.png') no-repeat 0 0;}
.live_map .box22 tr.kd{width:119px; padding-left:38px; background:url('../img/box_syellow.png') no-repeat 0 0;}
.live_map .box22 tr.hd{width:119px; padding-left:38px; background:url('../img/box_sblue.png') no-repeat 0 0;} 
20160919 삭제 */


.live_map td{width:0; height:0; font-size:0; line-height:0; visibility:hidden;}
.live_map td:hover{cursor: pointer;}
.live_map td:nth-child(3){display: inline-block; width:100%; height:100%; visibility:visible;  background: transparent !important;}/*20161018 수정*/
.live_map td:nth-child(3) span{font-size:17px; line-height:1.6;}/*20161018 수정*/
.live_map .mapArea_in{position:relative; width:2212px; height:2186px; background:url('../img_bak/map.png') no-repeat 0 0;}

.dockInfo{position:relative; margin-right:360px;}/*20161018 수정*/
.dockInfo h3{padding:25px 0 15px; font-size:22px; color:#333;}
.dockInfo .mapArea{position:relative; width:100%; height:880px; background:#ccc; overflow:hidden;}
.dockInfo select.areaSelect{position:absolute; top:25px; left:100px; width:128px;}
.dockInfo select.viewSelect{position:absolute; top:25px; right:0; width:128px;}
.dockInfo a.alightNum{position:absolute; top:25px; right:0; width: 115px; height:38px; border: 1px solid #9ea2a8; color: #000; background: #f8f8f8; text-align: center; line-height: 38px;}

.dockInfo .table{display: inline-block; width: 733px; margin-top: 1px; color: #333; }
.dockInfo .table > table tr:first-child td{border-top: 2px solid #000; background: #d0dcf7; font-weight: 600; font-size: 19px;}
.dockInfo .table > table tr:first-child td > span{display: inline-block; float: right; margin-right: 10px; letter-spacing: 0.03em;}
.dockInfo .table > table tr:nth-child(2) td{background: #f0f4fd;}
.dockInfo .table > table tr:nth-child(2) td:last-child{width: 365px !important;}
.dockInfo .table > table td{width: 180px; height: 48px; font-size: 17px; color: #333; text-align: center; line-height: 48px; border: 1px solid #ddd;}
.dockInfo .table > table td a{padding: 6px 22px; border: 1px solid #9ea2a8; color: #333; background: #f8f8f8; font-size: 16x;}
.dockInfo .tb1{margin-right: 33px;}

.live_map .box{
	-ms-transform: rotate(-24deg); /* IE 9 */
	-webkit-transform: rotate(-24deg); /* Chrome, Safari, Opera */
	transform: rotate(-24deg);
	width:158px; 
	height:74px;
	background:url('../img_bak/box.png') no-repeat 0 0;
}
.live_map .box2-10{position:absolute; top:743px; left:151px; z-index:10;}
.live_map .box2-11{position:absolute; top:802px; left:177px; z-index:15;}
.live_map .box2-12{position:absolute; top:892px; left:217px; z-index:10;}
.live_map .box2-13{position:absolute; top:952px; left:244px; z-index:15;}
.live_map .box2-14{position:absolute; top:1043px; left:283px; z-index:10;}
.live_map .box2-15{position:absolute; top:1102px; left:309px; z-index:15;}
.live_map .box2-16{position:absolute; top:1193px; left:350px; z-index:10;}
.live_map .box2-17{position:absolute; top:1252px; left:376px; z-index:15;}
.live_map .box2-18{position:absolute; top:1342px; left:416px; z-index:10;}
.live_map .box2-19{position:absolute; top:1401px; left:442px; z-index:15;}
.live_map .box2-20{position:absolute; top:1551px; left:508px; z-index:10;}
.live_map .box2-21{position:absolute; top:1642px; left:548px; z-index:15;}
.live_map .box2-22{position:absolute; top:1702px; left:575px; z-index:15;}
.live_map .box2-23{position:absolute; top:1793px; left:615px; z-index:10;}
.live_map .box2-24{position:absolute; top:1852px; left:641px; z-index:15;}

.live_map .box2-9{position:absolute; top:768px; left:497px; z-index:10;}
.live_map .box2-8{position:absolute; top:828px; left:524px; z-index:15;}
.live_map .box2-7{position:absolute; top:918px; left:564px; z-index:10;}
.live_map .box2-6{position:absolute; top:978px; left:590px; z-index:15;}
.live_map .box2-5{position:absolute; top:1068px; left:630px; z-index:10;}
.live_map .box2-4{position:absolute; top:1128px; left:657px; z-index:15;}
.live_map .box2-3{position:absolute; top:1218px; left:697px; z-index:10;}
.live_map .box2-2{position:absolute; top:1278px; left:723px; z-index:15;}
.live_map .box2-1{position:absolute; top:1368px; left:763px; z-index:10;}

.live_map .box2-218{position:absolute; top:581px; left:642px; z-index:15;}
.live_map .box2-215{position:absolute; top:696px; left:693px; z-index:10;}
.live_map .box2-214{position:absolute; top:739px; left:712px; z-index:15;}
.live_map .box2-211{position:absolute; top:836px; left:755px; z-index:10;}
.live_map .box2-210{position:absolute; top:879px; left:774px; z-index:15;}
.live_map .box2-207{position:absolute; top:977px; left:818px; z-index:10;}
.live_map .box2-206{position:absolute; top:1020px; left:837px; z-index:15;}
.live_map .box2-203{position:absolute; top:1124px; left:883px; z-index:10;}
.live_map .box2-202{position:absolute; top:1168px; left:902px; z-index:15;}

.live_map .box1-106{position:absolute; top:916px; left:1136px; z-index:10;}
.live_map .box1-105{position:absolute; top:959px; left:1155px; z-index:15;}
.live_map .box1-102{position:absolute; top:1065px; left:1202px; z-index:10;}
.live_map .box1-101{position:absolute; top:1108px; left:1220px; z-index:15;}

.live_map .box1-9{position:absolute; top:460px; left:1194px; z-index:10;}
.live_map .box1-8{position:absolute; top:519px; left:1221px; z-index:15;}
.live_map .box1-7{position:absolute; top:609px; left:1260px; z-index:10;}
.live_map .box1-6{position:absolute; top:670px; left:1287px; z-index:15;}
.live_map .box1-5{position:absolute; top:760px; left:1326px; z-index:10;}
.live_map .box1-4{position:absolute; top:819px; left:1354px; z-index:15;}
.live_map .box1-3{position:absolute; top:910px; left:1394px; z-index:10;}
.live_map .box1-2{position:absolute; top:969px; left:1420px; z-index:15;}
.live_map .box1-1{position:absolute; top:1060px; left:1460px; z-index:10;}

.live_map .box1-10{position:absolute; top:185px; left:1409px; z-index:10;}
.live_map .box1-11{position:absolute; top:245px; left:1435px; z-index:15;}
.live_map .box1-12{position:absolute; top:336px; left:1475px; z-index:10;}
.live_map .box1-13{position:absolute; top:395px; left:1502px; z-index:15;}
.live_map .box1-14{position:absolute; top:485px; left:1542px; z-index:10;}
.live_map .box1-15{position:absolute; top:546px; left:1568px; z-index:15;}
.live_map .box1-16{position:absolute; top:636px; left:1608px; z-index:10;}
.live_map .box1-17{position:absolute; top:696px; left:1633px; z-index:15;}
.live_map .box1-18{position:absolute; top:786px; left:1674px; z-index:10;}
.live_map .box1-19{position:absolute; top:845px; left:1700px; z-index:15;}
.live_map .box1-20{position:absolute; top:936px; left:1741px; z-index:10;}
.live_map .box1-21{position:absolute; top:995px; left:1767px; z-index:15;}
.live_map .box1-22{position:absolute; top:1086px; left:1807px; z-index:15;}
.live_map .box1-23{position:absolute; top:1235px; left:1874px; z-index:15;}
.live_map .box1-24{position:absolute; top:1295px; left:1900px; z-index:15;}


.live_map .pillar {display:block; position:absolute; width:28px; height:64px; background:url('../img_bak/pillar.png') no-repeat 0 0; z-index:25;}

.live_map .pillar.pl_1_1{top:690px; left:100px;}
.live_map .pillar.pl_1_2{top:810px; left:155px;}
.live_map .pillar.pl_1_3{top:960px; left:220px;}
.live_map .pillar.pl_1_4{top:1110px; left:290px;}
.live_map .pillar.pl_1_5{top:1260px; left:355px;}
.live_map .pillar.pl_1_6{top:1410px; left:420px;}
.live_map .pillar.pl_1_7{top:1560px; left:490px;}
.live_map .pillar.pl_1_8{top:1710px; left:555px;}
.live_map .pillar.pl_1_9{top:1860px; left:620px;}
.live_map .pillar.pl_1_10{top:2010px; left:690px;}

.live_map .pillar.pr_2_1{top:625px; left:245px; z-index: 9;}
.live_map .pillar.pr_2_7{top:1495px; left:635px; z-index: 9;}
.live_map .pillar.pr_2_8{top:1645px; left:700px; z-index: 9;}
.live_map .pillar.pr_2_9{top:1795px; left:765px; z-index: 9;}
.live_map .pillar.pr_2_10{top:1945px; left:835px; z-index: 9;}

.live_map .pillar.pl_3_7{top:1435px; left:780px;}
.live_map .pillar.pl_3_8{top:1585px; left:845px;}
.live_map .pillar.pl_3_9{top:1735px; left:910px;}
.live_map .pillar.pl_3_10{top:1880px; left:980px;}

.live_map .pillar.pr_4_1{top:500px; left:530px; z-index: 9;}
.live_map .pillar.pr_4_2{top:620px; left:585px; z-index: 9;}
.live_map .pillar.pr_4_3{top:770px; left:650px; z-index: 9;}
.live_map .pillar.pr_4_4{top:920px; left:725px; z-index: 9;}
.live_map .pillar.pr_4_5{top:1070px; left:785px; z-index: 9;}
.live_map .pillar.pr_4_6{top:1220px; left:850px; z-index: 9;}
.live_map .pillar.pr_4_7{top:1370px; left:915px; z-index: 9;}
.live_map .pillar.pr_4_8{top:1520px; left:980px; z-index: 9;}
.live_map .pillar.pr_4_9{top:1670px; left:1050px; z-index: 9;}
.live_map .pillar.pr_4_10{top:1815px; left:1130px; z-index: 9;}

.live_map .pillar.pl_5_1{top:435px; left:675px;}
.live_map .pillar.pl_5_7{top:1305px; left:1060px;}
.live_map .pillar.pl_5_8{top:1455px; left:1125px;}
.live_map .pillar.pl_5_9{top:1605px; left:1195px;}
.live_map .pillar.pl_5_10{top:1750px; left:1275px;}

.live_map .pillar.pl_6_7{top:1262px; left:1161px; z-index: 9;}
.live_map .pillar.pl_6_8{top:1410px; left:1234px; z-index: 9;}
.live_map .pillar.pl_6_9{top:1558px; left:1307px; z-index: 9;}
.live_map .pillar.pl_6_10{top:1706px; left:1380px; z-index: 9;}

.live_map .pillar.pl_7_1{top:305px; left:966px;}
.live_map .pillar.pl_7_7{top:1186px; left:1331px;}
.live_map .pillar.pl_7_8{top:1334px; left:1404px;}
.live_map .pillar.pl_7_9{top:1482px; left:1477px;}
.live_map .pillar.pl_7_10{top:1630px; left:1550px;}

.live_map .pillar.pl_8_1{top:256px; left:1082px;}
.live_map .pillar.pl_8_2{top:372px; left:1135px;}
.live_map .pillar.pl_8_3{top:528px; left:1203px;}
.live_map .pillar.pl_8_4{top:678px; left:1270px;}
.live_map .pillar.pl_8_5{top:830px; left:1335px;}
.live_map .pillar.pl_8_6{top:978px; left:1403px;}
.live_map .pillar.pl_8_7{top:1126px; left:1466px;}
.live_map .pillar.pl_8_8{top:1274px; left:1539px;}
.live_map .pillar.pl_8_9{top:1422px; left:1612px;}
.live_map .pillar.pl_8_10{top:1570px; left:1685px;}

.live_map .pillar.pr_9_7{top:1068px; left:1608px; z-index: 9;}
.live_map .pillar.pr_9_8{top:1214px; left:1674px; z-index: 9;}
.live_map .pillar.pr_9_9{top:1362px; left:1747px; z-index: 9;}
.live_map .pillar.pr_9_10{top:1510px; left:1820px; z-index: 9;}

.live_map .pillar.pl_10_7{top:1005px; left:1750px;}
.live_map .pillar.pl_10_8{top:1155px; left:1815px;}
.live_map .pillar.pl_10_9{top:1304px; left:1882px;}
.live_map .pillar.pl_10_10{top:1450px; left:1955px;}

.live_map .pillar.pr_11_1{top:75px; left:1490px; z-index: 9;}
.live_map .pillar.pr_11_2{top:190px; left:1557px; z-index: 9;}
.live_map .pillar.pr_11_3{top:340px; left:1623px; z-index: 9;}
.live_map .pillar.pr_11_4{top:490px; left:1688px; z-index: 9;}
.live_map .pillar.pr_11_5{top:640px; left:1755px; z-index: 9;}
.live_map .pillar.pr_11_6{top:790px; left:1822px; z-index: 9;}
.live_map .pillar.pr_11_7{top:940px; left:1889px; z-index: 9;}
.live_map .pillar.pr_11_8{top:1090px; left:1956px; z-index: 9;}
.live_map .pillar.pr_11_9{top:1240px; left:2023px; z-index: 9;}
.live_map .pillar.pr_11_10{top:1390px; left:2090px; z-index: 9;}

.live_map .dock_numb{display:block; position:absolute; background:url('../img_bak/dock_num.png') no-repeat 0 0; width:79px; height:35px; z-index:35; color: #FFFFFF; text-align: center; line-height: 35px; font-size:20px; font-weight: bold;}

.live_map .dock_numb.dl_1_1{top:787px; left:92px; }
.live_map .dock_numb.dl_1_2{top:845px; left:118px; }
.live_map .dock_numb.dl_1_3{top:935px; left:157px; }
.live_map .dock_numb.dl_1_4{top:995px; left:184px; }
.live_map .dock_numb.dl_1_5{top:1083px; left:224px; }
.live_map .dock_numb.dl_1_6{top:1144px; left:249px; }
.live_map .dock_numb.dl_1_7{top:1234px; left:291px; }
.live_map .dock_numb.dl_1_8{top:1295px; left:316px; }
.live_map .dock_numb.dl_1_9{top:1384px; left:356px; }
.live_map .dock_numb.dl_1_10{top:1444px; left:382px; }
.live_map .dock_numb.dl_1_11{top:1592px; left:448px; }
.live_map .dock_numb.dl_1_12{top:1684px; left:489px; }
.live_map .dock_numb.dl_1_13{top:1744px; left:514px; }
.live_map .dock_numb.dl_1_14{top:1835px; left:555px; }
.live_map .dock_numb.dl_1_15{top:1894px; left:581px; }

.live_map .dock_numb.dl_2_1{top:810px; left:437px; }
.live_map .dock_numb.dl_2_2{top:869px; left:463px; }
.live_map .dock_numb.dl_2_3{top:960px; left:503px; }
.live_map .dock_numb.dl_2_4{top:1020px; left:529px; }
.live_map .dock_numb.dl_2_5{top:1111px; left:570px; }
.live_map .dock_numb.dl_2_6{top:1170px; left:596px; }
.live_map .dock_numb.dl_2_7{top:1261px; left:636px; }
.live_map .dock_numb.dl_2_8{top:1320px; left:662px; }
.live_map .dock_numb.dl_2_9{top:1411px; left:703px; }

.live_map .dock_numb.dl_3_1{top:623px; left:581px; }
.live_map .dock_numb.dl_3_2{top:739px; left:632px; }
.live_map .dock_numb.dl_3_3{top:781px; left:651px; }
.live_map .dock_numb.dl_3_4{top:879px; left:694px; }
.live_map .dock_numb.dl_3_5{top:921px; left:712px; }
.live_map .dock_numb.dl_3_6{top:1019px; left:756px; }
.live_map .dock_numb.dl_3_7{top:1062px; left:775px; }
.live_map .dock_numb.dl_3_8{top:1167px; left:822px; }
.live_map .dock_numb.dl_3_9{top:1210px; left:841px; }

.live_map .dock_numb.dl_4_1{top:958px; left:1075px; }
.live_map .dock_numb.dl_4_2{top:1001px; left:1093px; }
.live_map .dock_numb.dl_4_3{top:1107px; left:1140px; }
.live_map .dock_numb.dl_4_4{top:1150px; left:1159px; }

.live_map .dock_numb.dl_5_1{top:502px; left:1132px; }
.live_map .dock_numb.dl_5_2{top:561px; left:1159px; }
.live_map .dock_numb.dl_5_3{top:652px; left:1199px; }
.live_map .dock_numb.dl_5_4{top:712px; left:1226px; }
.live_map .dock_numb.dl_5_5{top:802px; left:1266px; }
.live_map .dock_numb.dl_5_6{top:861px; left:1292px; }
.live_map .dock_numb.dl_5_7{top:951px; left:1332px; }
.live_map .dock_numb.dl_5_8{top:1011px; left:1358px; }
.live_map .dock_numb.dl_5_9{top:1101px; left:1399px; }

.live_map .dock_numb.dl_6_1{top:227px; left:1347px; }
.live_map .dock_numb.dl_6_2{top:287px; left:1374px; }
.live_map .dock_numb.dl_6_3{top:377px; left:1414px; }
.live_map .dock_numb.dl_6_4{top:437px; left:1440px; }
.live_map .dock_numb.dl_6_5{top:527px; left:1481px; }
.live_map .dock_numb.dl_6_6{top:587px; left:1507px; }
.live_map .dock_numb.dl_6_7{top:678px; left:1546px; }
.live_map .dock_numb.dl_6_8{top:737px; left:1573px; }
.live_map .dock_numb.dl_6_9{top:828px; left:1613px; }
.live_map .dock_numb.dl_6_10{top:887px; left:1639px; }
.live_map .dock_numb.dl_6_11{top:977px; left:1680px; }
.live_map .dock_numb.dl_6_12{top:1036px; left:1707px; }
.live_map .dock_numb.dl_6_13{top:1128px; left:1746px; }
.live_map .dock_numb.dl_6_14{top:1277px; left:1813px; }
.live_map .dock_numb.dl_6_15{top:1336px; left:1838px; }

.live_map .mapArea_in.viewAll{
-moz-transform: scale(0.5);
-o-transform: scale(0.5);
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
transform-origin:top left;
}
.live_map .mapArea_in.fix{top:0px !important; left:0px !important;}


.listArea h3{padding:25px 0 15px; font-size:22px; color:#333;}

.select_popup{display:none; position:absolute; left:50%; margin-left:-190px; width:380px; padding-bottom:20px; border-radius:10px; background:#fff; z-index:110;}
.select_popup h2{height:60px; padding:0 20px; font-size:24px; color:#fff; line-height:60px; border-radius:10px 10px 0 0; background:#118bf0;}
.select_popup div{position:relative;}
.select_popup ul{margin:0 40px;}
.select_popup ul:after{clear:both; display:block; content:'';}
.select_popup li{float:left; width:50%; padding:60px 0; font-size:19px; text-align:center;}
.select_popup a.close_popup{display:block; position:absolute; top:20px; right:20px; width:20px; height:20px; font-size:0; line-height:0; background:url('../img/btn_close.png') no-repeat 0 0;}
.select_popup .popup_btns{font-size:0;  text-align:center;}
.select_popup .btn_ok{background:#118bf0; border:0; font-size:19px; color:#fff;width:165px; height:50px; padding:0; margin:0 5px; border-radius:5px;}
.select_popup .btn_cancel{background:#fff; border:1px solid #118bf0; font-size:19px; color:#118bf0;width:163px; height:50px; padding:0; margin:0 5px; border-radius:5px;}

/* batch popup */
.batch_popup{display:none; position:absolute; right:10%; width:400px; padding-bottom:20px; border-radius:10px; background:#fff; z-index:110;}
.batch_popup .title{height:60px; padding:0 20px; font-size:24px; color:#fff; line-height:60px; border-radius:10px 10px 0 0; background:#118bf0;}
.batch_popup .car_num{height:40px; padding:0 20px; font-size:24px; color:#fff; line-height:40px; background:#118bf0;}
.batch_popup div{position:relative; }
.batch_popup .popup_container {min-height: 400px; width: 400px; margin: 0 auto;}
.batch_popup ul {width: 50%;}
.batch_popup .dock_gubun {float: left;}
.batch_popup .dock_gubun li{text-align:center;}
.batch_popup ul>li{font-size:19px; padding: 5px 10px;}
.batch_popup ul>li:hover{background-color: rgba(17,139,240, 0.7);}
.batch_popup .active{background-color: rgb(17,139,240);}
.batch_popup .list {float: right; height:300px; overflow-y: auto;}
.batch_popup .list li{text-align:left;}
.batch_popup a.close_popup{display:block; position:absolute; top:20px; right:20px; width:20px; height:20px; font-size:0; line-height:0; background:url('../img/btn_close.png') no-repeat 0 0;}
.batch_popup .popup_btns{font-size:0;  text-align:right; margin-right: 15px;}
.batch_popup .btn_ok{background:#118bf0; border:0; font-size:19px; color:#fff;width:165px; height:50px; padding:0; margin:0 5px; border-radius:5px;}
.batch_popup .btn_cancel{background:#fff; border:1px solid #118bf0; font-size:19px; color:#118bf0;width:163px; height:50px; padding:0; margin:0 5px; border-radius:5px;}

.hide {display: none;}

.popup_background{display:none; position:fixed; top:0; left:0;width:100%; height:100%; background:#000; opacity:0.6; z-index:100;}
/*only ~ 1023 css*/
@media all and (max-width:1280px) {
.contents{clear:both; min-height:840px; margin:0 30px 0 20px;}
.live_map .mapArea{height:660px;}
.live_map .mapArea_in.viewAll{
-moz-transform: scale(0.3);
-o-transform: scale(0.3);
-webkit-transform: scale(0.3);
-ms-transform: scale(0.3);
transform-origin:top left;
}
.tbl_basic2 th{height: 26px;padding:22px 0; font-size:17px; color:#fff; font-weight:900;}
.tbl_basic2 td{height:24px; padding:18px 9px; font-size:17px; color:#333;}
.dashboard.stay .tbody{height:100%; overflow-y:scroll; overflow:visible;}
.dashboard.stay .tbody .tbody_wrap{margin-right:0;}
.tbl_basic2 th:nth-child(1), .tbl_basic2 td:nth-child(1){width:8%;}
.tbl_basic2 th:nth-child(2), .tbl_basic2 td:nth-child(2){width:12%;}
.tbl_basic2 th:nth-child(3), .tbl_basic2 td:nth-child(3){width:30%;}
.tbl_basic2 th:nth-child(4), .tbl_basic2 td:nth-child(4){width:13%;}
.tbl_basic2 th:nth-child(5), .tbl_basic2 td:nth-child(5){width:13%;}
.tbl_basic2 th:nth-child(6), .tbl_basic2 td:nth-child(6){width:13%;}
.tbl_basic2 th:nth-child(7), .tbl_basic2 td:nth-child(7){width:auto;}
}

.first_pg{background:url('../img/ico_pg_first.png') no-repeat center center;}
.prev_pg{background:url('../img/ico_pg_prev.png') no-repeat center center;}
.next_pg{background:url('../img/ico_pg_next.png') no-repeat center center;}
.last_pg{background:url('../img/ico_pg_last.png') no-repeat center center;}