#banner{ height: 90vh; }
.scroll{ display:none; }
.banner-swiper .img1{background:url(http://leegarang.cdn1.cafe24.com/sub2/a/image1.jpg) 50% no-repeat; background-size: cover; }
.banner-swiper .img2{background:url(http://leegarang.cdn1.cafe24.com/sub2/a/image2.jpg) 50% no-repeat; background-size: cover; }
.banner-swiper .img3{background:url(http://leegarang.cdn1.cafe24.com/sub2/a/image3.jpg) 50% no-repeat; background-size: cover; }
.banner-swiper .img4{background:url(http://leegarang.cdn1.cafe24.com/sub2/a/image4.jpg) 50% no-repeat; background-size: cover; }
.banner-swiper .img5{background:url(http://leegarang.cdn1.cafe24.com/sub2/a/image5.jpg) 50% no-repeat; background-size: cover; }
.banner-swiper .img6{background:url(http://leegarang.cdn1.cafe24.com/sub2/a/image6.jpg) 50% no-repeat; background-size: cover; }
.banner-swiper .img7{background:url(http://leegarang.cdn1.cafe24.com/sub2/a/image7.jpg) 50% no-repeat; background-size: cover; }
.banner-swiper .img8{background:url(http://leegarang.cdn1.cafe24.com/sub2/a/image8.jpg) 50% no-repeat; background-size: cover; }
.banner-swiper .img9{background:url(http://leegarang.cdn1.cafe24.com/sub2/a/image9.jpg) 50% no-repeat; background-size: cover; }
.banner-swiper .img10{background:url(http://leegarang.cdn1.cafe24.com/sub2/a/image10.jpg) 50% no-repeat; background-size: cover; }
.banner-swiper .img11{background:url(http://leegarang.cdn1.cafe24.com/sub2/a/image11.jpg) 50% no-repeat; background-size: cover; }
#intro{ width: 98%; height:auto; margin: 120px auto;}
#intro .intro-in{ padding-bottom:0px; }
#intro .intro-in .intro-right .right-img{ height:510px; background:url(http://leegarang.cdn1.cafe24.com/sub2/a/image1.jpg) no-repeat; background-size:cover;}
#intro .intro-in .intro-left .intro-txt h1{ margin:0px 0px 30px;  }
/*객실정보 연결*/
.room_tit{ display:none; }
#room_des{ margin-top:50px; }
.room_data li:nth-child(3) .data{padding-right:20px !important;}
ul.room_data{padding:0;}
.room_data li{display:flex;margin-bottom:15px;align-items:center;font-family: 'Noto Sans KR', sans-serif;}
.room_data li:last-child{margin-bottom:0;}
.room_data li .tit{width:17%;margin-right:20px;padding:0 !important;font-size:15px !important;font-weight:400 !important;color:#C5C5C5;font-family: 'Noto Sans KR', sans-serif;}
.room_data li .data{display:flex;width:85%;padding:0 !important;font-size:14px !important;font-weight:400 !important;line-height:24px !important;font-family: 'Noto Sans KR', sans-serif;flex-wrap:wrap;}
.room_data li .data p:nth-child(1)::after, .room_data li .data p:nth-child(2)::after{content:' / ';}
.rooms-info .btn{margin:50px 0 0;}
.rooms-info-r{display:flex;position:relative;width:50%;padding-top:50px;flex-direction:column;align-items:center;text-align:center;}
.rooms-info-r .con-tit{margin-bottom:40px;}
.rooms-info-r>p{font-size:15px;font-weight:400px;color:#333;line-height:25px;}
.rooms-info-r>p>span{display:block;}
.room_data li .person_limit table{ display: none; }

/*떠나요 달력*/
/*rate*/
/*#rate{ height:450px; }*/
#rate .rooms-rate{width:96%;margin:80px auto 0px;}
#rate .room_rprice{padding:0px;}
#rate .rooms-rate .week_date{font-family: 'Noto Sans KR', sans-serif;margin-bottom:50px; text-align: center;}
#rate .rooms-rate #tit{font-family: 'Noto Sans KR', sans-serif;font-size:20px;font-weight:500;color:#000;}
#rate .rooms-rate table{border-top: 1px solid #a1a1a1;}
#rate .rooms-rate table .head{background-color:#F6F6F6;}
#rate .rooms-rate table .head td{padding:20px 0;}
#rate .rooms-rate table .state td{background-color:transparent;}
#rate .rooms-rate table td{border-bottom:1px solid #a1a1a1;font-family: 'Noto Sans KR', sans-serif;font-size:14px;font-weight:400;color:#000;}
#rate .rooms-rate .ssn.sc0003{font-family: 'Noto Sans KR', sans-serif;font-size:14px;font-weight:400;color:#000;}
#rate .rooms-rate table .rprice .sale{font-family: 'Noto Sans KR', sans-serif;font-size:16px;font-weight:500;color:#000;}
#rate .rooms-rate table .state td{background-color:transparent;padding:20px 0;}
#rate .rooms-rate .rstate.soff.sc0030{font-family: 'Noto Sans KR', sans-serif;font-size:14px;font-weight:400;}
#rate .rooms-rate .rstate.son.sc0010{font-family: 'Noto Sans KR', sans-serif;font-size:14px;font-weight:400;}
#rate .rooms-rate .ssn.sc0001{font-family: 'Noto Sans KR', sans-serif;font-size:14px;font-weight:400;color:#000;}
#rate .rooms-rate table .state td{background-color:transparent}
#rate .rooms-rate .room_rprice table .state .son{font-weight:600;color:#000;}
#rate .rooms-rate .btn{margin:80px auto 0;}

#view{ width:100%; height: auto; margin-top: 120px}
#view .view-in{ width:95%;  margin:0 auto; }
#view .view-in h3{ text-align:center; font-family:'Noto Sans KR', sans-serif; font-weight:400; font-size:12px; color: #707070; margin-bottom: 10px;}
#view .view-in h1{font-family:'Roboto', sans-serif; font-weight:500; font-size:60px; color:#000; text-align:center; }
#view .view-in .view-list{ width:100%; height:auto;}
#view .view-in .view-list .list1{ display:flex; justify-content:space-between; width:100%; height:600px; margin-top: 50px;}
#view .view-in .view-list .list1 .img1{ width:32.5%; height:100%; background:url(http://leegarang.cdn1.cafe24.com/sub2/a/image1.jpg) no-repeat; margin: 0px 10px 0 0; background-size: cover; background-position: center; transform: translateZ(2px);}
#view .view-in .view-list .list1 .img2{ width:32.5%; height:100%; background:url(http://leegarang.cdn1.cafe24.com/sub2/a/image2.jpg) no-repeat; margin: 0px 10px 0 10px; background-size: cover; background-position: center; transform: translateZ(2px);}
#view .view-in .view-list .list1 .img3{ width:32.5%; height:100%; background:url(http://leegarang.cdn1.cafe24.com/sub2/a/image3.jpg) no-repeat; margin: 0px 0px 0 10px; background-size: cover; background-position: center; transform: translateZ(2px);}

#view .view-in .view-list .list2{ display:flex; justify-content:space-between; width:100%; height:600px; margin-top: 20px;}
#view .view-in .view-list .list2 .img1{ width:32.5%; height:100%; background:url(http://leegarang.cdn1.cafe24.com/sub2/a/image4.jpg) no-repeat; margin: 0px 10px 0 0; background-size: cover; background-position: center; transform: translateZ(2px);}
#view .view-in .view-list .list2 .img2{ width:32.5%; height:100%; background:url(http://leegarang.cdn1.cafe24.com/sub2/a/image5.jpg) no-repeat; margin: 0px 10px 0 10px; background-size: cover; background-position: center; transform: translateZ(2px);}
#view .view-in .view-list .list2 .img3{ width:32.5%; height:100%; background:url(http://leegarang.cdn1.cafe24.com/sub2/a/image6.jpg) no-repeat; margin: 0px 0px 0 10px; background-size: cover; background-position: center; transform: translateZ(2px);}

#view .view-in .view-list .list3{ display:flex; justify-content:space-between; width:100%; height:600px; margin-top: 20px;}
#view .view-in .view-list .list3 .img1{ width:32.5%; height:100%; background:url(http://leegarang.cdn1.cafe24.com/sub2/a/image9.jpg) no-repeat; margin: 0px 10px 0 0; background-size: cover; background-position: center; transform: translateZ(2px);}
#view .view-in .view-list .list3 .img2{ width:32.5%; height:100%; background:url(http://leegarang.cdn1.cafe24.com/sub2/a/image8.jpg) no-repeat; margin: 0px 10px 0 10px; background-size: cover; background-position: center; transform: translateZ(2px);}
#view .view-in .view-list .list3 .img3{ width:32.5%; height:100%; background:url(http://leegarang.cdn1.cafe24.com/sub2/a/image7.jpg) no-repeat; margin: 0px 0px 0 10px; background-size: cover; background-position: center; transform: translateZ(2px);}

#view .view-in .view-list .list4{ display:flex; justify-content:flex-start; width:100%; height:600px; margin-top: 20px;}
#view .view-in .view-list .list4 .img1{ width:32.5%;  background:url(http://leegarang.cdn1.cafe24.com/sub2/a/image10.jpg) no-repeat; margin: 0px 10px 0 0; background-size: cover; background-position: center; transform: translateZ(2px);}
#view .view-in .view-list .list4 .img2{ width:32.5%;  background:url(http://leegarang.cdn1.cafe24.com/sub2/a/image11.jpg) no-repeat; margin: 0px 10px 0 10px; background-size: cover; background-position: center; transform: translateZ(2px);}
#view .view-in .view-list .list4 .img3{ width:32.5%;   margin: 0px 0px 0 10px; background-size: cover; background-position: center; transform: translateZ(2px);}

#view .view-in .view-list .list5{ display:flex; justify-content:flex-start; width:100%; height:600px; margin-top: 20px;}
#view .view-in .view-list .list5 .img1{ width:32.5%; height:100%; margin: 0px 10px 0 0; background-size: cover; background-position: center; transform: translateZ(2px);}
#view .view-in .view-list .list5 .img2{ width:32.5%; height:100%; margin: 0px 10px 0 10px; background-size: cover; background-position: center; transform: translateZ(2px);}
#view .view-in .view-list .list5 .img3{ width:32.5%; height:100%; margin: 0px 0px 0 10px; background-size: cover; background-position: center; transform: translateZ(2px);}

#view .view-in .view-list .list6{ display:flex; justify-content:flex-start; width:100%; height:600px; margin-top: 20px;}
#view .view-in .view-list .list6 .img1{ width:32.5%; height:100%; margin: 0px 10px 0 0; background-size: cover; background-position: center; transform: translateZ(2px);}
#view .view-in .view-list .list6 .img2{ width:32.5%; height:100%; margin: 0px 10px 0 10px; background-size: cover; background-position: center; transform: translateZ(2px);}
#view .view-in .view-list .list6 .img3{ width:32.5%; height:100%; margin: 0px 0px 0 10px; background-size: cover; background-position: center; transform: translateZ(2px);}
/**********************************************반응형**********************************************************/
@media screen and (max-width: 1400px){
    #intro .intro-in .intro-left .intro-txt h1{ font-size: 40px; }
}

@media screen and (max-width: 1200px){
    #intro .intro-in .intro-left .intro-txt h1{ font-size: 36px; margin-bottom: 20px;}
}

@media screen and (max-width: 1024px){

	#banner .banner-in .banner-txt h3{ font-size:12px; }
	#banner .banner-in .banner-txt h2{ font-size:60px; margin-top: 10px;}

/*	#intro{ height:750px; }*/
	#intro .intro-in{ flex-direction:column; }
	#intro .intro-in .intro-left{ width:100%; }
	#intro .intro-in .intro-right{ width:100%; }
	#intro .intro-in .intro-left .left-img{ margin-left:0px; }
	#intro .intro-in .intro-right .right-img{ display:none; }

	#intro .intro-in .intro-left .intro-txt{ margin-bottom:0px; }

	
}

@media screen and (max-width: 780px){
	header .header-in .nav{ display:none; }
	#banner .banner-in .banner-txt h3{ font-size:12px; }
	#banner .banner-in .banner-txt h2{ font-size:36px; margin-top: 10px;}

/*	#intro{ height:700px; }*/
	#intro .intro-in{ flex-direction:column; }
	#intro .intro-in .intro-left{ width:100%; }
	#intro .intro-in .intro-right{ width:100%; margin-top: 0px;}
	#intro .intro-in .intro-left .left-img{ margin-left:0px; }
	#intro .intro-in .intro-right .right-img{ display:none; }
/*	#rate{ height:450px;}*/
	#rate .rooms-rate .week_date{ margin-top:100px;}
	#rate .rooms-rate #tit{ font-size:14px; }
}

@media screen and (max-width: 1024px){ 

	/*외부전경*/
	#view .view-in .view-list .list1{ height:400px; }
	#view .view-in .view-list .list2{ height:400px; }
	#view .view-in .view-list .list3{ height:400px; }
	#view .view-in .view-list .list4{ height:400px; }
	#view .view-in .view-list .list5{ height:400px; }
	#view .view-in .view-list .list6{ height:400px; }
	#view .view-in .view-list .list1 .img3{ display: none;}
	#view .view-in .view-list .list2 .img3{ display: none;}
	#view .view-in .view-list .list3 .img3{ display: none;}
	#view .view-in .view-list .list4 .img3{ display: none;}
	#view .view-in .view-list .list5 .img3{ display: none;}
	#view .view-in .view-list .list6 .img3{ display: none;}

	#intro .intro-in .intro-left .intro-txt{ padding:0 20px; }
}
@media screen and (max-width: 780px){
    #banner{ height: 60vh; }
	#view .view-in .view-list{ margin-top:50px; width:100%; height:auto;}

	#view .view-in .view-list .list1{ flex-direction:column; height:auto; margin: 10px auto;}
	#view .view-in .view-list .list2{ flex-direction:column; height:auto; margin: 10px auto;}
	#view .view-in .view-list .list3{ flex-direction:column; height:auto; margin: 10px auto;}
	#view .view-in .view-list .list4{ flex-direction:column; height:auto; margin: 10px auto;}
	#view .view-in .view-list .list5{ flex-direction:column; height:auto; margin: 10px auto;}
	#view .view-in .view-list .list6{ flex-direction:column; height:auto; margin: 10px auto;}

	#view .view-in .view-list .list1 .img2{ width: 100%; height: 300px; margin: 0 auto 20px auto;}
	#view .view-in .view-list .list1 .img1{ width: 100%; height: 300px; margin: 0 auto 20px auto;}
	#view .view-in .view-list .list1 .img3{ display: block; width: 100%; height: 300px; margin: 0 auto 20px auto;}

	#view .view-in .view-list .list2 .img1{ width: 100%; height: 300px; margin: 0 auto 20px auto;}
	#view .view-in .view-list .list2 .img2{ width: 100%; height: 300px; margin: 0 auto 20px auto;}
	#view .view-in .view-list .list2 .img3{ display: block; width: 100%; height: 300px; margin: 0 auto 20px auto;}
    
	#view .view-in .view-list .list3 .img1{ width: 100%; height: 300px; margin: 0 auto 20px auto;}
	#view .view-in .view-list .list3 .img2{ width: 100%; height: 300px; margin: 0 auto 20px auto;}
	#view .view-in .view-list .list3 .img3{ display: block; width: 100%; height: 300px; margin: 0 auto 20px auto;}

	#view .view-in .view-list .list4 .img1{ width: 100%; height: 300px; margin: 0 auto 20px auto;}
	#view .view-in .view-list .list4 .img2{ width: 100%; height: 300px; margin: 0 auto 20px auto;}
	#view .view-in .view-list .list4 .img3{ display: block; width: 100%; height: 300px; margin: 0 auto 20px auto;}
    
	#view .view-in .view-list .list5 .img1{ width: 100%; height: 300px; margin: 0 auto 20px auto;}
	#view .view-in .view-list .list5 .img2{ width: 100%; height: 300px; margin: 0 auto 20px auto;}
	#view .view-in .view-list .list5 .img3{ display: block; width: 100%; height: 300px; margin: 0 auto 20px auto;}

	#view .view-in .view-list .list6 .img1{ width: 100%; height: 300px; margin: 0 auto 20px auto;}
	#view .view-in .view-list .list6 .img2{ width: 100%; height: 300px; margin: 0 auto 20px auto;}
	#view .view-in .view-list .list6 .img3{ display: block; width: 100%; height: 300px; margin: 0 auto 20px auto;}
}