﻿/* CSS Document */
/**2010.09.27.Janet**/
/***Tour MBC***/

/**General**/
*{
	padding:0;
	margin:0;
}
html{overflow-y:scroll;}
body{
	
	font-family:dotum, arial;
	font-size:9pt;
	line-height:20px;
	}
	#BodyInner{
		background:url(/newimg/inner_bg.jpg) repeat-x top;
		}

	#BodyInner{
		background:url(/red_img/inner_bg_r.jpg) repeat-x top;
		}
a {
	color:#636466;
	text-decoration:none;
}
img { 
	border-style:none;
}
ul,ol,li {
	list-style:none;
}
h1,h2,h3,h4,h5,h6{
	font-size:10pt;
}
p{
	padding:5px;
	}	
/***Main***/
#mainFlash{
	clear:both;
	background:url() no-repeat;
	height:394px;
	width:1004px;
	margin:0 auto;
}
#ban_bg{
	background:url(/newimg/banner_bg.jpg) repeat-x;
}

#ban_bg_r{
	background:url(/red_img/banner_bg.jpg) repeat-x;
}

#mainBanners{
	text-align:center;
	padding:0 0 0 0;
}
	#contentsMain{
		clear:both;
		width:980px;
		margin:0 auto;
		position:relative;
	}
		#contentsBox{
			overflow:hidden;
			width:980px;
			padding-top:5px;
		}
			#contentsBox #leftBox{
				float:left;
				width:200px;
			}
			#mainCont{
				float:right;
				width:760px;
				padding:10px;
			}
				#newsBox{
					float:left;
					width:410px;
					padding-bottom:12px;
				}
					#tabBox{
						overflow:hidden;
						border-bottom:1px solid #bdccd0;
						padding-right:7px;
					}
						#tabBox img{
							display:block;
						}
						#tabBox ul, #tabBox li{
							float:left;
						}
						#more{
							float:right;
						}
					.newsListBox{
						clear:both;
						padding:7px 0;
						overflow:hidden;
					}
						
						.newsListBox ul li{
							clear:both;
							padding:1px 5px 1px 20px;
							background:url(/images/dot_gray.gif) no-repeat 8px 9px;
							float:left;
							width:380px;
						}
							.newsListBox ul li .list{
								float:left;
								width:312px;
							}
								.newsListBox ul li .list a{
									color:#595959;
								}
								.newsListBox ul li .list a:hover{
									text-decoration:underline;
								}
							.newsListBox ul li .date{
								float:right;
								width:60px;
								color:#b9b9b8;
							}
				#mapBox{
					float:right;
					width:350px;
				}

					#tv_box{
						float:left;
						width:350px;
						height:282px;
						background:url(/images/tv_bg_top.jpg);
						background-position:top;
					}

					#tv_bt{
					width:350px;
					height:18px;
					
					}

					#tv_ul{
					list-style:none;
					width:178px;
					margin:0 auto;

					
					}

					#mov{
					width:246px;
					height:174px;
					margin-left:54px;
					margin-top:61px;

					
					}

					#tv_ul li{
					list-style:none;
					width:21px;
					height:18px;
					
					}



					#mapFlash{
						padding-top:5px;
					}
					#bnBox{
						padding-top:15px;
					}
						#bnBox img.bn{
							margin-right:12px;
						}
				#galleryBox{
					clear:both;
					width:764px;
					height:228px;
					overflow:hidden;
					background:url(/images/photo_bgn2.jpg) repeat-x;
					padding:15px 0 30px 0;
					}
				#galleryBox h3{
						font-size:0;
						padding:0 0 10px 20px;
					}
					#galleryBox ul{
						padding:0 14px;
					}
						#galleryBox ul li{
							float:left;
							background:url(/images/gallery_photobg.gif) no-repeat center 0;
							width:93px;
							padding:6px 14px;
						}
							#galleryBox ul li div{
								text-align:center;
								font-weight:bold;
								padding:5px 0;
								font-size:8.5pt;
								font-family:dotum;
								line-height:12pt;
							}
							#galleryBox ul li div a{
								color:#545454;
							}
							#galleryBox ul li .date{
								font-weight:normal;
								color:#9b9b9b;
								padding-top:2px;
							}
				
					


		#sideBar{
			position:absolute;
			left:993px;
			top:10px;
			width:63px;
			height:413px;
		}	
	
/***Inner***/
	#topbg{
		background:url(/newimg/top_bg.jpg) repeat-x;
	}

	#topbg_r{
		background:url(/red_img/top_bg_r.jpg) repeat-x;
	}

	#header{
		height:78px;
		width:1004px;
		margin:0 auto;
	}
	#header h1{
		float:left;
		width:243px;
	}
	#topNav{height:122px;
			
				background:url(/images/menu_bg.jpg) no-repeat top;
			
		}
		#topNav li {position:relative; float:left; padding:0px 5px 0px 5px;padding-top:41px;}
		#fav{
			float:left;
			right:50px;
			margin-right:50px;
			padding-right:1px;
			/*margin-right:0px;*/
			position:absolute;
		}

		#topNav a{
			padding:0;
			margin:0;
			float:left;
		}
		.innerImg{
			clear:both;
			text-align:center;
		}
	#container{
		clear:both;
		width:980px;
		margin:0 auto;
	}
	
	/****LEFT*****/
		#left{
			float:left;
			width:200px;
		}
			#leftNav{
				padding-bottom:10px;
				font-family:arial,dotum;
			}
			#leftNav img{
				display:block;
			}
				#leftNav ul{
					background:url(/images/left_bg.gif) no-repeat;
					padding:0 20px;
				}
					#leftNav ul li{
						font-weight:bold;
						height:34px;
						}
					#leftNav ul li a{
						color:#000;
						border-bottom:1px solid #dbdbdb;
						width:140px;
						height:27px;
						display:block;
						padding:6px 0 0px 20px;
					}
					#leftNav ul li a:hover{
						background:url(/images/left_over.gif) no-repeat;
						color:#FFF;
						border-bottom:none;
						height:34px;
					}
					.leftBn{
						clear:both;
						padding-bottom:8px;
					}
					#campTime{
						clear:both;
						background:url(/images/bn_campTime.gif) no-repeat;
						/*height:256px;*/
						padding:45px 20px 10px 45px;
						font-size:8pt;
						height:200px;
					}
						#campTime .time{
							height:23px;
							padding:3px 0 0 0;
						}
						#campTime .region{
							float:left;
							width:60px;
						}
						#campTime span.am{
							color:#0260e1;
						}
						#campTime span.pm{
							color:#ba0909;
						}
						
		#contentsInner{
			float:right;
			width:730px;
			padding:5px 10px 10px 30px;
		}
			#contentsInner table{
				margin:10px 0;
			}
				#contentsInner table tr td.tle{
					font-weight:bold;
					color:#FFF;
				}
		/****Registration****/
		#agreeBox{
			border:2px solid #dbecf4;
			padding:30px;
			margin-bottom:20px;
		}
			#agreeBox h3{
				font-size:9pt;
				padding-bottom:5px;
			}
			#agreeBox textarea{
				width:666px;
				border:1px solid #ccc;
				font-size:9pt;
				color:#333;
				padding:10px;
				margin-bottom:5px;
			}
			#agreeBox #textarea{
				width:666px;
				height:300px;
				border:1px solid #ccc;
				overflow:scroll;
				font-size:9pt;
				color:#333;
				padding:10px;
				margin-bottom:5px;
			}
		.tableBox{
			padding:20px;
		}
			.tableBox table{
				display:block;
				width:690px;
				border:2px solid #a5a5a5;
				border-width:2px 0;
			}
			
				.tableBox table tr td{
					border-bottom:1px solid #d6d6d6;
					padding:5px;
					color:#555;
				}
				.tableBox table tr td table{
					border-bottom:0px solid #d6d6d6;
					border-top:0px solid #d6d6d6;
					padding:5px;
					color:#555;
				}

					.tableBox table tr td.tle{
						font-weight:bold;
						background:#f7f7f7;
						text-align:center;
						color:#000;
						}

					.tableBox table input, .tableBox table select{
						border:1px solid #ccc;
						font-size:9pt;
						color:#333;
						padding:2px;
						height:16px;
					}
					.tableBox table select{
						height:21px;
						padding:1px;
					}
					.tableBox table textarea{
						border:1px solid #ccc;
						font-size:9pt;
						color:#333;
						padding:1px;
						width:480px;
					}
					 table input.w500{
						width:500px;
					}
					 table input.w400{
						width:400px;
					}
					 table input.w300{
						width:300px;
					}
					 table input.w200{
						width:200px;
					}
					 table input.w100{
						width:100px;
					}
					table input.w30{
						width:30px;
					}
					table input.w20{
						width:20px;
					}
					 table input.radioBt{
						border:none;
						vertical-align:middle;
					}
					.tableBox label{
						margin-right:10px;
					}
		/***Board****/
		#board{
			padding:10px 13px 10px 12px;
		}
			#board table{
				width:705px;
				background:url(/images/cont_table_tle.gif) no-repeat top;
				color:#515151;
				border-bottom:1px solid #aed4f8;
			}
			
			#board table tr td{
					background:url(/images/dotline_gray.gif) repeat-x bottom;
					padding:5px 7px;
					text-align:center;
				}
				#board table .tle{
					text-align:center;
					padding:0;
					}
					#board table tr td a{
						color:#515151;
					}
					#board table tr td a:hover{
						color:#06F;
						text-decoration:underline;
					}
				#board table .left{
					text-align:left;
				}
				#board table.innerTable{
					background:none;
					border:none;
					padding:0;
				}
						#board table.innerTable tr td{
							padding:0;
							background:none;
						}
						#board table textarea{
									border:1px solid #ccc;
									font-size:9pt;
									color:#333;
									padding:1px;
									width:630px;
								}
						#board table #contents{
								padding:10px 20px;
							}
/* added by Justin start*/

.board{
			padding:10px 13px 10px 12px;
		}
			.board table{
				width:705px;
				color:#515151;
				border-bottom:1px solid #aed4f8;
			}
			
			.board table tr td{
					background:url(/images/dotline_gray.gif) repeat-x bottom;
					padding:5px 7px;
					text-align:center;
				}
				.board table .tle{
					text-align:center;
					padding:0;
					}
					.board table tr td a{
						color:#515151;
					}
					.board table tr td a:hover{
						color:#06F;
						text-decoration:underline;
					}
				.board table .left{
					text-align:left;
				}
				.board table.innerTable{
					background:none;
					border:none;
					padding:0;
				}
						.board table.innerTable tr td{
							padding:0;
							background:none;
						}
						.board table textarea{
									border:1px solid #ccc;
									font-size:9pt;
									color:#333;
									padding:1px;
									width:630px;
								}
						.board table #contents{
								padding:10px 20px;
							}
/* add by Justin end */
					.reply{
						color:#047bbf;
						padding-left:3px;
					}
				.num{
					clear:both;
					text-align:center;
					padding:15px 0;
				}
					.num a{
						padding:0 5px;
					}
				.searchBox{
					text-align:center;
				}
				.searchBox input, .searchBox select{
							border:1px solid #aed4f8;
							font-size:9pt;
							color:#333;
							padding:2px;
							height:16px;
						}
						.searchBox select{
							height:21px;
							padding:1px;
						}
					.btRight{
						clear:both;
						text-align:right;
					}
			/***Photo gallery***/
				#board table ul#tab{
	}
		#board table ul#tab li{
			float:left;
			padding:0 10px;
			background:url(/images/cont_table_tle_dotline.gif) no-repeat right center;
		}
		#board table ul#tab li#on a{
			font-weight:bold;
			color:#09F;
		}
/* added by Justin start */
.board table ul#tab{
	}
		.board table ul#tab li{
			float:left;
			padding:0 10px;
	/*		background:url(/images/cont_table_tle_dotline.gif) no-repeat right center;*/
		}
		.board table ul#tab li#on a{
			font-weight:bold;
			color:#09F;
		}
/* added by Justin end */
		#photoList{
			padding:10px 0 0 10px;
			overflow:hidden;
		}
			#photoList ul li{
				float:left;
				width:134px;
				padding:10px;
				text-align:center;
				background:url(/images/photo_) no-repeat;
				height:133px;
				margin-right:15px;
				padding-bottom:25px;
			}
				#photoList ul li img{
					border:1px solid #83c1e4;
				}
				#photoList ul li div{
					padding:5px 0;
					font-weight:bold;
				}
	/****Footer****/	
		#footer{
			clear:both;
			background:#f0f0f0 url(/images/footer_bg.gif) repeat-x top;
		}
		#footer_logo{
			clear:both;
			background:#f0f0f0 url(/newimg/copy_logo_bg.png) repeat-x top;
		}

		#footer_r{
			clear:both;
			background:#f0f0f0 url(/red_img/footer_bg_r.gif) repeat-x top;
		}
			#footerIn{
				width:940px;
				margin:0 auto;
			}
			#mbcNetwork{
				padding:10px 0 0 0;
				height:40px;
			}
			#vision{
				padding:20px 0 0 0;
				height:40px;
			}

			#colo{
				padding:10px 0 0 0;
				height:40px;
			}

			#copy{
				padding:13px 0;
			}
			#copy .add1{
				margin-right:78px;
			}
.png24 { 
    tmp:expression(setPng24(this)); 
} 
	
