/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/


/* 홈 페이지 및 아카이브 페이지 내부 아티클 스타일 */
.home .inside-article,
.archive .inside-article {
	min-height: 310px; /* 컨테이너 최소 높이 설정 (필요에 따라 조
    background-color: #fefefe; /* 밝은 배경 색상 */
    padding: 25px 20px 10px 20px; /* 내부 여백 조정 (하단 padding 추가) */
    margin: 20px auto; /* 상하단 기본 마진 */
    border-radius: 10px; /* 부드러운 둥근 모서리 */
    box-shadow: 4px 6px 12px rgba(0, 0, 0, 0.1); /* 부드러운 그림자 효과 */
    border: 1px solid #ddd; /* 컨테이너 테두리 */
    max-width: 1200px; /* 최대 너비 */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* 애니메이션 효과 */
    transform: none; /* 기본 상태 설정 */
    display: block !important; /* 블록 요소로 강제 설정 */

}

/* 마우스 올렸을 때 살짝 들리는 효과 */
.home .inside-article:hover,
.archive .inside-article:hover {
    transform: translateY(-2px); /* 위로 살짝 이동 */
    box-shadow: 6px 8px 16px rgba(0, 0, 0, 0.2); /* 그림자 강조 */
}

/* 제목이 20자 이상이면 생략 (...) 처리 */
.home .inside-article h2,
.archive .inside-article h2 {
    width: 100%; /* 제목이 전체 너비를 차지하도록 설정 */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}



.home .inside-article,
.archive #main .inside-article {
    padding: 15px 20px 20px 20px !important; /* 우선순위 강제 적용 */
}

.inside-article {
    padding: 1px 20px 20px 20px !important; /* 우선순위 강제 적용 */
}


/* 썸네일 이미지 스타일 */
.post-image {
    float: left;
    width: 30%; /* 부모 컨테이너의 30%를 차지하도록 설정 */
    max-width: 200px; /* 최대 크기는 500px로 제한 */
    height: auto;
    margin-right: 20px; /* 텍스트와 간격 조정 */
    border-radius: 10px; /* 둥근 모서리 추가 */
    overflow: hidden; /* 둥근 모서리가 이미지에 적용되도록 설정 */
    border: 1px solid #e0e0e0; /* 이미지 테두리 추가 */
}

/* 이미지 크기 및 정렬 */
.post-image img {
    width: 100%; /* 부모 요소(.post-image)에 맞게 자동 조정 */
    max-width: 100%; /* 컨테이너보다 커지지 않도록 제한 */
    height: auto;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* 이미지 효과 추가 */
}



/* 호버 시 이미지 효과 */
.post-image img:hover {
    transform: scale(1.05); /* 확대 효과 */
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); /* 그림자 효과 강조 */
}

/* 텍스트가 옆으로 오도록 설정 */
.entry-summary {
    overflow: hidden; /* 플로팅된 이미지가 포함되도록 설정 */
    font-size: 18px;
    line-height: 1.8; /* 텍스트 간격 조정 */
    color: #333; /* 텍스트 색상 추가 */
    margin-top: 32px !important; /* 텍스트 상단 여백 추가 */
}

/* 내용(summary) 글자 크기 및 길이 조정 */
.entry-summary p {
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    height: auto;
    margin-bottom: 15px; /* 문단 간격 추가 */
    color: #555; /* 부드러운 텍스트 색상 */
}

/* 블로그 페이지에서 메타 정보 숨기기 */
.home .entry-meta,
.archive .entry-meta {
    display: none;
}

.home .cat-links,
.archive .entry-meta .cat-links {
    display: none;
}

/* 헤더 전체 설정 */
.inside-header {
    display: flex; /* 플렉스 컨테이너 */
    justify-content: space-between; /* 로고와 네비게이션을 좌우로 정렬 */
    align-items: center; /* 세로 중앙 정렬 */
    padding: 10px 5px; /* 상하 여백 설정으로 높이 유연화 */
    height: auto; /* 고정 높이 제거 */
}

/* 로고 컨테이너 설정 */
.site-branding {
    margin-left: 0; /* 좌측 마진 제거 */
    padding-left: 0; /* 좌측 패딩 제거 */
}

/* 로고 링크 설정 */
.main-title a {
    margin-left: 10px;
    text-align: left;
    display: block;
}

/* 네비게이션과 검색 컨테이너 설정 */
.inside-navigation {
    display: flex; /* 플렉스 컨테이너 */
    justify-content: flex-end; /* 내부 요소를 우측으로 정렬 */
    align-items: center; /* 세로 중앙 정렬 */
    gap: 10px; /* 검색 돋보기와 메뉴 버튼 간 여백 */
}


/* 검색 돋보기 스타일 */
.menu-bar-items {
    display: flex;
    align-items: center; /* 세로 정렬 */
    justify-content: center; /* 가로 정렬 */
}

/* 카테고리 헤더 스타일 */
.page-header {
    display: block !important;
    width: 100%;
    text-align: center !important;
    background-color: #fff !important;
    padding: 15px 10px !important;
    position: relative;
    z-index: 10;
}

/* 제목 스타일 */
.page-header .page-title {
    font-size: 27px; /* 제목 크기 조정 */
    font-weight: bold; /* 굵게 표시 */
    margin-bottom: 10px; /* 아래쪽 여백 추가 */
    color: #333; /* 제목 색상 */
}

/* 설명 스타일 */
.page-header .taxonomy-description {
    font-size: 18px; /* 설명 글자 크기 */
    color: #666; /* 설명 색상 */
    margin-top: 10px; /* 설명 위쪽 여백 */
}

/* 메인 콘텐츠 스타일 수정 */
.archive #main {
    margin-top: 20px !important; /* 메인 콘텐츠 아래로 여백 추가 */
    padding-top: 0 !important;
}

/* 강제로 .page-header를 메인 콘텐츠 위로 이동 */
.archive #main .page-header {
    grid-column: 1 / -1; /* 그리드가 적용된 경우, 헤더를 전체 너비로 설정 */
    margin-bottom: 20px; /* 헤더 아래쪽 여백 추가 */
}


/* 버튼 디자인 */
.blinking-button {

    font-size: clamp(16px, 5vw, 22px);
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: #ffffff; /* 기본 글자 색상 */
    background-color: #007aff; /* 초기 배경색: 파란색 */
    border: none;
    border-radius: 20px;
    padding: clamp(12px, 3vw, 20px) clamp(20px, 5vw, 48px);
    display: inline-block;
    cursor: pointer;
    width: 100%;
    animation: colorBlink 1.3s steps(1, end) infinite; /* 정확히 파란색 → 분홍색 전환 */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 clamp(6px, 2vw, 8px) clamp(15px, 4vw, 20px) rgba(255, 45, 45, 0.3);
}

.blinking-button:hover {
    animation: none; /* 깜빡이는 애니메이션 제거 */
    background-color: #ff6b6b; /* 분홍색으로 고정 */
    transform: translateY(-5px); /* 위로 살짝 들리는 효과 */
    box-shadow: 0 clamp(8px, 3vw, 12px) clamp(20px, 5vw, 30px) rgba(255, 45, 45, 0.4);
    color: #ffffff; /* 글자 색상 유지 */
}

@keyframes colorBlink {
    0% {
        background-color: #007aff; /* 파란색 */
    }
    50% {
        background-color: #ff6b6b; /* 분홍색 */
    }
    100% {
        background-color: #007aff; /* 다시 파란색 */
    }
}

/* 표 전체 스타일 */
table {
    width: 100%;
    border-collapse: collapse;
    margin: 30px 0;
    font-size: 16px;
    text-align: left;
    border-radius: 8px; /* 테두리 둥글게 */
    overflow: hidden;
    box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.1), -2px 4px 6px rgba(0, 0, 0, 0.05); /* 좌우 그림자 추가 */
    border-left: 2px solid #878787; /* 좌측 외곽선 */
    border-right: 2px solid #878787; /* 우측 외곽선 */
}

/* 헤더 스타일 */
table thead th {
    background-color: #2C3E50; /* 상단 헤더 배경색 */
    color: #ffffff; /* 헤더 글자색 */
    font-weight: bold;
    padding: 12px;
    border: 1px solid #dddddd;
}

/* 본문 셀 스타일 */
table tbody td {
    background-color: #ffffff; /* 본문 배경색 */
    color: #333333; /* 본문 글자색 */
    padding: 12px;
    border: 1px solid #dddddd;
}

/* 짝수 줄 배경색 */
table tbody tr:nth-child(even) td {
    background-color: #f9f9f9; /* 짝수 줄 배경색 */
}

/* 테이블 외곽선 */
table, th, td {
    border: 1px solid #878787 !important;
}


/* 태그 컨테이너 스타일 */
.custom-tags {
    display: flex;
    flex-wrap: wrap; /* 태그가 많을 경우 줄 바꿈 */
    gap: 10px; /* 태그 간 간격 */
    margin-top: 100px; /* 본문과 태그 사이 간격 */
}

/* 개별 태그 스타일 */
.custom-tags .tag-box {
    background-color: #f0f0f0; /* 박스 배경색 */
    border: 1px solid #ddd; /* 박스 테두리 */
    border-radius: 5px; /* 모서리 둥글게 */
    padding: 5px 10px; /* 내부 여백 */
    font-size: 14px;
    font-weight: bold;
    color: #333;
    transition: background-color 0.3s ease;
}

.custom-tags .tag-box a {
    text-decoration: none; /* 링크 밑줄 제거 */
    color: inherit; /* 부모 색상 상속 */
}

.custom-tags .tag-box:hover {
    background-color: #e0e0e0; /* 호버 시 박스 배경색 */
    color: #0056b3; /* 호버 시 텍스트 색상 */
}

/* 플러그인 상단과 본문 글 사이 여백 */
.rmp-rating-widget {
    margin-top: 100px; /* 본문과 플러그인 사이 여백 */
    margin-bottom: 20px; /* 플러그인과 다음 콘텐츠 사이 여백 */
}

.rmp-rating-widget__results__votes {
    display: none; /* 참여자 수 숨기기 */
}

/* Breadcrumbs 컨테이너 스타일 */
.breadcrumb-container {
    margin-top: 10px; /* 제목 아래 줄과 Breadcrumbs 사이 간격 */
    font-size: 14px;
    color: #666;
}

/* Breadcrumbs 링크 스타일 */
.breadcrumb-container a {
    text-decoration: none;
    color: #0073aa;
}

.breadcrumb-container a:hover {
    color: #0056b3;
}

/* 글박스디자인 */
.has-background {
  background-color: #D6E4FF !important; /* 파란색 배경 */
  color: #2C3E50; /* 흰색 글자 */
  padding: 20px; /* 여백 */
  border-radius: 12px; /* 모서리 둥글게 */
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); /* 그림자 효과 */
  font-size: 18px; /* 글자 크기 */
  line-height: 1.6; /* 줄 간격 */
  width: 100%; /* 너비 100% */
  margin: 20px auto; /* 가운데 정렬 */
  margin: 50px 0 25px 0; /* 상단 40px, 하단 20px */
}

/* 글박스 디자인 */
.custom-info-box {
  background-color: #D6E4FF !important; /* 파란색 배경 */
  color: #2C3E50 !important; /* 텍스트 색상 */
  padding: 20px !important; /* 여백 */
  border-radius: 12px !important; /* 모서리 둥글게 */
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2) !important; /* 그림자 효과 */
  font-size: 19px !important; /* 글자 크기 */
  font-weight: bold !important; /* 글자 볼드 (굵게) */
  line-height: 1.6 !important; /* 줄 간격 */
  width: 100% !important; /* 너비 100% */
  margin: 25px 0 !important; /* 상하 25px */
}

.custom-info-box br {
  display: none !important;
}

.custom-info-box p {
  margin: 5px 0 !important; /* 위아래 여백을 5px로 줄임 */
  padding: 0 !important; /* 내부 패딩 제거 */
}

/* Enhancing Appearance: Custom Pagination Styles for the GeneratePress WordPress Theme */

/* 기본 페이지 네비게이션 스타일 */
nav#nav-below.paging-navigation .page-numbers {
    display: inline-block;
    padding: 6px 12px;
    margin-right: 8px;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 14px;
    transition: all 0.3s ease-out;
    text-decoration: none;
    background-color: #fafafa;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    color: #7f7f7f;
}

nav#nav-below.paging-navigation span.page-numbers.current {
    font-weight: 600;
    background: #1e72bd;
    color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

nav#nav-below.paging-navigation a.page-numbers {
    color: #7f7f7f;
}

nav#nav-below.paging-navigation a.page-numbers:hover,
nav#nav-below.paging-navigation a.page-numbers:focus {
    background-color: #e6f2ff;
    border-color: #1e72bd;
    color: #333;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.separate-containers .paging-navigation {
    padding: 25px 0;
    text-align: center;
    background: #fff;
}

nav#nav-below.paging-navigation .gp-icon {
    vertical-align: middle;
}

/* 모바일 최적화: 페이지 번호 간소화 */
@media (max-width: 768px) {
    nav#nav-below.paging-navigation .page-numbers {
        display: none; /* 기본적으로 모든 페이지 번호 숨기기 */
    }

    nav#nav-below.paging-navigation .page-numbers.current,
    nav#nav-below.paging-navigation a.page-numbers.prev,
    nav#nav-below.paging-navigation a.page-numbers.next {
        display: inline-block; /* 이전/다음/현재 페이지 번호만 표시 */
    }

    nav#nav-below.paging-navigation {
        text-align: center; /* 중앙 정렬 */
        display: flex; /* 플렉스 레이아웃 */
        justify-content: center; /* 가운데 정렬 */
        gap: 10px; /* 버튼 간 간격 */
        padding: 10px 0; /* 상하 여백 */
    }
}

/* 페이지 네비게이션을 그리드의 마지막 행에 고정 */
.home nav#nav-below.paging-navigation, 
.archive nav#nav-below.paging-navigation {
    grid-column: 1 / -1; /* 네비게이션이 그리드의 전체 열을 차지 */
    margin-top: 20px; /* 상단 여백 추가 */
    align-self: end; /* 네비게이션을 그리드 컨테이너의 하단에 위치 */
    text-align: center; /* 네비게이션 버튼 중앙 정렬 */
}

@font-face {
    font-family: 'NanumSquareNeo';
    font-style: normal;
    font-weight: 100;
	font-display: swap;
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.ttf) format("truetype");

}

@font-face {
    font-family: 'NanumSquareNeo';
    font-style: normal;
    font-weight: 300;
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.ttf) format("truetype");
	font-display: swap;
}

@font-face {
    font-family: 'NanumSquareNeo';
    font-style: normal;
    font-weight: 400;
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.ttf) format("truetype");
	font-display: swap;
}

@font-face {
    font-family: 'NanumSquareNeo';
    font-style: normal;
    font-weight: 500;
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.ttf) format("truetype");
	font-display: swap;
}

@font-face {
    font-family: 'NanumSquareNeo';
    font-style: normal;
    font-weight: 700;
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.ttf) format("truetype");
	font-display: swap;
}

@font-face {
    font-family: 'NanumSquareNeoVariable';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.ttf) format("truetype");
	font-display: swap;
}

/* 댓글 */
@media (min-width: 769px) {
    .comment-form #author, 
    .comment-form #email {
        width: 48%;
        float: left;
    }

    .comment-form #email {
        float: right;
    }

    .comment-form #url {
        width: 100%;
    }

    .comment-form #submit {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .comment-form #author, 
    .comment-form #email {
        width: 100%;
        float: left;
    }

    .comment-form #submit {
        width: 100%;
    }
}

#comment {
	height:150px;
}

/* 소제목디자인 */
.single .entry-content h2 {
    position: relative;
    background: #f7f7f7;
    padding: 15px 15px; /* 위아래 패딩을 넉넉히 줘서 높이 유지 */
    color: #282A2B;
    border-left: 8px solid #1f51b7;
    margin-bottom: 20px;
    margin-top: 20px;
    display: inline-block; /* 인라인 요소의 배경 문제 해결 */
    width: 100%; /* 블록 요소로 설정하여 전체 영역 유지 */
    line-height: 1.4; /* 글자 간격 조절 (기본값보다 조금 더 조정) */
}

.single .entry-content h3 {
margin: 1.15em 0 0.6em 0;
	  color: #282A2B;
    position: relative;
    font-size: 20px;
    line-height: 40px;
    background: #ffffff;
	  border-bottom: 2px solid #004AAD;
      padding: 5px 15px;
}

/* 워드프레스 제너레이트 테마 링크 스타일 */

.single .entry-content p:not(.btn-theme):not(.wpml-banner) a,
.single .entry-content #ftwp-postcontent > ul li a,
.single .entry-content #ftwp-postcontent > ol li a {
word-break: break-all;
color: #3e5898;
transition: color .25s ease-in;
color: #3E5898;
background-repeat: no-repeat;
background-size: 100% 0.2em;
background-position: 0 100%;
background-image: linear-gradient(to right,#00BCD4,#5C6BC0);
transition: all .25s ease-in;
padding: 2px 0;

}


.single .entry-content p:not(.btn-theme):not(.wpml-banner) a:hover,
.single .entry-content #ftwp-postcontent > ul li a:hover,
.single .entry-content #ftwp-postcontent > ol li a:hover {
background-size: 100% 100% !important;
color: #fff !important;
border-radius: 10px !important;
}

/* 트렌딩 리스트 스타일 */
.trending-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.trending-item {
    display: flex;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

/* 링크 안의 컨텐츠 정렬 */
.trending-content {
    display: flex;
    width: 100%;
}

/* 이미지 스타일 */
.trending-img {
    width: 70px;
    height: 70px;
    border-radius: 4px;
    object-fit: cover;
}

/* 제목 스타일 */
.trending-title {

    font-size: 18px;
    font-weight: bold;
    color: #333;
    text-align: left;
    line-height: 1.2;
	padding-left: 15px;
}

.trending-title:hover {
    color: #d92525;
}

/* 위젯 제목 스타일 (세로 선 추가) */
.widget-title {
    font-weight: bold; /* 글자 두께 */
    font-size: 24px;   /* 글자 크기 */
    color: #333;       /* 글자 색상 */
    margin-bottom: 25px; /* 아래 간격 */
	   margin-top: 5px; /* 아래 간격 */
    padding-left: 15px; /* 세로 선과 텍스트 간격 */
    position: relative;
}

.widget-title::before {
    content: ''; /* 세로 선 추가 */
    position: absolute;
    left: 0; /* 제목의 왼쪽에 선을 위치 */
    top: 0;
    height: 100%; /* 선의 높이 (제목의 높이에 맞춤) */
    width: 8px; /* 선의 두께 */
    background-color: #007bff; /* 파란색 (필요시 색상 변경 가능) */
}



@media screen and (max-width: 768px) {
    .home .inside-article,
    .archive .inside-article {
        min-height: auto !important; /* 기본 최소 높이 제거 */
        height: auto !important; /* 고정 높이 제거 */
        padding-bottom: px !important; /* 하단 패딩 최소화 */
        display: block !important; /* flex 정렬 해제하여 자연스럽게 정렬 */
    }


/* 모바일에서 내부 컨테이너 좌우 여백 강제 적용 */
    .home .inside-article,
    .archive .inside-article {
        width: calc(100% - 20px); /* 전체 너비에서 좌우 10px씩 여백 적용 */
        max-width: 100%; /* 부모 요소보다 커지지 않도록 제한 */
        margin: 0 auto; /* 중앙 정렬 */
        padding: 10px; /* 내부 여백 */
    }
	    .post-image {
        width: 110px !important;
        height: 110px !important;
        object-fit: cover !important; /* 이미지 비율 유지 및 잘림 방지 */
    }
}

@media screen and (max-width: 768px) {
    .entry-summary {
        font-size: 15px !important; /* 모바일에서 글자 크기 줄이기 */
        display: -webkit-box !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4; /* 모바일에서 4줄까지만 표시 */
        overflow: hidden !important;
        text-overflow: ellipsis;
        white-space: normal; /* 줄바꿈 허용 */
        word-break: break-word;

    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .post-image {
        width: 125px !important;
        height: 125px !important;
        object-fit: cover !important; /* 이미지 비율 유지 및 잘림 방지 */
    }
}

 /* End GeneratePress Site CSS */
/* GeneratePress Site CSS */ /* grey line under navigation */
.site-header {
	border-bottom: 1px solid #dddddd;
}

/*  GP버튼간격띄우기 */
.blinking-button {
    margin: 30px 0 !important;
}
	
/* 본문 이미지와 텍스트 사이 간격 */
/* Margin between images and text in WordPress single posts */

.single .wp-block-image {
    margin-bottom: 25px;
}

/* 모든 본문 이미지 가운데 정렬하기 */
/* Center align all images in WordPress */

.single .wp-block-image img {
display: block;
margin: 0 auto;
}
	
	.entry-meta {
    display: none;
}