@charset "utf-8";

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

/*intro*/
.intro.p130 { padding-bottom: 0; }
.intro .intro_in{display: flex; justify-content: space-between; margin-bottom: 60px; }

.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/sub2/image3.jpg) center/cover no-repeat;}
.intro .intro_in .right .img_con{width: 100%; position:relative; aspect-ratio:320 / 427; background:url(../img/sub2/image7.jpg) center/cover no-repeat;}
.intro .intro_in .center{ width:100%; max-width: 440px; text-align: center; position:relative;display: flex; flex-direction: column; justify-content: flex-start; margin:0 30px; padding-top: 50px;}
.intro .intro_in .center h5{font-family: 'ELAND_Choice_M'; color:#333; font-size: 14px; line-height: 1.5em; margin-bottom: 10px;}
.intro .intro_in .center h3{font-family: 'EBSHMJESaeronRA'; color:#333; font-size: 45px; line-height: 1em; margin-bottom: 40px;}
.intro .intro_in .center p{font-family: 'ELAND_Choice_L'; font-size: 14px; color:#888; }

.resBtn{ width: 50%;  border: 1px solid #333; margin: 0 auto; border-radius: 10px; transition: all 0.3s ease-in-out;}
.resBtn a{ display: block; width: 100%; height: 100%; color: #333; font-family: 'ELAND_Choice_L'; font-size: 1rem; padding:  14px 20px;}
.resBtn:hover{ border: none; background-color: #384e38; }
.resBtn:hover a{ color: #fff;}

.intro .intro_in .center .room_tit{display: none;}
.intro .intro_in .center .room_data{ padding:0; }
.intro .intro_in .center .room_data> :not(:last-child){ margin-bottom: 20px;}
.intro .intro_in .center .room_data li .tit{ display: inline-block; font-family: 'ELAND_Choice_M'; padding:0; font-size: 14px; line-height: 1.5em; vertical-align: top;}
.intro .intro_in .center .room_data li .data{ display: inline-block; font-family: 'ELAND_Choice_L'; padding:0; padding-left:12px; font-size: 14px; width:calc(100% - 60px); line-height: 1.5em; }
.intro .intro_in .center .room_data li .data p{ display: inline-block; padding-left:0px; color:#000; line-height: 1.5em; }
.intro .intro_in .center .room_data li .data p::after{ content: "\00a0/\00a0";}
.intro .intro_in .center .room_data li .data p:last-child::after{ content: "\00a0";}
.intro .intro_in .center .room_data li:nth-child(1) .data p:nth-child(1){ padding-left:0px;}
.intro .week_date{margin-bottom: 20px;}
.intro .week_date p{font-family: 'ELAND_Choice_L'; font-size: 14px; }
.intro .week_date .next, .intro .week_date .prv{width: 30px; height: 30px; background-size: cover;}
.intro .week_date .prv{background-position: 1px -1px;}
.intro .week_date .next{background-position: -29px -1px;}
.intro .room_rprice{margin-bottom: 60px; padding: 0;}
.intro .room_rprice p, .intro .room_rprice td, .intro .room_rprice th{font-family: 'ELAND_Choice_L' !important; } 
.intro .room_rprice table .state td{background:#fff;}
.intro .btn{text-align: center;}

.layoutWrap{ width: 100%; margin-bottom: 30px; display: flex; justify-content: center; align-items: center;}
.layoutWrap img{ width: 500px; padding: 0 10px;}
/* .layoutWrap .layoutImg{ width: 50%; aspect-ratio: 3;} */

/* 떠나요 */
.intro .intro_in .center .room_data li:nth-child(1) .data p:nth-child(1){ display: none;}
.room_data li .person_limit table{ display: none;}

/*detail*/
.detail{}
.detail .detail_in{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.detail .detail_in .item{}
.detail .detail_in .item .img_con{ width:100%; }
.detail .detail_in .item.img1, .detail .detail_in .item.img2{ max-width: 560px; margin-bottom: 40px; width: 49%;}
.detail .detail_in .item.img3, .detail .detail_in .item.img4, .detail .detail_in .item.img5{ max-width: 440px; width: 32%; }
.detail .detail_in .item.img1 .img_con{ background:url(../img/sub2/image1.jpg) 50% 50% no-repeat; background-size:cover; aspect-ratio:560 / 420; }
.detail .detail_in .item.img2 .img_con{ background:url(../img/sub2/image7.jpg) 50% 50% no-repeat; background-size:cover; aspect-ratio:560 / 420; }
.detail .detail_in .item.img3 .img_con{ background:url(../img/sub2/image9.jpg) 50% 50% no-repeat; background-size:cover; aspect-ratio: 4/3; }
.detail .detail_in .item.img4 .img_con{ background:url(../img/sub2/image11.jpg) 50% 50% no-repeat; background-size:cover; aspect-ratio:4/3; }
.detail .detail_in .item.img5 .img_con{ background:url(../img/sub2/image14.jpg) 50% 50% no-repeat; background-size:cover; aspect-ratio:4/3; }
.detail .detail_in .item.text1{ max-width: 200px; width:100%; text-align: right;}
.detail .detail_in .item.text1 h5{font-family: 'ELAND_Choice_L'; font-size: 14px;}
.detail .detail_in .item.text1 h3{font-family: 'ELAND_Choice_M'; font-size: 24px;}

.detail .detail_in .item .text_con{display: flex; justify-content: space-between; margin-top: 10px;}
.detail .detail_in .item .text_con .left{font-size: 16px;}
.detail .detail_in .item .text_con .right{font-size: 13px; color: #aaa;}


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

  
@media screen and (min-width:1px) and (max-width:1440px){
    .rooms_prev{left:14%; }
    .rooms_next{right:14%; }
    
    /* 디테일-팔공 */
    /* .detail .detail_in{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
    .detail .detail_in .item.text1{ max-width: none; order: 0; margin-bottom: 20px;}
    .detail .detail_in .item.img1{ order: 1;}
    .detail .detail_in .item.img2{ order: 2;}
    .detail .detail_in .item.img3{ order: 3;}
    .detail .detail_in .item.img4{ order: 4;}
    .detail .detail_in .item.img5{ order: 5;}
    .detail .detail_in .item.img3, .detail .detail_in .item.img4, .detail .detail_in .item.img5{ max-width: none; width: 48.5%; } */

    .detail .detail_in{display: flex; flex-wrap: wrap; align-items: center;}
    .detail .detail_in .item.text1{ max-width: none; order: 0; margin-bottom: 30px; text-align: center;}
    .detail .detail_in .item.img1{ order: 1;}
    .detail .detail_in .item.img2{ order: 2;}
    .detail .detail_in .item.img3{ order: 3;}
    .detail .detail_in .item.img4{ order: 4;}
    .detail .detail_in .item.img5{ order: 5;}
    .detail .detail_in .item.img1, .detail .detail_in .item.img2 { max-width: none; }
    .detail .detail_in .item.text1 h5 { margin-bottom: 10px; }
    .detail .detail_in .item.text1 h3 { font-size: 32px; }
}
  
@media screen and (min-width:1px) and (max-width:1200px){
    .detail .detail_in .item.img3, .detail .detail_in .item.img4, .detail .detail_in .item.img5{ max-width: 440px; width: 49%; }

    .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 .right{width: 49%; max-width: none; order:2;}
    .intro .intro_in .center{ width: 100%; max-width: none; margin:0 0 40px; order:0; padding: 0;}
    .intro .intro_in .center h3{font-size: 45px; margin-bottom: 30px;}

    .resBtn{ width: 20%;}
    .resBtn a{ font-size: 14px;}

    .detail .detail_in .item.img3, .detail .detail_in .item.img4, .detail .detail_in .item.img5{ max-width: none;}
    .detail .detail_in .item.img3, .detail .detail_in .item.img4 { margin-bottom: 40px; }
   
}
@media screen and (min-width:1px) and (max-width:768px){
    .intro .intro_in{ padding-top: 0px;}
    .intro .intro_in .center{ padding-top: 0; }
    .intro .intro_in .center h3{font-size: 36px; margin-bottom: 60px;}
    .layoutWrap img{ width: 45%;}
    .resBtn{ width: 25%; }
    .resBtn a{ font-size: 14px; padding: 14px 0;}
    

    .detail .detail_in .item.img1, .detail .detail_in .item.img2{ max-width: none; width: 100%; margin-bottom: 40px; }
    .detail .detail_in .item.img3, .detail .detail_in .item.img4, .detail .detail_in .item.img5{ width: 100%; margin-bottom: 40px;}
    .detail .detail_in .item.img3 .img_con{ aspect-ratio:560 / 420; }
    .detail .detail_in .item.img4 .img_con{ aspect-ratio:560 / 420; }
    .detail .detail_in .item.img5 .img_con{ aspect-ratio:560 / 420; }
}

@media all and (max-width: 520px){
    .room_rprice { padding: 0; }
    .resBtn{ width: 50%; }
    .resBtn a{ font-size: 14px; padding: 14px 0;}
    .layoutWrap{ flex-direction: column;}
    .layoutWrap img{ width: 100%; padding: 10px 20px;}

    .detail .detail_in .item.text1 h5 { margin: 0; }
    .detail .detail_in .item.img1, .detail .detail_in .item.img2, .detail .detail_in .item.img3, .detail .detail_in .item.img4{ margin-bottom: 20px; }
}

@media all and (max-width: 320px){
     .detail .detail_in .item .text_con { display: block;}
     .intro .week_date p{ padding: 0; font-size: 12px;}
}