@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; } #table .pv_lst {width:780px;} #table .pv_lst ul li {float:left;width:28%;margin:0 2.5%;} .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:25px;text-align:center;} .pv_lst ul > li:nth-child(1) a {border:1px solid #4a6a64;color:#4a6a64;} .pv_lst ul > li:nth-child(2) a {border:1px solid #565656;color:#565656;} .pv_lst ul > li:nth-child(3) a {border:1px solid #565656;color:#565656;} .pv_lst ul > li:nth-child(1) a:hover {background:#4a6a64;color:#fff;} .pv_lst ul > li:nth-child(2) a:hover {background:#565656;color:#fff;} .pv_lst ul > li:nth-child(3) a:hover {background:#565656;color:#fff;} .pv_lst ul li:nth-child(1) a.active {background:#4a6a64!important;color:#fff!important;} .pv_lst ul li:nth-child(2) a.active {background:#565656!important;color:#fff!important;} .pv_lst ul li:nth-child(3) a.active {background:#565656!important;color:#fff!important;} #visual {position:relative;width:100%;} #visual:before {content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.2);} #visual h2 {text-align:center;font-size:55px;color:#fff;position:absolute;top:50%;margin-top:-33px;z-index:320;opacity:0;letter-spacing:3px;width:100%;font-weight:lighter;font-family: linotype-didot, serif;} #visual h2 em {font-family: linotype-didot, serif;} #visual h2 span {display:block;margin-top:15px;color:#fff;font-size:20px;} #top h2 {text-align:center;font-size:36px;color:#fff;position:absolute;top:50%;margin-top:-33px;z-index:320;opacity:0;letter-spacing:3px;width:100%;font-family: linotype-didot, serif;} #top h2 span {display:block;margin-bottom:15px;color:#fff;font-size:15px;} .scroll_btn {width:100%;position:absolute;left:0;bottom:30px;z-index:320;height:15px} .scroll_btn:before {content:'';width:83%;height:1px;background:#fff;display:block;float:left;margin-top:6px;} .scroll_btn:after { content:'';width:10%;height:1px;background:#fff;display:block;float:right;margin-top:6px; transition:all 0.4s;-webkit-transition:all 0.4s;-ms-transition:all 0.4s; } .scroll_btn .scroll { z-index:320;font-size:14px;color:#ffffff;display:block;letter-spacing:1px;text-align:center;float:left;margin-left:1%; transition:all 0.4s;-webkit-transition:all 0.4s;-ms-transition:all 0.4s; } .scroll_btn:hover .scroll {letter-spacing:5px;} .scroll_btn:hover:after {width:6%;} /* header */ #index header { background:none;border-bottom:1px solid #fff; transition:all 0.4s;-webkit-transition:all 0.4s;-ms-transition:all 0.4s; } #index header hgroup {border-bottom:1px solid rgba(255,255,255,0.3);} #index .menu-trigger span {background:#fff;} #index header .membership a {color:#fff;} #index header .h_offer li a {color:#fff;} header { z-index:1000;width:100%;height:90px;background:#fff;position:fixed;top:0;min-width:1200px; transition:all 0.4s;-webkit-transition:all 0.4s;-ms-transition:all 0.4s; } header hgroup { position:relative;z-index:910;top:0;height:90px;border-bottom:1px solid #e8e8e8; transition:background 0.5s;-webkit-transition:background 0.5s;-ms-transition:background 0.5s; } header h1 {position:absolute;left:50%;top:50%;margin-left:-125px;margin-top:-30px;} header .membership {position:absolute;left:80px;top:50%;margin-top:-15px;} header .membership a {display:block;font-size:15px;color:#242424;line-height:30px;} header .insta {position:absolute;right:140px;top:50%;margin-top:-12px;padding:0 5px;} header .blog {position:absolute;right:185px;top:50%;margin-top:-12px;padding:0 5px;} header .h_offer {position:absolute;right:275px;top:50%;margin-top:-15px;overflow:hidden;} header .h_offer li {float:left;line-height:30px;margin:0 5px;padding:0 5px;position:relative;} header .h_offer li:nth-child(1) {padding:0 17px;} header .h_offer li:nth-child(1).on:before {content:'';width:1px;height:15px;background:#242424;display:block;position:absolute;right:0;top:50%;margin-top:-7.5px;} header .h_offer li:nth-child(1).off:before {content:'';width:1px;height:15px;display:block;position:absolute;right:0;top:50%;margin-top:-7.5px;background:#fff;} header .h_offer li a {font-size:15px;color:#242424;} header .menu {position:absolute;right:70px;top:50%;margin-top:-12px;} header nav { min-width:1200px;position:fixed;width:100%;height:100%;z-index:900;background:rgba(18,34,35,0.95);top:-100%; display:none;opacity:0; transition:all 0.5s;-webkit-transition:all 0.5s;-ms-transition:all 0.5s; } header nav:before { content:'';width:55%;height:40%;display:block;clip-path: polygon(100% 0, 0% 100%, 100% 100%);background:url(http://minjun1555.speedgabia.com/_sorang/header.jpg) no-repeat 50% 50%;background-size:cover; position:absolute;right:0;bottom:0; } header nav .nav {overflow:hidden;width:75%;position:absolute;left:12.5%;top:150px;} header nav .nav > li {float:left;} header nav .nav > li.nav_01 {width:18%;} header nav .nav > li.nav_02 {width:20%;margin-right: 2%;} header nav .nav > li.nav_03 {width:20%;} header nav .nav > li.nav_04 {width:20%;} header nav .nav > li.nav_05 {width:20%;} header nav .nav > li > a {font-size:20px;color:#d4b297;margin-bottom:20px;} header nav .nav > li.nav_01 > a {font-family: linotype-didot, serif;} header nav .nav > li > ul {} header nav .nav > li > ul > li {line-height:1.5em;} header nav .nav > li > ul > li > a {font-size:18px;color:#fff;overflow:hidden;margin-bottom:10px;} header nav .nav > li > ul > li > a > span { display:inline-block;float:right;margin-right:50px; transition:all 0.5s;-webkit-transition:all 0.5s;-ms-transition:all 0.5s; } header nav .nav > li > ul > li > ul { margin-bottom:20px;display:none;opacity:0; transition:opacity 0.5s;-webkit-transition:opacity 0.5s;-ms-transition:opacity 0.5s; } header nav .nav > li > ul > li > ul > li {} header nav .nav > li > ul > li > ul > li > a {font-size:15px;color:#999999;line-height:1.8em;} header nav .nav > li > ul > li > a:hover { color:#999999;font-weight:bold; transition:all 0.3s;-webkit-transition:all 0.3s;-ms-transition:all 0.3s; } header nav .h_bottom {width:90%;position:absolute;left:5%;bottom:50px;} header nav .h_bottom ul {overflow:hidden;} header nav .h_bottom ul li {float:left;margin:0 5px;} header nav .h_bottom ul li a {} header nav .h_bottom p {font-size:13px;color:#fff;padding-top:15px;margin-top:15px;border-top:1px solid #fff;} header a {display:block;} .menu-trigger, .menu-trigger span { display: inline-block; transition: all .4s; box-sizing: border-box; } .menu-trigger { position: relative; width: 39px; height: 26px; } .menu-trigger span { position: absolute; left: 0; width: 100%; height: 4px; background-color: #242424; border-radius: 4px; } .menu-trigger span:nth-of-type(1) { top: 0; } .menu-trigger span:nth-of-type(2) { top: 11px; } .menu-trigger span:nth-of-type(3) { bottom: 0; } .menu-trigger.type7 span:nth-of-type(1) { -webkit-animation : menu-bar07-01 .75s forwards; animation : menu-bar07-01 .75s forwards; } @-webkit-keyframes menu-bar07-01 { 0% { -webkit-transform : translateY(-3px) rotate(45deg); } 50% { -webkit-transform : translateY(-3px) rotate(0); } 100% { -webkit-transform : translateY(0) rotate(0); } } @keyframes menu-bar07-01 { 0% { transform : translateY(3px) rotate(45deg); } 50% { transform : translateY(3px) rotate(0); } 100% { transform : translateY(0) rotate(0); } } .menu-trigger.type7 span:nth-of-type(2) { opacity : 1; } .menu-trigger.type7 span:nth-of-type(3) { -webkit-animation : menu-bar07-02 .75s forwards; animation : menu-bar07-02 .75s forwards; } @-webkit-keyframes menu-bar07-02 { 0% { -webkit-transform : translateY(-20px) rotate(-45deg); } 50% { -webkit-transform : translateY(-20px) rotate(0); } 100% { -webkit-transform : translateY(0) rotate(0); } } @keyframes menu-bar07-02 { 0% { transform : translateY(-20px) rotate(-45deg); } 50% { transform : translateY(-20px) rotate(0); } 100% { transform : translateY(0) rotate(0); } } .menu-trigger.active-7 span:nth-of-type(1) { -webkit-animation : active-menu-bar07-01 .75s forwards; animation : active-menu-bar07-01 .75s forwards; } @-webkit-keyframes active-menu-bar07-01 { 0% { -webkit-transform : translateY(0) rotate(0); } 50% { -webkit-transform : translateY(20px) rotate(0); } 100% { -webkit-transform : translateY(20px) rotate(45deg); } } @keyframes active-menu-bar07-01 { 0% { transform : translateY(0) rotate(0); } 50% { transform : translateY(3px) rotate(0); } 100% { transform : translateY(3px) rotate(45deg); } } .menu-trigger.active-7 span:nth-of-type(2) { opacity : 0; } .menu-trigger.active-7 span:nth-of-type(3) { -webkit-animation : active-menu-bar07-02 .75s forwards; animation : active-menu-bar07-02 .75s forwards; } @-webkit-keyframes active-menu-bar07-02 { 0% { -webkit-transform : translateY(0) rotate(0); } 50% { -webkit-transform : translateY(-20px) rotate(0); } 100% { -webkit-transform : translateY(-20px) rotate(-45deg); } } @keyframes active-menu-bar07-02 { 0% { transform : translateY(0) rotate(0); } 50% { transform : translateY(-20px) rotate(0); } 100% { transform : translateY(-20px) rotate(-45deg); } } /* footer */ footer {position:relative;width:100%;min-width:1200px;overflow:hidden;background:#122223;padding:70px 0 50px;} footer .inner {width:80%;margin:0 auto;max-width:1800px;} footer .law {overflow:hidden;margin-bottom:35px;} footer .law li {margin-right:30px;float:left;} footer .law li a {display:block;font-size:14px;color:#ffffff;} footer .logo_box {width:70%;float:left;} footer .logo_box address {margin-bottom:30px;} footer .logo_box address span {font-size:13px;color:#9f9f9f;line-height:2em;display:block;} footer .f_sns {float:right;margin-top:20px;} footer .f_sns .member {font-size:15px;color:#fff;padding-bottom:5px;border-bottom:1px solid #fff;margin-bottom:20px;display:block;} footer .f_sns .member img {display:inline-block;margin-left:23px;} footer .f_sns .sns_box {overflow:hidden;margin:20px 0 35px;} footer .f_sns .sns_box li {float:left;margin-right:15px;} footer .f_sns .sns_box li:nth-child(3) {margin-right:0;} footer .f_sns .sns_box li a {display:block;} footer .design {width:100%;border-top:1px solid #fff;overflow:hidden;padding-top:30px;} footer .design span {font-size:13px;color:#9f9f9f;opacity:0.7;float:left;dispaly:block;} footer .design a {display:block;float:right;font-size:13px;color:#9f9f9f;opacity:0.7;} /*------ woc - index ------*/ .intro {position:fixed;z-index:10000;background:#21312c;width:100%;height:100%;} .intro span {dispaly:block;position:absolute;left:50%;top:45%;margin:-30px 0 0 -125px;} #index {overflow-x:hidden!important;} #index #section00 .mov_ttl {width:0;height:200px;position:absolute;left:50%;top:45%;z-index:320;overflow:hidden;margin-top:-30px;overflow:hidden;margin-left:-450px;} #index #section00 .mov_ttl span {display:block;width:900px;height:150px;position:absolute;left:0;top:0;opacity:1;} #index #section00 .video_btn {display:block;width:227px;height:58px;position:absolute;left:40%;top:40%;bottom:0;} #index #section00 .video_btn:hover {opacity:0.8;} #index .main_txt {padding:70px;background:#2b413a;} #index .main_txt img {display:block;margin:0 auto;} #index .main_slide .main {width:100%;height:100%;} #index .main_slide .slick-prev, #index .main_slide .slick-next {width:49px;height:95px;position:absolute;display:block;top:50%;z-index:320;} #index .main_slide .slick-prev {background:url(../images/slick_prev.png) no-repeat 50% 50%;left:30px;} #index .main_slide .slick-next {background:url(../images/slick_next.png) no-repeat 50% 50%;right:30px;} #index .slick-dots {bottom:30px;} #index .slick-dots li {width:10px;height:10px;border-radius:5px;background:#fff;} #index .slick-dots li.slick-active {background:#4d5d5b} #index .main_room {padding-top:100px;margin-bottom:250px;} #index .main_room h3 {text-align:center;font-size:44px;color:#333333;margin-bottom:100px;font-family: linotype-didot, serif;} #index .main_room h3 span {display:block;margin-top:15px;font-size:18px;color:#333333;line-height:1.5em;} #index .main_room .room_lst {overflow:hidden;} #index .main_room .room_lst > li {position:relative;width:50%;overflow:hidden;float:left;height:610px;} #index .main_room .room_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.4s ease-in-out; -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; } #index .main_room .room_lst > li .room_vd {width:100%;height:100%;overflow:hidden;position:relative;} #index .main_room .room_lst > li .room_vds {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;/*z-index:30;*/height:100%;overflow:hidden;object-fit:cover;} #index .main_room .room_lst > li:last-child {width:100%;float:auto;} #index .main_room .room_lst > li a {display:block;position:relative;width:100%;height:100%;} #index .main_room .room_lst > li a:before {content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.3);z-index:1;} #index .main_room .room_lst > li h4.rlst_tit { text-align:center;width:100%;font-size:30px;vertical-align:middle;display:block;color:#fff;position:absolute;left:0;top:50%;margin-top:-15px;font-family: linotype-didot, serif;z-index:320; opacity:1;-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; } #index .main_room .room_lst > li h4.rlst_tit span {display:block;font-size:17px;color:#fff;text-align:center;margin-top:10px;} #index .main_room .room_lst > li a:hover:before { background:url(0,0,0,0.1); transition:all 0.4s ease-in-out; -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; } #index .main_room .room_lst > li a:hover h4.rlst_tit {opacity:0;top:53%;} #index .main_room .all_room {width:440px;margin:120px auto 0;} #index .main_room .all_room a { display:block;line-height:45px;background:#2b413a;color:#fff;text-align:center;font-size:14px; letter-spacing: 0; -webkit-transition: all .28s ease-in-out; transition: all .28s ease-in-out; } #index .main_room .all_room a:hover { letter-spacing: 5px; background:none;color:#2b413a; } #index .main_room .all_room a:after, #index .main_room .all_room a:before { border: 1px solid rgba(255, 255, 255, 0); bottom: 0; content: " "; display: block; margin: 0 auto; position: relative; -webkit-transition: all .28s ease-in-out; transition: all .28s ease-in-out; width: 0; } #index .main_room .all_room a:hover:after, #index .main_room .all_room a:hover:before { border-color: #2b413a; -webkit-transition: width 350ms ease-in-out; transition: width 350ms ease-in-out; width: 100%; } #index .main_room .all_room a:hover:before { bottom: auto; top: 0; } #index .main_facility {} #index .main_facility .fc_lst {margin-bottom:150px;width:100%;overflow:hidden;} #index .main_facility .fc_lst .list {height:550px;width:50%;float:left;overflow:hidden;position:relative;} #index .main_facility .fc_lst .list .img { width:100%;height:100%;display:block; -moz-transform: scale(1);-webkit-transform: scale(1); -o-transform: scale(1);-ms-transform: scale(1);transform: scale(1); transition:all 0.4s ease-in-out; -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; } #index .main_facility .fc_lst .list a {display:block;width:100%;height:100%;position:absolute;left:0;top:0;} #index .main_facility .fc_lst .list a:before {content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.3);z-index:1;} #index .main_facility .fc_lst .list a:after { content:'';width:150px;height:100px;background:url(../images/view_btn.png) no-repeat 50% 50%;position:absolute;left:50%;top:50%;margin:-26.5px 0 0 -75px; opacity:0; transition:all 0.4s ease-in-out; -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; } #index .main_facility .fc_lst .list h4.rlst_tit { text-align:center;width:100%;font-size:34px;vertical-align:middle;display:block;color:#fff;position:absolute;left:0;top:50%;margin-top:-15px;font-family: linotype-didot, serif;z-index:320; opacity:1;-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; } #index .main_facility .fc_lst .list h4.rlst_tit span {display:block;font-size:17px;color:#fff;text-align:center;margin-top:10px;} #index .main_facility .fc_lst .list a:hover:before { background:url(0,0,0,0.1); transition:all 0.4s ease-in-out; -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; } #index .main_facility .fc_lst .list a:hover:after {opacity:1;} #index .main_facility .fc_lst .list a:hover h4.rlst_tit {opacity:0;top:53%;} #index .main_offer {margin:100px 0;} #index .main_offer h3 {font-size:30px;color:#333333;text-align:center;margin-bottom:100px;font-family: linotype-didot, serif;} #index .main_offer .offers {width:80%;margin:0 auto;} #index .main_offer .offers dl {padding:0 30px;border-right:1px solid #eeeeee;} #index .main_offer .offers dl dt {margin-bottom:50px;} #index .main_offer .offers dl dt .num {font-size:22px;color:#000000;margin-bottom:20px;display:block;} #index .main_offer .offers dl dt h4 {font-size:18px;color:#333333;margin-bottom:20px;line-height:1.6em;font-weight:bold;} #index .main_offer .offers dl dt h4 span {display:block;font-size:22px;color:#a98c50;margin-bottom:20px;} #index .main_offer .offers dl dt p {font-size:14px;color:#909090;} #index .main_offer .offers dl dd {background-size:cover;height:270px;width:100%;} #index .main_offer .offers dl dd a {display:block;width:100%;height:100%;} #index .main_offer .slick-prev, #index .main_offer .slick-next {width:28px;height:53px;margin-top:-26.5px;display:block;} #index .main_offer .slick-prev:hover, .slick-next:hover {opacity:1;} #index .main_offer .slick-prev {background:url(../images/slick_prev.png) no-repeat 50% 50%;left:-80px;} #index .main_offer .slick-next {background:url(../images/slick_next.png) no-repeat 50% 50%;right:-80px} #index .main_offer .slick-dots {bottom:-80px;} #index .main_offer .slick-dots > li {margin:0 2px;} #index .main_offer .slick-dots > li button {width:10px;height:10px;background:#cfcfcf;border-radius:5px;display:block;} #index .main_offer .slick-dots > li.slick-active button {background:#4d5d5b;} #index .main_offer .all_offer {width:440px;margin:150px auto 0;} #index .main_offer .all_offer a { display:block;line-height:45px;background:none;color:#333333;text-align:center;font-size:14px;opacity:0.3;border:1px solid #333333; letter-spacing: 0; -webkit-transition: all .28s ease-in-out; transition: all .28s ease-in-out; } #index .main_offer .all_offer a:hover { letter-spacing: 5px; background:none;color:#333333;opacity:1; } #index .main_offer .all_offer a:after, #index .main_offer .all_offer a:before { border: 1px solid rgba(255, 255, 255, 0); bottom: 0; content: " "; display: block; margin: 0 auto; position: relative; -webkit-transition: all .28s ease-in-out; transition: all .28s ease-in-out; width: 0; } #index .main_offer .all_offer a:hover:after, #index .main_offer .all_offer a:hover:before { border-color: #333333; -webkit-transition: width 350ms ease-in-out; transition: width 350ms ease-in-out; width: 100%; } #index .main_offer .all_offer a:hover:before { bottom: auto; top: 0; } #index .main_insta {margin-bottom:150px;} #index .main_insta h3 {text-align:center;margin:0 auto 40px;} #index .main_insta h3 a {display:inline-block;overflow:hidden;font-size:15px;color:#282828;line-height:25px;} #index .main_insta h3 a em {display:block;float:left;} #index .main_insta h3 a img {float:left;display:block;margin-right:10px;} #index .main_insta h3 a span {display:block;float:left;padding-left:10px;line-height:25px;} #index .main_insta h3 a span:before {content:'';display:block;width:1px;height:22px;background:#ececec;float:left;margin-right:10px;} #index .main_insta h3 a p {font-size:12px;color:#868686;float:left;margin-left:10px;line-height:25px;} #index .main_insta .feed {width:800px;margin: 20px auto 0;overflow:hidden;} #index .main_insta .feed li {width:25%;height:200px;float:left;} #index .main_insta .feed li a { display:block;position:relative;background:rgba(0,0,0,0);width:100%;height:100%; transition:all 0.4s ease-in-out; -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; } #index .main_insta .feed li a:before { transition:all 0.4s ease-in-out; -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; content:'';width:38px;height:2px;background:#fff;position:absolute;left:50%;top:50%;margin:-1px 0 0 -19px;opacity:0;transform:rotate(90deg); } #index .main_insta .feed li a:after { transition:all 0.4s ease-in-out; -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; content:'';width:2px;height:38px;background:#fff;position:absolute;left:50%;top:50%;margin:-19px 0 0 -1px;opacity:0; } #index .main_insta .feed li a:hover {background:rgba(0,0,0,0.5);} #index .main_insta .feed li a:hover:before {opacity:1;transform:rotate(0);} #index .main_insta .feed li a:hover:after {opacity:1;} #index .room_map {width:1600px;margin:0 auto 100px;height:1100px!important;} #index .room_map h3 {text-align:center;font-size:44px;color:#333333;margin-bottom:60px;font-family: linotype-didot, serif;} #index .room_map h3 span {display:block;margin-top:15px;font-size:18px;color:#333333;line-height:1.5em;} #index .map_img {width:100%;height:950px!important;} /*------------------------------------------------------------------------------------------------*/ /* exterior */ #exterior .content {overflow:hidden;} #exterior .content .exterior_sd .slick-current {opacity:1;} #exterior .content .exterior_sd .slick-prev, .exterior_sd .slick-next {width:49px;height:95px;position:absolute;top:55%;margin-top:-63.5px;z-index:320;} #exterior .content .exterior_sd .slick-prev {left:30px;background:url(../images/slick_prev.png) no-repeat 50% 50%;} #exterior .content .exterior_sd .slick-next {right:30px;background:url(../images/slick_next.png) no-repeat 50% 50%;} #exterior .content .exterior_sd .slick-dots {bottom:25px;} #exterior .content .exterior_sd .slick-dots li {width:10px;height:10px;border-radius:5px;background:#fff;} #exterior .content .exterior_sd .slick-dots li.slick-active {background:#4d5d5b;} #exterior .slick-dotted.slick-slider {margin-bottom:0;} #exterior .main_txt {padding:70px;background:#2b413a;} #exterior .main_txt img {display:block;margin:0 auto;} #exterior .content .room_maps {margin:200px auto 80px;} #exterior .content .room_maps h3 {font-size:55px;color:#252525;margin-bottom:50px;text-align:center;font-family: linotype-didot, serif;} #exterior .content .room_maps h3 span {display:block;font-size:20px;color:#252525;margin-bottom:30px;} #exterior .content .room_maps .room_map {width:98%;height:950px;margin:0 auto;} @media ( min-width: 1600px ) { #exterior .content .room_maps .room_map {width:1600px;margin:0 auto;} } /*------------------------------------------------------------------------------------------------*/ /* email */ #email {} #email .content {padding:250px 0;width:1200px;margin:0 auto;} #email .content h2 {font-size:42px;font-weight:300;line-height:60px;margin-bottom:70px;} #email .content p {font-size:18px;font-weight:400;line-height:2em;} /*------------------------------------------------------------------------------------------------*/ /* privacy */ /* 개인정보처리방침 이용약관*/ #privacy {} #privacy #viewContets{padding: 150px 0 195px;overflow-x: hidden;} #privacy #viewContets .cont_wrap{max-width: 1200px;margin: 0 auto;} #privacy #viewContets .cont_wrap #sec01{position:relative;width:100%;height:;background:#ffffff;} #privacy #viewContets .cont_wrap #sec01 .sec_wrap{width: 100%;padding-top: 63px;} #privacy #viewContets .cont_wrap #sec01 .sec_wrap::after{display:block;content:'';clear:both;height:0;visibility:hidden;} #privacy #viewContets .cont_wrap #sec01 .sec_wrap .table_box{width: 100%;margin-bottom: 30px;} #privacy #viewContets .cont_wrap #sec01 .sec_wrap .table_box.right_box{float:right;padding-left:40px;} #privacy #viewContets .cont_wrap #sec01 .sec_wrap .table_box table{width: 100%;} #privacy #viewContets .cont_wrap #sec01 .sec_wrap .table_box table th{border: 1px solid #D5D5D5;border-top: 1px solid #222222;padding: 13px 0 14px;font-size: 20px;font-weight: 500; color: #585858;background: #F8F8F8;} #privacy #viewContets .cont_wrap #sec01 .sec_wrap .table_box table th:first-child{border-left: none;} #privacy #viewContets .cont_wrap #sec01 .sec_wrap .table_box table th:last-child{border-right: none;} #privacy #viewContets .cont_wrap #sec01 .sec_wrap .table_box table td{border: 1px solid #D5D5D5; padding:16px;font-size: 18px;font-weight: 400;text-align: center;word-break: keep-all;line-height:30px;} #privacy #viewContets .cont_wrap #sec01 .sec_wrap .table_box table td.text_left{text-align: left;} #privacy #viewContets .cont_wrap #sec01 .sec_wrap .table_box table td:first-child{border-left: none;} #privacy #viewContets .cont_wrap #sec01 .sec_wrap .table_box table td:last-child{border-right: none;} #privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_sub{font-size: 45px;padding: 0 0 92px;letter-spacing:-1px;font-weight:300;line-height:64px;letter-spacing:-0.6px;} #privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_text{font-size: 18px;font-weight: 400;line-height: 33px; letter-spacing: -0.2px; padding: 0 0 44px;} #privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_box{word-break: keep-all;} #privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_box.border_box{border: 1px solid #D5D5D5;padding: 35px 30px;} #privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_box.border_box p{position: relative;padding-left: 15px;height: 18px;line-height: 18px;margin-bottom: 15px;letter-spacing:-0.2px;} #privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_box.border_box p:last-child{margin-bottom:0;} #privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_box.border_box p::before{position:absolute;top: 7px;left: 4px;display:block;content:'';width:4px;height:4px;border-radius:10px;background-color:#585858;} #privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_box p{font-size: 18px;font-weight: 400;word-break: keep-all;line-height: 33px;letter-spacing:-0.4px;} #privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_box p.bold_p{font-size: 20px;font-weight: 500;margin: 46px 0 21px; word-break: keep-all;} #privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_box p.enter_p{padding-left: 12px;padding-bottom: 0;line-height: 30px;} #privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_box p.enter_pp{padding-left: 40px;padding-bottom: 5px;line-height: 30px;} #privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_box p.margin_5_b{margin-bottom:5px;} #privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_box p.margin_10_b{margin-bottom:10px;} #privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_box p.margin_15_b{margin-bottom:15px;} #privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_box p.margin_25_b{margin-bottom:25px;} #privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_box p.margin_30_b{margin-bottom:30px;} #privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_box p.dot_p{position:relative;} #privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_box p.dot_p:before{position:absolute;top: 15px;left: 0px;display:block;content:'';width:4px;height:4px;border-radius:10px;background-color:#585858;} #privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_box p.dot_p.enter_pp:before{left:30px;} #privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_box p.last_p{margin-bottom:0;padding-bottom:0;} #privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_box p.one_line{line-height:18px;} #privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_box .enter_div{} #privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_box .enter_div p{margin: 0;line-height: 29px;} #privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_box .gana_div{margin: 30px 0;} #privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_box .gana_div p{margin:0;line-height: 33px;} #privacy #viewContets .cont_wrap #sec01 .sec_wrap .info_box .p_div{margin:30px 0 0;line-height: 33px;} /*------------------------------------------------------------------------------------------------*/ /* prologue */ #prologue {} #prologue .content {max-width:1700px;margin:0 auto;overflow:hidden;} #prologue .about {position:relative;height:1250px;width:1600px;overflow:hidden;} #prologue .about:before {content:'';width:70%;height:100%;background:#f4f3f2;position:absolute;right:100px;top:0;} #prologue .about .txt {background:#fff;width:50%;position:absolute;left:50px;bottom:100px;z-index:320;padding:150px 0 150px 100px;} #prologue .about .txt h3 {font-size:55px;color:#000;opacity:0.2;font-weight:lighter;margin-bottom:55px;position:relative;padding-left:80px;} #prologue .about .txt h3:before {content:'';width:60px;height:1px;display:block;float:left;margin-right:20px;background:#000;position:absolute;left:0;bottom:0;} #prologue .about .txt p {font-size:16px;color:#000000;line-height:2em;margin-left:140px;} #prologue .about .txt p span {font-size:28px;color:#587b6f;color:#587b6f;display:block;margin-bottom:55px;} #prologue .about .img_01 {position:absolute;left:48%;margin-left:-160.5px;top:150px;z-index:350;} #prologue .about .img_02 {position:absolute;right:100px;top:400px;z-index:340;} #prologue .build {width:1400px;} #prologue .build {overflow:hidden;margin:150px auto;} #prologue .build .img_03 {float:left} #prologue .build h3 {font-size:44px;color:#333333;text-align:center;font-family: linotype-didot, serif;margin-bottom:50px;} #prologue .build span {font-size:18px;color:#333333;text-align:center;margin-top:20px;margin-bottom:70px;display:block;} #prologue .build .img_04 {margin-bottom:35px;width:100%;margin:0 auto;} /*------------------------------------------------------------------------------------------------*/ /* location */ #location .contents {position:relative;top:0;background:#fff;z-index:360;padding:150px 0 0 0;} #location .contents .cont {width:1200px;margin:0 auto 100px;} #location .contents .cont h3 {width:90%;border-bottom:1px solid #cacaca;padding-bottom:20px;color:#191919;font-size:25px;padding-left:7%;} #location .contents .cont h3 span {display:inline-block;font-size:16px;color:#191919;margin-left:20px;} #location .contents .cont > p {font-size:16px;color:#191919;line-height:2em;margin-bottom:80px;margin-left:7%;margin-top:30px;} #location .contents .cont h4 {width:90%;border-bottom:1px solid #cacaca;padding-bottom:20px;color:#191919;font-size:25px;padding-left:7%;} #location .contents .cont h4 span {display:inline-block;font-size:16px;color:#191919;margin-left:20px;} #location .bus {position:relative;top:0;background:#fff;z-index:360;padding:50px 0 0 0;} #location .bus .cont > p {font-size:16px;color:#191919;line-height:2em;margin-bottom:80px;margin-left:7%;margin-top:30px;} #location .bus .cont > p span {font-size:16px;color:#191919;line-height:2em;margin-bottom:80px;margin-top:30px;font-weight:bold;} #location .contents .map_btn {width:600px;margin:100px auto 200px;overflow:hidden;} #location .contents .map_btn a {display:block;width:250px;line-height:50px;font-size:16px;color:#a9a9a9;border:1px solid #a9a9a9;text-align:center;} #location .contents .map_btn a:hover {color:#fff;background:#4a6a64;border:1px solid #4a6a64;} #location .contents .map_btn a.nav_map {float:left;} #location .contents .map_btn a.kko_map {float:right;} #daumRoughmapContainer1644384704177 {width:100%!important;} /*------ woc - about ------*/ #travel #contents {position:relative;background:#fff;padding-top:80px;z-index:500;} #travel .cont {width:1200px;margin:0 auto;} #travel .cont .tab01 {display:block;} #travel .cont .tab02 {display:none;} #travel .cont ul.tr_lst {width:100%;overflow:hidden;} #travel .cont ul.tr_lst li {width:30.33%;margin:1.5%;float:left;height:930px;margin-bottom:40px;} #travel .cont ul.tr_lst li .img {width:100%;height:292px;margin-bottom:40px;} #travel .cont ul.tr_lst li h3 {font-size:30px;color:#3e3e3e;margin-bottom:20px;} #travel .cont ul.tr_lst li h3 span {display:block;font-size:16px;color:#6991ac;margin-bottom:20px;} #travel .cont ul.tr_lst li p {font-size:14px;line-height:1.7em;color:#6c6c6c} /*------ all_type ------*/ #room_type {} #room_type .all_type {} #room_type .content {position:relative;padding-top:150px;background:#fff;overflow:hidden;} #room_type .content h3 {color:#252525;font-size:44px;text-align:center;font-family: linotype-didot, serif;margin-bottom:100px;} #room_type .content h3 span {display:block;font-size:17px;color:#252525;margin-top:20px; line-height:1.5em;} #room_type .content .btn_area {} #room_type .content .btn_area ul {overflow:hidden;width:1200px;margin:0 auto 65px;} #room_type .content .btn_area ul li {width:23%;margin:0 1%;float:left;} #room_type .content .btn_area ul li a { display:block;font-size:16px;color:rgba(51,51,51,0.3);border:1px solid rgba(51,51,51,0.3);text-align:center;line-height:50px;letter-spacing:0; transition:all 0.3s;-webkit-transition:all 0.3s;-ms-transition:all 0.3s; } #room_type .content .btn_area ul li.active {background:#4a6a64;} #room_type .content .btn_area ul li.active a {border:1px solid #4a6a64;color:#fff!important;} #room_type .content .btn_area ul li:hover a {letter-spacing:5px;color:rgba(51,51,51,0.8);border:1px solid rgba(51,51,51,0.8);} #room_type .room_map {width:1600px;margin:0 auto 180px;height:950px!important;} #room_type .content .room_lst {overflow:hidden;} #room_type .content .room_lst > li {position:relative;width:50%;overflow:hidden;float:left;height:610px;} #room_type .content .room_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.4s ease-in-out; -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; } #room_type .content .room_lst > li .room_vd {width:100%;height:100%;overflow:hidden;position:relative;} #room_type .content .room_lst > li .room_vds {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;/*z-index:30;*/height:100%;overflow:hidden;object-fit:cover;} #room_type .content .room_lst > li:last-child {width:100%;float:auto;} #room_type .content .room_lst > li a {display:block;position:relative;width:100%;height:100%;} #room_type .content .room_lst > li a:before {content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.3);z-index:1;} #room_type .content .room_lst > li h4.rlst_tit { text-align:center;width:100%;font-size:30px;vertical-align:middle;display:block;color:#fff;position:absolute;left:0;top:50%;margin-top:-15px;font-family: linotype-didot, serif;z-index:320; opacity:1;-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; } #room_type .content .room_lst > li h4.rlst_tit span {display:block;font-size:17px;color:#fff;text-align:center;margin-top:10px;} #room_type .content .room_lst > li a:hover:before { background:url(0,0,0,0.1); transition:all 0.4s ease-in-out; -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; } #room_type .content .room_lst > li a:hover:after {opacity:1;} #room_type .content .room_lst > li a:hover h4.rlst_tit {opacity:0;top:53%;} #room_type .content .all_room {width:440px;margin:120px auto 0;} #room_type .content .all_room a { display:block;line-height:45px;background:#3393a3;color:#fff;text-align:center;font-size:14px; letter-spacing: 0; -webkit-transition: all .28s ease-in-out; transition: all .28s ease-in-out; } #room_type .content .all_room a:hover { letter-spacing: 5px; background:none;color:#3393a3; } #room_type .content .all_room a:after, #room_type .content .all_room a:before { border: 1px solid rgba(255, 255, 255, 0); bottom: 0; content: " "; display: block; margin: 0 auto; position: relative; -webkit-transition: all .28s ease-in-out; transition: all .28s ease-in-out; width: 0; } #room_type .content .all_room a:hover:after, #room_type .content .all_room a:hover:before { border-color: #3393a3; -webkit-transition: width 350ms ease-in-out; transition: width 350ms ease-in-out; width: 100%; } #room_type .content .all_room a:hover:before { bottom: auto; top: 0; } /*----------room_type-------------*/ #room_type .type_lst {} #room_type .type_lst > ul {margin-bottom:150px;} #room_type .type_lst > ul > li { position:relative;margin-bottom:70px;height:550px;width:100%; } #room_type .type_lst > ul > li a { width:70%;height:100%;position:absolute;left:-5%;top:0;z-index:310;overflow:hidden;opacity:0; } #room_type .type_lst > ul > li a .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.4s ease-in-out; -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; } #room_type .type_lst > ul > li a:before { content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.3);z-index:1; transition:all 0.4s ease-in-out; -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; } #room_type .type_lst > ul > li a:after { content:'';width:150px;height:100px;background:url(../images/view_btn.png) no-repeat 50% 50%;position:absolute;left:50%;top:50%;margin:-50px 0 0 -75px; opacity:0; transition:all 0.4s ease-in-out; -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; } #room_type .type_lst > ul > li .tit_box { padding:100px 0 100px 70px;background:#f3f3f3;position:absolute;left:50%;top:40%;margin-top:-127px;z-index:320;width:500px;opacity:0; } #room_type .type_lst > ul > li:nth-child(2n-1) .tit_box {left:auto;right:50%;opacity:0;} #room_type .type_lst > ul > li.active a:before { background:url(0,0,0,0.1); } #room_type .type_lst > ul > li.active a:after {opacity:1;} #room_type .type_lst > ul > li .tit_box h4 {font-size:33px;color:#333333;margin-bottom:15px;} #room_type .type_lst > ul > li .tit_box h4 span {display:block;font-size:16px;color:#333333;margin-bottom:10px;} #room_type .type_lst > ul > li:nth-child(2n-1) a {left:auto;right:-5%;opacity:0;} #room_type .type_lst > ul > li.on a { left:0;opacity:1; transition:left 0.6s 0.2s ease-in-out,opacity 0.6s 0.2s ease-in-out; -webkit-transition:left 0.6s 0.2s ease-in-out,opacity 0.6s 0.2s ease-in-out; -moz-transition:left 0.6s 0.2s ease-in-out,opacity 0.6s 0.2s ease-in-out; -ms-transition:left 0.6s 0.2s ease-in-out,opacity 0.6s 0.2s ease-in-out; -o-transition:left 0.6s 0.2s ease-in-out,opacity 0.6s 0.2s ease-in-out; } #room_type .type_lst > ul > li:nth-child(2n-1).on a { left:auto;right:0;opacity:1; transition:right 0.6s 0.2s ease-in-out,opacity 0.6s 0.2s ease-in-out; -webkit-transition:right 0.6s 0.2s ease-in-out,opacity 0.6s 0.2s ease-in-out; -moz-transition:right 0.6s 0.2s ease-in-out,opacity 0.6s 0.2s ease-in-out; -ms-transition:right 0.6s 0.2s ease-in-out,opacity 0.6s 0.2s ease-in-out; -o-transition:right 0.6s 0.2s ease-in-out,opacity 0.6s 0.2s ease-in-out; } #room_type .type_lst > ul > li.on .tit_box { left:55%;opacity:1; transition:left 0.7s 0.4s ease-out,opacity 0.7s 0.4s ease-out; -webkit-transition:left 0.7s 0.4s ease-out,opacity 0.7s 0.4s ease-out; -moz-transition:left 0.7s 0.4s ease-out,opacity 0.7s 0.4s ease-out; -ms-transition:left 0.7s 0.4s ease-out,opacity 0.7s 0.4s ease-out; -o-ransition:left 0.7s 0.4s ease-out,opacity 0.7s 0.4s ease-out; } #room_type .type_lst > ul > li:nth-child(2n-1).on .tit_box { left:auto;right:55%;opacity:1; transition:right 0.7s 0.4s ease-out,opacity 0.7s 0.4s ease-out; -webkit-transition:right 0.7s 0.4s ease-out,opacity 0.7s 0.4s ease-out; -moz-transition:right 0.7s 0.4s ease-out,opacity 0.7s 0.4s ease-out; -ms-transition:right 0.7s 0.4s ease-out,opacity 0.7s 0.4s ease-out; -o-transition:right 0.7s 0.4s ease-out,opacity 0.7s 0.4s ease-out; } #room_type .type_lst > ul > li .tit_box > ul {} #room_type .type_lst > ul > li .tit_box > ul > li {overflow:hidden;line-height:1.8em;} #room_type .type_lst > ul > li .tit_box > ul > li span {display:block;float:left;} #room_type .type_lst > ul > li .tit_box > ul > li p {display:block;font-size:14px;color:#333333;float:left;width:70%;word-break:keep-all;} @media ( max-width: 3000px ) { #room_type .type_lst > ul > li .tit_box { padding:100px 0 100px 70px;background:#f3f3f3;position:absolute;left:58%;top:40%;margin-top:-127px;z-index:320;width:500px;opacity:0; } #room_type .type_lst > ul > li:nth-child(2n-1) .tit_box {left:auto;right:58%;opacity:0;} #room_type .type_lst > ul > li.on .tit_box { left:63%;opacity:1; transition:left 0.7s 0.4s ease-out,opacity 0.7s 0.4s ease-out; -webkit-transition:left 0.7s 0.4s ease-out,opacity 0.7s 0.4s ease-out; -moz-transition:left 0.7s 0.4s ease-out,opacity 0.7s 0.4s ease-out; -ms-transition:left 0.7s 0.4s ease-out,opacity 0.7s 0.4s ease-out; -o-ransition:left 0.7s 0.4s ease-out,opacity 0.7s 0.4s ease-out; } #room_type .type_lst > ul > li:nth-child(2n-1).on .tit_box { left:auto;right:63%;opacity:1; transition:right 0.7s 0.4s ease-out,opacity 0.7s 0.4s ease-out; -webkit-transition:right 0.7s 0.4s ease-out,opacity 0.7s 0.4s ease-out; -moz-transition:right 0.7s 0.4s ease-out,opacity 0.7s 0.4s ease-out; -ms-transition:right 0.7s 0.4s ease-out,opacity 0.7s 0.4s ease-out; -o-transition:right 0.7s 0.4s ease-out,opacity 0.7s 0.4s ease-out; } } @media ( max-width: 1600px ) { #room_type .type_lst > ul > li .tit_box { padding:50px 0 50px 50px;background:#f3f3f3;position:absolute;left:55%;top:50%;margin-top:-127px;z-index:320;width:400px;opacity:0; } #room_type .type_lst > ul > li:nth-child(2n-1) .tit_box {left:auto;right:55%;opacity:0;} #room_type .type_lst > ul > li.on .tit_box { left:60%;opacity:1; transition:left 0.7s 0.4s ease-out,opacity 0.7s 0.4s ease-out; -webkit-transition:left 0.7s 0.4s ease-out,opacity 0.7s 0.4s ease-out; -moz-transition:left 0.7s 0.4s ease-out,opacity 0.7s 0.4s ease-out; -ms-transition:left 0.7s 0.4s ease-out,opacity 0.7s 0.4s ease-out; -o-ransition:left 0.7s 0.4s ease-out,opacity 0.7s 0.4s ease-out; } #room_type .type_lst > ul > li:nth-child(2n-1).on .tit_box { left:auto;right:60%;opacity:1; transition:right 0.7s 0.4s ease-out,opacity 0.7s 0.4s ease-out; -webkit-transition:right 0.7s 0.4s ease-out,opacity 0.7s 0.4s ease-out; -moz-transition:right 0.7s 0.4s ease-out,opacity 0.7s 0.4s ease-out; -ms-transition:right 0.7s 0.4s ease-out,opacity 0.7s 0.4s ease-out; -o-transition:right 0.7s 0.4s ease-out,opacity 0.7s 0.4s ease-out; } } /*------ previews ------*/ #rpv .pv_txt {padding:150px 0 50px 0;text-align:center;background:#fff!important;} #rpv .pv_txt h2 {font-size:34px;color:#000000;margin-bottom:30px;position:relative;} #rpv .pv_txt h2:after {content:'';width:70px;height:1px;background:#00344c;display:block;margin:30px auto 0;} #rpv .pv_txt p {font-size:16px;color:#353535;font-size:16px;line-height:1.5em;text-align:center;} #rpv .rlst {position:relative;width:100%;} #rpv .section:nth-child(2n) {background:#eff1f5;} #rpv .rlst .inner {width:60%;position:relative;margin:80px auto;height:440px;min-width:1100px;max-width:1800px;} #rpv .rlst .inner .img { width:640px;height:340px;position:absolute;left:30px;top:30px;z-index:320;overflow:hidden;opacity:0; transition:all 1s ease; -webkit-transition:all 1s ease;-moz-transition:all 1s ease; -ms-transition:all 1s ease;-o-transition:all 1s ease; } #rpv .rlst .inner .img > div { 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.4s ease; -webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease; -ms-transition:all 0.4s ease;-o-transition:all 0.4s ease; } #rpv .rlst .inner .cont_box { width:460px;height:260px;position:absolute;right:30px;top:0;padding:70px 0 70px 100px;background:#fff;border:1px solid #fff;opacity:0; transition:all 1s ease; -webkit-transition:all 1s ease;-moz-transition:all 1s ease; -ms-transition:all 1s ease;-o-transition:all 1s ease; } #rpv .rlst .inner .cont_box .cont {margin-top:20px;margin-left:15px;} #rpv .rlst .inner .cont_box .cont h3 {font-size:28px;color:#2f2f2f;margin-bottom:15px;} #rpv .rlst .inner .cont_box .cont p {font-size:14px;color::#303030;line-height:1.5em;margin-bottom:80px;} #rpv .rlst .inner .cont_box .cont a {display:block;line-height:50px;width:180px;padding-left:30px;font-size:16px;color:#00344c;border:1px solid #00344c;background:url(../images/room/arrow.png) no-repeat 80% center;} #rpv .rlst .inner .cont_box .cont a:hover {border:1px solid #ffd200;color:#fff;background:url(../images/room/arrow_wh.png) no-repeat 80% center,#ffd200;} #rpv .section:nth-child(2n+1) .img {left:auto;right:30px;} #rpv .section:nth-child(2n+1) .cont_box {right:auto;left:30px;border:1px solid #dddddd;} #rpv .rlst:nth-child(2n) .img.on {opacity:1;left:0;} #rpv .rlst:nth-child(2n) .cont_box.on {opacity:1;right:0;} #rpv .rlst:nth-child(2n+1) .img.on {opacity:1;right:0;} #rpv .rlst:nth-child(2n+1) .cont_box.on {opacity:1;left:0;} /*------ woc - room ------*/ #room .content {overflow:hidden;position:relative;margin: 0 auto;width:100%;} #room .content .direct_btn {width:1200px;margin:0 auto;border-bottom:1px solid #e4e4e4;height:42px;} #room .content .direct_btn > ul {} #room .content .direct_btn > ul > li {float:left;line-height:42px;position:relative;} #room .content .direct_btn > ul > li:nth-child(1) > a {padding:0 20px;} #room .content .direct_btn > ul > li:nth-child(2) > a {padding:0 30px;} #room .content .direct_btn > ul > li:nth-child(3) > a {width:160px;} #room .content .direct_btn > ul > li:nth-child(4) > a {width:140px;border-right:none;color:#3393a3;} #room .content .direct_btn > ul > li > a {text-align:center;font-size:13px;color:#333333;line-height:42px;display:block;position:relative;} #room .content .direct_btn > ul > li > a:before {content:'';width:1px;height:26px;background:#f4f4f4;position:absolute;right:0;top:50%;margin-top:-13px;} #room .content .direct_btn > ul > li > a img {display:block;margin:9px auto;} #room .content .direct_btn > ul > li > ul {border-top:1px solid #e8e8e8;position:absolute;left:0;top:42px;width:100%;display:none;z-index:320;background:#fff;} #room .content .direct_btn > ul > li > ul > li {} #room .content .direct_btn > ul > li > ul > li > a { text-align:center;display:block;border-bottom:1px solid #e8e8e8;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;letter-spacing:0; transition:all 0.4s;-webkit-transition:all 0.4s;-ms-transition:all 0.4s; } #room .content .direct_btn > ul > li > ul > li > a:hover {letter-spacing:5px;background:#e8e8e8;} #room .content .type_num > a {background:url(../images/room/down_bk.png) no-repeat 80% center;} #room .content .room_num > a {background:url(../images/room/down_bl.png) no-repeat 80% center;} #room .content .room_tit {margin:100px 0 60px;} #room .content .room_tit h2 {font-size:33px;color:#333333;text-align:center;} #room .content .room_tit h2 span {display:block;margin-top:15px;color:#333333;font-size:16px;} #room .content .room_sd {overflow:hidden;width:100%;margin-bottom:120px;} #room .content .room_sd .slide { height:800px;margin:0 5px;opacity:0.2; transition:opacity 0.4s ease; -webkit-transition:opacity 0.4s ease;-moz-transition:opacity 0.4s ease; -ms-transition:opacity 0.4s ease;-o-transition:opacity 0.4s ease; } #room .content .room_sd .slick-current {opacity:1;} #room .content .room_sd .slick-prev, .room_sd .slick-next {width:40px;height:78px;position:absolute;top:55%;margin-top:-63.5px;z-index:320;} #room .content .room_sd .slick-prev {left:240px;background:url(../images/slick_prev_2.png) no-repeat 50% 50%;} #room .content .room_sd .slick-next {right:240px;background:url(../images/slick_next_2.png) no-repeat 50% 50%;} #room .content .room_sd .slick-dots {bottom:25px;} #room .content .room_sd .slick-dots li {width:10px;height:10px;border-radius:5px;background:#fff;} #room .content .room_sd .slick-dots li.slick-active {background:#4d5d5b;} #room .content .info_box {width:1300px;margin:0 auto 50px;overflow:hidden;border-bottom:1px solid #e4e4e4;} #room .content .info_box h3 {font-size:26px;color:#333333;padding-bottom:15px;border-bottom:1px solid #464646;} #room .content .info_box ul {overflow:hidden;margin:60px auto 0;width:90%;} #room .content .info_box ul li {width:50%;float:left;margin-bottom:50px;font-size:14px;color:#303030;line-height:2em;} #room .content .info_box ul li:nth-child(4) {clear:both;} #room .content .info_box ul li:nth-child(6) {width:100%;} #room .content .info_box ul li span {display:block;font-size:15px;color:#2f2f2f;margin-bottom:10px;font-weight:bold;} #room .content .info_box ul li:last-child {color:#787878;} #room .content .equipment {margin:50px auto 100px;width:1300px;} #room .content .equipment h3 {font-size:24px;color:#333333;margin-bottom:35px;} #room .content .equipment .equip_box {position:relative;width:100%;height:260px;} #room .content .equipment .equip_box > li {position:absolute;left:0;top:0;width:100%;} #room .content .equipment .equip_box > li a { display:block;text-align:center;font-size:17px;color:#333333;opacity:0.5;width:25%;line-height:45px;position:absolute;left:0;top:-47px; border-bottom:1px solid #464646;border-top:1px solid #e4e4e4;border-right:1px solid #e4e4e4; } #room .content .equipment .equip_box > li:nth-child(1) a {border-left:1px solid #e4e4e4;} #room .content .equipment .equip_box > li:nth-child(2) a {margin-left:25%;} #room .content .equipment .equip_box > li:nth-child(3) a {margin-left:50%;} #room .content .equipment .equip_box > li:nth-child(4) a {margin-left:75%;} #room .content .equipment .equip_box > li > div {padding:30px 0;background:#f3f3f3;height:140px;} #room .content .equipment .equip_box > li > div > ul {overflow:hidden;width:80%;margin:0 auto;} #room .content .equipment .equip_box > li > div > ul > li { padding-left:2%;background:url(../images/room/circle.png) no-repeat left center;font-size:14px;color:#333333; width:23%;float:left;line-height:2.5em; } #room .content .equipment .equip_box > li.active {z-index:320;} #room .content .equipment .equip_box > li.active a {opacity:1;border-left:1px solid #464646;border-top:1px solid #464646;border-right:1px solid #464646;border-bottom:none;} #room .content .common_info {width:1300px;margin:0 auto 50px;border-bottom:1px solid #e4e4e4;} #room .content .common_info h3 {font-size:24px;color:#333333;padding-bottom:15px;border-bottom:1px solid #464646;} #room .content .common_info .common_box {margin:50px auto;width:90%;} #room .content .common_info .common_box li {font-size:15px;color:#333333;line-height:2em;} #room .content .common_info .common_box li:nth-child(7) {color:#e20000} #room .content .room_rv {width:800px;margin:100px auto 150px;overflow:hidden;} #room .content .room_rv p {float:left;font-size:15px;color:#333333;width:350px;line-height:45px;border:1px solid #999999;text-align:center;opacity:0.5} #room .content .room_rv a { display:block;float:right;color:#fff;background:#4a6a64;width:350px;line-height:45px;border:1px solid #4a6a64;text-align:center; -webkit-transition: all .28s ease-in-out; transition: all .28s ease-in-out; } #room .content .room_rv a:hover {letter-spacing: 5px;background:none;color:#4a6a64;opacity:1;} #room .content .room_rv a:after, #room .content .room_rv a:before { border: 1px solid rgba(255, 255, 255, 0); bottom: 0; content: " "; display: block; margin: 0 auto; position: relative; -webkit-transition: all .28s ease-in-out; transition: all .28s ease-in-out; width: 0; } #room .content .room_rv a:hover:after, #room .content .room_rv a:hover:before {border-color: #3393a3;-webkit-transition: width 350ms ease-in-out;transition: width 350ms ease-in-out;width: 100%;} #room .content .room_rv a:hover:before {bottom: auto;top: 0;} #room .content .rpv_rooms {overflow:hidden;} #room .content .rpv_rooms .rooms_lst {position:relative;height:390px;width:25%;float:left;overflow:hidden;} #room .content .rpv_rooms .rooms_lst:before {content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.3);z-index:5;} #room .content .rpv_rooms .rooms_lst .img { 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.4s ease-in-out; -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; } #room .content .rpv_rooms .rooms_lst a {display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:320;} #room .content .rpv_rooms .rooms_lst a h5 {width:100%;font-size:30px;color:#ffffff;text-align:center;position:absolute;left:0;top:50%;margin-top:-15px;z-index:320;} #room .content .rpv_rooms .rooms_lst a h5 span {display:block;margin-top:15px;font-size:17px;color:#fff;} #room .content .rpv_rooms .rooms_lst:hover:before {background:rgba(0,0,0,0.1);} .room_05 .content .rpv_rooms .rooms_lst,.room_06 .content .rpv_rooms .rooms_lst, .room_07 .content .rpv_rooms .rooms_lst {width:33.33%!important;} .room_08 .content .rpv_rooms .rooms_lst,.room_09 .content .rpv_rooms .rooms_lst {width:50%!important;} /*------ woc - facility ------*/ #fpv .content {position:relative;padding-top:150px;background:#fff;overflow:hidden;} #fpv .content h3 {color:#252525;font-size:44px;text-align:center;font-family: linotype-didot, serif;margin-bottom:100px;} #fpv .content h3 span {display:block;font-size:18px;color:#252525;margin-top:15px;} #fpv .content .facility_lst {position:relative;overflow:hidden;} #fpv .content .facility_lst li {width:50%;float:left;overflow:hidden;} #fpv .content .facility_lst li.lst_01 {width:100%;float:left;} #fpv .content .facility_lst li a {display:block;width:100%;height:100%;} #fpv .content .facility_lst li a .img {width:100%;height:600px;} #fpv .content .facility_lst li a .img div { 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.4s ease-in-out; -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; } #fpv .content .facility_lst li .tit_box {width:100%;padding:45px 0;position:relative;overflow:hidden;} #fpv .content .facility_lst li .tit_box:before { content:'';position:absolute;left:0;top:0;width:100%;height:0;background:#f3f3f3; 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; } #fpv .content .facility_lst li .tit_box h4 {margin-left:50px;font-size:33px;color:#333333;font-family: linotype-didot, serif;position:relative;z-index:320;} #fpv .content .facility_lst li .tit_box h4 span {display:inline-block;margin-left:15px;font-size:18px;color:#333333;} #fpv .content .facility_lst li:hover .tit_box:before {height:95%;} /* facility */ #facility .content {overflow:hidden;position:relative;margin: 0 auto;width:100%;} #facility .content .direct_btn {width:1200px;margin:0 auto;border-bottom:1px solid #e4e4e4;height:42px;} #facility .content .direct_btn > ul {} #facility .content .direct_btn > ul > li {float:left;line-height:42px;position:relative;} #facility .content .direct_btn > ul > li:nth-child(1) > a {padding:0 20px;} #facility .content .direct_btn > ul > li:nth-child(2) > a {padding:0 30px;} #facility .content .direct_btn > ul > li:nth-child(3) > a {width:280px;border-right:none;color:#3393a3;} #facility .content .direct_btn > ul > li > a {text-align:center;font-size:13px;color:#333333;line-height:42px;display:block;position:relative;} #facility .content .direct_btn > ul > li > a:before {content:'';width:1px;height:26px;background:#f4f4f4;position:absolute;right:0;top:50%;margin-top:-13px;} #facility .content .direct_btn > ul > li > a img {display:block;margin:9px auto;} #facility .content .direct_btn > ul > li > ul {border-top:1px solid #e8e8e8;position:absolute;left:0;top:42px;width:100%;display:none;z-index:320;background:#fff;} #facility .content .direct_btn > ul > li > ul > li {} #facility .content .direct_btn > ul > li > ul > li:last-child a {font-size:16px} #facility .content .direct_btn > ul > li > ul > li > a { text-align:center;display:block;border-bottom:1px solid #e8e8e8;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;letter-spacing:0; transition:all 0.4s;-webkit-transition:all 0.4s;-ms-transition:all 0.4s; } #facility .content .direct_btn > ul > li > ul > li > a:hover {letter-spacing:4px;background:#e8e8e8;} #facility .content .type_num > a {background:url(../images/room/down_bl.png) no-repeat 80% center;} #facility .facility_sd {overflow:hidden;width:100%;margin-bottom:120px;} #facility .facility_sd .slide {} #facility .facility_sd .slick-current {opacity:1;} #facility .facility_sd .slick-prev, #facility .facility_sd .slick-next {width:49px;height:95px;position:absolute;top:55%;margin-top:-63.5px;z-index:320;} #facility .facility_sd .slick-prev {left:30px;background:url(../images/slick_prev.png) no-repeat 50% 50%;} #facility .facility_sd .slick-next {right:30px;background:url(../images/slick_next.png) no-repeat 50% 50%;} #facility .facility_sd .slick-dots {bottom:25px;} #facility .facility_sd .slick-dots li {width:10px;height:10px;border-radius:5px;background:#fff;} #facility .facility_sd .slick-dots li.slick-active {background:#4d5d5b;} #facility .content .fc_tit {width:100%;overflow:hidden;height:400px;margin-bottom:0px;} #facility .content .fc_tit .tit_box {width:35%;float:left;position:relative;background:#2b413a;height:100%;} #facility .content .fc_tit .tit_box h2 {font-size:33px;color:#fff;text-align:center;position:absolute;left:0;top:50%;margin-top:-30.5px;width:100%;} #facility .content .fc_tit .tit_box h2 span {display:block;margin-top:10px;font-size:18px;} #facility .content .fc_tit .fc_info {width:52%;float:left;padding:120px 0 0 8%;} #facility .content .fc_tit .fc_info p {font-size:16px;color:#333333;line-height:1.5em;margin-bottom:30px;} #facility .content .fc_tit .fc_info dl {line-height:2em;overflow:hidden;} #facility .content .fc_tit .fc_info dl dt {font-size:16px;color:#333333;float:left;font-weight:bold;margin-right:10px;} #facility .content .fc_tit .fc_info dl dd {float:left;font-size:16px;color:#333333;} #facility .content .common_info {width:1100px;margin:150px auto 150px;border-bottom:1px solid #e4e4e4;} #facility .content .common_info h3 {font-size:24px;color:#333333;padding-bottom:15px;border-bottom:1px solid #464646;} #facility .content .common_info .common_box {margin:50px auto;width:90%;} #facility .content .common_info .common_box li {font-size:15px;color:#333333;line-height:2em;} #facility .content .fpv_rooms {overflow:hidden;} #facility .content .fpv_rooms .fcs_lst {position:relative;height:390px;width:25%;float:left;overflow:hidden;} #facility .content .fpv_rooms .fcs_lst:before {content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.3);z-index:5;} #facility .content .fpv_rooms .fcs_lst .img { 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.4s ease-in-out; -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; } #facility .content .fpv_rooms .fcs_lst a {display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:320;} #facility .content .fpv_rooms .fcs_lst a h5 {width:100%;font-size:30px;color:#ffffff;text-align:center;position:absolute;left:0;top:50%;margin-top:-15px;z-index:320;} #facility .content .fpv_rooms .fcs_lst a h5 span {display:block;margin-top:15px;font-size:17px;color:#fff;} #facility .content .fpv_rooms .fcs_lst:hover:before {background:rgba(0,0,0,0.1);} #facility .fc_tit .btn{ width: 250px; height:40px; color:#fff; background:#2b413a; font-size:14px; border:none; border-radius:20px;} #facility .fc_tit .btn a{color:#fff; font-size:14px;} /*------ woc - lounge ------*/ #lounge .content {overflow:hidden;position:relative;margin: 0 auto;width:100%;} #lounge .facility_sd {overflow:hidden;width:100%;margin-bottom:120px;} #lounge .facility_sd .slide {position:relative;} #lounge .facility_sd .slick-current {opacity:1;} #lounge .facility_sd .slick-prev, #lounge .facility_sd .slick-next {width:49px;height:127px;position:absolute;top:55%;margin-top:-63.5px;z-index:320;} #lounge .facility_sd .slick-prev {left:0;background:url(../images/room/slick_prev.png) no-repeat 50% 50%;} #lounge .facility_sd .slick-next {right:0;background:url(../images/room/slick_next.png) no-repeat 50% 50%;} #lounge .facility_sd .slick-dots {bottom:25px;} #lounge .facility_sd .slick-dots li {width:10px;height:10px;border-radius:5px;background:#fff;} #lounge .facility_sd .slick-dots li.slick-active {background:#3393a3;} #lounge .content .lounge_tit {width:100%;overflow:hidden;padding:100px 0;background:#197989;} #lounge .content .lounge_tit h2 {font-size:33px;color:#fff;text-align:center;width:100%;font-family: linotype-didot, serif;margin-bottom:45px;} #lounge .content .lounge_tit h2 span {display:block;margin-top:10px;font-size:18px;} #lounge .content .lounge_tit p {font-size:16px;color:#ffffff;line-height:2em;text-align:center;} #lounge .content .back_img {width:100%;height:330px;position:relative;} #lounge .content .back_img:before {content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.3);} #lounge .content .lounge_tit .fc_info {width:52%;float:left;padding:80px 0 0 8%;} #lounge .content .lounge_tit .fc_info p {font-size:16px;color:#333333;line-height:1.5em;margin-bottom:30px;} #lounge .content .lounge_tit .fc_info dl {line-height:2em;overflow:hidden;} #lounge .content .lounge_tit .fc_info dl dt {font-size:16px;color:#333333;float:left;font-weight:bold;margin-right:10px;} #lounge .content .lounge_tit .fc_info dl dd {float:left;font-size:16px;color:#333333;} #lounge .content .lounge_info {width:70%;margin:80px auto 100px;overflow:hidden;} #lounge .content .lounge_info .small_sd {width:40%;float:left;margin-right:10%;height:500px;} #lounge .content .lounge_info .small_sd .slide {height:500px!important;} #lounge .small_sd .slick-prev, #facility .small_sd .slick-next {width:34px;height:55px;position:absolute;top:55%;margin-top:-27.5px;z-index:320;} #lounge .small_sd .slick-prev {left:20px;background:url(../images/lounge/slick_prev.png) no-repeat 50% 50%;} #lounge .small_sd .slick-next {right:20px;background:url(../images/lounge/slick_next.png) no-repeat 50% 50%;} #lounge .small_sd .slick-dots {bottom:25px;} #lounge .small_sd .slick-dots li {width:10px;height:10px;border-radius:5px;background:#fff;} #lounge .small_sd .slick-dots li.slick-active {background:#3393a3;} #lounge .content .lounge_info .info_boxs {float:left;width:50%;margin-top:100px;} #lounge .content .lounge_info .info_boxs h3 {font-size:24px;color:#333333;margin-bottom:45px;} #lounge .content .lounge_info .info_boxs h3 span {display:block;margin-bottom:10px;font-size:14px;color:#333333;} #lounge .content .lounge_info .info_boxs dl {overflow:hidden;line-height:2em;} #lounge .content .lounge_info .info_boxs dl dt {font-size:15px;font-weight:bold;float:left;width:110px;display:block;} #lounge .content .lounge_info .info_boxs dl dd {font-size:14px;color:#333333;display:block;float:left;} #lounge .content .lounge_info .info_boxs dl dd span {color:#d90000;font-size:13px;} /*------------------------------------------------------------------------------------------------*/ /* offer */ #promotion .contents {position:relative;background:#fff;z-index:360;top:0;} /* promotion */ #promotion .banner{background-color:#222; position:fixed; width:100%; top:0; left:0; z-index:1; height: 430px; } #promotion .banner:after{background:url('http://rudrms1555.speedgabia.com/arete/event/banner.jpg') no-repeat 50% 50%;background-size:cover; top:0; left:0; position:absolute; opacity:.75 !important; filter:alpha(opacity=75); z-index:-1; content:""; width:100%; height:100%; transition: .5s} #promotion .mov_ttl {width:500px; height:110px; position:absolute; top:200px; left:50%; margin-left:-250px; z-index:320;} #promotion .mov_ttl span {overflow:hidden; width:501px;} #promotion .mov_ttl .ttl_01 {display:block;position:absolute;left:50%;top:0; width:0; opacity:0; margin-left:-180px; color:#fff; font-size:50px;} #promotion .mov_ttl .ttl_01 span{display:block;} #promotion .mov_ttl .ttl_02 {display:block;position:absolute;left:50%;bottom:0;width:100%;opacity:0; font-size:18px; color:#fff; margin-left:-180px; text-align:center} #promotion .mov_ttl .ttl_02 span{color:#ffe2b7} #promotion .list_wrap{ margin:60px auto 180px; position:relative;overflow:hidden;} #promotion .list_wrap h3 {margin: 80px auto 50px;font-size:33px;color:#282828;text-align:center;} #promotion .list_wrap h3 span {display:block;font-size:21px;color:#232323;margin-bottom:10px;} #promotion .list_wrap > ul{display:block;margin:0 auto;width:1400px;overflow:hidden;} #promotion .list_wrap > ul > li{float:left; width:23%; position:relative;margin:0 1% 70px 1%;} #promotion .list_wrap > ul > li > div{margin:0;} #promotion .list_wrap > ul > li > div dl dt {width:287px;height:400px;overflow:hidden;margin-bottom:35px;} #promotion .list_wrap > ul > li > div dl dt img {display:block;width:100%;height:auto;} #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;width: 287px;} #promotion .list_wrap > ul > li > div dl dd > a{font-size:18px; color:#2c3037; position:relative; display:block; margin:20px auto 17px;line-height:1.3em;} #promotion .list_wrap > ul > li > div dl dd > a span{color:#a7967e; font-size:12px; font-weight:bold;float:right;margin-right:6px;} #promotion .list_wrap > ul > li > div dl dd .date{font-size:12px; color:rgba(84,84,84,.7);float:left;display:block;} #promotion .list_wrap > ul > li > div dl dd > div{padding:22px 5px 22px 0; position:relative;border-bottom:1px solid #c4c4c4;overflow:hidden;} #promotion .list_wrap > ul > li > div dl dd > .txt02{font-size:15px; color:#6d6d6e; line-height:1.4;} #promotion .list_wrap > ul > li > div dl dd > div a{ font-size:15px; color:#fff; display:block;transition: .5s; line-height:2em;margin-bottom:10px; background:#bfaa7f;border:1px solid #bfaa7f;text-align:center;width:140px; } #promotion .list_wrap > ul > li > div dl dd > div a:hover{background:none;color:#bfaa7f;} #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;} #promotion .cont_wrap .cont img {display:block;margin:0 auto;width:700px;height:auto;} #promotion .cont_wrap .cont p{margin-top:50px; color:#6d6d6e; font-size:20px; line-height:160%;text-align:center;} #promotion .cont_wrap a{ margin:45px auto 0; width:310px; height:50px; line-height:53px; background-color:#b49f82; color:#fff; font-size:22px; display:block; text-align:center; } /*------------------------------------------------------------------------------------------------*/ /* tables */ #table .contents {position:relative;background:#fff;z-index:360;top:0;padding-top:70px;} #table .contents .cont {width:1200px;margin:0 auto;} #table .iframe {margin-bottom:100px;} /*------------------------------------------------------------------------------------------------*/ /* reserve */ #reserve .contents {position:relative;background:#fff;z-index:360;top:0;padding-top:70px;} #reserve .contents .cont {width:1200px;margin:0 auto 150px;overflow:hidden;} #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;} .tab02 .notice h3 {font-size:20px;display:block;border-top:1px solid #5f5162;background:#f1f1f1;padding:15px;} .tab02 .notice ul {/*margin-top:30px;*/} .tab02 .notice ul li {line-height:1.5;color:#4d4d4d;font-size:15px;margin-bottom: 4px;} .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:18px;text-align:left;margin:30px 0 10px;margin-left:5px;font-weight:bold;} .tab02 .refund table {width:100%;margin-top:30px;} .tab02 .refund table thead tr th {padding:10px 0;background:#f1f1f1;border-right:1px solid #c0c0c0;font-weight:normal;font-size:14px;font-family:'NanumBarunGothic'} .tab02 .refund table thead tr th:nth-child(1) {border-left:1px solid #c0c0c0;} .tab02 .refund table tbody tr {border-bottom:1px solid #c0c0c0;} .tab02 .refund table tbody tr td { text-align:center;padding:10px 0;color:#a45959;font-family:'NanumBarunGothic';font-weight:normal;font-size:14px; border-right:1px solid #c0c0c0; } .tab02 .refund table tbody tr td:nth-child(1) {border-left:1px solid #c0c0c0;} .tab02 .refund ul {margin-top:30px;margin-left:15px;} .tab02 .refund ul li {line-height:1.5em;color:#4d4d4d;font-size:15px;} .rv_table {display:block;width:1150px;margin:0 auto;} .short_rv {width:450px;line-height:45px;background:#4a6a64;margin:50px auto 0;border:1px solid #4a6a64} .short_rv a {display:block;text-align:center;font-size:16px;color:#fff;} .short_rv:hover {background:none;} .short_rv:hover a {color:#4a6a64;} .rer_rv {width:450px;line-height:45px;background:#fff;margin:30px auto 50px;border:1px solid #4a6a64} .rer_rv a {display:block;text-align:center;font-size:16px;color:#4a6a64;} .rer_rv:hover {background:none;} .rer_rv:hover a {color:#4a6a64;}