/* main */
#spaceSlide {overflow:hidden; position:relative; width:100%; height:100%; background:#1e1f29; z-index:10}
#spaceSlide .slide {display:block !important; overflow:hidden; position:relative; height:100%; background:#000;}
#spaceSlide .slide .bgImg {width:100%; height:890px; vertical-align:top; }

#spaceSlide .visualCont {position:absolute; top:100px; bottom:0; left:0; right:0; width:100%; height:350px; margin:auto; text-align:center; z-index:10}
#spaceSlide .visualCont .title_visual {position:relative; /*text-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3)*/color:#fff;font-family:'Rufina', serif;font-size:25px;}
#spaceSlide .visualCont .title_visual span.resumen {margin-top:40px;display:block; padding-bottom:0px;font-family: verdana, cursive;font-size:28px;padding-bottom:25px;}
#spaceSlide .visualCont .txt {position:relative; margin-top:30px;font-size:35px;color:#fff;}

.pager {position:absolute; right:20px; top:0; bottom:0; font:0/0 a; color:transparent; text-decoration:none; z-index:20;}
.pager:before {content:''; display:inline-block; vertical-align:middle; height:100%;}
.pager a{display:block; width:21px; height:21px;}
.pager a.active span {border-color:#fff;}
.pager a.active span:after {background:none}
.pager span {position:relative; display:block; border:2px solid transparent; overflow:hidden; width:10px; height:10px;-webkit-border-radius:11px; border-radius:11px;
-webkit-transition:border-color 0.3s;
-moz-transition:border-color 0.3s;
-o-transition:border-color 0.3s;-ms-transition:border-color 0.3s;
transition:border-color 0.3s;}
.pager span:after {content:''; display:block; width:6px; height:6px; margin:2px auto 0; background:#fff;-webkit-border-radius:3px; border-radius:3px;
-webkit-transition:background 0.3s;
-moz-transition:background 0.3s;
-o-transition:background 0.3s;-ms-transition:background 0.3s;
transition:background 0.3s}

.pager .pages {display:inline-block; vertical-align:middle;}
.pager .pages a.activeSlide span {border-color:#fff;}
.pager .pages a.activeSlide span:after {background:none}
.pager .pages a:hover span {border-color:#fff;}
.pager .pages a:hover span:after {background:none}


#btnNextSection {position:absolute; bottom:120px; left:50%; width:84px; height:62px; margin:0 0 0 -42px; z-index:25;
-webkit-animation: bounce .7s linear infinite alternate;
-moz-animation: bounce .7s linear infinite alternate;
-o-animation: bounce .7s linear infinite alternate;
-ms-animation: bounce .7s linear infinite alternate;
animation: bounce .7s linear infinite alternate}
#btnNextSection a {display:block; width:84px; height:62px; background: url(../images/main/btn_nextSection.png) no-repeat 0 0;}

/* 다음 섹션 앵커 애니메이션 */
@-webkit-keyframes bounce {
    from {bottom:120px; opacity:0.2}
    to {bottom:110px}
}
@-moz-keyframes bounce {
    from {bottom:120px; opacity:0.2}
    to {bottom:110px}
}
@-o-keyframes bounce {
    from {bottom:120px; opacity:0.2}
    to {bottom:110px}
}
 
@keyframes bounce {
    from {bottom:120px; opacity:0.2}
    to {bottom:110px}
}



#mainContent {position:relative; width:94%; margin:0 auto; }
#mainContent:before {content:'';  vertical-align:middle;}





.l_img {position:relative; overflow:hidden; width:100%;}
.l_img li {float:left; width:100%}
.l_img li img {width:100%;}



/* room */
#sub_visual {display:none}

.bg_room {background:none}
.rooms .rooms_rollimg {position:relative; margin-top:20px}
.rooms .rooms_rollimg .rooms_img img {width:100%;}	
.rooms .rooms_rollimg .rooms_img .txt {display:none;}
.rooms h3 {display:none;}
.rooms_btn {display:none;}

.rooms .rooms_rollimg .rooms_img .m_txt {position:absolute; bottom:0; left:0; width:100%; height:32px; line-height:34px; 
background-color:rgba(0,0,0,0.6); filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#6000000', endColorstr='#600'); color:#fff; z-index:198; text-align:center}
.rooms .rooms_rollimg .rooms_img .m_txt span {font-size:14px;  padding-right:20px; line-height:34px;}

.room {position:relative; margin-top:20px;}
.room:before {content:'';  vertical-align:middle;}
.room .slider_move {}
.room .room_center {position:absolute; width:100%; z-index:10; text-align:center}
.room .room_center:after {content:""; clear:both; display:block;}

.room .room_center .controls {position:absolute; width:100%; left:0; top:0;}
.room .room_center .controls a {position:absolute; top:50%; margin-top:90px; width:28px; height:36px; background: url(../images/room/btn_controls2.png) 0 0 no-repeat; text-indent:-9999px; z-index:20;}
.room .room_center .controls .prev {background-position: 0px 0px; left:0; }
.room .room_center .controls .next {background-position: -28px 0px; right:0;}
.room .room_center .controls .prev:hover {background-position: 0px -36px;}
.room .room_center .controls .next:hover {background-position: -28px -36px;}

.room .room_center .room_title {display:none;}
.room .room_center .room_title .part {display:block; margin-top:15px; color:#fff; font-size:35px; line-height:20px; }
.room .room_center .room_title h3 {display:block; color:#fff; font-family: verdana, cursive; font-size:28px; line-height:30px; letter-spacing:-0.5px; font-weight:normal; filter:alpha(opacity=0.9); opacity:0.9; zoom:1;/*text-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3)*/}
#wrapFull .room .room_center .room_title h3 {font-size:28px;}
.room .bar {display:block; margin:30px auto 0; width:60px; border-bottom:2px solid #fff}

.room .btn {display:block; margin:30px 0;}
.room .btn a {display:inline-block; margin:0 10px; width:85px; height:85px; background: url(./images/btn_room.png) 0 0 no-repeat;  text-indent:-9999px; }
.room .btn .res {background-position: 0px 0px;}
.room .btn .res:hover {background-position: 0px -85px;}
.room .btn .info {background-position: -100px 0px;}
.room .btn .info:hover {background-position: -100px -85px;}
.room .btn .view {background-position: -200px 0px;}
.room .btn .view:hover {background-position: -200px -85px;}

/*.room .info_area {position:absolute; width:100%; height:800px; left:0; top:550px; background:#fff; z-index:30;}
.room .info_area .info {position:relative; width:1000px; margin:0 auto;}*/

.room .info_area {position:relative; width:100%; margin-top:30px}
.room .info_area .info {position:relative; width:100%; margin:0 auto;}
.room .info_area .title_box {display:none; position:relative; text-align:center}
.room .info_area .room_info {border:1px solid #dcdcdc; padding:10px; padding-top:0px; margin-top:0px; margin-bottom:20px; border-top:none; border-left:none;border-right:none;line-height:21px; text-align:center;}

.room .info_area .info_box {position:relative; overflow:hidden; margin-top:30px;}
.room .info_area .info_box .cont {float:left; width:100%; }
.room .info_area .info_box .cont:first-child {margin-right:40px;}
.room .info_area .info_box .cont .name {font-size:14px;}
.room .info_area .info_box .cont .name span {padding:3px 7px 4px; margin-right:10px; background:#b49350; color:#fff; font-size:14px; font-family:'NanumGothicBold';}

.room .info_area .info_box .cont h4 {height:16px; line-height:16px; font-size:16px; font-weight:normal;}
.room .info_area .info_box .cont .white_box {border:1px solid #dddddd; background:#fff; margin-top:10px; padding:13px 15px 15px; line-height:20px;}

.info_list li {line-height:22px; padding-left:13px; background:url(../images/common/bul_jum.gif) no-repeat 4px 9px;}
.info_list .tel {font-size:18px;}

.room .info_area .info .btn {display:block; position:relative; width:214px; margin:40px auto 0;}



.cutpage {
	position:relative; clear:both;
	background-repeat: no-repeat;
	background-position:center center;
	background-size:cover;
}


/* 배치도 */
.m_s_chart {}
.m_s_chart p img {width:100%}

.s_chart {display:none;}
.chart_exp {display:none;}


/* 모바일 */
.tit_area {padding-top:30px; margin-bottom:0px; background:url(../images/common/bg_tit.png) no-repeat center 34px; text-align:center}
.tit_area .tit {font-size:20px; color:#333; font-family:'NanumGothicBold'; line-height:20px; text-align:center; padding-left:20px; background:#fff url(../images/common/bg_tit_v.png) no-repeat left 6px;}
.tit_area .tit_r_line {padding-left:20px; background:url(../images/common/bg_tit_v.png) no-repeat right 6px;}
.tit_area .s_txt {display:block; margin-top:6px; color:#444; font-size:11px; text-align:center; line-height:16px; text-transform:uppercase;}

.blind {overflow:hidden; position:absolute; top:-9999em; left:-9999em; width:0; height:0; padding:0; margin:0; text-indent: -9999em;visibility:hidden;outline:none;z-index:-1}
.hide_text {position:absolute; visibility:hidden; overflow:hidden; width:0; height:0; font-size:0 !important;}  







@media screen and (min-width:640px){
	




	.tab_type01 dd {width:30%;}
	.rooms .rooms_rollimg .rooms_img .txt {display:block; position:absolute; bottom:50%; left:50%; margin:0 0 -60px -53px; z-index:199;}
	.rooms .rooms_rollimg .rooms_img .txt a {display:block; width:105px; height:126px; text-align:center;}
	.rooms .rooms_rollimg .rooms_img .txt .s {background:url(../images/room/img_flag_s.png) 0 0 no-repeat;}
	.rooms .rooms_rollimg .rooms_img .txt .g {background:url(../images/room/img_flag_g.png) 0 0 no-repeat;}
	.rooms .rooms_rollimg .rooms_img .txt a span { display:inline-block; margin:37px 0 11px; color:#fff; font-size:17px; font-family:'NanumGothicBold'; line-height:19px;}
	.rooms .rooms_rollimg .rooms_img .txt a img {display:block; margin:0 auto; width:19px; height:19px}

	

	/* special */
	.s_page .cont p {width:87%; margin:0 auto; font-size:13px; line-height:20px;}
	.s_page .cont h3 {color:#333; margin:20px 0; font-size:20px; line-height:20px;  font-family:'맑은 고딕','Malgun Gothic','dotum'; font-weight:normal;}	
	.img_left .cont h3 {color:#cd9c73}
	.img_right .cont h3 {color:#cd9c73}


	/* 모바일 */
	.tit_area {padding-top:30px; margin-bottom:0px; background:url(../images/common/bg_tit.png) no-repeat center 39px; text-align:center}
	.tit_area .tit {font-size:24px; color:#333; font-family:'NanumGothicBold'; line-height:24px; text-align:center; padding-left:20px; background:#fff url(../images/common/bg_tit_v.png) no-repeat left 11px;}
	.tit_area .tit_r_line {padding-left:20px; background:url(../images/common/bg_tit_v.png) no-repeat right 11px;}
	.tit_area .s_txt {display:block; margin-top:6px; color:#444; font-size:12px; text-align:center; line-height:16px; text-transform:uppercase;}
	
}


@media screen and (min-width:768px){




	.tit_area .tit {font-size:30px; color:#333; font-family:'NanumGothicBold'; line-height:30px; text-align:center; padding-left:20px; background:#fff url(../images/common/bg_tit_v.png) no-repeat left 11px;}
	.tit_area .s_txt {display:block; margin-top:8px; color:#444; font-size:12px; text-align:center; line-height:16px;}

	

	.special .l_img li {float:left; margin-top:20px; width:100%}
}



@media screen and (min-width:1024px){


	
	/* rooms */
	#sub_visual {display:block; position:relative; overflow:hidden; margin-top:89px; width:100%; height:258px; text-align:center; }
	#sub_visual .bg {display:inline-block; width:100%; height:100%;}
	/*#sub_visual .bg img {width:140%; margin-left:-20%}*/
	#sub_visual .txt {display:inline-block; position:absolute; left:50%; top:69px; width:640px; margin-left:-320px; }
	#sub_visual .txt_rooms {display:inline-block; position:absolute; left:50%; top:49px; width:640px; margin-left:-320px; }
	#sub_visual .btn_b_view {display:block; width:160px; margin:20px auto 0; text-align:left;}
	#sub_visual .btn_b_view a {display:block; height:29px; line-height:28px; padding-left:28px; font-size:14px; color:#fff; background:#303030 url('../images/room/btn_arr.png') right 20px top 11px no-repeat;-webkit-border-radius:30px; border-radius:30px;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;-ms-transition:all 0.3s;
	transition:all 0.3s}
	#sub_visual .btn_b_view a:hover {color:#fff; background:#ed6710 url('../images/room/btn_arr.png') right 15px top 11px no-repeat;-webkit-border-radius:30px; border-radius:30px;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;-ms-transition:all 0.3s;
	transition:all 0.3s}

	.bg_room {background:#1f1f1f url(../images/room/bg_rooms.gif) repeat-y center top;}
	.rooms {position:relative; overflow:hidden; width:1000px; margin:0 auto; text-align:center}
	.rooms .suite {position:relative; float:left; width:500px;} 
	.rooms .grand {position:relative; float:left; width:500px;}
	.rooms .rooms_rollimg {position:relative; margin-top:0px}
	.rooms .rooms_rollimg .rooms_img img {width:500px; height:302px;}		
	.rooms .rooms_rollimg .rooms_img .txt {position:absolute; bottom:-40px; left:50%;  margin:0 0 0 -53px; z-index:199;}
	.rooms .rooms_rollimg .rooms_img .txt a {display:block; width:105px; height:126px; text-align:center;}
	.rooms .rooms_rollimg .rooms_img .txt .s {background:url(../images/room/img_flag_s.png) 0 0 no-repeat;}
	.rooms .rooms_rollimg .rooms_img .txt .g {background:url(../images/room/img_flag_g.png) 0 0 no-repeat;}
	.rooms .rooms_rollimg .rooms_img .txt a span { display:inline-block; margin:37px 0 11px; color:#fff; font-size:17px; font-family:'NanumGothicBold'; line-height:19px;}
	.rooms .rooms_rollimg .rooms_img .txt a img {display:block; margin:0 auto; width:19px; height:19px}
	.rooms_btn {display:block; position:relative; margin-bottom:30px; text-align:center; line-height:20px;}
	.rooms_btn a {display:inline-block; color:#fff; font-size:16px; margin-top:10px; padding:0 13px; line-height:28px;}
	.rooms_btn span.vline {display:inline-block; margin-top:15px; color:#454545;}
	.rooms_btn.s a.active, .rooms_btn.s a:hover {color:#c9a188;}
	.rooms_btn.g a.active, .rooms_btn.g a:hover {color:#c09b51;}
	.rooms h3 {display:block; margin-top:35px; font-family: 'Lora', serif; font-size:37px; line-height:54px; letter-spacing:-0.5px; font-weight:normal }
	.rooms .fc_s {color:#ba8e72;}
	.rooms .fc_g {color:#9e7d3a; font-size:32px}
	.rooms .rooms_rollimg .rooms_img .m_txt{display:none;}
	
	.tit_area {display:none;}
	.rooms .tab_type01 {display:none;}

	.tabcon {display:block !important;}	
	
	.room {margin-top:0px;}
	.room .room_center .controls {position:absolute; width:100%; left:0; top:0;}
	.room .room_center .controls a {position:absolute; top:50%; margin-top:110px; width:55px; height:72px; background: url(./images/btn_controls.png) 0 0 no-repeat; text-indent:-9999px; z-index:20;}
	.room .room_center .controls .prev {background-position: 0px 0px; left:0; }
	.room .room_center .controls .next {background-position: -55px 0px; right:0;}
	.room .room_center .controls .prev:hover {background-position: 0px -72px;}
	.room .room_center .controls .next:hover {background-position: -55px -72px;}

	.room .room_center .room_title {display:block;}
	.room .room_center .room_title .part {display:block; margin-top:30px; color:#fff; font-size:35px; line-height:20px; }
	.room .room_center .room_title h3 {display:block; color:#fff; font-family: verdana, serif; font-size:28px; line-height:30px; letter-spacing:-0.5px; font-weight:normal; filter:alpha(opacity=0.9); opacity:0.9; zoom:1;/*text-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3)*/}
	.room .room_center .room_title h3 span {display:block; font-size:30px;}
	.room .bar {display:block; margin:30px auto 0; width:60px; border-bottom:2px solid #fff}


	.room .info_area {position:absolute; width:100%; height:600px; margin-top:0px left:0; top:1500px; z-index:10;background-color:#fff;}
	.room .info_area .info {position:relative; width:1000px; margin:0 auto;}
	.room .info_area .info_box .cont {float:left; width:480px;}
	.room .info_area .info_box .cont:first-child {margin-right:40px;}
	
	.room .info_area .room_info {display:block; border:1px solid #dcdcdc; padding:20px; margin-top:20px; margin-bottom:20px; border-left:none;border-right:none;line-height:21px; text-align:center;}
	.room .info_area .title_box {display:block; position:relative; text-align:center}
	.room .info_area .title_box .title {margin-top:36px; color:#ae8637; font-size:42px; line-height:42px;  font-family:'맑은 고딕','Malgun Gothic','dotum'; letter-spacing:-3px; font-weight:normal }
	.room .info_area .title_box #xbtn {position:absolute; right:0; top:9px;}

	.room .info_area .info .btn {display:none;}

	


}






@media screen and (min-width:1280px){
	

	.rooms {position:relative; overflow:hidden; width:1260px; margin:0 auto; text-align:center}
	.rooms .suite {position:relative; float:left; width:630px;} 
	.rooms .grand {position:relative; float:left; width:630px;}

	.rooms_btn a {display:inline-block; color:#fff; font-size:16px; margin-top:10px; padding:0 16px; line-height:28px;}
	
	.rooms .rooms_rollimg .rooms_img img {width:630px; height:380px;}
	.rooms h3 {margin-top:35px; font-family: 'Lora', serif; font-size:42px; line-height:60px; letter-spacing:-0.5px; font-weight:normal }
	.rooms .fc_s {color:#ba8e72;}
	.rooms .fc_g {color:#9e7d3a; font-size:38px}

	.room .info_area .info {position:relative; width:1060px; margin:0 auto;}
	.room .info_area .info_box .cont {float:left; width:510px;}



	

}


/* special */
.special{min-width:1200px;margin-top:70px;}
	.s_page {position:relative; overflow:hidden;}
	.s_page > a{display:block; text-decoration:none; color:#666; text-align:center; height:100%;}
	.s_page > a:hover .cont {background:#e5e5e5; width:52%;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-o-transition-duration:.5s;-ms-transition-duration:.5s;transition-duration:.5s}

	.s_page .cont {-webkit-transition:all 0.25s;-moz-transition:all 0.25s;-o-transition:all 0.25s;-ms-transition:all 0.25s;transition:all 0.25s;width:50%;z-index:1}
	.s_page .cont {position:absolute; top:0; bottom:0; text-align:center; height:100%; padding:0}		
	.s_page .cont p {width:90%; margin:0 auto; font-size:14px; line-height:24px;}
	.s_page .cont p.part {color:#333; font-size:18px; font-family: arial, serif; line-height:18px;  font-weight:normal;}
	.s_page .cont h3 {color:#333; margin:30px 0; font-size:26px; line-height:26px;  font-weight:normal;}
	.s_page .cont .bar {display:block; margin:20px auto; width:100px; border-bottom:1px solid #444}
	.s_page > a:hover .cont  .bar {border-bottom:2px solid #fff;}
	.s_page .img {position:relative; overflow:hidden; width:60%; height:460px;  margin:0; padding-top:0; border-top:0; }
	.s_page .img img {width:auto; height:520px;}

	.img_left .cont {background:#fff}	
	.img_right .cont {background:#fff}

	.img_left .img {float:left; left:-10%}
	.img_left .cont{right:0;}		

	.img_right .img {float:right; right:-10%}
	.img_right .cont{left:0;}

	.special .l_img {position:relative; overflow:hidden; width:100%;}
	.special .l_img li {float:left; margin-top:0px; width:33.33%}
	.special .l_img li img {width:auto;height:100%;}



	/* special */
	.s_page > a:hover .cont {background:#565656; width:42%;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-o-transition-duration:.5s;-ms-transition-duration:.5s;transition-duration:.5s}
	.s_page > a:hover .cont2 {background:#565656; width:42%;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-o-transition-duration:.5s;-ms-transition-duration:.5s;transition-duration:.5s}
	.s_page .cont {-webkit-transition:all 0.25s;-moz-transition:all 0.25s;-o-transition:all 0.25s;-ms-transition:all 0.25s;transition:all 0.25s;width:40%;z-index:1}	
	.s_page .cont h3 {color:#333; margin:10px 0 10px; font-size:28px; line-height:28px; font-weight:normal;}
	.s_page .cont ol {width:50%;margin:0 auto;text-align:left;}
	/*.s_page .cont .bar {display:block; margin:30px auto; width:60px; border-bottom:2px solid #fff}*/
	.s_page .img {position:relative; overflow:hidden; width:60%; height:520px;}
	.s_page.img_left .img {text-align:left;}
	.s_page .img img {width:auto;height:100%;}
	
	.img_left .img {float:left; left:0;}	
	.img_right .img {float:right; right:0;}

	.img_left .cont p.part {}
	.img_left .cont h3 {color:#c25427;margin-top:100px;}

	.img_right .cont p.part {}
	.img_right .cont h3 {color:#c25427;margin-top:100px;}
	.img_left a:hover .cont p.part,.img_left a:hover .cont h3,.img_left a:hover .cont p,.img_left a:hover .cont ol li {color:#fff}	
	.img_right a:hover .cont p.part,.img_right a:hover .cont h3,.img_right a:hover .cont p,.img_right a:hover .cont ol li {color:#fff}	
	.img_left a:hover .cont ol li .redText {color:#efe100}