@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:650px;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 #ffd200;color:#ffd200;}
.pv_lst ul > li:nth-child(2) a {border:1px solid #565656;color:#565656;}
.pv_lst ul > li:nth-child(1) a:hover {background:#ffd200;color:#fff;}
.pv_lst ul > li:nth-child(2) a:hover {background:#565656;color:#fff;}
.pv_lst ul li:nth-child(1) a.active {background:#ffd200!important;color:#fff!important;}
.pv_lst ul li:nth-child(2) a.active {background:#565656!important;color:#fff!important;}

#table .pv_lst {width:250px;margin:0 auto 70px;}
#table .pv_lst ul {width:250px;overflow:hidden;}
#table .pv_lst ul li {float:left;width:96%;margin:0 2.5%;}
#table .pv_lst ul li a {display:block;padding:13px 0;font-size:16px;border-radius:25px;text-align:center;}

#table .pv_lst ul > li a {border:1px solid #ffd200;color:#232323;}
#table .pv_lst ul > li a:hover {background:#ffd200;color:#fff;}
#table .pv_lst ul li a.active {background:#ffd200!important;color:#fff!important;}

/* header */
header {z-index:1000;width:100%;height:90px;background:rgba(255,255,255,0.9);position:fixed;top:0;}
header hgroup {width:100%;height:90px;}
header hgroup h1 {position:absolute;top:13px;left:50px;}
header hgroup .hbt {position:absolute;right:15px;top:50%;margin-top:-20px;}
header hgroup .hbt ul {float:left;border:1px solid #fff;overflow:hidden;margin-left:15px;margin-top:5px;width:42px;height:28px;transition:height 0.3s ease;}
header hgroup .hbt ul li {line-height:1.8em;width:100%;margin-right:10px;}
header hgroup .hbt ul:hover {height:56px;}
header hgroup .hbt ul li a {font-size:12px;color:#fff;padding:0 15px 0 5px;}
header hgroup .hbt ul li:nth-child(1) a {background:url(../images/down_arrow.png) no-repeat 75% 50%;}
header hgroup .hbt ul li a:hover {font-weight:bold;}
header hgroup .hbt .hrv_btn {float:left;margin-right:15px;}

header hgroup .hbt .sns_01,header hgroup .hbt .sns_02 {float:left;margin:0 7px;}
header hgroup .hbt .sns_01,header hgroup .hbt .sns_02 {opacity:0.7;}

header .nav {width:1000px;height:90px;position:absolute;left:50%;top:0;margin-left:-420px;}
header .nav > ul {width:100%;height:100%;}
header .nav > ul > li {float:left;position:relative;}
header .nav > ul > li:before {
	content:'';width:0;height:1px;background:#ffd200;position:absolute;left:0;top:67%;
	transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;
}
header .nav > ul > li:hover:before {width:100%;}
header .nav > ul > li.gnb_01 {width:16%}
header .nav > ul > li.gnb_02 {width:13.2%;}
header .nav > ul > li.gnb_03 {width:18%;}
header .nav > ul > li.gnb_04 {width:13.2%;}
header .nav > ul > li.gnb_05 {width:13.2%;}
header .nav > ul > li.gnb_06 {width:13.2%;}
header .nav > ul > li.gnb_07 {width:13.2%;}

header .nav > ul > li > a {text-align:center;font-size:15px;color:#2a2a2a;padding:39px 0;overflow:hidden;}
header .nav > ul > li > a span {}
header .nav > ul > li > a span.ko {display:none;}
header .nav > ul > li > a:hover span.ko {display:block;}
header .nav > ul > li > a:hover span.en {display:none;}

header .nav > ul > li > ul {position:absolute;left:50%;top:91px;display:none;width:170px;margin-left:-85px;}
header .nav > ul > li > ul > li {width:100%;margin-bottom:1px;}
header .nav > ul > li > ul > li > a {background:rgba(255,255,255,0.9);padding:15px 0;text-align:center;font-size:14px;color:#2a2a2a;}
header .nav > ul > li.gnb_03 > ul {width:320px;margin-left:-160px;left:50%;}
header .nav > ul > li.gnb_03 > ul > li {width:159px;}
header .nav > ul > li.gnb_03 > ul > li:nth-child(1),
header .nav > ul > li.gnb_03 > ul > li:nth-child(3),
header .nav > ul > li.gnb_03 > ul > li:nth-child(5),
header .nav > ul > li.gnb_03 > ul > li:nth-child(7) {margin-right:1px;}
header .nav > ul > li.gnb_03 > ul > li:nth-child(9) {width:100%;}
header .nav > ul > li.gnb_03 > ul > li {float:left;}
header .nav > ul > li.gnb_03 > ul > li a {background:rgba(255,255,255,0.9);padding:15px 0;text-align:center;font-size:14px;color:#2a2a2a;}

header .nav > ul > li.gnb_04 > ul {width:320px;margin-left:-160px;left:50%;}
header .nav > ul > li.gnb_04 > ul > li {width:159px;}
header .nav > ul > li.gnb_04 > ul > li:nth-child(1),
header .nav > ul > li.gnb_04 > ul > li:nth-child(3),
header .nav > ul > li.gnb_04 > ul > li:nth-child(5),
header .nav > ul > li.gnb_04 > ul > li:nth-child(7) {margin-right:1px;}
header .nav > ul > li.gnb_04 > ul > li:nth-child(9) {width:100%;}
header .nav > ul > li.gnb_04 > ul > li {float:left;}
header .nav > ul > li.gnb_04 > ul > li a {background:rgba(255,255,255,0.9);padding:15px 0;text-align:center;font-size:12px;color:#2a2a2a;}

header .nav > ul > li.gnb_05 > ul {width:160px;margin-left:-80px;left:50%;}
header .nav > ul > li.gnb_05 > ul > li {margin-bottom:1px;}
header .nav > ul > li.gnb_05 > ul > li a {background:rgba(255,255,255,0.9);padding:15px 0;text-align:center;font-size:12px;color:#2a2a2a;}
header .nav > ul > li > ul > li > a:hover {background:#ffd2008a;}

header a {display:block;}

/* footer */	
footer {position:relative;width:100%;min-width:1200px;overflow:hidden;background:#2b2d2c;}

footer .logo {width:100%;padding:30px 0;border-bottom:1px solid #fff;}
footer .logo a {display:block;width:164px;margin:0 auto;}

footer .f_gnb {position:relative;margin: 0 auto 50px;padding:20px 0 130px;width:1200px;}
footer .f_gnb > ul {width:100%;margin:0 auto;overflow:hidden;}
footer .f_gnb > ul > li {float:left;}
footer .f_gnb > ul > li.fgnb_01 {width:16%}
footer .f_gnb > ul > li.fgnb_02 {width:13.2%;}
footer .f_gnb > ul > li.fgnb_03 {width:18%;}
footer .f_gnb > ul > li.fgnb_04 {width:13.2%;}
footer .f_gnb > ul > li.fgnb_05 {width:13.2%;}
footer .f_gnb > ul > li.fgnb_06 {width:13.2%;}
footer .f_gnb > ul > li.fgnb_07 {width:13.2%;}

footer .f_gnb > ul > li > a {font-size:15px;color:#fff;margin-bottom:10px;text-align:center;display:block;}
footer .f_gnb > ul > li > ul {}
footer .f_gnb > ul > li > ul > li {line-height:1.3em;}
footer .f_gnb > ul > li > ul > li a {
	font-size:14px;color:#fff;text-align:center;display:block;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;
}
footer .f_gnb > ul > li > ul > li a:hover {font-size:16px;}
footer .f_gnb .f_sns {overflow:hidden;position:absolute;right:0;bottom:-30px;}
footer .f_gnb .f_sns a {float:left;margin:0 10px;}

footer .copy {width:100%;padding:20px 0;border-top:1px solid #363639;}
footer .copy .copy_in {width:1200px;margin:0 auto;overflow:hidden;}
footer .copy .copy_in .design {float:left;}
footer .copy .copy_in .design p {color:#fff;font-size:16px;}
footer .copy .copy_in address {float:right;}
footer .copy .copy_in address ul li {font-size:12px;color:#fff;line-height:1.2em;text-align:right;}

/*------ woc - index ------*/
#index .main {}
#index .main .mov_ttl {width:560px;height:120px;position:absolute;left:50%;top:53%;z-index:320;overflow:hidden;margin:-47.5px 0 0 -280.5px;opacity:0;}
#index .main .mov_ttl span {display:block;width:560px;height:120px;position:absolute;left:0;top:0;}
#index .main .mov_ttl a {display:block;}

#index .main .video_btn {position:absolute;left:50%;top:65%;z-index:320;opacity:1;margin-left:-81.5px;opacity:0;}
#index .main .video_btn:hover {opacity:0.8;}

#index .text_area {position:relative;background:#2b2d2c;height:350px;}
#index .text_area ul {
	position:absolute;left:50%;top:-75px;z-index:320;overflow:hidden;width:764px;margin-left:-381px;
	transition:all 0.45s ease-out;
	-webkit-transition:all 0.45s ease-out;-moz-transition:all 0.45s ease-out;
	-ms-transition:all 0.45s ease-out;-o-transition:all 0.45s ease-out;
}
#index .text_area ul li {
	float:left;margin-right:2px;
	transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;
}
#index .text_area ul li a {display:block;opacity:1;}
#index .text_area ul li:hover {margin-top:5px;}
#index .text_area h3 {font-size:150px;color:#fff;opacity:0.1;text-align:center;font-weight:bold;font-family:'linotype-didot';position:absolute;left:0;top:50%;width:100%;margin-top:-75px;}
#index .text_area p {position:absolute;left:50%;top:50%;margin:-65px 0 0 -65px;}
#index .text_area p span {display:block;font-family:'futura-pt';font-size:20px;margin-top:5px;}

#index .facility {margin:100px 0 80px;}
#index .facility h3 {font-size:50px;color:#333;margin-bottom:50px;font-family:'linotype-didot';text-align:center;font-weight:bold;}
#index .facility ul {height:600px;width:100%;}
#index .facility ul li {position:relative;float:left;width:31.33%;height:100%;overflow:hidden;}
#index .facility ul li a {width:100%;height:100%;position:absolute;left:0;top:0;z-index:310;}
#index .facility ul li a:before {
	content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(49,73,96,0.4);z-index:300;
	transition:all 0.4s ease-out;
	-webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;
	-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;
}
#index .facility ul li.on a:before {background:rgba(49,73,96,0);}
#index .facility ul li:nth-child(2) {margin:0 3%;}
#index .facility ul li:nth-child(5) {margin:0 3%;}
#index .facility ul li:nth-child(8) {margin:0 3%;}
#index .facility 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.4s ease-out;
	-webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;
	-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;
}
#index .facility ul li h4 {
	font-size:30px;color:#fff;font-family:'linotype-didot';font-weight:bold;position:absolute;left:15px;bottom:30px;z-index:320;z-index:320;
	transition:all 0.5s ease-out;
	-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;
	-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;
}

#index .main_vd {width:1200px;height:675px;margin:200px auto 30px;}
#index .main_vd video {width:1200px;height:auto;}

#index .offer {margin:100px auto 200px;width:1200px;}
#index .offer h3 {font-size:30px;color:#333;margin-bottom:30px;font-family:'linotype-didot';text-align:center;font-weight: bold;}
#index .offer ul {height:600px;width:100%;}
#index .offer ul li {position:relative;float:left;width:31.33%;height:100%;overflow:hidden;}
#index .offer ul li a {width:100%;height:100%;position:absolute;left:0;top:0;z-index:310;}
#index .offer ul li a:before {
	content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(49,73,96,0.4);z-index:300;
	transition:all 0.4s ease-out;
	-webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;
	-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;
}
#index .offer ul li.on a:before {background:rgba(49,73,96,0);}
#index .offer ul li:nth-child(2) {margin:0 3%;}
#index .offer 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.4s ease-out;
	-webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;
	-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;
}
#index .offer ul li h4 {
	font-size:30px;color:#fff;font-family:'linotype-didot';font-weight:bold;position:absolute;left:15px;bottom:30px;z-index:320;z-index:320;
	transition:all 0.5s ease-out;
	-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;
	-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;
}

#index .main_room {margin-top:1300px;}
#index .main_room h3 {font-size:50px;text-align:center;margin-bottom:85px;font-family:'linotype-didot';font-weight:bold;}
#index .main_room h3 span {display:block;font-size:18px;margin-top:25px;}

#index .main_room ul {width:100%;height:400px;}
/*#index .main_room ul {width:100%;height:500px;overflow:hidden;}*/
#index .main_room ul li {float:left;width:20%;height:100%;position:relative;}
#index .main_room ul li.mr_lst01,#index .main_room ul li.mr_lst02,#index .main_room ul li.mr_lst03,#index .main_room ul li.mr_lst04 {float:left;width:25%;height:100%;position:relative;}
#index .main_room ul li:before {
	content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.3);
	transition:all 0.4s ease-out;
	-webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;
	-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;
}
#index .main_room ul li .img {
	width:100%;height:100%;
	transition:all 0.4s ease-out;
	-webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;
	-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;
}
#index .main_room ul li h4 {font-size:30px;color:#fff;text-align:center;position:absolute;left:0;top:50%;margin-top:-50px;font-family:'linotype-didot';width:100%;}
#index .main_room ul li .more {width:300px;padding:10px 0;border:1px solid #fff;text-align:center;color:#fff;font-size:16px;font-family:'linotype-didot';display:block;margin:100px auto 0;}
#index .main_room ul li:hover:before {background:rgba(0,0,0,0);}
#index .main_room ul li:hover .more {background:#ffd200;color:#fff;}

/*------------------------------------------------------------------------------------------------*/
/* exterior */
#exterior {min-width:1200px;}
#exterior #visual {position:relative;height:520px;width:100%;overflow:hidden;}
#exterior #visual:before {content:'';width:100%;height:100%;background:rgba(0,0,0,0.2);position:absolute;left:0;top:0;}
#exterior #visual h2 {
	text-align:center;font-size:55px;color:#fff;position:absolute;left:50%;top:50%;margin:-41.5px 0 0 -152px;overflow:hidden;
	z-index:320;text-align:center;width:0;font-family:'linotype-didot';display:block;
}
#exterior #visual h2 span {display:block;margin-bottom:10px;color:#fff;font-family:'linotype-didot';font-size:18px;width:304px;text-align:center;}
#exterior #visual .scroll {
	width:95%;position:absolute;left:0;bottom:30px;overflow;hidden;z-index:320;
}
#exterior #visual .scroll span {width:0;height:1px;background:#fff;float:left;margin-right:30px;margin-top:20px;}
#exterior #visual .scroll a {float:left;display:block;opacity:0;}

#exterior .content {padding:100px 0 0 0;}
#exterior .content h3 {font-size:35px;text-align:center;color:#333;margin-bottom:30px;font-family:'linotype-didot';font-weight: bold;}
#exterior .content h3 span {display:block;margin-top:10px;font-size:16px;}

#exterior .content .info {margin:50px auto 150px;width:1100px;overflow:hidden;}
#exterior .content .info h5 {font-size:18px;color:#a48754;position:relative;padding-left:12px;margin-bottom:20px;float:left;margin-right:130px;}
#exterior .content .info h5:before {content:'';width:10px;height:16px;background:#a48754;opacity:0.3;position:absolute;left:0;top:0;}
#exterior .content .info p {line-height:1.5em;float:left;}


#exterior .swiper-container {width: 100%;height: 100%;}
#exterior .swiper-slide {

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      width: 80%;
    }

#exterior .swiper-slide:nth-child(2n) {width: 80%;}
#exterior .swiper-slide:nth-child(3n) {width: 80%;}

#exterior .fc_sd {width:100%;height:710px;margin-bottom:100px;}
#exterior .swiper-slide {
	opacity:0.5;height:80%;top:10%;
	transition:all 0.4s ease-out;
	-webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;
	-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;
}
#exterior .swiper-slide-active {opacity:1;height:100%;top:0;}

/*------------------------------------------------------------------------------------------------*/
/* experience */
#experience {min-width:1200px;}
#experience #visual {position:relative;height:520px;width:100%;overflow:hidden;}
#experience #visual:before {content:'';width:100%;height:100%;background:rgba(0,0,0,0.2);position:absolute;left:0;top:0;}
#experience #visual h2 {
	text-align:center;font-size:55px;color:#fff;position:absolute;left:50%;top:50%;margin:-41.5px 0 0 -125px;overflow:hidden;
	z-index:320;text-align:center;width:0;font-family:'linotype-didot';display:block;
}
#experience #visual h2 span {display:block;margin-bottom:10px;color:#fff;font-family:'linotype-didot';font-size:18px;width:250px;text-align:center;}
#experience #visual .scroll {
	width:95%;position:absolute;left:0;bottom:30px;overflow;hidden;z-index:320;
}
#experience #visual .scroll span {width:0;height:1px;background:#fff;float:left;margin-right:30px;margin-top:20px;}
#experience #visual .scroll a {float:left;display:block;opacity:0;}

#experience .content {padding:100px 0 0 0;}
#experience .content h3 {font-size:35px;text-align:center;color:#333;margin-bottom:30px;font-family:'linotype-didot';font-weight: bold;}
#experience .content h3 span {display:block;margin-top:10px;font-size:16px;}

#experience .content .info {margin:50px auto 150px;width:1100px;overflow:hidden;}
#experience .content .info h5 {font-size:18px;color:#a48754;position:relative;padding-left:12px;margin-bottom:20px;float:left;margin-right:130px;font-weight: bold;}
#experience .content .info h5:before {content:'';width:10px;height:16px;background:#a48754;opacity:0.3;position:absolute;left:0;top:0;}
#experience .content .info p {line-height:1.5em;float:left;}


#experience .swiper-container {width: 100%;height: 100%;}
#experience .swiper-slide {

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      width: 80%;
    }

#experience .swiper-slide:nth-child(2n) {width: 80%;}
#experience .swiper-slide:nth-child(3n) {width: 80%;}

#experience .fc_sd {width:100%;height:710px;margin-bottom:100px;}
#experience .swiper-slide {
	opacity:0.5;height:80%;top:10%;
	transition:all 0.4s ease-out;
	-webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;
	-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;
}
#experience .swiper-slide-active {opacity:1;height:100%;top:0;}

/*------------------------------------------------------------------------------------------------*/
/* location */
#location #visual {position:relative;height:520px;width:100%;}
#location #visual:before {content:'';width:100%;height:100%;background:rgba(0,0,0,0.2);position:absolute;left:0;top:0;}
#location #visual h2 {
	text-align:center;font-size:55px;color:#fff;position:absolute;left:50%;top:50%;margin:-41.5px 0 0 -126.5px;overflow:hidden;
	z-index:320;text-align:center;width:0;font-family:'linotype-didot';display:block;
}
#location #visual h2 span {display:block;margin-bottom:10px;color:#fff;font-family:'linotype-didot';font-size:18px;width:305px;text-align:center;}
#location #visual .scroll {width:95%;position:absolute;left:0;bottom:30px;overflow;hidden;z-index:320;}
#location #visual .scroll span {width:0;height:1px;background:#fff;float:left;margin-right:30px;margin-top:20px;}
#location #visual .scroll a {float:left;display:block;opacity:0;}
#location .contents {position:relative;top:0;background:#fff;z-index:360;padding:50px 0 0 0;}

#location .contents .cont {width:1200px;margin:0 auto 100px;}
#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:50px;text-align:center;position:relative;z-index:300;margin-bottom:100px;}

/* promotion */
#promotion {position:relative;width:100%;margin:0;}
#promotion .banner{background-color:#222; position:fixed; width:100%; top:0; left:0; z-index:1; height: 430px; }
#promotion .banner:after{top:0; left:0; position:absolute; opacity:.75 !important; filter:alpha(opacity=75); z-index:-1; content:""; width:100%; height:100%; transition: .5s}
#promotion .view {position:relative;top:380px;width:100%;min-width:1200px;height:100%;z-index:998; background:#fff;}
#promotion .mov_ttl {width:500px; height:110px; position:absolute; top:200px; left:50%; margin-left:-250px; z-index:320; text-align:center}
#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:-250px; 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:-250px; text-align:center}
#promotion .mov_ttl .ttl_02 span{color:#ffe2b7}
#promotion .list_wrap{max-width:1034px; margin:60px auto 180px; position:relative}
#promotion .list_wrap > ul{margin:0 -33px; display: inline-block; width:100%}
#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 dt > img{width:100%}
#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;}
#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;}
#promotion .t_center {text-align:center;}
#promotion .back_btn:hover {opacity:0.7;}

/*------ previews ------*/
#rpv #visual {position:relative;}
#rpv #visual h2 {text-align:center;font-size:35px;color:#fff;position:absolute;left:50%;top:52%;margin:-70.5px 0 0 -152px;z-index:320;line-height:1.1em;opacity:0;}
#rpv #visual h2 span {display:block;margin-top:15px;color:#fff;font-size:18px;line-height:25px;}
#rpv .scroll {position:fixed;left:1%;top:50%;z-index:320;overflow:hidden;margin-top:-47px;}
#rpv #visual:before {content:'';background:linear-gradient(180deg,transparent 32%,#31343b);z-index:1;position:absolute;left:0;top:0;width:100%;height:100%;}

#rpv .rlst {position:relative;}
#rpv .rlst .back {
	background:linear-gradient(180deg,transparent 30%,#31343b);z-index:1;position:absolute;left:0;bottom:0;width:100%;height:100%;
	transition:all 0.8s ease-out;
	-webkit-transition:all 0.8s ease-out;-moz-transition:all 0.8s ease-out;
	-ms-transition:all 0.8s ease-out;-o-transition:all 0.8s ease-out;
}
#rpv .rlst .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-out;
	-webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;
	-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;
}
#rpv .rlst .ttl {position:absolute;left:50%;top:50%;margin:-125px 0 0 -147.5px;z-index:320;}
#rpv .rlst .ttl h3 {font-size:35px;line-height:1.5em;color:#fff;text-align:center;}
#rpv .rlst .ttl h3 span {display:block;font-size:18px;}
#rpv .rlst .ttl a {
display:block;width:210px;padding:13px 0;text-align:center;margin:50px auto 0;color:#fff;background:rgba(0,0,0,0.3);
border-top:1px solid rgba(255,255,255,0.6);border-bottom:1px solid rgba(255,255,255,0.6);}
#rpv .num {position:fixed;text-align:center;bottom:30px;color:#fff;font-size:20px;z-index:320;width:100%;}
#rpv .num span {font-family:'noto-sans-cjk-kr';}
#rpv .num b {font-family:'noto-sans-cjk-kr';}

/*------ woc - room ------*/
#room {min-width:1200px;}
#room .top {position:relative;}
#room .top h2 {font-size:40px;position:absolute;left:0;top:55%;margin:-40px 0 0 0;z-index:320;font-family:'linotype-didot';color:#fff;width:100%;text-align:center;}
#room .top h2 span {font-size:80px;font-family:'linotype-didot';}

#room .content {padding-top:100px;overflow:hidden;position:relative;margin: 0 auto 150px;width:1200px;}

#room .content .box {width:1200px;margin:0 auto;overflow:hidden;}
#room .content .box > div {float:left;padding:30px 0;}
#room .content .box > div h5 {font-size:18px;color:#2f2f2f;position:relative;padding-left:12px;margin-bottom:20px;font-weight: bold;}
#room .content .box > div h5:before {content:'';width:10px;height:16px;background:#2f2f2f;opacity:0.3;position:absolute;left:0;top:0;}
#room .content .box > div.box01 {width:20%;margin-right:5%;}
#room .content .box > div.box02 {width:29%;border-left:1px solid #e4dbcb;border-right:1px solid #e4dbcb;padding:30px 5%;}
#room .content .box > div.box03 {width:30%;margin-left:5%;}
#room .content .box > div p {line-height:1.6em;font-size:15px;}
#room .content .box > div ul li {line-height:1.6em;font-size:15px;}
#room .content .box > div ul li:before {content:'';width:9px;height:3px;background:#2f2f2f;display:inline-block;margin-right:10px;}

#room .content .notice {line-height:1.6em;font-size:16px;color:#000;margin-top:100px;}

#room .main_room h3 {font-size:35px;text-align:center;margin-bottom:50px;font-family:'linotype-didot';font-weight: bold;}
#room .main_room h3 span {display:block;font-size:20px;margin-top:5px;}

#room .main_room ul {width:100%;height:400px;}
#room .main_room ul li {float:left;width:20%;height:100%;position:relative;}
#room .main_room ul li.mr_lst01,#room .main_room ul li.mr_lst02,#room .main_room ul li.mr_lst03,#room .main_room ul li.mr_lst04 {float:left;width:25%;height:100%;position:relative;}
#room .main_room ul li:before {
	content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.3);
	transition:all 0.4s ease-out;
	-webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;
	-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;
}
#room .main_room ul li .img {
	width:100%;height:100%;
	transition:all 0.4s ease-out;
	-webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;
	-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;
}
#room .main_room ul li h4 {font-size:30px;color:#fff;text-align:center;position:absolute;left:0;top:50%;margin-top:-50px;font-family:'linotype-didot';width:100%;}
#room .main_room ul li .more {width:300px;padding:10px 0;border:1px solid #fff;text-align:center;color:#fff;font-size:16px;font-family:'linotype-didot';display:block;margin:100px auto 0;}
#room .main_room ul li:hover:before {background:rgba(0,0,0,0);}
#room .main_room ul li:hover .more {background:#ffd200;color:#fff;}

/*------ woc - facility ------*/
/* 


/* facility */
#facility {min-width:1200px;}
#facility #visual {position:relative;height:520px;width:100%;}
#facility #visual:before {content:'';width:100%;height:100%;background:rgba(0,0,0,0.3);position:absolute;left:0;top:0;}
#facility #visual h2 {
	text-align:center;font-size:55px;color:#fff;position:absolute;left:0;top:50%;margin:-41.5px 0 0 0;overflow:hidden;
	z-index:320;text-align:center;width:100%;font-family:'linotype-didot';display:block;
}
#facility #visual h2 span {display:block;margin-bottom:10px;color:#fff;font-family:'linotype-didot';font-size:18px;text-align:center;}
#facility #visual ul {width:100%;overflow:hidden;position:absolute;left:0;bottom:0;}
#facility #visual ul li {width:11.111%;float:left;}
#facility #visual ul li a {padding:20px 0;text-align:center;color:#fff;font-size:16px;background:#31343b;border:1px solid #fff;display:block;}
#facility #visual ul li a.active {color:#ffd200;}
#facility #visual ul li a:hover {color:#ffd200;}

#facility .content .info {width:1500px;margin:80px auto 100px;overflow:hidden;}
#facility .content .info h3 {font-size:35px;color:#333;float:left;font-family:'linotype-didot';font-weight: bold;}
#facility .content .info h3 span {display:block;margin-top:5px;font-size:16px;}
#facility .content .box {float:right;overflow:hidden;}
#facility .content .box > div {float:left;}
#facility .content .box > div h5 {font-size:18px;color:#2f2f2f;position:relative;padding-left:12px;margin-bottom:20px;font-weight: bold;}
#facility .content .box > div h5:before {content:'';width:10px;height:16px;background:#2f2f2f;opacity:0.3;position:absolute;left:0;top:0;}
#facility .content .box > div.box01-1 {width:50%;margin-bottom:50px;}
#facility .content .box > div.box01 {width:50%;margin-bottom:50px;}
#facility .content .box > div.box02 {width:33.333%;float:left;}
#facility .content .box > div.box03 {width:33.333%;float:left;}
#facility .content .box > div.box04 {width:33.333%;float:left;}
#facility .content .box > div p {line-height:1.5em;}


#facility .swiper-container {width: 100%;height: 100%;}
#facility .swiper-slide {

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      width: 80%;
    }

#facility .swiper-slide:nth-child(2n) {width: 80%;}
#facility .swiper-slide:nth-child(3n) {width: 80%;}

#facility .fc_sd {width:100%;height:710px;margin-bottom:100px;}
#facility .swiper-slide {
	opacity:0.5;height:80%;top:10%;
	transition:all 0.4s ease-out;
	-webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;
	-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;
}
#facility .swiper-slide-active {opacity:1;height:100%;top:0;}

/*------ woc - service ------*/
/* spv */
#service {min-width:1200px;}
#service #visual {position:relative;height:520px;width:100%;}
#service #visual:before {content:'';width:100%;height:100%;background:rgba(0,0,0,0.2);position:absolute;left:0;top:0;}
#service #visual h2 {
	text-align:center;font-size:55px;color:#fff;position:absolute;left:50%;top:50%;margin:-41.5px 0 0 -126.5px;overflow:hidden;
	z-index:320;text-align:center;width:0;font-family:'linotype-didot';display:block;
}
#service #visual h2 span {display:block;margin-bottom:10px;color:#fff;font-family:'linotype-didot';font-size:18px;width:253px;text-align:center;}
#service #visual .scroll {width:95%;position:absolute;left:0;bottom:30px;overflow:hidden;z-index:320;}
#service #visual .scroll span {width:0;height:1px;background:#fff;float:left;margin-right:30px;margin-top:20px;}
#service #visual .scroll a {float:left;display:block;opacity:0;}

#service #visual .rv_btn img {
	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;margin-right:10px;
}
#service .content {position:relative;padding-top:100px;}
#service .content h3 {font-size:50px;color:#333;text-align:center;font-family:'linotype-didot';}
#service .content h3 span {display:block;margin-top:10px;font-size:16px;}
#service .content .back {
	position:absolute;left:0;top:10%;font-size:150px;opacity:0.05;color:#333;width:100%;font-family:'linotype-didot';text-align:center;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;
}

#service .content .service_img {margin-bottom:150px;}
#service .content .service_img img {display:block;margin:0 auto;}

/*------------------------------------------------------------------------------------------------*/
/* offer */
#offer #visual {position:relative;height:520px;width:100%;}
#offer #visual:before {content:'';width:100%;height:100%;background:rgba(0,0,0,0.2);position:absolute;left:0;top:0;}
#offer #visual h2 {
	text-align:center;font-size:55px;color:#fff;position:absolute;left:50%;top:50%;margin:-41.5px 0 0 -117.5px;overflow:hidden;
	z-index:320;text-align:center;width:0;font-family:'linotype-didot';display:block;
}
#offer #visual h2 span {display:block;margin-bottom:10px;color:#fff;font-family:'linotype-didot';font-size:18px;width:235px;text-align:center;}
#offer #visual .scroll {width:95%;position:absolute;left:0;bottom:30px;overflow:hidden;z-index:320;}
#offer #visual .scroll span {width:0;height:1px;background:#fff;float:left;margin-right:30px;margin-top:20px;}
#offer #visual .scroll a {float:left;display:block;opacity:0;}
#offer .contents {position:relative;background:#fff;z-index:360;top:0;}

#offer .contents {padding-top:70px;}
#offer .contents .cont {width:1200px;margin:0 auto;}
#offer .iframe {margin-bottom:100px;}

/*------------------------------------------------------------------------------------------------*/
/* tables */
#table #visual {position:relative;height:520px;width:100%;}
#table #visual:before {content:'';width:100%;height:100%;background:rgba(0,0,0,0.2);position:absolute;left:0;top:0;}
#table #visual h2 {
	text-align:center;font-size:55px;color:#fff;position:absolute;left:50%;top:50%;margin:-41.5px 0 0 -111.5px;overflow:hidden;
	z-index:320;text-align:center;width:0;font-family:'linotype-didot';display:block;
}
#table #visual h2 span {display:block;margin-bottom:10px;color:#fff;font-family:'linotype-didot';font-size:18px;width:223px;text-align:center;}
#table #visual .scroll {width:95%;position:absolute;left:0;bottom:30px;overflow:hidden;z-index:320;}
#table #visual .scroll span {width:0;height:1px;background:#fff;float:left;margin-right:30px;margin-top:20px;}
#table #visual .scroll a {float:left;display:block;opacity:0;}
#table .contents {position:relative;background:#fff;z-index:360;top:0;}

#table .contents {padding-top:70px;}
#table .contents .cont {width:1200px;margin:0 auto;}
#table .iframe {margin-bottom:100px;}

/*------------------------------------------------------------------------------------------------*/
/* reserve */
#reserve #visual {position:relative;height:520px;width:100%;}
#reserve #visual:before {content:'';width:100%;height:100%;background:rgba(0,0,0,0.2);position:absolute;left:0;top:0;}
#reserve #visual h2 {
	text-align:center;font-size:55px;color:#fff;position:absolute;left:50%;top:50%;margin:-41.5px 0 0 -203.5px;overflow:hidden;
	z-index:320;text-align:center;width:0;font-family:'linotype-didot';display:block;
}
#reserve #visual h2 span {display:block;margin-bottom:10px;color:#fff;font-family:'linotype-didot';font-size:18px;width:407px;text-align:center;}
#reserve #visual .scroll {width:95%;position:absolute;left:0;bottom:30px;overflow:hidden;z-index:320;}
#reserve #visual .scroll span {width:0;height:1px;background:#fff;float:left;margin-right:30px;margin-top:20px;}
#reserve #visual .scroll a {float:left;display:block;opacity:0;}

#reserve .contents {position:relative;background:#fff;z-index:360;top:0;}

#reserve .contents {padding-top:70px;}
#reserve .contents .cont {width:1200px;margin:0 auto 150px;overflow:hidden;}
#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:70px;}
.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:'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;}

/*------------------------------------------------------------------------------------------------*/
/* travel */


#travel #visual {position:relative;height:520px;width:100%;}
#travel #visual:before {content:'';width:100%;height:100%;background:rgba(0,0,0,0.2);position:absolute;left:0;top:0;}
#travel #visual h2 {
	text-align:center;font-size:55px;color:#fff;position:absolute;left:50%;top:50%;margin:-41.5px 0 0 -126.5px;overflow:hidden;
	z-index:320;text-align:center;width:0;font-family:'linotype-didot';display:block;
}
#travel #visual h2 span {display:block;margin-bottom:10px;color:#fff;font-family:'linotype-didot';font-size:18px;width:305px;text-align:center;}
#travel #visual .scroll {width:95%;position:absolute;left:0;bottom:30px;overflow;hidden;z-index:320;}
#travel #visual .scroll span {width:0;height:1px;background:#fff;float:left;margin-right:30px;margin-top:20px;}
#travel #visual .scroll a {float:left;display:block;opacity:0;}
#travel .contents {position:relative;top:0;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;font-family: noto-sans-cjk-kr;font-weight:normal;}
#travel .cont ul li h3 span {display:block;font-size:14px;color:#6c4238;margin-bottom:20px;}
#travel .cont ul li p {font-size:14px;line-height:1.9em;color:#6c6c6c;font-family: noto-sans-cjk-kr;}