@charset "utf-8";

/* °øÅë */
/* float */
.f_left { float:left !important; }
.f_right { float:right !important; }


/* layout */
body {
	-ms-overflow-style:none; /* IE and Edge */
  scrollbar-width:none; /* Firefox */
}
body::-webkit-scrollbar {
  display:none; /* Chrome, Safari, Opera*/
}

#wrap { width:100%; float:left; }

/* header */
.wrapHeader {
	width:100%;
	float:left;
	position:relative;
	top:20px;
	left:0;
	z-index:9001;
}
.header { height:60px; }
.m_logo {
	display:inline-block;
	margin-left:1.5em;
	line-height:50px;
}
.ectmenu {
	float:right;
	margin-right:1.5em;
}
.ectmenu .btn_myPage {
	display:inline-block;
	line-height:60px;
	margin-right: .5em;
}
.ectmenu .btn_openMenu {
	display:inline-block;
	padding:1px 8px;
	font-size:15px;
	border:1px solid #fff;
	border-radius:2px;
	color:#fff;
}
.gnbBox {
	position:absolute;
	top:-20px;
	right:0;
	z-index:6001;
	width:100%;
	height:2000px;
	/*height:auto;*/
	background:#fff;
	padding:20px 0;
}
.btn_m_gnbClose {
	display:inline-block;
	width:22px;
	height:23px;
	float:right;
	margin-right:1.5em;
	background:url(/mobile/img/comm/btn_gnbClose.png) no-repeat;
}
.ht_userName {
	display:inline-block;
	float:left;
	margin-top:5px;
	margin-left:1.5em;
}
.ht_userName span { margin-left:3px; font-weight:normal; }
.m_t_gnb_Login {
	display:inline-block;
	padding:3px 18px;
	float:left;
	margin-left:1.5em;
	background:#A08B73;
	color:#fff !important;
	border-radius:25px;
}
.m_gnbmenu {
	width:100%;
	float:left;
	margin-top:30px;
	border-top:1px solid #ddd;
	box-sizing:border-box;
}
.m_gnbmenu ul li {
	width:100%;
	float:left;
	text-align:center;
	border-bottom:1px solid #ddd;
	box-sizing:border-box;
}
.m_gnbmenu ul li h2 {
	width:100%;
	float:left;
	padding:20px 0;
	font-size:16px;
}
.m_gnbmenu ul li.on {
	background:#B89E62;
}
.m_gnbmenu ul li.on h2 {
	color:#fff;
}
.depthmenu {
	width:100%;
	float:left;
	background:#f8f8f8;
}
.depthmenu ul li { border-bottom:none; }
.depthmenu ul li h3 { padding:15px 0; }



/* footer */
.wrapFooter {
	width:100%;
	float:left;
	margin-top:-60px;
	padding-top:30px;
	/*  padding-bottom:170px; */ /* popupÀÖÀ» ½Ã, padding-bottom °ª ´Ã¸®±â */
	padding-bottom:50px;  /* popup¾øÀ» ½Ã, padding-bottom:50px; ±âº»°ª */
	background:#000;
	position:relative;
}
.footer { width:90%; margin:0 auto; }
.footer address {
	width:100%;
	float:left;
	color:#fff;
	font-size:15px;
}
.footer address .copyright { font-size:14px; letter-spacing:-1px; }
.ft_commCall {
	display:inline-block;
	float:left;
	margin-left:15px;
	margin-top:15px;
}
.ft_commCall dt {
	display:inline-block;
	color:#fff;
}
.ft_commCall dd {
	display:inline-block;
	margin-left:5px;
	color:#A08B73;
}
.ft_linkmenu {
	width:100%;
	float:left;
	margin-top:15px;
	padding:8px 0;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	box-sizing:border-box;
}
.ft_linkmenu ul { width:90%; margin:0 auto; }
.ft_linkmenu ul li {
	display:inline-block;
	margin-right:30px;
}
.ft_linkmenu ul li a { color:#fff; }
.ft_linkmenu ul li:nth-child(3) { margin-right:0; }
.btn_wayView {
	position:absolute;
	right:30px;
	top:30px;
	color:#fff !important;
	border:1px solid #fff;
	border-radius:2px;
	padding:2px 10px;
	font-size:14px;
}

/* popupBox */
/* Æ˾÷ */
.popupWrap {
	position:fixed;
	bottom:0;
	z-index:5001;
	width:100%;
}

.popup{}
.popup div{
	box-shadow: -1px -1px 5px 1px rgb(0 0 0 / 50%);
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
}

.popupClose {
	background:#000;
	height: 3rem;
	padding: 0 1.8rem;
}

.popupClose .btn_close {
	  float: right;
    padding: 0 1rem;
    font-size: 1rem;
    color: #666;
    background: #F5F6F7;
    border-radius: 1.37rem;
    margin-top: 0.75rem;
    line-height: 25px;
}

.popupClose .btn_todayEnd {
		float: left;
    font-size: 1.11rem;
    color: #999;
    margin-top: 0.6rem;
    letter-spacing: -0.75;
}

.btn_todayEnd:link,
.btn_todayEnd:active,
.btn_todayEnd:visited {}



/* container */
.wrapContainer {
	width:100%;
	float:left;
	position:relative;
	top:-60px;
}
.container { width:100%; float:left; }
.m_visual {
	width:100%;
	float:left;
}
.m_visual ul li { width:100%; float:left; }
.m_visual ul li img { width:100%; }

.m_weatherBox {
	position:absolute;
	top:80px;
	/* top:120px; */
	left:20px;
	z-index:4001;
}
/* .m_weatherBox img { width:20px; height:20px;  } */
.m_weatherBox span { color:#000; vertical-align:middle;  }
.ico_weather {
	display:inline-block;
	width:20px;
	height:20px;
}
.ico_wth_sun {
	background:url(/mobile/img/comm/ico_wth_sun_B.png) no-repeat;
	background-size:100%;
}
.ico_wth_rain {
	background:url(/mobile/img/comm/ico_wth_rain_B.png) no-repeat;
	background-size:100%;
}
.ico_wth_partly_cloudy {
	background:url(/mobile/img/comm/ico_wth_partly_cloudy_B.png) no-repeat;
	background-size:100%;
}
.ico_wth_cloudy {
	background:url(/mobile/img/comm/ico_wth_cloudy_B.png) no-repeat;
	background-size:100%;
}
.ico_wth_snow {
	background:url(/mobile/img/comm/ico_wth_snow_B.png) no-repeat;
	background-size:100%;
}



.blitBox {
	position:absolute;
	z-index:3001;
	top:300px;
	left:20px;
	width:95%;
}

/*
.blitBox ol li {
	display:inline-block;
	width:25px;
	height:25px;
	margin-right:15px;
	text-align:center;
	color:#fff;
}
.blitBox ol li.on { border-bottom:1px solid #fff; }
*/


.blitBox ol li {
	display:inline-block;
	width:25px;
	height:25px;
	margin-right:15px;
	text-align:center;
}

.blitBox ol li a {color: #fff;}
.blitBox ol li a.active{ border-bottom:1px solid #fff; }


/* main */
/* ¿¹¾àÇϱâ box */
.m_main_reservationBox {
	width:100%;
	float:left;
	text-align:center;
	/* margin:20px 0; */
}
.m_select_monthBox { width:100%; float:left; }
.m_selview_month {
	display:inline-block;
	margin:0 20px;
	font-size:20px;
	font-weight:600;
	letter-spacing:-1px;
}
.btn_m_ssComm {
	display:inline-block;
	width:25px;
	height:25px;
	vertical-align:-5px;
}
.btn_m_ssPrev {
	background:url(/mobile/img/comm/btn_ssPrev.png) no-repeat center center;
}
.btn_m_ssNext {
	background:url(/mobile/img/comm/btn_ssNext.png) no-repeat center center;
}
.m_main_monthBox {
	width:100%;
	float:left;
	/* margin-top:20px; 
	padding-bottom: 20px;*/
  /*border-bottom: 1px solid #ccc;*/
}
.m_calendar { width:100%; float:left; border-top: 2px solid #A08B73; border-bottom: 1px solid #DDD !important; }
.m_calendar th,
.m_calendar td { height:58px; /* border-right:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box; */}
.m_calendar th {
	background: #FFFEF6;
  border-bottom: 1px solid #DDD !important;
}
.m_calendar td { position:relative; }
.m_calendar td .cal_num {
	position:absolute;
	top:5px;
	right:10px;
	font-size:14px;
}
.m_calendar .sun { color:#D60000; color-scheme: light;}
.m_calendar .sat { color:#005DFF; color-scheme: light;}
.bg_resev_possible { background:#D6EDFF; color-scheme: light;}
.bg_resev_waiting { background:#FFF5D4; color-scheme: light;}
.bg_resev_today { background:#363636; color-scheme: light;}
.bg_resev_seleted { background:#A08B73;color-scheme: light; }
.bg_resev_called { background:#A9EEDC; color-scheme: light;}
.bg_resev_finised { background:#F3F3F3; color-scheme: light;}
.bg_resev_closed { background:#FF7D68; color-scheme: light;}
.bg_resev_today span,
.bg_resev_seleted span,
.bg_resev_closed span { color:#fff; color-scheme: light;}
.bg_resev_finised span { color:#000; color-scheme: light;}

@media (prefers-color-scheme: dark) {
  .m_calendar .sun { color:#D60000; color-scheme: light;}
	.m_calendar .sat { color:#005DFF; color-scheme: light;}
	.bg_resev_possible { background:#D6EDFF; color-scheme: light;}
	.bg_resev_waiting { background:#FFF5D4; color-scheme: light;}
	.bg_resev_today { background:#363636; color-scheme: light;}
	.bg_resev_seleted { background:#A08B73;color-scheme: light; }
	.bg_resev_called { background:#A9EEDC; color-scheme: light;}
	.bg_resev_finised { background:#F3F3F3; color-scheme: light;}
	.bg_resev_closed { background:#FF7D68; color-scheme: light;}
	.bg_resev_today span,
	.bg_resev_seleted span,
	.bg_resev_closed span { color:#fff; color-scheme: light;}
	.bg_resev_finised span { color:#000; color-scheme: light;}
}


.btn_m_reservation {
	display:inline-block;
	padding:5px 30px;
	background:#FC5F46;
	color:#fff;
	border-radius:25px;
	font-size:16px;
}

/* ´ÙÀÌ·ºÆ®¸Þ´º */
.m_direct { width:100%; float:left; margin-top:1px; /* margin-top:20px; */ }
.m_direct ul li {
	display:block;
	width:100%;
	float:left;
	height:99px;
	border-bottom:1px solid #fff;
}
.m_direct ul li a { width:90%; margin:0 auto; }
.m_direct ul li a h2 {
	display:inline-block;
	margin:35px 0 0 35px;
	color:#fff;
	font-size:18px;
	vertical-align:0;
}
.ico_m_dir_arrow {
	display:inline-block;
	width:16px;
	height:16px;
	margin-left:8px;
	background:url(/mobile/img/comm/ico_arrow.png) no-repeat center 0;
	vertical-align:0;
}
.m_dir_01 {
	background:url(/mobile/img/main/m_dir_01.jpg) no-repeat;
	background-size:cover;
}
.m_dir_02 {
	background:url(/mobile/img/main/m_dir_02.jpg) no-repeat;
	background-size:cover;
}
.m_dir_03 {
	background:url(/mobile/img/main/m_dir_03.jpg) no-repeat;
	background-size:cover;
}
.m_dir_04 {
	background:url(/mobile/img/main/m_dir_04.jpg) no-repeat;
	background-size:cover;
}
.m_dir_05 {
	background:url(/mobile/img/main/m_dir_05.jpg) no-repeat;
	background-size:cover;
}

/* °øÁö»çÇ× box */
.m_tab_layer .m_tab_contents{ display:none;}
.m_tab_layer .m_tab_contents:first-child{display:block;}

.main_noticeBox {
	width: 100%;
  float: left;
  margin-top: 40px;
}
.main_noticeBox .tabmenu{
	border-bottom:1px solid #A08B73;
	box-sizing:border-box;
}
.main_noticeBox .tabmenu ul {float:left;display:inline-block;}
.main_noticeBox .tabmenu ul li {
	display:inline-block;
	width: 140px;
	float:left;
	text-align:center;
	line-height:69px;
	border:1px solid #fff;
	border-bottom:none;
	font-size:18px;
	box-sizing:border-box;
}
.main_noticeBox .tabmenu ul li a { color:#606060; }
.main_noticeBox .tabmenu ul li:nth-child(2) { margin-left:0px; }
.main_noticeBox .tabmenu ul li.on { border-color:#A08B73; }
.main_noticeBox .tabmenu ul li.on a { color:#A08B73; }
.main_noticeBox .tabmenu .btn_m_more {
	display:inline-block;
	float:right;
	margin-top:25px;
	margin-right:1.1em;
	color:#A08B73;
}

.main_noticeBox .m_tab_layer .m_tab_contents { width:100%; float:left; }
.main_noticeBox .m_tab_layer .m_tab_contents  ul li {
	width:100%;
	float:left;
	padding:20px 0;
	border-bottom:1px solid #ddd;
}
.m_noticeBox,
.m_joinBoradBox { width:100%; float:left; }

.main_noticeBox .m_tab_layer .m_tab_contents .m_noticeBox .m_s_title {
	display:block;
	overflow:hidden;
	width:80%;
	float:left;
	margin-left:20px;
	font-size:18px;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-align:left;
}
.m_noticeBox .m_date {
	display:inline-block;
	float:right;
	margin-right:20px;
	color:#808080;
}
.m_joinBoradBox .m_s_title2 {
	display:block;
	overflow:hidden;
	width:65%;
	float:left;
	margin-left:20px;
	font-size:18px;
	text-overflow:ellipsis;
  white-space:nowrap;
}

.m_joinBoradBox .m_date {
	display:inline-block;
	float:right;
	margin-right:20px;
	color:#808080;
}
.m_joinBoradBox .m_writer {
	display:inline-block;
	float:right;
	margin-right:20px;
	color:#808080;
}
.ico_new {
	display:inline-block;
	margin-left:5px !important;
	color:#DF3030 !important;
}