@charset 'euc-kr';
/* LAYOUT */
html, body, #spWrapper {
/* position:relative; */
/*min-width:100%;*/
width:1280px;
/*min-height:100%;*/
height:100%;
/* update by seek4ume, 20100715
overflow:hidden;
overflow-x:hidden;
*/
}
body {
color:#636363;
background:#f2f2f2 url('/resources/images/search_popup/bg_left.gif') repeat-y 0 0;
}
#spWrapper {
/*
min-width:1280px;
width:expression(document.documentElement.clientWidth < 1280 ? '1280px' : document.documentElement.clientWidth > 1280 ? "100%" : '');
min-height:830px;
height:expression(document.documentElement.clientHeight < 827 ? '830px' : document.documentElement.clientHeight > 830 ? "100%" : '');
*/
min-width:1000px;
background:url('/resources/images/search_popup/bg_right.gif') repeat-y 100% 0;
}
#spWrapper #spHeader {
position:relative;
width:100%;
height:75px;
overflow:hidden;
background:url('/resources/images/search_popup/bg_top.gif') repeat-x 0 0;
}
#spHeader div.container {
height:75px;
background:url('/resources/images/search_popup/bg_tl.gif') no-repeat left 0;
}
#spHeader div.container div.contr {
height:75px;
background:url('/resources/images/search_popup/bg_tr.gif') no-repeat right 0;
}
#spHeader h1 {
float:left;
padding:0 0 0 0;
}
#spHeader h2 {
float:right;
padding:5px 24px 0 0;
}
#spWrapper #spContainer {
position:absolute;
top:63px;
right:10px;
bottom:39px;
left:22px;
/* overflow:hidden; */
}
#spWrapper #spSidebar {
position:absolute;
top:0px;
bottom:0;
left:0;
width:279px;
padding-right:2px;
overflow:hidden;
overflow-x:hidden;
border: 0px solid black;
}
#spWrapper #spSidebar .container {
position:relative;
width:100%;
height: 100%;
border: 0px solid yellow;
}
#spWrapper #spContent,
#spWrapper .spContents {
position:absolute;
top:0;
right:0;
left:295px;
margin-right:5px;
/*overflow:hidden;
overflow-y:hidden;
width: 950px;*/
}
#spWrapper #spContent #contBoxMain {
overflow:hidden;
overflow-y:hidden;
}
#spWrapper #spContent .container {
position:relative;
width:100%;
height: 100%;
overflow:hidden;
}
div.lineType {
position:relative;
width:990px;
height:550px;
background:#fff;
font-size:9px;
overflow:auto;
}
#spFooter {
position:absolute;
bottom:0;
left:0;
clear:left;
width:100%;
height:27px;
color:#fff !important;
background:url('/resources/images/search_popup/bg_bottom.gif') repeat-x 0 100%;
}
#spFooter .container {
background:url('/resources/images/search_popup/bg_br.gif') no-repeat 100% 100%;
}
#spFooter .copyright {
height:17px;
padding:10px 0 0 329px;
background:url('/resources/images/search_popup/bg_bl.gif') no-repeat 0 100%;
font-size:11px;
text-transform:uppercase;
color:#fff !important;
}
#spWrapper #closeButton {
position:absolute;
right:20px;
bottom:4px;
width:51px;
z-index:101;
}
#spWrapper #closeButton input {
display:block;
width:51px;
height:12px;
margin:0;
padding:0;
border:0;
background:transparent url('/resources/images/search/btn_close.gif') no-repeat 0 0;
text-indent:-999em;
cursor:pointer;
}
/* CONTENTS */
/* gnb */
#searchGnd {
position:absolute;
top:24px;
left:305px;
height:32px;
padding-left:38px;
overflow:hidden;
background:url('/resources/images/search_popup/gnbbg_l.gif') no-repeat 0 0;
}
#searchGnd ul {
float:left;
height:26px;
padding:6px 27px 0 0;
overflow:hidden;
background:url('/resources/images/search_popup/gnbbg_r.gif') no-repeat 100% 0;
}
#searchGnd ul li {
float:left;
background:url('/resources/images/search_popup/searchgnb_bar.gif') no-repeat 0 3px;
}
#searchGnd ul li.first {
background:none;
}
#searchGnd ul li a {
float:left;
display:block;
height:18px;
padding:0 20px;
overflow:hidden;
}
#searchGnd ul li a:focus,
#searchGnd ul li a:hover,
#searchGnd ul li a:active {
border:0px solid #eee;
}
#searchGnd ul li.on a img,
#searchGnd ul li a:focus img,
#searchGnd ul li a:hover img,
#searchGnd ul li a:active img {
margin-top:-18px;
}
#userTxt {
position:absolute;
top:21px;
left:180px;
width:120px;
height:29px;
padding-top:3px;
background:none;
}
div.time {
position:absolute;
top:20px;
right:174px;
width:120px;
height:29px;
}
/* search */
fieldset.search-w {
position:relative;
width:100%;
overflow:hidden;
}
fieldset.search-w h2 {
position:absolute;
top:0;
left:0;
height:31px;
overflow:hidden;
font-size:0;
line-height:0;
}
fieldset.search-w h2.tab2 {left:43px;}
fieldset.search-w h2.tab2-2 {left:75px;}
fieldset.search-w h2.tab3 {left:105px;}
fieldset.search-w h2.tab4 {left:167px;}
fieldset.search-w h2.tab5 {left:243px;}
fieldset.search-w h2 a:hover {border:0 solid #fff;}
fieldset.search-w h2 a:hover img, fieldset.search-w h2.on img {margin-top:-31px;}
/* search 01 */
div.search-desc {
margin-left:-3px;
padding:15px 0 10px;
border-top:1px solid #cfcfcf;
border-bottom:1px solid #cfcfcf;
background:#d7d7d7;
color:#6e6e6e;
font-size:11px;
text-align:center;
}
div.search-desc p {
padding-bottom:2px;
letter-spacing:-0.05em;
}
p.ps {
width:190px;
margin:6px auto 0;
padding-left:20px;
background:url('/resources/images/search_popup/bl_ps.gif') no-repeat 0 0;
color:#6e6e6e;
font-weight:bold;
}
/* search 02 */
dl.section-search {
float:left;
padding-left:0;
}
dl.section-search dt {
clear:both;
float:left;
width:43px;
color:#6e6e6e;
padding-top:6px;
font-weight:bold;
line-height:11px;
}
dl.section-search dd {
float:left;
width:143px;
padding-bottom:12px;
}
dl.section-search dd select {
width:100%;
margin-top:4px;
color:#6e6e6e;
font-size:11px;
font-family:'Gulim';
}
dl.section-search dd input.text {
width:78px;
padding:4px 0 0 5px;
border:1px solid #666;
background:#fff;
color:#666;
}
input.sect-srch-btn {
float:right;
}
div.s-result {
padding-top:13px;
border-top:1px solid #bcbcbc;
}
div.s-result h3 {
padding-left:14px;
background:url('/resources/images/search_popup/bl_resulttit.gif') no-repeat 0 4px;
color:#000;
font-weight:bold;
}
div.s-result h3 em {
color:#f60;
font-weight:bold;
}
div.s-result h3 span {color:#0c9;}
table.datast1 {
width:100%;
margin:0;
}
table.datast1 thead th {
border-bottom:1px solid #ccc;
border-left:1px solid #e9e9e9;
background:#d5d5d5;
color:#666;
font-size:11px;
font-weight:bold;
text-align:center;
height:20px;
}
table.datast1 tbody td {
border-bottom:1px solid #d5d5d5;
border-left:1px solid #d5d5d5;
color:#333;
font-size:11px;
text-align:center;
font-weight:bold;
height:20px;
}
table.datast1 thead th.fir, table.datast1 tbody td.fir {border-left:none;}
/* other style */
table.datast1.tst2 {margin-top:10px;}
table.datast1.tst2 thead th {
height:28px;
padding:2px 0 0;
background:#e9e9e9;
border-left:1px solid #fff;
border-bottom:1px solid #ccc;
line-height:13px;
}
table.datast1.tst2 tbody td {
padding:4px 0;
border-color:#e9e9e9;
}
table.datast1 tbody td a {
color:#333;
}
table.datast1_down {
width:100%;
margin:0;
}
table.datast1_down thead th {
height:0;
}
table.datast1_down tbody td {
border-bottom:1px solid #d5d5d5;
border-left:1px solid #d5d5d5;
color:#333;
font-size:11px;
text-align:center;
font-weight:bold;
height:20px;
}
table.datast1_down thead th.fir, table.datast1_down tbody td.fir {border-left:none;}
/* other style */
table.datast1_down.tst2 {margin-top:10px;}
table.datast1_down.tst2 thead th {
height:28px;
padding:2px 0 0;
background:#e9e9e9;
border-left:1px solid #fff;
border-bottom:1px solid #ccc;
line-height:13px;
}
table.datast1_down.tst2 tbody td {
padding:4px 0;
border-color:#e9e9e9;
}
table.datast1_down tbody td a {
color:#333;
}
/* paging */
div.result-in2 div.paging {
margin-top:0;
padding-top:0;
background:none;
}
div.paging a, div.paging strong {
display:inline-block;
padding-left:5px;
background:url('/resources/images/search_popup/paging_bar.gif') no-repeat left 9px;
}
div.paging a.prev, div.paging a.next, div.paging a.fir {background:none;}
div.paging strong {font-weight:bold;}
div.paging span.pages { margin:0 2px; }
div.linebox {width:120px;}
div.searchresult-w {
position:relative;
margin:10px 0 0;
padding-top:5px;
color:#6e6e6e;
background:url('/resources/images/search_popup/resultlinebg.gif') repeat-x 0 0;
height: 80%;
border: 0px solid blue;
}
div.searchresult-w.on, div.on div.searchresult-w {display:block;}
div.searchresult-w h3 {
color:#000;
text-align:center;
font-weight:bold;
}
div.searchresult-w h3 span {
padding-left:15px;
background:url('/resources/images/search_popup/bl_tresualtit.gif') no-repeat 0 0;
}
div.searchresult-w h3 span span {
padding-left:0;
padding-right:15px;
background:url('/resources/images/search_popup/bl_tresualtit.gif') no-repeat right 0;
}
div.searchresult-w h3 em {
color:#f30;
font-weight:bold;
}
div.searchresult-w h4 {
padding-left:30px;
padding-top:4px;
background:url('/resources/images/search_popup/bar_result.gif') no-repeat 0 0;
color:#000;
font-weight:bold;
line-height:18px;
}
div.searchresult-w h4 em {
color:#ffffff;
font-weight:bold;
}
div.searchresult-w h5 {
padding-left:30px;
padding-top:4px;
background:url('/resources/images/search_popup/bar_result_nomal.gif') no-repeat 0 0;
color:#000;
font-weight:bold;
line-height:18px;
}
div.searchresult-w h5 em {
color:#ffffff;
font-weight:bold;
}
div.result-in {
margin:10px 0 0 0;
padding:11px 2px;
border:2px solid #bcbcbc;
background:#fff;
}
dl.station {
overflow:hidden;
width:100%;
padding-bottom:10px;
}
dl.station dt {
float:left;
width:75px;
margin-bottom:8px;
padding:4px 0 0;
color:#333;
font-weight:bold;
line-height:12px;
border:1px solid #fff;
}
dl.station dd {
float:left;
width:63%;
margin-bottom:8px;
border:1px solid #fff;
}
dl.station dd input {
width:120px;
padding:3px 0 2px;
}
div.result-in2 {
overflow:hidden;
height:expression(document.documentElement.clientHeight - 290);
margin:2px 0 0 0;
padding:2px 0 2px;
border:2px solid #bcbcbc;
background:#fff;
}
div.result-in4 {
overflow:hidden;
height:expression(document.documentElement.clientHeight - 250);
margin:2px 0 0 0;
padding:2px 0 2px;
border:2px solid #bcbcbc;
background:#fff;
}
div.result-in5 {
overflow:hidden;
height:expression(document.documentElement.clientHeight - 290);
margin:2px 0 0 0;
padding:2px 0 2px;
border:2px solid #bcbcbc;
background:#fff;
}
div.result-in6 {
overflow:hidden;
height:expression(document.documentElement.clientHeight - 300);
margin:2px 0 0 0;
padding:2px 0 2px;
border:2px solid #bcbcbc;
background:#fff;
}
div.result-in7 {
overflow:hidden;
height:expression(document.documentElement.clientHeight - 310);
margin:2px 0 0 0;
padding:2px 0 2px;
border:2px solid #bcbcbc;
background:#fff;
}
div.result-in2 div, div.result-in3 div, div.result-in5 div, div.result-in6 div { /*div.result-in4 div 제거*/
margin-top:1px;
padding-top:4px;
background:url('/resources/images/search_popup/dotline.gif') repeat-x 0 top;
}
div.result-in2 div.fir, div.result-in3 div.fir, div.result-in4 div.fir, div.result-in5 div.fir, div.result-in6 div.fir {background:none;padding:0;margin:0;}
div.result-in2 h4, div.result-in4 h4, div.result-in5 h4, div.result-in6 h4 {
padding-left:20px;
padding-top:4px;
background:url('/resources/images/search_popup/bar_result.gif') no-repeat 0 0;
color:#000;
font-weight:bold;
line-height:18px;
text-align:left;
}
div.result-in2 h4 em, div.result-in4 h4 em, div.result-in5 h4 em, div.result-in6 h4 em {
color:#ffffff;
font-weight:bold;
text-align:left;
}
div.result-in4 span.nmRsltBySta {
/*position:absolute;
left:140px;*/
margin-left: 25px;
color:#ff7e00;
}
div.result-in4 span.nmRsltByNo {
position:absolute;
left:135px;
color:#ff7e00;
}
div.result-in4 span.nmRsltRouteNm {
position:absolute;
left:130px;
color:#ff7e00;
}
div.result-in4 span.nmRsltRouteNm1 {
position:absolute;
left:130px;
color:#ff7e00;
}
div.result-in4 span.nmRsltRouteNm2 {
position:absolute;
left:130px;
color:#ff7e00;
}
div.result-in4 span.nmRsltRouteNm4 {
position:absolute;
left:130px;
color:#ff7e00;
}
div.result-in7 span.nmRsltRouteNm5 {
position:absolute;
left:130px;
color:#ff7e00;
}
div.resultRouteInfo {
margin-top:1px;
padding-top:4px;
background:url('/resources/images/search_popup/dotline.gif') repeat-x 0 top;
position:absolute;
bottom:1px;
width:275px;
}
div.resultRouteInfo2 {
margin-top:1px;
padding-top:4px;
background:url('/resources/images/search_popup/dotline.gif') repeat-x 0 top;
position:absolute;
bottom:1px;
width:275px;
}
div.resultRouteInfo3 {
margin-top:1px;
padding-top:4px;
background:url('/resources/images/search_popup/dotline.gif') repeat-x 0 top;
position:absolute;
bottom:1px;
width:275px;
}
div.resultRouteInfo4 {
margin-top:1px;
padding-top:4px;
background:url('/resources/images/search_popup/dotline.gif') repeat-x 0 top;
position:absolute;
bottom:1px;
left:2px;
width:275px;
}
.r-cont {
display:block;
text-align:center;
}
.r-cont em {
padding-right:3px;
color:#c00;
font-weight:bold;
}
/**/
#busInfo {
width:993px; /*930*/
height:105px;
padding-bottom:38px;
overflow:hidden;
ovweflow-y:hidden;
}
div.busnum,
div.busname,
div.businfo,
div.bustime,
div.bustime2,
div.busguide {
float:left;
margin:0 2px 0 2px;
background:url('/resources/images/search_popup/businfobg_r.gif') no-repeat right 0;
}
#busInfo div.binfo-l {
height:84px;
background:url('/resources/images/search_popup/businfobg_l.gif') no-repeat left 0;
}
div.busnum {
width:162px;
}
div.busname {
width:202px;
}
div.businfo {
width:237px;
}
div.bustime {
width:140px; /*150*/
}
div.bustime2 {
width:110px; /*150*/
}
div.busguide {
width:272px;
margin-right:0;
}
/* busnum */
div.numbox {
width:152px;
height:53px;
margin:5px 3px 0 5px ;
padding:5px 0 0;
background:url('/resources/images/search_popup/numboxbg.gif') no-repeat 0 0;
text-align:center;
font-family:sans-serif;
font-size: 28px;
color: white;
font-weight: bold;
}
div.namebox {
width:192px;
height:53px;
margin:15px 3px 0 5px ;
padding:20px 0 10px 0;
background:url('/resources/images/search_popup/nameboxbg.gif') no-repeat 0 0;
text-align:center;
font-family:sans-serif;
font-size: 24px;
letter-spacing:-2px;
color: white;
font-weight: bold;
}
div.busnum h4 {padding:5px 0 2px 5px;}
div.numbox img {vertical-align:middle;}
/* bus infomarion */
div.businfo div div {
float:left;
width:116px; /*136*/
}
div.businfo div div.bi-up {padding-left:5px;}
div.businfo div div h4 {padding:15px 0 0 10px;}
div.businfo div div.bi-up h4 {background:url('/resources/images/search_popup/bl_upline.gif') no-repeat 0 0;}
div.businfo div div.bi-down h4 {background:url('/resources/images/search_popup/bl_downline.gif') no-repeat 0 0;}
div.businfo dl {
overflow:hidden;
margin:7px 0 0 0px;
line-height:12px;
}
div.businfo dl dt {
float:left;
margin-bottom:3px;
}
div.businfo dl dd {
float:left;
width:75px;
padding:1px 0 0 3px;
margin:0 0 6px;
}
div.lineguide {
/* position:absolute;
left:24px; */
bottom:108px;
margin:10px 0 0;
padding:10px;
border:1px solid #d2d2d2;
background:#fafafa;
z-index:500;
}
div.lineguide h4 {
color:#000;
font-weight:bold;
}
div.lineguide h4 em {
color:#f30;
font-weight:bold;
}
table.datast2 {
width:100%;
margin-top:10px;
border:1px solid #ccc;
}
table.datast2 th {
padding:5px 0 4px;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
background:#f5f5f5;
text-align:center;
}
table.datast2 td {
padding:4px 0 3px 8px;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
font-size:11px;
font-family:'verdana';
font-weight:bold;
}
div.timeinfo2 {
width:80px;
height:43px;
margin:3px auto;
padding:5px 0 0;
/*background:url('/resources/images/search_popup/timeinfo_d.gif') no-repeat center;*/
border-top:1px solid #d9d9d9;
text-align:center;
}
/* bus time */
div.timeinfo {
width:125px;
height:43px;
margin:5px auto;
padding:5px 0 0;
/*background:url('/resources/images/search_popup/timeinfo_d.gif') no-repeat center;*/
border-top:1px solid #d9d9d9;
text-align:center;
}
div.timeinfo strong, div.timeinfo span {
font-size:0;
text-indent:-9999px;
}
div.timeinfo em {
display:inline-block;
margin-bottom:5px;
color:#fff;
font-size:11px;
}
div.timeinfo em.num {
margin-left:-13px;
padding:1px 5px 7px 10px;
/*background:url('/resources/images/search_popup/timeinfobg_l.gif') no-repeat 0 0;*/
}
div.timeinfo em.minit {
margin-left:-8px;
padding:1px 10px 7px 0;
/*background:url('/resources/images/search_popup/timeinfobg_r.gif') no-repeat right 0;*/
}
div.bc-info2 {
padding-top:8px;
padding-bottom:0px;
text-align:center;
}
div.bc-info {
padding-top:10px;
text-align:center;
}
/* bus guide */
div.busguide div {padding-top:3px;}
div.busguide div div {
overflow:hidden;
width:254px;
padding:3px 0 0 11px;
}
div.busguide h4 {
float:left;
width:42px;
padding-top:5px;
}
div.busguide ul {
float:right;
width:200px;
padding:1px 0 3px 8px;
background:#fff;
}
div.busguide ul li {
float:left;
padding:3px 3px 0 0;
font-size:0;
line-height:0;
}
/* infomation collection */
div.info-collection {
clear:both;
padding:3px 0 0 4px;
font-size:11px;
}
div.info-collection select {
color:#a9a8a9;
font-size:11px;
}
/* bus line box */
div.lineinfo {
text-align:left;
background:#fff;
width:916px;
position:relative;
height:expression(document.documentElement.clientHeight - 200);
overflow:hidden;
overflow-x:hidden;
margin-left: 0px;
padding-left: 20px;
}
div.lineinfoPop {
text-align:left;
background:#fff;
position:relative;
overflow:hidden;
overflow-x:hidden;
overflow-y:hidden;
margin-top:10px;
margin-left:0px;
}
/* search02 result */
ul.line-list {
overflow:hidden;
width:100%;
margin:6px 0 20px;
border-bottom:1px solid #ccc;
}
ul.line-list li {
clear:both;
float:left;
width:100%;
padding:4px 0 1px;
border-top:1px solid #ccc;
color:#333;
font-size:11px;
}
ul.line-list li img {
float:left;
vertical-align:middle;
}
ul.line-list li em {
width:44px;
padding-top:1px;
font-weight:bold;
text-align:center;
float:left;
}
ul.line-list li span.ct {
float:left;
line-height:16px;
}
ul.line-list li span.btn {
float:right;
}
ul.line-list2 {
overflow:hidden;
width:100%;
margin-top:6px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}
ul.line-list2 li {
float:left;
width:120px;
padding:3px 0 4px;
margin-left:2px;
}
ul.line-list2 li img {vertical-align:middle;}
ul.line-list2 li em {
display:inline-block;
padding:2px 0 0 5px;
color:#333;
font-size:11px;
font-weight:bold;
}
ul.linedesc {
margin-bottom:20px;
padding:1px 0 10px 9px;
border-bottom:1px solid #ccc;
}
ul.linedesc li {
margin-top:6px;
font-size:11px;
}
ul.linedesc img {
display:inline-block;
margin:-2px 4px 0 0;
vertical-align:middle;
}
table.datast3 {
width:100%;
margin:6px 0 -8px;
border-top:1px solid #ccc;
}
table.datast3 thead th, table.datast3 tbody td {
padding:5px 0 3px;
border-bottom:1px solid #ccc;
color:#333;
font-size:11px;
font-weight:bold;
text-align:center;
}
table.datast3 thead th {background:#f7f7f7;}
table.datast3 tbody td {color:#666;}
p.tbps {
margin:13px 0 -12px;
padding-left:8px;
background:url('/resources/images/search_popup/bl_star.gif') no-repeat 0 4px;
font-size:11px;
line-height:16px;
letter-spacing:-0.1em;
}
div.map-wrapper {
/*update by seek4ume 20100708*/
position:relative;
margin-left: 2px;
min-width:776px;
width:870px;
min-height:680px;
height:100%;
}
div#controller {
position:relative;
width:100%;
min-width: 1000px;
overflow:hidden;
background:url('/resources/images/search_popup/bg_controller.gif') repeat-x 0 0;
}
div#controller .cntrlr-contnr {
padding-left:5px;
background:url('/resources/images/search_popup/bg_controller_l.gif') no-repeat 0 0;
}
div#controller .cntrlr-cont {
height:36px;
padding:4px 5px 0 0;
overflow:hidden;
background:url('/resources/images/search_popup/bg_controller_r.gif') no-repeat 100% 0;
}
div#controller ul {
float:left;
display:inline;
}
div#controller div {
float:left;
display:inline;
}
div#keyRight {
margin-right:10px;
}
_div#keyCont {
float:left;
display:inline;
min-width: 80px;
background:url('/resources/images/search_popup/bg_keyword_c.gif') repeat-x 0 0;
color: white;
height: 40px;
font-size: 21px;
font-weight: bold;
text-align: center;
vertical-align: middle;
padding: 2px 2px 2px 2px;
}
div#controller ul li {
float:left;
display:inline;
}
ul.d-control li {
margin-right:0px;
}
ul.d-control li.st2 {
margin-left:0px;
}
ul.busline {
margin-left:10px;
margin-right:10px;
}
ul.busline li {
margin-right:0px;
}
div#controller .refresh {
float:right;
}
div.map-w {
position:relative;
width:expression(document.documentElement.clientWidth - 266);
min-height:620px;
min-width: 870px;
border:1px solid #b2b2b2;
overflow:hidden;
}
div.map-w div.map {
position:relative;
top:0;
left:0;
z-index:1;
height:expression(document.documentElement.clientHeight - 210);
min-height:620px;
height:90%;
min-width: 870px;
}
div.zoom-w {
position:absolute;
width:164px;
height:148px;
top:8px;
right:8px;
background:url('/resources/images/search_popup/zoombg.png') no-repeat 0 0;
z-index:100;
}
div.zoom-w a {
display:block;
position:absolute;
left:9px;
padding:2px 5px;
}
div.zoom-w a.zoomin {top:5px;}
div.zoom-w a.zoomout {bottom:7px;}
div.zoom-w span {
position:absolute;
top:50px;
left:9px;
}
div.zoom-w div.zmap{
position:absolute;
top:9px;
right:16px;
}
/* search_b */
div.detailtraffic {
min-width:914px;
/*width:expression(document.documentElement.thisWidth > 912 ? "100%" : '');*/
border:1px solid #c5c5c5;
}
div.detailtraffic div.dt-r {
position:relative;
overflow:hidden;
padding:8px 10px 8px 8px;
border:1px solid #d6d6d6;
background:#e1e1e1;
}
div.detailtraffic h3 {
float:left;
width:180px;
padding-top:6px;
text-align:center;
}
div.detailtraffic p {
float:left;
width:485px;
padding-left:14px;
border-left:1px solid #b1b1b1;
line-height:16px;
}
div.detailtraffic div.dt-r div.legend {
clear:both;
float:left;
width:100%;
height:18px;
margin-top:5px;
padding:3px 1px;
border:1px solid #c1c1c1;
background:#fff url('/resources/images/search_popup/dtinboxbg.gif');
text-align:center;
}
/*
div.detailtraffic ul {
float:left;
}
div.detailtraffic ul.linecate {padding:0 13px 0 0;}
div.detailtraffic ul li {
display:inline;
float:left;
margin-right:20px;
font-size:0;
line-height:0;
}
div.detailtraffic ul.linecate li {margin-right:30px;}
div.detailtraffic input {
position:absolute;
right:7px;
top:7px;
}
*/
div.detailtraffic div.legend ul,
div.detailtraffic div.legend ul li {
display:inline;
}
div.detailtraffic div.legend ul li { margin-right:20px; }
div.detailtraffic div.legend ul.linecate { margin-right:13px; }
div.detailtraffic div.legend ul.linecate li { margin-right:30px; }
div.detailtraffic div.legend img {
vertical-align:top;
}
div.detailtraffic input {
position:absolute;
right:7px;
top:7px;
}
h4.stit-st1 {
margin-top:25px;
padding-left:18px;
background:url('/resources/images/search_popup/bl_bluearrow.gif') no-repeat 3px 2px;
}
h4.stit-st2 {
margin-top:25px;
padding-left:18px;
background:url('/resources/images/search_popup/bl_redarrow.gif') no-repeat 3px 2px;
}
div.dt-contbox {
min-width:878px;
/*width:expression(document.documentElement.thisWidth > 876 ? "878px" : '');*/
margin-top:5px;
padding:0 18px 14px;
border:1px solid #dedede;
background:#fff;
}
div.dt-contbox ul {
overflow:hidden;
width:100%;
}
div.dt-contbox ul li {
float:left;
width:290px;
height:33px;
margin:15px 0 0;
background:url('/resources/images/search_popup/dtstation_nmbg.gif') no-repeat;
}
div.dt-contbox ul li div {
overflow:hidden;
height:100%;
}
div.dt-contbox ul li strong {
overflow:hidden;
display:inline;
float:left;
width:138px;
margin-right:10px;
color:#000;
line-height:25px;
}
div.dt-contbox ul li strong span {
display:inline-block;
width:23px;
height:23px;
margin:5px 5px 0 5px;
background:url('/resources/images/search_popup/numbg_up.gif') no-repeat;
color:#fff;
font-weight:bold;
text-align:center;
line-height:25px;
}
div.dt-contbox ul.downline li strong span {background:url('/resources/images/search_popup/numbg_down.gif') no-repeat;}
div.dt-contbox ul li span.scate {
position:absolute;
width:0;
height:0;
line-height:0;
font-size:0;
visibility:hidden;
}
div.dt-contbox ul li em {
display:block;
float:left;
padding:10px 20px 5px 47px;
line-height:16px;
font-weight:bold;
}
div.dt-contbox ul li.speed1 div {background:url('/resources/images/search_popup/bl_speed01.gif') no-repeat 174px 10px;}
div.dt-contbox ul li.speed1 em {background:url('/resources/images/search_popup/bl_speed01.gif') no-repeat right 10px;color:#45b500;}
div.dt-contbox ul li.speed2 div {background:url('/resources/images/search_popup/bl_speed02.gif') no-repeat 174px 10px;}
div.dt-contbox ul li.speed2 em {background:url('/resources/images/search_popup/bl_speed02.gif') no-repeat right 10px;color:#e0c500;}
div.dt-contbox ul li.speed3 div {background:url('/resources/images/search_popup/bl_speed03.gif') no-repeat 174px 10px;}
div.dt-contbox ul li.speed3 em {background:url('/resources/images/search_popup/bl_speed03.gif') no-repeat right 10px;color:#e98400;}
div.dt-contbox ul li.speed4 div {background:url('/resources/images/search_popup/bl_speed04.gif') no-repeat 174px 10px;}
div.dt-contbox ul li.speed4 em {background:url('/resources/images/search_popup/bl_speed04.gif') no-repeat right 10px;color:#b50002;}
div.dt-contbox ul li.speed5 div {background:url('/resources/images/search_popup/bl_speed05.gif') no-repeat 174px 10px;}
div.dt-contbox ul li.speed5 em {background:url('/resources/images/search_popup/bl_speed05.gif') no-repeat right 10px;color:#747474;}
/* map info contents */
div.mapinfobox {
background:url('/resources/images/search_popup/bg_popup_box01.gif') no-repeat left bottom;
z-index:60;
width:227px;
height:98px;
padding:30px 0 0 0;
margin:20px 5px 0 0;
}
div.mapinfobox ul {
margin-top:37px;
}
div.mapinfobox ul li {
margin-top:2px;
}
div.mapinfobox ul li.close img {
position:absolute;
right:20px;
top:57px;
}
div.mapinfobox2 {
background:url('/resources/images/search_popup/bg_popup_box021.gif') no-repeat left bottom;
z-index:60;
width:159px;
height:66px;
padding:25px 0 0 15px;
margin:5px 5px 0 5px;
}
div.mapinfobox2 ul {
margin:32px 0 0 7px;
}
div.mapinfobox2 ul li {
margin-top:0;
}
div.mapinfobox2 ul li.close img {
position:absolute;
right:30px;
top:37px;
}
div.mapinfobox3 {
background:url('/resources/images/search_popup/bg_popup_box02.gif') no-repeat left bottom;
z-index:101;
width:210px;
height:70px;
padding:25px 0 0 15px;
margin:5px 5px 0 5px;
display: none;
position:absolute;
top: 0px;
right: 100px;
}
div.mapinfobox4 {
background:url('/resources/images/search_popup/bg_popup_box02.gif') no-repeat left bottom;
z-index:60;
width:210px;
height:70px;
padding:25px 0 0 15px;
margin:5px 5px 0 5px;
}
div.mapinfobox4 ul {
margin:32px 0 0 0;
}
div.mapinfobox4 ul li {
margin-top:0;
}
div.mapinfobox4 ul li.close img {
position:absolute;
right:30px;
top:37px;
}
/* 실시간버스위치확인 */
ol.rt-line {
width:859px;
padding-left:18px;
padding-right:41px;
overflow:hidden;
}
ol.rt-line img {
vertical-align:top;
}
ol.rt-line li {
position:relative;
float:left;
width:60px;
height:84px;
overflow:visible;
}
ol.rt-line li.last {
width:19px;
}
ol.rt-line li.linebreak {
width:19px;
}
ol.rt-line li.newline {
clear:none;
}
ol.rt-line li.dir-rtl {
float:right;
}
ol.rt-line li .line-up,
ol.rt-line li .line-down {
position:absolute;
top:36px;
left:0;
width:60px;
height:19px;
z-index:-1;
text-indent:-999em;
}
ol.rt-line li.linebreak .line-up,
ol.rt-line li.linebreak .line-down {
width:19px;
height:100%;
}
ol.rt-line li.last .line-up,
ol.rt-line li.last .line-down {
width:19px;
}
ol.rt-line li .busstop {
position:absolute;
top:38px;
left:2px;
z-index:1;
cursor:hand;
}
ol.rt-line li .busstopTurn {
position:absolute;
top:33px;
left:0px;
z-index:1;
cursor:hand;
}
ol.rt-line li.dir-rtl .busstopTurn {
position:absolute;
top:33px;
left:35px;
z-index:1;
cursor:hand;
}
ol.rt-line li .busstopStart {
position:absolute;
top:33px;
left:2px;
z-index:1;
cursor:hand;
}
ol.rt-line li .busstopEnd {
position:absolute;
top:33px;
left:2px;
z-index:1;
cursor:hand;
}
ol.rt-line li.newline .busstopEnd {
position:absolute;
top:33px;
left:40px;
z-index:1;
cursor:hand;
}
ol.rt-line li.dir-rtl .busstop {
right:2px;
left:auto;
}
ol.rt-line li .bus {
position:absolute;
top:18px;
left:-1px;
}
ol.rt-line li .busstop-name {
position:absolute;
top:55px;
left:0px;
font-size:11px;
letter-spacing:-1px;
white-space:nowrap;
z-index:3;
font-weight:bold;
}
ol.rt-line li .busstop-stno {
position:absolute;
top:65px;
left:0px;
font-size:10px;
letter-spacing:-1px;
white-space:nowrap;
z-index:3;
font-weight:bold;
}
ol.rt-line li .busstop-stno2 {
position:absolute;
top:65px;
left:0px;
font-size:10px;
letter-spacing:-1px;
white-space:nowrap;
z-index:3;
font-weight:bold;
}
ol.rt-line li .busstop-name2 {
position:absolute;
top:55px;
left:0px;
font-size:11px;
letter-spacing:-1px;
white-space:nowrap;
z-index:3;
font-weight:bold;
}
ol.rt-line li.dir-rtl .busstop-name {
left:46px;
}
ol.rt-line li.dir-rtl.linebreak .busstop-name {
left:19px;
}
ol.rt-line li.dir-rtl .busstop-stno {
left:46px;
}
ol.rt-line li.dir-rtl.linebreak .busstop-stno {
left:19px;
}
ol.rt-line li .line-start,
ol.rt-line li .line-end {
position:absolute;
top:20px;
left:2px;
z-index:2;
}
ol.rt-line li .line-end2 {
position:absolute;
top:20px;
left:42px;
z-index:2;
}
ol.rt-line li .turningpoint {
position:absolute;
top:35px;
left:-3px;
z-index:2;
}
ol.rt-line li .turningpoint2 {
position:absolute;
top:35px;
left: 38px;
z-index:2;
}
ol.rt-line li .traffic-ok,
ol.rt-line li .traffic-slow,
ol.rt-line li .traffic-no,
ol.rt-line li .traffic-jam {
display:block;
position:absolute;
top:43px;
left:2px;
width:60px;
height:4px;
font-size:0; /*IE6에서 height부분 최소 값 파기*/
z-index:0;
background-color:#45b500;
text-indent:-999em;
}
ol.rt-line li .traffic-slow {
background-color:#e98400;
}
ol.rt-line li .traffic-jam {
background-color:#b50002;
}
ol.rt-line li .traffic-no {
background-color:#999999;
}
ol.rt-line li.linebreak .traffic-ok,
ol.rt-line li.linebreak .traffic-slow,
ol.rt-line li.linebreak .traffic-no,
ol.rt-line li.linebreak .traffic-jam {
left:7px;
width:4px;
height:100%;
}
ol.rt-line li.dir-rtl .traffic-ok,
ol.rt-line li.dir-rtl .traffic-slow,
ol.rt-line li.dir-rtl .traffic-no,
ol.rt-line li.dir-rtl .traffic-jam {
left:-2px;
}
ol.rt-line li.dir-rtl.linebreak .traffic-ok,
ol.rt-line li.dir-rtl.linebreak .traffic-slow,
ol.rt-line li.dir-rtl.linebreak .traffic-no,
ol.rt-line li.dir-rtl.linebreak .traffic-jam {
left:7px;
}
/*
ol.rt-line li .speed {
position:absolute;
top:58px;
left:0;
display:block;
float:left;
height:22px;
padding-left:6px;
background:transparent url('/resources/images/search_popup/bg_speed_l.gif') no-repeat 0 4px;
}
ol.rt-line li .speed span {
display:block;
padding-right:6px;
background:transparent url('/resources/images/search_popup/bg_speed_r.gif') no-repeat 100% 4px;
}
ol.rt-line li .speed span span {
height:14px;
padding:6px 0 2px;
background:transparent url('/resources/images/search_popup/bg_speed_tip.gif') no-repeat 50% 0;
font-size:11px;
line-height:14px;
white-space:nowrap;
}
*/
ol.rt-line li .speed {
position:absolute;
top:58px;
left:10px;
display:block;
float:left;
height:22px;
padding-left:6px;
background:white url('/resources/images/search_popup/bg_speed_l.gif') no-repeat 0 4px;
z-index: 15;
}
ol.rt-line li .speed span {
display:block;
padding-right:6px;
background:transparent url('/resources/images/search_popup/bg_speed_r.gif') no-repeat 100% 4px;
}
ol.rt-line li .speed span span {
height:14px;
padding:6px 0 2px;
background:transparent url('/resources/images/search_popup/bg_speed_tip.gif') no-repeat 50% 0;
font-size:11px;
line-height:14px;
white-space:nowrap;
}
.search-wrap {
overflow:hidden;
height: 100%;
top:0px;
bottom:0;
left:0;
border: 0px solid red;
}
.search-wrap ul.tab {
position:relative;
width:100%;
margin-bottom:-2px;
overflow:hidden;
font-weight:bold;
letter-spacing:-1px;
z-index:10;
}
.search-wrap ul.tab li {
float:left;
}
.search-wrap ul.tab li a {
float:left;
}
.search-wrap ul.tab li.tab-on a,
.search-wrap ul.tab li a:focus,
.search-wrap ul.tab li a:hover,
.search-wrap ul.tab li a:active {
border:0;
background:url('/resources/images/search_popup/tab_bg_l.gif') no-repeat 0 0;
text-decoration:none;
}
.search-wrap ul.tab li a span {
float:left;
height:29px;
padding:0 5px;
line-height:29px;
text-align:center;
}
.search-wrap ul.tab li.tab-on a span,
.search-wrap ul.tab li a:focus span,
.search-wrap ul.tab li a:hover span,
.search-wrap ul.tab li a:active span {
color:#fff;
background:url('/resources/images/search_popup/tab_bg_r.gif') no-repeat 100% 0;
cursor:pointer;
}
body.js .search-wrap .tab-cont {
display:none;
}
body.js .search-wrap .tab-cont.tab-on {
display:block;
height:100%;
}
div.searchbox {
width:100%;
overflow:hidden;
background:#e5e5e5 url('/resources/images/search_popup/searchbg_l.gif') repeat-y 0 0;
z-index:0;
}
div.searchbox div.searchbox-r {
zoom:1;
background:url('/resources/images/search_popup/searchbg_r.gif') repeat-y 100% 0;
}
div.searchbox div.searchbox-tl {
zoom:1;
background:url('/resources/images/search_popup/searchbg_tl.gif') no-repeat 0 0;
}
div.searchbox div.searchbox-tr {
zoom:1;
background:url('/resources/images/search_popup/searchbg_tr.gif') no-repeat 100% 0;
}
div.searchbox div.searchbox-bl {
zoom:1;
background:url('/resources/images/search_popup/searchbg_bl.gif') no-repeat 0 100%;
}
div.searchbox div.search-cont {
padding:20px 9px 9px;
overflow:hidden;
zoom:1;
background:url('/resources/images/search_popup/searchbg_br.gif') no-repeat 100% 100%;
}
div.linenum-search {
/* width:256px; */
margin:0 auto;
padding-bottom:11px;
/* border-bottom:1px solid #bcbcbc;*/
}
div.linenum-search strong {
display:inline-block;
width:27%;
padding-left:6px;
color:#6e6e6e;
font-weight:bold;
vertical-align:middle;
}
div.linenum-search input.text {
width:41%;
margin-right:2px;
padding:5px 0 0 5px;
border:1px solid #666;
background:#fff;
color:#666;
font-size:12px;
}
.businfowrap {position:absolute; width:200px; background:url(/resources/images/search_popup/bg_s.gif) no-repeat bottom;
display: none; z-index: 101;}
/* header ----------------------------- */
.businfowrap .header {height:32px; background:url(/resources/images/search_popup/topbg_s.gif) no-repeat top;}
.businfowrap .header h1 {padding:5px 0 0 25px;}
.businfowrap .header .closebtn {position:absolute; top:8px; left:182px;}
/* contents ----------------------------- */
.businfowrap .contents {height:auto; margin:8px 14px; padding-bottom:15px;}
.businfowrap .contents ul li.first-child {margin-top:-7px;} /* 첫번째 버스 정보 */
.businfowrap .contents ul li.last-child {border:none;} /* 마지막 버스 정보 */
.businfowrap .contents ul li {height:64px; font-size:90%; font-weight:bold; color:#666; border-bottom:1px solid #ccc; background:url(/resources/images/search_popup/busall.gif) no-repeat 21px 32px ;} /* 버스 정보 반복 */
.businfowrap .contents ul li dl dt {float:left; padding-top:15px; width:84px; text-align:center;}
.businfowrap .contents ul li dl dd {float:right; padding-top:27px;}
/* 20140519_한은희 추가 */
/* 실시간버스 툴팁 */
@font-face{
font-family:NanumGothic;
src:url('../images/NanumGothic.eot');
src:url('../images/NanumGothic.eot?#iefix') format('embedded-opentype'),
url('../images/NanumGothic.woff') format('woff'),
url('../images/NanumGothic.ttf') format('truetype');
url('../images/NanumGothic.svg#NanumGothic') format('svg')
src:local(※), url('../images/NanumGothic.woff') format('woff');
}
.tooltip_real{position:absolute;width:224px;font-size:12px;border:1px solid #555;color:#555;background:#fff;font-family:NanumGothic,'나눔고딕', '돋움','ng','sans-serif'}
.tooltip_real a.close{position:absolute;right:20px;top:15px;display:block;width:15px;height:15px;text-indent:-9999px;background:url(../images/location/bg_tooltip.png) no-repeat 0 0}
.tooltip_real h1{font-weight:bold;padding-left:20px;height:45px;line-height:45px;font-size:16px;border-bottom:1px solid #000}
.tooltip_real h2{font-weight:bold;border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:10px}
.tooltip_real h2 span{color:#e20d21}
.tooltip_real .tooltip_real_content{padding:10px 20px 20px 20px}
.tooltip_real .tooltip_real_content ul li{position:relative;display:block;height:22px;line-height:22px;margin-bottom:2px;background:url(../images/common/bl.gif) no-repeat 0 center;padding-left:10px}
.tooltip_real .tooltip_real_content ul li .tool_btn{position:absolute;right:0;*top:0;display:inline-block}
button{font-family:NanumGothic,'나눔고딕', '돋움','ng','sans-serif';padding:0;margin:0;border:0}
button::-moz-focus-inner,
input::-moz-focus-inner{border:0;padding:0;margin:0}
.w_btn_real{display:inline-block;margin:0;border:1px solid #999;cursor:pointer;color:#555;vertical-align:middle;font-size:12px;line-height:normal;background-color:#fff}
.w_btn_real span{display:block;padding:3px 10px;*padding:1px 9px}
a.w_btn_real{color:#555;*margin:0;text-decoration:none}
a.w_btn_real span{*padding:3px 10px 2px 10px}
.frontTime_black{
width:26px;height:26px;padding-right:1px;line-height:26px;text-align:center;
color:#000000;font-size:11px;font-family:dotum;letter-spacing:-1px;
background:url(../images/location/sp_map_v4_1.png) no-repeat -605px -200px;
overflow:hidden;display:block;z-index:10
}
.traffic_density1{
width:26px;height:26px;padding-right:1px;line-height:26px;text-align:center;
color:#00d25f;font-size:11px;font-family:dotum;letter-spacing:-1px;
background:url(../images/location/sp_map_v4.png) no-repeat -605px -135px;
overflow:hidden;display:block;z-index:10
}
.traffic_density2{
padding-right:1px;line-height:28px;text-align:center;
color:#0066ff;font-size:11px;font-family:dotum;letter-spacing:-1px;
background:url(../images/location/sp_map_v4.png) no-repeat -641px -134px;
overflow:hidden;display:block;z-index:10
}
.traffic_density3{
padding-right:1px;line-height:30px;text-align:center;
color:#f93;font-size:11px;font-family:dotum;letter-spacing:-1px;
background:url(../images/location/sp_map_v4.png) no-repeat -605px -167px;
overflow:hidden;display:block;z-index:10
}
.traffic_density4{
padding-right:0px;padding-top:4px;line-height:11px;text-align:center;
color:#f00;font-size:11px;font-family:dotum;letter-spacing:-2px;
background:url(../images/location/density4_3.png) no-repeat -1px 0px;
overflow:hidden;display:block;z-index:10
}
.color-density1{color: #00d25f !important;font-weight:bold;}
.color-density2{color: #0066ff !important;font-weight:bold;}
.color-density3{color: #f93 !important;font-weight:bold;}
.color-density4{color: #f00 !important;font-weight:bold;}