/*
Theme Name: Twenty Twenty-Three Child
Theme URI: https://wordpress.org/themes/twentytwentythree
Template: twentytwentythree
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Three is designed to take advantage of the new design tools introduced in WordPress 6.1. With a clean, blank base as a starting point, this default theme includes ten diverse style variations created by members of the WordPress community. Whether you want to build a complex or incredibly simple website, you can do it quickly and intuitively through the bundled styles or dive into creation and full customization yourself.
Tags: one-column,custom-colors,custom-menu,custom-logo,editor-style,featured-images,full-site-editing,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,wide-blocks,block-styles,style-variations,accessibility-ready,blog,portfolio,news
Version: 1.6.1768890686
Updated: 2026-01-20 06:31:26

*/

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css");

:root {
    --font-sans: Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
               "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif;
    --main-color: #4F8BED;
    --sub-color: #EAF2FF
}

div, li, a, span, p, h1, h2, h3, h4, h5, h6, label, input, textarea, button { font-family: var(--font-sans); }
.wp-site-blocks { padding-top: 97px; }
main { margin-top: 0; }
ul, li { list-style: none; }

/* kk-header */
.kk-header { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; background: #fff; border-bottom: 1px solid #e0e0e0; }
.kk-header::before { position: absolute; top: 52px; left: 0; width: 100%; height: 1px; background: #ddd; display: block; content: ""; }
.kk-header__inner { min-height: 52px; }
.kk-header__left { flex-shrink: 0; }
.wp-block-site-logo a { position: relative; padding-right: 66px; flex-shrink: 0; }
.wp-block-site-logo a::after { position: absolute; top: 50%; right: 0; margin-left: 14px; padding-left: 14px; font-size: 18px; font-weight: 600; color: #424242; line-height: 16px; border-left: 1px solid #ddd; display: block; content: "Blog"; transform: translate(0,-50%); }
.kk-header__right .wp-block-buttons { flex-shrink: 0; width: 125px; }
.kk-header__right .wp-block-buttons > .wp-block-button { width: 100%; }
.kk-header__right .wp-block-button__link { display: block; padding: 0; line-height: 34px; border-radius: 5px; font-size: 14px; background: var(--main-color); color: #fff; text-align: center; font-weight: 700; }
.kk-header__right .wp-block-button__link:hover { color: #fff; }
:root :where(.wp-element-button:hover, .wp-block-button__link:hover) { color: #333; }
.kk-header__right { gap: 7px; }
.wp-block-search__inside-wrapper { position: relative; border: 1px solid #ddd; border-radius: 5px; height: 34px; overflow: hidden; }
.wp-block-search__input { border: 0; height: 100%; padding: 0 10px; font-size: 14px; color: #333; }
.wp-block-search__button { position: absolute; top: 0; right: 5px; height: 100%; padding: 0; background: none; }
.kk-header__search .wp-block-search__input::-webkit-search-cancel-button,
.kk-header__search .wp-block-search__input::-webkit-search-decoration,
.kk-header__search .wp-block-search__input::-webkit-search-results-button,
.kk-header__search .wp-block-search__input::-webkit-search-results-decoration { -webkit-appearance: none; appearance: none; display: none; }
.kk-header__search .wp-block-search__input::-ms-clear,
.kk-header__search .wp-block-search__input::-ms-reveal{ display: none; width: 0; height: 0; }
.kk-header > .wp-block-navigation { margin: 0; width: 100%;  max-width: var(--wp--style--global--wide-size, 1200px); min-height: 44px; display: flex; align-items: center; justify-content: flex-start; }
.kk-header > .wp-block-navigation .wp-block-navigation__container { gap: 18px; flex-wrap: nowrap; }
.kk-header > .wp-block-navigation .wp-block-page-list { justify-content: flex-start; }
.kk-header > .wp-block-navigation .wp-block-navigation-item__content { padding: 12px 0; font-size: 14px; line-height: 1; color: #424242; text-decoration: none; }
.kk-header > .wp-block-navigation .wp-block-navigation-item__content:hover { color: var(--main-color); }
.kk-header > .wp-block-navigation .wp-block-navigation__responsive-container-open { display: none !important; }
.kk-header > .wp-block-navigation .wp-block-navigation__responsive-container { display: flex !important; }
.kk-header > .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open { padding: 0.5rem 0.5rem 1rem 1rem; }

/* 모바일(오프캔버스) 메뉴 열렸을 때: 메뉴 항목 왼쪽 정렬 */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { align-items: flex-start !important; justify-content: flex-start !important; text-align: left !important; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { justify-content: flex-start !important; align-items: flex-start !important; width: 100%; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { justify-content: flex-start !important; text-align: left !important; width: 100%; display: block; }

/* main-sec */
.main-sec { margin-top: 0; height: 450px; display: flex; justify-content: flex-start; align-items: center; background: #333; color: #fff; }
.main-sec__inner { width: 100%; margin: 0; }
.main-sec h1 { margin: 0 0 30px; font-size: 50px; font-weight: 600; }
.main-sec p { margin: 0; font-size: 18px; font-weight: 500; }

/* 홈 카테고리 탭 */
.main-cate { margin: 0; }
.main-cate .cate { padding: 20px 0; overflow-x: auto; } 
.main-cate .cate ul { display: flex; justify-content: flex-start; align-items: center; gap: 16px; padding: 0; }
.main-cate .cate li { position: relative; border-radius: 5px; flex-shrink: 0; list-style: none; }
.main-cate .cate li a { display: block; padding: 2px 14px; font-size: 16px; font-weight: 500; color: #616161; text-decoration: none; }
.main-cate .cate li::marker { content: ""; }

body.home .main-cate .kk-cat-tabs li:first-child,
body.blog .main-cate .kk-cat-tabs li:first-child,
body.front-page .main-cate .kk-cat-tabs li:first-child { background: var(--sub-color); }
body.home .main-cate .kk-cat-tabs li:first-child > a,
body.blog .main-cate .kk-cat-tabs li:first-child > a,
body.front-page .main-cate .kk-cat-tabs li:first-child > a { color: var(--main-color); font-weight: 600; }
body.category .main-cate .kk-cat-tabs li:first-child { background: transparent; }
body.category .main-cate .kk-cat-tabs li:first-child > a { color: #616161; font-weight: 500; }
body.category .main-cate .kk-cat-tabs li.current-cat { background: var(--sub-color); }
body.category .main-cate .kk-cat-tabs li.current-cat > a { color:var(--main-color); font-weight: 600; }

/* 글 리스트 영역 */
.list-wrap .wp-block-query-title { display: none; }
.list-wrap .kk-archive-feed { margin-top: 0; }
.list-wrap .wp-block-post-template { gap: 60px 1.5rem; }  
.list-wrap .wp-block-post-featured-image a { position: relative; padding-top: 52%; height: 0; }
.list-wrap .wp-block-post-featured-image a img { position: absolute; top: 0; left: 0; height: 100%; }
.list-wrap .wp-block-post-title { margin: 20px 0 10px; }
.list-wrap .wp-block-post-title a { font-size: 26px; font-weight: 700; color: #333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; word-break: keep-all; text-decoration: none; }
.list-wrap .wp-block-post-excerpt { margin: 0 0 30px; font-size: 16px; line-height: 135%; color: #515151; font-weight: 400; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; }
.list-wrap .kk-card-meta { gap: 10px; }
.list-wrap .wp-block-post-author__avatar { margin-right: 0; width: 22px; height: 22px; border-radius: 50%; overflow: hidden; } 
.list-wrap .wp-block-post-author__avatar img { width: 100%; height: 100%; object-fit: cover; } 
.list-wrap .wp-block-post-author__content { display: none; }
.list-wrap .wp-block-post-date { font-size: 14px; font-weight: 400; color: #8d8d8d; }
.list-wrap .kk-tags a { margin-right: 10px; padding: 4px 10px; font-size: 13px; font-weight: 700; border-radius: 12px; color: #757575; background: #F0F0F4; text-decoration: none; }
.list-wrap .kk-tags .wp-block-post-terms__separator { display: none; }

/* 대표 카드 */
.list-wrap .wp-block-post-template > li:first-child { position: relative; grid-column: 1 / -1; display: grid; grid-template-columns: calc(60% - 40px) 40%;  column-gap: 40px; align-items: start; }
.list-wrap .wp-block-post-template > li:first-child .wp-block-post-featured-image { margin-bottom: 0; grid-column: 1; grid-row: 1 / 4; /* 제목/요약/메타 높이만큼 이미지가 따라오도록 */ }
.list-wrap .wp-block-post-template > li:first-child .txt-wrap { position: unset; }
.list-wrap .wp-block-post-template > li:first-child .wp-block-post-title,
.list-wrap .wp-block-post-template > li:first-child .wp-block-post-excerpt,
.list-wrap .wp-block-post-template > li:first-child .kk-card-meta { grid-column: 2; }
.list-wrap .wp-block-post-template > li:first-child .wp-block-post-title a { font-size: 40px; }
.list-wrap .wp-block-post-template > li:first-child .wp-block-post-excerpt { margin-top: 30px; -webkit-line-clamp: 3; }
.list-wrap .wp-block-post-template > li:first-child .kk-card-meta { position: absolute; bottom: 10px; }

/* kk-footer */
.kk-footer { margin-top: clamp(1.8rem, 1.8rem + ((1vw - 0.48rem) * 2.885), 3rem); border-top: 1px solid #efefef; }
.kk-footer .f-logo { width: 75px; }
.kk-footer > .wp-block-group { align-items: flex-start; }
.kk-footer .info { line-height: 1.5; font-size: 14px; color: #282828; }
.kk-footer .info a { font-size: 14px; color: #777; }
.kk-footer .copy { margin-top: 20px; font-size: 14px; color: #282828; }
.kk-footer .f-cs { gap: 5px; }
.kk-footer .f-right { gap: 70px; align-items: flex-start; }
.kk-footer .f-title { font-size: 15px; color: #282828; font-weight: 700; }
.kk-footer .f-txt { font-size: 14px; color: #777; line-height: 1.2; }
.kk-footer .wp-block-buttons { margin-top: 10px; gap: 7px; }
.kk-footer .wp-block-button { width: 158px; height: 40px; border-radius: 5px; overflow: hidden; text-align: center; }
.kk-footer .wp-block-button a { display: flex; justify-content: center; align-items: center; gap: 5px; padding: 0; font-size: 14px; font-weight: 700; }
.kk-footer .btn-kko a { background: #FEE500; color: #371D1E; }
.kk-footer .btn-kko a img { height: 100%; width: 18px; object-fit: contain; }
.kk-footer .btn-how a { background: var(--main-color); color: #fff; }
.kk-footer .info02 { gap: 5px; }
.kk-footer .info02 .f-txt + .f-title { margin-top: 23px; }

@media all and (max-width:1200px) {
    /* main-sec */
    .main-sec h1 { font-size : 45px }
    .main-sec p { font-size: 17px; }  
    /* 홈 카테고리 탭 */
    .main-cate .cate li a { font-size: 14px; }
    /* 대표 카드 */ 
    .list-wrap .wp-block-post-template > li:first-child { grid-template-columns: calc(60% - 30px) 40%; column-gap: 30px; }
    .list-wrap .wp-block-post-template > li:first-child .wp-block-post-title a { font-size: 32px; }
    .list-wrap .wp-block-post-template > li:first-child .wp-block-post-excerpt { margin-top: 20px; }
    /* kk-footer */
    .kk-footer .f-copy { margin-top: 14px; }
    .kk-footer .f-right { gap: 30px; }
    .kk-footer .f-txt { font-size: 13px; }
    .kk-footer .wp-block-button { width: 145px; height: 38px; }
}

@media all and (max-width:1024px) {
    /* kk-header */
    .kk-header > .wp-block-navigation .wp-block-navigation__responsive-container-open { display: flex !important; align-items: center; justify-content: center; border: 0; margin-left: -10px; }
    .kk-header > .wp-block-navigation .wp-block-navigation__responsive-container { display: none !important; }
    .kk-header > .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open { display: flex !important; }
    .kk-header > .wp-block-navigation .wp-block-navigation__responsive-container-open,
    .kk-header > .wp-block-navigation .wp-block-navigation__responsive-container-close { width: 34px; height: 34px; padding: 0; }
    /* main-sec */
    .main-sec h1 { font-size : 40px }
    .main-sec p { font-size: 16px; }
    /* 홈 카테고리 탭 */
    .main-cate .cate { padding: 16px 0; }
    .main-cate .cate ul { gap: 12px; }
    .main-cate .cate li a { padding: 2px 10px; }
    /* 글 리스트 영역 */
    .list-wrap .wp-block-post-template { gap: 40px 20px }
    .list-wrap .wp-block-post-featured-image a { padding-top: clamp(200px,52%,300px); }
    .list-wrap .wp-block-post-title { margin: 16px 0 7px; }
    .list-wrap .wp-block-post-title a { font-size: 22px; }
    .list-wrap .wp-block-post-excerpt { font-size: 15px; }
    .list-wrap .wp-block-post-excerpt { margin-bottom: 20px; }
    /* 대표 카드 */ 
    .list-wrap .wp-block-post-template > li:first-child .wp-block-post-title { margin-top: 0; }
    .list-wrap .wp-block-post-template > li:first-child .wp-block-post-title a { font-size: 26px; }
    /* kk-footer */
    .kk-footer > .wp-block-group > .is-vertical { gap: 10px; }
    .kk-footer .info { font-size: 12px; letter-spacing: -0.5px; }
    .kk-footer .copy { margin-top: 40px; font-size: 12px; letter-spacing: -0.5px; }
    .kk-footer .f-right { gap: 20px; }
    .kk-footer .f-title { font-size: 14px; }
    .kk-footer .f-txt { font-size: 12px; letter-spacing: -0.5px; }
    .kk-footer .wp-block-button { width: 126px; height: 34px; }
    .kk-footer .wp-block-button a { font-size: 13px; }
}

@media all and ( max-width: 781px) {
    /* .kk-footer */
    .kk-footer { position: relative; padding-bottom: 20px; }
    .kk-footer > .wp-block-group { flex-direction: column; gap: 20px; }
    .kk-footer .copy { position: absolute; bottom: -14px; margin-top: 0; }
    .kk-footer .f-right { position: relative; padding: 20px 0; width: 100%; }
    .kk-footer .f-right::before { position: absolute; top: 0; left: -1rem; width: calc(100% + 2rem); height: 1px; background: #efefef; display: block; content: ""; }
    .kk-footer .f-right::after { position: absolute; bottom: 0; left: -1rem; width: calc(100% + 2rem); height: 1px; background: #efefef; display: block; content: ""; }
}

@media all and ( max-width: 768px) {
    .wp-site-blocks { padding-top: 91px; }
    /* kk-header */
    .has-global-padding { padding-left: 1rem; padding-right: 1rem; }
    .wp-block-site-logo img { width: 60px; }
    .wp-block-site-logo a { padding-right: 50px; }
    .wp-block-site-logo a::after { margin-left: 7px; padding-left: 7px; font-size: 15px; line-height: 12px; }
    .kk-header > .wp-block-navigation { min-height: 38px; }
    .kk-header__right .wp-block-buttons { width: 105px; }
    .kk-header__right .wp-block-button__link { font-size: 13px; line-height: 30px; }
    .wp-block-search__inside-wrapper { height: 28px; border: 0; }
    .kk-header__search { position: absolute; top: 58px; right: 1rem; z-index: 1; }
    .wp-block-search__input { min-width: unset; width: 105px; }
    .wp-block-search__button { top: -1px; }
    /* main-sec */
    .main-sec { height: clamp(300px,100vw,450px); }
    .main-sec .main-sec__inner { padding: 0; }
    .main-sec h1 { margin-bottom: 7px; font-size : 32px }
    .main-sec p { font-size: 14px; }
    /* 홈 카테고리 탭 */
    .main-cate .cate { padding: 14px 0; }
    .main-cate .cate ul { gap: 7px; }
    .main-cate .cate li a { padding: 2px 8px; font-size: 13px; }
    /* 글 리스트 영역 */
    .list-wrap .wp-block-post-template { gap: 36px 14px; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    .list-wrap .wp-block-post-template > li { position: relative; }
    .list-wrap .wp-block-query-is-layout-constrained { padding: 0; }
    .list-wrap .wp-block-post-featured-image a { padding-top: clamp(130px,70%,200px); }
    .list-wrap .wp-block-post-title a { font-size: 20px; }
    .list-wrap .wp-block-post-excerpt { font-size: 14px; }
    .list-wrap .kk-card-meta { margin-top: 14px; gap: 7px; }
    .list-wrap .wp-block-post-author__avatar { width: 19px; height: 19px; }
    .list-wrap .wp-block-post-date { font-size: 13px; }
    .list-wrap .kk-tags { position: absolute; top: 5px; left: 7px; }
    .list-wrap .kk-tags a { margin-right: 7px; padding: 3px 7px; font-size: 12px; }
    .list-wrap .txt-wrap { position: unset; padding: 0; } 
    /* 대표 카드 */ 
    .list-wrap .kk-archive-feed { margin: 0; }
    .list-wrap .wp-block-post-template > li:first-child { grid-template-columns: 100%; }
    .list-wrap .wp-block-post-template > li:first-child .wp-block-post-featured-image a { padding-top: clamp(130px,70%,400px); }
    .list-wrap .wp-block-post-template > li:first-child .wp-block-post-title { margin: 20px 0 0 !important; }
    .list-wrap .wp-block-post-template > li:first-child .wp-block-post-title a { font-size: 23px; }
    .list-wrap .wp-block-post-template > li:first-child .wp-block-post-excerpt { margin: 7px 0 0 !important; }
    .list-wrap .wp-block-post-template > li:first-child .kk-card-meta { position: unset; margin: 14px 0 20px !important; }
} 

@media all and ( max-width: 500px) {
    /* 글 리스트 영역 */
    .list-wrap .wp-block-post-title a { font-size: 16px; letter-spacing: -0.5px; line-height: 120%; }
    .list-wrap .wp-block-post-excerpt { margin-bottom: 10px; font-size: 12px; letter-spacing: -0.5px; line-height: 120%; }
    /* 대표 카드 */ 
    .list-wrap .wp-block-post-template > li:first-child .wp-block-post-title a { font-size: 19px; }
}