@charset "utf-8";

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

/*intro*/
.intro{display:flex;overflow:hidden;width:100%;margin:150px auto 100px;justify-content:center;align-items:center;}
.intro-in{position:relative;width:100%;padding:60px 0 0;text-align:center;}
.intro-in::before{content:'Welcome To Our Pension';display:inline-block;position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:-1;width:100%;font-family: 'Cormorant', serif;font-style:italic;font-size:70px;font-weight:500;opacity:.3;color:#786f6a;}
.intro-img{position:relative;z-index:9;width:418px;height:418px;margin:0 auto 50px;border-radius:50%;background-color:#fff;box-shadow:0 0 20px rgba(0,0,0,0.1);}
.intro-img-bg{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);overflow:hidden;width:376px;height:376px;border-radius:50%;}
.intro-img-bg .bg{border-radius:50%;background-image:url(../img/sub1/image4.jpg);}
.intro-img::after{content:url(../img/deco2.png);display:block;position:absolute;right:-50px;bottom:-30px;}
.intro-txt{width:100%;padding:20px 0;text-align:center;}
.intro-txt>p{margin-bottom:30px;font-size:15px;font-weight:400;color:#707070;line-height:26px;}
.intro-txt>p>span{display:block;}
.intro-txt>.btn-more{margin:0 auto;}


/*roomlst*/
.roomlst{display:flex;position:relative;width:100%;justify-content:space-between;align-items:center;}
.roomlst-con-page{position:absolute;top:0px;right:50px;left:auto !important;bottom:auto !important;width:100px !important;}
.roomlst-con-page .swiper-pagination-bullet{width:30px;height:30px;margin-right:20px !important;background-color:transparent;}
.roomlst-con-page .swiper-pagination-bullet::after{content:'';font-family: 'Noto Serif KR', serif;font-size:15px;color:#b1a99d;}
.roomlst-con-page .swiper-pagination-bullet:last-child{margin-right:0px !important;}
.roomlst-con-page .swiper-pagination-bullet-active{position:relative;opacity:1;background-color:transparent;}
.roomlst-con-page .swiper-pagination-bullet:nth-child(1)::after{content:'본채';}
.roomlst-con-page .swiper-pagination-bullet:nth-child(2)::after{content:'별채';}
.roomlst-img-swip{width:100%;height:100%;}
.roomlst-img-swip .swiper-slide{width:100% !important;height:100% !important;background-size:cover;background-position:center center;}
.roomlst-con-l{width:607px;height:802px;}
.roomlst-con-l .roomlst-img-swip .s1{background-image:url(http://gommemory.cdn1.cafe24.com/sub2/1/image1.jpg);}
.roomlst-con-l .roomlst-img-swip .s2{background-image:url(http://gommemory.cdn1.cafe24.com/sub2/2/image1.jpg);}
.roomlst-con-r{width:calc(100% - 607px);background-color:#F9F9F9;}
.roomlst-con-r-in{display:flex;width:100%;height:696px;padding-right:158px;align-items:center;}
.roomlst-con-txt{width:calc(100% - 537px);}
.roomlst-txt-swip{width:100%;height:100%;}
.roomlst-txt-swip .swiper-slide{width:100%;height:100%;}
.roomlst-con-txtbx{width:100%;text-align:center;}
.roomlst-con-txtbx .con-tit>h3{font-family: 'Noto Serif KR', serif;}
.roomlst-con-txtbx>p{margin:30px 0 60px;font-size:15px;font-weight:400;color:#707070;line-height:26px;}
.roomlst-con-txtbx>p>span{display:block;}
.roomlst-con-txtbx>button{width:188px;height:50px;background-color:transparent;border:1px solid #707070;font-family: 'Jost', sans-serif;font-size:16px;font-weight:400;color:#707070;letter-spacing:2px;}
.roomlst-con-txtbx>button:hover{background-color:#786f6a;color:#fff;}
.roomlst-con-img2{width:537px;height:542px;}
.roomlst-con-r .roomlst-img-swip .s1{background-image:url(http://gommemory.cdn1.cafe24.com/sub2/1/image2.jpg);}
.roomlst-con-r .roomlst-img-swip .s2{background-image:url(http://gommemory.cdn1.cafe24.com/sub2/2/image2.jpg);}



/*facility*/
.faclst{position:relative;overflow:visible;width:100%;margin:100px 0;}
.faclst::after{content:url(../img/deco7.png);position:absolute;bottom:-50px;right:10%;animation:rotation 10s infinite linear;}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.faclst .con-tit{margin-bottom:60px;text-align:center;}
.faclst-con{display:flex;width:1400px;margin:0 auto;align-items:center;}
.faclst-con-l{width:50%;}
.faclst-con-l>ul>li{margin-bottom:40px;cursor: pointer;}
.faclst-con-l>ul>li:last-child{margin-bottom:0;}
.faclst-con-l>ul>li h4{position:relative;width:auto;margin-bottom:15px;font-family: 'Cormorant Upright', serif;font-size:25px;font-weight:600;color:#C5C5C5;}
.faclst-con-l>ul>li p{display:flex;color:#C5C5C5;align-items:center;}
.faclst-con-l>ul>li p span{display:block;}
.faclst-con-l>ul>li p span a{color:#C5C5C5;}
.faclst-con-l>ul>li p span:nth-child(1){margin-right:15px;font-family: 'Noto Sans KR', sans-serif;font-size:15px;font-weight:300;}
.faclst-con-l>ul>li p span:nth-child(2){width:200px;height:1px;margin-right:15px;border-top:1px dashed #c5c5c5;transition:.5s;}
.faclst-con-l>ul>li p span:nth-child(3){font-family: 'Cormorant Upright', serif;font-size:20px;font-weight:500;color:#c5c5c5;cursor:pointer;}
.faclst-con-r{width:670px;height:600px;}
.faclst-con-r .faclst-img{position:relative;width:100%;height:100%;}
.faclst-con-r .faclst-img .bg{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center center;transition:.5s;}
.faclst-con-r .faclst-img .bg:nth-child(1){background-image:url(../img/sub3/1/image1.jpg);}
.faclst-con-r .faclst-img .bg:nth-child(2){background-image:url(../img/sub3/2/image1.jpg);}
.faclst-con-r .faclst-img .bg:nth-child(3){background-image:url(../img/sub3/3/image1.jpg);}
.faclst-con-r .faclst-img .bg:nth-child(4){background-image:url(../img/sub3/4/image1.jpg);}

.faclst-con-l>ul>li.active h4{color:#2b2b2b;}
.faclst-con-l>ul>li.active h4::after{content:url(../img/deco6.png);margin-left:12px;transition:.5s;}
.faclst-con-l>ul>li.active p{color:#2b2b2b;}
.faclst-con-l>ul>li.active p span:nth-child(1){color:#2b2b2b;}
.faclst-con-l>ul>li.active p span:nth-child(2){width:250px;border-top:1px dashed #2b2b2b;transition:.7s;}
.faclst-con-l>ul>li.active p span:nth-child(3){color:#2b2b2b;}
.faclst-con-l>ul>li.active p span a{color:#2b2b2b;}
.faclst-con-r .faclst-img .bg.active{opacity:1;transition:.5s;}
.faclst-img .bg>a{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:80px;height:80px;border-radius:50%;background-color:rgba(255,255,255,0.5);text-align:center;line-height:80px;font-family: 'Cormorant', serif;font-size:15px;font-weight:600;color:#000;}

/*travel*/
.travel{width:100%;padding:120px 0 120px 260px;background-color:#F9F9F9;}
.travel-swip-nxt, .travel-swip-prv{display:none;}
.travel-con{display:flex;width:100%;justify-content:space-between;align-items:center;}
.travel-con-l{width:40%;}
.travel-con-l .con-tit{margin-bottom:30px;}
.travel-con-l>p{margin-bottom:30px;font-size:15px;font-weight:400;color:#707070;line-height:24px;}
.travel-con-l>p>span{display:block;}
.travel-con-r{width:60%;height:453px;}
.travel-swip{width:100%;height:100%;}
.travel-swip .swiper-slide{position:relative;width:400px;height:100%;}
.travel-swip .swiper-slide .bg{width:100%;height:100%;background-size:cover;background-position:center center;}
.travel-swip .s1 .bg{background-image:url(../img/sub4/image1.jpg);}
.travel-swip .s2 .bg{background-image:url(../img/sub4/image2.jpg);}
.travel-swip .s3 .bg{background-image:url(../img/sub4/image3.jpg);}
.travel-swip .s4 .bg{background-image:url(../img/sub4/image4.jpg);}
.travel-swip .s5 .bg{background-image:url(../img/sub4/image5.jpg);}
.travel-swip .s6 .bg{background-image:url(../img/sub4/image6.jpg);}
.travel-swip .s7 .bg{background-image:url(../img/sub4/image7.jpg);}
.travel-swip .s8 .bg{background-image:url(../img/sub4/image8.jpg);}
.travel-swip .s9 .bg{background-image:url(../img/sub4/image9.jpg);}
.travel-swip .s10 .bg{background-image:url(../img/sub4/image10.jpg);}
.travel-swip .s11 .bg{background-image:url(../img/sub4/image11.jpg);}
.travel-swip .s12 .bg{background-image:url(../img/sub4/image12.jpg);}
.travel-swip .s13 .bg{background-image:url(../img/sub4/image13.jpg);}

.travel-con-txt{display:flex;position:absolute;top:20px;left:20px;width:calc(100% - 40px);height:calc(100% - 40px);background-color:rgba(255,255,255,0.53);align-items:center;justify-content:center;text-align:center;flex-direction:column;transform:scale(0);transition:.5s;}
.travel-con-txt>h4{margin-bottom:20px;font-family: 'Noto Serif KR', serif;font-size:25px;font-weight:600;}
.travel-con-txt>p{font-size:14px;font-weight:500;}
.travel-swip .swiper-slide:hover .travel-con-txt{transform:scale(1);transition:.7s;}

/*etc*/
.etc{overflow:hidden;width:100%;padding:150px 0;}
.etc .con-tit{margin-bottom:80px;text-align:center;}
.etc-con{display:flex;width:1400px;margin:0 auto;justify-content:space-between;}
.etc-img-line{display:flex;height:577px;flex-direction:column;justify-content:space-between;}
.etc-img-line:nth-child(1){width:50%;}
.etc-img-line:nth-child(2), .etc-img-line:nth-child(3){width:23%;}
.etc-imgbx{overflow:hidden;width:100%;}
.etc-img-line:nth-child(1) .etc-imgbx{height:100%;}
.etc-img-line:nth-child(2) .etc-imgbx:nth-child(1){height:65%;}
.etc-img-line:nth-child(2) .etc-imgbx:nth-child(2){height:30%;}
.etc-img-line:nth-child(3) .etc-imgbx:nth-child(1){height:30%;}
.etc-img-line:nth-child(3) .etc-imgbx:nth-child(2){height:65%;}
.etc-imgbx .bg{width:100%;height:100%;background-size:cover;background-position:center center;transition:.5s;}
.etc-img-line:nth-child(1) .etc-imgbx .bg{background-image:url(../img/sub1/image6.jpg);background-position:center right;}
.etc-img-line:nth-child(2) .etc-imgbx:nth-child(1) .bg{background-image:url(http://gommemory.cdn1.cafe24.com/sub2/1/image4.jpg);background-position:center center;}
.etc-img-line:nth-child(2) .etc-imgbx:nth-child(2) .bg{background-image:url(../img/sub3/2/image2.jpg);background-position:center center;}
.etc-img-line:nth-child(3) .etc-imgbx:nth-child(1) .bg{background-image:url(../img/sub3/1/image4.jpg);background-position:bottom right;}
.etc-img-line:nth-child(3) .etc-imgbx:nth-child(2) .bg{background-image:url(http://gommemory.cdn1.cafe24.com/sub2/2/image3.jpg);background-position:90% 100%;}
.etc-imgbx:hover .bg{transform:scale(1.06);transition:.5s;}

/*con-bn*/
.con-bn{display:flex;width:100%;height:400px;background-color:#786f6a;justify-content:center;align-items:center;}
.con-bn-txt{text-align:center;}
.con-bn-txt>img{margin-bottom:15px;}
.con-bn-txt>p{margin-bottom:30px;font-family: 'Jost', sans-serif;font-size:14px;font-weight:300;line-height:23px;color:#fff;}
.con-bn-txt>p span{display:block;}
.con-bn-txt>h4{font-family: 'Noto Serif KR', serif;font-size:30px;font-weight:600;color:#fff;}


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

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

    /*roomlst*/
    .roomlst-con-page{right:20px;}
    .roomlst-con-l{width:35%;}
    .roomlst-con-r{width:70%;}
    .roomlst-con-r-in{padding-right:20px;justify-content:space-between;}
    .roomlst-con-img2{width:45%;}
    .roomlst-con-txt{width:55%;}

    /*facility*/
    .faclst::after{content:url(../img/deco7.png);right:20px;}

  }

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

    /*roomlst*/
    .roomlst-con-page .swiper-pagination-bullet{margin-right:15px;}
    .roomlst-con-page .swiper-pagination-bullet-active::after{content:'';width:20px;height:20px;}
    .roomlst-con-l{height:700px;}
    .roomlst-con-r-in{height:600px;}
    .roomlst-con-img2{height:450px;}
    
    /*facility*/
    .faclst-con{width:100%;padding:0 20px;}
    /* .fac::after{content:'';position:absolute;bottom:-50px;right:0px;width:250px;height:250px;background-image:url(../img/deco7.png);background-size:100%;} */
    .faclst-con-r{width:49%;height:550px;}
    .faclst-con-l>ul>li p span:nth-child(2){width:30%;}
    .faclst-con-l>ul>li.active p span:nth-child(2){width:35%;}

    /*travel*/
    .travel{padding:120px 0px 120px 20px;}

    /*etc*/
    .etc{padding:150px 20px;}
    .etc-con{width:100%;}


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

  

    /*intro*/
    .intro{margin:100px auto;}
    .intro-in::before{content:'Welcome To Denbasta';top:10px;font-size:70px;}
    .intro-img{width:350px;height:350px;margin:0 auto 40px;}
    .intro-img-bg{width:320px;height:320px;}
    .intro-txt>p{font-size:14px;line-height:24px;}
    .intro-txt>p>span{display:block;}
    .intro-txt>.btn-more{margin:0 auto;}
  
    /*roomlst*/
    .roomlst{padding:80px 20px;flex-direction:column;align-items:flex-start;background-color:#F3EEE7;}
    .roomlst-con-page{position:static;top:auto;right:auto;width:auto !important;;margin:0 auto 50px;}
    .roomlst-con-page .swiper-pagination-bullet{width:10px;height:10px;border:1px solid #beb8ac;margin-right:15px !important;opacity:.5;}
    .roomlst-con-page .swiper-pagination-bullet-active{border:none;background-color:#beb8ac;}
    .roomlst-con-page .swiper-pagination-bullet::after{display:none;}
    .roomlst-con-l{display:none;}
    .roomlst-con-r{width:100%;background-color:#F3EEE7;}
    .roomlst-con-r-in{display:flex;width:100%;height:auto;padding:0px;align-items:center;flex-direction:column;}
    .roomlst-con-txt{width:100%;margin-bottom:50px;}
    .roomlst-con-txtbx>p{font-size:13px;line-height:23px;}
    .roomlst-con-img2{width:100%;height:450px;}

    /*facility*/
    .faclst::after{content:'';display:none;}
    .faclst-con{flex-direction:column;}
    .faclst-con-l{width:100%;margin-bottom:50px;}
    .faclst-con-l>ul>li{display:flex;text-align:center;flex-direction:row;align-items:center;justify-content:center;margin-bottom:30px;}
    .faclst-con-l>ul>li h4{margin-right:20px;margin-bottom:0px;font-size:20px;}
    .faclst-con-l>ul>li p{justify-content: center;}
    .faclst-con-l>ul>li p span:nth-child(1){font-size:13px;}
    .faclst-con-l>ul>li p span:nth-child(2){width:50px;}
    .faclst-con-l>ul>li p span:nth-child(3){font-size:15px;}
    .faclst-con-r{width:100%;height:450px;}
    .faclst-con-l>ul>li.active h4::before{content:''url(../img/deco6.png)'';margin-right:7px;transition:.5s;}
    .faclst-con-l>ul>li.active h4::after{content:'';display:none;margin-left:0;transition:0;}
    .faclst-con-l>ul>li.active p span:nth-child(2){width:80px;}

    /*travel*/
    .travel{padding:100px 20px;}
    .travel-con{flex-direction:column;}
    .travel-con-l{width:100%;margin-bottom:50px;text-align:center;}
    .travel-con-l .btn-more{margin:0 auto;}
    .travel-con-l>p{font-size:13px;line-height:22px;}
    .travel-con-r{position:relative;width:100%;height:400px;}
    .travel-swip .swiper-slide{width:auto;}
    .travel-swip-prv{display:block;position:absolute;top:50%;left:0;z-index:9;transform:translateY(-50%);cursor: pointer;}
    .travel-swip-nxt{display:block;position:absolute;top:50%;right:0;z-index:9;transform:translateY(-50%);cursor: pointer;}
    .travel-con-txt{top:15px;left:15px;width:calc(100% - 30px);height:calc(100% - 30px);}
    .travel-con-txt>h4{font-size:20px;}
    .travel-con-txt>p{font-size:13px;}

    /*etc*/
    .etc-img-line{height:500px;}

    /*con-bn*/
    .con-bn{height:350px;}
    .con-bn-txt>img{width:30px;}
    .con-bn-txt>p{font-size:12px;line-height:21px;}
    .con-bn-txt>h4{font-size:23px;}

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

    /* .main-bn-swip .s1{background-image:url(../img/main/slides/m/image1.jpg);}
    .main-bn-swip .s2{background-image:url(../img/main/slides/m/image2.jpg);}
    .main-bn-swip .s3{background-image:url(../img/main/slides/m/image3.jpg);background-position:center center;}
    .main-bn-swip .s4{background-image:url(../img/main/slides/m/image4.jpg);}
    .main-bn-swip .s5{background-image:url(../img/main/slides/m/image5.jpg);}
    .main-bn-swip .s6{background-image:url(../img/main/slides/m/image6.jpg);}
    .main-bn-swip .s7{background-image:url(../img/main/slides/m/image7.jpg);}
    .main-bn-swip .s8{background-image:url(../img/main/slides/m/image8.jpg);background-position:center right;}
    .main-bn-swip .s9{background-image:url(../img/main/slides/m/image9.jpg);}
    .main-bn-swip .s10{background-image:url(../img/main/slides/m/image10.jpg);} */

    /*intro*/
    .intro{margin:100px auto 70px;padding:0 20px;}
    .intro-in{position:relative;width:100%;padding:25px 0 0;text-align:center;}
    .intro-in::before{content:'Welcome To Denbasta';top:0;font-size:38px;}
    .intro-img{width:250px;height:250px;margin-bottom:20px;}
    .intro-img-bg{width:230px;height:230px;}
    .intro-img::after{content:url(../img/deco2-m.png);right:-20px;bottom:-10px;}
    .intro-txt>p{margin-bottom:30px;font-size:13px;line-height:23px;}
    
    /*roomlst*/
    .roomlst-con-txtbx>button{width:150px;height:40px;font-size:13px;font-weight:400;letter-spacing:2px;}
    .roomlst-con-img2{height:350px;}

    /*facility*/
    .faclst .con-tit{margin-bottom:40px;}
    .faclst-con-l>ul>li{margin-bottom:20px;}
    .faclst-con-l>ul>li h4{margin-right:10px;font-size:15px;}
    .faclst-con-l>ul>li p span:nth-child(1){font-size:13px;}
    .faclst-con-l>ul>li p span:nth-child(2){display:none;}
    .faclst-con-l>ul>li p span:nth-child(3){display:none;}
    .faclst-con-l>ul>li.active h4::before{content:''url(../img/deco6-m.png)'';margin-right:5px;transition:.5s;}
    .faclst-con-r{height:300px;}
    .faclst-img .bg.active>a{display:block;z-index:99;}



    /*travel*/
    .travel-con-r{height:350px;}
    .travel-con-txt>h4{font-size:17px;}
    .travel-con-txt>p{font-size:12px;}
    .travel-swip-prv img{width:30px;}
    .travel-swip-nxt img{width:30px;}
    .travel-swip-nxt{display:block;position:absolute;top:50%;right:0;z-index:9;transform:translateY(-50%);}

    /*etc*/
    .etc{padding:100px 20px;}
    .etc .con-tit{margin-bottom:50px;}
    .etc-con{flex-direction:column;}
    .etc-img-line{height:200px;flex-direction:row;}
    .etc-img-line:nth-child(1){width:100%;margin-bottom:20px;}
    .etc-img-line:nth-child(2){margin-bottom:20px;}
    .etc-img-line:nth-child(2), .etc-img-line:nth-child(3){width:100%;}
    .etc-img-line:nth-child(2) .etc-imgbx:nth-child(1){width:55%;height:100%;}
    .etc-img-line:nth-child(2) .etc-imgbx:nth-child(2){width:42%;height:100%;}
    .etc-img-line:nth-child(3) .etc-imgbx:nth-child(1){width:42%;height:100%;}
    .etc-img-line:nth-child(3) .etc-imgbx:nth-child(2){width:55%;height:100%;}

    /*con-bn*/
    .con-bn{height:300px;padding:0 20px;}
    .con-bn-txt>img{width:70px;}
    .con-bn-txt>p{font-size:10px;line-height:19px;}
    .con-bn-txt>h4{font-size:17px;}
  }

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

    .intro{padding:0 30px;}
    .intro-txt>p>span{display:inline;}
    .con-bn-txt>p span{display:inline;}
    

  }