@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i');
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
@font-face {
    font-family: 'pret-l';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: 'pret-r';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'pret-m';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'pret-sb';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'pret-b';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'pret-eb';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}



html{width:100%;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-text-size-adjust:none;}
body{overflow-x:hidden;}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,input,select,textarea,form,fieldset,legend {
    margin:0;padding:0; font-family:'pret-r','Noto Sans KR',"돋움",Arial; letter-spacing: 0.05em; line-height:1.5em;
}

body{visibility:visible; width:100%; font-size:13px;color:#000; background:#fff;  }
img,fieldset{border:none;}
em,address{font-style:normal;}
a{text-decoration:none;color:#000;}
li{list-style:none;}
select,textarea{border-radius:0;}
.clear {}
.clear:after {content:"";display:block;clear:both;}
.blind, .sound_only{visibility:hidden;width:0;height:0;font-size:0;line-height:0;overflow:hidden;}
.img_100 {width:100%; height:auto !important; vertical-align:top;}
select{min-width:50px;height:26px;margin:0;padding:0;font-size:12px;line-height:26px;}
.underline {text-decoration:underline; }
.tl { text-align:left;}
.tc { text-align:center;}
.tr { text-align:right;}
.vt {vertical-align:top;}
.mb0 { margin-bottom:0 !important;}
.mb3 { margin-bottom:3px !important;}
.mb20 { margin-bottom:20px !important;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.boxShadow {-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); box-shadow:2px 2px 3px rgba(0, 0, 0, 0.1);}

.transAll015 {-webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
.transAll03 {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.transAll03_ease {-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;}
.transAll02_ease {-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;}
.scale01 {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.scale01:hover, .scale01:focus {-ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}


.strongColor01 { color:#ac2525;}

.block1280, .block1024, .block768, .block560, .block480, .block380 {display:none !important;}
.in-block1280, .in-block1024, .in-block768, .in-block560, .in-block480, .in-block380 {display:none !important;}


#skip{position:fixed;top:-9999px;left:0;z-index:1000;width:240px;height:30px;background:#676462;}
#skip a{display:block;height:30px;padding:0 0 0 20px;line-height:30px;font-size:12px;color:#333;}
#skip.on{top:0;}
#header-sticky-wrapper { position:absolute; width:100%; 
  -webkit-transition: alsl 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; 
  z-index:30; top:0; left:0; }

#header {position:absolute; opacity:0; z-index:30; text-align:center; float:left; width:100%; top:0; left:0; height:87px;}

.logo { 
  position: absolute; z-index: 1; top: 50%; left:3.13%; 
  width:138px; 
  height: 100%;
  display: flex;
  align-items: center;
  -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; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);  pointer-events: auto; }
.logo img {width: 100%; float: left;}

/* 마우스오버, 스크롤 다운 시 로고 */
.logo img.black { display: none;}


.btn_nav { position:absolute; display:none; width:26px; height:22px; right:10px; top:15px;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor:pointer; z-index:21;}
.btn_nav .line {position: absolute; display: block; width:26px; height:22px; right:4px; top:0; }
.btn_nav .line span {position: absolute; display: block; width:24px; height:2px; left:50%;  background: #000; transform: translate(-50%, 0px);-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.btn_nav .text { position:absolute; left:0; top:0; font-size:2em; line-height:0.8em; font-style:italic; color:#fff; text-align:center; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); -moz-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); text-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);  }

.btn_nav .line01 { top:4px; }
.btn_nav .line02 { top:calc(50% - 1px); }
.btn_nav .line03 { bottom:4px; }

.btn_nav.open_nav .line01 {transform: translate(-50%, 7.5px) rotate(45deg); -ms-transform: translate(-50%, 7.5px) rotate(45deg); -webkit-transform: translate(-50%, 7.5px) rotate(45deg);}
.btn_nav.open_nav .line02 {opacity:0;  }
.btn_nav.open_nav .line03 {transform: translate(-50%, -5px) rotate(-45deg); -ms-transform: translate(-50%, -5px) rotate(-45deg); -webkit-transform: translate(-50%, -5px) rotate(-45deg); }


:root {
    --main-green: #557861;
}
.green {
  color: var(--main-green);   
}
.block768 { display: none;}
.mb40 { margin-bottom: 40px;}
.mb80 { margin-bottom: 80px;}
/* ===== GNB 기본 ===== */
.gnbArea {
    position: relative;
    padding-right: 13.54vw;
    /* background: #fff; */
}
.gnbArea:hover {
  background: #fff;
}
.gnbArea::before {
    content: '';
    position: absolute;
    top: 85px;
    left: 0;
    width: 100%;
    height: 0px;
    box-shadow: 0px 1px 3px #00000029; 
}
.gnbArea:hover::before {
    height: 1px;
}
/* 1depth */
.gnb {
    display: flex;
    justify-content: flex-end;
    gap: 80px;
}

.gnb > li {
    position: relative;
    min-width: 140px;
    text-align: center;
}

/* 1depth 링크 */
.depth1 {
    display: block;
    padding: 33px 0;
    font-size: 20px;
    font-family: 'pret-sb';
    color: #fff;
}
.gnbArea:hover .depth1 {
    color: #000;
}
.depth1_mobile { display: none;}
/* ===== 2depth (컬럼형) ===== */
.gnb_sub {
    display: none; /* 기본 숨김 */
    padding-top: 10px;
}

.gnb_sub li {
    margin: 17px 0;
}

.depth2 {
    font-size: 18px;
    position: relative;
}

.depth2:hover {
    color: var(--main-green);
}

/* ===== 전체 펼침 트리거 ===== */
.gnbArea:hover .gnb_sub {
    display: block;
}

/* ===== 전체 배경 (이미지처럼) ===== */
.gnbArea::after {
    content: '';
    position: absolute;
    top: 87px;
    left: 0;
    width: 100%;
    height: 310px; /* 서브메뉴 높이에 맞게 조절 */
    background: #fff;
    border-top: 1px solid #ddd;
    display: none;
    z-index: -1;
}
@media (min-width:1025px){
  .gnbArea:hover::after {
      display: block;
  }
}

/* 마우스오버 시 녹색 */
.gnb > li > .depth1::after {
    content: '';
    position: absolute;
    left: 0;
    top: 86px;
    width: 100%;
    height: 2px;
    background: var(--main-green);
    transform: scaleX(0);
    transition: transform 0.3s;
}
.depth2::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: var(--main-green);
    transform: scaleX(0);
    transition: transform 0.3s;
}
/* hover & 활성 */
.gnb > li.this > .depth1::after,
.gnb > li:hover > .depth1::after,
.depth2:hover::after {
    transform: scaleX(1);
}

.gnb > li.this > .depth1,
.gnb > li:hover > .depth1 {
    color: var(--main-green);
    font-family: 'pret-b';
}

/* 스크롤 다운 상태 (sticky) */

#header .logo img.white { display: block; }
#header .logo img.black { display: none; }

#header.logo-black .logo img.white { display: none; }
#header.logo-black .logo img.black { display: block; }

#header-sticky-wrapper.is-sticky .gnbArea {
  background: #fff;
}
#header-sticky-wrapper.is-sticky .depth1 {
  color: #000;
}


@media (max-width: 1024px) {
  /* 유색 로고 노출 */

  #header .logo img.black { display: block;}
    /* 전체 메뉴 패널 */
    .gnbArea {
        position: fixed;
        top: 0;
        right: -100%;
        width: 100%;
        height: 100%;
        background: #fff;
        padding: 80px 20px 40px;
        transition: right 0.3s;
        z-index: 999;
    }
    .gnbArea::before {
      top: 50px;
    }
    .gnbArea.open {
        right: 0;
    }
    #header.open_nav .gnbArea::before {
        height: 1px;
    }
    /* 메뉴 구조 변경 */
    .gnb {
        flex-direction: column;
        gap: 0;
    }

    .gnb > li {
        text-align: left;
        border-bottom: 1px solid #eee;
    }

    /* 1depth */
    .depth1 {
        padding: 18px 0;
        font-size: 20px;
    }

    .depth1_mobile {
        display: block;
        padding: 18px 0;
        font-size: 20px;
        font-weight: 600;
        position: relative;
    }
    .gnb > li > .depth1_mobile::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 9px;
        width: 75px;
        height: 2px;
        background: var(--main-green);
        transform: scaleX(0);
        transition: transform 0.3s;
    }

    /* 메뉴 열려있을 때 */
    .gnb > li.open > .depth1_mobile {
        color: var(--main-green);
    }
    .gnb > li.open > .depth1_mobile::after {
        transform: scaleX(1);
    }
    
    .gnb > li > .depth1 {
        display: none; /* PC용 숨김 */
    }

    /* 2depth */
    .gnb_sub {
        display: none;
        padding: 0 0 15px 10px;
    }

    .gnb_sub li {
        margin: 13px 0;
    }

    .depth2 {
        font-size: 16px;
        color: #000;
    }

    /* hover 제거 */
    .gnbArea:hover .gnb_sub {
        display: none;
    }

    /* PC용 효과 제거 */
    .gnbArea::after,
    .depth1::after,
    .depth2::after {
        display: none;
    }
    .mb40 { margin-bottom: 25px;}
    .mb80 { margin-bottom: 50px;}
}


/* .contents_inner { display:inline-block; width:100%; max-width:1530px; margin:0 auto; } */
.mainRow {width:100%; display:inline-block; float:left; }
.mainRow::after {content:'';display:table;clear:both; }

.mainRow .full {width:100%; display:block;}
/*.mainRow_tit, .mainRow_pic {height:540px;float:left;}*/
.mainRow_tit, .mainRow_pic {float:left;}
/* .mainRow_tit {position:relative; width:49.3%; padding-top: 30.56%;} */
.mainRow_tit {position:relative; width:49.3%; padding-top: 29.8%;}
/* .mainRow_tit.gray { background:#cdcdcd;} */
.mainRow_pic {width:50.7%;}
.mainRow_pic li {overflow:hidden;}
.mainRow_pic li img {float:left; -webkit-transform:scale(1.02, 1.02); -ms-transform:scale(1.02, 1.02); transform:scale(1.02, 1.02); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.mainRow_pic li:hover img {-webkit-transform:scale(1, 1); -ms-transform:scale(1, 1); transform:scale(1, 1); opacity: 1; filter: alpha(opacity=100;);}
.mainRow_tit_inner {position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:100%;text-align:left;    line-height:1;  padding-right: 15%; }
.mainRow_tit::before {content:'';position:absolute;top:0;left:0;width:67%;height:30%; background:#ded7d7; }
.mainRow_tit_inner span {display:block;}
.room_desc { float:right; }
span.text_top {color: #81786f; font-size:1.5em; line-height: 0.85; margin-bottom: 4%;}
.text_top strong { color:#553f3f; font-size:1.3em; font-weight:500;}
span.roomTitle {font-size:4.6em; line-height:1.2em; color:#553f3f; margin-bottom:3% }
span.text_mid {color:#553f3f; font-size: 1.3em;  margin-bottom:3%;}
span.text_bot {color: #6e6e72; font-size: 1.1em; margin-top: 2%; line-height: 1.5; }
span.text_roomname {margin-top:2.5em;font-size:1.23em;}
span.roomName {display:none;}
.btn_gotoroom { display:inline-block; background:#7d6969; color:#fff; font-size:1.23em; font-style:italic;font-weight:bold; padding: 3.7% 10%;     padding: 17px 40px; margin-top: 4%;}
.mRoom_arrow_inner {position: absolute; bottom: 5%; left: 10%; width: 100%; max-width: 68px;}
.mainRow_pic .lSAction > a { font-size: 5em; text-align:center; line-height:32px;}
.mainRow_pic .lSAction > .lSPrev {left:4%;}
.mainRow_pic .lSAction > .lSNext {right:4%;}
.goToPrevSlide {float:left;}
.goToNextSlide {float:right;}

.mainRow_spe_inner {position:relative; float:left; width:100%; padding-top:4.6%; padding-bottom:7%;}
.mainRow_spe_inner::before {content:'';position:absolute;top:0;right:0;width:37%;height:125px; background:#ded7d7; z-index: -1; }
.special_desc { width:58.2%; float:right; padding-left:1%;}
.special_desc span { display:block; text-align:left;}
.special_desc span.text_top { margin-bottom:0.5%; }
.special_desc span.text_mid { font-style:italic; color: #989898; font-style: italic;}
.special_desc span.text_bot { color:#5b5b5b; margin-top:1%;}
.spe_list { display:inline-block; max-width:1360px; width:100%; margin-top:4%; }
.spe_list li { width:33.333333%; float:left; padding:2%; }
.spe_list a { position:relative; display:inline-block; padding: 5.64%; -webkit-box-shadow:4px 4px 5px rgba(0,0,0,0.1); -moz-box-shadow:4px 4px 5px rgba(0,0,0,0.1); box-shadow:4px 4px 5px rgba(0,0,0,0.1); line-height:0; overflow:hidden;}
.spe_list_inner {overflow:hidden; background:#505051; }
.spe_list a img { width:100%; -webkit-transform:scale(1.02,1.02); -ms-transform:scale(1.02,1.02); transform:scale(1.02,1.02); opacity: 0.5; filter: alpha(opacity=50;); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.spe_list li:hover img {-webkit-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1); opacity: 1; filter: alpha(opacity=100;); }
.spe_overlay {position:absolute; width:100%; text-align:center; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);  transform:translate(-50%,-50%); color:#fff; font-size:2em; text-transform:uppercase; }

.mainRow.reserve { position:relative; padding-top:120px; }
.mainRow.reserve::before {content:'';position:absolute;top:0;left:0;width:37%;height:125px; background:#ded7d7; z-index: -1; }
.reserve_desc {position: absolute; text-align: left; top: 85px; left: 20.8%;}
.reserve_desc span {display:block;}
.btn_gotoreserve {display: inline-block; background: #7d6969; color: #fff; font-size: 1.23em; font-style: italic; font-weight: bold; padding: 3.7% 10%; padding: 17px 40px; margin-top: 4%;}


.footer_outer{display:inline-block;width:100%;max-width:1530px;margin:0 auto;padding:3% 0}
.footer_inner{position:relative}
.footer_logo{position:absolute;top:50%;left:0;width:240px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.footer_info{padding-left:240px;text-align:left}
.footer_top{margin-bottom:1.5em}
.footer_top_item{color:#000;font-size:1.15em;font-weight:600}
.footer_bot,.footer_admin{color:#888;font-size:12px}

.main_sentence {padding:5% 0;}
.main_sentence span {display:block;}
.sentence_img {margin-bottom:3%;}
.sentence_tit {font-size:1.3em; line-height:1.5em; font-weight:500; color:#181716; margin:1% 0; white-space:nowrap; letter-spacing:-0.02em; }
.sentence_en {font-size:1.07em; line-height:1.8em; letter-spacing:-0.02em; color:#5b5b5b; }


.mainList {position:relative; z-index:1;}
.mainList:after {content:"";display:block;clear:both;}
.mainList li:first-child {margin-top:0;}
.mainList li { position:relative; float:left; margin-top:7%;}
.mainList li a { display:block;}
/*.mainList li img { width:100%; vertical-align:top;}*/
/*.mainListTitle {height:333px;}*/
.mainListThumb {position:absolute; height:100%; width:100%; top:0; background-size:cover; background-repeat: no-repeat; background-position: center;}
.mainList li .mainListThumb a {display:inline-block; width:100%; height:100%;}
.mainListType01 {width:92.3%; margin-left:7.7%;}
.mainListType01 .mainListTitle {width:18.8%; float:left;}
.mainListType01 .mainListThumb {width:81.2%; right:0;}
.mainListType02 {width:83.1%; margin:0 8.25%;}
.mainListType02 .mainListTitle {width:20.9%; float:right;}
.mainListType02 .mainListThumb {width:79.1%; left:0;}
.mainListType03 {width:73.5%; margin-left:26.5%;}
.mainListType03 .mainListTitle {width:23.6%; float:left;}
.mainListType03 .mainListThumb {width:76.4%; right:0;}

.mainRoom .lightslider li {position:relative; overflow: hidden;}
.mainRoom .lightslider li .txtRoom {position:absolute; bottom: 15%; left:0; width:100%; text-align:center; color:#fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 0; filter: alpha(opacity=0;); }
.mainRoom .lightslider li .txtRoom span { display:block; font-size:1.23em; margin-bottom:10px;}
.mainRoom .lightslider li .txtRoom small {font-size:1.07em;}
.mainRoom .lightslider li:hover .txtRoom { opacity: 1; filter: alpha(opacity=100;);}
.mainRoom .lightslider li:hover img { opacity: 0.5; filter: alpha(opacity=50;);}
.mainRoom .lightslider li a { display:block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background:#000;}
.mainRoom .lightslider li:hover a { -ms-transform: scale(1.03); -webkit-transform: scale(1.03); transform: scale(1.03); }

/* .btn_scroll {position:absolute; bottom:0; right:0; width:270px; text-align:center; line-height:42px; border-bottom:1px solid #000; font-family: 'Abhaya Libre', serif; color:#000; font-size:15px; transform:rotate(90deg) translateY(-100%); -ms-transform:rotate(90deg) translateY(-200%); -webkit-transform:rotate(90deg) translateY(-200%); z-index:35; text-decoration:none!important;}
.btn_scroll::before {content:''; position: absolute; bottom: 0; right: 0; width: 42px; height: 1px; background: #000; transform: rotate(45deg) translate(-5px,-14px); -ms-transform: rotate(45deg) translate(-5px,-14px); -webkit-transform: rotate(45deg) translate(-5px,-14px); } */

.mRoom_title {display:inline-block; width:100%; padding:60px 0; margin-bottom:65px; text-align:center;}
/* .title01 { position:relative; font-size:6.4em; line-height:1; color:#545454; font-family: 'Crimson Text', serif; text-align:center; padding-bottom:40px; border-bottom:2px solid #49badb;} */
.mRoom_title .title01 { position:relative; font-size:6.4em; line-height:1; color:#545454;  text-align:center; padding-bottom:40px; }
/* .title01::before { content:'\201d'; position:absolute; top: 12px; right: -25px; } */
/* .title01::after { content:''; position:absolute; top: 12px; right: -25px; } */
.mRoom_title .title01 small { display:block; font-size:0.21em; color:#545454; text-align:center;}

/*.mRoom_arrow {text-align:center; background: #f1efef;}
.mRoom_arrow_inner {display:inline-block;}
.mRoom_arrow_inner a {position:relative; display:inline-block; width:164px; height:128px; float:left; font-size:2.3em;}
.mRoom_arrow_inner a span {position:absolute; top:50%; left:50%; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }*/
.common_typo { width: 100%; float:left; text-align:center; padding:4% 0; font-size:3em; line-height:1.5em; color:#555; letter-spacing:0.1em; text-transform:uppercase; }


@media  (max-width: 1480px){


.btn_gotoroom {padding: 1.5em 3.5em;}
span.text_top {font-size:1.7em;}

.mainRow_tit::before, .mainRow_spe_inner::before, .mainRow.reserve::before {height:100px;}
.mainRow.reserve { padding-top:100px;}
.reserve_desc { top:55px;;}

}

@media  (max-width: 1024px){
#header-sticky-wrapper { position:fixed; top:0; left:0; width:100% !important; height:50px !important; z-index:35; }
#header { position:relative; width:100% !important; height:50px !important; background: #fff;}
.logo { position:fixed; left:10px; top:10px; padding:0; z-index:36;}
.logo, .is-sticky .logo {z-index: 2; width: 125px; left:1em; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity:1; filter: alpha(opacity=100;); pointer-events: auto;}
.logoW {display:none;}
.btn_nav { display:block;}
/* .gnbArea { position:fixed; width:220px; height:100%; left:auto; right:-220px; top:0; margin:0; text-align:left; padding:50px 0 0 0;} */
.open_nav .gnbArea {
  z-index: 1; right:0; top:0;
  background: #fff;
}

.subBlock { float:none; display:block !important; width:100%; height:0;}

.main_sentence { padding:6%;}
.main_sentence span { display:inline; }
.sentence_img img { width:50%; max-width: 224px; }
.sentence_en {line-height:1.5; letter-spacing:-0.1em; }

#wrap {padding-top:50px;}
.is-sticky #header { height:50px; }

#header .logo img.white {
    display: none;
}
.logo {
  width:auto; 
  height: 50px;
  top: 26px; 
}

.logo a { height:29px;}
.logo a img { height:100%; width:auto;}
.btn_reser {right:60px;}
.open_nav .btn_reser { color:#fff; }
.open_nav .btn_reser .line { background:#fff;}
.open_nav .btn_nav .line span {background:var(--main-green);}

.mRoom_title {padding: 3% 0; margin-bottom: 60px; margin-top:60px;}
.mRoom_title .title01 {font-size:3.2em; padding-bottom:25px; }
/*.mRoom_arrow_inner {width:55%;}
.mRoom_arrow_inner a {width:50%; height:50px; font-size:1.8em;}*/
.mainRoom .lightslider li.active .txtRoom { opacity: 1; filter: alpha(opacity=100;);}
.mainRoom .lightslider li.active img { opacity: 0.5; filter: alpha(opacity=50;);}
.mainRoom .lightslider li.active a { -ms-transform: scale(1.03); -webkit-transform: scale(1.03); transform: scale(1.03); }
.mainRoom .lightslider li .txtRoom {bottom:8%;}
.mainRoom .lightslider li .txtRoom span {font-size:1em; margin-bottom:0;}
.mainRoom .lightslider li .txtRoom small {font-size:0.9em;}
.mainRow_pic .lSAction > a {font-size:4em;}
.mainRow_tit {font-size:10px;}
.mRoom_arrow_inner a img {width:20px;}
span.text_roomname {margin-top:1.5em;}

.mainRow_tit_inner {padding: 4%;}
.mainRow_tit::before, .mainRow_spe_inner::before, .mainRow.reserve::before {height:90px;}
.mainRow.reserve {padding-top:90px;}
.reserve_desc {top:55px;}

span.text_top {font-size:1.5em;}
.special_desc {max-width:500px; width:100%; padding:0 6%;}
.special_desc span.text_bot {display:block;}
.common_typo { text-align:center; padding:4% 0; font-size:3em; line-height:1.5em; color:#555; letter-spacing:0.1em; text-transform:uppercase; }
}
@media  (max-width: 768px){

.block768 { display: block;}

.mainRow_tit {font-size:9px;}
.mRoom_arrow_inner {bottom:7%;}
.mRoom_arrow_inner a img {width:18px;}
span.text_bot {display:none;}
.mainRow_tit_inner {padding-top:1.3em;}
span.text_roomname {margin-top:1.3em;}
.mainRow_pic .lSAction > a {font-size:3em;}
.mainRow_tit::before, .mainRow_spe_inner::before, .mainRow.reserve::before {height:80px;}
.mainRow.reserve {padding-top:70px;}
.reserve_desc {top:45px;}

span.text_top {font-size:1.5em;}
.special_desc span.text_top, .reserve_desc span.text_top { font-size:1.2em;}

.common_typo { font-size:5vw; padding:5% 0;}

.spe_overlay { font-size:1.35em;}
}

@media  (max-width: 560px){
.mainRow_tit, .mainMidText {font-size:8px;}
.mRoom_arrow_inner a img {width:16px;}
.mainRow_tit_inner::before {display:none;}
span.text_roomname {margin-top:1em;}

.mainRow_tit::before, .mainRow_spe_inner::before {height:60px;}
/*.mainRow.reserve::before {display:none; }*/
.mainRow.reserve {padding-top:0;}
.mainRow.reserve span.text_top {display:inline-block; float:left; margin:0; }

.btn_gotoroom, .btn_gotoreserve {padding:1em 2.5em;}
/* .btn_gotoreserve {float: right; margin-top: 8.5px;} */
.btn_gotoreserve {position:absolute; bottom:0; right:4%; margin:0; }
.reserve_desc {position:relative; float: left; width: 100%; bottom: 0; top:auto; left:0; padding: 5% 4% 0; margin-bottom:2%; }
.mainRow_pic .lSAction > a {font-size:1.5em;}
}

@media  (max-width: 480px){
.mainRow_tit, .mainMidText {font-size:7px;}
.mRoom_arrow_inner a img {width:14px;}
span.text_roomname {margin-top:0.5em;}

.mainRow_tit::before, .mainRow_spe_inner::before {height:40px;}
.btn_gotoroom, .btn_gotoreserve {padding:0.5em 1.5em;}
.room_desc span.text_mid {display:none;}

}


@media  (max-width: 380px){
.mainRow_tit, .mainMidText {font-size:6px;}
.mRoom_arrow_inner a img {width:12px;}
}
.lSSlideOuter { position:relative; z-index:1;}
.lightSlider { z-index:1;}
.lightslider li { position:absolute; width:100%; background-position:center center !important; background-repeat:no-repeat; background-size:cover !important; }
.lightslider li img { width:100%; vertical-align:top;}

/*.lSAction a { float:left; display:block; width:82px; height:84px; cursor:pointer; opacity:0.5; filter: alpha(opacity=50;);
-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.lSAction a:hover, .lSAction a:focus {opacity:0.8; filter: alpha(opacity=80;);}
.lSAction a.lSNext { background-position:-82px 0;}*/

/* footer */

#footer {
  background-color: var(--main-green);
  color: #ffffff;
  padding: 40px 60px 0;
  position: relative;
  box-sizing: border-box;
  font-family: 'pret-r';
  letter-spacing: 0.05em;
  line-height: 1.2;
}

/* ── 상단 영역 레이아웃 ── */
.footer-inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 30px;
}

/* ── 좌측 고객센터 ── */
.footer-left {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.footer-label {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.8);
  margin: 0 0 2px;
}

.footer-phone a {
  font-size: 36px;
  color: #ffffff;
  text-decoration: none;
  letter-spacing: 0;
  font-family: 'pret-sb';
  line-height: 1.3em;
}

.footer-phone a:hover {
  text-decoration: underline;
}

.footer-email {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.8);
  margin: 0 0 16px;
}

.footer-info {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.footer-info .row {
  display: flex;
  gap: 20px; 
}
.footer-info li {
  font-size: 17px;
  letter-spacing: 0;
  color: rgba(255, 255, 255, 0.85);
}

.footer-info li a {
  color: rgba(255, 255, 255, 0.85);
  text-decoration: none;
}

.footer-info li a:hover {
  text-decoration: underline;
}

/* ── 중앙 로고 ── */
.footer-center {
  display: flex;
  align-items: center;
  gap: 12px;
  position: absolute;
  left: 50%;
  top: 43%;
  transform: translate(-50%, -60%);
}

.footer-center img {
  height: 60px;
  width: auto;
}

.footer-brand-name {
  font-size: 43px;
  font-family: 'pret-sb';
  color: #fff;
  letter-spacing: 0;
}

/* ── 우측 SNS 아이콘 ── */
.footer-right {
  display: flex;
  gap: 20px;
  align-items: center;
}

a.sns-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: #ffffff;
  font-size: 20px;
  text-decoration: none;
  border-radius: 4px;
  transition: opacity 0.2s;
}
a.sns-icon img {
  width: 20px;
  height: 20px;
}

.sns-icon:hover {
  opacity: 0.7;
}

/* ── 하단 구분선 + 카피 ── */
.footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.35);
  padding: 14px 0;
  text-align: center;
}

.footer-divider {
  display: none; /* border-top으로 대체 */
}

.footer-copy {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7);
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.footer-copy img { /* 여행의완성 로고 */
  width: 81px;
  transform: translateY(-2px);
}

/* ── 우측 하단 상단으로 이동 버튼 ── */
a.footer-top-btn {
  position: absolute;
  right: 60px;
  bottom: 75px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1.5px solid rgba(255, 255, 255, 0.6);
  color: #ffffff;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: transparent;
  text-decoration: none;
  transition: background 0.2s, opacity 0.2s;
}

a.footer-top-btn:hover {
  background: rgba(255, 255, 255, 0.15);
  opacity: 1;
}

@media(max-width:1200px) {
  .footer-center {
    top: 38%;
}
  .footer-center img {
    max-width: 110px;
    height: auto;
  }
  .footer-phone a {
    font-size: 23px;
  }
  .footer-label, .footer-email, .footer-info li {
    font-size: 15px;
    line-height: 22px;
  }
}

@media(max-width:768px){
  #footer { padding: 20px 20px 0;}
  a.footer-top-btn { 
    right: 20px;
    bottom: 43px;
  }
  .footer-inner {
    flex-direction: column-reverse;
  }
  .footer-left {
    padding: 0 10px;
    word-break: keep-all;
  }
  .footer-right {
    margin-left: auto;
    gap: 19px;
  }
  .footer-center {
    position: static;
    transform: none;
    margin: 40px auto;
  }
}




@media  (max-width: 1024px){

.btn_top {width:30px; height:30px;}
.gnb_sub { background-color: inherit;}
}
.topArea { position:relative; z-index:1;}
/* .topArea { position:relative; z-index:31;} */
.topArea02 .lSAction, .roomSlider01 .lSAction { position:absolute; width:100%; left:0; top:50%; margin-top:-15px; z-index:2;}
.topArea .lSAction > a, .topArea02 .lSAction > a, .roomSlider01 .lSAction > a { position:absolute; display:inline-block; width:30px; height:30px; line-height:30px; top:0; margin:0; font-size:5em; line-height:30px;  color:#6c5a50; text-align:center; opacity:1; filter: alpha(opacity=100;); -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;z-index:2;}
/* .topArea .lSAction > a, .topArea02 .lSAction > a, .roomSlider01 .lSAction > a { position:absolute; display:inline-block; width:30px; height:30px; top:0; margin:0;  opacity:1; filter: alpha(opacity=100;); -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;z-index:2;} */
.topArea02 .lSAction > a.lSPrev, .roomSlider01 .lSAction > a.lSPrev { left:10px;}
.topArea02 .lSAction > a.lSPrev:hover, .roomSlider01 .lSAction > a.lSPrev:hover { left:5px;}
.topArea02 .lSAction > a.lSNext, .roomSlider01 .lSAction > a.lSNext {right:10px;}
.topArea02 .lSAction > a.lSNext:hover, .roomSlider01 .lSAction > a.lSNext:hover { right:5px;}
.topArea .count, .topArea02 .count { position:absolute; display:block; width:60px; right:50px; bottom:40px; text-align:center; font-size:1.5em; line-height:1.5em; color:#fff;  -webkit-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); -moz-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); text-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);z-index:5;}
.topArea .count .current, .topArea02 .count .current { position:absolute; right:35px; top:-10px;}
.topArea .count .count_line {}
.topArea .count .total, .topArea02 .count .total { position:absolute; left:35px; bottom:-5px;}
.topLine { position:absolute; width:1px; height:44%; background:url(../images/bg/white_30.png); top:28%; z-index:2;}
.board .topLine, .board .lSAction { display:none !important;}
.topLine01 { left:80px;}
.topLine02 { right:80px;}
.btn_scroll_box { position:absolute; width:88px; left:50%; bottom:10%; margin-left:-44px; opacity:0; filter: alpha(opacity=0;);z-index:3; }
.active.topArea .btn_scroll_box { opacity:1; filter: alpha(opacity=100;); bottom:8%; transition: all 0.3s ease 1.2s; }
.topArea .btn_scroll {display:block;  -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; }
.topArea .btn_scroll img { width:100%; vertical-align:top;}
.topArea .btn_scroll:hover, .topArea .btn_scroll:focus { margin-bottom:-10px;}

.btn_detail { display:inline-block; font-size:1.6em; line-height:2em; color:#fff; padding:5px 50px; border:1px solid rgba(255, 255, 255, 0.3); }
.btn_detail span { display:inline-block; font-size:1.2em; margin-left:10px;}

.btn_reser01 {display:inline-block; font-size:1.6em; line-height:2em; color:#3b3b3b; padding:5px 50px; border:1px solid #9a9a9a;}
.btn_reser01 span { display:inline-block; font-size:1.2em; margin-left:10px;}
.topArea .lSAction {position: absolute; top: 50%; left: 50%; width: 40%; height: 30px; z-index: 2; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.topArea .lSPrev {position:absolute;top:0;left:0;}
.topArea .lSPrev:hover {left:-5px;}
.topArea .lSNext {position:absolute;top:0;right:0;}
.topArea .lSNext:hover {right:-5px;}

@media  (max-width: 1680px){
}

@media  (max-width: 1480px){
.btn_scroll_box {  width:44px;  margin-left:-22px;}
.main .btn_scroll {width: 200px; line-height: 27px; font-size: 14px;}
.btn_scroll::before {width: 26px; -webkit-transform: rotate(45deg) translate(-2px,-9px);-ms-transform: rotate(45deg) translate(-2px,-9px);transform: rotate(45deg) translate(-2px,-9px);}
.active.topArea .btn_scroll_box { opacity:1; bottom:8%; transition: all 0.3s ease 1.2s; }

.mainList li .mainTitle { position:absolute; width:100%; left:0; top:0; margin:0;}
}

@media  (max-width: 1280px){

.none1280 {display:none;}
.block1280 {display:block !important;}
.in-block1280 {display:inline-block !important;}

}

@media  (max-width: 1024px){

.none1024 {display:none !important;}
.block1024 {display:block !important;}
.in-block1024 {display:inline-block !important;}

.btn_detail { font-size:0.95em; padding:2px 15px;}
.btn_reser01 { font-size:0.95em; padding:2px 20px;}
.btn_detail span, .btn_reser01 span {  margin-left:5px;}

/*.topArea .lSAction > a, .topArea02 .lSAction > a, .roomSlider01 .lSAction > a {  width:20px;  font-size:3em;}*/
.topArea .lSAction > a.lSPrev, .topArea02 .lSAction > a.lSPrev, .roomSlider01 .lSAction > a.lSPrev { left:5px;}
.topArea .lSAction > a.lSNext, .topArea02 .lSAction > a.lSNext, .roomSlider01 .lSAction > a.lSNext {right:5px;}
.topArea { z-index:auto;}
.topArea .lSAction {width:100%; height:30px; bottom:5%;  right:0; }
.topArea .lSAction > a { font-size:4em; }
.topArea .lSAction > a.lSNext { right: 5%;}
.topArea .lSAction > a.lSPrev { left: 5%;}

.mainListType01 .mainListTitle {width:30%;}
.mainListType01 .mainListThumb {width:70%;}

.mainListType02 .mainListTitle {width:33.35%;}
.mainListType02 .mainListThumb {width:66.65%;}

.mainListType03 .mainListTitle {width:37.66%;}
.mainListType03 .mainListThumb {width:62.34%;}
.topArea .btn_scroll, .btn_scroll {display:none;}

}

@media  (max-width: 768px){

.none768 {display:none !important;;}
.block768 {display:block !important;;}
.in-block768 {display:inline-block !important;;}

.roomList li .text { font-size:0.7em;letter-spacing:-0.1em;}
.mainListType01, .mainListType02, .mainListType03 {width:100%; margin:0;}
.mainListType01 .mainListTitle {width:35%;}
.mainListType01 .mainListThumb {width:65%;}

.mainListType02 .mainListTitle {width:35%;}
.mainListType02 .mainListThumb {width:65%;}

.mainListType03 .mainListTitle {width:35%;}
.mainListType03 .mainListThumb {width:65%;}
.mRoom_title {padding: 3% 0;}


.topArea .lSAction > a { font-size:3em; }



}

@media  (max-width: 560px){

.none560 {display:none !important;;}
.block560 {display:block !important;;}
.in-block560 {display:inline-block !important;;}

  .topArea .lSAction > a { font-size:1.5em; }

}

@media  (max-width: 480px){

.none480 {display:none !important;;}
.block480 {display:block !important;;}
.in-block480 {display:inline-block !important;;}


}


@media  (max-width: 380px){

.none380 {display:none;}
.block380 {display:block;}
.in-block380 {display:inline-block;}
}
.lightslider .item, .lightslider .owl-item, .lightslider li {position:relative;}
.item {width:100%!important;}
.owl-carousel .item {background-size:cover; background-position:center bottom; }
.owl-carousel .owl-item {position:relative;}
/* Feel free to change duration  */ 
.animated  {
  -webkit-animation-duration : 1000 ms  ;
  animation-duration : 1000 ms  ;
  -webkit-animation-fill-mode : both  ;
  animation-fill-mode : both  ;
}  
/* .owl-animated-out - only for current item */ 
/* This is very important class. Use z-index if you want move Out item above In item */ 
.owl-animated-out {
  z-index : 1 
   }
/* .owl-animated-in - only for upcoming item
/* This is very important class. Use z-index if you want move In item above Out item */ 
.owl-animated-in {
  z-index : 0 
   }
/* .fadeOut is style taken from Animation.css and this is how it looks in owl.carousel.css:  */ 
.fadeOut  {
  -webkit-animation-name : fadeOut  ;
  animation-name : fadeOut  ;
}  
@-webkit-keyframes  fadeOut  {
  0% {
    opacity : 1   ;
  }  
  100% {
    opacity : 0   ;
  }  
}
@keyframes  fadeOut  {
  0% {
    opacity : 1   ;
  }  
  100% {
    opacity : 0   ;
  }  
}



/* 아래 → 위 */
.fade-up {
  opacity: 0;
  transform: translateY(60px);
  transition: all 1.8s cubic-bezier(0.22, 1, 0.36, 1);
}
.fade-up.on {
  opacity: 1;
  transform: translateY(0);
}


/* 위 → 아래 */
.fade-down {
  opacity: 0;
  transform: translateY(-60px);
  transition: all 1.8s cubic-bezier(0.22, 1, 0.36, 1);
}
.fade-down.on {
  opacity: 1;
  transform: translateY(0);
}

/* 왼쪽 → 오른쪽 */
.fade-left {
  opacity: 0;
  transform: translateX(-60px);
  transition: all 1.8s cubic-bezier(0.22, 1, 0.36, 1);
  filter: blur(5px);
}
.fade-left.on {
  opacity: 1;
  transform: translateX(0);
  filter: blur(0);
}

/* 오른쪽 → 왼쪽 */
.fade-right {
  opacity: 0;
  transform: translateX(60px);
  transition: all 1.8s cubic-bezier(0.22, 1, 0.36, 1);
}
.fade-right.on {
  opacity: 1;
  transform: translateX(0);
}


.trans3000 { transition: all 3s cubic-bezier(0.22, 1, 0.36, 1) !important;}
.delay300 { transition-delay: 0.3s !important; }
.delay400 { transition-delay: 0.4s !important; }
.delay500 { transition-delay: 0.5s !important; }
.delay600 { transition-delay: 0.6s !important; }
.delay700 { transition-delay: 0.7s !important; }
.delay900 { transition-delay: 0.9s !important; }
.delay1000 { transition-delay: 1s !important; }


/* 공통 바로가기 버튼 */
.common-move-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding: 11px 37px;
  background-color: #2D2823;
  border-radius: 46px;
}

.common-move-btn span {
  font-size: 27px;
  letter-spacing: 0.05em;
  color: #fff;
}

.circle-arrow-box {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  transition: all 0.5s ease-in-out;
}

.circle-arrow-box img {
  width: 30px;
}

.common-move-btn:hover {
  background-color: var(--main-green);
}
.common-move-btn:hover .circle-arrow-box {
  transform: translateX(15px);
}
.btn-arrow-green {
  display: none;
}
.common-move-btn:hover .btn-arrow-green {
  display: inline;
}
.common-move-btn:hover .btn-arrow-black {
  display: none;
}

@media (max-width:768px) {

  .common-move-btn {
    padding: 8px 30px;
  }
  .common-move-btn span {
    font-size: 21px;
  }
  .circle-arrow-box {
      width: 41px;
      height: 41px;
  }
  .circle-arrow-box img {
    width: 24px;
  }
}