@charset "utf-8";
main .main-slide div .s1 { background: url(../img/sub2/image1.jpg) no-repeat center/cover; }
main .main-slide div .s2 { background: url(../img/sub2/image2.jpg) no-repeat center/cover; }
main .main-slide div .s3 { background: url(../img/sub2/image3.jpg) no-repeat center/cover; }
main .main-slide div .s4 { background: url(../img/sub2/image4.jpg) no-repeat center/cover; }
main .main-slide div .s5 { background: url(../img/sub2/image5.jpg) no-repeat center/cover; }
main .main-slide div .s6 { background: url(../img/sub2/image6.jpg) no-repeat center/cover; }
main .main-slide div .s7 { background: url(../img/sub2/image7.jpg) no-repeat center/cover; }
main .main-slide div .s8 { background: url(../img/sub2/image8.jpg) no-repeat center/cover; }
main .main-slide div .s9 { background: url(../img/sub2/image9.jpg) no-repeat center/cover; }
main .main-slide div .s10 { background: url(../img/sub2/image10.jpg) no-repeat center/cover; }
main .main-slide div .s11 { background: url(../img/sub2/image11.jpg) no-repeat center/cover; }
main .main-slide div .s12 { background: url(../img/sub2/image12.jpg) no-repeat center/cover; }
main .main-slide div .s13 { background: url(../img/sub2/image13.jpg) no-repeat center/cover; }
main .main-slide div .s14 { background: url(../img/sub2/image14.jpg) no-repeat center/cover; }
main .main-slide div .s15 { background: url(../img/sub2/image15.jpg) no-repeat center/cover; }
main .main-slide div .s16 { background: url(../img/sub2/image16.jpg) no-repeat center/cover; }
main .main-slide div .s17 { background: url(../img/sub2/image17.jpg) no-repeat center/cover; }
main .main-slide div .s18 { background: url(../img/sub2/image18.jpg) no-repeat center/cover; }
main .main-slide div .s19 { background: url(../img/sub2/image19.jpg) no-repeat center/cover; }
main .main-slide div .s20 { background: url(../img/sub2/image20.jpg) no-repeat center/cover; }
main .main-slide div .s21 { background: url(../img/sub2/image21.jpg) no-repeat center/cover; }
main .main-slide div .s22 { background: url(../img/sub2/image22.jpg) no-repeat center/cover; }
main .main-slide div .s23 { background: url(../img/sub2/image23.jpg) no-repeat center/cover; }
main .main-slide div .s24 { background: url(../img/sub2/image24.jpg) no-repeat center/cover; }
main .main-slide div .s25 { background: url(../img/sub2/image25.jpg) no-repeat center/cover; }
main .main-slide div .s26 { background: url(../img/sub2/image26.jpg) no-repeat center/cover; }
main .main-slide div .s27 { background: url(../img/sub2/image27.jpg) no-repeat center/cover; }
main .main-slide div .s28 { background: url(../img/sub2/image28.jpg) no-repeat center/cover; }
main .main-slide div .s29 { background: url(../img/sub2/image29.jpg) no-repeat center/cover; }
main .main-slide div .s30 { background: url(../img/sub2/image30.jpg) no-repeat center/cover; }
main .main-slide div .s31 { background: url(../img/sub2/image31.jpg) no-repeat center/cover; }
main .main-slide div .s32 { background: url(../img/sub2/image32.jpg) no-repeat center/cover; }
main .main-slide div .s33 { background: url(../img/sub2/image33.jpg) no-repeat center/cover; }
main .main-slide div .s34 { background: url(../img/sub2/image34.jpg) no-repeat center/cover; }
main .main-slide div .s35 { background: url(../img/sub2/image35.jpg) no-repeat center/cover; }
main .main-slide div .s36 { background: url(../img/sub2/image36.jpg) no-repeat center/cover; }
main .main-slide div .s37 { background: url(../img/sub2/image37.jpg) no-repeat center/cover; }

.con1 { margin: -150px auto 80px; background: rgba(253, 253, 252, 0.8); padding: 40px 100px 80px; z-index: 1; }
.con1 h1 { text-align: center; color: #5E6855; margin-bottom: 80px; }
.con1 h2 { color: #8F9985; font-size: 48px;}
.con1 h2 span { width: 250px; height: 1px; background: #8F9985; display: inline-block; margin-left: 30px; vertical-align: middle; }
.con1> ul { margin-top: 60px; }
.con1> ul li { display: flex; align-items: center; }
.con1> ul> :not(:last-child) { margin-bottom: 50px; }
.con1> ul> :nth-child(2n) { flex-direction: row-reverse; }
.con1 ul li div h3 { font-family: "Bodoni Moda", serif; font-style: italic; font-size: 24px; color: rgba(94, 104, 85, .4); margin-bottom: 30px; font-weight: normal; }
.con1 ul li div p { line-height: 2em; }
.con1 ul li .imgbox { width: 37%; }
.con1 ul :nth-child(2n) .imgbox { margin-left: 80px; }
.con1 ul :nth-child(2n+1) .imgbox { margin-right: 80px; }
.con1 ul li .img1 { aspect-ratio: 1/1; border-radius: 50%; background-image: url(../img/sub2/image11.jpg); }
.con1 ul li .img2 { aspect-ratio: 1/1; border-radius: 20%; background-image: url(../img/sub2/image26.jpg); }
.con1 ul li .img3 { aspect-ratio: 1/1; border-radius: 50%; background-image: url(../img/sub2/image13.jpg); }
.con1 ul li .img4 { aspect-ratio: 3/4; border-radius: 20%; background-image: url(../img/sub2/image32.jpg); }
.con1 ul li .img5 { aspect-ratio: 1/1; border-radius: 50%; background-image: url(../img/sub2/image36.jpg); }


.con2 { margin: 80px auto 135px; background: #DFE3DB; padding: 30px; }
.con2> div {  padding: 80px 60px; border: 1px solid #FDFDFC; }
.con2 div h2 { font-family: "Bodoni Moda", serif; color: #555; font-size: 24px; margin-bottom: 60px; text-align: center; }
.con2 h2 span { display: inline-block; width: 250px; height: 1px; background: #555; vertical-align: middle; }
.con2 h2 :first-child { margin-right: 30px; }
.con2 h2 :last-child { margin-left: 30px; }

/* 떠나요 */
#room_des { width: 100%; margin: 40px 0 60px; }
.room_tit { display: none; }
.room_data { padding: 0; display: flex; justify-content: space-between; flex-wrap: wrap; }
.room_data> li { width: calc(50% - 7.5px); }
.room_data> :first-child, .room_data> :nth-child(2) { margin-bottom: 15px; }
.room_data li .tit { width: 100%; font-size: 14px; font-weight: 700; color: #555; padding: 5px 0;}
.room_data li .data { padding: 0; font-size: 14px; color: #555; line-height: 1.5em; }
.room_data li .data p { display: inline; font-size: 14px; word-break: normal; } 
.room_data li .data> :not(:last-child)::after { content: '\00a0/\00a0'; }
.room_data li .person_limit table { display: none; } 

.room_rprice { width: 100%; margin: 0 auto; padding: 0; }
.week_date { margin-bottom: 30px; }
.week_date p { font-size: 16px; font-weight: 600; font-family: 'NexonLv1Gothic'; }
.room_rprice table .head td { font-weight: 700; }
.room_rprice table .head .satur, .room_rprice table .head .sun { color: #555; }
.room_rprice table .ss td { font-weight: 500; }
.room_rprice table tr td,.room_rprice table .state .rstate { font-family: 'NexonLv1Gothic'; font-size: 14px;}
/* 떠나요 */

.rintro { padding-bottom: 175px; }
footer .f-con { margin: 0; }

@media screen and (max-width: 1600px) {
    .con1 { margin: 60px auto 80px; background: rgba(253, 253, 252, 1);  }
}
@media screen and (max-width: 1366px) {
    .con1 {  margin: 60px 40px 80px; width: auto; }

    .con2 { margin: 0 40px 135px; width: auto; }
    .con2 h2 span { width: 120px; }
    .con2 h2 :first-child { margin-right: 15px; }
    .con2 h2 :last-child { margin-left: 15px; }
}

@media screen and (max-width: 1024px) {
    .con1 { padding: 40px 40px 80px; }
    .con1 ul li .imgbox { width: 45%; }
    .con1 ul :nth-child(2n) .imgbox { margin-left: 30px; }
    .con1 ul :nth-child(2n+1) .imgbox { margin-right: 30px; }

    .week_date { margin-bottom: 20px; }
}

@media screen and (max-width: 820px) {
    .con1 { margin: 60px 3% 40px; }
    .con1 h1 { margin-bottom: 40px; }
    .con1 h2 { font-size: 32px; }
    .con1> ul> :not(:last-child) { margin-bottom: 80px; }
    .con1 ul li .imgbox { flex-shrink: 0; }
    .con1 ul li div h3 { margin-bottom: 20px; }
    .con1 ul li div p { font-size: 13px; }

    .con2 { margin: 0 3% 60px; padding: 20px; }
    .con2> div { padding: 40px 20px; }

    .week_date p { font-size: 14px; }

    .rintro { padding-bottom: 135px; }
}

@media screen and (max-width: 600px) {
    .con1 { margin: 0 0 60px 0; padding: 40px 3%; }
    .con1 h2 { font-size: 24px; }
    .con1 h2 span { width: 120px; margin-left: 15px; }
    .con1> ul li { flex-direction: column; }
    .con1> ul> :nth-child(2n) { flex-direction: column; align-items: flex-end; }
    .con1 ul li .imgbox { width: 55%; }
    .con1 ul :nth-child(2n) .imgbox { margin: 0 0 30px auto; }
    .con1 ul :nth-child(2n+1) .imgbox { margin: 0 auto 30px 0; }
    .con1> ul li> :last-child { width: 80%; }
    .con1 ul li div h3 {font-size: 20px; }

    .con2 { padding: 3%; }
    .con2> div { padding: 30px 3%; }
    .con2 div h2 { margin-bottom: 30px; }
    .con2 h2 span { display: none; }

   .room_data> li { width: 100%; }
   .room_data> :nth-child(3) { margin-bottom: 15px; }
}

@media screen and (max-width: 460px) {
    .week_date p { padding: 0 5px; }
}
@media screen and (max-width: 366px) {
    .week_date p { font-size: 13px; }
}