@charset "utf-8";


/* subLayout */

.sub #contents {position:relative; width:100%; zoom:1;  z-index:5;}
#contents:after, #contents_layer:after {content: "";display: block;clear: both;}
#contents_layer {position:relative;  opacity:0; filter: alpha(opacity=0;); z-index:5; }
.subArea { overflow:hidden;}

.topArea { position:relative;  padding-top:100px; z-index:2;}
.topArea .top_slide { position:relative; margin:0 20px 0 300px; background:#ccc; z-index:2; }

.subTitle { position:relative; max-width:1920px; padding:0 20px 20px 300px; margin-top:20px; z-index:1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.subTitle:after {content: "";display: block;clear: both;}
.subTitle h2 { position:relative; font-weight:400;  z-index:2;}
.subTitle h2 .space {display:inline-block; width:0.3em;}
.subTitle h3 { font-family: 'Playfair Display', serif; font-size:17px; line-height:26px;color:#000; font-weight:400; letter-spacing:0.15em; text-transform:uppercase; margin-top:-20px;}
.subTitle .subTitle_01 { position:absolute; z-index:2;}
.subTitle h2 .subTitle_category {display:block;font-family: 'Playfair Display', serif; font-size:17px; line-height:26px;color:#000; font-weight:400; letter-spacing:0.15em; text-transform:uppercase; margin-top:-20px; /*background:#f4f4f4;*/}
.subTitle h2 .subTitle_add { display:block;font-family:"Open Sans","NanumBarunGothic", "Malgun Gothic","Nanum Gothic",NanumGothic,Dotum,"돋움",Arial; font-size:15px; line-height:20px; color:#434343; text-transform:uppercase; /*background:#f4f4f4;*/}

.subCon { position:relative; padding:0 0 0 300px; z-index:5;}
.subCon_div { position:relative; width:98%; z-index:2; }
.pattern01 { position:absolute; width:10.3%; right:0; top:120px; z-index:4; display:none; }
.service00 .pattern01, .facility00 .pattern01 { display:block;} 
.room .subTitle .pattern02 { position:absolute; width:38%; max-width:724px; min-width:500px; left:0; bottom:-30%; z-index:1; }
.service .subTitle .pattern02  { position:absolute; width:35.5%; max-width:678px; min-width:; left:0; bottom:-50%; z-index:1; }
.facility .subTitle .pattern02  { position:absolute; width:35.5%; max-width:678px; min-width:; left:0; bottom:-8%; z-index:1; }
.about .subTitle .pattern02 {position:absolute;width:48.42%; left:0; bottom:-30%; }
.about02 .subTitle .pattern02 {position:absolute;width:48.42%; left:0; bottom:-50%; }
.room00 .subTitle .pattern02 {width:40.53%; min-width:580px; bottom:-30%; }
.tour .subTitle .pattern02, .reser .subTitle .pattern02, .board .subTitle .pattern02 { position:absolute; width:22.92%; left:0; bottom:0; z-index:1; }

@media  (max-width: 1280px){
/*
.topArea .top_slide {margin:0 20px 0 210px; }
.subTitle {margin:-90px 20px 80px 210px;}
.subTitle h2 {font-size:22px; line-height:26px;}
.subTitle h3 {font-size:150px; line-height:130px;}
.subTitle .subTitle_add {letter-spacing:0.1em;}
.subCon {  margin:0 20px 0 210px;}
*/

.topArea .top_slide { margin:0 20px 0 260px;}
.subTitle { padding:0 20px 20px 260px; }
.subCon { padding:0 0 0 260px;}

}

@media  (max-width: 1024px){

.subCon { padding:0 0 0 3%; }

}


@media  (max-width: 768px){


}


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

@media  (max-width: 480px){



}


@media  (max-width: 380px){

}