@charset "utf-8";

/* font */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select
{font-family:맑은고딕, 'MalgunGothic'; font-family: Malgun Gothic;}

/* Common */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;}
img,fieldset{border:0}
ul,ol{list-style:none;}
/* print */
h1, h2, h3, h4, h5, dl, dt, dd, ul, li, ol, th, td, p, blockquote, img, form, fieldset, legend, div,body { 
-webkit-print-color-adjust:exact; }

a{text-decoration: none;cursor: pointer;}
a:hover{text-decoration: underline;}

* {margin:0; padding:0;}
.listbody{position: relative; padding-bottom: 193px; box-sizing: border-box; min-height: 1000px;}
body{min-width: 320px; overflow-x: hidden;}
button{cursor: pointer;}
input{cursor: pointer; outline:none;}
button:hover{text-decoration: underline;}
.none{display: none;}

/*메뉴*/
header{width: 100%; border-bottom: 1px solid #e5e5e5; overflow: hidden;}
.topbox{width:100%; height:80px; border-bottom: 1px solid #e5e5e5;}
.topbox .center{ margin: 0 auto; height:100%;}
.topbox h1{float: left; width: 296px; height:100%; margin-left: 110px;}
.topbox h1 a{display: block; background: url(../images/images/logo_pc.jpg)left center no-repeat; width:100%; height:100%; }
.topbox h1 span{display: none;}
.topcenter {margin-left:7%; margin-top: 13px;height: 70%;/* position: relative; *//* position: absolute; */width: 70%;/* transform: translate(-50%, -50%); */}
.topcenter h2{padding-right: 10;height: 100%;background: url(../images/slogan.png)center no-repeat;object-fit:contain;background-size: 550px 80px;}
.topcenter h2 span{display: none;}
.topbox .weatherBox{float: right; height: 100%;}
.weatherBox .day{float:left; color: #f17100; font-size: 15px; line-height: 80px;}
.weatherBox img{float:left;}
.weatherBox .weather{float:left; text-align: right; padding-top: 16px;}
.weatherBox .weather .tem{font-size:25px; font-weight: bold; line-height: 25px;}
.weatherBox .weather .tem span{font-size:14px; font-weight: normal; vertical-align: top; line-height: 18px;}
.teminfo{font-size: 14px; line-height: 19px;}

.menubox{ margin: 0 20px; height:100%; position: relative; display:flex; justify-content:space-between;}
.menubox .menu{position: absolute; left: 50%; top: 0; height: 60px; margin-left: -390px;}
.menubox .menu nav li{float: left; width:130px; text-align: center; height: 100%;}
.menubox .menu nav li a{font-size:18px; font-weight: bold; letter-spacing: -0.5px; height: 100%; width: 100%; display: block; color: #333434; line-height:59px;}
.menubox .menu nav li a:hover{color: #038000;}
.menubox .menubtn{float: left; width: 107px; height: 34px; padding-left:25px; box-sizing: border-box; background: url(../images/menu.png)left center no-repeat; border: none; font-size:16px; font-weight: bold; margin-top: 12px; }
.menubox .menubtn.click{color: #038000; background:url(../images/menu_close.png)left center no-repeat; }
.menubox .language{float: right; margin-top: 27px;}
.menubox .language li{float: left; }
.menubox .language li a{display: block; height:20px;  font-size: 16px;  color: #333434; padding: 0 6px; border-right: 1px solid #c5c5c5; /* line-height: 13px; */}
.menubox .language li:last-child a{border-right: none;}

.sitemap{position: absolute; z-index: 9999; top:141px; display: none; width: 100%; border-top: 2px solid #038000; border-bottom: 1px solid #3e3e3e; background:#fff;
 box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);}
.sitemap ul{display: block; width:1258px; margin: 0 auto;}
.sitemap .li{float: left; width:209px; text-align: left; padding:20px 27px; box-sizing: border-box; border-right: 1px solid #dcdcdc; box-sizing: border-box; height:520px;}
.sitemap .li:last-child{border-right: none;}
.sitemap .li dt a, .sitemap .li .dt{font-size:17px; color:#000; line-height: 20px; margin-bottom: 20px; display: block; font-weight: 600; width: 100%;}
.sitemap .li dt a:hover, .sitemap .li .dt:hover{color: #038000;}
.sitemap .li dd{line-height: 21px; font-size: 15px; margin-top: 12px;}
.sitemap .li dd a{color: #000; display: block; width: 100%;}
.sitemap .li dd a:hover{color: #038000;}
.menusub{padding: 5px 0;}
.sitemap .li dd .menusub li{line-height: 22px}
.sitemap .li dd .menusub a{color: #7f7f7f; font-size: 14px; display: block; width: 100%;}
.sitemap .li dd .menusub a:hover{color: #038000;}

/*푸터*/
footer{width: 100%; background: #3c3c3c; position: absolute; bottom: 0;}
footer .footcenter{width:1258px; margin: 0 auto; padding:38px 0 50px 0; box-sizing: border-box; text-align: center; font-size:13px; color: #c2c2c2; line-height: 17px; }
footer .footcenter h1{margin-bottom: 26px;}
footer .footcenter p{margin-top: 9px}
footer address{font-style:normal;}
footer address a{color: #c2c2c2;}

/*메인화면*/
.main1box{width: 100%; background: #f8f8f8; padding: 33px 0; box-sizing: border-box; overflow: hidden;}
.main1box ul{width:1258px; margin: 0 auto; }
.main1box ul li{float: left; width: 298px; height:334px; margin-right:22px; position: relative;}
.main1box ul li:last-child{margin-right: 0;}
.main1box ul li img{position: absolute; bottom: 0; left: 50%; margin-left:-122px;}
.main1box ul li a{display: block; width: 100%; height:269px; color: #fff; text-align: center; box-sizing: border-box; padding-top:35px;}
.main1box ul li a .title{font-size:17px; line-height: 20px; margin-bottom:16px; display: block; text-align: center;}
.main1box ul li a .txt{font-size:22px; line-height:27px; font-weight: bold; display: block; letter-spacing: -1px;}
.main1box ul .go1 a{background:#1398a1;  border-bottom-right-radius: 20px;}
.main1box ul .go2 a{background:#59a936; border-bottom-right-radius: 20px; }
.main1box ul .go3 a{background:#5080a6; border-top-left-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;}
.main1box ul .go4 a{background:#1b4b8e; border-bottom-right-radius: 20px;  border-top-right-radius: 20px;}
.main1box ul .go3, .main1box ul .go1{z-index: 2;}
.main1box ul .go2, .main1box ul .go4{z-index: 1;}

.main2box{width:1258px; margin: 0 auto; padding: 62px 0 40px 0; box-sizing: border-box;}
.conten2, .conten3{display: none;}
.h2{text-align: center; color: #000; font-size: 27px; letter-spacing: -1px; line-height:30px;}
.h2 span{color: #00894c; }
.contenbox{width: 100%; margin: 20px 0; text-align: center;}
.contenbox .tabbbtn{display: inline-block;}
.contenbox .tabbbtn li{display: inline-block;}
.contenbox .tabbbtn li button{width: 100%; border: none; font-size:18px; height: 34px; box-sizing: border-box; background: none; padding: 0 10px; letter-spacing: -1px; color: #848484; }
.contenbox .tabbbtn li button.click{color: #00894c; border-bottom: 2px solid #00894c; font-weight: bold; }
.contenbox .conten{width: 100%; border: 1px solid #d3d3d3; box-sizing: border-box; height:286px; margin-top: -1px;}

.leftbox{float: left; width: 100%; text-align: left; padding: 15px 24px 19px 24px; box-sizing: border-box;}
.leftbox .contop{width: 100%; height:39px; }
.leftbox .contop h3{background: #333; border-radius: 20px; text-align: center; color: #fff; font-size:13px; width: 160px; height: 23px; line-height: 22px; float: left; margin-top: 4px; /*width:auto; padding:3px; */}
.leftbox .contop a{display: block; float: right; background: #00ad51; border-radius: 20px; height: 23px; line-height: 22px; padding: 0 5px 0 10px; color: #fff; font-size: 12px; margin-top: 4px;}
.leftbox .contop .playbtn{float:right; margin-left: 20px;}
.playbtn li{float: left; width:30px; height: 30px; }
.playbtn li button{width: 100%; height: 100%; border: none; border-radius: 50%;}
.playbtn li .btnup{background: url(../images/main_top.png)center no-repeat;}
.playbtn li .btnup:hover{background: url(../images/main_top.png)center #f1f1f1 no-repeat;}
.playbtn li .btnstop{background: url(../images/main_stop.png)center no-repeat;}
.playbtn li .btnstop:hover{background: url(../images/main_stop.png)center #f1f1f1 no-repeat;}
.playbtn li .btndown{background: url(../images/main_down.png)center no-repeat;}
.playbtn li .btndown:hover{background: url(../images/main_down.png)center #f1f1f1 no-repeat;}
.playbtn li .btnpaly{background: url(../images/main_play.png)center no-repeat;}
.playbtn li .btnpaly:hover{background: url(../images/main_play.png)center #f1f1f1 no-repeat;}

.maintrlist ul{left: 0; right: 0;}
.maintrlist{border-top: 1px dotted #c7c7c7; border-bottom: 1px dotted #c7c7c7; width: 100%; height: 210px; overflow: hidden; box-sizing: border-box;}
.maintrlist li{border-bottom:1px dotted #c7c7c7; height: 42px; box-sizing: border-box; font-size: 14px; line-height: 41px; width: 100%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; -webkit-line-clamp: 2;}
.maintrlist li p{display: inline;}
.maintrlist li .trtxt{padding-left:2px;  }

.maintrlist .outnone li{border-bottom: none; height:210px; line-height: 209px; text-align: center;}

.trbox{border-radius: 20px; font-size: 13px; color: #fff; line-height: 20px; padding: 3px 10px;}
.trbox span{font-weight: bold;}
.trbox.yellow{background: #ff8d00;}
.trbox.red{background: #e50000;}

.rightbox{float: right; width: 50%; text-align: left; position: relative; height: 100%; display: none;}
.rightbox .cctvback{width: 420px; height: 100%; background:url(../images/main_img_cctv.png)159px 84px #e2efe9 no-repeat; float: left;}
.rightbox .righttitle{position: absolute; left: 25px; top: 23px; z-index: 2; font-size:27px; font-weight: bold; line-height: 30px;}
.rightbox .righttitle p{font-size: 18px; font-weight: normal; }
.rightbox .cctv{position: absolute; right:30px; top:30px; width:326px; height: 216px; border: 1px solid #000; z-index: 2;}
.cctv .cctvtitle{position: absolute; top: 0; width: 100%; height: 27px; line-height:26px; color: #fff; font-size: 13px; text-align: center; background: rgba(0,0,0,0.6)}
.cctv .cctvview{background: #000; width: 100%; height: 100%;}

.conten3 .leftbox{width: 33%;}
.conten3 .rightbox{display: block;}

.out1{font-weight: bold; color: #0f8b4f;}
.out2{font-weight: bold; color: #f02920;}
.out3{font-weight: bold; color: #4ec205;}
.out4{font-weight: bold; color: #008ad9;}

.rightbox .face{position: absolute; right:30px; top:30px; width:416px; height: 220px; background:#fff; overflow-y:auto; z-index: 2;}
.faceback{width: 420px; height: 100%; background:url(../images/main_img_face.png)81px 97px #e2efe9 no-repeat; float: left;}
.mainnotilist{border-top: 1px dotted #c7c7c7; border-bottom: 1px dotted #c7c7c7; width: 100%; height: 210px; overflow: hidden; box-sizing: border-box;}
.mainnotilist li{border-bottom:1px dotted #c7c7c7; height: 42px; box-sizing: border-box; font-size: 14px; line-height: 41px; width: 100%; clear: both;}
.mainnotilist li p{display: inline-block;}
.mainnotilist .notititle{width:480px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; -webkit-line-clamp: 2; float: left;}
.mainnotilist .day{width:100px; float: right; text-align: right; color: #828282; }


.main3box{width:1258px; margin: 0 auto; padding-bottom: 40px; box-sizing: border-box; text-align: center; clear: both;}
.h2info{font-size:15px; line-height: 17px; padding: 20px 0}
.main3box .contenbox{text-align: left; overflow: hidden; margin-top: 40px;}
.main3box .contenbox li{width: 25%; float: left; height: 105px;}
.main3box .contenbox li a{display: block; width: 100%; height: 100%; padding-left: 116px; box-sizing: border-box; padding-top:15px; color: #000; }
.main3box .contenbox li.go1 a{background: url(../images/main_go1.png)left top no-repeat;}
.main3box .contenbox li.go2 a{background: url(../images/main_go2.png)left top no-repeat;}
.main3box .contenbox li.go3 a{background: url(../images/main_go3.png)left top no-repeat;}
.main3box .contenbox li.go4 a{background: url(../images/main_go4.png)left top no-repeat;}
.main3box .contenbox li a span{display: block;}
.main3box .contenbox li a .title{font-weight: bold;font-size:19px; line-height: 35px;}
.main3box .contenbox li a .info{font-size:14px; line-height: 18px; letter-spacing: -1px;}

.main4boxwrap{width: 100%; background: #ededed; overflow: hidden; height: 110px;}
.main4box{width:1258px; margin: 0 auto; box-sizing: border-box; text-align: center; position: relative; height: 110px; box-sizing: border-box; text-align: left; padding:30px 0;}
.main4box h2{font-size: 16px; line-height: 20px;}
.main4box .playbtn{margin-top: 5px;}
.main4box .playbtn li button{border: 1px solid #e4e4e4;}
.main4box .playbtn li .btnleft{background: url(../images/main_left.png)center no-repeat;}
.main4box .playbtn li .btnleft:hover{background: url(../images/main_left.png)center #fff no-repeat;}
.main4box .playbtn li .btnright{background: url(../images/main_right.png)center no-repeat;}
.main4box .playbtn li .btnright:hover{background: url(../images/main_right.png)center #fff no-repeat;}
.main4box .playbtn li .btnstop{background: url(../images/main_stop.png)center no-repeat;}
.main4box .playbtn li .btnstop:hover{background: url(../images/main_stop.png)center #fff no-repeat;}
.main4box .playbtn li .btnplay{background: url(../images/main_play.png)center no-repeat;}
.main4box .playbtn li .btnplay:hover{background: url(../images/main_play.png)center #fff no-repeat;}
.main_site{position: absolute; right: 0; top: 30px; left:194px; height: 48px; overflow: hidden;}
.main_site ul{width:1750px; }
.main_site li{float: left; margin-right:11px; width:164px; height: 48px; border: 1px solid #eaeaea; box-sizing: border-box;}
.main_site li a{display: block; width: 100%; height: 100%; text-align: center;}

.bx-wrapper{background: none!important;}

/*소통정보*/
.mapwrap{position: absolute; left: 0; right: 0; top: 0; bottom: 0; min-width: 320px;}
.subwrap{position: absolute; left: 0; right: 0; top: 12px; bottom: 0;}
.subwrap.subwrap3{top: 81px;}
.subwrap .leftBox{position: absolute; left: 0; top: 0; bottom: 0; width:364px; border-right: 1px solid #bdbdbd; background: #fff; padding:15px 10px 10px 10px; box-sizing: border-box; text-align: center; z-index: 3;}
.subwrap .leftBox h2{font-size:20px; line-height: 23px; }
.subwrap .leftBox h2 span{color: #00894c;}
.subwrap .leftBox .info{color: #343434; font-size: 13px; line-height: 17px; letter-spacing: -0.5px;}
.sub_tab{width: 100%; margin-top:15px; height: 31px; border: 1px solid #e5e5e5; border-radius: 50px; box-sizing: border-box; position: relative; background: #fff; z-index: 2}
.sub_tab li{float: left; height: 31px;}
.sub_tab li a{width: 100%; height: 100%; display: block; color: #8a8a8a; font-weight: bold; font-size: 14px; text-align: center; line-height: 2.5;}
.sub_tab a{width: 100%; height: 100%; display: block; color: #1b4a8d; font-weight: bold; font-size: 14px; text-align: center; line-height: 2;}
.sub_tab li.click a{color: #fff; }
.trtab li{width:25%;}
.sub_tab li:first-child a{padding-left: 5px;}
.sub_tab li:last-child a{padding-right: 7px; box-sizing: border-box;}
.sub_tab ul{display: block; width: 100%; height: 31px; position: absolute; top:-1px;}
.trtab1 ul{background: url(../images/tr1_tab1.png)0 center no-repeat; }

.trcontenBox{position: absolute; top: 115px; bottom:10px; left:10px; right:10px;}
.trcontenBox .title{text-align: left; width: 100%; height:25px; position: relative;}
.trcontenBox .title h3{font-size: 12px; letter-spacing: -1.5px; font-weight: normal; color: #616161;}
.trcontenBox .title h3 strong{color: #1b4a8d; font-weight: bold; letter-spacing:0; }
.trcontenBox .title h3 .count{color: #ec6618;}

.title .mapview{position: absolute; right:0; top:1px; font-size: 12px; background: none; border: none; font-size: 11px; border-left: 1px solid #c7c7c7; padding-left:5px; display: none;}
.sub_list_line{position: absolute; top:25px; bottom: 0; left: 0; right: 0; border-top: 1px solid #000; overflow-y:auto; border-bottom: 1px solid #000; }
.sub_list_line .trtab li{width: 100%; border-bottom: 1px dotted #cacaca; text-align: left; cursor: pointer;}


/*소통정보상세보기*/
.ans{display: none; overflow: hidden; padding:30px 0 10px 10px; background: #e8f0f0;  margin-top: -25px; text-align: center; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; margin-bottom: 2px;}
.sub_list_line .trtab li .txttitle{width: 100%; font-size:15px; line-height:18px; font-weight: bold; padding:12px 26px 12px 10px; box-sizing: border-box; margin: 2px 0; position: relative; letter-spacing: -0.5px}
.sub_list_line .trtab li .txttitle:hover{text-decoration: underline;}
.sub_list_line .trtab li .list_off{background: url(../images/tr_arrow_nml.png)95% center no-repeat; color:#36364b;  border-radius: 50px;}
.sub_list_line .trtab li .list_off:hover{background: url(../images/tr_arrow_nml.png)95% center #f3f3f3 no-repeat;}
.sub_list_line .trtab li .list_on{background: url(../images/tr_arrow_click.png)95% center #0d643a no-repeat; color: #fff; border-radius: 50px;}
.sub_list_line .trtab li .list_on:hover{background: url(../images/tr_arrow_click.png)95% center #0d643a no-repeat;}

.sub_list_line li.trinfo{border-bottom: none;}
.sub_list_line .ans li{font-size: 12px; overflow: hidden; width: 100%; box-sizing: border-box;}
.sub_list_line .ans .trname{height:26px; background: #fff; border: 1px solid #c6c6c6; text-align: center; font-weight: bold; line-height: 24px; background: url(../images/tr_bg.jpg)repeat;box-sizing:border-box; border-radius: 50px;}
.sub_list_line .ans .trinfo{height: 26px; line-height: 26px;}
.sub_list_line .trtab .ans .trinfo p{line-height: 26px; width:48%; box-sizing: border-box; font-weight: bold; font-size: 13px; margin: 0;}
.sub_list_line .trtab .ans .trinfo .trleft{float: left; text-align: right; padding-right:20px;}
.sub_list_line .trtab .ans .trinfo .trright{float: right; text-align: left; padding-left:20px;}
.sub_list_line .ans .trinfo .trleft.red{background: url(../images/tr_arow1_red.png)right center no-repeat;}
.sub_list_line .ans .trinfo .trleft.yellow{background: url(../images/tr_arow1_yellow.png)right center no-repeat;}
.sub_list_line .ans .trinfo .trleft.green{background: url(../images/tr_arow1_green.png)right center no-repeat;}
.sub_list_line .ans .trinfo .trleft.gray{background: url(../images/tr_arow1_gray.png)right center no-repeat;}

.sub_list_line .ans .trinfo .trright.red{background: url(../images/tr_arow2_red.png)left center no-repeat;}
.sub_list_line .ans .trinfo .trright.yellow{background: url(../images/tr_arow2_yellow.png)left center no-repeat;}
.sub_list_line .ans .trinfo .trright.green{background: url(../images/tr_arow2_green.png)left center no-repeat;}
.sub_list_line .ans .trinfo .trright.gray{background: url(../images/tr_arow2_gray.png)left center no-repeat;}

.sub_list_line .ans .trinfo p.green{color: #5ea700}
.sub_list_line .ans .trinfo p.red{color: #a70000}
.sub_list_line .ans .trinfo p.yellow{color: #a79900}
.sub_list_line .ans .trinfo p.gray{color: #9a9a9a}

.speedbox{width:100%; text-align: left;}
.speedbox p{font-size: 12px; font-weight: bold; display: inline-block; /* width: 30px; */  background: #fff; border: 1px solid #c7c7c7; border-radius: 20px; text-align: center; padding:0 4px;}
.speedbox p.blue{color: #1997ff;}
.speedbox p.red{color: #ff5b1b;}
.speedbox dl{display: inline-block;}
.speedbox dl dt, .speedbox dl dd{font-size: 13px; display: inline-block;}
.speedbox dl dt span{font-weight: bold; padding-left: 5px;}
.speedbox dl dd{font-weight: bold;}

/*지도*/
.map_wrap{position: absolute; z-index: 4; left: 364px; top:0; right: 0; bottom: 0;}
.m_map_top{display: none; z-index: 2; position: absolute; top: 0; background: #fff; left: 0; right: 0; height: 40px; line-height: 39px; border-bottom: 1px solid #bebebe; font-weight: bold; padding-left: 10px; box-sizing: border-box;}
.m_map_top .title{font-size: 14px;}
.mapConten{z-index: 1; position: absolute; left:0; right: 0; top: 0; bottom: 0; background: #f7f7f7; overflow: hidden;}
.trmapbox{width: 100%; height: 100%;}
.m_map_top .btn_list{position: absolute; right: 3px; top: 5px; border:none; background:#1b4a8d; height: 30px; line-height:30px; border-radius:20px; padding: 0 10px; color: #fff; background-size:100%; letter-spacing: -1px; font-size: 12px;}

/*CCTV*/
.trtab2 ul{background: url(../images/tr1_tab1.png)81px center no-repeat;}
.cctvli li p{background: url(../images/tr_right_nml.png)95% center no-repeat; color:#36364b; border-radius: 50px;}
.cctvli li p:hover{background: url(../images/tr_right_nml.png)95% center #f3f3f3 no-repeat;}
.cctvli li p.click{background: url(../images/tr_right_click.png)95% center #0d643a no-repeat; color: #fff; border-radius: 50px;}
.cctvli li p.clic:hover{background: url(../images/tr_right_click.png)95% center #0d643a no-repeat;}

/*팝업*/
.popwrap{/*position: absolute*/; z-index: 10; background: #3c3c3c; padding: 0 10px 10px 10px; border-top: 2px solid #0392e4; box-sizing: border-box;}
.pop_cctv{width: 350px; height:/* 297 */275px; }
.poptop{width: 100%; line-height:34px; height: 36px; }
.poptop h4{color: #fff; float: left; font-size:15px; font-weight: bold; position: relative;}
.poptop .popright{float: right;}
.poptop .popright span{color: #b2b2b2; font-size: 11px; padding-right: 20px;}
.popclose{border: none; width: 20px; height: 20px; background: url(../images/pop_close.png)center no-repeat; position: absolute; right: 5px; top: 9px;}
.popcctv{width: 330px; height:/* 248 */220px; border: 1px solid #242424; background: #000;box-sizing: border-box;}

/*VMS*/
.trtab3 ul{background: url(../images/tr1_tab1.png)164px center no-repeat; }
.pop_VMS{width: /* 300 */308px; height:214px; }
.popvms{width: 290px; border: 1px solid #242424; background: #000;box-sizing: border-box; min-height: 50px;}

/*돌발*/
.trtab4 ul{background: url(../images/tr1_tab1.png)right center no-repeat; }
.ou{display:block; width:29px; height: 28px; border-radius: 50%; font-size: 11px; font-weight: normal; letter-spacing: -1px; line-height: 29px; text-align: center; margin-right:5px; float: left;}
.ou1{color: #1b4a8d; background: #96efff;}
.ou2{color: #1b4a8d; background: #96d4ff;}
.ou3{color: #591983; background: #d696ff;}
.ou4{color: #8d1b1b; background: #ffae82;}
.sub_list_line .trtab.ouli li p{padding: 8px 26px 8px 10px; overflow: hidden;}
.sub_list_line .trtab.ouli li p .name{display:block; width: 87%; float: left; padding-top: 5px; box-sizing: border-box;}
.pop_out{width:352px; height: 258px; background: #fff; /*position: absolute;*/ z-index: 10; padding: 0 7px 7px 7px; box-sizing: border-box; border: 1px solid #000; border-top: 3px solid #149d3b; display:none;}
.pop_out .poptop h4{color: #0d643a; float: left; font-size:15px; font-weight: bold; position: relative;}
.pop_out .popclose{border: none; width: 20px; height: 20px; background: url(../images/pop_close2.png)center no-repeat; position: absolute; right: 5px; top: 7px;}
.popout{border: 1px solid #d5d5d5; border-radius: 10px; overflow: hidden; width: 336px; height: 212px; box-sizing: border-box;}
.popout table {border-collapse: collapse; width: 100%; text-align: left; table-layout:fixed;}
.popout table tr{border-bottom:1px solid #e5e5e5; }
.popout table th{font-size: 11px; color:#6f6f6f; font-weight: normal; background: #f5f6f9; width: 70px; border-right: 1px solid #e5e5e5; height: 35px; padding-left: 5px; box-sizing: border-box;}
.popout table td{font-size: 12px; color: #000; font-weight: bold; padding-left: 5px; box-sizing: border-box;}
.popout table td.blue{color: #0083df;}

/*교통통계*/
.sttab li{width: 50%;}
.sttab1 ul{background:url(../images/tr1_tab2.png)0 center no-repeat; }
.mapConten.stmapConten{top:87px; }
.stsearchBox{position: absolute; left: 0; right: 0; top: 0;}
.stsearch{position: absolute; left: 0; right: 0; top: 0; height: 87px; background: #f7f7f7; border-bottom: 1px solid #bdbdbd; box-sizing: border-box; padding:25px 3px;}
.result{position: absolute; z-index:2; left: 0; right: 0; top: 87px; background: rgba(0,0,0,0.6); color: #5ff8fe; font-size: 13px; font-weight: bold; text-align: center;  line-height: 17px; padding: 8px 10px 10px 10px;}
.stleft{float: left; width: 780px;}
.stleft2{float: left; width:90%;}
.stsearch dl {width:84%; float: left;}
.stsearch dl dt{font-size:13px; height:37px; width: 10%; text-align: right; box-sizing: border-box; display: inline-block; vertical-align: middle; padding: 9px 5px 0 0;}
.st2wrap .stsearch dl dt{width: 7%}
.stsearch dl dd{font-size: 14px; display: inline-block;  vertical-align: middle;}
.stsearch dl dd input, .stsearch dl dd select{border: 1px solid #ababab; height:34px; box-sizing: border-box;}
.stsearch dl dd input.day{width: 116px; background: url(../images/input_day.png)95% center #fff no-repeat;}
.searchbtn{background: url(../images/btn_search1.png)13px 9px #0d643a no-repeat; padding-left:19px; box-sizing: border-box; width:101px; height: 34px; border: none; color: #fff; font-size: 13px; font-weight: bold; float: left; margin-left: 20px; float: right;}
.stlimap{display: none;}
.stmaptab{position: absolute; right: 15px; top: 25px; width: 109px; height: 35px;}
.stmaptab li{width: 50%; float: left; height: 35px; }
.stmaptab li button {width: 100%; height: 100%; border: 1px solid #ababab; background: #fff; color: #808080; font-size: 13px;}
.stmaptab li button.click{background:#3a3a3a; border: 1px solid #3a3a3a; color: #fff; }
.mapConten.stlimap, .mapConten.st2limap{background: #fff; padding:55px 42px; box-sizing: border-box; overflow-y:auto;}
.stlimap h4, .st2limap h4{line-height: 34px;}
.stlimap table, .st2limap table{border-collapse: collapse; width: 100%; border-top: 2px solid #000;}
.stlimap table tr, .st2limap table tr{border-bottom: 1px solid #d5d5d5;}
.stlimap table th, .st2limap table th{background: #f7f7f7; height:42px; font-size: 13px; text-align: center;}
.stlimap table td, .st2limap table td{font-size: 13px; height:42px;  text-align: center;}
td .arrow{color: #02a3ff;}
td .speed{border-radius: 50px; padding: 3px 10px; color: #fff; letter-spacing: -0.5px; font-size: 12px; }
td .green{background: #52b701;}
td .red{background: #b70101;}
td .yellow{background: #b76c01;}
td .gray{background: #727272;}
.sttab2 ul{background:url(../images/tr1_tab2.png)right center no-repeat; }

.in144{width: 144px;}
.in75{width:75px;}
.in46{width:46px;}
.in227{width: 227px;}

.stsearch dl dt.w21{width:19%;}

/*주차정보*/
.p_searchbox{width: 100%; background: #ededed; height:40px; border-radius: 50px; position: relative; margin-top: 11px; text-align: left; overflow: hidden;}
.p_searchbox input, .bus_searchbox input{background: #ededed; border: none; width: 80%; height: 40px; margin-left: 13px; }
.p_searchbox .p_searchbtn{position: absolute; right: 5px; top: 5px; width:30px; height: 30px; border: none; background: url(../images/park_search.png)center #1b4b8e no-repeat; border-radius: 50%;}
.popout table td.h53{height:53px;}
.popout table td .bl span{color: #000; /*margin-right: 2px;*/}

/*버스정보*/
.bus_searchbox{width: 100%; background: #ededed; height: 55px; position: relative; overflow: hidden; text-align: left; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; margin-top: -16px; z-index: 1}
.bus_searchbox .p_searchbtn{position: absolute; right: 5px; bottom: 5px; width:30px; height: 30px; border: none; background: url(../images/park_search.png)center #1b4b8e no-repeat; border-radius: 50%;}
.bus_searchbox input{position: absolute; bottom:0; left: 5px;}
.trcontenBox.buscontenBox{position: absolute; top:152px ; bottom: 10px; left: 10px; right: 10px;}

/* .sub_list_line .trtab.bustab li .txttitle{padding:5px 26px 6px 13px } */
/* .bustab1 ul{background: url(../images/tr1_tab3.png)0 center no-repeat; } */
.bustab1 ul{background: url(../images/bus_tab2.png) 53% center no-repeat;}
.bustab li{width: 33%;}
.bustab li a{font-size: 13px;}
.sub_tab.bustab li:first-child a{padding-left: 0;}
.sub_tab.bustab li:last-child a{padding-right: 0;}

.busname{font-size: 14px; float: left; width: 73%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:16px; margin-top: 6px; padding:0 0 0 5px;box-sizing:border-box;}
.busname:hover{text-decoration: underline;}
.busname span{display: block; font-size: 12px; color:#626262; }
.busname span{display: block; font-size: 12px; color:#626262; }


.bustab .ans li div{width:85px; float: right; font-size: 12px; height: 45px; font-weight: bold;}
.bustab .ans li{height: 45px; position: relative;}
.bustab .ans li:last-child, .sub_list_line .trtab li .busstoplist:last-child{border-bottom: none;}
.start_blue{background:url(../images/route_line_blue_start.png)48px 0 no-repeat;}
.start_red{background:url(../images/route_line_red_start.png)48px 0 no-repeat;}
.line_blue{background:url(../images/route_line_blue.png)48px 0 no-repeat;}
.blue_turn{background:url(../images/route_line_blue_turn.png)48px 0 no-repeat;}
.red_turn{background:url(../images/route_line_red_turn.png)48px 0 no-repeat;}
.line_red{background:url(../images/route_line_red.png)48px 0 no-repeat;}
.last_blue{background:url(../images/route_line_blue_last.png)48px 0 no-repeat;}
.last_red{background:url(../images/route_line_red_last.png)48px 0 no-repeat;}

.bus_blue, .bus_red, .bus_blue_low, .bus_red_low{position: absolute; right:0; width: 28px; height: 45px; z-index: 2; padding: 0; margin-right: 9px;}
.bus_blue{background:url(../images/route_bus_blue.png)no-repeat;}
.bus_blue_low{background:url(../images/route_bus_low_blue.png)no-repeat;}
.bus_red{background:url(../images/route_bus_red.png)no-repeat;}
.bus_red_low{background:url(../images/route_bus_low_red.png)no-repeat;}
.bus_num{text-align:left; line-height: 13px; margin-top:8px; color: #000; position: absolute; background: url(../images/bus_back.png)left no-repeat; width: 48px; height: 32px; padding-right: 8px; box-sizing: border-box; font-weight: normal; padding-top: 2px; text-align: center;}
.bus_num span{display: block; font-size: 11px; padding-left: 3px;}
.bus_num span.bluetxt{color: #2338ff; font-weight: bold; font-size: 12px; padding-left: 0;}

.busnumber{color: #003f94; font-size: 20px; display: block; margin-bottom: 2px;}
.sub_list_line .trtab li .txttitle .businfo{font-size: 12px; line-height: 14px; display: block;}
.sub_list_line .trtab li .list_on .busnumber{color: #fff;}

/*정류장 정보*/
/* .bustab2 ul{background: url(../images/tr1_tab3.png)49% center no-repeat; } */
.bustab2 ul{background: /* url(../images/bus_tab2.png)32% */url(../images/tr1_tab3.png)49% center no-repeat; }
.busstopname{color: #003f94;}
.busstopnum{color: #36364b; font-size: 13px; font-weight: normal;}
.sub_list_line .trtab li .list_on .busstopname, .sub_list_line .trtab li .list_on .busstopnum{color: #fff;}
.busstoplist p{height: 27px;}
.busstoplist .busnum{font-size: 13px; color: #000;}
.busstoplist .busnum span{font-size:18px; color: #019238; font-weight: bold; }
.busstoplist .tt{background: #888a8a; color: #fff; font-size: 11px; letter-spacing: -0.5px; padding: 1px 5px; border-radius: 20px;}
.busstoplist .red{color: #d32d00; }
.busnone{font-size: 12px;}

.popbusstop1{border: 1px solid #d5d5d5; border-radius: 10px; overflow: hidden; width: 336px; height:33px; box-sizing: border-box;}
.popbusstop{border: 1px solid #d5d5d5; border-radius: 10px; overflow: hidden; width: 336px; height: /* 173 */210px; box-sizing: border-box; overflow-y:auto; margin-top: 5px;}
.popbusstop table, .popbusstop1 table{border-collapse: collapse; width: 100%; text-align: left;  table-layout:fixed;}
.popbusstop table tr{border-bottom:1px solid #e5e5e5; }
.popbusstop1 table th{font-size: 11px; color:#6f6f6f; font-weight: normal; background: #f5f6f9; width: 70px; border-right: 1px solid #e5e5e5; height: 32px; padding-left: 5px; box-sizing: border-box;}
.popbusstop1 table td{font-size: 12px; color: #000; font-weight: bold; padding-left: 5px; box-sizing: border-box; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.popbusstop table td.blue{color: #0083df; font-weight: bold;}
.popbusstop table td.red{color: #ff3c00; font-weight: bold;}
.stopnum{font-size: 12px; color: #606060;}

.popbusstop1 td span{background: #4ab4ff; color: #fff; font-weight: bold; margin-right: 2px; border-radius: 20px; padding: 2px 5px;}

.popbusstop table th{background: #f7f7f7; font-size: 11px; text-align: center; font-weight: normal; height:25px; }
.popbusstop table td{font-size: 12px; padding:3px 0; text-align: center;}

/*실시간 버스 위치*/
/* .bustab3 ul{background: url(../images/tr1_tab4.png)right center no-repeat; } */
.bustab3 ul{background: /* url(../images/bus_tab3.png) 69 */ url(../images/tr1_tab3.png)1% center no-repeat; }

.pop_bus3{width: 500px; height:auto; position: absolute; left: 50%; bottom: -100px; margin-left:-200px; z-index:10; border:1px solid #000; border-top:3px solid #149d3b; border-radius: 10px; padding:0 7px 7px 7px; box-sizing: border-box; background:#fff; transition: all 0.25s ease-in-out;}
.pop_bus3 .popTop h4{color:#0d643a; float: left; font-size: 23px;  font-weight: bold; position: relative;}
.pop_bus3 .popClose{border: none; width: 20px; height: 20px; background: url(../images/pop_close2.png)center no-repeat; position: absolute; right: 5px; top: 7px;}
.pop_bus3 .popbusstop{width:485px; height:auto; padding:7px; margin-top: 0; position: relative;}
.drive_left{float: left; width: 420px;}
.drive_left ul{margin-top: 2px;}
.d_title{font-size: 14px; color: #000; font-weight: bold; line-height: 16px; padding-bottom: 4px;}
.drive_left ul li{float: left; font-size: 12px; color: #959595; line-height: 11px; border-right: 1px solid #cdcdcd; padding:0 5px; box-sizing: border-box;}
.drive_left ul li:first-child{color: #0d9bff;  padding:0 5px 0 0;}
.drive_left ul li:last-child{border-right: none;}
.drive_right{position:absolute; right:5px;top:50%; margin-top:-17px; width: 38px; padding-top: 23px; font-size: 11px; text-align: center; height: 35px; box-sizing: border-box; line-height: 11px; cursor: pointer;}
.drive_on{background: url(../images/imgarrow.png)center 2px no-repeat; color: #0d9bff;}
.drive_off{background: url(../images/imgarrow_none.png)center 2px no-repeat; color: #9c9c9c;}

.bustab .ans li div.clickbus{position: absolute; z-index: 1; background:rgba(36,55,255,0.3); right: 3px; top:3px; border-radius:50%; width: 39px; height: 39px;
animation-name: slide; animation-duration: 1s; animation-timing-function: ease-out; animation-iteration-count: infinite; } 

@keyframes slide {
0% {transform: scale(0.36); background:rgba(27,74,141,0.3);}
75% {transform: scale(1.02); background:rgba(27,74,141,0.3);}
100% {transform: scale(1.15); background:rgba(27,74,141,0);}}


/*운행정보*/
.notisearchbox .bussel{width:370px;}
.noti_con .bustable th, .noti_con .bustable td{height:48px; }
.noti_con .bustable th{width: 12%;}
.noti_con .bustable td{width: 38%;}
.noti_con .bustable td{padding: 5px 10px; box-sizing: border-box;}
.notitable.bustable .buslasttd{text-align: left; line-height:/* 21 */30px; padding: 20px;}
.notitable.bustable .buslasttd span{color: #00894c; font-weight: bold;}

.noti_con .bustable2 th{height:48px; }
.noti_con .bustable2 th.b{color: #0090e2;}
.noti_con .bustable2 th.r{color: #e23500;}
.noti_con .bustable2 td{height:40px; border-right: 1px solid #d5d5d5; width:12.5%; color: #000;}
.noti_con .bustable2 td:last-child{border-right: none;}
.noti_con .bustable2 th.e{color: #58d11b;}

/*공지사항*/
.subwrap2{width:1258px; margin: 0 auto; text-align: center; padding:43px 0; position: relative; box-sizing: border-box; z-index: 2;}
.subwrapBox h2{font-size: 39px; line-height: 40px; margin-bottom: 10px;}
.subwrapBox h2 span{color: #00894c;}
.subwrap2 .h2info{font-size:19px; color: #343434; line-height: 23px; padding: 0}
.menu_map{position: absolute; left: 0; top: 20px;}
.menu_map li{float: left; font-size: 12px; background: url(../images/arrow.png)right center no-repeat; padding-right: 20px; padding-left:4px;}
.menu_map li:first-child{padding-left: 0;}
.menu_map li:last-child{color: #00894c; padding-right: 0; background: none;}

.bus4conten .centertab li a{background: #fff; border: 1px solid #e5e5e5; color: #8a8a8a; }
.bus4conten .centertab li.click a{color: #fff;}
.subcontents{width: 100%; margin-top: 43px;}
.notisearchbox{margin:40px 0 36px 0;}
.notisearchbox select{width:149px; height: 43px; background: #fff; border: 1px solid #cfcfcf; box-sizing: border-box; font-size: 14px; vertical-align: middle;}
.notisearchbox h3{display: inline-block; line-height: 43px; vertical-align: middle; }
.noinput{display: inline-block; width:337px; background: #fff; height: 43px; position: relative; clear: both; vertical-align: middle;}
.noinput input{height: 43px; background: #fff; border: 1px solid #cfcfcf; border-right: none; width:100%; float: left; padding:0 58px 0 10px; font-size: 14px;}
.noinput button{width: 43px; height: 43px; background: url(../images/noti_search.png)center #0d643a no-repeat; border: none; position: absolute; right: 0; }

.noti_con{width: 100%; margin:35px 0;}
.notitable{width: 100%; border-top: 2px solid #000; border-collapse: collapse; font-size: 14px;}
.notitable th{background: #f7f7f7; height:55px; text-align: center; }
.notitable th.title{ text-align: center;}
.notitable tr{border-bottom: 1px solid #d5d5d5;}
.notitable td{height: 55px; text-align: center; font-size:15px; color: #6c6c6c;}
.notitable .number{width: 10%;}
.notitable .m_no{width: 12%;}
.notitable .title{width: 54%; text-align: left; font-weight: bold; color: #000;}
.file{display: inline-block;width: 37px; height:16px; background: url(../images/fileimg.png)center no-repeat;}
.notipagebox{ display: inline-block; vertical-align: middle; margin-top: 50px;}
.notipagebox ul{display: inline-block; vertical-align: middle;}
.notipagebox ul li{display: inline-block; width:40px; height: 40px; vertical-align: middle;}
.notipagebox ul li a{border: 1px solid #ddd; color: #666; text-align: center; width: 100%; height: 100%; font-size: 14px; display: block; line-height: 40px; box-sizing: border-box;}
.notipagebox ul .click a{background: #0d643a; border: none; color: #fff; font-weight: bold;}
.notipagebox .left a{background:url(../images/btn_left.png)center no-repeat;}
.notipagebox .right a{background:url(../images/btn_right.png)center no-repeat;}

.notitableDetail .second th{width: 15%; font-size: 13px;}
.notitableDetail .second td{width:18.3%; font-size: 13px;}
.notitableDetail .second td a{width: auto; background:url(../images/fileimg.png)left top no-repeat; color: #0380dc; font-size: 13px; padding-left: 20px; height:16px;}
.noticontent{padding: 20px; font-size:13px; color: #000; }
.notilist{background: #0d643a; width:107px; height:40px; color: #fff; font-size: 14px; border: none; margin-top: 20px;}

.bustab.bustabli3 li{width: 33.3%;}
.bustab1.bustabli3 ul{background: url(../images/tr1_tab3.png)0 center no-repeat;}
.bustab2.bustabli3 ul{background: url(../images/tr1_tab4.png)108px center no-repeat;}

/*센터소개*/
.header_submenu{width: 100%; background: #e6e6e6; height:42px;}
.header_submenu ul{display: block; width:1258px; margin: 0 auto; text-align: center;}
.header_submenu ul li{display: inline-block; }
.header_submenu ul li a{color: #000; padding:10px; font-size: 15px; display: block;}
.header_submenu ul li.click a{color: #0d643a; font-weight: bold;}

.centerback{position: absolute; z-index: 1; width: 100%; height: 292px; background: #ecf2ef; top: 184px;}
.centertab{display: inline-block; text-align: center;  width: 100%; }
.centertab li{width:270px; height: 45px; display: inline-block;}
.centertab li:last-child{margin-right: 0;}
.centertab li a{background: #474747; color: #fff; font-size: 20px; font-weight: bold; display: block; width: 100%; height: 100%; border-radius: 30px; line-height: 43px}
.centertab li.click a{background: #0d643a}

.centerinfobox{width: 100%; overflow: hidden; border-radius: 20px; border: 2px solid #0d643a; height:182px; box-sizing: border-box; background: #fff; text-align: left; margin: 42px 0;}
.centerinfobox .img{width:435px; height: 100%; text-align: center; float: left;}
.centerinfobox .itsimg{background:url(../images/itsimg.jpg)no-repeat; background-size:cover;}
.centerinfobox .bisimg{background:url(../images/bisimg.jpg)no-repeat; background-size:cover;}
.centerinfobox .img h3{font-size: 40px; color:rgba(255,255,2555,0.9); padding-top: 60px; text-shadow:0px 0px 6px #000; letter-spacing: 2px;}
.centerinfobox .txt{float: left; padding:34px; box-sizing: border-box; }
.subcontents .centerinfobox .txt h4{color: #0d643a; font-size: 25px; font-weight: bold; line-height: 30px;}
.centerinfobox .txt p{font-size: 15px; color: #000; line-height: 20px; margin-top: 15px; width:740px; }

.subcontents h4{font-size:25px; color: #262626; line-height: 30px; font-weight: 500; text-align: left;}
.infobox{width: 100%; border-top: 1px solid #dadada; padding:28px 0; overflow: hidden; margin: 10px 0 50px 0}
.infobox dl{width:288px; height: 264px; border: 1px solid #dadada; box-sizing: border-box; padding:116px 20px 20px 20px; margin-right: 35px; float: left; text-align: center;}
.infobox dl:last-child, .c_box:last-child{margin-right: 0;}
.c_in1{background: url(../images/c1.png)center 27px no-repeat;}
.c_in2{background: url(../images/c2.png)center 27px no-repeat;}
.c_in3{background: url(../images/c3.png)center 27px no-repeat;}
.c_in4{background: url(../images/c4.png)center 27px no-repeat;}
.infobox dl dt{font-weight: bold; font-size: 16px; line-height: 20px;}
.infobox dl dd{color: #3c3c3c; font-size: 14px; line-height:20px; margin-top: 17px; letter-spacing: -0.5px;}

.c_box{width:396px; height: 188px; border: 1px solid #dadada; box-sizing: border-box; padding:0 0 0 162px; margin-right: 35px; float: left; text-align: center;}
.c_box p{width:230px; height: 100%; box-sizing: border-box; padding-top:128px; padding-left:27px; font-size:16px; font-weight: bold;  }
.c_b1{background: url(../images/cb1.png)left no-repeat; }
.c_b2{background: url(../images/cb2.png)left no-repeat; }
.c_b3{background: url(../images/cb3.png)left no-repeat; }
.c_b1 p{background: url(../images/b1.png)left 41px no-repeat;}
.c_b2 p{background: url(../images/b2.png)left 41px no-repeat;}
.c_b3 p{background: url(../images/b3.png)left 41px no-repeat;}

/*서비스안내*/
.servicebox{width: 100%; margin: 20px 0;}
.servicebox2{width: 100%; margin:40px 0 10px 0;}
.se_infobox{width: 100%; border: 1px solid #dadada; overflow: hidden; margin-top:10px; }
.se_infobox .se_img{width:627px; border-right: 1px solid #dadada; float: left;}
.se_infobox .se_in{float: left; width: 627px; padding: 104px 0 0 0; text-align: center; box-sizing: border-box; color: #262626; font-size: 16px; line-height: 25px;}
.se_in p{font-size:25px; color: #0053b1; font-weight: bold; line-height: 30px; margin-bottom: 15px;}
.se_infobox2{width: 100%; border-top: 1px solid #dadada; padding: 28px 0; overflow: hidden; margin: 10px 0 50px 0;}
.se_infobox2 dl{width: 100%; height: 135px; padding-left:128px; box-sizing: border-box; text-align: left; padding-top: 31px; margin-bottom: 3px;}
.se_infobox2 dl.se1{background-image: url(../images/se1-1.png),url(../images/se1-2.jpg); background-position: left center,right center; background-repeat: no-repeat;}
.se_infobox2 dl.se2{background-image: url(../images/se2-1.png),url(../images/se2-2.jpg); background-position: left center,right center; background-repeat: no-repeat;}
.se_infobox2 dl.se3{background-image: url(../images/se3-1.png),url(../images/se3-2.jpg); background-position: left center,right center; background-repeat: no-repeat;}
.se_infobox2 dl.se4{background-image: url(../images/se4-1.png),url(../images/se4-2.jpg); background-position: left center,right center; background-repeat: no-repeat;}
.se_infobox2 dl.se5{background-image: url(../images/se5-1.png),url(../images/se5-2.jpg); background-position: left center,right center; background-repeat: no-repeat;}
.se_infobox2 dl dt{color: #0d643a; font-size: 18px; font-weight: bold; height: 33px;}
.se_infobox2 dl dd{color: #262626; font-size: 15px; line-height:18px; height:24px;}

.ser2_box{width: 100%; border: 1px solid #b9b9b9; box-sizing: border-box; overflow: hidden; padding-left:12px; margin:15px 0 40px 0}
.ser2_box li{width:252px; float: left; background: url(../images/arrow3.png)right top no-repeat; padding: 30px 30px 30px 0; text-align: center; height: 477px; box-sizing: border-box;}
.ser2_box.ser2_box2 li{height: 487px}
.ser2_box li:last-child{width:222px; background: none;padding: 30px 0 30px 0}

.ser2_box li p{color: #262626; font-size: 15px; font-weight: bold; line-height: 20px;}
.ser2_box li p span{color: #595959; font-size: 13px;}

/*찾아오시는길*/
.subwrapBox .waysubcontents{margin-top:13px;}
.waymapbox{width: 100%; height: 518px; border: 1px solid #b9b9b9; box-sizing: border-box; position: relative; margin: 15px 0;}
.waymapbox .adrr{position: absolute; bottom: 0; left: 0; right: 0; height: 40px; background: #f4f4f4; border-top: 1px solid #d7d7d7; text-align: center; font-size:14px; color: #000; line-height: 39px;}
.waymapbox .waymap{position: absolute;left: 0; right: 0; top: 0; bottom: 40px; background: #f7f7f7}
.waybox{width: 100%; border-top: 1px solid #dadada; padding:28px 0; overflow: hidden; margin: 10px 0 50px 0}
.waybox dl{width:397px; height:155px; border: 1px solid #dadada; box-sizing: border-box; padding:41px 10px 10px 150px; margin-right: 33px; float: left; text-align:left;}
.waybox dl:last-child{margin-right: 0;}
.waybox dl.way1{background: url(../images/way1.png)20px 23px no-repeat;}
.waybox dl.way2{background: url(../images/way2.png)20px 23px no-repeat;}
.waybox dl.way3{background: url(../images/way3.png)20px 23px no-repeat;}

.waybox dt{color: #00894c; font-size: 17px; font-weight: bold;  line-height: 20px; height: 32px;}
.waybox dd{color: #3c3c3c; font-size: 14px; line-height: 17px; height: 22px;}



.graph{min-width: 310px; height: 350px; padding: 10px; margin: 15px auto; }
.highcharts-credits{display:none;}

.loader {text-align: center; position: absolute; top: 0; left: 0; right:0; bottom:0; z-index: 999999; display: none;}
.loader .loaderwrap{position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -15px; z-index: 2}
.loader .loaderwrap img{width: 35px; height:35px;}
.loader .loaderwrap p{color: #fff; font-size: 13px;}
.loaderBg{position: absolute;  z-index: 1; left: 0; right: 0; top:0; bottom: 0; background-color: #000000; opacity: 0.1;}

.main_popupBox{max-width: 600px; box-sizing: border-box; position: absolute; z-index: 999; border-radius: 5px; overflow: hidden; right: 20px; top:20px; box-shadow:0 0 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.5); background-color: white;}
.popupTitle{width: 100%; height: 47px; box-sizing: border-box; background: #242424;}
.popupTitle h3{color: #fff; font-size: 15px; font-weight: bold; line-height: 47px; padding-left: 10px;}
.popupTitle button{width: 29px; height: 29px; position: absolute; right: 10px; top: 8px;  background:url(../images/main_pop_close_pop.png)center no-repeat; border: none; cursor: pointer;}
.popupBottom{position: absolute; bottom: 0; width: 100%; height: 26px; text-align: center; background: #000; font-size: 12px; color: #fff; line-height:23px;}
.popupConten{width: 100%; box-sizing: border-box; margin-bottom:25px; text-align: center; overflow-y: scroll; max-height: 725px; }

/*소통정보 팝업*/
.pop_tr{position: absolute; z-index: 9; padding:6px; height:37px; border: 1px solid #212121; background: #454545; font-size: 11px; border-radius:10px;}
.pop_tr h3{color: #fff; letter-spacing: -1px; line-height: 19px;}
.pop_tr h3 span{font-weight: normal;}
.pop_tr .trtxt{font-weight: bold; line-height: 17px; font-size: 12px;  text-align:left;}
.pop_tr .trtxt .color{width:15px; height: 15px; border-radius:10px; display: inline-block; vertical-align: middle; margin-top: -2px;}
.pop_tr .yellow{color: #ffb400;}
.pop_tr .yellow .color{background: #ffae00; }
.pop_tr .red{color: #ff7f46;}
.pop_tr .red .color{background: #ff4e00; }
.pop_tr .green{color: #c3ff33;}
.pop_tr .green .color{background: #c3ff33; }
.pop_tr .gray{color: #a7a7a7;}
.pop_tr .gray .color{background: #a7a7a7; }

/* 리스트 결과가 없을 때 */
.list_notice {
	color: #1b4a8d;
    font-weight: bold;
    font-family: Malgun Gothic;
    letter-spacing: 0;
    margin-top: 5%;
}

/* 버스정류장 로더 */
#before .popbusstop{background-image: url( ../images/loader_2.gif ); background-position:center center; background-size: 20% 30%; background-repeat: no-repeat; }

/* cctv replay 버튼 */
.replay{
	width: 45px;
	height: 45px;
    border: none;
    background: #000;
    left: 43%;
    top: 44%;
    box-sizing: border-box;
    position: absolute;
    background-image: url(../images/replay.png)
}

/* infowindow 삼각형 앵커 */
.tri{
    position: absolute;
    border-width: 10px 8px 15px;
    border-style: solid;
    border-color: rgb(51, 51, 51) transparent transparent;
    border-image: initial;
    /* pointer-events: none; */
    box-sizing: content-box !important;
    bottom: -25px;
    left: 166px;
}