@charset "utf-8";

.mbr{ display: none;}

/*main banner*/
.main-bn-swip .s1{background-image:url(../img/main/image1.jpg);}
.main-bn-swip .s2{background-image:url(../img/main/image2.jpg);}
.main-bn-swip .s3{background-image:url(../img/main/image3.jpg);}
.main-bn-swip .s4{background-image:url(../img/main/image4.jpg);}
.main-bn-swip .s5{background-image:url(../img/main/image5.jpg);}
.main-bn-swip .s6{background-image:url(../img/main/image6.jpg);}
.main-bn-swip .s7{background-image:url(../img/main/image7.jpg);}
.main-bn-swip .s8{background-image:url(../img/main/image8.jpg);}
.main-bn-swip .s9{background-image:url(../img/main/image9.jpg);}
.main-bn-swip .s10{background-image:url(../img/main/image10.jpg);}
.main-bn-swip .s11{background-image:url(../img/main/image11.jpg);}
.main-bn-swip .s12{background-image:url(../img/main/image12.jpg);}
.main-bn-swip .s13{background-image:url(../img/main/image13.jpg);}
.main-bn-swip .s14{background-image:url(../img/main/image14.jpg);}
.main-bn-swip .s15{background-image:url(../img/main/image15.jpg);}

/*intro*/

.intro .intro_in{display: flex; justify-content: space-between; }
.intro .intro_in .left{width: 50%; max-width: 320px;}
.intro .intro_in .right{width: 50%; max-width: 320px;}
.intro .intro_in .left .img_con{width: 100%; position:relative; aspect-ratio:320 / 427; background:url(../img/main/image1.jpg) 50% no-repeat; background-size:cover;}
.intro .intro_in .right .img_con{width: 100%; position:relative; aspect-ratio:320 / 427; background:url(../img/main/image9.jpg) 50% no-repeat; background-size:cover;}
.intro .intro_in .center{ text-align: center; position:relative;display: flex; flex-direction: column; justify-content: center; margin:0 20px;}
.intro .intro_in .center h3{font-family: 'EBSHMJESaeronRA'; color:#333; font-size: 45px; margin-bottom: 30px;}
.intro .intro_in .center p{font-family: 'ELAND_Choice_L'; font-size: 14px; color:#888; margin-bottom: 140px;}

/*rooms*/
.rooms .bg_con{background:#384e38; width: 100%; height: 565px; position:absolute; top:0;}
.rooms .rooms_in .title_con{text-align: center; margin-bottom: 40px;}
.rooms .rooms_in .title_con h4{ font-family: 'ELAND_Choice_M'; font-size:14px; color: #888; margin-bottom: 5px;}
.rooms .rooms_in .title_con h2{ font-family: 'ELAND_Choice_M'; font-size:40px; color: #fff;}
.rooms .rooms_in .rooms_img_slide{width:100%;height:100%;}
.rooms .rooms_in .rooms_img_slide .swiper-slide{width:80%; max-width: 920px; aspect-ratio:920 / 690; background-size:cover; background-position:50% 50%; transition: all .3s ease; transform:translate3d(0,0,-370px) rotateY(0deg) scale(.8) !important;}
.rooms .rooms_in .rooms_img_slide .img1{background-image:url(../img/sub1/image9.jpg);}
.rooms .rooms_in .rooms_img_slide .img2{background-image:url(../img/sub2/image1.jpg);}
.rooms .rooms_in .rooms_img_slide .img3{background-image:url(../img/sub2/image6.jpg);}
.rooms .rooms_in .rooms_img_slide .img4{background-image:url(../img/sub2/image9.jpg);}
.rooms .rooms_in .rooms_img_slide .img5{background-image:url(../img/sub2/image11.jpg);}
.rooms .rooms_in .rooms_img_slide .img6{background-image:url(../img/sub2/image14.jpg);}
.rooms .rooms_in .rooms_img_slide .swiper-slide.swiper-slide-active{transform: rotateY(0deg) scale(1) !important;}

.rooms .rooms_in .rooms_txt_slide{width:100%;height:100%; margin: 30px auto 0; text-align: center;}
.rooms .rooms_in .rooms_txt_slide .swiper-slide{opacity:0 !important;}
.rooms .rooms_in .rooms_txt_slide .swiper-slide.swiper-slide-active{opacity:1 !important;}
.rooms .rooms_in .rooms_txt_slide .swiper-slide h5{font-size: 24px; font-family: 'ELAND_Choice_M'; margin-bottom: 24px;}
.rooms .rooms_in .rooms_txt_slide .swiper-slide p{font-size: 14px; font-family: 'ELAND_Choice_L'; color:#333; margin-bottom: 34px;}
.rooms .rooms_in .rooms_txt_slide .swiper-slide p span{ display: block; margin-bottom: 10px;}

.rooms_prev, .rooms_next{z-index:99;cursor: pointer;flex-direction: column; filter:drop-shadow(0 1px 1px rgba(0,0,0,.5));}
.rooms_prev{left:15%;color:#fff; width: 40px;}
.rooms_prev img{ display: block; width: 100%;}
.rooms_prev span{ font-size: 14px; margin-top: 5px;}
.rooms_next{right:15%; color:#fff;  width: 40px;}
.rooms_next img{ display: block; width: 100%;}
.rooms_next span{ font-size: 14px;margin-top: 5px;}

/*enjoy--팔공*/
/* .enjoy .enjoy_in .title_con{text-align: center; margin-bottom: 80px;}
.enjoy .enjoy_in .title_con h4{ font-family: 'ELAND_Choice_M'; font-size:14px; color: #888;}
.enjoy .enjoy_in .title_con h2{ font-family: 'ELAND_Choice_M'; font-size:30px; color: #333;}
.enjoy .enjoyWrap{ display: flex; justify-content: space-between; gap: 0 40px;}
.enjoyWrap .enjoyHalf{ width: 50%; }
.enjoyHalf .enjoyImgCon{ width: 100%; aspect-ratio: 4/3;}

.enjoyHalf .enjoyImgCon.joyImg1{ background: url(../img/sub3/1/image1.jpg) no-repeat center/cover;}
.enjoyHalf .enjoyImgCon.joyImg2{ background: url(../img/sub3/2/image1.jpg) no-repeat center/cover;}
.enjoyHalf .joyTxtWrap{ margin: 30px auto;}
.joyTxtWrap h5{ font-size: 24px; font-family: 'ELAND_Choice_M'; margin-bottom: 24px; }
.joyTxtWrap p{ font-size: 14px; font-family: 'ELAND_Choice_L'; color:#333; margin-bottom: 34px; } */

/*enjoy*/
.enjoy .enjoy_in .title_con{text-align: center; margin-bottom: 40px;}
.enjoy .enjoy_in .title_con h4{ font-family: 'ELAND_Choice_M'; font-size:14px; color: #888; margin-bottom: 5px;}
.enjoy .enjoy_in .title_con h2{ font-family: 'ELAND_Choice_M'; font-size:40px; color: #333;}
.enjoy .enjoy_in .enjoy_img_slide{width:100%;height:100%; position: relative;}
.enjoy .enjoy_in .enjoy_img_slide .swiper-slide{width:100%; max-width: 920px; aspect-ratio:920 / 690; background-size:cover; background-position:50% 50%; transition: all .3s ease; }
.enjoy .enjoy_in .enjoy_img_slide .swiper-slide a{display: block; width: 100%; height: 100%;}
.enjoy .enjoy_in .enjoy_img_slide .img1{background-image:url(../img/sub3/1/image1.jpg);}
.enjoy .enjoy_in .enjoy_img_slide .img2{background-image:url(../img/sub3/2/image1.jpg);}
.enjoy .enjoy_in .enjoy_img_slide .img3{background-image:url(../img/sub3/3/image1.jpg);}
.enjoy .enjoy_in .enjoy_img_slide .img4{background-image:url(../img/sub3/1/image1.jpg);}
.enjoy .enjoy_in .enjoy_img_slide .img5{background-image:url(../img/sub3/2/image1.jpg);}
.enjoy .enjoy_in .enjoy_img_slide .img6{background-image:url(../img/sub3/3/image1.jpg);}

.enjoy .enjoy_in .enjoy_txt_slide{width:100%;height:100%; margin: 30px auto 0; text-align: center; overflow: visible;}
.enjoy .enjoy_in .enjoy_txt_slide .swiper-slide{opacity:0 !important;}
.enjoy .enjoy_in .enjoy_txt_slide .swiper-slide.swiper-slide-active{opacity:1 !important;}
.enjoy .enjoy_in .enjoy_txt_slide .swiper-slide h5{font-size: 24px; font-family: 'ELAND_Choice_M'; margin-bottom: 24px;}
.enjoy .enjoy_in .enjoy_txt_slide .swiper-slide p{font-size: 14px; font-family: 'ELAND_Choice_L'; color:#333; margin-bottom: 34px;}
.enjoy .enjoy_in .enjoy_txt_slide .swiper-slide p span{ display: block; margin-bottom: 10px;}

.enjoy_prev, .enjoy_next{z-index:99;cursor: pointer;flex-direction: column; filter:drop-shadow(0 1px 1px rgba(0,0,0,.5)); opacity:1 !important; transition: all .4s ease; margin-top: 0; height: auto;}
.enjoy_prev.on, .enjoy_next.on{opacity:0;}
.enjoy_prev{left:21%;color:#fff; width: 40px;}
.enjoy_prev img{ display: block; width: 100%;}
.enjoy_prev span{ font-size: 14px; margin-top: 5px;}
.enjoy_next{right:21%; color:#fff;  width: 40px;}
.enjoy_next img{ display: block; width: 100%;}
.enjoy_next span{font-size: 14px;margin-top: 5px;}


/************************반응형****************************/
@media screen and (min-width:1px) and (max-width:1440px){

    .intro .intro_in .center p { margin-bottom: 80px; }
}
  
@media screen and (min-width:1px) and (max-width:1400px){
    .rooms_prev{left:14%; }
    .rooms_next{right:14%; }
}
  
@media screen and (min-width:1px) and (max-width:1280px){
    .rooms_prev{left:8%; }
    .rooms_next{right:8%; }
}

@media screen and (min-width:1px) and (max-width:1024px){
    .intro .intro_in{display: flex; justify-content: space-between; flex-wrap: wrap}
    .intro .intro_in .left{width: 49%; max-width:none; order:1;}
    .intro .intro_in .left .img_con { aspect-ratio: 1/1; }
    .intro .intro_in .right{width: 49%; max-width: none; order:2;}
    .intro .intro_in .right .img_con { aspect-ratio: 1/1; }
    .intro .intro_in .center{ width: 100%; margin:0 0 40px; order:0;}
    .intro .intro_in .center p{margin-bottom: 40px; font-size: 14px;}
    .intro .intro_in .center h3{font-size: 45px; margin-bottom: 30px;}
    /* .enjoy_prev{ left:21%;}
    .enjoy_next{ right:21%;} */

}
@media screen and (min-width:1px) and (max-width:768px){
    .intro .intro_in .center{ margin:0 0 60px; }
    .intro .intro_in .center p{font-size: 13px;}
    .intro .intro_in .center h3{font-size: 36px; margin-bottom: 20px;}
    
    .rooms .bg_con{background:#384e38; width: 100%; height: 100%; position:absolute; top:0;}
    .rooms .rooms_in .title_con{ margin-bottom: 24px;}
    .rooms .rooms_in .title_con h2 { font-size: 32px; }
    .rooms .rooms_in .rooms_txt_slide{ margin: 30px auto 0;}
    .rooms .rooms_in .rooms_txt_slide .swiper-slide h5{ margin-bottom: 12px;  color:#eee; }
    .rooms .rooms_in .rooms_txt_slide .swiper-slide p{ color:#ddd; margin-bottom: 34px; font-size: 13px;}
    .rooms .rooms_in .rooms_txt_slide .swiper-slide p span{ display: block; margin-bottom: 12px;}
    .rooms .rooms_in .rooms_txt_slide .swiper-slide .btn a{color:#eee;}
    .rooms .rooms_in .rooms_txt_slide .swiper-slide .btn{border: solid 1px rgba(255,255,255,.7);}
    .rooms_prev{width: 32px; left:6%;}
    .rooms_prev span{ font-size: 12px;}
    .rooms_next{width: 32px; right:6%;}
    .rooms_next span{ font-size: 12px;}

    /*enjoy--팔공*/
    /* .enjoy .enjoyWrap{ gap: 20px 0; flex-direction: column;}
    .enjoyWrap .enjoyHalf{ width: 100%;}
    .joyTxtWrap h5{ font-size: 18px; margin-bottom: 12px;}
    .enjoyHalf .joyTxtWrap{ margin: 20px auto;} */

    .enjoy_prev{ width: 32px;}
    .enjoy_next{ width: 32px;}
    .enjoy_prev span{ font-size: 12px;}
    .enjoy_next span{ font-size: 12px;}
    .enjoy .enjoy_in .title_con{margin-bottom: 30px;}
    .enjoy .enjoy_in .title_con h2 { font-size: 32px; }
    .enjoy .enjoy_in .enjoy_txt_slide .swiper-slide p { font-size: 13px; }
    .enjoy .enjoy_in .enjoy_txt_slide .swiper-slide h5 { margin-bottom: 15px; }

}
@media all and (max-width: 520px){
    .mbr{ display: block;}
    .intro .intro_in .center h3{ font-size: 28px;}
    /* .rooms .rooms_in .title_con h2 { font-size: 28px; } */

    .rooms .rooms_in .title_con h4 { margin: 0; }
    .rooms .rooms_in .rooms_img_slide .swiper-slide { width: 90%; }
    .rooms_prev { left: 1%; }
    .rooms_next { right: 1%; }

    .enjoy .enjoy_in .title_con h4 { margin: 0; }
    .enjoy_prev, .enjoy_next { display: none; }
}