/* float clearfix */
.clearfix {*zoom:1}
.clearfix:after {content:"";display:block;clear:both}

.redtx{color: #d22020 !important;}

@media ( max-width: 767px ) {}
@media ( max-width: 575px ) {}


/* header */


.vdo {position: relative;}

/* mvisual */
#msliders {position: relative; width: 100%; height: 100%;}

@media ( max-width: 1024px ) {
    /*#msliders {height: 75vh !important; transition: all 0.3s;}*/
}

@media ( max-width: 767px ) {
    #msliders {height: 48vh !important;}
    .mslider.mvdo {height: auto !important;}
}

@media ( max-width: 414px ) {
    #msliders {height: 30vh !important;}
}

#vwrapper {position: relative; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; overflow: hidden; pointer-events: none;}
.vp_bt_box {position: absolute; bottom: 20%; left: 50%; z-index: 99; min-width: 60px; text-align: center; margin: 0 0 0 -30px;}
.vp_bt_stop,
.vp_bt_play {width: 60px; height: 60px; cursor: pointer;}
.vp_bt_play {display: none;}
.vp_bt_box div img {display: block;}

@media ( max-width: 767px ) {
    .vp_bt_box {min-width: 40px; margin: 0 0 0 -20px;}
    .vp_bt_stop,
	.vp_bt_play {width: 40px; height: 40px; cursor: pointer;}
    .vp_bt_stop img,
	.vp_bt_play img {width: 40px; height: 40px; cursor: pointer;}
}
/* //////////////////// Ç®ÆäÀÌÁö ³×ºñ°ÔÀÌ¼Ç //////////////////// */
	#anchors li.active {
    padding-right: 60px;
    width: 55px;
    opacity: 1;
	}
	#anchors li a {font-size:0;}
	#anchors li.active a {font-size:14px;}
#anchors li {
    margin-bottom: 20px;
    border-bottom: 2px solid #fff;
    padding-right: 20px;
    padding-bottom: 10px;
    width: 20px;
    float: right;
    transition: 0.3s ease;
    opacity: 1;
	
}
#anchors {
    position: fixed;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    color: #fff;
    font-size: 15px;
    width: 20px;
}
#anchors a {
	position: absolute;
    color: #fff;
	font-weight:bold;
	font-family: 'Noto Sans KR', sans-serif !important;
	text-transform: uppercase;
	text-align: -webkit-match-parent;
	right:80px;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}
@media ( max-width: 767px ) {
	#anchors {display:none;}
}
/* //////////////////// ½ºÅ©·Ñ ¾Ö´Ï //////////////////// */
.scroll {display: block; position: absolute; left: 0; z-index: 20; width: 100%; font-size: 0.8vw; text-align: center; letter-spacing: 0.1em; color: #fff; padding: 55px 8px 0; margin: 0; opacity: 0.9; pointer-events: none;}
.scroll.scroll_main {bottom: 10%;}
.scroll .scroll_visual {position: absolute; top: 0; left: 50%; width: 30px; height: 45px; box-sizing: border-box; border: 2px solid #fff; border-radius: 45px; margin-left: -15px; transition: all 0.3s;}
.scroll .scroll_visual::before {content: ''; position: absolute; top: 5px; left: 50%; width: 5px; height: 5px; background-color: #fff; box-sizing: border-box; border-radius: 100%; margin-left: -2.5px; -webkit-animation: scrollani 3s infinite; animation: scrollani 3s infinite;}

@-webkit-keyframes scrollani {
  0% {-webkit-transform: translate(0, 0); opacity: 0;}
  40% {opacity: 1;}
  80% {-webkit-transform: translate(0, 20px); opacity: 0;}
  100% {opacity: 0;}
}

@keyframes scrollani {
  0% {transform: translate(0, 0); opacity: 0;}
  40% {opacity: 1;}
  80% {transform: translate(0, 20px); opacity: 0;}
  100% {opacity: 0;}
}

@media ( max-width: 1024px ) {
	.scroll {font-size: 1.4vw;}
	.scroll.scroll_main {bottom: 17%;}
	.scroll.scroll_tour {top: 80%;}
	.scroll .scroll_visual {transform: scale(0.9);}
}

@media ( max-width: 767px ) {
	.scroll {display: none !important;}
}

/* mroom */
#sliders.rooms {background: #000;}
.rooms a {display: block; position: relative; width: 50%; overflow: hidden; float: left;}
.rooms a .ibox {width: 100%; height: 100%; opacity: 0.5; transition: all 0.3s;}
.rooms a:hover .ibox {opacity: 1;}
.rooms a .ibox img {display: block; width: 100%; opacity: 0; pointer-events: none;}
.rooms a .tbox {position: absolute; top: 0; width: 100%; text-align: center; color: #fff; padding: 42vh 0; transition: all 0.3s;}
.rooms a .tbox h3 {font-size: 0.9375vw; font-weight: bold; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7); margin: 0;}
.rooms a .tbox h2 {font-size: 2.916665vw; font-weight: normal; line-height: 100%; text-transform: uppercase; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7); margin: 0 0 3%;}
.rooms a .tbox span {display: inline-block; font-size: 14px; line-height: 290%; text-transform: uppercase; color: #fff; padding: 0 5%; border: 1px solid #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7); transition: all 0.3s;}

.rooms2 {background: #000; height:100%;}
.rooms2 a {display: block; position: relative; width: 33.333%; height:50%; overflow: hidden; float: left;}
.rooms2 a .ibox {width: 100%; height: 100%; opacity: 0.5; transition: all 0.3s;}
.rooms2 a:hover .ibox {opacity: 1;}
.rooms2 a .ibox img {display: block; width: 100%; height:50%; opacity: 0; pointer-events: none;}
.rooms2 a .tbox {position: absolute; top: 0; width: 100%; text-align: center; color: #fff; padding: 20vh 0; transition: all 0.3s;}
.rooms2 a .tbox h3 {font-size: 0.9375vw; font-weight: bold; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7); margin: 0;}
.rooms2 a .tbox h2 {font-size: 2.916665vw; font-weight: normal; line-height: 100%; text-transform: uppercase; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7); margin: 0 0 3%;}
.rooms2 a .tbox span {display: inline-block; font-size: 14px; line-height: 290%; text-transform: uppercase; color: #fff; padding: 0 5%; border: 1px solid #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7); transition: all 0.3s;}
#section3 {background:#000;}

@media ( min-width: 768px ) {
	#sliders.rooms {height: 100% !important;}
	.rooms a {height: 100%;}
}

@media ( max-width: 767px ) {
	#sliders.rooms {height: auto !important;}
	.rooms a .ibox {background: none !important;}
	.rooms a .ibox img {opacity: 1;}
	.rooms a .tbox {padding: 22vw 0;}
	.rooms a .tbox h3 {font-size: 2vw;}
	.rooms a .tbox h2 {font-size: 4vw;}

	.rooms2 a {width:50%; height:100%;}
	.rooms2 a .tbox {padding: 12vw 0;}
	.rooms2 a .tbox h3 {font-size: 2vw;}
	.rooms2 a .tbox h2 {font-size: 4vw;}
}

@media ( max-width: 414px ) {
	.rooms a .tbox {padding: 17vw 0;}
	.rooms a .tbox h3 {font-size: 3vw;}
	.rooms a .tbox h2 {font-size: 6vw;}
	.rooms a .tbox span {font-size: 11px;}

	.rooms2 a .tbox h3 {font-size: 3vw;}
	.rooms2 a .tbox h2 {font-size: 6vw;}
	.rooms2 a .tbox span {font-size: 11px;}
}

/* mprologue */
#mpro {display: inline-block; width: 96%; vertical-align: middle; margin: 0.3vh 2%;}
#mpro .ibox {width: 30.3%; float: left; margin: 0 1.5% 2.3vh;}
#mpro .ibox:nth-child(4),
#mpro .ibox:nth-child(5) {width: 46.9%; margin: 0 1.55%;}
#mpro .ibox img {width: 100%; pointer-events: none;}

@media ( max-width: 767px ) {
	#mpro {display: block; width: 90%; margin: 5% auto;}
	#mpro .ibox {width: 100% !important; float: none; margin: 0 0 2.3vh !important;}
}

/* mspecial */
#msp {}
#msp .tit {position: relative; text-align: center; margin: 2vh 0;}
#msp .tit h1 {display: inline-block; font-size: 0.9375vw; font-weight: normal; line-height: 170%; text-transform: uppercase; letter-spacing: 0.1em; background: #2b282f; color: #fff; padding: 0 2vw; margin: 0 0 2vh;}
#msp .tit h2 {font-family: 'Noto Serif KR', serif; font-size: 0.989585vw; font-weight: lighter; letter-spacing: 0.01em;}
#msp .spbox {width: 100%;}
#msp .spbox a {display: block; position: relative; width: 25%; float: left; visibility: visible !important; transition: all 0.3s;}
#msp .spbox a.spblank {pointer-events: none;}
#msp .spbox a .txt {position: absolute; top: 15%; width: 100%; text-align: center;}
#msp .spbox a:nth-child(5) .txt {color: #fff;}
#msp .spbox a .txt h3 {font-size: 1.25vw; font-weight: 500; line-height: 100%; text-transform: uppercase; letter-spacing: 0.025em; margin: 0 0 1.5vh;}
#msp .spbox a .txt .line {display: block; width: 3.15vw; height: 1px; background: #000; margin: 0 auto 1vh;}
#msp .spbox a:nth-child(5) .txt .line {background: #fff;}
#msp .spbox a .txt h4 {font-size: 14px; font-weight: normal; letter-spacing: 0.05em;}
#msp .spbox a img {width: 100%; pointer-events: none;}

@media ( max-width: 1024px ) {
	#msp .tit h1 {font-size: 1.45vw;}
	#msp .tit h2 {font-size: 2.4vw;}
	#msp .spbox a .txt h3 {font-size: 1.8vw;}
	#msp .spbox a .txt .line {width: 6.3vw;}
}

@media ( min-width: 768px ) {
	#msp .spbox a {height: 45vh;}
	#msp .spbox a img {display: none;}
}
@media ( max-width: 767px ) {
	#msp .tit h1 {font-size: 1.9vw;}
	#msp .tit h2 {font-size: 3.2vw;}
	#msp .spbox a {width: 50%; height: auto; background: none !important;}
	#msp .spbox a .txt h3 {font-size: 3vw;}
	#msp .spbox a .txt .line {width: 9.45vw;}
	#msp .spbox a .txt h4 {font-size: 13px;}
}

/* freser */
#freser {position: relative; width: 100%; background:url('../img/common/f_reser_bg.jpg') no-repeat center center / cover;}
#freser .tbox {position: absolute; top: 35%; left: 45%; color: #dcdcdc;}
#freser .tbox h1 {font-size: 1.875vw; font-weight: 100; line-height: 100%; letter-spacing: 0.025em; margin:  0 0 3%;}
#freser .tbox h2 {font-size: 0.9375vw; font-weight: bold; text-transform: uppercase; letter-spacing: 0.1em; margin:  0 0 3%;}
#freser .tbox a {display: inline-block; font-size: 14px; font-weight: normal; line-height: 220%; text-transform: uppercase; letter-spacing: 0.15em; background: #ac8b5c; color: #fff; padding: 0 2vw;}

@media ( max-width: 1024px ) {
	#freser .tbox h1 {font-size: 2vw;}
	#freser .tbox h2 {font-size: 1.2vw;}
}

@media ( min-width: 768px ) {
	#freser {height: 50vh;}
}

@media ( max-width: 767px ) {
	#freser {padding: 10% 0;}
	#freser .tbox {position: relative; top: auto; left: 35%;}
	#freser .tbox h1 {font-size: 2.5vw;}
	#freser .tbox h2 {font-size: 1.5vw;}
	#freser .tbox a {font-size: 13px;}
}

@media ( max-width: 414px ) {
	#freser {padding: 15% 0;}
	#freser .tbox {left: 20%;}
	#freser .tbox h1 {font-size: 3.5vw;}
	#freser .tbox h2 {font-size: 2.5vw;}
	#freser .tbox a {font-size: 12px;}
}

/* foot */
#footer {display: table; width: 100%; text-align: center; background: #272727;}
#footer .inner {display: table-cell; vertical-align: middle; margin: 0 auto;}
#footer .fmap {display: inline-block; position: relative; width: 28.6458333%; margin: 0 5% 0 0;}
#footer .fmap img {width: 100%;}
#footer .fmap span {display: block; position: absolute; top: 45%; left: 50%; font-size: 14px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.05em; color: #fff; border-bottom: 1px solid rgba(229, 229, 229, 0.5); margin: 0 0 0 -5%;}
#footer .copy {display: inline-block; width: 39%; text-align: left; vertical-align: middle; color: #d2d2d2;}
#footer .copy li {font-size: 13px; line-height: 190%; letter-spacing: 0.05em; border-bottom: 1px solid rgba(229, 229, 229, 0.5);}
#footer .copy li div {width: 50%; float: left; padding: 4.5% 0;}
#footer .copy li div:first-child {padding: 4.5% 3% 4.5% 0;}
#footer .copy li:first-child {position: relative; font-size: 18px; line-height: 24px; text-transform: uppercase; border: none;}
#footer .copy li:first-child .sns {position: absolute; right: 0; opacity: 0.7;}
#footer .copy li:first-child .sns a {display: inline-block; margin: 0 0 0 10px;}
#footer .copy li:last-child {font-size: 13px;}
#footer .copy li:last-child a {display: inline-block; line-height: ; color: #d2d2d2;}
#footer .copy li:last-child a img {vertical-align: top;}
#footer .copy li:last-child .made {}
#footer .copy li:last-child .made span {}

#footer .info {padding: 0 0 1%; border-bottom: #000 1px solid;}
#footer .info li {font-size: 30px; font-weight: bold; text-transform: uppercase;}
#footer .info li span {font-weight: normal; margin: 0 0 0 15px;}

@media ( max-width: 1240px ) {
	#footer .fmap {width:;}
	#footer .copy {width: 45%;}
}

@media ( max-width: 1024px ) {
}

@media ( min-width: 768px ) {
	#footer {height: 50vh;}
}

@media ( max-width: 767px ) {
	#footer {padding: 10% 0;}
	#footer .fmap {width: 70%; margin: 0 auto 5%;}
	#footer .copy {width: 80%;}
	#footer .copy li {padding: 4.5% 0 !important;}
	#footer .copy li div {width: 100%; float: none; padding: 0 !important;}
}

@media ( max-width: 414px ) {
	#footer {padding: 15% 0;}
	#footer .fmap {width: 80%;}
	#footer .copy {width: 85%;}
}

/* back-top */
#back-top {display: block; position: fixed; right: 40px; bottom: 50px; z-index: 99;}
#back-top .tel {display: none; width: 60px; height: 60px; background:url('../img/common/fbt_tel.png') no-repeat center / cover; margin: 0 0 1vh; opacity: 0.5;}
#back-top .t_bt {display: block; width: 60px; height: 60px; background:url('../img/common/fbt_top.png') no-repeat center / cover; opacity: 0.5; cursor: pointer;}
#back-top .kakao {display: block; width: 60px; height: 60px; background:url('../img/common/fbt_kakao.png') no-repeat center / cover; border-radius: 100%; opacity: 0.5;}
#back-top .tel, 
#back-top .t_bt:hover, 
#back-top .kakao:hover {opacity: 0.7;}

@media ( max-width: 1024px ){
    #back-top {right: 30px; bottom: 30px;}
}

@media ( max-width: 767px ){
    #back-top {right: 5%; bottom: 5%;}
    #back-top .tel {display: block; width: 45px; height: 45px;}
    #back-top .t_bt, 
	#back-top .kakao {width: 45px; height: 45px;}
}


/* sub sliders top */
#sliders {position: relative; width: 100%; height: 100%;}
#sliders.about {background: url("../img/about/timg.jpg") center / cover;}
#sliders.actstory {background: url("../img/actstory/timg.jpg") center / cover;}
#sliders.room {background: url("../img/room/timg.jpg") center / cover;}
#mtit {position: absolute; bottom: 45%; z-index: 1; width: 100%; text-align: center; color: #fff; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); transition: all 0.3s; -webkit-animation: titani 3s forwards; animation: titani 3s forwards; pointer-events: none;}
#mtit h1 {font-size: 3.125vw; font-weight: 500; text-transform: uppercase; letter-spacing: 0.05em;}

@-webkit-keyframes titani {
	from  {-webkit-transform: scale(1);}
	to {bottom: 7%; -webkit-transform: scale(0.5);}
}

@keyframes titani {
  from {transform: scale(1);}
  to {bottom: 7%; transform: scale(0.5);}
}

@media ( max-width: 1024px ) {
    /*#sliders {height: 75vh !important; transition: all 0.3s;}*/
	#mtit h1 {font-size: 4.5vw;}
}

@media ( max-width: 767px ) {
    #sliders {height: 48vh !important;}
    .mslider.mvdo {height: auto !important;}
	#mtit h1 {font-size: 7vw;}
}

@media ( max-width: 414px ) {
    #sliders {height: 30vh !important;}
}


/* sub timg */
#subtimg {position: relative; width: 100%; height: 50vh; transition: all 0.3s;}
#subtimg.traffic {background: url("../img/sub/timg_traffic.jpg") center / cover;}
#subtimg.reser {background: url("../img/sub/timg_reser.jpg") center / cover;}
#subtimg.comm {background: url("../img/sub/timg_comm.jpg") center / cover;}
#subtimg .tit {position: absolute; bottom: 45%; z-index: 1; width: 100%; text-align: center; color: #fff; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); transition: all 0.3s; pointer-events: none;}
#subtimg .tit h2 {font-size: 2.5vw; font-weight: 500; line-height: 1; text-transform: uppercase; margin: 0 0 1%;}
#subtimg .tit h3 {font-size: 20px; font-weight: normal;}

@media ( max-width: 1240px ) {
    #subtimg {height: 45vh;}
	#subtimg .tit h2 {font-size: 4vw;}
}

@media ( max-width: 767px ) {
    #subtimg {height: 35vh;}
	#subtimg .tit h2 {font-size: 5.5vw;}
	#subtimg .tit h3 {font-size: 16px;}
}

@media ( max-width: 414px ) {
    #subtimg {height: 25vh;}
	#subtimg .tit h2 {font-size: 7vw;}
}

/* tcont */
#tcont * {transition: all .1s; -webkit-transition: all .1s;}
#tcont {width: 90%; min-height: 200px; margin: 8% auto;}
#tcont .tit {font-size: 18px; position: relative; margin-bottom: 20px; line-height: 30px; padding-top: 10px;}
#tcont .titt {font-size: 15px; color: #4d4d4e;line-height: 180%;}
#tcont .titt > div {margin-bottom: 7px;}
#tcont .titt > div > li {float: left;}
#tcont .titt > div > li:first-child {width: 11px;}
#tcont .titt > div > li:last-child {width: 95%;}
#tcont .tit:after {content: ""; position: absolute; top: 0; left: 0; width: 13px; height: 3px; background: #707070;}

.tabsy {margin-top: 30px; }
.tab_con {display: block; text-align: center; padding: 0; margin: 30px auto 0;}

.tabsy > button {width:100%;font-size:100%;margin:0;outline:0;border:0;vertical-align:baseline;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent}
.tabsy > .tabButton {display: block; font-size: 15px; font-weight: normal; text-align: center; background: #ededed; color: #000; padding: 15px 20px; margin-top: 1px; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out;}
/*.tabsy > .tabButton2 {width: 100%;}*/
.tabsy > input {display: none;}
.tab {width: 100%; text-align: left;}
.tabsy > input:checked+label+.tab {display:block;clear: both !important; float: none !important;}
.tabsy > input:checked+label+.tab > .content {-webkit-animation:showTab 250ms ease-in-out;animation:showTab 250ms ease-in-out; width: 100% !important; padding: 30px 0;}
.tabsy > .tab {display:none;}

@-webkit-keyframes showTab {
    from {opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px);}
    to {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
}

@keyframes showTab {
    from {opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px);}
    to {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
}

@media screen and (min-width: 1025px){
    .tabsy > .tabButton2 {width: 20% !important;}
}

@media screen and (max-width: 1024px) {
    .tabsy > .tabButton2 {width: 50% !important;}
}

@media screen and (min-width: 768px){
    .tab_con {width: 100%;}
    .tabsy {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
    .tabsy > .tabButton {-webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; cursor: pointer;}
    .tabsy > input:checked+label {background: #3b4146; color: #fff;}
    .tabsy > .tab {-webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2;}
}

@media screen and (max-width: 767px) {
	#tcont .tit {font-size: 15px; line-height: 150%; margin-bottom: 10px;}
	#tcont .titt > div > li {font-size: 13px; line-height: 150%;}
	.tabsy > .tabButton2 {width: 100% !important;}
    .tabsy > .tab {display: block;}
	.tabsy > .tab > .content {padding: 10px 0 30px;} 
	.tabsy > input:checked + label + .tab > .content {padding: 10px 0 30px;}
}

@media screen and (max-width: 400px) {
	#tcont .titt > div > li {font-size: 11px;}
}

#ptable {width:100%; border-bottom: #d9d9d9 1px solid; border-right: #d9d9d9 1px solid;}
#ptable.ptable2 {width: auto; min-width: 40%;}
#ptable tr {min-height: 40px;}
#ptable th {font-size: 13px; text-align: center; background: #ededed; color: #323232; padding: 10px 15px; border-top: #d9d9d9 1px solid; border-left: #d9d9d9 1px solid;}
#ptable td {font-size: 13px; line-height: 120%; text-align: center; padding: 10px 15px; border-top: #d9d9d9 1px solid; border-left: #d9d9d9 1px solid;}

/* ½Ç½Ã°£´Þ·Â */
.iframe_calendar {width: 100%; max-width: 1200px; height: 100vh; padding: 5vh 0; border:0; margin: 0 auto;}

@media ( max-width: 1240px ) {
	#ptable.ptable2 {min-width: 60%;}
}

@media ( max-width: 767px ) {
	#ptable.ptable2 {width: 100%;}
	#ptable th, 
	#ptable td {padding: 5px !important;}
}


/* room pv */
#rlayout {position: relative; width: 100%; text-align: center;}
#rlayout img {display: block; width: 100%;}
#rlayout .rsimg {width: 50%; float: left;}

@media ( max-width: 1024px ) {
	#rlayout {overflow: hidden; padding: 0;}
	#rlayout img {width: 130%; margin: 0 0 0 -15%;}
	#rlayout .rsimg img {width: 100% !important; margin: 0 !important;}
}

@media ( max-width: 767px ) {
	#rlayout {}
	#rlayout img {width: 175%; margin: 0 0 0 -42%;}
	#rlayout .rsimg {width: 100%; float: none;}
}

@media ( max-width: 414px ) {
	#rlayout img {width: 182%; margin: 0 0 0 -44%;}
}

/* room */
#rinfo {display: table;}
#rinfo > div {display: table-cell; vertical-align: middle;}
#rinfo .ibox {width: 27%; height: 100%;}
#rinfo .info {/*width: 73%;*/ padding: 2vw 10vw 0 10vw;}
#rinfo .info h3 {font-size: 1vw; font-weight: normal; text-transform: uppercase; margin: 0 0 1%;}
#rinfo .info h2 {font-size: 3.125vw; font-weight: bold; line-height: 100%; text-transform: uppercase;}
#rinfo .info h2 span {font-weight: 100;}
#rinfo .info .wbox {}
#rinfo .info .wbox .box {display: inline-block; width: 45%; vertical-align: top; margin: 0 8% 3vw 0;}
#rinfo .info .wbox .box:nth-child(2n) {margin: 0 0 3vw;}
#rinfo .info .wbox .box h4 {font-size: 18px; font-weight: bold; text-transform: uppercase; padding: 0 0 1vw; border-bottom: 1px solid #000; margin: 0 0 1vw;}
#rinfo .info .wbox .box:first-child h4 {border-bottom: none;}
#rinfo .info .wbox .box h5 {font-size: 13px; font-weight: normal; line-height: 190%; text-transform: capitalize; padding: 0 5.5% 0 0;}
#rinfo .info .wbox .box h5.ftxt {font-size: 20px; font-weight: bold;}
#rinfo .info .wbox .box:first-child h5 {font-size: 14px; line-height: 24px;}
#rinfo .info .wbox .box h5.ftxt span {display: block; font-size: 20px; font-weight: 500; line-height: 180%;}
#rinfo .info .wbox .box h5.ftxt a {display: inline-block; font-size: 14px; line-height: 220%; text-transform: uppercase; letter-spacing: 0.15em; background: #000; color: #fff; padding: 0 2vw; margin: 20% 0 2%;}
#sliders.rinfo2 {background: #000;}
.rinfo2 > div {display: block; position: relative; width: 33.3%; overflow: hidden; float: left;}
.rinfo2 > div .ibox {width: 100%; height: 100%; opacity: 0.5; transition: all 0.3s;}
.rinfo2 > div:hover .ibox {opacity: 1;}
.rinfo2 > div .tbox {position: absolute; top: 0; width: 100%; text-align: center; color: #fff; padding: 45vh 0; transition: all 0.3s;}
.rinfo2 > div:hover .tbox {color: #000;}
.rinfo2 > div .tbox h2 {font-size: 1.875vw; font-weight: bold; text-transform: uppercase; letter-spacing: -0.05em; margin: 0 0 4%;}
.rinfo2 > div .tbox h3 {font-size: 13px; font-weight: normal; line-height: 190%;}

@media screen and ( max-width: 1240px ){
	#rinfo > div {float: none;}
	#rinfo .ibox {display: none;}
	#rinfo .info {width: 100%; padding: 10%;}
}

@media ( min-width: 768px ) {
	#rinfo {height: 100%;}
	#sliders.rinfo2 {height: 100% !important;}
	.rinfo2 > div {height: 100%;}
}

@media ( max-width: 767px ) {
	#rinfo {height: 100%;}
	#rinfo .info h3 {font-size: 2.5vw;}
	#rinfo .info h2 {font-size: 5vw; margin:10px 0;}
	#rinfo .info .wbox {}
	#rinfo .info .wbox .box {width: 100%; margin: 0 0 5vw;}
	#rinfo .info .wbox .box h4 {font-size: 15px;}
	#rinfo .info .wbox .box h5 {font-size: 12px;}
	#rinfo .info .wbox .box:first-child h5 {font-size: 13px;}
	#rinfo .info .wbox .box h5.ftxt span {font-size: 15px;}
	#rinfo .info .wbox .box h5.ftxt a {font-size: 13px;}
	#sliders.rinfo2 {height: auto !important;}
	.rinfo2 > div {height: 52vh;}
	.rinfo2 > div .tbox {padding: 20vw 5vw;}
	.rinfo2 > div .tbox h2 {font-size: 2.5vw; margin: 0 0 7%;}
	.rinfo2 > div .tbox h3 {font-size: 12px;}
	.rinfo2 > div .tbox h3 br {display: none;}
}

@media ( max-width: 414px ) {
    #rinfo {}
	#rinfo .info {padding: 10% 5%;}
	#rinfo .info h3 {font-size: 4vw;}
	#rinfo .info h2 {font-size: 8vw;}
	#rinfo .info .wbox .box {margin: 0 0 10vw !important;}
	.rinfo2 > div {width: 100% !important; float: none;}
	.rinfo2 > div .tbox {padding: 39vw 10vw;}
	.rinfo2 > div .tbox h2 {font-size: 5vw; margin: 0 0 4%;}
	.rinfo2 > div .tbox h3 {font-size: 13px;}
}

/* rnav */
#rnav {}
#rnav a {display: inline-block; font-size: 14px; font-weight: normal; line-height: 27px; text-transform: capitalize; letter-spacing: 0.01em; color: #959595; padding: 0 0.2vw; margin: 0 0.3vw;}
#rnav a:first-child {font-size: 13px; line-height: 31px; letter-spacing: 0.05em; background: #000; color: #fff; padding: 0 1.6vw; margin: 0 0.4vw 0 0;}
#rnav a:hover,
#rnav a.active {color: #000; border-bottom: 1px solid #000;}

@media ( min-width: 1025px ) {
	#rnav br {display: none;}
}

@media ( max-width: 1024px ) {
	#rnav a:first-child {padding: 0 2.5vw; margin: 0 0.4vw 2% 0;}
}


/* special */
#sptit {position: absolute; right: 13%; bottom: 5%;}
#sptit h2 {font-size: 3.125vw; font-weight: bolder; text-transform: uppercase; letter-spacing: 0.05em; color: #fff; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);}
#sptit .open {display: inline-flex; width: 2.084vw; margin: 0 0 0 0.5vw; cursor: pointer;}
#sptit .open img {width: 100%; max-width: 40px;}
#spinfo {display: none; position: absolute; right: 0; bottom: 0; z-index: 100; min-width: 35%; background: #fff; padding: 5%;}
#spinfo h3 {font-size: 2.083335vw; font-weight: 200; text-transform: uppercase; letter-spacing: 0.05em; margin: 0 0 3%;}
#spinfo h4 {font-size: 14px; font-weight: normal; line-height: 24px; letter-spacing: 0.05em;}
#spinfo .close {display: inline-block; position: absolute; right: 0; bottom: 0; background: rgba(20, 33, 55, 0.1); cursor: pointer;}
#spinfo .close img {width: 100%;}

@media ( max-width: 1024px ) {
	#sptit {right: 18%; bottom: 53px;}
	#spinfo {padding: 5% 10% 5% 5%;}
}

@media ( max-width: 767px ) {
	#sptit {display: none;  position: static;}
	#spinfo {display: block; position: static; padding: 5% 5% 15%;}
	#spinfo h3 {font-size: 5vw;}
	#spinfo h4 {font-size: 12px;}
	#spinfo .close {display: none;}
}

@media ( max-width: 414px ) {
	#spinfo h3 {font-size: 6.5vw;}
}