@charset "utf-8";
@import url('layout.css');
@import url('common.css');
@import url('style_iz.css');

/* 
===============================================================================================
1.	버    전 : main.css
2.	작 성 자 : 강형철
3.	작 성 일 : 2015. 09. 11
4.	참    고 : 스타일 정의
===============================================================================================
*/

/*정류소*/
.bsList{overflow: auto;}
.bsList > .busstop, .infoD > .busstop{position:relative;padding:12px;margin-bottom:15px;border-radius:5px;background-color:#26CCFC;}
.bsList > .busstop:last-child, .infoD > .busstop:last-child{margin-bottom:0;}
.bsList > .busstop > .tit, .infoD > .busstop > .tit{display:block;margin-bottom:5px;color:#fff;font-size:15px;}
.bsList > .busstop > .msg{color:#1392B8;font-weight:bold;}
.bsList > .busstop .btns{position:absolute;right:12px;top:12px;text-align:right;}
.bsList > .busstop .btns a{display:inline-block;overflow:hidden;width:24px;height:24px;text-align:center;line-height:24px;border-radius:3px;font-weight:bold;}
.bsList > .busstop .btns a.w{background-color:#70777e;color:#fff;}
.bsList > .busstop .btns a.f{background:#fff url('../img/icon_fav.png') center center no-repeat;background-size:15px auto;text-indent:-9999em;border:1px solid #70777e;width:22px;height:22px;}
ul.range{overflow:hidden;border-radius:5px;background-color:#eaeaea;border:1px solid #d5d5d5;}
ul.range > li{overflow:hidden;padding:8px;border-bottom:1px solid #d5d5d5;font-size:14px;}
ul.range > li:last-child{border-bottom:none;}
ul.range > li .l{float:left}
ul.range > li .r{float:right;}





/*맵*/
.mapBox{position:relative;height:0;padding-top:56.5%}
.roadSearch{position:relative;width:310px;margin:0 auto;}
.roadSearch .btns{position:absolute;right:0;top:0;width:50px;}
.roadSearch .btns > a{display:block;margin-bottom:5px;padding:6px 0;border-radius:3px;font-size:11px;text-align:center;background-color:#26CCFC;color:#fff;font-weight:bold;}
.roadSearch .road_maps{position:relative;width:255px;height:229px;background:url('../img/road_maps.png') center center no-repeat;}
.roadSearch ul.mapPin{}
.roadSearch ul.mapPin > li{position:absolute;}
.roadSearch ul.mapPin > li > a{display:inline-block;padding:5px 8px;font-size:11px;font-weight:bold;color:#3e3e3e;background-color:#fff;border:1px solid #c8c8c8;border-radius:20px;}
.roadSearch ul.mapPin > li.on > a{color:#fff;background-color:#da9502;border-color:#da9502;}
.roadSearch ul.mapPin > li.p1{left:162px;top:15px;}
.roadSearch ul.mapPin > li.p2{left:145px;top:44px;}
.roadSearch ul.mapPin > li.p3{left:107px;top:79px;}
.roadSearch ul.mapPin > li.p4{left:49px;top:92px;}
.roadSearch ul.mapPin > li.p5{left:156px;top:92px;}
.roadSearch ul.mapPin > li.p6{left:107px;top:121px;}
.roadSearch ul.mapPin > li.p7{left:19px;top:159px;}
.roadSearch ul.mapPin > li.p8{left:144px;top:151px;}
.roadSearch ul.mapPin > li.p9{left:188px;top:151px;}

/*버스관련*/
.busTop{position:relative;overflow:hidden;padding:11px 12px;background-color:#f6f6f6;}
.busTop > .iconBox{float:left;margin-right:6px;padding-top:8px;min-height:27px; line-height:27px; vertical-align:bottom;}
.busTop > .tit{display:block;vertical-align:bottom; overflow:hidden;margin-bottom:5px;color:#4d4d4d;}
.busTop > .tit span{font-size:22px;  margin-right:10px; font-weight:bold; vertical-align:bottom; font-weight: bold;}
.busTop > .tit i{display:inline-block; max-width:70%; height:18px;  vertical-align:bottom; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.busTop > .msg{overflow:hidden;color:#4d4d4d;font-weight:normal; line-height:16px;}
.busTop > .btns{position:absolute;right:12px;top:48px;text-align:right;}
.busTop > .mt{margin-top:-9px;}
/* .busTop > .btns a{display:inline-block;overflow:hidden;width:24px;height:24px;text-align:center;line-height:24px;border-radius:3px;font-weight:bold;}
.busTop > .btns a.w{background-color:#70777e;color:#fff;}
.busTop > .btns a.f{background:#fff url('../img/icon_fav.png') center center no-repeat;background-size:15px auto;text-indent:-9999em;border:1px solid #70777e;width:22px;height:22px;} */

.busTop2{ padding:10px; }
.busTop2 strong{display:block; width:100%; height:30px; line-height:30px; font-size:20px; color:#222; vertical-align: middle; border-bottom:1px solid #eee; margin-bottom:10px;} 
.busTop2 strong .busType{display:inline-block; text-indent:0; width:auto; height:18px; line-height: 18px; vertical-align: middle; border:none; border-radius:0; color:#fff; font-weight:normal; text-align: center; font-size: 11px; padding:0 5px; margin-right:5px;}
.busTop2 p{height:20px; line-height:20px;  font-size:11px; color:#888; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.busTop2 p a{color:#0044FF; text-decoration: underline;}

.busMid{padding:10px 12px;background-color:#539bed;font-weight:bold;color:#fff;font-size:13px;}
ul.busList{background-color:#fff; position: absolute; top: 126px; bottom: 0px; left: 0px; right: 0px; overflow-y: scroll;}
ul.busList > li{position:relative;height:42px;padding-left:35px;font-size:14px;font-weight:bold;line-height:42px;border-bottom:1px solid #d7d7d7; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; box-sizing:border-box; padding-right:50px;}
ul.busList > li.start{background:url('../img/bus1.png') 8px center no-repeat;background-size:16px auto}
ul.busList > li.end{background:url('../img/bus3.png') 8px center no-repeat;background-size:16px auto}
ul.busList > li.rot{background:url('../img/bus2.png') 8px center no-repeat;background-size:auto 20px}
ul.busList > li .icon{position:absolute;width:12px;height:12px;right:15px;top:50%;margin-top:-7px;border:2px solid #a7bec1;background-color:#eaeaea;border-radius:30px;}
ul.busList > li .lt{position:absolute;width:1px;height:17px;right:23px;top:0;background-color:#7ca2a6;}
ul.busList > li .lb{position:absolute;width:1px;height:18px;right:23px;bottom:-1px;background-color:#7ca2a6;}
ul.busList > li.start .lt{display:none}
ul.busList > li.end .lb{display:none;}
ul.busList > li.now .icon{background-color:#05AEDF;border-color:#05AEDF;}
ul.busList > li .busIco{position:absolute; width:30px; right:9px;top:4px; height:30px; line-height:30px; vertical-align:middle; text-align:right; color:#666; font-weight:normal; font-size:11px; z-index:1;}
ul.busList > li .busIco span{display:inline-block; width:30px; height:30px; vertical-align:middle; border:1px solid #c5c6c6; border-radius: 100px;}

ul.busList > li .busIco1{background:#fff url(../img/ico_bus1.png) 50% 10% no-repeat; background-size:80%;}
ul.busList > li .busIco2{background:#fff url(../img/ico_bus2.png) 50% 10% no-repeat; background-size:80%;}

ul.busRange{overflow:hidden;background-color:#eaeaea;}
ul.busRange > li{overflow:hidden;padding:12px 8px;border-bottom:1px solid #d5d5d5;}
ul.busRange > li .l{float:left;font-size:14px;}
ul.busRange > li .r{float:right;color:#d60101;font-size:12px;}


ul.busList2{}
ul.busList2{background-color:#fff; position: absolute; top: 197px; bottom: 0px; left: 0px; right: 0px; overflow-y: scroll;}
ul.busList2 > li{position:relative;height:60px;padding:16px 15px 35px 75px; font-size:14px;font-weight:bold;line-height:px;border-bottom:1px solid rgba(0,0,0,0.05); text-overflow:ellipsis; white-space:nowrap; overflow:hidden; box-sizing:border-box;}
ul.busList2 > li > i{display:block; height:16px; line-height: 16px; font-weight: normal; font-size: 11px; color:#aaa;}
ul.busList2 > li .icon{position:absolute;width:9px;height:9px; left:56px;top:50%;margin-top:-7px;border:1px solid #888; background:#fff url(../img/web/btype_a1.png) 50% 60% no-repeat; background-size:8px; border-radius:30px;}
ul.busList2.list_btype1  > li .icon{border:1px solid #46ae1d; background:#fff url(../img/web/btype_a1.png) 50% 60% no-repeat; background-size:6px; }
ul.busList2.list_btype2  > li .icon{border:1px solid #4569cf; background:#fff url(../img/web/btype_a2.png) 50% 60% no-repeat; background-size:6px; }
ul.busList2.list_btype3  > li .icon{border:1px solid #bd1d1e; background:#fff url(../img/web/btype_a3.png) 50% 60% no-repeat; background-size:6px; }
ul.busList2.list_btype4  > li .icon{border:1px solid #ca9300; background:#fff url(../img/web/btype_a4.png) 50% 60% no-repeat; background-size:6px; }
ul.busList2.list_btype5  > li .icon{border:1px solid #d36300; background:#fff url(../img/web/btype_a5.png) 50% 60% no-repeat; background-size:6px; }
ul.busList2.list_btype6  > li .icon{border:1px solid #70afdf; background:#fff url(../img/web/btype_a6.png) 50% 60% no-repeat; background-size:6px; }
ul.busList2.list_btype7  > li .icon{border:1px solid #243d9a; background:#fff url(../img/web/btype_a7.png) 50% 60% no-repeat; background-size:6px; }
ul.busList2.list_btype8  > li .icon{border:1px solid #f7941d; background:#fff url(../img/web/btype_a8.png) 50% 60% no-repeat; background-size:6px; }

ul.busList2 > li .lt{position:absolute;width:4px;height:30px; left:60px;top:0;background-color:#888;}
ul.busList2 > li .lb{position:absolute;width:4px;height:30px; left:60px;bottom:-1px;background-color:#888;}
ul.busList2.list_btype1 > li .lt, ul.busList2.list_btype1 > li .lb{background:#46ae1d;}
ul.busList2.list_btype2 > li .lt, ul.busList2.list_btype2 > li .lb{background:#4569cf;}
ul.busList2.list_btype3 > li .lt, ul.busList2.list_btype3 > li .lb{background:#bd1d1e;}
ul.busList2.list_btype4 > li .lt, ul.busList2.list_btype4 > li .lb{background:#ca9300;}
ul.busList2.list_btype5 > li .lt, ul.busList2.list_btype5 > li .lb{background:#d36300;}
ul.busList2.list_btype6 > li .lt, ul.busList2.list_btype6 > li .lb{background:#70afdf;}
ul.busList2.list_btype7 > li .lt, ul.busList2.list_btype7 > li .lb{background:#243d9a;}
ul.busList2.list_btype8 > li .lt, ul.busList2.list_btype8 > li .lb{background:#f7941d;}

ul.busList2 > li.start .lt{display:none}
ul.busList2 > li.end .lb{display:none;}
ul.busList2 > li.now .icon{background:#05AEDF; border-color:#05AEDF;}
ul.busList2 > li .busIco{position:absolute; width:30px; left:46px;top:50%; margin-top:-12px; height:30px; line-height:30px; vertical-align:middle; text-align:right; color:#666; font-weight:normal; font-size:11px; z-index:1;}
ul.busList2 > li .busIco span{display:inline-block; width:30px; height:30px; vertical-align:middle; background:url(../img/btype1.png) 50% 10% no-repeat; background-size:17px; }

ul.busList2.list_btype1 > li .busIco span{background:url(../img/btype1.png) 50% 10% no-repeat; background-size:17px; }
ul.busList2.list_btype2 > li .busIco span{background:url(../img/btype2.png) 50% 10% no-repeat; background-size:17px; }
ul.busList2.list_btype3 > li .busIco span{background:url(../img/btype3.png) 50% 10% no-repeat; background-size:17px; }
ul.busList2.list_btype4 > li .busIco span{background:url(../img/btype4.png) 50% 10% no-repeat; background-size:17px; }
ul.busList2.list_btype5 > li .busIco span{background:url(../img/btype5.png) 50% 10% no-repeat; background-size:17px; }
ul.busList2.list_btype6 > li .busIco span{background:url(../img/btype6.png) 50% 10% no-repeat; background-size:17px; }
ul.busList2.list_btype7 > li .busIco span{background:url(../img/btype7.png) 50% 10% no-repeat; background-size:17px; }
ul.busList2.list_btype8 > li .busIco span{background:url(../img/btype8.png) 50% 10% no-repeat; background-size:17px; }

ul.busList2 > li .busIco .num{position:absolute;width:35px;height:15px; line-height: 15px; left:-35px;top:0%;margin-top:0px;border:1px solid #ddd; background-size:8px; border-radius:2px; font-size: 11px; color:#777; text-align: center;}
ul.busList2 > li .busIco .num:after{content: ""; background: url(../img/web/box_arrow.png) 0 0 no-repeat; background-size:6px; position:absolute; width:4px; height:4px; top:5px; right:-4px; }

/*빈공간 구분라인*/
.empty_line{display: block; height:5px; background: #e6e6e6; }


/*버스 상단 항목*/
.busCount{position:relative; display:block; height:30px; line-height: 30px; color:#999; border:1px solid #ddd; border-left:none; border-right:none; padding:0 5px; box-sizing:border-box; font-size:11px;}
.busCount span{color:#f00;}
.busCount a{position:absolute; right: 0; height:100%; width:30px; border-left:1px solid #eee; background: url(../img/web/refresh.png) 50% 50% no-repeat; background-size:16px;}


/*버스 탭 = 3항목탭*/
.busTab{clear:both; float:left; width:100%; }
.busTab a{float:left; width:33.3%; height:42px; line-height:42px; background:#f6f6f6; color:#4d4d4d; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; box-sizing:border-box; border-top: 1px solid #c5c6c6; border-bottom: 1px solid #c5c6c6;}
.busTab a:nth-child(2){width:33.4%; border-left:1px solid #c5c6c6; border-right:1px solid #c5c6c6;}
a.bTon{ background:#c5c6c6; color:#fff; font-weight: bold;}

/*버스 탭 2 */
.busTab2{clear:both; float:left; width:100%; border-bottom: 1px solid #eee; padding:0 10px; box-sizing:border-box;}
.busTab2 a{float:left; width:50%; height:40px; line-height:40px; color:#999; text-align:center; font-size:13px; box-sizing:border-box; }
.busTab2 a i{display:inline-block; max-width:calc(100% - 50px);; vertical-align: middle; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; box-sizing:border-box;}

.busTab2 a.bTon{ background: #fff; color:#333; border-bottom: 2px solid #333;}




/*길찾기*/
.raodSrch{position:relative;}
/*2-1*/
.raodSrch .list{}
.raodSrch .list dl{}
.raodSrch .list dt, .raodSrch .list dd{height:50px; padding:15px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.raodSrch .list dt{background:#eaeaea; color:#484848; font-size:15px; font-weight:bold; height:42px; padding:12px;}
.raodSrch .list dd{position:relative; border-bottom:1px solid #d5d5d5; }
.raodSrch .list dl > dd > span{color:#888; font-size:13px; font-weight:bold;}
.raodSrch .list dl > dd a{display:inline-block; overflow:hidden; text-align:left;}
.raodSrch .list dl > dd a.r{display:block; color:#3f3f3f; font-size:14px; font-weight:bold}
.raodSrch .list dl > dd a.c{position:absolute;right:52px;top:9px;text-align:right; z-index:999; font-size: 0;display:inline-block;overflow:hidden;width:30px;height:30px;text-align:left;line-height:30px;border-radius:50%; text-indent:-9999em;border:1px solid #ccc; margin-left:5px;background:#fff url('../img/ico_btn_s1.png') center center no-repeat; background-size:17px;}
.raodSrch .list dl > dd a.f{position:absolute;right:15px;top:9px;text-align:right; z-index:999; font-size: 0;display:inline-block;overflow:hidden;width:30px;height:30px;text-align:left;line-height:30px;border-radius:50%; text-indent:-9999em;border:1px solid #ccc; margin-left:5px;background:#fff url('../img/ico_btn_s2.png') center center no-repeat; background-size:17px;}
.raodSrch .list dl > dd a.f_off{background:#fff url('../img/icon_fav_off.png') center center no-repeat;background-size:15px auto; }
.raodSrch .list dl > dd a.h{position:absolute;right:15px;top:9px;text-align:right; z-index:999; font-size: 0;display:inline-block;overflow:hidden;width:30px;height:30px;text-align:left;line-height:30px;border-radius:50%; text-indent:-9999em;border:1px solid #ccc; margin-left:5px;background:#fff url('../img/ico_btn_s5.png') center center no-repeat; background-size:17px;}
.raodSrch .list dl > dd a.p{position:absolute;right:15px;top:9px;text-align:right; z-index:999; font-size: 0;display:inline-block;overflow:hidden;width:30px;height:30px;text-align:left;line-height:30px;border-radius:50%; text-indent:-9999em;border:1px solid #ccc; margin-left:5px;background:#fff url('../img/ico_btn_s6.png') center center no-repeat; background-size:17px;}

/*2-2*/
.raodSrch .courseTop{position:relative; padding:15px; background:#eaeaea;}
.raodSrch .courseTop p{flaot:left; width:90%; height:15px; color:#484848; font-weight:bold; font-size:15px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; vertical-align:middle;}
.raodSrch .courseTop p:first-child{margin-bottom:7px;}
.raodSrch .courseTop p > strong{color:#484848; }
.raodSrch .courseTop p > strong > span{display:inline-block; height:13px; width:1px; background:#b5b5b5; margin:0 13px;}
.raodSrch .courseTop > strong{position:absolute; top:24px; right:15px;}
.raodSrch .courseTop > strong a{display:inline-block; overflow:hidden; height:24px; line-height:24px; vertical-align:middle; overflow:hidden; text-align:center;border-radius:3px;font-weight:bold; border:1px solid #b4b4b4;}
.raodSrch .courseTop > strong a.c{width:36px; background-color:#9c9da0; color:#fff;}
.raodSrch .courseTop > strong a.f{position:absolute;right:0px;top:-6px;text-align:right; z-index:999; font-size: 0;display:inline-block;overflow:hidden;width:30px;height:30px;text-align:left;line-height:30px;border-radius:50%; text-indent:-9999em;border:1px solid #ccc; margin-left:5px;background:#fff url('../img/ico_btn_s2.png') center center no-repeat; background-size:17px;}

.raodSrch .courseCont{position:relative; padding:0px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

.raodSrch .type, .raodSrch .recmd, .raodSrch .type2{border-radius:0px; margin-bottom:0px;}
.raodSrch .type{background:#f6f6f6; }
.raodSrch .type > a{display:block;height:42px; line-height:42px; padding-left:60px; color:#000; font-weight:bold; font-size:16px; }
.raodSrch .type > a span{position:absolute; right:15px; color:#000; font-size:14px;}
.raodSrch .type > a.t1{background:url('../img/ico_mvtype1.png') 15px center no-repeat; background-size:30px auto; }
.raodSrch .type > a.t2{background:url('/common/img/web/icon_bus.png') 15px center no-repeat; background-size:30px auto; }
.raodSrch .type > a.t3{background:url('../img/ico_mvtype3.png') 15px center no-repeat; background-size:30px auto; }

.raodSrch .recmd{}
.raodSrch .recmd{background:#FFF; border-radius:0; position:absolute; top:109px; left:0px; right:0px; bottom:0px; overflow-y:scroll; }
.raodSrch .recmd li{position:relative; min-height:25px; line-height:45px_; padding:10px 15px; background:#fff; color:#939393; border-bottom:1px solid #d5d5d5;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; overflow:hidden; }
/*.raodSrch .recmd > ul li > div{position:absolute; left:15px; display:inline-block; width:80%; }*/
.raodSrch .recmd li > div{ display:inline-block; width:85%; line-height:22px; font-weight:bold; vertical-align:middle;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; }
.raodSrch .recmd li > div > strong{}
.raodSrch .recmd li:last-child{border-radius: 0;}
.raodSrch .recmd li .time{position:absolute; right:15px; display:inline-block; width:15%; vertical-align:middle; text-align:right;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; font-weight: bold; line-height: 24px; color: #484848;]}
.raodSrch .recmd li > div > img{vertical-align:middle !important; margin-right:3px;}

.raodSrch .type2{background:#22B8C7;}
.raodSrch .type2 > a{display:block; height:40px; font-size:14px; line-height:40px; padding-left:15px; color:#fff; border-bottom:1px solid #9dd693; font-weight:bold;}
.raodSrch .type2 > a:last-child{border:none;}


/*2-2 길찾기 결과*/
.courseCont2{background:#FFF; border-radius:0; position:absolute; top:109px; left:0px; right:0px; bottom:0px; overflow-y: scroll;}
.courseCont2 .course{display:block;}
.courseCont2 .course ul{border-bottom:1px solid #eee; padding:10px; }
.courseCont2 .course li{display: block;} 
.courseCont2 .course .time{height:40px; line-height: 40px; font-size:22px; color:#333;}
.courseCont2 .course .time i{font-size:12px; color:#888; margin-left:5px;}
.courseCont2 .course .line{font-size:0;}
.courseCont2 .course .line i{display:inline-block; height:2px;  }
.courseCont2 .course .info{padding:10px 0; }
.courseCont2 .course .info i{margin-right:5px;}
.courseCont2 .course .info i.busType{width:auto; height:18px; line-height:18px; padding:0 5px; border:none; border-radius:8px; text-indent: 0;}

.courseCont2 .course2{position:relative; height:42px; background: #f9f9f9;}
.courseCont2 .course2 .info, .courseCont2 .course2 .time{position:absolute; top:0px; height:42px; line-height: 42px; vertical-align: middle;}
.courseCont2 .course2 .info{left:10px; width: calc(100% - 120px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.courseCont2 .course2 .info i{margin-right:5px;}
.courseCont2 .course2 .info i.busType{width:auto; height:18px; line-height:18px; padding:0 5px; border:none; border-radius:8px; text-indent: 0;}
.courseCont2 .course2 .time{right:10px; font-size:22px; color:#333; }
.courseCont2 .course2 .time i{font-size:12px; color:#888; margin-left:5px;}




/*길찾기 상세*/
.courseDetail{height:calc(100% - 60px); padding:10px; padding-left:0; box-sizing:border-box;overflow-y:scroll;}
.courseDetail ul{position:relative; display: block; padding:10px 0 5px 0;}
.courseDetail li{display: block; width:calc(100% - 60px); margin-left:60px; box-sizing:border-box;  text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.courseDetail .line{position:absolute; top:5px; width:60px; height:100%; margin:0; z-index: 1;}
.courseDetail .line a{position:absolute; left:50%; z-index: 9; width:27px; height:27px; line-height:28px; margin-left:-14px; border-radius:50%; padding:0; font-size:14px; box-sizing:border-box;}
.courseDetail .line span{position: absolute; left:50%; width:27px; height:27px; line-height: 28px; margin-left:-14px; text-align: center; border:1px solid #ddd; border-radius:50%; z-index: 8; box-sizing:border-box;}
.courseDetail .line span.start{height:40px; border:none; background: url(../img/icon_start.png) 50% 0 no-repeat; background-size:25px; }
.courseDetail .line span.wk{background: #fff url(../img/ico_crs_w.png) 50% 50% no-repeat; background-size:auto 18px;}
.courseDetail .line .bus{background: #738799 url(../img/web/ico_crs_bs2.png) 50% 50% no-repeat; background-size:auto 15px; border:none; text-align: center;}
.courseDetail .line span.txt, .courseDetail .line a.txt{font-size:10px; color:#fff; border:none; background-image: none; font-weight: normal; padding:0;}
.courseDetail .line span.end{height:40px; border:none; background: url(../img/icon_end.png) 50% 0 no-repeat; background-size:25px; }

.courseDetail .line i{position:absolute; left:50%; display: inline-block; width:2px; height:100%; margin-left: -1px; background-size:6px 5px !important; background-position:-2px;  z-index: 1; }
.courseDetail .info{font-size:15px; line-height: 25px; margin-top:-5px;}
.courseDetail .time{position: relative; margin-top:0px; z-index: 100; overflow: visible;}
.courseDetail .time, .courseDetail .time a{ color:#999; font-size:12px;}
.courseDetail .time a{padding-right:15px; background: url(../img/web/ico_arr.png) right 50% no-repeat; background-size:9px;}
.courseDetail .time a.c{background: url(../img/web/ico_arr2.png) right 50% no-repeat; background-size:9px;}
.courseDetail .time .list{display:block; margin-top:10px;}
.courseDetail .time .list i{position:relative; display: block; line-height:20px; color:#777;}
.courseDetail .time .list i span{position:absolute; top:4px; left:-34px; display:inline-block; width:6px; height:6px; border:1px solid #738799; border-radius:50%; background: #fff;}
.courseDetail .time .list.sw1 span{border:1px solid #0041aa;}
.courseDetail .time .list.sw2 span{border:1px solid #34ab2b;}
.courseDetail .time .list.sw3 span{border:1px solid #ee5a2a;}
.courseDetail .time .list.sw4 span{border:1px solid #3171d3;}
.courseDetail .time .list.sw5 span{border:1px solid #893bb6;}
.courseDetail .time .list.sw6 span{border:1px solid #9a4f11;}
.courseDetail .time .list.sw7 span{border:1px solid #606d00;}
.courseDetail .time .list.sw8 span{border:1px solid #d81c67;}
.courseDetail .time .list.sw9 span{border:1px solid #bf9f1e;}
.courseDetail .time .list.swBd span{border:1px solid #edb217;}
.courseDetail .time .list.swIc span{border:1px solid #6691c9;}
.courseDetail .time .list.swSbd span{border:1px solid #a8022d;}
.courseDetail .time .list.swJa span{border:1px solid #7dc4a5;}
.courseDetail .time .list.swGc span{border:1px solid #26a97f;}
.courseDetail .time .list.swGh span{border:1px solid #71b8e5;}
.courseDetail .time .list.swUjb span{border:1px solid #ff8e00;}
.courseDetail .time .list.swEv span{border:1px solid #77c371;}
.courseDetail .time .list.swSi span{border:1px solid #edb217;}

.courseDetail .time .list.swBd, .courseDetail .time .list.swIc, .courseDetail .time .list.swSbd, .courseDetail .time .list.swJa, .courseDetail .time .list.swGc, .courseDetail .time .list.swGh, .courseDetail .time .list.swUjb, .courseDetail .time .list.swEv, .courseDetail .time .list.swSi{font-weight:normal;}
.courseDetail .end_line{ border-bottom:1px solid #eee; margin-top:15px;}

























/*2-3*/
.raodSrch .courseInfo{ position:fixed; bottom:0; width:100%; background:#e9e9e9; padding:15px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

.raodSrch .courseInfo dl dt{ position:relative; background:#22838C; height:55px; line-height:55px; font-size:18px; font-weight:bold; color:#fff; padding:0 15px 0 55px;}
.raodSrch .courseInfo dl dt.mvType1{background:#22838C url('../img/ico_mvtype1.png') 15px center no-repeat; background-size:32px auto; }
.raodSrch .courseInfo dl dt.mvType2{background:#22838C url('../img/ico_mvtype2.png') 15px center no-repeat; background-size:32px auto; }
.raodSrch .courseInfo dl dt.mvType3{background:#22838C url('../img/ico_mvtype3.png') 15px center no-repeat; background-size:32px auto; }
.raodSrch .courseInfo dl dt > strong{font-size:18px; }
.raodSrch .courseInfo dl dt p{display:inline-block; position:absolute; right:0; padding-right:15px; color:#22B8C7; font-size:15px;}
.raodSrch .courseInfo dl dt p > span{display:inline-block; width:1px; height:12px; background:#22B8C7; margin:0 10px;}
.raodSrch .courseInfo dl dd{background:#fff; height:44px; line-height:44px; border-bottom:1px solid #d5d5d5; padding:0 15px; color:#939393;}
.raodSrch .courseInfo dl dd:last-child{border-radius:5px; border-bottom:none;}
.raodSrch .courseInfo dl dd > span{margin:0 12px 0 3px;}
.raodSrch .courseInfo dl dd > span.crs1, .raodSrch .courseInfo dl dd > span.crs2, .raodSrch .courseInfo dl dd > span.crs3, .raodSrch .courseInfo dl dd > span.crs4{display:inline-block; width:25px; height:18px; line-height:18px; vertical-align:middle; background-size:auto 100%; }
.raodSrch .courseInfo dl dd .crs1{background:#fff url('../img/ico_crs1.png') center center no-repeat;}/*직진*/
.raodSrch .courseInfo dl dd .crs2{background:#fff url('../img/ico_crs2.png') center center no-repeat;}/*후진*/
.raodSrch .courseInfo dl dd .crs3{background:#fff url('../img/ico_crs3.png') center center no-repeat;}/*우회전*/
.raodSrch .courseInfo dl dd .crs4{background:#fff url('../img/ico_crs4.png') center center no-repeat;}/*좌회전*/
.raodSrch .courseInfo dl dd > span.crsW, .raodSrch .courseInfo dl dd > span.crsBc, .raodSrch .courseInfo dl dd > span.crsBs, .raodSrch .courseInfo dl dd > span.crsSw{display:inline-block; width:25px;  height:20px; line-height:20px; vertical-align:middle;background-size:auto 100%;  }
.raodSrch .courseInfo dl dd .crsW{background:#fff url('../img/ico_crs_w.png') center center no-repeat; height:24px !important; line-height:22px; }/*걷기*/
.raodSrch .courseInfo dl dd .crsBc{background:#fff url('../img/ico_crs_bc.png') center center no-repeat; background-size:100% auto;}/*자전거*/
.raodSrch .courseInfo dl dd .crsBs{background:#fff url('../img/ico_crs_bs.png') center no-repeat; }/*버스*/
.raodSrch .courseInfo dl dd .crsSw{background:#fff url('../img/ico_crs_sw.png') center center no-repeat; }/*지하철*/
.raodSrch .courseInfo dl dd .busType, .raodSrch .courseInfo dl dd .swType{margin:0;padding:0; margin-right:5px;}

.raodSrch .courseInfo > p{ position:relative; background:#22838C; height:42px; line-height:42px; font-size:16px; font-weight:bold; color:#000; padding:0 15px 0 55px;border:1px solid #22838C; border-bottom:none; border-radius:5px 5px 0 0; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.raodSrch .courseInfo > p.mvType1{background:#f8f8f8 url('../img/ico_mvtype1.png') 15px center no-repeat; background-size:32px auto; }
.raodSrch .courseInfo > p.mvType2{background:#f8f8f8 url('/common/img/web/icon_bus.png') 15px center no-repeat; background-size:32px auto; }
.raodSrch .courseInfo > p.mvType3{background:#f8f8f8 url('../img/ico_mvtype3.png') 15px center no-repeat; background-size:32px auto; }
.raodSrch .courseInfo > p > strong{display:inline-block; position:absolute; right:0; padding-right:15px; color:#000; font-size:15px;}
.raodSrch .courseInfo > p > strong > span{display:inline-block; width:1px; height:12px; background:#000; margin:0 10px;}
.raodSrch .courseInfo ul{overflow: auto; height:300px; background:#fff;  border:1px solid #22838C; border-top:none; border-radius:0 0 5px 5px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.raodSrch .courseInfo ul li{display:inline-block; position:relative; width:100%; min-height:44px; background:#fff; vertical-align:middle; border-bottom:1px solid #d5d5d5; padding:10px 15px; color:#939393; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.raodSrch .courseInfo ul li:last-child{border-radius:5px; border-bottom:none;}
.raodSrch .courseInfo ul li > span{margin:0 12px 0 3px;}
.raodSrch .courseInfo ul li > span.crs1, .raodSrch .courseInfo ul li > span.crs2, .raodSrch .courseInfo ul li > span.crs3, .raodSrch .courseInfo ul li > span.crs4{display:inline-block; width:25px; height:18px; line-height:18px; background-size:auto 100%; }
.raodSrch .courseInfo ul li .crs1{background:#fff url('../img/ico_crs1.png') center center no-repeat;}/*직진*/
.raodSrch .courseInfo ul li .crs2{background:#fff url('../img/ico_crs2.png') center center no-repeat;}/*후진*/
.raodSrch .courseInfo ul li .crs3{background:#fff url('../img/ico_crs3.png') center center no-repeat;}/*우회전*/
.raodSrch .courseInfo ul li .crs4{background:#fff url('../img/ico_crs4.png') center center no-repeat;}/*좌회전*/
.raodSrch .courseInfo ul li > span.crsW, .raodSrch .courseInfo ul li > span.crsBc, .raodSrch .courseInfo ul li > span.crsBs, .raodSrch .courseInfo ul li > span.crsSw{display:inline-block; width:25px;  height:20px; line-height:20px; vertical-align:middle;background-size:auto 100%;  }
.raodSrch .courseInfo ul li .crsW{background:#fff url('../img/ico_crs_w.png') center center no-repeat; height:24px !important; line-height:22px; }/*걷기*/
.raodSrch .courseInfo ul li .crsBc{background:#fff url('../img/ico_crs_bc.png') center center no-repeat; background-size:100% auto;}/*자전거*/
.raodSrch .courseInfo ul li .crsBs{background:#fff url('../img/ico_crs_bs.png') center no-repeat; }/*버스*/
.raodSrch .courseInfo ul li .crsSw{background:#fff url('../img/ico_crs_sw.png') center center no-repeat; }/*지하철*/
.raodSrch .courseInfo ul li .busType, .raodSrch .courseInfo ul li .swType{margin:0;padding:0; margin-right:5px;}
.raodSrch .courseInfo ul li strong{ font-weight:normal; display:block; width:100%; padding-left:30px; line-height:20px; margin-top:-23px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}


.raodSrch .courseInfo2{ position:fixed; bottom:0; width:100%; background:#e9e9e9; padding:15px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

.raodSrch .courseInfo2 .bar{position:absolute; top:6px; left:25px;  display:block; width:4px; height:100%; background:#5a6071; z-index:1; }
.raodSrch .courseInfo2 .barfirst{top:41px; height: calc(100% - 35px); }
.raodSrch .courseInfo2 .barlast{ height:15px; }

.raodSrch .courseInfo2 .off{ position:inherit; font-weight:normal;}
.raodSrch .courseInfo2 .off i{ position:absolute; left:-26px; top:3px; display:block; height:14px; width:14px; background:#474e61; border-radius:50%; }
.raodSrch .courseInfo2 .off .tp1{background-color:#46ae1d;}
.raodSrch .courseInfo2 .off .tp2{background-color:#4569cf;}
.raodSrch .courseInfo2 .off .tp3{background-color:#bd1d1e;}
.raodSrch .courseInfo2 .off .tp4{background-color:#ca9300;}
.raodSrch .courseInfo2 .off .tp5{background-color:#d36300;}
.raodSrch .courseInfo2 .off .tp6{background-color:#70afdf;}
.raodSrch .courseInfo2 .off .tp7{background-color:#243d9a;}
.raodSrch .courseInfo2 .off .tp8{background-color:#f7941d;}
.raodSrch .courseInfo2 .off .sw1{background-color:#0041aa;}
.raodSrch .courseInfo2 .off .sw2{background-color:#34ab2b;}
.raodSrch .courseInfo2 .off .sw3{background-color:#ee5a2a;}
.raodSrch .courseInfo2 .off .sw4{background-color:#3171d3;}
.raodSrch .courseInfo2 .off .sw5{background-color:#893bb6;}
.raodSrch .courseInfo2 .off .sw6{background-color:#9a4f11;}
.raodSrch .courseInfo2 .off .sw7{background-color:#606d00;}
.raodSrch .courseInfo2 .off .sw8{background-color:#d81c67;}
.raodSrch .courseInfo2 .off .sw9{background-color:#bf9f1e;}
.raodSrch .courseInfo2 .off .swBd{background-color:#edb217;}
.raodSrch .courseInfo2 .off .swIc{background-color:#6691c9;}
.raodSrch .courseInfo2 .off .swSbd{background-color:#a8022d;}
.raodSrch .courseInfo2 .off .swJa{background-color:#7dc4a5;}
.raodSrch .courseInfo2 .off .swGc{background-color:#26a97f;}
.raodSrch .courseInfo2 .off .swGh{background-color:#71b8e5;}
.raodSrch .courseInfo2 .off .swUjb{background-color:#ff8e00;}
.raodSrch .courseInfo2 .off .swEv{background-color:#77c371;}
.raodSrch .courseInfo2 .off .swSi{background-color:#edb217;}

.raodSrch .courseInfo2 .d_route{display:block;margin-bottom:-12px;position:inherit; overflow:hidden;padding:12px; z-index:2;border-bottom:1px solid #e3e3e3;}

.raodSrch .courseInfo2 dl dt{ position:absolute; top:12px; left:0px; width:30px;margin-right:10px;text-align:center; z-index:2;}
.raodSrch .courseInfo2 dl dt.mvType1{background:#22838C url('../img/ico_mvtype1.png') 15px center no-repeat; background-size:32px auto; }
.raodSrch .courseInfo2 dl dt.mvType2{background:#22838C url('../img/ico_mvtype2.png') 15px center no-repeat; background-size:32px auto; }
.raodSrch .courseInfo2 dl dt.mvType3{background:#22838C url('../img/ico_mvtype3.png') 15px center no-repeat; background-size:32px auto; }
.raodSrch .courseInfo2 dl dt > strong{font-size:18px; }
.raodSrch .courseInfo2 dl dt p{display:inline-block; position:absolute; right:0; padding-right:15px; color:#22B8C7; font-size:15px;}
.raodSrch .courseInfo2 dl dt p > span{display:inline-block; width:1px; height:12px; background:#22B8C7; margin:0 10px;}
.raodSrch .courseInfo2 dl dd{position:inherit; padding-left:32px; overflow:hidden;   box-sizing:border-box; z-index:1; line-height: 22px;margin-left: -10px;}
.raodSrch .courseInfo2 dl dd:last-child{border-radius:5px; border-bottom:none;}
.raodSrch .courseInfo2 dl dd > span{margin:0 12px 0 3px;}
.raodSrch .courseInfo2 dl dd > span.crs1, .raodSrch .courseInfo2 dl dd > span.crs2, .raodSrch .courseInfo2 dl dd > span.crs3, .raodSrch .courseInfo2 dl dd > span.crs4{display:inline-block; width:25px; height:18px; line-height:18px; vertical-align:middle; background-size:auto 100%; }
.raodSrch .courseInfo2 dl dd .crs1{background:#fff url('../img/ico_crs1.png') center center no-repeat;}/*직진*/
.raodSrch .courseInfo2 dl dd .crs2{background:#fff url('../img/ico_crs2.png') center center no-repeat;}/*후진*/
.raodSrch .courseInfo2 dl dd .crs3{background:#fff url('../img/ico_crs3.png') center center no-repeat;}/*우회전*/
.raodSrch .courseInfo2 dl dd .crs4{background:#fff url('../img/ico_crs4.png') center center no-repeat;}/*좌회전*/
.raodSrch .courseInfo2 dl dd > span.crsW, .raodSrch .courseInfo2 dl dd > span.crsBc, .raodSrch .courseInfo2 dl dd > span.crsBs, .raodSrch .courseInfo2 dl dd > span.crsSw{display:inline-block; width:25px;  height:20px; line-height:20px; vertical-align:middle;background-size:auto 100%;  }
.raodSrch .courseInfo2 dl dd .crsW{background:#fff url('../img/ico_crs_w.png') center center no-repeat; height:24px !important; line-height:22px; }/*걷기*/
.raodSrch .courseInfo2 dl dd .crsBc{background:#fff url('../img/ico_crs_bc.png') center center no-repeat; background-size:100% auto;}/*자전거*/
.raodSrch .courseInfo2 dl dd .crsBs{background:#fff url('../img/ico_crs_bs.png') center no-repeat; }/*버스*/
.raodSrch .courseInfo2 dl dd .crsSw{background:#fff url('../img/ico_crs_sw.png') center center no-repeat; }/*지하철*/
.raodSrch .courseInfo2 dl dd .busType, .raodSrch .courseInfo2 dl dd .swType{margin:0;padding:0; margin-right:5px;}

.raodSrch .courseInfo2 > p{ position:relative; background:#22838C; height:42px; line-height:42px; font-size:16px; font-weight:bold; color:#000; padding:0 15px 0 55px;border:1px solid #22838C; border-bottom:none; border-radius:5px 5px 0 0; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.raodSrch .courseInfo2 > p.mvType1{background:#f8f8f8 url('/common/img/web/icon_car.png') 15px center no-repeat; background-size:32px auto; }
.raodSrch .courseInfo2 > p.mvType2{background:#f8f8f8 url('/common/img/web/icon_bus.png') 15px center no-repeat; background-size:32px auto; }
.raodSrch .courseInfo2 > p.mvType3{background:#f8f8f8 url('/common/img/web/icon_bicycle.png') 15px center no-repeat; background-size:32px auto; }
.raodSrch .courseInfo2 > p > strong{display:inline-block; position:absolute; right:0; padding-right:15px; color:#000; font-size:15px;}
.raodSrch .courseInfo2 > p > strong > span{display:inline-block; width:1px; height:12px; background:#000; margin:0 10px;}
.raodSrch .courseInfo2 ul{overflow: auto; height:300px; background:#fff;  border:1px solid #22838C; border-top:none; border-radius:0 0 5px 5px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.raodSrch .courseInfo2 ul li{display:inline-block; position:relative; width:100%; min-height:44px; background:#fff; vertical-align:middle; padding:5px 15px; color:#939393; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.raodSrch .courseInfo2 ul li:last-child{border-radius:5px; border-bottom:none;}
.raodSrch .courseInfo2 ul li > span{margin:0 12px 0 3px;}
.raodSrch .courseInfo2 ul li > span.crs1, .raodSrch .courseInfo2 ul li > span.crs2, .raodSrch .courseInfo2 ul li > span.crs3, .raodSrch .courseInfo2 ul li > span.crs4{display:inline-block; width:25px; height:18px; line-height:18px; background-size:auto 100%; margin-top: 7px; }
.raodSrch .courseInfo2 ul li .crs1{background:#fff url('../img/ico_crs1.png') center center no-repeat;}/*직진*/
.raodSrch .courseInfo2 ul li .crs2{background:#fff url('../img/ico_crs2.png') center center no-repeat;}/*후진*/
.raodSrch .courseInfo2 ul li .crs3{background:#fff url('../img/ico_crs3.png') center center no-repeat;}/*우회전*/
.raodSrch .courseInfo2 ul li .crs4{background:#fff url('../img/ico_crs4.png') center center no-repeat;}/*좌회전*/
.raodSrch .courseInfo2 ul li > span.crsW, .raodSrch .courseInfo2 ul li > span.crsBc, .raodSrch .courseInfo2 ul li > span.crsBs, .raodSrch .courseInfo2 ul li > span.crsSw{display:inline-block; width:25px;  height:20px; line-height:20px; vertical-align:middle;background-size:auto 100%;  }
.raodSrch .courseInfo2 ul li .crsW{background:#fff url('../img/ico_crs_w.png') center center no-repeat; height:24px !important; line-height:22px; }/*걷기*/
.raodSrch .courseInfo2 ul li .crsBc{background:#fff url('../img/ico_crs_bc.png') center center no-repeat; background-size:100% auto;}/*자전거*/
.raodSrch .courseInfo2 ul li .crsBs{background:#fff url('../img/ico_crs_bs.png') center no-repeat; }/*버스*/
.raodSrch .courseInfo2 ul li .crsSw{background:#fff url('../img/ico_crs_sw.png') center center no-repeat; }/*지하철*/
.raodSrch .courseInfo2 ul li .busType, .raodSrch .courseInfo2 ul li .swType{margin:0;padding:0; margin-right:5px;}
.raodSrch .courseInfo2 ul li strong{ font-weight:normal; line-height:32px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.raodSrch .courseInfo2 ul li a{color:#939393;}

.raodSrch .courseInfo2 .tList{ position:inherit; display:block; font-weight:normal; padding:7px 0;}
.raodSrch .courseInfo2 .tList > span{position:inherit; display:block; line-height:18px; color:#888; font-size:12px; }
.raodSrch .courseInfo2 .tList i{position:absolute; left:-23px; top:3px; display:block; height:6px; width:6px; background:#fff; border:1px solid #5a6071; border-radius:50%; }

/*길찾기 결과 탭 */
.raodSrch .pubTab{clear:both; float:left; width:100%; }
.raodSrch .pubTab a{float:left; width:33.3%; height:42px; line-height:42px; background:#f6f6f6; color:#4d4d4d; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; box-sizing:border-box; border-top: 1px solid #c5c6c6; border-bottom: 1px solid #c5c6c6;}
.raodSrch .pubTab a:nth-child(2){width:33.4%; border-left:1px solid #c5c6c6; border-right:1px solid #c5c6c6;}
.raodSrch a.bTon{ background:#c5c6c6; color:#fff; font-weight: bold;}

/*n-0메인 상세박스*/
.Minfo{border-radius:3px; border:1px solid #d5d5d5; padding:0px; margin-top:10px; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; background:#eaeaea; vertical-align:middle; }
.Minfo > li, .Minfo > li > strong{position:relative; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; background:#eaeaea;  }
.Minfo > li > strong{display:inline-block; color:#3f3f3f; padding:8px;}
.Minfo > li > span{ display:inline-block; vertical-align:middle; padding:8px; color:#767676;}
.MinfoC > li span{position:absolute; right:8px; color:#d60101; }
.MinfoP > li{border-bottom:1px solid #cecece;}
.Minfo li:last-child{border-bottom:0;}
.MinfoP > li strong{width:30%; text-align:left; padding-left:6%; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;  }
.MinfoP > li span{border-left:1px solid #cecece; padding-left:6%; }
.MinfoB > li > strong{width:25%;}
.MinfoB > li span{display:inline-block; width:24px; height:24px; line-height:24px; background:#fff; border:1px solid #b4b4b4; border-radius:3px; padding:0; vertical-align:middle; text-align:center; color:#d60101;  font-weight:bold; margin-right:3px;}
.MinfoA{}
.MinfoA > li{border-bottom:1px solid #cecece; padding:5px 8px; color:#939393;}
.MinfoA > li span{display:inline-block; padding:0; height:22px; line-height:22px; width:65px; color:#fff; margin-right:5px; vertical-align:middle; text-align:center;}
.MinfoA > li span.opt1{background:#05AEDF; border:1px solid #19747d;}
.MinfoA > li span.opt2{background:#26CCFC; border:1px solid #19aab9;}
.MinfoA > li span.opt3{background:#9fa0a3; border:1px solid #8d9296;}

/*9-0 도로*/
.roadList{ padding:0 15px;  box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; background:#26CCFC; }
.roadList > p{float:left; width:100%; background:#26CCFC; border-radius:3px; vertical-align:middle;}
.roadList > p > a{float:left; height:50px; line-height:50px; width:50%; padding-left:15px; border-bottom:1px solid #dfdfdf; color:#fff; font-weight:bold; vertical-align:middle; background:url('../img/ico_chk.png') 90% center no-repeat; background-size:18px auto;  box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; }
.roadList > p > a:nth-child(odd){border-right:1px solid #dfdfdf;}
.roadList > p > a:nth-child(9),.roadList > p > a:nth-child(10) {border-bottom:none;}

/*10-0 리스트*/
.MList{ position:relative; border:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; }
.MList > p{height:42px; line-height:42px; color:#000; font-size:16px; font-weight:bold; padding-left:15px; background:#f6f6f6; }
.MList > ul{overflow: auto; height:300px; background:#fff; }
.MList > ul > li{position:relative; padding:10px 15px; color:#3f3f3f; font-weight:bold; border-bottom:1px solid #d5d5d5; }
.MList > ul > li > strong, .MList dd > span{height:16px; line-height:16px;}
.MList > ul > li > strong{font-size:14px;}
.MList > ul > li > span{display:block; color:#888; font-weight:normal_;}
.MList > ul > li > .btns{position:absolute;right:14px; top:10px;text-align:right;}
/* .MList > ul > li > .btns a{display:inline-block;overflow:hidden;width:24px;height:24px;text-align:center;line-height:24px;border-radius:3px;font-weight:bold;}
.MList > ul > li > .btns a.w{background-color:#70777e;color:#fff;}
.MList > ul > li > .btns a.f{background:#fff url('../img/icon_fav.png') center center no-repeat;background-size:15px auto;text-indent:-9999em;border:1px solid #70777e;width:22px;height:22px;} */

/*주변 리스트*/
.MList3{ position:relative; border:none; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; }
.MList3 > p{height:42px; line-height:39px; color:#3f3f3f; font-size:16px; font-weight:bold; padding-left:15px; background:#f6f6f6; }
.MList3 > p img{display:inline-block; width:35px; height:35px; vertical-align:middle; margin-right:7px;}
.MList3 > ul{overflow:hidden; background:#fff; }
.MList3 > ul > li{position:relative; padding:10px 15px; color:#3f3f3f; font-weight:bold; border-bottom:1px solid #d5d5d5; }
.MList3 > ul > li > strong, .MList3 dd > span{height:16px; line-height:16px;}
.MList3 > ul > li > strong{font-size:14px;}
.MList3 > ul > li > span{display:block; color:#888; font-weight:normal_;}
.MList3 > ul > li > .btns{position:absolute;right:14px; top:10px;text-align:right;}
/* .MList3 > ul > li > .btns a{display:inline-block;overflow:hidden;width:24px;height:24px;text-align:center;line-height:24px;border-radius:3px;font-weight:bold;}
.MList3 > ul > li > .btns a.w{background-color:#70777e;color:#fff;}
.MList3 > ul > li > .btns a.f{background:#fff url('../img/icon_fav.png') center center no-repeat;background-size:15px auto;text-indent:-9999em;border:1px solid #70777e;width:22px;height:22px;} */


/*지도하단 리스트*/
.MList4{background:#f6f6f6;border-radius:5px; padding:1px; box-sizing:border-box; border:1px solid #c5c6c6;}
.MList4 > p{height:40px; line-height:40px; color:#3f3f3f; font-size:14px; font-weight:bold; text-align:center; background:url(../img/web/arrow_top2.png) 95% 50% no-repeat; background-size:15px;  }
.MList4 > p.off{background:url(../img/web/arrow_top.png) 95% 50% no-repeat; background-size:15px;}
.MList4 > ul{overflow:hidden; height:; background:#fff; border-radius:0 0 5px 5px;  border-top:1px solid #c5c6c6;}
.MList4 > ul > li{position:relative; min-height:40px; padding:0px 15px 0px 5px; color:#3f3f3f; vertical-align:middle; font-weight:bold; border-bottom:1px solid #d5d5d5; box-sizing:border-box; }
.MList4 > ul > li:last-child{border-bottom:none;}
.MList4 > ul > li > strong, .MList4 dd > span{line-height:16px; vertical-align:middle;}
.MList4 > ul > li > strong{display:inline-block; margin-top:6px;}
.MList4 > ul > li > span{display:inline-block;}
.MList4 > ul > li > span img{width:32px; vertical-align:middle;margin-top:2px;}
.MList4 > ul > li > .btns{position:absolute;right:10px; top:3.5px;text-align:right;}
.MList4 > ul > li > .btns a{}
.MList4 > ul > li > .btns a.w{background-color:#70777e;color:#fff;}



/*1-0 지도안 리스트*/
.MList2{ position:absolute; bottom:0px; width:100%; padding:15px; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; z-index: 10000; }
.MList2 > ul{overflow: auto; height: 50%; background:#e9e9e9; border-radius:5px;border:1px solid #539BED; box-sizing:border-box; }
.MList2 > ul > li{position:relative; padding:10px 15px; color:#3f3f3f; font-weight:bold; border-bottom:1px solid #d5d5d5; }
.MList2 > ul > li > strong, .MList2 dd > span{height:16px; line-height:16px;}
.MList2 > ul > li > strong{font-size:14px;}
.MList2 > ul > li > span{display:block; color:#888; font-weight:normal_;}
.MList2 > ul > li > .btns{position:absolute;right:12px; top:14px;text-align:right;}
.MList2 > ul > li > .btns a{display:inline-block;overflow:hidden;width:24px;height:24px;text-align:center;line-height:24px;border-radius:3px;font-weight:bold;}
.MList2 > ul > li > .btns a.w{background-color:#70777e;color:#fff;}
.MList2 > ul > li > .btns a.f{background:#fff url('../img/icon_fav.png') center center no-repeat;background-size:15px auto;text-indent:-9999em;border:1px solid #70777e;width:22px;height:22px;}


/*12공지사항*/
.noticeWrap{position:relative; width:100%; height:100%; background:#e9e9e9; padding:15px; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; }
.noticeWrap > .notiSrh{border-bottom:2px solid #c49d00;}
.noticeWrap > .notiSrh input[type=text]{width:100%;height:36px;padding:0;padding-right:35px;border:none; background:url('../img/btn_search3.png') right center no-repeat;background-size:26px auto; font-size:15px;font-weight:bold; color:#444; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.noticeWrap .nList{border:1px solid #e2b500; border-radius:3px;margin:15px 0 10px 0; background:#fff;}
.noticeWrap .nList li{position:relative; line-height:20px;}
.noticeWrap .nList li > a{position:relative; display:block; width:100%; border-bottom:1px solid #cecece; padding:10px; padding-right:90px; line-height:20px; color:#3f3f3f; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; z-index:10; }
.noticeWrap .nList li:last-child > a{border:none;}
.noticeWrap .nList li > span{position:absolute; right:10px; top:10px; color:#767676; z-index:1;}

/* pagenum */
.pagenum{text-align:center;}
.pagenum *{display:inline-block; line-height:normal;text-decoration:none;vertical-align:middle; text-align:center;}
.pagenum > p > a{width:26px; height:12px; line-height:12px; color:#767676; border-right:1px solid #b9b9b9; margin:0 3px_; vertical-align:middle; }
.pagenum > p > a:last-child{border:none;}
.pagenum .direction{height:24px; width:24px;line-height:24px; border:1px solid #9f9f9f; border-radius:3px; background:#fff; }
.pagenum .direction img{width:60%; margin:0;}



.noticeWrap .view{float:left; width:100%;position:relative; border:1px solid #e2b500; border-radius:3px; border-top:none; margin-bottom:10px; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; }
.noticeWrap dt{height:50px; line-height:50px; color:#fff; font-size:15px; font-weight:bold; padding:0 15px; background:#e2b500;border-radius:3px 3px 0 0 ; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;  box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.noticeWrap dd{float:left; width:100%;position:relative; min-height:20px; line-height:20px; background:#e9e9e9; color:#3f3f3f; font-weight:bold; border-bottom:1px solid #cecece; background:#fff; vertical-align:middle; }
.noticeWrap dd:last-child{border-radius: 0 0 3px 3px; border-bottom:none;}
.noticeWrap dd strong, .noticeWrap dd span{display:inline-block; padding:7px;}
.noticeWrap dd > strong{float:left; width:20%; padding-left:5%; background:#f9f9f9; color:#565656; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; }
.noticeWrap dd > span{float:left; width:30%; color:#767676; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; }
.noticeWrap dd a{display:inline-block; height:20px;  width:80%; padding:7px; color:#d3a900; vertical-align:middle; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; }
.noticeWrap dd.txt3{padding:10px; min-height:310px; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; font-weight:normal;}
.noticeWrap .notiBtn{clear:both;position:relative; border-radius:3px; border:1px solid #e2b500; background:#e2b500;}
.noticeWrap .notiBtn a{position:relative; display:block; height:40px; line-height:40px; padding-left:30px; background:url('../img/ico_arrow3.png') 10px center no-repeat;background-size:10px auto; color:#fff; font-size:14px; font-weight:bold;}
.noticeWrap .notiBtn a:last-child{background:url('../img/ico_arrow4.png') 10px center no-repeat;background-size:10px auto; border-top:1px solid #e7cf57;}
.noticeWrap .notiBtn a span{display:inline-block; position:absolute; top:0; left:0; width:100%; padding-left:100px; padding-right:15px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; }


/*9-1도로정보*/
.roadInfo{float:left; width:100%; position:relative; padding:15px; padding-top:0; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; }
.roadInfo > p{ position:relative; height:55px; line-height:55px; color:#fff; font-size:18px; font-weight:bold; padding-left:15px; background:#05AEDF; border-bottom:none; border:1px solid #05AEDF; border-radius:5px 5px 0 0 ; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; }
.roadInfo > p > a{position:absolute;right:12px; top:14px;display:inline-block;overflow:hidden;width:24px;height:24px;text-align:center;line-height:24px;border-radius:3px;font-weight:bold; background:#fff url('../img/icon_fav.png') center center no-repeat;background-size:15px auto;text-indent:-9999em;}
.roadInfo > ul{float:left; width:100%;border:1px solid #05AEDF; border-radius:0 0 5px 5px; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; }
.roadInfo > ul > li{float:left; padding:10px 0; text-align:center; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.roadInfo > ul > li:nth-child(1){width:20%;}
.roadInfo > ul > li:nth-child(2){width:60%; border:1px solid #d5d5d5; border-bottom:none;  border-top:none; background:url('../img/arrow1.png') 97% center no-repeat;background-size:24px auto;}
.roadInfo > ul > li:nth-child(3){width:20%;}
.roadInfo > ul > li:nth-child(1) span, .roadInfo > ul > li:nth-child(3) span{margin:17px 0;}
.roadInfo > ul > li span.speed1, .roadInfo > ul > li span.speed2, .roadInfo > ul > li span.speed3{display:inline-block; width:70%; height:25px; line-height:25px; border-radius:12px; color:#fff; } 
.roadInfo > ul > li span.speed1{background:#32af25; }
.roadInfo > ul > li span.speed2{background:#e9ba00; }
.roadInfo > ul > li span.speed3{background:#b41112; }

.roadInfo > ul > li:nth-child(2) > strong{display:block;background:url('../img/arrow2.png') 3% center no-repeat;background-size:24px auto;}
.roadInfo > ul > li:nth-child(2) > strong > span{display:block; height:40px; line-height:40px; color:#626262;}


/*도로상세*/
.roadDetail{overflow:auto; height:450px; width:100%; background:#eaeaea;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.roadDetail > li{position:relative; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; }
.roadDetail > li > p{position:relative;width:70%; height:92px; line-height:92px; color:#3f3f3f; font-weight:bold; vertical-align:middle; text-align:center; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.roadDetail > li > p > span{position:absolute; left:0; bottom:-12px;display:inline-block; width:100%;height:25px; }
.roadDetail > li > p > span.speed1{background:url('../img/arrowSpeed1.png') 50% center no-repeat;background-size:24px auto;}
.roadDetail > li > p > span.speed2{background:url('../img/arrowSpeed2.png') 50% center no-repeat;background-size:24px auto;}
.roadDetail > li > p > span.speed3{background:url('../img/arrowSpeed3.png') 50% center no-repeat;background-size:24px auto;}
.roadDetail > li > p > span.speed4{background:url('../img/arrowSpeed4.png') 50% center no-repeat;background-size:24px auto;}
.roadDetail > li > strong{position:absolute; top:65px; right:15px; height:50px; line-height:50px; font-weight:normal; vertical-align:middle; color:#3f3f3f; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.roadDetail > li > strong > span.bl{display:inline-block; width:1px; height:10px; background:#bbb; margin:0 10px; vertical-align:middle;}
.roadDetail > li > strong > span.txt{ display:inline-block; line-height:14px; vertical-align:middle;}


/*도로상세2*/
.roadDetail2{ overflow:auto; width:100%; background:#eaeaea;}
.roadDetail2 li{position:relative; width:100%; height:52px; line-height:35px; padding:0 10px; border-bottom:1px solid #d1d1d1; box-sizing:border-box;}
.roadDetail2 li img{width:14px; vertical-align:middle; margin:0 10px;}
.roadDetail2 li span{display:inline-block; width:35%; vertical-align:middle; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.roadDetail2 li i{height:50px; line-height:35px; position:absolute; right:10px; }


/*tab 탭 2항목*/
.tab2col{clear:both; float:left; width:100%; position: relative; border-top: 1px solid #c5c6c6; border-bottom: 1px solid #c5c6c6;}
.tab2col a{float:left; width:50%; height:42px; line-height:42px; background:#f6f6f6; color:#3f3f3f; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; box-sizing:border-box; }
a.tabOn{ background:#c5c6c6; color:#fff; font-weight: bold;}

.tab2col2 a{background:#539bed; color:#fff; border-top: 1px solid #4784ca;}
.tab2col2 a.tabOn{background:#3E4C5D; color:#fff;}
.tab2col2 a:nth-child(1){border-right: 1px solid #4784ca;}





/*btn back*/
.btnBack{position:relative;width:38px; height:100%; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; padding-top:200px; }
.btnBack > a{display:block; position:absolute; top:0; z-index:999; width:38px; height:100%; background:#9c9da0 url('../img/ico_arrow5.png') center center no-repeat; background-size:12px auto;}



.legend{position:absolute; right:0; min-width:100px;}
.legend div{padding:10px; background:rgba(0,0,0,0.2)}
.legend p{display:block; border-top:4px solid #878a91; }
.legend p a{ display:block; position:absolute; right:0; width:32px; height:28px; background:#878a91 url(../img/arrow_top.png) 50% 50% no-repeat; background-size:50%;}




/*지도안 팝업*/
/*.mapPop{ position:absolute; bottom:0px; width:100%; padding:15px; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; z-index: 10000; }
.mapPop > p{min-height:55px; line-height:55px; color:#fff; font-size:18px; font-weight:bold; padding-left:15px; background:#539bed; border-radius:5px 5px 0 0 ; border:1px solid #539bed; border-bottom:none; }
.mapPop > p.tit2{ line-height:25px; padding:10px 15px;}
.mapPop > ul{background:#e9e9e9; border-radius:0 0 5px 5px; border:1px solid #539bed; border-top:none;   box-sizing:border-box; min-height:100px_; max-height:200px_; }
.mapPop > ul > li{position:relative; padding:10px 15px; color:#3f3f3f; font-weight:bold; vertical-align:middle; border-bottom:1px solid #d5d5d5; box-sizing:border-box;}*/
.mapPop{ position:absolute; bottom:0px; width:100%; padding:0px; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; background:#fff; z-index: 9998; }
.mapPop > p{position:absolute; top:0; left:0; width:100%; min-height:42px; line-height:42px; color:#000; font-size:16px; font-weight:bold; padding-left:15px; background:#f6f6f6; border:none; z-index:99; box-sizing:border-box; }
.mapPop > p.tit2{ line-height:25px; padding:10px 15px;}
.mapPop > ul{position:absolute; top:0; left:0; background:#fff; border-radius:0 0 5px 5px; border:none;   box-sizing:border-box; min-height:100px_; height:100%;  padding-top:42px; box-sizing:border-box; z-index:1;}
.mapPop > ul > li{position:relative; padding:5.5px 15px; color:#3f3f3f; font-weight:bold; vertical-align:middle; border:none; box-sizing:border-box; border-bottom: 1px solid #d5d5d5;}

/*버스*/
.mapPop .popBus{float:left; width:100%; overflow-y:scroll; }
.mapPop .popBus li{float:left; width:100%; border-bottom: 1px solid #d5d5d5;}
.mapPop .popBus strong{float:left; font-size:14px; color:#333; line-height:20px; vertical-align:middle; box-sizing:border-box;}
.mapPop .popBus strong:nth-child(1){width:45%;}
.mapPop .popBus strong:nth-child(2){width:23%; text-align:center; padding-top:8px; }
.mapPop .popBus strong:nth-child(3){float:right; width:32%; text-align:right;}
.mapPop .popBus strong span{display:block; color:#888; font-size:13px; font-weight:normal;}
.mapPop .popBus strong:nth-child(2) i{display:inline-block; font-size:11px; background-color:#9c9da0;color:#fff; height:24px; padding:0 5px; text-align:center;line-height:24px;border-radius:3px;font-weight:normal; margin-right:3px;}

/*지하철*/
.mapPop .popSbw{ background:#fff_;}
.mapPop .popSbw li{ display:inline-block; border:none; box-sizing:border-box; padding:10px;}
.mapPop .popSbw table{width:100%; border:1px solid #d5d5d5;}
.mapPop .popSbw table th{min-height:35px; color:#333; font-size:14px; line-height:35px; border-bottom:1px solid #d5d5d5; text-align:center; background:#eaeaea; background:#f6f6f6;}
.mapPop .popSbw table td{min-height:20px;  font-size:13px; line-height:20px; border-bottom:1px solid #d5d5d5; text-align:center;}
.mapPop .popSbw table th, .mapPop .popSbw table tr td{border-right:1px solid #d5d5d5;}
.mapPop .popSbw table tr td{vertical-align:top; text-align:left;padding:0px; background:#fff;}
.mapPop .popSbw table tr td p{float:left; width:100%; padding:5px; border-bottom:1px solid #ddd; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.mapPop .popSbw table tr td p:last-child{border:none;}
.mapPop .popSbw table tr td strong{float:left; width:100%; height:20px; line-height:20px; color:#666; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.mapPop .popSbw table tr td strong i{display:inline-block; min-width:20px; height:20px; line-height:20px; font-size:12px; margin-right:5px; color:#fff; font-weight:normal; font-style:normal; background:rgba(0,0,0,0.4); border-radius:3px; text-align:center; vertical-align:middle;}
.mapPop .popSbw table tr td span{float:left; width:100%; font-size:12px; color:#777; font-weight:normal; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }


/*지하철2*/
.mapPop .popSbw2{position:relative; display:block; background: #fff; border-radius:0; overflow-y: scroll; }
.mapPop .popSbw2 li{ position: inherit; height:50px; line-height: 50px; vertical-align: middle; border-top:1px solid #eee; border-bottom: none; padding:0; z-index: 11;}
.mapPop .popSbw2 li strong{display:block; width:60%; height:50px; line-height: 50px; padding-left:15px; font-size: 1.1em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.mapPop .popSbw2 li > i{position:absolute; top:40px; display:block; width:20px; height:20px;  z-index: 9999999 !important;  }
.mapPop .popSbw2 li .arrow1{right:95px;background:url(../img/sbw_arro.png) 50% 50% no-repeat; background-size: 10px;  }
.mapPop .popSbw2 li .arrow2{right:45px;background:url(../img/sbw_arro2.png) 50% 50% no-repeat; background-size: 10px;  }

.mapPop .popSbw2 li span{position:absolute; top:0; right:95px; display:block; width:20px; height:50px; z-index: 9;}
.mapPop .popSbw2 li span:last-child{right:45px;  }
.mapPop .popSbw2 li span b{position: absolute; left:5px; top:0; display:block; width:10px; height:100%; background:rgba(0,0,0,0.03) ; z-index: 1;}
.mapPop .swType1 li span b{background:#0041aa; opacity: 0.1;}
.mapPop .swType2 li span b{background:#34ab2b; opacity: 0.1;}
.mapPop .swType3 li span b{background:#ee5a2a; opacity: 0.1;}
.mapPop .swType4 li span b{background:#3171d3; opacity: 0.1;}
.mapPop .swType5 li span b{background:#893bb6; opacity: 0.1;}
.mapPop .swType6 li span b{background:#9a4f11; opacity: 0.1;}
.mapPop .swType7 li span b{background:#606d00; opacity: 0.1;}
.mapPop .swType8 li span b{background:#d81c67; opacity: 0.1;}
.mapPop .swType9 li span b{background:#bf9f1e; opacity: 0.1;}
.mapPop .swTypeBd li span b{background:#edb217; opacity: 0.1;}
.mapPop .swTypeIc li span b{background:#6691c9; opacity: 0.1;}
.mapPop .swTypeSbd li span b{background:#a8022d; opacity: 0.1;}
.mapPop .swTypeJa li span b{background:#7dc4a5; opacity: 0.1;}
.mapPop .swTypeGc li span b{background:#26a97f; opacity: 0.1;}
.mapPop .swTypeGh li span b{background:#71b8e5; opacity: 0.1;}
.mapPop .swTypeUjb li span b{background:#ff8e00; opacity: 0.1;}
.mapPop .swTypeEv li span b{background:#77c371; opacity: 0.1;}
.mapPop .swTypeSi li span b{background:#edb217; opacity: 0.1;}

.mapPop .popSbw2 li span i{position:absolute; left:0; top:15px; display: block; width:20px; height:20px; background: url(../img/sbw2_2.png) 50% 50% no-repeat; background-size:20px; z-index: 19; opacity: 0.5;}
.mapPop .popSbw2 li:last-child > i{background: none; height:0px;}
.mapPop .popSbw2 li span i.on{background: url(../img/sbw2_1.png) 50% 50% no-repeat; background-size:20px; opacity: 1;}
.mapPop .popSbw2 li span i.on1{background: url(../img/swtype1.png) 50% 50% no-repeat; background-size:20px; opacity: 1;}
.mapPop .popSbw2 li span i.on2{background: url(../img/swtype2.png) 50% 50% no-repeat; background-size:20px; opacity: 1;}
.mapPop .popSbw2 li span i.on3{background: url(../img/swtype3.png) 50% 50% no-repeat; background-size:20px; opacity: 1;}
.mapPop .popSbw2 li span i.on4{background: url(../img/swtype4.png) 50% 50% no-repeat; background-size:20px; opacity: 1;}
.mapPop .popSbw2 li span i.on5{background: url(../img/swtype5.png) 50% 50% no-repeat; background-size:20px; opacity: 1;}
.mapPop .popSbw2 li span i.on6{background: url(../img/swtype6.png) 50% 50% no-repeat; background-size:20px; opacity: 1;}
.mapPop .popSbw2 li span i.on7{background: url(../img/swtype7.png) 50% 50% no-repeat; background-size:20px; opacity: 1;}
.mapPop .popSbw2 li span i.on8{background: url(../img/swtype8.png) 50% 50% no-repeat; background-size:20px; opacity: 1;}
.mapPop .popSbw2 li span i.on9{background: url(../img/swtype9.png) 50% 50% no-repeat; background-size:20px; opacity: 1;}
.mapPop .popSbw2 li span i.onBd{background: url(../img/swtype10bd.png) 50% 50% no-repeat; background-size:20px; opacity: 1;}
.mapPop .popSbw2 li span i.onIc{background: url(../img/swtype11ic.png) 50% 50% no-repeat; background-size:20px; opacity: 1;}
.mapPop .popSbw2 li span i.onSbd{background: url(../img/swtype12sbd.png) 50% 50% no-repeat; background-size:20px; opacity: 1;}
.mapPop .popSbw2 li span i.onJa{background: url(../img/swtype13ja.png) 50% 50% no-repeat; background-size:20px; opacity: 1;}
.mapPop .popSbw2 li span i.onGc{background: url(../img/swtype14gc.png) 50% 50% no-repeat; background-size:20px; opacity: 1;}
.mapPop .popSbw2 li span i.onGh{background: url(../img/swtype15gh.png) 50% 50% no-repeat; background-size:20px; opacity: 1;}
.mapPop .popSbw2 li span i.onUjb{background: url(../img/swtype16ujb.png) 50% 50% no-repeat; background-size:20px; opacity: 1;}
.mapPop .popSbw2 li span i.onEv{background: url(../img/swtype18ev.png) 50% 50% no-repeat; background-size:20px; opacity: 1;}
.mapPop .popSbw2 li span i.onSi{background: url(../img/swtype17si.png) 50% 50% no-repeat; background-size:20px; opacity: 1;}
.mapPop .popSbw2 li span em{display: inline-block; width:40px; height:px; line-height: 15px; font-size: 0.85em; color:#7d8085; font-weight: normal; margin-left:23px; vertical-align: middle;}

/*.mapPop .popSbw2 .line1, .mapPop .popSbw2 .line2{position:absolute; top:0;  display:block;  width:10px; height:100%; background: #f7f7f7; z-index: 1;  }
.mapPop .popSbw2 .line1{right:100px;}
.mapPop .popSbw2 .line2{right:50px;}
.mapPop .popSbw2{}


/*나눔카*/
.mapPop .popCar{ padding:10px; padding-top:52px;}
.mapPop .popCar li{width:100%; padding:0;}
.mapPop .popCar li:nth-child(2){padding:10px 0;}
.mapPop .popCar li table td{height:35px; line-height:35px; font-size:14px; text-align:center; padding:0;}

/*cctv*/
.mapPop .popCctv{width:100%}
.mapPop .popCctv li{width:100%; padding:0;}


/*돌발*/
.mapPop .popPk{}
.mapPop .popPk li table th{font-size:12px; min-height:30px; line-height:30px;}
.mapPop .popPk li table td{font-weight:normal; color:#777; font-size:12px; vertical-align:middle; line-height:15px; padding:5px;}



/*주차장*/
.mapPop .popPk2{}
.mapPop .popPk2 li:nth-child(1){padding:10px; padding-bottom:0;}
.mapPop .popPk2 li:nth-child(1) table td{height:35px; line-height:35px; font-size:14px; text-align:center; padding:0;}
.mapPop .popPk2 li:nth-child(2) table th{font-size:12px; min-height:30px; line-height:30px;}
.mapPop .popPk2 li:nth-child(2) table td{font-weight:normal; color:#777; font-size:12px; vertical-align:middle; line-height:15px; padding:5px;}

.mapPop2{}
.btns{position:absolute;right:12px;top:5px;text-align:right; z-index:999; font-size: 0;}
.btns a{display:inline-block;overflow:hidden;width:30px;height:30px;text-align:center;line-height:30px;border-radius:50%; text-indent:-9999em;border:1px solid #ccc; margin-left:5px; }
.btns a.c{background:#fff url('../img/ico_btn_s1.png') center center no-repeat; background-size:17px;}
.btns a.f{background:#fff url('../img/ico_btn_s2.png') center center no-repeat; background-size:17px;}
.btns a.d{background:#fff url('../img/ico_btn_s3.png') center center no-repeat; background-size:17px;}
.btns a.r{background:#fff url('../img/ico_btn_s4.png') center center no-repeat; background-size:12px;}
.btns a.al{background:#70777e url('../img/icon_arrow_l.png') center center no-repeat;background-size:15px auto;text-indent:-9999em;}
.btns a.ar{background:#70777e url('../img/icon_arrow_r.png') center center no-repeat;background-size:15px auto;text-indent:-9999em;}

.faButton{
	position: absolute; 
	right: 0.5em; 
	bottom: 0.57em; 
	width: 4.4em; 
	height: 4.4em; 
	background: #539BED; 
	z-index: 1000; 
	display: none; 
	border-radius:100px; 
	-moz-border-radius: 2.2em; 
	-webkit-border-radius: 2.2em; 
	-ms-border-radius: 2.2em; 
	-khtml-border-radius: 2.2em; 
	-o-border-radius: 2.2em;
}

.ctButton{
	position: absolute; 
	left: 0.5em; 
	bottom: 0.57em; 
	width: 4.4em; 
	height: 4.4em; 
	background: #539BED; 
	z-index: 1000; 
	border-radius:100px; 
	-moz-border-radius: 2.2em; 
	-webkit-border-radius: 2.2em; 
	-ms-border-radius: 2.2em; 
	-khtml-border-radius: 2.2em; 
	-o-border-radius: 2.2em;
}

.comButton1{
	position: relative; 
	left: 5.5em; 
	bottom: 9.4em; 
	width: 4.246em; 
	height: 4.246em; 
	background: url(/common/img/web/ico_map_state1.png); 
	z-index: 1000; 
	border: 1px solid #539BED;
	border-radius:100px; 
	-moz-border-radius: 2.2em; 
	-webkit-border-radius: 2.2em; 
	-ms-border-radius: 2.2em; 
	-khtml-border-radius: 2.2em; 
	-o-border-radius: 2.2em;
}

.comButton2{
	position: relative; 
	left: .5em; 
	top: .5em; 
	width: 4.246em; 
	height: 4.246em; 
	background: url(/common/img/web/ico_map_state2.png); 
	z-index: 1000; 
	border: 1px solid #539BED;
	border-radius:100px; 
	-moz-border-radius: 2.2em; 
	-webkit-border-radius: 2.2em; 
	-ms-border-radius: 2.2em; 
	-khtml-border-radius: 2.2em; 
	-o-border-radius: 2.2em;
}



/*탑으로 이동*/
.moveT{position:fixed; bottom:20px; right:20px; display:block; width:60px; height:60px; background:#539bed url(../img/arrow_top.png) 50% 50% no-repeat; background-size:15px; border-radius:50%; box-shadow:0px 5px 15px rgba(0,0,0,0.2); z-index:99999999999;}



.menuico{ clear:both; padding:15px; padding-right:5px;}
.menuico li{float:left; width:25%; padding-right:10px; margin-bottom:10px; box-sizing:border-box; }
.menuico li a{display:block; width:100%; height:50px; line-height:50px; vertical-align:middle; background:#539bed; border-radius:5px; text-align:center;}
.menuico li a img{height:30px;  vertical-align:middle;}


.mapkind2{position:absolute;right:.5em;top:3.8em;padding-right:px;z-index:1000;}
ul.kindTabs2{overflow:hidden;}
ul.kindTabs2 > li{float:left;}
ul.kindTabs2 > li > a{font-size:12px;display:inline-block;padding:6px 8px;font-weight:bold;border:1px solid #548ac8;border-right:none; background:#fff;}
ul.kindTabs2 > li:first-child > a{border-radius:5px 0 0 5px;}
ul.kindTabs2 > li.last > a{border-right:1px solid #bcbcbc;border-radius:0 5px 5px 0;}
ul.kindTabs2 > li.active > a{background-color:#539bed;border-color:#539bed;color:#fff;}



#dialog-confirm {
	position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; background: rgba(0, 0, 0, 0.5); z-index: 100000; font-size: 14px; font-weight: bold; display: none;
}
#dialog-confirm > div {
	position: relative; left: 10%; top: calc(50% - 100px); width: 80%; background: #fff; height: 200px; border: 1px solid #c5c6c6;
}
#dialog-confirm .tit {
	width: 100%; height: 42px; line-height: 42px; text-align: center; background: #e2b500;
}
#dialog-confirm .cont {
	width: 100%; height: 116px; line-height: 38px; text-align: center; padding-top: 25px;
}
#dialog-confirm .btn {
	width: 100%; height: 42px; line-height: 42px; text-align: right; margin-top: -25px;
}
#dialog-confirm .btn button {
	width: 60px; height: 30px; margin-top: -6px; margin-right: 5px; font-size: 14px; font-weight: bold; background: #c5c6c6; color: #fff;
}

.homeSet .cont{}
.homeSet > div{height:auto !important; border:none !important;}
.homeSet .cont{display:block; height:auto !important; font-size: 0; padding:10px !important; text-align: left; box-sizing:border-box;}
.homeSet .cont ul{display:inline-block; width:100%; max-width: 400px; text-align: left;}
.homeSet .cont li{display:inline-block; width:50%; margin-bottom:5px;  box-sizing:border-box;}
.homeSet .cont li:nth-child(odd){padding-right:3px;}
.homeSet .cont li:nth-child(even){padding-left:3px;}
.homeSet .cont a{display:block; font-size:12px; font-weight:normal; color:#777; text-align: center; border:1px solid #ddd; border-radius:3px; box-sizing:border-box; }
.homeSet .cont a.on{color:#fff; border:1px solid #b9b8b6; background: #b9b8b6;}

.homeSet .btn2{font-size:0; border-top:1px solid #ddd;}
.homeSet .btn2 button{display:inline-block; width:50%;  height:45px; line-height: 45px; color:#333; background: #f9f9f9; font-size:14px; text-align: center;}
.homeSet .btn2 button:first-child{border-right:1px solid #ddd;}



/*모바일  div탭 2개짜리*/
.mobileTab{clear:both; float:left; width:100%; }
.mobileTab div{float:left; width:50%; height:42px; line-height:42px; background:#f6f6f6; color:#4d4d4d; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; box-sizing:border-box; border-top: 1px solid #c5c6c6; border-bottom: 1px solid #c5c6c6;}
.mobileTab div:nth-child(1){ border-right:1px solid #c5c6c6;}
.mobileTab div.bTon{ background:#c5c6c6; color:#fff; font-weight: bold;}

/*교통통제*/
.mapPop .trfCont{ background:#fff; overflow-y:auto; height:initial; top:42px; left:0; right:0; bottom:0; padding-top:0;}
.mapPop .trfCont .title{background:#f3f3f3; text-align:center; border: 1px solid #d5d5d5; padding:10px;}
.mapPop .trfCont .subTitle{background:#f6f6f6; border: 1px solid #d5d5d5;}
.mapPop .trfCont .showBtn{height:35px; line-height:35px; color:#3f3f3f; font-size:14px; font-weight:bold; text-align:center; background:url(../img/web/arrow_top2.png) 95% 50% no-repeat; background-size:15px;  }
.mapPop .trfCont .showBtn.off{background:url(../img/web/arrow_top.png) 95% 50% no-repeat; background-size:15px;}
.mapPop .trfCont p{ font-size:14px}
.mapPop .trfCont li{ display:inline-block; border:none; box-sizing:border-box; padding:10px;}
.mapPop .trfCont table{width:100%; border:1px solid #d5d5d5;}
.mapPop .trfCont table th{min-height:35px; color:#333; font-size:13px; line-height:35px; border-bottom:1px solid #d5d5d5; text-align:center; background:#eaeaea; background:#f6f6f6;}
.mapPop .trfCont table td{min-height:20px;  font-size:13px; line-height:20px; border-bottom:1px solid #d5d5d5; }
.mapPop .trfCont table th, .mapPop .trfCont table tr td{border-right:1px solid #d5d5d5;}
.mapPop .trfCont table tr td{text-align:left; padding:5px; background:#fff; font-weight:normal;}
.mapPop .trfCont .subTable{border-top:none;}
.mapPop .trfCont .subTable td{padding:0; text-align:center; height:30px;}