@charset "utf-8";

/*main start*/

#main .sec1_slider .swiper-slide.img1{background: url(http://alpinep.cdn1.cafe24.com/sub2/1/image1.jpg) no-repeat; background-size: cover; background-position: center; }
#main .sec1_slider .swiper-slide.img2{background: url(http://alpinep.cdn1.cafe24.com/sub2/1/image2.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img3{background: url(http://alpinep.cdn1.cafe24.com/sub2/1/image3.jpg)no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img4{background: url(http://alpinep.cdn1.cafe24.com/sub2/1/image4.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img5{background: url(http://alpinep.cdn1.cafe24.com/sub2/1/image5.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img6{background: url(http://alpinep.cdn1.cafe24.com/sub2/1/image6.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img7{background: url(http://alpinep.cdn1.cafe24.com/sub2/1/image7.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img8{background: url(http://alpinep.cdn1.cafe24.com/sub2/1/image8.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img9{background: url(http://alpinep.cdn1.cafe24.com/sub2/1/image9.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img10{background: url(http://alpinep.cdn1.cafe24.com/sub2/1/image10.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img11{background: url(http://alpinep.cdn1.cafe24.com/sub2/1/image11.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img12{background: url(http://alpinep.cdn1.cafe24.com/sub2/1/image12.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img13{background: url(http://alpinep.cdn1.cafe24.com/sub2/1/image13.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img14{background: url(http://alpinep.cdn1.cafe24.com/sub2/1/image14.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img15{background: url(http://alpinep.cdn1.cafe24.com/sub2/1/image15.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img16{background: url(http://alpinep.cdn1.cafe24.com/sub2/1/image16.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img17{background: url(http://alpinep.cdn1.cafe24.com/sub2/1/image17.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img18{background: url(http://alpinep.cdn1.cafe24.com/sub2/1/image18.jpg) no-repeat; background-size: cover; background-position: center;}


.room_tit { display: none; }

#room_des { margin-top: 70px; }
.room_data li { display: flex; margin: 2.5px auto 0px; width: 100%; text-align: left; color: #696969; }
.room_data li .tit { width: 12.5%; font-family: 'Noto Sans KR'; font-size: 14px; line-height: 28px; font-weight: 600; color: #5c553b; }
.room_data li .data { width: 95%; font-family: 'Noto Sans KR'; font-size: 14px; line-height: 28px; }
.room_data li .data p { display: inline; font-family: 'Noto Sans KR'; font-size: 14px; }
.room_data li:nth-child(3) .data { float: none; line-height: 28px; }
#room_daily_price2 { width: 100%; margin: 0px auto; }
.room_rprice { padding: 0px; }
.room_rprice table .head { background: #efedea; }
.room_rprice table .state { background: #f4f2ef; }
.week_date .next { position: relative; z-index: 10; }
.week_date .prv { position: relative; z-index: 10; }
.week_date { height: 60px; margin-top: 90px; }
.week_date .prv { position: relative; display: inline-block; width: 30px; height: 30px; border: 1px solid #5c553b; 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 #5c553b; transform: rotate(-225deg) translate(-50%,-50%); }
.week_date .next { position: relative; display: inline-block; margin-left: 30px; width: 30px; height: 30px; border: 1px solid #5c553b; 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 #5c553b;transform: rotate(-45deg) translate(-50%,-50%); }


#room { padding-top: 200px; background: url(../img/shadow2.png), url(../img/shadow3.png); background-position: 0% 0%, 100% 0%; background-repeat: no-repeat;}
#room .room-in .room-wrap { display: flex; justify-content: space-between; }
#room .room-in .room-wrap .left { width: 40%; }

#room .room-in .room-wrap { padding-bottom: 200px; border-bottom: 1px solid #5c553b; }
#room .room-in .room-wrap .left .title p { font-family: 'Mulish'; font-size: 12px; }
#room .room-in .room-wrap .left .title h2 { margin-top: 20px; font-size: 68px; line-height: 74px; }
#room .room-in .room-wrap .left .title h2 img { margin-left: 10px; }
#room .room-in .room-wrap .left .other h3 { margin-top: 60px; font-family: 'Cormorant'; font-size: 24px; font-weight: 600; }
#room .room-in .room-wrap .left .other p { margin-top: 30px; font-size: 14px; color: #696969; line-height: 28px; }
#room .room-in .room-wrap .right { position: relative; width: 32.5%; background: url(http://alpinep.cdn1.cafe24.com/sub2/1/image4.jpg); background-size: cover; background-position: center; }
#room .room-in .room-wrap .right div { position: absolute; bottom: -70px; left: -270px; width: 380px; height: 380px; background: url(http://alpinep.cdn1.cafe24.com/sub2/1/image7.jpg); background-size: cover; background-position: center; }
#room .room-in .room-wrap .right2 { background: url(http://alpinep.cdn1.cafe24.com/sub2/1/image4.jpg); background-size: cover; background-position: center; display: none; }
#room .room-in > div:nth-child(2) > div { margin-top: 110px; width: 100%; height: 570px; background: url(http://alpinep.cdn1.cafe24.com/sub2/1/image9.jpg); background-size: cover; background-position: center; }
#room .room-in .room-caleander .title .link { margin: 60px auto 0px; }

.banner .banner-in { background: none; position: relative; padding: 220px 0px 310px; }
.banner .banner-in > img:nth-of-type(1) { position: absolute; left: 0px; bottom: 120px; }
.banner .banner-in > img:nth-of-type(2) { position: absolute; right: 0px; top: 60px; }
.banner .banner-in .title h2 { margin-top: 40px; color: #5c553b; }
.banner .banner-in .title p { color: #5c553b; }


@media (max-width: 1580px) {

	#room_des { margin-top: 30px; }
    .room_rprice { padding: 0px; }

	.room_data li .tit { width: 15%; }
	
	#room .room-in .room-wrap { padding: 0px 20px 200px; }
	#room .room-in .room-wrap .right { width: 45%; }
	
}


@media (max-width: 1280px) {
	
	.banner .banner-in > img:nth-of-type(1) { left: 20px; width: 280px; }
	.banner .banner-in > img:nth-of-type(2) { right: 20px; width: 280px; }

}


@media (max-width: 1024px) {

	.room_data li .tit { width: 15%; }
	
	#room { padding-top: 120px; }
	#room .room-in .room-wrap { flex-flow: column; padding: 0px 20px 110px }
	#room .room-in .room-wrap .left { width: 100%; }
	#room .room-in .room-wrap .left .title h2 { font-size: 48px; line-height: 48px; }
	#room .room-in .room-wrap .left .title h2 img { width: 30px; }
	#room .room-in .room-wrap .left .other { display: flex; justify-content: space-between; }
	#room .room-in .room-wrap .left .other > div { width: 50%; }
	#room .room-in .room-wrap .right { margin-top: 120px; width: 100%; height: 420px; }
	#room .room-in .room-wrap .right div { display: none; }
	#room .room-in .room-wrap .right2 { margin-top: 20px; display: block; width: 100%; height: 420px; }
	#room .room-in > div:nth-child(2) { padding: 0px 20px; }
	#room .room-in > div:nth-child(2) > div { height: 420px; }
	
	.banner .banner-in { padding: 120px 0px; }
	.banner .banner-in .title img { width: 50px; }
	.banner .banner-in .title h2 { margin-top: 30px; }
	.banner .banner-in > img:nth-of-type(1) { left: 20px; bottom: 40px; width: 140px; }
	.banner .banner-in > img:nth-of-type(2) { right: 20px; top: 40px; width: 140px; }
	
}


@media (max-width: 768px) { 
    
    .room_data li .tit { width: 15%; font-size: 12px; }
    .room_data li .data { font-size: 12px; display: block; line-height: 24px; }
	.room_data li .data p { font-size: 12px; }
    .room_rprice { margin-top: 10px; }
    .week_date { margin-top: 60px;}
    .room_rprice table .rprice .sale { font-size: 13px; }
	
	#room { padding-top: 80px; }
	#room .room-in .room-wrap { padding: 0px 20px 80px; }
	#room .room-in .room-wrap .left .title h2 { margin-top: 10px; }
	#room .room-in .room-wrap .left .title h2 img { width: 22px; }
	#room .room-in .room-wrap .left .title h2 { font-size: 32px; line-height: 32px; }
	#room .room-in .room-wrap .left .other h3 { margin-top: 40px;; font-size: 18px; }
	#room .room-in .room-wrap .left .other p { font-size: 12px; line-height: 24px; }
	#room .room-in .room-wrap .right { margin-top: 80px; height: 320px; }
	#room .room-in .room-wrap .right2 { height: 320px; }
	#room .room-in > div:nth-child(2) > div { margin-top: 80px; height: 320px; }
	#room .room-in .room-caleander .title .link { margin: 40px auto 0px; }
	
	.banner .banner-in { padding: 180px 0px; }
	.banner .banner-in .title img { width: 35px; }
	.banner .banner-in .title h2 { margin-top: 20px; }
	.banner .banner-in > img:nth-of-type(1) { left: 20px; bottom: 40px; width: 120px; }
	.banner .banner-in > img:nth-of-type(2) { right: 20px; top: 40px; width: 120px; }

}


@media (max-width: 540px) { 

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

}


@media (max-width: 480px) {
    
    .room_data li .tit  { font-size: 12px; }   
    .room_data li .data { font-size: 12px; }
    .week_date p { font-size: 12px; }
	
	#room .room-in .room-wrap .right { height: 240px; }
	#room .room-in .room-wrap .right2 { height: 240px; }
	#room .room-in > div:nth-child(2) > div { height: 240px; }
    
}



@media (max-width: 420px) {
    
    
    .room_data li .tit { width: 25%; }
    .room_data li .data p { font-size: 11px;  }
	
    
}