/* ¹è³Ê¸ðÀ½
	¼öÁ¤ 20181115 ¹ÝÀÀÇü 
	¹é¾÷ banner.css.20181115 
*/
#bannerCollectArea, #sitemapArea {
	}
#addMenuBanner { margin-top: 30px; }
#importantBanner, #bannerCollect , #mainBanner , #menuBanner , #addMenuBanner {
	float: none; 
	overflow: hidden; 
	width: auto; 
	background: none; 

}
#mainBanner .objTop2, #menuBanner .objTop2 , #addMenuBanner .objTop2{
    height: auto;
    padding: 0;
    background: none;
    border-radius: 4px;
    text-align: center;
    border: 1px solid #ccc;
    padding: 5px 0;
	background-color: #d2d2d2; 
	font-weight: bold; 
}
#mainBanner .objContent2, #menuBanner .objContent2 , #addMenuBanner .objContent2{
	float: none; 
	width: auto; 
	margin-top: 10px; 
	padding: 20px ; 
	background: none; 
	border: 1px solid #ccc; 
	border-radius: 10px; 
	box-sizing: border-box; 
}
#importantBanner .objContent2 , #bannerCollect .objContent2 ,  #addMenuBanner .objContent2 {
	
	}
	#importantBanner .banner , #bannerCollect .banner {
		float:left;
		display:inline;
		width:546px;
		padding-left:56px;
		}
	#menuBanner .sitemap , #addMenuBanner .sitemap , #addMenuBanner .banner {
		float: none; 
		width: auto; 
		display: block; 
		padding: 0; 
		border-bottom: 0; 
	}
	#importantBanner ul, #bannerCollect ul , #mainBanner ul , #menuBanner ul, #addMenuBanner ul {
		margin-left: -1%; 
		float: none; 
		}
	#importantBanner li , #bannerCollect li, #menuBanner li, #addMenuBanner li{
		line-height:180%;
		white-space:nowrap;
		text-overflow:ellipsis;
		}
		#importantBanner li img, #bannerCollect li img, #addMenuBanner li img {
			width:148px;
			height:38px;
			border:#ddd 1px solid;
			}
	#importantBanner h4 , #bannerCollect h4 , #mainBanner h4 , #menuBanner h4 , #addMenuBanner h4 {
		display:block;
		overflow:hidden;
		height:25px;
		margin-left:21px;
		text-align:center;
		color:#fff;
		font-size:14px;
		line-height:190%;

		}
	#importantBanner h4 , #bannerCollect h4 {
		width:148px;
		}
	#mainBanner h4, #menuBanner h4 , #addMenuBanner h4 {
		width:123px;
		}
		.importantTit {
			background:url(/images/banner/importantBannerTitBg.gif) no-repeat left top;
			}
		.bannerTit {
			background:url(/images/banner/bannerCollectTitBg.gif) no-repeat left top;
			}
		.bannerEtcTit {
				margin-left: 0; 
				padding: 0; 
				color: #333; 
				background: none; 
			}
	 #mainBanner ul.list {
		overflow:hidden;
		float:left;
		width:100%;
		}
	 #mainBanner .list li {
		float:left; 
		margin:3px 0 3px -3px;
		padding:5px 12px 5px 14px;
		white-space:nowrap;
		background: url(/images/banner/mainBannerBu.gif) no-repeat left 5px;
		}
	#menuBanner .depth01 {
		float: left; 
		width: 32%; 
		margin: 0 0 30px 1%; 
	}
	#menuBanner .depth01 div {
		display:block;
		margin:0;
		padding:4px 0;
		font-size:1em;
		color:#4d4d4d;
		font-weight:bold;
		text-align:center;
		}
		#menuBanner .depth01 div.title1 {
			border-top:2px solid #4ab8bd;
			border-bottom:2px solid #4ab8bd;
			}
		#menuBanner .depth01 div.title2 {
			border-top:2px solid #83b02c;
			border-bottom:2px solid #83b02c;
			}
		#menuBanner .depth01 div.title3 {
			border-top:2px solid #ee9521;
			border-bottom:2px solid #ee9521;
			}
		#menuBanner .depth01 div.title4 {
			border-top:2px solid #9c87b7;
			border-bottom:2px solid #9c87b7;
			}
		#menuBanner .depth01 div.title5 {
			border-top:2px solid #ea8391;
			border-bottom:2px solid #ea8391;
			}
		#menuBanner .depth01 div.title6 {
			border-top:2px solid #4dba9a;
			border-bottom:2px solid #4dba9a;
			}
		#menuBanner .depth01 div.title7 {
			border-top:2px solid #4d71ba;
			border-bottom:2px solid #4d71ba;
			}
		#menuBanner .depth01 div.title8 {
			border-top:2px solid #bc7733;
			border-bottom:2px solid #bc7733;
			}

		#menuBanner .depth01 div.title9 {
		border-top:2px solid #83b02c;
			border-bottom:2px solid #83b02c;
			}

		#menuBanner .depth01 div.title10 {
			border-top:2px solid #bc7733;
			border-bottom:2px solid #bc7733;
			}
		#menuBanner .depth01 div.title11 {
			border-top:2px solid #ea8391;
			border-bottom:2px solid #ea8391;
			}
	#menuBanner .depth01 ul {
		margin:10px 0 0 0;
		padding:0;
		background:#fff;
		}
	#menuBanner .depth01 ul.outline1 li{
		color:#4d4d4d;
		font-weight:bold;
		margin:0;
		padding:0 0 0 12px;
		background: url(/images/banner/menuBannerBu.gif) no-repeat left 5px;
		}
		#menuBanner .depth01 ul.outline1 li a{
			display:block;
			}
	#menuBanner .depth01 ul.outline1 li ul.depth02 {
		margin:0;
		padding:0;
		}
	#menuBanner .depth01 ul.outline1 li ul.depth02 li {
		width:130px;
		margin:0 0 0 5px;
		padding:0 5px 0 7px;
		font-weight:normal;
		white-space:nowrap;
		text-overflow:ellipsis;
		background:url(/images/banner/menuBannerBu2.gif) no-repeat left 8px;
		}
	

	#addMenuBanner li.depth01 {
		display: block;
		width: 160px;
		float: left;
		margin-bottom: 0;
	}
	#addMenuBanner li.depth01 div a {
		font-weight: bold;
		text-align: center;
		display: block;
		width: 100%;
		padding: 3px 0;
		border-top: 2px solid #656565;
		border-bottom: 2px solid #656565;
		margin-bottom: 5px;
	}
	#addMenuBanner .objContent2 .depth01 ul.outline1 {
		background: none;
		padding:0;
	}
		#addMenuBanner .objContent2 .depth01 ul.outline1 li {
			width: 100%;
			clear: both;
			float: left;
			margin: 0;
		}
		#addMenuBanner .objContent2 .depth01 ul.outline1 li a {
			font-weight: bold;
		}
	#addMenuBanner .depth01 ul.outline1 li ul.depth02 {
		background: none;
		padding:0;
		margin: 0;
		width: 100%;
		clear: both;
		float: left;
	}
	#addMenuBanner .depth01 ul.outline1 li ul.depth02 li {
		margin: 0 0 0 20px;
	}
		#addMenuBanner .depth01 ul.outline1 li ul.depth02 li a {
			font-weight: normal;
		}



@media screen and (min-width:1px) and (max-width:600px) {  
	#menuBanner .depth01 { 
		width: 49%; 

	}
	#menuBanner .depth01 ul.outline1 li a { 
		font-size: 13px; 
		font-size: 1.3rem; 
	}
}