@charset "utf-8";

/*main start*/

#main .sec1_slider .swiper-slide.img1{background: url(http://casanapolia.cdn3.cafe24.com/sub2/1/image1.jpg) no-repeat; background-size: cover; background-position: center; }
#main .sec1_slider .swiper-slide.img2{background: url(http://casanapolia.cdn3.cafe24.com/sub2/1/image2.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img3{background: url(http://casanapolia.cdn3.cafe24.com/sub2/1/image3.jpg)no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img4{background: url(http://casanapolia.cdn3.cafe24.com/sub2/1/image4.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img5{background: url(http://casanapolia.cdn3.cafe24.com/sub2/1/image5.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img6{background: url(http://casanapolia.cdn3.cafe24.com/sub2/1/image6.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img7{background: url(http://casanapolia.cdn3.cafe24.com/sub2/1/image7.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img8{background: url(http://casanapolia.cdn3.cafe24.com/sub2/1/image8.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img9{background: url(http://casanapolia.cdn3.cafe24.com/sub2/1/image9.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img10{background: url(http://casanapolia.cdn3.cafe24.com/sub2/1/image10.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img11{background: url(http://casanapolia.cdn3.cafe24.com/sub2/1/image11.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img12{background: url(http://casanapolia.cdn3.cafe24.com/sub2/1/image12.jpg) no-repeat; background-size: cover; background-position: center;}


#room .room-in .name { padding-top: 140px; padding-bottom: 245px; background: url(../img/sub2/name.jpg); background-size: cover; background-position: center; text-align: center; }
#room .room-in .name h2 { margin-top: 20px; font-family: 'Cormorant'; font-size: 60px; font-weight: 500; }
#room .room-in .name p { margin-top: 40px; font-size: 13px; }
#room .room-in .name > .link { margin: 40px auto 0px; width: 142px; height: 45px; border: 1px solid rgba(140,133,122,1); background: #f8f7f4; text-align: center; transition: .4s; }
#room .room-in .name > .link:hover { border: 1px solid rgba(140,133,122,0.3); }
#room .room-in .name > .link a { display: block; width: 100%; font-family: 'Crimson Text'; line-height: 45px; }

#room .room-in .info-wrap { width: 1200px; margin: -160px auto 0px; }
#room .room-in .info-wrap .info-in .cont-wrap .cont-in { position: relative; overflow: hidden; }
#room .room-in .info-wrap .info-in .cont-wrap .cont-in .left { float: left; position: absolute; top: 50%; left: 10px; transform: translateY(-50%); display: inline-block; padding: 0px 50px 80px; width: 480px; background: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); }
#room .room-in .info-wrap .info-in .cont-wrap .cont-in .left h3 { margin-top: 80px; font-family: 'Cormorant'; font-size: 40px; font-weight: 500; }
#room .room-in .info-wrap .info-in .cont-wrap .cont-in .right { float: right; width: 78%; height: 588px; display: inline-block; background: url(http://casanapolia.cdn3.cafe24.com/sub2/1/image2.jpg); background-size: cover; background-position: right; }
#room .room-in .info-wrap .info-in .cont-wrap .cont-in .right img { width: 100%; }

#room .room-in .info-wrap .info-in .notice { margin-top: 90px; text-align: center; }
#room .room-in .info-wrap .info-in .notice p { font-size: 13px; line-height: 24px; }

.room_rprice table .head { background: #fafafa; }
.week_date .next { position: relative; z-index: 10; }
.week_date .prv { position: relative; z-index: 10; }
.week_date {  height: 60px; margin-top: 90px; }
.room_tit { display: none; }
.room_data { margin-top: 40px; }
.room_data li .data p { display: inline; }
.room_data li { display: flex; margin: 10px auto 0px; width: 100%; text-align: left; }
.room_data li .tit { width: 15%; font-family: 'Noto Serif KR'; font-size: 12px; line-height: 24px; font-weight: 600; color: #979797; }
.room_data li .data { width: 95%; font-size: 12px; line-height: 24px; color: #979797; }
.room_data li:nth-child(3) .data { float: none; }

#room_daily_price2 { width: 1200px; margin: 0px auto; }


#room > .room-in > .image { width: 100%; margin-top: 108px; }

.week_date .prv {
    position: relative;
    display: inline-block;
    margin-left: 30px;
    width: 30px;
    height: 30px;
    border: 1px solid #8c857a;
    cursor: pointer;
    *zoom: 1;
    background: none;

}

.week_date .prv::after {
    content: "";
    position: absolute;
    top: 10px;
    right: 14px;
    border-top: 10px solid transparent;
    border-right: 10px solid #8c857a;
    transform: rotate(-225deg) translate(-50%,-50%);
}


.week_date .next {
    position: relative;
    display: inline-block;
    margin-left: 30px;
    width: 30px;
    height: 30px;
    border: 1px solid #8c857a;
    cursor: pointer;
    *zoom: 1;
    background: none;

}

.week_date .next::after {
    content: "";
    position: absolute;
    top: 10px;
    right: 5px;
    border-top: 10px solid transparent;
    border-right: 10px solid #8c857a;
    transform: rotate(-45deg) translate(-50%,-50%);
}

#banner2 { background: #000; }
#banner2 .banner2-in { height: 558px; background: url(http://casanapolia.cdn3.cafe24.com/sub2/1/image4.jpg); background-size: cover; background-position: center; opacity: 0.5; }


@media (max-width: 1200px) {
    
    #room_daily_price2 { width: 100%; padding: 0px 20px; }
    #room .room-in .info-wrap { width: 100%; padding: 0px 20px; }
    #room .room-in .info-wrap .info-in .cont-wrap .cont-in { display: flex; justify-content: space-between; }
    #room .room-in .info-wrap .info-in .cont-wrap .cont-in .left { position: static; transform: none; float: none; width: 40%; padding: 0px 50px 60px; display: block; }
    #room .room-in .info-wrap .info-in .cont-wrap .cont-in .right { width: 60%; float: none; display: block; }
    
}

@media (max-width: 768px) { 

    #main { height: 50vh; margin-top: 78px; }
	
    #room .room-in .name { padding-top: 80px; padding-bottom: 80px; }
    #room .room-in .name img { width: 30px; }
    #room .room-in .name h2 { font-size: 42px; margin-top: 10px; }
    #room .room-in .name p { font-size: 12px; margin-top: 20px; }
    #room .room-in .name > .link a { font-size: 12px; }
    
    #room .room-in .info-wrap { margin: 0px auto; }
    #room .room-in .info-wrap .info-in .cont-wrap .cont-in { display: block; }
    #room .room-in .info-wrap .info-in .cont-wrap .cont-in .left { width: 100%; padding: 0px; box-shadow: none; }
    #room .room-in .info-wrap .info-in .cont-wrap .cont-in .left h3 { margin-top: 60px; font-size: 34px; }
    #room .room-in .info-wrap .info-in .cont-wrap .cont-in .right { margin-top: 60px; width: 100%; height: 320px; }
    #room .room-in .info-wrap .info-in .notice { margin-top: 60px; }
    #room .room-in .info-wrap .info-in .notice p { font-size: 12px; }
    
    .week_date p { font-size: 12px; }
    .room_data { margin-top: 30px; }
    .room_data li .data { display: block; font-size: 12px; }
    .week_date { margin-top: 60px;}

    #banner2 .banner2-in { height: 40vh; }

    
}

@media (max-width: 540px) { 
    

    .week_date .prv { margin-left: 0px; margin-right: 8px; }
    .week_date .next { margin-left: 8px; }

}

@media (max-width: 420px) {
    
    #room .room-in .name { padding: 50px 0px; }
    #room .room-in .name img { width: 25px; }
    #room .room-in .name h2 { font-size: 32px; }
    #room .room-in .name p { margin-top: 10px; }
    
    #room .room-in .info-wrap .info-in .cont-wrap .cont-in .left h3 { font-size: 28px; margin-top: 40px; }
    #room .room-in .info-wrap .info-in .cont-wrap .cont-in .right { margin-top: 40px; height: 200px; }
    #room .room-in .info-wrap .info-in .notice { margin-top: 40px; }
    #room .room-in .info-wrap .info-in .notice p { font-size: 11px; }
    
    .room_data li .tit { width: 25%; }
    .room_data li .data p { font-size: 11px;  }
    
}