@charset "utf-8";

/* 포스트 카테고리  */
.card-thumbnail {overflow: hidden; margin-bottom: 15px; display: flex; align-items: center; justify-content: center; aspect-ratio: 1 / 1; max-height: 300px;}
.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.photo .col { padding: 0 20px 32px 20px; width: 33.3333%; } 
.row.photo .col .entry-excerpt{ opacity: 0.85;}
.row.photo .col .entry-title { margin: 0px 0 10px 0; font-size: 18px; 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 .col .entry-excerpt{opacity: 0.85;}
.row.photo4 .col .entry-title { margin: 20px 10px; font-size: 18px; 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%px; 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 .col .card-thumbnail {     aspect-ratio: 16 / 9; max-height: 370px;} 
.row.portfolio .col { padding: 0 20px 50px 20px; width: 50%; } 
.row.portfolio .col .entry-title { margin: 15px 0 8px 0; font-size: 17px; 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 { max-width: 1380px; }
.cate-info, .category-search-btn i, .category-search-input, .category-link a {
    color: var(--body-text-color);
}
body.category-type-portfolio .container.single-layout,
body.category-type-portfolio .post-content.container { max-width: 1380px; }
body.category-type-portfolio .post-header{margin-bottom: 0; border-bottom: 0;}

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

.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, 2.1vw ,24px); 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;padding: 0 20px; font-weight: 500; width: 100%; display: block;} 

.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: 20px; align-items: center; justify-content: center; } 
.single .pagination{margin-top: 50px; padding-bottom: 20px; padding-top: 20px; 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;}
.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:1200px) {
    .col-4 .card-thumbnail { height: 200px; min-height: 200px; } 
    .col-4.blog .entry-title { font-size: 19px; } 
    .row.photo .col, .row.photo4 .col { padding: 0 10px 30px 10px;}
    .row.photo4.row .col article > a{width: 100%;}
    .row.photo4 .col .card-thumbnail {min-height: 270px;margin-bottom: 0;min-width: 100%;height: 270px; width: 100%;}
    .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; }
}

@media screen and (max-width:820px) {
    .row.blog .col{padding: 0 10px 40px 10px;}
    .row.portfolio .col {padding: 0 10px 40px 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; 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;}

    .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; }
    .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: 22px !important; margin-top: 0 !important; }

    .pagination { gap: 5px; }
    .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: 0px; }
    .kboardTitle, .kboardTitle2{margin-bottom: 10px;}
}