@charset "utf-8";   

@font-face {font-family: 'NotoL'; 
src:url('../font/NotoSansDemiLight.eot');  src:url('../font/NotoSansDemiLight.eot?#iefix') format('embedded-opentype'),url('../font/NotoSansDemiLight.woff') format('woff'),  url('../font/NotoSansDemiLight.ttf') format('truetype'); font-weight:normal; }

@font-face {font-family: 'Daum'; 
src:url('../font/Daum.eot');   src:url('../font/Daum.eot?#iefix') format('embedded-opentype'), 	url('../font/Daum.woff') format('woff'),  url('../font/Daum.ttf') format('truetype'); font-weight:normal; }

/*Reset*/
*{margin: 0;  padding:0;}
dl,ol,menu,li{list-style: none}
input,select, textarea{font-family:'Dotum'; border:1px solid #ccc;  padding:1px 5px 2px;  color:#555;  vertical-align: middle; }
input[type="file"]{border:0;}
img, a, fieldset{border:0 none; }
button {border:0 none;  background-color:transparent;  cursor: pointer; }
address, caption, cite, code, dfn, em, i,var{font-style:normal;  font-weight:normal}
table {border-collapse:collapse;  border-spacing:0; }
mark{background:transparent; }

/*common*/
.fl{float:left; }
.fr{float:right; }
.al{text-align:left !important; }
.ar{text-align:right !important; }
.ac{text-align:center !important; }
.mt05{margin-top:05px !important; }
.mt10{margin-top:10px !important; }
.mt20{margin-top:20px !important; }
.mt30{margin-top:30px !important; }
.mt40{margin-top:40px !important; }
.ml10{margin-left:10px !important; }
.ml20{margin-left:20px !important; }
.ml40{margin-left:40px !important; }
.mr15{margin-right:15px !important;}
.w25{width:23%;}
.w100{width:97%;}

/*FONT.BG*/
.ffdtm{font-family:'Dotum'; font-size:12px;}
.fcrd{color:#dc3d39}
.bggr{background:#9ff360}
.bgyl{background:#f4c64b}
.bgrd{background:#f4634b}
.bgnd{background:#7e90a0}

a{color:#444;  text-decoration:none; }
a:hover {color:#666;  }
::-webkit-input-placeholder { color:#cdcdcd;  font-size:13px; font-family:'NotoL';  }
.blind{position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden;}

body{font-family:'NotoL'; color:#666; font-size:14px;}
/*Header*/
header {width:100%; height:105px; overflow:hidden; background:url('../images/common/bg_horizon.png') repeat-x 0 0; z-index:100}
nav{position:relative; display:block; width:100%; margin:0 auto; margin-left: 20%;}
	nav h1{float:left;}
	nav h1 img{margin:19px 0 0 65px;}
	nav ul{display:inline-block; width:680px; overflow:hidden; margin:30px 0 0 96px;}
	nav li{display:inline-block; float:left; text-align:center; font-size:18px; padding:0 40px 0 0;}
	nav li a{color:#000; }
	nav li a:hover, nav li a:focus{color:#ffa555;}
	nav li ul{display:none;}
	nav li.on ul{display:block; position:absolute; top:70px; margin:0; float:left; background:url('../images/common/bg_bullet.png') no-repeat 23px -191px; padding-top:12px;}
	nav li ul li{padding:0 25px 0 7px;  text-align:left;  font:500 12px 'NotoL'; background:url('../images/common/bg_bullet.png') no-repeat 0px 4px; }
	nav li ul li a{color:#fff; }
	nav li ul li a:hover, nav li ul li a:focus{color:#ffa555}
	nav li .g01{left:320px;} 
	nav li .g03{left:580px;} 
	nav li .g04{LEFT:720px;} 

.subVisual{position:relative}
.subVisual img{width:100%; height:170px;}

main {clear:both; position:relative; display:block; overflow:hidden;  width:1000px; height:auto; margin:30px auto 0; }

/*Left*/
main aside{float:left; width:190px; margin:0px 45px 0 0; }
main aside h2{display:block; color:#000; font:500 25px 'Daum'; letter-spacing:-1px; text-align:center}
main aside ul{margin-top:12px;}
main aside ul li{display:block;  border-bottom:1px solid #dadada; letter-spacing:-1px; font-size:15px;}
main aside ul li a{display:block; width:177px; padding:7px 0 6px 13px; color:#323232; overflow:hidden}
main aside ul li a:hover.menuOff{color:#323232;}
main aside ul li a.on{color:#FFF; background:#183569 url(../images/common/bg_bullet.png) no-repeat 173px -23px; padding:6px 0 7px 13px; margin-bottom:-1px; }

main section{float:left; width:720px; border-left:1px solid #e9e9e9; padding:0 0 20px 44px; box-shadow:inset 3px 0px 6px -5px rgba(0,0,0,0.5); color:#666; font-size:14px; }
main section .navi{display:block; overflow:hidden; }
main section .navi h3{float:left; color:#183569; font: 500 25px 'Daum'; letter-spacing:-1px;  background:url('../images/common/bg_bullet.png') no-repeat 0px -79px; padding-left:26px; }
main section .navi em, main section .navi strong{margin-top:6px; font-family:'Dotum'; font-size:11px;  color:#888; letter-spacing:-1px;}

.cont{margin-bottom:20px;}
.cont h4, .titleh{height:20px; font:500 17px 'NotoL'; line-height:17px; color:#161616; background:url(../images/common/bg_bullet.png) no-repeat 0px -135px; padding-left:18px; margin-bottom:6px; margin-top:30px; }
.indent{margin-left:20px;}

section fieldset{clear:both; background:#ededed; padding:10px 15px 10px 15px; margin:10px 0 20px;}
section fieldset .ml{margin-left:20px;}
section fieldset label{color:#9e9e9e;  font-size:12px; padding:0 10px}
section fieldset input[type=text]{border:1px solid #a2a2a2; height:19px;}
section fieldset select{border:1px solid #a2a2a2; width:110px; height:24px;}
section fieldset button{ box-shadow:none; width:auto; font:500 13px 'NotoL'; line-height:18px;
		color:#515151;padding:1px 25px 3px; border:1px solid #aeaeae; 
		background:#ececec\9; /* For IE7,8 */	
		background: -webkit-linear-gradient(#f2f2f2, #dfdfdf); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#f2f2f2,#dfdfdf); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#f2f2f2, #dfdfdf); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#f2f2f2, #dfdfdf); /* Standard syntax (must be last) */
}
section fieldset button:hover{background:#dedede; box-shadow:inset 1px 1px 1px rgba(71,71,71,0.1);}

/*tab스타일*/
.tab{clear:both; width:100%; display:block; overflow:hidden; margin:20px 0 33px; border-bottom:2px solid #183569; }
.tab li{display:inline-block; float:left; background:#fff; color:#183569; font-size:16px; text-align:center; padding:8px 45px; margin-bottom:-1px; border-left:none; border-top:1px solid #d2d2d2; border-right:1px solid #d2d2d2; }
.tab li a:hover{color:#333; text-decoration:underline;}
.tab li:first-child{border-left:1px solid #d2d2d2;}
.tab li.select{background:#183569 url('../images/common/bg_bullet.png') no-repeat 96% -97px; border-left:none; border-right:none; border-top:none;  padding:8px 45px 8px 40px ;}
.tab li.select a{color:#fff;}

/*table List*/
.tbl{clear:both; overflow-x:hidden;}
.tbl_list{width:100%; border-collapse:collapse; }
	.tbl_list th{height:34px; color:#4a7cd0;  text-align:center;  border-top:2px solid #4a7cd0; border-bottom:2px solid #4a7cd0; background: url('../images/common/bg_bullet.png') no-repeat 0 -47px; font:500 14px 'NotoL';}
	.tbl_list th:first-child{border-left:2px solid #4a7cd0; background-position:-1px -48px; }
	.tbl_list th:last-child{border-right:2px solid #4a7cd0;}
	.tbl_list td{height:22px;  padding:6px 4px 7px;  border-bottom:1px solid #dadada;   text-align:center; letter-spacing:-1px; word-break:keep-all}
	.tbl_list td a{color:#444;}
	.tbl_list td a.reply{background:url(../images/common/ic_reply.png) no-repeat 0 center; padding-left:40px; }
.tbl td img, .tbl th img{padding:0 4px; vertical-align:middle}
.tbl .ti{background:#e9f2f5; color:#414141;}
.tbl td.al{padding-left:20px;}
.tbl td textarea{width:97%; height:250px;  padding:10px; }
.price td{color:#dc3d39}

/*table View.Write*/
.tbl_view{width:100%;border-collapse:collapse;   border-bottom:1px solid #dadada;}
.tbl_view th{height:37px;  font:500 14px 'NotoL'; color:#4a7cd0; text-align:left;  padding:0 20px; border-top:2px solid #4a7cd0;  border-bottom:2px solid #4a7cd0; }
.tbl_view th:first-child{border-left:2px solid #4a7cd0;   }
.tbl_view th:last-child{border-right:2px solid #4a7cd0;}
.tbl_view td{text-align:left; padding:8px 12px; border-bottom:1px solid #dadada;}
.tbl_view td div{padding:15px 0}
.tbl_view th .date{float:right;  background: url(../images/common/bg_bullet.png) no-repeat 0px  -53px; padding-left:15px; padding-right:15px; color:#555 }
.tbl_view th .cnt{float:right;  background: url(../images/common/bg_bullet.png) no-repeat 0px  -53px; padding-left:15px; color:#555 }
.tbl_view th .writer{float:right;  background: url(../images/common/bg_bullet.png) no-repeat 0px  -53px; padding-left:15px; color:#555 }
.write th:first-child, .write td:first-child{text-align:center;}

.dspList{clear:both;}
.dspList dl{width:100%; display:table; overflow:hidden; border-top:1px solid #d8d8d8; }
.dspList dt{width:22%; float:left; display:table-cell; background:#748499; color:#FFF; text-align:center; border-bottom:1px solid #b1bdcd; padding:8px 0; vertical-align:middle;}
.dspList dd{width:72.4%; float:left; display:table-cell; border-bottom:1px solid #d8d8d8; padding:8px 15px 8px 24px; word-break:keep-all} 
.carList dt{width: 20%;}
.carList dd{width:74.4%;}

.faqList{width:100%;  height:auto;  overflow:hidden;  margin-top:10px;   border-top:2px solid #4a7cd0; border-bottom:1px solid #4a7cd0; }
.faqList dt{width:100%;  height:42px;  overflow:hidden;  line-height:42px; background:url('../images/common/bg_qna.png') no-repeat 10px 8px;  padding-left:55px;  border-bottom:1px solid #dadada;   }
.faqList dt a{display:block; }
.faqList dd{display:none;  line-height:20px;  padding:13px 20px 20px 55px;  border-bottom:1px solid #dadada;  background:#e9f2f5 url('../images/common/bg_qna.png') no-repeat 10px -29px; word-break:keep-all}

.paging{text-align:center; display:block; height:30px; margin-top:30px;}
.paging img{vertical-align:middle; margin:0px -6px;}
.paging a{margin:0px 7px;}
.paging a:hover{opacity:0.9}
.paging .on{display:inline-block; width:25px; height:24px; background:#4a7cd0; color:#FFF;}
 
/*기본 버튼*/
button{font-size:16px; color:#FFF; width:115px; padding:7px 18px; margin: 0 3px; border-radius:2px;
		background:#ececec\9; /* For IE7,8 */	
		background: -webkit-linear-gradient( top, #4971a0, #49719d 50%, #3f6997 51%,  #395f8c 100%); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient( top, #4971a0, #49719d 50%, #3f6997 51%,  #395f8c 100%); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient( top, #4971a0, #49719d 50%, #3f6997 51%,  #395f8c 100%); /* For Firefox 3.6 to 15 */
		background: linear-gradient( to bottom, #4971a0, #49719d 50%, #3f6997 51%,  #395f8c 100%); /* Standard syntax (must be last) */
}
button:hover{background:#325886;  box-shadow:inset 1px 1px 1px rgba(0, 0, 0, .3);  }

/*footer*/
footer{clear:both;   position:relative; margin:20px auto 25px; display:block; overflow:hidden;  width:1000px; padding-top:23px;}
footer h6{float:left; margin:0px 0 0 60px;}
footer ul{float:left; margin:0px 0 0 95px; font:500 12px 'Dotum';  }
footer li{float:left; padding:0 18px 0 0; margin-right: 15px; border-right:1px solid #cdcdcd;}
footer li:last-child{border-right:none}
footer li .bb a  {color:black;}
footer li a:hover{color:#979797;}

footer address{position:absolute; top:30px; left:320px; font-size:12px;  line-height:180%; letter-spacing:-1px;}
footer address p{ color:#868686; }
footer .copyright {font:500 10px verdana; color:#a9aaaa}

/*인사말*/
.greeting {height:450px; background:url(../images/bg_intro.png) no-repeat -719px 30px; padding:20px 0 0 390px; word-break:keep-all }
.greeting h5{font-size:27px; font-family:'Daum'; color:#4a7cd0;}
.greeting h5 em{color:#ffa555; }
.greeting span{display:block; color:#000; font-size:16px; margin:18px 0;}
.greeting p{line-height:23px;}
.greeting .sign{height:40px; background:url(../images/bg_intro.png) no-repeat -761px -456px; margin-top:10px;}

/*사업개요*/
.intro_ti{height:105px; background:url(../images/bg_intro.png) no-repeat 0px 0px; font-size:39px; font-family:'Daum'; color:#183569; padding-top:29px; letter-spacing:-1px;}
.intro_outline{height:250px; background:url(../images/bg_intro.png) no-repeat 0px -150px}
.intro_ti span{display:block; color:#4a7cd0}

/*연혁*/
.history dl{display:table; margin-bottom:40px;}
.history dt{display:table-cell; float:left; width:20%; color:#4a7cd0; font-family:'Daum'; font-size:24px; text-align:right; padding-right:18px;}
.history dd{display:table-cell; float:left; width: 540px; color:#777; border-left:1px solid #4a7cd0; line-height:26px; letter-spacing:-1px;}
.history dd strong{color:#000; font-family:'Daum'; font-size:14px; padding:0 22px 0 30px; letter-spacing:0;}
.history dt{height:145px;}
.history dl:nth-child(2) dt{height:200px;}

/*시설물소개*/
.fct_imgbox01{clear:both; width:100%; overflow:hidden; }
.fct_imgbox01 dl{float:left; display:block; margin-left:8px; }
.fct_imgbox01 dl:first-child{margin-left:20px;}
.fct_imgbox01 dt{background:#4a7cd0; color:#FFF; font-size:15px; text-align:center; padding:5px 0}
.fct_imgbox01 dd{border:1px solid #4a7cd0; text-align:center; }

.fct_imgbox02{clear:both; width:100%; overflow:hidden; margin-left:20px;  }
.fct_imgbox02 div{float:left; width:177px; height:118px; border:1px solid #4a7cd0; margin-right:24px; }
.fct_imgbox02 .vds{background:url(../images/img_facility01.png) no-repeat 0px 0px;}
.fct_imgbox02 .vms{background:url(../images/img_facility01.png) no-repeat 0px -120px;}
.fct_imgbox02 .lcs{background:url(../images/img_facility01.png) no-repeat 0px -240px;}
.fct_imgbox02 .cctv{background:url(../images/img_facility01.png) no-repeat 0px -360px;}
.fct_imgbox02 .hep{background:url(../images/img_facility01.png) no-repeat 0px -480px;}
.fct_imgbox02 strong{background:#4a7cd0; color:#FFF; font-size:15px; font-weight:normal; padding:3px 15px;}
.fct_imgbox02 p{width:670px; padding:10px 0 0 24px; word-break:keep-all}

.fct_imgbox03 {clear:both; width:100%; overflow:hidden;}
.fct_imgbox03 strong{display:block; color:#000; font-size:17px;  font-weight:normal; padding-bottom: 6px;}
.fct_imgbox03 .tcs01{float:left; width:345px; height:230px; background:url(../images/img_facility02.png) no-repeat 0px 0px; border:1px solid #4a7cd0; margin:12px 20px 0 0;}
.fct_imgbox03 .tcs02{float:left; width:345px; height:230px; background:url(../images/img_facility02.png) no-repeat -355px 0px; border:1px solid #4a7cd0; margin:12px 0 0 0;}
.fct_imgbox03 .fl:last-child{margin-right:0;}

.fctList,.taxList{background:#e9f2f5; padding:16px 22px; margin-top:10px; }
.fctList li,.taxList li{display:block; background:url(../images/common/bg_bullet.png) no-repeat 0px -8px; padding-left:8px; line-height:24px; color:#444 ; font-size:13px;}

/*세금계산서*/
.cont{position:relative;}
.tax table{table-layout: fixed; width:100%;}
.tax table th{width:22%; background: #748499; color: #FFF; font-weight: normal; text-align: center;border-bottom: 1px solid #b1bdcd;}
.tax table td{padding: 8px 15px 8px 24px; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8;}
.tax table td ol li{margin-bottom: 10px; counter-increment: number;}
.tax table td ol li:last-child{margin-bottom: 0;}
.tax table td ol li::before{content: counter(number)"."; margin-right: 5px;}
.tax table .change th{background:#183569;}
.tax table .arrow::before{display: block; margin: 5px 0; content: "▼"; color: #183569; text-align: center;}
.tax table td em{color:#ff0000;}
.taxTel{margin-top:30px; padding:20px; border-top:2px solid #183569; border-bottom:1px solid #183569; background: #e9f2f5; text-align: center; font-size: 17px;}
.taxTel strong{color: #4a7cd0;}
.taxTel em{display:block; margin-left: 32%; } /* 22.10.26 margin-left:32% 추가*/
.taxTel em span{margin-left: 10px; color:#183569; font-size:20px; font-weight:bold;}
.btn-template{position: absolute; top: -23px; right: 0; width: 30px; height: 30px; padding: 0; text-indent: 30px; overflow: hidden; white-space: nowrap;}
.btn-template::before{position:absolute; top:0; left:0; display:block; content:""; width:30px; height:30px; background:url(../images/common/ic_template.png)no-repeat 50%;}
.tax-file input[type="file"]{display:none;}
.tax-file label{cursor:pointer; display: inline-block; float:left; padding: 0 8px; background: #ddd; border: 1px solid #c2c2c2; line-height: 25px; font-size: 13px;}
.tax-file label:hover{border-color:#999;}
.tax-file ul{display:inline-block; margin-left:20px; font-family: 'Dotum'; font-size:13px;}
.tax-file ul li{margin-top:7px;}
.tax-file ul li:first-child{margin-top:3px;}
button.file-del{width:15px; height:15px; border-radius:50%; margin: -2px 0 0 5px; padding:0; overflow:hidden; white-space:nowrap; text-indent: 15px; vertical-align: middle; background: #959595 url(../images/common/file-del.png)no-repeat 50%;}
button.file-del:hover{background-color:#757575;}


/*조직도*/
.org{height:753px; background:url(../images/bg_organ.png) no-repeat 0px 0px; margin-bottom:20px;}
.ceo{font:500 20px 'Daum'; color:#ffa555; text-align:center; padding:15px 0 58px;}
.audit{font-size:18px; color:#132f4f; margin: 0 133px 88px 143px}
.office{font-size:16px; color:#fff; margin: 0 175px 71px 96px;}
.org dl{width:108px; text-align:center; margin-left:8px;}
.org dt{color:#FFF; font-size:15px; margin-bottom:20px;}
.org dd{font-size:15px; height:227px; color:#454545; line-height:25px; text-align:center;}

/*오시는길*/
.map{height:378px; background:url(../images/bg_intro.png) no-repeat 0px -822px; margin-bottom:20px;}
.cont address{font-size:16px; color:#454545; text-align:center; border:2px solid #4a7cd0; padding:12px; }
.cont address span{font-size:19px; display:block; margin-top:3px;}

/*실시간교통정보*/
.mapArea{height:100%;}
.mapArea aside{background:#FFF; padding:14px; position:absolute; top:105px; left:0; width:370px; height:827px; box-shadow:0px 2px 2px rgba(100, 100, 100, 0.9); z-index:10;}
.mapArea aside h2{font-size:17px; color:#4a7cd0;}
.mapArea aside a.slideBtn{display:none; height:76px; position:absolute; top:45%; right:-19px; background:#FFF; border-top:1px solid #a0acb1;  border-right:1px solid #a0acb1; border-bottom:1px solid #a0acb1; padding:0 6px;}
.mapArea aside a.slideBtn span{color:#333; margin-top:30px;}
.mapArea section{position: relative; top:0px; display:block; height:855px;}

.remark{position:absolute; top:20px; right:10px; background:#183569; font:500 12px 'Dotum'; z-index:10000}
.remark h3{color:#FFF; text-align:center;  font-size:12px; line-height:160%; padding-top:2px}
.remark p{background:#FFF; margin:0 1px;  color:#666; padding:4px 6px;  line-height:140%; border-bottom:1px dotted #d1d1d1 }
.remark p:last-child{border-bottom:1px solid #183569}

.zoom{position:absolute; top:20px; left:410px; background:#183569; z-index:10000; width:35px; text-align: center;}
.zoom h3{font:600 11px 'Dotum'; color:#fff; line-height:160%; padding-top:2px;}
.zoom a{display:block; padding:1px 6px; box-sizing:border-box; background:#a8a8a8; width:20px; height:20px; color:#fff; font-size:12px; text-align:center; margin-left:6px}
.zoom .on{background:#3f699b;}
.zoom p{background:#fff; padding:2px 0; margin:0 1px;}
.zoom p:nth-of-type(1){padding-top:4px}
.zoom p:last-child{border-bottom:1px solid #183569; padding-bottom:4px;}

.trfInfo{width:100%; font-family:'dotum'; overflow-y: scroll; height:202px;}
.trfInfo table{width:100%; table-layout:fixed; color:#444;  }
.trfInfo thead{display:table; width:353px; table-layout:fixed; position:absolute; }
.trfInfo tbody{display:table; width:353px; margin-top:28px; }
.trfInfo th{background:#4a7cd0; color:#fff; padding:8px 0 4px; text-align:center;  font:600 12px 'Dotum'}
.trfInfo td{border-bottom:1px solid #d8d8d8;  text-align:center; vertical-align: middle; padding:6px 0 4px;  font:500 12px 'Dotum'}
.trfInfo td a{color:#444}
.trfInfo td a:focus{color:#dc3d39}
.trfInfo td:first-child{font-weight: bold}
.trfInfo td:first-child p{display:block; font:500 11px 'Dotum'}
.trfInfo td:nth-child(2) a{color:#666}
.trfInfo td:nth-child(2) a:focus{color:#dc3d39}
.trfInfo td:last-child{padding-right:5px;}
.trfInfo td strong{width:57px; height:17px; display:block; color:#FFF; padding-top:3px;}
.trfInfo td em{font-weight:bold}

.trfRoad{display:inline-block; width:100%;  height:560px; position:relative; overflow:hidden; margin-top:30px;}
.trfRoad h3 {background:#4a7cd0; color:#fff !important; font-size:12px !important; font-family:'dotum'; padding:6px 0 6px 12px; }
	.area{float:left; width:150px; margin:10px; }
	.area dl{display:block; text-align:center; background:url('../images/map/bg_traffic.png') repeat-y -210px 0; }
	.area dt{background:#183569; color:#FFF; font-size:14px; height:24px;  border-radius:3px; padding:3px 0; }
	.area dd{display:table-cell; width:190px; vertical-align:middle; color:#000; font:500 18px 'Tahoma'; padding:10px 0;  }
	.area dd span{display:block; text-align:center; background:#FFF; vertical-align:middle; }

	.sector{position:absolute; top:25px; left:170px; width:192px; height:505px; margin:10px 0; background:url('../images/map/bg_traffic.png') repeat-y 0 0px; }
	.sector ul{width:80px; margin:32px 0 }
	.sector ul.fl{margin-left:12px; }
	.sector ul.fr{margin-right:14px; }
	.sector li{position:relative; display:block; background:#82868e; color:#FFF; font:500 12px 'Dotum'; line-height:5px; margin-bottom:1px;}
	.sector li span{position:absolute; top:41%; left:40%;}
	
	.trfInfo_ti{position:absolute; top:6px; left:12px;width:80px; background:#183569; color:#fff; border-radius:1px; text-align:center; font-size:14px;}
	.trfInfo_ti span{font-size:12px;}
	.up02{top:479px;}
	.down01{left:98px;}
	.down02{top:479px; left:98px;}
	
	.sectorRemark{position:absolute; bottom:0; right:12px; width:179px;  font:500 11px 'Dotum'; letter-spacing:-1px; margin-top:6px;}
	.sectorRemark li{display:inline-block; margin-right:4px; padding:2px 16px; color:#FFF }
 
#map div div div div div{background:none !important; /*left:-10px !important; top:7px !important; transform:rotate(90deg) !important;*/}
/*#map div div div div div div{transform:rotate(270deg) !important; margin-top:-21px !important; margin-left:10px !important;}*/

.gr{background:#71d815 !important}
.yl{background:#ffa234 !important}
.rd{background:#ff3829 !important}
.tooptip{font-family:'Dotum'; font-size:12px;}

#pop{height:auto;}
#pop h1{display:block; font-size:16px; padding:6px 15px; color:#FFF; background:#183569;}
#pop .cctvBox{float:none; margin-right:0}
#pop section{margin:20px;}
#pop ol{border-top:2px solid #08457a; margin:15px 10px 0;}
#pop ol li{width:100%; border-bottom:1px solid #d1d1d1; font-size:13px;}
#pop ol li label{display:inline-block; width:16%; padding:5px 10px; margin-right:5px; background:#ededed; font:600 13px dotum; color:#333}
.pop_viewer{display:block; margin:5px 10px; display:table; background:url(../images/vms_pattern.gif) repeat 0  0; border:4px solid #000;}