@charset "utf-8";

/*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/image14.jpg);}
.main-bn-swip .s14{background-image:url(../img/main/image13.jpg);}

/*intro*/
.intro{display:flex;width:1400px;margin:150px auto;justify-content:space-between;}
.intro .con-tit{margin-bottom:30px;}
.intro-l{width:50%;height:490px;}
.intro-l .intro-img{width:100%;height:100%;background-image:url(../img/main/image1.jpg);background-size:cover;background-position:center center;display: inline-block;}
.intro-r{width:50%;padding:0 50px;text-align:center;}
.intro-txt{display:flex;width:100%;height:100%;padding:0px 50px;border-top:1px dashed #707070;border-bottom:1px dashed #707070; justify-content:center;align-items:center;flex-direction:column;}
.intro-txt>p{margin-bottom:30px;font-size:15px;font-weight:300;color:#a5a5a5;line-height:27px;}


/*rooms*/
.roomslst{overflow:hidden;width:100%;}
.roomslst .con-tit{margin-bottom:80px;}
.roomslst-con{position:relative;width:1400px;margin:0 auto;}
.roomslst-con .roomslst-swip-prv{position:absolute;top:50%;left:-100px;z-index:99;transform:translateY(-50%);opacity:.35;cursor: pointer;}
.roomslst-con .roomslst-swip-prv i{ font-size: 5.2em; color: #727373;}
.roomslst-con .roomslst-swip-nxt{position:absolute;top:50%;right:-100px;z-index:99;transform:translateY(-50%);opacity:.35;cursor: pointer;}
.roomslst-con .roomslst-swip-nxt i{ font-size: 5.2em; color: #727373;}
.roomslst-swip{width:100%;height:100%;}
.roomslst-swip .swiper-slide{width:100%;height:100%;}
.roomslst-swip .swiper-slide .roomslst-img{width:100%; aspect-ratio: 4/3;  background-size:cover;background-position:center center;}
.roomslst-swip .swiper-slide .roomslst-img a {display: block; width: 100%; height: 100%;}
.roomslst-swip .swiper-slide.s1 .roomslst-img{background-image:url(http://himoonp.cdn1.cafe24.com/sub2/A1/image1.jpg);}
.roomslst-swip .swiper-slide.s2 .roomslst-img{background-image:url(http://himoonp.cdn1.cafe24.com/sub2/B1/image1.jpg);}
.roomslst-swip .swiper-slide.s3 .roomslst-img{background-image:url(http://himoonp.cdn1.cafe24.com/sub2/A2/image1.jpg);}
.roomslst-swip .swiper-slide.s4 .roomslst-img{background-image:url(http://himoonp.cdn1.cafe24.com/sub2/B2/image1.jpg);}
.roomslst-txt{position:relative;width:100%;padding-top:30px;}
.roomslst-tit{margin-bottom:20px;}
.roomslst-tit>p{margin-bottom:10px;font-family: 'Josefin Sans', sans-serif;font-size:13px;font-weight:400;letter-spacing:2px;}
.roomslst-tit>h4{font-family: 'Nanum Myeongjo', serif;font-size:30px;font-weight:500;letter-spacing:3px;}
.roomslst-txt>p{margin-bottom:30px;font-size:14px;font-weight:300;line-height:27px;color:#A5A5A5;}
.roomslst-txt>p>span{display:block;}
.roomslst-txt>a{display:inline-block;width:20%;font-family: 'Josefin Sans', sans-serif;font-size:14px;font-weight:400;color:#000;letter-spacing:2px;}
.roomslst-txt>a::after{content:'';display:block;position:absolute;bottom:7px;right:0;width:79%;height:1px;border-top:1px dashed #707070;}


/*facility*/
.faclst{display:flex;width:100%;margin:150px 0;}
.faclst-l{display:flex;width:50%;padding:70px 0;align-items:center;justify-content:center; background-color:#F6F4EE;}
.faclst-l-in{display:flex;position:relative;width:100%;height:100%; justify-content: center; align-items:center;}
.faclst-l-in::before{content:'';display:block;position:absolute;top:73px;left:20%;width:49%;height:1px;border-top:1px dashed rgba(0,0,0,0.23);}
.faclst-l-in::after{content:'';display:block;position:absolute;bottom:78px;right:20%;width:49%;height:1px;border-top:1px dashed rgba(0,0,0,0.23);}
.faclst-l-in>p:first-child{position:absolute;top:70px;right:20%;color:rgba(0,0,0,0.23);font-family: 'Josefin Sans', sans-serif;font-size:14px;font-weight:400;letter-spacing:2px;}
.faclst-l-in>p:last-child{position:absolute;bottom:70px;left:20%;color:rgba(0,0,0,0.23);font-family: 'Josefin Sans', sans-serif;font-size:14px;font-weight:400;letter-spacing:2px;}
.faclst-l-in>ul{display:flex;height:200px;flex-direction:column;flex-wrap:wrap;}
.faclst-l-in>ul>li{margin:15px 20px;cursor: pointer;}
.faclst-l-in>ul>li>p{margin-bottom:10px;font-family: 'Josefin Sans', sans-serif;font-size:13px;font-weight:300;color:#000;letter-spacing:2px;}
.faclst-l-in>ul>li>h4>a{font-family: 'Nanum Myeongjo', serif;font-size:30px;font-weight:500;color:#000;}
.faclst-l-in>ul>li.active>p{font-weight:400;}
.faclst-l-in>ul>li.active>h4{font-style:italic;}

.faclst-r{width:50%;height:672px;}
.faclst-img{position:relative;width:100%;height:100%;}
.faclst-img .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center center;opacity:0;transition: .5s;}
.faclst-img .bg a{ position:absolute; width: 100%; height:100%; background:#f8f2ed; opacity:0; transition:.4s; }
.faclst-img .bg a:hover{ opacity:0.3; }
.faclst-img .tab1{background-image:url(../img/sub3/1/image1.jpg);}
.faclst-img .tab2{background-image:url(../img/sub3/2/image1.jpg);}
.faclst-img .tab3{background-image:url(../img/sub3/3/image1.jpg);}
.faclst-img .tab4{background-image:url(../img/sub3/4/image1.jpg);}
.faclst-img .bg.active{opacity:1;transition:1s;}
.faclst-img .bg.active a{opacity:1;transition:1s; z-index: 99; background: transparent;}


/*travel*/
.travel{width:1400px;margin:0 auto 200px;}
.travel .con-tit{margin-bottom:80px;}
.travel-con{position:relative;width:100%;height:474px;}
.travel-swip{width:100%;height:100%;}
.travel-swip .swiper-slide{position:relative;background-position:center center;background-size:cover;}
.travel-swip .s1{background-image:url(../img/sub6/1.jpg);}
.travel-swip .s2{background-image:url(../img/sub6/2.jpg);}
.travel-swip .s3{background-image:url(../img/sub6/3.jpg);}
.travel-swip .s4{background-image:url(../img/sub6/4.jpg);}
.travel-swip .s5{background-image:url(../img/sub6/5.jpg);}
.travel-swip .s6{background-image:url(../img/sub6/6.jpg);}
.travel-swip .s7{background-image:url(../img/sub6/10.jpg);}
.travel-swip .swiper-slide .opacity{position:absolute;bottom:0;left:0px;width:100%;height:0%;background:linear-gradient(0deg,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%); opacity:0; transition: all .5s ease-in;}
.travel-swip .swiper-slide .opacity a{font-family: 'MapoGoldenPier'; position:absolute;bottom:75px;left:20px;font-size:16px;font-weight:400;color:#fff; padding: 10px 4px;}
.travel-swip .swiper-slide .opacity p{ position: absolute; bottom: 26px;padding: 0 30px; font-size: 12px; font-weight: 400; color: #fff; line-height: 1.5em;}
.travel-swip .swiper-slide .opacity::after{content:'';display:block;position:absolute;bottom:92px;right:0px;width:66%;height:1px;border-top:1px dashed #fff;}
.travel-swip-prv{position:absolute;top:50%;left:-100px;transform:translateY(-50%);z-index:9;opacity:.35;cursor: pointer;}
.travel-swip-prv i{font-size: 5.2em; color: #999;}
.travel-swip-nxt{position:absolute;top:50%;right:-100px;transform:translateY(-50%);z-index:9;opacity:.35;cursor: pointer;}
.travel-swip-nxt i{font-size: 5.2em; color: #999;}
.travel-swip .swiper-slide.info-on .opacity{height: 100%; opacity:1;}



/*con-bn*/
.con-bn{display:flex;width:100%;height:600px;padding:80px 0;text-align:center;background:url(../img/main/image2.jpg) no-repeat; background-size: cover; background-attachment:fixed;opacity:.7;align-items:center;justify-content:center;background-position:center center;}
.con-bn-txt{width:670px;padding:75px 50px;background-color:#fff;box-shadow:0 0 20px rgba(0,0,0,0.23);}
.con-bn-txt>img{width:30px;margin-bottom:30px;}
.con-bn-txt>h4{margin-bottom:30px;font-family: 'Nanum Myeongjo', serif;font-size:30px;font-weight:400;letter-spacing:4px;}
.con-bn-txt>p{font-size:14px;font-weight:300;color:#A5A5A5;line-height:26px;}
.con-bn-txt>p>span{display:block;}




/************************반응형****************************/

  

  @media screen and (min-width:1px) and (max-width:1400px){

    .intro{width:100%;padding:0 20px;}
    .intro-r{padding:0;padding-left:20px;}

    .roomslst-con{width:100%;padding:0 20px;}
    .roomslst-con .roomslst-swip-prv{left:0;opacity:1;}
    .roomslst-con .roomslst-swip-nxt{right:0;opacity:1;}

    .faclst-l-in{padding-left:80px;}
    .faclst-l-in::before{content:'';top:73px;left:10%;}
    .faclst-l-in::after{content:'';bottom:78px;right:10%;}
    .faclst-l-in>p:first-child{right:18%;}
    .faclst-l-in>p:last-child{left:18%;}


    .travel{width:100%;padding:0 20px;}
    .travel-swip-prv i{font-size: 3.6em; color: #fff;}
    .travel-swip-nxt i{font-size: 3.6em; color: #fff;}
    .travel-swip-prv{left:10px;z-index:9;opacity:1;}
    .travel-swip-nxt{right:10px;z-index:9;opacity:1;}
    .travel-swip .swiper-slide .opacity p{ position: absolute; bottom: 26px;padding: 0 30px; font-size: 12px; font-weight: 400; color: #fff; line-height: 1.5em;}
    .travel-swip .swiper-slide .opacity::after{content:'';display:block;position:absolute;bottom:77px;right:0px;width:60%;height:1px;border-top:1px dashed #fff;}
  }
@media screen and (min-width:1px) and (max-width:1320px){
    .travel-swip .swiper-slide .opacity p{ position: absolute; bottom: 26px;padding: 0 30px; font-size: 12px; font-weight: 400; color: #fff; line-height: 1.5em;}
    .travel-swip .swiper-slide .opacity::after{content:'';display:block;position:absolute;bottom:77px;right:0px;width:66%;height:1px;border-top:1px dashed #fff;}
}
  @media screen and (min-width:1px) and (max-width:1024px){
    
    /* .intro-l .intro-img{display:none;} */
    
    .intro{flex-direction:column;}
    .intro-l{width:100%;margin-bottom:30px; aspect-ratio: 4/3;}
    .intro-r{width:calc(100% + 40px); margin-left: -20px; padding:0;}
    .intro-txt{padding:50px 20px;}
    .intro .con-tit{margin-bottom:20px;}
    .intro-txt>p{font-size:13px;line-height:23px;}

    .roomslst-swip{ width:95%; }
    .roomslst .con-tit{margin-bottom:50px;}
    /* .roomslst-swip .swiper-slide .roomslst-img{height:450px;} */
    .roomslst-con .roomslst-swip-prv{left:10px;opacity:1;}
    .roomslst-con .roomslst-swip-prv i{ font-size:3em; }
    .roomslst-con .roomslst-swip-nxt{right:10px; opacity:1;}
    .roomslst-con .roomslst-swip-nxt i{ font-size:3em; }
/*    .roomslst-con .roomslst-swip-nxt img{width: 30px; filter: invert(0%);}*/
    .roomslst-tit>p{font-size:12px;}
    .roomslst-tit>h4{font-size:25px;}
    .roomslst-txt>p{font-size:13px;line-height:25px;}
    .roomslst-txt>a{font-size:13px;width:30%;}
    .roomslst-txt>a::after{bottom:5px;width:68%;}

    .faclst{flex-direction: column;margin:120px 0;}
    .faclst-l{width:100%;padding:0;}
    .faclst-l-in{padding:50px 20px;justify-content:center;}
    .faclst-l-in>ul{width:100%;height:auto;flex-direction: row;justify-content:center;align-items:center;}
    .faclst-l-in>ul>li{margin:10px 20px;}
    .faclst-l-in>p{display:none;}
    .faclst-l-in::before, .faclst-l-in::after{display:none;}
    .faclst-l-in>ul>li>p{font-size:12px;}
    .faclst-l-in>ul>li>h4>a{font-size:20px;}
    .faclst-r{width:100%;height:450px;}

    .travel-con{height:400px;}
    .travel-swip-prv i{ font-size:2.5em; }
    .travel-swip-nxt i{ font-size:2.5em; }

    .con-bn{height:500px;}
    .con-bn-txt{width:100%;padding:50px 20px;background-color:rgba(255,255,255,.8);}
    .con-bn-txt>p{font-size:12px;color:#333;line-height:24px;}
    .con-bn-txt>h4{font-size:20px;}
    .con-bn-txt>img{width:20px;margin-bottom:20px;}

  }
@media screen and (min-width:1px) and (max-width:920px){
    .travel-swip .swiper-slide .opacity p{ position: absolute; bottom: 26px;padding: 0 24px; font-size: 12px; font-weight: 400; color: #fff; line-height: 1.5em;}
    .travel-swip .swiper-slide .opacity::after{content:'';display:block;position:absolute;bottom:75px;right:0px;width:66%;height:1px;border-top:1px dashed #fff;}
}
@media screen and (min-width:1px) and (max-width:780px){

    .intro{margin:120px auto;}
    .intro-l{height:350px;}
    .intro-txt>p{font-size:13px;line-height:1.5em;}

    .roomslst-swip .swiper-slide .roomslst-img{height:350px;}
    .roomslst-con .roomslst-swip-prv{ display:none; }
    .roomslst-con .roomslst-swip-nxt{ display:none; }


    /* .faclst-l-in>ul{width:100%;} */
    .faclst-r{height:350px;}
    .faclst-l-in>ul{ width: 70%;}
    

    .travel{margin:0 auto 120px;}
    .travel-con{height:350px;}
    .travel-swip .swiper-slide .opacity a{font-size:13px;}

    .con-bn{height:400px;}
    .con-bn-txt{padding:40px 20px;}

    .travel-swip .swiper-slide .opacity{background:linear-gradient(0deg,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%); opacity:0; transition: all .2s ease-in;}
    .travel-swip .swiper-slide .opacity a{ bottom:80px;left:10px;padding: 10px 4px;}
    .travel-swip .swiper-slide .opacity p{ bottom: 26px;padding: 0 20px;}
    .travel-swip .swiper-slide .opacity::after{content:'';display:block;position:absolute;bottom:95px;right:0px;width:60%;height:1px;border-top:1px dashed #fff;}


}
@media all and (max-width: 520px){
    .faclst-l-in>ul>li>h4>a{ font-size:17px; }
    .faclst-l-in>ul{ flex-direction: column;}
}
/* @media screen and (min-width:1px) and (max-width:428px){
    .travel-swip .swiper-slide .opacity{background:linear-gradient(0deg,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%); opacity:0; transition: all .2s ease-in;}
    .travel-swip .swiper-slide .opacity a{ bottom:80px;left:10px;padding: 10px 4px;}
    .travel-swip .swiper-slide .opacity p{ bottom: 26px;padding: 0 20px;}
    .travel-swip .swiper-slide .opacity::after{content:'';display:block;position:absolute;bottom:95px;right:0px;width:60%;height:1px;border-top:1px dashed #fff;}
} */