@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic+Coding');
@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');


@import url(reset.css);
@import url(jquery-ui.css);
@import url(swiper.min.css);

* {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
}
#body{
	margin-top: -15px !important
}
html,body {
	height: 100%;
}
body a{
	text-decoration:none;
}
body * {
	font-family: 'Noto Sans KR','Malgun Gothic',dotum,sans-serif,AppleGothic;
}
body.ovh {
	overflow-y: hidden;
}
body {
overflow-x: hidden;
/* padding-top: 81px;  */
}
/* common layout */
.col,
.col_left,
#footer .col_cs {
	float: left;
}
.col_right {
	float: right;
}
#header,
.header_wrap .cs_area p,
#footer .row {
	width: 1210px; height: 94px;
	margin: auto;

}
.header_wrap:after,
#footer:after,
#footer .row:after,
.mem_area:after,
.mem_area .mem_tab:after,
.mem_area .sns_area:after,
.join_area:after {
	content:"";
	clear: both;
	display: block;
}

.header_wrap {
    position: relative;
    width: 100%;
    z-index: 10005;
    background: #fff;
}
#header {
	position: relative;
}
#header .brand {
	position: absolute;
	width: 160px;
	top: 0; left: 0;
	z-index: 12;
}
#header .brand img {
	vertical-align: top;
}
.util_menu {
	position: absolute;
	top: 15px; right: 20px;
	width: 100%;
	text-align: right;
	z-index: 12;
}
.util_menu a {
	display: inline-block;

	font-size: 12px; line-height: 24px; color: #555; text-decoration: none;
}
.util_menu .bar {
	display: inline-block;
	width: 1px; height: 12px;
	background: #aaa;
	vertical-align: middle;
	margin: 0 5px;
}

#gnb{padding: 45px 180px 0 220px; position:relative;  text-align: left;}
#gnb ul:after{content:"";display:block;clear:both}
#gnb .dep1{width:990px; display:inline-block;position:relative}
#gnb .dep1:before{content:""; position:absolute;top:49px;left:50%; margin-left:-1500px; background:#fff; width:3000px;  height:0;background-color:#fff; transition:all 0.7s}
#gnb .dep1.on:before{height:62px}
#gnb .dep1 > li.on .dep2{height:50px}
#gnb .dep1 > li{float:left;padding-left:65px;text-align:left}
#gnb .dep1 > li:first-child{padding-left:0}
#gnb .dep1 > li.reservation{float:right; padding-right:120px }
#gnb .dep1 > li.reservation a{color:#a37d4b;}
#gnb .dep1 > li > a{display:block;position:relative;height:50px;line-height:50px;color:#000; font-size:17px; text-decoration:none;}
#gnb .dep1 > li > a:after{content:"";position:absolute;left:50%;bottom:0;width:0%;height:3px;background-color:#a37d4b; transition:all 0.3s}
#gnb .dep1 > li.on > a:after,
#gnb .dep1 > li.active > a:after{width:100%;left:0}
#gnb .dep2{position:absolute;top:55px;left:0;width:100%;height:0;overflow:hidden;text-align:center;transition:all 0.4s}
#gnb .dep2 li{display:inline-block;position:relative;padding-left:11px;margin-left:10px}
#gnb .dep2 li:before{content:"";display:block;position:absolute;top:50%;left:0;width:1px;height:9px;margin-top:-4px;background-color:#ff;f}
#gnb .dep2 li:first-child{padding-left:0;margin-left:0}
#gnb .dep2 li:first-child:before{display:none}
#gnb .dep2 li a{display:block;position:relative;height:42px;font-size:16px;line-height:42px;color:#000; text-decoration:none;}
#gnb .dep2 li a:hover{color:#a37d4b}
#gnb .dep2 li a:hover:after{width:100%;left:0}
#gnb .dep1 > li{position:relative}
#gnb .dep2{left:35px;width:990px;text-align:left}
#gnb .dep1 > li:first-child .dep2{left:0}
#gnb .dep2.mn2 {left:65px }
#gnb .dep2.mn3 {left:12px }
#gnb .dep2.mn4 {left:12px }
.map_btn{display:block;position:absolute;top:50%; margin-top:15px; right:40px;width:32px;height:21px;overflow:hidden;text-indent:-9999px; z-index:1;}
.map_btn:before,
.map_btn:after{content:"";display:block;position:absolute}
.map_btn:before{top:0;right:0;width:100%;height:3px;background-color:#000}
.map_btn:after{bottom:0;right:0;width:26px;height:6px;border-top:3px solid #000;border-bottom:3px solid #000}
.map_btn:hover:before{background-color:##000}


/** site map **/

.all_menu .section{margin-bottom:20px; border-bottom:1px solid #4d4e4e }
.menu_table{width:100%;}
.menu_table tr th{vertical-align:top; width:250px;}
.menu_table tr td{vertical-align:top;}

/* .map{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:30}
.map:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.9}
.map .close{display:block;position:absolute; top: 65px; right: 80px;width:41px;height:41px;overflow:hidden;background:url('../image/close_btn.png') no-repeat center;text-indent:-9999px;transform:rotate(0deg);transition:all 0.5s}
.map .close:hover{transform:rotate(180deg)} */
.all_menu{
    position: absolute;
    top: -130%;
    right: -100%;
    bottom: -140%;
    left: -100%;
    width: 1500px;
    height: 860px;
    margin: auto;
    overflow: hidden;
}
.map_title{display:block;width:262px;height:31px;margin:0 auto 60px auto}
.aside_l li{float:left;position:relative;color:#fff; font-size: 17px;}
.aside_l .depth01 li{font-size:24px; line-height:24px;}
.aside_l .depth01 li a{color:#b49a81;}
.aside_l .depth01 li a:hover:after{background:#b49a81}
.aside_l .depth02{
	overflow: hidden;
    width: 200px;
    }
.aside_l .depth03{
    width: 820px;
    }

.aside_l .depth03 li{
	margin-bottom:15px;
}

.aside_l .depth03 li.main_title a{
	color:#fff;
}

.aside_l .depth01 li:before,
.aside_l .depth02 li:before{background:none;}
.aside_l .depth02 li{margin-bottom:25px; float:left;}
.aside_l .depth03 li:first-child:before{background:none;}
.aside_l .depth03 li a{color:#929292;}
.aside_l li a{color:#fff}
.aside_l li a{display:inline-block;position:relative;color:#fff}
.aside_l li a:after{content:"";position:absolute;left:50%;bottom:-4px;width:0%;height:2px;background:#a37d4b;transition:all 0.3s}
.aside_l li a:hover:after{width:100%;left:0}
.aside_l li{padding-left:15px;margin-left:15px}
.aside_l li:before{content:"";display:block;position:absolute;top:50%;left:0;width:1px;height:12px;margin-top:-6px;background-color:#fff;opacity:.18}
.aside_r{float:right;width:350px}
.header_wrap .cs_area {
	clear: both;
	text-align: right;
	background: #fff;
	position: absolute;
	bottom: -73px; left: 0;
	width: 100%; height: 72px;
	z-index: 12;
}
.header_wrap .cs_area p {
	line-height: 72px;
	font-size: 12px; color: #6b6b6b;
}
.header_wrap .cs_area p strong {
	font-size: 18px; color: #333;
}
.sub_bg {
	position: absolute;
	top: 106px; left: 0;
	width: 100%; height: 380px;
	background: #fff;
	display: none;
	z-index: 12;
}

.sub_bg .cs_area{border-bottom: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2;}

#footer {
	/* margin-top:100%; */
	height:450px;
	clear: both;
	position: relative;
	background: #f4f0df;
}
#footer .foot_menu {
	height: 96px; line-height: 96px;
	border-bottom: 1px solid #d9d6c7;
	margin-bottom: 36px;
}
#footer .foot_menu a {
	font-size: 14px; color: #666; text-decoration: none;
}
#footer .first_bar{position:relative;}
#footer .first_bar:after{content:''; border-right:1px solid #d9d6c7; height:60px; position:absolute; top:0%; right:30px;}

#footer .foot_menu .bar {
	display: inline-block;
	width: 2px; height: 14px;
	background: #dbd9d2;
	margin: 0 4px;
	vertical-align: middle;
}

.bx-wrapper {
	box-shadow: none;
	border: 0;
}

.table {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.table li {
	display: table-row;
}
.table .th,
.table .td {
	display: table-cell;
}
.paging {
	clear: both;
	text-align: center;
}
.paging a {
	display: inline-block;
	width: 28px; height: 28px; line-height: 28px;
	font-size: 14px; color: #111; text-decoration: none;
}
.paging a:first-child,
.paging .prev,
.paging .next,
.paging .on {
	border: 1px solid #000;
}
.paging a:first-child,
.paging .prev,
.paging .next {
	margin: 0 10px;
	padding: 0 10px;
	border-color: #ccc;
}
.paging .prev:hover,
.paging .next:hover {
	border-color: #000;
}

/* bounce animation */
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -moz-transform: translateY(5px);
    transform: translateY(5px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
  }
}

#scroll_down,
#scroll_down i {
	display: inline-block;
	background: url(/resource/image/ico.png) no-repeat;
}
#scroll_down {
	position: absolute;
	top: 90%; right: 23%;
	width: 90px; height: 30px;
	background-position: -400px 0;
	z-index: 10;
}

#scroll_down i {
	margin: 35px 0 0 70px;
	width: 12px; height: 16px;
	background-position: -474px -40px;
	-webkit-animation: bounce 1.5s infinite; -moz-animation: bounce 1.5s infinite; -o-animation: bounce 1.5s infinite; animation: bounce 1.5s infinite; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear;
}
#cont_start {
	position: absolute;
	bottom: 0;
}

/* member */
.common_intro {
	text-align: center;
	margin: 100px 0 60px;
}
.common_intro .tit {
	font-size: 48px;  letter-spacing: -2px; color: #2b2b2b;
	margin-bottom: 40px;
}
.common_intro p {
	font-size: 16px;  letter-spacing: 0; line-height: 24px; color: #333;
	margin-bottom: 50px;
}
.common_intro .cs_num {
	font-size: 30px;  color: #333;
	margin-bottom: 10px;
}
.nonmem_area:after{
	display: block;
	content: '';
	clear: both;
}
.mem_area,
.nonmem_area {
	text-align: center;
	margin-bottom: 200px;
}

.nonmem_area .non_member{
	margin-bottom: 20px;
}
.mem_area p {
	font-size: 16px;  letter-spacing: -1px; line-height: 24px; color: #333;
}
.mem_area .mem_tab {
	width: 406px;
	margin: 0 auto 48px;
}
.mem_area .mem_tab li {
	float: left;
	width: 50%;
}
.mem_area .mem_tab a {
	display: block;
	height: 48px; line-height: 48px;
	font-size: 16px;  letter-spacing: -1px; color: #333; text-decoration: none;
	border: 1px solid #bfbfbf; border-left: 0;
	background: #efefef;
}
.mem_area .mem_tab li:first-child a {
	border-left: 1px solid #bfbfbf;
}
.mem_area .mem_tab .active a {
	background: #fff;
	border-bottom: 1px solid #fff;
}
.mem_area li {
	position: relative;
}
.mem_area input[type=text],
.mem_area input[type=password],
.nonmem_area input[type=text],
.nonmem_area input[type=number]  {
	width: 368px; height: 48px; line-height: 48px;
	padding: 0 15px;
	font-size: 14px; color: #676767;
	border: 1px solid #bfbfbf;
	margin-bottom: 18px;
}

.mem_area .chk {
	width: 400px;
	margin: 0 auto 40px;
	text-align: left;
	font-size: 15px; line-height: 36px; letter-spacing: -1px; color: #333;
}
.mem_area .chk input[type=radio] {
	width: 23px; height: 23px;
	vertical-align: middle;
}
.mem_area .chk a {
	display: inline-block;
	color: #333; text-decoration: none;
	margin-left: 10px;
}
.mem_area .btn_login,
.nonmem_area .nonmember_btn,
.btn_area .btn_join,
.nonmember_btn,
#btnSend {
	display: inline-block;
	width: 400px; height: 60px; line-height: 60px;
	font-size: 16px;  color: #fff; text-decoration: none;
	background: #a58862;
	margin-bottom: 40px;
}
/* 비회원 예약조회 버튼 추가 2019-12-19 */
.btn_login{
	margin-bottom: 17px !important;
}
.nonmember_btn {
	background: #fff;
	border: 1px solid #a58862;
	color: #a58862;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.mem_area .sns_area {
	width: 400px;
	padding-top: 30px;
	margin: auto;
}
.mem_area .sns_area p {
	font-size: 16px;  line-height: 24px; color: #333;
	margin-bottom: 20px;
}
.mem_area .sns_area a {
	display: inline-block;
	width: 186px; height: 42px; line-height: 42px;
	padding-left: 7px;
	font-size: 12px; letter-spacing: -1px; color: #333; text-decoration: none;
	border: 1px solid #d3d3d3;
	margin-bottom: 6px;
	text-align: left;
}
.mem_area .sns_area a:before {
	display: inline-block;
	width: 26px; height: 26px;
	vertical-align: middle;
	margin-right: 16px;
	content:"";
}
.mem_area .sns_area .btn_facebook,
.mem_area .sns_area .btn_naver {
	float: left;
}
.mem_area .sns_area .btn_kakao,
.mem_area .sns_area .btn_google {
	float: right;
}
.mem_area .sns_area .btn_facebook:before {
	background-position: -100px 0;
}
.mem_area .sns_area .btn_naver:before {
	background-position: -100px -26px;
}
.mem_area .sns_area .btn_kakao:before {
	background-position: -126px 0;
}
.mem_area .sns_area .btn_google:before {
	background-position: -126px -26px;
}
.mem_area .link {
	display: block;
	font-size: 16px; color: #333; letter-spacing: -1px;
	position: relative;
}
.mem_area .link .gt {
	display: inline-block;
	margin-left: 5px;
	text-decoration: none;
}
.mem_area .cs_area {
	width: 340px;
	margin: 0 auto 40px;
	padding: 70px 30px 15px;
	border-bottom: 1px solid #efefef;
	text-align: left;
}
.mem_area .cs_area p {
	margin-bottom: 25px;
}
.mem_area .join_area {
	margin-bottom: 20px;
}
.mem_area .table {
	width: 646px;
	margin: 0 auto 60px;
}
.mem_area .table .th {
	text-align: left;
	width: 104px;
	padding-left: 126px;
}
.mem_area .table .td {
	text-align: left;
}
.mem_area .table input[type=text],
.mem_area .table input.num {
	width: 265px;
	border: 1px solid #bfbfbf;
	vertical-align: middle;
}
.mem_area .table input.num {
	width: 60px; height: 48px; line-height: 48px;
	padding: 0 12px;
	vertical-align: middle;
}
.mem_area .table select {
	width: 100px; height: 50px; line-height: 50px;
	padding: 0 10px;
	vertical-align: top;
}
.mem_area .table option {
	line-height: 24px;
}
.find_private {
	font-size: 16px; letter-spacing: -1px;
}
.find_private .text_big {
	font-size: 24px; line-height: 36px;
	margin-bottom: 60px;
}
.btn_area.right {
	text-align: right;
}
.btn_area a {
	display: inline-block;
	width: 190px; height: 60px; line-height: 60px;
	background: #88847e;
	font-size: 16px;  letter-spacing: -1px; color: #fff; text-decoration: none;
	text-align: center;
}
.btn_area .btn_default {
	background-color: #a58862;
}
.join_complete {
	margin-bottom: 65px;
}
.join_complete h2 {
	font-size: 30px;  line-height: 44px;
	margin-bottom: 100px;
}
.btn_area {
	clear: both;
	text-align: center;
}
.join_area {
	width: 1210px;
	margin: 0 auto 200px;
}
.join_area h3 {
	font-size: 24px;  line-height: 36px; letter-spacing: -1px;
	margin-bottom: 20px;
}
.table_join {
	width: 100%;
	border-top: 1px solid #939394; border-bottom: 1px solid #e4e4e4;
	text-align: left;
    table-layout: fixed;
    border-collapse: collapse;
	margin-bottom: 65px;
}
.table_join.border_none {
	border: 0;
}
.table_join.indent {
	width: 708px;
	margin-left: 220px;
}
.table_join li {
	display: table-row;
}
.table_join th,
.table_join td {
	vertical-align: top;
	font-size: 16px; line-height: 36px; letter-spacing: -1px; color: #787878;
	text-align: left;
}

.table_join.form th,
.table_join.form td {
	vertical-align:middle
}

.table_join tr:first-child th,
.table_join tr:first-child td {
	padding-top: 40px;
}
.table_join .last th,
.table_join .last td {
	padding-bottom: 40px;
}
.table_join th {
	 line-height: 24px; color: #333;
}
.table_join .mid,
.table_join input {
	vertical-align: middle;
}
.table_join input[type=text],
.table_join input[type=password] {
	width: 278px; height: 34px; line-height: 34px;
	padding: 0 10px;
	border: 1px solid #bfbfbf;
	margin: 8px 0;
}
.table_join input.num {
	width: 70px;
	padding: 0 10px;
}
.table_join input.num:first-child {
	width: 71px;
}
.table_join input.mail {
	width: 118px;
}
.table_join input.mail:first-child {
	width: 119px;
}
.table_join input.date {
	width: 65px;
}
.table_join input.address {
	width: 202px;
}
.table_join input[type=radio] {
	margin-left: 20px;
}
.table_join input.first {
	margin-left: 0;
}
.table_join select {
	width: 97px; height: 38px; line-height: 38px;
	margin-left: 10px;
}
.table_join select.bank {
	width: 300px;
	margin-left: 0;
}
#BIRTHDAY_YEAR {
	margin-left: 0;
}

.table_join .text_normal {
	font-size: 14px;  line-height: 24px; letter-spacing: -1px; color: #000;
	margin-bottom: 10px;
}
.table_join .box {
	width: 1020px; max-height: 150px;
	padding: 20px;
	overflow-y: auto;
	border: 1px solid #bfbfbf;
}
.table_join label {
	font-size: 15px;
}
.table_join label.chk {
	display: inline-block;
	font-size: 15px; letter-spacing: 0;
	margin-bottom: 20px;
	vertical-align: middle;
}
.table_join .iblock {
	display: inline-block;
	font-size: 14px; line-height: 24px;
	margin-left: 20px;
	vertical-align: middle;
}
.table_form .btn_default,
.table_join .btn_default {
	display: inline-block;
	width: 97px; height: 36px; line-height: 36px;
	margin: 0 10px;
	font-size: 14px;  letter-spacing: -1px; color: #333; text-decoration: none;
	border: 1px solid #bfbfbf;
	text-align: center;
	vertical-align: middle;
}

.modal_bg {
	position: fixed;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background: #333;
	opacity: .9; filter: alpha(opacity=90);
	z-index: 10008;
	display: none;
}
.modal {
	position: fixed;
	top: 50%; left: 50%;
	z-index: 10010;
	display: none;
}
.modal .modal_content {
	font-size: 14px; letter-spacing: -1px; color: #000;
	position: relative;
}
.modal .modal_close {
	position: absolute;
    top: -40px;
    right: 0px;
	display: inline-block;
	width: 29px; height: 29px;
	text-indent: -999px; font-size: 0;
	z-index:999999;
	background:url(/resource/image/modal_close_btn.png) no-repeat;

}
.modal_header {
	font-size: 16px; letter-spacing: -1px;
	text-align: center;
}
.modal_header .tit {
	font-size: 36px;  line-height: 1; letter-spacing: -2px;
	margin-bottom: 30px;
}
.modal_header p {
	margin-bottom: 30px;
}
.modal_header .text_right {
	font-size: 14px;
	margin-bottom: 10px;
}
.modal_header .btn_download {
	display: inline-block;
	height: 36px; line-height: 36px;
	padding: 0 20px;
	margin-bottom: 20px;
	border: 1px solid #bfbfbf;
	color: #000; text-decoration: none;
}
.modal .modal_body {
	max-height: 600px;
	overflow-x: hidden;
	overflow-y: auto;
}
.modal .chk_area {
	margin-bottom: 10px;
}
.modal .chk_area label {
	margin-right: 10px;
}

.blind {
	display: none;
}

.text_red {
	color: #ff0000;
}
.text_blue {
	color: #006cff;
}
.text_primary {
	color: #588625;
}
.text_left {
	text-align: left !important;
}
.text_center {
	text-align: center !important;
}
.text_right {
	text-align: right !important;
}
.text_underline {
	text-decoration: underline;
}
.mb50 {
	margin-bottom: 50px;
}

.iblock {
	display: inline-block;
}
.line_through {
	text-decoration: line-through;
}
.past {
	display: inline-block;
	text-decoration: line-through;
	margin: 0 5px;
}
.offset {
	position: absolute;
}
.offset_right {
	position: absolute;
	top: 0; right: 0;
}
.offset_bottom_right {
	position: absolute;
	bottom: 0; right: 0;
}
.full {
	width: 100%;
}



/* 2019-03-07 추가
.head_wrap.popopen > .inner .header .header_quick { opacity: 1; transform: translate3D(0, 0, 0); transition: opacity .6s ease-in-out, transform .5s ease-in-out }
.head_wrap > .inner .header .header_quick { opacity: 0; position: absolute; z-index: 999999; top: 85px; right: 0; width: 310px; height: 332px; background-color: #fff; border: 1px solid #d7d7d7; box-sizing: border-box; transform: translate3D(0, -430px, 0); transition: opacity .2s ease-in-out, transform .3s ease-in-out }
.head_wrap > .inner .header .header_quick > .inner { position: relative; height: 100%; padding: 0 25px }
.head_wrap > .inner .header .header_quick .search_box { }
.head_wrap > .inner .header .header_quick .search_box dl:after { content: ''; display: block; clear: both }
.head_wrap > .inner .header .header_quick .search_box dl { margin: 0 -25px; padding: 0 20px }
.head_wrap > .inner .header .header_quick .search_box dt, .search_box dd { float: left; height: 34px }
.head_wrap > .inner .header .header_quick .search_box dt { float: none; margin: 0 -20px; padding-top: 20px; border-bottom: 1px solid #d4d4d4; color: #555; font-size: 14px; line-height: 16px; font-weight: 600; text-align: center }
.head_wrap > .inner .header .header_quick .search_box dd { position: relative; width: 50%; margin-top: 28px; padding: 0 5px; box-sizing: border-box }
.head_wrap > .inner .header .header_quick .search_box dd.full { width: 100%; margin-top: 4px; text-align: right }
.head_wrap > .inner .header .header_quick select { width: 100%; height: 34px; padding-left: 0; border: 0; border-bottom: 1px solid #c8c8c8; color: #1d1d1d; font-size: 14px; font-weight: 300; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff url('/resource/image/ico_select_new.png') no-repeat 93% 50% }
.head_wrap > .inner .header .header_quick select::-ms-expand { display: none }
.head_wrap > .inner .header .header_quick .btn_search { display: inline-block; width: 100%; height: 53px; margin-top: 18px; background-color: #1f1e28; border: 0; color: #fff; font-size: 16px; line-height: 53px; text-align: center; vertical-align: middle; cursor: pointer }
.head_wrap > .inner .header .header_quick .btn_search > span { display: inline-block; position: relative; top: -2px }
.head_wrap > .inner .header .header_quick .btn_question { display: inline-block; width: 23px; height: 23px; margin-top: 6px }
.head_wrap > .inner .header .header_quick .question_box { display: none; position: absolute; z-index: 10; top: -105px; right: -48px; font-size: 14px; line-height: 18px; text-align: left }
.head_wrap > .inner .header .header_quick .question_box.on { display: block }
.head_wrap > .inner .header .header_quick .question_box .inner { position: relative; min-width: 260px; padding: 16px 23px 15px; background-color: #fff; border: 1px solid #a58862 }
.head_wrap > .inner .header .header_quick .question_box .inner:after { content: ''; display: block; position: absolute; bottom: -12px; right: 64px; width: 10px; height: 12px; background: url('/resource/image/ico_edge.png') no-repeat 0 0 }
.head_wrap > .inner .header .header_quick #top_move { position: absolute; top: 0; right: 0; margin-top: 20px }
.head_wrap > .inner .header .header_quick .search_box dd.select_cal select { background: #fff url('/resource/image/ico_select_cal.gif') no-repeat 93% 50% }
.head_wrap > .inner .header .header_quick .btn_close_reserv_pop { overflow: hidden; display: block; position: absolute; z-index: 20; top: 20px; right: 20px; width: 18px; height: 18px; padding: 0; border: none; background: transparent url('/resource//image/ico_btn_close_reserv_pop.png') no-repeat 0 0; cursor: pointer }
.head_wrap > .inner .header .header_quick .btn_close_reserv_pop > span { display: block; overflow: hidden; width: 1px; height: 1px; text-indent: -10000em } */
.head_wrap {position:fixed;z-index:999;top:0;left:0;width:100%;height:110px;background:rgba(255,255,255,0)}
.head_wrap.over > .inner .nav_wrap .sub_bg_wrap {display:block}
.head_wrap .head_bg {position:absolute;top:0;width:100%;height:0;background-color:#fff;opacity:0}
.head_wrap.open {height:110px}
.head_wrap.open .head_bg {height:110px;opacity:1;border-bottom:1px solid #ddd}
.head_wrap > .inner {position:relative;margin:0 auto;min-width:1200px; height:100% }
.head_wrap > .inner .header {position:relative;height:110px;margin:0 auto}
.head_wrap > .inner .nav_wrap:after{display: block; content: ''; clear: both}
.head_wrap > .inner .nav_wrap {position:relative; min-width:1200px; margin:0 auto; font-size:0}
.head_wrap > .inner .nav_wrap .sub_bg_wrap {display:none;position:absolute;top:0;left:0;width:100%;min-height:64px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background-color:rgba(255,255,255,1);transition:top .6s, transform .6s}
.head_wrap.open > .inner .nav_wrap .sub_bg_wrap {top:1px}
/* LOGO */
.head_wrap > .inner .header .hp_logo {position:absolute;top:40px;left:50%; margin-left:-600px; transition:top .6s, transform .6s; z-index: 999}
.head_wrap.open > .inner .header .hp_logo {top:40px}
@media (max-width: 1380px) {
	.head_wrap.open > .inner .header .hp_logo,
	.head_wrap > .inner .header .hp_logo { padding-left: 70px }
}
/* GNB */
.head_wrap > .inner .nav_wrap .gnb {position:relative; max-width: 880px; margin: 0 auto; top:-60px;text-align:center;white-space:nowrap;transition:top .6s, transform .6s}
.head_wrap.open > .inner .nav_wrap .gnb {top:-60px}
.head_wrap > .inner .nav_wrap .gnb > li {position:relative;display:inline-block;margin:0 32px}
.head_wrap > .inner .nav_wrap .gnb > li .dep_1 {position:relative;color:#24211d;font-size:17px;line-height:24px;letter-spacing:-1px}
.head_wrap > .inner .nav_wrap .gnb > li .dep_1:after {content:'';position:absolute;z-index:300;left:50%;bottom:-37px;/*display:none;*/width:0%;height:3px;background-color:#a58862;transition:all 0.3s}
.head_wrap > .inner .nav_wrap .gnb > li .dep_1:hover:after,
.head_wrap > .inner .nav_wrap .gnb > li .dep_1:focus:after,
.head_wrap > .inner .nav_wrap .gnb > li .dep_1.over:after {/*display:block;*/width:100%;left:0}
.head_wrap > .inner .nav_wrap .gnb > li .dep_2 {color:#24211d;font-size:15px;line-height:32px;letter-spacing:-1px}
.head_wrap > .inner .nav_wrap .gnb > li .dep_2:hover,
.head_wrap > .inner .nav_wrap .gnb > li .dep_2:focus,
.head_wrap > .inner .nav_wrap .gnb > li .dep_2.over {color:#9b6722}
.head_wrap > .inner .nav_wrap .gnb > li.over .gnb_sub {display:block}
.head_wrap > .inner .nav_wrap .gnb .gnb_sub {display:none;position:absolute;z-index:100;top:33px;left:0;width:100%;min-height:64px}
.head_wrap > .inner .nav_wrap .gnb .gnb_sub > .inner {position:relative;width:1210px;min-height:64px;margin:0 auto;text-align:left}
.head_wrap > .inner .nav_wrap .gnb .gnb_sub > .inner ul {padding-top:45px}
.head_wrap > .inner .nav_wrap .gnb .gnb_sub > .inner ul:after {content:'';display:block;clear:both}
.head_wrap > .inner .nav_wrap .gnb .gnb_sub > .inner li {float:left;margin-left:32px}
.head_wrap > .inner .nav_wrap .gnb .gnb_sub > .inner li:first-child {margin-left:0}
/* 선마을 예약하기 BUTTON */
.head_wrap > .inner .header .reserv_moving_btn { position: absolute; top: 40px; z-index: 30; left: 50%; margin-left: 450px; display: inline-block; height: 44px; padding: 0 31px; background-color: #a58862; border: 0; color: #fff; font-size: 16px; line-height: 44px; text-align: center; vertical-align: middle; cursor: pointer }
/* util menu */
.head_wrap > .inner .header .util_wrap {position:absolute;top:15px;right:37px; z-index: 99}
.head_wrap > .inner .header .util_wrap ul:after {content:'';display:block;clear:both}
.head_wrap > .inner .header .util_wrap li {float:left;margin-left:20px}
.head_wrap > .inner .header .util_wrap li a {display:block;color:#24211d;font-size:13px;letter-spacing:-1px}
/* ALL MENU */
.btn_menu {position:fixed;z-index:9999;top:40px;left:37px}
.btn_menu > button {overflow:hidden;display:block;position:relative;z-index:20;width:50px;height:36px;padding:0;border:none;background:none;cursor:pointer}
.btn_menu > button::-moz-focus-inner{border:0;padding:0}
.btn_menu > button:before {position:absolute;left:10px;right:10px;top:10px;height:2px;background:#24211d;transition:background .3s, transform .3s;content:""}
.btn_menu > button:after {position:absolute;left:10px;right:10px;bottom:10px;height:2px;background:#24211d;transition:background .3s, transform .3s;content:""}
.btn_menu > button > span {display:block;overflow:hidden;position:absolute;left:10px;right:10px;top:17px;height:2px;background:#24211d;text-indent:-10000em}
.btn_menu.open > button:before {background:#fff;transform:translate3D(0,8px,0) rotate(-45deg)}
.btn_menu.open > button:after {background:#fff;transform:translate3D(0,-6px,0) rotate(45deg)}
.btn_menu.open > button > span {display:none}
.fullmenu_wrap {display:none;position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%}
.fullmenu_wrap.open {display:block}
.fullmenu_wrap:before {content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.9}
.fullmenu_wrap .fullmenu_content {position:absolute;right:10%;left:10%;padding:5% 0 0 0;height:100%;box-sizing:border-box}
.fullmenu_wrap .fullmenu_content .inner {overflow-y:auto;width:1210px;height:100%;margin:0 auto;-ms-overflow-style:none}
.fullmenu_wrap .fullmenu_content .inner::-webkit-scrollbar {display:none}
.fullmenu_wrap .fullmenu_content .depth01 {padding:16px 0;border-top:1px solid #4f504c}
.fullmenu_wrap .fullmenu_content .depth01.first {border-top:0}
.fullmenu_wrap .fullmenu_content .depth01:after {content:'';display:block;clear:both}
.fullmenu_wrap .fullmenu_content .depth01 a {display:inline-block}
.fullmenu_wrap .fullmenu_content .depth01 a span {position:relative;display:inline-block}
.fullmenu_wrap .fullmenu_content .depth01 a span:after {content:"";position:absolute;left:50%;bottom:5px;width:0%;height:2px;background:#a37d4b;transition:all 0.3s}
.fullmenu_wrap .fullmenu_content .depth01 a span:hover:after,
.fullmenu_wrap .fullmenu_content .depth01 a span:focus:after {width:100%;left:0}
.fullmenu_wrap .fullmenu_content .depth01 > dt,
.fullmenu_wrap .fullmenu_content .depth01 > dd {float:left}
.fullmenu_wrap .fullmenu_content .depth01 > dd ul:after {content:'';display:block;clear:both}
.fullmenu_wrap .fullmenu_content .depth01 > dt {width:220px}
.fullmenu_wrap .fullmenu_content .depth01 > dt > a {color:#a58862;font-size:25px;line-height:48px;font-weight:400;letter-spacing:-1px}
.fullmenu_wrap .fullmenu_content .depth02 > li > a {min-width:150px;color:#fff;font-size:17px;line-height:40px;font-weight:300}
.fullmenu_wrap .fullmenu_content .depth02.floating {margin-left:-5px}
.fullmenu_wrap .fullmenu_content .depth02.floating > li {display:inline-block;padding:0 5px}
.fullmenu_wrap .fullmenu_content .depth02.floating > li > a {min-width:10px}
.fullmenu_wrap .fullmenu_content .depth03 > li > a {min-width:90px;color:#fff;font-size:15px;line-height:38px;font-weight:300}
.fullmenu_wrap .fullmenu_content .depth04 > li > a {margin-top:-6px;color:#929292;font-size:15px;line-height:38px;font-weight:300}
.fullmenu_wrap .fullmenu_content .depth03 {display:inline-block;vertical-align:top}
.fullmenu_wrap .fullmenu_content .depth04 {display:inline-block;vertical-align:middle}
.fullmenu_wrap .fullmenu_content .depth04 > li {position:relative;float:left;margin-left:10px;padding-left:10px}
.fullmenu_wrap .fullmenu_content .depth04 > li:first-child {margin:0;padding:0}
.fullmenu_wrap .fullmenu_content .depth04 > li:first-child:before {content:none;display:none}
.fullmenu_wrap .fullmenu_content .depth04 > li:before {content:'';display:block;position:absolute;top:50%;left:0;width:1px;height:12px;margin-top:-8px;background-color:#fff;opacity:.18}

/* FOOTER */
.footer_wrap {height:570px;background-color:#fff}
.footer_wrap .foot_util {position:relative;min-height:100px;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;background-color:#f5f5f5}
.footer_wrap .foot_util .inner,
.footer_wrap .foot_info .inner {position:relative;width:1210px;margin:0 auto}
.footer_wrap .foot_util .inner:after,
.footer_wrap .foot_info .inner:after {content:'';display:block;clear:both}
.footer_wrap .foot_util .sns_btn {position:absolute;top:25px;right:0}
.footer_wrap .foot_util .sns_btn ul {overflow:hidden}
.footer_wrap .foot_util .sns_btn ul li {float:left}
.footer_wrap .foot_util .banner_wrap {position:absolute;top:25px;right:270px;font-size:0}
.footer_wrap .foot_util .banner_wrap > a {margin-left:-1px}
.footer_wrap .foot_util .util_wrap {padding-top:40px}
.footer_wrap .foot_util .util_wrap > li {display:inline-block;position:relative;height:16px;margin-left:10px;vertical-align:middle}
.footer_wrap .foot_util .util_wrap > li:first-child {margin:0;padding:0}
.footer_wrap .foot_util .util_wrap > li:first-child:before {content:none;display:none}
.footer_wrap .foot_util .util_wrap > li:before {content:'';display:inline-block;width:1px;height:16px;margin-right:10px;background-color:#d6d3c7;vertical-align:middle}
.footer_wrap .foot_util .util_wrap > li a {color:#666;font-size:15px;line-height:0}
.footer_wrap .foot_util .util_wrap:after {content:'';display:block;clear:both}
.footer_wrap .foot_info {padding-top:50px}
#footer .history_banner ul {overflow:hidden; float:right;}
#footer .history_banner ul li {float:left;margin:10px 0 20px 8px}
#footer .history_banner ul li:first-child {margin-left:12px}
#footer .col {width:500px}
#footer .col_cs {width:450px}
#footer .col_cs:after {content:'';display:block;clear:both}
#footer .col_cs h3 {float:left;margin-top:5px;font-size:14px;color:#797979;font-weight:600}
#footer .col_cs h3 span {padding-left:10px;font-size:14px;color:#797979;letter-spacing:-1px;font-weight:300;line-height:24px}
#footer .col_cs .cs_info {display:block;padding-left:13px;color:#797979;font-size:14px;letter-spacing:-1px;font-weight:300;line-height:24px}
#footer .time {float:left;overflow:hidden}
#footer .time dl {float:left;padding-left:13px}
#footer .time dl dt {font-size:14px;color:#797979;letter-spacing:-1px;font-weight:300}
#footer .col_cs .col {width:50%}
#footer .col_cs strong {font-size:16px}
#footer .col_right {float:right;width:250px;text-align:right}
#footer p.copyright {font-size:11px}
#footer p {letter-spacing:0.5px;font-family:'Noto Sans KR','Malgun Gothic',dotum,sans-serif,AppleGothic;font-size:14px;line-height:22px;color:#797979;margin-bottom:30px;font-weight:300}
#footer .col_cs dt,
#footer .col_cs dd {font-family:'Noto Sans KR','Malgun Gothic',dotum,sans-serif,AppleGothic;font-size:14px;line-height:24px;color:#797979;font-weight:300}
#footer .history {font-size:14px;line-height:24px;color:#797979;margin-bottom:14px;font-weight:300}
#footer .bnr_area li {margin-bottom:20px;margin-left:-20px}
#footer .sns_area {position:absolute;bottom:5%;right:5%}
#footer .sns_area a {display:inline-block;width:18px;height:18px;text-indent:-999px;font-size:0;background:url(/resource/image/social.png) no-repeat}
#footer .sns_area .twitter {background-position:-33px 0}
#footer .sns_area .youtube {background-position:-66px 0}
#footer .sns_area .cafe {background-position:-99px 0}
#footer .sns_area .blog {background-position:-132px 0}
.socialLink li {float:left;display:block}
.socialLink li a {position:relative;width:49px;height:39px;overflow:hidden;display:block;text-indent:-9999px;margin-top:5px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.socialLink li a .ico {position:absolute;top:0;right:0;width:39px;height:39px;opacity:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.socialLink li a:hover .ico,
.socialLink li a:focus .ico {opacity:1}
/* .socialLink li.talk a:hover,
.socialLink li.blog a:hover,
.socialLink li.facebook a:hover,
.socialLink li.twitter a:hover,
.socialLink li.instagram a:hover,
.socialLink li.kakao a:hover {background-position:top right} */
.socialLink li.talk a {background:url('/resource/image/bottom_social_talk.png') bottom right no-repeat}
.socialLink li.blog a {background:url('/resource/image/bottom_social_blog.png') bottom right no-repeat}
.socialLink li.facebook a {background:url('/resource/image/bottom_social_facebook.png') bottom right no-repeat}
.socialLink li.instagram a {background:url('/resource/image/bottom_social_instagram.png') bottom right no-repeat}
.socialLink li.kakao a {background:url('/resource/image/bottom_social_kakao.png') bottom right no-repeat}
.socialLink li.talk a .ico {background:url('/resource/image/bottom_social_talk.png') top right no-repeat}
.socialLink li.blog a .ico {background:url('/resource/image/bottom_social_blog.png') top right no-repeat}
.socialLink li.facebook a .ico {background:url('/resource/image/bottom_social_facebook.png') top right no-repeat}
.socialLink li.instagram a .ico {background:url('/resource/image/bottom_social_instagram.png') top right no-repeat}
.socialLink li.kakao a .ico {background:url('/resource/image/bottom_social_kakao.png') top right no-repeat}
/* //2019-03-07 추가 */


/* Interval */
.mb10 { margin-bottom: 10px }
.mb20 { margin-bottom: 20px }
.mb30 { margin-bottom: 30px }
.mb40 { margin-bottom: 40px }

.mr10 { margin-right: 10px }
.mr20 { margin-right: 20px }
.mr30 { margin-right: 30px }
.mr40 { margin-right: 40px }

.ml10 { margin-left: 10px }
.ml20 { margin-left: 20px }
.ml30 { margin-left: 30px }
.ml40 { margin-left: 40px }

.mt10 { margin-top: 10px }
.mt20 { margin-top: 20px }
.mt30 { margin-top: 30px }
.mt40 { margin-top: 40px }

/* 비회원 예약 리스트 :: 2019-12-16 */
.col_cont.nonmem_list { padding: 0 0 200px 0; width: 973px; margin: 0 auto; float: none; border: none }
.col_cont.nonmem_list h3 { font-size: 36px; line-height: 48px; letter-spacing: -1px; color: #333; margin-bottom: 50px }
.col_cont.nonmem_list table.table01 td span { display: block }
.col_cont.nonmem_list .btn_area a.btb_back { background: #a58862 }