@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/1/image1.jpg) no-repeat; background-size: cover; background-position: center; }
#main .sec1_slider .swiper-slide.img2{background: url(../img/sub2/1/image2.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img3{background: url(../img/sub2/1/image3.jpg)no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img4{background: url(../img/sub2/1/image4.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img5{background: url(../img/sub2/1/image5.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img6{background: url(../img/sub2/1/image6.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img7{background: url(../img/sub2/1/image7.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img8{background: url(../img/sub2/1/image8.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img9{background: url(../img/sub2/1/image9.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img10{background: url(../img/sub2/1/image10.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img11{background: url(../img/sub2/1/image11.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img12{background: url(../img/sub2/1/image12.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img13{background: url(../img/sub2/1/image13.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img14{background: url(../img/sub2/1/image14.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img15{background: url(../img/sub2/1/image15.jpg) no-repeat; background-size: cover; background-position: center;}


.room_daily_price table { margin-top: 80px; width: 100%; text-align: center; border-collapse: collapse; border: 1px solid #d2d2d2; }
.room_daily_price tbody tr {position: relative; height: 40px; border: 1px solid #d2d2d2; }
.room_daily_price tbody tr th {font-size:13px;font-weight: bold;color:#808080;position: relative; background: #eee; border: 1px solid #d2d2d2; }
.room_daily_price tbody tr td {font-size:12px;color:#808080;padding:7px 0;position: relative; border: 1px solid #d2d2d2; }

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

.room_tit { font-size: 16px; font-weight: 600; }
#room_des { padding: 25px 7% 0px 0px; float: left; width: 35%; }


#info .info-in > img { margin: 50px 0px 0px; width: 100%; display: none; }

#info .info-in > .first > .image1 { float: right; width: 65%; height: 420px; background: url(../img/sub2/1/image2.jpg); background-position: 50% 50%; background-size: cover;  }

#info .info-in > .image2 > img { width: 100%; margin: 20px 0px 0px; }
#info .info-in > .image2 > img:nth-child(1) { width: 100%; margin: 60px 0px 0px; }

#info .info-in > .image2 > img:nth-child(n+2) { display: none; }

@media (max-width: 1280px) {
    
    #room_des { padding: 45px 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 { display: none; }
    
}

@media (max-width: 780px) {
    
    #main { display: none; }
    #info { padding: 120px 0px 0px; }
    #info .info-in > img { display: block; }
    .room_daily_price table { margin-top: 20px;}
    #info .info-in > .image2 > img:nth-child(1) { display: none; }
    #info .info-in > .image2 > img:nth-child(2)  { width: 100%; margin: 60px 0px 0px; }
    #info .info-in > .image2 > img:nth-child(n+2) { display: block; }
    
}

@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 > img { width: 100%; margin: 10px 0px 0px; }
    
}

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

}