/* Board List */
.board-list { overflow: hidden; padding: 190px 0 var(--section-bottom); }
.board-list .section-heading { text-align: center; }
.board-list .tabby-menu { margin-bottom: 40px; }
.board-list .categories-container { margin-top: 40px; }
.board-list .categories-container .categories .item { justify-content: center; min-width: 90px; font-size: 1.7rem; font-weight: 600; }

.board-heading { margin-bottom: 100px; text-align: center; }
.board-heading .badge { display: block; margin-bottom: 10px; font-size: var(--text-sm); font-weight: 600; color: #999999; }
.board-heading .heading { font-size: 4.6rem; font-weight: 600; color: var(--clr-black); }

.board-flex { display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; }
.board-flex .categories-container { margin-top: 0; }
.board-flex .left .button { min-width: 190px; }
.board-flex .left .button .icon { margin-right: 20px; }

.board-menu-container { display: flex; align-items: center; margin-bottom: 20px; }
.board-menu-container .small { color: #666666; }
.board-menu-container .board-menu .toggle { padding-right: 12px; }
.board-menu { position: relative; }
.board-menu .toggle { display: inline-flex; align-items: center; justify-content: space-between; min-width: 190px; text-align: left; font-family: var(--font-display); font-size: 2.8rem; font-weight: 700; color: var(--clr-black); }
.board-menu .toggle .icon { margin-left: 20px; transition: none; }
.board-menu .toggle .icon::before { mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 9L12 16L19 9' stroke='%231F2937' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A"); }
.board-menu .toggle { padding-right: 32px; }
.board-menu .toggle[aria-pressed="true"] .icon { transform: scaleY(-1); }
.board-menu .toggle[aria-pressed="true"] + .sub-menu { visibility: visible; opacity: 1; }
.board-menu .sub-menu { z-index: 3; position: absolute; top: 100%; left: -24px; padding-top: 6px; width: 100%; visibility: hidden; opacity: 0; }
.board-menu .sub-menu ul { padding: 24px; background: #fff; border: 1px solid #f7f7f7; border-radius: 10px; box-shadow: 0px 1px 8px 0 rgba(0, 0, 0, 0.08); }
.board-menu .sub-menu ul a { display: inline-flex; padding: 6px 0; font-family: var(--font-display); font-size: var(--text-base); font-weight: 400; color: var(--clr-dark); white-space: nowrap; }

.board-search-container .board-search { display: flex; align-items: center; }
.board-search-container .select { min-width: 180px; height: 60px; border-top-right-radius: 0; border-bottom-right-radius: 0; }
.board-search-container .box { flex: 1 1 auto; overflow: hidden; position: relative; height: 60px; background: #fff; }
.board-search-container .box .input { padding-right: 60px; width: 100%; height: 100%; font-size: var(--text-base); }
.board-search-container .box .submit { display: inline-flex; align-items: center; justify-content: center; position: absolute; top: 10px; right: 10px; padding: 10px; width: 40px; height: 40px; color: #fff; background: linear-gradient(139.47deg, rgba(0, 151, 246, 0.4) 0%, rgba(0, 151, 246, 0) 80.49%), #222222; outline: none; }
.board-search-container .box .submit .icon { width: 100%; height: 100%; }
.board-search-container .submit { margin-left: 10px; width: 120px; color: var(--clr-dark-navy); border-color: #EEEEEE; border-radius: 60px; }
.board-search-container .ts-control { align-items: center; }

.board-list-body { margin-top: 160px; }
.board-list-head,
.board-list-body { margin-right: auto; margin-left: auto; max-width: var(--inner); width: 90%; }
.board-list-foot { display: flex; justify-content: flex-end; margin-top: 60px; margin-right: auto; margin-left: auto; max-width: var(--inner); width: 90%; }

.board-lists .button-wrap { display: flex; align-items: center; gap: 10px; margin-top: 16px; }
.board-lists .button-wrap .button { flex: 1 1; padding: 0 10px; font-size: var(--text-base); }
.board-empty { text-align: center; padding: 120px 0; font-weight: 600; color: var(--clr-primary); }
@media (hover: hover) and (pointer: fine) {
	.board-search-container .submit:hover { background: #fff; border-color: var(--clr-dark-navy); }
}
@media screen and (min-width: 481px) {
	.board-search-container .ts-wrapper.single .ts-control { border-top-right-radius: 0; border-bottom-right-radius: 0; }
	.board-search-container .box::before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; width: 1px; height: 20%; background: #c4c4c4; }
	.board-search-container .box .input { border-top-left-radius: 0; border-bottom-left-radius: 0; }
	.board-search-container .box .submit:hover { background: linear-gradient(139.47deg, rgba(0, 151, 246, 0.4) 0%, rgba(0, 151, 246, 0) 80.49%), #222222; }
	
	.board-basic-investment .text .subject:hover { text-decoration: underline; text-underline-offset: 0.15em; }
}
@media screen and (max-width: 1024px) {
	.board-list { padding: 120px 0 100px; }
	.board-list .tabby-menu { margin-bottom: 24px; }
	.board-list .categories-container { overflow-x: auto; overflow-y: hidden; margin-top: 30px; }
	.board-list .categories-container .categories { --height: 44px; }
	.board-list .categories-container .categories .item { min-width: auto; font-size: 1.5rem; }
	
	.board-heading { margin-bottom: 40px; }
	.board-heading .badge { margin-bottom: 6px; }
	.board-heading .heading { font-size: 3.2rem; }
	
	
	.board-flex { display: block; }
	.board-flex .right { margin-top: 16px; }
	
	.board-menu .toggle { min-width: 170px; font-size: 2.2rem; }
	.board-menu .toggle .icon { margin-left: 14px; width: 22px; height: 22px; }
	
	.board-search-container .select { height: 55px; }
	.board-search-container .box { height: 55px; }
	.board-search-container .box .submit { top: -2px; right: 7px; }

	.board-list-body { margin-top: 80px; }
	.board-list-foot { margin-top: 40px; }
	.board-empty { padding: 80px 0; }
}
@media screen and (max-width: 768px) {
	.board-list .tabby-menu { margin-bottom: 16px; }

	.board-heading .heading { font-size: 2.4rem; }
	
	.board-flex .left .button { min-width: auto; }

	.board-menu-container { display: block; }
	.board-menu-container .small { display: block; margin-top: 8px; }
	.board-menu .toggle { min-width: 150px; font-size: 2rem; }
	.board-menu .toggle .icon { margin-left: 10px; width: 18px; height: 18px; }

	.board-list-body { margin-top: 60px; }
	.board-empty { padding: 60px 0; }

	.board-search-container .select { height: 44px; }
	.board-search-container .box { height: 46px; }
	.board-search { flex-wrap: wrap; }
	.board-search-container .submit { margin: 5px 0 0; width: 100%; }
}
@media screen and (max-width: 480px) {
	.board-search-container .board-search { flex-direction: column; }
	.board-search-container .select { margin-right: 0; width: 100%; }
	.board-search-container .select + .box { margin-top: 5px; }
	.board-search-container .box { width: 100%; }
	.board-search-container .box .input { padding-left: 20px; padding-right: 53px; }
	/* .board-search-container .box .submit { width: 53px; } */
}


/* Board List - basic */
.board-basic { table-layout: fixed; text-align: center; color: var(--clr-dark); border-top: 1px solid #000; }
.board-basic th { padding: 20px 4px; font-weight: 500; color: var(--clr-black); border-bottom: 1px solid #000; }
.board-basic td { padding: 20px 4px; font-size: 1.5rem; color: #666666; border-bottom: 1px solid var(--border); }
.board-basic .notice { color: var(--clr-sky); }
.board-basic .icon { width: 20px; height: 20px; }
.board-basic .text { display: flex; font-size: var(--text-sm); font-weight: 500; color: var(--clr-dark); text-align: left; }
.board-basic .text .badge { margin-left: 0.65em; }
.board-basic .text .subject { display: inline-block; overflow: hidden; font-weight: 500; color: var(--clr-dark); text-overflow: ellipsis; white-space: nowrap; padding: 0.5em 0; }
.board-basic .text .date { display: block; margin-top: 10px; font-weight: 500; color: #AAAAAA; }
.board-basic .tr-receive { display: none; }
.board-basic .tr-receive td { padding: 40px; font-size: var(--text-sm); text-align: left; background: #F4F8FA; }

.board-basic-notice td:nth-child(1) { width: 6.6667%; font-family: var(--font-display); }
.board-basic-notice td:nth-child(2) { width: 76.6666%; }
.board-basic-notice td:nth-child(3) { width: 16.6667%; font-family: var(--font-display); }

.board-basic-investment .text { flex-direction: column; }
.board-basic-investment td:nth-child(2) { width: 12.3%; }
.board-basic-investment .text .subject { padding: 0; }
@media (hover: hover) and (pointer: fine) {
    .board-basic a.text:hover { text-decoration: underline; text-underline-offset: 0.25em; }
}
@media screen and (min-width: 1025px) {
	.board-basic-investment td:nth-child(1) { padding-left: 30px; padding-right: 30px; }
	.board-basic .text .subject { font-size: 2rem; }
}
@media screen and (max-width: 1024px) {
	.board-basic .icon { width: 16px; height: 16px; }
    .board-basic .text { line-height: 1.4; }
    .board-basic th { padding: 16px 4px; }
    .board-basic td { padding: 16px 4px; }
	.button-text-download { --padding: 0 16px; --icon-width: 20px; }
	.board-basic-investment td:nth-child(2) { width: 120px; }
}
@media screen and (max-width: 768px) {
	.board-basic .icon { width: 12px; height: 12px; }
    .board-basic .text { line-height: 1.3; }
    .board-basic th { padding: 12px 4px; }
    .board-basic td { padding: 12px 4px; font-size: 1.3rem; }
}
@media screen and (max-width: 480px) {
	.board-basic-notice td:nth-child(1) { width: 36px; }
	.board-basic-notice td:nth-child(3) { width: 80px; }
}

/* Board List - Aagazine */
.board-magazine { border-top: 2px solid #000000; }
.board-magazine .item { padding: 40px 0; border-bottom: 1px solid #eeeeee; }
.board-magazine .block { display: flex; justify-content: space-between; }
.board-magazine .thumbnail { overflow: hidden; width: 26.6667%; border-radius: 20px; aspect-ratio: 1.6667; }
.board-magazine .thumbnail img { display: block; width: 100%; height: 100%; background: #000; transition: transform .65s ease; will-change: transform; }
.board-magazine .contents { display: flex; flex-direction: column; padding: 20px 0; width: 69.3333%; }
.board-magazine .title { overflow: hidden; font-size: 2.2rem; font-weight: 600; color: var(--clr-dark); white-space: nowrap; text-overflow: ellipsis; }
.board-magazine .text { margin: 10px 0; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.board-magazine .info { display: flex; align-items: center; margin-top: auto; }
.board-magazine .date { margin-left: 10px; margin-bottom: 0.1em; padding-left: 10px; padding-bottom: 0.1em; position: relative; font-family: var(--font-display); font-size: 1.5rem; color: #666666; }
.board-magazine .date::before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; margin: auto; width: 1px; height: 50%; background: #cccccc; }
@media (hover: hover) and (pointer: fine) {
	.board-magazine .block:hover .title { text-decoration: underline; text-underline-offset: 0.25em; }
	.board-magazine .block:hover .thumbnail img { transform: scale(1.07); }
}
@media screen and (max-width: 1024px) {
	.board-magazine .title { font-size: 1.8rem; }
}
@media screen and (max-width: 768px) {
	.board-magazine .block { display: block; }
	.board-magazine .thumbnail { width: 100%; border-radius: 14px; }
	.board-magazine .contents { padding: 16px 0 0; width: 100%; }
	.board-magazine .title { font-size: 1.6rem; }
	.board-magazine .text { margin: 8px 0; }
}
@media screen and (max-width: 768px) {
	.board-magazine .item { padding: 24px 0; }
}


/* Board List - Inquiry */
.board-basic-inquiry td:nth-child(1) { width: 83%; }
.board-basic-inquiry td:nth-child(2) { width: 7%; }
.board-basic-inquiry td:nth-child(3) { width: 10%; }
.board-basic-inquiry .lock { color: var(--clr-dark-navy); }
.board-basic-inquiry .badge { padding: 0 0.7143em; font-size: 1.4rem; font-weight: 600; }
@media screen and (max-width: 1024px) {
	.board-basic-inquiry td:nth-child(2) { width: 30px; }
	.board-basic-inquiry td:nth-child(3) { width: 70px; }
	.board-basic-inquiry .badge { font-size: 1.3rem; }
}
@media screen and (max-width: 768px) {
	.board-basic-inquiry .badge { font-size: 1.2rem; }
}


/* Board List - Download */
.board-list-download .board-list-body { display: flex; justify-content: center; position: relative; margin-top: 40px; padding-left: 320px; padding-right: min(16.9%, 320px); max-width: 1920px; width: auto; }
.board-list-download .battery-side { z-index: 3; position: absolute; top: 0; left: 0; padding: 120px 0 0 40px; height: 100%; }
.board-list-download .battery-side .sticky { overflow: hidden; position: sticky; top: 140px; left: 0; transition-property: top; transition-duration: 0.35s; transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.board-list-download .battery-side .tab .button { justify-content: center; padding: 0 10px; width: 100%; height: 50px; line-height: 1.3; text-align: center; font-size: 1.5rem; font-weight: 600; color: var(--clr-primary); letter-spacing: -0.02em; background: #fff; border: 1px solid var(--clr-primary); border-radius: 50px; box-sizing: border-box; }
.board-list-download .battery-side .tab .button[aria-selected="true"] { color: #fff; background: var(--clr-primary); }
.board-list-download .battery-side .tab .button[aria-selected="true"] .icon { opacity: 1; transform: translateX(0); }
/* .board-list-download .battery-contents { margin-right: auto; margin-left: auto; max-width: var(--inner); width: 90%; } */
.board-list-download .battery-contents { max-width: var(--inner); }
.board-list-download .battery-contents .section { padding: 120px 0 0; }
.board-list-download .battery-contents .heading { margin-bottom: 20px; font-family: var(--font-display); font-size: 2.4rem; font-weight: 700; color: var(--clr-teal); }
.board-list-download .board-lists { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; }
.board-list-download .board-lists .article { border: 1px solid #8a9ab5; }
.board-list-download .board-lists .thumbnail { background: #fff; border-bottom: 1px solid #8a9ab5; aspect-ratio: 0.71202; }
.board-list-download .board-lists .thumbnail img { display: block; width: 100%; height: 100%; object-fit: cover; }
.board-list-download .board-lists .link { display: flex; align-items: center; justify-content: space-between; padding: 0 24px; height: 60px; font-family: var(--font-display); font-weight: 600; color: var(--clr-primary); background: var(--background); }
.board-list-download .board-lists .link::after { content: ''; display: inline-flex; width: 18px; height: 18px; background: url('/images/download-primary.svg') no-repeat center / auto 100%; }
.board-list-download .board-empty { background: #f2f5f7; }
.board-list-download .board-list-foot { padding-left: 320px; padding-right: min(16.9%, 320px); max-width: 1920px; width: auto; }
.board-list-download .board-list-foot .button-wrap { margin-right: auto; margin-left: auto; max-width: var(--inner); width: 100%; text-align: right; }
@media screen and (min-width: 1025px) {
	.board-list-download .battery-side .sticky { overflow-x: hidden; overflow-y: auto; width: 240px; }
	.board-list-download .battery-side .sticky::-webkit-scrollbar { width: 8px; }
	.board-list-download .battery-side .sticky::-webkit-scrollbar-thumb { background-color: #1D3641; border-radius: 8px; }
	.board-list-download .battery-side .sticky::-webkit-scrollbar-track { background-color: #D9D9D9; border-radius: 8px; }
	.board-list-download .battery-side .tab .list { display: block; transform: none !important; }
	.board-list-download .battery-side .tab .item { margin-bottom: 10px; }
	.board-list-download .battery-side .tab .item:last-child { margin-bottom: 0; }
	.board-list-download .battery-side .tab .button { width: 240px; }
    .board-list-download .battery-side .tab .button:hover { color: #fff; background: var(--clr-primary); }
	.board-list-download .battery-side .tab .button:hover .icon { transform: translateX(0); opacity: 1; }
	.board-list-download .battery-side .tab .swiper-scrollbar { display: none; }
}
@media screen and (max-width: 1830px) {
	.board-list-download .board-list-body { justify-content: flex-start; padding-right: 5%; }
	.board-list-download .board-list-foot { padding-right: 5%; }
	.board-list-download .board-list-foot .button-wrap { margin-left: 0; }
}
@media screen and (max-width: 1600px) {
    .battery { padding-left: 19%; }
}
@media screen and (max-width: 1024px) {
	.board-list-download { padding-top: 120px; }
    .board-list-download .flex { flex-direction: column; margin-top: 0; padding-left: 0; }
	.board-list-download .board-list-body { padding-left: 5%; }
	.board-list-download .board-list-foot { padding-left: 0; }
    .board-list-download .battery-side { position: absolute; top: 0; left: 0; padding: 0; width: 100%; height: 100%; pointer-events: none; }
    .board-list-download .battery-side .sticky { top: var(--header-height); padding: 0 5%; background: #fff; pointer-events: auto; }
	[data-header-hide] ~ .main .board-list-download .battery-side .sticky { top: 0; }
    .board-list-download .battery-side .tab { overflow: visible; padding: 10px 0; }
    .board-list-download .battery-side .tab .item { width: auto; }
	.board-list-download .battery-side .tab .button { padding-right: 1em; padding-left: 1em; height: 45px; }
    .board-list-download .battery-side .tab .button .icon { display: none; }
    .board-list-download .battery-main { margin: 30px auto 0; padding: 0 0 160px; max-width: var(--inner); width: 90%; }
    .board-list-download .battery-main .section { padding-top: 45px; }
    .board-list-download .battery-main .section-heading { font-size: 3.2rem; margin-bottom: 24px; }
    .board-list-download .battery-main .button-wrap { margin-bottom: 34px; }
	.board-list-download .battery-contents { width: 100%; }
	.board-list-download .battery-contents .heading { font-size: 2rem; margin-bottom: 14px; }
	/* .board-list-download .battery-side .tab .swiper-slide:first-child .button { padding-left: 0; }
	.board-list-download .battery-side .tab .swiper-slide:last-child .button { padding-right: 0; } */
	/* .board-list-download .battery-side .tab .button[aria-selected="true"] { font-weight: 700; color: var(--clr-primary); background-color: transparent; border-color: transparent; } */
	.board-list-download .board-lists { gap: 16px; }
	.board-list-download .board-lists .link { padding: 0 16px; font-size: 1.5rem; }
	.board-list-download .board-lists .link::after { width: 16px; height: 16px; }
    .board-list-download .battery-side .tab .button::before { content: none; }
}
@media screen and (max-width: 768px) {
	.board-list-download { padding-top: 80px; }
    .board-list-download .battery-contents .section { padding-top: 80px; }
    .board-list-download .battery-contents .section-heading { font-size: 2.4rem; margin-bottom: 20px; }
    .board-list-download .battery-contents .button-wrap { margin-bottom: 30px; }
	.board-list-download .battery-contents .heading { font-size: 1.8rem; }
	.board-list-download .board-lists { grid-template-columns: repeat(2, 1fr); }
	.board-list-download .board-lists .link { padding: 0 16px; font-size: 1.4rem; }
	.board-list-download .board-lists .thumbnail img { width: 100%; }
}


/* Board List - News */
.board-list-news .news-slide { margin: -16px; padding: 16px; }
.board-list-news .news-slide .link { display: flex; flex-direction: row-reverse; justify-content: space-between; }
.board-list-news .news-slide .side { width: 47.66667%; }
.board-list-news .news-slide .contents { width: 40%; }
.board-list-news .news-slide .badge { display: block; font-size: 2.8rem; font-weight: 700; color: var(--clr-teal); }
.board-list-news .news-slide .title { overflow: hidden; margin: 40px 0; font-family: var(--font-display); font-size: 2.2rem; font-weight: 700; color: var(--clr-primary); display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 4; text-decoration: underline; text-underline-offset: 0.4em; text-decoration-color: transparent; text-decoration-thickness: 2px; transition: all 0.1s ease; }
.board-list-news .news-slide .date { display: block; font-weight: 700; color: #C4CED4; }
.board-list-news .news-slide .thumbnail { overflow: hidden; position: relative; display: block; border-radius: 24px; box-shadow: 0 4px 12px 0 rgba(0 0 0 / 12%); }
.board-list-news .news-slide .thumbnail::before { content: ''; display: block; padding-top: 75.17483%; width: 100%; }
.board-list-news .news-slide .thumbnail .item { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: all .65s ease; }
.board-list-news .bottom-button { position: absolute; top: 0; right: 0; }
.board-list-news .controls { display: flex; justify-content: flex-end; margin-right: auto; margin-left: auto; max-width: var(--inner); }
.board-list-news .controls .flex { display: flex; align-items: center; justify-content: flex-end; margin-top: 16px; padding: 0 6px 0 16px; width: 47.66667%; }
.board-list-news .controls .swiper-button-prev,
.board-list-news .controls .swiper-button-next { position: static; margin: 0 0 0 14px; width: 34px; height: 34px; background-repeat: no-repeat; background-position: center; background-size: auto 100%; }
.board-list-news .controls .swiper-button-prev { background-image: url('/images/chevron-left-primary.svg'); }
.board-list-news .controls .swiper-button-next { background-image: url('/images/chevron-right-primary.svg'); }
.board-list-news .controls .swiper-pagination { position: static; margin-right: auto; width: auto; text-align: left; font-size: 2rem; font-weight: 600; color: var(--clr-primary); letter-spacing: 0; }
.board-list-news .controls .swiper-pagination-current { width: 30px; }
.board-list-news .controls .swiper-pagination-total { margin-left: 0.25em; width: 30px; }
@media (hover: hover) and (pointer: fine) {
	.board-list-news .news-slide .link:hover .thumbnail .item { transform: scale(1.1); opacity: 0.9; }
	.board-list-news .news-slide .link:hover .title { text-decoration-color: currentColor; }
}
@media screen and (max-width: 1024px) {
	.board-list-news .news-slide .badge { font-size: 2rem; }
	.board-list-news .news-slide .title { font-size: var(--text-base); }
	.board-list-news .news-slide .date { font-size: 1.4rem; }
	.board-list-news .controls .swiper-pagination { font-size: var(--text-base); }
	.board-list-news .controls .swiper-button-prev,
	.board-list-news .controls .swiper-button-next { width: 30px; height: 30px; }
}
@media screen and (max-width: 768px) {
	.board-list-news .news-slide .link { flex-direction: column; }
	.board-list-news .news-slide .side { width: 100%; }
	.board-list-news .news-slide .contents { padding-top: 30px; width: 100%; }
	.board-list-news .news-slide .thumbnail { border-radius: 12px; }
	.board-list-news .news-slide .title { margin: 24px 0; }
	.board-list-news .controls .flex { margin-top: 30px; padding: 0; width: 100%; }
}


/* Board List - Videos */
.board-list-videos .board-list-body { margin-top: 0; }
.board-list-videos .board-heading { margin-bottom: 34px; }
.board-list-videos .board-heading .badge { display: block; margin-bottom: 10px; font-size: 2.4rem; font-weight: 700; color: var(--clr-teal); }
.board-list-videos .board-heading .title { font-family: var(--font-display); font-size: 3.6rem; font-weight: 700; color: var(--clr-primary); }
.board-list-videos .lists .item { padding-top: 160px; }
.board-list-videos .lists .media iframe { display: block; width: 100%; height: 100%; object-fit: cover; aspect-ratio: 1.7446; border-radius: 20px; }
@media screen and (max-width: 1024px) {
	.board-list-videos .lists .item { padding-top: 80px; }
	.board-list-videos .board-heading { margin-bottom: 30px; }
	.board-list-videos .board-heading .badge { font-size: 2rem; margin-bottom: 8px; }
	.board-list-videos .board-heading .title { font-size: 2.4rem; }
}
@media screen and (max-width: 768px) {
	.board-list-videos .lists .item { padding-top: 60px; }
	.board-list-videos .board-heading { margin-bottom: 20px; }
	.board-list-videos .board-heading .badge { font-size: 1.5rem; margin-bottom: 2px; }
	.board-list-videos .board-heading .title { font-size: 1.8rem; }
	.board-list-videos .lists .media iframe { border-radius: 14px; }
}


/* Board List - Gallery */
.board-gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 100px 30px; }
.board-gallery .thumbnail { overflow: hidden; border-radius: var(--border-radius); aspect-ratio: 1.5333; }
.board-gallery .thumbnail img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .65s ease; will-change: transform; }
.board-gallery .contents { padding: 25px 0 0; }
.board-gallery .title { overflow: hidden; line-height: 1.4; font-size: 2rem; font-weight: 500; color: var(--clr-black); display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.board-gallery .text { margin: 10px 0 0; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3; font-weight: 300; color: var(--clr-dark); }
.board-gallery .info { display: flex; align-items: center; margin-bottom: 10px; }
.board-gallery .category { display: inline-flex; align-items: center; font-size: 1.3rem; font-weight: 600; color: var(--clr-primary); }
.board-gallery .category::after { content: ''; display: block; margin: 0 0.7692em; width: 1px; height: 0.8em; background: #DDDDDD; }
.board-gallery .date { margin-left: 10px; margin-bottom: 0.1em; padding-left: 10px; padding-bottom: 0.1em; position: relative; font-family: var(--font-display); font-size: 1.5rem; color: #666666; }
.board-gallery .date::before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; margin: auto; width: 1px; height: 50%; background: #cccccc; }
.board-gallery .tags { flex-wrap: wrap; gap: 5px; margin-top: 30px; }
.board-gallery .tags .chip { padding: 0 10px; height: 30px; font-size: var(--text-xs); }
.board-gallery .info .chips .chip { padding: 0 10px; height: 30px; font-size: var(--text-xs); color: #fff; background: var(--clr-primary); }
.board-gallery-webinar .thumbnail { aspect-ratio: 1.6842; }
@media (hover: hover) and (pointer: fine) {
	.board-gallery .block:hover .title { text-decoration: underline; text-underline-offset: 0.25em; }
	.board-gallery .block:hover .thumbnail img { transform: scale(1.07); }
}
@media screen and (min-width: 1025px) {
	.board-gallery .item:first-child { grid-column: span 3; }
	.board-gallery .item:first-child .block { display: flex; align-items: center; justify-content: space-between; }
	.board-gallery .item:first-child .thumbnail { width: 46.5278%; }
	.board-gallery .item:first-child .contents { width: 46.5278%; }
	.board-gallery .item:first-child .title { margin-top: 20px; font-size: 3rem; }
	.board-gallery .item:first-child .text { margin-top: 20px; }
	.board-gallery .item:first-child .tags { margin-top: 40px; }
}
@media screen and (max-width: 1024px) {
	.board-gallery { grid-template-columns: repeat(2, 1fr); gap: 30px 20px; }
	.board-gallery .contents { padding: 16px 0 0; }
	.board-gallery .title { font-size: 1.8rem; }
	.board-gallery .text { display: none; }
	.board-gallery .tags { margin-top: 20px; }
	.board-gallery .tags .chip:nth-child(n+4) { display: none; }
}
@media screen and (max-width: 768px) {
	.board-gallery { grid-template-columns: repeat(1, 1fr); }
	.board-gallery .block { display: block; }
	.board-gallery .thumbnail { width: 100%; border-radius: 14px; }
	.board-gallery .contents { padding: 16px 0 0; width: 100%; }
	.board-gallery .title { font-size: 1.6rem; }
	.board-gallery .text { margin: 8px 0; }
}
@media screen and (max-width: 768px) {
	/* .board-gallery .item { padding: 24px 0; } */
}


/* Board List - Certificate */
.board-certificate { display: grid; grid-template-columns: repeat(3, 1fr); gap: 100px 30px; }
.board-certificate .block { background: #F0F6FA; border-radius: var(--border-radius); }
.board-certificate .thumbnail { overflow: hidden; display: flex; align-items: center; justify-content: center; background: #e4e9ed; border-radius: var(--border-radius); aspect-ratio: 1; }
.board-certificate .thumbnail img { display: block; width: 80%; height: 80%; object-fit: contain; transition: transform .65s ease; will-change: transform; }
.board-certificate .contents { padding: 30px; }
.board-certificate .title { overflow: hidden; line-height: 1.4; font-size: 2.2rem; font-weight: 500; color: #222222; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.board-certificate .text { margin: 10px 0 0; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3; font-weight: 300; color: var(--clr-dark); }
.board-certificate .info { display: flex; align-items: center; margin-bottom: 10px; }
.board-certificate .badge { display: block; margin-bottom: 10px; font-size: 1.3rem; font-weight: 600; color: var(--clr-primary); }
.board-certificate .date { margin-left: 10px; margin-bottom: 0.1em; padding-left: 10px; padding-bottom: 0.1em; position: relative; font-family: var(--font-display); font-size: 1.5rem; color: #666666; }
.board-certificate .date::before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; margin: auto; width: 1px; height: 50%; background: #cccccc; }
.board-certificate .tags { flex-wrap: wrap; gap: 5px; margin-top: 30px; }
.board-certificate .tags .chip { padding: 0 10px; height: 30px; font-size: var(--text-xs); }
.board-certificate .info .chips .chip { padding: 0 10px; height: 30px; font-size: var(--text-xs); color: #fff; background: var(--clr-primary); }
@media (hover: hover) and (pointer: fine) {
	/* .board-certificate .block:hover .title { text-decoration: underline; text-underline-offset: 0.25em; } */
	.board-certificate .block:hover .thumbnail img { transform: scale(1.07); }
}
@media screen and (max-width: 1024px) {
	.board-certificate { gap: 60px 24px; }
	.board-certificate .title { font-size: 1.8rem; }
}
@media screen and (max-width: 768px) {
	.board-certificate .block { display: block; }
	.board-certificate .thumbnail { width: 100%; border-radius: 14px; }
	.board-certificate .contents { padding: 16px; width: 100%; }
	.board-certificate .title { font-size: 1.6rem; }
	.board-certificate .text { margin: 8px 0; }
}
@media screen and (max-width: 768px) {
	.board-certificate { grid-template-columns: repeat(1, 1fr); gap: 20px; }
	/* .board-certificate .item { padding: 24px 0; } */
}


/* Board List - News */
.board-news { display: grid; grid-template-columns: repeat(3, 1fr); gap: 100px 30px; }
.board-news[data-front-item-count="1"],
.board-news[data-front-item-count="2"] { display: flex; flex-wrap: wrap; }
.board-news[data-front-item-count="1"] .item,
.board-news[data-front-item-count="2"] .item { flex: 0 0 calc((100% - 60px) / 3); max-width: calc((100% - 60px) / 3); }
.board-news .thumbnail { overflow: hidden; border-radius: var(--border-radius); aspect-ratio: 1.5333; }
.board-news .thumbnail img { display: block; width: 100%; height: 100%; transition: transform .65s ease; will-change: transform; }
.board-news .contents { padding: 25px 0 0; }
.board-news .badge { display: block; margin-bottom: 10px; font-size: 1.3rem; font-weight: 600; color: var(--clr-primary); }
.board-news .title { overflow: hidden; line-height: 1.4; font-size: 2rem; font-weight: 500; color: var(--clr-black); display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.board-news .text { margin: 10px 0 0; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3; font-weight: 300; color: var(--clr-dark); }
.board-news .info { display: flex; align-items: center; margin-bottom: 10px; }
.board-news .category { display: inline-flex; align-items: center; font-size: 1.3rem; font-weight: 600; color: var(--clr-primary); }
.board-news .category::after { content: ''; display: block; margin: 0 0.7692em; width: 1px; height: 0.8em; background: #DDDDDD; }
.board-news .date { margin-left: 10px; margin-bottom: 0.1em; padding-left: 10px; padding-bottom: 0.1em; position: relative; font-family: var(--font-display); font-size: 1.5rem; color: #666666; }
.board-news .date::before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; margin: auto; width: 1px; height: 50%; background: #cccccc; }
.board-news .tags { flex-wrap: wrap; gap: 5px; margin-top: 30px; }
.board-news .tags .chip { padding: 0 10px; height: 30px; font-size: var(--text-xs); }
.board-news .info .chips .chip { padding: 0 10px; height: 30px; font-size: var(--text-xs); color: #fff; background: var(--clr-primary); }
@media (hover: hover) and (pointer: fine) {
	.board-news .block:hover .title { text-decoration: underline; text-underline-offset: 0.25em; }
	.board-news .block:hover .thumbnail img { transform: scale(1.07); }
}
@media screen and (max-width: 1024px) {
	.board-news { gap: 60px 24px; }
	.board-news[data-front-item-count="1"] .item,
	.board-news[data-front-item-count="2"] .item { flex-basis: calc((100% - 48px) / 3); max-width: calc((100% - 48px) / 3); }
	.board-news .title { font-size: 1.8rem; }
}
@media screen and (max-width: 768px) {
	.board-news { grid-template-columns: repeat(1, 1fr); gap: 30px; }
	.board-news[data-front-item-count="1"] .item,
	.board-news[data-front-item-count="2"] .item { flex-basis: 100%; max-width: 100%; }
	.board-news .block { display: block; }
	.board-news .thumbnail { width: 100%; border-radius: 14px; }
	.board-news .contents { padding: 16px 0 0; width: 100%; }
	.board-news .title { font-size: 1.6rem; }
	.board-news .text { margin: 8px 0; }
}
@media screen and (max-width: 768px) {
	/* .board-news .item { padding: 24px 0; } */
}


/* Board View */
.board-view { padding: calc(var(--header-height) + 100px) 0 var(--section-bottom); }
.board-view .article { margin-right: auto; margin-left: auto; max-width: 1000px; width: 90%; }
.board-view .article-head { padding-bottom: 60px; text-align: center; }
.board-view .article-head .badge { display: block; margin-bottom: 10px; font-size: var(--text-sm); font-weight: 600; color: var(--clr-primary); }
.board-view .article-head .heading { line-height: 1.3; font-size: 4rem; font-weight: 600; color: var(--clr-black); }
.board-view .article-head .heading .item { font-size: inherit; }
.board-view .article-head .heading p { margin-top: 8px; font-size: var(--text-base); font-weight: 400; }
.board-view .article-head .flex { display: flex; align-items: center; justify-content: flex-end; }
.board-view .info { display: flex; align-items: center; justify-content: center; margin-bottom: 10px; }
.board-view .category { display: inline-flex; align-items: center; font-size: 1.3rem; font-weight: 600; color: var(--clr-primary); }
.board-view .category::after { content: ''; display: block; margin: 0 0.7692em; width: 1px; height: 0.8em; background: #DDDDDD; }
.board-view .article-head .chips .chip { padding: 0 10px; height: 30px; font-size: var(--text-xs); color: #fff; background: var(--clr-primary); }
.board-view .article-head .date { display: block; position: relative; margin-top: 30px; font-size: var(--text-xs); color: #AAAAAA; }
.board-view .article-head .badges ~ .date { margin-left: 10px; margin-bottom: 0.1em; padding-left: 10px; padding-bottom: 0.1em; }
.board-view .article-head .badges ~ .date::before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; margin: auto; width: 1px; height: 50%; background: #cccccc; }
.board-view .article-body { padding: 0 0 100px; font-size: var(--text-base); }
.board-view .article-body img { border-radius: var(--border-radius); }
.board-view .article-foot { padding-top: 80px; border-top: 1px solid #EEEEEE; }
.board-view .article-foot .actions { display: flex; align-items: center; justify-content: center; margin-top: -36px; }
.board-view .function-buttons { display: flex; align-items: center; justify-content: flex-end; gap: 10px; margin-top: 30px; }
.board-view .function-buttons .button { font-size: var(--text-base); font-weight: 500; }
.board-view .addition-attachment { margin-top: 60px; }
.board-view .addition-attachment .heading { flex-shrink: 0; display: flex; align-items: center; position: relative; margin-bottom: 20px; font-weight: 500; color: var(--clr-dark); }
.board-view .addition-attachment .heading .icon { margin-right: 5px; width: 20px; height: 20px; }
.board-view .addition-attachment .heading .icon-file { color: var(--clr-orange); }
.board-view .addition-attachment .addition-list { padding: 30px 40px; background: var(--background-primary); border-radius: var(--border-radius); }
.board-view .addition-attachment .addition-list > li { display: flex; align-items: center; justify-content: space-between; padding: 7px 0; }
.board-view .addition-attachment .addition-list > li:first-child { padding-top: 0; }
.board-view .addition-attachment .addition-list > li:last-child { padding-bottom: 0; border-bottom: none; }
.board-view .addition-attachment .addition-list a { font-size: 1.7rem; font-weight: 400; color: #555555;}
.board-view .addition-attachment .addition-list .name { font-size: var(--text-sm); color: #666666; }

.board-view .addition .tags { flex-wrap: wrap; gap: 5px; margin-top: 60px; }
.board-view .addition .tags .chip { padding: 0 10px; height: 30px; font-size: var(--text-xs); }

.board-view .article-navigation .lists { display: flex; align-items: center; justify-content: space-between; }
.board-view .article-navigation .lists .item { flex: 1; max-width: 340px; min-width: 0; }
.board-view .article-navigation .lists .item-next { text-align: right; }
.board-view .article-navigation .lists .item-next .link { flex-direction: row-reverse; }
.board-view .article-navigation .lists .link { display: flex; width: 100%; }
.board-view .article-navigation .lists .title { display: inline-flex; align-items: center; position: relative; font-size: var(--text-sm); font-weight: 500; color: var(--clr-black); }
.board-view .article-navigation .lists .item-prev .title::before,
.board-view .article-navigation .lists .item-next .title::after { content: ''; display: inline-flex; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; background-size: auto 100%; transition: all .35s ease; }
.board-view .article-navigation .lists .item-prev .title::before { margin-right: 10px; background-image: url('/assets/images/chevron-left.svg'); }
.board-view .article-navigation .lists .item-next .title::after { margin-left: 10px; background-image: url('/assets/images/chevron-right.svg'); }
/* .board-view .article-navigation .lists .item-prev .text { margin-left: 34px; padding-right: 34px; }
.board-view .article-navigation .lists .item-next .text { margin-left: -34px; padding-left: 34px; } */
.board-view .article-navigation .lists .item-prev .title { margin-left: 0; padding-left: 0; }
.board-view .article-navigation .lists .item-next .title { margin-right: 0; padding-right: 0; }
.board-view .article-navigation .lists .item-prev .title::before { right: 0; }
.board-view .article-navigation .lists .item-next .title::before { left: 0; }
.board-view .article-navigation .lists .text { overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
/* .board-view .article-navigation .actions .button::before { content: ''; display: block; width: 100%; height: 100%; background: url('/assets/images/list-light.svg') no-repeat center / auto 28%; } */
.board-view .answer { margin: 100px 0 0; padding: 30px 40px; background: var(--background-primary); border-radius: 20px; }
.board-view .answer-head { margin-bottom: 10px; }
@media (hover: hover) and (pointer: fine) {
	.board-view .article-navigation .lists .link:hover .text { text-decoration: underline; text-underline-offset: 0.25em; }
	.board-view .article-body a:hover { text-decoration: underline; }
	.board-view .addition-attachment .addition-list a:hover { text-decoration: underline; }
}
@media screen and (max-width: 1024px) {
	.board-view .article-head { padding-bottom: 24px; }
	.board-view .article-head .date { margin-top: 24px; }
	.board-view .article-head .heading { font-size: 2.4rem; }
	.board-view .article-head .category .icon { width: 18px; height: 18px; }
	.board-view .article-body { padding: 0 0 40px; }
	.board-view .article-foot { padding-top: 30px; }
	.board-view { padding-top: calc(var(--header-height) + 40px) }
	.board-view .addition-attachment { display: block; margin-top: 42px; border-radius: 14px; }
	.board-view .addition-attachment .heading { margin: 0 0 16px; padding: 0; }
	.board-view .addition-attachment .heading::before { content: none; }
	.board-view .addition-attachment .addition-list { padding: 24px; }
	.board-view .addition-attachment .addition-list a { height: 45px; }
	.board-view .article-foot .actions { margin-top: 24px; }
	.board-view .answer { margin-top: 42px; padding: 24px; border-radius: 14px; }

	.board-view .addition .tags { margin-top: 36px; }
}
@media screen and (max-width: 768px) {
	.board-view .article-head .heading { font-size: 1.8rem; }
	.board-view .article-head .flex { justify-content: center; }
	.board-view .article-head .category .icon { width: 16px; height: 16px; }
	.board-view .article-body { padding-bottom: 24px; }
	.board-view .article-foot { padding-top: 24px; }
	.board-view .addition-attachment .addition-list > li { display: block; padding: 2px 0; }
	.board-view .addition-attachment .addition-list .name { width: 100%; }
	.board-view .addition-attachment .addition-list a { margin-top: 8px; width: 100%; }
	.board-view .article-navigation .lists .item { max-width: 120px; }
	.board-view .article-navigation .lists .link { display: block; }
	.board-view .article-navigation .lists .title::before { content: none; }
	.board-view .answer { margin-top: 24px; padding: 16px; }
}