@charset "utf-8";
/* 포스트 카테고리 */
/* 카테고리/검색 목록: 화면 아래로 스크롤하며 col 이 뷰포트에 들어올 때 15px 위로 페이드( JS + html.goyo-reveal-tiles ) */
.post-list-wrap .row .goyo-col-reveal { opacity: 1; transform: none; } 
html.goyo-reveal-tiles .post-list-wrap .row .goyo-col-reveal { opacity: 0; transform: translateY(15px); transition: opacity 0.55s ease, transform 0.55s ease; will-change: opacity, transform; } 
html.goyo-reveal-tiles .post-list-wrap .row .goyo-col-reveal.goyo-col-reveal--in { opacity: 1; transform: translateY(0); will-change: auto; } 
.fadeup { opacity: 1; transform: none; } 
html.goyo-reveal-tiles .fadeup { opacity: 0; transform: translateY(20px); transition: opacity 0.55s ease, transform 0.55s ease; will-change: opacity, transform; } 
html.goyo-reveal-tiles .fadeup.goyo-col-reveal--in { opacity: 1; transform: translateY(0); will-change: auto; } 
/* 홈 메인 갤러리( 갤러리 li ): 카테고리 목록과 동일 — html.goyo-reveal-tiles + category-col-reveal.js, Y 20px */
.goyo-main-gallery-grid .goyo-main-gallery-item.goyo-col-reveal { opacity: 1; transform: none; } 
html.goyo-reveal-tiles .goyo-main-gallery-grid .goyo-main-gallery-item.goyo-col-reveal {  transform: translateY(20px); transition: opacity 0.55s ease, transform 0.55s ease; will-change: opacity, transform; } 
html.goyo-reveal-tiles .goyo-main-gallery-grid .goyo-main-gallery-item.goyo-col-reveal.goyo-col-reveal--in { opacity: 1; transform: translateY(0); will-change: auto; } 
/* 커스터마이저 미리보기: selective refresh 후 reveal 스크립트가 재관찰하지 않아 opacity:0 에 묶이는 것 방지 */
body.is-customize-preview html.goyo-reveal-tiles .goyo-main-gallery-grid .goyo-main-gallery-item.goyo-col-reveal { opacity: 1; transform: translateY(0); transition: none; will-change: auto; } 
.card-thumbnail { overflow: hidden; margin-bottom: 15px; display: flex; align-items: center; justify-content: center; 
    aspect-ratio: 1 / 1; max-height: fit-content; min-width: 100%; min-height: 100%; overflow: hidden; } 
.card-thumbnail .post-thumbnail-img { width: 100%; height: auto; min-width: 100%; } 
.card-thumbnail img { min-height: 100%; min-width: 100%; object-fit: cover; width: 100%; height: 100%; transform: scale(1.03); transition: all 0.4s;} 
.card-thumbnail:hover img{transform: scale(1);}
.row .entry-info .entry-excerpt { display: -webkit-box; margin-bottom:5px; overflow: hidden; font-size: 16px; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 1.5; } 
.row .col article > a { width: 100%; } 
.row .col .entry-title { font-size: clamp(15px, 1.2vw, 17px); } 

.row.photo { display: flex; flex-wrap: wrap; margin-right: -20px; margin-left: -20px; } 
.row.photo .col { padding: 0 20px 32px 20px; width: 33.3333%; } 
.row.photo .col .card-thumbnail { aspect-ratio: 1 / 1; } 
.row.photo.ratio-16-9 .col .card-thumbnail { aspect-ratio: 16 / 9; } 
.row.photo.ratio-4-3 .col .card-thumbnail { aspect-ratio: 4 / 3; } 
.row.photo.ratio-3-4 .col .card-thumbnail { aspect-ratio: 3 / 4; } 
.row.photo.ratio-1-1 .col .card-thumbnail { aspect-ratio: 1 / 1; } 
.row.photo .col .entry-excerpt { opacity: 0.85; } 
.row.photo .col .entry-title { margin: 0px 0 10px 0; font-size: clamp(15px, 1vw, 17px); font-weight: 400; line-height: 1.4; } 
.row.photo .col .entry-date { font-size: 14px; display: block; opacity: 0.6; } 

.row.photo4 { display: flex; flex-wrap: wrap; margin-right: -20px; margin-left: -20px; } 
.row.photo4 .col { padding: 0 20px 32px 20px; width: 25%; } 
.row.photo4 .col .card-thumbnail { margin-bottom: 0; width: auto; aspect-ratio: 1 / 1; } 
.row.photo4.ratio-16-9 .col .card-thumbnail { aspect-ratio: 16 / 9; } 
.row.photo4.ratio-4-3 .col .card-thumbnail { aspect-ratio: 4 / 3; } 
.row.photo4.ratio-3-4 .col .card-thumbnail { aspect-ratio: 3 / 4; } 
.row.photo4.ratio-1-1 .col .card-thumbnail { aspect-ratio: 1 / 1; } 
.row.photo4 .col .entry-excerpt { opacity: 0.85; } 
.row.photo4 .col .entry-title { margin: 20px 0px; font-weight: 500; line-height: 1.4; } 
.row.photo4 .col .entry-date { font-size: 14px; display: block; opacity: 0.6; } 
.row.photo4.row .col article > a { width: 100%; height: max-content; display: flex; align-items: center; justify-content: center; flex-direction: column; background: var(--submenu-bg-color); overflow: hidden; transition: box-shadow 0.2s; } 
.row.portfolio { display: flex; flex-wrap: wrap; margin-right: -20px; margin-left: -20px; } 
.row.portfolio .col .card-thumbnail { aspect-ratio: 16 / 9; max-height: 100% } 

.row.portfolio.ratio-16-9 .col .card-thumbnail { aspect-ratio: 16 / 9; } 
.row.portfolio.ratio-4-3 .col .card-thumbnail { aspect-ratio: 4 / 3; } 
.row.portfolio.ratio-3-4 .col .card-thumbnail { aspect-ratio: 3 / 4; } 
.row.portfolio.ratio-1-1 .col .card-thumbnail { aspect-ratio: 1 / 1; } 
.row.portfolio .col { padding: 0 20px 50px 20px; width: 50%; } 
.row.portfolio .col .entry-title { margin: 15px 0 8px 0; font-weight: 400; opacity: 0.9;; display: flex; align-items: center; } 
.row.portfolio .col .entry-date { font-size: 14px; opacity: 0.6; } 
.row.portfolio .col article > a { display: block; width: 100%; height: 100%; } 
.row.portfolio .col .imgbox img { min-width: 100%; height: auto; min-height: 100%; object-fit: cover; } 
.row.portfolio .col .entry-excerpt { margin: 15px 0; font-size: 15px; opacity: 0.8; } 

/* 포트폴리오·포토: 그리드 보조 래퍼( category-functions 의 body.category-width-720 등과 동기화, 인라인 .category .container.subbox 보완 ) */
.post-list-wrap:has(.row.portfolio) .container.subbox,
.post-list-wrap:has(.row.portfolio) .cate-info.container,
.post-list-wrap:has(.row.portfolio) .category-btwrap.container,
.post-list-wrap:has(.row.photo) .container.subbox,
.post-list-wrap:has(.row.photo) .cate-info.container,
.post-list-wrap:has(.row.photo) .category-btwrap.container,
.post-list-wrap:has(.row.photo4) .container.subbox,
.post-list-wrap:has(.row.photo4) .cate-info.container,
.post-list-wrap:has(.row.photo4) .category-btwrap.container { max-width: 1380px; } 
body.category-width-720 .post-list-wrap:has(.row.portfolio) .container.subbox, body.category-width-720 .post-list-wrap:has(.row.portfolio) .cate-info.container, body.category-width-720 .post-list-wrap:has(.row.portfolio) .category-btwrap.container, body.category-width-720 .post-list-wrap:has(.row.photo) .container.subbox, body.category-width-720 .post-list-wrap:has(.row.photo) .cate-info.container, body.category-width-720 .post-list-wrap:has(.row.photo) .category-btwrap.container, body.category-width-720 .post-list-wrap:has(.row.photo4) .container.subbox, body.category-width-720 .post-list-wrap:has(.row.photo4) .cate-info.container, body.category-width-720 .post-list-wrap:has(.row.photo4) .category-btwrap.container { max-width: 720px; } 
body.category-width-1000 .post-list-wrap:has(.row.portfolio) .container.subbox, body.category-width-1000 .post-list-wrap:has(.row.portfolio) .cate-info.container, body.category-width-1000 .post-list-wrap:has(.row.portfolio) .category-btwrap.container, body.category-width-1000 .post-list-wrap:has(.row.photo) .container.subbox, body.category-width-1000 .post-list-wrap:has(.row.photo) .cate-info.container, body.category-width-1000 .post-list-wrap:has(.row.photo) .category-btwrap.container, body.category-width-1000 .post-list-wrap:has(.row.photo4) .container.subbox, body.category-width-1000 .post-list-wrap:has(.row.photo4) .cate-info.container, body.category-width-1000 .post-list-wrap:has(.row.photo4) .category-btwrap.container, body.category-width-narrow .post-list-wrap:has(.row.portfolio) .container.subbox, body.category-width-narrow .post-list-wrap:has(.row.portfolio) .cate-info.container, body.category-width-narrow .post-list-wrap:has(.row.portfolio) .category-btwrap.container, body.category-width-narrow .post-list-wrap:has(.row.photo) .container.subbox, body.category-width-narrow .post-list-wrap:has(.row.photo) .cate-info.container, body.category-width-narrow .post-list-wrap:has(.row.photo) .category-btwrap.container, body.category-width-narrow .post-list-wrap:has(.row.photo4) .container.subbox, body.category-width-narrow .post-list-wrap:has(.row.photo4) .cate-info.container, body.category-width-narrow .post-list-wrap:has(.row.photo4) .category-btwrap.container { max-width: 1000px; } 
body.category-width-1200 .post-list-wrap:has(.row.portfolio) .container.subbox, body.category-width-1200 .post-list-wrap:has(.row.portfolio) .cate-info.container, body.category-width-1200 .post-list-wrap:has(.row.portfolio) .category-btwrap.container, body.category-width-1200 .post-list-wrap:has(.row.photo) .container.subbox, body.category-width-1200 .post-list-wrap:has(.row.photo) .cate-info.container, body.category-width-1200 .post-list-wrap:has(.row.photo) .category-btwrap.container, body.category-width-1200 .post-list-wrap:has(.row.photo4) .container.subbox, body.category-width-1200 .post-list-wrap:has(.row.photo4) .cate-info.container, body.category-width-1200 .post-list-wrap:has(.row.photo4) .category-btwrap.container { max-width: 1200px; } 
body.category-width-1380 .post-list-wrap:has(.row.portfolio) .container.subbox, body.category-width-1380 .post-list-wrap:has(.row.portfolio) .cate-info.container, body.category-width-1380 .post-list-wrap:has(.row.portfolio) .category-btwrap.container, body.category-width-1380 .post-list-wrap:has(.row.photo) .container.subbox, body.category-width-1380 .post-list-wrap:has(.row.photo) .cate-info.container, body.category-width-1380 .post-list-wrap:has(.row.photo) .category-btwrap.container, body.category-width-1380 .post-list-wrap:has(.row.photo4) .container.subbox, body.category-width-1380 .post-list-wrap:has(.row.photo4) .cate-info.container, body.category-width-1380 .post-list-wrap:has(.row.photo4) .category-btwrap.container, body.category-width-wide .post-list-wrap:has(.row.portfolio) .container.subbox, body.category-width-wide .post-list-wrap:has(.row.portfolio) .cate-info.container, body.category-width-wide .post-list-wrap:has(.row.portfolio) .category-btwrap.container, body.category-width-wide .post-list-wrap:has(.row.photo) .container.subbox, body.category-width-wide .post-list-wrap:has(.row.photo) .cate-info.container, body.category-width-wide .post-list-wrap:has(.row.photo) .category-btwrap.container, body.category-width-wide .post-list-wrap:has(.row.photo4) .container.subbox, body.category-width-wide .post-list-wrap:has(.row.photo4) .cate-info.container, body.category-width-wide .post-list-wrap:has(.row.photo4) .category-btwrap.container { max-width: 1380px; } 
.cate-info, .category-search-btn i, .category-search-input, .category-link a, .category-link.goList a { color: var(--body-text-color); } 

.category-link.goList { margin: 50px auto 10px auto; display: block;} 
.category-link.goList a { height: 45px; border: 1px solid var(--border-color3); font-size: 16px; display: flex; align-items: center; justify-self: center; padding: 8px 30px; } 
/* 카테고리 상단: 전체 n건 + 인라인 검색(shortcodes.php). 테마에 flex 레이아웃 누락 시 폼이 세로로 쌓이는 문제 방지 */
.cate-info { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px 16px; position: relative; font-size: 15px; margin-bottom: 20px; margin-top: 0; padding: 0; } 
.cate-info.is-hidden { display: none !important; }
.post-list-wrap .pageTitle.is-hidden { display: none !important; }
.category-searchwrap { position: relative; display: flex; align-items: center; justify-content: flex-end; flex: 1; min-width: 0; gap: 10px; } 
/* 토글 스크립트가 없을 때 상단 돋보기는 폼과 중복되므로 숨김(제출 버튼 아이콘만 사용) */
.category-searchwrap .search-trigger { display: none; } 
.category-bt-search { display: flex; align-items: center; justify-content: flex-end; min-width: 0; } 
/* goyominimal 은 .top-search 를 absolute+숨김(클릭 시 .active) — 이 테마는 항상 표시 */
.category-bt-search.top-search { position: static; inset: auto; width: 100%; max-width: min(100%, 320px); opacity: 1; visibility: visible; transform: none; } 
.category-search-form { display: flex; flex-direction: row; align-items: stretch; flex-wrap: nowrap; width: 100%; min-width: 0; gap: 0; } 
.category-search-select { flex: 0 0 auto; height: 44px; min-width: 6.5em; max-width: 38%; margin: 0; padding: 0 1.75rem 0 10px; border: 1px solid var(--border-color); border-radius: 4px 0 0 4px; background: var(--body-bg-color); color: var(--body-text-color); font-size: 15px; outline: none; cursor: pointer; -webkit-appearance: none; appearance: none; } 
.category-search-input { flex: 1 1 40%; min-width: 0; height: 44px; margin: 0; border: 1px solid var(--border-color); border-left: none; border-radius: 0; padding: 0 12px; font-size: 15px; background: var(--body-bg-color); color: var(--body-text-color); outline: none; } 
.category-search-input::placeholder { color: rgba(0, 0, 0, 0.45); } 
.category-search-btn { flex: 0 0 44px; display: flex; align-items: center; justify-content: center; width: 44px; min-width: 44px; height: 44px; margin: 0; padding: 0; box-sizing: border-box; border: 1px solid var(--border-color); border-left: none; border-radius: 0 4px 4px 0; background: var(--body-bg-color); cursor: pointer; } 
.category-search-btn i { display: block; font-size: 18px; line-height: 1; background: transparent; } 

/* 싱글·고정페이지 본문: style.css 전역 * { margin:0 } 때문에 문단·블록 세로 간격이 사라짐 — 에디터(theme.json blockGap)와 동일 토큰으로 복구 */
.single .post-content.container > *:not(:first-child),
.page .post-content.container > *:not(:first-child),
.single .post-content.container .is-layout-flow > *:not(:first-child),
.page .post-content.container .is-layout-flow > *:not(:first-child) { margin-block-start: var(--wp--style--block-gap, 1.2rem); margin-block-end: 0; }
main .contentBox .entry-content.wp-block-post-content.is-layout-flow > *:not(:first-child),
main .contentBox .entry-content.wp-block-post-content.is-layout-constrained > *:not(:first-child) { margin-block-start: var(--wp--style--block-gap, 1.2rem); margin-block-end: 0; }

/* Single: 포트폴리오·포토형 본문 래퍼( category_width 메타 720/1000/1200/1380 = body.category-width- { 숫자 } ) */
body.category-type-portfolio .container.single-layout, body.category-type-portfolio .post-content.container, body.category-type-photo .container.single-layout, body.category-type-photo .post-content.container, body.category-type-photo4 .container.single-layout, body.category-type-photo4 .post-content.container { max-width: 1380px; } 
body.category-width-720.category-type-portfolio .container.single-layout, body.category-width-720.category-type-portfolio .post-content.container, body.category-width-720.category-type-photo .container.single-layout, body.category-width-720.category-type-photo .post-content.container, body.category-width-720.category-type-photo4 .container.single-layout, body.category-width-720.category-type-photo4 .post-content.container { max-width: 720px; } 
body.category-width-1000.category-type-portfolio .container.single-layout, body.category-width-1000.category-type-portfolio .post-content.container, body.category-width-1000.category-type-photo .container.single-layout, body.category-width-1000.category-type-photo .post-content.container, body.category-width-1000.category-type-photo4 .container.single-layout, body.category-width-1000.category-type-photo4 .post-content.container, body.category-width-narrow.category-type-portfolio .container.single-layout, body.category-width-narrow.category-type-portfolio .post-content.container, body.category-width-narrow.category-type-photo .container.single-layout, body.category-width-narrow.category-type-photo .post-content.container, body.category-width-narrow.category-type-photo4 .container.single-layout, body.category-width-narrow.category-type-photo4 .post-content.container { max-width: 1000px; } 
body.category-width-1200.category-type-portfolio .container.single-layout, body.category-width-1200.category-type-portfolio .post-content.container, body.category-width-1200.category-type-photo .container.single-layout, body.category-width-1200.category-type-photo .post-content.container, body.category-width-1200.category-type-photo4 .container.single-layout, body.category-width-1200.category-type-photo4 .post-content.container { max-width: 1200px; } 
body.category-width-1380.category-type-portfolio .container.single-layout, body.category-width-1380.category-type-portfolio .post-content.container, body.category-width-1380.category-type-photo .container.single-layout, body.category-width-1380.category-type-photo .post-content.container, body.category-width-1380.category-type-photo4 .container.single-layout, body.category-width-1380.category-type-photo4 .post-content.container, body.category-width-wide.category-type-portfolio .container.single-layout, body.category-width-wide.category-type-portfolio .post-content.container, body.category-width-wide.category-type-photo .container.single-layout, body.category-width-wide.category-type-photo .post-content.container, body.category-width-wide.category-type-photo4 .container.single-layout, body.category-width-wide.category-type-photo4 .post-content.container { max-width: 1380px; } 
body.category-type-portfolio .post-header { margin-bottom: 0; border-bottom: 0; } 

.row.blog { margin-right:auto; margin-left:auto; position:relative; columns: 3; gap: 1rem; counter-reset: grid; display: block; } 
.row.blog .col { padding: 0; padding-bottom: 40px;; width: 100%; display: block; } 
.row.blog .col .entry-title { font-size: clamp(17px, 1.3vw, 19px); font-weight: 500; margin-top: 15px; margin-bottom: 13px; line-height: 1.4; } 
.row.blog .col .entry-info { font-size: clamp(14px, 1vw, 18px); opacity: 0.75; } 
.row.blog .col .entry-date { font-size: 14px; display: block; opacity: 0.5; } 
.row.blog .col .card-thumbnail { height: inherit; margin-bottom: 0; aspect-ratio: inherit !important; } 
.row.blog .card-thumbnail .post-thumbnail-img { object-fit: contain; } 
.row.blog .nothumb { display: none !important; } 

.row.webzine { margin-right:auto; margin-left:auto; position:relative; } 
.row.webzine .col { padding: 0; padding-bottom: clamp(15px, 1.5vw, 30px); width: 100%; display: block; } 
.row.webzine .col a { display: flex; gap: 40px; align-items: center; } 
.row.webzine .col .entry-title { font-size: clamp(18px, 1.5vw ,22px); font-weight: 600; margin-bottom: 20px; line-height: 1.4; } 
.row.webzine .col .entry-date { font-size: 14px; display: block; opacity: 0.7; } 
.row.webzine .col .card-thumbnail img { min-height: 100%; min-width: 100%; object-fit: cover; width: 100%; height: 100%; } 
.row.webzine .col .card-thumbnail { height: 240px; min-height: 100%; max-height: 240px; min-width: 360px; } 
.row.webzine .entry-text-wrap { width: 100%; display: block; } 
.row.webzine .entry-text-wrap p { display: -webkit-box; margin-bottom:5px; overflow: hidden; font-size: 16px; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; opacity: 0.9; } 
.row.webzine .nothumb { display: none !important; } 

.row.noimglist { margin-right:auto; margin-left:auto; position:relative; } 
.row.noimglist .col { padding: 0px; width: 100%; display: block; border-bottom: 1px solid var(--border-color); } 
.row.noimglist .col:first-child { border-top: 1px solid var(--border-color); } 
.row.noimglist .col a { display: flex; gap: 0px; align-items: center; padding: 12px 10px; } 
.row.noimglist .col .entry-title { font-size: 16px; font-weight: 500; margin-bottom: 0px; line-height: 1.4; position: relative; padding-left: 35px; } 
.row.noimglist .col.sticky-post .entry-title, .row.noimglist .col.sticky-post .entry-title::before { color: var(--primary-color); } 
.row.noimglist .col .entry-title::before { display: inline-block; font-family: "bootstrap-icons"; content: "\F3B9"; margin-right: 8px; font-size: 16px; opacity: 0.6;; position: absolute; top: 2px; left: 5px; } 
.row.noimglist .col .entry-date, .row.noimglist .list-author { font-size: 15px; display: block; opacity: 0.75; } 
.row.noimglist .col .entry-date { width: 90px; text-align: center; } 
.row.noimglist .col .card-thumbnail { display: none; } 
.row.noimglist .entry-text-wrap { display: grid; gap: 10px; flex: 1; grid-template-columns: auto max-content; align-items: center; } 
.row.noimglist .entry-text-wrap p { display: none; } 
.list-author { display: none; } 
.row.noimglist .list-author { display: block; } 
.row.noimglist .entry-info-wrap { display: flex; gap: 30px; } 
.row.noimglist .entry-info { display: flex; gap: 30px; } 
.row .list-author { display: none; } 
.row.noimglist .list-author { display: inline-block; } 


.col-3366 { gap: 80px; font-size: 17px; margin-bottom: 4%; } 
.col-3repeat { gap: 60px; font-size: 17px; margin-bottom: 80px; } 
.col-6633 { gap: 80px; font-size: 17px; margin-bottom: 80px; } 
.col-3366 .col-fleximg img, .col-6633 .col-fleximg img { object-fit: cover; width: 100% !important; height: auto; } 
.col-3366 h3, .col-6633 h3, .col-3repeat h3 { font-size: 32px; line-height: 1.4; } 
.col-3366 h4, .col-6633 h4, .col-3repeat h4 { font-size: 24px; } 
.col-3366 hr, .col-6633 hr, .col-3repeat hr { margin: 12px 0; } 

.related-section { margin: 80px 0 0 0; position: relative; display: block;} 
.related-title { margin-bottom: 40px;  font-weight: 500; width: 100%; display: block; } 

/* 관련글·이전/다음: inc/related-post.php / inc/pagination.php 가 붙이는 related-width-720px … (메타 값 그대로) + 레거시 narrow/wide */
.related-section .container.related-width-720px { max-width: 720px; } 
.related-section .container.related-width-1000px { max-width: 1000px; } 
.related-section .container.related-width-1200px { max-width: 1200px; } 
.related-section .container.related-width-1380px { max-width: 1380px; } 
.related-section .container.related-width-narrow { max-width: 1000px; } 
.related-section .container.related-width-wide { max-width: 1380px; } 
.pagination-section .container.pagination-width-720px { max-width: 720px; } 
.pagination-section .container.pagination-width-1000px { max-width: 1000px; } 
.pagination-section .container.pagination-width-1200px { max-width: 1200px; } 
.pagination-section .container.pagination-width-1380px { max-width: 1380px; } 
.pagination-section .container.pagination-width-narrow { max-width: 1000px; } 
.pagination-section .container.pagination-width-wide { max-width: 1380px; } 

/* 이전글/다음글 네비게이션 스타일 */
.post-navigation { border-top: 1px solid var(--border-color); margin-top: 50px; padding-top: 50px; display: flex; flex-direction: column; } 
.post-navigation .prev-link, .post-navigation .next-link { border-bottom: 1px solid var(--border-color); padding: 10px 0; display: flex; gap: 10px; align-items: center; } 
.post-navigation .link-text { font-size: clamp(13px, 0.8vw, 15px); background-color: #969696; color: #fff; display: flex; align-items: center; justify-content: center; width: 60px; word-break: keep-all; min-width: 60px; border-radius: 4px; padding: 3px; } 
.post-navigation .link-text + a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: calc(100% - 60px); } 


.pagination { display: flex; gap: 0px; justify-content: center; } 
.single .pagination { margin-top: 50px; padding-bottom: 20px; padding-top: 0px; border-top: 1px solid var(--border-color); } 
.single .pagination.prod-page { border: 0 !important; } 
.pagination .category-link a { padding: 10px 30px; border:1px solid var(--border-color); font-size: 16px; border-radius: 30px; background-color: var(--submenu-bg-color); } 
.pagination .category-link a i { margin-right: 10px; color: #bbb; } 
.post-navigation { border-top: 1px solid var(--border-color); margin-top: 50px; padding-top: 50px; display: flex; flex-direction: column; } 
.post-navigation .prev-link, .post-navigation .next-link { border-bottom: 1px solid var(--border-color); padding: 10px 0; display: flex; gap: 10px; align-items: center; } 
.post-navigation .link-text { font-size: clamp(13px, 0.8vw, 15px); background-color: var(--border-color); color: var(--body-text-color); display: flex; align-items: center; justify-content: center; width: 60px; border-radius: 4px; padding: 3px; } 
.post-navigation .link-text + a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 

.category-pagination { gap: 5px; display: flex; } 
a.page-numbers, .category-pagination li.active { display: flex; align-items: center; justify-content: center; line-height: 1; font-size: 15px; border: 1px solid var(--border-color); min-width: 38px; border-radius: 4px; padding: 10px; } 
a.page-numbers:hover { border-color: var(--primary-color); } 
.category-pagination li.active { color: var(--primary-color); } 
a.page-numbers.next, a.page-numbers.prev { border: 0 !important; min-width: 15px; } 

.nav-links { display: flex; gap: 6px; } 
.nav-links a { font-size: 15px; color: var(--body-text-color); } 
.nav-links .page-numbers { display: flex; align-items: center; justify-content: center; padding: 8px 10px; border: 1px solid var(--border-color); min-width: 32px; font-size: 15px; line-height: 1; color: var(--body-text-color); border-radius: 2px; } 
.nav-links .page-numbers.current { border-color: var(--primary-color); font-weight: 600; color: var(--primary-color); } 
.nav-links .prev, .nav-links .next { border: 0; }

@media screen and (max-width:1280px){
 .row.photo .col, .row.portfolio .col { padding: 0 10px 30px 10px; } 
 .col-4.blog .entry-title { font-size: 18px; } 
 .row.photo4.row .col article > a { width: 100%; } 
 .row.photo4 .col .card-thumbnail { min-height: 100%; margin-bottom: 0; min-width: 100%; height: fit-content; width: 100%; } 
 .row.blog .col { padding: 0 0px 30px 0px; } 
 .row.webzine .col a { gap: 30px; } 
 
 .post-list-wrap:has(.row.portfolio) .container.subbox,
 .post-list-wrap:has(.row.portfolio) .cate-info.container,
 .post-list-wrap:has(.row.portfolio) .category-btwrap.container,
 .post-list-wrap:has(.row.photo) .container.subbox,
 .post-list-wrap:has(.row.photo) .cate-info.container,
 .post-list-wrap:has(.row.photo) .category-btwrap.container,
 .post-list-wrap:has(.row.photo4) .container.subbox,
 .post-list-wrap:has(.row.photo4) .cate-info.container,
 .post-list-wrap:has(.row.photo4) .category-btwrap.container { max-width: 100%; } 
 
 body.category-type-portfolio .container.single-layout,
 body.category-type-portfolio .post-content.container,
 body.category-type-photo .container.single-layout,
 body.category-type-photo .post-content.container,
 body.category-type-photo4 .container.single-layout,
 body.category-type-photo4 .post-content.container { max-width: 100%; } 
 .row.webzine .col .card-thumbnail { height: 200px; max-height: 200px; aspect-ratio: 4 / 3; } 
 /* .row.webzine, .row.blog, .row.photo, .row.photo4, .row.portfolio { margin-left: -10px; margin-right: -10px; } */
 /* .pagination-section, .related-section { padding: 0 10px; }  */
 }
@media screen and (max-width:820px){
 .row.blog { columns: 3; } 
 .row.webzine .col .card-thumbnail { min-width: 300px; } 
 .row.photo4 .col { width: 100%; padding: 0; } 
 .row.photo4 .col .entry-title { margin: 15px 5px; font-size: 17px; } 
 .row.webzine .col a { grid-template-columns: 1fr 1fr; gap: 15px; } 
 .row.webzine .col .entry-title { font-size: 18px; margin-bottom: 15px; } 
 .row.webzine .entry-text-wrap p { font-size: 15px; } 
 .row.webzine .col .entry-date { font-size: 14px; margin-bottom: 20px; } 
 .row.noimglist .col .entry-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 

 .related-section { margin: 70px 0 40px 0; } 
 .related-title { position: absolute; top: -40px; margin-bottom: 0; } 
 .related-section .container.related-width-720px,
 .related-section .container.related-width-1000px,
 .related-section .container.related-width-1200px,
 .related-section .container.related-width-1380px,
 .related-section .container.related-width-narrow,
 .related-section .container.related-width-wide { max-width: 100%; } 
 .pagination-section .container.pagination-width-720px,
 .pagination-section .container.pagination-width-1000px,
 .pagination-section .container.pagination-width-1200px,
 .pagination-section .container.pagination-width-1380px,
 .pagination-section .container.pagination-width-narrow,
 .pagination-section .container.pagination-width-wide { max-width: 100%; } 
 #kboard-webzine-list .col-4 h2 { font-size: 19px; } 
 #kboard-default-document .kboard-title { flex-direction: column; gap: 15px; } 
 .single .pagination { margin-top: 0; } 
 }
@media screen and (max-width:520px){
 .row.photo .col, .row.photo4 .col, .row.webzine .col, .row.blog .col, .row.portfolio .col { width: 100%; padding: 0 0 20px 0; } 
 .row.webzine, .row.photo, .row.photo4, .row.portfolio, .row.blog { flex-direction: column; columns: 1; margin-left: 0; margin-right: 0; } 
 .row.photo .col .entry-title, .row.photo4 .col .entry-title, .row.portfolio .col .entry-title { font-size: 15px; } 
 .row .entry-text-wrap p { -webkit-line-clamp: 2; } 
 .row.blog .col .entry-title { font-size: 18px; font-weight: 600; } 
 .row.blog .col .entry-info { font-size: 14px; } 
 .row.blog .col .entry-date { font-size: 13px; } 
 .row.webzine .col a { flex-direction: column; } 
 .row.noimglist .col a { padding: 10px 0; } 
 .row.noimglist .entry-text-wrap { grid-template-columns: 1fr; gap: 3px; } 
 .row.noimglist .col .entry-title { font-size: 16px; padding-left: 25px; } 
 .row.noimglist .col .entry-title::before { top: 0; font-size: 15px; } 
 .row.noimglist .entry-info { gap: 25px; } 
 .card-thumbnail { max-height: inherit; } 
 .row.portfolio .col .card-thumbnail { max-height: inherit; } 
 .row.portfolio .col .card-thumbnail, .row.webzine .col .card-thumbnail { min-width: 100%; width: 100%; margin-bottom: 0; } 
 .row.photo4 { grid-template-columns: repeat(2, 1fr); gap: 20px 10px; } 
 .row.photo4 .col .card-thumbnail { width: 100%; height: inherit; aspect-ratio: 1 / 1; min-height: inherit; } 
 .row.photo4 .col { padding: 0; } 
 .related-title { font-size: 22px; padding: 0; } 
 .pagination { gap: 5px; } 
 .single .pagination { gap: 0; } 
 .pagination > span { padding: 6px 15px; font-size: 13px; } 
 a.page-numbers, .category-pagination li.active { min-width: 30px; font-size: 14px; } 
 .single .pagination { margin-top: 30px; } 
 .cate-info { flex-direction: column; align-items: stretch; gap: 14px; } 
 .category-searchwrap { justify-content: stretch; } 
 .category-bt-search.top-search { max-width: 100%; } 
 .category-search-select { max-width: 42%; min-width: 5.5em; } 
 .category-search-form { min-width: 0; } 
 }

@media (prefers-reduced-motion: reduce) {
	html.goyo-reveal-tiles .post-list-wrap .row .goyo-col-reveal { opacity: 1; transform: none; transition: none; will-change: auto; }
	html.goyo-reveal-tiles .fadeup { opacity: 1; transform: none; transition: none; will-change: auto; }
	html.goyo-reveal-tiles .goyo-main-gallery-grid .goyo-main-gallery-item.goyo-col-reveal { opacity: 1; transform: none; transition: none; will-change: auto; }
}