@charset "utf-8";
@font-face {
    font-family: 'GowunBatang-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/GowunBatang-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GowunDodum-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/GowunDodum-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.list01 {}
.list01 li {text-indent:0em;  padding-left:1em;}
.list01 li::before {text-align:center;}
.list02 li::before {content:"# ";}

.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:#be6f51; 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; display:table; width:100%; z-index:3;}
.about01_01 { display:table-cell; width:50%; padding:7% 4%;}
.about01_02 {display:table-cell; width:50%; text-align:center; vertical-align:middle;}
.about01_02_text { display:inline-block; text-align:left; font-family: 'Cormorant Garamond', serif; font-size:3em; line-height:1.5em; color:#1e1d1d;}

.aboutCon02 { position:relative; display:table; width:100%; z-index:3;}
.about02_01 { display:table-cell; width:50%; text-align:center; vertical-align:middle; padding-bottom:5%;}
.about02_02 {display:table-cell; width:50%; padding:0 4%;}
.about02_01_text { display:inline-block; text-align:left; font-family: 'Quicksand', sans-serif; font-size:1.07em; line-height:1.5em; color:#000; text-transform:uppercase; font-weight:700; letter-spacing:0.2em;}
.color01 {color:#005e32}
.color02 {color:#5cbbd0}
.color03 {color:#d035c0}

.about_bg { position:absolute; width:100%; height:80%; left:0; bottom:0; background:#f0f1f5; z-index:-1;}

.aboutCon03 { position:relative; margin-top:-5%; z-index:2;}
.aboutCon04 { width:92%; max-width:1460px; margin:6% auto 0;}
.mapAdd { font-size:1.25em; line-height:1.6em;}

@media  (max-width: 1900px){ .about01_02_text {font-size:2.5vw;} }


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

@media  (max-width: 1024px){
.about01_01 { width:65%; padding:7% 1%;}
.about01_02 { width:35%;}
.about01_02_text {  font-size:3.5vw;}

.about02_01 { width:35%;}
.about02_02 {width:65%; padding:0 1%;}
.about02_01_text { font-size:2vw; margin-left: 20%;}

.mapAdd { font-size:1.15em; line-height:1.6em;}

}

@media  (max-width: 768px){
.about_bg { position:absolute; width:100%; height:53%; left:0; bottom:0; background:#f0f1f5; z-index:-1;}

}

@media  (max-width: 420px){

}

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

.mapFrame { position:relative; width:100%; height:0; padding-bottom:40%; overflow:hidden; }
.mapFrame iframe {position:absolute; width:100%; height:100%; left:50%; top:50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); border:0;}

@media  (max-width: 1024px){
.mapFrame { padding-bottom:50vw;}
.mapFrame iframe { width:200%; height:200%;}
}

@media  (max-width: 768px){
.mapFrame { padding-bottom:70vw;}
}


/* about02 - landscape */
.landCon01 {}
.land01_01 { position:relative; width:58%;}
.land01_02 { position:relative; display:table; width:100%; margin-top:-15%; margin-bottom:8%;}
.land01_0201 { display:table-cell; width:58%; text-align:center; vertical-align:middle; padding-top:23%;}
.land01_0201 p { display:inline-block; text-align:left; font-family: 'Lora', serif; font-size:1.2em; line-height:1.8em;}
.land01_0202 { display:table-cell; width:42%;}

@media  (max-width: 1024px){.land01_0201 p { font-size:1.5vw;}}
@media  (max-width: 560px){.land01_0201 p { font-size:2.5vw;}}

/* room */
.roomCon01 { position:relative; z-index:2;}
.room01_01 { position:relative; width:60%; margin:-6% 0 6%; z-index:1;}
.roomCon02 { display:table; width:100%;}
.room02_01 {display:table-cell; width:54.2%; text-align:center; vertical-align:middle;}
.room02_02 {display:table-cell; width:45.8%;}

.roomInfo { display:inline-block;  width:90%; max-width:720px; text-align:left;}
.roomInfo dt { margin-bottom:2.5em; }
.roomInfo dt .title_01 {display:block; font-family: 'Libre Bodoni', serif; font-size:4.5em; line-height:1.5em;}
.roomInfo dt .title_02 {display:block; font-size:1.25em; line-height:1.5em;}
.roomInfo dd {}
.roomInfo_text01 { margin-bottom:0.5em;}
.roomInfo_text01:after, .roomInfo_text02:after {content:"";display:block;}
.roomInfo_text01 .text p { display:inline;  font-size:1.1em; line-height:1.5em;}
.roomInfo_text01 .text p:before { content:" / "}
.roomInfo_text01 .text p:first-child:before {content:""}

.roomInfo_text02 { font-size:1.05em; line-height:1.6em;}
.roomInfo_text02 .title { 
    font-weight:700; 
    /* display:inline; */
}
.roomInfo_text02 .text { display:inline;}

.roomCon03 { width:67%; margin:0 auto 7%;}


.price_info { font-size:1.2em; line-height:1.6em; letter-spacing:-0.05em; margin-bottom:0.5em;}
.reserTable { width:100%;border-collapse:collapse; border-top:1px solid #999;}
.roomFa { margin:1em 0 3em;}
.roomReser { margin-bottom:10px;}
.reser_name { display:table; width: 100%; 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 #999; font-weight:400;}

.reserTable .price01 { position:relative;}
.reserTable th[scope=col] { background:#f9f9f9; border-bottom:2px solid #333; }
.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:#f9f9f9;} 
.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.05); color:#000; 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; }

.roomApp { text-align:right; margin:-10px 0 10px;}
.roomApp i { vertical-align:middle;}

@media  (max-width: 1420px){ 
.roomInfo dt .title_01 {font-size:4.5vw; }
}

@media  (max-width: 1024px){ 
.room01_01 {  width:90%;}
.roomCon02 { display:block;}
.room02_01 {display:block; width:100%; margin:4% 0 8%;}
.roomInfo dt .title_01 {font-size:2.5em; }
.room02_02 {display:block; width:80%; margin-left:20%;}

.roomCon03 { width:90%; margin:7% auto;}


}

@media  (max-width: 768px){ 


}

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


/* roomPre */

.roomPre_wrap { position:relative; overflow:hidden;}
.roomPre { position:relative;}
.roomPre_list { position:absolute; width:80%; height:100%; left:10%; top:0; z-index:2;}
.roomPre_list a { position:absolute; }

.roomNav01 { left:10%; top:10%;}
.roomNav02 { left:15%; top:10%;}
.roomNav03 { left:20%; top:10%;}
.roomNav04 { left:25%; top:10%;}
.roomNav05 { left:30%; top:10%;}
.roomNav06 { left:35%; top:10%;}


@media  (max-width: 1280px){ 

}

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

@media  (max-width: 768px){

}

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

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


/* special */
.spCon01 { margin-top:8%; z-index:3;} 
.sp01_01 { position:relative; width:50%;}
.sp01_02 { position:absolute; left:58%; top:15%;}
.sp01_02 dt {font-family: 'Libre Bodoni', serif; font-size:3.3em; line-height:1em; margin-bottom:0.5em;}
.sp01_02 dd {font-size:1.15em; line-height:1.6em;}

.spCon02 { margin-top:-5%; z-index:2;}
.sp02_01 { width:90%; margin-left:10%;}

@media  (max-width: 1280px){

.sp02_0202 dt {font-size:2.6vw; line-height:1.2em; margin-bottom:3%;}
.sp02_0202 dd {font-size:1vw; line-height:1.6em; font-weight:300;}

.sp03_01_text dd { font-size:0.9em; line-height:1.6em;}

}

@media  (max-width: 1024px){

.sp01_01 { width:55%;}
.sp01_02 { left:60%; top:40%; transform: translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.sp01_02 dt {font-size:2em;}
.sp01_02 dd {font-size:1em; line-height:1.6em;}

}

@media  (max-width: 768px){

.special .subTop01 { width:90%; margin-left:10%;}
.sp01_01 .textBox_01 { width:90%; margin:0 auto; text-align:left;}
.sp02_0201 { margin-bottom:25%;}
.sp02_0201 li { font-size:0.8em; }

.sp01_02 dt {font-size:1.8em;}
.sp01_02 dd {font-size:0.8em; line-height:1.4em;}

}

@media  (max-width: 420px){
.sp01_02 dt {font-size:1.5em;}
.sp01_02 dd {font-size:0.6em; line-height:1.3em;}
}

/* tour */
/* 탑슬라이드*/
  .tourCon01 {
    width: 100%;
    background: url(/images/tour/01_01.jpg) no-repeat center center;
    background-size: cover;
    padding-bottom: 35%;
  }
  .tour_cont {
    margin: 0 5% 3%;
  }
  .tour_cont .inner_wrap {
    display: flex; 
    justify-content: center;
    gap: 4%;
    padding: 3% 14%;
  }
  .tour_cont .inner_wrap > div {
    position: relative;
    transition: width 0.5s;
    height: 360px;
  }
  .tour_cont .inner_wrap > div:first-of-type {
    width: 46%;
  }
  .tour_cont .inner_wrap > div:not(:first-of-type) {
    width: 27%;
  }
  .tour_cont .inner_wrap > div img {
    width: 100%;
    height: 78%;
    border-radius: 26px;
    object-fit: cover;
  }
  .tour_cont .inner_wrap .text {
    position: relative;
  }
  .tour_cont .inner_wrap .text h3 {
    font-size: 25px;
    line-height: 50px;
  }
  .tour_cont .inner_wrap .text p.addr {
    font-size: 15px;
    line-height: 30px;
  }
  .tour_cont .inner_wrap .text p.ref {
    font-size: 14px;
    line-height: 28px;
    position: absolute;
    top: 0;
    right: 0;
  }
  .tour_cont .inner_wrap > div:not(:first-of-type) p.ref {
    display: none;
  }
  
  .tour_cont a.more_btn {
    display: block;
    position: absolute;
    top: 43%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 13px 20px;
    border: 1px solid #414141;
    font-size: 10px;
    color: #fff;
    transition: all 0.5s;
    opacity: 0;
  }
  .tour_cont a.more_btn::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #E1592E;
    transition: all 0.5s;
  }
  .tour_cont .inner_wrap > div:hover a.more_btn {
    opacity: 1;
    font-size: 20px;
  }
  .tour_cont .inner_wrap > div:hover a.more_btn::before {
    width: 100%;
  }
  
  @media (max-width:1500px){
    .tour_cont .inner_wrap .text h3 {
      font-size: 22px;
      line-height: 40px;
    }
    .tour_cont .inner_wrap .text p.addr {
      font-size: 13px;
      line-height: 30px;
    }
    .tour_cont .inner_wrap .text p.ref {
      font-size: 11px;
      line-height: 25px;
    }
    .tour_cont a.more_btn {
      /* font-size: 16px; */
    }
    .tour_cont .inner_wrap > div:hover a.more_btn {
      opacity: 1;
      font-size: 16px;
    }
  }
  @media (max-width:1200px){
    .tour_cont .inner_wrap {
      display: block; 
      padding: 3%;
    }
    .tour_cont .inner_wrap > div {
      display: inline-block;
      margin: 30px;
    }
    .tour_cont .inner_wrap > div:first-of-type {
      width: 41%;
    }
    .tour_cont .inner_wrap > div:not(:first-of-type) {
      width: 41%;
    }
    .tour_cont .inner_wrap > div:last-of-type {
      width: 82%;
    }
  }
  
  @media  (max-width: 768px){
  
  .tourCon01 {
    background: url('/images/tour/m/01_01.jpg') no-repeat center center;
    background-size: cover;
    padding-bottom: 100%;
  }

  .tour_cont .inner_wrap {
    padding: 0 3%;
  }
  .tour_cont .inner_wrap > div {
    display: block;
    margin: 10% 3%;
  }
  .tour_cont .inner_wrap > div:first-of-type {
    width: 94%;
  }
  .tour_cont .inner_wrap > div:not(:first-of-type) {
    width: 94%;
  }
  .tour_cont .inner_wrap > div:last-of-type {
    width: 94%;
  }
  .tour_cont .inner_wrap .text {
    margin-top: 7px;
  }
  .tour_cont .inner_wrap .text p.ref {
    top: -12px;
  }
  .tour_cont .inner_wrap > div:not(:first-of-type) p.ref {
    display: block;
  }
  .tour_cont a.more_btn {
    display: block;
    position: absolute;
    top: auto;
    left: auto;
    bottom: 79px;
    right: 0;
    transform: translate(0, 0);
    padding: 13px 20px;
    border: none;
    font-size: 16px;
    font-weight: bold;
    color: #414141;
    background-color: #fff;
    opacity: 1;
  }
  .tour_cont .inner_wrap > div:hover a.more_btn {
    color: #fff;
  }
  .tour_cont .inner_wrap > div:hover a.more_btn::before {
    width: 100%;
  }
  }
  




/*  commnuity */
.boardCon { position:relative; width:96%; max-width:1480px; padding:7% 0; margin:0 auto; opacity:0; filter: alpha(opacity=0;); z-index:3;}
.active.boardCon { opacity:1; filter: alpha(opacity=100); margin-top:0; transition: all 0.7s ease-in-out 0.5s;}



/* 스페셜 미리보기 */
.spelist_sc { 
    position: relative;
    padding: 7% 0;
    text-align: center;
}
.spelist_sc > .title h1 {
    position: relative; 
    text-transform: uppercase; 
    font-size: 2.7em; 
    letter-spacing: 1.5px; 
    color: #AF4600;
}
.spelist_sc > .title h1:after { 
    content: ''; display: block; position: absolute;
    top: 90px; left: 50%; transform: translateX(-50%);
    width: 46px; height: 2px; 
    background-color: #AF4600;
}
.spelist_sc > .title p {margin: 50px 0 0px; font-weight: 500; font-size: 0.9em; opacity: 0;}

.spe_list_wrap {
    margin: 0 6%; overflow: hidden; 
}

.spe_list {width: 100%; height: 345px; padding: 2% 0 6%; }
.spe_list .box {position: relative;}
.spe_list .box .text {
    position: absolute;
    top: 10px; left: 25px;
}
.spe_list .box .more_view {  /*이동 화살표 감싸는 박스*/
    position: absolute;
    bottom: 11px;
    right: 11px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 34px;
    height: 34px;
    border: 1px solid #fff;
    border-radius: 50%;
    transition: all 0.3s;
}
.spe_list .box .more_view img {
    width: 70%;
    margin-left: -3px;
    transition: all 0.3s ease;
}
.spe_list .box .circle { /* 겹치는 원 박스 */
    position: absolute;
    bottom: 11px;
    right: 15px;
    display: block;
    width: 34px;
    height: 34px;
    border: 1px solid #fff;
    border-radius: 50%;
    transition: all 0.3s;
} 
.spe_list .box .text h2 {
    font-size: 2.2em; line-height: 1.4em; font-weight: 600;
    color: #fff;
}
.spe_list .box img.list_pic {
    border-radius: 26px;
    transition: all 0.3s ease;
}
.spe_list .box:hover .more_view {
    right: 13px;
    background: #fff;
}
.spe_list .box:hover .more_view img {
    margin-left: 0;
    filter: invert(1);
}
.spe_list .box:hover .circle {
    right: 13px;
}
.spe_list .box:hover img.list_pic {
    filter: brightness(0.7);
}

.spe_list_move {  
    position: absolute;
    top: 52%;
    left: 50%;
    transform: translateX(-50%);
    width: 95%;
}
.spe_list_move .visual_prev { float: left; cursor: pointer; width: 30px;}
.spe_list_move .visual_next { float: right; cursor: pointer; width: 30px;}

.spe_list_move .visual_prev img, .spe_list_move .visual_next img { width: 100%;}

@media(max-width:1024px){
    .spe_list_move {  
        top: 53%;
        width: 98%;
    }
}
@media(max-width:768px){
    .spelist_sc {
        padding: 14% 0 7%;
        font-size: 11px;
    }
    .spelist_sc > .title h1:after {
        top: 60px;
    }
    .spelist_sc > .title p {
        margin: 40px 0 0px;
        font-size: 1.3em;
    }
    .spe_list_wrap {
        margin: 0 13%;
    }
    .spe_list {
        height: 60vw;
    }
    .spe_list_move {  
        top: 60%;
        width: 93%;
    }
    .spe_list_move .visual_prev, .spe_list_move .visual_next { 
        width: 20px;
    }
    .spe_list .box .text {
        top: 10px; left: 16px;
    }
    .spe_list .box .more_view {
      background: #fff;
    }
    .spe_list .box .more_view img {
      filter: invert(1);
    }
    .spe_list .box .circle {
      display: none;
    }
}