@charset "utf-8";

/* 포스트 카테고리  */
.card-thumbnail {overflow: hidden; margin-bottom: 15px; display: flex; align-items: center; justify-content: center; aspect-ratio: 1 / 1; max-height: fit-content;}
.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%;}
.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, 1vw, 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{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.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 10px;  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.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; } 

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

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

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

/* 카테고리 폭 설정: 전체 (100%) */
body.category-width-full .post-list-wrap:has(.row.portfolio) .container.subbox,
body.category-width-full .post-list-wrap:has(.row.portfolio) .cate-info.container,
body.category-width-full .post-list-wrap:has(.row.portfolio) .category-btwrap.container,
body.category-width-full .post-list-wrap:has(.row.photo) .container.subbox,
body.category-width-full .post-list-wrap:has(.row.photo) .cate-info.container,
body.category-width-full .post-list-wrap:has(.row.photo) .category-btwrap.container,
body.category-width-full .post-list-wrap:has(.row.photo4) .container.subbox,
body.category-width-full .post-list-wrap:has(.row.photo4) .cate-info.container,
body.category-width-full .post-list-wrap:has(.row.photo4) .category-btwrap.container { max-width: 100%; }
.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: 1380px; }

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

/* Single 페이지 카테고리 폭 설정: 전체 (100%) */
body.category-width-full.category-type-portfolio .container.single-layout,
body.category-width-full.category-type-portfolio .post-content.container,
body.category-width-full.category-type-photo .container.single-layout,
body.category-width-full.category-type-photo .post-content.container,
body.category-width-full.category-type-photo4 .container.single-layout,
body.category-width-full.category-type-photo4 .post-content.container { max-width: 100%; }
body.category-type-portfolio .post-header{margin-bottom: 0; border-bottom: 0;}

.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: 60px; 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.5;}
.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: 17px; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; opacity: 0.85;} 
.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: 17px 10px; }
.row.noimglist .col .entry-title{font-size: 18px; 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;}
.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: 1380px; }
.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: 1380px; }
.pagination-section .container.pagination-width-full { max-width: 100%; } 

.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);}

body.darkmode #kboard-contact-form-editor .kboard-attr-row .attr-name img{filter: invert(1) hue-rotate(180deg); }
.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;}
.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; 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: 34px; border-radius: 4px; padding: 8px;}
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:1200px) {
    .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%;}
    .kboardBox { 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;}
    .kboardTitle, .kboardTitle2{margin-top: 0; }
    .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-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 { 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;}
}

@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; }
    .kboardTitle, .kboardTitle2 { font-size: 20px !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: 15px;}
    #kboard-default-list .kboard-control{margin-top: -45px !important;}
}