@charset "utf-8";

body {background:url(/images/tour/main/top/bg_body.gif) repeat-x;}

h2 {overflow:hidden;}
h2 *,
dd * {vertical-align:top;}

#wrap {position:relative; width:100%; overflow:hidden; z-index:1;}

	#header {position:relative; width:950px; height:440px; margin:0 auto; overflow:hidden; z-index:2;}
	
		h1#logo {position:relative; float:left; margin:27px 0 0 0; padding:0; width:270px; height:48px; z-index:3;}

		.toplink {position:relative; float:left; width:680px; height:71px; margin:4px 0 0 0;}
		
			ul#other_site_link {position:relative; float:left;}
			ul#other_site_link li {margin:0; float:left;}

			ul#top_etc_nav {position:relative; float:right;}
			ul#top_etc_nav li {margin:0; padding:0; float:left;}
		
		.spot {clear:both; position:relative; float:left; width:660px; height:338px; margin:-48px 0 0 0; padding:0; z-index:2;}

		.spot_right {position:relative; float:right; width:290px; margin:-48px 0 0 0; padding:0; } 
			.circle {position:relative; width:290px; height:224px;  margin:0; padding:0;}
			
			.card {position:relative;  width:290px; margin:0; padding:0; }
				.card h2 {height:26px; }
				.card dl {margin:0; padding:0;}
				.card dl dt {float:left; height:74px;}
				.card dl dt.tour {width:56px;}
				.card dl dt.shop {width:50px; padding:0 0 0 20px; background:url(/images/tour/main/spot/card_bg.gif) no-repeat 5px top;}
				.card dl dd {float:left;}
		
		#gnb {clear:both; position:relative; width:950px; height:75px; margin:0; overflow:hidden; background:url(/images/tour/main/gnb/gnb_bg.gif) no-repeat;}
		
		#gnb ul {overflow:hidden; margin:0 0 0 115px;}
		#gnb ul li {margin:0; float:left;}
		#gnb ul li a {display:block; color:#000; font-weight:bold;}
		#gnb ul li a:hover,
		#gnb ul li.on a {color:#FFC34B; }
		
		#gnb ul ul {position:absolute; display:none;}
		#gnb #gnb01 {width:800px; margin:5px 0 0 100px;}
		#gnb #gnb02 {width:800px; margin:5px 0 0 140px;}
		#gnb #gnb03 {width:750px; margin:5px 0 0 200px;}
		#gnb #gnb04 {width:750px; margin:5px 0 0 150px;}
		#gnb #gnb05 {width:750px; margin:5px 0 0 140px;}
		#gnb #gnb06 {width:700px; margin:5px 0 0 250px;}
		#gnb ul li.on ul {display:block; left:0;}
		#gnb ul li.on ul li {margin:0 10px 0 0; padding:0 0 0 7px; background:url(/images/tour/main/top/bu_list_sub.gif) no-repeat left 7px;}
		#gnb ul li.on ul li a {font-weight:normal; color:#000; white-space:nowrap;}
		#gnb ul li.on ul li.on a,
		#gnb ul li.on ul li a:hover {color:#2762B2; text-decoration:underline;}
	
	#middle {position:relative; width:950px; margin:0 auto; padding:0 0 30px 0; overflow:hidden;}
		
		.left_area {position:relative; width:250px; float:left;}
			
			ul#notice {position:relative; width:250px; height:135px; overflow:hidden; margin:0 0 15px 0;}
			ul#notice li {position:absolute;}
			ul#notice li.tab_list01,
			ul#notice li.tab_list02 {top:0;}
			ul#notice li a.title {position:absolute; display:block; left:0; top:0; float:left;}
			ul#notice li#tab_0_01 a.title {z-index:2; margin:0;}
			ul#notice li#tab_0_02 a.title {z-index:1; margin:0 0 0 90px;}
			ul#notice ul {display:none; width:250px; margin:35px 0 0 0;}
			ul#notice li.on ul {display:block;}		
			ul#notice ul li {position:relative; height:20px; overflow:hidden; width:100%; text-align:center; color:#787878;}
			ul#notice ul li * {vertical-align:top;}
			ul#notice ul li a {display:block; width:140px; padding:0 0 0 12px; color:#787878; text-align:left; text-decoration:none; white-space:nowrap; background:url(/_layout/images/www/main/notice/bu_list.gif) no-repeat 4px 8px; float:left; overflow:hidden;}
			ul#notice ul li a img {vertical-align:middle;}
			ul#notice ul li span {display:block; width:75px; text-align:left; float:right;}
			ul#notice ul li.more {position:absolute; width:36px; right:0; top:0; border:none; overflow:hidden;}
			ul#notice ul li.more a {display:block; width:auto; margin:0; padding:0; line-height:1; background:none !important;}

			.culture {position:relative; width:250px; height:130px; background:url(/images/tour/main/left/culture_bg.gif) no-repeat; overflow:hidden; margin:0 0 25px 0;}
			.culture dt  {height:42px; padding:24px 0 0 0;}
			.culture dd {width:200px; padding:0 0 0 6px;}
			.culture dd ul li {width:98px; float:left;}

			.guide {position:relative; width:250px; height:185px; padding:0; margin:0;}

		.center_area {position:relative; width:380px; margin:0 0 0 30px; float:left;}

			.help {position:relative; width:380px; height:115px; background:url(/images/tour/main/center/help_bg.gif) no-repeat left bottom; overflow:hidden; margin:0 0 20px 0;}
			.help dt  {height:40px; padding:0;}
			.help dd {padding:0 0 0 20px;}
			.help dd ul li {float:left;}

			.festival {position:relative; width:380px; height:140px; background:url(/images/tour/main/center/festival_bg.gif) no-repeat left bottom; overflow:hidden; margin:0 0 10px 0;}
			.festival dt  {float:left; width:242px; padding:9px 0 0 10px;}
			.festival dd {float:left; padding:15px 0 0 0;}
			.festival dd.more {position:absolute; width:35px; left:0; top:0; padding:0; margin:15px 0 0 122px; overflow:hidden;}

			.food {position:relative; width:380px; height:205px; background:url(/images/tour/main/food/food_bg.gif) no-repeat left bottom; overflow:hidden; margin:0;}
			.food dt {height:35px; padding:0 0 0 10px;}
			.food dd {width:360px; margin:0 0 0 10px;}
			.food dd .list {width:100%;}

			.food dd .list li {float:left; width:180px;}
			.food dd ul li.food_list,
			.food dd ul li.stay_list {height:65px; padding:0; margin:9px 0;}
			.food dd ul ul li.img {float:left; width:76px; height:56px; padding:2px; border:1px #E4E4E4 solid; margin:0 10px 0 0;}
			.food dd ul ul li.tit {float:left; width:85px; margin:0; padding:0px;}
			.food dd ul ul li.tit a {color:#0060AF; font-weight:bold;}
			.food dd ul ul li.cat {float:left; width:85px; margin:0; padding:0px;}
			.food dd ul ul li.tel {float:left; width:85px; margin:0; padding:0px;}

			.food dd.more {position:absolute; width:36px; right:0; top:0; padding:0; margin:0; overflow:hidden;}
			
		
		
		.right_area {position:relative; width:260px; float:right;}
		
			.thema {position:relative; float:left; width:260px; margin:0 0 15px 0; padding:0;}
			.thema h2 {height:25px; }
			.thema dl {width:130px; float:left; margin:0; padding:0;}
			.thema dl dt {height:25px;}
			.thema dl dd ul li {padding:0 0 0 10px;}

			fieldset#search {clear:both; position:relative; float:left; width:260px; height:50px; margin:0 0 15px 0; border:none; background:url(/images/tour/main/search/search_bg.gif) no-repeat;}
			fieldset#search legend {display:none;}
			fieldset#search * {vertical-align:top;}
			fieldset#search label {display:block; width:68px; height:20px; padding:18px 0 0 20px; overflow:hidden; float:left;}
			fieldset#search input#keyword {width:116px; height:16px; margin:18px 0 0 0; padding:0; font-size:11px; float:left;}
			fieldset#search input#btn_submit {margin:18px 0 0 3px; border:none; float:left;}
			fieldset#search .search_keyword {position:absolute; width:118px; height:100px; top:0; left:0; margin:38px 0 0 88px; padding:2px; background:#FFF; border:2px solid #838BAD; overflow:hidden; overflow-y:auto;}
			fieldset#search .search_keyword * {vertical-align:middle;}
			fieldset#search .search_keyword ul {width:100% !important; padding:0; background:none;}
			fieldset#search .search_keyword ul li {background:none;}
			fieldset#search .search_keyword ul li a,
			fieldset#search .search_keyword ul li a:hover,
			fieldset#search .search_keyword ul li a:focus {width:auto; display:inline; margin:0; padding:0 2px; line-height:1; font-style:normal; background:none;}

			.photo {clear:both; position:relative; width:260px; height:100px; background:url(/images/tour/main/photo/photo_bg.gif) no-repeat left 26px; overflow:hidden; margin:0 0 15px 0;}
			.photo dt  {height:38px; padding:0;}
			.photo dd {padding:0;}
			.photo dd ul li {float:left; margin:0 2px;}
			.photo dd ul li img {width:76px; height:56px; padding:2px; border:1px #E4E4E4 solid;}
			.photo dd.more {position:absolute; width:36px; right:0; top:0; padding:0; margin:0; overflow:hidden;}

			.service {clear:both; position:relative; width:260px; height:170px; background:url(/images/tour/main/right/service_bg.gif) no-repeat left bottom; overflow:hidden; margin:0;}
			.service dt {height:36px; padding:0;}
			.service dd {padding:0 0 0 5px;}
			.service dd ul li {float:left; margin:0 7px 5px 6px;}
			
	#footer_wrap {clear:both; position:relative; width:100%; background:url(/_layout/images/www/main/footer/bg.gif) repeat-x 0 0;}
	
		#footer {position:relative; width:980px; height:92px; margin:0 auto; overflow:hidden;}
		
			#footer_top {position:absolute; width:980px; height:21px; margin:16px 0 0 0; background:#E4E4E4; overflow:hidden;}
			
				ul#footer_nav {position:relative; margin:5px 0 0 11px; float:left;}
				ul#footer_nav li {margin:0 5px 0 0; padding:0 12px 0 0; line-height:1; background:url(/_layout/images/www/main/footer/bg_footer_nav_bar.gif) no-repeat 100% 0; float:left;}
				* html ul#footer_nav li {line-height:1.2;}
				ul#footer_nav li a {color:#656565;}
				ul#footer_nav li.ma {margin:0; padding:0; background:none;}
				
				ul#counter {position:relative; display:inline; width:202px; margin:5px 18px 0 0; float:right;}
				* html ul#counter,
				*+html ul#counter {margin:4px 18px 0 0;}
				ul#counter li {width:100px; color:#000000; line-height:1; font-size:11px; font-family:Tahoma, Geneva, sans-serif; float:left; white-space:nowrap;}
				ul#counter li img {margin:0 6px 0 0; vertical-align:middle;}
				
			p#footer_logo {position:absolute; top:0; left:0; margin:42px 0 0 14px; float:left;}
			
			address {position:absolute; display:block; top:0; left:0; margin:46px 0 0 106px; font-size:12px; color:#656565; font-style:normal; float:left;}
			
			p#copyright {position:absolute; display:block; top:0; left:0; margin:63px 0 0 106px; font-size:9px; font-family:Tahoma, Geneva, sans-serif; float:left;}
			p#copyright strong {color:#445ED8; font-weight:normal;}
				
		

/* 링크 새창 알림 아이콘 설정 */
#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;}