@charset "utf-8";

/* subLayout */
/*html { overflow-x:hidden; }*/


#contents {position:relative; min-height:500px;opacity:0; z-index:5;}
#contents:after, #contents_layer:after {content: "";display:block; clear:both;}

.subContents { padding:0;}

.subNav { position:relative; opacity:0; text-align:right; padding:2em 1em 1.5em 40%; border-bottom:1px dashed #493431; z-index:2;} 
.subNav ul { padding-left:17%; right:20px; top:20px;}
.subNav ul:after { content:"";display:block;clear:both;}
.subNav li { display:inline-block; padding:0 0.8em; line-height:1em;border-left:1px solid var(--main-green); margin-bottom:0.5em;  }
.subNav li:first-child { border-left:none;}
.subNav ul li.none1024 { display:block; padding:0;}
.subNav ul li.subNav_0 { width:100%; padding:0;}
.subNav li a { position:relative; display:inline-block; font-size:1.1em; line-height:0.9em; color:var(--main-green); font-family: 'GmarketSansMedium';}
.subNav li a::after {content:"";position:absolute; width:0; height:1px; background:var(--main-green); left:0; bottom:-5px; -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;}
.subNav li a:hover::after, .subNav li.this a::after { width:100%; }
.subNav li.this a { font-weight:700;}

.active.subNav { opacity:1; transition: all 0.5s ease 0.5s;}

.subCon { position:relative; z-index:3;}
.subCon:after {content:"";display:block;clear:both;}


.subTop { position:relative; z-index:3;}
.subTop01 { position:relative; width:50%; margin-left:50%; z-index:3; color: #fff;}

.room00 .subTop01 { margin-left: 57%;}
.subTitle { position:absolute; width:90%; left:10%; z-index:4;}
.subTitle dt { margin-left:-14%;}
.subTitle dt .subTitle01 { display:inline-block; font-family:'Playfair Display', serif; font-size:6.2em; line-height:1em; color:var(--light-green); vertical-align:baseline; margin-right:0.1em;}

.subTitle dt .subTitle02 { display:inline-block; font-family: 'GmarketSansMedium'; font-size:2em; line-height:1.2em; font-weight:100; vertical-align:super;}
.subTitle dt .subTitle_e { display:block; margin:5% 0 8% 12%; font-family:'Montserrat', sans-serif; font-size:7px; line-height:1.8em; letter-spacing:0.05em; opacity:0.8; }
.subTitle dd {}
.pageText01 { font-size:1.3em; line-height:2.4em; font-weight:500; }
/* .pageText01.pageText02 { font-family:'Noto Sans KR', sans-serif;} */
.subTop02 { position:absolute; width:50%; left:0; top:0;}
.room00 .subTop02 { width: 57.6%;}
.subTop03 { position:absolute; left:50%; bottom:16%; transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); font-family: "source-han-serif-korean", 'Jeju Myeongjo',serif;  font-size:1em; line-height:2.4em; font-weight:200; z-index:3;}

.subTop01.room_preview { width:49.3%; margin-left:55%; z-index:3;}
.subTop02.room_preview { width:auto; left:0; top:0;}

.pricetable {
    border: 1px solid #707070;
    font-family: var(--font-sans);
}
.pricetable th,
.pricetable td {
    padding: 12px 3px;
    font-size: 0.9em;
    line-height: 1.5em;
    text-align: center;
    border-bottom: 1px solid #999;
    font-weight: 400;
    vertical-align: middle;
    word-break: keep-all;
}
.pricetable tr:first-of-type {
    background-color: #E2DBD5;
}
.subTop01.special, .subTop01.tour {
    color: #484848;
}
.subTop01.special .subTitle dt .subTitle01 {
    color: var(--main-green);
}


@media  (min-width: 769px){

.subTitle { top:8vw; }
.active.subTitle { top:5vw;}

}

.subTypo01 {font-family: 'Parisienne', cursive; font-size:2.15em; font-size:1.5vw; line-height:1.8em; color:#a48868; text-align:center; margin-top:3em;}
.subTypo02 { padding:8% 0; text-align:center; font-size:0.85em; line-height:1.2em; text-transform:uppercase; color:#454545; letter-spacing:0.5em; padding-left:0.5em; }
.subTypo03 { padding:8% 0; text-align:center; font-family:"Gotham", 'Montserrat', sans-serif; font-size:1.5em; line-height:1em; text-transform:uppercase; color:#fff; letter-spacing:0.5em; padding-left:0.5em;  opacity:0.5; filter: alpha(opacity=50;);}
.room .subTypo03 { padding:0 0 8%;}

.imgTypo { position:relative; margin-bottom:8%;}
.imgTypo dl { position:relative; padding-left:50%; z-index:3;}
.imgTypo dl dt { font-family:"Gotham", 'Montserrat', sans-serif; font-weight:100; font-size:3em; line-height:1.2em; color:#d5cec8; text-transform:uppercase; margin:-3em 0 1.5em; }
.imgTypo dl dt strong { font-weight:500;}
.imgTypo dl dd {font-family: "source-han-serif-korean", 'Jeju Myeongjo',serif;  font-size:1em; line-height:2.4em; font-weight:200; }


@media  (max-width: 1820px){
.subNav { padding:1.5em 1em 1em 40%;}
.subNav li { padding:0 1em;}
.subNav li a { font-size:1em;}
}

@media  (max-width: 1420px){
.subTitle dt .subTitle01 { font-size:4.2em; line-height:1em; vertical-align:baseline;}
.subTitle dt .subTitle02 {  font-size:1.5em; line-height:1.2em; font-weight:100; vertical-align:super;}
.subTitle dt .subTitle_e {  margin:5% 0 6% 12%; font-size:6px; line-height:1.6em; }
.pageText01  {font-size:0.95em; line-height:2em; }

}

@media  (max-width: 1280px){
.imgTypo dl dt { font-size:2em; margin:-3em 0 1.5em; }
}

@media  (max-width: 1024px){

.subTitle { position:absolute; width:90%; left:10%; top:3vw; z-index:4;}
.subTitle dt .subTitle01 { font-size:3.2em; }
.subTitle dt .subTitle02 { font-size:1.2em; }
.subTitle dt .subTitle_e { display:none; font-size:6px; }
.pageText01  {font-size:0.9em; margin-top:5%; }

.subTop03 { bottom:10%; font-size:0.95em; line-height:2em;}

}

@media  (max-width: 768px){
.subNav { padding:1.5em 1em 1em 1em; text-align:center;}
.subNav ul { padding-left:0;}
.subTop01 { width:100%; margin-left:0; }
.room00 .subTop01 { overflow:hidden; margin-left: 0; width: 100%; min-height: 26vw;}
.room00 .subTop01 img { margin-top:-20%;}
.subTitle_re { position:relative;}
.subTitle dt { margin-left:-5%;}
.subTitle dt .subTitle01 { font-size:3.2em;}
.subTitle dt .subTitle02 { font-size:1.2em; }
.subTitle dt .subTitle_e { margin:5% 0 6% 5%; font-size:6px; }
.pageText01  {font-size:0.85em; line-height:2em; margin-top:7% }
.subTop02 { position:relative; width:80%; top:0; margin-top:10%;}
.room00 .subTop02 { width:100%; top:0; margin-top:22%;}
.subTop02_room { width:80%; margin-top:-24%; z-index:4;}
.subTop02_sp { width:80%; margin-top:15%;}
.subTop02_tour { 
    width:100%; margin-top:9%;
    display: none;
}
.subTopBg { 
    position:absolute; left:0; top:0; 
    z-index:-1;
    min-height: 120px;
}
.subTop03 { position:relative; left:0; bottom:auto; transform:none; -ms-transform:none; -webkit-transform:none; text-align:center; margin:10% 0; }

.subTypo02 { font-size:0.8em; padding:10% 0;}
.subTypo03 { font-size:1em; letter-spacing:0.75em; padding-left:0.75em;}


.imgTypo dl dt { font-size:1.5em; }
.imgTypo dl dd.text_NotoSerif { font-size:0.7em;}

.subTop01.room_preview { width:100%; margin-left:0; }
.subTop02.room_preview { width:100%; z-index: 3;}

.subTop01.room_preview .subTitle { top: 8vw; }

.pricetable {width: 94%; margin: 0 3%;}
.pricetable th,
.pricetable td {
    padding: 10px 33px;
    font-size: 13px;
    width: 20%;
}
.pricetable tr:first-of-type {
    background-color: inherit;
}
.pricetable thead tr:first-of-type {
    background-color: #E3DFD9;
}
}
@media(max-width: 560px){
    .subNav li:nth-of-type(4) {
        border-left: none;
    }
}
@media  (max-width: 420px){
.subNav li { padding:0 0.5em;}
.subTitle dt .subTitle01 { font-size:2.4em;}
.subTitle dt .subTitle02 { font-size:1.1em; }
.subTitle dt .subTitle_e { font-size:5px; }
/* .pageText01  {font-size:0.75em;} */

.subTypo02 { font-size:0.7em;}

.imgTypo dl dt { font-size:1.2em; margin:-2.5em 0 0.5em; }
}