@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;}
body{ min-width: 320px; overflow-x: hidden;}
button{cursor: pointer;}
input{cursor: pointer; outline:none;}
button:hover{text-decoration: underline;}
.wrap{width: 100%; overflow:hidden;}
select::-ms-expand{display: none;}
select{-webkit-appearance:none; -mox-appearance:none; appearance:none;}
address{font-style: normal;}


/*메인화면*/
.mainwrap{position: absolute; left: 0; right: 0; top: 0; bottom: 0; min-height: 860px}
#bbs_list{display: table; width: 100%;}


/*메뉴*/
header{width:206px; position: absolute; left: 0; top: 0; bottom: 0; background: #ebebeb;}
header h1{text-align:center; width: 100%; height: 180px; box-sizing: border-box; background: #fff; }
header h1 a{display: block; width: 100%; height: 100%;}
header h1 a span{display: none;}
.koclick header h1 a{background: url(../images/logo_pc.png)center no-repeat;}
.enclick header h1 a{background: url(../images/en/logo_pc.png)center no-repeat;}
.chclick header h1 a{background: url(../images/ch/logo_pc.png)center no-repeat;}
.jeclick header h1 a{background: url(../images/je/logo_pc.png)center no-repeat;}

.m_menubtn{display:none;}
header .language{display: block; width: 100%; background: #ebebeb; height: 34px;}
header .language li{float: left; padding-top: 11px;  width: 25%;}
header .language li a{color: #aeaeae; font-size: 11px; display: block; width: 100%; text-align: center; border-right: 1px solid #d6d6d6; box-sizing: border-box; line-height: 11px;}
header .language li:last-child a{border-right: none;}
header nav{width: 100%; background: #0057b0}
header nav li{width: 100%; height:60px; border-bottom: 1px solid #3379c0;}
header nav li a{display:block; width: 100%; line-height:60px; height:100%; color: #fff; font-size: 17px; font-weight: bold;box-sizing: border-box; padding: 0 10px}
.enclick header nav .pad a{line-height:20px; padding: 9px 10px;}
header nav li a:hover{background:#0b294f}

.koclick .language .ko a,
.enclick .language .en a,
.chclick .language .ch a,
.jeclick .language .je a{color: #000;}

.busclick .bus,
.fastclick .fast,
.trclick .traffic,
.viclick .vicinity,
.cenclick .center,
.tr4click .traffic4
{background: #0b294f;}


header .site{position: absolute; bottom: 10px; left: 0; right: 0;}
header .site li a{color: #3a3a3a; font-size: 11px; line-height:30px; padding-left: 10px; box-sizing: border-box;}
.enclick header .site li a{letter-spacing: -1px}
header .site li a img{vertical-align: middle; margin-right: 3px}
header .site li select{width: 100%; height: 44px; color: #fff; border: none; cursor: pointer; margin-top: 10px; padding-left: 5px; box-sizing: border-box;  background: url(../images/main_arrow4.png)95% 50% #030a23 no-repeat;}
.manu_back, .m_menu_close{display: none;}


/*메인내용*/
.mainwrap article{position:absolute; left: 206px; right: 154px; top: 0; bottom: 0;}
.main_left_box{position: absolute; left: 0; width: 50%; top: 0; bottom: 0; background-image: url(../images/main_img.jpg); background-size: cover;}
.main_left_box .delaybox{position:absolute;  left: 10%; right: 10%; top: 50px; bottom: 60px}
.main_left_box .delaybox h2{display: block; width: 100%; text-align: center; height: 172px; padding-top:75px; background: url(../images/main_delay_icon.png) center top no-repeat; color: #fff; font-size: 32px; box-sizing: border-box; overflow: hidden}
.main_left_box .delaybox h2 span{color: #d9d5cf; font-size: 14px; display: block}

.enclick .main_left_box .delaybox h2{line-height: 32px; padding-top: 58px;}

.delaydetail{position: absolute; width: 100%; top: 172px; bottom: 0; border-radius: 10px; overflow: hidden; }
.delaydetail_select{width: 100%; background: url(../images/main_delay_bg.jpg); background-position: center; height: 39px; }
.delaydetail_select select{font-weight:bold; background: none; border: none; color: #fff; font-size: 16px; width: 100%; height: 100%; box-sizing: border-box; padding-left: 10px; cursor: pointer; background: url(../images/main_arrow3.png)97% 50% no-repeat;}
.delaydetail_select select option{color: #000; background: #f0ede6}
.delaydetail_list{position: absolute; width: 100%; top: 39px; bottom: 0; background: rgba(0,0,0,0.5); overflow-y: auto; color: #fff;}
.delaydetail_list li{width: 100%; padding: 8px; box-sizing: border-box; border-bottom: 1px dotted #6f6f6f;}
.delaydetail_list .title{font-size: 15px; font-weight: bold; line-height: 30px;}
.delaydetail_list .none{font-size: 15px; font-weight: bold; line-height: 30px; text-align: center;}
.delaydetail_list .title span{display: inline-block; border-radius: 20px; font-size: 12px; text-align: center; line-height: 20px; margin-right: 5px; padding: 0 8px}
.delaydetail_list .title .green{background: #0fb433; }
.delaydetail_list .title .yellow{background: #e8a400; }
.delaydetail_list .title .red{background: #cb0000; }
.delaydetail_list .info{font-size: 13px; width: 100%; /*overflow: hidden; text-overflow: ellipsis; white-space: nowrap;*/}
.delaydetail_list .info span{color: #ffb400; margin-left: 5px}

/* Chrome, Safari용 스크롤 바 */
.delaydetail_list::-webkit-scrollbar {width:17px; height: 17px;}
.delaydetail_list::-webkit-scrollbar-button { display: none;}
.delaydetail_list::-webkit-scrollbar-track {background:#41403f;}
.delaydetail_list::-webkit-scrollbar-thumb {height: 10px; width: 10px; background:#797979; -webkit-box-shadow:#41403f;}

.main_right_box{position: absolute; right: 0; width: 50%; top: 0; bottom: 0;}
.main_right1{position: absolute; left: 0; width: 50%; top: 0; bottom: 0;}

.main_right1 ul, .main_right2 ul{display: block; height: 100%; width: 100%;}
.main_right1 li{width: 100%; height: 25%; box-sizing: border-box;}
.main_right1 li a, .main_right2 li a{display: block; width: 100%; height: 100%; font-weight: bold; box-sizing: border-box;}
.main_right1 li a .m_subtitle{padding: 25px 10px 0 20px; font-size:20px; width: auto; display: inline-block;  vertical-align: middle; box-sizing: border-box}
.main_right1 li a:hover .m_subtitle, .main_right2 .main5 a:hover span{text-decoration: underline;}
.go1{background: url(../images/main_arrow1.png)no-repeat; width: 25px; height: 25px; display: inline-block; vertical-align: middle; margin-top:25px}
.go2{background: url(../images/main_arrow2.png)no-repeat; width: 25px; height: 25px; display: inline-block; vertical-align: middle; margin-top:25px}
.enclick .go1{display:block; margin-top:20px; margin-left: 20px;}
.enclick .go2{display:block; margin-top:20px; margin-left: 20px;}

.main_right1 .main1{background: url(../images/main_menubg1.jpg)repeat;}
.main_right1 .main1 a{color: #fff; background: url(../images/main_menuimg1.png)85% bottom no-repeat;}
.main_right1 .main2{background:#e3e8ed; }
.main_right1 .main2 a{color: #000; background: url(../images/main_menuimg2.png)center bottom no-repeat;}
.main_right1 .main3{background: url(../images/main_menubg2.jpg)repeat; }
.main_right1 .main3 a{color: #000; background: url(../images/main_menuimg5.png)85% 75% no-repeat;}
.main_right1 .main4{background:#060d29; }
.main_right1 .main4 a{color: #fff; background: url(../images/main_menuimg4.png)center bottom no-repeat;}

.main_right2{position: absolute; right: 0; width: 50%; top: 0; bottom: 0;}

.main_right2 .main5{height: 25%; background: url(../images/main_bg.jpg); background-size: cover; position: relative}
.main_right2 .main5 a{color: #fff;}
.main_right2 .main5 a span{ display: block; width: 81px; height: 120px; background: url(../images/main_logo.png)center 0 no-repeat; padding-top: 94px; text-align: center; position: absolute; left: 50%; top:50%; margin: -60px 0 0 -40px; font-size: 20px; box-sizing: border-box;}

.main_right2 .main6{padding:25px 20px; border-left: 1px solid #ccc; height: 50%; box-sizing: border-box; position: relative;}
.main6_title{width: 100%; overflow: hidden; height:40px; }
.main6_title h2{color: #000; font-size:20px; float: left}
.main6_title .more{ float: right; background: url(../images/main_more.png)right no-repeat; width:48px; font-size: 11px; color: #000; height:16px; margin-top: 5px;}
.main6table{border-collapse: collapse; position: absolute; top: 50%; margin-top: -156px; left: 20px; right: 20px; display: block;}
.main6table tr{border-bottom: 1px dotted #dfdfdf; cursor: pointer;}
.main6table td:hover .title{text-decoration: underline;}
.main6table td{height: 50px; font-size: 13px; text-align: left; }
.main6table .day{color: #f08200; width:16%; font-weight: bold; display: block; float: left; letter-spacing: -1px}
.main6table .title{padding-left: 5px; box-sizing: border-box; width: 84%; display: block; float: left; letter-spacing: -1px}
@media (max-width:1680px){
.main6table .day{width:18%;}
.main6table .title{width: 82%;}}
@media (max-width:1520px){
.main6table .day{width:20%;}
.main6table .title{width: 80%;}}
@media (max-width:1420px){
.main6table .day{width:22%;}
.main6table .title{width: 78%;}}

.main_right2 .main7{padding:25px 20px; height:25%; box-sizing: border-box; background: #bbbec1}
.main7_title{width: 100%; overflow: hidden; height:33px; }
.main_right2 .main7 h2{color: #000; font-size:20px; float: left}
.main_right2 .main7 .main7slidebtn{float: right; width:60px; height: 20px;}
.main_right2 .main7 .main7slidebtn li{float: left;width: 20px;height: 20px;cursor: pointer;outline: darkcyan;}
.main_right2 .main7 .main7slidebtn li.btn_left{ background: url(../images/main_popup_left.png)no-repeat;}
.main_right2 .main7 .main7slidebtn li.btn_stop{ background: url(../images/main_popup_stop.png)no-repeat;}
.main_right2 .main7 .main7slidebtn li.btn_play{ background: url(../images/main_popup_play.png)no-repeat;}
.main_right2 .main7 .main7slidebtn li.btn_right{ background: url(../images/main_popup_right.png)no-repeat;}

.main_right2 .main7 .main7slide{clear: both; height:145px; width: 100%; text-align: center; background: #fff;  border-radius: 10px; overflow: hidden;}
.main_right2 .main7 .main7slide li, .main_right2 .main7 .main7slide li img{width:100%; height:100%; margin: 0 auto}

.bx-wrapper{border-radius:10px; overflow:hidden}

/*메인언어동일*/
.enclick .main_right1, .chclick .main_right1, .jeclick .main_right1, .enclick .main_right1{position: absolute; left: 0; width: 100%; top: 0; bottom: 0;}
.enclick .main_right1 li, .chclick .main_right1 li, .jeclick .main_right1 li{width: 50%; height: 50%; float:left; box-sizing: border-box;}
.enclick .main_right1 .main1, .chclick .main_right1 .main1, .jeclick .main_right1 .main1{background: url(../images/main_menubg1.jpg)repeat;}
.enclick .main_right1 .main1 a, .chclick .main_right1 .main1 a, .jeclick .main_right1 .main1 a{color: #fff; background: url(../images/main_menuimg1.png)85% bottom no-repeat;}
.enclick .main_right1 .main2, .chclick .main_right1 .main2, .jeclick .main_right1 .main2{background:#e3e8ed; }
.enclick .main_right1 .main2 a, .chclick .main_right1 .main2 a, .jeclick .main_right1 .main2 a{color: #000; background: url(../images/main_menuimg2.png)center bottom no-repeat; background-size:400%;}
.enclick .main_right1 .main3, .chclick .main_right1 .main3, .jeclick .main_right1 .main3{background: url(../images/main_menubg2.jpg)repeat; }
.enclick .main_right1 .main3 a, .chclick .main_right1 .main3 a, .jeclick .main_right1 .main3 a{color: #000; background: url(../images/main_menuimg3.png)78% 85% no-repeat; background-size:160px;}
.enclick .main_right1 .main4, .chclick .main_right1 .main4, .jeclick .main_right1 .main4{background:#060d29; }
.enclick .main_right1 .main4 a, .chclick .main_right1 .main4 a, .jeclick .main_right1 .main4 a{color: #fff; background: url(../images/main_menuimg4.png)center bottom no-repeat; background-size:400%;}
.enclick .main_right1 .main5, .chclick .main_right1 .main5, .jeclick .main_right1 .main5{height: 50%; background: url(../images/main_bg.jpg); background-size: cover; position: relative}
.enclick .main_right1 .main5 a, .chclick .main_right1 .main5 a, .jeclick .main_right1 .main5 a{color: #fff;}
.enclick .main_right1 .main5 a span, .chclick .main_right1 .main5 a span, .jeclick .main_right1 .main5 a span{ display: block; width: 172px; height: 120px; background: url(../images/main_logo.png)center 0 no-repeat; padding-top: 94px; text-align: center; position: absolute; left: 50%; top:50%; margin: -60px 0 0 -86px; font-size: 20px; box-sizing: border-box;}


/*메인푸터*/
.mainwrap footer{position: absolute; background: #eeeeef; width: 154px; top: 0; bottom: 0; right: 0; border-left: 1px solid #ccc; text-align: center}

/* .mainwrap footer h2{height: 25%; box-sizing: border-box; position: relative;}
.mainwrap footer h2 img{position: absolute; left: 50%; top: 50%; margin:-24px 0 0 -57px }
.enclick footer h2 img,
.chclick footer h2 img,
.jeclick footer h2 img{margin:-63px 0 0 -36px }*/

footer .weather_box{height: 25%; box-sizing: border-box; position: relative;}
.weather_box .weather_conten{position: absolute; left: 0; top: 50%; margin-top:-90px; width: 100%; height: 180px; text-align: center; }
.tem{text-align: center; font-size: 13px; font-weight: bold;}
.tem span{font-size: 23px;}
.dust{width: 100%; margin-top:15px; overflow: hidden;}
.dust dt{float: left; font-size: 12px; letter-spacing: -0.5px; text-align: left; width: 69px; padding-left: 10px; box-sizing: border-box; line-height: 20px;}
.dust dd{float:right; font-size: 12px; letter-spacing: -0.5px; color: #0078ff; text-align:right; width: 84px;  padding-right: 10px;box-sizing: border-box; line-height: 20px;}
.enclick .dust dt, .jeclick .dust dt{width: 81px; line-height: 14px; margin-bottom:13px; padding-left: 5px}
.enclick .dust dd, .jeclick .dust dd{width: 73px; padding-right: 5px; line-height: 14px;}

.mainwrap footer .footmenu{width: 100%; overflow: hidden;}
.mainwrap footer .footmenu li{width: 100%; height: 88px; border-top: 1px solid #ccc;}
.mainwrap footer .footmenu li:last-child{border-bottom: 1px solid #ccc;}
.mainwrap footer .footmenu li a{display: block; width: 100%; height: 100%; box-sizing: border-box; color: #000; line-height: 87px; padding-left:63px; font-size: 14px; font-weight: bold; box-sizing: border-box; text-align: left;}
.footmenu1{background: url(../images/foot_icon1.png)20% center no-repeat;}
.footmenu2{background: url(../images/foot_icon2.png)20% center no-repeat;}

.mainwrap .footphon{color: #909090; font-size: 11px; position: absolute; bottom: 0; width: 100%; text-align: center}
.mainwrap .footphon address span{display: block}
.mainwrap .footphon address .bar{width: 20px; height: 1px; background: #d9d9da; margin:14px auto}
.mainwrap .footphon a{display: block; color: #838383; font-weight: bold; margin-bottom:7px;}
.mainwrap .footphon .qr{margin:20px auto 30px auto}
footer .m_foot1{display: none;}

.buswrap footer, .subwrap footer{display: none;}

/*지도페이지공통*/
.mapwrap header{position: fixed; min-height: 700px; }
body .mapwrap{min-height:800px;}
.mapwrap article{right: 0; position: fixed;}
.sub_left_box{position: absolute; left: 0; width:336px; top: 0; bottom: 0; border-left: 1px solid #999; border-right:1px solid #999; box-sizing: border-box;}
.sub_left_box_hide_btn {position:absolute; left:335px; top:50%; z-index:999; margin-top:-28.5px;} 
.sub_left_box_hide_btn a {background:url('../images/map_left_close.png') 0 0 no-repeat; display:inline-block; width:15px; height:57px;}
.sub_left_box_show_btn {display:none; position:absolute; top:50%; z-index:999; margin-top:-28.5px;}
.sub_left_box_show_btn a { background:url('../images/map_left_open.png') 0 0 no-repeat; display:inline-block; width:15px; height:57px;}

.sub_top{position: absolute; top: 0; width: 100%; background: #f7f7f7; border-bottom: 1px solid #b4b4b4; padding:32px 16px 18px 16px; box-sizing: border-box; z-index: 1;}
.subwrap .none{top: -20px}
.subwrap h2{font-size: 13px; color: #000; position: absolute; z-index: 3; left: 16px; top: 14px; }
.subwrap h2 span{color: #0057b0}
.pastwrap h2{display: none;}
embed{width: 100%; height: 100%;}
.mfast{display: none;}

.tab_box{display: block; width: 100%; overflow: hidden; margin-top: 3px}
.tab_box li{float: left; height:36px; background: url(../images/tab_bg.png)repeat;}
.tab_box li a{display: block; width: 100%; height: 100%; line-height: 33px; box-sizing: border-box; border: 1px solid #a5a5a5; border-bottom: none; color: #353535; font-size: 13px; text-align: center; padding-left: 15px; font-weight: bold; }
.tab_box li.click{background: url(../images/sub_tab_click.png)left top #0057b0 no-repeat;}
.tab_box li.click a{border: 1px solid #363636; color: #fff; border-bottom: none; }

.businput{width: 100%; border: 1px solid #183e72; box-sizing: border-box; background: #fff; height:39px; overflow: hidden;}
.businput input{ float: left; height: 37px; line-height: 37px; width:83%; border: none;margin-left: 5px; letter-spacing: -1px}
.businput button{float: right; background:url(../images/icon_search1.png)center 9px #f08200 no-repeat;width: 37px; height: 37px; border: none;}

/*검색결과리스트*/
.sub_conten{position: absolute; z-index: 1; width: 100%; bottom: 0; top: 129px; overflow-y: auto; padding: 16px; box-sizing: border-box;}
.sub_title{width: 100%; box-sizing: border-box; padding-left: 53px; padding-top:0; height:65px; margin-bottom:10px; }
.sub_title h3{font-size: 20px; color: #000; line-height: 28px;}
.sub_title h3 span{color: #0062c7;}
.sub_title p{font-size:12px; color: #838383; letter-spacing: -1px ; line-height: 16px;}
.enclick .sub_title p, .jeclick .sub_title p, .chclick .sub_title p{letter-spacing:0; }
.sub_list_box{width: 100%; }
.list_top{width: 100%; border-top: 1px dotted #e3e3e3; border-bottom: 1px solid #000; height: 32px; line-height: 32px; overflow: hidden; font-size: 12px;}
.list_top .result{float: left;}
.list_top .result span{color: #f65700; font-weight: bold;}
.sub_top .check{float: right; font-size: 12px; margin-top: -17px;}
.sub_top .check label{cursor: pointer;}
label input{vertical-align: middle; margin: -2px 3px 0 0}
.sub_list_line li{width: 100%; border-bottom: 1px dotted #d3d3d3; box-sizing: border-box; padding:10px 7px; cursor: pointer;}
.sub_list_line li p span{vertical-align: middle;}
.bus_p{color: #fff; font-size: 11px; border-radius: 2px; display: inline-block; height: 15px; text-align: center; margin:3px 3px 0 0 ; padding: 0 2px}
.nomber{font-size:18px; font-weight: bold;}
.bus_info{font-size: 12px; color: #000; line-height: 16px; width: 89%; /*overflow: hidden; text-overflow: ellipsis; white-space: nowrap;*/ margin-top:1px; letter-spacing: -0.5px;}
.bus_main .nomber{color: #0057b0;}
.bus_sub .nomber{color: #00a161;}
.bus_main .bus_p{background: #0057b0;}
.bus_sub .bus_p{background: #00a161;}

/*버스운행정보*/
.bus_top .tab_box li{width: 50%;}
.bus_top .tab_box li.click .tab1{background: url(../images/sub_bus1_click.png)25% 5px no-repeat;}
.bus_top .tab_box li .tab1{background: url(../images/sub_bus1_nml.png)25% 5px no-repeat;}
.enclick .bus_top .tab_box li.click .tab1{background: url(../images/sub_bus1_click.png)19% 5px no-repeat;}
.enclick .bus_top .tab_box li .tab1{background: url(../images/sub_bus1_nml.png)19% 5px no-repeat;}

.bus_top .tab_box li.click .tab2{background: url(../images/sub_bus2_click.png)20% 5px no-repeat;}
.bus_top .tab_box li .tab2{background: url(../images/sub_bus2_nml.png)20% 5px no-repeat;}
.enclick .bus_top .tab_box li.click .tab2{background: url(../images/sub_bus2_click.png)22% 5px no-repeat;}
.enclick .bus_top .tab_box li .tab2{background: url(../images/sub_bus2_nml.png)22% 5px no-repeat;}

.route_title{background: url(../images/bus_route_img.png)left 5px no-repeat;}
.bus_conten .sub_list_line li{background: url(../images/sub_list_arrow1.png)97% center no-repeat;}
.bus_conten .sub_list_line li:hover{background: url(../images/sub_list_arrow1.png)97% center #f7f7f7 no-repeat;}
.bus_conten .sub_list_line li:hover .nomber{text-decoration: underline}

/*버스운행정보-노선상세보기*/
.bus_conten2{display: none; position: absolute; z-index: 4; width: 100%; top: 0; bottom: 0; left: 0; right: 0; background: #fff; border: 2px solid #000; box-sizing: border-box; padding:10px 15px 15px 15px;}
.mo_btn_map{display: none;}
.detail_top1{width: 100%; overflow: hidden;}
.detail_top1 .nomber{font-size:30px; vertical-align: middle;}
.detail_top1 .bus_p{vertical-align: middle; margin-right: 5px}
.detail_top1 p{float: left;}
.detail_top1 .btn{float: right; margin-top: 9px;}
.detail_top1 .btn li{float: left; margin-left:10px;}
.sub_back{background:url(../images/sub_back.png)10px center no-repeat;; border: none; width: 47px; height: 25px; font-size: 13px; text-align: right;}
.btn_map, .btn_list, .btn_list2{background: #3d3d3d; color: #fff; border: none; border-radius:20px; width:68px; height: 25px; font-size: 13px; }

.detail_top2{width: 100%; border-collapse: collapse; font-size: 12px; font-weight: bold; text-align: center; border-top: 1px solid #000; margin-top: 5px;}
.detail_top2 tr{border-bottom: 1px solid #d6d6d6;}
.detail_top2 .titel th{background: url(../images/sub_tab_click.png)left top #0057b0 no-repeat; height: 27px; border-bottom: 1px solid #000; color: #fff;}
.detail_top2 .titel th span{margin: 0 5px}
.orange{color: #fcbe00;}
.detail_top2 th{height: 25px; border-left: 1px solid #d6d6d6; color: #000; background: #f7f7f7; width: 33.3%; box-sizing: border-box;}
.detail_top2 th:first-child, .detail_top2 td:first-child{border-left:none;}
.detail_top2 td{height: 25px;  border-left: 1px solid #d6d6d6; color: #fc2400; box-sizing: border-box;}
.busclock{height:24px; display: inline-block; border: 1px solid #c6c6c6; background: url(../images/icon_clock.png)5px center no-repeat; font-size: 12px; color: #000; padding-left: 20px; padding-right:5px; box-sizing: border-box; line-height: 23px; margin-top:8px;}
.buspo{height:24px; display: inline-block; border: 1px solid #c6c6c6; background: url(../images/icon_po.png)5px center no-repeat; font-size: 12px; color: #000; padding-left: 18px; padding-right:5px; box-sizing: border-box; line-height: 23px; margin-top:8px;}

.detail_conten{position: absolute; height:294px; top:159px; left:15px; right: 15px; border-top: 2px solid #000; margin-top: 16px; border-bottom: 1px solid #000; overflow: hidden; }
.time{width:36px; height: 19px; color: #498cd0; border: none; cursor: pointer; box-sizing: border-box;  background: url(../images/select_arrow1.png)95% 50% #fff no-repeat; font-size: 12px;}
.enclick .time{width: 45px;}
.detail_conten .title{font-size: 12px; color: #9e9e9e; border-bottom: 1px solid #c4c4c4; height: 33px; overflow: hidden;}
.detail_conten .title p{float: left; line-height: 30px;}
.detail_conten .title .btn_re{float: right; width: 72px; font-size: 12px; border: none; border-left: 1px solid #d8d8d8; height:16px; background: url(../images/icon_re.png)7px center no-repeat; margin-top: 7px; padding-left: 15px; box-sizing: border-box; text-align: right}
.enclick .detail_conten .title .btn_re{width: 62px;}
.jeclick .detail_conten .title .btn_re{width: 96px;}
.chclick .detail_conten .title .btn_re{width:50px;}

.bus_conten2 .sub_list_line{position: absolute; left:15px; right:15px; top:174px; border-top: 2px solid #000}
.bus_conten2 .sub_list_line li{ padding: 0; border-bottom:1px solid #e6e6e6;}
.bus_conten2 .sub_list_line li:last-child{margin-bottom:15px}
.bus_conten2 .busli li .ans li:last-child{border-bottom:1px solid #e6e6e6;}
.bus_conten2 .sub_list_line li .list_off{padding: 5px 7px 11px 7px}
.bus_conten2 .sub_list_line li .list_on{padding: 5px 7px 11px 7px}
.bus_conten2 .sub_list_line li .list_on .bus_main .nomber{color: #3f9cfb}
.bus_conten2 .sub_list_line li .list_on .bus_main .bus_p{background:#3093f7 }
.bus_conten2 .sub_list_line li .list_on .bus_sub .nomber{color: #29db94}
.bus_conten2 .sub_list_line li .list_on .bus_sub .bus_p{background:#0bc279 }
.bus_conten2 .sub_list_line li .list_on .bus_info{color: #fff;}
.bus_conten2 .detail_conten{position: relative; left: 0; right: 0; top: 0; margin-top: 0; border-top: 1px solid #a1a1a1;}
.bus_conten2 .ans{background: #fff; padding: 0;}
.bus_conten2 .detail_list{top: 0;}
.bus_conten2 .busli li .ans li{padding: 0;}

.detail_list{position: absolute; left: 0; right: 0; top: 34px; bottom: 0; overflow-y: auto; }
.detail_list li{position: relative; width: 100%; border-bottom: 1px solid #e6e6e6; height: 45px; line-height: 44px; clear: both; box-sizing: border-box; padding-right: 5px;}
.detail_list .name{font-size: 12px; float: left; width: 70%; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; line-height: 16px; margin-top: 6px; cursor: pointer;}
.detail_list .name:hover{text-decoration: underline}
.detail_list .name span{display: block; font-size: 12px; color: #7b7b7b;}
.detail_list li div{width: 74px; float: right; font-size: 12px; height: 45px;}

.start_blue{background:url(../images/route_line_blue_start.png)right no-repeat;}
.enclick .start_blue, .chclick .start_blue, .jeclick .start_blue
{background:url(../images/route_line_blue_start_e.png)right no-repeat;}

.start_red{background:url(../images/route_line_red_start.png)right no-repeat;}
.last_blue{background:url(../images/route_line_blue_last.png)right no-repeat;}
.last_red{background:url(../images/route_line_red_last.png)right no-repeat;}
.line_blue{background:url(../images/route_line_blue.png)right no-repeat;}
.line_red{background:url(../images/route_line_red.png)right no-repeat;}
.turn_blue{background:url(../images/route_line_blue_turn.png)right no-repeat;}
.turn_red{background:url(../images/route_line_red_turn.png)right no-repeat;}

.bus_number{background:url(../images/bus_number.png)center no-repeat; float: left; width: 46px; text-align: left; color: #001eff; font-weight: bold; padding-left: 7px; box-sizing: border-box;}
.list_bus{position: absolute; width: 28px; height: 45px; right: 5px;}
.bus_blue{background:url(../images/route_bus_blue.png)center no-repeat;}
.bus_green{background:url(../images/route_bus_green.png)center no-repeat;}
.bus_red{background:url(../images/route_bus_red.png)center no-repeat;}
.bus_low_blue{background:url(../images/route_bus_low_blue.png)center no-repeat;}
.bus_low_green{background:url(../images/route_bus_low_green.png)center no-repeat;}
.bus_low_red{background:url(../images/route_bus_low_red.png)center no-repeat;}

.litime{font-size: 11px; margin: 5px 31px 0 0; float: right; color: #7188dc}
.list_on .litime{color: #a2aeda;}

/*지도*/
.m_map_top{display: none;}
.map_box{position: absolute; left:336px; top: 0; bottom: 0; right: 0; z-index:4}
.me{position: absolute; left:1px; top:1px; z-index:4; width: 32px; height: 32px;background: url(../images/rvds_1.png)no-repeat; border: none; }
.map_contenbox{position:absolute; top:34px; left: 0; right: 0; bottom: 0;}
.vici .map_contenbox{top: 0;}
.busclick .map_contenbox{top: 0;}
.map_conten{width: 100%!important; height: 100%!important; background-position: center; background: #f7f5ec; position: absolute!important; background-position:center!important; }

/*정류장*/
.bus_title{background: url(../images/bus_bus_img.png)left 5px no-repeat;}
.txttitle{font-weight: bold; font-size: 15px; color: #0046b0; line-height: 17px; width: 89%;}
.enclick .txttitle{font-size: 14px;}
.stop_conten .sub_list_line li{background: url(../images/sub_list_arrow1.png)97% center no-repeat; overflow: hidden}
.stop_conten .sub_list_line li:hover{background: url(../images/sub_list_arrow1.png)97% center #f7f7f7 no-repeat;}
.stop_conten .sub_list_line li:hover .txttitle{text-decoration: underline}
.ex{font-size: 11px; color: #f08200; line-height: 14px; display: block; margin-top:3px}
.stop_conten .sub_title{height: 65px;}
.enclick .stop_conten .sub_title,
.jeclick .stop_conten .sub_title,
.chclick .stop_conten .sub_title
{height:65px;}

.stop_info_box{overflow: hidden; border-top:1px dotted #e3e3e3; padding-top: 17px; }
.stop_info_box dt{color: #f08200; font-weight: bold; font-size: 13px; padding-left:20px; box-sizing: border-box; background:url(../images/center_dot.png)left center no-repeat;}
.stop_info_box dt.dt2{margin-top: 25px}
.stop_info_box dd{font-size: 12px; margin: 10px 0}
.stop_info_box dd .stopinfo_arrow{padding-left:16px; background:url(../images/icon04.png)left 2px no-repeat; box-sizing: border-box; line-height: 18px; color: #1c6ee3; font-size: 11px; letter-spacing: -1px}
.stop_info_box dd .stopinfo1{clear: both;}
.stop_info_box dd .stopinfo1 .stopinfo_no{color: #fff; font-size: 11px; background: #3e84e7; border-radius:50%; width: 16px; height: 16px; text-align: center; margin-right: 3px}
.stop_info_box dd .stopinfo1 span{display: block; float: left; width: 93%}

/*빠른길 찾기*/
.fastwrap article{border-left: 1px solid #999; box-sizing: border-box;}

/*교통정보*/
.traffic_top .tab_box li{width: 33.3%}
.traffic_top .tab2{border-left: none; border-right: none;}
.traffic_top .tab_box li .tab1{background:url(../images/sub_tr1_nml.png)9% 5px no-repeat;}
.traffic_top .tab_box li.click .tab1{background:url(../images/sub_tr1_click.png)9% 5px no-repeat;}
.enclick .traffic_top .tab_box li .tab1{background:url(../images/sub_tr1_nml.png)1% 5px no-repeat;}
.enclick .traffic_top .tab_box li.click .tab1{background:url(../images/sub_tr1_click.png)1% 5px no-repeat;}

.traffic_top .tab_box li .tab2{background:url(../images/sub_tr2_nml.png)20% 5px no-repeat;}
.traffic_top .tab_box li.click .tab2{background:url(../images/sub_tr2_click.png)20% 5px no-repeat;}
.traffic_top .tab_box li .tab3{background:url(../images/sub_tr3_nml.png)17% 5px no-repeat;}
.traffic_top .tab_box li.click .tab3{background:url(../images/sub_tr3_click.png)17% 5px no-repeat;}
.enclick .traffic_top .tab_box li .tab3{background:url(../images/sub_tr3_nml.png)1% 5px no-repeat;}
.enclick .traffic_top .tab_box li.click .tab3{background:url(../images/sub_tr3_click.png)1% 5px no-repeat;}

.tr_conten .sub_list_line li .txttitle{line-height:19px; padding: 14px 34px 14px 5px; box-sizing: border-box;}
.tr_title{background: url(../images/bus_tr_img.png)left 5px no-repeat;}

.btn_map{display: none;}
.btn_tr_map{display: none;}

/*소통정보상세보기*/
.ans{display: none; overflow: hidden; padding: 10px; background: #f2f2f2;}
.tr_conten .sub_list_line li p{line-height: 48px; width: 100%;}
.tr_conten .sub_list_line li{padding: 0; position: relative;}
.list_off{background: url(../images/sub_list_arrow2_nml.png)97% center no-repeat;}
.list_off:hover{background: url(../images/sub_list_arrow2_nml.png)97% center #f7f7f7 no-repeat; text-decoration: underline;}
.list_on{background: url(../images/sub_list_arrow2_click.png)97% center #0b284e no-repeat; color: #fff;}
.list_on:hover{background: url(../images/sub_list_arrow2_click.png)97% center #0b284e no-repeat; color: #fff;}

.tr_conten .sub_list_line .trinfo{border-bottom: none;}
.ans li{font-size: 12px; overflow: hidden; width: 100%; box-sizing: border-box;}
.ans .trname{height: 30px; background: #fff; border: 1px solid #c6c6c6; text-align: center; font-weight: bold; line-height: 28px;}
.ans .trinfo{height: 26px; line-height: 26px;}
.tr_conten  .ans .trinfo p{line-height: 26px; width:48%; box-sizing: border-box; font-weight: bold;}
.ans .trinfo .trleft{float: left; text-align: right; padding-right:20px;}
.ans .trinfo .trright{float: right; text-align: left; padding-left:20px;}

.ans .trinfo .trleft.red{background: url(../images/tr_arow1_red.png)right center no-repeat;}
.ans .trinfo .trleft.yellow{background: url(../images/tr_arow1_yellow.png)right center no-repeat;}
.ans .trinfo .trleft.green{background: url(../images/tr_arow1_green.png)right center no-repeat;}
.ans .trinfo .trleft.gray{background: url(../images/tr_arow1_gray.png)right center no-repeat;}

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

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

/*소통정보 지도 위 지체도로안내*/
.delay_info{position: absolute; left: 0; right: 0; top: 0; height: 34px; line-height: 34px; background: #030a23; z-index:2 }
.delay_info_left{float: left;  padding-left: 5px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 70%; height: 34px;}
.delay_info p{color: #fff; font-size: 12px; width: 100%; clear: both; height: 34px; }
.delay_info p span{color: #fffc00; margin-right: 3px}
.delay_info .comment{float: right; margin:7px; overflow: hidden;}
.delay_info .comment li{float: left; margin-left: 1px; color: #000; width:45px; height:20px; text-align: center; font-size: 11px; line-height: 20px;}
.enclick .delay_info .comment li{ width:59px}
.delay_info .comment li.green{background: #81c44e;}
.delay_info .comment li.red{background: #ff544c}
.delay_info .comment li.yellow{background: #ffec4c;}
.delay_info .comment li.gray{background: #c0c0c0;}

/*CCTV*/
.cctv_title{background: url(../images/bus_cc_img.png)left 5px no-repeat;}
.cctvli li{background:url(../images/sub_list_arrow1.png)97% center no-repeat; overflow: hidden;}
.cctvli li:hover{background:url(../images/sub_list_arrow1.png)97% center #f7f7f7 no-repeat;}
.cctvli li:hover .txttitle{text-decoration: underline;}

.enclick .cctv_title{height: 82px;}

/*주차장*/
.p_title{background: url(../images/bus_p_img.png)left 5px no-repeat;}
.pli li{background:url(../images/sub_list_arrow1.png)97% center no-repeat; overflow: hidden;}
.pli li:hover .txttitle{text-decoration: underline;}
.co_parking{background:#edfbff; border: 1px solid #6b6f81; margin-top:15px; font-size:8px; color: #000; border-radius:2px; padding: 0 2px; letter-spacing: -0.5px}
.co_parking span:first-child{color: #314fbd; font-weight: bold;} 

/*음식점*/
.vi_top .tab_box li{width: 50%}
.vi_top .tab2{border-left: none;}
.vi_top .tab_box li .tab1{background:url(../images/sub_vi1_nml.png)30% 5px no-repeat;}
.vi_top .tab_box li.click .tab1{background:url(../images/sub_vi1_click.png)30% 5px no-repeat;}
.vi_top .tab_box li .tab2{background:url(../images/sub_vi2_nml.png)34% 5px no-repeat;}
.vi_top .tab_box li.click .tab2{background:url(../images/sub_vi2_click.png)34% 5px no-repeat;}
.vi_top .tab_box li .tab3{background:url(../images/sub_vi3_nml.png)11% 5px no-repeat;}
.vi_top .tab_box li.click .tab3{background:url(../images/sub_vi3_click.png)11% 5px no-repeat;}

.enclick .vi_top .tab_box li .tab1{background:url(../images/sub_vi1_nml.png)16% 5px no-repeat;}
.enclick .vi_top .tab_box li.click .tab1{background:url(../images/sub_vi1_click.png)16% 5px no-repeat;}
.enclick .vi_top .tab_box li .tab2{background:url(../images/sub_vi2_nml.png)14% 5px no-repeat; letter-spacing: -2px}
.enclick .vi_top .tab_box li.click .tab2{background:url(../images/sub_vi2_click.png)14% 5px no-repeat;}
.enclick .vi_top .tab_box li .tab3{background:url(../images/sub_vi3_nml.png)16% 5px no-repeat;}
.enclick .vi_top .tab_box li.click .tab3{background:url(../images/sub_vi3_click.png)16% 5px no-repeat;}

.chclick .vi_top .tab_box li .tab1{background:url(../images/sub_vi1_nml.png)34% 5px no-repeat;}
.chclick .vi_top .tab_box li.click .tab1{background:url(../images/sub_vi1_click.png)34% 5px no-repeat;}

.food_title{background: url(../images/bus_food_img.png)left 5px no-repeat; height: 90px;}
.map_btn{width: 100%; position: absolute; top: 0; height: 34px; line-height: 34px;  background: #f7f7f7; border-bottom: 1px solid #b4b4b4; z-index: 2; display: none;}
.map_btn ul{display: block; overflow: hidden; float: right; margin-right: 5px}
.map_btn ul li{float: left; margin-left: 2px; line-height: 30px;}
.map_btn ul li button{ border: 1px solid #b4b4b4;  padding:0 6px 0 22px; font-size: 11px; color: #252525; height: 24px;}
.map_btn ul li button.btn1{background: url(../images/mapbtn1_nml.png)3px center #fdfbfb no-repeat;}
.map_btn ul li button.btn1:hover{background: url(../images/mapbtn1_nml.png)3px center #f1f5f8 no-repeat;}
.map_btn ul li button.btn2{background: url(../images/mapbtn2_nml.png)3px center #fdfbfb no-repeat;}
.map_btn ul li button.btn2:hover{background: url(../images/mapbtn2_nml.png)3px center #f1f5f8 no-repeat;}
.map_btn ul li button.btn3{background: url(../images/mapbtn3_nml.png)3px center #fdfbfb no-repeat;}
.map_btn ul li button.btn3:hover{background: url(../images/mapbtn3_nml.png)3px center #f1f5f8 no-repeat;}
.map_btn ul li button.btn4{background: url(../images/mapbtn4_nml.png)3px center #fdfbfb no-repeat;}
.map_btn ul li button.btn4:hover{background: url(../images/mapbtn4_nml.png)3px center #f1f5f8 no-repeat;}
.map_btn ul li button.btn5{background: url(../images/mapbtn5_nml.png)3px center #fdfbfb no-repeat;}
.map_btn ul li button.btn5:hover{background: url(../images/mapbtn5_nml.png)3px center #f1f5f8 no-repeat;}
.map_btn ul li button.btn6{background: url(../images/mapbtn6_nml.png)3px center #fdfbfb no-repeat;}
.map_btn ul li button.btn6:hover{background: url(../images/mapbtn6_nml.png)3px center #f1f5f8 no-repeat;}

.map_btn ul .click button{color: #fff; border: 1px solid #0057b0; }
.map_btn ul .click button.btn1{background: url(../images/mapbtn1_click.png)3px center #0057b0 no-repeat;}
.map_btn ul .click button.btn1:hover{background: url(../images/mapbtn1_click.png)3px center #0067d0 no-repeat;}
.map_btn ul .click button.btn2{background: url(../images/mapbtn2_click.png)3px center #0057b0 no-repeat;}
.map_btn ul .click button.btn2:hover{background: url(../images/mapbtn2_click.png)3px center #0067d0 no-repeat;}
.map_btn ul .click button.btn3{background: url(../images/mapbtn3_click.png)3px center #0057b0 no-repeat;}
.map_btn ul .click button.btn3:hover{background: url(../images/mapbtn3_click.png)3px center #0067d0 no-repeat;}
.map_btn ul .click button.btn4{background: url(../images/mapbtn4_click.png)3px center #0057b0 no-repeat;}
.map_btn ul .click button.btn4:hover{background: url(../images/mapbtn4_click.png)3px center #0067d0 no-repeat;}
.map_btn ul .click button.btn5{background: url(../images/mapbtn5_click.png)3px center #0057b0 no-repeat;}
.map_btn ul .click button.btn5:hover{background: url(../images/mapbtn5_click.png)3px center #0067d0 no-repeat;}
.map_btn ul .click button.btn6{background: url(../images/mapbtn6_click.png)3px center #0057b0 no-repeat;}
.map_btn ul .click button.btn6:hover{background: url(../images/mapbtn6_click.png)3px center #0067d0 no-repeat;}

.internal_anchor{font-size:11px; border:1px solid #d1d1d1; padding:0 10px; border-radius:3px; color:#000; background:url(../images/btn_bg.jpg)repeat; display:inline-block; height:18px; line-height:18px; margin-top: 5px;}

/*숙박*/
.bed_title{background: url(../images/bus_b_img.png)left 5px no-repeat; height: 90px;}
.enclick .bed_title, .enclick .go_title{height:82px; }

/*관광정보*/
.go_title{background: url(../images/bus_go_img.png)left 5px no-repeat;}
.go_conten .sub_list_line li{position: relative; padding: 0;}
.go_conten .sub_list_line li p{width: 100%;}
.go_conten .sub_list_line li .txttitle{line-height: 19px; padding:14px 35px 14px 5px; box-sizing: border-box;}

.goli li .ans{padding: 0;}
.goli li .ans li{padding: 10px; position: relative; background: url(../images/sub_list_arrow2.png)98% center no-repeat;}
.goli li .ans li:last-child{border-bottom: none;}
.go_conten .sub_list_line li .ans  .goname{font-size: 14px; font-weight: bold; line-height: 20px; width:90%; line-height: 17px;}
.go_conten .sub_list_line li .ans .goinfo{font-size: 12px; width: 90%; margin-top: 5px; color: #727272}
.goli li .ans li:hover{background: url(../images/sub_list_arrow2.png)98% center #e5eaed no-repeat;}
.goli li .ans li:hover .goname{text-decoration: underline;}

/*교통통계*/
.tr4_top{background-size:cover; background-image:url(../images/tr_top_bg.jpg)} 
.tr4_con{width: 100%; margin: 10px 0; box-sizing:border-box; }
.tr4con_top{width: 100%; height: 30px;}
.tr4con_top h4{float: left; margin-top:7px}
.tr4_search{float: right; width: 295px;}
.tr4con_top select{display: inline-block; vertical-align: middle; cursor: pointer;  background:url(../images/select_arrow2.png)95% 50% #f0f0f0 no-repeat; width:90px; height: 30px; padding-left: 5px; box-sizing: border-box; border: 1px solid #c4c4c4}

.txt_search{background:#f0f0f0; box-sizing: border-box; border: 1px solid #c4c4c4; width: 199px; height: 30px; display: inline-block; vertical-align: middle; padding-left: 5px;}
.txt_search .btnsearch{border: none;  background:url(../images/btn_search.png)center no-repeat; width: 28px; height:28px; cursor: pointer; vertical-align: middle;}
.txt_search input{background:#f0f0f0; border: none; vertical-align: middle; width: 157px;}

.tr4con_t{width: 100%; height:420px; overflow: hidden; border-top:1px solid #000; margin-top: 10px; border-bottom: 1px solid #d9d9d9; position: relative;}

.tr4contable{border-collapse: collapse; font-size: 13px; width: 100%;}
.tr4contable thead{position: absolute; padding-right: 17px; width: 100%; height: 47px;}
.tr4contable tbody{position: absolute;  width: 100%; height:372px; overflow-y:scroll; top: 48px}
.tr4contable tr{ border-bottom:1px solid #d9d9d9; display: table;  width: 100%;}
.tr4contable th{height: 47px; color: #707070; text-align: center; }
.tr4contable td{height: 47px; color: #000; width:7%; text-align: center; font-size: 12px; padding: 3px 0}
.tr4contable td.no1{text-align: left; padding-left: 3px; box-sizing: border-box;}
.tr4contable .no1{width: 14%; }
.tr4contable .substat{color:#b3b3b3;font-size:11px;}

.tr4contable td.green{background: #bce87e}
.tr4contable td.yellow{background: #fee77a}
.tr4contable td.red{background: #ff9884}
.tr4contable td.gray{background: #f2f2f2}

/*서브공통*/
.subwrap header{position: fixed; border-right: 1px solid #999; min-height: 700px}
.subwrap article{right: 0; bottom: auto; padding-bottom: 50px; box-sizing: border-box; height: auto}
.sub2_top{width: 100%; height: 215px; position: relative; text-align: center; color: #fff; box-sizing: border-box; padding-top:105px}
.sub2_map{position: absolute; top:0; width: 100%; height:50px; text-align: left; padding-left: 20px; box-sizing: border-box; border-bottom: 1px solid rgba(255,255,255,0.2); line-height: 49px}
.sub2_map li{float: left; font-size: 12px; padding:0 20px 0 5px; background:url(../images/map_arrow.png)right center no-repeat; }
.sub2_map li:last-child{background: none;}
.sub2_map li a{display: block; width: 100%; height: 100%;}
.sub2_map li a img{vertical-align: middle; margin-top: -2px}
.subwrap2 h2{font-size: 45px; color: #fff; left: 50%; top:103px; text-align: center; margin-left: -88px;}
.enclick .subwrap2 h2{margin-left: -140px;}

.sub2section{width: 1100px; margin:20px auto; position: relative;} 
.sub2section h3{font-size: 30px; line-height: 60px;}
.sub2_title{width: 100%; height: 68px; overflow: hidden; border-bottom: 1px solid #e8e8e8; }
.sub2_title4{margin-top: 20px}
.sub2_title4 h4{background: url(../images/center_dot.png)left top no-repeat; padding-left: 20px; font-size: 14px; line-height:15px; margin-bottom: 10px;}
.sub2_title4 p{font-size: 12px; padding-left: 30px; line-height: 17px; margin-top: 3px; background: url(../images/a4p.jpg)20px 5px no-repeat;}

.sub2_title4 dl{padding-left: 25px; width: 100%; box-sizing: border-box;}
.sub2_title4 dt{background: url(../images/a4p2.jpg)left 5px no-repeat; color: #0057b0; font-size: 14px; padding-left: 10px; width: 100%; box-sizing: border-box; font-weight: bold; line-height:15px; margin-bottom:7px; }
.sub2_title4 dd{font-size: 12px; color: #000;  padding-left: 10px; width: 100%; box-sizing: border-box; line-height: 18px; margin-bottom:15px}
.sub2_title4 dd span{display: block;}

.mapmap{width: 100%; height: 100%;}

/*센터소개*/
.center_top{background-image: url(../images/center_top_bg.jpg); background-size: cover;}
.centerTab{width: 100%; height: 49px; border-bottom: 1px solid #e0e0e0; box-sizing: border-box;}
.centerTab ul{display: block; overflow: hidden; height: 48px; width: 1100px; margin: 0 auto;}
.centerTab ul li{width: 33.3%; border-right: 1px solid #e0e0e0; float: left; height: 100%; box-sizing: border-box;}
.enclick .centerTab ul li, .jeclick .centerTab ul li, .chclick .centerTab ul li{width: 50%}
.centerTab ul li:first-child{border-left: 1px solid #e0e0e0}
.centerTab ul li a{display: block; width: 100%; height: 100%; text-align: center; line-height: 47px; color: #000;}
.centerTab ul li.click a{background: #0b284e; color: #fff; font-weight: bold;}

.stab{position: absolute; right: 0; width:213px; top: 0;}
.stab li{float: left; margin-left: 2px; height:69px; line-height: 67px; width: 69px; cursor: pointer; position: relative; background: #fff;}
.stab li .menutitle{display: block; width: 100%; height: 100%;  text-align: center; border: 2px solid #cbcbcb; box-sizing: border-box; font-size: 14px; color: #919398; font-weight: bold;}
.stab li .menutitle:hover{text-decoration: underline;}
.stab li.click .menutitle{border: 2px solid #000; color: #000;}
.stab li.click .arrow{width: 14px; height: 11px; background: url(../images/center_arrow1.png)no-repeat; display: block; position: absolute; left: 50%; bottom:-9px; margin-left: -7px;}

.itscontenbox{overflow: hidden; height: 1300px; width: 100%}

.center1{width: 100%;border-bottom: 1px solid #183e72; background: url(../images/center_img1.jpg)left bottom no-repeat;  padding-left:246px; box-sizing: border-box; overflow: hidden; padding: 0 0 70px 246px;}
.center1 dl{float: left; padding-left:80px; margin-top: 55px; margin-left:18px; width: 404px;box-sizing:border-box; }
.center1 dl.sum{background: url(../images/center_icon1.png)left top no-repeat;}
.center1 dl.work{background: url(../images/center_icon2.png)left top no-repeat;}
.center1 dl dt{color: #0057b0; font-size: 14px; font-weight: bold; line-height:30px}
.center1 dl dd{color: #000; font-size: 13px;  line-height:18px}

.center2{margin: 50px 0 0 0; position: relative; }
.diagram1{width: 240px; height: 308px; margin: 0 auto; background: url(../images/center_img2.png)center no-repeat; box-sizing: border-box; font-size:20px; font-weight: bold; text-align: center; padding-top: 42px}
.diagram1 span{font-weight: normal; font-size:17px; display: block; border-bottom: 1px solid #000; padding-bottom: 20px; width:54px; margin: 0 auto; text-align: center; margin-bottom: 20px}
.enclick .diagram1 span{width: 80px; margin-bottom: 16px;}
.enclick .diagram1{letter-spacing: -1.2px}
.enclick .diagram2 dl dt{padding-top: 15px;}
.enclick .diagram2 dl dt span{display: none;}

.diagram2, .diagram3{position: absolute;}
.diagram2{z-index: 2; width: 100%; top:223px;}
.diagram2 .left{float: left; margin-left: 20px;}
.diagram2 .right{float: right; margin-right: 20px}
.diagram2 dl{ width:362px; overflow: hidden;}
.diagram2 dl dt{background: #bed0e7; font-size: 13px; text-align: center; width: 100%; height: 50px; padding-top: 9px; box-sizing: border-box; font-weight: bold;}
.diagram2 dl dt span{color: #677c96; font-size: 12px; font-weight: normal; display: block;}
.diagram2 dl dd{font-size: 12px; text-align: left; padding: 10px; box-sizing: border-box; border: 1px solid #bed0e7; background: #fff;}

.diagram3{width: 100%; z-index: 1; border: 1px solid #bed0e7; box-sizing: border-box; text-align: center; padding-top: 30px;}

.biscontenbox, .atmscontenbox{display: none;}

.diagram4{width: 100%; border: 1px solid #bed0e7; box-sizing: border-box; text-align: center; margin: 30px 0; overflow: hidden;}
.diagram5{width: 100%; margin: 30px 0; overflow: hidden;}
.diagram5 .imgleft{float: left;}
.diagram5 .imgright{float: right;}

.enclick .itscontenbox, .jeclick .itscontenbox, .chclick .itscontenbox{height: 1322px;}
.enclick .diagram3{background: url(../images/en/center_img3.jpg)center bottom no-repeat; height: 571px;}
.chclick .diagram3{background: url(../images/ch/center_img3.jpg)center bottom no-repeat; height: 571px;}
.jeclick .diagram3{background: url(../images/je/center_img3.jpg)center bottom no-repeat; height: 571px;}


.enclick .diagram4{background: url(../images/en/center_img4.jpg)center no-repeat; height: 420px;}
.enclick .diagram5 .imgleft{background: url(../images/en/center_img5.jpg)center no-repeat; height: 467px; width: 538px}
.enclick .diagram5 .imgright{background: url(../images/en/center_img6.jpg)center no-repeat; height: 467px; width: 538px}

.jeclick .diagram4{background: url(../images/je/center_img4.jpg)center no-repeat; height: 420px;}
.jeclick .diagram5 .imgleft{background: url(../images/je/center_img5.jpg)center no-repeat; height: 467px;width: 538px}
.jeclick .diagram5 .imgright{background: url(../images/je/center_img6.jpg)center no-repeat; height: 467px;width: 538px}

.chclick .diagram4{background: url(../images/ch/center_img4.jpg)center no-repeat; height: 420px;}
.chclick .diagram5 .imgleft{background: url(../images/ch/center_img5.jpg)center no-repeat; height: 467px;width: 538px}
.chclick .diagram5 .imgright{background: url(../images/ch/center_img6.jpg)center no-repeat; height: 467px;width: 538px}

/*공지사항*/
.notisearch{width: 100%; padding: 18px 0; overflow: hidden; background: #faf9f9; margin: 10px 0; border: 1px solid #e0e0e0; box-sizing: border-box; text-align: center}
.notisearchbox{display: inline-block; width: 100%;}
.notisearchbox input{width: 515px; height: 36px; color: #000; border:1px solid #e0e0e0; padding: 0 5px; box-sizing: border-box; vertical-align: middle; text-align: left;}
.notisearch select{text-align: left; width:143px; height: 36px; color: #000; border:1px solid #e0e0e0; cursor: pointer; box-sizing: border-box;  background: url(../images/select_arrow2.png)95% 50% #fff no-repeat; font-size: 12px; vertical-align: middle; padding: 0 5px;}
.notisearch button{width:140px; height: 36px; color: #fff; padding-left: 20px; background: url(../images/search_icon.png)35% center #3a4042 no-repeat; border: none; font-size: 14px; vertical-align: middle;}
.notisearch button:hover{text-decoration: underline;}

.noti_con{width: 100%; margin: 30px 0; overflow: hidden; text-align: center;}
.noti_top{width: 100%; overflow: hidden;}
.noti_top p{font-size: 14px;}
.noti_top .left{float: left;}
.noti_top .right{float: right;}
.noti_top p .red{color: #fe6600; font-weight: bold;}

.notitable{width: 100%; border-collapse: collapse; border-top: 1px solid #000; font-size: 14px; clear: both; table-layout: fixed; margin-top: 10px}
.notitable tr{border-bottom: 1px solid #d9d9d9;}
.notitable th{height:50px; color: #707070; font-weight: normal; width: 13%; text-align: center;}
.notitable td{height: 50px; color: #000; text-align: center;}

.notitable .number{width:10%;}
.notitable .title{width: 51%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; }
.notitable td.title{text-align: left}

.notipagebox{width: 100%; text-align: center; margin: 30px 0 50px 0}
.notipage{display: inline-block}
.notipage li{float: left; width: 30px; height: 30px; border: 1px solid #c4c4c4; margin-left: 1px;}
.notipage li a{display: block; width: 100%; height: 100%; color: #707070; font-size: 12px; background: #fff; line-height: 28px}
.notipage .click{border: 1px solid #0057b0;}
.notipage .click a{color: #fff; background: #0057b0;}

.notipage .fastleft a{background:url(../images/noti_fastleft.png)center no-repeat;}
.notipage .fastleft a:hover{background:url(../images/noti_fastleft.png)center #e9e9e9 no-repeat;}
.notipage .left a{background:url(../images/noti_left.png)center no-repeat;}
.notipage .left a:hover{background:url(../images/noti_left.png)center #e9e9e9 no-repeat;}
.notipage .right a{background:url(../images/noti_right.png)center no-repeat;}
.notipage .right a:hover{background:url(../images/noti_right.png)center #e9e9e9 no-repeat;}
.notipage .fastright a{background:url(../images/noti_fastright.png)center no-repeat;}
.notipage .fastright a:hover{background:url(../images/noti_fastright.png)center #e9e9e9 no-repeat;}

.notiview .view_title{ text-align:center; background: #faf9f9; color: #000; font-weight: bold; padding: 13px; box-sizing: border-box; height: auto; font-size: 16px;}
.notiview td{text-align: left;  padding: 10px; box-sizing: border-box;  height: auto; font-size: 13px; font-weight: normal;}
.btn_notilist{border: 1px solid #c4c4c4; margin:20px 0 0 0 ; font-size: 13px; padding: 0 60px; height:40px; background: #faf9f9; }
.btn_notilist:hover{text-decoration: underline;}
#file_list a{border:1px solid #a8b7cc; background:#e6edf7; color:#294c7d; border-radius:20px; padding:2px 7px; display: inline-block; font-size: 12px; cursor: pointer; margin: 2px; line-height: 14px; }

/*찾아오시는길*/
.way_con{width: 100%; height:504px; margin: 10px 0; box-sizing: border-box; border: 1px solid #c2c2c2; position: relative;}
.way_map{width: 100%; height: 445px; position: relative;}
.way_map .waycenter{position: absolute; left: 50%; top: 50%; margin: -42px 0 0 -15px;}
.way_con .address{width: 100%; height: 56px; border-top: 1px solid #c2c2c2; background: #f6f6f6; line-height: 55px; position:absolute; bottom: 0; z-index: 2}
.way_con .address p{font-size: 13px; box-sizing: border-box;}
.way_con .address .adss{float: left; width: 50%; background:url(../images/way_ad.png)10px 16px no-repeat; padding-left: 37px; box-sizing: border-box;}
.way_con .address .phon{float: right; width: 118px; text-align: right; padding-right: 10px; background:url(../images/way_phon.png)left 16px no-repeat;}
.way_con .address .phon a{color: #000; display: block;width: 100%; height: 100%;}

.enclick .way_con .address .phon, .jeclick .way_con .address .phon, .chclick .way_con .address .phon{width: 142px}


/*사이트맵*/
.sitemap_top{background-image: url(../images/sitemap_top_bg.jpg); background-size: cover;}
.site_con{margin: 10px 0; overflow: hidden;}
.site_menu{float: left; margin-right:30px; width:346px; border-top: 1px solid #0057b0; border-bottom: 1px solid #e0e0e0; margin-top: 25px;}
.enclick .site_menu, .jeclick .site_menu, .chclick .site_menu{width: 252px}
.site_con .site_last{margin-right: 0;}
.site_menu dt{width: 100%; height: 46px; line-height: 45px; border-bottom: 1px solid #e0e0e0;}
.site_menu dd{width: 100%; line-height: 38px; border-bottom: 1px solid #f2f2f2;}
.site_menu dd:last-child, .site_menu dt:last-child{border-bottom: none;}
.site_menu dd a, .site_menu dt a{display: block; width: 100%; height: 100%;}
.site_menu dt a{color: #000; font-weight: bold; text-align: center}
.site_menu dd a{color: #4e4e4e; padding: 5px 10px; text-align:left; font-size: 14px;}
.site_menu dd li a{line-height:12px; padding-left:21px; box-sizing: border-box; color: #878787; font-size: 12px;}
.site_menu dd ul{display: block; margin-bottom: 12px}


/*실시간버스위치*/
.buspowrap, .bustimewrap, .busstopwrap, .pakingwrap, .cctvwrap, .viciwrap{position: absolute; width: 100%; top:0; bottom:0; z-index: 20; display: none;}
.back{position: fixed; z-index: 18;  width: 100%; top:0; bottom:0; background: rgba(0,0,0,0.5);}
.buspo_conwrap{position: absolute;z-index: 19; width: 750px;height:auto; left:50%; margin:50px 0 50px -375px; background: #fff; overflow: hidden;}

.buspotop{width: 100%; height: 35px; line-height: 34px; background:url(../images/sub_tab_click.png)left top #0057b0 no-repeat; color: #fff; padding: 0 0 0 10px; box-sizing:border-box;}
.buspotop h4, .bustimetop h4, .busstoptop h4{ font-size: 14px; float: left; }
.buspotop .buspotopbtn, .bustimetop .bustimetopbtn, .busstoptop .busstopbtn {float: right;}
.buspotop .buspotopbtn li, .bustimetop .bustimetopbtn li{float: left; height: 25px; margin: 5px 0 0 3px;}
.buspotop .buspotopbtn li a{display: block; width: 100%; height:100%; line-height: 25px; color: #fff; font-size: 12px; padding:0 6px 0 20px; box-sizing:border-box; border: 1px solid #4099f4; border-radius:3px;}
.buspotop .buspotopbtn li:last-child, .bustimetop .bustimetopbtn li:last-child {height: 35px; margin: 0 0 0 7px; }
.btnre{background:url(../images/icon_re_h.png)4px center no-repeat;}
.btnpr{background:url(../images/btn_pr.png)5px center no-repeat;}
.btnre:hover{background:url(../images/icon_re_h.png)4px center #004b97 no-repeat;}
.btnpr:hover{background:url(../images/btn_pr.png)5px center #004b97 no-repeat;}

.btn_timego{border: 1px solid #007f6f; background: #009a86; font-size: 11px; color: #fff; padding: 0 10px; border-radius:2px; margin: 10px 0 0 20px}

.btnclose{line-height:34px; border:none; border-left: 1px solid #003871; padding:0 12px 0 25px; background:url(../images/btn_close_h.png)12px center #004892 no-repeat; color: #fff;}

.buspo_conten{width: 100%; padding: 10px; box-sizing:border-box; overflow: hidden; background: #f7f7f7;}
.buspo_top2{width: 100%; overflow: hidden; padding-bottom: 10px}
.buspo_top2 .left{float: left;}
.buspo_top2 .buspo_title, .bustimetop2 .buspo_title{background:url(../images/center_dot.png)left center no-repeat; font-weight: bold; font-size: 14px; padding-left: 20px; line-height:19px; margin: 10px 0}
.buspo_top2 .buspo_time{font-size: 12px; padding-left: 20px; display: inline;}
.buspo_top2 .buspo_time span{margin-right:10px}

.buspo_top2 .right{float: right; margin-top: 20px}
.buspo_top2 .right li{float: left; font-size: 11px; padding-left:34px; height: 32px; line-height:13px; padding-top: 3px; box-sizing:border-box; margin-right: 6px}
.mapbus_blue{background:url(../images/map_blue.png)left center no-repeat;}
.mapbus_red{background:url(../images/map_red.png)left center no-repeat;}
.mapbus_low_green{background:url(../images/map_green.png)left center no-repeat;}

.buspo_conbox{clear: both; width: 100%; background: #fff; border: 1px solid #cecece; border-radius:10px; padding:70px 0 0 0; box-sizing:border-box;}
.stop_name{font-size: 11px; letter-spacing: -1px; position: absolute; top: 13px; line-height: 13px; width: 85%;  display: block; text-align: center;}
.exist_bus {color: #fd004d;}
.buspo_con.odd .stop_name{left: -39%}
.buspo_con.even .stop_name{right: -39%}
.busnumber{font-size: 11px;}

.buspo_con{position: relative; width: 100%; overflow: hidden; box-sizing:border-box; margin-top: -50px}
.buspo_con li{width: 14.2%; height:145px; position: relative; box-sizing:border-box;}
.buspo_con.odd li{float: left;}
.buspo_con.even li{float: right; text-align: right;}
.buspo_con.odd{padding-left: 12%;}
.buspo_con.even{padding-right: 12%;}
.buspo_con.odd .busimg{position: absolute; width:32px; height:44px; cursor: pointer; z-index: 4; left: -12px;}
.buspo_con.even .busimg{position: absolute; width:32px; height:44px; cursor: pointer; z-index: 4; right: -12px;}
.buspo_con .busnumber{position: absolute; top: -2px; left: 5px}
.buspo_con .bus_b{background:url('../images/map_blue.png')center bottom no-repeat}
.buspo_con .bus_r{background:url('../images/map_red.png')center bottom no-repeat}
.buspo_con .bus_g{background:url('../images/map_green.png')center bottom no-repeat}

.buspo_con .section{position: relative; width: 100%; height:95px; margin-top: 50px; box-sizing:border-box; background:url('../images/route.png')top repeat-x}
.buspo_con .start .section .stop_arrow{position: absolute; display: block; width:35px; height: 42px; background:url('../images/marker_start.png')center no-repeat; top: -30px; z-index: 2; left: 0;}
.enclick .buspo_con .start .section .stop_arrow,
.jeclick .buspo_con .start .section .stop_arrow,
.chclick .buspo_con .start .section .stop_arrow{position: absolute; display: block; width:35px; height: 42px; background:url('../images/marker_start_e.png')center no-repeat; top: -30px; z-index: 2; left: 0;}

.buspo_con .last .section .stop_arrow{position: absolute; display: block; width:35px; height: 42px; background:url('../images/marker_end.png')center no-repeat; top: -30px; z-index: 2; left: 0;}
.enclick .buspo_con .last .section .stop_arrow,
.jeclick .buspo_con .last .section .stop_arrow,
.chclick .buspo_con .last .section .stop_arrow{position: absolute; display: block; width:35px; height: 42px; background:url('../images/marker_end_e.png')center no-repeat; top: -30px; z-index: 2; left: 0;}

.buspo_con.even .last .section .stop_arrow{left: auto; right: -31px}
.stop_arrow{position: absolute; display: block; width: 20px; height: 20px; top: -6px;}
.buspo_con.odd .stop_arrow{background:url('../images/map_busstop_right.png')left no-repeat; left: -6px; }
.buspo_con.even .stop_arrow{background:url('../images/map_busstop_left.png')left no-repeat; right: -6px;}

.buspo_con.odd li:nth-child(7) .section{background:url('../images/route2.png')left repeat-y;}
.buspo_con.even li:nth-child(7) .section{background:url('../images/route2.png')right repeat-y;}
.buspo_con.odd li:nth-child(7) .stop_name{left: 10px; text-align: left;}
.buspo_con.odd li.last .stop_name{left:-35px; text-align:center;}
.buspo_con.even li:nth-child(7) .stop_name{right: 10px; text-align: right;}
.buspo_con.even li.last .stop_name{right: -35px; text-align:center;}

.last .section{background: none!important;}
.add .busdetail{left: -54px;}
.even .busdetail{right: -54px;}
.busdetail{display: none; position: absolute; width: 117px; height: 47px; background: #0063d3; color: #fff; z-index: 3; text-align: center; padding:5px; box-sizing:border-box; top: 39px; }


.busdetail p{font-size: 12px; font-weight: bold; line-height: 8px; padding-top: 5px; box-sizing:border-box;}
.busdetail a{color: #fff; background:url('../images/icon_phon.jpg')left center no-repeat; padding-left: 15px; font-size: 12px;}

/*배차시간표*/
.bustime_conwrap{position: absolute;z-index: 19; width: 750px; left:50%; top: 50%; margin:-314px 0 0 -375px; background: #fff; }
.bustimetop{width: 100%; height: 35px; line-height: 34px; background:url(../images/sub_tab_click.png)left top #009a86 no-repeat; color: #fff; padding: 0 0 0 10px; box-sizing:border-box;}
.bustimetopbtn .btnclose{background:url(../images/btn_close_h.png)12px center #018b79 no-repeat; border-left: 1px solid #007667}
.bustimetop .bustimetopbtn li a{display: block; width: 100%; height:100%; line-height: 25px; color: #fff; font-size: 12px; padding:0 6px 0 20px; box-sizing:border-box; border: 1px solid #19c4ae; border-radius:3px;}
.bustimetopbtn .btnpr:hover{background:url(../images/btn_pr.png)5px center #007e6e no-repeat}
.bustime_conten{clear: both; padding: 10px;}
.bustimetop2{margin-bottom: 5px;}
.bustimetop2 .buspo_title{display:inline-block;}
.btn_pogo{border: 1px solid #004c9a; background: #0057b0; font-size: 11px; color: #fff; padding: 0 10px; border-radius:2px; margin-left: 10px}

.bustime{width: 100%; overflow: hidden; border-bottom:1px solid #0f1f7e;}
.bustime dl{border-top: 2px solid #0f1f7e; border-bottom: 1px solid #0f1f7e; width: 100%; overflow: hidden;}
.bustime dt, .bustime dd{float: left; width: 25%; text-align: center; font-size: 12px; height: 30px; line-height: 30px; font-weight: bold;}
.bustime dt{background: #f1f4f7; color: #0f1f7e;}
.bustime ul{display: block; width: 100%; overflow: hidden;}
.bustime li{font-size: 12px; font-weight:bold; text-align: center; width: 10%; float: left; line-height: 15px; border-bottom: 1px solid #d3d7dc; padding: 4px 0 5px 0; }

.bustimeinfo{clear: both; width: 100%; margin: 15px 0}
.bustimeinfo .timeinfo_title{font-weight: bold; font-size: 13px; color: #000; background: none; padding-left: 0;}
.bustimeinfo .timeinfo_title img{vertical-align: middle; margin-right: 5px}
.bustimeinfo p{color: #333; font-size: 12px; margin: 10px 0; background: url(../images/dot.png)left 7px no-repeat; padding-left: 7px; width: 100%; box-sizing:border-box;}

#dispatch_list .bus_main, #dispatch_list .bus_sub{width:36px; margin: 0 auto; font-weight: normal;}
#dispatch_list .bus_p{display: block; margin: 0; background: #fff; line-height: 12px; height: 13px;}
#dispatch_list .bus_main .bus_p{border: 1px solid #bacee2; color:#0057b0 }
#dispatch_list .bus_sub .bus_p{border: 1px solid #a7dcc7; color:#00a161 }

.timesel{width: 272px; height: 28px; border: 1px solid #c5c5c5; border-radius:3px; background: url(../images/select_arrow2.png)97% 50% #fff no-repeat; color: #000; font-size:14px; font-weight: bold; padding:0 20px 0 3px; cursor: pointer; }

.bustime_conwrap .blue, #dispatch_info2{color: #0a7aef}
.bustime_conwrap .red, #dispatch_info3{color: #f14c26}
#dispatch_info2 span, #dispatch_info3 span{color: #333}


/*주차장*/
.paking_conwrap{position: absolute; z-index: 19; width:600px; left:50%; top: 50%; margin:-200px 0 0 -300px; background: #fff;}
.paking_conten{padding: 10px; clear: both; box-sizing:border-box; background: #f7f7f7;}
.paking_conten table{width: 100%; border-collapse: collapse;}
.paking_conten th{text-align:left; width:19%; height: 32px; padding-left: 19px; box-sizing:border-box; background:url(../images/center_dot.png)left center no-repeat; font-size: 13px; font-weight: bold; }
.paking_conten td{width:81%; height: 32px; font-size: 13px; text-align: left; font-weight: bold; color: #004cd7}
.woninfo{font-size: 12px;  margin: 10px 0; padding: 10px; background: #fff; border: 1px solid #a6ccc7; border-radius:5px; line-height: 20px;} 


/*CCTV*/
.full-screen {
  line-height:34px;
  border:none;
  border-left: 1px solid #003871;
  padding:0 12px 0 12px;
  /*background:url(../images/btn_close_h.png)12px center #004892 no-repeat;*/
  color: #fff;
}
.cctv_conwrap {
  position: absolute;
  z-index: 19;
  width: 345px;
  height: auto;
  left: 55%;
  top: 10%;
  background: #fff;

  display: flex;
  flex-direction: column;

  /* transition 유지 */
  transition: all 0.3s cubic-bezier(.4,.07,.49,.89);
  max-height: 90vh; /* 최대 높이도 제한하여 너무 커지지 않게 */
}

.cctv_conwrap.fullscreen {
  width: 50vw;
  height: 80vh;
  left: 38vw;
  top: 10vh;
  box-shadow: 0 0 20px rgba(0,0,0,.4);
  /* flex 유지 */
  display: flex;
  flex-direction: column;
}
.playerWrap {
  position: relative;
  overflow: hidden;
  width: 324px;
  height: 273px;
  transition: all 0.3s cubic-bezier(.4,.07,.49,.89);
  margin: 0 auto; /* 가운데 정렬 */
  flex-shrink: 0;
}

.cctv_conwrap.fullscreen .playerWrap {
  width: 100%;
  height: calc(80vh - 100px);
  max-height: 750px;
}
.cctv_content {
  flex: 1 1 auto; /* 남은 영역 모두 차지 */
  padding: 10px;
  box-sizing: border-box;
  background: #f7f7f7;
  overflow: hidden; /*너무 커지거나 스크롤 문제 시 필요*/
  display: flex;
  flex-direction: column;
}

.cctv_content h4{color:black; text-align: center; margin: 0 0 10px 0;}
.cctvtop {
  height: 35px;
  line-height: 34px;
  background: url(../images/sub_tab_click.png) left top #009a86 no-repeat;
  color: #fff;
  padding: 0 0 0 10px;
  box-sizing: border-box;
  flex: 0 0 35px; /* flexbox 내에서 고정 높이 */
}

.cctvtop .cctvtopbtn {float: right;}
.cctvtop .cctvtopbtn li{float: right;}
.cctvtop h4 { font-size: 14px; float: left; }
.cctvtopbtn .btnclose{background:url(../images/btn_close_h.png)12px center #018b79 no-repeat; border-left: 1px solid #007667}
.cctvtopbtn .full-screen.full{
  /*background:url(../images/btn_close_h.png)12px center #018b79 no-repeat;*/
  background: #018b79;
  border-left: 1px solid #007667
}
.video-js{margin: 0 auto;}
/* xeus 플레이어  */

/*정류장상세정보*/
.busstop_conwrap{position: absolute; z-index: 19; width: 400px; height:442px; left:50%; top: 50%; margin:-220px 0 0 -200px; background: #fff; }
.busstoptop{width: 100%; height: 35px; line-height: 34px; background:url(../images/sub_tab_click.png)left top #0057b0 no-repeat; color: #fff; padding: 0 0 0 10px; box-sizing:border-box;}
.busstop_conten{padding: 10px; box-sizing:border-box; overflow: hidden; background: #f7f7f7; width: 100%; height: 100%;}
.busstop_conten h6{background:url(../images/center_dot.png)left center no-repeat; font-weight: bold; font-size: 14px; padding-left: 20px; line-height: 30px;}
.busstop_conten h5{background:url(../images/center_dot.png)left center no-repeat; font-weight: bold; font-size: 14px; padding-left: 20px; line-height: 30px; float: left;}
.popstopname{float: left; margin:4px 0 0 5px;}
.popstopname span{color: #0079d6; font-size: 14px; line-height: 17px; font-weight: bold;}

.enclick .busstop_conten h5{float: none;}
.enclick .popstopname{float: none; margin:0 0 0 5px; width: 375px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.enclick .nosun{height: 140px;}

.con1top{width: 100%; overflow: hidden;}
.busstop_conten h6{float: left; margin-top: 10px}
.btn_re{float: right; font-size: 12px; border:1px solid #bebebe; border-left: 1px solid #d8d8d8; height:22px; background: url(../images/icon_re.png)5px center #fff no-repeat; margin-top:13px; padding:0 5px 0 23px; box-sizing: border-box; text-align: right}
.busstop_t{position:relative; border-collapse: collapse; width: 100%; border-top: 2px solid #0f1f7e; background: #fff; margin-top: 2px; height: 145px;}

.busstop_t th{height: 21px; text-align: center; color: #0058cc; font-size: 11px;}
.busstop_t td{height: 28px; text-align: center; color: #242424; font-size: 12px; border-bottom: 1px solid #e8e8e8; padding: 3px; box-sizing:border-box;}

.busstop_t thead{position: absolute; width: 100%; height: 23px; padding-right: 17px; box-sizing:border-box; background: #f1f4f7; border-bottom: 1px solid #90a3bb;}
.busstop_t tbody{position: absolute; width: 100%; overflow-y:scroll; height: 119px; background: #fff; border-bottom: 1px solid #d3d7dc; top: 24px;}

.busstop_t tr{display: table; width: 100%;}

.busstop_t th:nth-child(1), .busstop_t td:nth-child(1){width: 10%}
.busstop_t th:nth-child(2), .busstop_t td:nth-child(2){width: 13%}
.busstop_t th:nth-child(3), .busstop_t td:nth-child(3){width: 9%}
.busstop_t th:nth-child(4), .busstop_t td:nth-child(4){width: 12%}
.busstop_t th:nth-child(5), .busstop_t td:nth-child(5){width: 28%}
.busstop_t th:nth-child(6), .busstop_t td:nth-child(6){width: 28%}


.enclick .busstop_t th:nth-child(1), .enclick .busstop_t td:nth-child(1){width:9%}
.enclick .busstop_t th:nth-child(2), .enclick .busstop_t td:nth-child(2){width:10%}
.enclick .busstop_t th:nth-child(3), .enclick .busstop_t td:nth-child(3){width:17%}
.enclick .busstop_t th:nth-child(4), .enclick .busstop_t td:nth-child(4){width:10%}
.enclick .busstop_t th:nth-child(5), .enclick .busstop_t td:nth-child(5){width:27%}
.enclick .busstop_t th:nth-child(6), .enclick .busstop_t td:nth-child(6){width:27%}

.busstop_t td:nth-child(1){color: #2a9300; font-weight: bold;}
.busstop_t td:nth-child(2){color: #ff4700; font-weight: bold;}

.nosun{clear: both; width: 100%; border-top: 1px solid #0f1f7e; background: #fff; box-sizing:border-box; margin-top: 2px; overflow-y:auto; height: 155px; border-bottom: 1px solid #d3d7dc;}
.nosun li{border-bottom: 1px solid #e8e8e8; padding:6px 8px 8px 44px; width: 100%;  box-sizing:border-box; background:url(../images/route_bus_blue.png)7px center no-repeat; font-size: 12px; cursor: pointer; }

.nosun .number{font-weight: bold;}
.nosun li:hover .number{font-weight: bold; text-decoration: underline;}

/* PC 기본 팝업 스타일 (변경 후) */
.pop_siren {
  position: absolute;
  top: 40%;
  left: 40%;
  margin: -140px 0 0 -170px;
  width: 800px;
  height: 522px;
  background: url(../images/pop_bg.png) left top no-repeat, url(../images/pop_bg2.png) repeat;
  z-index: 9;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #000;
}
.pop_siren .top {
  width: 100%;
  overflow: hidden;
}
.pop_siren .top h3 {
  color: #fff;
  font-size: 18px;
  background: url(../images/icon_siren.png) left center no-repeat;
  padding-left: 35px;
  float: left;
  display: block;
  height: 32px;
  line-height: 32px;
  width: 247px;
  letter-spacing: -1px;
}
.pop_siren .top .btn_siren_close {
  float: right;
  width: 20px;
  height: 20px;
  border: none;
  background: url(../images/pop_close.png) center no-repeat;
  cursor: pointer;
  margin: 6px;
}
.siren_conten {
  width: 100%;
  height: 455px;
  background: #fff;
  clear: both;
  margin-top: 9px;
  text-align: center;
  overflow-y: auto;
  font-size: 16px;
  font-weight: bold;
  line-height: 23px;
  padding: 10px;
  box-sizing: border-box;
}
.siren_conten a {
  text-decoration: underline;
  color: #0057b0;
}
.siren_conten p {
  margin: 20px 0;
}

/* 모바일(767px 이하)에서는 이전 스타일로 덮어쓰기 */
@media (max-width: 767px) {
  .pop_siren {
    top: 50%;
    left: 50%;
    margin: -140px 0 0 -170px;
    width: 340px;
    height: 280px;
    background: url(../images/pop_bg.png) left top no-repeat, url(../images/pop_bg2.png) repeat;
    z-index: 9;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #000;
  }
  .siren_conten {
    width: 100%;
    height: 218px;
    background: #fff;
    clear: both;
    margin-top: 9px;
    text-align: center;
    overflow-y: auto;
    font-size: 16px;
    font-weight: bold;
    line-height: 23px;
    padding: 10px;
    box-sizing: border-box;
  }
}


/* loader */
.loader {text-align: center; background-color: #000000; opacity: 0.5; position: absolute; top: 0; left: 0; width: 100%; height:100%; padding:10px 0 25px 0; z-index: 999999; display: none;}
.loader .wrap{position: absolute; /* left: 50%; */ top: 50%;}
.loader .wrap img{width: 35px; height:35px;}
.loader .wrap p{color: #e0e0e0; font-size: 13px;}

/*주변정보 상세 팝업*/
.viciwrap{}
.vici_conwrap{position: absolute;z-index: 19; width: 500px; height:182px; left:50%; top:50%; margin:-150px 0 0 -250px; background: #fff; overflow: hidden;}
.vici_conten{clear: both; padding: 10px; width: 100%; box-sizing:border-box; background:#f7f7f7; height: 147px; }
.vici_img{width: 150px; height: 100px; float: left; background: url(../images/no_img.jpg)center no-repeat; border: 1px solid #9e9e9e; overflow: hidden; background-size:100% 100%;}
.vici_conten dl{float: left; width:315px; margin-left: 13px; overflow: hidden; }
.vici_conten dt{float: left; background: url(../images/center_dot.png)left center no-repeat;  font-weight:bold; font-size: 14px; padding-left:19px; line-height:19px; margin:5px 0; width: 70px;}
.vici_conten dd{float: left; width: 218px; font-size: 14px; line-height: 19px; margin:5px 0; color: #0078d7; font-weight: bold;}
.vici_conten dd a{color: #0078d7; }

/* 로드뷰 버튼 */
.map_contenbox .btn_road_view{display: block; position: absolute; left:5px; top:5px; z-index: 9; width:42px; height:42px; background: url("../images/road_nml.png") no-repeat;}
.map_contenbox .btn_road_view:hover{background: url("../images/road_hover.png") no-repeat;}
.map_contenbox .btn_road_view.click{background: url("../images/road_click.png") no-repeat;}
.map_contenbox #road_conten{display: none;}