@CHARSET "UTF-8"; /*------ woc - common ------*/ section { position:relative;width:100%;height:100%;overflow:hidden; } section .vd_frame { position:absolute;top:0;bottom:0;left:0;right:0; width:100%;height:100%;overflow:hidden; } section .vd_frame #woc_video { min-width:100%;min-height:100%;width:auto;height:auto; position:absolute;top:50%;left:50%;transform: translate(-50%,-50%); object-fit:cover; } section .vd_lists { position:absolute;top:0;bottom:0;left:0;right:0; width:100%;height:100%;overflow:hidden; } section .vd_lists video { min-width:100%;min-height:100%;width:auto;height:auto; position:absolute;top:50%;left:50%;transform: translate(-50%,-50%); object-fit:cover; } section .banner { position:relative;width:100%;height:350px;overflow:hidden; } section .banner:before { position:absolute;top:0;left:0;background:#292929;width:100%;height:100%;opacity:0.65;content:""; } #f-page {position:relative;width:100%;} .top {width:100%;position:fixed;overflow:hidden;} .top:before {content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.3);z-index:1} #contents {position:relative;z-index:320;background:#fff;} .top_ttl { position:absolute;left:0;text-align:center;top:52%;font-size:23px;color:#fff;text-align:center;z-index:320;/*background:url(../images/mov_bg.png) no-repeat 50% 50%; text-shadow:1px 0 1px #666;*/width:100%;font-family: 'Pretendard';margin-top:-101px;padding:62px 0;opacity:0; } .top_ttl span {display:table;font-size:65px;margin:18px auto 0;overflow:hidden;} .scroll {width:23px;height:290px;position:absolute;left:5%;bottom:0;z-index:320;} .scroll a {display:block;width:100%;height:100%;} .scroll span { display:block;width:23px;height:78px;position:absolute;left:0;top:0;z-index:320; -webkit-transition: all 0.4s cubic-bezier(.64,.17,.49,.83);-moz-transition: all 0.4s cubic-bezier(.64,.17,.49,.83); -ms-transition: all 0.4s cubic-bezier(.64,.17,.49,.83);-o-transition: all 0.4s cubic-bezier(.64,.17,.49,.83); } .scroll:before {content:'';width:1px;height:100%;display:block;position:absolute;left:2.5px;bottom:0;background:#fff;} .scroll:hover span {top:43%;margin-top:-11.5px;} /* header */ header {position:fixed;z-index:1000;width:100%;overflow:hidden; -webkit-transition: all 0.2s cubic-bezier(.64,.17,.49,.83);-moz-transition: all 0.2s cubic-bezier(.64,.17,.49,.83); -ms-transition: all 0.2s cubic-bezier(.64,.17,.49,.83);-o-transition: all 0.2s cubic-bezier(.64,.17,.49,.83); } header hgroup {position:relative;width:100%;height:110px;z-index:500;} header hgroup:before { content:'';width:0;height:110px;background:#C8C8A1;display:block;position:absolute;left:0;top:0;/*border:1px solid rgba(255,255,255,0.2);*/ -webkit-transition: all 0.2s 0.8s cubic-bezier(.12,.51,.85,.49);-moz-transition: all 0.2s 0.8s cubic-bezier(.12,.51,.85,.49); -ms-transition: all 0.2s 0.8s cubic-bezier(.12,.51,.85,.49);-o-transition: all 0.2s 0.8s cubic-bezier(.12,.51,.85,.49); transition: all 0.2s 0.8s cubic-bezier(.12,.51,.85,.49); } header hgroup.menuOpen:before { content:'';width:100%; -webkit-transition: all 0.2s 0.1s cubic-bezier(.12,.51,.85,.49);-moz-transition: all 0.2s 0.1s cubic-bezier(.12,.51,.85,.49); -ms-transition: all 0.2s 0.1s cubic-bezier(.12,.51,.85,.49);-o-transition: all 0.2s 0.1s cubic-bezier(.12,.51,.85,.49); transition: all 0.2s 0.1s cubic-bezier(.12,.51,.85,.49); } header hgroup h1 { width:162px;height:110px;position:absolute;left:45%;top:0; -webkit-transition: all 0.1s 1.1s cubic-bezier(.12,.51,.85,.49);-moz-transition: all 0.1s 1.1s cubic-bezier(.12,.51,.85,.49); -ms-transition: all 0.1s 1.1s cubic-bezier(.12,.51,.85,.49);-o-transition: all 0.1s 1.1s cubic-bezier(.12,.51,.85,.49); transition: all 0.1s 1.1s cubic-bezier(.12,.51,.85,.49); } header hgroup h1 img{height:90px;} header hgroup h1 .logo {display:block;position:absolute;left:0;top:10px;} header hgroup h1 .logo_on {display:none;position:absolute;left:0;top:0;} header hgroup.menuOpen h1 { background:#C8C8A1; -webkit-transition: all 0.1s cubic-bezier(.12,.51,.85,.49);-moz-transition: all 0.1s cubic-bezier(.12,.51,.85,.49); -ms-transition: all 0.1s cubic-bezier(.12,.51,.85,.49);-o-transition: all 0.1s cubic-bezier(.12,.51,.85,.49); transition: all 0.1s cubic-bezier(.12,.51,.85,.49); } header hgroup h1:before { content:'';width:1px;height:0;background:rgba(255,255,255,0.2);position:absolute;right:0;top:0;display:block;z-index:320; -webkit-transition: all 0.1s 0.5s cubic-bezier(.12,.51,.85,.49);-moz-transition: all 0.1s 0.5s cubic-bezier(.12,.51,.85,.49); -ms-transition: all 0.1s 0.5s cubic-bezier(.12,.51,.85,.49);-o-transition: all 0.1s 0.5s cubic-bezier(.12,.51,.85,.49); transition: all 0.1s 0.5s cubic-bezier(.12,.51,.85,.49); } header hgroup.menuOpen h1:before { display:none;contentn:'';width:1px;height:100%;background:rgba(255,255,255,0.2);position:absolute;right:0;top:0;/*display:block;*/ -webkit-transition: all 0.1s 0.5s cubic-bezier(.12,.51,.85,.49);-moz-transition: all 0.1s 0.5s cubic-bezier(.12,.51,.85,.49); -ms-transition: all 0.1s 0.5s cubic-bezier(.12,.51,.85,.49);-o-transition: all 0.1s 0.5s cubic-bezier(.12,.51,.85,.49); transition: all 0.1s 0.5s cubic-bezier(.12,.51,.85,.49); } header hgroup h1 a {display:block;} header hgroup .hrv_btn {width:190px;height:57px;margin:30px auto;border-radius:5px;position:absolute;right:160px;top:0;} header hgroup .hrv_btn a {font-size:16px;color:#fff;font-weight:700;text-align:center;line-height:60px;display:block;font-family:'InriaSans';letter-spacing:2px;position:relative;} header hgroup .hrv_btn:hover {background:#C8C8A1;} header hgroup .hrv_btn:hover a {color:#fff;font-size:15px;} header hgroup .hrv_btn a img { display:block;position:absolute;left:81%;top:49%;width:8px;height:5px;transform:scale(1); -webkit-transition: all 0.2s cubic-bezier(.12,.51,.85,.49);-moz-transition: all 0.2s cubic-bezier(.12,.51,.85,.49); -ms-transition: all 0.2s cubic-bezier(.12,.51,.85,.49);-o-transition: all 0.2s cubic-bezier(.12,.51,.85,.49); transition: all 0.2s cubic-bezier(.12,.51,.85,.49); } header hgroup .hrv_btn a:hover img {transform:scale(1.8) rotate(-90deg);top:48%;} header hgroup .hrv_btn:before { content:'';width:1px;height:0;background:rgba(255,255,255,0.2);position:absolute;left:0;top:0;display:block;z-index:320; -webkit-transition: all 0.1s 0.6s cubic-bezier(.12,.51,.85,.49);-moz-transition: all 0.1s 0.6s cubic-bezier(.12,.51,.85,.49); -ms-transition: all 0.1s 0.6s cubic-bezier(.12,.51,.85,.49);-o-transition: all 0.1s 0.6s cubic-bezier(.12,.51,.85,.49); transition: all 0.1s 0.6s cubic-bezier(.12,.51,.85,.49); } header hgroup.menuOpen .hrv_btn:before { display:none;contentn:'';width:1px;height:100%;background:rgba(255,255,255,0.2);position:absolute;left:0;top:0;/*display:block;*/ -webkit-transition: all 0.1s 0.5s cubic-bezier(.12,.51,.85,.49);-moz-transition: all 0.1s 0.5s cubic-bezier(.12,.51,.85,.49); -ms-transition: all 0.1s 0.5s cubic-bezier(.12,.51,.85,.49);-o-transition: all 0.1s 0.5s cubic-bezier(.12,.51,.85,.49); transition: all 0.1s 0.5s cubic-bezier(.12,.51,.85,.49); } header hgroup .menu_btn {width:160px;height:110px;position:absolute;right:0;top:0;} header hgroup .menu_btn a {width:100%;height:100%;} header hgroup .menu_btn .bar { width:45px;height:2px;background:#fff;position:absolute; -webkit-transition: all 0.2s cubic-bezier(.12,.51,.85,.49);-moz-transition: all 0.2s cubic-bezier(.12,.51,.85,.49); -ms-transition: all 0.2s cubic-bezier(.12,.51,.85,.49);-o-transition: all 0.2s cubic-bezier(.12,.51,.85,.49); transition: all 0.2s cubic-bezier(.12,.51,.85,.49); } header hgroup .menu_btn .bar1 {left:50%;top:40%;margin-left:-12px;} header hgroup .menu_btn .bar2 {position:absolute;right:50%;margin-right:-12px;bottom:40%;} header hgroup .menu_btn p { width:100%;font-size:14px;color:#fff;font-family: 'InriaSans';letter-spacing: 2px;font-weight: 700;text-align:center;position:absolute;left:0;top:50%;margin-top:-7.2px;opacity:0; -webkit-transition: all 0.2s cubic-bezier(.12,.51,.85,.49);-moz-transition: all 0.2s cubic-bezier(.12,.51,.85,.49); -ms-transition: all 0.2s cubic-bezier(.12,.51,.85,.49);-o-transition: all 0.2s cubic-bezier(.12,.51,.85,.49); transition: all 0.2s cubic-bezier(.12,.51,.85,.49); } header hgroup .menu_btn:hover .bar {width:7px;height:1px;} header hgroup .menu_btn:hover .bar1 {left:37%;} header hgroup .menu_btn:hover .bar2 {right:37%;} header hgroup .menu_btn:hover p {opacity:1} header hgroup.menuOpen .open:hover .bar {width:24px;height:2px;left:50%;top:50%;margin:-1px 0 0 -12px;} header hgroup.menuOpen .open:hover .bar1 {transform:rotate(40deg);} header hgroup.menuOpen .open:hover .bar2 {transform:rotate(-40deg);} header hgroup.menuOpen .open:hover p {opacity:0;} header .menuOpen > .hrv_btn a{color:#fff;} header .menuOpen > .hrv_btn:hover a{color:#C8C8A1;} header .menuOpen > .hrv_btn:hover{background:#fff;} header .menuOpen > .menu_btn .bar1{background:#fff;} header .menuOpen > .menu_btn .bar2{background:#fff;} header nav {width:100%;height:100%;position:fixed;left:0;top:0;opacity:1;z-index:490;overflow:hidden;} header .nav_in { width:60%;float:left;height:100%;position:fixed;background:url(../images/gnb_bg1.png) no-repeat left bottom,url(../images/gnb_bg2.png) no-repeat right 68px,#C8C8A1; left:-60%;top:0; } header .nav_in > ul {position:absolute;width:75%;top:50%;margin:-157px 0 0 0;left:25%;} header .nav_in > ul > li {margin-bottom:30px;} header .nav_in > ul > li > a {font-size:45px;letter-spacing: 4px;color:#fff;} /*header .nav_in > ul > li:hover > a {text-decoration:underline;}*/ header .nav_in > ul > li > ul {overflow:hidden;margin-top:13px;padding:5px 0;display:none;} header .nav_in > ul > li > ul > li {margin-right:30px;float:left;} header .nav_in > ul > li > ul > li > a {font-size:16px;color:#fff;font-family: 'pretendard';padding-left:12px;background:none;} header .nav_in > ul > li > ul > li > a:hover {background:url(../images/gnb_arrow.png) no-repeat left center;} header .nav_in > ul > li > ul > li > .h_pre{font-family: 'PoiretOne';} header .nav_in .gnb_info {position:absolute;left:25%;bottom:30px;width: 60%;font-size:13px;font-family: 'pretendard';color:#fff;line-height:1.5em;} header .gnb_img { width:40%;height:100%;position:fixed;float:right;overflow:hidden; right:-40%;top:0; } header .gnb_img .img_box {position:absolute;right:0;top:0;width:100%;height:100%;} header .gnb_img .img_box > div {position:absolute;left:0;width:100%;height:100%;} header a,footer a {display:block;} header.active hgroup {background: #ffffff2b;backdrop-filter: blur(2px);height:90px;transition: all 0.7s;} header.active hgroup h1{height:90px;transition: all 0.7s;} header.active hgroup h1 .logo{top:0;} header.active hgroup h1 img{height:90px;} header.active hgroup .hrv_btn{margin:16px auto;transition: all 0.7s;} header.active hgroup .hrv_btn:hover{color: #C8C8A1;} header.active hgroup .hrv_btn a{font-size:14px;color: #C8C8A1;} header.active hgroup .menu_btn {width:160px;height:90px;transition: all 0.7s;} header.active hgroup .menu_btn:hover .bar {width:7px;height:1px;} header.active hgroup .menu_btn .bar {width:45px;height:2px;background:#C8C8A1;transition: all 0.7s;} header.active hgroup .menu_btn p {width:100%;font-size:14px;color:#C8C8A1;} header.active .header_bottom .nav2 ul li a {color: #222;} header.active .header_bottom .nav2 ul li {border-right: 1px solid #222;} header.active .header_bottom .nav2 ul li:last-child {border-right: none;} header.active hgroup.menuOpen .hrv_btn a{color: #fff;} header.active hgroup.menuOpen .menu_btn .bar {background:#fff;} header.active hgroup.menuOpen .open:hover .bar {width:24px;height:2px;left:50%;top:50%;margin:-1px 0 0 -12px;} header.active hgroup.menuOpen .open:hover .bar1 {transform:rotate(40deg);} header.active hgroup.menuOpen .open:hover .bar2 {transform:rotate(-40deg);} header.active hgroup.menuOpen .open:hover p {opacity:0;} /* footer */ footer {position:relative;width:100%;min-width:1200px;overflow:hidden;background:#ffffff;border-top: 1px solid #e1e1ca;border-radius: 40% 73% 0 0 / 10% 12% 0 0;} footer .inner {margin:0 auto;overflow:hidden;} footer .inner > div {height:100%;} footer .inner h1 {margin:60px auto 20px;} footer .inner h1 a {display:block;} footer .inner h1 a img {display:block;margin:0 auto;opacity: 0.8;} footer .foot_cont {width:900px;margin:50px auto;overflow:hidden;} footer .foot_cont li {width:33.33%;float:left;} footer .foot_cont li p {font-size:14px;font-weight: 400;letter-spacing: 1px;color:#6E735B;text-align:center;font-family:'Pretendard';line-height:1.5em;} footer .foot_cont li span {display:block;font-size:32px;color:#6E735B;text-align:center;margin-bottom:20px;letter-spacing: 3px;} footer .f_center > p { font-size:14px;font-weight: 400;font-family: 'Pretendard';letter-spacing: 1px;color:#6E735B;opacity:1;margin:20px 0 20px;text-align:center;width:100%;margin:0 auto;border-bottom:1px solid #F3F3F3; padding-bottom:20px; line-height: 1.6; } footer .copy {text-align:center;padding:30px 0 22px 0;margin:15px 0;position:relative;width:90%;margin:0 auto;} footer .copy span {font-size:11px;letter-spacing: 2px;color:#6E735B;display:block;font-family: 'InriaSans';opacity:0.7;} footer .copy a {display:block;font-size:11px;letter-spacing: 2px;color:#6E735B;margin-bottom:6px;font-family: 'InriaSans';opacity:0.7;} footer .copy .f_sns {position:absolute;right:0;top:0;overflow:hidden;margin:23px 0;} footer .copy .f_sns a {padding:0 20px;float:left;position:relative;opacity: 1;} footer .copy .f_sns a img {opacity:1;} footer .copy .f_sns a:hover img {opacity:1;} /*footer .copy .f_sns a:nth-child(1):before {content:'';width:1px;height:13px;background:#fff;display:block;position:absolute;right:0;top:2px;}*/ .top_btn {width:100%;background:#C8C8A1;} .top_btn a {display:block;} .top_btn a img {display:block;margin:0 auto;} /*------ woc - index ------*/ .left_bg {width:50%;height:100%;background:#fff;position:fixed;left:0;top:0;z-index:1000;} .right_bg {width:50%;height:100%;background:#fff;position:fixed;right:0;top:0;z-index:1000;} .intro_img {display:block;position:absolute;left:-155px;top:50%;margin:-101px 0 0 0;z-index:1000;} /*#index{background-color:rgb(247, 244, 237);}*/ #index #section01 {overflow:hidden;} #index #section01 .main_ttl { width:420px;height:179px;position:absolute;left:50%;margin-left:-210px;bottom:0;z-index:320;overflow:hidden; /*background:url(../images/mov_bg.png) no-repeat 50% 50%;opacity:0;*/ } #index #section01 .main_ttl h2 {position:absolute;left:0;bottom:0;} #index #section01 .main_ttl a {position:absolute;left:0;bottom:0;width:100%;display:block;} #index #section01 .main_ttl a img {display:block;margin:0 auto;} #index #section01 .bg_02 {display:none;} #index #section02 .main_ex h3 {position:absolute;right:50px;bottom:30px;z-index:320;} /*트리키즈*/ #index .sec02 {width: 95%;margin: 40px auto;position: relative;height: 814px;} #index .sec02 .cont {width: 80%;margin: 0 auto;padding-top: 50px;} #index .sec02 .cont h3 {font-size: 155px;color: #C8C8A1;margin-bottom: 40px;margin-top:70px;text-align: center;letter-spacing: 4px;} #index .sec02 .cont p {font-size: 16px;color: #6E735B;line-height: 1.8;margin-bottom: 40px;text-align: center;} #index .section .sec02 .img01 {width:170px;height: 170px;border-radius: 85px;position: absolute;left: 100px;top: 100px;transition: all 0.5s;} #index .section .sec02 .img01::before {content: '';width: 100%;height: 100%;display: block;background: #fff;transition: all 0.5s ease-in-out;} #index .section .sec02 .img01.on::before {height: 0;} #index .section .sec02 .img03 {width: 170px;height: 170px;border-radius: 85px;position: absolute;right: 100px;top: 300px;transition: all 0.5s;} #index .section .sec02 .img03::before {content: '';width: 100%;height: 100%;display: block;background: #fff;transition: all 0.5s 0.5s ease-in-out;} #index .section .sec02 .img03.on::before {height: 0;} #index .room_ex {margin:100px auto 300px;width:74%;} #index .room_ex .mre {overflow:hidden;width:100%;height:470px;position:relative;opacity:0;} #index .room_ex .mre .cont {width:30%;float:left;height:100%;margin-right:3%;position:relative;} #index .room_ex .mre .cont h3 { font-size:25px;text-align: right;color:#5a5a5a;font-family: 'Pretendard';/*writing-mode: vertical-lr;*/text-orientation: mixed;float:right; line-height:1.3em;90px 0 25px 0;margin-top: 55px;margin-bottom: 15px; } #index .room_ex .mre .cont h3 span {display:block;font-family:'PoiretOne'; letter-spacing: 3px;font-weight:700;font-size:16px;color:#dcdcca;margin-bottom: 15px;} #index .room_ex .mre .cont p {text-align:right;line-height:1.7em;font-size:15px;color:#6E735B;clear:both;} /*#index .room_ex .mre .cont a {display:block;font-size:17px;color:#C8C8A1;font-family:'InriaSans';text-align:right;position:absolute;right:0;bottom:20px;}*/ /*#index .room_ex .mre .cont a {display:block;width:160px;line-height:57px;font-family:'InriaSans';font-size:14px;font-weight:700;border:1px solid #ECECE3;border-radius:5px;text-align:center;letter-spacing: 2px;position:absolute;right:0;bottom:50px;color:#56594A;} #index .room_ex .mre .cont a:hover {background:#56594A;color:#ECECE3;}*/ /*#index .room_ex .mre .cont a img {display:inline-block;margin-left:30px;}*/ #index .room_ex .mre .img {width:67%;height:100%;float:left;overflow:hidden;} #index .room_ex .mre .img > div { width:100%;height:100%; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -moz-transform: scale(1);-webkit-transform: scale(1); -o-transform: scale(1);-ms-transform: scale(1); transform: scale(1); } #index .room_ex .mre_01 {margin-bottom:50px;right:-70%;} #index .room_ex .mre_01 .more_link{width:252px; height:109px;float: right;margin-top: 93px;} #index .room_ex .mre_03 {margin-bottom:50px;right:-70%;} #index .room_ex .mre_03 .more_link{width:252px; height:109px;float: right;margin-top: 93px;} #index .room_ex .mre_02 {margin-bottom:50px;left:-70%;} #index .room_ex .mre_02 .cont {margin-left:3%;margin-right:0;} #index .room_ex .mre_02 .cont h3 {float:left; text-align: left;} #index .room_ex .mre_02 .cont p {text-align:left;} #index .room_ex .mre_02 .cont a {left:0;right:auto;} #index .room_ex .mre_02 .img {} #index .room_ex .mre_02 .more_link{width:252px; height:109px;float: left;margin: 75px 0 0 110px;} /*-----비마이아일랜드-----*/ #index .main_room {overflow:hidden;margin:0 auto 136px;width:1200px;} #index .main_room .box {width:33.33%;height:420px;float:left;} #index .main_room .rbox_03 {margin-top:30px;width:100%;height:340px;} #index .main_room .rbox_txt {} #index .main_room .rbox_txt .inner {width:85%;margin:30px auto;position:relative;} #index .main_room .rbox_txt .inner:before {content:'';background: #C8C8A1;width:1px;height:66px;display:block;margin:20px auto 40px;} #index .main_room .rbox_txt .inner h4 {font-size:38px;color:#C8C8A1;margin-bottom:16px;text-align:center;letter-spacing: 2px;} #index .main_room .rbox_txt .inner p {text-align:center;font-size:14px;color:#6E735B;font-family: 'Pretendard';line-height:1.8em;} #index .main_room .rbox_txt .inner .more_r{width:251px;height:125px;margin:0 auto;} #index .main_special {width:1200px;margin:0 auto 100px;overflow:hidden;position:relative;} #index .main_special .left_box {width:30%;float:left;margin-top:125px;} #index .main_special .left_box h4 {font-size:28px;color:#292929;margin-bottom:30px;} #index .main_special .left_box h4 span {display:inline-block;margin-left:5px;color:#9b9484;font-size:13px;} #index .main_special .left_box p {font-size:14px;color:#9d9991;margin-bottom:40px;line-height:1.7em;margin-bottom:30px;} #index .main_special .bx-wrapper {width:70%!important;float:right;box-shadow:none;border:none;} #index .main_special .vert_slide {width:100%;} #index .main_special .vert_slide > div {width:100%;height:440px;} #index .main_special .vert_slide > div .img {width:100%;height:100%;} #index .main_special .rv_btn {display:block;margin:0 auto;width:469px;height:53px;clear:both;padding-top:80px;} #index .main_special .rv_btn a {display:block;} #index .main_special .bx-viewport {padding:120px 0;} #index .main_special .bx-wrapper .bx-pager {position:absolute;left:-364px;bottom:100px;width:auto;} #index .main_special .bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display:block;} #index .main_special .bx-wrapper .bx-pager.bx-default-pager a { background:#fff;width:200px;padding:15px 0;border-bottom:1px solid #c6c0b5;height:auto;text-indent:initial;border-radius:initial;padding-left:20px; } #index .main_special .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus{background:#c6c0b5!important;} #index .main_special .bx-wrapper .bx-pager-item a > div {width:200px;height:100%;} #index .main_special .bx-wrapper .bx-pager-item a > div p {font-size:15px;color:#474747;display:block;font-family: 'Pretendard';text-align:left;line-height:1.1em;} #index .main_special .bx-wrapper .bx-pager-item a > div p span {display:block;margin-top:5px;color:#9f9787;font-size:13px;} #index .main_special .bx-wrapper .bx-pager.bx-default-pager a:hover p span {color:#fff;} #index .main_special .bx-wrapper .bx-pager.bx-default-pager a.active p span {color:#fff;} /*-----//비마이아일랜드------*/ #index .main_sp {padding:210px 0 210px;position:relative;} #index .main_sp h3 { font-size:57px;color:#C8C8A1;text-align:center;background:url(../images/msp_bg.png) no-repeat right top;display:table;padding-top:106px;padding-right:56px; position:absolute;left:50%;top:0;margin-left:-125px;letter-spacing: 2px; } #index .main_sp h3 span {font-size:16px;color:#6E735B;display:block;margin-top:20px;font-family: 'Pretendard';letter-spacing: 1px;} #index .main_sp ul {overflow:hidden;width:1000px;margin:50px auto 0;} #index .main_sp ul li {position:relative;width:31.33%;margin:50px 1% 0 1%;float:left;height:330px;opacity:0;} #index .main_sp ul li .img:after { content:'';width:100%;height:100%;display:block;background:rgba(112,91,70,0);position:absolute;left:0;top:0; -webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } #index .main_sp ul li:hover .img:after {background:rgba(86,89,74,0.6);} #index .main_sp ul li .img {width:100%;height:300px;overflow:hidden;position:relative;} #index .main_sp ul li .img > div { width:100%;height:100%; -webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; -moz-transform: scale(1);-webkit-transform: scale(1); -o-transform: scale(1);-ms-transform: scale(1); transform: scale(1); } #index .main_sp ul li .cont { height:200px;padding:20px 20px 0 20px;background:rgb(255 255 255 / 94%);position:absolute;right:0;bottom:0; -webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } #index .main_sp ul li .cont a {display:block;width:100%;height:100%;} #index .main_sp ul li .cont h4 {font-family: 'Pretendard';writing-mode: vertical-lr;text-orientation: mixed;font-size:17px;color:#2c2e31;float:left;margin-right:10px;} #index .main_sp ul li .cont h4:before {content:'';width:27px;height:3px;/*display:inline-block;*/display:none;background:#fff;margin-bottom:10px;} #index .main_sp ul li .cont p {font-size:12px;letter-spacing: 2px;color:#ababab;font-family:'InriaSans'; writing-mode:vertical-lr; text-orientation: mixed;margin-top: 8px;} #index .main_sp .more_f{width:1000px;height:135px;margin: 0 auto;} #index .main_sp .more_f a{width:314px; height:135px;float: right;margin-right: -10px;} #index .instagram {position:relative;width:1200px;margin:15px auto;overflow:hidden;} #index .instagram h3 { font-size:38px;color:#252525;position:absolute;left:48%;top:0;padding-left:53px;padding-top:150px;background:url(../images/insta_bg.png) no-repeat left top;margin-left:-232px; text-align:center; } #index .instagram h3 span {display:block;text-align:center;margin-top:10px;font-size:16px;color:#6E735B;font-family: 'Pretendard';} #index .instagram .insta_box {overflow:hidden;margin-top:100px;} #index .instagram ul {width:33.33%;/*margin:0 1%;*/float:left;} #index .instagram ul li {width:48%;margin:15px 0 15px 0;height:150px;overflow:hidden;float:left;/*opacity:0;*/} #index .instagram ul li:nth-child(2n-1) {margin-right:4%!important;} #index .instagram ul li a {display:block;width:100%;height:100%;position:relative;overflow:hidden;} #index .instagram ul li a:after { content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(112,91,70,0); -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #index .instagram ul li:hover a:after {background:rgba(112,91,70,0.6);} #index .instagram ul li .img { width:100%;height:100%; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -moz-transform: scale(1);-webkit-transform: scale(1); -o-transform: scale(1);-ms-transform: scale(1); transform: scale(1); } #index .instagram ul.insta_lst_01 {} #index .instagram ul.insta_lst_01 li {} #index .instagram ul.insta_lst_02 {width:28.31%;margin:0 2.5%;float:left;height:330px;} #index .instagram ul.insta_lst_02 li {width:100%;height:100%;} #index .instagram .insta_btn {margin:50px auto;text-align:center;} #index .instagram .insta_btn a {display:block;width:53px;height:55px;margin:0 auto;} #index .instagram .insta_btn span {display:inline-block;font-size:22px;color:#6E735B;margin:20px auto 0;padding-top:20px;border-top:1px dashed #6E735B;} /*------ woc - exterior ------*/ #exterior #contents {position:relative;z-index:320;} #exterior .top_box {overflow:hidden;} #exterior .top_box h3 {width:363px;margin:100px auto;} #exterior .fp_arrow {position:absolute;right:0;bottom:0;width:55px;height:112px;display:none;} #exterior .fp_arrow a {display:block;width:69px;height:55px;position:absolute;right:0;} #exterior .fp_arrow a.up {top:0;} #exterior .fp_arrow a.down {bottom:0;} #exterior .fp_arrow a.up img {transform:rotate(90deg);} #exterior .fp_arrow a.down img {transform:rotate(90deg);} #exterior .fp_arrow a img {display:block;} #exterior #fp-nav, #exterior .fp-slidesNav {right:8px;bottom:150px;} #exterior #fp-nav ul {display:none;} #exterior #fp-nav ul li, #exterior .fp-slidesNav ul li {width:28px;height:13px;} #exterior #fp-nav ul li a span,#exterior .fp-slidesNav ul li a span {width:13px;height:28px;background:url(../images/slide_off.png)no-repeat 50% 50%;transform:rotate(90deg);} #exterior #fp-nav ul li a.active span {width:13px;height:28px;background:url(../images/slide_on.png)no-repeat 50% 50%;} /*------ woc - about ------*/ #travel #visual {position:fixed;width:100%;height:390px!important;top:0;} #travel #visual:before {content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.3);} #travel #visual h2 {width:100%;font-size:30px;text-align:center;color:#fff;z-index:320;position:absolute;left:0;top:50%;margin-top:-35px;font-weight:normal;letter-spacing:1px;font-family:'adobe-text-pro';} #travel #visual h2 span {display:block;margin-top:20px;font-size:20px;color:#fff;font-family:'FuturaPTBook';} #travel #contents {position:relative;background:#fff;padding-top:30px;z-index:500;} #travel .cont {width:1500px;margin:0 auto 70px;} #travel .cont ul {width:100%;overflow:hidden;} #travel .cont ul li {width:30.33%;margin:1.5%;float:left;height:700px;margin-bottom:40px;} #travel .cont ul li .img {width:100%;height:292px;margin-bottom:40px;} #travel .cont ul li h3 {font-size:30px;color:#3e3e3e;margin-bottom:20px;} #travel .cont ul li h3 span {display:block;font-size:16px;color:#6991ac;margin-bottom:20px;} #travel .cont ul li p {font-size:14px;line-height:1.7em;color:#6c6c6c} #location #visual {position:fixed;width:100%;height:390px!important;top:0;} #location #visual:before {content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.2);} #location #visual h2 {font-size:40px;color:#fff;text-align:center;position:absolute;width:100%;left:0;top:45%;z-index:320;font-family:'adobe-text-pro';} #location #visual h2 span {display:block;margin-bottom:25px;color:#fff;font-size:15px;font-family:'FuturaPTBook';} #location #visual p {color:#fff;font-size:16px;margin-top:10px;text-align:center;position:absolute;left:0;width:100%;bottom:13%;z-index:320;} #location #visual p span {display:block;width:38px;height:2px;background:#6991ac;margin:30px auto 0;} #location #contents {position:relative;background:#fff;padding-top:30px;z-index:500;} #location #contents .cont {width:1200px;margin:0 auto 150px;overflow:hidden;font-family: 'Pretendard';} #location #contents .cont div {margin-top:30px;} #location #contents .cont div.public {margin-top:60px;} #location #contents .cont h3 {font-size:22px;border-bottom:1px solid #cacaca;padding:10px 0 10px 10px;color:#676767;} #location #contents .cont h3 span {font-size:15px;float:right;margin-right:10px;color:#909090;font-family: 'Pretendard';} #location #contents .cont p {margin:25px 0 30px;line-height:1.5em;color:#676767;font-size:15px;font-family: 'Pretendard';} #location #contents .cont p span {display:block;font-size:15px;margin-bottom:5px;font-weight:bold;font-family: 'Pretendard';} #location #map {width:100%;height:500px;margin:80px 0 100px;text-align:center;position:relative;z-index:90;background:#fff;} /*------ woc - room ------*/ /* ---------rpv----woc 218--------- */ #rpv .top {position:fixed!important;top:0;} #rpv #contents {position:relative;width:100%;height:100%;overflow:hidden;background:#fff;z-index:500;top:911px;} #rpv #contents h3 {position:relative;font-size:43px;color:#C8C8A1;text-align:center;margin-top:100px;margin-bottom:80px;} #rpv #contents h3 span {display:block;font-size:15px;color:#6E735B;margin-top:30px;line-height:1.8em;} #rpv #contents > .room_lst {width:100%;overflow:hidden;padding-top:100px;background:#edecea;padding-bottom:100px;} #rpv #contents > .room_lst > li {width:1200px;margin:0 auto 40px;height:400px;overflow:hidden;} #rpv #contents > .room_lst > li .img {width:70%;float:left;height:100%;overflow:hidden;} #rpv #contents > .room_lst > li .img > div { width:100%;height:100%; -webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; -moz-transform: scale(1);-webkit-transform: scale(1); -o-transform: scale(1);-ms-transform: scale(1); transform: scale(1); } #rpv #contents > .room_lst > li .cont_box {overflow:hidden;width:30%;float:left;height:100%;position:relative;background:#fff;} #rpv #contents > .room_lst > li .cont_box .cont {position:absolute;left:0;top:50%;margin-top:-113px;width:100%;} #rpv #contents > .room_lst > li .cont_box .cont h4 {font-size:27px;color:#6c6c6c;text-align:center;margin-bottom:30px; font-family: 'Pretendard';} #rpv #contents > .room_lst > li .cont_box .cont h4 span {display:block;margin-bottom:12px;text-align:center;font-size:13px;font-family: 'InriaSans';letter-spacing: 2px;color:#838383;} #rpv #contents > .room_lst > li .cont_box .cont > p {font-size:15px;font-family: 'Pretendard';font-weight: 300;color:#6c6c6c;line-height:1.5em;text-align:center;} #rpv #contents > .room_lst > li .cont_box .cont > a {display:block;width:160px;line-height:57px;color:#56594A;font-family:'InriaSans';font-size:13px;font-weight:700;border:1px solid #ECECE3;/*background:#E5CE6E;*/border-radius:5px;text-align:center;letter-spacing: 2px;margin:50px auto;} #rpv #contents > .room_lst > li .cont_box .cont > a:hover {background:#56594A;color:#ECECE3;} /*#rpv #contents > .room_lst > li .cont_box .cont > a {display:block;border:1px solid #a1a1a1;font-size:14px;color:#a1a1a1;text-align:center;width:150px;line-height:40px;margin:60px auto 0;position:relative;} #rpv #contents > .room_lst > li .cont_box .cont > a:before {content:'';width:0;height:1px;background:#6c6c6c;position:absolute;left:50%;top:50%;margin-left:-50px;} #rpv #contents > .room_lst > li .cont_box .cont > a:hover:before {width:100px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}*/ /* rpv #rpv .top {position:fixed!important;top:0;} #rpv #contents {position:relative;width:100%;height:100%;overflow:hidden;position:relative;background:#fff;z-index:500;} #rpv #contents > h3 {margin:100px auto;} #rpv #contents > h3 > img {display:block;margin:0 auto;} #rpv #contents > .room_lst {width:100%;} #rpv #contents > .room_lst > li {margin-bottom:60px;width:33.33%;position:relative;overflow:hidden;height:500px;float:left;} #rpv #contents > .room_lst > li .slick-slide {height:500px;position:relative;} #rpv #contents > .room_lst > li .img { width:100%;height:100%; -webkit-transition: all 0.4s cubic-bezier(.64,.17,.49,.83);-moz-transition: all 0.4s cubic-bezier(.64,.17,.49,.83); -ms-transition: all 0.4s cubic-bezier(.64,.17,.49,.83);-o-transition: all 0.4s cubic-bezier(.64,.17,.49,.83); -moz-transform: scale(1);-webkit-transform: scale(1); -o-transform: scale(1);-ms-transform: scale(1); transform: scale(1); } #rpv #contents > .room_lst > li .cont_box {width:100%;position:absolute;left:0;top:0;height:100%;} #rpv #contents > .room_lst > li .cont_box .cont {width:100%;position:absolute;left:0;top:50%;margin-top:-100px;z-index:330;} #rpv #contents > .room_lst > li .cont_box:before { content:'';display:block;width:0;height:100%;background:rgba(2,122,196,0.9);position:absolute;right:50%;float:left;z-index:320; -webkit-transition: all 0.4s cubic-bezier(.64,.17,.49,.83);-moz-transition: all 0.4s cubic-bezier(.64,.17,.49,.83); -ms-transition: all 0.4s cubic-bezier(.64,.17,.49,.83);-o-transition: all 0.4s cubic-bezier(.64,.17,.49,.83); } #rpv #contents > .room_lst > li .cont_box:after { content:'';display:block;width:0;height:100%;background:rgba(2,122,196,0.9);position:absolute;left:50%;float:right;z-index:320; -webkit-transition: all 0.4s cubic-bezier(.64,.17,.49,.83);-moz-transition: all 0.4s cubic-bezier(.64,.17,.49,.83); -ms-transition: all 0.4s cubic-bezier(.64,.17,.49,.83);-o-transition: all 0.4s cubic-bezier(.64,.17,.49,.83); } #rpv #contents > .room_lst > li .cont_box .cont h4 {font-size:36px;color:#fff;text-align:center;} #rpv #contents > .room_lst > li .cont_box .cont h4 span {display:block;font-size:14px;color:#fff;margin-bottom:10px;} #rpv #contents > .room_lst > li .cont_box .cont a {width:160px;line-height:30px;font-size:13px;color:#fff;border:1px solid #fff;margin:45px auto 0;display:block;text-align:center;} #rpv #contents > .room_lst > li .cont_box:hover:before {width:50%;} #rpv #contents > .room_lst > li .cont_box:hover:after {width:50%;} #rpv #contents > .room_lst .slick-arrow {width:55px;height:69px;position:absolute;top:50%;margin-top:-34.5px;z-index:350;} #rpv #contents > .room_lst .slick-prev {left:0;background:url(../images/room/slick_prev.png) no-repeat 50% 50%;} #rpv #contents > .room_lst .slick-next {right:0;background:url(../images/room/slick_next.png) no-repeat 50% 50%;} #rpv #contents > .room_lst .slick-dots {width:100%;position:absolute;bottom:20px;text-align:center;} #rpv #contents > .room_lst .slick-dots li {width:13px;height:28px;background:url(../images/room/slick_base.png) no-repeat 50% 50%;margin:0 3px;display:inline-block;cursor:pointer;} #rpv #contents > .room_lst .slick-dots li.slick-active {background:url(../images/room/slick_on2.png) no-repeat 50% 50%;} #rpv #contents > .room_lst .slick-dots li button {width:0;height:0;opacity:0;font-size:0;} #rpv #contents > .room_lst .slider:hover .slick-dots li.slick-active {background:url(../images/room/slick_on.png) no-repeat 50% 50%;} */ /*-------woc94------room------------*/ /* room */ #room {scroll-behavior: smooth;} #room .top {position:fixed!important;top:0;} #room .top:before {display:none;} #room .top #slide .nav > ul li a {width:30px;height:30px;} #room .top #slide .nav > ul li a {background:url(url(../images/room/slide_off.png) no-repeat 0 0) no-repeat 50% 50%;} #room .top #slide .nav > ul li a.active {background:url(url(../images/room/slide_on.png) no-repeat 0 0) no-repeat 50% 50%;} #room .content {position:relative;background:#fff;padding-top:100px;} #room .content .inner {width:1200px;margin:0 auto 220px;} #room .content .inner .ttl {text-align:center;} #room .content .inner .ttl h2 {font-size:60px;color:#C8C8A1;margin-bottom:20px;} #room .content .inner .ttl p {font-size:15px;color:#353535;display:block;margin-top:33px;line-height:1.7em;font-family: 'Pretendard';} #room .content .inner .ttl p span {font-size:18px;display:block;margin-bottom:15px;} #room .content .inner .roomVideo {width:100%;height:auto;margin-top:80px;} #room .content .inner #roomVideo {width:100%;height:auto;} #room .content .inner .cont_box {overflow:hidden;margin:70px 0;display: flex;width: 100%;} #room .content .inner .cont_box .img_box {width:40%;float:left;} #room .content .inner .cont_box .img_box li {height:220px;margin-bottom:15px;width:48.5%;} #room .content .inner .cont_box .img_box li:nth-child(2n-1) {float:left;} #room .content .inner .cont_box .img_box li:nth-child(2n) {float:right;} /*#room .content .inner .cont_box .right_cont {width:50%;float:right;margin-top:30px;} #room .content .inner .cont_box .right_cont h4 {font-size:24px;color:#353535;margin-bottom:30px;} #room .content .inner .cont_box .right_cont dl {margin-bottom:30px;} #room .content .inner .cont_box .right_cont dt {font-size:17px;color:#56594A;margin-bottom:15px;font-family: 'Pretendard';background:url(../images/circle.png) no-repeat left center;padding-left:13px;} #room .content .inner .cont_box .right_cont dd {line-height:1.8em;overflow:hidden;margin-left:13px;} #room .content .inner .cont_box .right_cont dd p {font-size:15px;color:#56594A;font-family: 'Pretendard';float:left;font-family: 'Pretendard';} #room .content .inner .cont_box .right_cont dd span {font-size:15px;color:#56594A;display:block;float:left;margin-right:10px;} */ #room .content .inner .room_ex {clear:both;margin:80px 0;overflow:hidden;} #room .content .inner .room_ex h4 {font-size:24px;color:#353535;display:block;border-bottom:1px solid #cbcbcb;padding-bottom:30px;margin-bottom:30px;} #room .content .inner .room_ex dl {width:44%;float:left;margin-right:5%;margin-left:1%;} #room .content .inner .room_ex dt { font-size:17px;color:#353535;margin-bottom:20px;padding-left:18px;background:url(../images/room/circle.png) no-repeat left center;font-family: 'Pretendard'; } #room .content .inner .room_ex dd {margin-left:18px;font-size:15px;color:#353535;line-height:1.8em;font-family: 'Pretendard';} #room .content .inner .rv_btn {display:block;margin:200px auto;width:469px;} #room .content .inner .rv_btn:hover {opacity:0.8;} #room .content .inner .bak {overflow:hidden;} #room .content .inner .bak > div {height:295px;margin-bottom:15px;width:49.3%;} #room .content .inner .bak > div.img_01 {width:100%;} #room .content .inner .bak > div.img_02 {float:left;} #room .content .inner .bak > div.img_03 {float:right;} #room .content .inner .glam_map{width:100%;height:1200px;margin-top:70px;overflow:hidden;} /* 스테이플랑 */ #room .content .inner .cont_box .info{width: 45%;margin: 15px 0 0 100px;} #room .content .inner .cont_box .info .room_tab{ font-size: 14px; padding: 10px 20px; border-left: 1px solid #cbcbcb; max-width: 516px; width: 100%; display: flex; justify-content: space-between; color: var(--black--); } #room .content .inner .cont_box .info .room_tab span{letter-spacing: 1px;font-family: 'InriaSans';color: #353535;} #room .content .inner .cont_box .detail .info_inner {padding: 10px 0 10px 40px;max-width: 516px;} #room .content .inner .cont_box .detail:nth-child(3) .info_inner{margin: 8px 9px 0;} #room .content .inner .cont_box .detail .info_inner .left{width:20%;float:left;margin-bottom: 20px;} #room .content .inner .cont_box .detail .info_inner .left > p{ font-size: 14px; line-height:30px; color : #a0a0a0; font-family: 'Pretendard'; text-align:left; } #room .content .inner .cont_box .detail .info_inner .right > p span{font-size: 14px;color:#a0a0a0;font-weight: 200;font-family: 'Pretendard';} #room .content .inner .cont_box .detail .info_inner .right{width:80%; float:left;margin-bottom: 20px;} #room .content .inner .cont_box .detail .info_inner .right > p { font-size: 15px; color: #222; line-height: 30px; font-family: 'Pretendard'; text-align:right; } #room .content .inner .cont_box .detail .info_inner > .bold {font-weight: 700;} /*-------스테이플랑------- #room .content .inner .cont_box .info{width: 42%;margin: 30px 0 0 100px;} #room .content .inner .cont_box .info .room_tab{ font-size: 14px; padding: 10px 0; border-bottom: 1px solid #cbcbcb; max-width: 516px; width: 100%; display: flex; justify-content: space-between; color: var(--black--); } #room .content .inner .cont_box .info .room_tab span{letter-spacing: 1px;font-family: 'InriaSans';color: #353535;} #room .content .inner .cont_box .detail .info_inner {margin: 8px 9px 21px; max-width: 516px;} #room .content .inner .cont_box .detail:nth-child(3) .info_inner{margin: 8px 9px 0;} #room .content .inner .cont_box .detail .info_inner > p { font-size: 14px; color : #7F7B79; line-height: 30px; font-family: 'Pretendard'; } #room .content .inner .cont_box .detail .info_inner > p span{ font-size: 15px; font-weight: 600; color: #353535; margin-bottom : 12px; margin-right : 10px; font-family: 'Pretendard'; } #room .content .inner .cont_box .detail .info_inner > .bold {font-weight: 700;} /* room #room {position:relative;} #room .room_bg2 { background:url(../images/room/ttl_bg02.png) no-repeat right top;width:128px;height:128px;position:absolute;right:-6%;bottom:0;z-index:320; } #room .top {position:relative!important;top:0!important;} #room .top:before {display:none;} #room .content {position:relative;background:#fff;padding-top:100px;margin:0 auto;width:80%;} #room .content .ttls {overflow:hidden;position:relative;} #room .content .ttls .h2 {float:left;width:35%;margin-right:3%;padding:80px 0 30px;background:url(../images/room/ttl_bg01.png) no-repeat 31% center;} #room .content .ttls .h2 h2 {font-size:33px;color:#6f685f;text-align:right;} #room .content .ttls .h2 h2 span {display:block;font-size:14px;color:#6E735B;} #room .content .ttls .ttl {font-size:16px;color:#5b5b5b;line-height:1.8em;width:62%;float:left;margin-top:80px;} #room .content .cont_box {width:100%;margin-bottom:100px;position:relative;height:547px;} #room .content .cont_box h3 {font-size:16px;color:#fff;padding:10px 0 10px 20px;background:#6E735B;} #room .content .cont_box .room_info {width:35%;float:left;} #room .content .cont_box .room_info .in_box1 {padding:70px 20px;background:#f8f5f0;} #room .content .cont_box .room_info .in_box1 p {line-height:2em;font-size:15px;color:#5d5d5d;} #room .content .cont_box .room_info .in_box1 p:nth-child(1) {width:50%;float:left;} #room .content .cont_box .room_info .in_box1 p:nth-child(2) {width:50%;float:left;} #room .content .cont_box .room_info .in_box1 p span {display:inline-block;color:#6E735B;} #room .content .cont_box .room_info .in_box1 .btn_box {margin-top:50px;} #room .content .cont_box .room_info .in_box1 .btn_box h4 {font-size:15px;color:#615744;text-align:center;} #room .content .cont_box .room_info .in_box1 .btn_box ul {overflow:hidden;} #room .content .cont_box .room_info .in_box1 .btn_box ul li {margin:17px auto;font-family:'Pretendard';line-height:37px;} #room .content .cont_box .room_info .in_box1 .btn_box ul li.tell {width:220px;color:#fff;text-align:center;font-size:15px;background:#6E735B;} #room .content .cont_box .room_info .in_box1 .btn_box ul li:nth-child(2) {position:relative;height:37px;} #room .content .cont_box .room_info .in_box1 .btn_box li a.view { display:block; margin-top:70px; font-size:16px; color:#6E735B; width:220px; height:35px; line-height:35px; text-align:center; position:absolute;bottom:0;left:50%;margin-left:-110px;border:1px solid #6E735B; transition: .5s; } #room .content .cont_box .room_info .in_box1 .btn_box li a.view:before{content:''; width:43px; height:1px; background-color:#796a48; position:absolute; top:50%; left:-18px; transform: translatex(0px); transition: .5s;} #room .content .cont_box .room_info .in_box1 .btn_box li a.view:hover{background-color:#6E735B; color:#fff; transition: .5s;} #room .content .cont_box .room_info .in_box1 .btn_box li a.view:hover:before{transform: translatex(220px); transition: .5s; } #room .content .room_ame {width:62%;float:left;margin-left:3%;background:#ffffff;} #room .content .room_ame h3 {background:#6f685f;} #room .content .room_ame .in_box2 {width:70%;float:left;} #room .content .room_ame .in_box3 {width:30%;float:left;position:relative;} #room .content .room_ame .in_box3:before {content:'';width:1px;height:70%;display:block;background:#edebea;position:absolute;left:0;top:30%;} #room .content .room_ame .in_box2 ul {overflow:hidden;margin:40px 0 0 50px;} #room .content .room_ame .in_box2 ul li { font-size:14px;color:#949494;width:30%;line-height:2.2em;float:left; background:url(../images/room/circle.png) no-repeat left center;padding-left:15px; } #room .content .room_ame .in_box3 h3 {padding-left:50px;} #room .content .room_ame .in_box3 ul {overflow:hidden;margin:40px 0 0 50px;} #room .content .room_ame .in_box3 ul li { font-size:14px;color:#949494;width:100%;line-height:2.2em;float:left; background:url(../images/room/circle.png) no-repeat left center;padding-left:15px; } #room .content .room_guide {width:62%;float:left;margin-left:3%;margin-top:50px;position:relative;padding-bottom:40px;} #room .content .room_guide:before {content:'';width:100%;height:1px;background:#edebea;display:block;position:absolute;left:0;bottom:0;} #room .content .room_guide h3 {background:#6f685f;} #room .content .room_guide ul {overflow:hidden;margin:40px 0 0 50px;} #room .content .room_guide ul li { font-size:14px;color:#949494;width:100%;line-height:2.2em;float:left; background:url(../images/room/circle.png) no-repeat left center;padding-left:15px; } /*------ woc - facility ------*/ /* fpv */ #fpv .top {position:fixed!important;top:0;} #fpv #contents {position:relative;width:100%;height:100%;overflow:hidden;position:relative;background:#fff;z-index:500;top:911px;} #fpv #contents h3 {position:relative;font-size:43px;color:#C8C8A1;text-align:center;margin-top:100px;margin-bottom:80px;} #fpv #contents h3 span {display:block;font-size:15px;color:#6E735B;margin-top:30px;line-height:1.8em;} #fpv #contents .main_sp {margin:0 0 200px 0;} #fpv #contents .main_sp > ul {width:77%;margin:0 auto;overflow:hidden;} #fpv #contents .main_sp > ul > li {width:33.333%;height:360px;float:left;position:relative;} #fpv #contents .main_sp > ul > li .img {width:100%;height:100%;overflow:hidden;} #fpv #contents .main_sp > ul > li .img > div { width:100%;height:100%; -webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; -moz-transform: scale(1);-webkit-transform: scale(1); -o-transform: scale(1);-ms-transform: scale(1); transform: scale(1); } #fpv #contents .main_sp > ul > li .cont_box {width:85%;position:absolute;left:15%;top:50%;margin-top:-84.5px;z-index:320;border-top:1px solid rgba(255,255,255,0.5);} #fpv #contents .main_sp > ul > li .cont_box .line_bar { display:block;width:37px;height:2px;background:#fff;position:absolute;top:-2px; -webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; } #fpv #contents .main_sp > ul > li .cont_box .cont {} #fpv #contents .main_sp > ul > li .cont_box .cont h4 {font-size:28px;color:#fff;margin-bottom:50px;margin-top:30px;} #fpv #contents .main_sp > ul > li .cont_box .cont h4 span {display:block;margin-top:12px;font-size:15px;color:#fff;} #fpv #contents .main_sp > ul > li .cont_box .cont a {display: block;width: 176px;line-height: 55px;font-size: 14px;font-family: 'InriaSans';color: #fff;border: 1px solid #fff;border-radius: 5px;text-align: center;letter-spacing: 2px;position: relative;} #fpv #contents .main_sp > ul > li .cont_box .cont a:hover {background:#56594A;color:#ECECE3; -webkit-transition: all 0.5s;-moz-transition: all 0.5s; -ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s; } /* #fpv {} #fpv .top {position:relative!important;top:0;} #fpv .main_sp {overflow:hidden;width:100%;height:100%;} #fpv .main_sp .msp {position:relative;width:33.33%;float:left;height:100%;} #fpv .main_sp .msp .bg_bw { width:100%;height:100%;display:block;background:rgba(19,19,19,0.6);position:absolute;left:0;top:0;opacity:0;x-index:310; -webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } #fpv .main_sp .msp:hover .img:after {background:rgba(112,91,70,0.6);} #fpv .main_sp .msp .img {width:100%;height:100%;overflow:hidden;position:relative;} #fpv .main_sp .msp .img > div { width:100%;height:100%; -webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; -moz-transform: scale(1);-webkit-transform: scale(1); -o-transform: scale(1);-ms-transform: scale(1); transform: scale(1); } #fpv .main_sp .msp .cont { height:300px;padding:20px 25px 0 25px;background:rgba(249,249,249,0.9);position:absolute;right:10%;bottom:10%;z-index:320; -webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } #fpv .main_sp .msp .cont a {display:block;width:100%;height:100%;} #fpv .main_sp .msp .cont h4 {font-family: 'Pretendard';writing-mode: vertical-lr;text-orientation: mixed;font-size:25px;color:#5a5a5a;float:left;margin-right:10px;} #fpv .main_sp .msp .cont h4:before {content:'';width:27px;height:3px;display:inline-block;background:#6E735B;margin-bottom:10px;} #fpv .main_sp .msp .cont p {font-size:15px;color:#6E735B;writing-mode: vertical-lr;text-orientation: mixed;margin-left:5px;} */ /* facility */ #facility {} #facility .top {position:relative!important;top:0!important;} #facility .top:before {display:none;} #facility .top #slide .nav > ul li a {width:30px;height:30px;} #facility .top #slide .nav > ul li a {background:url(../images/room/slide_off.png) no-repeat 0 0) no-repeat 50% 50%;} #facility .top #slide .nav > ul li a.active {background:url(../images/room/slide_on.png) no-repeat 0 0) no-repeat 50% 50%;} #facility .content {position:relative;background:#fff;} #facility .content .con_in {width:100%;padding:80px 0;background:#F0F0E6;overflow:hidden;} #facility .content .con_in .fc_conts {overflow:hidden;width:1200px;margin:0 auto;} #facility .content .con_in .fc_ttl {float:left;} #facility .content .con_in .fc_ttl h2 { font-size:33px;color:#56594A;background:url(../images/special/ttl_bg.png) no-repeat left top;font-weight:600; padding-top:42px;padding-left:74px;padding-bottom:20px; } #facility .content .con_in .fc_ttl h2 span {display:inline-block;font-size:18px;color:#56594A;margin-left:20px;} #facility .content .con_in .info {float:left;margin-left:150px;} #facility .content .con_in .info p {font-size:16px;color:#56594A;line-height:2em;font-family:'Pretendard';} #facility .content .con_in .info > ul {margin-top:35px;} #facility .content .con_in .info > ul > li {line-height:2em;color:#56594A;font-family:'Pretendard';font-size:16px;} /**/ #facility .content .main_sp {margin:100px 0 200px 0;} #facility .content .main_sp > ul {width:70%;margin:0 auto;overflow:hidden;} #facility .content .main_sp > ul > li {width:33.333%;height:340px;float:left;position:relative;} #facility .content .main_sp > ul > li .img {width:100%;height:100%;overflow:hidden;} #facility .content .main_sp > ul > li .img > div { width:100%;height:100%; -webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; -moz-transform: scale(1);-webkit-transform: scale(1); -o-transform: scale(1);-ms-transform: scale(1); transform: scale(1); } #facility .content .main_sp > ul > li .cont_box {width:85%;position:absolute;left:15%;top:50%;margin-top:-84.5px;z-index:320;/*border-top:1px solid rgba(255,255,255,0.5);*/} /*#facility .content .main_sp > ul > li .cont_box .line_bar { display:block;width:37px;height:2px;background:#fff;position:absolute;top:-2px; -webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; }*/ #facility .content .main_sp > ul > li .cont_box .cont {} #facility .content .main_sp > ul > li .cont_box .cont h4 {font-size:28px;color:#fff;margin-bottom:50px;margin-top:20px;} #facility .content .main_sp > ul > li .cont_box .cont h4 span {display:block;margin-top:12px;font-size:15px;color:#fff;} #facility .content .main_sp > ul > li .cont_box .cont a {display: block;width: 150px;line-height: 48px;font-size: 13px;font-family: 'InriaSans';color: #fff;border: 1px solid #fff;border-radius: 5px;text-align: center;letter-spacing: 2px;position: relative;} #facility .content .main_sp > ul > li .cont_box .cont a:hover {background:#56594A;color:#ECECE3; -webkit-transition: all 0.5s;-moz-transition: all 0.5s; -ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s; } /* #facility .main_sp {padding:200px 0 80px;position:relative;margin-top:100px;} #facility .main_sp h3 { font-size:38px;color:#252525;margin:0 auto 50px;text-align:center;background:url(../images/msp_bg.png) no-repeat right top;display:table;padding-top:106px;padding-right:91px; position:absolute;left:53%;top:0;margin-left:-183px; } #facility .main_sp h3 span {font-size:16px;color:#252525;display:block;margin-top:20px;} #facility .main_sp ul {overflow:hidden;width:1000px;margin:50px auto;} #facility .main_sp ul li {position:relative;width:31.33%;margin:0 1%;float:left;height:400px;} #facility .main_sp ul li .img:after { content:'';width:100%;height:100%;display:block;background:rgba(112,91,70,0);position:absolute;left:0;top:0; -webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } #facility .main_sp ul li:hover .img:after {background:rgba(112,91,70,0.6);} #facility .main_sp ul li .img {width:100%;height:300px;overflow:hidden;position:relative;} #facility .main_sp ul li .img > div { width:100%;height:100%; -webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; -moz-transform: scale(1);-webkit-transform: scale(1); -o-transform: scale(1);-ms-transform: scale(1); transform: scale(1); } #facility .main_sp ul li .cont { height:200px;padding:20px 20px 0 20px;background:rgba(249,249,249,0.9);position:absolute;right:0;bottom:0; -webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } #facility .main_sp ul li .cont a {display:block;width:100%;height:100%;} #facility .main_sp ul li .cont h4 {font-family: 'Pretendard';writing-mode: vertical-lr;text-orientation: mixed;font-size:25px;color:#5a5a5a;float:left;margin-right:10px;} #facility .main_sp ul li .cont h4:before {content:'';width:27px;height:3px;display:inline-block;background:#6E735B;margin-bottom:10px;} #facility .main_sp ul li .cont p {font-size:15px;color:#6E735B;writing-mode: vertical-lr;text-orientation: mixed;margin-left:5px;} */ /*------------------------------------------------------------------------------------------------*/ /* tables */ #table #visual {position:fixed;width:100%;height:390px!important;top:0;} #table #visual:before {content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.2);} #table #visual h2 {font-size:40px;color:#fff;text-align:center;position:absolute;width:100%;left:0;top:66%;z-index:320;margin-top:-45px;font-family:'adobe-text-pro';} #table #visual h2 span {display:block;margin-bottom:20px;color:#fff;font-size:15px;margin-top:15px;font-family:'FuturaPTBook';} #table .contents {position:relative;background:#fff;z-index:360;} #table .contents {padding-top:80px;} #table .contents .cont {width:1200px;margin:0 auto;} #table .contents .pv_lst {width:500px;margin:0 auto 70px;} #table .contents .pv_lst ul {width:100%;overflow:hidden;} #table .contents .pv_lst ul li {float:left;width:45%;margin:0 2.5%;} #table .contents .pv_lst ul li a {display:block;line-height:44px;font-size:16px;border-radius:25px;text-align:center;overflow:hidden;} #table .pv_lst ul > li:nth-child(1) a {border:1px solid #6E735B;color:#6E735B;} #table .pv_lst ul > li:nth-child(2) a {border:1px solid #565656;color:#565656;} #table .pv_lst ul > li:nth-child(1) a:hover {color:#fff;} #table .pv_lst ul > li:nth-child(2) a:hover {color:#fff;} #table .pv_lst ul li:nth-child(1) a.active {background:#6E735B!important;color:#fff!important;} #table .pv_lst ul li:nth-child(2) a.active {background:#565656!important;color:#fff!important;} #table .iframe {margin-bottom:100px;} #table .iframe .img {width:1200px;height:600px;} #table .iframe > p {font-size:25px;text-align:center;margin-top:60px;line-height:1.5em;} #table .btn3{ color: #998561; font-family: sans-serif; text-transform: uppercase; text-align: center; position: relative; text-decoration: none; font-family: 'Pretendard'; } #table .btn::before { content: ''; position: absolute; bottom: 50%; left: 0px; width: 100%; height: 1px; background: #998561; display: block; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1); transition: transform 0.4s cubic-bezier(1, 0, 0, 1) } #table .btn:hover::before { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1) } #table .btn3::before{ content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; z-index: -1; background-color: #000; -webkit-transform: scaleX(.3); transform: scaleX(.3); opacity: 0; transition: all .3s } #table .btn3:hover::before{ opacity: 1; color:#fff; background-color: #998561; -webkit-transform: scaleX(1); transform: scaleX(1); transition: -webkit-transform .6s cubic-bezier(.08, .35, .13, 1.02), opacity .4s; transition: transform .6s cubic-bezier(.08, .35, .13, 1.02), opacity } #table .pv_lst ul > li:nth-child(2) a.btn3:hover::before { background-color: #565656; } /*------------------------------------------------------------------------------------------------*/ /* guide */ #reserve #visual {position:fixed;width:100%;height:320px!important;top:0;} #reserve #visual:before {content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.2);} #reserve #visual h2 {font-size:40px;color:#fff;text-align:center;position:absolute;width:100%;left:0;top:50%;z-index:320;margin-top:-45px;font-family:'adobe-text-pro';} #reserve #visual h2 span {display:block;margin-bottom:20px;color:#fff;font-size:15px;margin-top:15px;font-family:'FuturaPTBook';} #reserve .contents {position:relative;background:#fff;z-index:360;} #reserve .contents {padding-top:80px;} #reserve .contents .cont {width:1200px;margin:0 auto 100px;} #reserve .contents .click_btn { width:550px;color:#6E735B;border:1px solid #6E735B;border-radius:50px;text-align:center;display:block;margin:30px auto;font-size:20px;line-height:50px;overflow:hidden; font-family:'Pretendard'; } #reserve .contents .click_btn:hover {color:#fff;} #reserve .pv_lst {width:500px;margin:0 auto 70px;} #reserve .pv_lst ul {width:100%;overflow:hidden;} #reserve .pv_lst ul li {float:left;width:45%;margin:0 2.5%;} #reserve .pv_lst ul li a {display:block;line-height:44px;font-size:16px;border-radius:25px;text-align:center;font-family: 'Pretendard';overflow:hidden;} #reserve .pv_lst ul > li:nth-child(1) a {border:1px solid #9fa296;color:#9fa296;} #reserve .pv_lst ul > li:nth-child(2) a {border:1px solid #9fa296;color:#9fa296;} #reserve .pv_lst ul > li:nth-child(1) a:hover {color:#fff;background:#C8C8A1!important;} #reserve .pv_lst ul > li:nth-child(2) a:hover {color:#fff;background:#C8C8A1!important;} #reserve .pv_lst ul li:nth-child(1) a.active {background:#C8C8A1!important;color:#fff!important;} #reserve .pv_lst ul li:nth-child(2) a.active {background:#C8C8A1!important;color:#fff!important;} #reserve .iframe {margin-bottom:100px;} .tab01 {display:none;} .tab02 {display:block;} .tab02 > h3 {font-size:20px;display:block;border-top:1px solid #5f5162;background:#f1f1f1;padding:15px;margin-bottom:20px;} .tab02 .price {margin:80px 0 70px;} .tab02 .price h3 {font-size:20px;display:block;border-top:1px solid #5f5162;background:#f1f1f1;padding:15px;font-family: 'Pretendard';} .tab02 .price ul {margin-top:30px;} .tab02 .price ul li {line-height:1.5em;color:#4d4d4d;font-size:15px;margin-bottom:5px;font-family: 'Pretendard';} .tab02 .price ul .red{color:#ff0000;} .tab02 .rv_notice {margin:80px 0 70px;} .tab02 .rv_notice h3 {font-size:20px;display:block;border-top:1px solid #5f5162;background:#f1f1f1;padding:15px;font-family: 'Pretendard';} .tab02 .rv_notice ul {margin-top:30px;} .tab02 .rv_notice ul li {line-height:1.5em;color:#4d4d4d;font-size:15px;margin-bottom:5px;font-family: 'Pretendard';} .tab02 .refund {margin-bottom:100px;} .tab02 .refund h3 {font-size:20px;display:block;border-top:1px solid #5f5162;background:#f1f1f1;padding:15px;font-family: 'Pretendard';} .tab02 .refund h4 {font-size:20px;text-align:left;margin:30px 0 10px;font-family: 'Pretendard';} .tab02 .refund table {width:100%;margin-top:40px;} .tab02 .refund table thead tr th {padding:10px 0;background:#C8C8A1;border-right:1px solid #fff;font-weight:normal;font-size:14px;font-family:'Pretendard';color:#fff;} .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:#6E735B;font-family:'Pretendard';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;margin-bottom:5px;font-family: 'Pretendard';} #reserve .btn3{ color: #998561; font-family: sans-serif; text-transform: uppercase; text-align: center; position: relative; text-decoration: none; font-family: 'Pretendard'; } #reserve .btn::before { content: ''; position: absolute; bottom: 50%; left: 0px; width: 100%; height: 1px; background: #998561; display: block; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1); transition: transform 0.4s cubic-bezier(1, 0, 0, 1) } #reserve .btn:hover::before { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1) } #reserve .btn3::before{ content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; z-index: -1; background-color: #000; -webkit-transform: scaleX(.3); transform: scaleX(.3); opacity: 0; transition: all .3s } #reserve .btn3:hover::before{ opacity: 1; color:#fff; background-color: #998561; -webkit-transform: scaleX(1); transform: scaleX(1); transition: -webkit-transform .6s cubic-bezier(.08, .35, .13, 1.02), opacity .4s; transition: transform .6s cubic-bezier(.08, .35, .13, 1.02), opacity } #reserve .pv_lst ul > li:nth-child(2) a.btn3:hover::before { background-color: #565656; }