/*본문바로가기*/
.mainskip{position: absolute; z-index:100; left:2px; right:2px; color: #fff; font-size: 13px; text-align: left; top:-10000px; padding: 3px 0; box-sizing: border-box; background: #6e6e6e;}
.mainskip:focus,.mainskip:active{top: 2px;}

a:focus-visible  {outline:dotted 2px #FFF700; box-shadow:inset 0 0 0px 4px rgba(0,0,0,1); outline-offset:-3px; text-decoration: underline;}
button:focus-visible{outline:dotted 2px #FFF700; box-shadow:inset 0 0 0px 4px rgba(0,0,0,1); outline-offset:-3px; text-decoration: underline;}
div:focus-visible{outline:dotted 2px #FFF700; box-shadow:inset 0 0 0px 4px rgba(0,0,0,1); outline-offset:-3px; text-decoration: underline;}
 .k-datepicker button:focus-visible{outline:dotted 2px #FFF700; box-shadow:inset 0 0 0px 4px rgba(0,0,0,1); outline-offset:-3px; text-decoration: underline;}
.headbox{width: 100%; height:104px; border-bottom: 1px solid #e0e0e0; background: #fff;}
header{width:1220px; height: 103px; margin: 0 auto; position: relative;}
header h1{float: left; width: 204px; height: 100%;}
header h1 a{display: block; width:100%; height: 100%; background: url(../images/logo.png)left center no-repeat;}

header nav{width:680px; height: 100%; text-align: center; position: absolute; left: 50%; margin-left:-325px; top: 0; }
header nav .menu{display: inline-block; font-size: 19px; font-weight: bold; margin: 0 17px; position: relative;}
header nav .menu > a{display: block; height: 104px; line-height: 104px;}
.submenu{position: absolute; left:50%; top:101px; background: #fff; border: 1px solid #d7d7d7; padding: 10px 3px 15px 3px; width: 140px; margin-left:-70px; border-top: 2px solid #4d2bf4; display: none; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2); overflow: hidden; z-index: 9;}
.submenu a{font-size: 15px; margin: 0; font-weight: normal; width: 100%; display: block; line-height:27px;}
.submenu a:hover{background: #ededed;}

header nav .menu:hover .submenu, header nav .menu:focus-within .submenu{display: block!important;
    -webkit-animation-name:down; 
     animation-name:down;	
	
     -webkit-animation-iteration-count:1;
     animation-iteration-count:1;
	
    -webkit-animation-duration: 0.5s; 
    animation-duration:0.5s;}

@keyframes down {
0% {opacity:0; margin-top: -20px;}
100% {opacity:1; }
}   

@-webkit-keyframes down {
0% {opacity:0;  margin-top: -20px;}
100% {opacity:1; }
} 

.menubtn{background: url(../images/mo_menu.png)center no-repeat; color: #000; display: none; position: absolute; width:40px; height: 40px; line-height:40px; z-index: 3; text-indent: -99999px;}
.on .menubtn{background: url(../images/menu_close.png)center no-repeat;}

.weatherbox{float: right; width:120px; height: 70px; padding:14px 0 0 0; margin-top: 15px;}
.weatherbox p{color: #000; text-align: left; line-height: 20px;}
.weatherbox .txt{font-size:12px;}
.weatherbox .temperature{font-size:20px; font-weight: bold;}
.weather1{background: url(../images/weather1.png)right center no-repeat;}
.weather2{background: url(../images/weather2.png)right center no-repeat;}
.weather3{background: url(../images/weather3.png)right center no-repeat;}
.weather4{background: url(../images/weather4.png)right center no-repeat;}
.weather5{background: url(../images/weather5.png)right center no-repeat;}

.mainconten1{width: 100%; padding:70px 0; background: #e7eff7; padding: 55px 0;}
.maintraffic{width:1220px; margin: 0 auto; position: relative;}
.maintraffic .leftbox{width: 545px; height: 565px; border-radius:20px; overflow: hidden; position: relative; float: left;}
.leftbox h3, .maintraffic .rightbox h3, .maintabcon h4, .trafficWrap h2{opacity:0; position: absolute; top: -10000px;}
.maintab{width: 100%; height:42px; position: relative; z-index: 2;}
.maintab li{float: left; width: 50%; height:100%;}
.maintab li button{width: 100%; height: 100%; border: none; color: #fff; font-size: 17px; background: #4c5465; border-top-left-radius: 20px; border-top-right-radius: 20px; position: relative;}
.maintab li button.click{font-weight: bold; background:#4d2bf4;}
.maintab button img{display: none;}
.maintab button.click img{display: block; position: absolute; bottom: -10px; left: 50%; margin-left:-10px;}

.maintabcon{background: #fff; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; width: 100%; position: absolute; top: 42px; bottom: 0; z-index: 1;  padding:10px 0;}
.maintabcon.maintabcon1{display: none; padding: 10px 0}

.maingo{display:block; position: relative; width:48.5%; height:273px; border-radius: 20px; color: #fff; text-align: center; float: left; margin-right:3%; padding-top: 30px; cursor: pointer; outline: none;}
.maingo1{background:url(../images/main_1_bg.png)center bottom #2e68fd no-repeat; }
.maingo2{background:url(../images/main_3_bg.png)center bottom #7854ff no-repeat; margin-right: 0;}
.maingo3{background:url(../images/main_2_bg.png)center bottom #4d2bf4 no-repeat; margin-top: 19px;} 
.maingo4{background:url(../images/main_4_bg.png)center bottom #006bbe no-repeat; margin-top: 19px;  margin-right: 0;}
.maingo img{position: absolute; z-index: 2; bottom: -20px; left: 50%; margin-left:-153.5px; }
.maingo h4{font-size: 18px; font-weight: normal; line-height: 20px; margin-bottom: 11px;}
.maingo span{font-size: 21px; font-weight: bold; line-height: 23px;}

.maintraffic_top{width: 100%; clear: both; overflow: hidden;}
.maintraffic .rightbox{width: 643px; height: 583px; overflow: hidden; position: relative; float: right; text-align: right;}
.maintraffic .bottombox{clear: both; width: 100%; height: 152px; position: relative; margin: 35px 0 0 0;}
.maintraffic .bottombox h3{position: absolute; top: -15px; width: 188px; height: 30px; left:15px; background: #2e68fd; color: #fff; font-size:14px; text-align: center; border-radius: 10px; line-height: 28px; font-weight: normal;}
 
.maintabcon .accbox{padding: 0px 0px; height:462px!important;}
.accbox li{width: 100%; height:79px; font-size:16px; font-weight: bold; padding: 10px 0!important; border-bottom: 1px dotted #d7d7d7; position: relative;}
.accbox li:nth-child(6){border-bottom: none;}
.accbox li a{display:block; width: 100%; height:100%; position: relative;}
.accbox li a:hover p{text-decoration: underline;}
.accbox li .accicon {color: #000; float: left; top:22px;}
.accbox li .acctxt {color: #000; padding:6px 0 6px 10px; position: absolute; right: 0px; top: 10px; bottom: 0; left: 57px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.accbox ul{height: 100%; display: block; left:30px; right: 30px; position: absolute;}
.accbox .none {height: 100%; display: flex; justify-content: center; align-items: center;}
.accicon{left:0; width: 57px; height: 57px; border-radius: 50%; text-align: center; line-height: 57px;font-size: 14px;}
.accicon.yellow{background: #ffdd3d;}
.accicon.red{background:#ff7545;}


.acctxt{left:69px; right: 0; top:-44px; height:100%; line-height:23px; padding:16px 0;}
.acctxt span{display: block; width: 100%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.acctxt .roadname{font-size: 15px;}
.acctxt strong{color: #4d2bf4; margin-left: 10px;}
.maintabcon1 .accicon{border: 2px solid #eb3b06; padding-top:7px; font-size: 13px;}
.maintabcon1 .accbox li .acctxt {top: 0;}
.acc1{background:url(../images/accident1.png)center 6px #ffef3d no-repeat;}
.acc2{background:url(../images/accident2.png)center 6px #ffef3d no-repeat;}
.acc3{background:url(../images/accident3.png)center 6px #ffef3d no-repeat;}
.acc4{background:url(../images/accident4.png)center 6px #ffef3d no-repeat;}
.acc5{background:url(../images/accident5.png)center 6px #ffef3d no-repeat;}
.acc6{background:url(../images/accident6.png)center 6px #ffef3d no-repeat;}
.acc7{background:url(../images/accident7.png)center 6px #ffef3d no-repeat;}


.more{ font-size: 14px; position: absolute;}
.accbox .more{width:106px; bottom: 20px; left: 50%; margin-left: -53px; background: url(../images/main_more2.png)right center no-repeat;}
 .btnset{position: absolute; width:91px; bottom:12px; left: 50%; margin-left: -45px;}
 .btnset li{float: left; width:27px; height: 27px; margin-right: 5px;}
 .btnset li:last-child{margin-right: 0;}
 .btnset button{text-indent:-99999px; width: 100%; height: 100%;}
 .btnset .btndown button{background: url(../images/main_down.png)center no-repeat;}
.btnset .btnplay button{background: url(../images/main_play.png)center no-repeat;}
 .btnset .btnstop button{background: url(../images/main_stop.png)center no-repeat;}
.btnset .btnup button{background: url(../images/main_up.png)center no-repeat;}

.bookmark{width: 100%; height: 100%; background: #fff; border-radius: 20px; text-align: center; padding: 35px 0;}
.bookmark li{display: inline-block; width: 125px; height: 80px; font-size:14px; text-align: center; margin-right: 34px;}
.bookmark li:last-child{margin-right: 0;}
.bookmark li a{display: block; width: 100%; height: 100%; padding-top: 60px;}
.mark1{background: url(../images/main_go1.png)center top no-repeat;}
.mark2{background: url(../images/main_go2.png)center top no-repeat;}
.mark3{background: url(../images/main_go3.png)center top no-repeat;}
.mark4{background: url(../images/main_go4.png)center top no-repeat;}
.mark5{background: url(../images/main_go5.png)center top no-repeat;}
.mark6{background: url(../images/main_go6.png)center top no-repeat;}
.mark7{background: url(../images/main_go7.png)center top no-repeat;}



.mainconten2{width: 100%; padding:70px 0;}
.mainconten2 article{width: 1220px; margin:0 auto; position: relative; height: 164px;}
.mainconten2 article h2{font-size:30px; width: 368px; line-height:27px;}
.mainconten2 article .more{width:65px; left: 0; top: 60px; background: url(../images/main_more.png)right center no-repeat;}
.mainboardbox{position: absolute; left: 368px; right: 0; top: 0; bottom: 0;}
.mainboardbox li{width: 47%; margin-right: 6%; float: left; border-bottom: 2px solid #000; height: 80px;  background: url(../images/main_noti_arrow.png)right 7px no-repeat;}
.mainboardbox li:nth-child(even) {margin-right: 0;}
.mainboardbox li:nth-child(3),.mainboardbox li:nth-child(4){border-bottom: none; padding-top: 30px;  background: url(../images/main_noti_arrow.png)right 36px no-repeat;}
.mainboardbox li a{width: 100%; height: 100%; font-size:17px; line-height: 26px; padding-right: 75px; overflow: hidden; height: 53px;
  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

footer{width: 100%; background: #3f4144; font-size: 15px; color: #a1a1a1; text-align: center; padding:56px 0; line-height: 30px; position: relative;}
footer address{display: block;}

/*교통정보*/
.trafficWrap header{width: 100%;}
.trafficWrap header h1{margin-left: 30px;}
.trafficWrap .weatherbox{margin-right: 20px;}
.trafficWrap article{position: absolute; width: 100%; top: 104px; bottom: 0;}

.traffictab{width: 70px; background:#fff; border-right:1px solid #ddd; position: absolute; left: 0; top:0; bottom: 0; z-index: 3; }
.traffictab li{width: 100%; height: 11.11%; border-bottom: 1px solid #ddd; position: relative;}
.traffictab li:last-child{border-bottom: none;}
.traffictab li a{display: block; width: 100%; height: 100px; font-size: 13px; color: #000; text-align: center; line-height: 15px; position: absolute; top: 50%; margin-top: -50px; padding-top: 59px;}
.traffictab li.click{background: #4d2bf4;}
.traffictab li.click a{color: #fff;}
.traffictab li.trmenu3 a,.traffictab li.trmenu7 a{padding-top:52px;}

.trafficMapbox{position: absolute; left:385px; right: 0; top: 0; bottom: 0; z-index: 1;}
.mapbtnset{position: absolute; z-index: 3; top: 5px; left: 5px;  border:1px solid #d9d9d9; border-radius:7px; overflow: hidden; box-shadow:0 1px 3px 0 rgba(0,0,0,0.2); background: #fff; padding: 6px;}
.mapbtnset li{float: left; width:50px; height: 50px; border-radius:5px; overflow: hidden; margin-right: 1px;}
.mapbtnset li:last-child{margin-right: 0;}
.mapbtnset li button {display: block; width: 100%; height: 100%; color: #000; font-size: 11px; padding-top: 20px; line-height: 11px;}
.mapbtnset li button.click{color: #fff;}
.mapbtnset li.mapicon3 button{padding-top: 21px;}
.map{width: 100%; height: 100%; background: #f2f0e8;}

.trafficLeftbox{position: absolute; left: 70px; width: 315px; top: 0; bottom: 0; background:#e9ecef; border-right: 1px solid #d3d3d3; z-index: 2;}
.trafficLeftbox section{display: none; width:100%; height: 100%; position: relative;}
.trafficLeftbox section.trafficLeftbox1{display:block;}

.trmenu1 a{background: url(../images/tr_menu1.png)center 20px no-repeat;}
.trmenu1.click a{background: url(../images/tr_menu1_click.png)center 20px no-repeat;}
.trmenu2 a{background: url(../images/tr_menu2.png)center 20px no-repeat;}
.trmenu2.click a{background: url(../images/tr_menu2_click.png)center 20px no-repeat;}
.trmenu3 a{background: url(../images/tr_menu3.png)center 12px no-repeat;}
.trmenu3.click a{background: url(../images/tr_menu3_click.png)center 12px no-repeat;}
.trmenu4 a{background: url(../images/tr_menu4.png)center 20px no-repeat;}
.trmenu4.click a{background: url(../images/tr_menu4_click.png)center 20px no-repeat;}
.trmenu5 a{background: url(../images/tr_menu5.png)center 19px no-repeat;}
.trmenu5.click a{background: url(../images/tr_menu5_click.png)center 19px no-repeat;}
.trmenu6 a{background: url(../images/tr_menu6.png)center 19px no-repeat;}
.trmenu6.click a{background: url(../images/tr_menu6_click.png)center 19px no-repeat;}
.trmenu7 a{background: url(../images/tr_menu7.png)center 12px no-repeat;}
.trmenu7.click a{background: url(../images/tr_menu7_click.png)center 12px no-repeat;}
.trmenu8 a{background: url(../images/tr_menu8.png)center 19px no-repeat;}
.trmenu8.click a{background: url(../images/tr_menu8_click.png)center 19px no-repeat;}
.trmenu9 a{background: url(../images/tr_menu9.png)center 19px no-repeat;}
.trmenu9.click a{background: url(../images/tr_menu9_click.png)center 19px no-repeat;}

.mapicon1 button{background: url(../images/icon1.png)center 2px no-repeat;}
.mapicon1 button.click{background: url(../images/icon1_click.png)center 2px #2e68fd no-repeat;}
.mapicon2 button{background: url(../images/icon2.png)center 3px no-repeat;}
.mapicon2 button.click{background: url(../images/icon2_click.png)center 3px #2e68fd no-repeat;}
.mapicon3 button{background: url(../images/icon3.png)center 1px no-repeat;}
.mapicon3 button.click{background: url(../images/icon3_click.png)center 1px #2e68fd no-repeat;}
.mapicon4 button{background: url(../images/icon4.png)center 3px no-repeat;}
.mapicon4 button.click{background: url(../images/icon4_click.png)center 3px #2e68fd no-repeat;}
.mapicon5 button{background: url(../images/icon5.png)center 2px no-repeat;}
.mapicon5 button.click{background: url(../images/icon5_click.png)center 2px #2e68fd no-repeat;}
.mapicon6 button{background: url(../images/icon6.png)center 2px no-repeat;}
.mapicon6 button.click{background: url(../images/icon6_click.png)center 2px #2e68fd no-repeat;}
.mapicon7 button{background: url(../images/icon7.png)center 2px no-repeat;}
.mapicon7 button.click{background: url(../images/icon7_click.png)center 2px #2e68fd no-repeat;}
.mapicon8 button{background: url(../images/icon8.png)center 2px no-repeat;}
.mapicon8 button.click{background: url(../images/icon8_click.png)center 2px #2e68fd no-repeat;}
.mapicon9 button{background: url(../images/icon9.png)center 2px no-repeat;}
.mapicon9 button.click{background: url(../images/icon9_click.png)center 2px #2e68fd no-repeat;}

.markbox{position: absolute; right:10px; top: 10px; height: 35px; background:rgba(255,255,255,0.7); z-index: 2; border-radius: 5px; border: 1px solid #c3c3c3; padding: 0 10px; box-shadow: 0 0px 2px 1px rgba(0,0,0,0.1)}
.markscon{float: right;}
.markscon li{float:left; color: #303030; font-size: 12px; line-height: 35px; height: 35px; margin-right: 10px;}
.markscon li:last-child{margin-right: 0;}
.markscon li span{display:inline-block; width: 15px; height: 15px; border-radius: 50%; vertical-align: middle; margin-top: -2px;}
.markscon li span.green{background: #afc73e;}
.markscon li span.yellow{background: #ffc600}
.markscon li span.red{background: #ff4343}
.markscon li span.gray{background: #b2b2b2;}

.smartmarkbox {display:none;} 
.smartmarkbox .markscon li span.green{background:url(../images/main_green.jpg) #afc73e repeat;}
.smartmarkbox .markscon li span.yellow{background:url(../images/main_yellow.jpg) #ffc600 repeat;}
.smartmarkbox .markscon li span.red{background:url(../images/main_red.jpg) #ff4343 repeat;}

.trafficLeftbox section h3{font-size: 15px; color:#000; position: absolute; left:10px; top:12px; z-index: 2;}
.trafficLeftbox .topbox{background: #fff; padding:42px 10px 10px 10px; width:100%; height:128px; border-bottom: 1px solid #cfcfcf; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);}
.result{font-size: 13px; color:#000;  height:20px; line-height:20px;}
.result span{color:#CC3D00; font-weight: bold;}
.trafficLeftbox .searchbox{width:100%; height:43px; border-radius: 5px; border: 2px solid #2e68fd; box-shadow: 0 2px 3px 0 rgba(0,0,0,0.3); position: relative; margin-bottom:8px; padding:2px;}
.searchbox input{ border:none; width:86%; display: block; float: left; height:35px; padding-left:10px; font-size: 15px; font-weight: bold;}
.searchbox button{width:37px; height:36px; background: url(../images/search.png)center no-repeat; position: absolute; right:0; top:0; text-indent: -99999px;}

.trafficLeftbox .listbox{position: absolute; width:100%; top:134px; bottom:0; border-top: 1px solid #e5e5e5; background: #fff; overflow-y: scroll; z-index: 1;}

.trafficLeftbox section.section_nosearch .topbox{height:74px; }
section.section_nosearch .listbox{top:79px; overflow-y: auto;}

.trtab .subbox{display: none;}
.trli, .trtab_nosub li, .trtab_acc li{width:100%; border-bottom: 1px solid #e7e7e7; }
.trli button{width:100%; height:100%; font-size:16px; line-height: 18px; text-align: left; font-weight: bold; color: #000; background: url(../images/list_down.png)97% no-repeat; padding:16px 26px 16px 10px;}
.trli button.list_on{ background: url(../images/list_up.png)97% #10315c no-repeat; color: #fff;}
.trli .subbox{background:#f2f2f2; padding:10px; font-size: 13px; }
.trli .subbox p{width:100%; height:24px; line-height:24px;}
.trli .subbox p span{display: inline-block; border-radius: 2px; padding: 0 3px; margin-right: 5px;}
.trli .subbox .link{vertical-align : middle; font-size:15px;padding-bottom:3px;}
.lineup{border:1px solid #286ff0; color:#286ff0; background:#fff; line-height: 18px;}
.linedown{border:1px solid #f46700; color:#f46700; background:#fff; line-height: 18px;}
.subbox p span.green{color:#248000; font-weight: bold;}
.subbox p span.yellow{color:#946500; font-weight: bold;}
.subbox p span.red{color:#a90c00; font-weight: bold;}
.subbox p span.gray{color:#707070s; font-weight: bold;}

.trtab_nosub li button, .trtab_acc li button{cursor: pointer; width:100%; height:100%; font-size:16px; line-height: 18px; text-align: left; font-weight: bold; color: #000; background: url(../images/list_right.png)97% no-repeat; padding:16px 26px 16px 10px;}
.trtab_nosub li button.list_on, .trtab_acc li button.list_on{ background: url(../images/list_right_click.png)97% #10315c no-repeat; color: #fff;}


.trtab_acc li button{display: block; position: relative;}
.trtab_acc li button:hover p{text-decoration: underline;}
.trtab_acc .accicon{width:45px; height:45px; font-size: 11px; padding-top: 1px; border: 2px solid #eb3b06;}
.trtab_acc .acctxt{position: absolute; left: 61px; right: 29px; height: 100%; line-height: 23px; padding:20px 0; top:0;}

.trtab_acc .acctxt{ font-size: 14px; line-height: 19px;} 
.trtab_acc .acctxt .roadname{ font-size: 13px;}
.trtab_acc .acctxt .roadname strong{margin-left: 3px;}

.trtab_acc .list_on .accicon{color: #000;}
.trtab_acc .list_on .acctxt .roadname strong{color: #90a3ff;}

.trtab_acc .acc1{background:url(../images/accident1.png)center 2px #ffef3d no-repeat;}
.trtab_acc .acc2{background:url(../images/accident2.png)center 2px #ffef3d no-repeat;}
.trtab_acc .acc3{background:url(../images/accident3.png)center 2px #ffef3d no-repeat;}
.trtab_acc .acc4{background:url(../images/accident4.png)center 2px #ffef3d no-repeat;}
.trtab_acc .acc5{background:url(../images/accident5.png)center 2px #ffef3d no-repeat;}
.trtab_acc .acc6{background:url(../images/accident6.png)center 2px #ffef3d no-repeat;}
.trtab_acc .acc7{background:url(../images/accident7.png)center 2px #ffef3d no-repeat;}

.popupbox{position: absolute; z-index:4; background: #f5f5f5; border-radius: 10px; border: 1px solid #3b3b3b; font-size: 13px;}
.popupbox .popuparrow{position: absolute; bottom:-18px; left:50%; margin-left:-7.5px;}
.popupbox .titleBox{width:100%; height:36px; color:#fff; font-size: 14px; z-index:999999; padding:0 26px 0 10px; background: #3b3b3b; position: relative; border-top-left-radius: 8px; border-top-right-radius: 8px; overflow: hidden;}
.popupbox .titleBox h3{font-size: 14px; line-height: 33px; width:100px;}
.popupclose{position: absolute; width:26px; height:26px; right:2px; top:4px; background:url(../images/popup_cloes.png)center no-repeat;}
.popupclose:hover{background:url(../images/popup_cloes_hover.png)center no-repeat;}
.popupcontens{border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; overflow: hidden;}

/* 스마트 교차로 */
.popup{position: absolute; z-index: 3; border-radius: 10px; border: 1px solid #3b3b3b; overflow: hidden; width: 220px; height: 120px; }
.popup h5{width: 100%; background: #3b3b3b; color: #fff; font-size: 14px; font-weight: bold; text-align: left; padding-left: 10px; height: 35px; line-height: 35px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.pop_smart{width: 1100px; height: 700px; top: 50%; left:50%; margin-top: -332px; margin-left:-435px }
.pop_scctv{width: 320px; height: 232px; transform: translate(-50%, -50%);background-color: #fff;}
.pop_scctv .cctvtxt{color: #CC3D00;}
.cctvbox{height: 169px; border: 1px solid #000; background: #000; box-sizing: } 
.option{position: absolute; right: 10px; top: 65px; width:50px; background:#fff; z-index: 2; border-radius: 5px; border: 1px solid #c3c3c3; box-shadow: 0 0px 2px 1px rgba(0,0,0,0.1); overflow: hidden;}
.option li{width: 100%; height: 50px; border-bottom: 1px solid #ededed;}
.option li button{width: 100%; height: 100%; font-size: 11px; text-align: center; padding:13px 0 0 0;}
.option li button.btn_cctv{background: url(../images/cc_nml.png)center 8px no-repeat;}
.option li button.btn_cctv.click{background: url(../images/cc_click.png)center 8px #3b3b3b no-repeat; color: #fff;}
.option li button.btn_replay{background: url(../images/cc_re_nml.png)center 8px no-repeat;}
.option li button.btn_replay.click, .option li button.btn_replay:active{background: url(../images/cc_re_click.png)center 8px #3b3b3b no-repeat; color: #fff;}
.popup .btnre{position: absolute; right: 35px; top: 0; width:35px; height: 35px; background: url(../images/btn_re.png)center no-repeat;}
.popup .btnre:hover{ background: url(../images/btn_re.png)center #4f4f4f no-repeat;}
.video-js .vjs-control-bar {display: block;   visibility: visible;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  -moz-transition: visibility 1s, opacity 1s;
  -ms-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;}
.video-js .vjs-modal-dialog-content {display: none;}
.video-js .vjs-modal-dialog {display: none;}
.video-js .vjs-big-play-button {display: none;}
.video-js .vjs-control-text {display: none;}
.video-js .vjs-text-track-display {display: none;}
.singleclose {position: absolute; right: 0; top: 0; width: 35px; height: 35px; background: url(../images/close.png)center no-repeat; z-index: 2;}
.singleclose:hover{ background: url(../images/close.png)center #4f4f4f no-repeat;}


.cctv {width: 100%; height: 224px;  background: #000;}
.piscctv {width: 100%; height: 224px;  background: #000;}
.cctvtxt{width: 100%; font-size: 12px; color: #ff9000; text-align: center; position: absolute; bottom: 0; height:23px; } 
.popup_cctv .btnre{position: absolute; right: 35px; top: 0; width:35px; height: 35px; background: url(../images/btn_re.png)center no-repeat;}
.popup_cctv .btnre:hover{ background: url(../images/btn_re.png)center #4f4f4f no-repeat;}
.popup_pis .btnre{position: absolute; right: 35px; top: 0; width:35px; height: 35px; background: url(../images/btn_re.png)center no-repeat;}
.popup_pis .btnre:hover{ background: url(../images/btn_re.png)center #4f4f4f no-repeat;}
.popup_traffic{width:215px;}
.popup_traffic .titleBox p{position: absolute; right:28px; top:7px; padding:0 7px 0 5px; font-size: 12px; color:#000; border-radius: 20px; height: 21px; line-height: 19px;}
.titleBox p.red{background: #ff281e;}
.titleBox p.green{background: #afff7e;}
.titleBox p.yellow{background: #fff263;}
.titleBox p.gray{background: #b9b9b9;}
.popup_traffic .popupcontens{height:78px;}
.popup_traffic .graybox{padding:5px; font-size: 12px; color:#000; text-align: left; background: #fff; border-bottom: 1px solid #dedede;}
.popup_traffic .graybox p{height: 17px; line-height: 17px;}
.popup_traffic .timeset{height:29px; line-height: 29px; font-size: 12px; font-weight: bold; padding-left:5px;}

.popup_cctv{width:380px; top: -302px; left: -169px;}
.popup_cctv .popupcontens{height:250px; background: #000;}
.popup_cctv .popupcontens video{width:100%; height:100%;}

.popup_pis{width:380px; top: -302px; left: -169px;}
.popup_pis .popupcontens{height:250px; background: #000;}
.popup_pis .popupcontens video{width:100%; height:100%;}

.popup_vms{width:auto;}
.popup_vms .popupcontens{min-height:10px; background: #000; text-align: center;}

.popup_acc{width:380px; top:-234px; left:-178px;}
.popup_acc .popupcontens{min-height:100px; padding: 10px 10px 20px 10px;}
.popacctitle{width: 100%; position: relative; overflow: hidden; height: 56px;}
.popacctitle p{float: left;}
.popacctitle p.accicon{font-size: 12px; padding-top:4px; width: 53px; height: 53px; border: 2px solid #eb3b06; }
.popacctitle p.acctxt{line-height: 20px; position: absolute; right: 0; left:65px; top: 0; bottom: 0; padding: 6px 0;}
.popacctitle p.acctxt span:first-child{font-weight: bold;}
.popacctitle p.acctxt span{font-size: 14px; display: block;}
.popupbox.popup_acc table{width: auto; margin-left: 65px; clear: both;} 
.popupbox.popup_acc table th{width: 60px;}
.popup_acc .acc1{background:url(../images/accident1.png)center 3px #ffef3d no-repeat;}
.popup_acc .acc2{background:url(../images/accident2.png)center 3px #ffef3d no-repeat;}
.popup_acc .acc3{background:url(../images/accident3.png)center 3px #ffef3d no-repeat;}
.popup_acc .acc4{background:url(../images/accident4.png)center 3px #ffef3d no-repeat;}
.popup_acc .acc5{background:url(../images/accident5.png)center 3px #ffef3d no-repeat;}
.popup_acc .acc6{background:url(../images/accident6.png)center 3px #ffef3d no-repeat;}
.popup_acc .acc7{background:url(../images/accident7.png)center 3px #ffef3d no-repeat;}

.popupbox table{width: 100%; clear: both;}
.popupbox table .red{color: #ff004e;}
.popupbox table .blue{color: #4d2bf4;}
.popupbox table th{text-align: left; font-weight: normal; height: 25px;}
.popupbox table td{text-align: left; font-weight:bold;}

.popup_parking{width:380px;}
.popup_parking .popupcontens{min-height:50px; padding: 10px;}
.popupbox.popup_parking table{border-radius: 10px; overflow: hidden;}
.popupbox.popup_parking table th{width:102px; padding: 0 10px; height: 27px; background:#ebebeb;}
.popupbox.popup_parking table tr{border-bottom:1px solid #f5f5f5;}
.popupbox.popup_parking table td{background:#fff; padding-left: 10px;}

/*과속 단속*/
.popup_sdcm{width:320px;}
.popup_sdcm .popupcontens{min-height:50px; padding: 10px;}
.popupbox.popup_sdcm table{border-radius: 10px; overflow: hidden;}
.popupbox.popup_sdcm table th{width:102px; padding: 0 10px; height: 27px; background:#ebebeb;}
.popupbox.popup_sdcm table tr{border-bottom:1px solid #f5f5f5;}
.popupbox.popup_sdcm table td{background:#fff; padding-left: 10px;}

.arrowbtn{width: 20px; height: 40px; background: url(../images/traffic_close.png)center #fff no-repeat; position: absolute; top: 50%; right: -20px; border: 1px solid #bbb; border-bottom-right-radius: 5px; border-top-right-radius: 5px; overflow: hidden; border-left: none; margin-top: -20px;}
.listoff .arrowbtn{background: url(../images/traffic_open.png)center #fff no-repeat; }
.listoff .trafficLeftbox{left:-245px;}
.listoff .trafficMapbox{left: 70px;}


/*서브페이지 공통*/
.wrap{width:100% }
.wrap .title{width: 100%;}
.centerbox{width: 1220px; margin: 0 auto; color: #000; text-align: center; position: relative; padding: 45px 0; overflow: hidden;}
.wrap .title .centerbox{color: #fff;}
.wrap .title h2{font-size:42px; line-height: 45px; }
.wrap .title p{font-size: 16px; line-height: 20px; margin-top: 20px;} 
.subtopMap{position: absolute; top: 20px; right: 0; font-size: 13px;}
.subtopMap li{background: url(../images/topmap_arrow.png)right center no-repeat; padding:0 20px 0 10px; float: left;}
.subtopMap li:last-child{background: none; padding-right: 0;}
.subtopMap li a{ color: #fff;}
.subtopMap li:last-child a{font-weight: bold;}

/*센터소개*/
.center_wrap .title{background: #4d2bf4;}
.centerlist{width:100%;overflow: hidden; border-top: 1px solid #e9e9e9 }
.centerlist dl{float:left; width: 25%; border-right: 1px solid #ededed; position: relative; padding: 33px 10px; background: #fff; text-align: center;}
.centerlist dl:last-child{border-right:none;}
.centerlist dt{color: #4d2bf4; text-align: center;}
.centerlist dt img{display: block; margin: 0 auto 10px auto;}
.centerlist dt span.titl{background: url(../images/txtbg.jpg)bottom repeat-x; font-size: 18px; font-weight:bold;  line-height: 18px; display: inline-block;}
.centerlist dt span.info{display:block; font-size: 13px; line-height: 15px; margin: 3px 0; width: 100%;}
.centerlist dd{font-size: 14px; line-height: 20px; width: 100%; text-align: center; margin-top: 15px;}
.leafletBox{width: 100%; border: 1px solid #d6d6d6; border-radius: 10px; overflow: hidden; margin-top: 70px; margin-bottom: 50px;}
.leafletBox .letitlebox{width: 100%; height:60px; background: #7854ff; }
.leafletBox .letitlebox h4{color: #fff; font-size: 15px; float: left; line-height: 20px; margin: 19px 0 0 20px;}
.leafletBox .letitlebox a{float: right; width: 168px; height:100%; line-height:60px; color: #fff; font-size: 14px;  padding-left: 25px; background: url(../images/icon_down.png)25px 21px #6c4beb no-repeat; border-left: 1px solid #977bff;}

.center1{width: 100%; overflow: hidden; border: 1px solid #dddddd; border-radius: 10px}

/*위치안내*/
.location_wrap .title{background: #2e68fd;}
.centermapbox{width: 100%; border: 1px solid #575757; border-bottom:none; height: 570px; background:#f7f2ea;}
.add{width: 100%; border: 1px solid #575757; border-top:none;  background:#4d2bf4; height:80px; padding:30px 20px;}
.add li{color: #fff; padding-left: 25px; font-size: 15px; }
.add .left{float: left; background: url(../images/center_icon2.png)left center no-repeat;} 
.add .right{float: right; background: url(../images/center_icon1.png)left center no-repeat;}
.intro_title{ padding: 50px 0; background: #f2f2f2;}
.intro_title h3{ font-size: 35px; line-height:64px; height:64px; background: url(../images/st.png)center top no-repeat; }
.intro_title p{ font-size: 16px; line-height:23px; margin-top: 10px;}
.intro_diagram{ margin-top: 26px;}
.intro_diagram h3{font-size: 20px; line-height:25px; margin:10px 0; text-align: left;}

/*공지사항*/
.board_wrap .title{background:#6944f5;}
.file{display: inline-block; width:40px; height: 40px; background: url(../images/fille.png)center no-repeat; margin-top: 4px; cursor: pointer;}
.file:hover{background: url(../images/fille_hover.png)center no-repeat; }
#file a {color:#6944f5}
.board_table{width: 100%; border-top: 1px solid #000;}
.board_table tr{border-bottom: 1px solid #e5e5e5;}
.board_table th{text-align: center; height: 70px;}
.board_table td{ height: 70px;}
.board_table td:nth-child(1){width: 15%;}
.board_table td:nth-child(2){width: 45%; text-align: left;}
.board_table td:nth-child(3){width: 20%;}
.board_table td:nth-child(4){width: 20%;}
.page{width: 100%; height:70px; margin: 70px 0; text-align:center;}
.page ul{display: inline-block; margin:0 5px;}
.page ul li{float: left; width:40px; height: 40px; border-radius: 50%; overflow: hidden;}
.page ul li a{display:block; width:100%; height:100%; text-align:center; line-height: 40px; color: #727272;}
.pre10{background: url(../images/board_fast_left.png)center no-repeat;}
.pre1{background: url(../images/board_left.png)center no-repeat;}
.next1{background: url(../images/board_right.png)center no-repeat;}
.next10{background: url(../images/board_fast_right.png)center no-repeat;}
.page ul.btn_num li.click{background: #0F6BFF;}
.page ul.btn_num li.click a{color: #fff; font-weight: bold;}

.board_table .board_content th{width: 15%;}
.board_table .board_content td{width: 35%; text-align:left; }
.board_table td.conten{padding:40px; text-align:left; }
.btnlist{margin: 30px auto; background:#0F6BFF; color: #fff; width: 200px; height: 40px; display: block; line-height: 39px;}
.btnlis:focus-visible{outline:dotted 4px #FFF700; box-shadow:inset 0 0 0px 4px rgba(0,0,0,1); outline-offset:-4px; }

.searchtop{width:100%; margin: 20px 0; overflow: hidden;}
.searchtop p{float: left; line-height: 40px; font-size: 16px;}
.searchtop p span{font-weight: bold;}
.subsearchbox{position: relative; width:300px; height: 39px; background: #f4f4f4; border-radius:10px; float: right; text-align: left; padding-left: 10px;}
.subsearchbox input{border: none; width:240px; height:36px; background: #f4f4f4; }
.subsearchbox button{text-indent: -99999px; width:40px; height:35px; background: url(../images/search2.png)center no-repeat; position: absolute; right: 0; top:0;}
/*교통통계*/
.stati_wrap .title{background:#006bbe;}
.w100box{width: 100%; background:#e7eff7;}
.stati_wrap .subsearchbox{float: none; margin: 0 auto; width:263px;}
.stati_wrap .subsearchbox input{line-height: 36px; width: 177px; display: inline;  text-align: center; color: #6141fd; font-size: 15px; font-weight: bold; background:none;}
.k-button-solid-base{border: none!important;}
.stati_wrap .w100box .centerbox{padding: 40px 0 100px 0;}
.stati_wrap .stati_leftbox{width:100%; height: 290px; }
.stati_wrap .list4{width:100%; height: 610px;}
.w100box section{border-radius: 10px; background: #fff; overflow: hidden; position: relative;}
.stati_wrap .list1{width: 24.5%; margin:0 12px 0 0; float: left; height: 279px;}
.stati_wrap .list2{width: 24.5%; margin:0 12px 0 0; float: left; height: 279px;}
.stati_wrap .list3{width:49%; float:right; height: 279px;}

.w100box section h3{width: 100%; text-align: center; height:40px; line-height:40px; color: #fff; font-size: 15px;}
.stati_wrap .list1 h3{background: #2e68fd;}
.stati_wrap .list2 h3{background: #4d2bf4;}
.stati_wrap .list3 h3{background: #7854ff;}
.stati_wrap .list4 h3{background: #006bbe;}
.stbox{position: absolute; top: 40px; bottom: 0; left: 0; right: 0; padding: 10px;}
.stbox1{position: absolute; top: 40px; bottom: 0; left: 0; right: 0; padding: 10px; margin-top:21px; height:182px;}
.list2 .stbox{top: 58px;}
.stbox .yellow {background: url(../images/yellow.jpg)repeat center #fff46f;}
.stbox .red {background: url(../images/red.jpg)repeat center #f5a5a5;}
.stbox .green {background: url(../images/green.jpg)repeat center #c9ff7c;}
.stbox .gray {background:#e1e1e1;}
.stbox .st4mark{position: absolute; right: 10px; top: 9px;}
.st4mark li{float: left; font-size: 12px;}
.st4mark li p{width: 15px; height: 15px; border-radius: 50%; margin: -3px 3px 0 10px; display: inline-block; vertical-align: middle;}
.list4 table{margin-top: 26px; width: 100%; font-size: 13px; position: relative; height: 523px;}
.list4 table thead th{height: 30px; font-weight: normal; width: 14%;}
.list4 table thead {position: absolute; width: 100%; padding-right: 17px; height: 36px; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2;}
.list4 table tbody {position: absolute; width: 100%; overflow-y: scroll; top: 36px; bottom: 0; border-bottom: 1px solid #d2d2d2;}
.list4 table tr{display: table; width: 100%;}
.list4 table tbody th{ width: 14%; padding: 7px 0; font-weight:bold;}
.list4 table tbody td{width: 14%; font-weight: bold; border: 1px solid #d7d7d7; border-top: none; color: #000; padding: 7px 0; font-size: 14px; height: 35px;}
.k-input-button{right: 40px!important; background: none!important;}
.k-input-solid{border: none!important;}
.k-input-solid.k-focus,.k-input-solid:focus-within{box-shadow: none!important;}


/*.list1 .stbox, .list2 .stbox{display: flex; justify-content: center; align-items: center;}*/
.car{ background: url(../images/st_car.png)center top no-repeat; }
.truck{background: url(../images/st_truck.png)center top no-repeat; }
.bus{background: url(../images/st_bus.png)center top no-repeat;}
.stbox .leftcon{float:left; width: 50%; height: 100%; position: relative; text-align: center; top:10px;}
.stbox .rightcon{float:right; width: 50%; height: 100%; position: relative; text-align: center; top:10px; }
.list3 .chart{position: absolute;height:224px; width: 100%; bottom: 0; top:41px!important; display: flex; justify-content: center; align-items: center;}
.list3 .chartcarSerize{position: absolute;height:186px; width: 100%; bottom: 0; top:21px!important; display: flex; justify-content: center; align-items: center;}
.list3 .stbox h4{border-radius: 40px; color: #fff; background: #2e68fd; text-align: center; width: 210px; font-size: 13px; height: 30px; line-height: 30px; display: inline-block;}
.list3 .stbox h4 span{color: #f6ff00; font-size: 15px; margin-left: 4px; }
.list2 img {position: relative; top: 25px; width: 151px; height: 154px;}
.list3 img {position: relative; top: 45px; width: 151px; height: 154px;}
.list4 img {position: relative; top: 212px; width: 151px; height: 154px;}
.count li{display: inline-block; height: 140px; font-size: 13px; line-height: 20px; text-align: center; padding-top: 77px; width:87px; margin-right:8px;}
.count li:last-child{margin-right: 0;}
.count li p{font-size: 14px; font-weight: bold; border-top: 1px solid #747474; width:100%; padding-top: 5px; margin-top: 5px;}
.list3 .count{padding-top: 20px;}

/*메인페이지 팝업*/
.main_popupBox{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);}
.main_popupBox label{line-height: 20px; display: inline-block; font-size:12px; margin-right: 5px;}

.popupTitle{width: 100%; height: 38px; box-sizing: border-box; background: #616161;}
.popupTitle h3{color: #fff; font-size: 15px; font-weight: bold; line-height: 37px; padding-left: 10px;}
.popupTitle button{width: 29px; height: 29px; position: absolute; right: 4px; top: 5px;  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: #5f5f60; font-size: 12px; color: #fff; line-height:23px;}
.popupConten{width: 100%; height: 100%; box-sizing: border-box; min-height: 100px; padding-bottom:22px; text-align: center; background: #fff;}

/*지하철정보 팝업*/
.popup_subway{width:380px; top: -180px; left: -180px;}
.popup_subway .popupcontens{min-height:100px; padding: 10px 10px 15px 10px;}
.subway_top dt{opacity: 0; text-indent: -99999px; font-size: 0; }
.subway_top{width: 100%; position: relative; height: 40px;}
.subway_top dd{position: absolute;  height:35px; line-height:33px; color: #fff; font-size: 13px; border-radius: 50px;}
.subway_top .subwaycenter{width: 160px; line-height:30px; margin-left:-80px; left:50%; text-align: center; background: #fff; z-index: 2; font-weight: bold; font-size: 15px; color: #000; border: 2px solid #4d2bf4;}
.subway_top .subwayleft{left: 0; text-align: left; background:url(../images/subway_left.png)10px center #4d2bf4 no-repeat; width: 50%; padding-left: 20px; z-index:1; }
.subway_top .subwayright{right: 0; background:url(../images/subway_right.png)95% center #4d2bf4 no-repeat; width: 50%; text-align: right; padding-right: 20px; z-index:1}
.subway_bottom{width: 100%;}
.subway_bottom dl{width: 50%; float: left;}
.subway_bottom dl:last-child{border-left: 1px solid #ddd; padding-left: 10px;}
.subway_bottom dt{width:50%; float: left; color: #000; font-size: 14px; height: 20px; line-height: 20px; text-align: left;}
.subway_bottom dd{width:50%; float: left; color: #d50057; font-size: 14px; height: 20px; line-height: 20px; text-align: left; margin-left:-44px;}

/*이음택시*/
.taxi_wrap .title{background:#7a44df;}
.subnav{text-align: center; margin-top: 37px;}
.subnav li{display: inline-block; width: 190px; height: 42px; margin-right: 5px;}
.subnav li:last-child {margin-right: 0;}
.subnav li a{display: block; width: 100%; height: 100%; color: #fff; font-size: 16px; border: 1px solid #fff; border-radius: 50px; line-height:39px; padding-left: 20px; background: url(../images/menu_nml.png)49px 10px no-repeat;}
.subnav li.click a{ background: url(../images/menu_click.png)49px 10px #fff no-repeat; color: #662ad6; font-weight: bold;}
.taxi_wrap h3{text-indent: -99999px; opacity: 0;}
.texiconten{background: url(../images/taxi.jpg)right 117px no-repeat;}
.texitop{width: 100%; font-size: 23px; line-height:25px; text-align: center;}
.texitop .strong{font-size:45px; font-weight: bold; line-height: 50px; height: 70px;}
.texiconten section{margin:40px 0; overflow: hidden;}
.texiconten section h4{text-align: left; font-size: 22px; width: 100%; height: 42px;}
.taxi1{width: 700px;}
.texiconten section .taxibox{width: 100%; border: 1px solid #dcdcdc; border-radius:10px; overflow: hidden; background: #fff; position: relative;}
.texiconten section table{width: 100%;}
.texiconten section table th{background: #f5f5f5; width: 140px; padding-left: 20px; text-align: left; font-size: 16px;}
.texiconten section table td{background: #fff; text-align: left; font-size: 16px; padding:30px 20px;}
.texiconten section table tr{border-bottom: 1px solid #e5e5e5}
.texiconten section table tr:last-child {border-bottom: none;}
.purple{color: #5500f3;}
.note{position: absolute; width: 357px; border: 13px solid #fff; right: 0; top: 0; bottom: 0; background: #f0f0f0; padding: 30px;}
.note dt{color: #694bea; font-size: 17px; font-weight: bold; height: 50px; width: 100%; line-height: 40px;}
.note dd{width: 100%; background: url(../images/dot.png)left 7px no-repeat; font-size: 16px; line-height: 23px; text-align: left; padding-left: 20px; margin: 20px 0;}
.taxibox2{width: 100%; background: url(../images/arrow.png)29% 86px no-repeat; overflow: hidden;}
.taxibox2 dl{border: 1px solid #dcdcdc; background: #fff; border-radius: 10px; overflow: hidden; float: left;}
.taxibox2 .dl1{width: 27%; margin-right: 5%;}
.taxibox2 .dl2{width: 68%;}

.taxibox2 dl dt{ height: 40px; text-align: center; color: #000; font-size: 15px; background: #dbdbdb; line-height: 40px;}
.taxibox2 dl.dl1 dt{background: #694bea; color: #fff;}
.taxibox2 dl dd{height: 120px; display: flex; justify-content: center; align-items: center; flex-direction: column; line-height: 22px; font-size: 16px;}
.dl2 li{float: left; width: 169px; padding-right: 24px; background: url(../images/arrow.png)right 20px no-repeat; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.dl2 li:last-child {background:none; padding-right: 0; width: 130px; }

.texiconten.texiconten2{background: none;}
.texiconten.texiconten2 section{margin:0 0 40px 0;}
.texiconten.texiconten2 section .taxibox{border-radius:0; border: none; border-top: 1px solid #000;}
.texiconten.texiconten2 section table thead, .texiconten.texiconten2 section table tbody{border-bottom:1px solid #cacaca;}
.texiconten.texiconten2 section table th{width: auto; text-align: center; padding-left: 0; height: 40px; }
.texiconten.texiconten2 section table td{width: auto; text-align: center; padding-left: 0; padding: 10px 0;border-right: 1px solid #e5e5e5;}
.texiconten.texiconten2 section table td:first-child {border-left:1px solid #e5e5e5;}

.tabledot li{background: url(../images/dot2.png)20px center no-repeat; padding-left: 35px; text-align: left;}

/*수요응답형버스*/
.texiconten.mdrtconten section.taxi2 table th{text-align: center; height: 47px;}
.texiconten.mdrtconten section.taxi2 table td{text-align: center; height: 55px; padding: 0;}
.texiconten.mdrtconten{background: url(../images/bus.jpg)right 108px no-repeat;}
.mdrtmapbox{width: 100%; overflow: hidden; clear: both;}
.mdrtmap{width:605px; border: 1px solid #dcdcdc; float: left; border-radius: 10px; position: relative; overflow: hidden;}
.mdrtmap:first-child {margin-right: 10px;}
.mdrtmap h3{background: #f5f5f5; font-size: 16px; width: 100%; height:47px; text-align: center; text-indent:1px; opacity:1; line-height:47px; border-bottom: 1px solid #e3e3e3; }
.mdrtmap p{position: absolute; width: 100px; background: #fff; left: 0; top:47px; height: 30px; line-height: 30px; font-size: 13px; text-align: center;z-index: 2}

.texiconten.mdrtconten section.taxi2 .taxiboxlast table th{padding-left: 0;}


.loader{position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; background: rgba(255,255,255,0.7)}

.popup.pop_accessibility .btnclose{text-indent:1px; color: #fe8f1d; font-size: 14px; font-weight: bold; width: 55px; background: url(../images/close.png)center left no-repeat;}
.pop_accessibility{width:786px; height: 300px; bottom: 0; right:100px;}
.pop_accessibility .pop_conten{background: #292929; padding: 10px; color: #fff; height:90%; font-size: 13px; line-height: 18px; text-align: left; overflow-y:scroll; }

.popup .btnclose button{text-indent:-99999px;}
.popup .btnclose{position: absolute; right: 0; top: 0; width: 30px; height: 35px; background: url(../images/close.png)center no-repeat; z-index: 2;}
.popup .btnclose:hover{ background: url(../images/close.png)center #4f4f4f no-repeat;}


.wamark{position: absolute; left:50%; top:46px; width:131px; margin-left: 491px;}
.wamark img{width: 100%;}

/*홍보영상*/
.subpagesnav{width: 100%; text-align: center; margin-top: 32px;}
.subpagesnav li{display: inline-block; width: 200px; height:47px;margin: 0 2px;}
.subpagesnav li a{display: block; width: 100%; height:38px; border-radius: 30px; background: #fff; line-height: 34px; font-size: 16px; color:#483d7e;}
.subpagesnav li.click a{text-decoration: underline;  font-weight: bold; color:#483d7e; background:#fff; font-size: 17px;}
.subpagesnav li.click{background:url(../images/subarrow.png)center bottom no-repeat;}
.subnavh3{opacity: 0; position: absolute; top: -10000px;}
.videoTxt{ width: 100%; height:350px;}
.videoTxt h4 {font-size: 17px; font-weight: bold; height: 49px; line-height: 46px; width: 100%; display: block; text-align: left; color: #000; padding-left: 10px;}
.videoTxt .txtBox { border-top: 1px solid #f1f1f1; padding:10px 16px 8px 10px; height:293px; font-size: 15px; line-height: 20px;font-weight: 300;color: #000; overflow-y: scroll;}
.videoTxt .txtBox pre {font-family: 'Noto Sans KR'; text-align: left;}
.centerbox video{width: 100%;}

.videobox .intro_title{padding: 30px 0}
.videobox h3{width: 100%; background: url(../images/st2.png) center top no-repeat;}