@charset "utf-8";
/*웹폰트 나눔고딕*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/*공통 유틸 :after {content:""; display:block; clear:both; } */
.webfont { font-family: "나눔고딕", "Nanum Gothic", sans-serif; }

* {
	outline: none;
	margin: 0;
	padding: 0;
}

/*익스용 onfocus=this.blur();  */
a { selector-dummy : expression(this.hideFocus=true);
}

/*익스와 파폭용 onfocus=this.blur();  크롬은 자동 */
a:focus { outline: none; }

a { outline-style: none; }

a:link, a:visited, a:active { text-decoration: none; }

.marjin0 {
	margin: 0;
	padding: 0;
}

.clear { clear: both; }

.disable { display: none }

/*익스 8이하 버전의 시멘텍 사용가능 배려*/
article, aside, hgroup, header, footer, figure, figcaption, nav, section {
	display: block;
	clear: both;
}
/*페이드*/

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
          transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

/*카페전용 --------------------------------------------------------------------------- */
#secede_list .radio {
	display: inline-block;
	vertical-align: -5px;
}
.formmail_textarea_style { width: 600px; } /*온라인문의 텍스트아리아*/

.board_output_10_tr .bd_out1 a:hover { text-decoration: none !important; }  /*메인화면 게시판 롤오버시 밑줄제거*/

 /*게시판 상단 칼라*/

.table_02 {
	width: 100%;
	border-top: 2px solid #DE4555;
	border-left: 0px #e5e5e5 solid;
}

.table_02 td {
	border-bottom: 1px #e5e5e5 solid;
	border-right: 0px #e5e5e5 solid;
	padding: 10px 5px;
} /* 제이쿼리에 table_02적용하면 적용*/

.bbscategory, .bbsnewf5, .bbsetc_dateof_write, .bbswriter { font-size: 12px; } /*게시판 상단 폰트 크기 통일*/
.board_output_imgs { width: 98%; }
.board_output_gallery_subject { display: block; } /*메인 갤러리 추출 제목*/

.board_output colgroup col:last-child { width: 0px; } /*메인 공지 추출 깨짐방지*/

.member_td_bgcolor { width: 150px; } /*칼라같지만 아니구 회원관리~ */

INPUT#border.public_input.input_form { width: 80ch; } /*제품소개 제목 쓰기 깨짐 방지*/

.output_table { width: 310px; }

.secede input { vertical-align: -7px; }

/*메인앨범 제목조정*/
.board_output_gallery_subject a {
	text-align: center;
	text-decoration: none;
	display: block;
	width: 100%;
	height: 15px;
	margin-top: 7px;
	color: #6E6E6E;
	font-size: 12px;
}

/*제품소개 그림 제목 조정*/
.gallery_subject  {  }
.gallery_title {
	display: block;
	color: #6E6E6E;
	font-weight: 600;
	font-size: 14px;
	background-color: rgba(248,248,248,1.00);
	padding-top: 15px;
	padding-bottom: 15px;
	border-top-color: rgba(255,255,255,1.00);
	border-top-width: 3px;
	border-top-style: solid;
}
.gallery_title:hover {
	border-top-color: rgba(222,69,85,1.00);
	border-top-width: 3px;
	border-top-style: solid;
}
/* 페이징 */
.paging {
	display: block;
	margin-top: 25px;
	margin-bottom: 25px;
}
.paging > b {
	background-color: rgba(199,22,45,1.00);
	color: rgba(255,255,255,1.00);
}

.paging > b, .paging > a {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-color: rgba(236,236,236,1.00);
	border-width: 1px;
	border-style: solid;
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	text-decoration: none !important;
	margin-right: -15px;
	font-weight: bold !important;
	border-radius: 5px;
}

/*브레이크 CSS */
html, body {
	width: 100%;
	height: 100%;
}

p, ul {
	margin: 0;
	padding: 0;
}

img, fieldset { border: 0; }

li { list-style: none; }

input {
	border-color: #F2F2F2;
	border-width: 1px;
	border-style: solid;
}

textarea {
	border-color: #F2F2F2;
	border-width: 0px;
	border-style: solid;
}

/*레이아웃*/


#footer {
	margin-top: 30px;
	border-top-color: rgba(225,225,225,1.00);
	border-top-width: 3px;
	border-top-style: solid;
	overflow: visible;
	background-color: rgba(63,63,63,1.00);
	padding-bottom: 0px;
	padding-top: 0px;
}



#sub_wrap {
	margin-right: auto;
	margin-left: auto;
	max-width: 1100px;
	padding-top: 0px;
	padding-bottom: 20px;
}

#aside {
	width: 200px;
	height: auto;
	margin-right: 50px;
	float: left;
}

#section {
	float: left;
	width: 850px;
	height: auto;
}


#bbs_contents {
	width: 797px;
	margin-right: auto;
	float: left;
}

.formmail_textarea_style { width: 600px; }


#notice .notice_out { margin-top: 15px; 
}


#top_header h1 a img {
	outline-style: none;
	display: block;
}

#top_header h1 a { outline-style: none; }

#sub_wrap #aside #sub_banner { margin-top: 50px; }

#sub_wrap #section #member { }


#main_metapo { background-color: rgba(31,31,31,1.00); 
}
#main_metapo .metapo {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}
#main_metapo .metapo_bg {
	width: 100%;
	height: 300px;
	position: absolute;
	z-index: -10;
	opacity: 0.9;
	background-color: rgba(212,212,212,1.00);
	bottom: 7px;
	border-radius: 86px;
	-webkit-box-shadow: 10px 10px 30px 5px rgba(201,201,201,1.00);
	box-shadow: 10px 10px 30px 5px rgba(201,201,201,1.00);
	display: none;
}

#sub_metapo { background-color: rgba(31,31,31,1.00); 

}
#sub_metapo .sub_metapo_01 {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
#sub_metapo .sub_metapo_bg {

}

/* -------------------------------------------------------------------------------------------- */

#room_metapo { margin-top: 30px; 

}
#room_metapo .metapo {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
#room_metapo .room_metapo_bg {
	width: 100%;
	height: 140px;
	position: absolute;
	z-index: -10;
	top: 46px;
	opacity: 0.5;
	background-color: rgba(110,110,110,1.00);
	display: none;
}
/* -------------------------------------------------------------------------------------------- */
#bbs #main_banner01 ul li a { outline-style: none; }

#guide_info {

}

#guide_customer {

}



#sky {
	position: absolute;
	width: 100px;
	left: 50%;
	top: 80px;
	margin-left: 570px;
	height: auto;
	z-index: 20;
}

#sky .quick_menu { }

#sky .quick_menu li a {
	color: #808080;
	text-align: center;
	width: 100%;
	height: 20px;
	display: block;
	outline-style: none;
	font-size: 12px;
	line-height: 20px;
	text-decoration: none;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	-webkit-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-in-out;
	-o-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	background-color: hsla(0,0%,100%,0.00);
}

#sky .quick_menu li a:hover {
	color: #3A3A3A;
	background-color: #F7F7F7;
}

#sub_wrap #aside .left_title {
	width: 200px;
	height: 100px;
	padding-top: 20px;
}

#sub_wrap #aside .left_title .big_title {
	 font-family: "나눔고딕", "Nanum Gothic", sans-serif; 
	font-size: 23px;
	text-align: center;
	font-weight: 800;
	color: rgba(110,110,110,1.00);
	margin-bottom: 8px;
	letter-spacing: -2px;
}

#sub_wrap #aside .left_title .small_title {
	color: rgba(110,110,110,1.00);
	 font-family: "나눔고딕", "Nanum Gothic", sans-serif; 
	font-size: 10px;
	text-align: center;
	line-height: 0px;
	font-weight: 600;
}

#sub_wrap #aside .left_title .bl_lt {
	text-align: center;
	color: rgba(192,192,192,1.00);
	font-size: 12px;
}

#foot_customer_bg {
	padding-top: 10px;
	overflow-y: visible;
	padding-left: 15px;
	padding-right: 15px;
}
#main_info{
	background-color: rgba(255,255,255,1.00);
}


#room_preveiw {
	background-color: rgba(44,44,44,1.00);
	padding-bottom: 15px;
}

#room_preview_customer_bg {
	
	padding-top: 10px;
	overflow-y: hidden;
	padding-left: 15px;
	padding-right: 15px;
}

#room_preview_customer {
	margin-left: auto;
	margin-right: auto;
	max-width: 1100px;
}


#foot_customer {
	margin-left: auto;
	margin-right: auto;
	max-width: 1100px;
}

#info_bottom_banner {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
}
#foot_customer #sns_area {
	float: left;
	width: 200px;
	height: 150px;
	display: block;
	position: relative;
}

#foot_customer #sns_area .sns_icon {
	position: absolute;
	top: 46px;
	left: 26px;
}

#foot_customer #sns_area .sns_icon img { margin-right: 10px; }


#bbs #notice a {
	outline-style: none;
	display: block;
	font-size: 12px;
}

#bbs #product a { outline-style: none; }

#sns_area .sns_icon a { outline-style: none; }
#g_nav ul li:last-child a {
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 15px;
	height: 25px;
	margin-top: 5px;
	line-height: 25px;
	color: rgba(255,255,255,1.00);
	background-color: rgba(222,69,85,1.00);
}
#g_nav ul li:hover:last-child a {
	background-color: #4F4E4E;
	color: rgba(255,255,255,1.00);
}

#room_menu {
	margin: 20px auto;
	overflow-y: hidden;
	display: block;
	width: 100%;
	max-width: 1100px;
}

#room_menu ul { list-style-type: none; }

#room_menu ul li {
	width: 20%;
	float: left;
	display: inline-block;
}

#room_menu ul li a {
	display: list-item;
	border-left-color: rgba(31,31,31,1.00);
	border-left-width: 3px;
	border-left-style: solid;
	-webkit-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease;
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	background-color: #3A3A3A;
}

#room_menu ul li a:hover {
	background-color: #9D0824;
	text-decoration: none;
}

#room_menu ul li a span {
	color: rgba(255,255,255,1.00);
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	display: block;
	min-width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}

#room_title {
	color: rgba(212,212,212,1.00);
	text-decoration: none;
	font: bold 16px "나눔고딕", "맑은 고딕", "돋움";
	display: block;
}
#room_price { margin-top: 20px; }

#foot_customer hr { opacity: 0.2; }

#foot_customer #room_title a {
	color: rgba(212,212,212,1.00);
	text-decoration: none;
}

.link {
	text-decoration: none;
	color: rgba(196,31,31,1.00);
	font-weight: 600;
}

.link:hover {
	text-decoration: none;
	color: rgba(157,8,36,1.00);
	font-weight: bold;
}

#sub_title {
	width: 100%;
	height: 65px;
	background-image: url(/assets/img/rt_bg.gif);
	background-repeat: no-repeat;
	background-position: 100% 105%;
	margin-bottom: 50px;
}

.big_sub_title {
	font-weight: bold;
	font-size: 29px;
	margin-right: 5px;
	line-height: 65px;
	vertical-align: -5px;
}

.small_sub_title { line-height: 65px; }

.map { display: block; 
}



#hsection { 
}

.service {
    position: relative;
    overflow: hidden;
}

.mt25{
	position:relative;
	overflow:hidden;
}

@media only screen and (max-width: 767px){
.service .img {
    float: right;
    min-width: 100%;
    margin: 10px 0;
}
}

@media only screen and (max-width: 1023px){
.service img {
    width: 100%;
}
}

@media only screen and (max-width: 767px){
.service .img2 {
    float: left;
    min-width: 100%;
    margin: 10px 0;
}
}
.service .img{
	width:50%;
	float:left;	
}

.service .img2 {
    width: 50%;
    float: right;
}

.service .txt {
    width: 45%;
    float: right;
}


@media only screen and (max-width: 767px){
.service .txt {
    float: right;
    min-width: 100%;
}
}

.service .txt2 {
    width: 45%;
    float: left;
}

@media only screen and (max-width: 767px){
.service .txt2 {
    float: right;
    min-width: 100%;
}
}

@media only screen and (max-width: 1023px){
.title4 {
    font-size: 14px;
    line-height: 24px;
}
}

.title4 {
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -1px;
}

@media only screen and (max-width: 1023px){
.title1 {
    font-size: 16px;
    line-height: 33px;
    letter-spacing: -1px;
}
}

.fontB {
    font-family: 'NanumBarunGothicBold';
}

@media only screen and (max-width: 1023px){
.title5 {
    font-size: 12px;
    line-height: 24px;
}
}

.title5 {
    font-size: 14px;
    line-height: 23px;
    color: #8c8e8f;
}

.mt10 {
    margin-top: 8px;
}

.border1 {
    border-top: 1px solid #e5e5e5 !important;
}

.tb25 {
    margin: 25px 0;
}

.point_color {
    color: #b9985e;
    margin-bottom: 0px;
}

.ssub_title {
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 15px;
	background-color: #F3F3F3;
	font: 600 14px/20px "나눔고딕", "Nanum Gothic", sans-serif;
	border-bottom-color: #E7E7E7;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-right-radius: 8px;
	border-top-left-radius: 8px;
	color: #6E6E6E;
}
.hsub_title {
	margin-top: 20px;
	margin-bottom: 10px;
}

.big_hsub_title {
	font: normal 29px "돋움";
	vertical-align: -5px;
	letter-spacing: -1px;
}

.small_hsub_title { font: 600 12px "굴림", Gulrim, "Arial Unicode MS"; }

.travel { }

.travel .travel_item {
	width: 50%;
	height: 500px;
	/* [disabled]padding: 30px;
*/
	float: left;
}

.travel .travel_item .subject {
	display: block;
	text-align: center;
	font-size: 20px;
	margin-top: 22px;
	margin-bottom: 12px;
}

.travel .travel_item .imgbg {
	width: 450px;
	height: 250px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(/assets/img/travel_01.jpg);
	background-repeat: no-repeat;
	background-position: 0% 74%;
	background-size: 266% auto;
	margin-bottom: 20px;
}

.travel .travel_item .texts {
	width: 450px;
	margin-left: auto;
	margin-right: auto;
	overflow-y: hidden;
}

.reservation .reservation_item { }

.reservation .reservation_item .subject {
	background-color: rgba(58,58,58,1.00);
	color: rgba(255,255,255,1.00);
	display: block;
	height: 55px;
	font: bold 22px/55px "돋움";
	padding-left: 20px;
	margin-bottom: 25px;
	margin-top: 15px;
}

.reservation .reservation_item .texts {
	display: block;
	line-height: 26px;
}
.reservation .reservation_item .texts ul { margin-left: 15px; }
.reservation .reservation_item { }

.location_item .subject {
	background-color: rgba(27,47,78,1.00);
	color: rgba(255,255,255,1.00);
	display: block;
	height: 35px;
	font-size: 20px;
	padding-left: 20px;
	line-height: 35px;
	margin-bottom: 20px;
}

.location_item .texts {
	padding-left: 15px;
	line-height: 26px;
	margin-bottom: 20px;
	padding-right: 15px;
}

.reservation .reservation_item .texts ul li { list-style-type: disc; }



#service {
	margin-left: auto;
	margin-right: auto;
	max-width: 800px;
}

#service .service_item { text-align: center; }

#service .service_item .item_subject {
	text-align: center;
	font-size: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
	background-color: rgba(241,242,236,1.00);
	padding-top: 10px;
	padding-bottom: 10px;
}

#service .service_item .item_subject .big_text {
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	color: rgba(157,8,36,1.00);
	display: inline-block;
	margin-right: 20px;
}

#service .service_item .item_subject .small_text { }

#service .service_item .item_textarea {
	margin-top: 30px;
	text-align: center;
	margin-bottom: 30px;
}

.metapo #carousel .left.carousel-control, .metapo #carousel .right.carousel-control, .sub_metapo_01 #carousel .left.carousel-control, .sub_metapo_01 #carousel .right.carousel-control, .metapo #carousel_room .left.carousel-control, .metapo #carousel_room .right.carousel-control {
	background-image: -webkit-linear-gradient(270deg, rgba(255,255,255,0.00) 0%, rgba(255,0,0,0.00) 100%);
	background-image: -moz-linear-gradient(270deg, rgba(255,255,255,0.00) 0%, rgba(255,0,0,0.00) 100%);
	background-image: linear-gradient(180deg, rgba(255,255,255,0.00) 0%, rgba(255,0,0,0.00) 100%);
}

.carousel-indicators li {}
.carousel-indicators li.active {
	background-color: rgba(222,69,85,1.00);
	border-color: rgba(222,69,85,1.00);
}


.view_auto {
	overflow-y: auto;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
}

/* ------------------------------------------ 06 New ---------------------------------------------- */
#main_banner_bg6 {
	padding: 15px;
	display: block;
}
#main_banner_bg6 .banner_subject {
	margin-left: auto;
	margin-right: auto;
	font: 28px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	color: #3A3A3A;
	max-width: 1100px;
	text-align: center;
	padding: 15px;
}

#main_banner_bg6 .main_banner {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	overflow-y: hidden;
	max-width: 1100px;
	font-family: "나눔고딕", "Nanum Gothic", sans-serif;
	text-align: center;
	display: block;
}

#main_banner_bg6 .main_banner .type_img {
	position: relative;
	overflow-x: hidden;
	overflow-y: hidden;
}

#main_banner_bg6 .main_banner .type_img .bg_black {
	position: absolute;
	width: 101%;
	z-index: 10;
	line-height: 30px;
	opacity: 0.8;
	color: #E4E4E4;
	font-weight: bold;
	top: 100%;
	left: -1px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	height: 101%;
	background-image: -webkit-linear-gradient(270deg, rgba(31,31,31,1.00) 0%, rgba(241,242,236,1.00) 100%);
	background-image: -moz-linear-gradient(270deg, rgba(31,31,31,1.00) 0%, rgba(241,242,236,1.00) 100%);
	background-image: linear-gradient(180deg, rgba(31,31,31,1.00) 0%, rgba(241,242,236,1.00) 100%);
	padding-top: 5px;
	display: block;
}

#main_banner_bg6 .main_banner .type_img:hover .bg_black { top: 50%; }

#main_banner_bg6 .main_banner .type_img:hover img { }

#main_banner_bg6 .main_banner ul li {
	float: left;
	width: 25%;
	padding: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#main_banner_bg6 .main_banner ul li a div i {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#main_banner_bg6 .main_banner ul li a:hover div > i { color: #2156A5; }
#main_banner_bg6 .main_banner ul li a {
	outline-style: none;
	text-decoration: none;
}
#main_banner_bg6 .main_banner ul li a .main_banner_title {
	color: #3A3A3A;
	font: bold 21px/35px "나눔고딕", "Nanum Gothic", sans-serif;
	letter-spacing: -1px;
	margin-top: 15px;
	margin-bottom: 15px;
	border-bottom-color: #C41F1F;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#main_banner_bg6 .main_banner ul li a:hover .main_banner_title {
	color: #DE4555;
}
#main_banner_bg6 .main_banner .main_bnner_txt {
	color: #3A3A3A;
	margin-bottom: 15px;
	font-size: 14px;
}
/* ------------------------------------------ // 06 ---------------------------------------------- */



/* ------------------------------------------ INFO BANNER 01 ---------------------------------------------- */
#info_banner_bg1 {
	padding: 50px;
	background-color: rgba(58,58,58,1.00);
	width: 100%;
	background-image: url(/assets/img/hotel.jpg);
	background-size: cover;
	overflow-y: hidden;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

#info_banner_bg1 .banner_subject {
	margin-left: auto;
	margin-right: auto;
	font: 28px Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	color: #FFFFFF;
	max-width: 1100px;
	text-align: center;
	padding: 15px;
	display: none;
}


#info_banner_bg1 .main_banner {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	width: 100%;
	max-width: 1100px;
	 font-family: "나눔고딕", "Nanum Gothic", sans-serif; 
	text-align: center;
	display: block;
}

#info_banner_bg1 .main_banner .type_icon {
	text-align: center;
	text-decoration: none;
	display: block;
	width: 100px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	font-size: 48px;
	line-height: 110px;
}

#info_banner_bg1 .main_banner ul li {
	float: left;
	width: 32.33%;
	padding: 20px;
	background-color: #DE4555;
	margin-right: 0.5%;
	margin-left: 0.5%;
	/* [disabled]min-height: 270px; */
}
#info_banner_bg1 .main_banner ul li:hover {
	background-color: rgba(58,58,58,0.85);
}
#info_banner_bg1 .main_banner ul li a div i { color: #FFFFFF; }

#info_banner_bg1 .main_banner ul li a {
	outline-style: none;
	text-decoration: none;
	display: block;
}

#info_banner_bg1 .main_banner ul li a:hover div > i { color: #FFFFFF; }

#info_banner_bg1 .main_banner ul li a .main_banner_title {
	font-size: 21px;
	font-weight: bold;
	letter-spacing: -1px;
	margin-top: 15px;
	margin-bottom: 15px;
	color: #FFFFFF;
}

#info_banner_bg1 .main_banner ul li a:hover .main_banner_title { color: #FFFFFF; 
}
#info_banner_bg1 .main_banner ul li a .main_banner_txt { color: #FFFFFF; }
#info_banner_bg1 .main_banner ul li a:hover .type_icon { }
.root_daum_roughmap { width: 100% !important; }
.warning_txt {
	color: rgba(243,102,57,1.00);
	font-size: 14px;
	font-weight: 600;
}
#map_area {position: relative; width:100%; background-color: #fff;
}
#map_area:after {
	
	}



/* ------------------------------------------ // INFO BANNER 01 ---------------------------------------------- */


@media (max-width:320px) {
#link_nav { display: none; }
}


@media (max-width:480px) {
.carousel-caption { display: none; }

}

@media (max-width:768px) {
	
#sitemap_area { display: none; }

/* ---------------------------------------------------  로고  -------------------------------------------------------------- */
#logo {
	text-align: left;
	width: 300px;
	margin-top: 7px;
	margin-bottom: 7px;
}

#logo h1 { margin: 0px; }

#logo h1 img { width: 100%; }

#logo_mobile {
	font-size: 32px;
	letter-spacing: -1px;
	font-weight: bold;
	padding-left: 15px;
	z-index: 10;
	display: none;
	line-height: 70px;
	height: 70px;
}

#logo_mobile a {
	text-decoration: none;
	color: #3A3A3A;
}
/* ---------------------------------------------------  // 로고  -------------------------------------------------------------- */
/* ---------------------------------------------------  상단 메뉴 -------------------------------------------------------------- */
#g_nav ul li:nth-child(1), #g_nav ul li:nth-child(2)  { display: none; }

#header {
	background-image: url(/assets/img/top_garland.png);
	background-repeat:repeat-x;
	height: 43px;
	width: 100%;
	background-color: rgba(255,255,255,1.00);
	z-index: 17;
	padding-left: 15px;
	padding-right: 15px;
}
#top_header {
	position: relative;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;

}

#g_nav {
	top: 4px;
	position: absolute;
}

#g_nav ul li {
	display: inline-block;
	float: left;
}

#g_nav ul li a {
	width: 100%;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	font: bold 14px/25px "나눔고딕", "Nanum Gothic", sans-serif;
	color: #1D1D1D;
	-webkit-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-in-out;
	-o-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	outline-style: none;
	margin-top: 4px;
	padding-left: 10px;
	padding-right: 10px;
}

#g_nav ul li:hover a {
	color: #DE4555;
	font-weight: bold;
}
#link_nav {
	position: absolute;
	top: 120px;
	z-index: 2;
}
#link_nav a {
	color: #1D1D1D;
	text-decoration: none;
	display: inline-block;
}
#link_nav a:hover {
	color: #DE4555;
	text-decoration: none;
}

#navwrap_bg {
	width: 100%;
	height: 80px;
	}
#navwrap {
	overflow-y: hidden;
	position: relative;

}

#nav .menu li > a.nav_on {
	font-weight: 600;
	font-size: 15px;
	color: rgba(255,255,255,1.00);
	background-color: #4D4D4D;
}

#nav_area_bg {
	background-color: rgba(255,255,255,1.00);
	border-bottom-color: rgba(157,8,36,1.00);
	border-bottom-width: 0px;
	border-bottom-style: solid;
}

#nav_area { position: relative; 
}

#nav {
	display: none;
	/* [disabled]position: absolute; */
	z-index: 17;
	width: 100%;
	/* [disabled]top: 117px; */
}

#nav .menu > li { 
}

#nav .menu { margin-bottom: 0px; 
}

#nav .menu li > a {
	display: block;
	padding-left: 15px;
	color: #E5E5E5;
	font: bold 14px/35px "나눔고딕", "Nanum Gothic", sans-serif;
	text-decoration: none;
	border-bottom-color: #474747;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	background-color: #3A3A3A;
}

#nav .menu li:hover > a {
	color: rgba(255,255,255,1.00);
	background-color: #4D4D4D;
}

/*서브추가*/

#nav .menu li ul {
	z-index: 10;
	display: none;
}



#nav .menu li ul li {
	float: left;
	border-right-color: rgba(255,255,255,1.00);
	border-right-width: 1px;
	border-right-style: solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#nav .menu li ul li:last-child { border-right-style: none !important; }

#nav .menu li ul li a {
	overflow-x: hidden;
	overflow-y: hidden;
	opacity: 1;
	width: 0px;
	height: 0px;
	-webkit-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-in-out;
	-o-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	-webkit-transition-delay: 0.1s;
	-o-transition-delay: 0.1s;
	transition-delay: 0.1s;
	-webkit-opacity: 1;
	visibility: hidden;
	font: 12px/35px "나눔바른고딕", "나눔고딕", "Nanum Gothic", sans-serif;
	display: block;
	text-decoration: none;
	text-align: center;
}

#nav .menu > li:hover ul li a {
	overflow-x: hidden;
	overflow-y: hidden;
	visibility: visible;
	opacity: 1;
	width: 120px;
	background-color: #3A3A3A;
	color: #FFFFFF;
	height: 35px;
	line-height: 30px;
	display: block;
}

#nav .menu > li > ul li a:hover {
	font-size: 14px;
	font-weight: bold;
	color: rgba(31,31,31,1.00);
	background-color: rgba(212,212,212,1.00);
	border-bottom-width: 0px;
}

/*서브종료*/







/* --------------------------------------------------- // 상단 메뉴 -------------------------------------------------------------- */
/* 배너 */


#main_banner_bg .main_banner ul li { width: 100%; }


#main_banner_bg2 .main_banner ul li { width: 100%; }


#main_banner_bg3 .main_banner ul li {
	width: 100%;
	margin-bottom: 15px;
}
#main_banner_bg4 .main_banner ul li {
	width: 100%;
	margin-bottom: 15px;
}
#main_banner_bg5 .main_banner ul li {
	width: 100%;
	margin-bottom: 15px;
}
#main_banner_bg6 .main_banner ul li {
	width: 100%;
	margin-bottom: 15px;
}
#main_banner_bg7 .main_banner ul li {
	width: 100%;
	margin-bottom: 15px;
}
#main_banner_bg8 .main_banner ul li {
	width: 100%;
	margin-bottom: 15px;
}
#main_movie_bg01 .main_movie ul li {
	width: 100%;
	margin-bottom: 15px;
}
#info_banner_bg1 .main_banner ul li { 
	width: 100%;
	margin-bottom: 15px;
}
/* // 배너 */

blockquote { font-size: 16px !important; }

.login_box { padding: 20px 0 !important; }

.login_box .find { display: none; }

#is_member { /* [disabled]display: block;
*/ }

#is_member_mobile {
	display: none;
	margin-left: 15px;
	margin-right: 15px;
}

#member { padding-left: 15px; }



.bg_foot_menu { background-color: rgba(31,31,31,1.00); }

#foot_menu {
	padding-left: 0px;
	padding-right: 0px;
}

#foot_menu ul {
	margin: 0px;
	padding: 0px;
	width: 100%;
}

#foot_menu ul li {
	display: block;
	float: none;
	margin: 0px;
	padding: 0px;
}

#foot_menu ul li a {
	color: rgba(192,192,192,1.00);
	text-decoration: none;
	font: 13px/30px "나눔고딕", "Nanum Gothic", sans-serif;
	display: block;
	text-align: left;
	text-indent: 15px;
	background-image: -webkit-linear-gradient(130deg, rgba(58,58,58,1.00) 0%, rgba(31,31,31,1.00) 100%);
	background-image: -moz-linear-gradient(130deg, rgba(58,58,58,1.00) 0%, rgba(31,31,31,1.00) 100%);
	background-image: -o-linear-gradient(130deg, rgba(58,58,58,1.00) 0%, rgba(31,31,31,1.00) 100%);
	background-image: linear-gradient(320deg, rgba(58,58,58,1.00) 0%, rgba(31,31,31,1.00) 100%);
	border-bottom-color: rgba(31,31,31,1.00);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-right: 0px;
	margin-right: 0px;
}

#foot_menu ul li a:hover {
	background-color: rgba(58,58,58,1.00);
	background-image: -webkit-linear-gradient(62deg, rgba(58,58,58,1.00) 0%, rgba(31,31,31,1.00) 100%);
	background-image: -moz-linear-gradient(62deg, rgba(58,58,58,1.00) 0%, rgba(31,31,31,1.00) 100%);
	background-image: -o-linear-gradient(62deg, rgba(58,58,58,1.00) 0%, rgba(31,31,31,1.00) 100%);
	background-image: linear-gradient(28deg, rgba(58,58,58,1.00) 0%, rgba(31,31,31,1.00) 100%);
	color: rgba(255,255,255,1.00);
}

#footer {
	background-color: rgba(44,44,44,1.00);
	padding-bottom: 0px;
}


#room_menu ul li {
	width: 33.33%;
	float: left;
}



#mob_img_01_01 {
	display: block;
	width: 100%;
	margin-bottom: 15px;
}




#main_metapo { display: block; }

#mobile_metapo { display: block; }

#bbs {
	padding-right: 15px;
	padding-left: 15px;
	overflow-y: hidden;
	padding-bottom: 25px;
	display: none;
}

#bbs #notice { margin-bottom: 15px; 
}
#notice .notice_out { margin-top: 15px; 
}
#bbs #product { 
}
#product .product_out { margin-top: 15px; 
}
#bbs #tel {
	background-image: none;
	padding-left: 0px;
	display: none;
}

#tel_mobile {
	display: block;
	width: 100%;
	clear: both;
}

#tel_mobile .phone {
	display: inline-block;
	width: 48%;
	border-radius: 4px;
	background-color: rgba(21,77,160,1.00);
	color: rgba(240,240,240,1.00);
	font: 600 18px "나눔고딕", "Nanum Gothic", sans-serif;
	text-align: center;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 10px;
	letter-spacing: -1px;
	background-image: -webkit-linear-gradient(270deg, rgba(44,94,169,1.00) 0%, rgba(21,77,160,1.00) 100%);
	background-image: -moz-linear-gradient(270deg, rgba(44,94,169,1.00) 0%, rgba(21,77,160,1.00) 100%);
	background-image: linear-gradient(180deg, rgba(44,94,169,1.00) 0%, rgba(21,77,160,1.00) 100%);
}

#tel_mobile .sms_send {
	width: 48%;
	display: inline-block;
}

#tel_mobile .sms_send a {
	color: rgba(110,110,110,1.00);
	font-weight: 600;
	 font-family: "나눔고딕", "Nanum Gothic", sans-serif; 
	text-decoration: none;
}

#qr_cord { display: none; }

#sub_metapo { width: 100%; 
}

#aside, #section {
	float: none;
	width: 100%;
}

#page_count {
	background-color: rgba(31,31,31,1.00);
	padding: 10px 15px;
	color: rgba(243,243,243,1.00);
	margin-bottom: 15px;
	min-width: 100%;
	text-align: right;
}

#sub_title { text-indent: 15px; }

#sub_contents {
	padding-left: 15px;
	padding-right: 15px;
}


#history_year {
	float: none;
	width: 100%;
	min-width: 100%;
}

#history_img01 {
	width: 100%;
	float: none;
}

#busines_img01 { display: none; }

#busines_img01_mobile { display: block; }

#product_list a { font-size: 14px !important; }

#product_info { float: left !important; }


/*---------------------------------- mobile btn ----------------------------------------*/
.menu-icon-container {
	display: block;
	width: 50px;
	height: 50px;
	cursor: pointer;
	background-color: rgba(31,31,31,1.00);
	border-radius: 6px;
	position: absolute;
	top: 10px;
	right: 20px;
}

.menu-icon {
	position: relative;
	display: block;
	width: 30px;
	height: 4px;
	background-color: #fff;
	top: 50%;
	left: 50%;
	margin-top: -2px;
	margin-left: -15px;
	transition: background-color .2s ease-out;
}

.menu-icon::after, .menu-icon::before {
	content: '';
	position: absolute;
	display: block;
	width: 30px;
	height: 4px;
	background-color: #fff;
	left: 0px;
	transition: all .2s ease-out;
}

.menu-icon::after { top: 9px; }

.menu-icon::before { top: -9px; }

/*.menu-icon-container:hover .menu-icon::after{
  top:13px;
  transition: all .2s ease-out;
}
.menu-icon-container:hover .menu-icon::before{
  top:-13px;
  transition: all .2s ease-out;
}*/

/*---cross---*/
.menu-icon.transformed { background-color: transparent; }

.menu-icon.transformed::after, .menu-icon.transformed::before {
	transform-origin: 50% 50%;
	top: 0px;
	left: 2px;
	width: 26px;
	transition: all .15s ease-out;
}

.menu-icon.transformed::after { -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.menu-icon.transformed::before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

/*.menu-icon-container:hover .menu-icon.transformed::after,
.menu-icon-container:hover .menu-icon.transformed::before{
  top:0px;
  left:-1px;
  width:32px;
  transition: all .15s ease-out;
}*/
/*---------------------------------- mobile btn ----------------------------------------*/
#guide_customer {
	padding-left: 15px;
	padding-right: 15px;
}

#bbs_contents {
	padding-left: 15px;
	padding-right: 15px;
}

#txtbox_info {
	padding-left: 10px;
	padding-right: 10px;
}

#foot_menu ul li:after { display : none; }

#bg_copy {
	background-color: rgba(255,255,255,1.00);
	padding-top: 15px;
	padding-bottom: 25px;
	border-bottom-color: rgba(0,0,0,1.00);
	border-bottom-width: 10px;
	border-bottom-style: solid;
}

#bg_copy .copy_year {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	padding: 15px;
	color: #1F1F1F;
	font-size: 12px;
	text-decoration: none;
	line-height: 17px;
}
/* 숨기기 영역 */
#footer #foot_customer { /* [disabled]display: none; */ }

/* -------------------------------하단 배너 영역*/
#footer_banner02 { display: none; }
#bank_area {
	background-image: url(/assets/img/bank_mark.png);
	background-repeat: no-repeat;
	background-position: 0% 35%;
	padding-left: 90px;
	position: relative;
	padding-top: 10px;
	border-bottom-color: #3A3A3A;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

#bank_area .bank_info {
	color: rgba(255,255,255,1.00);
	display: block;
	line-height: 20px;
}

#bank_area .bank_info .bank_01 {
	font-size: 12px;
	display: block;
	margin-bottom: 10px;
}

#bank_area .bank_info .bank_02 {
	font-size: 22px;
	display: block;
	margin-bottom: 10px;
}
#cs_area {
	padding-top: 10px;
	padding-left: 15px;
	border-bottom-color: #3A3A3A;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-bottom: 10px;
}

#cs_area .cs_center {
	color: rgba(255,255,255,1.00);
	display: block;
}

#cs_area .cs_center .cs_01 { font-size: small; }

#cs_area .cs_center .cs_02 { font-size: 27px; }

#cs_area .cs_center p {
	display: block;
	margin-top: 0px;
	margin-bottom: 0px;
}

#cs_area .cs_center .cs_03 { font-size: small; }

#reservation_area {
	height: 150px;
	padding-top: 12px;
	padding-left: 15px;
}

/* -------------------------------// 하단 배너 영역*/

/* ------------------------------- 하단 카피라이터 영역*/
#foot_contents {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	max-width: 1100px;
	color: rgba(212,212,212,1.00);
	padding-left: 15px;
	padding-right: 15px;
	background-color: rgba(0,0,0,1.00);
}

#foot_contents .logo_bottom {
	width: 286px;
	height: 150px;
	padding-top: 30px;
	float: left;
	margin-right: 50px;
	display: none;
}
#foot_contents .logo_bottom a { outline-style: none; }
#foot_contents .foot_menu {
	display: block;
	 font-family: "나눔고딕", "Nanum Gothic", sans-serif; 
	margin-bottom: 20px;
}

#foot_contents .company_info {
	/* [disabled]font-family: "나눔고딕";
*/
	padding-top: 20px;
	display: block;
	color: rgba(206,206,206,1.00);
	padding-bottom: 10px;
}
#foot_contents .company_info ul {
	text-decoration: none;
	color: rgba(212,212,212,1.00);
	padding-top: 1px;
	padding-bottom: 15px;
	border-bottom-color: rgba(58,58,58,1.00);
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

#foot_contents .foot_menu a {
	color: rgba(212,212,212,1.00);
	text-decoration: none;
	/* [disabled] font-family: "나눔고딕", "Nanum Gothic", sans-serif; 
*/
	font-size: 12px;
	outline-style: none;
}

#foot_contents .foot_menu a:hover { color: rgba(240,92,15,1.00); }

/* -------------------------------// 하단 카피라이터 영역*/


/* -------------------------------// 서브메뉴 영역*/
#sub_hnav {
	border-top-color: rgba(157,8,36,1.00);
	overflow-y: hidden;
}

#hsub_title {
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 15px;
}

#hsub_title .big_hsub_title {
	font: bold 29px "나눔고딕", "맑은 고딕", "돋움";
	vertical-align: -5px;
}

#hsub_title .small_hsub_title { font: bold 14px "나눔고딕", "맑은 고딕", "돋움"; }

.sub_hmenu { }

.sub_hmenu ul { margin-top: 5px; }

.sub_hmenu li a {
	color: #6E6E6E;
	font: 600 14px/35px "나눔고딕", "Nanum Gothic", sans-serif;
	background-color: #FFFFFF;
	display: block;
	text-decoration: none;
	-webkit-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.1s;
	-o-transition-duration: 0.1s;
	transition-duration: 0.1s;
	-webkit-transition-timing-function: ease-in;
	-o-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
	border-bottom-color: #BABABA;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	outline-style: none;
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	text-indent: 30px;
}

.sub_hmenu li > a.nav_on, .sub_hmenu li > a.nav_on:hover {
	color: rgba(255,255,255,1.00);
	font-size: 16px;
	background-color: rgba(157,8,36,1.00);
	font-weight: 600;
}

.sub_hmenu li a:hover {
	color: rgba(73,73,73,1.00);
	font-size: 16px;
	/* [disabled]background-color: rgba(205,0,0,1.00);
*/
}


/*#sub_hnav .sub_hmenu { display: inline-block; }

#sub_hnav .sub_hmenu ul { }

#sub_hnav .sub_hmenu ul li { float: left; }

#sub_hnav .sub_hmenu ul li a {
	color: rgba(58,58,58,1.00);
	border-color: rgba(212,212,212,1.00);
	border-width: 1px;
	border-style: solid;
	padding: 10px 10px 10px 15px;
	border-top-left-radius: 12px;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	margin-right: 3px;
}

#sub_hnav .sub_hmenu ul li:hover a {
	background-color: rgba(58,58,58,1.00);
	color: rgba(255,255,255,1.00);
}*/

/* -------------------------------// 서브메뉴 영역*/

/* ------------------------------- 객실 가격 영역*/
.view_pc { display: none; }
.view_mobile { display: block; }
/* ------------------------------- //객실 가격 영역*/

#sub_wrap {

}
#hsection {
	padding-left: 15px;
	padding-right: 15px;
}




}

@media (max-width:991px) {	

#main_metapo .metapo #carousel .carousel-inner .item .carousel-caption { display: none; }
.reservation .reservation_item .texts {
	padding-left: 15px;
	padding-right: 15px;
}
.community {
	padding-left: 15px;
	padding-right: 15px;
}
}

@media (max-width:1200px) {

#sky { display: none }
#qr_cord { display: none !important; }

#sub_metapo .sub_metapo_01 #carousel .carousel-inner .item .carousel-caption { }


}

@media screen and (min-width:769px) {

/*레이아웃*/
#header {
	background-image: url(/assets/img/top_garland.png);
	background-repeat:repeat-x;
	height: 45px;
	width: 100%;
	z-index: 170;
	background-color: rgba(255,255,255,1.00);
}
#top_header {
	position: relative;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;

}

#g_nav {
	top: 4px;
	position: absolute;
}

#g_nav ul li {
	display: inline-block;
	float: left;
}

#g_nav ul li a {
	width: 100%;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	font: bold 14px/25px "나눔고딕", "Nanum Gothic", sans-serif;
	color: #1D1D1D;
	-webkit-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-in-out;
	-o-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	outline-style: none;
	margin-top: 4px;
	padding-left: 10px;
	padding-right: 10px;
}

#g_nav ul li:hover a {
	color: #DE4555;
	font-weight: bold;
}
#link_nav {
	position: absolute;
	right: 0px;
	top: 7px;
}
#link_nav .naver {
	display: inline-block;
	width: 25px;
	height: 25px;
	text-align: center;
	text-decoration: none;
	line-height: 24px;
	border-radius: 4px;
	background-color: rgba(255,255,255,1.00);
	margin-left: 4px;
	color: rgba(112,112,112,1.00);
	font-weight: bold;
	vertical-align: 5px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 14px;
}
#link_nav a {
	color: #1D1D1D;
	text-decoration: none;
	display: inline-block;
}
#link_nav a:hover,  #link_nav .naver:hover {
	color: #DE4555;
	text-decoration: none;
}
/* ---------------------------------------------------  로고  -------------------------------------------------------------- */
#logo_mobile { display: none; }
#navwrap_bg {
	height: 120px;
	z-index: 2;
	width: 100%;
	background-color: rgba(255,255,255,1.00);
}
#nav.cloned {
	background-color: rgba(255,255,255,0.88);
}
#nav.cloned .menu li > a {

}
#nav.cloned .menu li ul li > a {

}

#navwrap {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}	

#logo {
	width: 450px;
	text-decoration: none;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
#logo h1 { margin: 0px; }
#logo h1 a img {
	width: 100%;
	max-width: 400px;
}
/* ---------------------------------------------------  // 로고  -------------------------------------------------------------- */
/* ---------------------------------------------------  상단 메뉴 -------------------------------------------------------------- */
#nav.cloned {  }

#nav {
	width: 100%;
	background-color: rgba(209,209,209,0.5);
	z-index: 17;
	border-bottom: 5px none rgba(106,193,3,1.00);
	position: absolute;
}

#nav .menu li {
	position: relative;
	width: 14.2857%;
	float: left;
}

#nav .menu {
	margin: 0px auto;
	max-width: 1100px;
	/* [disabled]border-left-width: 1px; */
	/* [disabled]border-left-style: solid; */
}

#nav .menu li > a {
	display: block;
	text-align: center;
	font: 600 14px/80px "나눔고딕", "Nanum Gothic", sans-serif;
	text-decoration: none;
	color: rgba(66,66,66,0.9);
	-webkit-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.1s;
	-o-transition-duration: 0.1s;
	transition-duration: 0.1s;
	-webkit-transition-timing-function: ease-in-out;
	-o-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	outline-style: none;
	width: 100%;
	z-index: 18;
}

#nav.cloned .menu li > a { border-right: 0px solid rgba(236,236,236,1.00); }

#nav .menu li > a.nav_on {
	font-weight: 600;
	font-size: 16px;
	color: rgba(157,11,14,1.00);
	/* [disabled]border-top-color: #E7594C; */
	/* [disabled]border-top-width: 3px; */
	/* [disabled]border-top-style: solid; */
}

#nav .menu li:hover a {
	font-size: 18px;
	color: rgba(157,11,14,1.00);
	font-weight: 600;
}

#nav .menu li ul {
	position: absolute;
	width: 100%;
	overflow-y: hidden;
	height: auto;
}
#nav .menu li:hover ul {
	overflow-y: hidden;
	z-index: 19;
	border-bottom: 5px none rgba(115,115,115,1.00);
}
#nav .menu li ul li {
	width: 100%;
	z-index: 16;
}

#nav .menu li ul li a {
	line-height: 40px;
	text-decoration: none;
	display: block;
	height: 0px;
	-webkit-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-in-out;
	-o-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	/* [disabled]visibility: hidden;
*/
	z-index: 18;
	border-bottom-style: none;
}

#nav .menu li:hover ul li a {
	height: 45px;
	display: block;
	color: rgba(255,255,255,1.00);
	z-index: 25;
	border-bottom-style: none;
	background-color: #1D1D1D;
	font-size: 15px;
}

#nav .menu li ul li:hover a {
	color: rgba(33,33,33,1.00);
	background-color: #FFFFFF;
}

#mobnav_btn { display: none; }

/*서브종료*/


.sub_hmenu li a.nav_on {
	color: #FFFFFF !important;
	font-size: 16px;
	background-color: rgba(222,69,85,1.00) !important;
	font-weight: 600;
}





/* --------------------------------------------------- // 상단 메뉴 -------------------------------------------------------------- */

#bbs {
	margin-left: auto;
	margin-right: auto;
	max-width: 1100px;
	width: 100%;
	display: none;
	padding-bottom: 15px;
	padding-top: 15px;
}

#bbs #notice {
	float: left;
	width: 33%;
}

#bbs #product {
	float: left;
	width: 67%;
	display: block;
}
#bbs #product .product_out { width: 100%; }



#bbs #tel {
	float: left;
	width: 275px;
}

#bg_copy {
	/* [disabled]background-color: #000000; */
	overflow-y: visible;
	padding-top: 15px;
	padding-bottom: 25px;
}
#bg_copy .copy {
	max-width: 1100px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#bg_copy .copy_year {
	color: #3A3A3A;
	font-size: 12px;
	text-decoration: none;
	line-height: 17px;
	padding-top: 42px;
	float: left;
}


/* -------------------------------하단 배너 영역*/
#footer_banner02 { display: none; }
#bank_area {
	width: 35%;
	height: 150px;
	background-image: url(/assets/img/bank_mark.png);
	background-repeat: no-repeat;
	background-position: 0% 35%;
	padding-left: 90px;
	position: relative;
	display: inline-block;
	float: left;
	padding-top: 25px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#bank_area .bank_info {
	color: rgba(255,255,255,1.00);
	display: block;
	line-height: 20px;
	width: 300px;
}

#bank_area .bank_info .bank_01 {
	font-size: 12px;
	display: block;
	margin-bottom: 10px;
}

#bank_area .bank_info .bank_02 {
	font-size: 27px;
	display: block;
	margin-bottom: 10px;
}
#cs_area {
	height: 150px;
	display: inline-block;
	float: left;
	padding-top: 25px;
	width: 25%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 40px;
}

#cs_area .cs_center {
	color: rgba(255,255,255,1.00);
	display: block;
	width: 250px;
}

#cs_area .cs_center .cs_01 { font-size: small; }

#cs_area .cs_center .cs_02 { font-size: 27px; }

#cs_area .cs_center p {
	display: block;
	margin-top: 0px;
	margin-bottom: 0px;
}

#cs_area .cs_center .cs_03 { font-size: small; }

#reservation_area {
	width: 273px;
	height: 150px;
	padding-top: 25px;
	display: inline-block;
	float: right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* -------------------------------// 하단 배너 영역*/

/* ------------------------------- 하단 카피라이터 영역*/


.logo_bottom {
	width: 286px;
	padding-top: 20px;
	float: left;
	margin-right: 50px;
}
.logo_bottom a { outline-style: none; }
.bg_foot_menu { background-color: rgba(0,0,0,1.00); 
}

#foot_menu {
	margin-left: auto;
	margin-right: auto;
	max-width: 1100px;
	overflow-y: hidden;
	height: 45px;
}

#foot_menu ul { margin-bottom: 0px; }

#foot_menu ul li {
	float: left;
	position: relative;
	display: inline-block;
}

#foot_menu ul li:after {
	content: "";
	position: absolute;
	height: 12px;
	right: 0px;
	z-index: 10;
	background-color: #6A6A6A;
	top: 17px;
	width: 1px;
}

#foot_menu ul li:last-child:after { display: none; }

#foot_menu ul li a {
	color: rgba(170,170,170,1.00);
	text-decoration: none;
	font: 600 14px/45px "나눔고딕", "Nanum Gothic", sans-serif;
	display: block;
	padding-left: 10px;
	padding-right: 10px;
}

#foot_menu a:hover { /*
	[disabled]font-weight: 600;
*/
	color: #FFFFFF;
}

#footer {
	background-color: rgba(30,30,30,1.00);
}

#foot_contents {
	color: rgba(239,239,239,1.00);
	position: relative;
	background-color: rgba(0,0,0,1.00);
	border-top-color: rgba(222,69,85,1.00);
	border-top-width: 3px;
	border-top-style: solid;
}
#foot_contents .company_info {
	padding: 25px 15px 15px;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
}
#foot_contents .company_info ul {
	margin-right:50px;
	margin-left:50px;
	display: inline-block;
	float: left;
}
#qr_cord {
	width: 80px;
	display: block;
	border-radius: 8px;
	position: absolute;
	right: 0px;
	top: 15px;
}
/* -------------------------------// 하단 카피라이터 영역*/

/* -------------------------------// 서브메뉴 영역*/
#sub_hnav { 
	margin-bottom: 10px; 
	margin-top:80px; 
	background-color:#fff;
}
#page_count {
	text-align: right;
	color: #6E6E6E;
	font: 14px "나눔고딕", "Nanum Gothic", sans-serif;
	margin: 15px auto;
	letter-spacing: -1px;
	padding-right: 15px;
	max-width: 1100px;
	padding-left: 15px;
}

#hsub_title {
	text-align: center;
	display: block;
	padding-bottom: 15px;
	padding-top: 15px;
}

#hsub_title .big_hsub_title {
	font: bold 34px "돋움";
	vertical-align: -5px;
	margin-right: 10px;
}

#hsub_title .small_hsub_title { font: 600 14px "나눔고딕", "Nanum Gothic", sans-serif; 
}

#sub_hnav .sub_hmenu {
	display: block;
	width: 100%;
	overflow-y: hidden;
	padding-top: 10px;
	padding-bottom: 5px;
	text-align: center;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
}
#sub_hnav .sub_hmenu ul { 
}

#sub_hnav .sub_hmenu ul li { display: inline-table; }

#sub_hnav .sub_hmenu ul li a {
	color: rgba(58,58,58,1.00);
	border-top-left-radius: 12px;
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
	padding: 10px 15px;
	display: inline-block;
	margin-right: 3px;
	background-color: rgba(233,233,233,1.00);
}

#sub_hnav .sub_hmenu ul li:hover a {
	background-color: rgba(67,67,67,1.00);
	color: rgba(255,255,255,1.00);
}

/* -------------------------------// 서브메뉴 영역*/


/* ------------------------------- 객실 가격 영역*/
.view_pc { display: block; }
.view_mobile { display: none; }
/* ------------------------------- //객실 가격 영역*/

#sitemap_area {
	overflow-y: hidden;
	background-color: rgba(31,31,31,1.00);
	padding-top: 25px;
	padding-bottom: 25px;
}

#sitemap {
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	width: 100%;
	max-width: 1100px;
	overflow-y: hidden;
}

#sitemap ul { }

#sitemap ul li {
	position: relative;
	float: left;
	width: 14.2857%;
}

#sitemap ul li a {
	color: rgba(203,203,203,1.00);
	display: block;
	text-align: center;
	text-decoration: none;
	line-height: 50px;
	font-size: 14px;
	 font-family: "나눔고딕", "Nanum Gothic", sans-serif; 
	font-weight: 700;
	outline-style: none;
}

#sitemap ul li a:hover {
	background-color: rgba(0,0,0,1.00);
	color: rgba(127,173,35,1.00);
}

#sitemap ul ul { position: relative; 
}

#sitemap ul ul li { width: 100%; }

#sitemap ul ul li a {
	font-size: 12px;
	display: block;
	line-height: 25px;
	color: rgba(146,146,146,1.00);
	background-color: rgba(39,39,39,0.00);
	font-weight: 600;
}

#sitemap ul ul li a:hover {
	color: rgba(240,92,15,1.00);
	background-color: rgba(58,58,58,1.00);
}
.room-image{
}
.room-section{
	max-width: 1100px;
	margin: 0 auto;
}
.room-section h3,
.room-section h6 {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

.room-section h3 {
    font-size: 22px;
    font-weight: 500;
    margin-right: 10px;
	padding-top:30px;
}

.room-section h6 {
    font-size: 13px;
    font-weight: 400;
    color: #888;
	padding-top:30px;
}
.room-section table:last-of-type th {
    text-align: center;
    width: 140px;
    background: #fafafa;
}
.room-section table:first-of-type td {
    text-align: center;
}

.room-section table:last-of-type td {
    text-align: left;
}
.room-table {
    width: 100% !important;
    margin: 0px auto;
    border-collapse: collapse !important;
    text-align: center;
	font-size: 14px;
}

.room-table th,
.room-table td {
    border: 1px solid #ddd !important;
	color:#888;
    padding: 12px 10px;
    font-size: 14px;
    vertical-align: middle !important;

}

.room-table th {
    background: #f7f7f7 !important;
    font-weight: 400;
    width: 140px;
	text-align: center;
	white-space: nowrap;
}

.room-table td {
    text-align: left;
	white-space: nowrap;
}
}

#accordian {
    display: none;
    width: 100%;
    background: #3a3a3a;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9999;
}

#accordian ul {
    margin: 0;
    padding: 0;
}

#accordian li {
    list-style: none;
}

#accordian h3 {
    margin: 0;
    padding: 14px 18px;
    color: #fff;
    font-size: 15px;
    background: #333;
    border-bottom: 1px solid #555;
    cursor: pointer;
}

#accordian ul ul {
    display: none;
    background: #444;
}

#accordian ul ul li a {
    display: block;
    padding: 12px 28px;
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #555;
    font-size: 14px;
}

@media (max-width: 768px) {

    #nav {
        display: none !important;
    }

    #mobnav_btn {
        display: block;
    }
}

#accordian {
    display: none;
}

@media (max-width: 768px) {

    #nav {
        display: none !important;
    }

    #navwrap_bg {
        position: relative;
        z-index: 9999;
    }

    #accordian {
        display: none;
        position: absolute !important;
        top: 123px;
        left: 0;
        width: 100%;
        background: #333;
        z-index: 99999;
        margin: 0 !important;
        padding: 0 !important;
    }

    #accordian ul,
    #accordian li {
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        float: none !important;
        width: 100% !important;
        height: auto !important;
        position: static !important;
    }

    #accordian .mob-title {
        display: block !important;
        padding: 15px 20px !important;
        background: #333 !important;
        color: #fff !important;
        border-bottom: 1px solid #555 !important;
        font-size: 15px !important;
        line-height: 1.4 !important;
        cursor: pointer;
    }

    #accordian .sub-menu {
        display: none;
        background: #444;
    }

    #accordian .sub-menu li a {
        display: block !important;
        padding: 12px 28px !important;
        color: #fff !important;
        background: #444 !important;
        border-bottom: 1px solid #555 !important;
        text-decoration: none !important;
        font-size: 14px !important;
        line-height: 1.4 !important;
    }
}

.reservation-wrap {
    width: 100%;
    min-height: 800px;
	overflow-y: visible !important;
}

#bg_copy {
	overflow-y: visible !important;
}

.reservation-wrap iframe {
    width: 100%;
    height: 800px;
    border: 0;
    display: block;
}

/* =========================
   모바일 width overflow 방지
========================= */

* {
    box-sizing: border-box;
}

img {
    max-width: 100%;
    height: auto;
}

/* 본문 영역 */
#section,
#bbs_contents,
#sub_contents,
.travel,
.travel .travel_item,
.travel .travel_item .texts,
.travel .travel_item .imgbg,
.service .txt,
.service .txt2,
.service .img,
.service .img2 {
    max-width: 100%;
}

/* travel */
@media (max-width: 768px) {

    .travel .travel_item {
        width: 100%;
        height: auto;
        float: none;
        margin-bottom: 40px;
    }

    .travel .travel_item .imgbg,
    .travel .travel_item .texts {
        width: 100%;
    }

    .travel .travel_item .imgbg {
        background-size: cover;
        height: 220px;
    }

    /* 긴 텍스트 줄바꿈 */
    #section,
    #bbs_contents,
    .texts,
    .txt,
    .txt2 {
        overflow-wrap: break-word;
        word-break: keep-all;
    }
}
/* =========================
   요금표 PC / 모바일 전환
========================= */

.price-table-mobile {
    display: none;
}

@media (max-width: 768px) {

    .price-table-pc {
        display: none !important;
    }

    .price-table-mobile {
        display: block;
    }

    .price-table-mobile table,
    .mobile-season-table {
        width: 100%;
        margin-bottom: 25px;
        border-collapse: collapse;
        table-layout: auto;
    }

    .price-table-mobile th,
    .price-table-mobile td {
        padding: 8px 5px;
        font-size: 13px;
        text-align: center;
        word-break: keep-all;
    }

    .price-table-mobile th {
        background: #f3f3f3;
    }
}
/* =========================
   예약/이용안내 모바일 width 보정
========================= */

.sub-content,
.price-page,
.info-box,
.bullet-list,
.refund-table {
    max-width: 100%;
    box-sizing: border-box;
}

@media (max-width: 768px) {

    #sub_wrap {
        width: 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }

    .sub-content.price-page {
        width: 100%;
        max-width: 100%;
    }

    .info-box {
        width: 100%;
        max-width: 100%;
        padding: 15px;
        box-sizing: border-box;
    }

    .bullet-item {
        width: 100%;
        max-width: 100%;
        word-break: keep-all;
        overflow-wrap: break-word;
        line-height: 1.7;
    }

    .refund-table {
        width: 100%;
        table-layout: fixed;
    }

    .refund-table th,
    .refund-table td {
        word-break: keep-all;
        overflow-wrap: break-word;
        font-size: 13px;
        padding: 8px;
    }
}
/* =========================
   객실 상세 테이블 스타일
========================= */

.room-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 40px;
    table-layout: fixed;
}

/* border 약하게 */
.room-table th,
.room-table td {
    border: 1px solid #e5e5e5;
    padding: 14px 16px;
    font-size: 14px;
    line-height: 1.7;
    color: #444;
}

/* 제목칸(th) 넓게 */
.room-table th {
    width: 180px;
    background: #f8f8f8;
    font-weight: 600;
    color: #333;
    text-align: center;
    vertical-align: middle;
}

/* 내용칸 */
.room-table td {
    background: #fff;
    word-break: keep-all;
    overflow-wrap: break-word;
}

/* 모바일 */
@media (max-width: 768px) {

    .room-table th,
    .room-table td {
        padding: 10px;
        font-size: 13px;
    }

    .room-table th {
        width: 110px;
    }
}
/* =========================
   객실 서브메뉴 모바일 가로 정렬
========================= */

@media (max-width: 768px) {

    .sub_hmenu {
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;

        -webkit-overflow-scrolling: touch;

        padding: 0 10px 10px;
    }

    .sub_hmenu ul {
        display: flex;
        flex-wrap: nowrap;
        gap: 8px;

        width: max-content;
        margin: 0;
        padding: 0;
    }

    .sub_hmenu li {
        flex: 0 0 auto;
        list-style: none;
    }

    .sub_hmenu li a {
        display: inline-block;

        padding: 8px 14px;
        border-radius: 20px;

        font-size: 13px;
        line-height: 1;

        white-space: nowrap;

        text-indent: 0 !important;

        border: 1px solid #ddd;
        background: #fff;
    }

    .sub_hmenu li a.nav_on {
        background: #9d0824;
        color: #fff;
        border-color: #9d0824;
    }
}

/* =========================
   메인 배너 모바일 2열
========================= */

@media (max-width: 768px) {

    #main_banner_bg6 .main_banner ul {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;

        margin: 0;
        padding: 0;
    }

    #main_banner_bg6 .main_banner ul li {
        width: calc(50% - 5px) !important;

        margin-bottom: 10px;
        padding: 8px;

        box-sizing: border-box;
    }

    /* 제목 */
    #main_banner_bg6 .main_banner ul li a .main_banner_title {
        font-size: 15px;
        line-height: 1.4;
        margin-top: 10px;
        margin-bottom: 8px;
    }

    /* 설명 */
    #main_banner_bg6 .main_banner .main_bnner_txt {
        font-size: 12px;
        line-height: 1.5;
        margin-bottom: 5px;
    }

    /* 이미지 hover 영역 */
    #main_banner_bg6 .main_banner .type_img .bg_black {
        font-size: 12px;
        line-height: 20px;
        padding-top: 0;
    }
}
.season-date {
    display: block;
    margin-top: 4px;
    font-size: 11px;
    font-weight: normal;
    line-height: 1.4;
    color: #888;
}

@media (max-width: 768px) {

    #footer {
        background-color: #2c2c2c !important;
    }

    #footer #bg_copy {
        background-color: #2c2c2c !important;
        border-bottom-color: #fff !important;
    }

    #footer #bg_copy .copy_year {
        color: #d4d4d4 !important;
    }
}

/* =========================
   INFO 배너 모바일 압축
========================= */

@media (max-width: 768px) {

    #info_banner_bg1 {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #info_banner_bg1 .main_banner ul {
        display: flex;
        gap: 4px;

        margin: 0;
        padding: 0;
    }

    #info_banner_bg1 .main_banner ul li {
        width: 33.333% !important;

        padding: 8px 4px;

        margin: 0 !important;

        box-sizing: border-box;
    }

    /* 아이콘 축소 */
    #info_banner_bg1 .type_icon {
        width: 34px;
        height: 34px;

        margin: 0 auto 6px;
    }

    #info_banner_bg1 .type_icon i {
        font-size: 20px !important;
        line-height: 34px;
    }

    /* 제목 */
    #info_banner_bg1 .main_banner_title {
        font-size: 11px;
        line-height: 1.2;

        margin-bottom: 0;

        height: auto;
    }

    /* 설명 숨김 */
    #info_banner_bg1 .main_banner_txt {
        display: none;
    }

    /* 줄바꿈 제거 */
    #info_banner_bg1 br {
        display: none;
    }
}