@charset "utf-8";
#information_area {
	position: relative;
	width: 100vw;
	max-width: 1260px;
	min-height: 100%;
	display: flex;
	flex-direction: column;
}
.basic_product_group_btns {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	line-height: 4.3em;
	max-width: 1260px;
	margin: auto;
	background: white;
}
.basic_product_group_btns li {
	position: relative;
	flex: 0 14.285714285714286%;
	display: inline-block;
	width: 14.285714285714286%;
	min-width: 14.285714285714286%;
	text-align: center;
	background: white;
}
.basic_product_group_btns li a {
	display: block;
	width: 100%;
	font-size: 1.5em;
	font-family: 'BareunDotumPro1';
	color: #5c5c5c;
}
.basic_product_group_btns li a:not([selected]):hover {
	color: black;
	font-weight: 600;
}
.basic_product_group_btns li {
    border-right: 1px solid #dfd6d1;
	border-bottom: 1px solid #dfd6d1;
}
.basic_product_group_btns li:nth-child(-n+7) {
    border-top: 1px solid #dfd6d1;
}
.basic_product_group_btns li:nth-child(7n+1) {
    border-left: 1px solid #dfd6d1;
}
.basic_product_group_btns li a[selected] {
	font-family: 'BareunDotumPro2';
	color: #ff3600 !important;
	pointer-events: none;
}
.basic_product_group_btns li a[selected]::before {
	content: "";
	position: absolute;
	top: -1px;
	left: 0;
	width: 100%;
	height: 3px;
	background: #ff3600;
}
#information_area .search_area {
	padding: 3em 0px;
	line-height: 4em;
	text-align: right;
	
}
#information_area .search_area .search_input_wrap {
	position: relative;
	border-bottom: 2px solid #7d7d7d;
	display: inline-block;
	padding-right: 4em;
	width: 397px;
	max-width: 100vw;
}
#information_area .search_area .search_input_wrap input {
	border: 0;
	padding: 0 1em;
	width: 100%;
	font-size: 1.8em;
}
#information_area .search_area .search_input_wrap button {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 4em;
	height: 4em;
	background-image: url(/img/ic_search@2x.png);
	background-size: 50%;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0.8;
}
#information_area #product_explanation_area {
	padding: 3em 0;
	display: flex;
}
#information_area #product_explanation_area #product_explanation_list {
	flex: 1 405px;
	width: 405px;
	min-width: 405px;
}
#information_area #product_explanation_area #product_explanation_list a{
	display: block;
	width: 100%;
	border: 1px solid #dcdcdc;
	padding: 2em;
	margin-bottom: 3em;
}
#information_area #product_explanation_area #product_explanation_list a[selected] {
	border-color: #ff3600;
	pointer-events: none;
}
#information_area #product_explanation_area #product_explanation_list a span {
	display: inline-block;
	width: 100%;
}
#information_area #product_explanation_area #product_explanation_list a>span:first-child {
	line-height: 4em;
	border-bottom: 1px solid #dcdcdc;
	display: flex;
	padding-bottom: 1.3em;
}
#information_area #product_explanation_area #product_explanation_list a>span:first-child>* {
	flex: 1 fit-content;
	font-size: 2em;
	font-family: 'BareunDotumPro1';
	font-weight: 600;
}
#information_area #product_explanation_area #product_explanation_list a>span:last-child {
	position: relative;
	padding: 1.5em 4em 1.4em 0;
	font-family: '돋움', Dotum, dotum, auto;
}
#information_area #product_explanation_area #product_explanation_list a>span:first-child::after {
	content: "";
	display: inline-block;
	width: 3em;
	height: 4em;
	background-image: url(/img/ic_product_explanation.png);
	background-size: 80%;
	background-repeat: no-repeat;
	background-position: center;
}
#information_area #product_explanation_area #product_explanation_list a span.title {
	color: black;
}
#information_area #product_explanation_area #product_explanation_list a span.min_price {
	white-space: nowrap;
	color: #ff3600;
	text-align: right;
	
	display: none;	
}
#information_area #product_explanation_area #product_explanation_list a span.explain {
	font-size: 1.4em;
	color: #525252;
	line-height: 160%;
}
#information_area #product_explanation_area #product_explanation_view {
	flex: 1 100%;
	padding-left: 7em;
}
#information_area #product_explanation_area #product_explanation_view .explanation_products {
	
}
#information_area #product_explanation_area #product_explanation_view .explanation_products .product_list_title {
	font-family: 'BareunDotumPro1';
	font-size: 2.2em;
	color: #121212;
}
#information_area #product_explanation_area #product_explanation_view .explanation_products .product_list {
	margin-top: 1.5em;
	width: 100%;
	background: #f8f8f8;
	display: flex;
	padding: 0.5em;
	flex-wrap: wrap;
	-moz-transition: ease-out 0.3s 0.1s;
	-o-transition: ease-out 0.3s 0.1s;
	-webkit-transition: ease-out 0.3s;
	-webkit-transition-delay: 0.1s;
	transition: ease-out 0.3s 0.1s;
}
#information_area #product_explanation_area #product_explanation_view .explanation_products .product_list .product_data {
	font-family: 'BareunDotumPro1';
	flex: 0 50%;
	max-width: 50%;padding: 0.5em;
}
#information_area #product_explanation_area #product_explanation_view .explanation_products .product_list .product_data button {
	width: 100%;
	height: 5.7em;
	background: white;
	box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.08);
	display: flex;
	line-height: 5.7em;
	padding: 0 3em;
	justify-content: flex-end;
	cursor: default;
	pointer-events: none;
}
#information_area #product_explanation_area #product_explanation_view .explanation_products .product_list .product_data button span {
	display: block;
	flex: 1 100%;font-size: 1.8em;
	white-space: nowrap;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
}
#information_area #product_explanation_area #product_explanation_view .explanation_products .product_list .product_data button span.product_price {
	flex: 1 fit-content;
	color: #ff3600;
	text-align: right;
	overflow: visible;
}
#information_area #product_explanation_area #product_explanation_view .explanation_products .product_list.pc_list_over {
	position: relative;
	height: 25em;
	overflow: hidden;
	padding-bottom: 6.2em;
}
#information_area #product_explanation_area #product_explanation_view .explanation_products .product_list.pc_list_over .list_more_btn,
#information_area #product_explanation_area #product_explanation_view .explanation_products .product_list.mob_list_over .list_more_btn  {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #f8f8f8;
	height: 5.7em;
	box-shadow: 0px -2em 2em 0 #f8f8f8;
	overflow: hidden;
	-moz-transition: ease-out 0.3s 0.1s;
	-o-transition: ease-out 0.3s 0.1s;
	-webkit-transition: ease-out 0.3s;
	-webkit-transition-delay: 0.1s;
	transition: ease-out 0.3s 0.1s;
	opacity: 1;
}
#information_area #product_explanation_area #product_explanation_view .explanation_products .product_list:not(.pc_list_over).mob_list_over .list_more_btn {
	display: none;
}
#information_area #product_explanation_area #product_explanation_view .explanation_products .product_list.pc_list_over .list_more_btn::before,
#information_area #product_explanation_area #product_explanation_view .explanation_products .product_list.mob_list_over .list_more_btn::before {
	content: "查看更多";
	font-size: 1.8em;
	color: #787878;
	font-family: 'BareunDotumPro1';
}
#information_area #product_explanation_area #product_explanation_view .explanation_products .product_list.pc_list_over .list_more_btn::after,
#information_area #product_explanation_area #product_explanation_view .explanation_products .product_list.mob_list_over .list_more_btn::after {
	content: "";
	display: inline-block;
	width: 1.5em;
	height: 1em;
	background-image: url(/img/ic_product_explanation_product_more@2x.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	margin-left: 1.2em;
}
#information_area #product_explanation_area #product_explanation_view .explanation_products .product_list.pc_list_over._on,
#information_area #product_explanation_area #product_explanation_view .explanation_products .product_list.mob_list_over._on {
	height: auto;
}
#information_area #product_explanation_area #product_explanation_view .explanation_products .product_list.pc_list_over._on .list_more_btn,
#information_area #product_explanation_area #product_explanation_view .explanation_products .product_list.mob_list_over._on .list_more_btn {
	box-shadow: 0px 0em 0em 0 #f8f8f8;
}
#information_area #product_explanation_area #product_explanation_view .explanation_products .product_list.pc_list_over._on .list_more_btn::before,
#information_area #product_explanation_area #product_explanation_view .explanation_products .product_list.mob_list_over._on .list_more_btn::before {
	content: "关闭"
}
#information_area #product_explanation_area #product_explanation_view .explanation_products .product_list.pc_list_over._on .list_more_btn::after,
#information_area #product_explanation_area #product_explanation_view .explanation_products .product_list.mob_list_over._on .list_more_btn::after {
	transform: rotate(180deg);
}
#information_area #product_explanation_area #product_explanation_view .explain_btns {
	display: flex;
	width: 100%;
	padding: 1.5em;
	margin-bottom: 10em;
}
#information_area #product_explanation_area #product_explanation_view .explain_btns>div {
	flex: 1 50%;
	padding: 0.5em;
	line-height: 4.7em;
}
#information_area #product_explanation_area #product_explanation_view .explain_btns>div button {
	width: 100%;
	font-family: 'BareunDotumPro1';
} 
#information_area #product_explanation_area #product_explanation_view .explain_btns .add_explanation_to_reservation {
	font-size: 1.6em;
	color: black;
	border: 1px solid #afafaf;
}
#information_area #product_explanation_area #product_explanation_view .explain_btns .move_to_event_page {
	background: #ff3600;
	color: white;
	border: 1px solid #ff3600;
	width: 100%;
	text-align: center;
	display: block;
	white-space: nowrap;
}
#information_area #product_explanation_area #product_explanation_view .explain_btns .move_to_event_page>span:first-child {
	display: inline-block;
	font-size: 1.2em;
	line-height: 1.7em;
	border-bottom: 1px solid white;
}
#information_area #product_explanation_area #product_explanation_view .explain_btns .move_to_event_page>span:last-child {
	font-size: 1.6em;
	margin-left: 1.5em;
	line-height: 1.7em;
}
#information_area #product_explanation_area #product_explanation_view .explain_btns .move_to_event_page b {
	font-family: 'BareunDotumPro2';
}


.popup[popupname="SELECT_BRANCH_FOR_RESERVATION"] .msg_wrap {
	width: 800px !important;
	max-width: 100vw !important;
}
.popup[popupname="SELECT_BRANCH_FOR_RESERVATION"] .msg_wrap .msg {
	padding: 4em 3.6em;
}
.popup[popupname="SELECT_BRANCH_FOR_RESERVATION"] .msg>p.title_area {
	line-height: 4em;
	text-align: left;
	padding: 0 0.4em;
}
.popup[popupname="SELECT_BRANCH_FOR_RESERVATION"] .msg>p.title_area img {
	height: 1em;
	margin-right: 0.3em;
	vertical-align: middle;
}
.popup[popupname="SELECT_BRANCH_FOR_RESERVATION"] .msg>p.title_area::after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: #404040;
}
.popup[popupname="SELECT_BRANCH_FOR_RESERVATION"] .msg>.title_area>span {
	color: #2a2a2a;
	font-size: 2em;
    font-family: 'BareunDotumPro2';
}
.popup[popupname="SELECT_BRANCH_FOR_RESERVATION"] .msg>.branch_btns {
	display: flex;
	flex-wrap: wrap;
	margin-top: 1.3em;
}
.popup[popupname="SELECT_BRANCH_FOR_RESERVATION"] .msg>.branch_btns>span {
	flex: 0 16.666666666666668%;
	min-width: 16.666666666666668%;
	padding: 0.4em;
	line-height: 4em;
}
.popup[popupname="SELECT_BRANCH_FOR_RESERVATION"] .msg>.branch_btns>span button {
	width: 100%;
    font-family: 'BareunDotumPro1';
	font-size: 1.8em;
	background: white;
	border: 1px solid transparent;
	box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.16);
}
.popup[popupname="SELECT_BRANCH_FOR_RESERVATION"] .msg>.branch_btns>span button:focus {
  outline: 0;
}
.popup[popupname="SELECT_BRANCH_FOR_RESERVATION"] .msg>.branch_btns>span button:disabled {
	color: #aeaeae;
}
.popup[popupname="SELECT_BRANCH_FOR_RESERVATION"] .msg>.branch_btns>span button[selected] {
	border: 1px solid #ff3600;
}
.popup[popupname="SELECT_BRANCH_FOR_RESERVATION"]:not([bkey]) .btn_wrap,
.popup[popupname="SELECT_BRANCH_FOR_RESERVATION"][bkey=''] .btn_wrap,
.popup[popupname="SELECT_BRANCH_FOR_RESERVATION"][bkey='common'] .btn_wrap {
	cursor:default;
	pointer-events: none;
	opacity: 0.5;
}
.popup[popupname="SELECT_BRANCH_FOR_RESERVATION"] .msg>.selected_product {
	padding: 1.3em 0.4em 3.5em 0.4em;
	line-height: 5.7em;
}
.popup[popupname="SELECT_BRANCH_FOR_RESERVATION"] .msg>.selected_product button {
	width: 100%;
    font-family: 'BareunDotumPro1';
	font-size: 1.8em;
	color: black;
	background: white;
	box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.16);
	pointer-events: none;
}
.product_explanation_contents .contents_group>p {padding: 4em 1em 4em 8em;line-height: 180% !important;}
.product_explanation_contents .contents_group>p>span {
	font-family: '돋움', Dotum, dotum, auto;
	font-size: 1.5em !important;
	line-height: 2.0em !important;
}
.product_explanation_contents .contents_group li>span{letter-spacing: 0 !important;}

@media (min-width: 915px) {
	.basic_product_group_btns._mobile {
		display:none;
	}
	.basic_product_group_btns._pc {
		display: flex;
	}
}

@media (max-width: 914px) {
	#information_area {
		width: 100vw;
	}
	.basic_product_group_btns._mobile {
		display:flex;
	}
	.basic_product_group_btns._pc {
		display:none;
	}
	.basic_product_group_btns {
		line-height: 3.6em;
		margin-top: 3em;
	}
	.basic_product_group_btns li {
		flex: 0 33.3333%;
		width: 33.3333%;
		min-width: 33.3333%;
	}
	.basic_product_group_btns li a {
		font-size: 1.2em;
	}
	.basic_product_group_btns li a:not([selected]):hover {
		color: black;
		font-weight: 600;
	}
	.basic_product_group_btns li {
	    border-right: 1px solid #dfd6d1;
		border-bottom: 1px solid #dfd6d1;
	}
	.basic_product_group_btns li:nth-child(-n+7) {
	    border-top: initial;
	}
	.basic_product_group_btns li:nth-child(7n+1) {
	    border-left: initial;
	}
	.basic_product_group_btns li:nth-child(-n+3) {
	    border-top: 1px solid #dfd6d1;
	}
	.basic_product_group_btns li:nth-child(3n) {
	    border-right: 0;
	}
	.basic_product_group_btns li a[selected] {
		color: #ff3600 !important;
	}
	.basic_product_group_btns li a[selected]::before {
		content: "";
		position: absolute;
		top: -1px;
		left: 0;
		width: 100%;
		height: 3px;
		background: #ff3600;
	}
	#information_area .search_area {
		padding: 3em 2em;
		line-height: 4em;
		text-align: right;
	}
	#information_area .search_area .search_input_wrap {
		padding-right: 4em;
		width: 100%;
	}
	#information_area .search_area .search_input_wrap input {
		padding: 0 0.5em;
		width: 100%;
		font-size: 1.5em;
	}
	#information_area #product_explanation_area {
		padding: 0;
	}
	#information_area #product_explanation_area #product_explanation_list {
		flex: 0 100vw;
		width: 100vw;
		min-width: 100vw;
		padding: 0 3px;
	}
	#information_area #product_explanation_area[mselected=""] #product_explanation_view,
	#information_area #product_explanation_area:not([mselected=""]) #product_explanation_list {
		display: none;
	}
	#information_area #product_explanation_area #product_explanation_list a{
		padding: 2em;
		margin-bottom: 0.8em;
	}
	#information_area #product_explanation_area #product_explanation_list a[selected] {
		pointer-events: all;
		border-color: #dcdcdc;
	}
	#information_area #product_explanation_area #product_explanation_list a>span:first-child {
		line-height: 3em;
		padding-bottom: 1em;
	}
	#information_area #product_explanation_area #product_explanation_list a>span:first-child::after {
		width: 2.1em;
		height: 3em;
	}
	#information_area #product_explanation_area #product_explanation_list a>span:first-child>* {
		flex: 1 auto;
		font-size: 1.5em;
	}
	#information_area #product_explanation_area #product_explanation_list a>span:last-child {
		position: relative;
		padding: 1.3em 3em 0em 0;
	}
	#information_area #product_explanation_area #product_explanation_list a span.min_price {
		font-family: 'BareunDotumPro3';
	}
	#information_area #product_explanation_area #product_explanation_list a span.explain {
		font-size: 1.2em;
		color: #525252;
		line-height: 160%;
	}
	#information_area #product_explanation_area #product_explanation_view {
		padding-left: 0;
	}
	#information_area #product_explanation_area #product_explanation_view .explanation_products .product_list_title {
		font-size: 1.6em;
		padding: 0 1em;
	}
	#information_area #product_explanation_area #product_explanation_view .explanation_products .product_list {
		margin-top: 1em;
		padding: 1em;
		max-width: 100vw;
	}
	#information_area #product_explanation_area #product_explanation_view .explanation_products .product_list.mob_list_over {
		height: 20em;
		position: relative;
		overflow: hidden;
		padding-bottom: 6.2em;
	}
	#information_area #product_explanation_area #product_explanation_view .explanation_products .product_list.mob_list_over .list_more_btn {
		display: block !important;
		height: 5em;
	}
	#information_area #product_explanation_area #product_explanation_view .explanation_products .product_list .product_data {
		flex: 1 100%;
		max-width: 100%;
	}
	#information_area #product_explanation_area #product_explanation_view .explanation_products .product_list .product_data button {
		line-height: 4.2em;
		height: 4.2em;
	}
	#information_area #product_explanation_area #product_explanation_view .explanation_products .product_list .product_data button span {
		font-size: 1.3em;
	}
	#information_area #product_explanation_area #product_explanation_view .explanation_products .product_list.mob_list_over .list_more_btn::before {
		font-size: 1.2em;
	}
	#information_area #product_explanation_area #product_explanation_view .explanation_products .product_list.mob_list_over .list_more_btn::after {
		content: "";
		width: 1.2em;
		height: 0.8em;
	}
	#information_area #product_explanation_area #product_explanation_view .explain_btns {
		padding: 0.5em 1em;
		margin-bottom: 7em;
		flex-wrap: wrap;
	}
	#information_area #product_explanation_area #product_explanation_view .explain_btns>div {
		flex: 1 100%;
		padding: 0.5em;
		line-height: 4em;
	}
	#information_area #product_explanation_area #product_explanation_view .explain_btns>div button {
		width: 100%;
		font-family: 'BareunDotumPro1';
	}
	#information_area #product_explanation_area #product_explanation_view .explain_btns .add_explanation_to_reservation {
		font-size: 1.3em;
	}
	#information_area #product_explanation_area #product_explanation_view .explain_btns .move_to_event_page {
		background: #ff3600;
		color: white;
		border: 1px solid #ff3600;
		width: 100%;
		text-align: center;
		display: block;
		white-space: nowrap;
	}
	#information_area #product_explanation_area #product_explanation_view .explain_btns .move_to_event_page>span:first-child {
		font-size: 1.1em;
		line-height: 1.7em;
		border-bottom: 1px solid white;
		vertical-align: middle;
	}
	#information_area #product_explanation_area #product_explanation_view .explain_btns .move_to_event_page>span:last-child {
		font-size: 1.4em;
		line-height: 1.7em;
		vertical-align: middle;
	}
	.popup[popupname="SELECT_BRANCH_FOR_RESERVATION"] .msg_wrap .msg {
		padding: 1.6em;
	}
	.popup[popupname="SELECT_BRANCH_FOR_RESERVATION"] .msg>p.title_area {
		line-height: 3em;
		padding: 0 0.4em;
	}
	.popup[popupname="SELECT_BRANCH_FOR_RESERVATION"] .msg>p.title_area img {
		height: 1em;
		margin-right: 0.3em;
		vertical-align: middle;
	}
	.popup[popupname="SELECT_BRANCH_FOR_RESERVATION"] .msg>p.title_area::after {
		content: "";
		display: block;
		width: 100%;
		height: 1px;
		background: #404040;
	}
	.popup[popupname="SELECT_BRANCH_FOR_RESERVATION"] .msg>.title_area>span {
		color: #2a2a2a;
		font-size: 1.1em;
		font-family: 'BareunDotumPro2';
	}
	.popup[popupname="SELECT_BRANCH_FOR_RESERVATION"] .msg>.branch_btns {
		display: flex;
		margin-top: 1em;
	}
	.popup[popupname="SELECT_BRANCH_FOR_RESERVATION"] .msg>.branch_btns>span {
		flex: 0 33.3333%;
		min-width: 33.3333%;
		padding: 0.4em;
		line-height: 3em;
	}
	.popup[popupname="SELECT_BRANCH_FOR_RESERVATION"] .msg>.branch_btns>span button {
		font-size: 1.2em;
		box-shadow: 0 1px 3px 0 rgb(0 0 0 / 16%);
	}
	.popup[popupname="SELECT_BRANCH_FOR_RESERVATION"] .msg>.branch_btns>span button:focus {
	  outline: 0;
	}
	.popup[popupname="SELECT_BRANCH_FOR_RESERVATION"] .msg>.branch_btns>span button:disabled {
		color: #aeaeae;
	}
	.popup[popupname="SELECT_BRANCH_FOR_RESERVATION"] .msg>.branch_btns>span button[selected] {
		border: 1px solid #ff3600;
	}
	.popup[popupname="SELECT_BRANCH_FOR_RESERVATION"]:not([bkey]) .btn_wrap,
	.popup[popupname="SELECT_BRANCH_FOR_RESERVATION"][bkey=''] .btn_wrap,
	.popup[popupname="SELECT_BRANCH_FOR_RESERVATION"][bkey='common'] .btn_wrap {
		cursor:default;
		pointer-events: none;
		opacity: 0.5;
	}
	.popup[popupname="SELECT_BRANCH_FOR_RESERVATION"] .msg>.selected_product {
		padding: 1em 0.4em;
		line-height: 3em;
	}
	.popup[popupname="SELECT_BRANCH_FOR_RESERVATION"] .msg>.selected_product button {
		font-size: 1.2em;
		color: black;
		box-shadow: 0 1px 3px 0 rgb(0 0 0 / 16%);
	}
}