
/* layout */

@import url("/html/jsp/ncktpa_2006/css/forTable.css");
@import url("/html/jsp/ncktpa_2006/css/form.css");
@import url("/html/jsp/ncktpa_2006/css/padding.css");
@import url("/html/jsp/ncktpa_2006/css/style.css");




*	{
	padding: 0em;
	margin: 0em;
	font-size: 100%;
	}


li	{
	list-style: none;
	}

img	{
	border: none;
	}

fieldset	{
	border: none;
	}

img, input, select, textarea	{
	vertical-align: middle;
	}

legend	{
	display: none;
	}

hr, caption	{
	display: none;
	}

a	{
	text-decoration: none;
	}

a:hover, a:focus, a:active	{
	text-decoration: underline;
	}

a:focus	{
	background: yellow;
	}

.disNone	{
	display: none;
	}

.alignR	{
	text-align: right;
	}

.alignC	{
	text-align: center;
	}

.alignL	{
	text-align: left;
	}
.f_L{
float:left;
}
.f_R{
float:right;
}
.clear_b{
clear:both;
}


a.accLink	{
	position: absolute;
	display: block;
	width: 55em;
	left: 1em;
	text-align: center;
	background: #e5be7b;
	border-left: 4px solid #925600;
	border-right: 4px solid #925600;
	border-bottom: 4px solid #925600;
	top: -10000px;
	}


a.accLink:hover, a.accLink:focus, a.accLink:active	{
	position: absolute;
	top: 1px;
	padding: 10px;
	font-weight:bold;
	}

body	{
	font-family: 돋움, sans-serif, AppleGothic;
	background: url('/html/jsp/ncktpa_2006/images/main_all_bg.jpg') repeat-x;
	position: relative;
	}
	
html, div, map, dt, isindex, form {
 display: block;
}

#pop_body	{
	font-family: 돋움, sans-serif, AppleGothic;
	background: #fff;
	font-size:0.75em;
	}

.pop_bg_top	{
	background: url('/html/jsp/ncktpa_2006/z40_popup/images/bg_pop_top.gif') left top no-repeat;
	padding:20px 50px;
}

.pop_bg_bot	{
	background: url('/html/jsp/ncktpa_2006/z40_popup/images/bg_pop_bot.gif') left bottom no-repeat;
	width:400px;
	padding-bottom:42px;
}

.pop_bg_zip_top	{
	background: url('/html/jsp/ncktpa_2006/z40_popup/images/bg_pop_zip_top.gif') left top no-repeat;
	padding:20px 50px;
}

.pop_bg_zip_bot	{
	background: url('/html/jsp/ncktpa_2006/z40_popup/images/bg_pop_zip_bot.gif') left bottom no-repeat;
	width:400px;
	padding-bottom:42px;
}

.pop_bg_pw_top	{
	background: url('/html/jsp/ncktpa_2006/z40_popup/images/bg_pop_pw_top.gif') left top no-repeat;
	padding:15px 50px;
}

.pop_bg_pw_bot	{
	background: url('/html/jsp/ncktpa_2006/z40_popup/images/bg_pop_pw_bot.gif') left bottom no-repeat;
	width:400px;
	padding-bottom:37px;
}

.pop_bg_login_top	{
	background: url('/html/jsp/ncktpa_2006/z40_popup/images/bg_pop_login_top.gif') left top no-repeat;
	padding:45px 50px 15px 50px;
}

.pop_bg_login_bot	{
	background: url('/html/jsp/ncktpa_2006/z40_popup/images/bg_pop_login_bot.gif') left bottom no-repeat;
	width:400px;
	padding-bottom:27px;
}

.pop_login_dot 	{
	background: url('/html/jsp/ncktpa_2006/z40_popup/images/loginicon.gif') 20px 9px no-repeat;
	padding:5px 0 0 30px;
	position:relative;
	margin:0 auto;
	width:250px;
}

.pop_login_dot span 	{
	position: absolute;
	left: 90px;
}

.pop_pw_dot 	{
	background: url('/html/jsp/ncktpa_2006/z40_popup/images/loginicon.gif') 20px 13px no-repeat;
	padding:5px 0 10px 30px;
}

.pop_zip_dot 	{
	background: url('/html/jsp/ncktpa_2006/z40_popup/images/loginicon.gif') 20px 28px no-repeat;
	padding:20px 0 20px 30px;
}

ul.pop_zip_result	  {
	border-top: 1px solid #c3c3c2;
	padding: 5px 0;
}

ul.pop_zip_result li	  {
	padding: 3px 0;
}

.pop_bar	{
	border-top: 1px solid #c3c3c2;
	padding-top:5px;
	text-align:right;
}

.pop_bar_C	{
	border-top: 1px solid #c3c3c2;
	padding-top:10px;
	text-align:center;
}






#header	{
	height: 7.50em;
	width: 57em;
	position: relative;
	}

	#header h1	{
		float: left;
		}

		#header h1 a img	{
			display: block;
			width: 15.63em;
			height: 7.50em;
			}

	#header #topArea	{
		height: 2.19em;
		padding: 0.94em 0 0 0;
		text-align: right;
		}


		#header #topArea form	{
			display: inline;
			}

			#header #topArea form p	{
				display: inline;
				}

				#header #topArea form p	#totalSearchTxt{
					font-size: 0.75em;
					background: #ded296;
					}

				#header #topArea form p #totalSearchBtn	{
					width: 4.19em;
					height: 1.13em;
					}


		#header #topArea span 	{
			color: #442104;
			font-size: 0.75em;
			letter-spacing: -1px;
			font-family: dotum;
			}

			#header #topArea span a	{
				color: #442104;
				letter-spacing: -1px;
				font-family: dotum;
				}

	#gNavi	{
		position: absolute;
		left: 15.63em;
		top: 3.13em;
		}

		#gNavi #mNavi01 a img	{
			width: 7.06em;
		}

		#gNavi #mNavi02 a img	{
			width: 7.13em;
		}

		#gNavi #mNavi03 a img	{
			width: 5.44em;
		}

		#gNavi #mNavi04 a img	{
			width: 5.56em;
		}

		#gNavi #mNavi05 a img	{
			width: 5.75em;
		}

		#gNavi #mNavi06 a img	{
			width: 5.56em;
		}

		#gNavi #mNavi07 a img	{
			width: 4.81em;
		}

	#gNavi li ul li 	{
		font-size: 0.75em;
		font-family: dotum;
		letter-spacing: -1px;
		}

		#gNavi li ul li a	{
			color: #442104;
			}




	#gNavi li	{
		float: left;
		}

		#gNavi li ul	{
			position: absolute;
			top: 3em;
			display: none;
			}

		#gNavi li ul#sNavi01	{
			left: 1em;
			width: 30em;
			}

		#gNavi li ul#sNavi02	{
			left: 4.4em;
			width: 30em;
			}

		#gNavi li ul#sNavi03	{
			left: 10.4em;
			width: 20em;
			}

		#gNavi li ul#sNavi04	{
			left: 17.4em;
			width: 15em;
			}

		#gNavi li ul#sNavi05	{
			left: 8.4em;
			width: 30em;
			}

		#gNavi li ul#sNavi06	{
			left: 16.4em;
			width: 25em;
			}

		#gNavi li ul#sNavi07	{
			left: 30em;
			width: 12em;
			}




#contentWrap	{
	position: relative;
	clear: both;
	width: 62.5em;
	background: url('/html/jsp/ncktpa_2006/images/leftBack.gif') repeat-y;
	overflow: auto;
	}

	#contentWrap h2	img	{
		width: 62.50em;
		height: 7.75em;
		display: block;
		}

#contentWrapMain	{
	position: relative;
	clear: both;
	width: 62.5em;
	background: url('/html/jsp/ncktpa_2006/images/leftBackMain.gif') repeat-y;
	overflow: auto;
	}

	#contentWrapMain h2 img	{
		width: 62.50em;
		height: 7.75em;
		display: block;
		}


	#leftNavi	{
		float: left;
		padding: 0 0 0 0.31em;
		width: 12.13em;
		background: #fff;
		}

	#leftNavi li	{
		font-family: dotum;
		margin: 0 0 0 0.19em;
		border: 1px solid #d9d9dd;
		border-top: none;
		color: #101010;
		}

		#leftNavi li a	{
			font-size: 0.81em;
			line-height: 170%;
			padding: 0 0 0 1.8em;
			background: url('/html/jsp/ncktpa_2006/images/leftMArrow.gif') 0.6em 0.2em no-repeat;
			letter-spacing: -1px;
			font-style: normal;
			color: #101010;
			}

		#leftNavi li a:focus, #leftNavi li a:hover	{
			font-weight: bold;
			color: #069;
			text-decoration: none;
			}

		#leftNavi .leftOn	{
			font-weight: bold;
			color: #069;
			text-decoration: none;
			}
		
		#leftNavi .leftOff	{
			font-weight: normal;
			color: #101010;
			text-decoration: none;
			}

		#leftNavi li ul	{
			border-top: 1px solid #d9d9dd;
			}

		#leftNavi li ul li	{
			border: none;
			background: #f9f9f9;
			margin: 0;
			padding: 0 0 0 1.5em;
			}

			#leftNavi li ul li a	{
				font-size: 0.75em;
				color: #333;
				background: none;
				padding: 0;
				letter-spacing: -1px;
				}

				#leftNavi .leftMDeco	{
					background-color: #efeff1;
					padding:0;
					width: 11.81em;
					height: 9.25em;
					background: url('/html/jsp/ncktpa_2006/images/leftMDeco.gif') no-repeat;
					border-bottom: none;
					}
					
/*
				.leftMDeco img	{
					width: 11.81em;
					height: 9.25em;
					}
*/



	#content	{
		float: left;
		padding: 0.63em 1.25em 10em 0;
		width: 41.88em;
		border-right: 1px solid #ddad31;
		background: #fff;
		overflow: hidden;
		}
		

	/* 센터정렬 id 임시
	#container {
	     text-align: center;
    	 margin: 0 auto;
    	 width: 41.88em;
		 padding: 0px 0px 0px 0px;
		 }
   */


		#content #breadcrumb	{
			text-align: right;
			font-size: 0.81em;
			letter-spacing: -1px;
			color: #666;
			}

		#content #breadcrumb a	{
			color: #666;
			}

		#content h4 img	{
			margin: 0 0 0 1em;
			width: 40.63em;
			height: 1.63em;
			display: block;
			}

		#content .textCon strong	{
			font-size: 1.19em;
			}

		/*글의 class*/
		.conText	{
			margin: 2.19em 0 0 1.63em;
			color: #333;
			width: 40.31em;
			line-height: 100%;
			}

		.conTextIframe	{
			margin: 2.19em 0 0 0.63em;
			color: #333;
			width: 42em;
			line-height: 100%;
			}


		.conText p	{
			font-size: 0.81em;
			margin: 1.38em;
			}


		/*테이블의 class*/
		.conTbl{
			margin: 1.38em 0 0 1.63em;
			width: 39.2em;
			}

		/*intro 국악원시설현황 동영상 div class*/
		.conMv{
		    width: 100%;
			float:left;
			margin: 1.38em 1em 0 1em;
			}




#floater	{
	position: fixed;
	z-index: 100;
	top: 14em;
	left: 58em;
}

#footer	{
	border-top:1px solid #ddad31;
	position: relative;
	clear: both;
	background: #fff;
	height: 6em;
	padding: 0.3em 0 0 1em;
	}
	/*
	#footer h2	{
		float: left;
		width: 11.81em;
		height: 5em;
		}
	*/
	
	#jumpLink	{
		letter-spacing: -1px;
		height: 2.7em;
		width: 10em;
		overflow: auto;
		border: 1px solid #DFDFC8;
		}
		
		
		#jumpLinkHead	{
			font-size: 0.75em;
			padding-top:0.7em;
			letter-spacing: -1px;
			color: #915403;
			}


		#jumpLink ul li	{
			border-bottom: 1px dotted #eee;
			padding: 0.1em 0 0em 0;
			line-height: 120%;
			display: block;
			}

		#jumpLink ul li a	{
			font-size: 0.75em;
			background: url('/html/jsp/ncktpa_2006/images/leftMArrow.gif') no-repeat 0.6em 0.1em;
			padding: 0 0 0 1.8em;
			}
			

	#footer #footerRight	{
		position: absolute;
		padding: 0 0 0 1em;
		left: 12em;
		top: 0em;
		width: 41em;
		}

	#footer #footerRight #footerLink li	{
		display: inline;
		font-size: 0.69em;
		color: #666;
		letter-spacing: -1px;
		}

	#footer #footerRight #footerLink li a	{
		color: #666;
		}

#footer_main	{
	border-top:1px solid #ddad31;
	position: relative;
	clear: both;
	background: #fff;
	height: 8.5em;
	padding: 0.3em 0 0 1em;
	}


	#footer_main #footerRight	{
		position: absolute;
		padding: 0 0 0 1em;
		left: 12em;
		top: 3.5em;
		width: 41em;
		}

	#footer_main #footerRight #footerLink li	{
		display: inline;
		font-size: 0.69em;
		color: #666;
		letter-spacing: -1px;
		}

	#footer_main #footerRight #footerLink li a	{
		color: #666;
		}



		address	{
			padding: 1em 0 0 0;
			font-family: dotum;
			font-style: normal;
			font-size: 0.69em;
			line-height: 160%;
			letter-spacing: -0.5px;
			color: #666;
			}

	#contentDeco	{
		position: absolute;
		background: url('/html/jsp/ncktpa_2006/images/main_body_bg.jpg') no-repeat;
		top: 15.25em;
		left: 55.63em;
		width: 2em;
		height: 7em;
		overflow: auto;
		}


.vali	{
	position: absolute;
	left: 49em;
	bottom: 1em;
	}

.vali_main	{
	position: absolute;
	left: 49em;
	bottom: 0.3em;
	}


/* mailing */
#mailbody	 {
	font-family: 돋움, sans-serif, AppleGothic;
	background: #fff;
	font-size:0.75em;
	padding: 0 40px;
	color: #505e62;
}

#mailbody_ncktpa	 {
	font-family: 돋움, sans-serif, AppleGothic;
	background: #fff;
	font-size:0.75em;
	padding: 0 40px;
	color: #505e62;
}


#mailWrap	 {
	width: 650px;
	text-align: center;
	position: relative;
}

.mail_logo	 {
	float: left;
}

.mail_date	 {
	float: right;
	color: #a1a1a1;
	padding-top: 43px;
	font-size: 11px;
}

.mail_box	{
	clear: both;
	border: 1px solid #e5e5e5;
	background: url('/html/jsp/mailing/images/mail_bg_img.gif') right top no-repeat;
	text-align: left;
}

.mail_box p	{
	line-height: 200%;
}

.mail_btn	{
	padding-top: 10px;
}

.mail_box p.gray	{
	background: #f8f8f8;
	padding: 16px 60px;
	font-size: 11px;
	color: #8f9394;
	line-height: 160%;
}

.mail_box div.mail_content	{
	padding: 60px 40px 30px 40px;
}

.mail_content p	{
	padding: 10px 20px;
}

.mail_org	{
	color: #fe7e29;
	font-weight: bold;
}
