@charset "euc-kr";
@font-face { 	font-family:"NanumBarunGothic";
    font-style: normal;
    src: url('NanumBarunGothic.eot');
    src: url('NanumBarunGothic.eot') format('embedded-opentype'),
    url('NanumBarunGothic.woff') format('woff'),
    url("NanumBarunGothic.ttf")  format('truetype');
}																												
body, html { padding:0; margin:0; color:#000000; font-family:Dotum, Gulim, Aril, sans-serif; font-size: 12px; background: #EFEEEE; width: 100%; height:100%;}
li, ul { list-style: none; padding:0; margin:0; }
img, a { border:0; }
em { font-style: normal; }
h1, h2{ color:#efefef; font-family: 'nanumbarungothic'; font-weight:normal;}
h1, h2, h3, h4, h5, h6,p { padding:0; margin:0; }
input, button, textarea, select { font-size: 12px; border:1px solid #D3D3D3; font-family:Dotum, Gulim, arial, sans-serif; padding:0; margin:0;}
button { margin:0; background-color: #F0F0F0; }
input[type="checkbox"],
input[type="radio"] { border:0; vertical-align: middle; margin:0 5px 0 0; height:12px; width:12px; margin-top:-2px \0/IE8;}
*:first-child+html input[type="radio"] { margin-top:-2px; }
input[type="text"], input[type="password"] { line-height: 22px; padding-left:5px;}

fieldset{ padding:0; margin:0; border:0;}
input.date{ height:18px; line-height:18px;}
input.date1{ height:18px; line-height:18px;}
img.date{ vertical-align: top; margin-top:-4px;}
img.date1{ vertical-align: top; margin-top:-4px;}

select { height:23px; box-sizing: border-box;}
input { height:22px; vertical-align: middle;}
a { text-decoration: none; color:#000000; }
a:hover { text-decoration: none; color:#0265CB; font-weight: bold; }
.cmt { font-size:11px; padding-left:13px; color:black; background: url(../images/bul1.png) no-repeat left 4px; letter-spacing: -0.05em; line-height:17px; }

/*ÆäÀÌ¡*/
.paging { text-align:center;}
.paging span { color:#cecece; font-weight: bold; font-size:11px; vertical-align: top; padding:5px 5px 0 5px; display: inline-block;}
.paging span.on { color:#43bfe8; }
.paging span.on { color:#43bfe8; }

/*btn*/
.btn_skyblue { display: inline-block; width:118px; height:35px; background: url(../images/btn_bg_blue_gray.png) no-repeat; color:white; text-align: center;line-height:35px; margin-right : 40px;} //text-shadow: 0 0 3px #2a738a, 0 0 5px #2a738a
.btn_skyblue:hover { background-position: left center; color:#005687; text-shadow: none;}
.btn_skyblue:active  { background-position: left bottom; color:#c7dce4; } /* text-shadow: 0 0 3px #2a738a, 0 0 5px #2a738a */

/* btn_skyblue_driveroute 170915 °Ë»öÇϱâ À§Ä¡ Á¶Á¤À§ÇØ ¿îÀü°æ·Î¸¸ Ãß°¡*/
.btn_skyblue_driveroute { display: inline-block; width:118px; height:35px; background: url(../images/btn_bg_blue_gray.png) no-repeat; color:white; text-align: center;line-height:35px;} //text-shadow: 0 0 3px #2a738a, 0 0 5px #2a738a
.btn_skyblue_driveroute:hover { background-position: left center; color:#005687; text-shadow: none;}
.btn_skyblue_driveroute:active  { background-position: left bottom; color:#c7dce4; }

.btn_gray { display: inline-block; width:118px; height:35px; background: url(../images/btn_bg_blue_gray.png) no-repeat right top; color:#f0efef; text-align: center;line-height:35px } //text-shadow: 0 0 3px #202020, 0 0 5px #202020
.btn_gray:hover { background-position: right center; color:#202020; text-shadow: none;}
.btn_gray:active  { background-position: right bottom; color:#acacac; } /* text-shadow: 0 0 3px #202020, 0 0 5px #202020 */

.btn_search{ display: inline-block; margin:-2px 0 0 -3px; width:79px; height:40px; background:url(../images/btn_search.png) no-repeat;} //text-shadow: 0 0 4px #000
.btn_search:hover{background-position: left center;}
.btn_search:active {background-position: left bottom;}

/*¹Ú½º½ºÅ¸ÀÏ*/
.inbox_dgray { width:245px; padding:20px 20px 15px 20px; background: url(../images/bg_inbox.png) no-repeat left top; margin-left:9px; margin-top:9px;}
.inbox_dgray_btm { width:285px; height:5px; background: url(../images/bg_inbox.png) no-repeat left bottom; margin-left:9px; margin-bottom:9px}
.inbox_tab { width:288px; height: 35px; line-height: 35px; margin-left: 9px; text-align: center;}
.inbox_tab li { width: 49%; float: left; cursor: pointer; }
.inbox_tab #road { height: 34px; background-color: #DDDDDD; border-left: 1px solid #CDCDCD; border-bottom: 1px solid #CDCDCD; }
.inbox_tab #sigungu { height: 34px; background-color: #DDDDDD; border-right: 1px solid #CDCDCD; border-bottom: 1px solid #CDCDCD; }
.inbox_tab #active { background-color: #EFEEEE; border: 1px solid #EFEEEE}

/*969696*/
/*.inbox_gray { width:285px;  background: url(../images/bg_inbox2.png) no-repeat left top;margin-left:9px; margin-top:9px; }*/
.inbox_gray { width:285px;  background-color: #EEEEEE; margin-left:9px; margin-top:9px; }
.inbox_gray_btm { width:285px; height:5px; background: url(../images/bg_inbox2.png) no-repeat left bottom;margin-left:9px; margin-bottom:9px}
.inbox_gray_wide { width:440px;  background: url(../images/bg_inbox2_1.png) no-repeat left top;margin-left:9px; margin-top:9px; }
.inbox_gray_wide_btm { width:440px; height:5px; background: url(../images/bg_inbox2_1.png) no-repeat left bottom;margin-left:9px; margin-bottom:9px}

.page { width:100%;height: 100%;min-width: 1060px;min-height: 777px;}
.top { width:100%; height:120px; float:left;}
.top .header { position:relative; z-index: 15; height:70px; background: #FFFFFF;}
.top .header:before { content:''; width:2px; height:70px; background: #FFFFFF; z-index: 11; position: absolute; left:0; top:0;}
.top .header:after { content:''; width:2px; height:70px; background: #FFFFFF; z-index: 11; position: absolute; right:0; top:0;}
.top .header h1 { float:left; width:317px; padding:23px 0 0 60px; height:47px; color:#000000; text-shadow: 2px 2px 5px #000; font-size:24px; letter-spacing: -0.01em;  margin-left:-55px;}
.top .header h2 { float:right; padding:15px 0 0 15px; margin-right:10px;}
.top .location { float:left; padding:0 0 0 15px; background: #FFFFFF; height: 70px;}
.top .location ul { overflow: hidden; padding-top:24px;}
.top .location ul li { float:left; padding:0 10px 0 0;}
.top .location ul li a { display:inline-block; color:#888888; font-size:16px;padding:1px 0 0 0; letter-spacing: -0.05em;}
.top .location ul li.on a{ color:#fff; font-size:18px; padding:0 0 0 18px; background: url(../images/bg_loaction_arrow.png) no-repeat left center;}

 /*¼öÁ¤20150216 GIS ºÐ¼® ž¸Þ´º ui */
.top .top_menu_wrap { position: relative; z-index: 10; height:50px;	 width:100%; min-width:500px; background-color: #0EB77E;}
.top .top_menu_wrap .top_search { float:left; padding:8px 20px 0 330px; background: url(../images/bar_search.gif) no-repeat left center; }
.top .top_menu_wrap .top_search input { float:left; width:235px; height:32px; vertical-align: top; border-color:#515151;font-size:14px;}
.top .top_menu_wrap .top_search .btn_search { float:left; }
.top .top_menu_wrap .menu{ display:inline; height: 43px !important;/* float:left;  *//* background:url(../images/bar_search.gif) no-repeat left center; */ padding:3px 0 0 0px;}
.top .top_menu_wrap .menu { overflow: hidden; }
.top .top_menu_wrap .menu li {float:left}
.top .top_menu_wrap .menu li.m1 a{ display: block; height:40px; width:90px; margin-top:5px; background: url(../images/menu/menu_1_2.png) no-repeat;}
.top .top_menu_wrap .menu li.m2 a{ display: block; height:40px; width:90px; margin-top:5px; background: url(../images/menu/menu_2_2.png) no-repeat;}
.top .top_menu_wrap .menu li.m3 a{ display: block; height:40px; width:90px; margin-top:5px; background: url(../images/menu/menu_3_2.png) no-repeat;}
.top .top_menu_wrap .menu li.m5 a{ display: block; height:31px; width:80px; margin-top:14px; background: url(../images/menu/menu_5_2_sm.png) no-repeat; margin-left:15px;}
.top .top_menu_wrap .menu li.m6 a{ display: block; height:31px; width:80px; margin-top:14px; background: url(../images/menu/menu_6_2_sm.png) no-repeat;}

/* .top .top_menu_wrap .menu li.m1 a{ background: url(../images/menu/menu_1_2.png) no-repeat;} */
.top .top_menu_wrap .menu li.m1 a:hover, .top .top_menu_wrap .menu li.m1 a:active, .top .top_menu_wrap .menu li.m1.on a{ background: url(../images/menu/menu_1_1.png) no-repeat;}
.top .top_menu_wrap .menu li.m2 a:hover, .top .top_menu_wrap .menu li.m2 a:active, .top .top_menu_wrap .menu li.m2.on a{ background: url(../images/menu/menu_2_1.png) no-repeat;}
.top .top_menu_wrap .menu li.m3 a:hover, .top .top_menu_wrap .menu li.m3 a:active, .top .top_menu_wrap .menu li.m3.on a{ background: url(../images/menu/menu_3_1.png) no-repeat;}
.top .top_menu_wrap .menu li.m5 a:hover, .top .top_menu_wrap .menu li.m5 a:active, .top .top_menu_wrap .menu li.m5.on a{ background: url(../images/menu/menu_5_1_sm.png) no-repeat;}
.top .top_menu_wrap .menu li.m6 a:hover, .top .top_menu_wrap .menu li.m6 a:active, .top .top_menu_wrap .menu li.m6.on a{ background: url(../images/menu/menu_6_1_sm.png) no-repeat;}

/*ž¸Þ´º »ç°íÀ§Çèµµ·ÎÅë°èºÐ¼® ¼û±â±â*/
#topMenuAccidentRoad {
	display:none;
}


/*¼öÁ¤³¡*/

/*.top .top_menu_wrap .control { float:right;   height: 43px; display: inline-block;padding:3px 0 0 0px; overflow: hidden;}*/
.top .top_menu_wrap .controlBar {/*float:right;*/ height: 42px; display: inline-block;padding:3px 0px 0px 0px; overflow: hidden; z-index: 10002;}
.top .top_menu_wrap .control {/*float:right;*/ height: 42px; display: inline-block;padding:3px 0 0 0px; overflow: hidden;}
.top .top_menu_wrap .control li {float:left}
.top .top_menu_wrap .control li a{ display: block; height:42px;  width:35px ; } 
.top .top_menu_wrap .control li.m1 a{ background: url(../images/btn_nav_img.png) no-repeat left top;  width:38px;}
.top .top_menu_wrap .control li.m1 a:hover{ background-position:left center;}
.top .top_menu_wrap .control li.m1 a:active{ background-position:left bottom;}
.top .top_menu_wrap .control li.m1.on a{ background-position:left bottom;}
.top .top_menu_wrap .control li.m2 a{ background: url(../images/btn_nav_img.png) no-repeat -37px top;;}
.top .top_menu_wrap .control li.m2 a:hover{ background-position:-37px center;}
.top .top_menu_wrap .control li.m2 a:active{ background-position:-37px bottom;}
.top .top_menu_wrap .control li.m2.on a{ background-position:-37px bottom;}
.top .top_menu_wrap .control li.m3 a{ background: url(../images/btn_nav_img.png) no-repeat -71px top;}
.top .top_menu_wrap .control li.m3 a:hover{ background-position:-71px center;}
.top .top_menu_wrap .control li.m3 a:active{ background-position:-71px bottom;}
.top .top_menu_wrap .control li.m3.on a{ background-position:-71px bottom;}
.top .top_menu_wrap .control li.m4 a{ background: url(../images/btn_nav_img.png) no-repeat -105px top;}
.top .top_menu_wrap .control li.m4 a:hover{ background-position:-105px center;}
.top .top_menu_wrap .control li.m4 a:active{ background-position:-105px bottom;}
.top .top_menu_wrap .control li.m4.on a{ background-position:-105px bottom;}
.top .top_menu_wrap .control li.m5 a{ background: url(../images/btn_nav_img.png) no-repeat -139px top;}
.top .top_menu_wrap .control li.m5 a:hover{ background-position:-139px center;}
.top .top_menu_wrap .control li.m5 a:active{ background-position:-139px bottom;}
.top .top_menu_wrap .control li.m5.on a{ background-position:-139px bottom;}
.top .top_menu_wrap .control li.m6 a{background: url(../images/btn_nav_img.png) no-repeat -174px top;}
.top .top_menu_wrap .control li.m6 a:hover{ background-position:-174px center;}
.top .top_menu_wrap .control li.m6 a:active{ background-position:-174px bottom;}
.top .top_menu_wrap .control li.m6.on a{ background-position:-174px bottom;}

.top .top_menu_wrap .bookmark{float:right; margin:0 5px 0 13px; background:url(../images/bar_search.gif) no-repeat left center; }
.top .top_menu_wrap .bookmark {float:right; padding:3px 0 0 15px;}
.top .top_menu_wrap .bookmark { overflow: hidden; }
.top .top_menu_wrap .bookmark li {float:left}
.top .top_menu_wrap .bookmark li a{ display: block; height:42px; width:39px; }
.top .top_menu_wrap .bookmark li.m1 a{ background: url(../images/btn_nav_img.png) no-repeat -223px top;}
.top .top_menu_wrap .bookmark li.m1 a:hover{ background-position:-223px center;}
.top .top_menu_wrap .bookmark li.m2 a{ width:40px;background: url(../images/btn_nav_img.png) no-repeat -262px top; padding:3px 0 0 0px; }
.top .top_menu_wrap .bookmark li.m2 a:hover{ background-position:-262px center;}

/*left*/
.left { position: relative; float:left; z-index:11; margin:-120px 0 0 0; width:317px;  background: #FFFFFF; /* #DBDBEE; */ height:100%; }
/* .left .tab { float:left; margin-top:70px;}
.left .tab {padding-top:1px; padding-left:5px; }
.left .tab li { margin-top:-3px;}
.left .tab li a { display: block; width:36px; height:105px; padding:15px 0 0 19px; background: url(../images/bg_tab.png) left top;  color:#6b6b6b; line-height: 135%; font-family: "nanumbarungothic"; font-size:13.5px}
.left .tab li a:hover { background-position: left bottom; color:#556fb0;text-shadow:0px 1px 3px #000 ;}
.left .tab li a:active { background-position: left top; color:#556fb0; text-shadow:0px 1px 3px #000;}
.left .tab li.on a { background-position: left bottom; color:#fff; text-shadow:0px 1px 3px #000;} */

.left .contents_wrap { float:left; background: #535353; width:303px; border-left:1px solid #202020; /* height:100%; */ box-shadow: inset 0 1px 0 1px #666666;}
.left .contents_wrap h1 { color:#efefef; text-shadow: 1px 1px 2px #000; font-size:13px; padding:11px 0 0 18px; height:26px; background:#0265CB; text-align: left; margin-bottom:10px;}
.left .contents_wrap .search { margin-top:-1px }

.left .btn_left_toggle { float:left; width:11px; height:100%; border:1px solid #202020; border-top:0; border-bottom:0; cursor: pointer; box-shadow: inset 0 1px 0 1px rgba(255,255,255,.15);}
.left .btn_left_toggle a{ display: block; width:11px; height:28px; background: url(../images/btn_arrow.png) no-repeat left top; margin-top:70px; border-top:1px solid #555555;}
.left .btn_left_toggle.on a { background: url(../images/btn_arrow.png) no-repeat right top;}

.map { position: absolute;color:#000000;float: right; vertical-align: bottom; left:317px; top:120px; width:100%; height:100%; min-width: 700px; z-index:1; }
.map_contents { overflow:hidden; padding:120px 0 0 60px;}
.map_contents .flag_start{ position: absolute; z-index:2; }
.map_contents .flag_destination{ position: absolute; z-index:2;}
.map_contents .flag_accident1 { position: absolute;}
.map_contents .flag_accident1 { position: absolute;}
.map_contents .flag_accident div { position: absolute; z-index: 19}

.Highway_map { position: absolute;color:#000000;float: right; vertical-align: bottom; left:317px; top:120px; width:100%; height:100%; min-width: 700px; z-index:2; overflow:hidden; }
/* .map_contents_highway { overflow:hidden;  padding:120px 0 0 60px;} */

/* .result{ box-shadow:inset 0 1px 0 1px #666666; }
.result .paging { padding:12px 0;}
.result li { border-bottom:1px solid #3b3b3b; padding:10px 10px 10px 25px; border-left:1px solid #202020; margin-left:-1px;}
.result h1 img { padding:0 8px 0 5px; display: inline-block;}
.result li a { font-size:11px; line-height: 17px;}
.result li.on a { font-weight: bold; color:#44b1de;} */

/* ¼öÁ¤ 1218 start */
/* .result{ box-shadow:inset 0 1px 0 1px #666666; height:400px;} */
.result{height:400px;}
.result .paging { padding:12px 0;}
.result ul.list li { background: #EEEEEE; border-bottom:1px solid #202020; padding:10px 10px 10px 15px; border-left:1px solid #202020; margin-left:-1px;}
.left .contents_wrap .result h1 { margin-bottom:0; }
.result h1 img { padding:0 8px 0 5px; display: inline-block;}
.result ul.list li a { font-size:11px; line-height: 17px;}
.result ul.list li img.vertical { float:left; vertical-align: middle; }
.result ul.list li.on a { font-weight: bold; color:#44b1de; overflow: hidden; display: block;}
.result ul.list li.on a strong { width:200px; background:red;float:left; }
.result ul.list li.on table td { color:#44b1de; font-size:13px; text-shadow: -1px -1px 1px #000;}
.result ul.list li table th { font-weight: normal;}
.result ul.list li table { width:100%;}
.result ul.list li table th { padding-right:5px;}
/* ¼öÁ¤ 1218 end */

/* 170920 Ãß°¡ */
.result_search{height:400px;}
.result_search .paging { padding:12px 0;}
.result_search ul.list li { background: #EEEEEE; border-bottom:1px solid #202020; padding:10px 10px 10px 15px; border-left:1px solid #202020; margin-left:-1px;}
.left .contents_wrap .result h1 { margin-bottom:0; }
.result_search h1 img { padding:0 1px 0 0; display: inline-block;}
.result_search ul.list li a { font-size:11px; line-height: 17px;}
.result_search ul.list li img.vertical { float:left; vertical-align: middle; }
.result_search ul.list li.on a { font-weight: bold; color:#44b1de; overflow: hidden; display: block;}
.result_search ul.list li.on a strong { width:200px; background:red;float:left; }
.result_search ul.list li.on table td { color:#44b1de; font-size:13px; text-shadow: -1px -1px 1px #000;}
.result_search ul.list li table th { font-weight: normal;}
.result_search ul.list li table { width:100%;}
.result_search ul.list li table th { padding-right:5px;}

.search { padding-top:70px;background: #FFFFFF; border-left:1px solid #202020; margin-left:-1px;}
.search .inbox_dgray { position: relative; }
.search input[type="text"] { width:170px; vertical-align: top; height:16px; line-height: 100%; padding-top:2px; margin-bottom:9px;}
.search input + a { display: inline-block; width:28px; height:28px; margin-top:-4px; background: url(../images/btn_search_s.png) no-repeat;}
/* .search a { margin:8px 0 0 0;} */
.search .btn_change { position: absolute; right:1px; top:22px; margin:0;}
.search .cmt { margin:15px 0 0 0;}

.startPoint:focus {cursor: default;/* background-color: #efefef; */ outline:4px solid #83BBDB;}
.endPoint:focus {cursor: default; outline:4px solid #83BBDB;}
.passPoint:focus {cursor: default; outline:4px solid #83BBDB;}
.passPoint1:focus {cursor: default; outline:4px solid #83BBDB;}
.passPoint2:focus {cursor: default; outline:4px solid #83BBDB;}

.setting {background: #535353; border-left:1px solid #202020; margin-left:-1px; box-shadow:inset 0 1px 0 1px #666666; }
.setting { text-align: center; }
.setting select { float:left; width:175px; clear:right; margin-bottom:9px;}
.setting input.date{ float:left; width:140px; margin-bottom:9px; }
.setting input.date1{ float:left; width:140px; margin-bottom:9px; }
.setting img.date{ clear:right; float:left; margin-bottom:9px;}
.setting img.date1{ clear:right; float:left; margin-bottom:9px;}
.setting label { float:left; width:70px; display: block; padding-top:4px; text-align: left;}
.setting .btn_skyblue { margin-top:8px;}

.static { padding-top:70px}
.static .btn { padding:8px 0 0 65px}
.static select{ width:178px; margin-bottom:8px; }
.static label { width:55px; display: inline-block; vertical-align: top; padding-top:4px;}
.static .menu ul { overflow:hidden; padding:7px 0 8px 6px}
.static .menu ul li { float:left; margin-right:11px;}
.static .menu ul li.m3 {margin-right:0px;}
.static .menu ul li.m6 {margin-right:0px;}
/*»ç°íÀ§Çèµµ·ÎÅë°èºÐ¼® ¼öÁ¤Àü*
/* .static .menu ul li a{ width:90px; height:46px; background: url(../images/btn_nav_static_img.png) no-repeat; display: block;}
.static .menu ul li.m1 a{ background-position: 0 top }
.static .menu ul li.m2 a{ background-position: -101px top }
.static .menu ul li.m3 a{ background-position: -201px top }

.static .menu ul li.m1 a:hover{ background-position: 0 -95px }
.static .menu ul li.m2 a:hover{ background-position: -101px -95px }
.static .menu ul li.m3 a:hover{ background-position: -201px -95px }

.static .menu ul li.m1 a:active{ background-position: 0 -190px }
.static .menu ul li.m2 a:active{ background-position: -101px -190px }
.static .menu ul li.m3 a:active{ background-position: -201px -190px }

.static .menu ul li.m4 a{ background-position: 0 -49px }
.static .menu ul li.m5 a{ background-position: -101px -49px }
.static .menu ul li.m6 a{ background-position: -201px -49px }

.static .menu ul li.m4 a:hover{ background-position: 0 -144px }
.static .menu ul li.m5 a:hover{ background-position: -101px -144px }
.static .menu ul li.m6 a:hover{ background-position: -201px -144px }

.static .menu ul li.m4 a:active{ background-position: 0 -239px }
.static .menu ul li.m5 a:active{ background-position: -101px -239px }
.static .menu ul li.m6 a:active{ background-position: -201px -239px }

.static .menu ul li.m1.on a{ background-position: 0 -190px }
.static .menu ul li.m2.on a{ background-position: -101px -190px }
.static .menu ul li.m3.on a{ background-position: -201px -190px }
.static .menu ul li.m4.on a{ background-position: 0 -239px }
.static .menu ul li.m5.on a{ background-position: -101px -239px }
.static .menu ul li.m6.on a{ background-position: -201px -239px} 
*/


/* ·¹ÀÌ¾î °øÅ뽺ŸÀÏ*/
.settting_layer { position: absolute; width:303px; background:#FFFFFF; z-index:20; border:1px solid #202020;}
.settting_layer h1{ color:#efefef; text-shadow: 1px 1px 2px #000; font-size:13px; padding:11px 0 0 18px; height:26px; background: url(../images/bg_title.png) no-repeat 0 top; text-align: left; margin-bottom:10px; margin-left:-1px; margin-right:-1px; margin-top:-1px;}
.settting_layer .inbox_dgray{ width:280px; padding:18px 12px 8px 20px; }
.settting_layer .inbox_dgray .btn_skyblue{ margin-top:5px;}	
.settting_layer .inbox_dgray select{ width:189px; margin-bottom:8px; }
.settting_layer .inbox_dgray label { width:55px; display: inline-block; vertical-align: top; padding-top:4px;}
.settting_layer .inbox_dgray input.date { margin-bottom:8px; width:75px; }
.settting_layer .inbox_dgray input.date1 { margin-bottom:8px; width:75px; }
.settting_layer .inbox_dgray .btn { text-align:center; }
.settting_layer .search_type {padding:3px 18px; text-align: center;}

/* ·¹Æ÷Æ® ·¹À̾î*/
.report_layer { position: absolute; width:303px; background:#535353; z-index:20; border:1px solid #202020; box-shadow: inset 0 0 0 1px #666666;}
.report_layer h1{ color:#efefef; text-shadow: 1px 1px 2px #000; font-size:13px; padding:11px 0 0 18px; height:26px; background: url(../images/bg_title.png) no-repeat 0 top; text-align: left; margin-bottom:10px; margin-left:-1px; margin-right:-1px; margin-top:-1px;}
.report_layer .inbox_dgray{ width:253px; padding:18px 12px 8px 20px; }
.report_layer .inbox_dgray .btn_skyblue{ margin-top:5px;}
.report_layer .inbox_dgray select{ width:189px; margin-bottom:8px; }
.report_layer .inbox_dgray label { width:85px; display: inline-block; vertical-align: top; padding-top:4px;}
.report_layer .inbox_dgray input.date { margin-bottom:8px; width:60px; }
.report_layer .inbox_dgray input.date1 { margin-bottom:8px; width:60px; }
.report_layer .inbox_dgray .btn { text-align:center; }

.w303 {width:303px}
.w606 {width:606px}
.w909 {width:909px}
.w1212 {width:1200px}

.report_layer .inbox_gray_btm { position: relative; }
.report_layer .inbox_gray_btm.tbl_line:after {content:''; width:1px; height:5px; position:absolute; left:142px; left:141px \0/IE8+9; top:0; background:#d8d8d8;}
.report_layer .inbox_gray div table { border-collapse: collapse; width:285px; border: 1px #ffffff solid; }
.report_layer .inbox_gray table th { font-size:11px; border-bottom:1px solid #d8d8d8; border-right:1px solid #d8d8d8; padding:12px 0 8px 0;color:#292929}
.report_layer .inbox_gray table th.last {border-right:0;}
.report_layer .inbox_gray table th:first-child { padding-left:7px;}
.report_layer .inbox_gray table th:nth-child(odd){border-right:0;}
.report_layer .inbox_gray table th.th_last{border-right:0; padding-right:8px;}
.report_layer .inbox_gray table th:last-child{border-right:0; padding-right:7px;}
.report_layer .inbox_gray table td { font-size:11px; border-bottom:1px solid #b2b2b2; border-right:1px solid #d8d8d8; padding:5px 3px; color:#292929; text-align: center;}
.report_layer .inbox_gray table tr:last-child td { border-bottom:0; padding-bottom:2px; }
.report_layer .inbox_gray table tr.last td { border-bottom:0; }
.report_layer .inbox_gray table td:nth-child(odd){border-right:0;}
.report_layer .inbox_gray table td.last{border-right:0;}
.report_layer .inbox_gray table td:last-child{border-right:0;}

/*»ç°íÁ¤º¸ Áöµµ¹ü·Ê*/
.legend_accident_tbl .inbox_gray_btm { position: relative; }
.legend_accident_tbl .inbox_gray_btm.tbl_line:after /* {content:'' */; width:1px; height:5px; position:absolute; left:142px; left:141px \0/IE8+9; top:0; background:#d8d8d8;}
.legend_accident_tbl .inbox_gray table { border-collapse: collapse; width:285px; }
.legend_accident_tbl .inbox_gray table th { tex-align:center; font-size:11px; border-bottom:1px solid #d8d8d8; border-right:1px solid #d8d8d8; padding:12px 0 8px 0;color:#292929}
.legend_accident_tbl .inbox_gray table th.last {border-right:0;}
.legend_accident_tbl .inbox_gray table th:first-child { /* padding-left:7px; */}
.legend_accident_tbl .inbox_gray table th:nth-child(odd){border-right:0;}
.legend_accident_tbl .inbox_gray table th.th_last{border-right:0; /* padding-right:8px; */}
.legend_accident_tbl .inbox_gray table th:last-child{border-right:0; /* padding-right:7px; */}
.legend_accident_tbl .inbox_gray table td { font-size:11px; border-bottom:1px solid #b2b2b2; border-right:1px solid #d8d8d8; padding:5px 3px; color:#292929; text-align: center;}
.legend_accident_tbl .inbox_gray table tr:last-child td { border-bottom:0; padding-bottom:2px; }
.legend_accident_tbl .inbox_gray table tr.last td { border-bottom:0; }
.legend_accident_tbl .inbox_gray table td:nth-child(odd){border-right:0;}
.legend_accident_tbl .inbox_gray table td.last{border-right:0;}
.legend_accident_tbl .inbox_gray table td:last-child{border-right:0;}
.legend_accident_tbl .inbox_gray .tbl2 {width:271px; margin:-1px 0 0 7px}

.legend_accident_tbl2 .inbox_gray table { border-collapse: collapse; width:285px; }
.legend_accident_tbl2 .inbox_gray table th { font-size:11px; border-bottom:1px solid #d8d8d8; padding:12px 0 8px 0;color:#292929}
.legend_accident_tbl2 .inbox_gray table td { font-size:11px; border-bottom:1px solid #b2b2b2; padding:5px 3px; color:#292929; text-align: center;}
.legend_accident_tbl2 .inbox_gray table tr.last td { border-bottom:0; padding-bottom:0; }
.legend_accident_tbl2 .inbox_gray .tbl2 { width:271px; margin:-1px 0 0 7px }
.legend_accident_tbl2 .inbox_gray .s1 { width:127px; background: #f7c5c4; height:22px; color:#fff; font-weight: bold; font-family: "verdana, arial"; line-height: 22px;}
.legend_accident_tbl2 .inbox_gray .s2 { width:127px; background: #e39595; height:22px; color:#fff; font-weight: bold; font-family: "verdana, arial"; line-height: 22px;}
.legend_accident_tbl2 .inbox_gray .s3 { width:127px; background: #bf6766; height:22px; color:#fff; font-weight: bold; font-family: "verdana, arial"; line-height: 22px;}
.legend_accident_tbl2 .inbox_gray .s4 { width:127px; background: #883839; height:22px; color:#fff; font-weight: bold; font-family: "verdana, arial"; line-height: 22px;}
.legend_accident_tbl2 .inbox_gray .s5 { width:127px; background: #4b090a; height:22px; color:#fff; font-weight: bold; font-family: "verdana, arial"; line-height: 22px;}

/*À§ÇèÁ¤º¸ Áöµµ¹ü·Ê*/
*:first-child+html .left .legend_condition { margin-top:-1px; }
.legend_condition { background: #FFFFFF; border-left:1px solid #202020; margin-left:-1px; }
.legend_condition .inbox_gray ul { color:#292929; padding:19px 10px 5px 20px; }
.legend_condition .inbox_gray ul li { overflow: hidden; height:23px;}
.legend_condition ul li p { float:left; width:110px; height:15px;  margin:2px 0 0 0; margin-left:34px;}
.legend_condition ul li p.green {  background:#1DDB16; }
.legend_condition ul li p.red {  background: #ED1C24;} /*#FF0000;*/
.legend_condition ul li p.yellow {  background: #FFFF66 } 
.legend_condition ul li p.orange {  background: #FF7F27; } /*#FF5700;*/
.legend_condition ul li span { float:left; padding-left:20px; font-size:13px;line-height: 22px;}

.legend_condition table { border-collapse: collapse; width:285px; }
.legend_condition .inbox_gray table th { tex-align:center; font-size:11px; border-bottom:1px solid #d8d8d8; border-right:1px solid #d8d8d8; padding:12px 0 8px 0;color:#292929}
.legend_condition .inbox_gray table th.last {border-right:0;}
.legend_condition .inbox_gray table td { font-size:11px; border-bottom:1px solid #b2b2b2; border-right:1px solid #d8d8d8; padding:5px 3px; color:#292929; text-align: center;}
.legend_condition .inbox_gray table tr:last-child td { border-bottom:0; padding-bottom:2px; }
.legend_condition .inbox_gray table tr.last td { border-bottom:0; }
.legend_condition .inbox_gray table td.last{border-right:0;}
.legend_condition .inbox_gray .tbl2 {width:271px; margin:-1px 0 0 7px}
.legend_condition .inbox_gray .tbl2 p { float:left; width:50px; height:15px;  margin:auto;}
.legend_condition .inbox_gray .tbl2 p.green {  background:#1DDB16; width: 100%;}
.legend_condition .inbox_gray .tbl2 p.red {  background: #ED1C24;width: 100%;} 
.legend_condition .inbox_gray .tbl2 p.yellow {  background: #FFFF66;width: 100%; } 
.legend_condition .inbox_gray .tbl2 p.orange {  background: #FF7F27;width: 100%; } 

/*µ¹¹ßÁ¤º¸ Áöµµ¹ü·Ê*/
.legend_accident { overflow:hidden; padding:7px 0 0 30px;}
.legend_accident li { float:left; width:110px; padding:5px 0 5px 10px;}
.legend_accident li span { float:left; padding:4px 0 0 18px; color:#292929; font-size:11px;}
.legend_accident li img{ float:left;}

/*±â»óÁ¤º¸ Áöµµ¹ü·Ê*/
.settting_layer.weather { width:459px; background:#535353; z-index:20; border:1px solid #202020; box-shadow: inset 0 0 0 1px #666666;}
.settting_layer.weather h1{ color:#efefef; text-shadow: 1px 1px 2px #000; font-size:13px; padding:11px 0 0 18px; height:26px; background: url(../images/bg_title2_1.png) no-repeat 0 top; text-align: left; margin-bottom:10px; margin-left:-1px; margin-right:-1px; margin-top:-1px;}
.settting_layer.weather .inbox_gray{ width:440px; }
.settting_layer.weather table { table-layout: fixed; border-collapse: collapse; width:440px; }
.settting_layer.weather table th { border-bottom:1px solid #d8d8d8; padding:12px 0 8px 0;color:#292929}
.settting_layer.weather table td { font-size:11px; border-bottom:1px solid #b2b2b2; text-align: center; color:#292929;}
.settting_layer.weather table th.th_line { border-right:1px solid #d8d8d8; padding:12px 0 8px 0;}
.settting_layer.weather table td.td_line { border-right:1px solid #d8d8d8; padding:5px 3px;}
.settting_layer.weather table tr.last td {border-bottom:0;padding-bottom:0;}
.settting_layer.weather .inbox_gray_wide_btm { position: relative; }
.settting_layer.weather .inbox_gray_wide_btm.tbl_line:after {content:''; width:1px; height:5px; position:absolute; left:220px; left:219px \0/IE8+9; top:0; background:#d8d8d8;}


/*ÁöµµÀ§ÄÁÆ®·Ñ¿ä¼Ò*/
.zoom { position: absolute; width:23px; border:1px solid #202020; box-shadow: inset 0 0 0 1px #666666; padding:1px; background:#535353;}
.zoom a { display: block; }
.zoom .zoomin img { border-bottom:1px solid #202020; }
.mini_map { position: absolute; overflow:hidden; right:20px; bottom:20px; height:198px; background: #535353; border:1px solid #202020; box-shadow: inset 0 0 0 1px #666; }
.mini_map .m_m_map { float:left; padding:4px; position: relative;}
.mini_map .btn { position:relative; float:left; width:25px; height:198px; border-left:1px solid #202020; box-shadow: inset 0 0 0 1px #666;}
.mini_map .btn a { display: block;}
.mini_map .btn a.zoomin { padding:1px 1px 0 1px; height:22px;}
.mini_map .btn a.zoomout { padding:0 1px 1px 1px;height:22px;}
.mini_map .btn .zoomout { position: absolute; left:0; bottom:0;}
.mini_map .btn .zoom_bar { width:27px; height:151px; position: absolute; left:-1px; top:23px; background: url(../images/bg_zoom_bar.png) no-repeat;}
.mini_map .btn .zoom_bar span { width:27px; height:151px; position: absolute; left:0; bottom:0; background: url(../images/bg_zoom_bar.png) no-repeat right -1px;}
.mini_map .hand_box { position: absolute; left:20px; top:30px; width:126px; height:85px; border:2px solid #ff0000; cursor:pointer}

/* table, graph */
.h1_stretch { background: url(../images/bg_title_strech.png) repeat-x center; height:37px; font-size:13px; position: relative;}
.h1_stretch .h1_bg1 { float:left; background: url(../images/bg_title_strech.png) no-repeat left top; height:37px; width:22px; }
.h1_stretch .h1_bg2 { float:left; background: url(../images/bg_title_strech.png) no-repeat left bottom; height:37px; width:22px; right:0; top:0; position: absolute;}
.h1_stretch div { line-height:37px; vertical-align: top; }

.wide_wrapper{ border:1px solid #202020; background: #535353; box-shadow:inset 0 0 0 1px rgba(255,255,2565,.15)}
.wide_wrapper h1 { margin:-1px; }
.wide_wrap { margin:10px; border-radius:5px; background: #1f1f1f; }
.wide_wrap table { width:100%; border-collapse: collapse; }
.wide_wrap table thead th { padding:12px 0; font-size:14px; color:#4bbade; border-bottom:1px solid #777777; border-right:1px solid #777777; text-shadow:-1px -1px 0 #000;}
.wide_wrap table thead th.last { border-right:0;}
.wide_wrap table tbody th { color:#b1b1b1; border-right:1px solid #777777; text-shadow:-1px -1px 0 #000;}
.wide_wrap table tbody td { padding:7px 0; border-right:1px solid #373737; text-align: right; padding-right:15px; color:#fff;}
.wide_wrap table tbody tr.even td { background: #292929; }
.wide_wrap table tbody tr.even th { background: #292929; }
.wide_wrap table tr.font_small th{ font-size:12px; font-weight: normal; border-right-color:#373737 }

/* popup table */
.popup_wide_wrap { margin:10px; border-radius:5px; background: #e9efef; }
.popup_wide_wrap table { width:100%; border-collapse: collapse; }
.popup_wide_wrap table thead th { padding:12px 0; font-size:14px; color:#4bbade; border:1px solid #d7dfe1; text-shadow:-1px -1px 0 #000;}
.popup_wide_wrap table tbody th { color:#000000; border:1px solid #d7dfe1; padding:7px 0; text-align: center; }
.popup_wide_wrap table tbody td { padding:7px 0; border:1px solid #d7dfe1; text-align: center; color:#000000; background: #ffffff;}

.olPopup {padding: 5px;}
.pop-headerN {width:100%;position:relative;height:25px;background:#0182d4;}

.pop-content {clear:both;background:#fff;border-radius:5px;}
.content-inbox {padding:13px 10px 5px;}

.popupDetail {
	width: 470px;
    height: 270px;
    display: none;
    position: absolute;
    z-index: 10;
    right: 10px;
    bottom: 10px;
    background-color: white;
    border-radius: 5px;
    padding: 10px;
    border: 1px solid #8ab3d0;
}
.close-btn {
	position: absolute;
	right: 10px;
    top: 5px;
    color: #000000;
    font-weight: bold;
}

.ui-dialog-titlebar-close {
  background: url("../images/gis/close.png") no-repeat;
  cursor: pointer;
}

.btn_detail {height: 23px; padding: 5px; margin-right: 5px; background-color: #0265cb; color: #ffffff; cursor: pointer;}/*  #1aa0d6 */
.btn_infoDetail {height: 23px; padding: 5px; margin-right: 5px; background-color: #0265cb; color: #ffffff; cursor: pointer;}
.btn_danger_pop_close {height: 21px; width:21px; position: absolute; top:2px; right:4px; cursor: pointer; }
.btn_detail:hover {background-color: #029462;}
.btn_infoDetail:hover {background-color: #029462;}

.wide_wrap.graph { padding:10px;}
.bar_horizontal dt { float: left; padding: 4px; }
.bar_horizontal .bar {
    margin-bottom: 10px;
    color: #fff;
    padding: 4px;
    text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff7617), to(#ba550f));
    background-color: #ff7617;
    -webkit-box-reflect: below 0 -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.25)));
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-animation-name:bar;
    -webkit-animation-duration:0.5s;
    -webkit-animation-iteration-count:1;
    -webkit-animation-timing-function:ease-out;
}

.bar_horizontal #data-one { -webkit-animation-name:bar-one; }
.bar_horizontal #data-two { -webkit-animation-name:bar-two; }
.bar_horizontal #data-three { -webkit-animation-name:bar-three; }
.bar_horizontal #data-four { -webkit-animation-name:bar-four; }

    
@-webkit-keyframes bar-one {
    0% { width:0%; }
    100% { width:60%; }
}

@-webkit-keyframes bar-two {
    0% { width:0%; }
    100% { width:80%; }
}

@-webkit-keyframes bar-three {
    0% { width:0%; }
    100% { width:64%; }
}

@-webkit-keyframes bar-four {
    0% { width:0%; }
    100% { width:97%; }
}

/* left search result tab ::::: 1218 Ãß°¡ */
.result_tab {overflow:hidden; /* margin:0 -1px 0 -1px; */}
.result_tab li {float:left;}
.result_tab li a{ display: block; height:34px; width:101px; }
/* .result_tab li.m1 a{ width:64px; background: url(../images/bg_tab_searchresult.png) no-repeat left top; }
.result_tab li.m1 a:hover{ background-position:left -34px;}
.result_tab li.m1 a:active{ background-position:left -68px;}
.result_tab li.m1.on a{ background-position:left -68px;}
.result_tab li.m2 a{ width:64px; background: url(../images/bg_tab_searchresult.png) no-repeat -64px top;}
.result_tab li.m2 a:hover{ background-position: -64px -34px;}
.result_tab li.m2 a:active{ background-position: -64px -68px;}
.result_tab li.m2.on a{ background-position: -64px -68px;}
.result_tab li.m3 a{ width:65px; background: url(../images/bg_tab_searchresult.png) no-repeat -129px top;}
.result_tab li.m3 a:hover{ background-position:-129px -34px;}
.result_tab li.m3 a:active{ background-position:-129px -68px;}
.result_tab li.m3.on a{ background-position:-129px -68px;} */

.result_tab li.m1 a{ width:101px; background: url(../images/bg_tab_searchresult_1.png) no-repeat  top; }
.result_tab li.m1 a:active{ width:101px; background: url(../images/bg_tab_searchresult_act_1.png) no-repeat  top; }
.result_tab li.m1.on a{ width:101px; background: url(../images/bg_tab_searchresult_act_1.png) no-repeat  top; } 
.result_tab li.m2 a{ width:101px; background: url(../images/bg_tab_searchresult_2.png) no-repeat  top;}
.result_tab li.m2 a:active{width:101px; background: url(../images/bg_tab_searchresult_act_2.png) no-repeat  top;}
.result_tab li.m2.on a{width:101px; background: url(../images/bg_tab_searchresult_act_2.png) no-repeat  top;}
.result_tab li.m3 a{ width:101px; background: url(../images/bg_tab_searchresult_3.png) no-repeat  top;}
.result_tab li.m3 a:active{width:101px; background: url(../images/bg_tab_searchresult_act_3.png) no-repeat  top}
.result_tab li.m3.on a{ width:101px; background: url(../images/bg_tab_searchresult_act_3.png) no-repeat  top} 

.inbox_gray3 { width:262px; padding:11px;  background: url(../images/bg_inbox3.png) no-repeat left top; }
.inbox_gray3_btm { width:282px; height:5px; background: url(../images/bg_inbox3.png) no-repeat left bottom;}

.c_wrap { padding:23px 11px; border-bottom:1px solid #202020; }
.c_wrap .inbox_gray3 { width:272px; padding-right:0; }
.c_wrap dl { overflow:hidden; }
.c_wrap dt.bar { background: url(../images/bar_search_result.png) no-repeat left center; margin:0 0 0 5px; padding-left:5px; }
.c_wrap dl dt { float:left;  margin:0; color:#000000;}
.c_wrap dl dd { float:left; margin:0;  color:#000000; }
.c_wrap em { font-size:20px; }
/* .c_wrap .row1 dt { padding-top:0px }
.c_wrap .row1 dt.bar { background: url(../images/bar_search_result.png) no-repeat left 8px;  }
.c_wrap .row1 dd { font-weight: bold; } */

.road_arrow_conditions dt { margin:0;}
.road_arrow_conditions dd { background: #535353; color:#ffffff; text-align: center; border-radius:3px; margin:0 auto; font-size:11px;}



/* À§Ç赵ȮÀιöÆ° */
.btn_orange { display: inline-block; width:118px; height:35px; background: url(../images/btn_bg_orange_gray.png) no-repeat; color:#ffffff; text-align: center;line-height:35px } /* text-shadow: 0 0 5px #000 */
.btn_orange:hover  { text-decoration: none; color:#ffffff; } /* text-shadow: 0 0 5px #2a738a */ /*background-position: left bottom; color:#fff;*/ 
.btn_orange:active  { background-position: left bottom; color:#fff; } /* text-shadow: 0 0 5px #2a738a */
.btn_orange.on  { background-position: left bottom; color:#fff; } /* text-shadow: 0 0 3px #8e2e1b, 0 0 5px #8e2e1b */

.c_wrap { position: relative;}
.c_wrap .btn_orange { position: absolute; right:6px; top:10px;}

/*°í¼Óµµ·Î OpenLayers Æ˾÷ */
.olPopupCloseBox, .ui-dialog-titlebar-close {
  background: url("../images/gis/close.png") no-repeat;
  cursor: pointer;
}

.olHandlerBoxZoomBox {
	border: 2px solid red;
	position: absolute;
	background-color: white;
	opacity: 0.50;
	font-size: 1px;
	filter: alpha(opacity-50);
}