@CHARSET "UTF-8";
/*------------------------------------------------------------------------------------------------*/
/* common */
#index .scroll {position:absolute;bottom:20%;left:50%;margin-left:-41px;z-index:300;width:82px;height:82px;}
#index .scroll a {display:block;height:82px;background:url(../images/scroll.png) no-repeat center top;}
#index .scroll img {display:block;position:absolute;left:50%;top:50%;margin:-8.5px 0 0 -7.5px;}
.scrolls {width:70px;height:50px;position:fixed;bottom:50px;left:50%;margin-left:-35px;z-index:350;}
.scrolls a {display:block;height:50px;background:url(../images/scroll_2.png) no-repeat center top;}
.scrolls img {display:block;position:absolute;left:50%;bottom:0;margin-left:-9px;}

#visual {position:fixed;top:0;left:0;width:100%;min-width:1200px;height:430px;overflow:hidden;z-index:350;}
#visual h2 {text-align:center;width:100%;font-size:45px;color:#fff;position:absolute;left:0;top:50%;margin-top:-31px;z-index:320;}
#visual h2 span {display:block;font-size:12px;margin-top:10px;letter-spacing:7px;}
#pv_lst {position:relative;top:430px;width:100%;min-width:1200px;height:100%;z-index:500;} 
#pv_lst .pv_lsts {position:relative;width:100%;background:#fff;}
#pv_lst .pv_top {width:100%;height:43px;background:#336f9f;}
#pv_lst .pv_top ul {width:630px;margin:0 auto;overflow:hidden;}
#pv_lst .pv_top ul li {width:33.33%;float:left;}
#pv_lst .pv_top ul li a {display:block;text-align:center;padding:14.5px 0;color:#fff;}
#pv_lst .pv_top ul li a.active {background:#fff;color:#336f9f;}
.tbtn {position:absolute;right:0;bottom:0;width:61px!important;margin-bottom:0!important;}
.tbtn a {display:block;}
.tbtn a img {display:block;}

/*------------------------------------------------------------------------------------------------*/
/* index */
#index {min-width:1200px;}
.inline-YTPlayer {max-width:100%!important;}
#index .mov_ttl {position:absolute;top:55%;left:50%;width:539px;height:70px;margin:-35px 0 0 -269.5px;z-index:310;}
#index .naver_icon {position:fixed;right:2.3%;bottom:35px;z-index:350;}
#index .naver_icon a {display:block;opacity:1;}
#index .naver_icon a:hover {opacity:0.8;}

#index .section .box {width:100%;height:270px;position:absolute;left:0;bottom:-270px;}
#index .section .box .box_in {width:100%;text-align:center;color:#fff;position:absolute;left:0;top:50%;margin-top:-60px;}
#index .section .box .box_in h3 {font-size:50px;margin-bottom:15px;}
#index .section .box .box_in p {font-size:16px;margin-bottom:25px;}
#index .section .box .box_in a {font-size:14px;display:block;color:#fff;}
#index .section .box .box_in a:hover {text-decoration:underline;}

#index #section01 .box {/*background:rgb(117 160 178 / 85%);*/background:rgb(67 123 147 / 85%);}
#index #section02 .box {/*background:rgb(95 93 87 / 84%);*/background:rgb(177 175 173 / 84%);}
#index #section03 .box {/*background:rgb(82 112 143 / 88%);*/background:rgb(141 141 141 / 84%);}
#index #section04 {background:#06182C;}

#index #section04 .box:before {content:'';width:100%;height:100%;position:absolute;left:0;bottom:0;background:rgba(0,0,0,0.6);}
#index #section04 .cont_box {width:1200px;height:600px;margin:0 auto;position:absolute;left:50%;top:55%;margin:-300px 0 0 -600px;z-index:320;}
#index #section04 .cont_box .img {
	width:450px;height:600px;float:left;margin-top:35px;opacity:0;
	-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;
}
#index #section04 .cont_box .cont {color:#fff;margin-left:500px;margin-top:50px;}
#index #section04 .cont_box .cont h4 {font-size:30px;margin-bottom:30px;line-height:1.2em;}
#index #section04 .cont_box .cont p {font-size:13px;line-height:2em;}
#index #section04 .cont_box .cont p.sub_ttl {margin-bottom:20px;}
#index #section04 .cont_box .cont a {color:#fff;text-align:center;font-size:14px;display:block;width:165px;padding:10px 0;border:2px solid #fff;margin-top:30px;
	-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;
}
#index #section04 .cont_box .cont a:hover {background:#fff;color:#000;}

#index #section05 h4 {width:100%;text-align:center;color:#fff;position:absolute;left:0;top:55%;margin-top:-50px;font-size:20px;z-index:320;text-align:center;}
#section05 h4 span {display:inline-block;}
#section05 h4 span.typings {display:inline-block;margin:0 auto;width:320px;white-space: nowrap;overflow: hidden;border-right: .1em solid #fff;text-align:left;}
#index #section05 h4 p {display:block;opacity:0.2;margin-top:12px;font-size:12px;}
#index #section05:after {content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.45);}
@-webkit-keyframes typing {
	from {width: 0;}
	to {width: 320px;}
}
@-webkit-keyframes blink-caret {
	from, to {border-color: transparent;}
	50% {border-color: #fff;}
}

/*------------------------------------------------------------------------------------------------*/
/* intro */
#intro .cont {color:#fff;position:absolute;left:7%;bottom:20%;opacity:0;z-index:320;}
#intro .cont h4 {font-size:40px;margin-bottom:15px;letter-spacing:1px;}
#intro .cont p {font-size:14px;line-height:1.5em;}
#intro #section01 .cont {width:auto;padding-top:124px;background:url(../images/intro_bg01.png) no-repeat 90% top;}
#intro #section02 .cont {width:520px;padding-top:124px;background:url(../images/intro_bg02.png) no-repeat right top;}
#intro #section03 .cont {width:613px;padding-top:124px;background:url(../images/intro_bg03.png) no-repeat right top;}

/*------------------------------------------------------------------------------------------------*/
/* landscape */
#landscape .ttls {
	position:fixed;top:50%;left:50%;margin:-36.5px 0 0 -200px;width:400px;height:auto;
	z-index:320;color:#fff;font-size:50px;letter-spacing:3px;text-align:center;
}
#landscape .ttls span {display:block;font-size:20px;margin-top:10px;text-align:center;letter-spacing:1px;color:#fff;}
#landscape .sbg {position:fixed;}

/*------------------------------------------------------------------------------------------------*/
/* about */
.about #pv_lst .pv_lsts .pv_top ul {width:420px!important;}
.about #pv_lst .pv_lsts .pv_top ul li {width:50%!important;}

.about #pv_lst .pv_lsts .pv_ttls {width:1200px;padding:60px 0 50px;margin:0 auto;}
.about #pv_lst .pv_lsts .pv_ttls h2 {font-size:35px;}
.about #pv_lst .pv_lsts .pv_ttls p {font-size:18px;line-height:1.5em;margin-top:10px;font-family:'NanumBarunGothic'!important;}
.about #pv_lst .in_lst #map {width:100%;height:600px;text-align:center;position:relative;z-index:250;}

.about .map_notice {width:1200px;margin:60px auto 0;overflow:hidden;position:relative;padding-bottom:80px;}
.about .map_notice > div {margin-bottom:50px;width:100%;}
.about .map_notice > div.cars h5 {background:url(../images/map_icon_01.png) no-repeat left 50%;}
.about .map_notice > div.metro h5 {background:url(../images/map_icon_02.png) no-repeat left 50%;}
.about .map_notice > div h5 {font-size:30px;margin-bottom:10px;padding:10px 0 10px 50px;}
.about .map_notice > div h5 b {color:#d6d6d6;}
.about .map_notice > div p {line-height:1.5em;font-size:15px;margin-bottom:20px;font-family:'NanumBarunGothic'!important;}
.about .map_notice > div p b {font-weight:bold;font-family:'NanumBarunGothic'!important;}
.about .map_notice > div p span {display:block;margin-bottom:10px;font-weight:bold;}

#travel #pv_lst .pv_lsts .pv_ttls h2 {font-size:25px;}
.about .travel_lst {width:1200px;margin:0 auto;padding:100px 0;}
.about .travel_lst ul {overflow:hidden;height:100%;}
.about .travel_lst ul li {width:50%;height:100%;float:left;min-height:770px;}
.about .travel_lst ul li .img {min-height:400px;height:20%;width:100%;}
.about .travel_lst ul li .tcont {width:100%;margin:50px 0;}
.about .travel_lst ul li .tcont div {width:530px;margin:0 auto;}
.about .travel_lst ul li .tcont div h4 {color:#292929;font-size:32px;font-weight:lighter;margin-bottom:20px;}
.about .travel_lst ul li .tcont div h4 span {font-size:17px;}
.about .travel_lst ul li .tcont div p {font-size:15px;line-height:1.6em;color:#292929;}
.about .travel_lst ul li .tcont div a {display:block;font-size:20px;color:#000;margin-top:30px;}
.about .travel_lst ul li .tcont div a:hover {font-weight:bold;}
.about .travel_lst ul li.tlst_01 .img {background:url(../images/travel/1.jpg) no-repeat 50% 50%;background-size:cover;}
.about .travel_lst ul li.tlst_02 .img {background:url(../images/travel/2.jpg) no-repeat 50% 50%;background-size:cover;}
.about .travel_lst ul li.tlst_03 .img {background:url(../images/travel/3.jpg) no-repeat 50% 50%;background-size:cover;}
.about .travel_lst ul li.tlst_04 .img {background:url(../images/travel/4.jpg) no-repeat 50% 50%;background-size:cover;}
.about .travel_lst ul li.tlst_05 .img {background:url(../images/travel/5.jpg) no-repeat 50% 50%;background-size:cover;}
.about .travel_lst ul li.tlst_06 .img {background:url(../images/travel/6.jpg) no-repeat 50% 50%;background-size:cover;}
.about .travel_lst ul li.tlst_07 .img {background:url(../images/travel/7.jpg) no-repeat 50% 50%;background-size:cover;}
.about .travel_lst ul li.tlst_08 .img {background:url(../images/travel/8.jpg) no-repeat 50% 50%;background-size:cover;}

/*------------------------------------------------------------------------------------------------*/
/* previews */
.previews .scroll a {opacity:1!important;}
.previews .pv_ttl {
	width:100%;height:auto;font-size:40px;text-align:center;color:#fff;
	position:absolute;top:50%;left:0;margin-top:-33px;z-index:300;
}
.previews .pv_ttl span {display:block;font-size:16px;margin-bottom:10px;}
.previews .section ul li .img {
	position:relative;width:100%;height:100%;overflow:hidden;
	-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;
}
.previews .section ul {width:100%;height:100%;overflow:hidden;}
.previews .section ul li {width:33.333%;height:100%;float:left;overflow:hidden;position:relative;}
.previews .section ul li.rlst_04 {width:33.333%;}
.previews .section ul li.rlst_05 {width:33.333%;}
.previews .section ul li.rlst_06 {width:33.333%;}
.previews .section ul li.rlst_07 {width:100%;}
.previews .section ul li a {display:block;position:absolute;left:0;top:50%;width:100%;z-index:320;text-align:center;color:#fff;margin-top:-76px;}
.previews .section ul li a h3 {font-size:35px;margin-bottom:10px;line-height:1.2em;}
.previews .section ul li a h3 span {display:block;font-size:20px;}
.previews .section ul li a:hover > span {text-decoration:underline;}

#fpv .section ul li {width:25%;}
#spv .section ul li {width:25%;}

/*------------------------------------------------------------------------------------------------*/
/* room_lst */
#room_lst #pv_lst .pv_lsts {padding:100px 0 150px;}
#room_lst #pv_lst .pv_lsts ul {width:1200px;height:100%;margin:0 auto;overflow:hidden;}
#room_lst #pv_lst .pv_lsts ul li {width:30.33%;margin:1.5%;float:left;overflow:hidden;margin-bottom:50px;}
#room_lst #pv_lst .pv_lsts ul li .img {width:100%;height:320px;overflow:hidden;position:relative;}
#room_lst #pv_lst .pv_lsts ul li .img > div {
	width:100%;height:320px;
	-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;
}
#room_lst #pv_lst .pv_lsts ul li .cont {width:100%;}
#room_lst #pv_lst .pv_lsts ul li .cont p {text-align:center;font-size:19px;margin:20px 0;}
#room_lst #pv_lst .pv_lsts ul li .cont a {display:block;background:#eeeeee;padding:13px 0;text-align:center;}
#pv_lst .pv_lsts .tap02,#pv_lst .pv_lsts .tap03 {display:none;margin-top:20px;opacity:0;}

/*------------------------------------------------------------------------------------------------*/
/* room  */
#room {min-width:1200px;}
#room h2 {font-size:45px;color:#fff;position:absolute;left:8%;bottom:18%;z-index:320;letter-spacing:3px;line-height:1.1em;}
#room h2 span {display:block;font-size:23px;letter-spacing:1px;}

#room .rtype_ttl {width:100%;height:55px;background:#06182C;}
#room .rtype_ttl .rtype_ttl_in {width:1200px;height:100%;position:relative;margin:0 auto;z-index:320;}
#room .rtype_ttl .rtype_ttl_in p {width:100%;text-align:center;color:#fff;font-size:26px;padding:14.5px 0;position:absolute;left:0;bottom:0;letter-spacing:4px;z-index:320;}
#room .rtype_ttl .rtype_ttl_in a {display:block;position:absolute;right:0;top:0;z-index:330;}

#room_cont .top_lst {width:100%;background:#000;}
#room_cont .top_lst ul {width:1200px;margin:0 auto;overflow:hidden;}
#room_cont .top_lst ul li {width:16.66%;float:left;}
#room_cont .top_lst ul li a {display:block;background:#000;color:#fff;font-size:14px;padding:15.5px 0;text-align:center;}
#room_cont .top_lst ul li a.active {display:block;background:#fff;color:#000;}

#room_cont .room_info .info_box {width:100%;margin:80px 0 70px;background:#fff;}
#room_cont .room_info .info_box .info_box_in {width:1000px;margin: 0 auto;overflow:hidden;}
#room_cont .room_info .info_box .info_box_in > div {float:left;overflow:hidden;}
#room_cont .room_info .info_box .info_box_in > div h4 {font-size:16px;color:#111b35;float:left;margin-right:30px;margin-top:5px;}
#room_cont .room_info .info_box .info_box_in > div h4 span {display:block;font-size:13px;color:#4f5a73;margin-top:5px;}
#room_cont .room_info .info_box .info_box_in > div > p {line-height:1.6em;font-size:14px;color:#111b35;float:left;}

#room_cont .room_info .info_box .info_box_in > div.right h4 {width:18%;margin-right:0;}
#room_cont .room_info .info_box .info_box_in > div.right > p {width:82%;}

#room_cont .room_info .info_box .info_box_in .left {width:45%;}
#room_cont .room_info .info_box .info_box_in .right {width:55%;}
#room_cont .room_info .info_box .room_rv {display:block;margin:50px auto;width:222px;}

#room_cont .room_info .select_box > div {width:100%;height:330px;overflow:hidden;}
#room_cont .room_info .select_box > div.middel > div {
	width:50%;height:100%;float:left;
	-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;
}
#room_cont .room_info .select_box > div.middel .service_box {background:#06182C;position:relative;}
#room_cont .room_info .select_box > div.middel .service_box p {color:#fff;font-size:40px;position:absolute;left:100px;top:80px;}
#room_cont .room_info .select_box > div.middel .service_box p span {display:block;margin-top:15px;font-size:14px;}
#room_cont .room_info .select_box > div.middel .service_box a {
	display:block;width:200px;padding:13px 0;color:#fff;font-size:15px;position:absolute;right:100px;bottom:70px;
	border:2px solid #fff;text-align:center;
}
#room_cont .room_info .select_box > div.middel .service_box a:hover {background:#fff;color:#000;}
#room_cont .room_info .select_box > div.bottom {height:800px;}
#room_cont .room_info .select_box > div.bottom > div {width:33.333%;height:400px;float:left;position:relative;overflow:hidden;}
#room_cont .room_info .select_box > div.bottom > div .img {
	width:100%;height:100%;overflow:hidden;
	-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;
}
#room_cont .room_info .select_box > div.bottom > div:after {content:'';width:100%;height:100%;background:rgba(0,0,0,0.5);position:absolute;left:0;top:0;}
#room_cont .room_info .select_box > div.bottom > div a {
	width:100%;display:block;font-size:14px;color:#fff;text-align:center;
	position:absolute;left:0;top:50%;margin-top:-22px;z-index:320;
}
#room_cont .room_info .select_box > div.bottom div a:hover span {text-decoration:underline;}
#room_cont .room_info .select_box > div.bottom div a p {font-size:27px;text-align:center;margin-bottom:10px;}

.type3 #room_cont .top_lst ul li {width:33.33%;}
#priceLayer {margin:100px auto 150px; width:1200px;}
/*------------------------------------------------------------------------------------------------*/
/* facility-special */
.dtv .btn {width:auto;height:auto;position:absolute;left:7%;bottom:13%;z-index:320;}
.dtv .btn h2 {font-size:42px;text-align:center;color:#fff;}
.dtv .btn h2 span {font-size:14px;display:block;margin-top:5px;}
.dtv .btn a {display:block;text-align:center;width:250px;padding:16px 0;border:1px solid #fff;color:#fff;margin:30px auto 0;}

.dtv .info {width:500px;height:100%;position:absolute;left:-500px;top:0;background:#f3f3f3;z-index:350;}
.dtv .info .close {position:absolute;right:0;top:76px;}
.dtv .info .info_in {width:450px;height:auto;position:absolute;left:50%;top:50%;margin-left:-225px;}
.dtv .info .info_in h3 {color:#505050;font-size:43px;text-align:center;margin-bottom:30px;}
.dtv .info .info_in h3 span {display:block;font-size:14px;margin-top:7px;}
.dtv .info .info_in p {line-height:1.6em;color:#505050;font-size:15px;text-align:center;}

/*------------------------------------------------------------------------------------------------*/
/* table */
.table h2 {text-align:center;width:100%;font-size:45px;color:#fff;position:absolute;left:0;top:50%;margin-top:-31px;z-index:320;}
.table h2 span {display:block;font-size:12px;margin-top:10px;letter-spacing:7px;}
.table #pv_lst .pv_lsts .pv_top ul {width:420px;}
.table #pv_lst .pv_lsts .pv_top ul li {width:100%;}
.table #pv_lst .pv_lsts .table_cont {width:1200px;margin:100px auto 0;padding-bottom:150px;position:relative;}
.table #pv_lst .pv_lsts .table_cont .iframe {width:100%;height:100%;}

/*------------------------------------------------------------------------------------------------*/
/* reserve */
#reserve h2 {text-align:center;width:100%;font-size:45px;color:#fff;position:absolute;left:0;top:50%;margin-top:-31px;z-index:320;}
#reserve h2 span {display:block;font-size:12px;margin-top:10px;letter-spacing:7px;;color:#fff}
#reserve #pv_lst .pv_lsts .pv_top ul {width:420px;}
#reserve #pv_lst .pv_lsts .pv_top ul li {width:50%;}
#reserve #pv_lst .pv_lsts .table_cont {width:1200px;margin:40px auto;padding-bottom:150px;position:relative;}
#reserve #pv_lst .pv_lsts .table_cont .iframes {width:100%;height:100%;}
#reserve #pv_lst .pv_lsts .rtp {position:relative;width:100%;}

.re_btn{width:900px; margin:0 auto; padding:70px;}
.re_btn button{padding:17px 90px; border:1px solid #06182C; border-radius:33px; background-color:#06182C; font-size:16px; color:#fff; font-family:'NanumBarunGothic'; font-weight:700; display:block; margin:0 auto;}
.re_btn button a{color:#fff;}

.tab02 {display:block;}
.tab02 > h3 {font-size:20px;display:block;border-top:2px solid #B9B9B9;background:#f9f9f9;color:#6B6B6B;padding:15px;margin-bottom:20px;}
.tab02 .price {margin:80px 0 70px;}
.tab02 .price h3 {font-size:20px;display:block;border-top:2px solid #B9B9B9;background:#f9f9f9;color:#6B6B6B;padding:15px;}
.tab02 .price ul {margin-top:30px;}
.tab02 .price ul li {line-height:1.5em;color:#4d4d4d;font-size:15px;}
.tab02 .rv_notice {margin:80px 0 70px;}
.tab02 .rv_notice h3 {font-size:20px;display:block;border-top:2px solid #B9B9B9;background:#f9f9f9;color:#6B6B6B;padding:15px;}
.tab02 .rv_notice ul {margin-top:30px;}
.tab02 .rv_notice ul li {line-height:1.5em;color:#4d4d4d;font-size:15px;}

.tab02 .refund {margin-bottom:100px;}
.tab02 .refund h3 {font-size:20px;display:block;border-top:2px solid #B9B9B9;background:#f9f9f9;color:#6B6B6B;padding:15px;}
.tab02 .refund h4 {font-size:20px;text-align:left;margin:30px 0 10px;}
.tab02 .refund table {width:100%;margin-top:40px;}
.tab02 .refund table thead tr th {padding:10px 0;background:#f1f1f1;border-right:1px solid #c0c0c0;font-weight:normal;font-size:14px;font-family:'NanumBarunGothic';}
.tab02 .refund table thead tr th:nth-child(1) {border-left:1px solid #c0c0c0;}
.tab02 .refund table tbody tr {border-bottom:1px solid #c0c0c0;}
.tab02 .refund table tbody tr td {
	text-align:center;padding:10px 0;color:#a45959;font-family:'NanumBarunGothic';font-weight:normal;font-size:14px;
	border-right:1px solid #c0c0c0;
}
.tab02 .refund table tbody tr td:nth-child(1) {border-left:1px solid #c0c0c0;}
.tab02 .refund ul {margin-top:30px;margin-left:15px;}
.tab02 .refund ul li {line-height:1.5em;color:#4d4d4d;font-size:15px;}