@charset "utf-8";

/* default_nox 게시판 view */
.view_table { margin-top: 92px; }
.ctr-btn-wrap .to-next.nav-list { background: rgba(255, 255, 255, 0.1); border: none; border-radius: 0; font-family: var(--font-family-suit); color: #fff; }
.ctr-btn-wrap .to-next.nav-list:hover { background: rgba(255, 255, 255, 0.18); color: #fff; }

/* default_nox 게시판 list (Figma 186:693) */
.board-list-wrap { margin-top: 92px; }
.list-total { display: flex; align-items: center; gap: 10px; font-family: var(--font-family-suit); font-size: var(--fs-18); font-weight: 400; line-height: 100%; color: #fff; }
.list-total p { margin: 0; }
.board-list { width: 100%; margin: 18px 0 0; padding: 0; border-top: 2px solid #fff; list-style: none; }
.board-list > li { border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
.board-list > li:last-child { border-bottom-color: #fff; }
.li-tit-wrap { display: flex; align-items: center; gap: 6px; padding: 39px 0 39px 24px; font-family: var(--font-family-suit); font-size: var(--fs-22); font-weight: 500; line-height: 100%; color: #fff; text-decoration: none; word-break: break-word; }
.li-tit-wrap:hover,
.li-tit-wrap:focus { color: #fff; }
.li-tit-num { flex-shrink: 0; margin: 0; }
.li-tit-text { min-width: 0; margin: 0; }
.board-list > li:not(:has(.li-tit-wrap)) { padding: 39px 0; border-bottom: none; font-family: var(--font-family-suit); font-size: var(--fs-22); font-weight: 500; line-height: 100%; color: rgba(255, 255, 255, 0.6); text-align: center; }

@media screen and (max-width: 768px) {
	.board-list-wrap { margin-top: 64px; }
	.board-list { margin-top: 18px; }
	.li-tit-wrap { padding: 24px 0 24px 16px; font-size: var(--fs-18); }
	.board-list > li:not(:has(.li-tit-wrap)) { padding: 24px 0; font-size: var(--fs-18); }
}

/* quick menu (Figma 186:700) */
.quick-menu-wrap { margin: 12rem 0; }
.quick-menu-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin: 0; padding: 0; list-style: none; }
.quick-menu-item { min-width: 0; }
.quick-menu-link { display: block; overflow: hidden; position: relative; width: 100%; height: 200px; background: rgba(255, 255, 255, 0.03); color: #fff; text-decoration: none; }
.quick-menu-visual { overflow: hidden; position: absolute; inset: 0; pointer-events: none; }
.quick-menu-bg { aspect-ratio: 280/240; width: auto; height: 100%; overflow: hidden; position: absolute; top: 0; right: 0; z-index: 0; background-repeat: no-repeat; background-position: center; background-size: cover; }
.quick-menu-item.sub-vis1-1 .quick-menu-bg { background-image: url("/resources/img/sub/sub_mini_menu_img1-1.png"); }
.quick-menu-item.sub-vis1-2 .quick-menu-bg { background-image: url("/resources/img/sub/sub_mini_menu_img1-2.png"); }
.quick-menu-item.sub-vis1-3 .quick-menu-bg { background-image: url("/resources/img/sub/sub_mini_menu_img1-3.png"); }
.quick-menu-item.sub-vis1-4 .quick-menu-bg { background-image: url("/resources/img/sub/sub_mini_menu_img1-4.png"); }
.quick-menu-item.sub-vis2-1 .quick-menu-bg { background-image: url("/resources/img/sub/sub_mini_menu_img2-1.png"); }
.quick-menu-item.sub-vis2-2 .quick-menu-bg { background-image: url("/resources/img/sub/sub_mini_menu_img2-2.png"); }
.quick-menu-item.sub-vis2-3 .quick-menu-bg { background-image: url("/resources/img/sub/sub_mini_menu_img2-3.png"); }
.quick-menu-item.sub-vis3-1 .quick-menu-bg { background-image: url("/resources/img/sub/sub_mini_menu_img3-1.png"); }
.quick-menu-item.sub-vis3-2 .quick-menu-bg { background-image: url("/resources/img/sub/sub_mini_menu_img3-2.png"); }
.quick-menu-item.sub-vis3-3 .quick-menu-bg { background-image: url("/resources/img/sub/sub_mini_menu_img3-3.png"); }
.quick-menu-item.sub-vis3-4 .quick-menu-bg { background-image: url("/resources/img/sub/sub_mini_menu_img3-4.png"); }
.quick-menu-item.sub-vis4-1 .quick-menu-bg { background-image: url("/resources/img/sub/sub_mini_menu_img4-1.png"); }
.quick-menu-item.sub-vis4-2 .quick-menu-bg { background-image: url("/resources/img/sub/sub_mini_menu_img4-2.png"); }
.quick-menu-txt { position: relative; z-index: 2; padding: 24px 24px 0; }
.quick-menu-cate { display: flex; align-items: center; gap: 1px; margin: 0; font-size: var(--fs-18); font-weight: 300; line-height: 100%; color: rgba(255, 255, 255, 0.8); }
.quick-menu-cate-num,
.quick-menu-cate-name { flex-shrink: 0; }
.quick-menu-tit { display: inline-block; position: relative; margin: 14px 0 0; font-size: var(--fs-28); font-weight: 300; line-height: 100%; color: #fff; }
.quick-menu-tit > span:first-child { display: inline-block; }
.quick-menu-ico { position: absolute; left: 100%; bottom: 0; z-index: 1; width: 22px; height: 22px; background: url("/resources/img/common/mark_txt_detail.svg") no-repeat center / contain; transform: translate(-70%, 22%); pointer-events: none; }

@media screen and (max-width: 768px) {
	.quick-menu-wrap { margin: 8rem 0; }
	.quick-menu-list { grid-template-columns: 1fr; gap: 16px; }
	.quick-menu-link { height: 160px; }
	.quick-menu-tit { margin-top: 10px; font-size: var(--fs-22); }
	.quick-menu-ico { width: 18px; height: 18px; }
}