@charset "utf-8";

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


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

.subNav { position:fixed; width:100%; right:0; bottom:-100px; background:rgba(255, 255, 255, 0.9); padding:1.5em 1em 1.2em;  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); box-shadow:0 0 5px rgba(0, 0, 0, 0.15); z-index:7;} 
.subNav ul {  left: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 #000; 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.05em; line-height:0.9em; color:#000; }
.subNav li a::after {content:"";position:absolute; width:0; height:1px; background:#000; 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.this a::after { width:100%; }
@media  (min-width: 1025px){.subNav li a:hover::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  .roomInfo iframe{
    width: 80%;
    height: 360px;
}
.subCon  .roomInfo .roomInfo_text{
word-break: keep-all;
}
.subCon:after {content:"";display:block;clear:both;}

/* subTop 중복부분 */
.subTop01 { position:relative; width:60%; margin-left:40%; }
.special .subTop01 { width:57.8%; margin-left:42.2%;}
.subTop02 { position:relative; width:70%; }
.reser .subTop01 { width:50%; margin-left:0; height:0; padding-bottom:30%; background:rgba(96,55,8,0.25);}

.pageTitle { position:relative; z-index:3; }
.mapTitle.pageTitle, .reser .pageTitle { margin-bottom:2em;}
.pageTitle .text { position:relative; display:inline-block; padding-right:1em; background:#fff; font-family: 'Libre Bodoni', serif; font-size:2.8em; line-height:1em; letter-spacing:0.05em; text-transform:lowercase; z-index:2;}
.reser .pageTitle .text {background:rgba(96,55,8,0);}
.pageTitle .line { position:absolute; left:0; bottom:2px; display:inline-block; width:120%; height:1px; background:#000; z-index:1; }
.special .pageTitle .line { width:80%;}
.pageTitle .line02 { position:absolute; left:0; bottom:2px; display:inline-block; width:90%; height:1px; background:#000; z-index:1; }

.pageTitle01 { left:0; margin-left:-2em; }
.pageTitle02 { left:100%; margin-left:2em;}
.active.pageTitle01, .active.pageTitle02 { margin-left:0em; }
/*.pageTitle01, .pageTitle02 { margin-left:-0.8em; }*/

.textBox_01 { position:absolute; display:block; width:40%; left:0; top:50%; transform: translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); text-align:center;}
.textBox_02 { margin-bottom:4%;}
.textBox_02 .pageTitle { width:40%;}
.special .textBox_01 {width:60%;}
.reser .textBox_01 { top:35%;}

.textBox_text01 dt { font-size:1.23em; line-height:1.8em; font-weight:500; margin-bottom:2em;}
.textBox_text01 dd { font-size:1.07em; line-height:2em;}

.textBox_text02 dt { font-family: 'Lobster', cursive; font-size:4.3em; line-height:1.5em;}
.textBox_text02 dd { font-size:1.4em; line-height:1.7em;}



.landscape02 .textBox_01 { top:35%;}
.room .textBox_01 { top:40%;}
.room00 .textBox_01 { top:80%;}

.con_text01 { display:inline-block; min-width:80%; text-align:left; padding-left:10%;}
.active.con_text01  { padding-left:0;}
/*.con_text01 dt { font-size:1.23em; line-height:1.8em; font-weight:500; margin-bottom:2em;}
.con_text01 dd { font-size:1.07em; line-height:2em;}
.con_text01 dd .mb { margin-bottom:2em;}*/

.con_text02 {}
.con_text02 dt {position:absolute; display:inline-block; left:60px; bottom:0; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; padding:0.7em 0 0.3em; background:#fff; font-family: 'Roboto', sans-serif; font-size:2.8em; line-height:1.9em; letter-spacing:0.4em; }
@media  (max-width: 1620px){ .con_text02 dt{font-size:2.4vw; letter-spacing:0.3em;} }
.con_text02 dd { position:relative; width:80%; left:15%; padding:8% 0; font-size: 1.15em; line-height: 1.58em; }

.con_text03 {display:inline-block; text-align:left; padding-left:10%; min-width:60%;}


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

@media  (max-width: 1420px){
.textBox_01 { width:60%; left:0;}
.pageTitle .line { width:120%;}
.textBox_03 { width:100%; padding-left:5%;}

.pageTitle .text { font-size:2.8vw;}

.con_text01 dt { font-size:1.15em; line-height:1.6em; margin-bottom:1.6em;}
.con_text01 dd { font-size:1em; line-height:1.8em;}

.textBox_text01 dt { font-size:1.15em; line-height:1.6em; margin-bottom:1.5em;}
.textBox_text01 dd { font-size:1em; line-height:1.8em;}

.textBox_text02 dt { font-size:3.6vw; margin-bottom:2%;}
.textBox_text02 dd { font-size:1em; line-height:1.5em;}
.reser .subTop01{width: 75%;}


}

@media  (max-width: 1280px){
.mapTitle.pageTitle, .reser .pageTitle { margin-bottom:3%;}
}

@media  (max-width: 1024px){
  .reser .subTop01{
    width: 65%;
  }
.textBox_01 { text-align:left; padding-left:5%;}
.subCon  .roomInfo{
  text-align: center;
}
.subCon  .roomInfo .roomInfo_text{
    text-align: left;
}
}

@media  (max-width: 768px){
 .logo img{
  padding-left: 10px;
  width: 80%;
  height: 80%;
 }
.subNav { padding:1.5em 1em 1em 1em; text-align:center;}
.subNav ul { padding-left:0;}

.pageTitle {font-size:4.4vw;}
.special .pageTitle{font-size:4vw; letter-spacing:0.2em;}
.special01 .pageTitle, .special03 .pageTitle, .special04 .pageTitle, .special05 .pageTitle { height:88%;}
.special06 .pageTitle { height:77%;}

.subTop01 { width:75%; margin-left:25%; }
.subTop02 { width:80%;}

.pageTitle .text { font-size: 1em; padding-right:0.5em;}
.textBox_text02 dt {font-size: 2em;}
.textBox_01 { position:relative; width:90% !important; left:5%; margin-bottom: 30%;padding-top:10%; top:auto; transform: none; -ms-transform:none; -webkit-transform:none;}
.reser .textBox_01 { padding:0 0 15%; margin-top:-23%;}
.room00 .textBox_01 { padding:0 0 5%; margin-top:0;}
.con_text01 { display:block;}
.pageTitle .line { width:70%;}

/*.pageTitle .line { width:100%;}*/
}




@media  (max-width: 500px){
  .textBox_01 { position:relative; width:90% !important; left:5%; padding-top:10%; top:auto; transform: none; -ms-transform:none; -webkit-transform:none;}
  .pageTitle .line{
    width: 60%;
  }
  .subCon .roomInfo iframe{
    width: 100%;
    height: 390px;
  }
}

@media  (max-width: 420px){
  .subCon .roomInfo iframe{
    width: 100%;
    height: 390px;
  }
  .textBox_01 { position:relative; width:90% !important; left:5%; padding-top:10%; top:auto; transform: none; -ms-transform:none; -webkit-transform:none;}
.subNav { padding:1.2em 0.5em 0.8em;}
.subNav li { padding:0 0.5em;}
.subNav li a { font-size:0.9em;}
}