@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;500&display=swap');
/* Slider */
.slick-slider{
position: relative;
display: block;
-moz-box-sizing: border-box;
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{ position: relative;
display:block;
height:90%;
overflow: hidden;
margin: 0;
padding: 0;
z-index:3
}
.slick-slide
{
display: none;
float: left;
min-height: 1px;
}


.slick-slide img
{
z-index:3 !important;
display: block;
width:100%
}

.slick-list .slick-slide{padding:10px;}
.slick-slide .divimg
{
display:block;
height:90%;
width:100%
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;z-index:5 !important;
}

.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}

.slick-prev,.slick-next{z-index:10;top:48%;font-size:0em;width:50px;height:50px;display:inline-block;text-transform:uppercase; word-wrap: break-word;position: absolute;border: 1px solid transparent;cursor: pointer;outline: none;color: transparent;background: transparent;}
.slick-prev{left:30px;background:url('../img/s_left.png')center center no-repeat;}
.slick-next{right:30px;background:url('../img/s_right.png')center center no-repeat;}

.slick-dots{z-index:3;position:absolute;bottom:1.6%;list-style:none;margin:0 auto;width: 100%;text-align:center;display:inline-block;overflow:hidden;}
.slick-dots li{display:inline-block;height:30px;width:30px;text-align:center}
.slick-dots li button{color:transparent;border-radius:50%;height:8px;width:8px;background:transparent;border:1px solid #fff;}
.slick-dots li.slick-active button{background:#fff}

.about_slide button {top: 38%;}

.mainSlide .slick-prev,.mainSlide .slick-next{z-index:10;font-size:0em;top:auto;bottom:0;width:70px;height:70px;display:inline-block;text-transform:uppercase; word-wrap: break-word;position: absolute;border: 1px solid transparent;cursor: pointer;outline: none;color: transparent;background: transparent;}
.mainSlide .slick-prev{left:auto;right:270px;background:#272727 url('../img/arr-1.png')center center no-repeat;}
.mainSlide .slick-next{right:200px;background:#009fa8 url('../img/arr-2.png')center center no-repeat;}


@media (min-width:800px) {
.mainSlide2 .slick-dots{z-index:3;position:absolute;bottom:0%;right: -150px;list-style:none;margin:0 auto;width:auto;display:block;overflow:hidden;}

.mainSlide2 .slick-dots li{display:block;height:30px;width:auto;text-align:center;margin-bottom:8px;}
.mainSlide2 .slick-dots li button{font-weight:100;font-family: 'Noto Sans KR', sans-serif;color:transparent;background:transparent;border:1px solid transparent;height:25px;width:auto;}
.mainSlide2 .slick-dots li.slick-active button{font-weight:500}
.mainSlide2 .slick-dots li:nth-child(1) button:after{content:'A동 1001';display:inline-block;color:#222}
.mainSlide2 .slick-dots li:nth-child(2) button:after{content:'A동 1002';display:inline-block;color:#222}
.mainSlide2 .slick-dots li:nth-child(3) button:after{content:'A동 1003';display:inline-block;color:#222}
.mainSlide2 .slick-dots li:nth-child(4) button:after{content:'B동 2001';display:inline-block;color:#222}
.mainSlide2 .slick-dots li:nth-child(5) button:after{content:'B동 2002';display:inline-block;color:#222}
.mainSlide2 .slick-dots li:nth-child(6) button:after{content:'B동 2003';display:inline-block;color:#222}
.mainSlide2 .slick-dots li:nth-child(7) button:after{content:'C동 3001';display:inline-block;color:#222}
.mainSlide2 .slick-dots li:nth-child(8) button:after{content:'C동 3002';display:inline-block;color:#222}
.mainSlide2 .slick-dots li:nth-child(9) button:after{content:'C동 3003';display:inline-block;color:#222}
.mainSlide2 .slick-dots li:nth-child(10) button:after{content:'독채풀빌라(해)';display:inline-block;color:#222}
.mainSlide2 .slick-dots li:nth-child(11) button:after{content:'스위트풀빌라(달)1층';display:inline-block;color:#222}
.mainSlide2 .slick-dots li:nth-child(12) button:after{content:'스위트풀빌라(별)2층';display:inline-block;color:#222}
.mainSlide2 .slick-dots li:nth-child(13) button:after{content:'Eye A 풀빌라';display:inline-block;color:#222}
.mainSlide2 .slick-dots li:nth-child(14) button:after{content:'Eye B 풀빌라';display:inline-block;color:#222}
.mainSlide2 .slick-dots li:nth-child(15) button:after{content:'Eye C 풀빌라';display:inline-block;color:#222}
}

.about_slide button {top: 31%;}

.roomdetailwrap .slick-dots{z-index:3;position:absolute;bottom:1.3%;list-style:none;margin:0 3%;width:94%;text-align:left;display:inline-block;overflow:hidden;}
.roomdetailwrap .roombottom .slick-prev,.roomdetailwrap .roombottom .slick-next{z-index:10;font-size:0em;top:auto;bottom:auto;top:32%;width:50px;height:50px;display:inline-block;text-transform:uppercase; word-wrap: break-word;position: absolute;border: 1px solid transparent;cursor: pointer;outline: none;color: transparent;background: transparent;}
.roomdetailwrap .roombottom .slick-prev{left:-50px;right:auto;background:url('../img/arr-3.png')center center no-repeat;}
.roomdetailwrap .roombottom .slick-next{right:-50px;background: url('../img/arr-4.png')center center no-repeat;}

@media (max-width:800px) {
.mainSlide .slick-prev,.mainSlide .slick-next{width:50px;height:50px;bottom:auto;top:48%}
.mainSlide .slick-prev{left:0px;right:auto;background:transparent url('../img/arr-1.png')center center no-repeat;}
.mainSlide .slick-next{right:0px;background:transparent url('../img/arr-2.png')center center no-repeat;}

.mainSlide2 .slick-dots{z-index:3;position:absolute;bottom:-18%;right:auto;list-style:none;width:100%;display:block;overflow:hidden;}
.roomdetailwrap .slick-dots{z-index:3;position:absolute;bottom:1.3%;list-style:none;margin:0 3%;width:94%;text-align:center;display:inline-block;overflow:hidden;}
}