@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

/* subLayout */

body{ overflow:hidden}
.sub #contents{position:relative; padding-bottom:100px; /* opacity:0; filter: alpha(opacity=0;);*/ z-index:5; zoom:1; }
#contents:after{ clear: both; content: ""; display: block; }
.main_slider{ position:relative; left:0; top:0; z-index:5; width:800px; clear:both; overflow:hidden;}

.mainTypo{ position:absolute; width:40%; max-width:443px; left:30px; bottom:60px; z-index:5; }
.mainTypo > div{ color:#fff;}
.mainTypo p{ margin:15px 0 5px; font-size:1.2em; letter-spacing:0.2em; font-style:italic; }
.mainTypo img{ width:100%; vertical-align:top;}
.main_reser{ margin-top:20px; display:inline-block; padding:10px 30px; background:#fff; color:#000;  transition: all 0.2s ease-in-out;}
.main_reser:hover, .main_reser:focus{ margin:20px 10px 0;} 
.main_reser2{ margin-top:0px; display:inline-block; padding:0px; background:none; color:#000;  transition: all 0.2s ease-in-out;}
.main_reser2:hover, .main_reser2:focus{ margin:0px 10px 0;} 

.mainTypo dl{ width:214px; padding:10px; margin-top:3px; background:url(../images/bg/black_50.png); color:#fff;}

.subCon_area{ position:relative; width:96%; max-width:1280px; margin:30px auto; /*text-align:center; */}
.subNav{ position:relative; padding:0 0 10px; border-bottom:1px solid #d6dbdf; color:#ccc;}
.subNav a{ display:inline-block; margin:0 10px; }
.room .subNav a{ margin:0 6px; }
.subNav a:hover, .subNav a:focus{ text-decoration:underline;}
.subNav a.this{ font-weight:700;}
.sub_reser{ position:absolute; right:0; bottom:10px;}
.sub_reser:hover, .sub_reser:focus{ color:#000;}

.btn_reser02{ display:inline-block; transition: all 0.2s ease-in-out;}
.btn_reser02:hover, .btn_reser02:focus{ margin:0 10px;}

.topArea{ position:relative; background:#ccc; z-index:5;}

.subTitle{ margin:4% 0 5%; text-align:center; }
.subTitle_01{ display:block; font-family: 'Amiri', "NanumBarunGothic", serif; font-weight:400; font-size:72px; font-style:italic; line-height:76px; color:#383838; padding:0 0 5px 0.4em;  }
.subTitle_02{ width:300px; display:block; font-size:15px; line-height:36px; text-transform:uppercase; color:#9c9c9c; letter-spacing:0.1em; border-top:1px solid #dedede; border-bottom:1px solid #dedede; margin:0 auto 3%;}
.subTitle_03{ display:block; position:relative; width:50%; left:50%; padding:4% 0 0 2%; border-left:1px solid #d6dbdf; font-size:12px; line-height:16px; font-weight:400; color:#999; text-align:left;}
.subTitle_03 span{ display:block; font-size:1.3em; color:#af7f56; font-style:italic; margin-bottom:10px;}
@media  (max-width: 1024px){

.sub #contents{padding-bottom:30px;}

.topArea{ }

.subTitle_02{ font-size:18px;}

.main_slider{ position:relative; left:0; top:0; z-index:1; display:none;}
.mainTypo{ width:89%; left:15px; bottom:15px; font-size:11px; line-height:15px; display:none;}
.mainTypo img{ max-width:200px;}
.main_reser{ margin-top:10px;  padding:8px 20px;}
.main_reser:hover, .main_reser:focus{ margin:10px 10px 0;} 
.main_reser2{ margin-top:10px;  padding:8px 20px;}
.main_reser2:hover, .main_reser2:focus{ margin:10px 10px 0;} 

}

@media  (max-width: 1024px){


.subCon_area{  margin:10px auto 30px; /*text-align:center; */}
.subNav{  padding:0 0 5px; }
.subNav:after{ content:"";display:block;clear:both;}
.subNav div{ margin-bottom:5px;}
.subNav a{ display:inline-block; font-size:15px; line-height:20px; margin:0 2px 3px; }
.room .subNav a{ margin:0 2px; }
.sub_reser{ position:relative; display:inline-block; float:right; top:0; text-align:right; }

.btn_reser02 img{ height:24px; width:auto;}

}

@media  (max-width: 768px){

.subTitle{ margin:4% 0 5%; text-align:center; }
.subTitle_01{ font-size:36px;  line-height:42px; padding:0 0 5px 0.4em;  }
.subTitle_02{  font-size:13px; line-height:32px;  }
.subTitle_03{ font-size:11px; line-height:15px;}
.subTitle_03 span{ display:block; font-size:1.3em; color:#af7f56; font-style:italic; margin-bottom:10px;}

}


@media  (max-width: 360px){
.subTitle_03{ font-size:10px; line-height:14px;}
}