@charset "utf-8";
/*교통정보*/
#traffic #container{ width:980px; margin:auto;}
#traffic #container .snb{ width:180px; float:left; margin-right:25px;}
#traffic #container .content{ width:775px; float:left; position:relative; min-height:500px; _height:500px; *min-height:500px;}
#traffic #container .newsMain{ width:570px; float:left}
#traffic #container .aside {width:180px; float:right;}
#traffic #container .aside .newsRtit01{ margin:0 0 10px 0}
#traffic #container .aside .newsRtit01 li{ background:url(/news/images/newsRbul01.gif) no-repeat 0 7px; padding:0 0 0 10px; line-height:18px}
#traffic #container .quickMenu{ position:absolute; left:800px; top:0px;}

#traffic .leftMenu .m1 li{ line-height:16px; color:#5b5b5b}
#traffic .leftMenu { background:url(/traffic/images/leftMenuBg.gif) repeat-y}
#traffic .leftMenu h3 { height:70px}
#traffic .leftMenu h3 img{ vertical-align:text-bottom}
#traffic .leftMenu .m1 ul li {background:url(/traffic/images/leftMenuOn.gif) no-repeat 0px 0px; padding:2px 0px 2px 20px; font-weight:bold}
#traffic .leftMenu a:link { color:#5b5b5b}
#traffic .leftMenu a:visited { color:#5b5b5b}
#traffic .leftMenu a:link.on { color:#ff5f00}
#traffic .leftMenu a:visited.on { color:#ff5f00}
#traffic .leftMenu .m1 ul li ul li{ background:url(/traffic/images/leftMenuOff.gif) no-repeat 0px 0px  !important; padding:2px 0px 2px 20px!important; margin:0 0 0 -20px; font-weight:normal}
#traffic .leftMenu .m1 ul li ul { background:url(/traffic/images/leftMenuBgTop.gif) no-repeat 0px 0px !important; margin:2px 0 0 0}
#traffic .leftMenu .bot{background:url(/traffic/images/leftMenuBot.gif) no-repeat bottom; min-height:50px; _height:50px; *min-height:50px;}



#traffic .leftLink li{ line-height:0px;}

#traffic .trafHead	{ height:25px; position:relative; border-bottom:1px #CCCCCC solid; margin:0 0 20px 0}
#traffic .trafHead .titTraffic{ position:absolute; top:5px; background:url(/traffic/images/bulTrafTit.gif) no-repeat 0px 3px; padding:0 0 0 15px; font-size:14px; font-weight:bold; color:#494949}
#traffic .trafHead .location{ position:absolute; float:right; right:0px; top:5px }
#traffic .trafHeadBox {width:775px; position:relative; margin:0 0 20px 0}
#traffic .trafHeadBox .top{background:url(/traffic/images/trafHeadBoxTop.gif) no-repeat; height:16px; font-size:0px; line-height:0px;}
#traffic .trafHeadBox .center{width:735px; background:url(/traffic/images/trafHeadBoxBg.gif) repeat-y; padding:0 20px;}
#traffic .trafHeadBox .center strong{ color:#ff5f00}
#traffic .trafHeadBox .bot{background:url(/traffic/images/trafHeadBoxBot.gif) no-repeat; height:16px; font-size:0px; line-height:0px;}
#traffic .trafHeadBox .center li{background:url(/traffic/images/trafHeadBoxBul.gif) no-repeat 0 7px; padding:0 0 0 7px; line-height:18px}
#traffic .trafHeadBox .center li li{ list-style:decimal; background:none; padding:0 0 0 0; margin:0 0 0 20px}
#traffic .trafHeadBox .btnRealTraf{ position:absolute; float:right; right:20px; top:35px; height:30px;}
#traffic .trafHeadBox input{border:#CCCCCC 1px solid; padding:1px;}


#traffic .realTrafficMap { border:#dadada 1px solid; margin:0 0 20px 0; padding:0 0 1px 0}
#traffic .carCCTVMap { border:#dadada 1px solid; margin:0 0 20px 0; padding:0 0 1px 0}

#traffic .content{width:725px; background:#ffffff; float:left}
#traffic .content .trpTab{ height:26px; position:relative}
#traffic .content .trpTab li{ float:left}
#traffic .content .trpTab .btnRealTraffic{width:132px; height:18px; position:absolute; right:155px; top:6px;}
#traffic .content .trpBox {border:#FF3300 2px solid; padding:12px; margin-bottom:20px; position:relative}
#traffic .content .trpBox .mapBtn{ width:278px; height:76px; position:absolute; left:17px; _left:5px;top:20px;}
#traffic .content .trpBox .mapBtn dd{ float:left}
#traffic .content .trpBox .mapBtn{}
#traffic .content .trpBox .mapBtn2{ width:161px; height:76px; position:absolute; left:17px; _left:5px;top:20px;}
#traffic .content .trpBox .mapBtn2 dd{ float:left}

#traffic .content .trpBox .mapBall{ width:438px; position:absolute; left:80px; top:45px;}
#traffic .content .trpBox .mapBall .top{ background:url(/traffic/images/main/bulTop.gif) no-repeat; width:438px; height:58px; font-size:0px; line-height:0px;}
#traffic .content .trpBox .mapBall .ctn{ background:url(/traffic/images/main/bulBg.gif) repeat-y; padding:0 30px}
#traffic .content .trpBox .mapBall li{background:url(/traffic/images/main/bul02.gif) no-repeat 0 7px; padding:0 0 0 10px; line-height:20px;}
#traffic .content .trpBox .mapBall .bot{ background:url(/traffic/images/main/bulBot.gif) no-repeat; width:438px; height:25px; font-size:0px; line-height:0px;}

#traffic .mainContent .sTab{ height:22px; position:relative; border-bottom:#ff6b00 solid 1px;}
#traffic .mainContent .sTab li{ float:left}
#traffic .mainContent .sBox{}
#traffic .mainContent .sBox .list { padding:6px 0}
#traffic .mainContent .sBox .list .ico{ width:40px; height:16px; float:left}
#traffic .mainContent .sBox .list .ctn{ width:680px; float:right; font-family:Doutm; font-size:12px; margin-bottom:7px; padding-top:2px;}
#traffic .mainContent .sBox .list .date{ width:500px;}