@charset "utf-8";

@import url('global.css');

#wrapper {width:100%;}

#accessibility {position:absolute; z-index:100; margin-left:-2000px;}

#header {width:100%; height:401px;}
	.gnb {position:relative; margin:0 auto; width:1000px; height:60px;}
	.gnb .logo {float:left; padding-top:8px;}
	.gnb .gnbMenu {float:right; padding-top:6px; height:24px;}
	.gnb .gnbMenu li {float:left; padding:5px 0 0 8px; margin-left:7px; background:url(../img/common/v_03.gif) no-repeat left 6px;}
	.gnb .gnbMenu li.fir {padding-left:0; margin:0; background:none;}
	.gnb .gnbMenu li.sel {padding:0 0 0 8px; margin:0; background:none;}
	.gnb .gnbMenu li fieldset {float:right;}
	.gnb .gnbMenu li * {vertical-align:top;}
	
	.gnb .gnbSearch {clear:right; float:right;}
	.gnb .gnbSearch .inp {padding:3px 0 0 9px; width:145px; height:15px; border:1px solid #7F9DB9; color:#989898;}
	.gnb .gnbSearch * {vertical-align:top;}
	
	.topNavi {overflow:hidden; position:relative; width:100%; height:361px; text-align:center;}
	.topNavi .navi {position:absolute; left:0; top:-45px; width:100%;}
	
	/* noscript */
	.noscriptNavi {overflow:hidden; margin:0 auto; width:1000px; text-align:left; height:0;}
	.noscriptNavi {height:0; line-height:0; font-size:0;}
	.noscriptNavi li {float:left; padding:10px 0 7px; width:123px; height:0; line-height:0; font-size:0; font-weight:bold;}
	.noscriptNavi li ul {margin:10px 0 0; width:auto;}
	.noscriptNavi li ul li {float:none;  font-weight:normal;}
	.noscriptNavi a {position:absolute; top:-100px; display:block; color:#FFF; background:#000;}
	.noscriptNavi a:hover, .noscriptNavi a:focus, .noscriptNavi a:active {padding:10px 0 7px; top:350px; width:119px; font-size:12px; border:2px solid #DDD; line-height:normal; text-align:center;}
	
	.skipFlash {clear:both; margin:0 auto; width:1000px; height:0; line-height:0; font-size:0; text-align:left;}
	.skipFlash a {position:absolute; top:-100px; display:block; display:block; color:#FFF; background:#000;}
	.skipFlash a:hover, .skipFlash a:focus, .skipFlash a:active {top:350px; padding:10px 5px 7px; font-size:12px; height:15px; border:2px solid #DDD; line-height:normal;}
	
	.onFlash {display:none;}
	
	.weather {position:absolute; left:0; width:100%;}
	.weather .wrap {margin:0 auto; width:1000px;}
	.weather .wrap .contFlash {margin:40px 0 0 778px; width:222px; height:93px;}
	.weather .wrap .cont {margin:40px 0 0 778px; width:222px; height:93px; background:url(../img/main/bg_weather.png) no-repeat left top;}
	.weather .wrap .cont dl {float:left; padding:25px 0 0 10px; width:101px; text-align:left; font-weight:bold; color:#FFF;} 
	.weather .wrap .cont dl dt {margin-bottom:5px; padding-left:5px; font-size:13px;}
	.weather .wrap .cont dl dd img {margin-bottom:-2px; vertical-align:middle;}
	
#container {visibility:visible; margin:0 auto 15px; _margin-top:-20px; width:1004px;}
#container:after {content:"."; display:block; height:0; font:0/0 arial; clear:both; visibility:hidden;} /* ff hack */
	.sideWrap {float:left; width:235px;}
	.centerWrap {float:left; padding:0 25px; width:480px;} 

#quick {margin:0 auto; width:1000px;}
	.quickWrap {position:absolute; z-index:1000; top:409px; margin-left:1027px; width:84px; height:214px;}
	.quickWrap h3 {height:24px;}
	.quickWrap ul {padding:6px 6px 0 7px; height:235px; background:url(../img/common/bg_quick.gif) no-repeat left top;}
	.quickWrap ul li {border-bottom:1px solid #EDEDED; text-align:center;}
	.quickWrap ul li.top {margin-top:11px; border-bottom:0;}
	.quickWrap ul li.top img {padding:5px;}
	.quickWrap ul li img {vertical-align:top;}
	
#footer {padding-top:17px; width:100%; height:64px; background:url(../img/common/footer_bg.gif) repeat-x left top;}
	.footerWrap {margin:0 auto; width:1000px;}
	.footerWrap .footLeft {float:left; width:417px;}
	.footerWrap .footRight {float:right; width:575px;}
	.footerWrap .menu {height:19px;}
	.footerWrap .menu li {float:left; padding-left:12px; margin-left:11px; background:url(../img/common/v_04.gif) no-repeat left 2px;}
	.footerWrap .menu li.fir {padding:0; margin:0; background:none;}
	.footerWrap .mark {clear:both; float:right; width:578px;}
	.footerWrap .mark li {float:left; margin-left:14px;}
	.footerWrap .mark li.fir {margin:0;}
	.footerWrap address {height:25px;}
	.footerWrap img {vertical-align:top;}
	
	
/* contents */
#press {margin-top:-135px;}
#press .btn {padding-left:80px;}
#press ul {display:none;}

#gallery {margin-top:-135px;}
#gallery .btn {padding-left:160px;}
#gallery ul {display:none;}

.bbsList {margin-top:15px; height:135px;}
.bbsList h1 {position:absolute; left:-2000px; height:0; font-size:0; line-height:0;}
.bbsList .btn {height:36px;}
.bbsList {width:100%;}
.bbsList li {padding:0 0 7px 175px; font-size:11px; text-align:right;}
.bbsList li a {color:#888;}
.bbsList li span {float:left; margin-left:-175px; text-align:left;}

/* 추천 가이드 */
.recommGuide {margin-bottom:21px; height:127px; border:1px solid #E7E6E6; background:url(../img/main/bg_line.gif) repeat-x left bottom;}
.recommGuide .pic {float:left; width:101px;}
.recommGuide .guideLink {float:left; width:122px;}
.recommGuide .guideLink ul {margin-left:10px;}
.recommGuide .guideLink ul li {margin-bottom:8px;}
.recommGuide .guideLink ul li img {vertical-align:top;}

/* 하이원 후기 */
.high1Review {height:120px;}
.high1Review h1 {height:19px; border-bottom:1px solid #A9A9A9;}
.high1Review ul {margin-top:10px; width:100%;}
.high1Review ul li {padding:0 0 7px 175px; font-size:11px; text-align:right;}
.high1Review ul li a {color:#888;}
.high1Review ul li span {float:left; margin-left:-175px; text-align:left;}

/* link */
#hotel, #fski, #casino {display:none;}
.subMenuLink li img {vertical-align:top;}
.noscriptLink {overflow:hidden;}
.noscriptLink ul {margin:-11px 0 0 -1px; width:481px;}
.noscriptLink ul li {float:left; padding-top:10px; border-top:1px solid #F0F0F0; border-left:1px solid #F0F0F0;}
.noscriptLink ul li img {vertical-align:top;}

/* 이벤트 */
.eventList {height:300px;}
.eventList .pic {height:279px;}
.eventList .pic img {width:235px; height:279px;}
.eventList .num {height:21px; background:#787878;}
.eventList .num ol {padding:3px 3px 0 0; float:right;}
.eventList .num ol li {float:left; margin-left:3px;}
.eventList * {vertical-align:top;} 

.customer {overflow:hidden; width:235px; height:97px;}
.customer img {vertical-align:top;}