.wrapper { padding: 52px 0 64px; }
.wrapper { padding: 52px 0 100px; height: 100dvh; overflow-y: scroll; }
.wrapper { scrollbar-width: none;     /* Firefox */ -ms-overflow-style: none;     /* IE and Edge */ }
.wrapper::-webkit-scrollbar { display: none;     /* Chrome, Safari, Opera */ }
.info_main { letter-spacing: -0.024em; }
.img_box img { width: 100%; }
.info_main > .info_box { padding: 20px 2rem; background-color: #fff; }
.info_main > .info_box .title { color: #2F2F2F; font-size: 20px; font-weight: 700; margin-bottom: 12px; }
.info_main > .info_box > p { color: var(--gray-50, #778083); font-size: 14px; font-style: normal; font-weight: 500; line-height: 140%; word-break: keep-all; }
.info_main .info_detail { background-color: #ECEFF4; padding: 20px 16px; margin-top: 20px; margin-bottom: 0; display: flex; flex-direction: column; grid-gap: 12px; border-radius: 10px; }
.info_main .info_detail { color: var(--gray-90, #172225); font-size: 13px; font-weight: 400; line-height: 140%; }
.info_main .info_detail > div { display: flex; justify-content: flex-start; width: 100%; align-items: flex-start; grid-gap: 10px; }
.info_main .info_detail > div > img { width: 24px; height: auto; }
/* .info_main .info_detail > div > div { flex: 1; padding-top: 3px; white-space: pre-line; } */
.info_main .info_detail > div > div:first-child { width: 24px; display: flex; height: 100%; align-items: center; line-height: 1; color: var(--gray-50, #778083); color: var(--gray-50, #778083);     /* sub/re14 */ font-family: Pretendard; font-size: 14px; font-style: normal; font-weight: 400; line-height: 1;     /* 19.6px */ letter-spacing: -0.28px; padding-top: 2px; }
.info_main .info_detail > div > div:last-child { color: #000; font-family: Pretendard; font-size: 14px; font-style: normal; font-weight: 400; letter-spacing: -0.28px; display: flex; flex: 1; justify-content: space-between; align-items: flex-start; }
.info_main > .quick_box { background: #fff; padding-bottom: 20px; padding-left: 0; }
.info_main .quick_box img { width: 24px; height: auto; }
.info_main .quick_box p { color: var(--gray-80, #282D2F); font-size: 12px; font-weight: 500; word-break: keep-all; white-space: nowrap; }
.info_main .quick_box > ul { display: flex; grid-gap: 6px; justify-content: flex-start; overflow-x: scroll; scrollbar-width: none; padding-left: 20px; padding-right: 20px; }
/* .info_main .quick_box > ul > li {
padding: 6px 8px;
display: flex;
flex-direction: column;
grid-gap: 4px;
width: 100%;
height: 100%;
border: 1px solid #E1E6E8;
border-radius: 10px;
} */
.info_main .quick_box > ul > li {     /* width: 100%;
aspect-ratio: 1 / 1;
align-items: center;
justify-content: center;
cursor: pointer;
height: 100%; */ }
.info_main .quick_box > ul > li > a { padding: 6px 8px; display: flex; flex-direction: row; grid-gap: 4px; width: 100%; height: 100%; border: 1px solid #E1E6E8; border-radius: 10px; width: 100%;     /* aspect-ratio: 1 / 1; */ align-items: center; justify-content: center; cursor: pointer; border-radius: 99px; border: 1px solid var(--gray-20, #E1E6E8); background: var(--gray-10, #FFF); }
.info_main .cont_box { padding: 20px 2rem; }
.info_main .cont_box .inner_box { border-radius: 10px; background: #FFF; box-shadow: 0px 0px 7.1px 0px rgba(143, 175, 183, 0.30); padding-bottom: 20px; padding: 20px; }
.info_main .cont_box .inner_box > .title { color: var(--gray-90, #172225); font-size: 18px; font-style: normal; font-weight: 700; letter-spacing: -0.36px; }

.info_main .cont_box .inner_box .navi_box{
	padding: 20px 0;
}
.info_main .cont_box .inner_box .tab_btn_list { display: flex; grid-gap: 5px; overflow-x: scroll; scrollbar-width: none; }
.info_main .cont_box .inner_box .tab_btn.on { border-radius: 1000px; border: 1px solid var(--gray-20, #E1E6E8); background: var(--gray-80, #282D2F); color: var(--gray-10, #FFF); }
.info_main .cont_box .inner_box .tab_btn {
	display: flex;
	padding: 6px 8px;
	justify-content: center;
	align-items: center;
	color: var(--gray-80, #282D2F);     /* sub/me12 */
	font-family: Pretendard;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%;     /* 16.8px */
	letter-spacing: -0.24px;
	border-radius: 1000px;
border: 1px solid var(--gray-20, #E1E6E8);
background: var(--gray-10, #FFF);
}



.info_main .cont_box .inner_box > .tab_box { padding: 20px 20px 0 20px; border-bottom: 1px solid #E1E6E8; }
.info_main .cont_box .inner_box > .tab_box .tab_list { width: 100%; display: grid; grid-template-columns: repeat(4, 1fr); }
.info_main .cont_box .inner_box > .tab_box .tab_list > div { width: 100%; font-size: 14px; font-weight: 500; color: #447D8B; text-align: center; position: relative; height: 24px; display: flex; justify-content: center; align-items: flex-start; cursor: pointer; }
.info_main .cont_box .inner_box > .tab_box .tab_list > div.on::after { content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 3px; background-color: #447D8B; }
.info_main .cont_box .inner_box .tab_detail { padding: 0 20px 0 20px; padding: 0;}
.info_main .cont_box .inner_box .tab_detail .tab_detail_box { display: none; }
.info_main .cont_box .inner_box .tab_detail .tab_detail_box.on { display: block; }
.info_main .cont_box .inner_box .tab_detail .floor_box { width: 100%; font-size: 14px; }
.info_main .cont_box .inner_box .tab_detail .floor_box > li { display: flex; grid-gap: 20px; height: 56px; justify-content: space-between; align-items: center; border-bottom: 1px solid #ECEFF4; cursor: pointer; }
.info_main .cont_box .inner_box .tab_detail .floor_box > li .i_1 { width: 52px; }
.info_main .cont_box .inner_box .tab_detail .floor_box > li .i_2 { width: 100%; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.info_main .cont_box .inner_box .tab_detail .floor_box > li .i_3 { width: 20px; }
.info_main .cont_box .inner_box .tab_detail .tab_detail_box .tab_box { display: flex; justify-content: flex-start; grid-gap: 5px; margin-top: 20px; margin-bottom: 20px; }
.info_main .cont_box .inner_box .tab_detail .tab_detail_box_2 .list_box { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 10px; grid-row-gap: 20px; }
.info_main .cont_box .inner_box .tab_detail .tab_detail_box_2 .list_box > div { display: flex; flex-direction: column; grid-gap: 10px; width: 100%; }
.info_main .cont_box .inner_box .tab_detail .tab_detail_box_2 .list_box .img_box { width: 100%; padding-bottom: calc(100%*(7 / 9)); position: relative; height: auto; border-radius: 10px; overflow: hidden; }
.info_main .cont_box .inner_box .tab_detail .tab_detail_box_2 .list_box .img_box img { object-fit: cover; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.info_main .cont_box .inner_box .tab_detail .tab_detail_box_2 .list_box .info { color: var(--gray-80, #282D2F); font-size: 14px; font-style: normal; font-weight: 400; line-height: 140%;     /* 19.6px */ }
.info_main .cont_box .inner_box .tab_detail .tab_detail_box_2 .list_box .info { display: flex; grid-gap: 4px; }
.info_main .cont_box .inner_box .tab_detail .tab_detail_box_2 .list_box .info span { font-weight: 600; }
.info_main .cont_box .inner_box .tab_detail .tab_detail_box_3 .list_box {
	/* display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 10px;
	grid-row-gap: 20px; */
	display: flex;
	flex-direction: column;
	width: 100%;
	grid-gap: 40px;
}

.info_main .cont_box .inner_box .tab_detail .tab_detail_box_3 .list_box > div { display: flex; flex-direction: column; grid-gap: 0; width: 100%; }
.info_main .cont_box .inner_box .tab_detail .tab_detail_box_3 .list_box .img_box { width: 100%; padding-bottom: calc(100%*(7 / 9)); position: relative; height: auto; border-radius: 10px; overflow: hidden; }
.info_main .cont_box .inner_box .tab_detail .tab_detail_box_3 .list_box .img_box img { object-fit: cover; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.info_main .cont_box .inner_box .tab_detail .tab_detail_box_3 .list_box .info { color: var(--gray-80, #282D2F); font-size: 14px; font-style: normal; font-weight: 400; line-height: 140%;     /* 19.6px */ }
.info_main .cont_box .inner_box .tab_detail .tab_detail_box_3 .list_box .info {
	display: flex;
	grid-gap: 4px;
	flex-direction: column;
}

.info_main .cont_box .inner_box .tab_detail .tab_detail_box_3 .list_box .info span { font-weight: 600; }
.info_main .cont_box .inner_box .tab_detail .tab_detail_more_box .title {
	display: flex;
	padding: 10px 0px;
	align-items: center;
	gap: 10px;
	border-bottom: 1px solid var(--gray-90, #172225);
	color: var(--gray-90, #172225);
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	color: var(--gray-90, #172225);
	font-family: Pretendard;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: -0.28px;
}

.info_main .cont_box .inner_box .tab_detail .tab_detail_more_box .title span {
	color: #FFF;
	text-align: center;
	font-size: 12px;
	font-weight: 500;
	border-radius: 50%;
	background: var(--gray-90, #172225);
	display: flex;
	padding: 4px;
	width: 16px;
	justify-content: center;
	height: 16px;
	align-items: center;
	line-height: 1;
	background: #FFF;
	color: var(--gray-90, #172225);
	border: none;
font-size: 16px;
font-style: normal;
font-weight: 600;
letter-spacing: -0.32px;
height: auto;
width: auto;
padding: 0;
}

.info_main .cont_box .inner_box .tab_detail .tab_detail_more_box .custom-details { border-bottom: 1px solid #ECEFF4; }
.info_main .cont_box .inner_box .tab_detail .tab_detail_more_box .custom-details summary { list-style: none; cursor: pointer; display: flex; grid-gap: 20px; height: 56px; justify-content: space-between; align-items: center; }
.info_main .cont_box .inner_box .tab_detail .tab_detail_more_box .custom-details summary { color: var(--gray-90, #172225); font-size: 14px; font-weight: 400; }
.info_main .cont_box .inner_box .tab_detail .tab_detail_more_box .custom-details summary .i_1 { display: flex; padding: 2px 6px; justify-content: center; align-items: center; gap: 10px; border-radius: 3px; background: #D5F7FF; color: #23A5C9; font-size: 12px; font-style: normal; font-weight: 500; letter-spacing: -0.24px; }
.info_main .cont_box .inner_box .tab_detail .tab_detail_more_box .custom-details summary .i_1.type_room{
	color: #D39C31;
	background: #FFEFD0;
}

.info_main .cont_box .inner_box .tab_detail .tab_detail_more_box .custom-details summary .i_1.type_fnb{
	color: #61A629;
	background: #D3FFAF;
}

.info_main .cont_box .inner_box .tab_detail .tab_detail_more_box .custom-details summary .i_1.type_oasis{
	color: #20AA52;
	background: #D0FFE1;
}

.info_main .cont_box .inner_box .tab_detail .tab_detail_more_box .custom-details summary .i_1.type_wedding{
	color: #FD5BD4;
	background: #FFDFF7;
}

.info_main .cont_box .inner_box .tab_detail .tab_detail_more_box .custom-details summary .i_2 { width: 100%; flex: 1; }
.info_main .cont_box .inner_box .tab_detail .tab_detail_more_box .custom-details summary .i_3 { width: 20px; transition: transform 0.3s ease; }
.info_main .cont_box .inner_box .tab_detail .tab_detail_more_box .custom-details[open] summary .i_3 { transform: rotate(180deg); }
.info_main .cont_box .inner_box .tab_detail .tab_detail_more_box .custom-details > div { overflow: hidden; height: 0; transition: height 1s ease; padding-bottom: 14px; }
.info_main .cont_box .inner_box .tab_detail .tab_detail_more_box .custom-details > div { color: var(--gray-90, #172225); font-size: 14px; font-weight: 400; line-height: 140%; }
.info_main .cont_box .inner_box .tab_detail .tab_detail_more_box .custom-details > div .img_box {
	width: 100%;
	padding-bottom: calc(100%*(150 / 280));
	position: relative;
	height: auto;
	border-radius: 10px;
	overflow: hidden;
}

.info_main .cont_box .inner_box .tab_detail .tab_detail_more_box .custom-details > div .img_box img { object-fit: cover; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.info_main .cont_box .inner_box .tab_detail .tab_detail_more_box .custom-details[open] > div {
	height: auto;
	display: flex;
	flex-direction: column;
	grid-gap: 14px;
}

.info_main .cont_box .inner_box .tab_detail .tab_detail_more_box .info > ul {
	padding-top: 14px;
	padding-bottom: 10px;
	list-style: none;
	padding: 23px;
	padding: 0;
	display: flex;
	flex-direction: column;
	grid-gap: 8px;
}

.info_main .cont_box .inner_box .tab_detail .tab_detail_more_box .info > ul > li{
	display: flex;
	grid-gap: 10px;
	align-items: center;
}

.info_main .cont_box .inner_box .tab_detail .tab_detail_more_box .more_info { padding: 0; }
.info_main .cont_box .inner_box .tab_detail .tab_detail_more_box .more_info p {
	color: var(--gray-60, #565E66);
	font-size: 12px;
	font-weight: 400;
	line-height: 140%;     /* 16.8px */
	color: var(--gray-90, #172225);

/* sub/re14 */
font-family: Pretendard;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 19.6px */
letter-spacing: -0.28px;
}

.copyButton { color: #FFF; text-align: center;     /* sub/re12 */ font-family: Pretendard; font-size: 12px; font-style: normal; font-weight: 400; display: flex; justify-content: center; align-items: center; border-radius: 3px; background: var(--gray-30, #AEB8BC); padding: 1px 6px; }