@charset "utf-8";


/*모바일*/
@media (max-width:1258px){
	/*헤더*/
	header{height: 50px;}
	.topbox{height: 60px; position: absolute; z-index: 1; top: 32px; background: #fff;}
    .topbox .center{width: 100%; text-align: center; position: relative;}
    .topbox h1{float: none; display: inline-block; width: 209px;  margin-left:0px;}
    .topbox h1 a{background: url(../images/logo_mo.jpg)center no-repeat;}
    .menubox{width: 100%; position:fixed; height: auto; top:0; margin:0px;}
    .menubox .menubtn{position: absolute; float: none; left: 15px; top: 33px; z-index: 2}
    .menubox .menubtn span{display: none;}
    .menubox .menu{display: none;}
    .topbox .weatherBox{float: none; position: absolute; right:0; top:-1px; height: 58px;}
    .weatherBox .day{display: none;}
    .weatherBox img{width: 48px; height: 48px; float: none;}
    .weatherBox .weather{padding-top:0; position: absolute; bottom: 2px; width: 100%; text-align: center;  float: none; }
    .weatherBox .weather .tem{display: inline-block; font-size: 13px; line-height: 13px;}
    .weatherBox .weather .tem span{font-size: 13px;  line-height: 13px;}
    .teminfo{display: none;}
    .teminfo{font-size: 12px; line-height: 15px;}
    
    .menubox .language{float: none; width: 100%; position: absolute; top:0; background: #0d643a; z-index: 3; height: 32px; margin-top: 0; }
    .menubox .language li{width:25%; height: 100%;}
    .menubox .language li a{color: #fff; height: 100%; width: 100%; text-align: center; line-height: 31px; padding: 0; border-right: 1px solid #54876e;}
    
    .sitemap ul{width: 100%;}
    .sitemap{top:93px;}
    .sitemap .li{width: 50%; border-bottom: 1px solid #dcdcdc; padding: 15px 14px; height: 271px;}
    .sitemap .li:nth-child(even){border-right: none;}
    .sitemap .li .dt{margin-bottom: 0;}
    .sitemap .li:nth-child(3),.sitemap .li:nth-child(4){height: 514px;}
    .sitemap .li:nth-child(5),.sitemap .li:nth-child(6){height:56px;}
    
    .header_submenu{height: 35px;}
    .header_submenu ul{width: 100%;}
    .header_submenu ul li a{font-size: 13px; padding: 8px 5px; letter-spacing: -1px;}
    
    /*메인화면*/
    .main1box{padding: 10px;}
    .main1box ul{width: 100%;}
    .main1box ul li{width: 49%; margin-right: 2%; height: 216px;}
    .main1box ul li:nth-child(even){margin-right: 0;}
    .main1box ul li:nth-child(3), .main1box ul li:nth-child(4){margin-top: -10px;}
    .main1box ul li a{padding-top:23px; height:179px }
    .main1box ul li a .title{font-size: 13px; line-height: 13px;}  
    .main1box ul li a .txt{font-size: 14px;  line-height:16px; letter-spacing: -1.5px;}  
    .main1box ul li img{width:150px; margin-left: -75px;}
    
    .main2box{width: 100%; padding: 27px 0;}
    .main3box{width: 100%; padding-bottom: 20px;}
    .main4box{width: 100%;}
    .main4box h2{display: none;}
     .h2{font-size: 22px; line-height:25px;}
     .main3box .h2info{padding: 10px 0}
    .contenbox{margin: 7px 0;}
    .contenbox .tabbbtn li button{font-size: 14px; padding: 0 6px;}
    .conten3 .leftbox{float: none; width: 100%;}
    .rightbox{float: none; width: 100%; height: 345px;}
    .rightbox .righttitle{font-size: 23px; line-height: 26px; top: 21px;}
    .rightbox .righttitle p{font-size: 15px; } 
    .rightbox .cctvback{width: 100%; float: none; height:225px; background:url(../images/main_img_cctv.png)168px 47px #e2efe9 no-repeat}
    .contenbox .conten{border-left: none; border-right: none;}
    .contenbox .conten3{height: 610px}
    .leftbox{padding: 10px;}
    .rightbox .cctv{top: 116px; right: auto; left: 50%; margin-left: -160px; width: 320px; height: 200px;}
    .mainnotilist .notititle{width: 75%;}
    .mainnotilist .day{width:75px;}
    .rightbox .face{top: 114px; height: 200px;  width: 320px;right: auto; left: 50%; margin-left: -160px; }
    .rightbox .faceback{width: 100%; float: none; height:225px; background:url(../images/main_img_face.png)168px 47px #e2efe9 no-repeat}
    
    .main3box .contenbox{margin-top: 20px;}
    .main3box .contenbox li a{padding-left: 0; padding-top: 66px; text-align: center;}
    .main3box .contenbox li.go1 a{background: url(../images/main_go1_m.png)center top no-repeat}
    .main3box .contenbox li.go2 a{background: url(../images/main_go2_m.png)center top no-repeat}
    .main3box .contenbox li.go3 a{background: url(../images/main_go3_m.png)center top no-repeat}
    .main3box .contenbox li.go4 a{background: url(../images/main_go4_m.png)center top no-repeat}
    .main3box .contenbox li a .title{font-size: 12px; letter-spacing: -1px;}
    .main3box .contenbox li a .info{display: none;}  
    
    .main4boxwrap .playbtn li{position: absolute;}
    .main4boxwrap .playbtn li:nth-child(1){left: 0;}
    .main4boxwrap .playbtn li:nth-child(2){display: none;}
    .main4boxwrap .playbtn li:nth-child(3){right: 0;}
    .main_site{left: 33px; right:33px; top: 26px;}
    
    .main1box ul .go3 a{border-bottom-left-radius:0; border-top-left-radius:0;}
    .main1box ul .go4 a{border-top-right-radius:0;}
    
    /*소통정보*/
    .subwrap{top:97px;}
    .title .mapview{display: block;}
    .m_map_top{display: block;}
    .map_wrap{display: none; left: 0;}
    .subwrap .leftBox{right: 0; width: auto;}
    .mapConten{top: 40px;}
    .sub_tab li.click{background: #1b4a8d; border-radius: 50px;}
    
    /*CCTV*/
	.trtab2 ul{background: url(../images/tr1_tab1.png)33% center no-repeat;}
	
	/*VMS*/
	.trtab3 ul{background: url(../images/tr1_tab1.png)68% center no-repeat;}
	
	/*통계정보*/
	.mapConten.stmapConten{top: 137px;}
	.stsearch{top:40px; height: 98px;}
	.result{top:137px; }
	.stleft{float:none; width: 100%;}
	.stleft2{float:none; width:100%;}
	.stsearch table{width: 100%}
	.stsearch table th{width: 100%;}
	.stsearch table td{width: 100%;}
	.stsearch{padding: 5px;}
	.stmaptab{right: 0; left:0; bottom:0; top:auto; width:100%; height: 28px;}
	.stmaptab li{height: 28px;}
	.in144, .in75, .in227{width:100%}

	.stsearch dl{width: 78%;}
	.stsearch dl dt{width:16%; text-align: left; padding:5px 0 0 5px; height: 29px; font-size: 11px; letter-spacing: -1px;}
	.stsearch dl dd{width:29%; font-size: 12px;}
	.stsearch dl dd.w80{width:80%;}
	.stsearch dl dd.w75{width:75%;}
	.stsearch dl dd input, .stsearch dl dd select{height:26px; font-size: 12px;}
	.stsearch dl dd input.day{width:118px;}
	.stsearch .stleft2 dl dd input.day{width:45%;}
	.searchbtn{position: absolute; right: 5px; top: 5px; width: 61px; height:56px; margin-left: 0; padding-left: 0; padding-top: 17px; background:url(../images/btn_search1.png)center 9px #0d643a no-repeat}
	.mapConten.stlimap, .mapConten.st2limap{padding:47px 5px; overflow-x:auto;}
	
	.st2wrap .stsearch .stleft2 dl dt{width: 21%; line-height: 12px;}
	.st2wrap .stsearch2{height: 71px;}
    .st2wrap .result{top:110px;}
    .st2wrap .mapConten.stmapConten{top: 110px;}
    
    /*푸터*/
    footer .footcenter{width: 100%; font-size: 12px;}
    footer .footcenter h1 img{width: 200px;}
    footer address span{display: block;}
    
    /*공지사항*/
    .subwrap2{width: 100%; padding:37px 10px;}
    .subwrapBox h2{font-size: 25px; line-height:24px;}
    .subwrap2 .h2info{font-size: 14px; line-height: 17px; padding: 0;}
    .subcontents{margin-top: 20px;}
    .notisearchbox select{width: 55px; height: 35px;  font-size: 12px;}
    .noinput{width: 240px;  height: 35px;}
    .noinput input{height: 35px; padding:0 42px 0 5px; font-size: 12px;}
   	.noinput button{width: 35px; height: 35px;}
   	.menu_map{left: 10px; top: 10px;}   	
   	.notipagebox ul li{width:23px; height:23px;}
   	.notipagebox ul li a{line-height: 23px; font-size: 12px;} 
   	.notitable th{height:30px; font-size: 12px;}
   	.notitable td{height: 30px;  font-size: 12px; }
   	.notitable th.title,.notitable .title{width: 60%;}
   	.notitable td.m_no{width:29%}
   	.notitable td.m_day{width: 13%}
  	
   	.notitable .number{display: none;}
   	.mnone{display: none;}
   	.notitableDetail .second td a{line-height: 14px;}
   	
   	/*센터소개*/
   	.centertab li{width: 47%; height:32px; margin-bottom: 3px; }
   	.centertab li a{line-height: 30px; font-size: 16px;}
   	.centerback{top:132px;}
   	.centerinfobox{height: auto; margin: 20px 0;}
   	.centerinfobox .img{float: none; width: 100%; height:100px;}
   	.centerinfobox .img h3{font-size: 35px; padding-top: 24px}
   	.centerinfobox .txt{float: none; padding: 14px 14px 20px 14px; }
   	.subcontents .centerinfobox .txt h4{font-size: 20px;}
   	.centerinfobox .txt p{font-size: 13px; line-height: 17px; margin-top: 6px; width: 100%;}
   	
   	.subcontents h4{font-size: 18px;line-height: 25px;}
   	.infobox dl{width: 49%; margin-right: 2%; padding:103px 5px 5px 5px; margin-bottom: 5px; height: 258px;}
   	.infobox dl:nth-child(even){margin-right: 0;}
   	.infobox dl dt{font-size: 13px; line-height: 15px; letter-spacing: -0.5px;}
   	.infobox dl dd{font-size: 12px; line-height: 17px; letter-spacing: -1px;}
   	
   	.c_in1{background: url(../images/c1.png)center 17px no-repeat;}
	.c_in2{background: url(../images/c2.png)center 17px no-repeat;}
	.c_in3{background: url(../images/c3.png)center 17px no-repeat;}
	.c_in4{background: url(../images/c4.png)center 17px no-repeat;}
	
	.c_box{width: 100%; margin-right: 0; margin-bottom: 5px; padding:0 20px 0 0; text-align: right;}
	.c_box p{display: inline-block; text-align: center; padding-left: 65px;}
	.c_b1{background: url(../images/cb1.png)left no-repeat; background-size: 50%;}
	.c_b2{background: url(../images/cb2.png)left no-repeat; background-size: 50%;}
	.c_b3{background: url(../images/cb3.png)left no-repeat; background-size: 50%;}
	.c_b1 p{background: url(../images/b1.png)right 41px no-repeat;}
	.c_b2 p{background: url(../images/b2.png)right 41px no-repeat;}
	.c_b3 p{background: url(../images/b3.png)right 41px no-repeat;}
   	
   	/*운행정보*/
   	.notisearchbox .bussel{width: 300px;}
   	.bustable th span{display: block;}
   	.noti_con .bustable2 th{height: 30px}
   	
   	/*서비스안내*/
   	.se_infobox{margin-bottom: 28px;}
   	.se_infobox .se_img{margin: 0 auto; float: none; width: 100%;  background: url(../images/center_img.jpg)center #f3f5fb no-repeat; background-size:100%;}
   	.se_infobox .se_img img{width: 100%;}
   	.se_infobox .se_in{float: none; width: 100%; padding: 15px 10px 22px 10px; font-size: 14px; line-height: 22px;}
   	.se_in p{font-size: 20px; margin-bottom: 5px;}
   	.servicebox2{margin:0;}
   	.se_infobox2{padding: 11px 0; margin: 10px 0 0 0}
   	.se_infobox2 dl{padding-left:90px; height: 250px; padding-top: 5px; margin-bottom: 32px;}
   	.se_infobox2 dl dt{font-size:16px; height: 27px;}
   	.se_infobox2 dl dd{font-size:13px; line-height:16px; height: auto; margin-bottom: 5px;}
.se_infobox2 dl.se1{background-image: url(../images/se1-1.png),url(../images/se1-2.jpg); background-position:left 6px, center bottom; background-repeat: no-repeat; background-size:70px ,100% 135px}
.se_infobox2 dl.se2{background-image: url(../images/se2-1.png),url(../images/se2-2.jpg); background-position:left 6px, center bottom; background-repeat: no-repeat; background-size:70px ,100% 135px}
.se_infobox2 dl.se3{background-image: url(../images/se3-1.png),url(../images/se3-2.jpg); background-position:left 6px, center bottom; background-repeat: no-repeat; background-size:70px ,100% 135px}
.se_infobox2 dl.se4{background-image: url(../images/se4-1.png),url(../images/se4-2.jpg); background-position:left 6px, center bottom; background-repeat: no-repeat; background-size:70px ,100% 135px}
.se_infobox2 dl.se5{background-image: url(../images/se5-1.png),url(../images/se5-2.jpg); background-position:left 6px, center bottom; background-repeat: no-repeat; background-size:70px ,100% 135px}
   	
   	.ser2_box li{width: 100%; border-bottom: 1px solid #e5e5e5;}
   	.ser2_box li:last-child{width:100%; padding: 30px 30px 30px 0; border-bottom: none;}
   	
   	/*찾아오시는길*/
   	.waymapbox{height: 300px; margin: 7px 0 15px 0;}
   	.waybox dl{width: 100%; margin-bottom: 5px; padding:26px 0 10px 114px; height: 131px;}
   	.waybox dl.way1{background: url(../images/way1.png)11px 11px no-repeat;}
	.waybox dl.way2{background: url(../images/way2.png)11px 11px no-repeat;}
	.waybox dl.way3{background: url(../images/way3.png)11px 11px no-repeat;}
	.waybox dt{font-size: 16px;}
	.waybox dd{font-size: 13px;}
	.waymapbox .adrr{font-size: 12px; letter-spacing: -1px;}
   	
   /*실시간버스*/
   .pop_bus3{width: 320px; margin-left: -160px; }
   .pop_bus3 .popbusstop{width: 303px;}
   .d_title{font-size:13px; }
   .drive_left ul li{letter-spacing: -0.5px; font-size: 11px;}
   .drive_left{width: 245px;}
   .drive_right{width: 25px;}
   	
    .subwrap.subwrap3{top:90px;)
   	.bustab2 ul, .bustab2.bustabli3 ul{background: none;}
   	.bus_3box .centertab li{width: 30%;}
   	
   	}
   	
   	
   	
   	
   	
   	@media (max-width:410px){
	.header_submenu ul li a{letter-spacing: -2px;}
 }
 
 
   	@media (max-width:380px){
	.header_submenu ul li a{letter-spacing: -3px;}
 }
 
    	@media (max-width:350px){
	.header_submenu ul li a{letter-spacing: -4px;}
 }