@charset "utf-8";

/*a:focus  {outline:3px solid green;}*/

/* skip_navigation */
#skipnavi {position:relative; z-index:9999;}
#skipnavi a {position:absolute; top:-10000px;}
#skipnavi a:hover, #skipnavi  a:active, #skipnavi a:focus 
{display:block; font-size:1.3em; font-weight:bold; padding:15px; background-color:#fff; border: 3px solid #ededed; position:absolute; top:0px; left:45%;}

form {height:100%;}

.fl {float:left}
.fr {float:right}
.w100{width:100%}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.ml10{margin-left:10px}
.mb5{margin-bottom:5px}
.pd0{padding:0;margin:0}
.clear{clear:both; }
.dpib{display:inline-block}
.pl10{padding-left:10px;}
.fcblu{color:#2b5799}
.posiR{position:relative}
.w85{width:85px;}
.w70{width:70px;}
.w50{width:50px;}
.w44{width:44px;}
 

/* layout */
#wrap {height:100%;min-height:680px;width:100%;overflow:hidden;min-width:980px;}
#container {width:100%; min-height:100%; position:relative;min-width:980px;}
#map {top:0px;bottom:0px; left:0px; right:0; position:absolute;overflow:hidden;min-width:719px;z-index:98;}
#left{width:308px;position:absolute;top:0px;left:0px;bottom:0;z-index:99;background:url(/ext/images/map/route/bg_left.png) 0 0 repeat-y;}


/* LNB */
.leftBtArea{position:absolute; top:0;right:0;z-index:98}
.leftcontent{position:absolute; top:0;left:0}
.tsch{background:url(/ext/images/map/route/bg_leftsch.jpg) 0 0 repeat-x;height:38px;width:291px}
span.bgsch {display:inline-block; margin:5px 5px;color:#4d4d4d;font-size:11px; line-height:20px;width:281px; height:25px;background: url(/ext/images/map/route/bg_schbx.png) 0 0px no-repeat;position:relative}
span.bgsch .iptxt {width:177px; border:0; margin-top:1px; line-height:20px; height:20px;margin-left:25px;background:none;}
span.bgsch .btn_tsch img {position:absolute;top:1px; right:1px}

.schbx{background:#fafafa; border-bottom:1px solid #b2b2b2;width:271px;font-family: NanumGothicBold;color:#000;}
.sch {margin:7px 10px 5px 10px;}
.sch li{margin-bottom:5px;}
.sch li .label{display:inline-block;background: url(/ext/images/map/route/bul_sch.gif) 0 5px no-repeat;text-indent:7px;font-family: NanumGothic;color:#555; }
.iptxt {width:147px; color:#333333; padding:0 0px; line-height:19px; height:20px; border:1px solid #aaaaaa; font-size:12px;}
span.calendar {display:inline-block; color:#4d4d4d; padding:0 3px; font-size:12px; line-height:20px; border:1px solid #aaaaaa;background:#fff;position:relative}
span.calendar .iptxt {width:110px; border:0; padding:0; line-height:19px; height:19px;margin-right:17px; font-size:12px;}
span.calendar img {position:absolute;top:3px; right:3px; vertical-align:middle;}
.btbr{border-bottom:1px solid #d3d3d3}
.claImg{margin-top:3px;}
.dsbx{margin-bottom:5px;}
.btnbx{display:inline-block;margin:0 10px 5px 10px;position:relative; width:251px}
.leftbt1{background: url(/ext/images/map/route/btn_left1.png) 0 0px no-repeat;width:58px;height:29px; position:absolute;left:0;top:0;z-index:99}
.leftbt1:hover{background: url(/ext/images/map/route/btn_left1_on.png) 0 0px no-repeat;width:58px;height:29px; position:absolute;left:0;top:0}
.leftbt1_on{background: url(/ext/images/map/route/btn_left1_on.png) 0 0px no-repeat;width:58px;height:29px; position:absolute;left:0;top:0;z-index:99}
.leftbt2{background: url(/ext/images/map/route/btn_left2.png) 0 0px no-repeat;width:58px;height:29px; position:absolute;left:50px;top:0;z-index:98}
.leftbt2:hover{background: url(/ext/images/map/route/btn_left2_on.png) 0 0px no-repeat;width:58px;height:29px; position:absolute;left:50px;top:0}
.leftbt2_on{background: url(/ext/images/map/route/btn_left2_on.png) 0 0px no-repeat;width:58px;height:29px; position:absolute;left:50px;top:0;z-index:98}
.leftbt3{background: url(/ext/images/map/route/btn_left3.png) 0 0px no-repeat;width:58px;height:29px; position:absolute;left:100px;top:0;z-index:97}
.leftbt3:hover{background: url(/ext/images/map/route/btn_left3_on.png) 0 0px no-repeat;width:58px;height:29px; position:absolute;left:100px;top:0}
.leftbt3_on{background: url(/ext/images/map/route/btn_left3_on.png) 0 0px no-repeat;width:58px;height:29px; position:absolute;left:100px;top:0;z-index:97}

.schView {margin:7px 10px 5px 10px;}
.schView li{margin-bottom:12px;}
.schView li .label{display:inline-block;background: url(/ext/images/map/route/bul_sch.gif) 0 5px no-repeat;text-indent:7px;font-family: NanumGothic;color:#555; }
.schView li span{display:inline-block; word-wrap:break-word;word-break:break-all;vertical-align:text-top;} 

.infobx{background: url(/ext/images/map/route/bul_info.png) 0 10px no-repeat;margin:7px 10px 5px 10px;border-top:1px solid #d3d3d3;padding:10px 0 0 14px;font-family:'돋움', Dotum, Arial, sans-serif; font-size:12px}
.tmbx{font-family: NanumGothic;color:#555;line-height:40px;text-align:left; margin: 0 0 0 10px;}
.tmbx span{color:#ff4200;}
.tmr{margin-right:5px;padding-right:10px;background: url(/ext/images/map/route/bul_div.gif) right 2px no-repeat;font-size:12px;}

.snbacc{width:271px;overflow:hidden;}
/*.snbacc dt{position:relative; text-indent:10px;width:271px;font-family: NanumGothic; cursor:pointer;font-size:12px;color:#333333;font-weight:bold; overflow:hidden;background:#fff url(/ext/images/map/route/snb_off.gif) 0 0px no-repeat;line-height:27px;height:27px;}*/
.snbacc dt{position:relative; width:271px;text-indent:10px;font-family: NanumGothic; cursor:pointer;margin-bottom:3px; font-size:12px;color:#333333;font-weight:bold; overflow:hidden;background:#fff url(/ext/images/map/route/snb_off.gif) 0 0px no-repeat;line-height:27px;height:27px;/* background image */}
.snbacc dt strong{display:inline-block;text-indent:10px;padding:0 10px;width:175px}
.snbacc dt a {position:absolute;}
.snbacc dt.over{background:#fff url(/ext/images/map/route/snb_off.gif) 0 0px no-repeat; /* background-over.jpg */cursor:pointer;line-height:27px;height:27px;}
.snbacc dt.selected{background:#fff url(/ext/images/map/route/snb_on.gif) 0 0px no-repeat;/* background_selected.jpg */	cursor:default; font-size:12px; color:#fff; overflow:hidden;line-height:27px;height:27px; }
/*.snbacc dd{min-height:100px;max-height:320px;overflow-y:auto;overflow-x:hidden;margin-bottom:3px}*/
.snbacc dd {overflow:hidden;border-bottom:1px solid #a6a6a6;}
/* .snbacc dd{min-height:200px;max-height:100%;overflow-y:hidden;overflow-x:hidden;margin-bottom:3px} */
/* .snbacc dd li{line-height:30px;border-bottom:1px solid #eee;color:#333;padding:0 10px;} */


.accul{width:272px;margin:0 0px 5px 0px; border-bottom:1px solid #a6a6a6;}
.accul li {position:relative; height:50px; text-align:left;display:inline-block;border-bottom:1px dotted #666;}
.accul li img{vertical-align:middle; margin-top:4px;}
.accul li span{display:inline-block; vertical-align:middle;padding-left:8px;padding-top:8px;color:#000; width:226px;white-space:normal;word-break:break-all;word-spacing:-1px;}
.accul li:hover, 
.accul li:focus {background-color:#c5dbec}
.accul li.selected {background-color:#fad676}

.btnOn{background: url(/ext/images/map/route/btn_selon.gif) 0 0px no-repeat;width:44px;height:27px; position:absolute;right:0;top:0;z-index:99}
.btnOn:hover{background: url(/ext/images/map/route/btn_selon.gif) 0 0px no-repeat;width:44px;height:27px; position:absolute;right:0;top:0}
.btnOn{background: url(/ext/images/map/route/btn_selon.gif) 0 0px no-repeat;width:44px;height:27px; position:absolute;right:0;top:0;z-index:99}

.btnOff{background: url(/ext/images/map/route/btn_seloff.gif) 0 0px no-repeat;width:44px;height:27px; position:absolute;right:0;top:0;z-index:99}
.btnOff:hover{background: url(/ext/images/map/route/btn_seloff.gif) 0 0px no-repeat;width:44px;height:27px; position:absolute;right:0;top:0}
.btnOff{background: url(/ext/images/map/route/btn_seloff.gif) 0 0px no-repeat;width:44px;height:27px; position:absolute;right:0;top:0;z-index:99}

/* 운행경로 상세 */
.btnView,
.btnView:hover{background: url(/ext/images/map/route/btn_detailviewOn.png) 0 0px no-repeat;width:47px;height:23px; right:47px;top:2px;z-index:99}
.viewOn,
.viewOn:hover{background: url(/ext/images/map/route/btn_detailview.png) 0 0px no-repeat;width:47px;height:23px; right:47px;top:2px;z-index:99} 

.resultTxt{margin:0px;display:inline-block;width:271px; background:#fff url(/ext/images/map/route/bg_searchresult.gif) 15px 6px no-repeat;border-bottom:1px solid #e4510f;height:26px;color:#333;text-indent:25px;line-height:26px;font-family: NanumGothicBold;padding:0 10px;}}
.resultTxt strong{color:#fe4801;color:#e05b22;}
.resultbx{width:291px;margin:0 0px 5px 0px; border-bottom:1px solid #a6a6a6;}
.resultbx ul{width:100%}
.resultbx li{border-bottom:1px dotted #666;position:relative;padding-top:8px;padding-bottom:4px;padding-left:17px;padding-right:10px}
.resultbx li.brnone{border-bottom:0px solid #d8d8d8;}
.resultbx li span{display:inline-block;position:absolute;right:0px; top:1px;display:none}

.dieselul li:hover,
.dieselul li.active{}

.startul li:hover,
.startul li.active{background:#eee url(/ext/images/map/route/bul_start.png) 235px 3px no-repeat;}

.endul li:hover,
.endul li.active{background:#eee url(/ext/images/map/route/bul_end.png) 235px 3px no-repeat;}

.resultbx dl{margin-right:20px;}
.resultbx dt{color:#333;font-weight:bold}
.resultbx dd{color:#666;margin-top:0px;}


#pinfo{border:3px solid #ec5925; background:#fff; position:absolute;width:396px; height:244px; z-index:9999;vertical-align:middle;text-align:center}





/* content */
h2.rtit {background:url(/ext/images/map/route/bg_title.png) 3px 7px no-repeat;color:#444444;font-weight:bold;padding-left:10px;line-height:21px;margin-top:5px;}


/* paging */ 
.paging * {vertical-align:top;}
.paging.botbtn {padding:10px 0 10px 0;}
.paging {text-align:center; padding:20px 0 10px 0;}
.paging a.direction {display:inline-block; padding:0 0px;}
.paging span a {display:inline-block; text-align:center; padding:3px 1px 4px 2px;  margin-right:2px; color:#575757; font-family:verdana; font-size:12px;}
.paging strong,
.paging span a:hover {display:inline-block; text-align:center; padding:3px 1px 4px 2px; margin-right:2px;  color:#e55303; font-weight:bold; font-family:verdana; font-size:12px;}



/* table */
table thead th.brnone, table tbody th.brnone,  table tbody td.brnone ,  table tfoot td.brnone  , .grayBx li.brnone {border-right:0;}
table thead th.btcolor, table tbody th.btcolor,  table tbody td.btcolor {border-bottom:1px solid #777777;}

.tbspace{display:inline-block;padding-bottom:5px;width:100%;color:#fff;}

table td a:link {color:#1861b5 !important;}
table td .iptxt {width:96%; color:#333333; padding:0 3px; line-height:20px; height:20px; border:1px solid #cccccc;}
table td .iptxtarea {width:96%; color:#333333; padding:0 3px; line-height:20px; border:1px solid #cccccc;}
table td label.addwidth {display:inline-block; width:220px; letter-spacing:-1px;}
table td a.filename {display:inline-block; width:180px; letter-spacing:-1px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
table td span.calendar {display:inline-block; color:#4d4d4d; padding:0 3px; font-size:12px; line-height:22px; height:22px; border:1px solid #cccccc;}
table td span.calendar .iptxt {width:117px; border:0; padding:0; line-height:20px; height:20px;}
table td span.calendar .btn_calendar img {vertical-align:middle;}

.tblist {width:100%; border-top:2px solid #222222;}
.tblist thead th {padding:5px 3px; color:#212121; border-right:1px solid #dddddd; border-bottom:1px solid #777777; background-color:#eeeeee;} 
.tblist tbody td {padding:5px 3px; color:#333; text-align:center;font-weight:normal; border-right:1px solid #dddddd; border-bottom:1px solid #bfbbb6; background-color:#ffffff;}
.tblist tfoot td {background-color:#f7f7f7;padding:7px 3px; color:#333; text-align:center; border-right:1px solid #dddddd; border-bottom:1px solid #bfbbb6;} 
.tblist tfoot td span{color:#888;}
.tblist tfoot td strong{color:#bc6009;}
.tbview {width:100%; border-top:2px solid #222222;}
.tbview tbody th {padding:5px 5px; color:#212121;   background-color:#eeeeee; border-bottom:1px solid #bfbbb6; border-right:1px solid #dddddd;}
.tbview tbody td {padding:5px 5px; color:#333;font-weight:normal; border-bottom:1px solid #bfbbb6; border-right:1px solid #dddddd; background-color:#ffffff;}
.tbview tbody td ul.tdlist li {margin-top:5px;}
select{line-height:20px; height:20px; border:1px solid #cccccc;}

.btngo{position:absolute; right:14px; top:15px;}


/*map*/
.sel_map {position:absolute; right:50px; top:14px; z-index:99;}
.map_scale {position:absolute; right:11px; top:14px; z-index:99;}
.map_control {position:absolute; right:11px; top:200px; z-index:99;}
.zoombx{position:relative;height:134px;width:28px;background:url(/ext/images/map/route/bg_zoom.png) 0 0 no-repeat;}
.zbar{position:absolute; left:4px; top:5px;}



/* ??? */
.bgnone {background:none;}
.popup .pop_top {padding:10px 10px 8px 15px; border:1px solid #2c3e50; color:#fff; font-weight:bold; letter-spacing:-1px; background:#2780c5;}
.popup .pop_top img{float:right}
.popup .p_cont {padding:10px;border-bottom:1px solid #59647e;border-left:1px solid #59647e;border-right:1px solid #59647e;}
.p_img{border:1px solid #000}
.p_btn {text-align:center; padding:10px 35px 0 35px;}
.p_btn p {padding:20px 0px;}
h4.pTit {margin-bottom:5px; line-height:18px; padding-left:20px; color:#333; font-weight:bold; background:url(/ext/images/map/route/common/bul_ph4.gif) 0 1px no-repeat;}

.scrollbx{overflow-y:auto;overflow-x:hidden;}

/* 안내팝업 */
.sub_wh_box {padding:40px 0 40px; border:1px solid #bababa; border-radius:4px; background-color:#fff; text-align:center;font-family: NanumGothicBold;color:#555; }
.sub_wh_box p{display:block;}
.sub_wh_box p.f16{ font-size:16px;}
.sub_wh_box strong {font-size:16px; font-weight:bold;color:#c05625;line-height:30px;}
.sub_wh_box div {display:inline-block; text-align:center;}
.sub_wh_box ul {text-align:left; margin:30px 0 25px;}
.sub_wh_box li {font-size:12px; font-weight:bold;}
.sub_wh_box li + li {margin-top:6px;}
.sub_wh_box li p,
.sub_wh_box span {text-align:left;}
.pt30{padding-top:30px;}
.dot_list li {position:relative; padding-left:11px;}
.dot_list li:after { top:50%; left:0; margin-top:-1px; width:3px; height:3px; background-color:#f27439; content:'';}

