@charset "utf-8";

/*abouts*/
#about{ width:100%; margin-top: 120px;}
#about .about-wrap{ width:100%; margin: 0 auto; }
#about .about-wrap .about-tit{ position:relative; top:0px; left:50%; transform:translate(-50%); display:inline-block; }
#about .about-wrap .about-tit::after{ content:''; display:block; height:2px; background-color:#f08e65; }
#about .about-wrap .about-tit h1{ font-family: 'Cormorant Garamond', serif; font-weight: 400; text-align:center; padding:0 40px 10px; font-size: 28px; color: #221e1f; display: inline-block;}
#about .about-wrap .about-tit h1 span{ font-family: 'Cormorant Garamond', serif; font-weight: 400; text-align:center; font-size: 1.6em; color: #221e1f; display: inline-block;}

#about .about-wrap .about-txt{ margin-top:60px; }
#about .about-wrap .about-txt p{ text-align:center; font-size: 14px; font-family:"Pretendard"; line-height: 1.5em; color: #746a69;}

#about .about-wrap .about-img{ width:1100px; aspect-ratio: 16/9; clip-path: polygon(0% 0%, calc(100% - 134px) 0, 100% 90px, 100% 100%, 0% 100%); margin: 80px auto; background: url(../img/sub1/image13.jpg) no-repeat center/cover;}

#about .about-wrap .about-logo{ margin: 60px auto 0; }
#about .about-wrap .about-logo p{ text-align:center; font-size: 100px; color:#6c6c6c; font-family: 'Allura', cursive; opacity:0.5; }

/*rooms*/
#rooms{ width:100%; margin-top:120px; }
#rooms .rooms-wrap{ width:100%; margin:0 auto; }

#rooms .rooms-wrap .rooms-tit{ width:100%; height:400px; background-color: #fafafa; position: relative;}
#rooms .rooms-wrap .rooms-tit .title{ position:relative; top:0px; left:50%; transform:translate(-50%); display:inline-block; margin-top: 150px;}
#rooms .rooms-wrap .rooms-tit .title::after{ content:''; display:block; height:2px; background-color:#f08e65; }
#rooms .rooms-wrap .rooms-tit .title h1{ font-family: 'Cormorant Garamond', serif; font-weight: 400; text-align:center; padding:0 40px 10px; font-size: 36px; color: #221e1f; display: inline-block;}
#rooms .rooms-wrap .rooms-tit .tit-p{ position:relative; top:0px; left:50%; transform:translate(-50%); display:block; margin-top: 30px;}
#rooms .rooms-wrap .rooms-tit .tit-p p{ text-align: center; font-size: 14px; font-family:"Pretendard"; line-height: 1.5em; color: #746a69; }

#rooms .rooms-wrap .rooms-lst{ margin-top:30px; margin-bottom: 120px;}
#rooms .rooms-wrap .rooms-lst .room{ width:100%; display:flex;justify-content:center; position: relative;}
#rooms .rooms-wrap .rooms-lst .room .room-img{ width:60%; aspect-ratio: 16 / 9; clip-path: polygon(0% 0%, calc(100% - 134px) 0, 100% 90px, 100% 100%, 0% 100%);  }
#rooms .rooms-wrap .rooms-lst .room .room-img .room1{ width:100%; height:100%; display: block;}
#rooms .rooms-wrap .rooms-lst .room .room-img .room1 .img1{ background: url(../img/sub2/1/image1.jpg) no-repeat; background-size: cover; background-position: center;}
#rooms .rooms-wrap .rooms-lst .room .room-img .room1 .img2{ background: url(../img/sub2/1/image2.jpg) no-repeat; background-size: cover; background-position: center;}
#rooms .rooms-wrap .rooms-lst .room .room-img .room1 .img3{ background: url(../img/sub2/1/image3.jpg) no-repeat; background-size: cover; background-position: center;}
.swiper-pagination-bullet-active{ background-color:#f08e65 !important; }

#rooms .rooms-wrap .rooms-lst .room .room-txt{ width:40%; margin: auto;}
#rooms .rooms-wrap .rooms-lst .room .room-txt h2{ text-align:center; font-family: 'Cormorant Garamond', serif; font-size:24px; font-weight: 500; transform:translateY(-50%); }
#rooms .rooms-wrap .rooms-lst .room .room-txt p{ text-align:center; font-family:"Pretendard"; font-size: 14px; line-height: 1.5em; color: #8a8a82;}
#rooms .rooms-wrap .rooms-lst .room .room-txt p:nth-of-type(1){ color:#f08e65; }
#rooms .rooms-wrap .rooms-lst .room .room-txt .room-btn{ width:150px; height:50px; margin: 20px auto 0; }
#rooms .rooms-wrap .rooms-lst .room .room-txt .room-btn::before{ content: ''; display: block; width:15px; height:1px; background-color: #f08e65; }
#rooms .rooms-wrap .rooms-lst .room .room-txt .room-btn a{ display:block; width:100%; height:100%;  text-align: center; font-size: 14px; font-weight: 300;}
#rooms .rooms-wrap .rooms-lst .room .room-txt .room-btn a::before{ content: ''; display:block; width:1px; height:15px; background-color:#f08e65; }
#rooms .rooms-wrap .rooms-lst .room .room-txt .room-btn::after{ content: ''; display: block; width:15px; height:1px; background-color: #f08e65; float: right;}
#rooms .rooms-wrap .rooms-lst .room .room-txt .room-btn a::after{ content: ''; display:block; width:1px; height:15px; background-color:#f08e65; float: right; margin-top: 20px;}

#rooms .rooms-wrap .rooms-lst .room:nth-child(2){ flex-direction:row-reverse; margin-top:30px; }
#rooms .rooms-wrap .rooms-lst .room:nth-child(2) .room-img .room2 { height: 100%;}
#rooms .rooms-wrap .rooms-lst .room:nth-child(2) .room-img .room2 .img1{ background: url(../img/sub2/2/image1.jpg) no-repeat; background-size: cover; background-position: center;}
#rooms .rooms-wrap .rooms-lst .room:nth-child(2) .room-img .room2 .img2{ background: url(../img/sub2/2/image2.jpg) no-repeat; background-size: cover; background-position: center;}
#rooms .rooms-wrap .rooms-lst .room:nth-child(2) .room-img .room2 .img3{ background: url(../img/sub2/2/image3.jpg) no-repeat; background-size: cover; background-position: center;}

#rooms .rooms-wrap .rooms-lst .room:nth-of-type(3){ margin-top:30px; }
#rooms .rooms-wrap .rooms-lst .room:nth-of-type(3) .room-img .room3{ height: 100%;}
#rooms .rooms-wrap .rooms-lst .room:nth-of-type(3) .room-img .room3 .img1{ background: url(../img/sub2/3/image1.jpg) no-repeat; background-size: cover; background-position: center;}
#rooms .rooms-wrap .rooms-lst .room:nth-of-type(3) .room-img .room3 .img2{ background: url(../img/sub2/3/image2.jpg) no-repeat; background-size: cover; background-position: center;}
#rooms .rooms-wrap .rooms-lst .room:nth-of-type(3) .room-img .room3 .img3{ background: url(../img/sub2/3/image3.jpg) no-repeat; background-size: cover; background-position: center;}

/*facility*/
#contents_02.section_02{ margin-bottom:120px; }
#contents_02.section_02 .width_con .fac-tit{ width:100%; height:400px; background-color: #fafafa; position: relative; margin-bottom: 20px;}
#contents_02.section_02 .width_con .fac-tit .title{ position:relative; top:0px; left:50%; transform:translate(-50%); display:inline-block; margin-top: 150px;}
#contents_02.section_02 .width_con .fac-tit .title::after{ content:''; display:block; height:2px; background-color:#f08e65; }
#contents_02.section_02 .width_con .fac-tit .title h1{ font-family: 'Cormorant Garamond', serif; font-weight: 400; text-align:center; padding:0 40px 10px; font-size: 36px; color: #221e1f; display: inline-block;}
#contents_02.section_02 .width_con .fac-tit .tit-p{ position:relative; top:0px; left:50%; transform:translate(-50%); display:block; margin-top: 30px;}
#contents_02.section_02 .width_con .fac-tit .tit-p p{ text-align: center; font-size: 14px; font-family:"Pretendard"; line-height: 1.5em; color: #746a69; }

#sub3_swiper{width: 100%; position: relative; z-index:1; }
#sub3_swiper .sub3_img_swiper{width: 100%; display: block; height: 540px; z-index: 1;}
#sub3_swiper .sub3_img_swiper .swiper-slide a{ display: block; width: 100%; height: 100%;}
#sub3_swiper .sub3_img_swiper .swiper-slide.img1{ background:url(../img/sub3/1/image1.jpg); background-size:cover; background-position:center; display:block; }
#sub3_swiper .sub3_img_swiper .swiper-slide.img2{ background:url(../img/sub3/2/image1.jpg); background-size:cover; background-position:center; display:block; }
#sub3_swiper .sub3_img_swiper .swiper-slide.img3{ background:url(../img/sub3/3/image1.jpg); background-size:cover; background-position:center; display:block; }
#sub3_swiper .sub3_img_swiper .swiper-slide.img4{ background:url(../img/sub3/4/image1.jpg); background-size:cover; background-position:center; display:block; }
#sub3_swiper .sub3_img_swiper .swiper-slide.img5{ background:url(../img/sub3/5/image1.jpg); background-size:cover; background-position:center; display:block; }
#sub3_swiper .sub3_img_swiper .swiper-slide-active{ clip-path: polygon(0% 0%, calc(100% - 134px) 0, 100% 90px, 100% 100%, 0% 100%);}

#sub3_swiper .sub3_text_swiper{margin-top: 40px;}
#sub3_swiper .sub3_text_swiper .swiper-slide h2{letter-spacing: 2px; text-transform: uppercase; margin-bottom: 50px; font-size: 30px; font-family: 'Cormorant Garamond', serif; text-align: center;}
#sub3_swiper .sub3_text_swiper .swiper-slide h2::after{ content:''; display:block; width:calc(100% - 1300px); height:1px; background-color:#f08e65; margin: 0 auto; position: relative; bottom: -14px;}
#sub3_swiper .sub3_text_swiper .swiper-slide h4{color: #888; line-height: 1.5em;  text-align: center;}
#sub3_swiper .sub3_text_swiper .swiper-arrow .sub3_next, #sub3_swiper .sub3_text_swiper .swiper-arrow .sub3_prev{ position: absolute; font-size: 20px; pointer-events: auto; cursor: pointer; top:-20px;}
#sub3_swiper .sub3_text_swiper .swiper-arrow .sub3_next{ right: 0;}
#sub3_swiper .sub3_text_swiper .swiper-arrow .sub3_prev{ left: 0; }
        

.swiper-pagination{position: relative !important; width: 100%; height: 50px; bottom:30px !important;}
.swiper-pagination .swiper-pagination-bullet{width: 6px; height: 6px; margin:0 6px !important;}
.swiper-pagination .swiper-pagination-bullet-active{background:#f08e65 !important;}
.swiper-arrow{position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); width: 54%; z-index: 99;}

/*banner*/
#contents_03 .width_con{height: 560px; background:url(../img/main/image3.jpg) 50% no-repeat; background-size: cover; margin:0 auto; padding-left:0; padding-right:0; width: 100%;}
#contents_03 .width_con .about-logo{ margin: 0 auto; position: relative;top: 50%; left: 120px; transform: translateY(-50%); display: inline-block;}
#contents_03 .width_con .about-logo p{ text-align:left; font-size: 100px; color:#fff; font-family: 'Allura', cursive; text-shadow: 5px 5px 5px #333;}
#contents_03 .width_con .about-logo p:nth-of-type(2){ text-align:left; font-size: 20px; color:#fff; font-family:"Pretendard"; letter-spacing:0.2em; }

/*반응형*/
@media screen and (max-width: 1440px){
    #sub3_swiper .sub3_img_swiper{height: 440px;}
}
@media screen and (max-width: 1200px){
	#about .about-wrap .about-img{ width:100%; height:auto; margin: 40px auto 0;}

	#rooms .rooms-wrap .rooms-lst .room .room-txt{ margin-left:20px; }
	/* #rooms .rooms-wrap .rooms-lst .room .room-img{ height:500px; } */
	#rooms .rooms-wrap .rooms-lst .room .room-txt h2{ margin-top:40%; }

    #sub3_swiper .sub3_img_swiper{height: 640px;}
    #contents_03 .width_con{height: 460px; }
    #sub3_swiper .swiper-arrow{ width: 66%; }
}
@media screen and (max-width: 1024px){ 
    #sub3_swiper .sub3_img_swiper{height: 540px;}
    /* #contents_03 .width_con{height: 400px; } */
    #sub3_swiper .swiper-arrow{ width: 80%; }

    #main-bn .main-bn-txt p{ font-size:28px; }
    #main-bn .main-swiper{ height:70vh; }
    #about{ margin-top: 100px;}
}
@media screen and (max-width: 786px){

	#about .about-wrap .about-img{ height:auto; margin: 40px auto 0;}
    #about .about-wrap .about-logo p{ font-size:72px; }

	#rooms .rooms-wrap .rooms-lst .room{ flex-direction:column; }
	#rooms .rooms-wrap .rooms-lst .room .room-img{ width:100%; /*height:380px;*/  }
	#rooms .rooms-wrap .rooms-lst .room .room-txt{ width:100%; margin-left:0px; margin: 20px 0; }
	#rooms .rooms-wrap .rooms-lst .room .room-txt h2{ margin-top:40px; }
	#rooms .rooms-wrap .rooms-lst .room:nth-of-type(2){ flex-direction:column; margin-top:30px; }
	#rooms .rooms-wrap .rooms-lst .room:nth-of-type(4){ flex-direction:column; margin-top:30px; }

    /* *>h2{font-size: 30px !important;} */
    #sub3_swiper .sub3_img_swiper{height: 440px;}
    #contents_03 .width_con{height: 340px; }
    #sub3_swiper .swiper-arrow{ width: 100%; top:100%;}
    #sub3_swiper .sub3_text_swiper .swiper-arrow .sub3_next, #sub3_swiper .sub3_text_swiper .swiper-arrow .sub3_prev{ top:-36px;}
    .swiper-pagination{top:14px !important;}

    #contents_03 .width_con .about-logo{ left:60px; }
    #contents_03 .width_con .about-logo p{ font-size: 72px; }
    #contents_03 .width_con .about-logo p:nth-of-type(2){ font-size:14px; }
}
@media screen and (max-width: 520px){

    #main-bn .main-bn-txt{ width: 50%;}
    #main-bn .main-bn-txt p{ font-size: 30px; padding: 0px 0px 10px;}
    #about .about-wrap .about-tit h1{ font-size: 24px;}

    #about .about-wrap .about-txt p{ font-size:12px; }

    .swiper-button-next, .swiper-button-prev{display: none !important;}
    #rooms .rooms-wrap .rooms-tit{ height:300px; position: relative;}
    #rooms .rooms-wrap .rooms-tit .title{ margin-top:100px;}
    #rooms .rooms-wrap .rooms-tit .title h1{ font-size:32px;}
    
    #sub3_swiper .sub3_img_swiper .swiper-slide-active{ clip-path: polygon(0% 0%, calc(100% - 100px) 0, 100% 76px, 100% 100%, 0% 100%);}
    #rooms .rooms-wrap .rooms-lst .room .room-img{ clip-path: polygon(0% 0%, calc(100% - 100px) 0, 100% 76px, 100% 100%, 0% 100%);  }

    #contents_02.section_02 .width_con .fac-tit{ height:300px; }
    #contents_02.section_02 .width_con .fac-tit .title{ margin-top:100px; }
    #contents_02.section_02 .width_con .fac-tit .title h1{ font-size:32px; }

    #sub3_swiper .sub3_text_swiper .swiper-slide h2{ font-size: 24px; }
    #sub3_swiper .sub3_text_swiper .swiper-slide h4{ font-size: 13px;}
    
    #about{ margin-top: 80px;}
    
    #sub3_swiper .sub3_img_swiper{height: 300px;}

    #contents_03 .width_con .about-logo{ left:30px; }
    #contents_03 .width_con .about-logo p{ font-size: 60px; }
    #contents_03 .width_con .about-logo p:nth-of-type(2){ font-size:12px; }
}
@media all and (max-width: 480px){

    

    #about .about-wrap .about-logo p{ font-size:48px; }
    #about .about-wrap .about-tit h1{ font-size:1.1em; }

    #rooms .rooms-wrap .rooms-tit{ height:auto;}
    #rooms .rooms-wrap .rooms-tit .title{ margin-top: 60px;}
    #rooms .rooms-wrap .rooms-tit .tit-p p{ padding-bottom:60px; }
    #rooms .rooms-wrap .rooms-tit .title h1{ font-size:1.6em; }

    #rooms .rooms-wrap .rooms-lst .room .room-img{aspect-ratio: 4 / 3; }

    #contents_02.section_02 .width_con .fac-tit .title h1{ font-size:1.5em; }
    #contents_02.section_02 .width_con .fac-tit .tit-p p{ padding-bottom:60px; }
    #contents_02.section_02 .width_con .fac-tit .title{ margin-top:60px; }
    #contents_02.section_02 .width_con .fac-tit{ height:auto; }
/*    #sub3_swiper .sub3_text_swiper .swiper-slide h2{ font-size:20px !important; }*/

    #contents_03 .width_con .about-logo p{ font-size:36PX; }
    #contents_03 .width_con .about-logo p:nth-of-type(2){ font-size:10px; }
    #about .about-wrap .about-img{clip-path: polygon(0% 0%, calc(100% - 80px) 0, 100% 50px, 100% 100%, 0% 100%); height:auto; margin: 40px auto 0;}
    #rooms .rooms-wrap .rooms-lst .room .room-img{clip-path: polygon(0% 0%, calc(100% - 80px) 0, 100% 50px, 100% 100%, 0% 100%);}
    #sub3_swiper .sub3_img_swiper .swiper-slide-active{ clip-path: polygon(0% 0%, calc(100% - 80px) 0, 100% 50px, 100% 100%, 0% 100%);}
}