@charset "utf-8";
/*main banner*/
section {width: 100%; } 
.main-bn-swip .s1 { background-image:url(http://sannaedeul6378.cdn1.cafe24.com/sub2/deluxea/image1.jpg); } 
.main-bn-swip .s2 { background-image:url(http://sannaedeul6378.cdn1.cafe24.com/sub2/deluxea/image2.jpg); } 
.main-bn-swip .s3 { background-image:url(http://sannaedeul6378.cdn1.cafe24.com/sub2/deluxea/image3.jpg); } 
.main-bn-swip .s4 { background-image:url(http://sannaedeul6378.cdn1.cafe24.com/sub2/deluxea/image4.jpg); } 
.main-bn-swip .s5 { background-image:url(http://sannaedeul6378.cdn1.cafe24.com/sub2/deluxea/image5.jpg); } 
.main-bn-swip .s6 { background-image:url(http://sannaedeul6378.cdn1.cafe24.com/sub2/deluxea/image6.jpg); } 
.main-bn-swip .s7 { background-image:url(http://sannaedeul6378.cdn1.cafe24.com/sub2/deluxea/image7.jpg); } 
.main-bn-swip .s8 { background-image:url(http://sannaedeul6378.cdn1.cafe24.com/sub2/deluxea/image8.jpg); } 
.main-bn-swip .s9 { background-image:url(http://sannaedeul6378.cdn1.cafe24.com/sub2/deluxea/image9.jpg); } 
.main-bn-swip .s10 { background-image:url(http://sannaedeul6378.cdn1.cafe24.com/sub2/deluxea/image10.jpg); } 
.main-bn-swip .s11 { background-image:url(http://sannaedeul6378.cdn1.cafe24.com/sub2/deluxea/image11.jpg); } 

.main-bn .main-bn-txt { background-color:rgba(0, 0, 0, 0.0); text-shadow: 0 2px 4px rgba(0,0,0,.6); } 
.main-bn .main-bn-txt .line { display:none; } 
.main-bn .main-bn-txt .main-menu { display:none; } 

/*인트로*/
#luche-intro { width:100%; height: 960px; } 
#luche-intro .luche-intro-in { width: 1400px; margin: 0px auto; position: relative; } 
#luche-intro .luche-intro-in .luche-intro-tit h3 { font-family: 'SUIT Variable', sans-serif; font-size: 16px; font-weight: 300; color: #8c857a; text-align: center; } 
#luche-intro .luche-intro-in .luche-intro-tit h2 { font-family: "GowunBatang"; font-size: 36px; font-weight: 600; color: #8c857a; margin-top: 20px; margin-bottom: 20px; text-align: center; } 
#luche-intro .luche-intro-in .luche-intro-deco { width: 208px; height: 240px; background-image: url(../img/deco-l.png); background-size:cover; position: absolute; top:120px; left: 0; z-index: 0; transition: 0.5s; opacity: .03; } 

#luche-intro .luche-intro-in .luche-center .img-list { width: 770px; margin: 0 auto; display:flex; justify-content:space-around; } 
#luche-intro .luche-intro-in .luche-center .img-list .luche-intro-img { width: 376px; height: 540px; background: url(http://sannaedeul6378.cdn1.cafe24.com/sub2/deluxea/image4.jpg) 60% 0% no-repeat; background-size:cover; margin: 50px auto 0px auto; z-index: 5; transition:0.5s; clip-path: polygon(100% 100%, 100% 40%, 50% 0, 0 40%, 0 100%); overflow:hidden; } 
#luche-intro .luche-intro-in .luche-center .img-list .luche-intro-img2 { width: 376px; height: 540px; background: url(http://sannaedeul6378.cdn1.cafe24.com/sub2/deluxea/image9.jpg) 48% no-repeat; background-size:cover; margin: 50px auto 0px auto; z-index: 5; transition:0.5s; clip-path: polygon(100% 100%, 100% 40%, 50% 0, 0 40%, 0 100%); overflow:hidden; } 


#luche-intro .luche-intro-in .intro-deco2 { width: 190px; height: 267px; background-image: url(../img/deco-r.png); background-size:cover; position: absolute; top:500px; right: 0px; transition: 0.5s; z-index: 3; opacity: .03; } 
#luche-intro .luche-intro-in .luche-intro-txt p { text-align: center; font-family: 'SUIT Variable', sans-serif; font-size: 14px; line-height: 1.5em; color: #8c857a; margin-top: 50px; } 

/*모바일 객실 부분*/
.m_banner { display: none; width: 100%; height: 100%; transform:translateZ(2px); } 
.m_img_array { display:none; width: 100%; height: auto; margin: 0 auto; margin-bottom: 50px; margin-top: 50px; } 
.m_img_array .m_img { height:auto; padding-bottom: 62.5%; background-size: cover; margin-bottom: 30px; transform: translateZ(2px); box-shadow: 0 1px 3px rgba(0,0,0,.1); } 
.m_img_array .m_img:last-child { margin-bottom: 0; } 
.m_banner { background:url(http://sannaedeul6378.cdn1.cafe24.com/sub2/deluxea/image1.jpg) 50% 50% no-repeat; } 
.m_img_array .m_img1 { background-image:url(http://sannaedeul6378.cdn1.cafe24.com/sub2/deluxea/image1.jpg); } 
.m_img_array .m_img2 { background-image:url(http://sannaedeul6378.cdn1.cafe24.com/sub2/deluxea/image2.jpg); } 
.m_img_array .m_img3 { background-image:url(http://sannaedeul6378.cdn1.cafe24.com/sub2/deluxea/image3.jpg); } 
.m_img_array .m_img4 { background-image:url(http://sannaedeul6378.cdn1.cafe24.com/sub2/deluxea/image4.jpg); } 
.m_img_array .m_img5 { background-image:url(http://sannaedeul6378.cdn1.cafe24.com/sub2/deluxea/image5.jpg); } 
.m_img_array .m_img6 { background-image:url(http://sannaedeul6378.cdn1.cafe24.com/sub2/deluxea/image6.jpg); } 
.m_img_array .m_img7 { background-image:url(http://sannaedeul6378.cdn1.cafe24.com/sub2/deluxea/image7.jpg); } 
.m_img_array .m_img8 { background-image:url(http://sannaedeul6378.cdn1.cafe24.com/sub2/deluxea/image8.jpg); } 
.m_img_array .m_img9 { background-image:url(http://sannaedeul6378.cdn1.cafe24.com/sub2/deluxea/image9.jpg); } 
.m_img_array .m_img10 { background-image:url(http://sannaedeul6378.cdn1.cafe24.com/sub2/deluxea/image10.jpg); } 
.m_img_array .m_img11 { background-image:url(http://sannaedeul6378.cdn1.cafe24.com/sub2/deluxea/image11.jpg); } 

/*info*/
#info { width: 100%; height: auto; padding-bottom: 100px; } 
#info .info-in { width: 1400px; height: 600px; border-top: 2px solid #8c857a; border-bottom: 2px solid #8c857a; margin: 0px auto; display: flex; justify-content: center; } 
#info .info-in .info-txt { width: 50%; margin: 120px 0px 0px 30px; } 
#info .info-in .info-txt p { font-family: 'SUIT Variable', sans-serif; font-size: 14px; color: #8c857a; } 
#info .info-in .info-txt h4 { font-family: "GowunBatang"; font-weight: 600; font-size: 36px; color: #8c857a; margin-top: 10px; } 
#info .info-in .info-img { width:50%; height: 500px; background-image: url(http://sannaedeul6378.cdn1.cafe24.com/sub2/deluxea/image3.jpg); margin: 50px 30px 50px 0px; background-size: cover; background-position: 30% 50%; } 
#info .info-in .info-txt .info-con { width: 90%; margin-top: 30px; } 
h1.room_tit { display:none; } 
ul.room_date { padding: 0; } 
.room_data li { display: flex; margin-bottom: 15px; align-items: stretch; font-family: 'SUIT Variable', sans-serif; } 
.room_data li:last-child { margin-bottom:0; } 
.room_data li .tit { width:17%; margin-right:10px; margin-top:6px; padding:0 !important; font-size:18px !important; font-weight:700 !important; color:#8c857a; font-family: "GowunBatang"; } 
.room_data li .data { display:flex; width:80%; padding:0 !important; font-size:14px !important; font-weight:300 !important; line-height: 30px !important; font-family: 'SUIT Variable', sans-serif; flex-wrap: wrap; color:#8C857A; } 
.room_data li .person_limit table { display:none; } 
.room_data li .data p:nth-child(1)::after, .room_data li .data p:nth-child(2)::after { content:' / '; } 
.room_data li:nth-child(3) .data { padding-right:50px !important; } 

/*rate*/
#rate { width:100%; text-align: center; } 
#rate .rate-in { width: 1400px; height: auto; margin: 0 auto; text-align: center; } 
.room_rprice { padding: 0px; } 
.rate-in .week_date { font-family: 'SUIT Variable', sans-serif; margin-bottom:50px; } 
.rate-in #tit { font-family: "GowunBatang"; font-size: 20px; font-weight: 500; color: #8c857a; } 
.rate-in table { border-top:1px solid #a1a1a1; width:90%; margin: 0 auto; } 
.rate-in table .head { background-color:#f8f6f2; } 
.rate-in table .head td { padding: 20px 0; } 
.rate-in table .state td { background-color:transparent; } 
.rate-in table td { border-bottom: 1px solid #a1a1a1; font-family: 'SUIT Variable', sans-serif; font-size: 14px; font-weight: 400; color: #8c857a; padding: 16px 0; } 
.rate-in .ssn.sc0003 { font-family: 'SUIT Variable', sans-serif; font-size: 14px; font-weight: 400; color: #8c857a; } 
.rate-in table .rprice .sale { font-family: 'SUIT Variable', sans-serif; font-size:16px; font-weight:500; color:#8c857a; } 
.rate-in table .state td { background-color: transparent; padding: 16px 0; } 
.rate-in .rstate.soff.sc0030 { font-family: 'SUIT Variable', sans-serif; font-size: 14px; font-weight: 400; } 
.rate-in .rstate.son.sc0010 { font-family: 'SUIT Variable', sans-serif; font-size: 14px; font-weight: 400; } 
.rate-in .ssn.sc0001 { font-family: 'SUIT Variable', sans-serif; font-size: 14px; font-weight: 400; color: #8c857a; padding: 20px 0; } 
.rate-in table .state td { background-color:transparent; } 
.rate-in .room_rprice table .state .son { font-weight:600; color:#876e6e; } 
.rate-in .btn-t { margin: 100px auto 0px; } 
.rate-in table .rprice td { padding:20px 0; } 
.room_rprice table .head .satur { color: #0000ff; font-family: 'SUIT Variable', sans-serif; } 
.room_rprice table .head .sun { color:#ff0000; } 
.rate-in .btn-t { margin: 50px auto 0; } 
button { cursor:pointer; } 
.btn-t { width: 230px; height: 50px; border-radius: 25px; border: 1px solid #8c857a; color: #8c857a; background-color: transparent; transition: 0.5s; } 
.btn-t:hover { width: 230px; height: 50px; border-radius: 25px; color: #fff; background-color: #8c857a; transition: 0.5s; } 

/*detail*/
#detail { width: 100%; height: auto; height: 1300px;  background-color: #fbfdfc;} 
#detail .detail-in { width: 1400px; margin: 0px auto; padding-top: 120px; } 
#detail .detail-in .detail-tit { text-align: center; } 
#detail .detail-in .detail-tit h3 { font-family: 'SUIT Variable', sans-serif; font-size: 14px; color: #8c857a; } 
#detail .detail-in .detail-tit h2 { font-family: "GowunBatang"; font-size: 36px; font-weight: 600; color: #8c857a; margin-top: 20px; margin-bottom: 20px; } 
#detail .detail-in .detail-imglst { width: 100%; /*height: 960px;*/ margin: 60px auto; display: flex; justify-content: center; } 

.detail-img-txt { margin: 20px auto; text-align: center; } 
.detail-img-txt h2 { font-family: "GowunBatang"; font-weight: 700; font-size: 24px; color: #8c857a; margin-bottom: 20px; } 
.detail-img-txt h3 { font-family: 'SUIT Variable', sans-serif; font-size: 14px; color: #8c857a; line-height: 1.5em; } 
#detail .detail-in .detail-imglst .detail-imglst-r { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; } 

#detail .detail-in .detail-imglst .detail-imglst-r> a {display: block; width: 32%; height: 480px; flex-shrink: 0;} 

#detail .detail-in .detail-imglst .detail-imglst-r .deluxea .detail-img { width: 100%; height: 300px; background-image: url(http://sannaedeul6378.cdn1.cafe24.com/sub2/deluxea/image2.jpg); background-size: cover; background-position: center; } 
#detail .detail-in .detail-imglst .detail-imglst-r .deluxeb .detail-img { width: 100%; height: 300px; background-image: url(http://sannaedeul6378.cdn1.cafe24.com/sub2/deluxea/image5.jpg); background-size: cover; background-position: center; } 
#detail .detail-in .detail-imglst .detail-imglst-r .deluxec .detail-img { width: 100%; height: 300px; background-image: url(http://sannaedeul6378.cdn1.cafe24.com/sub2/deluxec/image3.jpg); background-size: cover; background-position: center; } 
#detail .detail-in .detail-imglst .detail-imglst-r .couplea .detail-img { width: 100%; height: 300px; background-image: url(http://sannaedeul6378.cdn1.cafe24.com/sub2/couplea/image2.jpg); background-size: cover; background-position: center; } 
#detail .detail-in .detail-imglst .detail-imglst-r .coupleb .detail-img { width: 100%; height: 300px; background-image: url(http://sannaedeul6378.cdn1.cafe24.com/sub2/couplea/image4.jpg); background-size: cover; background-position: center; } 
#detail .detail-in .detail-imglst .detail-imglst-r .family .detail-img { width: 100%; height: 300px; background-image: url(http://sannaedeul6378.cdn1.cafe24.com/sub2/family/image4.jpg); background-size: cover; background-position: center; } 

/*design*/
.design-in .design-img { width: 120px; height: 62px; background-image: url(../img/room-deco.png); text-align: center; margin: 0px auto 20px auto; } 
.design-in { padding:160px 0; } 
#design { height: auto; background:url(http://sannaedeul6378.cdn1.cafe24.com/sub2/deluxea/image4.jpg) 50% 35% no-repeat; background-size:cover; filter:saturate(.8) brightness(1); margin-top: 80px; } 
/********************반응형************************/
@media screen and (max-width: 1400px) {/*intro*/
#luche-intro { width:100%; } 
#luche-intro .luche-intro-in { width:90%; } 
#luche-intro .luche-intro-in .luche-intro-deco { position: absolute; top: 120px; left: 0px; transition: 0.5s; } 
 #luche-intro .luche-intro-in .intro-deco2 { right:0px; transition:0.5s; } 

/*info*/
#info .info-in { width:98%; } 
.room_data li .data { font-size:12px !important; } 
#info .info-in .info-txt p { font-size:12px; } 
.room_data li .tit { font-size:16px; } 
#info .info-in .info-txt h4 { font-size:30px; } 
 
/*rate*/
#rate .rate-in { width:100%; } 

/*detail*/
#detail .detail-in { width:90%; } 
 }

@media screen and (max-width: 1024px) {section { height:auto; } 

#luche-intro { height:auto; margin-bottom:100px; } 
#luche-intro .luche-intro-in { margin-top:50px; } 
#luche-intro .luche-intro-in .intro-deco2 { top: 400px; right:0px; transition:0.5s; } 

#luche-intro .luche-intro-in .luche-center .img-list { width: 630px; } 
#luche-intro .luche-intro-in .luche-center .img-list .luche-intro-img { width: 300px; height: 426px; background-size: cover; transition:0.5s; } 
 #luche-intro .luche-intro-in .luche-center .img-list .luche-intro-img2 { width: 300px; height: 426px; background-size: cover; transition:0.5s; } 

/*info*/
#info .info-in { height:auto; display: flex; justify-content: center; flex-direction: column; } 
.room_data li .data { font-size:14px !important; line-height:18px !important; } 
#info .info-in .info-txt p { font-size:14px !important; } 
.room_data li .tit { font-size:18px !important; margin-top:0; } 
#info .info-in .info-txt h4 { font-size:30px; } 
#info .info-in .info-img { width: 100%; height:350px; margin: 0 auto 50px auto; } 
#info .info-in .info-txt { margin-top:100px; width:100%; margin: 0 auto; } 
#info .info-in .info-txt .info-txt-tit { text-align:center; margin-top:50px; } 
#info .info-in .info-txt .info-con { margin: 30px auto; } 
/*#rate { margin-top:200px; } */

/*모바일 객실 부분*/
.main-bn-swip { display: none; } 
 .m_banner { display: block; } 
 .main-bn-page { display: none; } 
 .m_img_array { display:block; } 
 #info .info-in .info-img { display:none; } 

/*rate*/
/*#rate { height:450px; } */
#rate .rate-in { width:100%; } 
.rate-in #tit { font-size:18px; } 
 .rate-in table .head td { padding:15px 0; } 
 .rate-in .room_rprice table .ss td { padding:15px 0; } 
 .rate-in .room_rprice table .rprice td { padding:15px 0; } 
 .rate-in table td { font-weight:300; } /*border-bottom:1px solid #DADAD9; */
 .rate-in .ssn.sc0003 { font-weight:300; } 
 .rate-in table .rprice .sale { font-size:14px; font-weight:400; } 
 .rate-in table .state td { padding:15px 0; } 
 .rate-in .rstate.soff.sc0030 { font-weight:300; } 
 .rate-in .rstate.son.sc0010 { font-weight:300; } 
 .rate-in .ssn.sc0001 { font-weight:300; } 

/*detail*/
/* #detail { height:1050px; } */

#detail .detail-in .detail-imglst .detail-imglst-r { height:760px; } 

/* #detail .detail-in .detail-imglst .detail-imglst-r> div { height: 380px; } */
#detail .detail-in .detail-imglst .detail-imglst-r> div .detail-img { height:200px; } 
/* #detail .detail-in .detail-imglst .detail-imglst-r .first-line .bedroom { height: 380px; } 
#detail .detail-in .detail-imglst .detail-imglst-r .first-line .bedroom .detail-img { height:200px; } 
#detail .detail-in .detail-imglst .detail-imglst-r .first-line .bathroom { height: 380px; } 
#detail .detail-in .detail-imglst .detail-imglst-r .first-line .bathroom .detail-img { height:200px; } 
#detail .detail-in .detail-imglst .detail-imglst-r .first-line .jetspa { height: 380px; } 
#detail .detail-in .detail-imglst .detail-imglst-r .first-line .jetspa .detail-img { height:200px; } */
.detail-img-txt h2 { font-size:20px; } 
.detail-img-txt h3 { font-size:12px; } 
}

@media screen and (max-width: 780px) {section { height:auto; transition:0.5s; } 
section .main-bn { height: 482px; transition: 0.5s } 

#luche-intro .luche-intro-in .luche-center .img-list { width:100%; } 
#luche-intro .luche-intro-in .luche-center .img-list .luche-intro-img { margin:0 auto; } 
#luche-intro .luche-intro-in .luche-center .img-list .luche-intro-img2 { display:none; } 

#luche-intro .luche-intro-in .luche-intro-deco { display: none; width:130px; height: 140px; background-size: cover; } 
#luche-intro .luche-intro-in .intro-deco2 { display: none; width:110px; height: 150px; background-size: cover; } 

/*info*/
#info .info-in { height:auto; display: flex; justify-content: center; flex-direction: column; } 
.room_data li .data { font-size:12px !important; line-height:18px !important; } 
#info .info-in .info-txt p { font-size:12px !important; } 
.room_data li .tit { width:20%; font-size:16px !important; } 
#info .info-in .info-txt h4 { font-size:30px; } 
#info .info-in .info-img { width: 100%; height:350px; margin: 0 auto 50px auto; } 
#info .info-in .info-txt { margin-top:100px; width:100%; margin: 0 auto; } 
#info .info-in .info-txt .info-txt-tit { text-align:center; margin-top:50px; } 
#info .info-in .info-txt .info-con { margin: 30px auto; } 

#luche-intro .luche-intro-in .luche-intro-tit h2 { font-size:30px; } 

/*rate*/
/*#rate { margin-top:200px; } */
#room_daily_price2 { width:100%; } 
 .rate-in .week_date p { padding:0 5px; } 
 .rate-in .week_date { margin-bottom:20px; } 
 .rate-in #tit { font-size:15px; } 
 .rate-in table .head td { padding:15px 0; font-size:12px; } 
 .rate-in .room_rprice table .ss td { padding:15px 0; } 
 .rate-in .room_rprice table .rprice td { padding:15px 0; } 
 .rate-in table td { font-weight:300; } /*border-bottom:1px solid #DADAD9; */
 .rate-in .ssn.sc0003 { font-size:12px; font-weight:300; } 
 .rate-in table .rprice .sale { font-size:12px; font-weight:400; } 
 .rate-in table .state td { padding:15px 0; } 
 .rate-in .rstate.soff.sc0030 { font-size:12px; font-weight:300; } 
 .rate-in .rstate.son.sc0010 { font-size:12px; font-weight:300; } 
 .rate-in .ssn.sc0001 { font-size:12px; font-weight:300; } 
 .rate-in .btn-t { margin:60px auto 0; } 

/*detail*/
#detail { height:1720px; } 
/* #detail .detail-in .detail-imglst .detail-imglst-l { height:500px; width:90%; margin: 200px auto 0px auto; } */
#detail .detail-in .detail-imglst .detail-imglst-r { width: 100%;   height: auto;} 
/* #detail .detail-in .detail-imglst .detail-imglst-r .first-line { margin-left:0px; } */

#detail .detail-in .detail-imglst .detail-imglst-r> a { width: 48%; } 
#detail .detail-in .detail-imglst .detail-imglst-l .detail-img { height:300px; }
.detail-img-txt h3 { font-size:12px; } 
#design .design-in .design-txt p { font-size:11px;} 

#design { margin:100px auto 0; } 
 }