﻿@charset "utf-8";
/*
파일명 : main.css
기능설명: 수원시 메인 시안2
작성자 : 김이현
최초생성일 :	2012.10.29.
최종수정일 :	2012.10.30.
*/

* {
	-webkit-text-size-adjust:none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	margin:0;
	padding:0;
}

.both {clear:both}

body {
	position:relative;
	font-family:Arial, sans-serif;
	font-size: 12px;
	color: #333;
	min-height:415px;	
}
h1, h2, h3, h4, h5, h6{
	font-size:100%;
	font-weight:normal;
}
a{
	font-size: 13px;
	color: #000;
	text-decoration:none;
}
fieldset, img{
	border:0 none;
}
input, select{
	border:0;
	margin-left:0;
	margin-right:0;
	padding-left:0;
	padding-right:0;
}
ul, ol{
	list-style:none;
}
.none{
	display:none;
} 
.hidden{
	position: absolute;
	top:auto;
	left:-10000px;
	width: 0;
	height: 0;
	text-indent:-9000px;
	font-size: 0;
	overflow:hidden;
}
.ellipsis{
	overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

/*header*/
.header{
	position:relative;
	height:30px;
	line-height:30px;
	padding:9px 117px 10px 54px;
	background: url(../images/bg_top.png) repeat-x;
	background-size:1px 48px;
}
.homeBtn{
	position:absolute;
	top:2px;
	left:10px;
}
.searchInput{
	border:2px solid #657084;
	box-shadow:0px 1px 1px #fff;
}
.searchInput input{
	-webkit-appearance:none;
	width:100%;
	height:25px;
	background:#fefefe;
	border-radius:0;
}
.btnTop{
	position:absolute;
	top:9px;
	width:27px;
	height:30px;
}
.btnTop.topHome{
	right:40px;
}
.btnTop.topTotalmenu{
	right:10px;
}
.btnTop.searchBtn{
	right:87px;
}

/*내용*/
h2{
	height:30px;
	border:2px solid #2694d3;
	margin:0 10px;
	background: url(../images/banner.png) no-repeat top center;
	background-size:294px 30px;
}
.banner{}

 /*새소식*/
.tab{
	background:#373f4c;
}
 .tab ul{
 	position:relative;
	margin-top:-1px;
	padding:0 10px;
	border-bottom:1px solid #12151b;
	
 }
 .tab ul:after{
 	content:"";
	display:block;
	clear:both;
}
 .tab li{
 	float:left;
	margin-top:6px;
 }
 .tab li a{
 	position:relative;
	float:left;
}
.tab li span{
	display:block;
 	height:32px;
	line-height:32px;
	border-top:1px solid #12151b;
	border-left:1px solid #12151b;
	padding:0 6px;
	color:#fff;
 }
 .tab li.active span{
 	background:#2d99d7;
	borde-top:1px solid #023755;
	borde-left:1px solid #023755;
	border-bottom:none;
 }
 .tab li:last-child span{
 	border-right:1px solid #12151b;
 }
 .tab li ul{
 	width: 100%;
	position: absolute;
	top: 40px;
	left: 0;
	padding:0;
	border-top:3px solid #2d99d7;
	border-bottom:none;
	background:#ffffff;
 }
  .tab li ul:after{
 	content:"";
	display:block;
	clear:both;
}
.tab li ul  li{
  	float:none;
	 height:38px;
	 line-height:38px;
	 border-bottom:1px solid #d0d0d0;
	 margin:0;
	 padding:0 10px;
	 overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.tab li ul  li:last-child{
	/*border-bottom:none;*/
}
.tab li ul  li a{
	float:none;
	border:none !important;
}


/*베너*/
.banner{margin:30px 10px 10px 10px;border:2px solid #2d99d7;text-align:center}
.banner_img{width:290px;padding:5px;}

/*아이콘메뉴*/
.iconWrap{
	padding:0px 6px 4px 6px;
	background:white;
	overflow:auto;
}
.iconWrap li{
	float:left;
	width:65px;
	padding:9px 6px 5px 6px;
	text-align:center;
}
.iconWrap li a{
	display:block;
}

/*footer*/
.footer{
	border-top:1px solid #939393;
}
address{
	padding:10px 0px;
	border-bottom:1px solid #dfdfdf;
	background:#fafafa;
	text-align:center;
}
.footerMenu{
	width:220px;
	height:15px;
	margin:0 auto;
	padding:10px 0px 12px 0px;
}
.footerMenu li{
	float:left;
	width:50px;
	height:15px;
	padding-left:5px;
}
.footerMenu li:last-child{
	margin-right:0px;
}
.footerMenu li a{
	display:block;
}

.bor{border:1px solid red}


/*레이어팝업용 시작*/
#layer {
	position:absolute;
	z-index:8000;      
	display:none;
	left:0;
	top:0;
}
/*레이어팝업용 끝*/
 