@charset "utf-8";

body {background:url(/images/tour/main/top/bg.gif) repeat-x;}

#wrap {position:relative; width:980px; margin:0; overflow:hidden; }

	#header {position:relative; width:980px; height:80px; z-index:2; margin:0;}
	
		h1#logo {position:relative; width:220px; margin:25px 0 0 40px; float:left; display:inline;}

		ul#top_nav {position:relative; float:right; margin:0; height:40px;}
			ul#top_nav li {margin:0; padding:0; float:left;}
		
	
		#gnb {float:left; position:relative; width:720px; margin:0; z-index:3;}
		
		#gnb ul {overflow:hidden; margin:0;}
		#gnb ul li {margin:0; float:left;}
		#gnb ul li a {display:block; color:#000;}
		#gnb ul li a:hover,
		#gnb ul li.on a {color:#FFC34B; }
		
		#gnb ul ul {position:absolute; display:none;}
		#gnb #gnb01 {width:600px; margin:8px 0 0 0px;}
		#gnb #gnb02 {width:600px; margin:8px 0 0 0px;}
		#gnb #gnb03 {width:600px; margin:8px 0 0 0px;}
		#gnb #gnb04 {width:600px; margin:8px 0 0 80px;}
		#gnb #gnb05 {width:550px; margin:8px 0 0 130px;}
		#gnb #gnb06 {width:700px; margin:8px 0 0 -20px;}
		#gnb #gnb07 {width:680px; margin:8px 0 0 0px;}
		#gnb #gnb08 {width:420px; margin:8px 0 0 250px;}
		#gnb #gnb09 {width:670px; margin:8px 0 0 25px;}


		#gnb ul li.on ul {display:block; left:0;}
		#gnb ul li.on ul li {margin:0 5px 0 0; padding:0 5px 0 0;}
		
		#gnb ul li.on ul li a {color:#000; white-space:nowrap; letter-spacing:-1px;}
		#gnb ul li.on ul li.on { }
		#gnb ul li.on ul li.on a,
		#gnb ul li.on ul li a:hover {color:#f46700; }

		ul.ten {position:absolute; top:0; right:0; margin:50px 0 0 0;}
			ul.ten li {margin:0; padding:0; float:left;}
	
	#middle {position:relative;width:980px; margin:0 0 10px; padding:0; z-index:1; overflow:hidden;}
		
		#top {position:relative;width:980px; height:430px; margin:0 0 20px; padding:0; background:url(/images/tour/main/main_bg.gif) no-repeat;}
			
			#spot {position:relative; float:left; width:400px; height:430px; margin:0; padding:0; overflow:hidden;}

			#thema {position:relative; float:left; width:375px; height:200px; margin:150px 0 0 105px; padding:0; overflow:hidden;}
				#thema h2 {float:left; width:102px; padding:6px 0 0 0; margin:0; overflow:hidden;}
				#thema ul {float:left; width:250px; padding:0; margin:0; overflow:hidden;}
				#thema ul li {float:left; padding:0 5px 5px 0; margin:0;}

			#guide {position:relative; float:left; margin:156px 0 0 0; padding:0; overflow:hidden;}
				#guide li {padding:0 0 20px 0; margin:0;}
			
			fieldset#search {position:absolute; height:20px; bottom:0; right:0; margin:0 10px 19px 0; border:none; z-index:2;}
				fieldset#search legend {display:none;}
				fieldset#search * {vertical-align:top;}
				fieldset#search form {float:left; font-size:12px;}
				fieldset#search label {display:block; width:67px; height:20px; padding:0; overflow:hidden; float:left;}
				fieldset#search input#keyword {width:140px; margin:0 0 0 5px; padding:0 0 0 5px;  float:left; font-size:12px;}
				fieldset#search input#btn_submit {margin:0 17px 0 5px; border:none; float:left;}
				fieldset#search select {font-size:12px;}
				
				fieldset#search .search_keyword {position:absolute; width:143px; height:90px; z-index:3; top:0; left:0; margin:25px 0 0 65px; 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;}

		
		#left {clear:both; position:relative; float:left; display:inline; width:300px; margin:0 0 0 30px; padding:0; overflow:hidden;}
		
			ul#notice {position:relative; width:300px; height:160px; padding:0; margin:0 0 15px 0; overflow:hidden;}
				ul#notice li {margin:0; float:left;}
				ul#notice li ul {position:absolute; display:none; width:300px; height:120px; left:0; top:0; margin:35px 0 0 0;}
				ul#notice li.on ul {display:block;}		
				ul#notice ul li {position:relative; width:100%; height:21px; line-height:1.9; padding:0; text-align:center; color:#787878; float:none; overflow:hidden; border-bottom:1px #eaeaea solid;}
				ul#notice ul li a {display:block; width:200px; padding:0 0 0 8px; color:#000; float:left; text-align:left; background:url(/images/tour/main/notice/bl.gif) no-repeat left 9px;}
				ul#notice ul li a img {padding:0 0 1px 2px; 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:39px; right:0; top:0; margin:-30px 1px 0 0; padding:0; line-height:1; border:none; overflow:hidden;}
				ul#notice ul li.more a {display:block; width:auto; margin:0; padding:0; background:none !important;}
				ul#notice ul li.more a img {padding:0;}
		
			#help {position:relative; width:300px; height:93px; margin:0 0 18px 0; padding:0; overflow:hidden;}
				#help h2 {height:24px; padding:0; margin:0; overflow:hidden;}
				#help ul {padding:0; margin:0;}
				#help ul li {float:left;  padding:0 6px 0 0px; margin:0;}
				#help ul li.pad0 {padding:0;}

			#expo {position:relative; width:300px; height:64px; margin:0 0 15px 0; padding:0; overflow:hidden;}
		
			#sun {position:relative; width:300px; height:105px; margin:0; padding:0; overflow:hidden; background:url(/images/tour/main/sun/bg.gif) no-repeat;}
				#sun h2 {height:21px; padding:5px 0 0 10px; margin:0; overflow:hidden;}
				#sun iframe {height:45px; margin:0 0 0 8px; padding:0; overflow:hidden;}
				#sun p {padding:3px 0 0 8px; margin:0; overflow:hidden;}

			
		#center {position:relative; float:left; display:inline; width:396px; height:470px; margin:0 0 0 16px; padding:0; overflow:hidden; background:url(/images/tour/main/center_bg.gif) no-repeat;}
			
			#region {position:relative; width:360px; height:195px; margin:15px 0 22px 18px; padding:0; overflow:hidden; background:url(/images/tour/main/region/bg.gif) no-repeat;}
				#region h2 {margin:0; padding:9px 0 0 10px; height:70px;}
				#region fieldset#area {position:relative; border:0; margin:0 0 0 10px; width:116px; }
				#region fieldset#area legend {display:none;}
				#region fieldset#area label {display:block; height:27px; }
				#region fieldset#area .select_1 {display:block; width:112px; margin:0 0 2px;}
				#region fieldset#area .select_2 {display:block; width:112px; margin:0 0 5px;}
				#region fieldset#area .stay_submit_2 {padding:0; margin:0 0 0 58px;}
				#region p {position:absolute; right:0; top:0; margin:0 0 0 0;}

			dl#chucheon {position:relative; width:360px; height:110px; margin:0 0 14px 18px; background:url(/images/tour/main/chucheon/bg.gif) repeat-x; overflow:hidden;}
				dl#chucheon dt {position:relative; height:31px;}
				dl#chucheon dd.chucheon_box {position:relative; width:360px; height:75px; margin:0 0 0 0; overflow:hidden;}
				dl#chucheon dd.chucheon_box #chucheon_list {height:75px; overflow:hidden;}
				dl#chucheon dd.chucheon_box ul {position:relative; height:75px; overflow:hidden; clear:both;}
				dl#chucheon dd.chucheon_box ul li.img {width:120px; float:left;}
				dl#chucheon dd.chucheon_box ul li.img img {padding:2px; border:1px solid #DCDCDC;}
				dl#chucheon dd.chucheon_box ul li.tit {width:230px; margin:5px 0; font-weight:bold; color:#000000; float:right;}
				dl#chucheon dd.chucheon_box ul li.tit a {color:#000000; }
				dl#chucheon dd.chucheon_box ul li.con {width:230px; line-height:1.2; color:#656565; float:right;}
				dl#chucheon dd.chucheon_box ul li.con a {color:#656565; }
				dl#chucheon dd.chucheon_control {position:absolute; top:0; right:0; margin:1px 60px 0 0; float:left;}
				dl#chucheon dd.chucheon_control ul li {float:left;}
				dl#chucheon dd.more {position:absolute; top:0; right:0; margin:0; line-height:1; float:left;}

			#gallery {position:relative; width:360px; height:100px; margin:0 0 0 18px; background:url(/images/tour/main/gallery/bg.gif) no-repeat 0 100%; overflow:hidden;}
				#gallery h2 {position:relative; height:30px; margin:0; padding:0;}
				#gallery ul {position:relative; width:285px; height:70px; margin:0 0 0 75px; }
				#gallery ul li {float:left; margin:0 2px; color:#656565; text-align:center; overflow:hidden;}
				#gallery ul li img {width:88px; height:67px; margin:0; padding:0; border:1px solid #CACACA;}
				#gallery ul li span {display:none; text-align:center;}
				#gallery .more {position:absolute; top:0; right:0; margin:0 0 0 0; line-height:1;}

		#right {position:relative; float:right; width:220px; margin:0; padding:0; z-index:1;}
			
			#popupzone {position:relative; width:220px; height:200px; margin:0 0 20px 0; background:url(/images/tour/main/popupzone/bg.gif) no-repeat 0 0; overflow:hidden;}
				#popupzone .popupzone_img {position:relative; margin:2px 0 0 2px; width:216px; height:175px;}
				#popupzone .popupzone_img .slideshow_guide {position:relative; margin:0; width:216px; height:175px; overflow:hidden;}
				#popupzone .popupzone_img .slideshow_guide ul {position:absolute; width:5000px;}
				#popupzone .popupzone_img .slideshow_guide ul li {float:left;}
				#popupzone .popupzone_control {position:absolute; right:0; bottom:0; margin:0 46px 4px 0;}
				#popupzone .popupzone_control ul li {float:left; margin:0; line-height:0;}
				#popupzone .popupzone_num {position:absolute;left:0; bottom:0; margin:0 0 5px 6px;}
				#popupzone .popupzone_num ul {width:100%;}
				#popupzone .popupzone_num ul li {margin:0 3px 0 0; float:left; line-height:0;}
				#popupzone .more {position:absolute; right:0; bottom:0; margin:0 5px 2px 0; line-height:0;}

			#online {position:relative; width:220px; height:130px; margin:0 0 20px 0; padding:0; overflow:hidden; background:url(/images/tour/main/online/bg.gif) no-repeat;}
				#online h2 {height:46px; padding:12px 0 0 0; margin:0; overflow:hidden;}
				#online ul {padding:0; margin:0;}
				#online ul li {padding:0 0 6px 0px; margin:0;}

			#guide2 {position:relative; width:220px; height:100px; margin:0; padding:0; overflow:hidden;}
				#guide2 li {padding:3px 0 0 0; margin:0;}


		dl#banner {position:relative; float:left; display:inline; width:950px; height:50px; margin:20px 0 0 30px;}
			dl#banner dt {position:absolute; top:0; left:0; margin:5px 0 0 5px;}
			dl#banner dd.banner_img {position:absolute; top:0; left:0; margin:6px 0 0 70px;}
			dl#banner dd.banner_img .slideshow_guide {position:relative; width:830px; height:36px; margin:0; padding:1px; overflow:hidden;}
			dl#banner dd.banner_img .slideshow_guide ul {position:absolute; width:5000px;}
			dl#banner dd.banner_img .slideshow_guide ul li {margin:0 10px 0 0; float:left;}
			dl#banner dd.banner_img .slideshow_guide ul li img {border:1px #dadada solid;}
			dl#banner dd.banner_control {position:absolute; top:0; right:0; margin:7px 8px 0 0;}
			dl#banner dd.banner_control ul li {padding:0; margin:0; line-height:1;}
			dl#banner dd.banner_control ul li img {vertical-align:top;}
			dl#banner dd.more {position:absolute; top:0; left:0; margin:25px 0 0 8px; line-height:1; float:left;}
 
#footer_wrap {position:relative; clear:both; width:100%; height:115px; margin:0; overflow:hidden; background:url(/images/tour/main/copy/bg.gif) repeat-x;}	
	
	#footer {position:relative; clear:both; width:930px; height:70px; margin:15px 0 0 50px;  overflow:hidden;}
		p#footer_logo {position:absolute; top:0; left:0; margin:0;}

		ul#footer_nav {position:absolute; top:0; left:0; margin:3px 0 0 210px; display:inline;}
			ul#footer_nav li {margin:0 7px 0 0; padding:0 7px 0 0; float:left; background:url(/images/tour/main/copy/bl.gif) no-repeat right 5px;}

		address {position:absolute; display:block; top:0; left:0; margin:20px 0 0 210px; color:#656565; font-style:normal; }
			
		p#copyright {position:absolute; display:block; top:0; left:0; margin:36px 0 0 210px; font-family:Tahoma, Geneva, sans-serif; float:left;}
		p#copyright strong {color:#445ED8;}
				
		

/* 링크 새창 알림 아이콘 설정 */
#gnb ul ul a.new_win {padding:0 16px 0 0; background:url(/images/common/icoNewWin5.gif) no-repeat 100% 4px !important;}
#middle a.new_win {white-space:nowrap; padding:0 13px 0 0; background:url(/images/common/icoNewWin3Gray.gif) no-repeat 100% 0 !important;}
#middle a.new_win:hover {background:url(/images/common/icoNewWin3.gif) no-repeat 100% 0 !important;}
