html,body{height:100%;overflow:visible;} #mapContainer{position:absolute;left:61px;top:119px;right:0;bottom:0px;font-size:12px;background-color:#fff; z-index:9;} #mapContainer .aside{position:absolute;z-index:190;left:0;top:0;bottom:0px; width:319px;border-right:1px solid #b5b5b5;background-color:#fff;box-shadow:2px 0 3px rgba(0,0,0,0.1);-webkit-transition:left 0.3s ease-out} #mapContainer .aside > .asideContent{height:100%; overflow-y:auto; overflow-x:hidden; -webkit-overflow-scrolling:touch; } #mapContainer .aside > .asideContent .pagingWrap{margin-bottom:20px;} #mapContainer .aside > .asideContent .botBtnBox{margin-bottom:20px;text-align:center;} #mapContainer .aside > .asideContent .botBtnBox .bigBtn{border-radius:5px;font-size:13px;padding:0 15px;} #mapContainer .aside > .asideContent .botBtnBox .line1{padding-left:35px;background:#474e61 url('../img/sub/btn_busline.png') 12px center no-repeat;} #mapContainer .aside > .asideContent .botBtnBox .line2{padding-left:28px;background:#474e61 url('../img/sub/btn_busstop.png') 16px center no-repeat;} #mapContainer .maparea{position:absolute;left:320px; top:0px; right:0; bottom:0; -webkit-transition:left 0.3s ease-out; z-index:2;} #mapContainer .maparea2{ z-index:1;} #mapContainer.close .aside{left:-320px;box-shadow:0 0 0;} #mapContainer.close .maparea{left:0;} #mapContainer .mapbtn{position:absolute;display:block;right:-19px;top:50%;width:19px;height:55px;margin-top:-28px} #mapContainer .mapbtn.map_open{display:none;background:url('../img/map/btn_open.png') center center no-repeat;} #mapContainer .mapbtn.map_close{display:block;background:url('../img/map/btn_close.png') center center no-repeat;} #mapContainer.close .mapbtn.map_open{display:block;} #mapContainer.close .mapbtn.map_close{display:none;} #mapContainer .aside .tit{height:60px;line-height:60px;font-size:18px;color:#fff;font-weight:bold;} #mapContainer .aside .tit.t01{padding-left:42px;background:#3867c8 url('../img/map/tit_bg01.png') 14px center no-repeat;} #mapContainer .aside .tit.t02{padding-left:42px;background:#3867c8 url('../img/map/tit_bg02.png') 14px center no-repeat;} #mapContainer .aside .tit.t03{padding-left:55px;background:#3867c8 url('../img/map/tit_bg03.png') 14px center no-repeat;} #mapContainer .aside .tit.t04{padding-left:52px;background:#3867c8 url('../img/map/tit_bg04.png') 14px center no-repeat;} #mapContainer .aside .tit.t05{padding-left:45px;background:#3867c8 url('../img/map/tit_bg05.png') 14px center no-repeat;} #mapContainer .aside .tit.t06{padding-left:52px;background:#3867c8 url('../img/map/tit_bg06.png') 14px center no-repeat;} #mapContainer .aside .tit.t07{padding-left:48px;background:#3867c8 url('../img/map/tit_bg07.png') 14px center no-repeat;} #mapContainer .aside .tit.t08{padding-left:50px;background:#3867c8 url('../img/map/tit_bg08.png') 14px center no-repeat;} #mapContainer .aside .tit.t09{padding-left:50px;background:#3867c8 url('../img/map/tit_bg09.png') 14px center no-repeat;} #mapContainer .aside .tit.t10{padding-left:50px;background:#3867c8 url('../img/map/tit_bg10.png') 14px center no-repeat;} #mapContainer .aside .tit.t11{padding-left:50px;background:#3867c8 url('../img/map/tit_bg11.png') 14px center no-repeat;} #mapContainer .aside .tit.t12{padding-left:50px;background:#3867c8 url('../img/map/tit_bg12.png') 14px center no-repeat;} #mapContainer .aside .tit.t13{padding-left:50px;background:#3867c8 url('../img/map/tit_bg13.png') 14px center no-repeat;} #mapContainer .aside .tit.t15{padding-left:48px;background:#3867c8 url('../img/map/tit_bg14.png') 14px center no-repeat;} #mapContainer .aside .subtit{height:38px;padding-left:16px;line-height:38px;font-size:16px;color:#fff;font-weight:bold;background:#597894 url('../img/map/subtit_bg.png') right center no-repeat;} #mapContainer .aside .counttit{height:32px;line-height:32px;padding:0 16px;font-size:13px;background-color:#f6f6f6;border-top:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;} #mapContainer .aside .searcharea{padding:14px;background-color:#f6f6f6;} #mapContainer .aside .searcharea ul.s1{position:relative;overflow:hidden;margin-bottom:2px;padding-right:40px;} #mapContainer .aside .searcharea ul.s1.full{padding-right:0;} #mapContainer .aside .searcharea ul.s1 input[type=text]{width:100%;height:29px;padding:0;border:none;} #mapContainer .aside .searcharea ul.s1 > .f{position:relative;margin-bottom:5px;padding:0 37px 0 5px;border:1px solid #bfc0c1;background-color:#fff;} #mapContainer .aside .searcharea ul.s1 > .f button{position:absolute;right:0;top:0;width:32px;height:29px;background:#fff url('../img/main/btn_road_search.png') center center no-repeat;} #mapContainer .aside .searcharea ul.s1 > .btn{position:absolute;right:-12px;top:26px;margin-top:-16px;} #mapContainer .aside .searcharea ul.s1 > .btn button{width:30px;height:32px;border:1px solid #bfc0c1;background:#fff url('../img/main/btn_change.png') center center no-repeat;} #mapContainer .aside .searcharea ul.btns{overflow:hidden;margin-bottom:7px;} #mapContainer .aside .searcharea ul.btns > li{float:left;} #mapContainer .aside .searcharea ul.btns > li.last{float:right;} #mapContainer .aside .searcharea ul.btns .btn1{width:89px;height:29px;background:url('../img/map/btn_add1.png') center center no-repeat;} #mapContainer .aside .searcharea ul.btns .btn2{width:71px;height:29px;background:url('../img/map/btn_remove.png') center center no-repeat;} #mapContainer .aside .searcharea ul.btns .btn3{width:64px;height:29px;background:url('../img/map/btn_search.png') center center no-repeat;} #mapContainer .aside .searcharea ul.s2{position:relative;overflow:hidden;} #mapContainer .aside .searcharea ul.s2 > li{float:left;margin-left:5px;} #mapContainer .aside .searcharea ul.s2 > li:first-child{margin-left:0} #mapContainer .aside .searcharea ul.s2 select{height:31px;} #mapContainer .aside .searcharea ul.s3{position:relative;overflow:hidden;} #mapContainer .aside .searcharea ul.s3 > li{position:relative;margin-bottom:5px;padding-left:60px;} #mapContainer .aside .searcharea ul.s3 > li .abl{position:absolute;left:0;top:5px;font-size:12px;font-weight:bold;} #mapContainer .aside .searcharea ul.s3 > li .w100p{width:100%;height:26px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} #mapContainer .aside .searcharea ul.s4{position:relative;overflow:hidden;} #mapContainer .aside .searcharea ul.s4 > li{position:relative;float:left;width:49%;margin-right:2%;} #mapContainer .aside .searcharea ul.s4 > li.f{padding:0 5px;border:1px solid #bfc0c1;background-color:#fff;} #mapContainer .aside .searcharea ul.s4 > li.f.cal{padding-right:0;} #mapContainer .aside .searcharea ul.s4 > li.last{overflow:hidden;float:none;width:auto;margin-right:0;} #mapContainer .aside .searcharea ul.s4 > li.f input[type=text]{width:100%;height:29px;padding:0;border:none;} #mapContainer .aside .searcharea ul.s4 > li select{width:100%;height:31px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} #mapContainer .aside .searcharea ul.s4 > li.f2{width:34%;padding:0 37px 0 5px;border:1px solid #bfc0c1;background-color:#fff;} #mapContainer .aside .searcharea ul.s4 > li.f2 input[type=text]{width:100%;height:29px;padding:0;border:none;} #mapContainer .aside .searcharea ul.s4 > li.f2 button{position:absolute;right:0;top:0;width:32px;height:29px;background:#fff url('../img/main/btn_road_search.png') center center no-repeat;} #mapContainer .aside ul.tabs{overflow:hidden;margin-bottom:7px;border:1px solid #84b6f0;} #mapContainer .aside ul.tabs > li{float:left;width:50%;} #mapContainer .aside ul.tabs > li > a{display:block;height:42px;border-right:1px solid #b7d9ff;} #mapContainer .aside ul.tabs > li.last > a{border-right:none} #mapContainer .aside ul.tabs > li > a.tab01{background:url('../img/map/tab01_off.png') center center no-repeat;} #mapContainer .aside ul.tabs > li > a.tab02{background:url('../img/map/tab02_off.png') center center no-repeat;} #mapContainer .aside ul.tabs > li > a.tab03{background:url('../img/map/tab03_off.png') center center no-repeat;} #mapContainer .aside ul.tabs > li > a.tab04{background:url('../img/map/tab04_off.png') center center no-repeat;} #mapContainer .aside ul.tabs > li.on > a.tab01{background:url('../img/map/tab01_on.png') center center no-repeat;} #mapContainer .aside ul.tabs > li.on > a.tab02{background:url('../img/map/tab02_on.png') center center no-repeat;} #mapContainer .aside ul.tabs > li.on > a.tab03{background:url('../img/map/tab03_on.png') center center no-repeat;} #mapContainer .aside ul.tabs > li.on > a.tab04{background:url('../img/map/tab04_on.png') center center no-repeat;} #mapContainer .aside ul.traffictabs{overflow:hidden;margin-bottom:10px;border:1px solid #84b6f0;} #mapContainer .aside ul.traffictabs > li{float:left;width:50%;} #mapContainer .aside ul.traffictabs > li > a{display:block;height:40px;line-height:40px;text-align:center;font-weight:bold;font-size:13px;border-right:1px solid #b7d9ff;background-color:#fdfbfb;} #mapContainer .aside ul.traffictabs > li.last > a{border-right:none} #mapContainer .aside ul.traffictabs > li.on > a{color:#539bed;} #mapContainer .aside .searchresult{margin-bottom:20px;} #mapContainer .aside ul.subtabs{overflow:hidden;} #mapContainer .aside ul.subtabs > li{float:left;} #mapContainer .aside ul.subtabs.c3 > li{width:33.3%;} #mapContainer .aside ul.subtabs > li.last{overflow:hidden;float:none;width:auto;} #mapContainer .aside ul.subtabs > li > a{display:block;height:34px;line-height:34px;font-size:11px;font-weight:bold;text-align:center;background-color:#f6f6f6;border-right:1px solid #d1d1d1;border-bottom:1px solid #b9b9b9;} #mapContainer .aside ul.subtabs > li.on > a{background-color:#fff;border-right:1px solid #b8b8b8;border-bottom:1px solid #fff;} #mapContainer .aside ul.subtabs > li.last > a{border-right:none !important;} #mapContainer .aside ul.route{} #mapContainer .aside ul.route > li{padding:12px;border-bottom:1px solid #b2b2b2;} #mapContainer .aside ul.route > li:hover{background-color:#f6f6f6} #mapContainer .aside ul.route > li.active{/*padding-bottom:0;*/background-color:#f6f6f6} #mapContainer .aside ul.route .t{position:relative;overflow:hidden;margin-bottom:10px;padding:0 35px 8px 0;border-bottom:1px solid #e3e3e3;} #mapContainer .aside ul.route .t.loc{height:30px;padding:0 60px 8px 23px;line-height:20px;font-size:13px;background:url('../img/map/tit_pin_off.png') left top no-repeat;} #mapContainer .aside ul.route .t.loc .btnSelect{position:absolute;right:0;top:0;} #mapContainer .aside ul.route > li.active .t.loc{color:#b81112;background:url('../img/map/tit_pin_on.png') left top no-repeat;} #mapContainer .aside ul.route .t > .routeTxt{overflow:hidden;line-height:23px;font-weight:bold;word-break:break-all;} #mapContainer .aside ul.route .b{line-height:22px;} #mapContainer .aside ul.route .b img{vertical-align:middle;} #mapContainer .aside ul.route .b .routeTxt{display:inline-block;} #mapContainer .aside ul.route .b .locTxt{line-height:18px;color:#8c8c8c;} #mapContainer .aside ul.route .routeBox{float:left;} #mapContainer .aside ul.route .i_train{vertical-align:middle;margin-right:3px;} #mapContainer .aside ul.route .i_road{vertical-align:middle;margin-right:3px;} #mapContainer .aside ul.route .i_bus{vertical-align:middle;margin-right:3px;} #mapContainer .aside ul.route .d_view{position:absolute;right:0;top:0;display:inline-block;overflow:hidden;white-space:nowrap;text-indent:-9999em;width:20px;height:20px;background:url('../img/map/btn_d_view.png') no-repeat;} #mapContainer .aside ul.route > li.active .d_view{background:url('../img/map/btn_d_view_on.png') no-repeat;} /*占쎄퐨占쎄문占쎈뻻 占쎈툡占쎌뵠�굜占� . class id active 占쎄섐�눧占� 筌띾‘釉섓옙苑� 占쎈퉸占쎈뼣 占쎈퉮筌뤴뫖彛� 筌ｌ꼶�봺 �ⓦ끇占�. [2015.08.12 kmj 占쎌뿫占쎈뻻嚥∽옙 �빊遺쏙옙]*/ #mapContainer .aside ul.route .d_view_on{position:absolute;right:0;top:0;display:inline-block;overflow:hidden;white-space:nowrap;text-indent:-9999em;width:20px;height:20px;background:url('../img/map/btn_d_view_on.png') no-repeat;} /* #mapContainer .aside .detailroute{display:none;margin-top:10px !important;border-top:1px solid #e3e3e3;background-color:#eaecf2;} */ /* �뤃�듼�쒙옙湲� margin-top 占쎌젫椰꾧퀬釉섓옙�뒄 占쎌뵠占쎄쉐占쎌뜚 */ #mapContainer .aside .detailroute{ position:relative; display:none; background-color:#eaecf2; z-index:2;} .detailroute .bar{position:absolute; top:-1px; left:24px; display:block; width:4px; height:100%; background:#5a6071; z-index:1; } .detailroute .barfirst{top:15px; height: calc(100% - 10px); } .detailroute .barlast{ height:15px; } .detailroute .off{ position:inherit; font-weight:normal;} .detailroute .off i{ position:absolute; left:-25px; top:3px; display:block; height:14px; width:14px; background:#474e61; border-radius:50%; } .detailroute .off .sw1{background-color:#0041aa;} .detailroute .off .sw2{background-color:#34ab2b;} .detailroute .off .sw3{background-color:#ee5a2a;} .detailroute .off .sw4{background-color:#3171d3;} .detailroute .off .sw5{background-color:#893bb6;} .detailroute .off .sw6{background-color:#9a4f11;} .detailroute .off .sw7{background-color:#606d00;} .detailroute .off .sw8{background-color:#d81c67;} .detailroute .off .sw9{background-color:#bf9f1e;} .detailroute .off .swBd{background-color:#edb217;} .detailroute .off .swIc{background-color:#6691c9;} .detailroute .off .swSbd{background-color:#a8022d;} .detailroute .off .swJa{background-color:#7dc4a5;} .detailroute .off .swGc{background-color:#26a97f;} .detailroute .off .swGh{background-color:#71b8e5;} .detailroute .off .swUjb{background-color:#ff8e00;} .detailroute .off .swEv{background-color:#77c371;} .detailroute .off .swSi{background-color:#edb217;} .detailroute .off .swWi{background-color:#c2c934;} .detailroute .tList{ position:inherit; display:block; font-weight:normal; padding:7px 0;} .detailroute .tList > span{position:inherit; display:block; line-height:18px; color:#888; font-size:12px; } .detailroute .tList i{position:absolute; left:-22px; top:3px; display:block; height:6px; width:6px; background:#fff; border:1px solid #5a6071; border-radius:50%; } #mapContainer .aside ul.route > li .detailroute{margin:0 -12px;} #mapContainer .aside ul.route > li.active .detailroute{display:block;margin-bottom:-12px;} #mapContainer .aside .detailroute > .d_route{position:inherit; overflow:hidden;padding:12px; line-height:22px; z-index:2;border-bottom:1px solid #e3e3e3;} #mapContainer .aside .detailroute > .d_route:first-child{border-top:none;} #mapContainer .aside .detailroute > .d_route img{vertical-align:middle;} #mapContainer .aside .detailroute > .d_route > dt{ position:absolute; top:12px; left:10px; width:30px;margin-right:10px;text-align:center; z-index:2;} #mapContainer .aside .detailroute > .d_route > dd{position:inherit; padding-left:32px; overflow:hidden; box-sizing:border-box; z-index:1;} #mapContainer .aside ul.businfor{overflow:hidden;} #mapContainer .aside ul.businfor > li{margin:12px 12px 0 12px;;padding:5px 12px 12px 12px;border:1px solid #adadad;} #mapContainer .aside ul.businfor > li:hover,#mapContainer .aside ul.businfor > li.active{background-color:#f6f6f6} #mapContainer .aside ul.businfor > li .bustit{position:relative;height:40px;margin-bottom:15px;line-height:40px;font-size:17px;font-weight:bold;border-bottom:2px solid #a6a9b3;} #mapContainer .aside ul.businfor > li .bustit img{vertical-align:middle;} #mapContainer .aside ul.businfor > li .bustit .minBtn{position:absolute;right:0;top:8px;min-width:initial;min-width:auto;height:22px;line-height:22px;border-radius:3px;} #mapContainer .aside ul.businfor .i_bus{vertical-align:middle;margin-right:3px;} #mapContainer .aside ul.businfor .t_box{/*margin:0 -12px;border-top:1px solid #c1c1c1;*/} #mapContainer .aside ul.businfor .time > span{display:inline-block;margin-right:4px;padding-right:8px;background:url('../img/map/m_line.png') right center no-repeat; } #mapContainer .aside ul.businfor .time > span.last{margin:0;padding:0;background:none;} #mapContainer .aside ul.businfor .time p{ position:relative; height:20px; line-height:20px; /* border-top:1px solid #e6e6e6; margin-top:15px; */ } #mapContainer .aside ul.businfor .time em{display:block; font-weight:bold; position:absolute; left:0; top:5px; color:#666; font-size:12px; } #mapContainer .aside ul.businfor .time i{ position:absolute; right:0; top:5px; color:#888; font-size:13px; padding-left:15px; background:url(../img/map/ico_call.png) 0 6px no-repeat;} #mapContainer .aside ul.busstop{} #mapContainer .aside ul.busstop > li{padding:8px 15px 8px 33px;border-bottom:1px solid #e3e3e3;line-height:1.5em;} #mapContainer .aside ul.busstop > li.busico1{background:url(../img/map/ico_bus1.png) 10px 50% no-repeat;} #mapContainer .aside ul.busstop > li.busico2{background:url(../img/map/ico_bus2.png) 10px 50% no-repeat;} #mapContainer .aside ul.parkinfor{overflow:hidden;} #mapContainer .aside ul.parkinfor > li{margin:12px 12px 0 12px;border:1px solid #adadad;} #mapContainer .aside ul.parkinfor > li:hover,#mapContainer .aside ul.parkinfor > li.active{background-color:#f6f6f6} #mapContainer .aside ul.parkinfor > li .parktit{position:relative;height:40px;padding:0 15px;line-height:40px;font-size:14px;font-weight:bold;border-bottom:2px solid #a6a9b3;} #mapContainer .aside ul.parkinfor > li .parktit .btnSelect{position:absolute;right:0;top:10px;color:#fff;} #mapContainer .aside ul.parkinfor .t_box{/*margin:0 -12px;border-top:1px solid #c1c1c1;*/margin-top: 16px;} #mapContainer .aside ul.traffic{overflow:hidden} #mapContainer .aside ul.traffic.bt{border-top:3px solid #597894;} #mapContainer .aside ul.traffic > li{border-bottom:1px solid #e3e3e3;} #mapContainer .aside ul.traffic > li > a{display:block;padding:12px 22px;font-weight:bold;background:url('../img/map/arrow_bg.png') 14px 17px no-repeat;} #mapContainer .aside ul.traffic > li > a:hover{background-color:#f6f6f6} #mapContainer .aside ul.traffic > li.active > a{color:#539bed;background-color:#f6f6f6} #mapContainer .aside ul.traffic2{overflow:hidden} #mapContainer .aside ul.traffic2.bt{border-top:3px solid #597894;} #mapContainer .aside ul.traffic2 > li{border-bottom:1px solid #e3e3e3;line-height:1.5em} #mapContainer .aside ul.traffic2 > li > a{display:block;padding:10px 15px;} #mapContainer .aside ul.traffic2 > li > a:hover{background-color:#f6f6f6} #mapContainer .aside ul.traffic2 > li.active{background-color:#f6f6f6} #mapContainer .aside ul.traffic2 > li.active strong{color:#539bed;} #mapContainer .aside ul.unexinfor{overflow:hidden;} #mapContainer .aside ul.unexinfor > li{margin:12px 12px 0 12px;border:1px solid #adadad;} #mapContainer .aside ul.unexinfor > li:hover,#mapContainer .aside ul.unexinfor > li.active{background-color:#f6f6f6} #mapContainer .aside ul.unexinfor > li .parktit{position:relative;padding:12px 15px;line-height:15px;font-size:12px;font-weight:bold;border-bottom:2px solid #a6a9b3;} #mapContainer .aside ul.unexinfor > li .parktit .btnSelect{position:absolute;right:0;top:10px;} #mapContainer .aside ul.unexinfor .t_box{/*margin:0 -12px;border-top:1px solid #c1c1c1;*/margin-top: 16px;} @media screen and (max-width: 1024px){ #mapContainer{top:51px; bottom:62px;} #mapContainer .maparea{top:0px;} } @media screen and (max-width: 768px){ #mapContainer{top:51px; bottom:79px;} } @media screen and (max-width: 480px){ #mapContainer{bottom:100px;} #mapContainer .aside{bottom:0;width:300px;} #mapContainer .maparea{left:300px;} #mapContainer.close .aside{left:-300px;} } /*筌띾벊�뒄占쎈꺖*/ #mapContainer .maparea .optBox{position:absolute;right:25px;top:25px;padding-right:22px;} #mapContainer .maparea .optBox.close{padding-right:0px;} #mapContainer .maparea .optBox > .btn {position:absolute;left:154px;top:0;width:22px;height:22px;background:#474e61 url('../img/map/opt_close.png') center center no-repeat;} #mapContainer .maparea ul.optList{width:154px;background-color:#fff;} #mapContainer .maparea ul.optList:after{display:block;content:'';clear:both;} #mapContainer .maparea ul.optList > li{float:left;width:33.3%;margin-bottom:-1px;} #mapContainer .maparea ul.optList > li.last{float:none;width:auto;overflow:hidden;} #mapContainer .maparea ul.optList > li > a{display:block;overflow:hidden;text-indent:-999em;height:50px;background-position:center center;background-repeat:no-repeat;border:1px solid #a4a4a4;border-right:none;} #mapContainer .maparea ul.optList > li.active > a{border-color:#539bed;} #mapContainer .maparea ul.optList > li.last > a{border-right:1px solid #a4a4a4;} #mapContainer .maparea ul.optList > li > a.opt1{background-image:url('../img/map/opt1_off.png');} #mapContainer .maparea ul.optList > li > a.opt2{background-image:url('../img/map/opt2_off.png');} #mapContainer .maparea ul.optList > li > a.opt3{background-image:url('../img/map/opt3_off.png');} #mapContainer .maparea ul.optList > li > a.opt4{background-image:url('../img/map/opt4_off.png');} #mapContainer .maparea ul.optList > li > a.opt5{background-image:url('../img/map/opt5_off.png');} #mapContainer .maparea ul.optList > li > a.opt6{background-image:url('../img/map/opt6_off.png');} #mapContainer .maparea ul.optList > li > a.opt7{background-image:url('../img/map/opt7_off.png');} #mapContainer .maparea ul.optList > li > a.opt8{background-image:url('../img/map/opt8_off.png');} #mapContainer .maparea ul.optList > li > a.opt9{background-image:url('../img/map/opt9_off.png');} #mapContainer .maparea ul.optList > li.active > a.opt1{background:#539bed url('../img/map/opt1_on.png');} #mapContainer .maparea ul.optList > li.active > a.opt2{background:#539bed url('../img/map/opt2_on.png');} #mapContainer .maparea ul.optList > li.active > a.opt3{background:#539bed url('../img/map/opt3_on.png');} #mapContainer .maparea ul.optList > li.active > a.opt4{background:#539bed url('../img/map/opt4_on.png');} #mapContainer .maparea ul.optList > li.active > a.opt5{background:#539bed url('../img/map/opt5_on.png');} #mapContainer .maparea ul.optList > li.active > a.opt6{background:#539bed url('../img/map/opt6_on.png');} #mapContainer .maparea ul.optList > li.active > a.opt7{background:#539bed url('../img/map/opt7_on.png');} #mapContainer .maparea ul.optList > li.active > a.opt8{background:#539bed url('../img/map/opt8_on.png');} #mapContainer .maparea ul.optList > li.active > a.opt9{background:#539bed url('../img/map/opt9_on.png');} #mapContainer .maparea .optBox.close > .btn{position:static;background:#474e61 url('../img/map/opt_open.png') center center no-repeat;} #mapContainer .maparea .optBox.close > ul.optList{display:none;} #mapContainer .maparea .mapkind{position:absolute; right:47px;top:190px;overflow:hidden;background-color:#fff;} #mapContainer .maparea ul.kindTabs{overflow:hidden;} #mapContainer .maparea ul.kindTabs > li{display:block;} #mapContainer .maparea ul.kindTabs > li > a{font-size:12px;display:block; width:55px;height:30px; line-height:30px; text-align:center; font-weight:bold; border:1px solid #bcbcbc; border-top:none; box-sizing:border-box; } #mapContainer .maparea ul.kindTabs > li:first-child > a{border-radius:3px 3px 0 0; border-top:1px solid #bcbcbc;} #mapContainer .maparea ul.kindTabs > li.last > a{border-right:1px solid #bcbcbc; border-radius: 0 0 3px 3px;} #mapContainer .maparea ul.kindTabs > li.active > a{background-color:#539bed;border-color:#539bed; border:1px solid #539bed; color:#fff;} #mapContainer .maparea ul.kindTabs2{overflow:hidden;} #mapContainer .maparea ul.kindTabs2 > li{float:left;} #mapContainer .maparea ul.kindTabs2 > li > a{font-size:12px;display:inline-block;padding:6px 8px;font-weight:bold;border:1px solid #bcbcbc;border-right:none; background:#fff;} #mapContainer .maparea ul.kindTabs2 > li:first-child > a{border-radius:5px 0 0 5px;} #mapContainer .maparea ul.kindTabs2 > li.last > a{border-right:1px solid #bcbcbc;border-radius:0 5px 5px 0;} #mapContainer .maparea ul.kindTabs2 > li.active > a{background-color:#539bed;border-color:#539bed;color:#fff;} #mapContainer .maparea .footnote{position:absolute;right:25px;bottom:25px; } #mapContainer .maparea .footnote .js{float:left;width:240px;height:32px;margin-right:5px;border:1px solid #a3a3a3;border-radius:3px;background:url('../img/map/footnote.png') center center no-repeat;} #mapContainer .maparea .footnote .sel{float:left;padding:5px;border:1px solid #a3a3a3;border-radius:3px;background-color:#fff;} #mapContainer .maparea .footnote .sel label{margin:0 3px;font-weight:bold;} #mapContainer .maparea .footnote .sel select{height:22px;} #mapContainer .maparea .footnote > .btn {position:absolute; right:-0px;top:0;width:22px;height:22px;background:#474e61 url('../img/map/opt_close.png') center center no-repeat;} #mapContainer .maparea .footnote .lgd{ width:345px; padding:10px; margin-right:22px; border:1px solid #aaa; background:#fff; box-sizing:border-box;} #mapContainer .maparea .footnote .lgd table{width:100%; border:1px solid #e0e0e0; color:#333;} #mapContainer .maparea .footnote .lgd table th{ background:#f5f5f5;} #mapContainer .maparea .footnote .lgd table th, #mapContainer .maparea .footnote .lgd table td{border:1px solid #e0e0e0; padding:10px 0px; text-align:center; } #mapContainer .maparea .footnote .lgd span{display:block; margin-bottom:-10px; margin-top:7px; border-bottom:4px solid #28c613;} #mapContainer .maparea .footnote .lgd span.opt2{border-bottom:4px solid #ffc600;} #mapContainer .maparea .footnote .lgd span.opt3{border-bottom:4px solid #f11406;} #mapContainer .maparea .footnote .lgd span.opt4{border-bottom:4px solid #797978;} #mapContainer .maparea .footnote .tit{display:none;} #mapContainer .maparea .footnote.close{bottom:35px;} #mapContainer .maparea .footnote.close > .btn{position:static;background:#474e61 url('../img/map/opt_open.png') center center no-repeat;} #mapContainer .maparea .footnote.close > .lgd{display:none;} #mapContainer .maparea .footnote.close .tit{position:absolute; display:block;right:22px; width:50px; height:30px; line-height:28px; border:1px solid #aaa; text-align:center; font-weight:bold; font-size:13px; background:#fff; } #mapContainer .maparea .spdstat{position:absolute;left:25px;bottom:25px; } #mapContainer .maparea .spdstat .js{float:left;width:240px;height:32px;margin-right:5px;border:1px solid #a3a3a3;border-radius:3px;background:url('../img/map/footnote.png') center center no-repeat;} #mapContainer .maparea .spdstat .sel{float:left;padding:5px;border:1px solid #a3a3a3;border-radius:3px;background-color:#fff;} #mapContainer .maparea .spdstat .sel label{margin:0 3px;font-weight:bold;} #mapContainer .maparea .spdstat .sel select{height:22px;} #mapContainer .maparea .spdstat > .btn {position:absolute; left:-0px;top:0;width:22px;height:22px;background:#474e61 url('../img/map/opt_close.png') center center no-repeat;} #mapContainer .maparea .spdstat .lgd{ width:345px; padding:10px; margin-left:22px; border:1px solid #aaa; background:#fff; box-sizing:border-box;} #mapContainer .maparea .spdstat .lgd table{width:100%; border:1px solid #e0e0e0; color:#333;} #mapContainer .maparea .spdstat .lgd table th{ background:#f5f5f5;} #mapContainer .maparea .spdstat .lgd table th, #mapContainer .maparea .spdstat .lgd table td{border:1px solid #e0e0e0; padding:10px 0px; text-align:center; } #mapContainer .maparea .spdstat .lgd span{display:block; margin-bottom:-10px; margin-top:7px; border-bottom:4px solid #28c613;} #mapContainer .maparea .spdstat .lgd span.opt2{border-bottom:4px solid #ffc600;} #mapContainer .maparea .spdstat .lgd span.opt3{border-bottom:4px solid #f11406;} #mapContainer .maparea .spdstat .lgd span.opt4{border-bottom:4px solid #797978;} #mapContainer .maparea .spdstat .tit{display:none;} #mapContainer .maparea .spdstat.close{bottom:35px;} #mapContainer .maparea .spdstat.close > .btn{position:static;background:#474e61 url('../img/map/opt_open.png') center center no-repeat;} #mapContainer .maparea .spdstat.close > .lgd{display:none;} #mapContainer .maparea .spdstat.close .tit{position:absolute; display:block;left:22px; width:75px; height:30px; line-height:28px; border:1px solid #aaa; text-align:center; font-weight:bold; font-size:13px; background:#fff; } #mapContainer .maparea .btnTraffic, #mapContainer .maparea .btnTraffic2{position:absolute; top:25px; left:25px;} #mapContainer .maparea .btnTraffic > a{display:block; width:65px; height:65px; border:2px solid rgba(71,78,97,0.6); border-radius:50%; background:linear-gradient(#fff, #e6e6e6); box-shadow:2px 2px 3px #ddd; font-weight:bold; padding-top:12px; font-size:13px; color:#474e61; text-align:center; box-sizing:border-box; } #mapContainer .maparea .btnTraffic > a:hover{border:2px solid rgba(71,78,97,1); background:linear-gradient(#fff, #e6e6e6);} #mapContainer .maparea .btnTraffic > a.on{border:2px solid rgba(71,78,97,1); box-shadow:inset 0px 1px 3px #aaa;} #mapContainer .maparea .mapkind2{position:absolute;right:25px;top:25px;} .mapview{width:100%; height:100%; z-index:1;} .mapview .mapview1, .mapview .mapview2{height:100%; width:100%;} .mapview .mapview1{} .mapview .mapview2{ position:relative; } .mapview .mapview2 .m1, .mapview .mapview2 .m2{position:absolute; top:20px; left:20px; right:20px; bottom:20px;} /* .mapview .mapview2 .m1{ background:url(http://smartway.seoul.go.kr/imageMap/new_stat.gif) 50% 50% no-repeat; background-size:contain; z-index:2;} .mapview .mapview2 .m2{ background:url(http://smartway.seoul.go.kr/user/main/getImage.do?imageMapName=StatImageMap) 50% 50% no-repeat; background-size:contain; z-index:1;} */ @media screen and (max-width: 1024px){ } @media screen and (max-width: 768px){ #mapContainer .maparea .btnTraffic, #mapContainer .maparea .btnTraffic2{top:15px; left:15px;} #mapContainer .maparea .optBox{right:15px;top:15px;} #mapContainer .maparea .mapkind{right:37px;top:180px;} #mapContainer .maparea .footnote{right:15px;bottom:15px;} #mapContainer .maparea .footnote.close{bottom:25px;} #mapContainer .maparea .footnote .js{float:none;margin-bottom:5px;margin-right:0;} #mapContainer .maparea .footnote .sel{float:right;} #mapContainer .maparea .mapkind2{right:15px;top:15px;} } @media screen and (max-width: 480px){ } .map_layer caption{line-height:0;/* visibility:hidden; */font-size:0;padding:0;} .map_layer a:focus, a:hover{text-decoration: none;} .map_layer{position:absolute;background-color:#fff;border:1px solid #5c6c7a;border-top:4px solid #539bed;} .map_layer .tit{padding:14px 40px 14px 14px;font-size:14px;color:#303030;background-color:#f5f8fc;border-bottom:1px solid #9e9e9e;} .map_layer .tit img{vertical-align:middle;} .map_layer .close{position:absolute;width:15px;height:15px;right:15px;top:15px;background:url('../img/map/layer_close.png') center center no-repeat;opacity:1;} .map_layer .content{line-height:1.5em;font-size:14px;} .map_layer .btnBox{padding:5px 0;} .map_layer .minBtn{min-width:initial;min-width:auto;height:22px;line-height:22px;border-radius:3px;} .map_layer .blind{display:block;overflow:hidden;top:-1000em;position:absolute;} .map_layer i,em,address{font-style:normal;} .map_layer2{position:relative;} /*占쎈즼獄쏉옙*/ .map_layer.unex{width:905px;} /*占쎌쁽占쎌읈椰꾬옙*/ .map_layer.bike{width:268px;} .map_layer.bike .loc{padding:10px 14px;border-bottom:1px solid #9e9e9e;font-size:13px;} .map_layer.bike .loc > span{display:inline-block;margin-right:4px;padding-right:8px;background:url('../img/map/m_line.png') right center no-repeat;} .map_layer.bike .loc > span.last{margin:0;padding:0;background:none;} /*雅뚯눘媛먲옙�삢*/ .map_layer.parking{width:290px;} /*筌욑옙占쎈릭筌ｏ옙*/ .map_layer.train{width:500px} .map_layer.train .content{padding:12px 8px 8px 8px;} .map_layer.train .btnBox{padding:5px 8px;} .map_layer.train .stationBox{position:relative;width:339px;height:44px;margin:0 auto;margin-bottom:15px;background-image:url('../img/map/metro_bg.png');background-repeat:no-repeat;} .map_layer.train .stationBox img{vertical-align:middle;} .map_layer.train .stationBox .st_name{position:absolute;left:50%;top:11px;width:120px;margin-left:-60px;font-size:14px;color:#000;text-align:center;font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .map_layer.train .stationBox .st_prev{position:absolute;left:22px;top:11px;width:75px;font-size:13px;font-weight:bold;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .map_layer.train .stationBox .st_prev a{color:#fff;} .map_layer.train .stationBox .st_next{position:absolute;right:22px;top:11px;width:75px;font-size:13px;font-weight:bold;text-align:right;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .map_layer.train .stationBox .st_next a{color:#fff;} .map_layer.train .stationBox .st_name .i_train{vertical-align:top;margin-top:4px;margin-right:3px;} .map_layer.train .stationBox.line1{background-position:0 0;} .map_layer.train .stationBox.line1 .i_train{width:16px;background:url('../img/map/train_icon.png') 0 0 no-repeat;} .map_layer.train .stationBox.line2{background-position:0 -48px;} .map_layer.train .stationBox.line2 .i_train{width:16px;background:url('../img/map/train_icon.png') -18px 0 no-repeat;} .map_layer.train .stationBox.line3{background-position:0 -96px;} .map_layer.train .stationBox.line3 .i_train{width:16px;background:url('../img/map/train_icon.png') -36px 0 no-repeat;} .map_layer.train .stationBox.line4{background-position:0 -144px;} .map_layer.train .stationBox.line4 .i_train{width:16px;background:url('../img/map/train_icon.png') -54px 0 no-repeat;} .map_layer.train .stationBox.line5{background-position:0 -192px;} .map_layer.train .stationBox.line5 .i_train{width:16px;background:url('../img/map/train_icon.png') -72px 0 no-repeat;} .map_layer.train .stationBox.line6{background-position:0 -240px;} .map_layer.train .stationBox.line6 .i_train{width:16px;background:url('../img/map/train_icon.png') -90px 0 no-repeat;} .map_layer.train .stationBox.line7{background-position:0 -288px;} .map_layer.train .stationBox.line7 .i_train{width:16px;background:url('../img/map/train_icon.png') -108px 0 no-repeat;} .map_layer.train .stationBox.line8{background-position:0 -336px;} .map_layer.train .stationBox.line8 .i_train{width:16px;background:url('../img/map/train_icon.png') -126px 0 no-repeat;} .map_layer.train .stationBox.line9{background-position:0 -384px;} .map_layer.train .stationBox.line9 .i_train{width:16px;background:url('../img/map/train_icon.png') -144px 0 no-repeat;} .map_layer.train .stationBox.line10{background-position:0 -432px;} .map_layer.train .stationBox.line10 .i_train{width:32px;background:url('../img/map/train_icon.png') 0 -17px no-repeat;} .map_layer.train .stationBox.line11{background-position:0 -480px;} .map_layer.train .stationBox.line11 .i_train{width:32px;background:url('../img/map/train_icon.png') -35px -17px no-repeat;} .map_layer.train .stationBox.line12{background-position:0 -528px;} .map_layer.train .stationBox.line12 .i_train{width:44px;background:url('../img/map/train_icon.png') -70px -17px no-repeat;} .map_layer.train .stationBox.line13{background-position:0 -576px;} .map_layer.train .stationBox.line13 .i_train{width:52px;background:url('../img/map/train_icon.png') -117px -17px no-repeat;} .map_layer.train .stationBox.line14{background-position:0 -624px;} .map_layer.train .stationBox.line14 .i_train{width:32px;background:url('../img/map/train_icon.png') 0 -34px no-repeat;} .map_layer.train .stationBox.line15{background-position:0 -672px;} .map_layer.train .stationBox.line15 .i_train{width:32px;background:url('../img/map/train_icon.png') -35px -34px no-repeat;} .map_layer.train .stationBox.line16{background-position:0 -720px;} .map_layer.train .stationBox.line16 .i_train{width:36px;background:url('../img/map/train_icon.png') -70px -34px no-repeat;} .map_layer.train .stationBox.line17{background-position:0 -768px;} .map_layer.train .stationBox.line17 .i_train{width:52px;background:url('../img/map/train_icon.png') -117px -34px no-repeat;} .map_layer.train .stationBox.line18{background-position:0 -816px;} .map_layer.train .stationBox.line18 .i_train{width:32px;background:url('../img/map/train_icon.png') 0 -51px no-repeat;} .map_layer.train ul{list-style:none;} .map_layer.train ul.tabs{overflow:hidden;margin-bottom:10px;border-top:3px solid #4e4e4e;} .map_layer.train ul.tabs > li{float:left;width:33.3%;} .map_layer.train ul.tabs > li.last{float:none;width:auto;overflow:hidden;} .map_layer.train ul.tabs > li > a{display:block;height:35px;line-height:32px;text-align:center;font-weight:bold;background-color:#f6f6f6;border:1px solid #c2c2c2;border-right:none;} .map_layer.train ul.tabs > li.last > a{border-right:1px solid #c2c2c2;} .map_layer.train ul.tabs > li.active > a{border-bottom:1px solid #fff;background-color:#fff;color:#b51415;} .map_layer.train .scroll{max-height:200px;overflow-y:auto;} .map_layer.train .trainInfor{display:none} .map_layer.train span{display:inline-block; margin-right: 8px; padding-right: 8px; background: url('../img/map/m_line.png') right center no-repeat;} /*占쎈꺖占쎈꽰占쎌젟癰귨옙*/ .map_layer.traffic{width:540px;} .map_layer.traffic .content{padding:8px;} .map_layer.traffic ul.tabs{overflow:hidden;margin-bottom:10px;border-top:3px solid #4e4e4e;} .map_layer.traffic ul.tabs > li{float:left;width:50%;} .map_layer.traffic ul.tabs > li.last{float:none;width:auto;overflow:hidden;} .map_layer.traffic ul.tabs > li > a{display:block;height:30px;line-height:30px;text-align:center;font-weight:bold;background-color:#f6f6f6;border:1px solid #c2c2c2;border-right:none;} .map_layer.traffic ul.tabs > li.last > a{border-right:1px solid #c2c2c2;} .map_layer.traffic ul.tabs > li.active > a{border-bottom:1px solid #fff;background-color:#fff;color:#b51415;} .map_layer.traffic .trafficInfor{display:none;max-height:200px;overflow-y:auto;} /*甕곌쑴�뮞獄쏄퀣媛먲옙�젟癰귨옙*/ .map_layer.bustraffic{width:500px} .map_layer.bustraffic .i_bus{vertical-align:middle;margin-right:3px;margin-top: -2px;} .map_layer.bustraffic .content{padding:8px;} .map_layer.bustraffic .trafficInfor{max-height:200px;overflow-y:auto;} /*甕곌쑴�뮞占쎌젟癰귨옙*/ .map_layer.businfor{width:400px} .map_layer.businfor .i_bus{vertical-align:middle;margin-right:3px;} .map_layer.businfor .content{padding:14px;} .map_layer.businfor .trafficInfor{max-height:150px;overflow-y:auto;} .map_layer.businfor .busloc{max-height:250px;overflow-y:auto;border-top:1px solid #5c6c7a;} .map_layer.businfor ul.busloclist{} .map_layer.businfor ul.busloclist > li{padding:0px 15px;border-bottom:1px solid #e3e3e3;line-height:1.5em;position: relative;overflow: unset; height: 42px; display: flex; flex-flow: row wrap; align-content: center;} .map_layer.businfor .time{ position:relative;} .map_layer.businfor .time > span{display:inline-block;margin-right:4px;padding-right:8px;background:url('../img/map/m_line.png') right center no-repeat;} .map_layer.businfor .time > span.last{margin:0;padding:0;background:none;} .map_layer.businfor .time p{ position:relative; height:20px; line-height:20px; margin-top:5px; } .map_layer.businfor .time em{display:block; font-weight:bold; position:absolute; left:0; top:5px; color:#666; font-size:12px; line-height:13px; } .map_layer.businfor .time i{ position:absolute; right:0; top:5px; color:#888; font-size:13px; line-height:15px; padding-left:15px; background:url(../img/map/ico_call.png) 0 2px no-repeat;} .map_layer.businfor ul.tabs{overflow:hidden;margin-bottom:10px;border-top:3px solid #4e4e4e;} .map_layer.businfor ul.tabs > li{float:left;width:50%;} .map_layer.businfor ul.tabs > li.last{float:none;width:auto;overflow:hidden;} .map_layer.businfor ul.tabs > li > a{display:block;height:30px;line-height:30px;text-align:center;font-weight:bold;background-color:#f6f6f6;border:1px solid #c2c2c2;border-right:none;} .map_layer.businfor ul.tabs > li.last > a{border-right:1px solid #c2c2c2;} .map_layer.businfor ul.tabs > li.active > a{border-bottom:1px solid #fff;background-color:#fff;color:#b51415;} .map_layer.businfor .scroll{max-height:250px;overflow-y:auto;} .map_layer.businfor .busInfor{display:none} .map_layer2.businfor2{float:left; width:730px;} .map_layer2.businfor2 .i_bus{vertical-align:middle;margin-right:3px;} .map_layer2.businfor2 .content{float:left; padding:14px; height:100%;} .map_layer2.businfor2 .contTit{position:relative; line-height:40px;} .map_layer2.businfor2 .contTit strong{font-size:14px;} .map_layer2.businfor2 .tableWrap{float:left; width:100%; margin-bottom:10px;} .map_layer2.businfor2 .tableWrap table{width:32.2%; float:left; margin-right:11px;} .map_layer2.businfor2 .tableWrap table:last-child{margin-right:0;} .map_layer2.businfor2 .tableWrap table th:first-child, .map_layer2.businfor2 .tableWrap table td:first-child{text-align:center; padding:0;} /*uinetworks start*/ .map_layer.buslistacc{width:200px} .map_layer.buslistacc .i_bus{vertical-align:middle;margin-right:3px;} .map_layer.buslistacc .content{padding:14px;} .map_layer.buslistacc .busloc{max-height:200px;overflow-y:auto;border-top:1px solid #5c6c7a;} .map_layer.buslistacc ul.busloclist{} .map_layer.buslistacc ul.busloclist > li{padding:8px 15px;border-bottom:1px solid #e3e3e3;line-height:1.5em;font-size:14px;} .acdntTxt{padding-left: 15px;margin-right:5px; color:#F00; line-height:1.5em; font-weight:bold; font-size:14px;} .cursor-pointer{cursor: pointer;} /*uinetworks end*/ /*VMS 占쎌젟癰귨옙*/ /*�빊遺쏙옙 占쎌뵠占쎄쉐占쎌뜚]*/ /* .map_layer.vms{width:300px;} */ .map_layer.vms .content{padding:8px;} .map_layer.vms ul.tabs{overflow:hidden;margin-bottom:10px;border-top:3px solid #4e4e4e;} .map_layer.vms ul.tabs > li{float:left;width:50%;} .map_layer.vms ul.tabs > li.last{float:none;width:auto;overflow:hidden;} .map_layer.vms ul.tabs > li > a{display:block;height:30px;line-height:30px;text-align:center;font-weight:bold;background-color:#f6f6f6;border:1px solid #c2c2c2;border-right:none;} .map_layer.vms ul.tabs > li.last > a{border-right:1px solid #c2c2c2;} .map_layer.vms ul.tabs > li.active > a{border-bottom:1px solid #fff;background-color:#fff;color:#539bed;} .map_layer.vms .trafficInfor{display:none;max-height:200px;overflow-y:auto;} .map_layer.cctv{width:520px;} /*�⑤벏�꽰占쎈�믭옙�뵠�뇡占�*/ table.tby01{width:100%;} table.tby01 th{padding:8px 10px;background-color:#f3f5f8;font-weight:bold;text-align:center;border-right:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;text-align:center;} table.tby01 td{padding:8px 10px;border-right:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;background-color:#fff;} table.tby01 .last{border-right:none;} table.tby01 td.bikenum{padding:20px 0;font-size:20px;font-weight:bold;text-align:center;} table.tby01.min th{padding:6px 8px;text-align:center;} table.tby01.min td{padding:6px 8px;} table.tby02{width:100%;} table.tby02 th{padding:8px 5px;font-weight:bold;border:1px solid #d2d2d2;text-align:center;} table.tby02 td{padding:8px 5px;border:1px solid #d2d2d2;text-align:center;vertical-align:top;background-color:#fff;} table.tby02 p{margin: 0px;} table.tby03{width:100%;} table.tby03 th{padding:8px 10px;background-color:#f3f5f8;font-weight:bold;border:1px solid #d2d2d2;text-align:center;} table.tby03 td{padding:8px 10px;border:1px solid #d2d2d2;background-color:#fff; word-break:break-all} table.tby03.min th{padding:6px 8px;text-align:center;} table.tby03.min td{padding:6px 8px;text-align:center;} /*占쎈툡占쎌뵠�굜占�*/ /*野껋럥以덅린�뜇�깈*/ .routeBox{display:inline-block;margin-right:10px;padding:4px 5px;font-size:11px;font-weight:bold;color:#466c8f;border:1px solid #9baebf;background-color:#fff;vertical-align:top;} /*占쎌쁽占쎄쉭占쎌뿳癰귣떯由계린袁る뱣*/ .btnSelect{display:inline-block;height:22px;line-height:22px;margin-right:10px;padding:0 8px;font-size:11px;font-weight:bold;color:#fff;background-color:#474e61;vertical-align:top;} /*野껋럥以덌옙�넅占쎄땀占쎈ご*/ .path_arr{display:inline-block;overflow:hidden;text-indent:-9999em;white-space:nowrap;width:11px;height:5px;margin:-1px 3px 0 3px;vertical-align:middle;background:url('../img/map/arricon.png') no-repeat;} .path_arrd{display:inline-block;overflow:hidden;text-indent:-9999em;white-space:nowrap;width:12px;height:5px;margin:-1px 3px 0 3px;vertical-align:middle;background:url('../img/map/arrdicon.png') no-repeat;} /*筌욑옙占쎈릭筌ｏ옙*/ .i_train{display:inline-block;overflow:hidden;white-space:nowrap;text-indent:-9999em;height:15px;} .i_train.line1{width:16px;background:url('../img/map/train_icon.png') 0 0 no-repeat;} .i_train.line2{width:16px;background:url('../img/map/train_icon.png') -18px 0 no-repeat;} .i_train.line3{width:16px;background:url('../img/map/train_icon.png') -36px 0 no-repeat;} .i_train.line4{width:16px;background:url('../img/map/train_icon.png') -54px 0 no-repeat;} .i_train.line5{width:16px;background:url('../img/map/train_icon.png') -72px 0 no-repeat;} .i_train.line6{width:16px;background:url('../img/map/train_icon.png') -90px 0 no-repeat;} .i_train.line7{width:16px;background:url('../img/map/train_icon.png') -108px 0 no-repeat;} .i_train.line8{width:16px;background:url('../img/map/train_icon.png') -126px 0 no-repeat;} .i_train.line9{width:16px;background:url('../img/map/train_icon.png') -144px 0 no-repeat;} .i_train.t01{width:31px;background:url('../img/map/train_icon.png') 0 -17px no-repeat;} .i_train.t02{width:31px;background:url('../img/map/train_icon.png') -35px -17px no-repeat;} .i_train.t03{width:43px;background:url('../img/map/train_icon.png') -70px -17px no-repeat;} .i_train.t04{width:51px;background:url('../img/map/train_icon.png') -117px -17px no-repeat;} .i_train.t05{width:31px;background:url('../img/map/train_icon.png') 0 -34px no-repeat;} .i_train.t06{width:31px;background:url('../img/map/train_icon.png') -35px -34px no-repeat;} .i_train.t07{width:43px;background:url('../img/map/train_icon.png') -70px -34px no-repeat;} .i_train.t08{width:51px;background:url('../img/map/train_icon.png') -117px -34px no-repeat;} .i_train.t09{width:31px;background:url('../img/map/train_icon.png') 0 -51px no-repeat;} /* 占쎌뒭占쎌뵠占쎈뻿占쎄퐬占쎄퐨 */ /* .i_train.t10{width:31px;background:url('../img/map/train_icon.png') 0 -51px no-repeat;} */ /*甕곌쑴�뮞*/ .i_bus{display:inline-block;overflow:hidden;white-space:nowrap;text-indent:-9999em;width:28px;height:17px;} .i_bus.r1{background:url('../img/map/bus_icon_01.png') no-repeat;}/*吏��꽑*/ .i_bus.r2{background:url('../img/map/bus_icon_02.png') no-repeat;}/*媛꾩꽑*/ .i_bus.r3{background:url('../img/map/bus_icon_03.png') no-repeat;}/*愿묒뿭*/ .i_bus.r4{background:url('../img/map/bus_icon_04.png') no-repeat;}/*�닚�솚*/ .i_bus.r5{background:url('../img/map/bus_icon_town.png') no-repeat;}/*留덉쓣*/ .i_bus.r6{background:url('../img/map/bus_icon_06.png') no-repeat;}/*怨듯빆*/ .i_bus.r7{background:url('../img/map/bus_icon_07.png') no-repeat;}/*�씤泥�*/ .i_bus.r8{background:url('../img/map/bus_icon_08.png') no-repeat;}/*寃쎄린*/ .i_bus.r10{background:url('../img/map/bus_icon_10.png') no-repeat;}/*愿�愿�*/ .i_bus.r12{background:url('../img/map/bus_icon_12.png') no-repeat;}/*자율*/ .i_bus.r13{background:url('../img/map/bus_icon_13.png') no-repeat;}/*愿�愿�*/ .i_bus.r14{background:url('../img/map/bus_icon_14.png') no-repeat;}/*한강*/ /*占쎈즲嚥≪뮇�젟筌�袁⑷맒占쎌넺*/ .i_road{display:inline-block;overflow:hidden;white-space:nowrap;text-indent:-9999em;width:28px;height:17px;} .i_road.r1{background:url('../img/map/road_icon.png') 0 0 no-repeat;} .i_road.r2{background:url('../img/map/road_icon.png') -28px 0 no-repeat;} .i_road.r3{background:url('../img/map/road_icon.png') -56px 0 no-repeat;} /*筌욑옙占쎈즲占쎈툡占쎌뵠�굜占�*/ .mpi1{position:absolute;display:inline-block;overflow:hidden;overflow:hidden;text-indent:-9999em;background-image:url('../img/map/map_icon1.png');} .mpi1.start{width:43px;height:49px;background-position:0 0;} .mpi1.stops{width:43px;height:49px;background-position:-49px 0;} .mpi1.finish{width:43px;height:49px;background-position:-98px 0;} .mpi1.opt1{width:31px;height:34px;background-position:0 -56px;} .mpi1.opt2{width:31px;height:34px;background-position:-37px -56px;} .mpi1.opt3{width:31px;height:34px;background-position:-74px -56px;} .mpi1.opt4{width:31px;height:34px;background-position:-111px -56px;} .mpi1.opt5{width:31px;height:34px;background-position:-148px -56px;} .mpi1.opt6{width:31px;height:34px;background-position:-185px -56px;} .mpi1.opt7{width:31px;height:34px;background-position:-222px -56px;} .mpi1.opt8{width:31px;height:34px;background-position:-259px -56px;} .mpi1.opt9{width:31px;height:34px;background-position:-296px -56px;} /*占쎌뵠占쎈짗占쎈땾占쎈뼊 [2015.08.12 kmj 占쎌뿫占쎈뻻嚥∽옙 �빊遺쏙옙]*/ .i_action{display:inline-block;overflow:hidden;white-space:nowrap;text-indent:-9999em;height:15px;} .i_action.walk{width:31px;height:34px;background:url('../img/map/map_icon_10.png') 0 0 no-repeat;} .i_action.bus{width:31px;height:34px;background:url('../img/map/map_icon_26.png') 0 0 no-repeat;} .i_action.sub{width:31px;height:34px;background:url('../img/map/map_icon_14.png') 0 0 no-repeat;} /*占쎈뼊占쎈꺗燁삳�李볩옙�뵬占쎌젟癰귨옙*/ .lgdCctv{ width:100%; padding:0 30px; box-sizing:border-box;} .lgdCctv > div{float: left; width:49%; height:35px; line-height:35px; vertical-align:middle; text-align:center; border:1px solid #e5e5e5;} .lgdCctv span{display:inline-block; width:20px; height:20px; line-height:20px; vertical-align:middle; background:url(../img/map/map_icon_28.png) -4px -3px no-repeat; } .lgdCctv span.opt2{background:url(../img/map/map_icon_28_r.png) -4px -3px no-repeat;} .lgdCctv span.opt3{background:url(../img/map/map_icon_18_r.png) -4px -3px no-repeat;} .txtL{text-align:left !important;} .txtC{text-align:center !important;} .txtR{text-align:right !important;} .bigBtn{display:inline-block;min-width:75px;height:40px;line-height:40px;padding:0 20px;font-size:14px;text-align:center;font-weight:bold;vertical-align:middle} .midBtn{display:inline-block;min-width:55px;height:30px;line-height:30px;padding:0 8px;font-size:12px;text-align:center;font-weight:bold;vertical-align:middle} .minBtn{display:inline-block;min-width:50px;height:28px;line-height:28px;padding:0 8px;font-size:11px;text-align:center;vertical-align:middle;} button.bigBtn{min-width:77px;height:37px;line-height:normal;} button.midBtn{min-width:57px;height:30px;line-height:normal;} button.minBtn{min-width:52px;height:30px;line-height:normal} .btnWhite{border:1px solid #cccccc;background-color:#fff;} .btnBlue{border:1px solid #539bed;color:#fff;background-color:#539bed;} .btnGray{border:1px solid #597894;color:#fff;background-color:#597894;} .btnRed{border:1px solid #b41112;color:#fff;background-color:#b41112;} .btnDgray{border:1px solid #474e61;color:#fff;background-color:#474e61;} .toggle{ position: absolute; left: 383px;} /*right: 50px;*/ .switcher { display: inline-block; height: 40px; margin-top:3px; padding: 4px; background: #fff; border-radius: 2px; width: 196px; border-radius: 5px; border: solid 1px #ddd; position: relative; } .switcher__input { display: none; } .switcher__label { float: left; width: 50%; font-size: 12px; line-height: 30px; text-align: center; cursor: pointer; position: inherit; z-index: 10; transition: color 0.2s cubic-bezier(0.4, 0.0, 0.2, 1); will-change: transform; } .switcher__toggle { position: absolute; float: left; height: 30px; width: 47%; font-size: 12px; line-height: 30px; cursor: pointer; background-color: #3366cc; border-radius: 5px; left: 5px; top: 4px; transition: left 0.25s cubic-bezier(0.4, 0.0, 0.2, 1); will-change: transform; } .switcher__input:checked + .switcher__label { color: #fff; } .switcher__input--off:checked ~ .switcher__toggle { left: 100px; } ul.busloclist > li .lt{position:absolute;width:4px;height:20px; left:7px;top:-3px;background-color:#888;} ul.busloclist > li .lb{position:absolute;width:4px;height:20px; left:7px;bottom:0px;background-color:#888;} ul.busloclist > li .confuse {background: #f11406} ul.busloclist > li .spare {background:#28c613} ul.busloclist > li .normal {background:#ffc600;} ul.busloclist > li .icon{position:absolute;width:9px;height:9px; left:5px;top:55%;margin-top:-7px;border:1px solid #888; background:#fff url(../img/map/btype_a1.png) 50% 60% no-repeat; background-size:8px; border-radius:30px;} .list_btype1 > ul.busloclist > li .icon{border:1px solid #46ae1d; background:#fff url(../img/map/btype_a1.png) 50% 60% no-repeat; background-size:6px; } .list_btype2 > ul.busloclist > li .icon{border:1px solid #4569cf; background:#fff url(../img/map/btype_a2.png) 50% 60% no-repeat; background-size:6px; } .list_btype3 > ul.busloclist > li .icon{border:1px solid #bd1d1e; background:#fff url(../img/map/btype_a3.png) 50% 60% no-repeat; background-size:6px; } .list_btype4 > ul.busloclist > li .icon{border:1px solid #ca9300; background:#fff url(../img/map/btype_a4.png) 50% 60% no-repeat; background-size:6px; } .list_btype5 > ul.busloclist > li .icon{border:1px solid #d36300; background:#fff url(../img/map/btype_a5.png) 50% 60% no-repeat; background-size:6px; } .list_btype6 > ul.busloclist > li .icon{border:1px solid #70afdf; background:#fff url(../img/map/btype_a6.png) 50% 60% no-repeat; background-size:6px; } .list_btype7 > ul.busloclist > li .icon{border:1px solid #243d9a; background:#fff url(../img/map/btype_a7.png) 50% 60% no-repeat; background-size:6px; } .list_btype8 > ul.busloclist > li .icon{border:1px solid #f7941d; background:#fff url(../img/map/btype_a8.png) 50% 60% no-repeat; background-size:6px; } .list_btype10 > ul.busloclist > li .icon{border:1px solid #ae3f1d; background:#fff url(../img/map/btype_a10.png) 50% 60% no-repeat; background-size:6px; } .list_btype12 > ul.busloclist > li .icon{border:1px solid #bd1d1e; background:#fff url(../img/map/btype_a12.png) 50% 60% no-repeat; background-size:6px; } .list_btype13 > ul.busloclist > li .icon{border:1px solid #4569ff; background:#fff url(../img/map/btype_a13.png) 50% 60% no-repeat; background-size:6px; } .list_btype14 > ul.busloclist > li .icon{border:1px solid #b7d5f8; background:#fff url(../img/map/btype_a14.png) 50% 60% no-repeat; background-size:6px; }