/*기본 틀 설정*/
@media(min-width:768px){
	.mobile{
		display: none!important;
	}
	.content{
	width:100%;
	min-width: 800px;
	padding:0;
	margin: 0;
	}
	#main-sub{
		float:left;
		width:85%;
		background-color: #ffffff;
	}
	#sidebar-left, #main,#main-sub, #sidebar-right{
		min-height: 700px				
	}
	body{
		font-size: 14px!important;
	}
}
@media(max-width:768px){
	.web{
		display: none!important;
	}
	.content{
	width:100%;
	max-width: 1000px;
	padding:0;
	margin: 0;
	}
	#main-sub{
		float:left;
		width:100%;
		background-color: #ffffff;
	}
	#sidebar-left, #main,#main-sub, #sidebar-right{
		min-height: 500px				
	}
	body{
		font-size: 12px!important;
	}
}
.layoutBody{
	margin: 0;
	pause: 0;
}
#header{
	background-color: black;
	width:100%;
	height:50px;
	text-align: center;
}
#subHeader{
	background: rgb(109,109,109);
	width:100%;
	height:50px;
	text-align: center;
}
#sidebar-left{
	float:left;
	width:15%;
	background-color: #7f7f7f;
}
#main{
	background-color: #ffffff;
	width: 100%;
}
#main-sub{
	float:left;
	background-color: #ffffff;
}
#banner{
	clear:both;
	height: 50px;
	width: 100%;
	text-align: center;
	background-color: #ececec;
}
#footer{
	clear:both;
	height: 150px;
	width: 100%;
	text-align: center;
	background-color: #c0c0c0;
}

/*세부 틀 지정*/

.headerLogo{
	color: white; font-size: 30px; float: left;
}
.headerLogo span{
	color: white; font-size: 30px; float: left;
}

.headerFn{
	color: white; float: right;
}

.headerFn span{
	color: white; float: right; line-height: 50px; margin-right: 30px;
}

.headerFn span a{
	color: white;
	text-decoration: none;
	cursor: pointer!important;
}

.headerFn span a:HOVER {
	color: #ffff00;
}

.headerLogo span a {
	color: white;
	text-decoration: none;
	cursor: pointer!important;
}

/*드롭다운 메뉴*/
.menubar{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	padding-right: 200px;
}

.menubar ul{
	background: rgb(109,109,109);
	height:50px;
	list-style:none;
	margin:0;
	padding:0;
	float: right;
	cursor: pointer;
}

.menubar li{
	padding:0px;
	float: left;
}

.menubar li a{
	background: rgb(109,109,109);
	color:#cccccc;
	display:block;
	font-weight:normal;
	line-height:50px;
	margin:0px;
	padding:0px 25px;
	text-align:center;
	text-decoration:none;
}

.menubar li a:hover, .menubar ul li:hover a{
	background: rgb(71,71,71);
	color:#FFFFFF;
	text-decoration:none;
}

.menubar li ul{
	background: rgb(109,109,109);
	display:none; /* 평상시에는 드랍메뉴가 안보이게 하기 */
	height:auto;
	padding:0px;
	margin:0px;
	border:0px;
	position:absolute;
	width:200px;
	z-index:200;
	/*top:1em;
	/*left:0;*/
}

.menubar li:hover ul{
	display:block; /* 마우스 커서 올리면 드랍메뉴 보이게 하기 */
}

.menubar li li {
	background: rgb(109,109,109);
	display:block;
	float:none;
	margin:0px;
	padding:0px;
	width:200px;
}

.menubar li:hover li a{
	background:none;
}

.menubar li ul a{
	display:block;
	height:50px;
	font-size:12px;
	font-style:normal;
	margin:0px;
	padding:0px 10px 0px 15px;
	text-align:left;
}

.menubar li ul a:hover, .menubar li ul li:hover a{
	background: rgb(71,71,71);
	border:0px;
	color:#ffffff;
	text-decoration:none;
}

.menubar p{
	clear:left;
}


/*사이드메뉴*/

.side-menubar{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}

.side-menubar ul{
	background: rgb(109,109,109);
	height:50px;
	list-style:none;
	margin:0;
	padding:0;
}

.side-menubar li{
	padding:0px;
	list-style:none;
}

.side-menubar li a{
	background: rgb(109,109,109);
	color:#cccccc;
	display:block;
	font-weight:normal;
	line-height:50px;
	margin:0px;
	padding:0px 25px;
	text-align:center;
	text-decoration:none;
}
.side-menubar li a:HOVER{
	background: #575757;
}

/* 베너관련 */
.bannerFront {position: relative; width: 340px; height: 210px;  margin:0 auto; padding:0; overflow: hidden;}
.bannerFront ul {position: absolute; margin: 0px; padding:0; list-style: none; }
.bannerFront ul li {float: left; width: 340px; height: 210px; margin:0; padding:0;}
