@charset "utf-8"; /* 포스트 카테고리 */
.card-thumbnail { overflow: hidden; border-radius: 8px; margin-bottom: 15px; display: flex; align-items: center; justify-content: center; aspect-ratio: 4 / 3; max-height: 100%; } 
.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%; } 
.category-mov .card-thumbnail img { transform: scale(1.35); } 
.category-music-album .card-thumbnail { aspect-ratio: 3 / 4; } 
.row .entry-info .entry-excerpt { display: -webkit-box; margin-bottom:10px; 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 .post-meta { display: flex; gap: 20px; font-size: 14px; color: #888; } 
.row .col .post-meta > span i { margin-right: 7px; } 
.row .col article .post-counter { display: flex;align-items: center;} 

.category-press .row .col article .post-counter, .category-photo .row .col article .post-counter,
.category-mov .row .col article .post-counter { display: flex; } 

.row.photo .col { padding: 0 20px 35px 20px; width: 33.3333%; } 
.row.photo .col .entry-excerpt { opacity: 0.85; } 
.row.photo .col .entry-title { margin: 0px 0 10px 0; font-size: 16px; font-weight: 400; line-height: 1.4; } 
.row.photo .col .entry-date { display: block; } 

/* 포토갤러리 3단형 이미지 비율 설정 */
.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.photo4 { gap: 40px 20px; margin: 0; display: grid; grid-template-columns: repeat(4, 1fr); } 
.row.photo4 .col { padding: 0; width: 100%; } 
.row.photo4 .col .card-thumbnail { margin-bottom: 0; width: auto; aspect-ratio: 1 / 1; } 
.row.photo4 .col .entry-excerpt { opacity: 0.85; } 
.row.photo4 .col .entry-title { margin: 20px 10px; font-size: 17px; 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; } 

/* 포토갤러리 4단형 이미지 비율 설정 */
.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.portfolio { width: calc(100% - 60px); max-width:1750px; margin-left: auto; margin-right: auto; } 
.row.portfolio .col .card-thumbnail { aspect-ratio: 6 / 8; max-height: 720px; } 
.row.portfolio .col { padding: 0 20px 50px 20px; width: 33.3333%; } 
.row.portfolio .col .entry-title { margin: 15px 0 8px 0; font-size: 16px; font-weight: 400; opacity: 0.85;; 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; } 

/* 포트폴리오형 이미지 비율 설정 */
.row.portfolio.ratio-16-9 .col .card-thumbnail { aspect-ratio: 16 / 9; max-height: none; } 
.row.portfolio.ratio-4-3 .col .card-thumbnail { aspect-ratio: 4 / 3; max-height: none; } 
.row.portfolio.ratio-3-4 .col .card-thumbnail { aspect-ratio: 3 / 4; max-height: none; } 
.row.portfolio.ratio-1-1 .col .card-thumbnail { aspect-ratio: 1 / 1; max-height: none; } 

/* 포트폴리오형, 포토갤러리형 카테고리 폭 설정 - 기본값 */
.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: 1320px; } 

/* 카테고리 폭 설정: 좁게 (1000px) */
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; } 

/* 카테고리 폭 설정: 넓게 (1320px) - 기본값 */
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: 1320px; } 

.cate-info, .category-search-btn i, .category-search-input, .category-link a { color: var(--body-text-color); } 

/* Single 페이지 카테고리 폭 설정 */
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: 1320px; } 

/* Single 페이지 카테고리 폭 설정: 좁게 (1000px) */
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; } 

/* Single 페이지 카테고리 폭 설정: 넓게 (1320px) */
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: 1320px; } 

body.category-type-portfolio .post-header { margin-bottom: 0; border-bottom: 0; } 

.container.subbox:has(.content .goyo-worklog) { max-width: 1320px; } 

.row.blog { margin-right:-20px; margin-left:-20px; position:relative; columns: 3; gap: 1rem; counter-reset: grid; display: block; } 
.row.blog .col { padding: 0 clamp(5px, 0.5vw, 20px); padding-bottom: 40px;; width: 100%; display: block; } 
.row.blog .col .entry-title { font-size: 19px; font-weight: 500; margin-top: 15px; margin-bottom: 13px; line-height: 1.4; } 
.row.blog .col .entry-info { font-size: 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(20px, 3vw, 40px); width: 100%; display: block; } 
.row.webzine .col a { display: flex; gap:50px; align-items: center; } 
.row.webzine .col .entry-title { font-size: clamp(18px, 1.2vw ,21px); font-weight: 600; margin-bottom: 12px; line-height: 1.4; } 
.row.webzine .col .post-meta { font-size: 15px; display: flex; gap: 30px; } 
.row.webzine .col .post-meta > span { display: flex; } 
.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: 220px; min-height: 100%; max-height: 220px; min-width: 340px; border: 1px solid #ddd;margin-bottom: 0; } 
.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: 17px; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 0 !important; color: #888; } 
.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:hover { background-color: #f5f9f8 } 
.row.noimglist .col:first-child { border-top: 1px solid var(--border-color); } 
.row.noimglist .col a { display: flex; gap: 0px; align-items: center; padding: 13px 0px; } 
.row.noimglist .col .entry-title { font-size: 17px; color: #111; 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: 14px; opacity: 0.6;; position: absolute; top: 2px; left: 5px; } 
.row.noimglist .col .entry-date, .row.noimglist .list-author { font-size: 14px; display: block; opacity: 0.75; } 
.row.noimglist .col .entry-date { width: 90px; text-align: center; letter-spacing: -1px; } 
.row.noimglist .col .entry-date i { display: none !important; } 
.row.noimglist .col .card-thumbnail { display: none; } 
.row.noimglist .entry-text-wrap { padding: 0 10px;display: grid; gap: 10px; flex: 1; grid-template-columns: auto max-content; } 
.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; } 
.related-title { margin-bottom: 40px; font-size: 24px; font-weight: 500; width: 100%; display: block; } 

/* 관련글 섹션 카테고리 폭 설정 */
.related-section .container.related-width-narrow { max-width: 1000px; } 
.related-section .container.related-width-wide { max-width: 1320px; } 
.related-section .container.related-width-full { max-width: 100%; } 

/* 페이지네이션 섹션 카테고리 폭 설정 */
.pagination-section .container.pagination-width-narrow { max-width: 1000px; } 
.pagination-section .container.pagination-width-wide { max-width: 1320px; } 
.pagination-section .container.pagination-width-full { max-width: 100%; } 

/* 이전글/다음글 네비게이션 스타일 */
.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);} 

.kboardTitle, .kboardTitle2 { margin-top: -15px; font-size: clamp(22px, 2.5vw, 28px); font-weight: 500; margin-bottom: 20px; } 
.kboardTitle2 { margin-top: 0 !important; } 
.kboardBox { margin-right:auto; margin-left :auto; width: 1000px; } 
.page-kgallery .kboardBox { width: 100%; } 
.kboardText { margin-bottom: 30px; font-size: 16px; } 
.page #kboard-default-list .kboard-list-header { display: none; } 
.kboardAddfile { padding: 2px 15px; border: 1px solid var(--border-color); background-color: transparent; font-size: 14px; border-radius: 4px; } 
#kboard-default-list .kboard-control { margin-top: -65px !important; } 
#kboard-contact-form-editor .kboard-attr-row { padding: 5px 0 !important; } 
#kboard-default-list .kboard-pagination .kboard-pagination-pages li:hover a,
#kboard-default-list .kboard-pagination .kboard-pagination-pages li.active a { color: var(--primary-color); } 



.mode-document .kboardTitle { display: none; } 
.mode-editor .content .kboardBox, .mode-document #kboard-document { max-width: 1000px; width: 100%; margin-left: auto; margin-right: auto; } 

.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); font-size: clamp(14px, 0.8vw, 15px); } 
.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; } 
.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: 34px; border-radius: 4px; padding: 8px; } 
a.page-numbers:hover { border-color: var(--primary-color); } 
.category-pagination li.active { background-color: var(--primary-color); color: #fff; border-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:1750px){
    .row.portfolio .col { padding: 0 10px 40px 10px; } 
 }

@media screen and (max-width:1450px){
    .row.portfolio { width: calc(100% - 20px); } 
 }

@media screen and (max-width:1200px){
    .col-4 .card-thumbnail { height: 200px; min-height: 200px; } 
    .col-4.blog .entry-title { font-size: 19px; } 
    .row.photo .col{ padding: 0 10px 30px 10px; } 
    .row.photo4 .col { padding: 0  } 
    .row.photo4{gap:  20px;}
    .row.photo4.row .col article > a { width: 100%; } 
    .row.photo4 .col .card-thumbnail { margin-bottom: 0; min-width: 100%;  width: 100%; } 
    .row.photo4 .col .entry-title {margin: 10px 0px;font-size: 16px;}
    .kboardBox { width: 100%; } 
    .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 { max-width: 100%; } 

    body.category-type-portfolio .container.single-layout,
    body.category-type-portfolio .post-content.container { max-width: 100%; } 
    .row.webzine .col .card-thumbnail { height: 200px; max-height: 200px; aspect-ratio: 4 / 3; } 
    .kboardTitle, .kboardTitle2 { margin-top: 0; } 
    .row.portfolio { width: 100%; } 
    .row.portfolio .col { padding: 0 10px 30px 10px; } 
    a.page-numbers, .category-pagination li.active { font-size: 13px; min-width: 30px; } 
 }

@media screen and (max-width:820px){
    .row.blog .col { padding: 0 10px 40px 10px; } 
    .row.portfolio .col { padding: 0 10px 20px 10px; } 
    .row.blog { columns: 3; } 
    .row.webzine .col .card-thumbnail { min-width: 300px; } 
    .row.webzine, .row.blog, .row.photo, .row.photo4, .row.portfolio { margin-left: 0; margin-right: 0; grid-template-columns: repeat(3, 1fr); } 
    .row.photo4 .col { width: 100%; padding: 0; } 
    .row.photo4 .col .card-thumbnail { min-height: 240px; } 
    .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;  } 
    .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-narrow,
    .related-section .container.related-width-wide,
    .related-section .container.related-width-full { max-width: 100%; } 
    .pagination-section .container.pagination-width-narrow,
    .pagination-section .container.pagination-width-wide,
    .pagination-section .container.pagination-width-full { max-width: 100%; } 
    .pagination-section, .related-section { padding: 0 10px; } 

    .kboardTitle, .kboardTitle2 { margin-top: 0; font-size: 20px; } 
    #kboard-default-list .kboard-control { margin-top: -55px !important; } 
    #kboard-webzine-list .col-4 h2 { font-size: 19px; } 
    #kboard-default-document .kboard-title { border-top: 0 !important; flex-direction: column; gap: 15px; } 

    .single .pagination { margin-top: 0; } 
    .category-link { margin: 30px auto; } 
    .single-layout .post{padding:0 25px 25px 25px;}
    .single .post-title{margin: 10px 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; } 
    .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; } 
    .row.noimglist .entry-text-wrap{padding: 0; gap: 6px;}
    .row.noimglist .col .entry-title::before{left: 0;}
    .single .post-title {  margin: 30px 0 10px 0;}
    .row.webzine .col .entry-title{margin-bottom: 10px;}
    .related-title { font-size: 22px; padding: 0; } 
    .related-section .container.related-width-narrow,
    .related-section .container.related-width-wide,
    .related-section .container.related-width-full { max-width: 100%; } 
    .pagination-section .container.pagination-width-narrow,
    .pagination-section .container.pagination-width-wide,
    .pagination-section .container.pagination-width-full { max-width: 100%; } 
    .kboardTitle, .kboardTitle2 { font-size: 22px !important; margin-top: 0 !important; } 
    .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; } 
    .kboardTitle, .kboardTitle2 { margin-bottom: 10px; } 
    .row .entry-info .entry-excerpt{margin-bottom: 0;}
 }