@charset "utf-8";

html 		{ font-family: Arial,"돋움","맑은 고딕", Helvetica, sans-serif; overflow-y: scroll; position:relative; padding:0; margin:0;}
body 		{ margin:0;  position:relative; background-image:url(../img/bg_paper.jpg); background-repeat:repeat;}
#wrap		{ width:900px; background-color:#FFF; /* background-image:url(../img/bg-main-thin.jpg);*/ background-repeat:no-repeat; margin:10px auto; padding:0; position:relative; border:solid 1px #e5e5e5;}
ul, li 		{ padding:0; margin:0; list-style-type:none;}
a			{ text-decoration:none; }
a img		{ border:none;}
.off 		{ display:none;}

#header 				{ width: 100%; height: 120px; display:block; position:relative; /* background-image:url(../img/title_menu_bg.png); */}
#header #title_logo 	{width:69px; height:93px; display:block; position:absolute; top:17px; right:35px; z-index:999;}
#header #title_logo a 	{width:69px; height:93px; display:block; z-index:999;}
#header #header_menu ul	{ width:480px; padding-left:35px; list-style-type:none; overflow:hidden; position:absolute; left:0; top:69px;}
#header #header_menu ul	{ width:480px; padding-left:35px; list-style-type:none; overflow:hidden; position:absolute; left:0; top:69px;}
#header #header_menu ul li	{ float:left; padding:0;}
#header #header_menu ul li a { height:24px; display:block; background-image:url(../img/title_menu_off.png); background-repeat:no-repeat; }
#header #header_menu ul li a:hover,
#header #header_menu ul li a:focus,
#header #header_menu ul li a:active,
#header #header_menu ul li a.sel { background-image:url(../img/title_menu_on.png); }
#header #header_menu ul li a.tm1 { width:167px; background-position:0 0; }
#header #header_menu ul li a.tm2 { width:136px; background-position:-167px 0; }
#header #header_menu ul li a.tm3 { width:176px; background-position:-303px 0; }
#header #header_menu ul li a.tm4 { width:167px; background-position:0 -24px; }
#header #header_menu ul li a.tm5 { width:136px; background-position:-167px -24px; }
#header #header_menu ul li a.tm6 { width:176px; background-position:-303px -24px; }


.pagebody	{ width: 700px; overflow: hidden; min-height: 650px; height: auto !important; height: 650px; }

#contents 			{ padding:0 0; width:900px; position:relative;}

#contents .float_img.double { position:absolute; bottom:420px; right:-74px;}
#contents .float_img.twin { position:absolute; bottom:420px; right:-74px;}
#contents .float_img.family { position:absolute; bottom:420px; right:-24px;}
#contents.contactus iframe { padding:20px 35px 50px 35px; }
#contents #contentsFrame {  position:relative; }

#article			{ padding:0; margin:0; padding-bottom:75px;}
#article a			{ text-decoration:none; color:#666666;}
#article .h1_dot	{ width:6px; height:14px; border-left: 6px solid #cc2b2b; margin-top:2px; padding:0; float:left;}
#article h1 		{ color:#cc2b2b; padding:0; padding-bottom: 14px; margin:0; font-size:16px; line-height:18px; }
#article h2 		{ color:#cc2b2b; padding:0; padding-bottom: 14px; margin:0; font-size:14px; line-height:18px; }
#article h2 span	{ font-size: 10px; }

#article .carname		{ padding-top:30px; float:left;}
#article .carcategory	{ width:336px; padding-top:30px; padding-left:20px;  overflow:hidden;}
#article .flash			{ width:100%; padding:0; display:block; font-size:12px;color:#666666;}

#article .ptop_30		{ padding-top:30px;}
/*#article table			{ margin-top:20px; }*/


/* gallery */

#gallery { width:900px; height:360px; position:relative; display:block;}
#gallery #full_image { position:absolute; width:900px; height:360px; }
#gallery #thumbnail_image { position:absolute; top:461px; right:35px; width:336px; height:336px; }
#gallery #thumbnail_image a { position:relative; float:left; padding-left:2px; padding-bottom: 2px; }

/* #gallery.facilities #thumbnail_image { top:455px;} */

#gallery.accommodation { height:400px; position:absolute; bottom:0px; left:0px; }
#gallery.accommodation #full_image { bottom:35px; left:35px; width:600px; height:400px; }
#gallery.accommodation #thumbnail_image { bottom:-20px !important; top:auto; right:35px; width:230px; height:400px; }
#gallery.accommodation #thumbnail_image a { position:relative; float:left; padding-left:7px; padding-bottom: 7px; }

#gallery.facilities { height:400px; position:absolute; bottom:0px; left:0px;  }
#gallery.facilities #full_image { bottom:35px; left:35px; width:600px; height:400px; }
#gallery.facilities #thumbnail_image { bottom:-20px !important; top:auto; right:35px; width:230px; height:400px; }
#gallery.facilities #thumbnail_image a { position:relative; float:left; padding-left:7px; padding-bottom: 7px; }


#gallery.gallery { height:479px;}
#gallery.gallery #full_image { top:0px; left:0px; width:660px; height:480px; }
#gallery.gallery #thumbnail_image { top:0px; right:0px; width:240px; height:480px; }
#gallery.gallery #thumbnail_image a { position:relative; float:left; padding-left:1px; padding-bottom: 1px; }



/* footer */
#footer 							{ width:900px; height: 140px; display:block; border:0; position: relative; background-color:#FFF;}

#footer #footer_menu ul				{ width:430px; list-style-type:none; overflow:hidden; position:absolute; left:3px; top:17px;}
#footer #footer_menu ul li			{ float:left; padding:0;}
#footer #footer_menu ul li a 		{ height:25px; display:block; background-image:url(../img/footer_menu_off.png); background-repeat:no-repeat; }
#footer #footer_menu ul li a:hover,
#footer #footer_menu ul li a:focus,
#footer #footer_menu ul li a:active,
#footer #footer_menu ul li a.sel 	{ background-image:url(../img/footer_menu_on.png); }
#footer #footer_menu ul li a.fm1 	{ width:147px; background-position:0 0; }
#footer #footer_menu ul li a.fm2 	{ width:90px; background-position:-147px 0; }
#footer #footer_menu ul li a.fm3 	{ width:97px; background-position:-237px 0; }
#footer #footer_menu ul li a.fm4 	{ width:96px; background-position:-334px 0; }

#footer #language_menu ul			{ width:210px; list-style-type:none; overflow:hidden; position:absolute; right:26px; top:20px;}
#footer #language_menu ul li		{ float:left; padding:0;}
#footer #language_menu ul li a 		{ height:30px; display:block; background-image:url(../img/language_menu_off.png); background-repeat:no-repeat; }
#footer #language_menu ul li a:hover,
#footer #language_menu ul li a:focus,
#footer #language_menu ul li a:active,
#footer #language_menu ul li a.sel 	{ background-image:url(../img/language_menu_on.png); }
#footer #language_menu ul li a.tm1 	{ width:48px; background-position:0 0; }
#footer #language_menu ul li a.tm2 	{ width:62px; background-position:-48px 0; }
#footer #language_menu ul li a.tm3 	{ width:49px; background-position:-110px 0; }
#footer #language_menu ul li a.tm4 	{ width:49px; background-position:-159px 0; }

/* main navi */
#mainnav 				{ width:100%; background-image:url(../img/sub_nav_bg.jpg); }
#mainnav ul				{ height:36px; list-style:none; margin:0; }
#mainnav ul li			{ margin:0; padding:0; float:left; background-repeat:no-repeat; background-position:0 0; }

#mainnav.main ul { height:8px; }

#mainnav.aboutdreamh ul li	{ background-image:url(../img/aboutdreamh/main_nav_off.png); }
#mainnav.aboutdreamh ul li:hover,
#mainnav.aboutdreamh ul li:focus,
#mainnav.aboutdreamh ul li:active,	
#mainnav.aboutdreamh ul li.sel		{ background-image:url(../img/aboutdreamh/main_nav_on.png);  }
#mainnav.aboutdreamh ul li.mn1		{ width: 104px; background-position:0 0; }
#mainnav.aboutdreamh ul li.mn2		{ width: 173px; background-position:-104px 0; }
#mainnav.aboutdreamh ul li.mn3		{ width: 121px; background-position:-277px 0; }
#mainnav.aboutdreamh ul li.mn4		{ width: 183px; background-position:-145px 0; }
#mainnav.aboutdreamh ul li.mn5		{ width: 165px; background-position:-835px 0; }

#mainnav.accommodation ul li			{ background-image:url(../img/accommodation/main_nav_off.png); }
#mainnav.accommodation ul li:hover,
#mainnav.accommodation ul li:focus,
#mainnav.accommodation ul li:active,	
#mainnav.accommodation ul li.sel		{ background-image:url(../img/accommodation/main_nav_on.png);  }
#mainnav.accommodation ul li.mn1		{ width: 112px; background-position:0 0; }
#mainnav.accommodation ul li.mn2		{ width: 121px; background-position:-112px 0; }
#mainnav.accommodation ul li.mn3		{ width: 133px; background-position:-233px 0; }
#mainnav.accommodation ul li.mn4		{ width: 78px; background-position:-264px 0; }
#mainnav.accommodation ul li.mn5		{ width: 98px; background-position:-325px 0; }

#mainnav.facilities ul li			{ background-image:url(../img/facilities/main_nav_off.png); }
#mainnav.facilities ul li:hover,
#mainnav.facilities ul li:focus,
#mainnav.facilities ul li:active,	
#mainnav.facilities ul li.sel		{ background-image:url(../img/facilities/main_nav_on.png);  }
#mainnav.facilities ul li.mn1		{ width: 100px; background-position:0 0; }
#mainnav.facilities ul li.mn2		{ width: 130px; background-position:-100px 0; }
#mainnav.facilities ul li.mn3		{ width: 136px; background-position:-230px 0; }
#mainnav.facilities ul li.mn4		{ width: 154px; background-position:-366px 0; }
#mainnav.facilities ul li.mn5		{ width: 90px; background-position:-520px 0; }

#mainnav.reservation ul li			{ background-image:url(../img/reservation/main_nav_off.png); }
#mainnav.reservation ul li:hover,
#mainnav.reservation ul li:focus,
#mainnav.reservation ul li:active,	
#mainnav.reservation ul li.sel		{ background-image:url(../img/reservation/main_nav_on.png);  }
#mainnav.reservation ul li.mn1		{ width: 150px; background-position:0 0; }
#mainnav.reservation ul li.mn2		{ width: 150px; background-position:-150px 0; }

#mainnav.gallery ul li			{ background-image:url(../img/gallery/main_nav_off.png); }
#mainnav.gallery ul li:hover,
#mainnav.gallery ul li:focus,
#mainnav.gallery ul li:active,	
#mainnav.gallery ul li.sel		{ background-image:url(../img/gallery/main_nav_on.png);  }
#mainnav.gallery ul li.mn1		{ width: 145px; background-position:0 0; }
#mainnav.gallery ul li.mn2		{ width: 98px; background-position:-145px 0; }
#mainnav.gallery ul li.mn3		{ width: 127px; background-position:-243px 0; }
#mainnav.gallery ul li.mn4		{ width: 130px; background-position:-370px 0; }

#mainnav.tourinfo ul li			{ background-image:url(../img/tourinfo/main_nav_off.png); }
#mainnav.tourinfo ul li:hover,
#mainnav.tourinfo ul li:focus,
#mainnav.tourinfo ul li:active,	
#mainnav.tourinfo ul li.sel		{ background-image:url(../img/tourinfo/main_nav_on.png);  }
#mainnav.tourinfo ul li.mn1		{ width: 150px; background-position:0 0; }

#mainnav.community ul li			{ background-image:url(../img/community/main_nav_off.png); }
#mainnav.community ul li:hover,
#mainnav.community ul li:focus,
#mainnav.community ul li:active,	
#mainnav.community ul li.sel		{ background-image:url(../img/community/main_nav_on.png);  }
#mainnav.community ul li.mn1		{ width: 127px; background-position:0 0; }
#mainnav.community ul li.mn2		{ width: 147px; background-position:-127px 0; }
#mainnav.community ul li.mn3		{ width: 109px; background-position:-274px 0; }
#mainnav.community ul li.mn4		{ width: 139px; background-position:-383px 0; }

#mainnav.sitemap ul li			{ background-image:url(../img/sitemap/main_nav_off.png); }
#mainnav.sitemap ul li:hover,
#mainnav.sitemap ul li:focus,
#mainnav.sitemap ul li:active,	
#mainnav.sitemap ul li.sel		{ background-image:url(../img/sitemap/main_nav_on.png);  }
#mainnav.sitemap ul li.mn1		{ width: 150px; background-position:0 0; }




#mainnav ul li a 		{ width:100%; height:36px; font-size:1px; font-weight: bold; line-height: 1px; text-decoration:none; color:#c6c6c6; text-align:left; display:block;}


/* side navi */
#sidenav					{ width: 148px; padding:30px 28px 0 24px; float:left;}
#sidenav a					{ display:none;}

/* main page */
#main 					{ padding:0; }
#main #banner			{ }
#main #banner ul		{ }
#main #banner ul li 	{ height:133px; padding:4px 5px; float:left; }
#main #banner ul li.bn1 { width:190px; }
#main #banner ul li.bn2 { width:226px; }
#main #banner ul li.bn3 { width:226px; }
#main #banner ul li.bn4 { width:226px; }


/* sitemap */
#sitemap.pagebody { height:1000px;}
#sitemap #article ul			{ position:relative; list-style-type:none; padding-top: 20px;}
#sitemap #article ul li			{ float: left; width:100%; padding-bottom: 35px; }
#sitemap #article ul li a		{ color:#333; font-size:14px; text-decoration:none; font-weight:bold;}
#sitemap #article ul li a .dot	{ display:none; }

#sitemap #article ul li ul 				{ width:100%; padding-left: 7px; padding-top:7px; list-style-type: none; border-top:1px solid #ccc; display:block;}
#sitemap #article ul li ul li 			{ width:20%; color: #666; font-weight:bold; font-size:12px; padding-bottom: 10px; }
#sitemap #article ul li ul li a			{ color: #666; font-weight:bold; font-size:12px; text-decoration: none; padding-left: 9px; background-image:url(../img/sitemap_dot.gif); background-repeat:no-repeat; background-position:0px 3px; }
#sitemap #article ul li ul li ul		{ padding-top:5px; list-style: none; padding-left: 0px; border:0; }
#sitemap #article ul li ul li ul li		{ width:100%; padding:1px 0; color: #666; font-size:12px; font-weight:normal;}
#sitemap #article ul li ul li ul li a	{ font-size:12px; font-weight:normal; padding-left:1px; background-image:none; }
#sitemap #article ul li ul li ul li a .dot	{ display: inline; }

#sitemap .top, #sitemap .bottom {display:none;}