@charset "utf-8";     
.mainCont {position:relative; overflow:hidden; height:auto; width:90%; margin:20px auto 30px; }

.mainVisual{position:relative}
.mainVisual img{width:1920px; height:382px;}

/*공지*/ 
.notice{float:left; width:330px; }
.notice h3{height:23px; color:#282828; font:500 18px 'NotoL';}
.notice h3 span{float:right; padding:0px 5px 1px ; background:#a5a9ac; ; font:500 11px 'NotoL';  margin-top:5px;  letter-spacing:-0.02em;}
.notice h3 a{color:#fff;} 
.notice ul{margin-top:7px;}
.notice li{letter-spacing:-0.02em; font:500 12px 'Dotum';  background:url(../images/common/bg_bullet.png) no-repeat 2px -8px; padding: 3px 0 5px 7px; }
.notice li a{color:#5f5f5f;}
.notice li a:hover{color:#777;}
.notice li img{vertical-align:middle}
.notice li em{float:right; text-align:right; color:#b9b9b9; font:500 11px 'Dotum';   letter-spacing:0;}

.micon{float:left; margin-left:36px;}
.micon li{text-align:center;  width:142px;  height:140px; overflow:hidden;  float:left;  border-right:1px solid #eee; }
.micon li:last-child{border-right:none;}
.micon li span{display:block; width:132px; height:90px;}
.micon li span.list01{background:url(../images/main_icon_bg.png) no-repeat 33px 11px ;}
.micon li span.list02{background:url(../images/main_icon_bg.png) no-repeat -95px 0px;}
.micon li span.list03{background:url(../images/main_icon_bg.png) no-repeat -225px 10px;}
.micon li a{display:block; height:45px;  overflow:hidden;  letter-spacing:-1px; margin-top:10px;}
.micon li a strong{font:500 16px 'NotoL'; color:#2d2d2d}
.micon li a em{display:block; font:500 11px 'NotoL'; color:#b5b5b5;  }
.micon li a:hover{opacity:0.9}

.mbanner{float:left; margin-left:35px;}
.mbanner li{display:block; width:141px; border-radius:3px; padding:8px 13px 9px; letter-spacing:-1px; border:2px solid #3f699b}
.mbanner li:hover{opacity:0.8}
.mbanner li strong{color:#183569; font-size:16px;}
.mbanner li em{display:block; color:#b1b1b1; font-size:11px;  }
.mbanner li.bn01{background:url(../images/main_bn_bg.png) no-repeat 118px  11px;}
.mbanner li.bn02{background:url(../images/main_bn_bg.png) no-repeat 117px -49px; margin-top:12px;}

/*실시간 교통정보*/
.trf{clear:both; display:block; width:100%; height:89px;  background:url(../images/common/bg_horizon.png) repeat-x 0 -110px; border-top:8px solid #e1e1e1; border-bottom:8px solid #e1e1e1;}
.trfInfo{position:relative;  overflow:hidden;  width:1000px; height:89px; margin:0 auto;}
.trfInfo h3{width:75px; text-align:center; color:#FFF; font-size:22px;  padding:14px 0 0 0; letter-spacing:-2px; font-family:'NotoL'; word-break: keep-all; }
.trfInfo .up {position:absolute; top:5px; left:75px; background:url(../images/common/bg_horizon.png) no-repeat 100px -219px;} 
.trfInfo .down{position:absolute; top:61px; left:75px; background:url(../images/common/bg_horizon.png) no-repeat 110px -227px; }
.trfInfo ul{display:table; width:850px; }
.trfInfo ul li{display:table-cell; float:left; border-right: 1px solid #9ea6b3; text-align:center }
.trfInfo ul li a{display:none; }
.trfInfo ul li:hover a{display:block; color:#FFF; font-size:11px; }
.trfInfo ul li:last-child{border-right:none;}
.trfInfo .up li{margin-top:12px; height:14px;  }
.trfInfo .down li{margin-bottom:12px; height:14px;}
.trfInfo hr{position:absolute; top:44px; left:76px; width:84.3%; border:1px solid #fff799;}
.trfInfo .place{position:absolute; top:35px; left:75px;  background:red;}
.trfInfo .place span{border-radius:2px; font:500 11px 'Dotum'; letter-spacing:-2px; text-align:center;}
.trfInfo .place .gate{position:absolute; overflow:hidden; min-width:50px; color:#FFF; background:#5a5f63; border:1px solid #3e4041; padding:2px 4px 2px 2px;}
.trfInfo .place .tn{position:absolute; overflow:hidden; min-width:40px;  color:#516986; border:1px solid #646c6f; padding:2px 6px 2px 4px; box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2 );
	background:#4971a0\9;  /* For IE7,8 */
	background: -webkit-linear-gradient( top, #fdfefe, #fdfdfd 40%, #cfcfcf 70%,  #cecece 100%);  /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(top, #fdfefe, #fdfdfd 40%, #cfcfcf 70%,  #cecece 100%);  /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient( top, #fdfefe, #fdfdfd 40%, #cfcfcf 70%,  #cecece 100%);  /* For Firefox 3.6 to 15 */
	background: linear-gradient( to bottom, #fdfefe, #fdfdfd 40%, #cfcfcf 70%,  #cecece 100%);  /* Standard syntax (must be last) */ 
}