@media (max-width:1220px){
	.headbox{height: 60px;}
	header{width: 100%; height: 61px;}
	header .menubtn{top: 10px; display: block; right:10px;}
	header nav{display: none; width: 100%; margin-left: 0; left: 0;}
	.on header nav{display: block; background: #fff; top: 60px; z-index: 999; height: auto; box-shadow: 0 3px 4px 0 rgba(0,0,0,0.3);}
	header nav .menu{width: 50%; margin: 0; display: block; float: left; border-bottom:1px solid #d7d7d7; border-right: 1px solid #d7d7d7; }
	header nav .menu:nth-child(1){border-bottom:none; border-left: none;}
	header nav .menu:nth-child(5){ border-left: none;}
	header nav .menu > a{height:66px; line-height:66px;}
	header nav .menu:last-child{border-bottom: none;}
	.on .submenu{display: block; position: static; margin-left:0; width: 100%; box-shadow: none; border:none; padding: 9px 3px; border-top: 1px solid #ebebeb;}
	.submenu a{line-height: 30px; font-size: 16px; height:30px;}
	header h1{width: 160px; margin-left: 10px; height: 58px;}
	header h1 a{background-size: 150px}
	.weatherbox{height: 59px; margin-top:0; width: 95px; padding: 9px 0 0 0; margin-right: 47px;}
	.weather1, .weather2, .weather3, .weather4, .weather5{background-size: 60px;}
	.weatherbox p{ line-height: 18px;}
	.weatherbox .txt {font-size: 11px;}
	.weatherbox .temperature {font-size: 17px;}
	header nav .menu:hover .submenu, header nav .menu:focus-within .submenu{margin-top:0; animation-duration: 0s; }
	
	.mainconten1{padding: 22px 10px;}
	.maintraffic{width: 100%;}
	.maintraffic .leftbox{width: 100%; float: none;}
	.maintraffic .rightbox{width: 100%; float: none; margin-top: 10px; height: 500px;}
	.maingo{height: 227px;}
	.maingo h4{font-size: 15px; }
	.maingo span{font-size: 16px; font-weight: normal;}
	.maingo img{width: 238px; margin-left: -119px;}
	
	.mainconten2{padding: 25px 0;}
	.mainconten2 article h2{font-size: 25px; padding-left: 10px;}
	.mainconten2 article .more{left:auto; right: 10px; top: 5px;}
	.mainconten2 article{width: 100%; height: 320px;}
	.mainboardbox{ left: 10px; right: 10px; top:36px;}
	.mainboardbox li{width: 100%; margin-right: 0; height: 70px; background: url(../images/main_noti_arrow.png)right center no-repeat;}
	.mainboardbox li a{font-size: 15px; line-height: 20px; display: flex; justify-content:left; align-items: center; width: 100%; height: 100%;}
	.mainboardbox li:nth-child(3), .mainboardbox li:nth-child(4){border-bottom:2px solid #000; padding-top: 0; background: url(../images/main_noti_arrow.png)right center no-repeat;}
	
	.maintraffic .bottombox{height: 233px;}
	.bookmark li{margin-right:0; width: 30%; margin-bottom: 10px;}
	.accbox ul{left: 10px; right: 10px;}
	.mark1{background: url(../images/main_go1.png)center top no-repeat; background-size: 67px;}
.mark2{background: url(../images/main_go2.png)center top no-repeat;background-size: 67px;}
.mark3{background: url(../images/main_go3.png)center top no-repeat;background-size: 67px;}
.mark4{background: url(../images/main_go4.png)center top no-repeat;background-size: 67px;}
.mark5{background: url(../images/main_go5.png)center top no-repeat;background-size: 67px;}
.mark6{background: url(../images/main_go6.png)center top no-repeat;background-size: 67px;}
.mark7{background: url(../images/main_go7.png)center top no-repeat;background-size: 67px;}
.bookmark li{line-height: 15px; width:21%; vertical-align: middle;}
.bookmark li a{padding-top: 50px;}

	
	/*교통정보*/
	.trafficWrap article{top: 60px;}
	.traffictab{width: 56px;}
	.traffictab li.trmenu3 a{padding-top: 46px;}
	.trmenu3.click a{ background: url(../images/tr_menu3_click.png)center 15px no-repeat;}
	.trmenu3 a{background: url(../images/tr_menu3.png)center 15px no-repeat;}
 	.traffictab li a{padding-top: 56px;}
 	.arrowbtn{display: block;}
	.trafficMapbox{left: 56px;}
	.trafficLeftbox{left: 56px; width: 270px;}
	.listoff .trafficLeftbox{left: -214px;}
	.listoff .trafficMapbox{left: 56px;}
	.option{display:none;}
	
	.popup_cctv, .popup_acc, .popup_parking, .popup_pis{width: 320px;}
	.popup_cctv .popupcontens{height: 198px;}
	.popup_pis .popupcontens{height: 198px;}
	.trafficWrap .weatherbox{margin-right: 47px;}
	.trafficWrap header h1{margin-left: 0;}
	
	.popup_subway{width: 320px;}
	.subway_top .subwaycenter{width: 140px; margin-left: -70px;}
	 	.subway_bottom dd{width:50%; float: left; color: #d50057; font-size: 11px; height: 20px; line-height: 20px; text-align: left; margin-left:-27px;}
	.mapbtnset{width: 170px;}
	.mapbtnset li{margin: 1px;}
	.markbox{top: auto; bottom: 5px; left: 50%; margin-left:-115px; width: 230px;}
	
	
	.cctv{height:176px;}
	/*센터소개*/
	.centerbox{width: 100%; padding:12px 10px;}
	.centerbox img{width: 100%;}
	.subtopMap{right: 10px; top: 0;}
	.wrap .title h2{font-size: 30px; line-height: 50px;}
	.wrap .title p{font-size: 15px; line-height: 16px; margin-top: 2px;}
	.wrap .title{padding: 10px 10px 22px 10px;}
	.intro_title{padding: 36px 10px;}
	.intro_title h3{font-size: 28px; line-height: 33px; height: 44px; background-size: 311px;}
	.intro_title p{font-size: 15px; line-height: 22px;}
	.centerlist dt img{width: 119px;}
	.centerlist dl{width: 50%; border-bottom: 1px solid #ededed; height: 408px}
	.centerlist dl:nth-child(2){border-right: none;}
	.centerlist dl:nth-child(3), .centerlist dl:nth-child(4){border-bottom: none;}
	.leafletBox .letitlebox a{width: 135px; background: url(../images/icon_down.png)10px 21px #6c4beb no-repeat;}
	
	/*위치안내*/
	.centermapbox{height: 350px}
	
	/*공지사항*/
	.subsearchbox{width: 280px;}
	.subsearchbox input{width: 80%; font-size: 14px;}
	.board_table th{font-size: 14px; height: 49px;}
	.board_table td{height: 50px; font-size: 14px;}	
	.file{background-size: 20px;}
	.page{margin: 36px 0}
	.page ul li{width: 25px; height: 25px;}
	.page ul li a{line-height: 25px; font-size: 12px;}
	.btnlist{width: 140px; font-size: 14px;}
	.board_table td.conten{padding: 20px;}
	.board_centerbox{min-height: 400px}
	
	/*교통통계*/
	.stati_wrap .w100box .centerbox{padding: 10px 10px 70px 10px;}
	.stati_wrap .subsearchbox{float: none; margin: 0 auto;}
	.stati_wrap .stati_leftbox{float: none; width: 100%; height: auto; overflow: hidden;}
	.stati_wrap .list4{float: none; width: 100%;}
	.stati_wrap .list1{width: 100%;}
	.stati_wrap .list2{width: 100%;}
	.stati_wrap .list3{height: 522px; width: 100%;}
	.stbox .leftcon{float: none; width: 100%; height: 244px; overflow:hidden;}
	.stbox .rightcon{float: none; width: 100%; height: 215px;}	
	.stati_leftbox section{margin:0 0 10px 0!important;}
	
	/*이음택시*/
	.subtopMap li{ padding: 0 13px 0 5px;}
	.subnav li{width: 136px; height: 34px;}
	.subnav li a{ line-height: 30px; font-size: 15px; background: url(../images/menu_nml.png)24px 6px no-repeat;}
	.subnav li.click a{ background: url(../images/menu_click.png)24px 6px #fff no-repeat;}
	.texiconten section table th{width:65px; padding-left:10px; }
	.texiconten section table th, .texiconten section table td{font-size: 13px;}
	.texiconten.texiconten2 section{margin: 0 10px 25px 10px;}
	.texiconten section h4{font-size: 18px; height: 32px;}
	.texiconten.texiconten2 section table td:last-child, .texiconten.texiconten2 section table th:last-child {display: none;}
	.texiconten.texiconten2 section table.last td:last-child, .texiconten.texiconten2 section table.last th:last-child {display:revert;}
	.taxi1{width: 100%;}
	.taxibox2 .dl1{width: 100%; margin-right: 0; margin-bottom: 20px; float: none;}
	.taxibox2 .dl2{width: 100%; float: none;}
	.taxibox2{background: url(../images/arrow2.png)center 99px no-repeat;}
	.texitop{font-size: 14px; line-height: 17px;}
	.texitop .strong{font-size: 34px; height: 58px;}
	.texiconten{background: url(../images/taxi.jpg)right 55px no-repeat; background-size: 250px;}
	.texiconten section table td{padding: 10px;}
	.taxibox2 dl dt{font-size: 13px; height: 30px; line-height: 30px;}
	.taxibox2 dl dd{ font-size: 13px; height:auto; line-height: 17px; padding: 10px 0;}
	.dl2 li{width: 100%; float: none; padding-bottom: 26px; padding-right: 0; background: url(../images/arrow2.png)center bottom no-repeat;}
	.dl2 li:last-child {padding-bottom: 0;}
	.note{padding:15px 10px; top: auto; height: 240px; width: 100%; }
	.note dt{font-size: 14px; height: 24px; line-height: 24px;}
	.note dd{font-size: 13px; margin: 12px 0}
	.taxiboxlast{height: 496px}
	
	.tabledot li{background: url(../images/dot2.png)10px center no-repeat; padding-left: 20px;}
	.list3 .chart{height:235px;}
	
	/*수요응답형버스*/
	.texiconten.mdrtconten section{margin: 20px 0;}
	.mdrtmap:first-child{margin-right: 0; margin-bottom: 10px;}
	.mdrtmap{width: 100%; float: none;}
	.mdrtmap img{width: 100%;}
	.mdrtconten .taxiboxlast{height: auto;}
	.texiconten.mdrtconten{background:none;}
	
	footer{padding:29px 0 126px 0; }
	.wamark{margin-left: -65.5px; top: 123px; }
	
}

@media (max-height:500px){
	.traffictab li{width: 100%; height: 18.11%; border-bottom: 1px solid #ddd; position: relative;}
	.trafficMapbox {height : 450px;}
	.trafficLeftbox {height : 450px;}
    .traffictab li a {height : 55px;}
}