/* Slider */
.slick-slider {display: block; position: relative; box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {display: block; position: relative; overflow: hidden; padding: 0; margin: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: pointer; cursor: hand;}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {display: block; position: relative; top: 0; left: 0; margin-left: auto; margin-right: auto;}
.slick-track:before,
.slick-track:after {content: ''; display: table;}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}

.slick-slide {display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide {float: right;}
.slick-slide img {display: block;}
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}


/* Dots */
.slick-dots {position: absolute; bottom: 5%; z-index: 10; width: 100%; min-height: 10px; list-style: none; text-align: center; padding: 0; margin: 0;}
.slick-dots li {display: inline-block; position: relative; min-width: 10px; min-height: 10px; padding: 0; margin: 0 3.5px; cursor: pointer;}
.slick-dots li button {display: block; min-width: 10px; min-height: 10px; font-size: 0; line-height: 0; background: rgba(255,255,255,0.5); color: transparent; border: none; border-radius: 50%; outline: none; cursor: pointer;}
/* .slick-dots li button:hover,
.slick-dots li button:focus {outline: none;} */
.slick-dots li button:hover,
.slick-dots li button:focus {background: #fff;}
.slick-dots li button:before {content: '??'; position: absolute; top: 0; left: 0; width: 10px; height: 10px; text-align: center; background: #fff; border-radius: 50%; opacity: 0.1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.slick-dots li.slick-active button:before {color: white; opacity: 1;}

@media screen and ( max-width: 767px ){
	.slick-dots {min-height: 7px;}
	.slick-dots li {min-width: 7px; min-height: 7px; margin: 0 2.5px;}
	.slick-dots li button {min-width: 7px; min-height: 7px;}
	.slick-dots li button:before {width: 7px; height: 7px;}
}


/* Arrows */
.slick-prev,
.slick-next {display: block; position: absolute; top: 55%; z-index: 10; width: 25px; height: 40px; font-size: 0; line-height: 0;
		background: transparent; padding: 0; border: none; margin-top: -20px; cursor: pointer;}

.slick-prev {margin-left: -20px; background: url( "/theme/basic/img/common/arr_left01.png" );
				background-position: center; background-size: cover;}
/* [dir='rtl'] .slick-prev {right: 0px; left: auto;} */
/* .slick-prev:before {content: url( "/theme/basic/img/common/arr_left01.png" );} */
/* [dir='rtl'] .slick-prev:before {content: url( "/theme/basic/img/common/arr_right01.png" );} */

.slick-next { background: url( "/theme/basic/img/common/arr_right01.png" );
					background-position: center; background-size: cover;}
/* [dir='rtl'] .slick-next {right: auto; left: 0px;} */
/* .slick-next:before {content: url( "/theme/basic/img/common/arr_right01.png" );} */
/* [dir='rtl'] .slick-next:before {content: url( "/theme/basic/img/common/arr_left01.png" );} */

@media ( max-width: 767px ) {
	.slick-prev,
	.slick-next {top: 55%; transform: scale(0.7) translateY(-50%);  display: none;;}
    .slick-prev {left: 0; margin-left: -35px;}
    .slick-next {right: 0; margin-right: -35px;}
}
@media ( max-width: 414px ) {
	.room_type .slick-arrow{ width:30px!important;; height: 70px!important;}
	.slick-prev,
	.slick-next {top: 55%; transform: scale(0.4) translateY(-50%); display: none;}
}
/* Arrows 02 */
.sp_slider .slick-prev,
.sp_slider .slick-next {top: initial;display: block; position: absolute; bottom:0; z-index: 10; width:45px; height: 70px; font-size: 0; line-height: 0; background: transparent; padding: 0; border: none; cursor: pointer;}

.sp_slider .slick-prev {right: 45px; background:rgba(0,0,0,0.5);}
.sp_slider .slick-prev:before {content: url( "/theme/basic/img/common/arr-left.png" );}
.sp_slider .slick-next {right: 0px; background:rgba(0,0,0,0.5);}
.sp_slider .slick-next:before {content: url( "/theme/basic/img/common/arr-right.png" );}
@media ( max-width: 767px ) {
	.sp_slider .slick-prev,
	.sp_slider .slick-next { transform: initial; width:30px; height:40px;} 
	.sp_slider .slick-prev {right: 30px; margin:0;left:initial;}
	.sp_slider .slick-next {right: 0px;margin:0;}
	
}
/* Arrows 03 */
.slick_console2 .slick-prev,
.slick_console2 .slick-next {display: block; position: absolute; top: 506px; right: 0; z-index: 10; width: 29px; height: 29px; font-size: 0; line-height: 0; background: rgba(255,255,255,0.7); padding: 0; border: none; cursor: pointer;}

.slick_console2 .slick-prev {left: -76px;}
[dir='rtl'] .slick_console2 .slick-prev {left: -76px;}
.slick_console2 .slick-prev:before {content: url("/theme/basic/img/common/arr_left03.jpg");}
[dir='rtl'] .slick_console .slick-prev:before {content: url("/theme/basic/img/common/arr_right03.jpg");}

.slick_console2 .slick-next {left: -47px;}
[dir='rtl'] .slick_console2 .slick-next {left: -47px;}
.slick_console2 .slick-next:before {content: url( "/theme/basic/img/common/arr_right03.jpg" );}
[dir='rtl'] .slick_console2 .slick-next:before {content: url( "/theme/basic/img/common/arr_left03.jpg" );}


.background-cover {background-position: center center; background-size: cover;}

@media ( max-width: 767px ) {
    .background-cover .slide {height: 43vh !important; transition: all 0.3s;}
    .slickvdo.background-cover .slide {height: 35vh !important; transition: all 0.3s;}
}
@media ( max-width: 414px ) {
    .background-cover .slide {height: 36vh !important; transition: all 0.3s;}
}

.background-cover2 {background-position: center center; background-size: auto;}
.background-cover2 .sslide {height:610px!important;}

@media screen and ( max-width:1000px ){
    .background-cover2 .sslide {height: 60vh !important; transition: height 0.3s;}
}

@media screen and ( max-width:767px ){
    .background-cover2 .sslide {height: 40vh !important; transition: height 0.3s;}
}

@media screen and ( max-width:414px ){
    .background-cover2 .sslide {height: 36vh !important; transition: height 0.3s;}
}

/* .background-cover2 > div {height: 700px;} */
.background-cover2b {margin-left: 30%;}

.slide {height: 100vh !important;}

@media screen and (max-width:767px){
	.slide.vdoslide {height: 65vh !important;}
}


/* Arrows4 */
.background-cover3 {background-position: center center; background-size: cover;}
.background-cover3 .slide2 {height: 650px; transition: all 0.3s;}
.background-cover3 .slick-prev,
.background-cover3 .slick-next {display: block; position: absolute; top: auto; bottom: 10%; z-index: 10; width: 75px; height: 75px; font-size: 0; line-height: 0; background-size: cover; padding: 0; border:  none; cursor: pointer;}

.background-cover3 .slick-prev {left: 0; margin: 0; background: url( "/theme/basic/img/common/arr_left02.png") rgba(0, 0, 0, 0.7); background-size: cover;}
.background-cover3 .slick-next {left: 75px; right: auto; margin: 0; background: url( "/theme/basic/img/common/arr_right02.png") rgba(255, 255, 255, 0.7); background-size: cover;}

@media ( max-width: 1000px ) {
    .background-cover3 .slide2 {height: 60vh !important;}
	.background-cover3 .slick-prev,
	.background-cover3 .slick-next {bottom: 8.8%; width: 55px; height: 55px;}
	.background-cover3 .slick-next {left: 55px;}
}

@media ( max-width: 767px ) {
    .background-cover3 .slide2 {height: 40vh !important;}
	.background-cover3 .slick-prev,
	.background-cover3 .slick-next {bottom: 12.8%; width: 40px; height: 40px; transform: scale(1);}
	.background-cover3 .slick-next {left: 40px;}
}

@media ( max-width: 414px ) {
	.background-cover3 .slick-prev,
	.background-cover3 .slick-next {bottom: 12%; width: 40px; height: 40px; transform: scale(1);}
	.background-cover3 .slick-next {left: 40px;}
}


.buttons {right: 80px; position: absolute; z-index: 10; bottom: 0 !important;}
.buttons > button {width: 35px; height: 50px; border:none; background: rgba(255,255,255,0.7); text-align: center; cursor: pointer;}
.buttons > button:hover {background: rgba(255,255,255,0.8);}
.play {display: none;}


.slick_console2 {width: 885px; height: 535px; text-align: center;}
.slick_console2 img {width: 277px; height: 535px; opacity: 1;}
.slick_console2 .slick-slide {margin: 0 27px 0 0;}
.slick_console2 .slick-center img {display: block; opacity: 1;}
.slick_console2 .slick-center div.cen {}

.slick_console2 .cont {display: inline-block; font-family: 'Nanum Gothic', sans-serif; font-size: 16px; line-height: 30px; padding: 10px 0 0; border-bottom: 1px solid #313131;}

/* mrv */
.rslider {width: 100%; max-width: 1380px; margin: 3% auto 0;}
.rslider .slick-list {padding: 1% 0 4% 0;}
.rslide { width: 480px; text-align: center; margin: 0 15px;}
.rslide .ibox {overflow: hidden;}
.rslide .ibox img {width: 100%; height: auto; transform: scale(1.0); transition: all 0.3s;}
.rslide:hover .ibox img {transform: scale(1.15); transition: all 0.3s;}
.rslide .tbox {text-align:center; bottom: 0; width: 100%; background: #e5e5e5; color:#000; padding: 5%; margin: 0; transition: all 0.3s;}
.rslide .tbox h3 {font-size: 17px; font-weight:400; margin: 0 0 0.6%;}
.rslide .tbox p {font-size: 14px; color:#777777;}
.rslide a:focus {outline: none;}

@media ( max-width: 767px ) {
    .rslider {margin: 0 auto !important;}
	.rslider .slick-dots {display: none  !important;}
}

@media ( max-width: 480px ) {
	.rslide {margin: 0 5px;}
    .rslide .tbox {padding: 7% 2%;}
    .rslide .tbox h3 {font-size: 15px; margin: 0 0 0.3%;}
	.rslide .tbox p {font-size: 13px;}
    .rslide .tbox a {font-size: 11px;}
}

/* rslider Arrows */
.rslider .slick-prev,
.rslider .slick-next {display: block; position: absolute; top: 40%; right: 0; z-index: 10; width: 57px; height: 57px; font-size: 0; line-height: 0; padding: 0; border: none; margin-top: -26.5px; cursor: pointer;}
.rslider .slick-prev {left: 15px; margin-left: 0; background: url( "/theme/basic/img/common/arr_left04.png" ) no-repeat; background-position: center center;background-color:rgba(255,255,255,0.7);}
.rslider .slick-next {right: 15px; margin-right: 0; background: url( "/theme/basic/img/common/arr_right04.png" )no-repeat;background-position: center center;background-color:rgba(255,255,255,0.7);}

@media ( max-width: 1024px ) {
    .rslider .slick-prev,
	.rslider .slick-next {display: block; !important;}
}
@media ( max-width: 767px ) {
	.rslider {100%;}
	.rslider .slick-prev,
	.rslider .slick-next {display: block; !important; width:100px; height: 100px; top: 30%;}
    .rslider .slick-prev {left: -15px;}
	.rslider .slick-next {right: -15px;}
}
@media ( max-width: 480px ) {
	.rslider .slick-prev {left: -25px;    top: 43%;}
	.rslider .slick-next {right: -25px;    top: 43%;}
}

/* rslider Dots */
.rslider .slick-dots {position: absolute; bottom: -8.5%; z-index: 10; width: 100%; min-height: 10px; list-style: none; text-align: center; padding: 0; margin: 0;}
.rslider .slick-dots li {display: inline-block; position: relative; min-width: 10px; min-height: 10px; padding: 0; margin: 0 8.5px; cursor: pointer;}
.rslider .slick-dots li button {display: block; min-width: 10px; min-height: 10px; font-size: 0; line-height: 0; background: rgba(255,255,255,0.5); color: transparent; border: none; border-radius: 50%; outline: none; cursor: pointer;}
.rslider .slick-dots li button:hover,
.rslider .slick-dots li button:focus {background: #fff;}
.rslider .slick-dots li button:before {content: '??'; position: absolute; top: 0; left: 0; width: 10px; height: 10px; text-align: center; background: #fff; border-radius: 50%; opacity: 0.1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.rslider .slick-dots li.slick-active button:before {color: white; opacity: 1;}