@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css");
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap");
/* CSS Document */


:root {
	--white: #ffffff;
	--grey100: #f6f6f6;
	--grey200: #dadada;
	--grey500: #808080;
	--grey700: #535353;
	--grey800: #333333;
	--grey900: #000000;

	--purple100: #f3e4ea;
	--purple400: #a90154;
	--purple500: #a01749;
	--purple600: #95083b;
	--purple700: #780931;

  --mint500: #3c8289;
}

A:link {
	font-family: "Pretendard", "Spoqa Han Sans Neo", "Noto Sans KR", "맑은 고딕", sans-serif;
	text-decoration: none;
}
A:visited {
	font-family: "Pretendard", "Spoqa Han Sans Neo", "Noto Sans KR", "맑은 고딕", sans-serif;
	text-decoration: none;
}
A:hover {
	font-family: "Pretendard", "Spoqa Han Sans Neo", "Noto Sans KR", "맑은 고딕", sans-serif;
	text-decoration: none;
}
TD {
	color: #333;
	font-family: "Pretendard", "Spoqa Han Sans Neo", "Noto Sans KR", "맑은 고딕", sans-serif;
	font-size: 15px;
	line-height: 150%;
}
input,
select {
	font-family: "Pretendard", "Spoqa Han Sans Neo", "Noto Sans KR", "맑은 고딕", sans-serif;
}
.table_term {
	color: #959595;
	font-family: "Pretendard", "Spoqa Han Sans Neo", "Noto Sans KR", "맑은 고딕", sans-serif;
	font-size: 12px;
	line-height: 150%;
	text-align: justify;
}
.table {
	color: #959595;
	font-family: "Pretendard", "Spoqa Han Sans Neo", "Noto Sans KR", "맑은 고딕", sans-serif;
	font-size: 15px;
	line-height: 150%;
	text-align: justify;
}
.table2 {
	color: #959595;
	font-family: "Pretendard", "Spoqa Han Sans Neo", "Noto Sans KR", "맑은 고딕", sans-serif;
	font-size: 14px;
	line-height: 150%;
	text-align: justify;
}
.title {
	color: #4d4d4d;
	font-family: "Pretendard", "Spoqa Han Sans Neo", "Noto Sans KR", "맑은 고딕", sans-serif;
	font-weight: bold;
	font-size: 15px;
	line-height: 150%;
	text-align: justify;
}
.title2 {
	color: #4d4d4d;
	font-family: "Pretendard", "Spoqa Han Sans Neo", "Noto Sans KR", "맑은 고딕", sans-serif;
	font-size: 15px;
	line-height: 150%;
	text-align: justify;
}
.style1 {
	color: #ff6600;
	font-family: "Pretendard", "Spoqa Han Sans Neo", "Noto Sans KR", "맑은 고딕", sans-serif;
	font-weight: bold;
	font-size: 15px;
	line-height: 150%;
	text-align: justify;
}
.style2 {
	color: #ff6600;
	font-family: "Pretendard", "Spoqa Han Sans Neo", "Noto Sans KR", "맑은 고딕", sans-serif;
	line-height: 150%;
	text-align: justify;
}
.style_coupon {
	color: #ff6600;
	font-family: "Pretendard", "Spoqa Han Sans Neo", "Noto Sans KR", "맑은 고딕", sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 150%;
	text-align: justify;
}

/* 퀵메뉴 */
.quick_menu_wrap {
	position: fixed;
	right: -124px;
	transition: right 0.3s ease-in-out;
	z-index: 99;
}
#quick_menu_header {
	position: absolute;
	left: -46px;
	top: 0;
	padding: 10px 12px;
	background-color: #a01749;
	color: #fff;
	writing-mode: vertical-lr;
	font-weight: 600;
}
#quick_menu {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 124px;
	background-color: #fff;
}

#quick_menu #tabs {
	display: flex;
	width: 100%;
}
#quick_menu .tab_button {
	width: 50%;
	padding: 10px 5px;
	background-color: #eee;
	color: #333;
}
#quick_menu .tab_button.active {
	background-color: #db1e62;
	color: #fff;
}
#quick_menu #quick_menu_content {
	width: 100%;
	color: #333;
}
#quick_menu .tab_content {
	display: none;
}
#quick_menu .tab_content li {
	border: 1px solid #d9d9d9;
	border-top: 0;
	padding: 5px;
}
#quick_menu.minimized #quick_menu_content {
	display: none;
}
#quick_menu #toggle_button {
	position: absolute;
	top: 83px;
	left: -46px;
	background-color: #333;
	width: 46px;
	height: 46px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#quick_menu #toggle_button img {
	width: 14px;
}
#popup_reservation {
	width: 50%;
	display: none;
}
#popup_reservation .content {
	height: auto;
	width: auto;
}
#popup_reservation .popup_header {
	width: 100%;
	background: #ae2f5c;
	color: #ffffff;
	height: 40px;
	line-height: 40px;
	text-align: center;
}
#popup_reservation .b-close {
	position: absolute;
	right: 5px;
	top: 2px;
	padding: 5px;
}
#popup_reservation .b-close img {
	width: 25px;
	height: 25px;
}
#popup_reservation #layer_pop {
	background: #ffffff;
	width: 100%;
	text-align: center;
	margin: auto;
	padding-bottom: 60px;
}
#popup_reservation .item {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 240px;
	height: 80px;
	line-height: 1.2;
	padding: 20px;
	background-color: #db1e62;
	color: #ffffff;
	font-size: 24px;
	cursor: pointer;
	border-radius: 10px;
}

h2 {padding-bottom: 10px; border-bottom: 2px solid #7E7E7E; font-size: 24px; font-weight: 600; color: #252525; letter-spacing: -2px;}
h4 {margin-bottom: 10px; font-size: 16px;}
.txtMint {color: #06A098;}

.comm_table {border-collapse: collapse; width: 100%; text-align: center;}
.comm_table thead tr:first-child th {border-top: 1px solid #ddd;}
.comm_table th {border: 1px solid #eaeaea; background-color: #f6f6f6; padding: 12px; font-weight: 500;}
.comm_table th img {vertical-align: middle;}
.comm_table td {border: 1px solid #eaeaea; padding: 10px;}
.comm_table th:first-child,
.comm_table td:first-child {border-left: 0;}
.comm_table th:last-child, 
.comm_table td:last-child {border-right: 0;}

.notice_wrap {color: #db1e62; white-space: pre-wrap; margin:10px 0 40px;}
.notice_txt {color: #db1e62; }

dl {display: flex; margin-bottom: 5px;}
dl dt {color: #333; width: 120px; font-weight: 600;}
dl dd {color: #686868;}

.btnSig {display: inline-block; background-color: #ae2f5c; border: 1px solid #ae2f5c; color: #fff!important; border-radius: 5px; margin-right: 5px;  text-align: center; cursor: pointer; transition: all .3s ease;}
.btnSig:hover {border: 1px solid #a90154; background-color: #a90154;}
.btnMint {display: inline-block; background-color: #06A098; border: 1px solid #06A098; color: #fff!important; border-radius: 5px; margin-right: 5px;  text-align: center; cursor: pointer; transition: all .3s ease;}
.btnMint:hover {border: 1px solid #06857e; background-color: #06857e;}

.btn40 {padding: 8px 15px; font-size: 14px; line-height: 1.4;}
.btn60 {padding: 13px 20px; font-size: 20px; line-height: 1.6;}