@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;700&display=swap');


body, h1, h2, h3, h4, h5, h6, p, span, a, ul, li, ol {
	font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

body { overflow-x: hidden; }

.single blockquote {
  position: relative;
  font-style: italic;
  padding: 20px 20px 20px;
  color: #333;
  font-family: "Noto Serif KR", "Georgia", "Times New Roman", serif;
  text-align: center;
	margin:50px;
}

.single blockquote p {
  font-family: "Noto Serif KR", "Georgia", "Times New Roman", serif;
  text-align: center;
}

.single blockquote::before {
  content: "“"; 
  font-size: 4rem;
  font-weight: bold;
  color: #999;
  position: absolute;
  top: -30px;
  left: 50%; /* 중앙 정렬 */
  transform: translateX(-50%); /* 정확한 중앙 정렬 */
  line-height: 1;
}

.single blockquote::after {
  content: "”"; 
  font-size: 4rem;
  font-weight: bold;
  color: #999;
  position: absolute;
  bottom: -50px; /* 텍스트 아래 */
  left: 50%; /* 중앙 정렬 */
  transform: translateX(-50%);
  line-height: 1;
}

.single hr{
	margin:20px 0;
}

#branding .only-search #s {
background-color: #fff;
border-color: #fff;
color: #000;
}
ul, ol, li {
	font-size:18px;
	line-height:1.6;
}

h2{
	font-size:30px;
}

h3{
	font-size:24px
}

p{
	color: #000000;
	font-size:18px;
}

/*elementor 임시수정*/
.single .post {
	max-width:800px;
	margin:0 auto;
	padding:5px;
}


/* 2025-main */

/* EAEL 포스트 그리드 썸네일을 16:9 비율로 통일 */
.eael-post-grid .eael-entry-thumbnail {
    position: relative;
    width: 100%;
    height: auto !important;      /* EAEL 기본 height:160px 같은 값 무효화 */
    aspect-ratio: 16 / 9;         /* ← 여기서 16:9로 비율 고정 */
    overflow: hidden;
}

/* 안에 들어가는 실제 이미지 정리 */
.eael-post-grid .eael-entry-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.eael-post-grid .eael-grid-post {
  margin-bottom: -19px !important;  /* 세로 간격 */
}


/* EA Post Grid (Default) 스킨: 이미지 왼쪽 + 텍스트 오른쪽 */
.right-grid .eael-grid-post-holder-inner {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 20px !important;
}

/* 이미지 컨테이너 */
.right-grid .eael-entry-media {
  width: 50% !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;  /* ← 둥근 모서리 제거 */
  overflow: visible !important;  /* ← 원래 이미지 그대로 */
  order: 1;
}

/* 텍스트 컨테이너 */
.right-grid .eael-entry-wrapper {
  width: 50% !important;
  order: 2;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

/* 제목/내용 스타일 */
.right-grid .eael-entry-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 8px;
  line-height: 1.4;
  color: #111;
}

.right-grid .eael-entry-content {
  font-size: 15px;
  color: #555;
  line-height: 1.6;
}



/* 오른쪽 그리드 썸네일을 16:9로 통일 */
.right-grid .eael-entry-media, {
  aspect-ratio: 16 / 9 !important;
  padding-top: 0 !important;   /* EA의 패딩 비율 방식 무효화 */
  height: auto !important;
  overflow: hidden;
}

.right-grid .eael-entry-media img{
  width: 100% !important;
  height: 100% !important;     /* 컨테이너 높이에 맞춤 */
  object-fit: cover !important; /* 넘치는 부분은 잘라서 채움 */
}

/* 오른쪽 포스트 그리드 간격 조정 */
.right-grid .eael-post-grid .eael-grid-post {
  margin-bottom: 30px !important;  /* 세로 간격 */
}

/* 모바일에서 메인 Post Grid 포스팅 간 간격 줄이기 */
@media (max-width: 768px) {

  /* 각 포스트 블럭 아래 여백 축소 */
  .eael-post-grid .eael-grid-post {
    margin-bottom: -10px !important;   
    padding-bottom: 0 !important;
  }

  /* 혹시 내부 홀더에서 한 번 더 여백 주고 있으면 같이 줄이기 */
  .eael-post-grid .eael-grid-post-holder,
  .eael-post-grid .eael-grid-post-holder-inner {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
}


/* 다른 EA 기본 스타일 덮어쓰기 방지 */
.right-grid .eael-entry-media,
.right-grid .eael-entry-wrapper,
.right-grid .eael-grid-post-holder-inner * {
  float: none !important;
  clear: none !important;
}

/* 포스트 콘텐츠 전체 폭 확장 */
.single-post .wp-block-post-content {
  max-width: 1140px !important;
  margin: 0 auto;
}

/* 헤더가 본문 폭에 종속되지 않게 */
header footer, .wp-block-template-part__header {
  max-width: 100% !important;
}


selector {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* 싱글 포스트 본문 폭 제한 해제 + 중앙 정렬 */
.single .post,
body.single-post .post,
body.single-post main .post,
body.single-post .site-main .post {
  max-width: 1140px !important;   /* 원하는 폭(1100~1400px 등으로 조절) */
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}


/* 모바일 싱글 포스트: 템플릿 헤더 좌우 여백/정렬 맞추기 */
@media (max-width: 768px) {

  /* Elementor 템플릿 헤더 전체 래퍼 */
  body.single-post .elementor[data-elementor-type="templately-header"] {
    max-width: 100% !important;
    width: 100% !important;
    margin-top:0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* 안쪽 컨테이너들도 가운데로 정렬 */
  body.single-post .elementor[data-elementor-type="templately-header"] .e-con {
    margin-left: auto !important;    
    margin-left: auto !important;
    margin-right: auto !important;
  }
}


/* 혹시 테마가 래퍼로 또 감싸면 같이 해제 */
body.single-post .content-area,
body.single-post .container,
body.single-post .site-content {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}



/* ── 싱글 포스트에서 푸터를 본문 래퍼 제한에서 탈출시켜 풀블리드로 ── */
body.single-post .elementor-location-footer,
body.single-post .elementor-location-footer .elementor-section,
body.single-post .elementor-location-footer .elementor-container,
body.single-post .elementor-location-footer .e-con {
  max-width: none !important;
  width: 100vw !important;                         /* 뷰포트 전체 폭 */
  margin-left: calc(50% - 50vw) !important;        /* 좌우 래퍼 보정 */
  margin-right: calc(50% - 50vw) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}


/* 만약 푸터 그리드가 가운데 정렬 강제중이면 좌우로 자연스럽게 펼치기 */
body.single-post .elementor-location-footer .e-con,
body.single-post .elementor-location-footer .elementor-row,
body.single-post .elementor-location-footer .elementor-column {
  justify-content: space-between;  /* 필요에 따라 start/center 로 변경 가능 */
}

/* 배경색/이미지는 푸터 섹션(.elementor-location-footer) 또는 그 바로 안쪽 섹션에 적용해둬야 풀블리드로 보인다 */


/* 📱 모바일에서만: 메뉴 컨테이너를 가로 스와이프 바처럼 만들기 */
@media (max-width: 768px) {
  .mobile-menu-scroll {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;

    width: 100% !important;
    max-width: 100% !important;

    gap: 8px !important;
    padding: 6px 0 !important;

    white-space: nowrap !important;
  }

  .mobile-menu-scroll > * {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
  }

  /* Elementor Nav Menu가 li를 block으로 잡아버리는 문제 대비 */
  .mobile-menu-scroll li {
    display: inline-flex !important;
    width: auto !important;
  }

  .mobile-menu-scroll a {
    display: inline-flex !important;
    padding: 4px 4px !important;
    font-size: 18px !important;
    white-space: nowrap !important;
  }
}