@charset "utf-8";
/* 전 페이지 공통 엘리먼트 및 태그 스타일 */
* {margin:0; padding:0;}

body {width:100%; overflow-x:hidden; height:100%; }
div {margin:0 auto; text-align:left;}
fieldset,img {border:none;}
img { border:0; vertical-align:top; border:0 none; padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
table {border-collapse:collapse;}
address, em {font-style:normal;}
input,textarea {font-family:inherit; font-size:1.05em;} /*로그인페이지와 관리자모드의 인풋창 까지 바뀜*/

dl, dt, dd, p{ margin:0; padding:0; }
ul, li{ list-style:none; margin:0; padding:0; }
hr{ display:none; }

table, tr, td, th, div, p, span {font-family: 'nanum-barun-gothic-bold'; }
#wrap {width:100%; height:100%; margin:0 auto; padding:0; text-align:center;  position:relative; min-width:1200px;}


/* 2015-09-23 작업시작 */
#wrap {width:100%; height:100%; margin:0 auto; padding:0; text-align:center;  }

/*2017-01-21 작업시작*/
#wrap .menu_area { width:100%; height:80px; position:absolute; top:0; left:0; z-index:100; background:rgba(0, 0, 0, 0.4);}
.menu_area .logo {width:300px; height:80px; *float:left;vertical-align:top;}
.menu_area .logo img {padding:10px 0 0 20px;}

.menu_area .logo,
.menu_area ul.gnb,
.menu_area div.menu_link {display:inline-block; *display:inline;}

.menu_link ul li {color:#b08a55; padding-right:20px;}
.menu_link ul li a {color:#b08a55;}
.menu_link ul li a:visited {color:#b08a55;}
.menu_link ul li a:active {color:#b08a55;}
.menu_link ul li a:hover {color:#b08a55; text-decoration:none;}

.menu .menu_tab {width:713px; height:80px; }

.menu1_on #bt_menu_tab1,.menu2_on #bt_menu_tab2,.menu3_on #bt_menu_tab3,.menu4_on #bt_menu_tab4,.menu5_on #bt_menu_tab5,.menu6_on #bt_menu_tab6
{ color:#cfae8a; text-decoration:none;}


a#bt_menu_tab1 {float:left; width:110px;  height:80px; text-align:center; line-height:80px; color:#ffffff; font-size:16px;}
a#bt_menu_tab2 {float:left; width:110px;  height:80px; text-align:center; line-height:80px; color:#ffffff; font-size:16px;}
a#bt_menu_tab3 {float:left; width:110px;  height:80px; text-align:center; line-height:80px; color:#ffffff; font-size:16px;}
a#bt_menu_tab4 {float:left; width:110px;  height:80px; text-align:center; line-height:80px; color:#ffffff; font-size:16px;}
a#bt_menu_tab5 {float:left; width:110px;  height:80px; text-align:center; line-height:80px; color:#ffffff; font-size:16px;}
a#bt_menu_tab6 {float:left; width:110px;  height:80px; text-align:center; line-height:80px; color:#ffffff; font-size:16px;}


a#bt_menu_tab1:hover,a#bt_menu_tab2:hover,a#bt_menu_tab3:hover,a#bt_menu_tab4:hover,a#bt_menu_tab5:hover,a#bt_menu_tab6:hover
{ color:#cfae8a; text-decoration:none;}


/* GNB */
ul.gnb {
	display:inline;
}
ul.gnb li {
	display:inline-block;
	*display:inline;
	position:relative;
	z-index:500;
	float:left;
}

ul.gnb li ul {
	position:absolute;
	left:0;
	top:80px;
	display:none;
	width:110px; 
	height:auto; 
	display:none; 
	background-color:#b08a55; 
	padding:20px 0;
}

ul.gnb li ul li {
	width:110px;
	float:left;
	height:19px;
	margin:0;
	margin-top:4px;
	padding:0;
	text-align:center;
	line-height:24px;
}

ul.gnb li ul li a {
	display:block;  
	color:#fff;
	font-size:13px;
	
}

ul.gnb li ul li a:hover {
	color:#fff;  
	text-decoration:underline; 
	
}
/* GNB */



.menu_area .menu_link {
	position:absolute;
	top:19px;
	right:1%;
	width:360px; 
	height:9px;
	z-index:501;
}
.menu_area  .menu_link ul li {
	display:inline-block;
	*display:inline; 
	margin:0;
	padding:0;
	float:right;
}

/* 메인페이지 풀스크린 크로스페이드 이미지 리사이징 스타일시트*/
.fullBgImg{ width:100%; min-width:1280px;  height:100%; min-height:1080px;
	background-repeat:no-repeat;
	background-position:center center;
	background-attachment:fixed;	
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	display:block; z-index:100; overflow:hidden;}
.fullBgImg img {width:1px; height:1px;}




/* 서브페이지 영역*/
#wrap .subvisual {width:100%; height:320px; background:url(..../images/subvisual.jpg) no-repeat 50% 0; }
.subcontent {
	clear:both;
	text-align:left;
	width:1120px;
	padding-top:45px;
	padding-bottom:45px;
}
.subcontent .title {

	font-size:40px;
	color:#575757;
	height:67px;
	text-align:center;
}


#map {
	width:1120px;
	height:504px;
}

.subcontent .map_area {width:864px; margin:0 auto; text-align:center;}


/* room btn */
.room_area { width:1120px; height:266px; clear:both; }
.room_area ul {
	text-align:center;
	float:center;
	width:1120px;
	margin:0 auto;
}
.room_area ul li {
	display:inline-block;
	*display:inline;
	width:298px;
	height:193px;
	text-align:justify;
	margin-left:25px;
}
.room_area ul li:first-child {
	margin-left:0;
}
.view {
   width: 100%;
   height: 100%;
   overflow: hidden;
   position: relative;
   text-align: center;
}
.view .mask {
   width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;

}
.view img {
   display: block;
   position: relative;
}

.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
   -o-transition: all 0.3s linear;
   -ms-transition: all 0.3s linear;
   transition: all 0.3s linear;
}
.layer .view-first img,
.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.layer .view-first .mask,
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.layer .view-first p,
.view-first:hover p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}

.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(161,132,191, 1);
}

.view-first .mask p {
	position:absolute;
	top:50%;
	margin-top:-10px;
	float:center;
	width:298px;
	color:#fff;
	font-size:18px;
	text-align:center;
	z-index:9;
	
}

/*객실 테이블*/
table.table_top {width:100%; border-left:1px solid #cecece; border-right:1px solid #cecece; border-top:1px solid #cecece;  text-align:center; color:#565656;}
tr.tr_border_area {border-bottom:2px solid #7f796d; }
table.table_top td {font-size:14px;}
td.table_area01 {width:10%; height:40px; border-right:1px solid #cecece; border-bottom:1px solid #cecece;}
td.table_area02_1 {width:7%; height:40px; border-right:1px solid #cecece; border-bottom:1px solid #cecece; background:#f5f4f4;}
td.table_area02_2 {width:15%; height:40px; border-right:1px solid #cecece; border-bottom:1px solid #cecece; background:#fcf4e3;}

td.table_area03 {width:30%; height:40px; border-right:1px solid #cecece; border-bottom:1px solid #cecece;}
td.table_area04 {width:10%; height:40px; border-right:1px solid #cecece; border-bottom:1px solid #cecece;}
td.table_area05 {width:10%; height:40px; border-right:1px solid #cecece; border-bottom:1px solid #cecece;}
td.td_border_area {border-bottom:1px solid #cecece;}
td.table_area06 {width:10%; height:40px; border-right:1px solid #cecece; border-bottom:1px solid #cecece;}

td.table_area07 {width:10%; height:40px; border-right:1px solid #cecece; border-bottom:1px solid #cecece;}

/* booking guide table */
td.table_title {height:43px; text-align:left; background:url(../images/table_title.gif) no-repeat;}
td.table_title span {color:#ffffff; font-size:16px;  padding-left:40px; }
td.table_guide {color:#747474; text-align:left; height:auto; line-height:30px; font-size:14px;}

table.table_border {border:1px solid #afa593; margin-top:10px; color:#747474; text-align:center;}
tr.tr_border {border-bottom:1px solid #afa593; color:#ffffff; }
tr.tr_border2 {border-bottom:1px solid #afa593;}
td.td_border {border-right:1px solid #afa593; height:40px; }
td.td_border02 {border-bottom:1px solid #afa593; }
td.td_border03 {border-right:1px solid #afa593;}


td.td_guide {line-height:25px; text-align:left;}

table.guide_yellow {width:100%; height:92px; background:#eeeeee; line-height:40px; text-align:center; }
table.guide_yellow span {color:#000000; font-size:16px;}

td span.span_style01 {color:#9d6947;}
table.refund_table {width:100%; margin:50px 0 50px 0; text-align:center; }
table.refund_table td {height:40px; color:#584b45; border:1px solid #d2d2d2; font-size:14px;}
td.refund_title {font-size:14px;}




.p01 {width:100%; height:37px; border-bottom:1px solid #c5af1d; text-align:center; line-height:37px;}
.p02 {width:100%; height:38px; text-align:center; line-height:38px;}
.p02 .p02_1 {width:49%; height:37px; border-right:1px solid #c5af1d; text-align:center; float:left; }
.p02 .p02_2 {width:49%; height:38px; text-align:center; float:left;}

.p_table02 {width:100%; height:auto; text-align:center; }
.p_table02 .p_table02_1 {width:49%; height:auto; border-right:1px solid #d1d1d1; text-align:center; float:left; height:55px; line-height:55px;}
.p_table02 .p_table02_2 {width:49%; height:auto; text-align:center; float:left; height:55px; line-height:55px;}


/* 텝 제 1분류 영역*/
.subcontent .subnavi {height:29px; margin:10px 0 30px 0; text-align:center; letter-spacing:2px;}
.subnavi ul {}
.subnavi li {display:inline; float:left; margin-left:7px; padding:0;}
.subnavi ul li a{display:inline; float:left; padding:0; font-size:10pt; color:#ffffff; text-align:center;}
.subnavi ul li a span {text-align:center; color:#ffffff;}

.subnavi ul li a.sub_on { width:141px; height:29px; background:url(../images/sub_tab_off.gif) no-repeat -20px 0;  color:#ffffff; text-decoration:none; line-height:29px; text-align:center;}
.subnavi ul li a.sub_on:hover{ width:141px; height:29px; background:url(../images/sub_tab_on.gif) no-repeat -20px 0; color:#ffffff; text-decoration:none; line-height:29px;}
.subnavi ul li.on_menu_active a {width:141px; height:29px;background:url(../images/sub_tab_on.gif) no-repeat -20px 0;  color:#ffffff; text-decoration:none; line-height:29px;}
.subnavi ul li.on_menu_active a:hover {width:141px; height:29px;background:url(../images/sub_tab_on.gif) no-repeat -20px 0;  color:#ffffff; text-decoration:none; line-height:29px;}
/* 텝 제 1분류 영역 종료*/

.subnavi ul li.room_tab01 a { width:161px; height:29px; background:url(../images/sub_tab_room01.gif) no-repeat; color:#ffffff; text-decoration:none; line-height:29px; text-align:center;}
.subnavi ul li.room_tab02 a { width:161px; height:29px; background:url(../images/sub_tab_room02.gif) no-repeat;  color:#ffffff; text-decoration:none; line-height:29px; text-align:center;}

.subcontent .subject1 {width:1120px; height:auto; text-align:center; margin-top:35px; min-height:600px; margin:0 auto;}




/*전 페이지 공통 카피영역 */
#copy {
	position:fixed;
	bottom:0;
	left:0;
	width:100%; 
	height:46px; 
	padding:14px 1% 0 1%;
	z-index:999;
	
	min-width:1200px;
}
#copy ul li,
#copy_sub ul li {
	display:inline-block;
	*display:inline;
	text-align:left;
	color:#ffffff;
	font-weight:900;
}
#copy ul li.copy,
#copy_sub ul li.copy {
	float:left;
}
#copy ul li.webplan,
#copy_sub ul li.webplan {
	float:right;
	padding-right:2%;
}

#copy_sub {
	border-top:1px solid #e2e2e2;
	margin-top:30px;
	width:100%; 
	height:46px; 
	padding:14px 1% 0 1%;
	min-width:1200px;
	color:#1f1f1f;
}


#copy ul li a,
#copy ul li a:hover {
	color:#1f1f1f;
	text-decoration:none;
}

#copy_sub ul li,
#copy_sub ul li a,
#copy_sub ul li a:hover {
	color:#1f1f1f;
	text-decoration:none;
}


#copy_sub .top {
	position:absolute;
	top:-40px;
	right:50%;
	margin-right:-510px;
}


/* 서브페이지 영역*/
@media screen and (max-width:1366px) {
	#wrap .subcontent {
		min-height:540px;
		min-height:650px \0/IE8+9;
	}


	#copy {
		height:40px; 
	}

	#copy_sub {
		padding-bottom:15px;
	}

	#copy ul li,
	#copy_sub ul li {
		clear:both;
		display:block;
		width:100%;
	}
	#copy ul li.webplan,
	#copy_sub ul li.webplan {
		float:left;
		padding-right:0;
	}


}
@media screen and (min-width:1920px) {
	#wrap .subcontent {
		min-height:550px;
		min-height:550px \0/IE8+9;
	}
}