@charset "euc-kr";
/* CSS Document */
html, body { width:100%; height:100%; font-family:'dotum,arial'; font-size:12px; word-wrap:normal; }
html, body, h1, h2, h3, h4, ul, li, dl, dt, dd, input, div, span, p { padding:0px; margin:0px; }
h1, ul, li, dl, dt, dd { list-style:none; }
a { text-decoration:none; color:#6d6d6d; }
img { border:0px; }
body {width:100%; margin:0 auto; }
.wrap {width:990px; margin:0 auto; position:relative;}

/*header area*/
.header {width:990px;}


	/*top_area*/
	.header .top_area {width:100%; height:62px; position:relative;}
	.header .top_area .logo {width:260px; float:left;}
	.header .top_menu {width:270px; float:right; margin-top:5px;}
	.header .top_menu li {float:left;}
	.header .top_menu2 { position:absolute; right:0; top:25px; margin-top:5px;}
	.header .top_menu2 li {float:left; margin-right:5px;}
	
	
	/*main_menu*/
	.header .menu_area .menu {position:relative; width:990px; height:36px;}
	.header .menu_area .menu a {display:block; overflow:hidden; font:0;}
	
	
		/*sub_menu*/
		.header .menu_area .menu .subMenu {position:absolute; top:30px; left:0; z-index:9999;}
		.header .menu_area .menu .subMenu li{display:block; width:984px; height:220px; border:3px solid #1b9a1f; background:#f7fff4;}
		.header .menu_area .menu .subMenu li .sub {margin-top:10px;}
		.header .menu_area .menu .subMenu li .sub ul .main_title {display:none;}
		.header .menu_area .menu .subMenu li .sub ul{height:180px;}
		.header .menu_area .menu .subMenu li .sub ul li {width:150px; height:14px; margin-bottom:8px; *margin-bottom:5px;border:0; cleat:both}
		
			
		
			.header .menu_area .menu .subMenu li #s1 {width:150px; height:180px; float:left; margin-left:39px;}
			.header .menu_area .menu .subMenu li #s1 li {width:150px; height:14px; margin-bottom:8px; *margin-bottom:5px; border:0; clear:both;}
			.header .menu_area .menu .subMenu li #s1 a {width:150px; height:14px; display:block;}
			.header .menu_area .menu .subMenu li #s1 ul #sub1_1>a {background:url(../html/img/menu/m1_1.gif);}
			.header .menu_area .menu .subMenu li #s1 ul #sub1_1>a:hover {background:url(../html/img/menu/m1_1_o.gif);}
			.header .menu_area .menu .subMenu li #s1 ul #sub1_2>a {background:url(../html/img/menu/m1_2.gif);}
			.header .menu_area .menu .subMenu li #s1 ul #sub1_2>a:hover {background:url(../html/img/menu/m1_2_o.gif);}
			.header .menu_area .menu .subMenu li #s1 ul #sub1_3>a {background:url(../html/img/menu/m1_3.gif);}
			.header .menu_area .menu .subMenu li #s1 ul #sub1_3>a:hover {background:url(../html/img/menu/m1_3_o.gif);}
			.header .menu_area .menu .subMenu li #s1 ul #sub1_4>a {background:url(../html/img/menu/m1_4.gif);}
			.header .menu_area .menu .subMenu li #s1 ul #sub1_4>a:hover {background:url(../html/img/menu/m1_4_o.gif);}
			.header .menu_area .menu .subMenu li #s1 ul #sub1_5>a {background:url(../html/img/menu/m1_5.gif);}
			.header .menu_area .menu .subMenu li #s1 ul #sub1_5>a:hover {background:url(../html/img/menu/m1_5_o.gif);}
			.header .menu_area .menu .subMenu li #s1 ul #sub1_6>a {background:url(../html/img/menu/m1_6.gif);}
			.header .menu_area .menu .subMenu li #s1 ul #sub1_6>a:hover {background:url(../html/img/menu/m1_6_o.gif);}
			.header .menu_area .menu .subMenu li #s1 ul #sub1_7>a {background:url(../html/img/menu/m1_7.gif);}
			.header .menu_area .menu .subMenu li #s1 ul #sub1_7>a:hover {background:url(../html/img/menu/m1_7_o.gif);}
			.header .menu_area .menu .subMenu li #s1 ul #sub1_8>a {background:url(../html/img/menu/m1_8.gif);}
			.header .menu_area .menu .subMenu li #s1 ul #sub1_8>a:hover {background:url(../html/img/menu/m1_8_o.gif);}
			
						
			.header .menu_area .menu .subMenu li #s2 {width:166px; height:180px; float:left;}
			.header .menu_area .menu .subMenu li #s2 li {width:166px; height:14px; margin-bottom:8px; *margin-bottom:5px; border:0;}
			.header .menu_area .menu .subMenu li #s2 a {width:166px; height:14px; display:block;}
			.header .menu_area .menu .subMenu li #s2 ul #sub2_1>a {background:url(../html/img/menu/m2_1.gif);}
			.header .menu_area .menu .subMenu li #s2 ul #sub2_1>a:hover {background:url(../html/img/menu/m2_1_o.gif);}
			.header .menu_area .menu .subMenu li #s2 ul #sub2_2>a {background:url(../html/img/menu/m2_2.gif);}
			.header .menu_area .menu .subMenu li #s2 ul #sub2_2>a:hover {background:url(../html/img/menu/m2_2_o.gif);}
			.header .menu_area .menu .subMenu li #s2 ul #sub2_3>a {background:url(../html/img/menu/m2_3.gif);}
			.header .menu_area .menu .subMenu li #s2 ul #sub2_3>a:hover {background:url(../html/img/menu/m2_3_o.gif);}
			.header .menu_area .menu .subMenu li #s2 ul #sub2_4>a {background:url(../html/img/menu/m2_4.gif);}
			.header .menu_area .menu .subMenu li #s2 ul #sub2_4>a:hover {background:url(../html/img/menu/m2_4_o.gif);}
			
			
			.header .menu_area .menu .subMenu li #s3 {width:118px; height:200px; float:left;}
			.header .menu_area .menu .subMenu li #s3 li {width:118px; height:14px; margin-bottom:8px; *margin-bottom:5px; border:0;}
			.header .menu_area .menu .subMenu li #s3 a {width:118px; height:14px; display:block;}
			.header .menu_area .menu .subMenu li #s3 ul #sub3_1>a {background:url(../html/img/menu/m3_1.gif);}
			.header .menu_area .menu .subMenu li #s3 ul #sub3_1>a:hover {background:url(../html/img/menu/m3_1_o.gif);}
			.header .menu_area .menu .subMenu li #s3 ul #sub3_2>a {background:url(../html/img/menu/m3_2.gif);}
			.header .menu_area .menu .subMenu li #s3 ul #sub3_2>a:hover {background:url(../html/img/menu/m3_2_o.gif);}
			.header .menu_area .menu .subMenu li #s3 ul #sub3_3>a {background:url(../html/img/menu/m3_3.gif);}
			.header .menu_area .menu .subMenu li #s3 ul #sub3_3>a:hover {background:url(../html/img/menu/m3_3_o.gif);}
			.header .menu_area .menu .subMenu li #s3 ul #sub3_4>a {background:url(../html/img/menu/m3_4.gif);}
			.header .menu_area .menu .subMenu li #s3 ul #sub3_4>a:hover {background:url(../html/img/menu/m3_4_o.gif);}
			.header .menu_area .menu .subMenu li #s3 ul #sub3_5>a {background:url(../html/img/menu/m3_5.gif);}
			.header .menu_area .menu .subMenu li #s3 ul #sub3_5>a:hover {background:url(../html/img/menu/m3_5_o.gif);}
			.header .menu_area .menu .subMenu li #s3 ul #sub3_6>a {background:url(../html/img/menu/m3_6.gif);}
			.header .menu_area .menu .subMenu li #s3 ul #sub3_6>a:hover {background:url(../html/img/menu/m3_6_o.gif);}
			.header .menu_area .menu .subMenu li #s3 ul #sub3_7>a {background:url(../html/img/menu/m3_7.gif);}
			.header .menu_area .menu .subMenu li #s3 ul #sub3_7>a:hover {background:url(../html/img/menu/m3_7_o.gif);}
			.header .menu_area .menu .subMenu li #s3 ul #sub3_8>a {background:url(../html/img/menu/m3_8.gif);}
			.header .menu_area .menu .subMenu li #s3 ul #sub3_8>a:hover {background:url(../html/img/menu/m3_8_o.gif);}
			.header .menu_area .menu .subMenu li #s3 ul #sub3_9>a {background:url(../html/img/menu/m3_9.gif);}
			.header .menu_area .menu .subMenu li #s3 ul #sub3_9>a:hover {background:url(../html/img/menu/m3_9_o.gif);}
			
			
			.header .menu_area .menu .subMenu li #s4 {width:122px; height:180px; float:left;}
			.header .menu_area .menu .subMenu li #s4 li {width:122px; height:14px; margin-bottom:8px; *margin-bottom:5px; border:0;}
			.header .menu_area .menu .subMenu li #s4 a {width:122px; height:14px; display:block;}
			.header .menu_area .menu .subMenu li #s4 ul #sub4_1>a {background:url(../html/img/menu/m4_1.gif);}
			.header .menu_area .menu .subMenu li #s4 ul #sub4_1>a:hover {background:url(../html/img/menu/m4_1_o.gif);}
			.header .menu_area .menu .subMenu li #s4 ul #sub4_2>a {background:url(../html/img/menu/m4_2.gif);}
			.header .menu_area .menu .subMenu li #s4 ul #sub4_2>a:hover {background:url(../html/img/menu/m4_2_o.gif);}
			.header .menu_area .menu .subMenu li #s4 ul #sub4_3>a {background:url(../html/img/menu/m4_3.gif);}
			.header .menu_area .menu .subMenu li #s4 ul #sub4_3>a:hover {background:url(../html/img/menu/m4_3_o.gif);}
			
			
			.header .menu_area .menu .subMenu li #s5 {width:120px; height:180px; float:left;}
			.header .menu_area .menu .subMenu li #s5 li {width:120px; height:14px; margin-bottom:8px; *margin-bottom:5px; border:0;}
			.header .menu_area .menu .subMenu li #s5 a {width:120px; height:14px; display:block;}
			.header .menu_area .menu .subMenu li #s5 ul #sub5_1>a {background:url(../html/img/menu/m5_1.gif);}
			.header .menu_area .menu .subMenu li #s5 ul #sub5_1>a:hover {background:url(../html/img/menu/m5_1_o.gif);}
			.header .menu_area .menu .subMenu li #s5 ul #sub5_2>a {background:url(../html/img/menu/m5_2.gif);}
			.header .menu_area .menu .subMenu li #s5 ul #sub5_2>a:hover {background:url(../html/img/menu/m5_2_o.gif);}
			.header .menu_area .menu .subMenu li #s5 ul #sub5_3>a {background:url(../html/img/menu/m5_3.gif);}
			.header .menu_area .menu .subMenu li #s5 ul #sub5_3>a:hover {background:url(../html/img/menu/m5_3_o.gif);}
			.header .menu_area .menu .subMenu li #s5 ul #sub5_4>a {background:url(../html/img/menu/m5_4.gif);}
			.header .menu_area .menu .subMenu li #s5 ul #sub5_4>a:hover {background:url(../html/img/menu/m5_4_o.gif);}
			.header .menu_area .menu .subMenu li #s5 ul #sub5_5>a {background:url(../html/img/menu/m5_5.gif);}
			.header .menu_area .menu .subMenu li #s5 ul #sub5_5>a:hover {background:url(../html/img/menu/m5_5_o.gif);}
			.header .menu_area .menu .subMenu li #s5 ul #sub5_6>a {background:url(../html/img/menu/m5_6.gif);}
			.header .menu_area .menu .subMenu li #s5 ul #sub5_6>a:hover {background:url(../html/img/menu/m5_6_o.gif);}
			
			
			.header .menu_area .menu .subMenu li #s6 {width:120px; height:180px; float:left;}
			.header .menu_area .menu .subMenu li #s6 li {width:120px; height:14px; margin-bottom:8px; *margin-bottom:5px; border:0;}
			.header .menu_area .menu .subMenu li #s6 a {width:120px; height:14px; display:block;}
			.header .menu_area .menu .subMenu li #s6 ul #sub6_1>a {background:url(../html/img/menu/m6_1.gif);}
			.header .menu_area .menu .subMenu li #s6 ul #sub6_1>a:hover {background:url(../html/img/menu/m6_1_o.gif);}
			.header .menu_area .menu .subMenu li #s6 ul #sub6_2>a {background:url(../html/img/menu/m6_2.gif);}
			.header .menu_area .menu .subMenu li #s6 ul #sub6_2>a:hover {background:url(../html/img/menu/m6_2_o.gif);}
			.header .menu_area .menu .subMenu li #s6 ul #sub6_3>a {background:url(../html/img/menu/m6_3.gif);}
			.header .menu_area .menu .subMenu li #s6 ul #sub6_3>a:hover {background:url(../html/img/menu/m6_3_o.gif);}
			.header .menu_area .menu .subMenu li #s6 ul #sub6_4>a {background:url(../html/img/menu/m6_4.gif);}
			.header .menu_area .menu .subMenu li #s6 ul #sub6_4>a:hover {background:url(../html/img/menu/m6_4_o.gif);}
			.header .menu_area .menu .subMenu li #s6 ul #sub6_5>a {background:url(../html/img/menu/m6_5.gif);}
			.header .menu_area .menu .subMenu li #s6 ul #sub6_5>a:hover {background:url(../html/img/menu/m6_5_o.gif);}
			
			
			.header .menu_area .menu .subMenu li #s7 {width:144px; height:180px; float:left;}
			.header .menu_area .menu .subMenu li #s7 li {width:144px; height:14px; margin-bottom:8px; *margin-bottom:5px; border:0;}
			.header .menu_area .menu .subMenu li #s7 a {width:144px; height:14px; display:block;}
			.header .menu_area .menu .subMenu li #s7 ul #sub7_1>a {background:url(../html/img/menu/m7_1.gif);}
			.header .menu_area .menu .subMenu li #s7 ul #sub7_1>a:hover {background:url(../html/img/menu/m7_1_o.gif);}
			.header .menu_area .menu .subMenu li #s7 ul #sub7_2>a {background:url(../html/img/menu/m7_2.gif);}
			.header .menu_area .menu .subMenu li #s7 ul #sub7_2>a:hover {background:url(../html/img/menu/m7_2_o.gif);}
			.header .menu_area .menu .subMenu li #s7 ul #sub7_3>a {background:url(../html/img/menu/m7_3.gif);}
			.header .menu_area .menu .subMenu li #s7 ul #sub7_3>a:hover {background:url(../html/img/menu/m7_3_o.gif);}
			.header .menu_area .menu .subMenu li #s7 ul #sub7_4>a {background:url(../html/img/menu/m7_4.gif);}
			.header .menu_area .menu .subMenu li #s7 ul #sub7_4>a:hover {background:url(../html/img/menu/m7_4_o.gif);}
			.header .menu_area .menu .subMenu li #s7 ul #sub7_5>a {background:url(../html/img/menu/m7_5.gif);}
			.header .menu_area .menu .subMenu li #s7 ul #sub7_5>a:hover {background:url(../html/img/menu/m7_5_o.gif);}

	
	
	
	
/*container*/
.container {width:990px;}

	/*visual*/
	.container .visual {width:990px; margin-bottom:20px;}
	#rollingBanner{position:relative;margin:0; width:990px; height:382px; overflow:hidden;}
	#rollingBanner ul li dl, #rollingBanner ul li dd{ width:990px; height:382px; overflow:hidden;}
	#rollingBanner ul li dl dt a{position:absolute; z-index:1;display:block; width:16px; height:16px; overflow:hidden;background:url(/html/img/bg_mainimg_control.png) -2px top no-repeat;text-indent:-10em;}
	.btn1 a{left:500px; top:365px;}
	.btn2 a{left:520px; top:365px;}
	.btn3 a{left:540px; top:365px;}
	.btn4 a{left:560px; top:365px;}
	.btn5 a{left:580px; top:365px;}
	#rollingBanner ul li dl dt a.iconOn{background:url(/html/img/bg_mainimg_control.png) -22px top no-repeat; }

	/*jumpmenu*/
	.container .jump_menu {width:228px; border-left:1px solid #ccc; border-right:1px solid #ccc; background:#f4f5f2; margin:0px 21px 0px 10px; float:left;}
	.container .jump_title {width:228px; height:54px;}
	.container .jump_con {width:228px; height:680px; border-bottom:1px solid #ccc; text-align:center; position:relative; overflow:hidden;}
	.container .jump_con ul li
	.container .jump_con ul li a {margin:0; font:0; width:203px; height:31px; display:block;}
	.IR {z-index:-1; display:none; _display:block; _margin-top:10px; _text-indent:-9999px; *text-indent:-9999px;}	
	.container .jump_banner {width: 100%; padding: 0 10px; box-sizing: border-box;}
	.container .jump_banner li {border: 1px solid #ccc; height: 50px; margin-top: 5px;}
	.container .jump_banner li a {display: block; width: 100%; height: 100%; background: #fff;}
	.container .jump_banner li a img {height: 100%;}
	
	/*main_contents*/
	.container .main_contents {width:718px; float:left;}
	
	
		/*notice*/
		.container .main_contents .main_notice {width:350px; height:145px; float:left; margin-bottom:21px; border:1px solid #ededed;}
		.container .main_contents .main_notice .notice_title {width:330px; heigth:37px;}
		.container .main_contents .main_notice .notice_title p {text-align:right; float:right; font-size:11px; margin-top:20px; color:#646464;}
		.container .main_contents .main_notice .notice_title p a:hover{color:#000;}
		.container .main_contents .main_notice .notice_contents {width:350px; heigth:104px;}		
		
		/*donation*/
		.container .main_contents .main_donation {width:350px; height:145px; float:right; border:1px solid #ededed;}
		.container .main_contents .main_donation p {text-align:right; float:right; font-size:11px; margin-top:-20px; margin-right:20px; color:#646464;}
		.container .main_contents .main_donation p a:hover{color:#000;}
		.container .main_contents .main_donation .donation_contents {width:350px; heigth:104px;}
			/*�Ǹ޴�*/
			.TabMenu{width:330px; overflow:hidden;}
			.TabMenu #tab1 {float:left;}
			.TabMenu #tab2 {float:left;}
			.TabMenu li{float:left; font-size:12px;}
			 
			#content01{width:350px; height:104px; border-top:none; display:none; margin:0 auto;}
			#content02{width:350px; height:104px; border-top:none; display:none; margin:0 auto;}
		
		/*news*/
		.container .main_contents .main_news {clear:both;margin-bottom:28px;}
		.container .main_contents .main_news .news_contents {border:1px solid #ededed;}
		
		/*gallery*/
		.container .main_contents .main_gallery {margin-bottom:20px;}
		/*rolling*/
		.amazon_scroller{
			padding: 0px;
			margin: 0px;
			border-radius: 10px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			-o-border-radius: 10px;
			-khtml-border-radius: 10px;
		}
		.amazon_scroller .amazon_scroller_nav{
			position: absolute;
		}
		.amazon_scroller .amazon_scroller_nav li{
			cursor: pointer;
			position: absolute;
		}
		.amazon_scroller .amazon_scroller_mask{
			position: absolute;
			margin-left: 30px;
			margin-right: 30px;
			overflow: hidden;
		}
		.amazon_scroller ul{
			padding: 0px;
			margin: 0px;
			float: left;
		}
		.amazon_scroller ul li{
			padding: 0px;
			margin: 0px;
			margin-left: 5px;
			margin-right: 5px;
			list-style: none;
			float: left;
			text-align: center;
			display:inline;
		}
		.amazon_scroller ul li a{
			text-decoration: none;
		}
		.amazon_scroller ul li a amazon_scroller_title{
			overflow:hidden;
		}
		.amazon_scroller ul li a:hover{
			text-decoration: underline;
		}
		.amazon_scroller ul li a img{
			border: none;
		}

	
	
	
/*quick*/
.quick {position:fixed; top:60px; left:50%; margin-left:498px;}


	
/*copyright*/
.footer {clear:both; display:block; width:990px; height:76px; margin-top:10px; border:1px solid #eee; background:url(/html/img/copybg.gif) repeat;}
.footer .copy_logo {width:260px; float:left;}
.footer .copy_logo img {margin-top:8px;}
.footer .copyright_txt {width:730px; float:left; margin-top:10px;}
.footer .copyright_txt ul {margin-left:25px;}
.footer .copyright_txt ul li{float:left; color:#222;}
.footer .copyright_txt ul li a {color:#222;}
.footer .copyright_txt ul li a:hover { text-decoration:underline;}
.footer .copyright_txt p {clear:both; padding-top:5px; line-height:150%; color:#747474; font-size:11px; margin-left:20px;}