@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; } .pv_lst {width:500px;margin:0 auto 70px;} .pv_lst ul {width:100%;overflow:hidden;} .pv_lst ul li {float:left;width:45%;margin:0 2.5%;} .pv_lst ul li a {display:block;padding:13px 0;font-size:16px;border-radius:5px;text-align:center;} .pv_lst ul > li:nth-child(1) a {border:1px solid #e3ac28;color:#e3ac28;} .pv_lst ul > li:nth-child(2) a {border:1px solid #5c6a79;color:#5c6a79;} .pv_lst ul > li:nth-child(1) a:hover {background:#e3ac28;color:#fff;} .pv_lst ul > li:nth-child(2) a:hover {background:#5c6a79;color:#fff;} .pv_lst ul li:nth-child(1) a.active {background:#e3ac28!important;color:#fff!important;} .pv_lst ul li:nth-child(2) a.active {background:#5c6a79!important;color:#fff!important;} /* header */ #index header .menu a.menu_01 {display:block;} #index header .menu a.menu_02 {display:none;} header .menu a.menu_01 {display:none;} header .menu a.menu_02 {display:block;} header {position:fixed;z-index:1000;width:100%;} header h1 {position:absolute;left:2%;top:15px;z-index:320;} header .menu {position:absolute;right:3%;top:30px;z-index:320;} header .nav {width:100%;height:100%;position:fixed;right:-100%;opacity:0;z-index:500;overflow:hidden;background:#f3f3f3;} header .nav > ul {width:100%;height:100%;overflow:hidden;} header .nav > ul > li {width:20%;height:100%;background:#38495b;float:left;position:relative;} header .nav > ul > li:before {content:'';width:1px;height:100%;position:absolute;right:0;top:0;background:rgba(255,255,255,0.15);z-index:320;} header .nav > ul > li .gnb_box {width:100%;height:44%;position:relative;overflow:hidden;} header .nav > ul > li .gnb_box:before {content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.35);} header .nav > ul > li ul {width:100%;height:40%;padding-top:15%;} header .nav > ul > li ul li {line-height:2em;} header .nav > ul > li ul li a {color:#fff;font-size:15px;text-align:center;} header .nav > ul > li ul li a:hover {opacity:0.8;} header .nav > ul > li ul li.gnb_ttl a {color:#fff;font-size:20px;text-align:center;margin-bottom:30px;} header .nav .close_btn {position:absolute;right:0;top:0;z-index:320;} header a {display:block;} /* footer */ footer {position:relative;width:100%;min-width:1200px;overflow:hidden;padding:70px 0 15px;background:url(../images/footer.jpg) no-repeat center bottom;background-size:cover;} footer .footer_in {width:1200px;margin:0 auto;overflow:hidden;} footer .footer_in .f_logo {float:left;} footer .footer_in .f_logo a {display:block;} footer .footer_in address {float:right;width:62%;} footer .footer_in address ul {width:100%;overflow:hidden;} footer .footer_in address ul li {width:18.5%;margin-right:10%;float:left;font-size:13px;color:#7b7b7b;height:120px;} footer .footer_in address ul li.first {width:23%;margin-right:12%;} footer .footer_in address ul li p {line-height:1.5em;font-family: 'noto-sans-cjk-kr';} footer .footer_in address ul li span {color:#cda129;font-size:16px;margin-bottom:15px;display:block;} footer .footer_in .design {clear:both;width:100%;padding:20px 0;border-top:1px solid rgba(122,122,122,0.2);overflow:hidden;} footer .footer_in .design span {float:left;color:#7a7a7a;opacity:0.5;font-size:13px;font-family: 'noto-sans-cjk-kr';} footer .footer_in .design p {float:right;color:#7a7a7a;opacity:0.5;font-size:13px;font-family: 'noto-sans-cjk-kr';} footer .footer_in .f_sns {width:80px;overflow:hidden;float:left;} footer .footer_in .f_sns a {display:block;float:left;margin-right:13%;opacity:0.8;} footer .footer_in .f_sns a:hover {opacity:1;} footer .footer_in .f_sns a img {display:block;} /*------ woc - index ------*/ #index {overflow-x:hidden!important;} #index .scroll {position:fixed;left:50px;bottom:0;z-index:320;} #index .main_rv {position:fixed;right:50px;bottom:40px;z-index:320;} #index .main_rv:hover {opacity:0.8;} #index .main_nrv {position:fixed;right:250px;bottom:40px;z-index:320;} #index .main_nrv:hover {opacity:0.8;} #index .mov_ttl {position:absolute;left:50%;top:50%;margin:-33.5px 0 0 -146px;z-index:320;} #index .mov_ttl span {display:block;width:0;height:67px;opacity:0;} #index .intro {background:url(../images/intro_img.jpg) no-repeat 50% 50%;background-size:cover;} #index .intro .inner {position:absolute;left:0;top:33%;width:100%;opacity:0;} #index .intro h3 {margin:0 auto 45px;width:415px;} #index .intro p {font-size:15px;color:#414141;line-height:2em;text-align:center;} #index .main_room {} #index .main_room .ttl {position:absolute;left:50%;top:50%;z-index:320;width:600px;margin:-100px 0 0 -300px;} #index .main_room .ttl h3 {font-size:35px;color:#fff;margin-bottom:30px;text-align:center;} #index .main_room .ttl p {font-size:16px;color:#fff;line-height:1.5em;text-align:center;} #index .main_room .ttl a {display:block;margin:100px auto 0;width:206px;} #index .main_room .slide_show > li .img { width:100%;height:100%; -moz-transform: scale(1);-webkit-transform: scale(1); -o-transform: scale(1);-ms-transform: scale(1);transform: scale(1); transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out; } #fp-nav ul, .fp-slidesNav ul {border-right:1px solid rgba(255,255,255,0.5);} #fp-nav ul li, .fp-slidesNav ul li {margin-bottom:35px;} #fp-nav ul li a span, .fp-slidesNav ul li a span {right:30px;font-size:20px;color:#fff;width:200px;text-align:right;opacity:0.5;} #fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {width:200px;opacity:1;} #index #section04 .slide_show {width:100%;height:100%;} #index #section04 .slide_show li {width:100%;height:100%;overflow:hidden;} #index #section04 .slide_show li > div.box {width:100%;height:50%;} #index #section04 .slide_show li > div.box .img {width:50%;float:left;height:100%;overflow:hidden;position:relative;} #index #section04 .slide_show li > div.box .ttl {width:50%;float:left;height:100%;position:relative;background:#38495b;overflow:hidden;} #index #section04 .slide_show li > div.box .ttl .inner {position:absolute;left:10%;top:50%;margin-top:-100px;z-index:320;width:90%;} #index #section04 .slide_show li > div.box .ttl h3 {font-size:35px;color:#fff;position:relative;padding:30px 30px 30px 0;width:100%;} #index #section04 .slide_show li > div.box .ttl h3:before {content:'';width:100%;height:1px;background:rgba(255,255,255,0.4);position:absolute;left:0;bottom:0;} #index #section04 .slide_show li > div.box .ttl h3 span {display:block;margin-top:15px;color:#d7dfe0;opacity:0.7;font-size:15px;} #index #section04 .slide_show li > div.box .ttl p {display:block;margin-bottom:15px;color:#fff;} #index #section04 .slide_show li > div.box .ttl a {display:block;width:180px;line-height:40px;border:1px solid #fff;color:#fff;font-size:16px;margin-top:30px;padding-left:20px;position:relative;} #index #section04 .slide_show li > div.box .ttl a:hover {background:#fff;color:#38495b;} #index #section04 .slide_show li > div.box .ttl a img {display:inline-block;margin-left:10px;position:absolute;right:30px;top:50%;margin-top:-2.5px;} #index #section04 .slide_show li .img {width:60%;height:100%;float:left;overflow:hidden; } #index #section04 .slide_show li .img div { display:block;width:100%;height:100%; -moz-transform: scale(1);-webkit-transform: scale(1); -o-transform: scale(1);-ms-transform: scale(1);transform: scale(1); transition:all 0.3s ease-in-out; -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; } /*------------------------------------------------------------------------------------------------*/ /* exterior */ #exterior #section01 h2 {position:absolute;left:0;top:50%;margin-top:-31px;z-index:320;width:100%;opacity:1;} #exterior #section01 h2 img {display:block;margin:0 auto;} #exterior .contents {position:relative;top:400px;background:#fff;z-index:360;} #exterior .contents .intro {background:#fff;padding:60px 0;} #exterior .contents .intro .inner {width:1200px;margin:0 auto;} #exterior .contents .intro h3 {margin:0 auto 45px;width:144px;} #exterior .contents .intro p {font-size:16px;color:#414141;line-height:2em;text-align:center;} #exterior .scroll {position:fixed;left:50px;bottom:0;z-index:320;} #exterior .arrow {position:fixed;left:50%;bottom:0;z-index:320;margin-left:-54px;overflow:hidden;} #exterior .arrow a {display:block;float:left;} #exterior #fp-nav ul li a span, #exterior .fp-slidesNav ul li a span {background:url(../images/slide_off.png) no-repeat 50% 50%;width:15px;height:15px;opacity:1;} #exterior #fp-nav ul li a.active span, #exterior .fp-slidesNav ul li a.active span, #exterior #fp-nav ul li:hover a.active span, #exterior .fp-slidesNav ul li:hover a.active span {background:url(../images/slide_on.png) no-repeat 50% 50%;} /*------------------------------------------------------------------------------------------------*/ /* travel */ #travel #visual h2 {font-size:38px;text-align:center;width:100%;position:absolute;left:0;bottom:33%;z-index:320;font-family: bely-display;color:#fff;} #travel #visual h2 span {font-size:16px;margin-top:15px;display:block;} #travel #visual {position:fixed;top:0;left:0;width:100%;min-width:1200px;height:500px;overflow:hidden;z-index:200;} #travel #visual:after {content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.3);} #travel .contents {position:relative;top:500px;background:#fff;z-index:360;padding:50px 0 0 0;} #travel .cont {width:1200px;margin:0 auto 70px;} #travel .cont ul {width:100%;overflow:hidden;} #travel .cont ul li {width:30.33%;margin:1.5%;float:left;height:680px;margin-bottom:40px;} #travel .cont ul li .img {width:100%;height:292px;margin-bottom:30px;} #travel .cont ul li h3 {font-size:30px;color:#3e3e3e;margin-bottom:20px;} #travel .cont ul li h3 span {display:block;font-size:18px;color:#9ea7b3;margin-bottom:20px;} #travel .cont ul li p {font-size:14px;line-height:1.7em;color:#6c6c6c} /*------------------------------------------------------------------------------------------------*/ /* location */ #location #visual {position:fixed;top:0;left:0;width:100%;min-width:1200px;height:400px;overflow:hidden;z-index:200;} #location #visual:after {content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.3);} #location #visual h2 {font-size:32px;color:#fff;text-align:center;position:absolute;left:0;top:50%;z-index:320;display:block;overflow:hidden;width:100%;margin-top:-31px;} #location #visual h2 span {display:block;margin:0 auto;font-size:15px;color:#fff;display:block;margin-top:15px;} #location .contents {position:relative;top:400px;background:#fff;z-index:360;} #location .contents .cont {width:1200px;margin:0 auto;padding-top:50px;} #location .contents .cont > div {margin-bottom:70px;} #location .contents .cont h3 {width:100%;border-bottom:1px solid #cacaca;padding:15px 0;color:#6d6d6d;font-size:22px;} #location .contents .cont h3 span {display:block;float:right;font-size:18px;color:#6d6d6d;} #location .contents .cont .public p.bus {margin-top:40px;} #location .contents .cont p {line-height:1.5em;color:#6d6d6d;font-size:16px;margin-top:40px;} #location .contents .cont p span {display:block;margin-bottom:5px;} #location .contents #map {width:100%;height:600px;text-align:center;position:relative;z-index:300;margin-bottom:180px;} /* promotion */ #promotion #visual {position:fixed;top:0;left:0;width:100%;min-width:1200px;height:400px;overflow:hidden;z-index:200;} #promotion #visual:after {content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.3);} #promotion #visual h2 {font-size:32px;color:#fff;text-align:center;position:absolute;left:0;top:50%;z-index:320;display:block;overflow:hidden;width:100%;margin-top:-31px;} #promotion #visual h2 span {display:block;margin:0 auto;font-size:15px;color:#fff;display:block;margin-top:15px;} #promotion .view {position:relative;top:400px;width:100%;min-width:1200px;height:100%;z-index:998; background:#fff;} #promotion .list_wrap{width:1200px; padding:60px 0 180px;margin:0 auto;position:relative;background:#fff;} #promotion .list_wrap > ul{width:100%;margin:0 auto;overflow:hidden;} #promotion .list_wrap > ul > li{float:left; width:50%; position:relative} #promotion .list_wrap > ul > li > div{margin:33px;} #promotion .list_wrap > ul > li > div dl {height:440px;} #promotion .list_wrap > ul > li > div dl dt p{font-size:22px; color:#232323; padding:20px 0; border-bottom:2px solid #a7967e; margin-bottom:10px; position:relative} #promotion .list_wrap > ul > li > div dl dt p span{font-size:15px; color:#919191; position:absolute; right:0; top:25px;} #promotion .list_wrap > ul > li > div dl dd{position:relative; padding:0 2px;} #promotion .list_wrap > ul > li > div dl dd > a{font-size:18px; color:#2c3037; position:relative; display:inline-block; margin:20px;} #promotion .list_wrap > ul > li > div dl dd > a span{color:#a7967e; font-size:12px; font-weight:bold; position:absolute; right:-35px; top: 3px;} #promotion .list_wrap > ul > li > div dl dd .date{font-size:12px; color:rgba(84,84,84,.7); position:absolute; top:21px; right:17px;} #promotion .list_wrap > ul > li > div dl dd > div{border-top:2px dotted #b6a894; padding:15px 5px; position:relative} #promotion .list_wrap > ul > li > div dl dd > div .txt02{font-size:16px; color:#6d6d6e; padding-left:15px;} #promotion .list_wrap > ul > li > div dl dd > div a{font-size:13px; color:#232323; display:inline-block; position:absolute; top:10px; right:10px; transition: .5s; padding:5px;} #promotion .list_wrap > ul > li > div dl dd > div a:before{content:''; width:100%; height:2px; background-color:#a7967e; position:absolute; bottom:0; left:0;} #promotion .list_wrap > ul > li > div dl dd > div a:hover{background-color:#a7967e; color:#fff; transition: .5s;} #promotion .cont_wrap{max-width:1030px; margin:0 auto; position:relative; padding:90px 0 180px;} #promotion .cont_wrap .tit_box{position:relative; display:block; padding:15px 0; border-bottom:2px solid #a7967e;} #promotion .cont_wrap .tit_box .tit{color:#232323; font-size:25px;} #promotion .cont_wrap .tit_box .tit span{display:inline-block; color:#a7967e; font-weight:bold; font-size:18px; margin-right:15px;} #promotion .cont_wrap .tit_box .tit span.date{font-size:17px; color:#919191; font-weight:normal; position:absolute; top:17px; right:5px;} #promotion .cont_wrap .cont{padding:40px 0 90px; border-bottom:2px dotted #a7967e; text-align:center;} #promotion .cont_wrap .cont p{margin-top:50px; color:#6d6d6e; font-size:20px; line-height:160%;} #promotion .cont_wrap a{margin-top:45px; width:310px; height:50px; line-height:53px; background-color:#b49f82; color:#fff; font-size:22px; display:inline-block; text-align:center;} /*------ previews ------*/ #rpv .title {} #rpv #title h2 {position:absolute;left:50%;top:50%;margin:-33.5px 0 0 -139.5px;z-index:320;opacity:0;} #rpv #title .scroll {width:100%;position:absolute;left:0;bottom:0;padding:20px 0;background:rgba(63,86,110,0.85);} #rpv #title .scroll a {display:block;} #rpv #title .scroll img {display:block;margin:0 auto;} #rpv .contents > ul > li .img { width:100%;height:100%; -moz-transform: scale(1);-webkit-transform: scale(1); -o-transform: scale(1);-ms-transform: scale(1);transform: scale(1); transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out; } #rpv .rpv .contents > ul > li .ttl { position:absolute;left:50%;top:0;width:320px;background:rgba(45,54,56,0);height:100%;margin-left:-160px;display:table; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out; } #rpv .ttl {position:absolute;left:50%;top:50%;z-index:320;width:600px;margin:-100px 0 0 -300px;} #rpv .ttl h3 {font-size:35px;color:#fff;margin-bottom:30px;text-align:center;} #rpv .ttl p {font-size:16px;color:#fff;line-height:1.5em;text-align:center;} #rpv .ttl a {display:block;margin:100px auto 0;width:206px;} #rpv .section .img { width:100%;height:100%; -moz-transform: scale(1);-webkit-transform: scale(1); -o-transform: scale(1);-ms-transform: scale(1);transform: scale(1); transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out; } /*------ woc - room ------*/ #room {min-width:1200px;overflow-x:hidden;} #room .top {position:relative;} #room .slick-dotted.slick-slider {margin-bottom:0;} #room .slick-dots {bottom:40px;} #room .slick-dots li {background:url(../images/slide_off.png) no-repeat 50% 50%;width:15px;height:15px;margin:0 5px;} #room .slick-dots li.slick-active {background:url(../images/slide_on.png) no-repeat 50% 50%;} #room .slick-dots li button:before {display:none;} #room .slick-prev, #room .slick-next {width:47px;height:47px;z-index:320;top:50%;margin-top:-23.5px;} #room .slick-prev {left:7%;background:url(../images/prev.png) no-repeat 50% 50%;} #room .slick-next {right:7%;background:url(../images/next.png) no-repeat 50% 50%;} #room .content {width:100%;position:relative;padding-top:100px;} #room .content #room_cont {width:1200px;margin:0 auto;overflow:hidden;} #room .content #room_cont > div {float:left;} #room .content #room_cont > div.left {width:45%;} #room .content #room_cont > div.right {width:55%;height:470px;position:relative;} #room .content #room_cont > div .img_box {width:430px;height:230px;position:absolute;} #room .content #room_cont > div .img_01 {right:0;top:0;z-index:320;} #room .content #room_cont > div .img_02 {left:0;bottom:100px;z-index:310;} #room .content #room_cont > div .room_rv {float:right;position:absolute;right:0;bottom:0;} #room .content #room_cont > div .room_rv:hover {opacity:0.8;} #room .content #room_cont .room_ttl h2 {font-size:34px;color:#414141;opacity:0.85;line-height:1.2em;margin-bottom:30px;} #room .content #room_cont .room_ttl h2 span {color:#d98e19;font-size:20px;display:block;} #room .content #room_cont .room_ttl p {line-height:1.5em;font-size:14px;color:#414141;margin-bottom:50px;} #room .content #room_cont .box {width:100%;} #room .content #room_cont .box ul {float:right;width:100%;} #room .content #room_cont .box ul li {line-height:1.8em;overflow:hidden;} #room .content #room_cont .box ul li span {color:#34383d;font-size:14px;display:block;float:left;margin-right:30px;} #room .content #room_cont .box ul li p {float:left;font-size:14px;color:#3d3d3d;opacity:0.75;} #room .slibox2 {width:100%;height:260px;margin-top:150px;} #room .slibox2 .slick-prev, #room .slibox2 .slick-next {width:30px;height:52px;z-index:320;top:62%;margin-top:-26px;} #room .slibox2 .slick-prev {left:3%;background:url(../images/room/prev.png) no-repeat 50% 50%;} #room .slibox2 .slick-next {right:3%;background:url(../images/room/next.png) no-repeat 50% 50%;} #room .content .slick-list {padding:0!important;} #room .rlst {display:table;position:relative;width:100%;height:100%;overflow:hidden;margin:0 5px;} #room .rlst .img { width:100%;height:100%;position:absolute;left:0;top:0; -moz-transform: scale(1);-webkit-transform: scale(1); -o-transform: scale(1);-ms-transform: scale(1);transform: scale(1); transition:all 0.45s ease-in-out; -webkit-transition:all 0.45s ease-in-out;-moz-transition:all 0.45s ease-in-out; -ms-transition:all 0.45s ease-in-out;-o-transition:all 0.45s ease-in-out; } #room .rlst .rlst_in {vertical-align:middle;position:relative;z-index:320;display:table-cell;} #room .rlst h4 {font-size:30px;text-align:center;color:#fff;margin-top:20px;line-height:1em;} #room .rlst h4 span {display:block;} #room .rlst h3 {font-size:15px;text-align:center;color:#fff;margin-top:10px;margin-bottom:40px;line-height:1em;} #room .rlst a {display:block;border-bottom:1px solid #fff;color:#fff;font-size:16px;text-align:center;margin:0 auto;width:95px;} /*------ woc - facility ------*/ /* fpv */ #fpv {position:relative;width:100%;height:100%;} #fpv #title:before {content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.3);} #fpv #title h2 {position:absolute;left:50%;top:50%;margin:-33px 0 0 -120px;z-index:320;width:240px;height:66px;opacity:0;} #fpv #title h2 img {display:block;} #fpv #title .scroll {width:100%;position:absolute;left:0;bottom:0;padding:20px 0;background:rgba(32,31,28,0.95);} #fpv #title .scroll a {display:block;} #fpv #title .scroll img {display:block;margin:0 auto;} #fpv .section {width:100%;height:100%;} #fpv .section ul.lst {width:100%;height:100%;} #fpv .section ul.lst li {width:100%;height:50%;position:relative;overflow:hidden;} #fpv .section ul.lst li .ttl {position:absolute;left:0;top:50%;margin-top:-45.5px;z-index:320;width:100%;} #fpv .section ul.lst li .ttl h3 {color:#e5e5e5;font-size:35px;text-align:center;margin-bottom:30px;} #fpv .section ul.lst li .ttl a {display:block;margin:0 auto;width:178px;} #fpv .section ul.lst li .img { width:100%;height:100%; -moz-transform: scale(1);-webkit-transform: scale(1); -o-transform: scale(1);-ms-transform: scale(1);transform: scale(1); transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out; } /* facility */ #facility {min-width:1200px;} #facility .top {position:relative;} #facility .slick-dotted.slick-slider {margin-bottom:0;overflow:hidden;} #facility .slibox .box {position:relative;} #facility .slick-dots {bottom:40px;} #facility .slick-dots li {background:url(../images/slide_off.png) no-repeat 50% 50%;width:15px;height:15px;margin:0 5px;} #facility .slick-dots li.slick-active {background:url(../images/slide_on.png) no-repeat 50% 50%;} #facility .slick-dots li button:before {display:none;} #facility .slick-prev, #facility .slick-next {width:47px;height:47px;z-index:320;top:50%;margin-top:-23.5px;} #facility .slick-prev {left:5%;background:url(../images/prev.png) no-repeat 50% 50%;} #facility .slick-next {right:5%;background:url(../images/next.png) no-repeat 50% 50%;} #facility .slibox2 .slick-prev,#facility .slibox2 .slick-next {width:47px;height:47px;top:62%;margin-top:-23.5px;bottom:auto;} #facility .slibox2 .slick-prev {background:url(../images/prev.png) no-repeat 50% 50%;left:2%;} #facility .slibox2 .slick-next {background:url(../images/next.png) no-repeat 50% 50%;right:2%;left:auto;} #facility .content {width:100%;position:relative;padding-top:80px;} #facility .content #cont {width:1200px;margin:0 auto;overflow:hidden;} #facility .content #cont > div {float:left;} #facility .content #cont > div.left {width:45%;} #facility .content #cont > div.right {width:55%;height:470px;position:relative;} #facility .content #cont > div .img_box {width:430px;height:230px;position:absolute;} #facility .content #cont > div .img_01 {right:0;top:0;z-index:320;} #facility .content #cont > div .img_02 {left:0;bottom:100px;z-index:310;} #facility .content #cont > div .room_rv {float:right;position:absolute;right:0;bottom:0;} #facility .content #cont > div .room_rv:hover {opacity:0.8;} #facility .content #cont .fc_ttl h2 {font-size:34px;color:#414141;opacity:0.85;line-height:1.2em;margin-bottom:30px;} #facility .content #cont .fc_ttl h2 span {color:#d98e19;font-size:20px;display:block;} #facility .content #cont .fc_ttl p {line-height:1.8em;font-size:14px;color:#414141;margin-bottom:50px;} #facility .content #cont .fc_ttl ul.eq {width:100%;} #facility .content #cont .fc_ttl ul.eq li {line-height:1.8em;overflow:hidden;} #facility .content #cont .fc_ttl ul.eq li span {color:#34383d;font-size:14px;display:block;float:left;margin-right:30px;} #facility .content #cont .fc_ttl ul.eq li p {float:left;font-size:14px;color:#3d3d3d;opacity:0.75;margin-bottom:0;} #facility .slibox2 {width:100%;height:260px;margin-top:150px;} #facility .content .slick-list {padding:0!important;} #facility .flst {display:table;position:relative;width:100%;height:100%;overflow:hidden;margin:0 5px;} #facility .flst .img { width:100%;height:100%;position:absolute;left:0;top:0; -moz-transform: scale(1);-webkit-transform: scale(1); -o-transform: scale(1);-ms-transform: scale(1);transform: scale(1); transition:all 0.45s ease-in-out; -webkit-transition:all 0.45s ease-in-out;-moz-transition:all 0.45s ease-in-out; -ms-transition:all 0.45s ease-in-out;-o-transition:all 0.45s ease-in-out; } #facility .flst .flst_in {vertical-align:middle;position:relative;z-index:320;display:table-cell;} #facility .flst h4 {font-size:30px;text-align:center;color:#fff;margin-bottom:30px;line-height:1.5em;} #facility .flst h4 span {display:block;} #facility .flst a {display:block;border-bottom:1px solid #fff;color:#fff;font-size:16px;text-align:center;margin:0 auto;width:95px;} /*------------------------------------------------------------------------------------------------*/ /* tables */ #table #visual {position:fixed;top:0;left:0;width:100%;min-width:1200px;height:400px;overflow:hidden;z-index:200;} #table #visual:after {content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.3);} #table #visual h2 {font-size:32px;color:#fff;text-align:center;position:absolute;left:0;top:50%;z-index:320;display:block;overflow:hidden;width:100%;margin-top:-31px;} #table #visual h2 span {display:block;margin:0 auto;font-size:15px;color:#fff;display:block;margin-top:15px;} #table .contents {position:relative;top:400px;background:#fff;z-index:360;} #table .contents {padding-top:70px;} #table .contents .cont {width:1200px;margin:0 auto;} #table .iframe {margin-bottom:100px;} /*------------------------------------------------------------------------------------------------*/ /* reserve */ #reserve #visual {position:fixed;top:0;left:0;width:100%;min-width:1200px;height:400px;overflow:hidden;z-index:200;} #reserve #visual:after {content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.3);} #reserve #visual h2 {font-size:32px;color:#fff;text-align:center;position:absolute;left:0;top:50%;z-index:320;display:block;overflow:hidden;width:100%;margin-top:-31px;} #reserve #visual h2 span {display:block;margin:0 auto;font-size:15px;color:#fff;display:block;margin-top:15px;} #reserve .contents {position:relative;top:400px;background:#fff;z-index:360;} #reserve .contents {padding-top:70px;} #reserve .contents .cont {width:1200px;margin:0 auto 150px;} #reserve .iframe {margin-bottom:100px;} .tab01 {display:block;} .tab02 {display:none;} .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;} .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:1px solid #5f5162;background:#f1f1f1;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:1px solid #5f5162;background:#f1f1f1;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:'noto-sans-cjk-kr'} .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:'nanum-gothic';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;}