input,
button,
textarea,
select {
	font: inherit;
}

textarea {
	resize: none;
}

:root {
	--board-width: 1200rem;
}

.table_top_search {
	position: relative;
	max-width: var(--board-width);
	width: 100%;
	padding-right: 0rem;
	padding-left: 0rem;
	margin: 0 auto 10rem;
}

div.dataTables_length label {
	font-weight: 400;
	text-align: left;
	white-space: nowrap;
}

div.table_top_search div.dataTables_length select {
	width: auto;
	display: inline-block;
	padding: 0rem 8rem;
	height: 30rem;
}

div.table_top_search div.dataTables_length select option {
	font-weight: normal;
	display: block;
	white-space: pre;
	min-height: 1.2em;
	padding: 0rem 2rem 1rem;
}

div.table_top_search div.dataTables_length select {
	width: auto;
	display: inline-block;
	padding: 0rem 8rem;
	height: 30rem;
}

.form-control {
	display: inline-block;
	width: auto;
	height: 40rem;
	padding: 5rem 8rem;
	font-size: 15rem;
	font-weight: 400;
	line-height: 1;
	color: #495057;
	background-color: #fafafa;
	background-clip: padding-box;
	border: 1px solid #dfdfdf;
	border-radius: 4rem;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.custom-select {
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	color: #495057;
	border: 1px solid #ced4da;
	width: auto;
}

select.form-control {
	background-color: #fff;
	/* font-family: 'Nanum Gothic'; */
	width: auto;
	padding: 0rem 4rem;
	height: 30rem;
}

.margin-both-5 {
	margin: 0 5rem;
}

.input_search {
	width: auto;
	display: inline-block;
	padding: 0rem 8rem;
	background-color: #fafafa;
	height: 30rem;
}

.button_style {
	border: 1px solid #c6c6c6;
	background-color: #f5f5f5;
	color: #444;
	padding: 8rem 16rem;
	border-radius: 4rem;
	cursor: pointer;
	-webkit-transition:
		color 0.15s ease-in-out,
		background-color 0.15s ease-in-out,
		border-color 0.15s ease-in-out,
		-webkit-box-shadow 0.15s ease-in-out;
	transition:
		color 0.15s ease-in-out,
		background-color 0.15s ease-in-out,
		border-color 0.15s ease-in-out,
		-webkit-box-shadow 0.15s ease-in-out;
	transition:
		color 0.15s ease-in-out,
		background-color 0.15s ease-in-out,
		border-color 0.15s ease-in-out,
		box-shadow 0.15s ease-in-out;
	transition:
		color 0.15s ease-in-out,
		background-color 0.15s ease-in-out,
		border-color 0.15s ease-in-out,
		box-shadow 0.15s ease-in-out,
		-webkit-box-shadow 0.15s ease-in-out;
	outline: 0;
}

.input_search_btn {
	padding: 5rem 8rem;
	display: inline-block;
	font-size: 14rem;
	height: 30rem;
	/* font-family: 'Nanum Gothic'; */
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.table-basic {
	table-layout: fixed !important;
	display: table;
	max-width: var(--board-width);
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 0rem;
	border-top: 2px solid #222222;
	/* font-family: 'Nanum Gothic'; */
	font-size: 15rem;
	color: #555;
	margin: 0 auto;
}

.table-basic th,
.table-basic td {
	padding: 12rem 10rem;
	vertical-align: middle;
	border-bottom: 1px solid #d0d0d0;
	text-align: center;
	font-weight: 400;
}

.table-basic th,
.table-basic thead th {
	padding: 15rem 10rem;
}

.table-basic thead th,
.table-basic tbody th {
	font-weight: 600;
	font-size: 16rem;
	background-color: #f9f9f9;
	border-bottom: 1px solid #cacaca;
	vertical-align: middle;
	color: var(--text-basic);
}

.table-basic tr:last-child th {
	border-bottom: 1px solid #cacaca;
}

.table-basic tbody tr:last-child th,
.table-basic tr:last-child td,
.table-basic tbody tr:last-child td {
	border-bottom: 1px solid #d0d0d0;
}

.table-hover tbody tr:hover td {
	background-color: #fbfbfb;
}

.table-td-left td {
	text-align: left;
}

.board-title {
	display: inline-block;
	max-width: 80%;
	/* 댓글 수/아이콘 공간 확보 */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
	color: inherit;
	text-decoration: none;
}

.comment-count {
	font-size: 14rem;
	color: #e74c3c;
	/* 붉은색 계열로 강조 */
	font-weight: 600;
	margin-left: 5rem;
}

.secret-icon {
	color: #999;
	margin-left: 5rem;
}

.bot_btns {
	padding: 30rem 0 0 0;
}

button {
	font-family: "Pretendard";
	line-height: 1.4;
}

.bot_btns .btns {
	font-weight: 400;
	cursor: pointer;
	display: block;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	/* 	font-family: 'Nanum Gothic'; */
	background-color: #bfc2c9;
	margin-right: 6rem;
	font-size: 14rem;
	border: 1px solid #c6c6c6;
	background-color: #f5f5f5;
	color: #444;
	padding: 6rem 17rem;
	border-radius: 4rem;
	cursor: pointer;
	outline: 0;
}

.bot_btns .btns:hover {
	border: 1px solid #666;
}

.badge-notice {
	font-weight: 600;
	color: #ffffff;
	background-color: #2b78c0;
	display: inline-block;
	padding: 3rem 6rem;
	font-size: 12rem;
	line-height: 1.2;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 5rem;
}

.board-view-header {
	margin-top: 0rem;
	padding: 0rem 0 10rem;
	border-bottom: 1px solid #e6e6e6;
}

.board-view-header h2 {
	margin-top: 15rem;
	padding: 0;
	font-size: 19px;
	color: #555;
	font-weight: 600;
}

.v_title {
	font-weight: 600;
	color: #444;
	letter-spacing: 0rem;
	font-size: 28rem;
	max-width: var(--board-width);
	margin: 0 auto;
	margin-top: 10rem;
}

.v_title_b {
	font-weight: 500;
	color: #777;
	letter-spacing: 0rem;
	/*  	font-family: 'Nanum Gothic'; */
	padding: 15rem 0rem;
	font-size: 16rem;
	max-width: var(--board-width);
	margin: 0 auto;
}

.v_title_b dd {
	margin-right: 15rem;
	font-weight: 500;
}

.v_title_b dd:first-child {
	color: #333;
	font-weight: 600;
}

.v_title_b dd:last-child {
	margin-right: 0;
}

.v_title-cate {
	font-weight: 500;
	color: #888;
	padding: 5rem 0rem;
	font-size: 17rem;
}

div.top_bar {
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	font-size: 15rem;
	color: #444;
	font-weight: 400;
}

.top_bar.b_att {
	font-weight: 500;
	color: #777;
	letter-spacing: 0rem;
	padding: 0rem;
	flex-wrap: wrap;
	max-width: var(--board-width);
	margin: 0rem auto 30rem;
}

.b_att li {
	/*  	font-family: 'Nanum Gothic'; */
	font-size: 13rem;
	font-weight: 400;
	border: 1px solid #e5eaef;
	padding: 5rem 15rem;
	background: #fff;
	border-radius: 40rem;
	margin: 0rem 10rem 0 0;
}

.b_att li:hover {
	border: 1px solid #3572c1;
	background: #3572c1;
}

.b_att li:hover a,
.b_att li a:hover {
	color: #fff;
}

.b_no_att {
	height: 1rem;
	/* border-top: 1px solid #e6e6e6; */
	margin: 20rem auto 0;
}

.b_cont {
	padding: 60rem 0rem 20rem 0rem;
	font-size: 16.5rem;
	font-weight: 400;
	/*  	font-family: 'Nanum Gothic'; */
	/* 	line-height:20rem; */
	text-align: left;
	word-break: break-all;
	line-height: 1.6;
	max-width: var(--board-width);
	margin: 0 auto;
}

.b_cont_file {
	padding: 0 0rem 0rem 0rem;
	max-width: var(--board-width);
	margin: 0 auto;
}

.b_cont_file li {
	margin: 15rem 0 0 0;
	text-align: center;
	width: 100%;
}

.b_cont_file li:first-child {
	margin: 20rem 0 0 0;
}

.b_cont_file img {
	max-width: 100% !important;
}

.prvnxt {
	padding: 20rem 0;
	border-top: 0px solid #ececec;
	border-bottom: 1px solid #e6e6e6;
}

.prvnxt .nxt:before {
	content: "< PREV";
	margin-right: 10rem;
	display: block;
	font-size: 13rem;
	font-family: "Nanum Gothic";
	font-weight: 700;
	color: #aaa;
}

.prvnxt .prv:before {
	content: "NEXT >";
	margin-right: 10rem;
	display: block;
	font-size: 13rem;
	font-family: "Nanum Gothic";
	font-weight: 700;
	color: #aaa;
}

.onebar {
	padding-top: 45rem;
	border-bottom: 1px solid #e6e6e6;
	max-width: var(--board-width);
	margin: 0 auto;
}

.comment-section {
	font-size: 15rem;
	max-width: var(--board-width);
	margin: 30rem auto 0;
}

.comment-item {
	padding: 15rem;
	border-bottom: 1px solid #eee;
}

.comment-item.reply {
	padding-left: 40rem;
	border-left: 0px solid #ddd;
}

.comment-meta {
	margin-bottom: 5rem;
}

.comment-meta .date {
	font-size: 0.8em;
	color: #999;
	margin-left: 10rem;
}

.comment-body {
	font-weight: 400;
}

.btn-reply {
	margin-left: 10rem;
	font-size: 12rem;
	padding: 1rem 5rem;
	cursor: pointer;
	border-radius: 3rem;
	border: 1px solid #eeeeee;
	background-color: #f4f4f4;
}

.btn-reply:hover {
	border: 1px solid #999999;
}

.btn-delcomment {
	margin-left: 2rem;
}

.comment-write {
	margin-top: 30rem;
	padding: 20rem;
	background: #fff;
	border-radius: 5rem;
	border: #ccc 1px solid;
}

.comment-write textarea {
	border: 1px solid #fff;
	resize: none;
	width: 100%;
	height: 80rem;
	padding: 10rem;
	margin-bottom: 10rem;
}

.comment-write textarea:focus {
	outline: none;
}

.form-footer {
	text-align: right;
}

.comment-btn-text {
	color: #666;
	font-size: 12.5rem;
	cursor: pointer;
	padding: 5rem 10rem;
	border-radius: 5rem;
	border: 1px solid #dfdfdf;
	background-color: #f4f4f4;
}

.comment-btn-text2 {
	color: #666;
	font-size: 12.5rem;
	cursor: pointer;
	padding: 4rem 8rem;
	border-radius: 5rem;
	border: 1px solid #ddd;
	background-color: #fff;
}

.comment-btn-text:hover,
.comment-btn-text2:hover {
	border: 1px solid #aaa;
}

.reply-form-container {
	background-color: #f4f4f4;
	border-radius: 5rem;
	margin-top: 15rem;
}

.reply-form-container textarea {
	resize: none;
	padding: 15rem;
}

.reply-form-container textarea:focus {
	outline: none;
}

.filebox {
	margin: 0 0 5rem 0;
}

.filebox:last-child {
	margin: 0 0 0rem 0;
}

#file_1_data,
#file_1_origin,
#file_2_data,
#file_2_origin {
	margin: 0 0 5rem 0;
}

.filebox input[type="file"] {
	position: absolute;
	width: 1rem;
	height: 1rem;
	padding: 0;
	margin: -1rem;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.filebox label {
	display: inline-block;
	padding: 0.58em 0.75em;
	color: #999;
	font-size: inherit;
	line-height: normal;
	vertical-align: middle;
	background-color: #fdfdfd;
	cursor: pointer;
	border: 1px solid #ebebeb;
	border-bottom-color: #e2e2e2;
	border-radius: 0.25em;
}

/* named upload */
.filebox .upload-name {
	display: inline-block;
	padding: 0.5em 0.75em;
	font-size: inherit;
	font-family: inherit;
	line-height: normal;
	vertical-align: middle;
	background-color: #f5f5f5;
	border: 1px solid #ebebeb;
	border-bottom-color: #e2e2e2;
	border-radius: 0.25em;
	-webkit-appearance: none;
	/* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
	font-size: 13rem;
}

.filebox > label {
	color: #fff;
	background-color: #337ab7;
	border-color: #2e6da4;
	font-size: 13rem;
}

.filebox > label:hover {
	background-color: #083fa9;
	border-color: #083fa9;
	transition: all 0.3s ease;
}

.att_btn {
	display: inline-block;
	padding: 0.58em 0.75em;
	color: #666;
	font-size: inherit;
	line-height: normal;
	vertical-align: middle;
	background-color: #fdfdfd;
	cursor: pointer;
	border: 1px solid #ccc;
	border-radius: 0.25em;
	font-size: 13rem;
}

.att_btn:hover {
	background-color: #ae8d73;
	border: 1px solid #ae8d73;
	color: #fff;
	transition: all 0.3s ease;
}

/* 첨부파일 스타일 커스텀 */
.filebox {
	margin-bottom: 5rem;
}

.filebox input[type="file"] {
	position: absolute;
	width: 1rem;
	height: 1rem;
	padding: 0;
	margin: -1rem;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.filebox label {
	display: inline-block;
	padding: 7rem 15rem;
	color: #fff;
	font-size: 13rem;
	line-height: normal;
	vertical-align: middle;
	background-color: #6c757d;
	cursor: pointer;
	border: 1px solid #6c757d;
	border-radius: 4rem;
	margin-bottom: 0;
}

.filebox .upload-name {
	display: inline-block;
	padding: 7rem 10rem;
	font-size: 14.5rem;
	font-family: inherit;
	line-height: normal;
	vertical-align: middle;
	background-color: #f5f5f5;
	border: 1px solid #ebebeb;
	border-bottom-color: #e2e2e2;
	border-radius: 4rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.btn-del-file {
	padding: 7rem 12rem;
	font-size: 12rem;
	color: #d9534f;
	background: #fff;
	border: 1px solid #d9534f;
	border-radius: 4rem;
	cursor: pointer;
	vertical-align: middle;
}

.btn-del-file:hover {
	background: #d9534f;
	color: #fff;
}

.gallery-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 25rem;
	max-width: var(--board-width);
	margin: 0 auto;
}

.gallery-grid-image {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-item {
	border: 1px solid #eee;
	border-radius: 12rem;
	overflow: hidden;
	transition:
		transform 0.2s,
		box-shadow 0.2s;
	background: #fff;
	display: flex;
	flex-direction: column;
}

.gallery-item:hover {
	transform: translateY(-1rem);
	box-shadow: 0 5rem 10rem rgba(0, 0, 0, 0.1);
}

.gallery-thumb {
	position: relative;
	width: 100%;
	padding-top: 70%;
	/* 썸네일 비율 (10:7) */
	background: #f8f9fa;
	overflow: hidden;
	border-bottom: 0px solid #f1f1f1;
}

.gallery-thumb2 {
	position: relative;
	width: 180px;
	padding-top: 20px;
	margin: 0 auto;
	border-bottom: 0px solid #f1f1f1;
}

.gallery-thumb img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.gallery-thumb2 img.banner {
	position: relative;
	width: 180px;
	height: 50px;
	object-fit: initial;
	border: 1px solid #ececec;
	border-radius: 5px;
}

.gallery-info {
	padding: 15rem;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

.gallery-grid-image .gallery-info-image {
	background-color: #fafafa;
}

.gallery-title {
	font-size: 16rem;
	font-weight: 600;
	margin-bottom: 8rem;
	color: #333;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.gallery-title-image {
	margin: 7rem 0;
	font-size: 15.5rem;
	-webkit-line-clamp: 1;
}

.gallery-meta {
	font-size: 14rem;
	color: #777;
	margin-top: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.no-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ccc;
	font-size: 0.9rem;
	background: #fcfcfc;
}

/* 카테고리 필터 스타일 */
.category-filter {
	padding: 15rem 0;
	border-bottom: 0px solid #f0f0f0;
}

.category-radio {
	cursor: pointer;
}

.category-radio input[type="radio"] {
	display: none;
	/* 실제 라디오 버튼 숨김 */
}

.category-radio .radio-label {
	display: inline-block;
	padding: 8rem 20rem;
	margin: 0 3rem;
	background-color: #f9fafc;
	border: 1px solid #e1e1e1;
	border-radius: 30rem;
	font-size: 13.5rem;
	color: #666;
	transition: all 0.2s;
}

.category-radio input[type="radio"]:checked + .radio-label {
	background-color: #4d4d4d;
	border-color: #4d4d4d;
	color: #fff;
	font-weight: 500;
}

.category-radio .radio-label:hover {
	border-color: #6b6b6b;
	color: #333;
}

.category-radio input[type="radio"]:checked + .radio-label:hover {
	color: #fff;
}

/* margin */
.w5 {
	width: 5%;
	display: inline-block;
}

.w10 {
	width: 10%;
	display: inline-block;
}

.w15 {
	width: 15%;
	display: inline-block;
}

.w20 {
	width: 20%;
	display: inline-block;
}

.w25 {
	width: 25%;
	display: inline-block;
}

.w30 {
	width: 30%;
	display: inline-block;
}

.w40 {
	width: 40%;
	display: inline-block;
}

.w45 {
	width: 44%;
	display: inline-block;
}

.w50 {
	width: 50%;
	display: inline-block;
}

.w60 {
	width: 60%;
	display: inline-block;
}

.w70 {
	width: 70%;
	display: inline-block;
}

.w80 {
	width: 80%;
	display: inline-block;
}

.w90 {
	width: 90%;
	display: inline-block;
}

.w100 {
	width: 100%;
	display: inline-block;
}

.h50 {
	height: 50rem !important;
}

.h70 {
	height: 70rem !important;
}

.h100 {
	height: 100rem !important;
}

.h150 {
	height: 150rem !important;
}

.mt5 {
	margin-top: 5rem !important;
}

.mt10 {
	margin-top: 10rem !important;
}

.mt20 {
	margin-top: 20rem !important;
}

.mt30 {
	margin-top: 30rem !important;
}

.mt40 {
	margin-top: 40rem !important;
}

.mt50 {
	margin-top: 50rem !important;
}

.mb5 {
	margin-bottom: 5rem !important;
}

.mb0 {
	margin-bottom: 0rem !important;
}

.mb10 {
	margin-bottom: 10rem !important;
}

.mb20 {
	margin-bottom: 20rem !important;
}

.mb30 {
	margin-bottom: 30rem !important;
}

.mb40 {
	margin-bottom: 40rem !important;
}

.mb50 {
	margin-bottom: 50rem !important;
}

.mb60 {
	margin-bottom: 60rem !important;
}

.mb70 {
	margin-bottom: 70rem !important;
}

.mr5 {
	margin-right: 5rem !important;
}

.mr10 {
	margin-right: 10rem !important;
}

.mr20 {
	margin-right: 20rem !important;
}

.mr30 {
	margin-right: 30rem !important;
}

.mr40 {
	margin-right: 40rem;
}

.mr50 {
	margin-right: 50rem;
}

.mr100 {
	margin-right: 100rem;
}

.ml10 {
	margin-left: 10rem !important;
}

.ml20 {
	margin-left: 20rem !important;
}

.ml30 {
	margin-left: 30rem !important;
}

.ml40 {
	margin-left: 40rem;
}

.ml50 {
	margin-left: 50rem;
}

.pd0 {
	padding: 0 !important;
}

/* 페이징 */

div.dataTables_paginate {
	margin: 0 auto;
	white-space: nowrap;
	text-align: center;
	margin: 15rem 0;
}

.pagination {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-left: 0;
	list-style: none;
	border-radius: 4rem;
}

div.dataTables_paginate ul.pagination {
	margin: 2rem 0;
	white-space: nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

div.dataTables_paginate ul.pagination li {
	display: list-item;
	text-align: -webkit-match-parent;
}

.page-link {
	position: relative;
	display: block;
	padding: 0.5rem 0.75rem;
	margin-left: -1rem;
	line-height: 1.25;
	color: #886ab5;
	background-color: #fff;
	border: 1px solid #dee2e6;
	color: #6c757d;
}

.pagination .page-link {
	border-radius: 4rem;
	border-width: 0;
}

.pagination .page-item .page-link.chevron {
	background: #d1d9e3;
}

.pagination .page-item:not(:first-child) {
	margin-left: 5rem;
}

.dataTables_paginate .pagination .page-item > .page-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 30rem;
	min-width: 30rem;
	padding: 8rem;
	font-size: 13rem;
}

.page-item.active .page-link {
	color: #fff;
	background-color: #627ca0;
}

.pagination .page-link:hover {
	background-color: #627ca0 !important;
	color: #fff;
}

/* 페이징 끝 */

.main-desc_team {
	font-size: 28rem;
	font-weight: 600;
}

.b_cont table {
	width: auto;
	border-radius: 5px;
	border-right: 1px solid #e4e5e9;
	border-bottom: 1px solid #e4e5e9;
}

.b_cont table td {
	border-left: 1px solid #e4e5e9;
}

@media (max-width: 1023px) {
	.gallery-info {
		padding: 10rem !important;
	}

	.gallery-title-image {
		margin: 0rem 0 !important;
		font-size: 15rem !important;
	}

	.gallery-title {
		font-size: 14rem;
		margin-bottom: 0rem;
	}
}

/* ==========================================
   768px 미만 모바일: 라디오 카테고리 터치 스크롤 탭
   ========================================== */
@media (max-width: 767px) {
	.board-view-header {
		padding: 100rem 0 20rem;
	}

	.b_cont_mo {
		padding-top: 10rem;
	}

	.board-title {
		max-width: 90%;
	}

	.gallery-title-image {
		font-size: 16rem !important;
	}

	.gallery-title {
		font-size: 16rem;
	}

	.input_search {
		width: 60%;
	}

	.input_search_btn {
		font-size: 13rem;
		width: 60rem;
	}

	/* HTML 수정 없이 .category-radio를 감싸고 있는 부모 div 자동 타겟팅 */
	div:has(> .category-radio) {
		justify-content: flex-start !important;
		/* 왼쪽 정렬 */
		flex-wrap: nowrap !important;
		/* 1줄 고정 */
		overflow-x: auto !important;
		/* 가로 스크롤 허용 */
		-webkit-overflow-scrolling: touch;
		padding-bottom: 8px;
		width: 100%;
	}

	/* 스크롤바 감추기 */
	div:has(> .category-radio)::-webkit-scrollbar {
		display: none;
	}

	.category-radio {
		flex-shrink: 0;
		/* 버튼 형태 축소 방지 */
	}

	.category-radio .radio-label {
		padding: 8px 16px;
		font-size: 14px;
		white-space: nowrap;
	}

	.gallery-info {
		padding: 15rem !important;
	}
}