@charset "utf-8";

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


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

.subContents { padding:0;}

.subNav { position:relative; opacity:0; filter: alpha(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 1.1em; line-height:1em;border-left:1px solid #be6f51; 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:#be6f51; }
.subNav li a::after {content:"";position:absolute; width:0; height:1px; background:#be6f51; 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; filter: alpha(opacity=100;); 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;}
.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:#be6f51; vertical-align:baseline; margin-right:0.1em;}
.subTitle dt .subTitle02 { display:inline-block; 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.5; filter: alpha(opacity=50;);}
.subTitle dd {}
.pageText01 {font-family: "source-han-serif-korean", 'Jeju Myeongjo',serif;  font-size:1em; line-height:2.4em; font-weight:200; opacity:0.8; filter: alpha(opacity=80;);}
.pageText01.pageText02 { font-family:'Noto Sans KR', sans-serif;}
.subTop02 { position:absolute; width:50%; left:0; top:0;}
.room00 .subTop02 { top:auto; bottom:0;}
.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:55%; left:0; top:0;}

.pricetable {
    border: 1px solid #fff;
}
.pricetable tbody tr th {border: 1px solid #fff;}


@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; color:#be6f51; 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;}
.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:-10%;}
.subTop02_room { width:80%; margin-top:-3%; z-index:4;}
.subTop02_sp { width:80%; margin-top:15%;}
.subTop02_tour { width:100%; margin-top:15%;}
.subTopBg { position:absolute; left:0; top:0; z-index:-1;}
.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; }
}

@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; }
}