@charset "utf-8";

.rsv_cal_b td{ background-color: #FFFFFF; }
.red {color: red;}
.reserbox { /* 이용안내 각 항목 박스*/
    display: flex; align-items: center;
    padding: 50px 0;
    border-bottom: 0.5px solid #464646;
}
.reserbox * { font-family: var(--font-sans); }
.reserbox.people {
    border-bottom: 2px solid #464646;
}
.reserbox h2 {
    width: 30%; 
    padding-left: 3%;
    font-weight: 400;
}
.reserbox ul {width: 70%;}
.list01 li {
    padding-left: 1em;
    text-indent:-0.9em;  
    font-family: var(--font-sans);
}
.list01 > .mb30 li:nth-child(11) {
    color: yellow;
}
.list01 li::before {content:"- "; text-align:center;}
.list02 li::before {content:"# ";}
.list01 li.warning {color: red; }
.list01 li.warning::before {content: "※ ";}

@media(max-width:768px) {
    .reserbox {
        flex-wrap: wrap;
        padding: 20px 0;
    }
    .reserbox h2 { 
        width: 100%;
        margin-bottom: 5px;
    }
    .reserbox ul {
        width: 100%;
    }
    .reserbox ul li {
        padding: 1.5% 0 0 5%;
        word-break: keep-all;
    }
}


.list03 { text-align:left !important;}
.list03 li { font-size:1.15em; line-height:1.8em; color:#707070; margin-bottom:5px; padding-left:2.5em;}
.list03 li i { display:inline-block; width:1.5em; font-family: 'Cormorant', serif; font-size:1.5em; color:#000;  text-align:left; font-style:normal; margin-left:-1.5em;}
.list03 li strong { font-weight:400; color:#000;}


@media  (max-width: 1024px){
.list03 li { font-size:0.9em; line-height:1.5em; padding-left:3em;}
.list03 li i { width:1.4em;margin-left:-1.4em;}
}

.tab_nav {} 
.tab_nav:after {content:"";display:block;clear:both;}
.tab_nav li { float:left; display:inline; margin:0; }
.tab_nav li a { }
.tab_nav li.ui-tabs-active a {color:#6d83ac; font-weight:700;}

.conText { text-align:center; }
.conText dt { opacity:0; filter: alpha(opacity=0;); }
.conText > dd { margin-bottom:6%; opacity:0; filter: alpha(opacity=0;);}

.active .conText dt {opacity:1; filter: alpha(opacity=100;); transition: all 0.5s ease-in-out 0.5s;}
.active .conText dd {opacity:1; filter: alpha(opacity=100;); transition: all 0.8s ease-in-out 1.0s;}

.conTitle01 { font-size:1em; font-weight:400; margin-bottom:5em; }
.conTitle01_01 { display:inline-block; font-family:'Playfair Display', serif; font-size: 3.8em; line-height:1em; color:var(--main-green); vertical-align:baseline; margin-right:0.1em;}
.conTitle01_02 {display:inline-block; font-size:1.9em; line-height:1.2em; font-weight:100; vertical-align:super;}

@media  (max-width: 1280px){
.conTitle01 { margin-bottom:5%;}
.conTitle01_01 { font-size: 2.4em; line-height:1.2em; margin-right:0.1em;}
.conTitle01_02 { font-size:1.4em; line-height:1em; vertical-align:baseline;}

}

@media  (max-width: 768px){

.conTitle01 { margin-bottom:5%;}
.conTitle01_01 { font-size: 1.6em;}
.conTitle01_02 { font-size:1.1em; }

}
/* about */
.aboutCon01 { position:relative; padding-bottom:5%; z-index:5;}
.about01_01 { position:absolute; width:34.2%; right:11.5%; top:-15%;}
.about01_02 { position:relative; width:50%; text-align:center;}
.about01_0201 { width:90%; margin:15% auto; text-align:right; }
.about01_0201 p { padding-right:5%;}
.about01_0202 {position:relative;}
.about01_0202 p { position:absolute; width:90%; right:-100%; bottom:0; text-align:left;}
.about01_0203 { display:inline-block; margin:15% auto; text-align:left; }
.about01_0203 p:first-child { margin-bottom:2em;}
.about01_0203 p { width:110%;}
.about01_03 { position:absolute; width:100%; left:0; bottom:0; z-index:-1;}

.aboutCon04 { position:relative;}
.aboutCon04 p { position:relative; width:50%; left:50%; margin-top:2%; z-index:2;}

.aboutCon02 { position:relative; width:90%; margin:15% auto 0; z-index:6;}
.about02_01 { position:relative; width:50%; z-index:1; }
.about02_02 { position:absolute; width:57.6%; right:0; top:-13%; z-index:2;}
.about02_0201 { padding:7% 0 0 20%;}
.about02_0201 dt {font-family:'Playfair Display', serif; font-size: 3.4em; line-height:1em; color:var(--main-green); margin-bottom:1em;}
.about02_0201 dd div { font-size:1.07em; line-height:1.8em; font-weight:100; margin-bottom:5em; }
.prologue_text { padding:8% 0; text-align:center;}
.prologue_text .text_NotoSerif { font-size:1.14em; line-height:2em; margin-bottom:0.5em; opacity: 1;  filter: alpha(opacity=100;);}
.prologue_text .subTypo02 { padding:0;}

.btn_view { display:inline-block; font-family: 'Abhaya Libre', serif; font-size:1.14em; line-height:2em; text-transform:uppercase; letter-spacing:0.1em; opacity:0.5; filter: alpha(opacity=50;); }
.btn_view .line01 { position:relative; display:inline-block; width:100px; height:1px; background:#fff; vertical-align:middle; margin-left:5px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
.btn_view .line02 { position:absolute; display:block; width:1px; height:20px; background:#fff; right:0; bottom:0;  transform: translate(-7px, 2px) rotate(-45deg); -ms-transform: translate(-7px, 2px) rotate(-45deg); -webkit-transform: translate(-7px, 2px) rotate(-45deg);}

.btn_view:hover .line01 { margin-left:15px;}

@media  (max-width: 1280px){
.about02_0201 dt { font-size: 2.4em;}
.about02_0201 dd div { font-size:0.95em; line-height:1.8em; margin-bottom:3.5em; }
.prologue_text .text_NotoSerif { font-size:1em;}


.btn_view {  font-size:1em; }
.btn_view .line01 { width:60px;}
.btn_view .line02 { height:15px;  transform: translate(-6px, 1px) rotate(-45deg); -ms-transform: translate(-6px, 1px) rotate(-45deg); -webkit-transform: translate(-6px, 1px) rotate(-45deg);}
}

@media  (max-width: 1024px){
.about01_01 {top:-10%;}
.about01_0201 { width:94%; }
}

@media  (max-width: 768px){
.about01_01 { right:2.5%; top:-8%;}
.about01_02 { width:62%; }
.about01_0202 { width:96%;}
.about01_0202 p { width:66%; right:-66%; bottom:5%; letter-spacing:-0.1em; padding-left:3%;}
.about01_0203 { width:160%;}
.about01_0203 p { padding-left:5%; margin-bottom:2em !important;}
.prologue_text .text_NotoSerif { font-size:0.9em;}

.aboutCon04 { padding-bottom:0px; margin-bottom:22%;}
.aboutCon04 p {}


.about02_02 { top:-20%;}
.about02_0201 { padding:5% 0 0 18%;}
.about02_0201 dt { font-size: 1.6em; margin-bottom:0;}
.about02_0201 dd div { font-size:0.85em; line-height:1.8em; margin:1em 0 2.5em; }

}

@media  (max-width: 420px){
.about02_0201 dt { font-size: 1.15em; margin-bottom:0;}
.about02_0201 dd div { font-size:0.7em; line-height:1.6em; letter-spacing:-0.05em; margin:1em 0 1.5em; }

.btn_view {  font-size:0.9em; }
.btn_view .line01 { width:35px;}
.btn_view .line02 { height:10px;  transform: translate(-3px, 1px) rotate(-45deg); -ms-transform: translate(-3px, 1px) rotate(-45deg); -webkit-transform: translate(-3px, 1px) rotate(-45deg);}

}


/* about02 - landscape */
.landCon01 { position:relative; z-index:5;}
.land01_01 { position:relative; width:81.5%; margin-left:18.5%; z-index:2;}
.land01_02 { position:relative; padding-left:12.5%; z-index:3; }
.land01_0201 {font-family:'Playfair Display', serif; font-size: 6.15em; line-height:1.1em; color:var(--main-green); font-style:italic; margin:-0.7em 0 0.8em; }
.land01_0202 {font-family: 'Parisienne', cursive; font-size:1.35em; line-height:1.8em; color:#fff; opacity:0.4; filter: alpha(opacity=40;);}
.land01_03 { position:relative; width:50%; margin-top:-3.5%; margin-left:50%; z-index:2;}
.land01_04 { position:absolute; width:67%; height:70%; left:0; bottom:16%; background:rgba(255,255,255,0.05); z-index:1;}

.landCon03 { width:90%; margin:0 auto;}

.landAction { position:absolute; left:-49px; bottom:5%; z-index:5; }
.landAction a { float:left; display:inline-block; width:50px; height:32px; border:1px solid #fff; text-align:center; cursor:pointer;}
.landAction a.landNext { margin-left:-1px;}
.landAction a i { font-size:16px; line-height:30px;}

@media  (max-width: 1024px){
.land01_0201 {font-size:6.6vw; line-height:1.1em;}
.land01_0202 { font-size:0.8em; line-height:1.8em;}
}


@media  (max-width: 768px){
.land01_0201 {font-size:7.6vw; line-height:1.1em;}
.land01_0202 { font-size:0.6em; line-height:1.8em;}
.land01_03 { width:90%; margin-top:5%; margin-left:10%; z-index:2;}

.landAction { left:-29px; }
.landAction a { width:30px; height:30px;}
.landAction a.landNext { margin-left:-1px;}
.landAction a i { font-size:14px; line-height:28px;}
}




/* room */
#room_des { width:100%; }
#room_des * {font-family: var(--font-sans) !important;}
#room_des .room_tit {
    width: 100%; 
    text-align: center; 
    font-size: 36px; 
    color: var(--main-green); 
    font-family: var(--font-main) !important;
    padding: 3% 0;
}
#room_des .room_data {display: flex; justify-content: space-around; flex-wrap: wrap;}
#room_des .room_data li {width: 50%; }
#room_des .room_data li:nth-of-type(2n+1) { 
    padding: 1% 2% 1% 12%; 
}
#room_des .room_data li:nth-of-type(2n) {
    padding: 1% 12% 1% 2%;
}
#room_des .room_data li:nth-of-type(n+5) {
    display: none;
}
#room_des .room_data li .tit::before {
    content: '';
    display: inline-block;
    transform: translate(-6px, 2px);
    -webkit-transform:translate(-6px, 2px);
    width: 20px;
    height: 20px;
}
#room_des .room_data li:nth-of-type(1) .tit::before {
    background: url(/html/images/room/icon_1.png) no-repeat;
}
#room_des .room_data li:nth-of-type(2) .tit::before {
    background: url(/html/images/room/icon_2.png) no-repeat;
}
#room_des .room_data li:nth-of-type(3) .tit::before {
    background: url(/html/images/room/icon_3.png) no-repeat;
}
#room_des .room_data li:nth-of-type(4) .tit::before {
    background: url(/html/images/room/icon_4.png) no-repeat;
}
/* #room_des .room_data li:nth-of-type(5) .tit::before {
    background: url(/html/images/room/icon_5.png) no-repeat;
}
#room_des .room_data li:nth-of-type(6) .tit::before {
    background: url(/html/images/room/icon_6.png) no-repeat;
} */
#room_des .room_data li .tit { font-size: 19px; color: var(--main-green); letter-spacing: 0.7px; font-weight: 400;}
#room_des .room_data li .data { font-size: 17px; line-height: 30px; word-break: keep-all; }
#room_des .room_data li .person_limit table { font-size: 14px; }

#room_daily_price1 { width:100%; padding: 20px; }
#room_daily_price1 * {font-family: var(--font-sans); word-break: keep-all;}
#room_daily_price1 .room_rprice table td:nth-of-type(2n), #room_daily_price1 .room_rprice table .state td:nth-of-type(2n) {
    background-color: #fff;
}
#room_daily_price1 .room_rprice table td:nth-of-type(2n+1),
#room_daily_price1 .room_rprice table .state td:nth-of-type(2n+1) {
    background-color: var(--bg-white03);
}
@media(max-width:1200px){
    #room_des .room_tit { font-size: 25px;}
    #room_des .room_data li .tit {
        font-size: 16px;
    }
    #room_des .room_data li .tit::before {
        transform: translate(-6px, 4px);
        -webkit-transform: translate(-6px, 4px);
    }
    #room_des .room_data li .data {
        font-size: 14px;
        line-height: 28px;
    }
}
@media(max-width:768px){
    #room_des { padding: 0 2%; }
    #room_des .room_data li {
        width: 100%;
        padding: 1% !important;
    }
    #room_des .room_tit {
        font-size: 22px;
    }
    #room_des .room_data li .tit {
        font-size: 14px;
    }

    #room_des .room_data li .tit::before {
        transform: translate(-6px, 5px);
        -webkit-transform: translate(-6px, 5px);
    }
    #room_des .room_data li .data {
        font-size: 12px;
        line-height: 24px;
    }
    #room_des .room_data li .person_limit table { font-size: 11px; }
    #room_daily_price1 { padding: 20px 0; }
    .week_date p { padding: 0px 3px !important; font-size: 14px !important;}
}
@media(max-width:379px) {
    .week_date p {
        padding: 0px 2px !important;
        font-size: 13px !important;
    }
}
@media(max-width:345px) {
    .week_date p {
        padding: 0px 1px !important;
        font-size: 12px !important;
    }
}

.subTop02_room { top:auto !important; bottom:0;}

.roomTop_list { position:absolute; width:90%; height:84%; left:9%; top:16%; z-index:2;}
.roomTop_list .roomNav { position:absolute; display:block; width:38px; height:38px; margin:-19px 0 0 -19px; background:#ec5389; border-radius:50%; text-align:center; font-size:12px; line-height:13px; color:#fff; font-weight:500; padding-top:7px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.roomTop_list .roomNav.roomNav51, .roomTop_list .roomNav.roomNav52 {
    width:48px; height:48px;
}
.roomTop_list .roomNav:hover, .roomTop_list .roomNav:focus { -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -ms-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease;}

.roomCon01 {}
.room01_01 {text-align:center; margin:5% 0;}
.room01_01 dt {color: var(--main-green); font-family: 'Playfair Display', serif; font-size:5.17em; line-height:1em; margin-bottom:0.5em; font-style:italic;}
.room01_01 dd {font-family: 'Lora', serif; font-size:8px; line-height:2.2em; opacity:0.8; filter: alpha(opacity=80;); }
.room01_02 {}
.roomPrice { width:90%; max-width:1550px; margin:5% auto;}
.roomCon02 { position:relative;}
.room02_01 { position:relative; width:35.2%; margin-left:9%; z-index:2;}
.room02_02 { position:absolute; width:55%; right:0; top:10%; text-align:center; z-index:2;}
.room02_02 dt {font-family: 'Parisienne', cursive; font-size:3.3em; font-size:2.1vw; line-height:1.1em; color:#a48868; margin-bottom:2em;}
.room02_02 dd.text_NotoSerif { opacity:0.6; color: #fff;}
.room02_03 { position:relative; width:49%; margin: 0 auto; z-index:3;}
.room02_04 { position:absolute; width:100%; left:0; top:0; z-index:1;}

.roomColor { width:90%; margin:0 auto 10%; }
.roomColor:after {content:"";display:block;clear:both;}
.roomColor li { float:left; width:27%; margin:0 3.16666%;}
.roomColor li img { width:100%; vertical-align:top;}



.reserTable { width:100%;border-collapse:collapse; border-top:1px solid #7091b4;}
.line_through { text-decoration:line-through; opacity:0.5;}
.price_sale { font-weight:500; }
.roomFa { margin:1em 0 3em;}
.roomReser { margin-bottom:10px;}
.reser_name {text-align:center;}
.reser_name {text-align:center;}
.reser_name .rTitle { font-size:1.35em; line-height:2em; font-weight:700;}
.reser_name .rCon {}
.reser_name .rCon p { font-size:1.1em; line-height:1.5em; margin-bottom:0.2em;}
.reser_name dt { font-size:1.25em; line-height:2em; font-weight:700;}
.reser_name dd {}
.reser_name dd p { font-size:1.1em; line-height:1.5em; margin-bottom:0.2em;}
.reserTable th, .reserTable td { padding:15px 2px; font-size:1em; line-height:1.5em; text-align:center; border-bottom:1px solid #7091b4; font-weight:400;}
/*.reserTable .price_10, .reserTable .price_11 { display:none;}*/

.reserTable .price01 { position:relative;}
.reserTable th[scope=col] { border-bottom:2px solid #fff; }
.reserTable th[scope=rowgroup] { background:transparent;}
.reser .reserTable th[scope=rowgroup] { position:relative; z-index:10; }
.reserTable tbody tr:hover { }
.reserTable td.type { text-align:left; padding-left:10px;}

.reserTable th.seasonBg {background:rgba(255,255,255,0.05);}
.roomLink { position:absolute; width:100%; height:100%; left:0; top:0; opacity:0;  filter: alpha(opacity=0;); z-index:5;}
.roomLink a { display:block; width:300%; height:100%;}
.reser .reserTable tbody:hover td, .reser .reserTable tbody:hover th {  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; background:rgba(0, 0, 0, 0.15); color:#fff; cursor:pointer;}
.roomColor_text { position:relative; z-index:2; text-align:center;}
.roomColor_text dt { font-family:'Playfair Display', serif; font-size:4em; font-size:4vw; line-height:1.5em; font-style:italic; letter-spacing:0.2em; padding-left:0.2em; margin-top:-0.8em; margin-bottom:0.3em; }

@media  (max-width: 1420px){ 
.room01_01 dt { font-size:4.17em; font-size:5vw;}
.roomColor { width:96%;}
.roomColor li { float:left; width:29%; margin:0 2.16666%;}
.roomColor_text dt { font-size:5.6vw; letter-spacing:0.1em; padding-left:0.1em;}
.roomColor_text dd { font-size:10px; line-height:1.5em;}
}

@media  (max-width: 1024px){ 

.room01_01 {margin:8% 0;}
.room01_01 dt { font-size:7vw;}
.room01_01 dd { font-size:7px; line-height:1.8em;}

.reser_name dt { font-size:1em;}
.reser_name dd { font-size:0.85em; }
.reserTable th, .reserTable td { padding:10px 2px; font-size:0.85em; line-height:1.4em;}
.roomFa.list01 { font-size:0.85em;}
.roomFa.list01 li:nth-child(9) { color: yellow;}

.room02_01 { margin-left:3%; }
.room02_02 { width:62%; top:8%;;}
.room02_02 dt { font-size:3.6vw; margin-bottom:1em;}
.room02_02 dd.text_NotoSerif { opacity:0.6;  filter: alpha(opacity=60;);}
.room02_03 { width:59%;}
.room02_04 { position:absolute; width:100%; left:0; top:0; z-index:1;}

}

@media  (max-width: 768px){ 
    .roomPrice {
            width: 95%;
            margin: 4% auto;
        }
    .roomColor_text dd { 
        font-size:9px; line-height:1.5em;
    }
}


/* roomPre */
.roomPre { position:relative;}
.roomPre_title { position:absolute; left:50%; top:16%; text-align:center; font-family: 'Meie Script', cursive; font-size:4.2em; font-size:3vw; line-height:1.1em;  transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); z-index:1;}
.roomPre_list { position:absolute; width:118%; height:92%; left:-6%; bottom:5%; z-index:2;}
.roomPre_list .roomNav { position:absolute; display:block; width:42px; height:42px; margin:-21px 0 0 -21px; background:#ec5389; border-radius:50%; text-align:center; font-size:12px; line-height:13px; color:#fff; font-weight:500; padding-top:9px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.roomPre_list .roomNav.roomNav51, .roomPre_list .roomNav.roomNav52 {
    width:50px; height:50px;
}
.roomPre_list .roomNav:hover, .roomPre_list .roomNav:focus { -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -ms-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease;}
.roomNav61, .roomNav62 { padding-top:1.1em !important; }
.roomNav.blue {background:#0072ff;}
.roomNav.green {background:#0b9800;}
.roomNav.orange {background:#ff4800;}
.roomNav11 { left:29.3%; top:46.2%;}
.roomNav12 { left:36.7%; top:46.2%;}
.roomNav13 { left:48.8%; top:46.5%;}
.roomNav14 { left:56.6%; top:46.5%;}
.roomNav15 { left:63.6%; top:47.0%;}
.roomNav16 { left:70.4%; top:47.0%;}

.roomNav21 { left:59.4%; top:53.2%;}
.roomNav22 { left:50.9%; top:52.9%;}
.roomNav23 { left:34.7%; top:52.9%;}
.roomNav24 { left:27.4%; top:52%;}

.roomNav31 { left:35.9%; top:59.4%;}
.roomNav32 { left:35.9%; top:64.5%;}
.roomNav33 { left:34.7%; top:69.8%;}
.roomNav34 { left:34.7%; top:75.4%;}

.roomNav41 { left:67.5%; top:59.4%; font-size:11px !important; letter-spacing:-0.1em;}
.roomNav42 { left:68.6%; top:64.5%; font-size:11px !important; letter-spacing:-0.1em;}
.roomNav43 { left:70.3%; top:69.8%; font-size:11px !important; letter-spacing:-0.1em;}
.roomNav44 { left:70.3%; top:75.4%; font-size:11px !important; letter-spacing:-0.1em;}

.roomNav51 { left:20.8%; top:50.2%;}
.roomNav52 { left:75.6%; top:52.4%;}

.roomNav61 {left: 52%;top:86%;}
.roomNav62 {left: 65%;top:86%;}

.roomNav71 {left: 49%;top:91.5%;}
.roomNav81 {left: 67%;top:91.5%;}

.roomNav91 {left:58%;top:86.2%; padding-top:14px !important;}
.roomNav101 {left:58%;top:91.5%; width:80px !important; margin:-21px 0 0 -40px !important; padding-top:14px !important;}

.roomTop { position:relative;}

.spNav { position:absolute; font-size:1.07em; line-height:1.1em; color:#fff; font-weight:600; margin-top:-6px;}
a.spNav { padding:1.3em; margin-top:-1.5em; text-align:center;}
.spNav11 {left:11.8%; top:58.7%; margin-left:-3em;}
.spNav12 {left:57.4%; bottom:0%; color:#000; margin-left:-1.5em;}
.spNav21 {left:51%; top:64.8%; margin-left:-2.5em;}
.spNav22 {left:30.7%; top:88.9%; margin-left:-2.5em;}
.spNav23 {left: 42%; top: 40%; margin-left: -2em;}

.roomPre02 { display:none; position:absolute; width:50%; height:100%; left:24%; top:0; z-index:1; opacity:0; filter: alpha(opacity=0;);}
.roomplan { max-height:41.3vw; }

@media  (max-width: 1024px){ 



/*.roomPre_list { width:100%; left:0;}*/
.roomPre_title {font-size:2.6em; font-size:4vw; top:18%;  opacity:0.5; filter: alpha(opacity=50); }
.roomPre_list .roomNav, .roomTop_list .roomNav{ width:34px; height:34px; margin:-17px 0 0 -17px; padding-top:8px; letter-spacing:-0.1em; font-size:8.5px !important; line-height:10px;}

.spNav {font-size:11px; line-height:13px; }
}

@media  (max-width: 768px){
.roomPre_warp { position:relative;  overflow:hidden; }
.roomPre_app {position:absolute; right:0; top:0;  text-align:right; padding:1em 1em 0.5em 0; z-index:5;}
.roomPre_app i { vertical-align:middle;}
/*::-webkit-scrollbar { width:5px; height:3px;}
::-webkit-scrollbar-thumb {background: #a9a9a9;}
::-webkit-scrollbar-track-piece { background:#f1f1f1;}*/
.roomPre_warp .roomPre { width:500px;}
.roomPre_warp .roomTop { min-width:450px; }
.roomTop {margin-top:-20%; }
.roomplan { max-height:none; }
}

@media  (max-width: 560px){ 
.roomPre, .roomTop { left:50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.roomPre { margin-top:0;}
.roomTop {margin-top:-30%; left:46%; }
.roomPre_warp .roomPre { width:100%;}
.spNav11 { display:none;}
}

@media  (max-width: 360px){
.roomPre_warp .roomPre { width:100%;}
}

@media  (max-width: 350px){
.roomPre_warp .roomTop { min-width:400px; }
}

/* special */
.spCon01 { position:relative; width:46.3%; margin-left:53.7%; margin-top:-16%;} 
.spCon02 { position:relative; width:90%; margin:-10% auto 10%;}
.spCon02:after {content:"";display:block;clear:both;}
.sp02_01 { float:left; width:42.7%; margin:0 7.3% 0 4%; }
.sp02_02 { float:left; width:46%; margin-top:16%;}
.sp02_02 dt { 
    font-family:"Gotham", 'Montserrat', sans-serif; 
    font-weight:400; font-size:3.4em; 
    line-height:1.2em; 
    color:var(--main-green); 
    text-transform:uppercase; 
    margin:0; 
}
.sp02_02 dt strong { font-size:0.8em; font-weight:700;}
.sp02_02 dd .sp02_02_text { 
    color: #484848;
    font-size:1.14em; line-height:1.8em; letter-spacing:-0.02em; font-weight:600; 
    margin-bottom:10%;
    word-break: keep-all;
}
.sp02_02 dd .sp02_02_text p { font-size:2em; line-height:1.2em; margin:2em 0 1em;}
/* .sp02_02 dd .sp02_02_text div { opacity:0.7; filter: alpha(opacity=70;); } */

@media  (max-width: 1280px){

.sp02_02 dt { font-size:2.4em;}
.sp02_02 dd .sp02_02_text { font-size:1em;}
.sp02_02 dd .sp02_02_text p { font-size:1.5em; margin:1.5em 0 1em;}


}

@media  (max-width: 1024px){

.sp02_02 dt { font-size:2em;}
.sp02_02 dd .sp02_02_text { font-size:0.95em;}
.sp02_02 dd .sp02_02_text p { font-size:1.5em; margin:1.5em 0 1em;}



}

@media  (max-width: 768px){

.spCon01 { margin-top:-5%;} 
.spCon02 { position:relative; width:90%; margin:-26% auto 10%; z-index:6;}

.sp02_01 { float:none; width:45%; margin:0 7.3% 0 1%;}
.sp02_02 { float:none; width:100%; margin-top:7%;}
.sp02_02 dt { font-size:1.5em;}
.sp02_02 dd .sp02_02_text { font-size:0.95em;}
.sp02_02 dd .sp02_02_text p { font-size:1.3em;}
.sp02_02_btn { text-align:center;}


}

/* tour */
.tourCon { position:relative; background-size:cover !important; background-position:center center !important; background-repeat:no-repeat !important; }
.tourCon:after {content:"";display:block;clear:both;}

.tourCon .tourImg { float:left; width:50%; padding: 4%;}
.tourCon .tourImg img { width:100%; vertical-align:top; 
    object-fit: cover;}
.tourCon .tourText { float:left; width:42.4%; margin:8% 3.8% 0; }

.tourText dt {}
.tourText dt .title01 { display:block; font-family: 'Abhaya Libre', serif; font-size:1.14em; line-height:1.5em; text-transform:uppercase; letter-spacing:0.2em; opacity:0.7; filter: alpha(opacity=70;); margin-bottom:5%; }
.tourText dt .title02 { display:block; font-family: var(--font-sans); font-size:2.3em; line-height:1.2em; font-weight:100; color: #949494;}
.tourText dt .title03 { display:block; font-family: var(--font-sans); font-size:3.38em; line-height:1.2em; color:var(--main-green); letter-spacing:-0.02em; margin-bottom:5%;}
.tourText dd { font-size:1.14em; line-height:1.85em; font-weight:100; font-family: var(--font-sans);}
.tourText dd p.address { color: #949494; font-family: var(--font-sans); }
.tourText dd p.distance {
    font-weight: 500; color: #484848; font-family: var(--font-sans);
}
.tourCon01 {background-color: #F5EEE6;}
.tourCon01 .tourImg { float:right; margin-top: 2px;}
.tourCon01 .tourText { text-align:right;}

@media  (min-width: 769px){
.tourCon .tourText { margin-top:9%;}
.active .tourText {opacity:1; margin-top:8%; transition: all 0.6s ease-in-out 1.0s;}
}

@media  (max-width: 1480px){

.tourText dt .title01 {font-size:1em; line-height:1.5em;}
.tourText dt .title02 {font-size:1.8em; line-height:1.2em;}
.tourText dt .title03 { font-size:2.8em; line-height:1.2em; margin-bottom:5%;}
.tourText dd { font-size:1em; line-height:1.85em;}



}

@media  (max-width: 1280px){

.tourText dt .title01 {font-size:0.9em; margin-bottom:3.5%;}
.tourText dt .title02 {font-size:1.5em; line-height:1.2em;}
.tourText dt .title03 { font-size:2.4em; line-height:1.2em; margin-bottom:3.5%;}
.tourText dd { font-size:0.95em; line-height:1.85em;}

}

@media  (max-width: 1024px){

.tourCon .tourImg { float:none; width:100%;}
.tourCon01 .tourImg {
    float: left;
}

.tourCon01 .tourText {
    text-align: left;
}
.tourCon02 .tourImg {
    float: right;
}

.tourCon02 .tourText {
    text-align: right;
}
.tourCon01 .tourImg {
    padding-left: 15%;
}
.tourCon02 .tourImg { 
    padding-right: 15%;
}
.reserArea02.more { text-align: right;}
.reserArea02.more.even { text-align: left; }


.tourCon .tourText { float:none; width:100%; margin:0; padding:0 5% 5%;}
.tourText dt .title01 { margin-top:-2em; -webkit-text-shadow: 1px 1px rgba(0, 0, 0, 0.5); -moz-text-shadow: 1px 1px rgba(0, 0, 0, 0.5); text-shadow: 1px 1px rgba(0, 0, 0, 0.5);}
.tourText dt .title01, .tourText dt .title03 { margin-bottom:2%;}


}

@media  (max-width: 768px){
.tourCon .tourText { float:none; width:100%; margin:0; padding:0 5% 10%;}
.active .tourText {opacity:1; transition: all 0.3s ease-in-out 0.5s;}


.tourText dt .title01 {font-size:0.9em; margin-top:2em; margin-bottom:5%; text-shadow: none; -webkit-text-shadow: none;}
.tourText dt .title02 {font-size:1.3em; line-height:1.2em; }
.tourText dt .title03 { font-size:1.9em; line-height:1.2em; margin-top: 2.7%; margin-bottom:7%;}
.tourText dd { font-size:1.1em; line-height:1.6em; font-weight:300;}
.tourText dd p.distance { font-size: 1.07em;}

}

/* reser */
.reserCon { 
    width: 80%;
    margin: 3% auto;
}
.rsv_cal_t #tit {font-family: var(--font-sans); color: #515151;}
             
.reserCon01 { margin-bottom:10%; }
.active.reser03_04 { height:50%; transition: all 1.5s ease-in-out 0.5s; }

.reser_dl { }
.reser_dl dt { font-family: var(--font-sans); padding-left: 3%; }
.reser_dl dt .title01 { display:block; font-family: 'Playfair Display', serif; font-size:3.8em; line-height:1.2em; color:var(--main-green); font-style:italic; margin-bottom:0;}
.reser_dl dt .title02 { display:block; font-size:2em; line-height:1.5em; font-weight:100; margin-bottom:1.2em; color: #8f8f8f;}
.reser_dl dd { font-size:1.3em; line-height:1.8em; font-weight:100; overflow:hidden; }

.reserCon02 {position: relative;}
.reserCon02:after {content:"";display:block;clear:both;}
.reser02_02 { width:100%;} /* 내용 */
.reser02_01 {  /*이미지*/
    position: absolute;
    top: 0;
    right: 0;
    width: auto; 
    max-width: 37%;
    padding-left:80px;
    background-color: #FFFBF8;
}

.reserCon03 {margin-bottom:10%;}
.reser03_01 {position: relative; margin:10% 0 4%;}
.reser03_01 .logo_reser {
    position: absolute;
    top: 37%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20%;
    max-width: 127px;
}


.reser_dl03 { }
.reser_dl03 dt {   }
.reser_dl03 dd { padding-left: 3%; padding-top:1em;}

.reser_frame { padding:5% 0 2%; width:96%; max-width:1620px; margin:0 auto;}
.reser_frame iframe { width:100%; height:2000px; padding:0; background:#fff; border:0; overflow-y:auto; opacity:0; filter: alpha(opacity=0;);  }

.priceApp { font-size:1.05em;margin-bottom:10px; text-align:right;}
.active .reser_frame iframe { opacity:1; filter: alpha(opacity=100;); padding-top:2%; transition: all 0.5s ease 0.5s;}


@media (max-width:1400px){
    .reser03_01 .logo_reser {
        top: 31%;
    }
}
@media  (max-width: 1280px){

.reser01_03 { width:96%; margin:-8% 0 0 4%; padding:1.5% 3%;}

}

@media  (max-width: 1024px){

.reserCon { width:96%;}
.reser_dl dt .title01 {  font-size:2.3em; margin-bottom:0.1em; }
.reser_dl dt .title02 { font-size:1.3em; line-height:1.5em;}
.reser_dl dd { font-size:1em; line-height:1.6em;}

.reser_btn img { width:240px;}
.reser01_03 p { padding:10px 7px; font-size:0.9em; line-height:1.3em;}
.reser01_04 { padding:8% 0; font-size:0.65em;}

.reser02_01 { display: none; width:100%; margin:3% 0 0; }
.reser02_01 img { max-width:600px;}
.reser02_02 { width:100%; padding:0;}

.reser03_01 { margin-bottom:0;}
.reser03_01 .logo_reser {
    top: 39%;
    max-width: 79px;
}
.reser03_02, .reser03_03 { float:none; width:100%;}
.reser03_02 dl, .reser03_03 dl { padding:5%;}

.reser_dl03 { display:block;}
.reser_dl03 dt { display:block; vertical-align:top; }
.reser_dl03 dd { display:block; vertical-align:top; padding-left:0%; padding-top:1em;}
.reser03_02 dl, .reser03_03 dl { padding:0;}

.reser02_02 dt, .reser03_02 dt { margin-top:0; padding-left:3%;}
.reser02_02 dt .title02, .reser03_02 dt .title02 { font-weight:400; -webkit-text-shadow: 0 0 3px rgba(0, 0, 0, 0.2); -moz-text-shadow: 0 0 3px rgba(0, 0, 0, 0.2)); text-shadow: 0 0 3px rgba(0, 0, 0, 0.2);}

.priceApp { font-size:1em;}

}

@media  (max-width: 768px){

.reser_dl dt .title01 { font-size:1.8em; margin-bottom:0.1em; }
.reser_dl dt .title02 { font-size:1.1em; line-height:1.5em;}
.reser_dl dd { font-size:0.9em; line-height:1.6em;}

.priceApp { font-size:0.9em;}

.rsv_cal_t #tit {
    padding: 0px 2px !important;
    font-size: 13px !important;
}
}

/*  commnuity */
.boardCon01 { background:url(../images/board/board_bg.jpg) right top no-repeat; background-size:cover !important; padding:3% 0;}
.board01_01 { position:relative; width:70%; left:21.5%; color:#000;}
.board01_01 dt { font-size:1.35em; line-height:1.5em; letter-spacing:-0.05em;}
.board01_01 dd { margin:3em 0 0 3em; font-size:0.9em; line-height:1.66em; opacity:0.5;}
.board01_02 { bottom:-0.35em; }

.boardCon02 { width:96%; max-width:1280px;  margin:0 auto;}
.boardCon { position:relative; width:100%; padding:5% 0; background:#dedede; opacity:0; filter: alpha(opacity=0;); z-index:3;}
.boardCon iframe { display:block; width:96%; max-width:1300px; margin:0 auto; border:0; overflow-y:auto; background:#dedede;}
.active .boardCon { opacity:1; filter: alpha(opacity=100;); margin-top:0; transition: all 0.7s ease-in-out 0.5s;}
.board03_01 { position:absolute; width:100%; left:0; top:40%; text-align:center; z-index:2; }
.board03_01 dt {font-family: 'Arizonia', cursive; font-size:19em; line-height:0.8em; color:#345d8d; margin-top:-0.6em;}
@media  (max-width: 1480px){ .board03_01 dt{ font-size:12vw; }}
@media  (max-width: 768px){ .board03_01 dt{ font-size:16vw;}}
.board03_01 dd {font-family: 'Montserrat', sans-serif;}
@media  (max-width: 1024px){

.boardCon01 { padding: 15% 0 3%;}
.board01_01 dt { font-size:0.9em; line-height:1.5em; letter-spacing:-0.05em;}
.board01_01 dd { margin:1em 0 0 3em; font-size:0.5em; line-height:1.66em; opacity:0.5;}
.boardCon { }
.board03_01 dd {font-size:0.5em; line-height:1.2em;}
}