@charset "utf-8";

section div .subject { position: relative; text-align: center;}
section div .subject > h3 { margin: 0px; padding: 0px; font-family: 'Asul'; font-size: 12px; font-weight: 400; color: #929292; letter-spacing: 1px; }
section div .subject > h2:nth-of-type(1) { position: relative; margin: 30px 0px 0px; padding: 0; font-family: 'Noto Serif KR'; font-size: 20px; font-weight: 500; letter-spacing: 3; }
section div .subject > h2:nth-of-type(2) { position: relative; margin: 0px 0px 0px; padding: 0px 0px 0px 16px; font-family: 'Noto Serif KR'; font-size: 32px; font-weight: 500; letter-spacing: 18; }

/*main start*/

#main .sec1_slider .swiper-slide.img1{background: url(../img/sub2/201/image1.jpg) no-repeat; background-size: cover; background-position: center; }
#main .sec1_slider .swiper-slide.img2{background: url(../img/sub2/201/image2.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img3{background: url(../img/sub2/201/image3.jpg)no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img4{background: url(../img/sub2/201/image4.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img5{background: url(../img/sub2/201/image5.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img6{background: url(../img/sub2/201/image6.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img7{background: url(../img/sub2/201/image7.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img8{background: url(../img/sub2/201/image8.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img9{background: url(../img/sub2/201/image9.jpg) no-repeat; background-size: cover; background-position: center;}

#info .info-in > p { margin-top: 60px; margin-bottom: 0px; font-size: 14px; font-weight: 300; }

.week_date { height: 60px; margin-top: 40px; }

#info .info-in > .first { padding-top: 100px; overflow: hidden; }
.room_tit { font-size: 16px; font-weight: 600; }
#room_des { padding: 50px 7% 0px 0px; float: left; width: 35%; }
#info .info-in > .first > .image1 { float: right; width: 65%; height: 420px; background: url(../img/sub2/201/image3.jpg); background-position: 50% 50%; background-size: cover;  }

#info .info-in > .image2 { clear: both; margin-top: 40px; width: 100%; height: 420px; background: url(../img/sub2/201/image1.jpg); background-position: 50% 50%; background-size: cover;  }


@media (max-width: 1280px) {
    
    #room_des { padding: 30px 6% 0px 0px; }
    
}

@media (max-width: 1040px) {
    
    #info .info-in > .first { padding-top: 60px; }
    #room_des { padding: 0px 8% 0px; width: 100%; }
    .room_data li .data { width: 100%; }
    
    #info .info-in > .first > .image1 { width: 100%; margin-top: 60px; }
    #info .info-in > .image2 { margin-top: 20px; }
    
}


@media (max-width: 688px) {
    
    #info .info-in p { font-size: 13px; }
    #out { position: relative; width: 100%; padding: 80px 0px 60px; }
    #info .info-in > .first > .image1 { height: 320px; }
    #info .info-in > .image2  { height: 320px; }
    
}

@media (max-width: 380px) {  
    
    #info .info-in > .first > .image1 { height: 200px; }
    #info .info-in > .image2  { height: 200px; }
    
}