@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:-0.6em;  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;}
iframe{
    overflow: scroll;
}
.space{
    display: none !important;
}
@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;}
iframe{
    width: 800px;
}
}

@media  (max-width: 768px){

.conTitle01 { margin-bottom:5%;}
.conTitle01_01 { font-size: 1.6em;}
.conTitle01_02 { font-size:1.1em; }
iframe{
    width: 700px;
}
}
/* 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 */
.tourWrap { padding-top:1px;}
.tourCon { 
    display: flex;
    align-items: center;
    width: 60%;
    gap: 8%;
    position:relative; 
    margin:5% auto;
    padding-bottom: 5%;
    box-shadow: 3px 3px 3px #eee;
}
.tourCon:last-of-type {margin-bottom: 5%;}
.link_tour {
    position: absolute;
    top: -200px;
    left: 0;
}
.tourCon01 {
    margin: 5% 15%;
}
.tourCon02 {
    margin: 5% 25%;
}
.tourCon:after {content:"";display:block;clear:both;}

.tourCon .tourImg { width: 50%;}
.tourCon .tourImg img { 
    width:100%; vertical-align:top; 
    max-height: 350px;
    object-fit: contain;}
.tourCon .tourText { width: 50%; word-break:keep-all; }
.tourText dt { font-size:2.3em; line-height:1.8em; font-weight:bold; margin-bottom:3%; font-family: 'GowunBatang-Regular'}
.tourText dt span { letter-spacing:0.15em;}
.tourText dd { font-size:1.5em; line-height:1.8em; font-family: 'GowunBatang-Regular';}
.tourText dd div { margin-bottom:2em;}
.tourText dd div p { margin-bottom:0.3em;}
.tourText dd ul li {padding-left: 20px;  -webkit-text-stroke: 0.3px #000;}
.tourText dd ul li.ref {margin-left: 7px; font-size: 0.7em;} /*사진출처*/
.tourText dd span.stroke {-webkit-text-stroke: 0.3px #000;}
.tourText dd ul li::before {
    content: "❖ ";
    display: inline-block;
    margin-left: -17px;
    margin-right: 10px;
}
.tourText dd ul li.ref::before {
    content: "※ ";
    display: inline-block;
    margin-left: -17px;
    margin-right: 10px;
}
.tourText dd ul.cost {margin-bottom: 2%;}
.tourText dd ul.cost li {margin-left: 2%;}
.tourText .more {
    width: max-content;
    margin-top: 40px;
    padding: 10px 20px;
    background: #e5d8c3;
    border-radius: 10px;
    font-size: 1.1em;
    font-weight: bold;
}
.tourText .more:hover {
    background: #bd8835;
    color: #fff;
}
.highlight {
    position: relative;
    display: inline-block;
}
.highlight::after {
    content: "";
    display: block;
    width: 100%;
    height: 8px;
    background: #FF7800;
    opacity: 0.3;
    position: absolute;
    bottom: 3px;
    left: 0;
}
.tourCon02 .tourImg { }
.tourCon02 .tourText {  }

@media  (min-width: 769px){
.tourCon .tourText {}
.active.tourText {opacity:1; filter: alpha(opacity=100;); top:50%; transition: all 0.6s ease-in-out 1.0s;}
}


@media  (max-width: 1200px){
    .tourText dt {
        font-size:1.8em;
        line-height: 1.5em;
    }
    .tourText dd { font-size:1.2em; line-height:1.7em;}

}


@media  (max-width: 1024px){
    .tourCon { 
        width: 80%;
        margin:5% auto;
    }
}

@media  (max-width: 768px){
    .tourCon {
        width: 90%;
        gap: 6%;
    }
    .tourCon .tourText { }
    .active.tourText {opacity:1; filter: alpha(opacity=100;); transition: all 0.3s ease-in-out 0.5s;}
    .tourText dt {
        font-size:1.5em;
        line-height: 1.5em;
    }
    .tourText dd { font-size:1.05em; line-height:1.6em; }
    .tourText dd div p { margin-bottom:1em;}
    .tourText dd div p br { display:none;}
    .tourText .more {
        margin-top: 20px;
    }
}
@media  (max-width: 500px) {
    .tourText dt {
        font-size:1.2em;
        line-height: 1.2em;
    }
    .tourText dd { font-size:0.9em; line-height:1.5em; }
}


/* reser */

.reserCon01 { }
.reser01_01 { position:relative;  max-width:1520px; margin:0 auto; background:#fff; padding:20px 0 0; z-index:1; }
.active.reser01_02 { bottom:0; }
.reserCon02 { margin-top:5%;}
.reser02_01 { position:relative; width:50%; padding:8% 0 8% 10%;}
.reser02_02 { position:absolute; width:50%; height:100%; left:50%; top:0; background:url(/html/images/reser/img01_03.jpg) center center no-repeat; background-size:cover !important; }
.reserCon03 {}
.reser03_01 {position:absolute; width:56%; height:100%; left:0; top:0; background:url(/html/images/reser/img01_02.jpg) center center no-repeat; background-size:cover !important;}
.reser03_02 { position:relative; width:44%; margin-left:56%; padding:6% 0 6% 8%;}


.active.reser_dl { margin-left:0;}
.reser_dl > dt { font-size:1.35em; line-height:1.6em; margin-bottom:2em;}
.reser_dl > dt .no { font-family: 'Vidaloka', serif; font-size:2em; color:#603708;}
.reser_dl > dd {font-size:1.05em; line-height:1.8em;}

.reser_con {}
.reser_con > dt { font-size:1.6em; line-height:1.8em; text-indent:-0.6em; padding-left:1em; font-weight:600; }
/* .reser_con > dt::before  {content:"+ "; text-align:center;} */
.reser_con > dd { margin-bottom:2em;}
.reser_con > dd p { font-size:1em; line-height:1.8em; text-indent:-0.6em; padding-left:1.4em;}
.reser_con > dd p::before  {content:"- "; text-align:center;}

.reser_frame { width:96%; max-width:1520px; margin:-12% auto 0; padding:2%; background:#fff;}
.reser_frame iframe { display:block; width:100%; height:1000px; overflow-y:auto; border:0;}


@media  (max-width: 1480px){
.reser02_01 { width:50%; padding:6% 0 6% 80px;}
}

@media  (max-width: 1280px){

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

.reser_dl > dt { font-size:1.2em;}
.reser_dl > dt .no { font-family: 'Vidaloka', serif; font-size:2em; color:#603708;}
.reser_dl > dd {font-size:1em; line-height:1.6em;}
}

@media  (max-width: 1024px){
.reser02_01 { width:100%; padding:8% 5%;}
.reser02_02 { position:relative; width:60%; height:48vw; left:40%; top:0; }
.reser03_01 {position:relative; width:80%; height:auto; left:0; top:-10%; background:none; background-size:cover !important;}
.reser03_02 { position:relative; width:100%; margin-left:0; padding:8% 5%;margin-top: 28%;}
}

@media  (max-width: 768px){
.priceApp { font-size:0.9em;}

}


/*  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;}
@media  (max-width: 500px){
    iframe{
        width: 100%;
    }
}