@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@font-face {
	font-family: 'ng';
	src: url('../webfont/NanumGothic.eot');
	src: local("※"),
		url('../webfont/NanumGothic.woff') format('woff');
}

body html{overflow:hidden; width:100%;}
#wrap {width:100%; height:100%; overflow:hidden; position:relative;}
#wrap .BigVisual {width:100%; /*height:100%;*/ overflow:hidden;}
#wrap .sub3Img {width:100%; /*height:100%;*/ overflow:hidden; position: fixed;}
#wrap .sub3Img > div {position: relative;}
#wrap .sub3Img .sub3_img {display:block; width:100%; min-width:1200px;}
#wrap .sub3Img .flash3 {position: absolute; width:100%; height:900px; min-width:1200px; text-align: center; vertical-align: middle;}
/*서브3 비주얼 이미지 텍스트 위치 변경하는부분*/
#wrap .sub3Img > div > p {position: absolute; bottom:40%; left:10%;}
@media all and (max-width:1200px){
	#wrap .sub3Img > div > p {bottom:20%;}
	#wrap .sub3Img > div > p >img {width:80%; display:block;}
}

#wrap .BigVisual2 {width:100%; height:100%; overflow:hidden;}
#wrap .intro {width:100%; height:100%;  margin:0 auto; overflow:hidden; position: fixed;}
#wrap .intro > div {position: relative;}
#wrap .intro .intro_img {display:block; width:100%; height:100%; min-width:1200px;}
/*서브3 비주얼 이미지 텍스트 위치 변경하는부분*/
#wrap .intro > div > p {position: absolute; bottom:51%; left:13.5%;}
@media all and (max-width:1200px){
	#wrap .intro > div > p {bottom:20%;}
	#wrap .intro > div > p >img {width:80%; display:block;}
}


/*서브3 비주얼 이미지 텍스트 위치 변경하는부분*/

#wrap .BigVisual > li {min-width:1200px; width:100%; height:100%; position:fixed; top:0; left:0; display:none;}
#wrap .BigVisual > li.first {z-index:100; display:block;}
#wrap .BigVisual > li > img {display:block; height:100%; min-width:1200px; width:100%;}


#wrap .sVisualZone {position:fixed; bottom:-92px; left:0; width:100%; z-index:900;}
#wrap .sVisualZone .sVisual {width:100%;}
#wrap .sVisualZone .sVisual > ul {width:100000px;}
#wrap .sVisualZone .sVisual > ul > li {float:left; padding-right:2px;}
#wrap .sVisualZone .playZone {padding:0 10% 5% 0;}
#wrap .sVisualZone .playZone > ul {width:100%; text-align:right;}
#wrap .sVisualZone .playZone > ul > li {width:100%; display:inline; margin:0 23px;}
#wrap .sVisualZone .playZone > ul > li.play {position:relative; top:4px;}



#wrap .visualTxt {position:fixed; top:55%; left:0%; z-index:900; width:100%; text-align: center;}
#wrap .visualTxt2 {position:fixed; top:75%; left:0%; z-index:900; width:100%; text-align: center;}
#wrap .visualTxt3 {position:fixed; top:70%; left:0%; z-index:900; width:100%; text-align: center;}


/*예약안내추가부분*/
/* sub-layout */


#sub-wrapper {width:100%; background:url("../images/sub_03bg.png"); overflow-y:hidden;  }
#sub-wrapper2 {width:100%; height:100%; background:url("../images/sub_top_bg.jpg") repeat 0 0 ; overflow-y:hidden;  }
	
#sub.intro #sub-wrapper{position:relative;}
#sub.intro #sub-wrapper #sub-visual{position:absolute; left:0; top:0;}

/*  sub-visual*/
#sub-visual{width:48.5%; height:100%; float:left; overflow:hidden; background:url(../images/bg_brown.html) repeat 0 0; position:fixed; left:0; top:0;}
#sub-visual .typo{position:absolute; top:60.2%; left:5.8%; color:#fff; }
#sub-visual .txt{font-size:1.5em; line-height:1.4em;}
#sub-visual .txt strong{font-size:2.0em; display:block; letter-spacing:-1px;} 
#sub-visual .txtlong{font-size:12px; font-family:'Nanum Gothic', sans-serif; line-height:1.3em; padding-top:20px;}  
#sub-visual img{width:100%; height:100%;}

#sub-wrap{width:60%; float:left; padding-left:40%; }
#sub-header{ text-align:center; width:100%; overflow:hidden; height:141px; position:relative; border-bottom:1px solid #c2beb4;}
#sub-header.fixed{position:fixed; top:0; left:0; }
#sub-header h1.logo{padding:32px 0 0 51px; float:left;}
#sub-header h1.logo > a {display:block; width:100%; height:100%;}
#sub-header .menudown{position:absolute; left:50%; margin-left:-90px; }
#sub-header .utilMenu{float:right; padding:25px 3.0% 0  0; height:110px;}
#sub-header .utilMenu .local{overflow:hidden; display:block;}
#sub-header .utilMenu .local a{float:left; margin-left:18px;}
#sub-header .utilMenu .local a:first-child{margin-left:56px;}
#sub-header .utilMenu .subcopy{clear:both; display:block; padding-top:5px;}

#sub-contianer{clear:both; position:relative; padding:57px 0 0 0; width:100%;}
#sub-contianer{background-repeat : no-repeat; }

#sub-contianer .subtit{width:100%; text-align:center; margin:20px 0 0px 0;} 
#sub-contianer .flash{position:relative !important; height:100%; width:940px;  margin:0 auto;}
#sub-contianer .sub-content{margin:0 10px 0 17px; height:100%; overflow:hidden; text-align:center;}
#sub-contianer .sub-content .submenu {overflow:hidden; width:340px; margin:0 auto; }
#sub-contianer .sub-content .submenu li{float:left; padding:0px 4px 30px 0px;}

#sub-contianer .sub-content .submenu2 {overflow:hidden; width:560px; margin:0 auto; }
#sub-contianer .sub-content .submenu2 li{float:left; padding:0px 4px 30px 0px;}

#sub-contianer .bottom {padding:0 0 0 0;}
#sub-contianer .bottom img {display:block; width:100%; min-width: 1200px;}


.sub-content .img{margin:0 1%;}
.sub-content .img img{width:100%; max-width:940px;} /* .img 안의 이미지는 사이즈조절이됨.최대 940px이상 늘어나지는않음 */
.sub-content .basic img{width:auto; max-width:auto;}
/* sub-section */
.sub-section{ padding:0px 10px 0 44px; height:100%; text-align:center; font-size:16px; color:#363636; font-family: "NanumGothicBold"; line-height:23px;}

/*여기까지 예약안내 추가부분*/


a.rollLeftBtn {position:fixed; top:48%; left:10%; z-index:9999999;}
a.rollRightBtn {position:fixed; top:48%; right:10%; z-index:9999999;}

div.topZone {width:100%; /*min-height:100%;*/ position:absolute; top:40px; left:0; z-index:9998; background:url("../images/sub_top_bg.png") repeat 0 0; margin-top:10000px; overflow:hidden; padding:0 0 0px 0;}
div.topZone .downBtn {text-align:center; padding:15px 0 10px 50px; font-size:0;}
div.topZone .topBtn {text-align:center; padding:20px 0 40px 50px; font-size:0;}
div.topZone .quickZone {width:900px; height:700px; margin:0 auto;}
div.topZone .quickZone > h3 {padding:0 0 10px 47px; font-size:0; line-height:1;}
div.topZone .quickZone > ul {padding:0 0 93px 32px;}
div.topZone .quickZone > ul > li {float:left; padding:0 0 0 9px;}

div.topZone .quickZone2 {width:1200px; margin:0 auto;}
div.topZone .quickZone2 > h3 {padding:0 0 10px 107px; font-size:0; line-height:1;}
div.topZone .quickZone2 > ul {padding:0 0 50px 92px;}
div.topZone .quickZone2 > ul > li {float:left; padding:0 0 0 9px;}


div.topZone .sub3Tit {text-align:center;}
div.topZone .topTxt1 {font-family: 'ng'; text-align: center; color: #3e3e3e; line-height:20px; font-size: 14px; font-weight: bold; padding:31px 0 0 0;}
div.topZone .topTxt2 {font-family: 'ng'; text-align: center; font-size: 14px; color: #178781; padding:18px 0 75px 0; font-weight: bold;}
div.topZone .topTxt3 {font-family: 'ng'; text-align: center; color: #3e3e3e; line-height:20px; font-size: 14px; font-weight: bold; padding:15px 0 60px 0;}
div.topZone .topTxt4 {font-family: 'ng'; text-align: center; font-size: 14px; color: #ac2f6a; padding:5px 0 0px 0; font-weight: bold;}

div.topZone .topImgZone {width:1200px; margin:0 auto; padding:0 0 0 92px;}
div.topZone .topImgZone li{float:left; padding-left:2px;}
div.topZone .topImgZone li p { padding:6px 0 0 0;}

div.topZone .topImgZone2 {padding:58px 0 0 0;}
div.topZone .topImgZone2 img {display:block; width:100%; min-width: 1200px;}

div.topZone .topImgZone3 {width:1200px; margin:0 auto; padding:50px 0 0 140px;}
div.topZone .topImgZone3 li{float:left; padding-left:2px;}
div.topZone .topImgZone3 li p {text-align:center; padding:6px 0 0 0;}

div.topZone .topImgZone4 {width:1000px; margin:0 auto; padding:0 0 0 92px;}
div.topZone .topImgZone4 li{float:left; padding-left:2px;}
div.topZone .topImgZone4 li p { padding:6px 0 0 0;}

div.topZone .topImgZone5 {width:480px; margin:0 auto; padding:0 0 0 20px;}
div.topZone .topImgZone5 li{float:left; padding-left:2px;}

div.topZone .topImgZone6 {width:780px; margin:0 auto; padding:0 0 0 20px;}
div.topZone .topImgZone6 li{float:left; padding-left:2px;}

div.topZone .topImgZone7 {width:1000px; margin:0 auto; padding:50px 0 0 20px;}
div.topZone .topImgZone7 li{float:left; padding-left:2px;}

#naverMap {width:700px; height:400px; margin-top:5px;}

div.topZone .sub4Tit {text-align:center; padding:72px 0 61px 0;}

div.topZone .reservation {width:770px; margin:0 auto;}
div.topZone .reservation .priceZone {padding:29px 0 97px 0;}
div.topZone .reservation .priceZone .price {width:558px; float:left;} 
div.topZone .reservation .priceZone .price h5 {margin-bottom:0px; font-size:0; line-height:1;}
/*div.topZone .reservation .priceZone .price_txt {border:7px solid #dfdfdf; width:443px; height:87px; margin-bottom: 20px;}*/
div.topZone .reservation .priceZone .reservationBtn {float:left; padding:109px 0 0 0px;}

div.topZone .detail_view {text-align: center;}
div.topZone .detail_img {text-align: center; padding:48px 0 95px 0;}

/*detail_view2는 텍스트 가운데*/
div.topZone .detail_view2 {text-align: center; padding:20px 0 95px 0;}

div.topZone .detail_txt {text-align: center; padding:0px 0 95px 50px;}
div.topZone .detail_txt2 {text-align: center; padding:10px 0 10px 0;}
div.topZone .detail_txt22 {text-align: center; padding:40px 0 90px 0;}
div.topZone .detail_txt3 {text-align: center; padding:140px 0 30px 0;}
div.topZone .detail_txt4 {text-align: center; padding:4px 0 30px 250px;}
div.topZone .detail_txt41 {text-align: center; padding:4px 0 30px 720px;}
div.topZone .detail_txt42 {text-align: center; padding:4px 0 30px 520px;}
div.topZone .detail_txt43 {text-align: center; padding:4px 0 30px 350px;}
div.topZone .detail_txt5 {text-align: center; padding:60px 0 60px 0px;}
div.topZone .detail_txt6 {text-align: center; padding:4px 0 30px 530px;}
div.topZone .detail_txt7 {text-align: center; padding:4px 0 20px 0px;}

/*detail_img2는 가로100%*/
div.topZone .detail_img2 {padding:90px 0 152px 0;}
div.topZone .detail_img2 img {display:block; width:100%; min-width:1200px;}

div.topZone .detail_img3 {width:1180px; margin:0 auto; padding:0 0 214px 0;}
div.topZone .detail_img3 li {float:left;}
div.topZone .detail_img3 li.first {margin-right:2px;}

div.topZone .detail_img4 {text-align: center; padding:50px 0 0px 0;}
div.topZone .detail_img5 {text-align: center; padding:2px 0 80px 0;}
div.topZone .detail_img6 {text-align: center; padding:2px 0 30px 0;}
div.topZone .detail_img7 {text-align: center; padding:2px 0 10px 0;}
div.topZone .detail_img8 {text-align: center; padding:100px 0 10px 0;}
div.topZone .detail_img9 {text-align: center; padding:2px 0 2px 0;}
div.topZone .detail_img10 {text-align: center; padding:140px 0 10px 0;}
div.topZone .detail_img11 {text-align: center; padding:140px 0 100px 0;}

div.topZone .room_txtZone {width:100%; padding:30px 0 0 0;}
div.topZone .room_txtZone .left {float:left; margin-right:52px;}
div.topZone .room_txtZone .right {float:left;}

div.travel h3 {font-size:14px; line-height:33px; color:#767676; font-family: 'ng';}

div.travel .travelBox {margin-bottom:18px; width:100%;}
div.travel .travelBox p {float:left;}
div.travel .travelBox dl {float:left; background-color:#767676; padding:40px 0 0 22px; height:190px; width:498px;}
div.travel .travelBox dl dt {font-family: 'ng'; font-size:18px; text-decoration:underline; padding:0 0 42px 0;}
div.travel .travelBox dl dd {font-size:11px; line-height:18px; padding-right:10px;}
div.travel .travelBox dl dd em {font-size:13px; color:#767676; font-family: 'ng'; display:block; line-height:19px;}

a.top_move_btn {position: fixed; top:48%; right:15px; z-index:99999; display:none;}

/*테이블*/
table.table_V1 {width:100%; font-size:14px; color:#444;}
table.table_V1 th {background-color:#eee; text-align:center; border:1px solid #ccc; padding:7px 0 6px 0;}
table.table_V1 td {border:1px solid #ccc; text-align:center; padding:7px 0 6px 0;}

/*세로테이블*/
table.table_V2 {width:100%; font-size:14px; color:#444;}
table.table_V2 th {background-color:#eee; text-align:center; border:1px solid #ccc; padding:7px 0 6px 0;}
table.table_V2 td {border:1px solid #ccc; text-align:left; padding:7px 5px 6px 10px;}

.flashZone {margin:0 auto; position:relative !important; height:750px;}
.flashZone2 {margin:0 auto; position:relative !important; height:110px;}

div.flashZone3 {width:100%; margin:0 auto; text-align:center; position:relative !important; height:900px;  padding:0px 0 0 0; }
/*갤러리롤링부분 추가*/