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

/* subLayout */

body { overflow:hidden}

#contents_layer {position:relative;  /*opacity:0; filter: alpha(opacity=0;);*/ z-index:5;}
.sub #contents {position:relative; padding-bottom:50px; /* opacity:0; filter: alpha(opacity=0;);*/ z-index:5; zoom:1; }
#contents:after { clear: both; content: ""; display: block; }

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

.subTitle { }
.subTitle img { vertical-align:top;}
.subTitle .title {font-family:"NanumBarunGothic", "Malgun Gothic","Nanum Gothic",NanumGothic,Dotum,"µ¸¿ò"; font-size:30px;font-weight:normal; line-height:35px; }
.subTitle div { margin-top:10px; font-size:16px; line-height:20px; }

.list01 {}
.list01 li { font-size:15px; line-height:24px; margin-bottom:3px; background:url(../images/sub/arrow_01.gif) left 12px no-repeat; padding-left:10px;}
.list02 {}
.list02 li { font-size:15px; line-height:24px; margin-bottom:3px; background:url(../images/sub/arrow_01.gif) left 12px no-repeat; padding-left:10px;}
.list02 li li { margin-bottom:1px; background:none; padding-left:0;}

.list_dl {}
.list_dl dt { font-size:15px; color:#030303; line-height:1.2em; font-weight:700; margin-bottom:10px; background:url(../images/sub/arrow_01.gif) 5px center no-repeat; padding-left:20px; text-transform:uppercase;}
.list_dl dd { margin-bottom:16px; padding-left:20px; color:#676767;}

.room_reser { text-align:right;  }
.room_reser a, .special_text01 a {display:inline-block; background:#3c2311; padding:0 6px;}
.room_reser a:hover, .room_reser a:focus, .special_text01 a:hover, .special_text01 a:focus {background:#de0d0d; padding:0 2px 0 10px;}
.room_reser a img, .special_text01 a img { vertical-align:top;}

.topArea { position:relative;z-index:5;}
.bxslider_area { position:relative;}

.link_reser {display:block; background:#14202c; padding:0 10px;}
.link_reser:hover, .link_reser:focus { padding:0 5px 0 15px;}
.link_reser img { vertical-align:top;}

.subTitle { margin:4% 0 5%; text-align:center;  padding-top:36px; background:url(../images/sub/typo_hello.png) center top no-repeat; font-weight:400;font-family: 'Lato', "NanumBarunGothic", sans-serif;}
.subTitle_01 { display:block; font-size:38px; line-height:42px; text-transform:uppercase; color:#000; letter-spacing:0.4em; padding:0 0 5px 0.4em; }
.subTitle_02 { display:block; font-size:11px; line-height:14px; text-transform:uppercase; color:#868686; letter-spacing:0.1em;}

@media  (max-width: 1024px){

}

@media  (max-width: 830px){

.sub #contents { padding-bottom:30px;}
.list01 li { font-size:24px; line-height:36px; background-position: left 12px; }


}

@media  (max-width: 768px){
.subNav {text-align:center;}
}


@media  (max-width: 560px){


}

@media  (max-width: 480px){


}


@media  (max-width: 380px){

}