@charset "utf-8";

body {margin:0; padding:0; background:url(/images/www/main/header_bg.gif) repeat-x;}

#wrap {position:relative; width:990px; margin:0 auto; padding:0;}
	#header {position:relative; width:990px; height:130px; margin:0; background:url(/images/www/main/header_bg.gif) repeat-x;}
		#logo {position:relative; padding:0 0 0 400px; margin:0; width:155px; height:50px; text-align:left;}

		.topwrap {clear:both; float:left; width:990px; padding:0 0 15px 0; margin:-40px 0 0 0;}
			.toplink {position:relative; float:left; height:20px; padding:5px 0 0 0;}
			.toplink li{float:left; padding:0 5px 0 0;}
			.topguide {position:relative; float:right; height:20px; padding:5px 0 0 0;}
			.topguide li{float:left; padding:0 0 0 5px;}

			.topguide li.language select {vertical-align:top; width:100px; height:20px;}

		#gnb {position:relative; margin:0; width:990px; height:80px; clear:both; float:left; overflow:hidden;}
		#gnb ul {overflow:hidden;}
		#gnb ul li {margin:0; float:left;display:block;}
	
		#gnb ul ul {position:absolute; display:none; width:990px; overflow:hidden;}
		#gnb01 {margin:50px 0 0 5px;}
		#gnb02 {margin:50px 0 0 5px;}
		#gnb03 {margin:50px 0 0 5px;}
		#gnb04 {margin:50px 0 0 100px;}
		#gnb05 {margin:50px 0 0 300px;}
		#gnb06 {margin:50px 0 0 100px;}
		#gnb07 {margin:50px 0 0 350px;}
		#gnb08 {margin:50px 0 0 890px;}
		#gnb ul li.on ul {display:block; left:0; top:0;}
		#gnb ul li.on ul li {margin:2px 10px 0 -1px; padding:0 0 0 9px; background:url(/images/www/bg_gnb_bar.gif) no-repeat 0 0; line-height:1.2;}
		#gnb ul li.on ul li a {display:block; height:13px; font-weight:normal; color:#fff; white-space:nowrap; float:left;}
		#gnb ul li.on ul li.on a,
		#gnb ul li.on ul li a:hover {font-weight:bold; text-decoration:underline;}

	
	#middle {position:relative; width:990px; margin:0 0 10px 0; overflow:hidden;}
		#spot {clear:both; position:relative; width:990px; margin:0; padding:0; z-index:2;}
			#spot_flash {position:relative; margin:0; padding:0; z-index:1; overflow:hidden;}
			/*
			.spot_img {position:relative; margin:0; padding:0; z-index:1;}
			.spot_img p {position:relative; display:block; margin:0; padding:0;}
			.spot_img .spot_img_on {height:340px;}
			.spot_img .spot_img_off {height:100px;}
			.spot_img .spot_bt_on {position:absolute; left:0; top:0; margin:275px 0 0 455px; padding:0; z-index:4;}
			*/

			.search_link {position:relative; margin:0 auto; padding:0; text-align:center; z-index:3;}

				#search {padding:0; margin:-40px 0 5px 0; border:0;}
				#search legend {visibility:hidden; font-size:0; line-height:0; width:0; height:0; overflow:hidden;}
				#search label {padding:4px 0 0 8px;}
				#search input {vertical-align:top;}
				#search .searchstring {height:17px; margin:0 0 0 10px; border:1px solid #D0E2F0;}

				.spot_link {position:relative; width:990px; height:80px; margin:0; padding:0; overflow:hidden; background:url(/images/www/main/link_sbg.gif) no-repeat left 67px;}
					.spot_link li {float:left;}
			
		#main_content {clear:both; position:relative; width:990px; margin:0; padding:0; z-index:1; }
			
			#left_area {position:relative; float:left; width:255px; margin:0;}

				.mayor_img {position:relative; width:255px; height:130px; margin:0 0 10px 0; padding:0;}

				.mayor {position:relative; width:255px; height:130px; margin:0 0 10px 0; background:url(/images/www/main/mayor_bg.gif) no-repeat;}
					.mayor li.home {position:absolute; left:0; top:0; margin:9px 0 0 12px;}
					.mayor li.may {position:absolute; left:0; top:0; margin:47px 0 0 9px;}

				.photo_pds {position:relative; width:255px; height:36px; margin:0 0 9px 0; overflow:hidden;}
				
				.event_schedule {position:relative; width:240px; height:81px; margin:9px 0 10px 0; background:url(/_layout/images/www/main/bg_event_schedule.gif) no-repeat 0 0;}
					.event_schedule p {position:absolute; display:block; top:0; right:0; margin:8px 9px 0 0; line-height:1.2; float:left;}
					.event_schedule p * {vertical-align:middle;}
					.event_schedule p strong {color:#000;}
					.event_schedule table {width:232px; margin:0 0 0 5px; border-collapse:collapse; table-layout:fixed;}
					.event_schedule table caption {display:block; padding:9px 0 8px 8px; text-align:left;}
					.event_schedule table th {background:#ECECE6; color:#000; border:1px solid #D5D6CF;}
					.event_schedule table th.sat {background:#E9EDFC;}
					.event_schedule table th.sun {background:#F8E8E8;}
					.event_schedule table td {text-align:center; border:1px solid #D5D6CF;}
					.event_schedule table td a {color:#552CF6; font-weight:bold;}

				.minwon_tab {position:relative; width:255px; height:100px; margin:0 0 10px 0; background:url(/images/www/main/minwon_tab_bg.gif) no-repeat left bottom;}
					.minwon_tab li {float:left; background:url(/images/www/main/tab_li.gif) no-repeat; padding:6px 10px 2px; font-weight:bold;}
					.minwon_tab li.on {background:url(/images/www/main/tab_li_on.gif) no-repeat;}
					.minwon_tab li.on a {color:#2E5B8E;}
					.minwon_tab ul {position:absolute; width:255px; height:65px; top:35px; left:0;}
					.minwon_tab ul li {float:left; display:inline; width:105px; vertical-align:top; margin:0 0 0 5px; padding:0 0 0 13px; background:url(/images/www/main/main-link_bl.gif) no-repeat left 4px;}
					.minwon_tab li.on ul li a {font-weight:normal; color:#555;}
					.minwon_tab li.on ul {display:block;}
					.minwon_tab li ul {display:none;}

				.simin_service {position:relative; width:255px; height:120px; margin:0 0 10px 0; background:url(/images/www/main/simin_service_bg.gif) no-repeat;}
					.simin_service dt {height:22px; padding:7px 0 0 34px; font-weight:bold; color:#2E5B8E;}
					.simin_service dd {margin:0; padding:0;}
					.simin_service ul {margin:7px 0 0 0;}
					.simin_service ul li {float:left; display:inline; width:105px; vertical-align:top; margin:0 0 0 5px; padding:0 0 0 13px; background:url(/images/www/main/main-link_bl.gif) no-repeat left 4px;}
					* html .simin_service ul li {overflow:hidden;}

				.city_yeosu {position:relative; width:255px; height:100px; margin:0 0 10px 0; background:url(/images/www/main/city_yeosu_bg.gif) no-repeat;}
					.city_yeosu dt {height:22px; padding:7px 0 0 34px; font-weight:bold; color:#2E5B8E;}
					.city_yeosu dd {margin:0; padding:0;}
					.city_yeosu ul {margin:9px 0 0 0;}
					.city_yeosu ul li {float:left; display:inline; width:105px; vertical-align:top; margin:0 0 0 5px; padding:0 0 0 13px; background:url(/images/www/main/main-link_bl.gif) no-repeat left 5px;}
					
				.banner {float:left; position:relative; width:255px; height:50px; padding:0; margin:0; background:url(/images/www/main/banner_bg4.gif) no-repeat;}
					.banner img {vertical-align:top;}
					.banner dt {line-height:1.3; margin:8px 0 0 7px;}
					.banner dd.banner_img {width:140px; top:0; left:0; position:absolute; overflow:hidden; height:40px; margin:5px 0 0 100px;}
					.banner dd.banner_img ul {position:absolute;}
					.banner dd.banner_img ul li {float:left; padding:0 4px 0 0;}
					.banner dd.banner_img .slideshow_guide #banner_img {width:100000px;}
					.banner dd.banner_img .slideshow_guide {width:140px; height:40px; margin:0; overflow:hidden; padding:0; position:relative;}
					.banner dd.banner_control {position:absolute; top:0; left:0; margin:27px 0 0 10px; padding:0; z-index:2;}
					.banner dd.banner_control li {float:left; padding:0 3px 0 0; line-height:1.3;}
					.banner dd.more {position:absolute; top:0; left:0; margin:9px 0 0 54px; padding:0; line-height:1.3;}

			#center_area {position:relative; float:left; z-index:1; width:475px; padding:0; margin:0 0 0 10px;}
				
				#tab_news {position:relative; z-index:1; width:475px; height:130px; margin:0 0 10px 0; background:url(/images/www/main/tabnews_bg.gif) repeat-x;}
					#tab_news li {float:left; z-index:1;}
					#tab_news ul {position:absolute;width:475px; height:100px; top:30px;left:0;}
					#tab_news ul li {clear:both; display:block; width:475px; margin:0 0 0 0; vertical-align:top;}
					#tab_news ul li a {float:left; width:370px; padding:0 0 0 9px;background:url(/images/www/main/tab_tabnews_bl.gif) no-repeat 3px 7px;}
					#tab_news ul li a img {vertical-align:middle;}
					#tab_news ul li span {float:right;}
					#tab_news li.more {position:absolute; padding:0; top:0; right:0; width:35px; height:20px; margin:-23px 0 0 0;}
					#tab_news li.more a {width:auto; background:none;}
					#tab_news li.on ul {display:block;}
					#tab_news li ul {display:none;}


				.online_ad {position:relative; width:475px; height:35px; margin:0 0 10px 0; background:url(/images/www/main/online_ad_bg.gif) no-repeat;}
					.online_ad dt {float:left; padding:7px 0 0 7px; width:75px; }
					.online_ad dd.ad_list {float:left; width:335px; height:19px; margin:7px 0 0 5px; padding:0; overflow:hidden;}

					.online_ad dd.ad_list ul li a {display:block; text-decoration:none; line-height:19px; color:#363636;}
					.online_ad dd.ad_list ul li a img {padding:0 0 2px 2px; vertical-align:middle;}


					.online_ad dd.ad_control {position:absolute; top:0; right:0; padding:0; margin:12px 7px 0 0;}
					.online_ad dd.ad_control li {float:left; padding:0 2px 0 0; height:22px;}

					
				#focus {position:relative; width:475px; height:106px; margin:0 0 20px 0; background:url(/_layout/images/www/main/bg_hotissue.gif) no-repeat 0 0;}
					#focus dt {position:absolute; margin:10px 0 0 34px; padding:0;}
					#focus dd.focus {position:absolute; width:448px; height:57px; left:0; top:0; margin:39px 0 0 12px; overflow:hidden;}
						#focus ul li.img {width:100px; float:left; height:57px;}
						#focus ul li.tit {margin:0 0 3px 0;}
						#focus ul li.tit a {color:#3B98A9;}
						#focus ul li.con {line-height:1.3;}
						#focus ul li.con a {color:#656565;}
					#focus dd.focus_control {position:absolute; top:0; right:0; margin:9px 58px 0 0;}
						#focus dd.focus_control ul li {float:left;}
					#focus dd.more {position:absolute; top:0; right:0; margin:7px 7px 0 0;}
					
					#focus div.focus_list {margin:1px 0 0 0;overflow:hidden;height:57px;}
					#focus div.focus_list ul {clear:both;display:none;}
					#focus div.focus_list ul.on {display:block;}
				/*
				.vip_yeosu {position:relative; width:475px; height:65px; margin:0 0 15px 0; background:url(/images/www/main/vip_bg.gif) no-repeat;}
					.vip_yeosu dt {float:left; padding:5px 0 0 15px; width:120px;}
					.vip_yeosu dd {float:left; width:330px; margin:5px 0 0 0; padding:0;}
					.vip_yeosu ul li {float:left; display:inline; width:140px; vertical-align:top; margin:0 0 0 5px; padding:0 0 0 8px; background:url(/images/www/main/main-link_bl3.gif) no-repeat left 5px;}
				*/
				.part {float:left; position:relative; width:232px; padding:0 0 0 72px; margin:0 0 15px 0; background:url(/images/www/main/part_bg.gif) no-repeat 14px 3px;}
					.part li {float:left; display:inline; width:87px; vertical-align:top; margin:0; padding:0 0 0 8px; background:url(/images/www/main/bu_square_black.gif) no-repeat 0 6px;}	
					.part li a {color:#656565;}
				
				.part2 {float:left; position:relative; width:121px; padding:0 0 0 50px; margin:0 0 15px 0; background:url(/images/www/main/part2_bg.gif) no-repeat 0 5px;}
					.part2 li {vertical-align:top; margin:0; padding:0 0 0 8px; background:url(/images/www/main/bu_square_black.gif) no-repeat 0 6px;}	
					.part2 li a {color:#656565;}
					
				.invil {clear:both; float:left; position:relative; width:235px; height:65px; padding:0; margin:0 0 15px 0; background:url(/images/www/main/invil_bg.gif) no-repeat;}
					.invil dt {float:left; padding:10px 0 0 10px; width:80px;}
					.invil dd {float:left; width:140px; margin:15px 0 0 0; padding:0;}
					.invil ul li {width:120px; vertical-align:top; margin:0 0 0 5px; padding:0 0 0 8px; background:url(/images/www/main/bu_square_black.gif) no-repeat 0 6px;}

				.eshop {float:right; position:relative; width:235px; height:65px; padding:0; margin:0 0 15px 0; background:url(/images/www/main/eshop_bg.gif) no-repeat;}
					.eshop dt {float:left; padding:10px 0 0 10px; width:55px;}
					.eshop dd {float:left; width:160px; margin:15px 0 0 0; padding:0;}
					.eshop ul li {width:150px; vertical-align:top; margin:0 0 0 5px; padding:0 0 0 8px; background:url(/images/www/main/bu_square_black.gif) no-repeat 0 6px;}
		
				.itv {clear:both; float:left; position:relative; width:240px; height:60px; padding:0; margin:0 0 15px 0; background:url(/images/www/main/itv_bg.gif) no-repeat right top;}
				* html .itv {margin:0 0 2px 0;}
					.itv dt {float:left; padding:0; width:65px;}
					.itv dd {float:left; width:175px; margin:13px 0 0 0; padding:0;}
					.itv ul li {float:left; display:inline; vertical-align:top; margin:0 8px 0 0; padding:0 0 0 12px; background:url(/images/www/main/main-link_bl4.gif) no-repeat 0 3px;}
					.itv ul li a {color:#0049B7; }

				.today {float:right; position:relative; width:235px; height:60px; padding:0; margin:0 0 15px 0;}
				* html .today {margin:0 0 2px 0;}
					.today dt {float:left; padding:10px 0 0 10px; width:65px;}
					.today dd {float:left; width:160px; margin:13px 0 0 0; padding:0;}
					.today ul li {float:left; display:inline; vertical-align:top; margin:0 8px 0 0; padding:0 0 0 12px; background:url(/images/www/main/main-link_bl4.gif) no-repeat 0 3px;}
					.today ul li a {color:#0049B7;}

				.family_site {position:relative; float:left; width:230px; margin:0 0 3px 5px; padding:0; border:0; display:inline;}
					.family_site legend {visibility:hidden; font-size:0; line-height:0; width:0; height:0; overflow:hidden;}
					.family_site select {float:left; margin:0; padding:0; vertical-align:top; width:195px; height:19px; border:1px solid #A0B97D; font-size:12px;}
					.family_site input {float:left; padding:0 0 0 4px;}
					.family_site form#gourl_1,
					.family_site form#gourl_3 {width:234px;}
					.family_site form#gourl_2,
					.family_site form#gourl_4 {}
			
			#right_area {position:relative; float:right;  width:240px; padding:0; margin:0;}
			
				#popup {position:relative; width:240px; height:165px; background:url(/images/www/main/popup_bg.gif) no-repeat; padding:0; margin:0 0 10px 0;}
					#popup dt {visibility:hidden; font-size:0; line-height:0; height:0; overflow:hidden;}
					#popup dd {margin:0; padding:0;}
					
					#popup dd.popup_control {position:absolute; left:0; top:0; margin:7px 0 0 7px; padding:0;}
					#popup dd.popup_control li {float:left; padding:0 2px 0 0; }
					#popup dd.popup_num {position:absolute; right:0; top:0; margin:7px 10px 0 0; padding:0; line-height:0;}
					#popup dd.popup_num li {float:left; padding:0 2px 0 0;}

					#popup dd.more {position:absolute; left:0; top:0; margin:5px 0 0 50px; padding:0;}
					
					#popup dd.popup_img {margin:25px 0 0 0; padding:0; overflow:hidden; width:100%; position:absolute; left:0; height:140px;}
					#popup_img {position:absolute; width:1500px; left:0; top:0; padding:0; margin:0;}
					#popup_img li {float:left; }
					#popup dd.popup_img .slideshow_guide {position:relative; margin:0 0 0 5px; padding:0; overflow:hidden; width:230px; height:135px;}

				
				.tour {position:relative; width:240px; height:65px; padding:0; margin:0 0 9px 0; background:url(/images/www/main/tour_bg.gif) no-repeat;}
					.tour dt {float:left; padding:10px 0 0 10px; width:50px;}
					.tour dd {float:left; width:180px; margin:5px 0 0 0; padding:0;}
					.tour ul li {float:left; display:inline; width:75px; vertical-align:top; margin:0 0 0 5px; padding:0 0 0 8px; background:url(/images/www/main/main-link_bl3.gif) no-repeat left 5px;}				
				
				.theme {position:relative; width:240px; height:41px; padding:0; margin:0 0 10px 0;}
					.theme li {float:left;}
				
				.gido {position:relative; width:240px; height:65px; padding:0; margin:0 0 10px 0; background:url(/images/www/main/gido_bg.gif) no-repeat;}
					.gido dt {float:left; padding:7px 0 0 15px; width:65px;}
					.gido dd {float:left; width:145px; margin:5px 0 0 0; padding:0;}
					.gido ul li {width:130px; vertical-align:top; margin:0 0 0 5px; padding:0 0 0 8px; background:url(/images/www/main/main-link_bl3.gif) no-repeat left 5px;}
		
				.travel {position:relative; width:240px; height:90px; padding:0; margin:0 0 10px 0; background:url(/images/www/main/travel_bg.gif) no-repeat;}
					.travel dt {float:left; padding:10px 0 0 15px; width:65px;}
					.travel dd {float:left; width:160px; margin:7px 0 0 0; padding:0;}
					.travel ul li {width:140px; vertical-align:top; margin:0 0 0 5px; padding:0 0 0 8px; background:url(/images/www/main/main-link_bl3.gif) no-repeat left 5px;}
				
				.odong {position:relative; padding:0; margin:0 0 10px 0;}

				.banner2 {float:left; position:relative; width:240px; height:50px; padding:0; margin:0; background:url(/images/www/main/banner_bg5.gif) no-repeat;}
					.banner2 img {vertical-align:top;}
					.banner2 dt {line-height:1.3; margin:5px 0 0 7px;}
					.banner2 dd.banner_img {width:140px; top:0; left:0; position:absolute; overflow:hidden; height:40px; margin:5px 0 0 88px;}
					.banner2 dd.banner_img ul {position:absolute;}
					.banner2 dd.banner_img ul li {float:left; padding:0 4px 0 0;}
					.banner2 dd.banner_img .slideshow_guide #banner_img {width:100000px;}
					.banner2 dd.banner_img .slideshow_guide {width:140px; height:40px; margin:0; overflow:hidden; padding:0; position:relative;}
					.banner2 dd.banner_control {position:absolute; top:0; left:0; margin:6px 0 0 58px; padding:0; z-index:2;}
					.banner2 dd.banner_control li {padding:0 0 2px 0; line-height:0;}
					.banner2 dd.more {position:absolute; top:0; left:0; margin:28px 0 0 10px; padding:0; line-height:1.3;}

		/*
		#banner {clear:both; float:left; position:relative; width:990px; height:60px; margin:20px 0 0 0; padding:9px 0 0 0; background:url(/images/www/main/bg_banner.gif) no-repeat 0 0;}
			
			.banner {float:left; position:relative; width:770px; padding:0; margin:0 0 0 12px; display:inline;}
			.banner img {vertical-align:top;}
			.banner dt {line-height:1.3;}
			.banner dd.banner_img {width:720px; top:0; position:absolute; overflow:hidden; height:40px; margin:0 0 0 50px;}
			.banner dd.banner_img ul {position:absolute;}
			.banner dd.banner_img ul li {float:left; padding:0 4px 0 0;}
			.banner dd.banner_img .slideshow_guide #banner_img {width:100000px;}
			.banner dd.banner_img .slideshow_guide {width:720px; height:40px; margin:0; overflow:hidden; padding:0; position:relative;}
			.banner dd.banner_control {position:absolute; top:0; left:0; margin:20px 0 0 0; padding:0; z-index:2;}
			.banner dd.banner_control li {float:left; padding:0 0 0 3px; line-height:1.3;}
			.banner dd.more {position:absolute; top:0; left:0; margin:35px 0 0 0; padding:0; line-height:1.3;}

			.banner2 {float:right; position:relative; width:200px; padding:0; margin:0;}
			.banner2 img {vertical-align:top;}
			.banner2 dt {line-height:1.3;}
			.banner2 dd.banner_img {width:140px; top:0; position:absolute; overflow:hidden; height:40px; margin:0 0 0 50px;}
			.banner2 dd.banner_img ul {position:absolute;}
			.banner2 dd.banner_img ul li {float:left; padding:0 4px 0 0;}
			.banner2 dd.banner_img .slideshow_guide #banner_img2 {width:100000px;}
			.banner2 dd.banner_img .slideshow_guide {width:140px; height:40px; margin:0; overflow:hidden; padding:0; position:relative;}
			.banner2 dd.banner_control {position:absolute; top:0; left:0; margin:20px 0 0 0; padding:0; z-index:2;}
			.banner2 dd.banner_control li {float:left; padding:0 0 0 3px; line-height:1.3;}
			.banner2 dd.more {position:absolute; top:0; left:0; margin:35px 0 0 0; padding:0; line-height:1.3;}

		*/



	#footer {position:relative; width:990px; height:70px; margin:0; clear:both; overflow:hidden; background:url(/images/www/main/footer_bg.gif) no-repeat;}
		
		p#footer_logo {position:relative; float:left; width:155px; height:50px; padding:12px 0 0 50px; margin:0; text-align:left;}
		
		.footer_nav {position:relative; float:left; width:785px; height:30px; padding:12px 0 0 0;}
			.footer_nav li {margin:0; float:left;}

		.kor_jj {position:absolute; top:0; right:0; padding:0; margin:2px 5px 0 0;}

		address {float:left; padding:0 5px 0 0; font-style:normal;}
		.copyright {float:left; margin:0; padding:0;}
			

			
/* 정운영 추가 */
dl.img_list {
	border:1px dotted #ccc;
	width:610px;
	float:left;
	background-color:#f7f7f7;
	padding:5px;
	margin-top:30px;
}
dl.img_list dt {
	font-weight:bold;
	background:#000;
	color:#fff;
	padding:3px;
	margin-bottom:5px;
	border:1px #fff;
}
dl.img_list dd {
	width:580px;	
	float:left;
	padding-left:20px;
	background:url(/_wscms30/img/temp/buLocation.gif) no-repeat 0 1px;
	border-bottom:1px dotted #ccc;
}
dl.img_list dd span.img_src {
	width:400px;
}

dl.img_list dd span.img_alt {
	margin-right:20px;
}

.search_keyword {
	height:150px;
	width:140px;
	margin:20px 0 0 430px;
	border:2px solid #3275C9;
	background-color:#fff;
	padding:5px;
	position:absolute;
	top:0;
	left:0;
	z-index:3;
	text-align:left;
}
.search_keyword ul li {
	cursor:pointer;
	background:none;
	z-index:3;
}
.search_keyword ul li:hover {
	display:block;
	background-color:#CCDCF2;
}
.search_keyword ul li em {
	 color:#FE6100;
	 font-style:normal;
	 padding:0 2px;
}

/* 링크 새창 알림 아이콘 설정 */
#gnb ul ul a.new_win {padding:0 29px 0 0; background:url(/images/common/icoNewWin2.gif) no-repeat 100% 0 !important;}
#main_content a.new_win {white-space:nowrap; padding:0 13px 0 0; background:url(/images/common/icoNewWin3Gray.gif) no-repeat 100% 0 !important;}
#main_content a.new_win:hover {background:url(/images/common/icoNewWin3.gif) no-repeat 100% 0 !important;}