/*
 Theme Name:   Divi Child
 Theme URI:    https://www.elegantthemes.com/gallery/divi/
 Description:  Divi 5 child theme — put custom CSS below. Parent theme stays untouched.
 Author:       디자인 스튜디오
 Template:     Divi
 Version:      1.0.0
 Text Domain:  divi-child
*/

/* =========================
   Custom CSS (edit in VS Code)
   ========================= */

/* Paperlogy Fonts */
/* =========================================
   Paperlogy 웹폰트 등록
   홈페이지 프론트엔드 전용
   ========================================= */


/* 100 Thin */
@font-face {
    font-family: 'Paperlogy';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-1Thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

/* 200 ExtraLight */
@font-face {
    font-family: 'Paperlogy';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-2ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

/* 300 Light */
@font-face {
    font-family: 'Paperlogy';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* 400 Regular */
@font-face {
    font-family: 'Paperlogy';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* 500 Medium */
@font-face {
    font-family: 'Paperlogy';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* 600 SemiBold */
@font-face {
    font-family: 'Paperlogy';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* 700 Bold */
@font-face {
    font-family: 'Paperlogy';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* 800 ExtraBold */
@font-face {
    font-family: 'Paperlogy';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* 900 Black */
@font-face {
    font-family: 'Paperlogy';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

body:not(.wp-admin) #page-container {
  font-family: 'Paperlogy', sans-serif;
}

body:not(.wp-admin) #page-container h1,
body:not(.wp-admin) #page-container h2,
body:not(.wp-admin) #page-container h3,
body:not(.wp-admin) #page-container h4,
body:not(.wp-admin) #page-container h5,
body:not(.wp-admin) #page-container h6,
body:not(.wp-admin) #page-container p,
body:not(.wp-admin) #page-container li,
body:not(.wp-admin) #page-container blockquote,
body:not(.wp-admin) #page-container figcaption,
body:not(.wp-admin) #page-container label,
body:not(.wp-admin) #page-container input,
body:not(.wp-admin) #page-container textarea,
body:not(.wp-admin) #page-container select,
body:not(.wp-admin) #page-container .et_pb_button,
body:not(.wp-admin) #page-container .et_pb_module_header,
body:not(.wp-admin) #page-container .et_pb_text_inner,
body:not(.wp-admin) #page-container .et_pb_blurb_description,
body:not(.wp-admin) #page-container .et_pb_menu a,
body:not(.wp-admin) #page-container .et_mobile_menu a,
body:not(.wp-admin) #page-container .entry-title,
body:not(.wp-admin) #page-container .entry-content {
  font-family: 'Paperlogy', sans-serif !important;
}


@media (max-width: 767px) {
  .m-block {display: block;}
}











/* //////////////////////////////// gb-menu //////////////////////////////////// */


.gb-menu .et_pb_menu .et_pb_menu__menu > nav > ul.et-menu {
  flex-wrap: nowrap !important;
  column-gap: clamp(1.5em, calc(1em + (100vw - 980px) * 2 / 460), 5em) !important;
}

.gb-menu .et_pb_menu .et-menu > li {
  margin: 0 !important;
  padding: 0 !important;
}

.gb-menu .et_pb_menu .et_pb_menu__menu > nav > ul.et-menu > li > a {
  white-space: nowrap !important;
  padding: 1.5em 0.5em !important;
}

.gb-menu .et-menu .menu-item-has-children > a:first-child:after {
  content: "" !important;
}

@media (min-width: 1440px) {
  .gb-menu .et_pb_menu .et_pb_menu__menu > nav > ul.et-menu {
    column-gap: 4em !important;
  }
}

/* 드롭다운 패널 — 글자 길이만큼 */
.gb-menu .et_pb_menu .et-menu > li > ul.sub-menu,
.gb-menu .et_pb_menu .nav > li > ul.sub-menu {
  border: 0 !important;
  border-top: 0 !important;
  border-color: transparent !important;
  background: #fff !important;
  background-image: none !important;
  border-radius: 0 0 12px 12px !important;
  box-shadow:
    0 12px 32px rgba(17, 17, 17, 0.08),
    0 2px 6px rgba(17, 17, 17, 0.04) !important;
  padding: 0.6em 0.45em !important;
  width: max-content !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  max-height: none !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* 항목 — Divi 고정폭(200px) 해제, 글자만큼 */
.gb-menu .et_pb_menu .et-menu > li > ul.sub-menu > li,
.gb-menu .et_pb_menu .nav > li > ul.sub-menu > li {
  display: block !important;
  float: none !important;
  width: max-content !important;
  max-width: none !important;
  margin: 0 !important;
  background: transparent !important;
}

/* 링크 */
.gb-menu .et_pb_menu .et-menu > li > ul.sub-menu > li > a,
.gb-menu .et_pb_menu .nav > li > ul.sub-menu > li > a {
  position: relative !important;
  display: block !important;
  width: max-content !important;
  max-width: none !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0.7em 1.15em 0.7em 1.1em !important;
  border-radius: 8px !important;
  color: #222 !important;
  --gcid-link-color: #222 !important;
  -webkit-text-fill-color: #222 !important;
  text-align: left !important;
  font-size: 1.35em !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  letter-spacing: -0.01em !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  background: transparent !important;
  transition:
    color 0.18s ease,
    background-color 0.18s ease,
    -webkit-text-fill-color 0.18s ease !important;
}

/* 왼쪽 포인트 라인 */
.gb-menu .et_pb_menu .et-menu > li > ul.sub-menu > li > a::before,
.gb-menu .et_pb_menu .nav > li > ul.sub-menu > li > a::before {
  content: "" !important;
  position: absolute !important;
  left: 0.45em !important;
  top: 50% !important;
  width: 2px !important;
  height: 0 !important;
  border-radius: 2px !important;
  background: #e31c23 !important;
  transform: translateY(-50%) !important;
  transition: height 0.18s ease !important;
}

/* 호버 */
.gb-menu .et_pb_menu .et-menu > li > ul.sub-menu > li > a:hover,
.gb-menu .et_pb_menu .nav > li > ul.sub-menu > li > a:hover,
.gb-menu .et_pb_menu .et-menu > li > ul.sub-menu > li > a:focus,
.gb-menu .et_pb_menu .nav > li > ul.sub-menu > li > a:focus {
  color: #e31c23 !important;
  --gcid-link-color: #e31c23 !important;
  -webkit-text-fill-color: #e31c23 !important;
  background: rgba(227, 28, 35, 0.06) !important;
}

.gb-menu .et_pb_menu .et-menu > li > ul.sub-menu > li > a:hover::before,
.gb-menu .et_pb_menu .nav > li > ul.sub-menu > li > a:hover::before,
.gb-menu .et_pb_menu .et-menu > li > ul.sub-menu > li > a:focus::before,
.gb-menu .et_pb_menu .nav > li > ul.sub-menu > li > a:focus::before {
  height: 1.05em !important;
}

/* 현재 페이지 */
.gb-menu .et_pb_menu .et-menu > li > ul.sub-menu > li.current-menu-item > a,
.gb-menu .et_pb_menu .et-menu > li > ul.sub-menu > li.current_page_item > a {
  color: #e31c23 !important;
  --gcid-link-color: #e31c23 !important;
  -webkit-text-fill-color: #e31c23 !important;
  font-weight: 600 !important;
  background: rgba(227, 28, 35, 0.06) !important;
}

.gb-menu .et_pb_menu .et-menu > li > ul.sub-menu > li.current-menu-item > a::before,
.gb-menu .et_pb_menu .et-menu > li > ul.sub-menu > li.current_page_item > a::before {
  height: 1.05em !important;
}






/*//////////////////////////////////////  #mega-life ////////////////////////////////////// */

#mega-life { display: none !important; }
#mega-life.mega-open { display: block !important; }
li.mega-trigger-life > ul.sub-menu { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; }

#mega-life a:hover { color: #e31c23 !important;}


@media (min-width: 981px) {
  .mega-menu nav > ul {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: clamp(1em, 3.33vw, 3em) !important;
    white-space: nowrap !important;    
  }

  .mega-menu nav > ul > li {
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
  }
  #mega-life h2 {font-size: 1.1em !important;}
  #mega-life .et_pb_link_inner  { font-size:.9em !important; line-height: 1; padding: .25em 0;  }
 .mega-menu-row { gap: 1em !important; }


}

@media (min-width: 1440px) {
  .mega-menu-row { gap: 4em !important; }
  #mega-life h2 {font-size: 1.5em !important;}
  #mega-life .et_pb_link_inner  { font-size:1em !important; white-space: nowrap !important;   }
}


/* /////////////////////////////////////////////////////////////////////////// */



















/* ////////////////////////////////////// HEADER SEARCH //////////////////////////////////////*/

.et-l--header {
  position: relative !important;
}

/* 검색창 기본 상태 */
#site-search-panel {
  position: absolute !important;

  left: 0 !important;
  right: 0 !important;

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

  margin: 0 !important;

  background: #ffffff;

  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  transform: translateY(-10px);

  transition:
    opacity 0.25s ease,
    transform 0.25s ease,
    visibility 0.25s ease;

  z-index: 999999 !important;
}

/* 검색창 OPEN */
#site-search-panel.search-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;

  transform: translateY(0);
}

/* 검색창 내부 Row */
#site-search-panel > .et_pb_row {
  width: 90% !important;
  max-width: 1400px !important;

  margin-left: auto !important;
  margin-right: auto !important;
}

/* 검색 아이콘 */
.site-search-toggle {
  cursor: pointer;
}



/*/////////////////////////////////////// ETC //////////////////////////////////////*/

.sub-text h2 {
  font-weight: 500;
  font-size: clamp(1em, calc(0.9206em + 0.639vw), 1.6875em);
}

/*////////////////////////////////////// 화면 너비가 1680px 미만일 때만 적용//////////////////////////////////////*/
@media all and (max-width: 1679px) {
  /*.menu-sub { width:90% !important;   }*/
}

/* ////////////////////////////////////// 화면 너비가 1440px 미만일 때만 적용////////////////////////////////////// */
@media all and (max-width: 1440px) {
  .et_pb_menu .et-menu > li {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
}

/*////////////////////////////////////// 화면 너비가 1024px 미만일 때만 적용////////////////////////////////////// */
@media all and (max-width: 1024px) {
  .mega-login {
    display: none;
  }
}

/* ////////////////////////////////////// 화면 너비가 980x 미만일 때만 적용 ////////////////////////////////////// */
@media (max-width: 980px) {
  .et_pb_menu .et_mobile_nav_menu {
    padding: 1em 0;
  }
  .et_mobile_menu li,
  .et_mobile_menu li a,
  .et_mobile_menu .sub-menu {
    background-color: transparent !important;
  }
  .et_mobile_menu .sub-menu li a {
    padding-left: 0 !important;
  }
  .et_mobile_menu li a {
    border-bottom: 1px solid #dcdcdc !important;
  }
	
  /*모바일 메뉴 +- 보이기 */
  .et_mobile_menu .menu-item-has-children {
    position: relative;
  }

  .et_mobile_menu .menu-item-has-children > a {
    padding-right: 60px !important;
  }

  .et_mobile_menu .menu-item-has-children > .sub-menu {
    display: none !important;
  }

  .et_mobile_menu .menu-item-has-children.lp-menu-open > .sub-menu {
    display: block !important;
  }

  .et_mobile_menu .lp-submenu-toggle {
    position: absolute;
    top: 0;
    right: 0;
    width: 54px;
    height: 48px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    z-index: 10;
  }

  .et_mobile_menu .lp-submenu-toggle::before,
  .et_mobile_menu .lp-submenu-toggle::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 1px;
    background: #222;
    transform: translate(-50%, -50%);
    transition: transform 0.25s ease;
  }

  .et_mobile_menu .lp-submenu-toggle::after {
    transform: translate(-50%, -50%) rotate(90deg);
  }

  .et_mobile_menu
    .menu-item-has-children.lp-menu-open
    > .lp-submenu-toggle::after {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  .et_mobile_menu .sub-menu {
    padding-left: 15px !important;
  }
}
    
/*서브메뉴 - display 부분*/
.display1,
.display2,
.display3 {
  margin: 0;
  padding: 0;
  text-align: center;
  word-break: keep-all;
  font-family: "Nanum Gothic", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
}
.display1 {
  font-size: 42px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: -0.02em;
  color: #111;
}
.display2 {
  margin-top: 18px;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: -0.02em;
  color: #111;
}
.display2 .accent {
  color: #e31c23;
}
.display3 {
  margin-top: 16px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
  color: #555;
}



/* lifepeace — blockquote */
.et_pb_text_inner blockquote,
.entry-content blockquote {
  position: relative;
  display: inline-block;
  width: auto;
  max-width: 100%;
  margin: 1.25em 0 1.75em;
  padding: 8px 76px 8px 76px;
  border: 0 !important;
  border-left: none !important;
  background: transparent !important;
  quotes: none;
  text-align: left;
  vertical-align: top;
  box-sizing: border-box;
}

.et_pb_text_inner blockquote::before,
.et_pb_text_inner blockquote::after,
.entry-content blockquote::before,
.entry-content blockquote::after {
  content: "" !important;
  position: absolute;
  display: block;
  width: 60px;
  height: 40px;
  background: url("https://lifepeace.or.kr/wp-content/uploads/2026/09/icon-two.svg") no-repeat center / contain;
  pointer-events: none;
  font-size: inherit;
  line-height: 1;
  color: transparent;
 }

.et_pb_text_inner blockquote::before,
.entry-content blockquote::before {
  top: 0;
  left: 0;
}

.et_pb_text_inner blockquote::after,
.entry-content blockquote::after {
  right: 0;
  bottom: 0;
  transform: rotate(180deg);
}

.et_pb_text_inner blockquote p,
.entry-content blockquote p {
  margin: 0;
  padding: 0 !important;
  color: #333;
  font-weight: 700;
  font-size: var(--text-xl, clamp(1.5em, 2vw, 1.75em));
  line-height: 1.5;
  letter-spacing: -0.02em;
  word-break: keep-all;
}

@media (max-width: 767px) {
  .et_pb_text_inner blockquote,
  .entry-content blockquote {
    padding: 6px 60px;
  }

  .et_pb_text_inner blockquote::before,
  .et_pb_text_inner blockquote::after,
  .entry-content blockquote::before,
  .entry-content blockquote::after {
    width: 48px;
    height: 32px;
  }
}

/* 어두운 배경용 — blockquote에 class="quote-dark" */
.et_pb_text_inner blockquote.quote-dark::before,
.et_pb_text_inner blockquote.quote-dark::after,
.entry-content blockquote.quote-dark::before,
.entry-content blockquote.quote-dark::after {
  opacity: 0.7;
}
.et_pb_text_inner blockquote.quote-dark p,
.entry-content blockquote.quote-dark p {
  color: #fff;
}







/*/////////////////////////////// blog-list//////////////////////////// */

/* 카드 같은 높이 */
.school-blog .et_pb_post {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

/* 본문 영역이 남은 공간을 먹음 */
.school-blog .et_pb_post .post-content {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  gap: 1em;
}

/* 자세히 보기: 가로 가운데 + 카드 맨 아래 정렬 */
.school-blog .et_pb_post .more-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  margin-top: auto !important; /* ← 핵심: 아래로 밀착 */
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 0 !important;
  border-radius: 999px !important;
  background: #2f6b4f !important;
  color: #fff !important;
  font-size: 0 !important;
  text-decoration: none !important;
}

.school-blog .et_pb_post .more-link::after {
  content: "자세히 보기" !important;
  font-size: 0.95rem !important;
  padding: 0.25em 1.75em !important;
  color: #fff !important;
}




/*////////////////////////////////// main-page /////////////////////////////////////////  */


/* ==================================================
   생명평화결사 전체소식 — Divi 5 Tabs
================================================== */

.life-news-tabs {
  --news-red: #ed0014;
  --news-text: #171717;
  --news-muted: #7b7b7b;
  --news-card: #f5f6f7;

  border: 0 !important;
  background: transparent !important;
  margin-top: -5.5em;
}


/* ==============================
   상단 탭 메뉴
============================== */

.life-news-tabs .et_pb_tabs_controls {
  display: flex !important;
  float: none !important;
  width: fit-content !important;
  max-width: 100%;
  overflow-x: auto;
  margin: 0 0 72px auto !important;
  padding: 0 !important;

  border: 1px solid #d7d7d7 !important;
  border-radius: 999px !important;
  background: #fff !important;

  list-style: none !important;
  scrollbar-width: none;
}

.life-news-tabs .et_pb_tabs_controls::-webkit-scrollbar {
  display: none;
}

.life-news-tabs .et_pb_tabs_controls::after {
  display: none !important;
}

.life-news-tabs .et_pb_tabs_controls li {
  display: block !important;
  float: none !important;
  min-width: 126px;
  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
}

.life-news-tabs .et_pb_tabs_controls li a {
  display: block !important;
  padding: 12px 23px !important;

  color: #777 !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  text-align: center;
  white-space: nowrap;

  transition:
    color 0.2s ease,
    background-color 0.2s ease;
}

.life-news-tabs .et_pb_tabs_controls li:not(.et_pb_tab_active) a:hover {
  color: var(--news-red) !important;
}

.life-news-tabs .et_pb_tabs_controls li.et_pb_tab_active,
.life-news-tabs .et_pb_tabs_controls li[aria-selected="true"] {
  background: var(--news-red) !important;
}

.life-news-tabs .et_pb_tabs_controls li.et_pb_tab_active a,
.life-news-tabs .et_pb_tabs_controls li[aria-selected="true"] a {
  color: #fff !important;
}


/* ==============================
   Divi Tabs 기본 스타일 제거
============================== */

.life-news-tabs .et_pb_all_tabs,
.life-news-tabs .et_pb_tab,
.life-news-tabs .et_pb_tab_content {
  border: 0 !important;
  background: transparent !important;
}

.life-news-tabs .et_pb_all_tabs,
.life-news-tabs .et_pb_tab {
  padding: 0 !important;
}

.life-news-tabs .et_pb_tab_content > p:empty {
  display: none !important;
}


/* ==============================
   블로그 카드 4열
============================== */

.life-news-tabs .et_pb_blog_grid,
.life-news-tabs .et_pb_blog_grid .et_pb_ajax_pagination_container {
  border: 0 !important;
}

.life-news-tabs .et_pb_blog_grid .et_pb_salvattore_content,
.life-news-tabs .et_pb_blog_grid .et_pb_ajax_pagination_container {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(20px, 2.6vw, 50px) !important;
}

.life-news-tabs .et_pb_blog_grid .et_pb_salvattore_content > .column {
  display: contents !important;
  width: auto !important;
  margin: 0 !important;
}


/* ==============================
   개별 카드
============================== */

.life-news-tabs article.et_pb_post {
  position: relative;
  display: flex !important;
  min-width: 0;
  min-height: 538px;
  margin: 0 !important;
  padding: 92px 40px 38px !important;
  overflow: hidden;

  border: 2px solid transparent !important;
  border-radius: 21px !important;
  background: var(--news-card) !important;
  box-shadow: none !important;

  flex-direction: column;

  transition:
    border-color 0.2s ease,
    background-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease;
}

.life-news-tabs article.et_pb_post:hover {
  border-color: var(--news-red) !important;
  background: #fff !important;
  box-shadow: 0 3px 12px rgb(0 0 0 / 17%) !important;
  transform: translateY(-2px);
}


/* 카드 왼쪽 위 빨간 원 */

.life-news-tabs article.et_pb_post::before {
  content: "";
  position: absolute;
  top: 38px;
  left: 40px;
  z-index: 2;

  width: 18px;
  height: 18px;

  border: 5px solid var(--news-red);
  border-radius: 50%;
  background: #fff;

  box-sizing: border-box;
}


/* 오른쪽 아래 + 버튼 */

.life-news-tabs article.et_pb_post::after {
  content: "";
  position: absolute;
  right: 38px;
  bottom: 36px;
  z-index: 3;

  width: 34px;
  height: 34px;
  border-radius: 50%;

  background:
    linear-gradient(#555, #555) center / 26px 1px no-repeat,
    linear-gradient(#555, #555) center / 1px 26px no-repeat;

  pointer-events: none;

  transition:
    width 0.2s ease,
    height 0.2s ease,
    background-color 0.2s ease;
}

.life-news-tabs article.et_pb_post:hover::after {
  width: 56px;
  height: 56px;

  background:
    linear-gradient(#fff, #fff) center / 26px 1px no-repeat,
    linear-gradient(#fff, #fff) center / 1px 26px no-repeat,
    var(--news-red);
}


/* ==============================
   카테고리와 날짜
============================== */

.life-news-tabs article.et_pb_post .post-meta {
  order: 1;
  min-height: 22px;
  margin: 0 0 22px !important;

  color: transparent !important;
  font-size: 0 !important;
  line-height: 1.4 !important;
}

.life-news-tabs article.et_pb_post .post-meta::before {
  content: "소식  |  ";

  color: #818181;
  font-size: 15px;
  font-weight: 700;
  white-space: pre;
}

.life-news-tabs article.et_pb_post .post-meta a {
  color: #818181 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  pointer-events: none;
}

/* 날짜를 카드 왼쪽 아래로 이동 */

.life-news-tabs article.et_pb_post .post-meta .published {
  position: absolute;
  bottom: 69px;
  left: 40px;
  z-index: 2;

  color: #888 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}


/* ==============================
   제목
============================== */

.life-news-tabs article.et_pb_post .entry-title {
  order: 2;

  display: -webkit-box;
  overflow: hidden;

  margin: 0 0 21px !important;
  padding: 0 !important;

  color: var(--news-text) !important;
  font-size: clamp(22px, 1.65vw, 30px) !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.045em;

  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.life-news-tabs article.et_pb_post .entry-title a {
  color: inherit !important;
}


/* ==============================
   본문 요약
============================== */

.life-news-tabs article.et_pb_post .post-content {
  order: 3;
  margin: 0 0 22px !important;
}

.life-news-tabs article.et_pb_post .post-content-inner {
  display: -webkit-box;
  overflow: hidden;

  color: #686868;
  font-size: 16px;
  line-height: 1.65;
  letter-spacing: -0.025em;

  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

/* 기존 가짜 + 아이콘 제거 */
.life-news-tabs article.et_pb_post::after {
  display: none !important;
}

/* Divi 실제 더보기 링크를 + 버튼으로 변경 */
.life-news-tabs article.et_pb_post .more-link {
  position: absolute !important;
  right: 38px;
  bottom: 36px;
  z-index: 10;

  display: block !important;
  width: 30px;
  height: 30px;
  overflow: hidden;

  border-radius: 50%;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;

  background:
    linear-gradient(#555, #555) center / 26px 1px no-repeat,
    linear-gradient(#555, #555) center / 1px 26px no-repeat;

  transition:
    width 0.2s ease,
    height 0.2s ease,
    background-color 0.2s ease;
}

/* 카드에 마우스를 올리면 빨간 원형 버튼으로 변경 */
.life-news-tabs article.et_pb_post:hover .more-link {
  width: 56px;
  height: 56px;

  background:
    linear-gradient(#fff, #fff) center / 26px 1px no-repeat,
    linear-gradient(#fff, #fff) center / 1px 26px no-repeat,
    #ed0014;
}



/* 모바일 위치 */
@media (max-width: 767px) {
  .life-news-tabs article.et_pb_post .more-link {
    right: 28px;
    bottom: 28px;
  }
}


/* ==============================
   대표 이미지
============================== */

.life-news-tabs article.et_pb_post .et_pb_image_container,
.life-news-tabs article.et_pb_post > .entry-featured-image-url {
  order: 4;
  margin: 0 0 80px !important;
}

.life-news-tabs article.et_pb_post .et_pb_image_container {
  width: auto !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.life-news-tabs article.et_pb_post
.et_pb_image_container
.entry-featured-image-url {
  margin: 0 !important;
}

.life-news-tabs article.et_pb_post .et_pb_image_container img,
.life-news-tabs article.et_pb_post > .entry-featured-image-url img {
  width: 100%;
  height: 160px;

  border: 0 !important;
  object-fit: cover;
}


/* 이미지가 없는 카드 하단 공간 */

.life-news-tabs article.et_pb_post:not(:has(.entry-featured-image-url)) .post-content {
  padding-bottom: 72px;
}


/* ==============================
   페이지네이션
============================== */

.life-news-tabs .pagination {
  grid-column: 1 / -1;
  margin-top: 30px;
}



/* 타블렛용 */

@media (max-width: 980px) {
  .life-news-tabs { margin-top: 0; }
  /* .life-news-tabs .et_pb_tabs_controls li { display: none !important; } */

}


/* 모바일: 탭 4개를 한 화면에 모두 표시 */
@media (max-width: 767px) {
  .life-news-tabs .et_pb_tabs_controls {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 35px !important;
    padding: 0 !important;

    overflow: hidden !important;
    border-radius: 999px !important;
  }

  .life-news-tabs .et_pb_tabs_controls li {
    display: block !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;

    border-radius: 999px !important;
  }

  .life-news-tabs .et_pb_tabs_controls li a {
    display: flex !important;
    align-items: center;
    justify-content: center;

    width: 100% !important;
    min-width: 0 !important;
    padding: 11px 2px !important;

    font-size: 16px !important;
    line-height: 1.2 !important;
    letter-spacing: -0.06em !important;
    text-align: center;
    white-space: nowrap !important;
  }

  .life-news-tabs .et_pb_tabs_controls li.et_pb_tab_active,
  .life-news-tabs .et_pb_tabs_controls li[aria-selected="true"] {
    width: 100% !important;
    border-radius: 999px !important;
  }
}



/* //////////////////////////////////// 블로그 blog-list ///////////////////////////////////////////// */

/* 블로그 카드 목록 */
.blog-list .et_pb_blog_posts {
  align-items: stretch !important;
}

/* 블로그 카드 */
.blog-list .et_pb_post {
  display: flex !important;
  flex-direction: column !important;

  height: 100%;
  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden;
  border: 0 !important;
  border-radius: 32px !important;
  background: #ffffff !important;

  box-shadow: none;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

/* 카드 마우스 효과 */
.blog-list .et_pb_post:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 38px rgba(0, 58, 34, 0.12);
}

/* 이미지 영역 */
.blog-list .et_pb_post .et_pb_image_container {
  order: 1;

  width: 100%;
  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden;
}

/* 이미지 링크 */
.blog-list .entry-featured-image-url {
  display: block !important;

  width: 100%;
  margin: 0 !important;
  padding: 0 !important;

  aspect-ratio: 1.12 / 1;
  overflow: hidden;
}

/* 이미지 */
.blog-list .entry-featured-image-url img {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  object-fit: cover;
  object-position: center;

  transition: transform 0.5s ease;
}

/* 이미지 확대 효과 */
.blog-list .et_pb_post:hover .entry-featured-image-url img {
  transform: scale(1.035);
}

/* 날짜 */
.blog-list .et_pb_post .post-meta {
  order: 2;

  margin: 34px 42px 0 !important;
  padding: 0 !important;

  color: #666666 !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
}

/* 날짜 글자 */
.blog-list .et_pb_post .post-meta a,
.blog-list .et_pb_post .published {
  color: #666666 !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}

/* 제목 */
.blog-list .et_pb_post .entry-title {
  order: 3;

  margin: 14px 42px 0 !important;
  padding: 0 !important;

  color: #414141 !important;
  font-size: clamp(24px, 2vw, 30px) !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.045em !important;

  word-break: keep-all;
}

/* 제목 링크 */
.blog-list .et_pb_post .entry-title a {
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

/* 제목 마우스 효과 */
.blog-list .et_pb_post .entry-title a:hover {
  color: #007440 !important;
}

/* 자세히 보기 하단 정렬 */
.blog-list .et_pb_post .post-content {
  order: 4;

  margin: auto 42px 42px !important;
  padding: 24px 0 0 !important;
}

/* 본문 요약 숨김 */
.blog-list .post-content-inner {
  display: none !important;
}

/* 자세히 보기 링크 */
.blog-list .more-link {
  display: inline-flex !important;
  align-items: center;
  gap: 10px;

  width: auto;
  margin: 0 !important;
  padding: 0 !important;

  color: #666666 !important;
  font-size: 0 !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;

  text-decoration: none !important;
  cursor: pointer;

  transition: color 0.25s ease;
}

/* 자세히 보기 글자 */
.blog-list .more-link::before {
  content: "자세히 보기";
  font-size: 17px;
  line-height: 1.4;
}

/* 자세히 보기 화살표 */
.blog-list .more-link::after {
  content: "→";
  display: inline-block;

  margin-top: -1px;

  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1;

  transition: transform 0.25s ease;
}

/* 자세히 보기 마우스 효과 */
.blog-list .more-link:hover,
.blog-list .more-link:focus-visible {
  color: #007440 !important;
  outline: none;
}

/* 화살표 이동 효과 */
.blog-list .more-link:hover::after,
.blog-list .more-link:focus-visible::after {
  transform: translateX(-6px);
}

/* 이미지 오버레이 */
.blog-list .et_overlay {
  border: 0 !important;
}

/* 태블릿 */
@media (max-width: 980px) {
  .blog-list .et_pb_post {
    border-radius: 26px !important;
  }

  .blog-list .entry-featured-image-url {
    aspect-ratio: 4 / 3;
  }

  .blog-list .et_pb_post .post-meta {
    margin: 28px 30px 0 !important;
    font-size: 16px !important;
  }

  .blog-list .et_pb_post .entry-title {
    margin: 12px 30px 0 !important;
    font-size: 26px !important;
  }

  .blog-list .et_pb_post .post-content {
    margin: auto 30px 34px !important;
    padding-top: 20px !important;
  }
}

/* 모바일 */
@media (max-width: 767px) {
  .blog-list .et_pb_post {
    border-radius: 22px !important;
  }

  .blog-list .entry-featured-image-url {
    aspect-ratio: 4 / 3;
  }

  .blog-list .et_pb_post .post-meta {
    margin: 24px 24px 0 !important;
    font-size: 15px !important;
  }

  .blog-list .et_pb_post .entry-title {
    margin: 10px 24px 0 !important;
    font-size: 23px !important;
    line-height: 1.4 !important;
  }

  .blog-list .et_pb_post .post-content {
    margin: auto 24px 28px !important;
    padding-top: 18px !important;
  }

  .blog-list .more-link {
    gap: 8px;
  }

  .blog-list .more-link::before {
    font-size: 15px;
  }

  .blog-list .more-link::after {
    font-size: 25px;
  }
}




/* //////////////////////////////// blog-list-centr ///////////////////////////////////////////// */

/* 카드 호버 준비 */
.blog-list-center .et_pb_post {
  position: relative;
  transform: translateY(0);
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

/* 카드 상승과 그림자 효과 */
@media (hover: hover) and (pointer: fine) {
  .blog-list-center .et_pb_post:hover {
    z-index: 2;
    transform: translateY(-6px);
    box-shadow: 0 18px 38px rgba(0, 58, 34, 0.14);
  }
}






/* /////////////////////////////////////SOLIDARITY BLOG 블로그 1개짜리//////////////////////////////////// */

.solidarity-list-blog {
  --sb-green: #006b3c;
  --sb-text: #4a4a4a;
  --sb-meta: #555555;
  --sb-line: #d8d8d8;

  /*
   * 본문 → 구분선 40px
   * 구분선 → 다음 글 40px
   */
  --sb-half-gap: 40px;

  width: 100%;
}

/* 블로그 전체 컨테이너 */
.solidarity-list-blog
.et_pb_ajax_pagination_container {
  display: block !important;
  width: 100% !important;
  padding-top: 30px !important;
}

/* ================게시물 한 개================= */

.solidarity-list-blog article.et_pb_post {
  position: relative;

  display: grid !important;

  grid-template-columns:
    minmax(300px, 27%)
    minmax(0, 1fr);

  grid-template-rows:
    auto
    minmax(0, 1fr)
    auto;

  grid-template-areas:
    "thumbnail title"
    "thumbnail excerpt"
    "thumbnail meta";

  width: 100% !important;
  min-width: 0;

  column-gap: clamp(32px, 3vw, 52px);
  row-gap: 0 !important;

  /*
   * 구분선 위 40px
   * 구분선 아래 40px
   */
  margin: 0 0 var(--sb-half-gap) !important;
  padding: 0 0 var(--sb-half-gap) !important;

  /* 실제 회색 구분선 */
  border: 0 !important;
  border-bottom:
    1px
    solid
    var(--sb-line) !important;

  border-radius: 0 !important;

  background: transparent !important;
  box-shadow: none !important;
}

/* =============대표 이미지 영역======================= */

/* Divi 5 이미지 컨테이너 */
.solidarity-list-blog
article.et_pb_post
> .et_pb_image_container {
  grid-area: thumbnail;
  align-self: stretch;

  display: block;

  width: 100% !important;
  height: 100% !important;
  min-height: 290px;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden;

  border: 0 !important;
  border-radius: 0 !important;

  background: #eeeeee;
}

/* 이미지 컨테이너가 없는 경우 */
.solidarity-list-blog
article.et_pb_post
> .entry-featured-image-url {
  grid-area: thumbnail;
}

/* 이미지 링크 */
.solidarity-list-blog
.et_pb_image_container
.entry-featured-image-url,
.solidarity-list-blog
article.et_pb_post
> .entry-featured-image-url {
  display: block;

  width: 100% !important;
  height: 100% !important;
  min-height: 290px;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden;
}

/* 실제 이미지 */
.solidarity-list-blog
.entry-featured-image-url img {
  display: block;

  width: 100% !important;
  height: 100% !important;
  min-height: 290px;

  margin: 0 !important;
  padding: 0 !important;

  object-fit: cover;
  object-position: center;

  transition: transform 0.4s ease;
}

/* 이미지 마우스 효과 */
.solidarity-list-blog
article.et_pb_post:hover
.entry-featured-image-url img {
  transform: scale(1.025);
}

/* ========== 제목======================= */

.solidarity-list-blog .entry-title {
  grid-area: title;
  align-self: start;

  min-width: 0;

  margin: 0 !important;
  padding: 0 !important;

  color: var(--sb-green) !important;

  font-size: clamp(26px, 1.8vw, 36px) !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.045em !important;

  word-break: keep-all;
  overflow-wrap: break-word;
}

.solidarity-list-blog .entry-title a {
  color: var(--sb-green) !important;
  text-decoration: none !important;

  transition: opacity 0.2s ease;
}

.solidarity-list-blog .entry-title a:hover,
.solidarity-list-blog .entry-title a:focus {
  opacity: 0.72;
}

/* =============요약문==================== */

.solidarity-list-blog .post-content {
  grid-area: excerpt;
  align-self: start;

  min-width: 0;

  margin: 0 !important;
  padding: 14px 0 0 !important;
}

.solidarity-list-blog .post-content-inner {
  display: -webkit-box;
  overflow: hidden;

  width: 100%;

  margin: 0 !important;
  padding: 0 !important;

  color: var(--sb-text) !important;

  font-size: clamp(17px, 1.1vw, 21px) !important;
  font-weight: 400 !important;
  line-height: 1.75 !important;
  letter-spacing: -0.03em !important;

  word-break: keep-all;
  overflow-wrap: break-word;

  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.solidarity-list-blog
.post-content-inner p {
  margin: 0 !important;
  padding: 0 !important;
}

/* 여러 문단의 기본 여백 제거 */
.solidarity-list-blog
.post-content-inner p + p {
  margin-top: 0 !important;
}

/* 더 보기 링크 숨김 */
.solidarity-list-blog .more-link {
  display: none !important;
}

/* =============날짜 및 메타정보======================== */

.solidarity-list-blog .post-meta {
  grid-area: meta;
  align-self: end;

  min-width: 0;

  margin: 0 !important;
  padding: 10px 0 3px !important;

  color: var(--sb-meta) !important;

  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  letter-spacing: -0.025em !important;

  word-break: keep-all;
}

.solidarity-list-blog .post-meta a {
  color: inherit !important;
  text-decoration: none !important;
}

.solidarity-list-blog .post-meta a:hover {
  color: var(--sb-green) !important;
}

/* ================이미지가 없는 게시물=================== */

.solidarity-list-blog
article.et_pb_post.et_pb_no_thumb {
  grid-template-columns: 1fr;

  grid-template-areas:
    "title"
    "excerpt"
    "meta";

  min-height: 220px;
}

/* ====================마지막 게시물=================== */

.solidarity-list-blog
article.et_pb_post:last-of-type {
  margin-bottom: 20px !important;
}

/* ================== 페이지네이션================== */

.solidarity-list-blog .pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;

  width: 100%;

  margin: 10px 0 0 !important;
  padding: 0 !important;

  text-align: center;
}

.solidarity-list-blog .pagination a {
  color: var(--sb-green) !important;

  font-size: 16px;
  font-weight: 600;

  text-decoration: none !important;
}

.solidarity-list-blog .pagination a:hover {
  opacity: 0.7;
}

/* ============태블릿========================== */

@media (max-width: 980px) {
  .solidarity-list-blog {
    /*
     * 본문 → 선 33px
     * 선 → 다음 글 33px
     */
    --sb-half-gap: 33px;
  }

  .solidarity-list-blog
  .et_pb_ajax_pagination_container {
    padding-top: 24px !important;
  }

  .solidarity-list-blog article.et_pb_post {
    grid-template-columns:
      minmax(240px, 38%)
      minmax(0, 1fr);

    column-gap: 26px;
  }

  /* 태블릿 이미지 */
  .solidarity-list-blog
  article.et_pb_post
  > .et_pb_image_container,
  .solidarity-list-blog
  .et_pb_image_container
  .entry-featured-image-url,
  .solidarity-list-blog
  article.et_pb_post
  > .entry-featured-image-url,
  .solidarity-list-blog
  .entry-featured-image-url img {
    min-height: 240px;
  }

  /* 태블릿 제목 */
  .solidarity-list-blog .entry-title {
    font-size: 26px !important;
    line-height: 1.4 !important;
  }

  /* 태블릿 요약 */
  .solidarity-list-blog .post-content {
    padding-top: 10px !important;
  }

  .solidarity-list-blog
  .post-content-inner {
    font-size: 17px !important;
    line-height: 1.65 !important;

    -webkit-line-clamp: 3;
  }

  /* 태블릿 날짜 */
  .solidarity-list-blog .post-meta {
    padding: 7px 0 2px !important;

    font-size: 15px !important;
  }
}

/* ============모바일=============== */

@media (max-width: 767px) {
  .solidarity-list-blog {
    /*
     * 본문 → 선 28px
     * 선 → 다음 글 28px
     */
    --sb-half-gap: 28px;
  }

  .solidarity-list-blog
  .et_pb_ajax_pagination_container {
    padding-top: 18px !important;
  }

  .solidarity-list-blog article.et_pb_post {
    grid-template-columns: 1fr;
    grid-template-rows: auto;

    grid-template-areas:
      "thumbnail"
      "title"
      "excerpt"
      "meta";

    column-gap: 0;
    row-gap: 0 !important;
  }

  /* 모바일 이미지 컨테이너 */
  .solidarity-list-blog
  article.et_pb_post
  > .et_pb_image_container {
    width: 100% !important;
    height: auto !important;
    min-height: 0;

    margin: 0 0 17px !important;

    aspect-ratio: 16 / 10;
  }

  /* 모바일 이미지 링크 */
  .solidarity-list-blog
  .et_pb_image_container
  .entry-featured-image-url,
  .solidarity-list-blog
  article.et_pb_post
  > .entry-featured-image-url {
    width: 100% !important;
    height: 100% !important;
    min-height: 0;

    margin: 0 !important;

    aspect-ratio: 16 / 10;
  }

  /* 모바일 실제 이미지 */
  .solidarity-list-blog
  .entry-featured-image-url img {
    width: 100% !important;
    height: 100% !important;
    min-height: 0;

    aspect-ratio: 16 / 10;
  }

  /* 모바일 제목 */
  .solidarity-list-blog .entry-title {
    font-size: 24px !important;
    line-height: 1.4 !important;
  }

  /* 모바일 요약 */
  .solidarity-list-blog .post-content {
    padding-top: 9px !important;
  }

  .solidarity-list-blog
  .post-content-inner {
    font-size: 16px !important;
    line-height: 1.7 !important;

    -webkit-line-clamp: 3;
  }

  /* 모바일 날짜 */
  .solidarity-list-blog .post-meta {
    padding: 6px 0 0 !important;

    font-size: 14px !important;
  }

  /* 모바일 페이지네이션 */
  .solidarity-list-blog .pagination {
    gap: 14px;
    margin-top: 4px !important;
  }
}



/* //////////////////////light-tabs//////////////////////////////////// */


/* 탭 모듈 */
.light-tabs {
  width: 100%;
  border: 0 !important;
  background: #fff !important;
}

/* 탭 메뉴 */
.light-tabs .et_pb_tabs_controls {
  display: flex !important;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 18px 0;
  margin: 0 !important;
  padding: 0 0 2em !important;
  border: 0 !important;
  border-bottom: 1px solid #b8b8b8 !important;
  background: transparent !important;
  list-style: none !important;
}



.light-tabs .et_pb_tabs_controls::after {
  display: none;
}

.light-tabs .et_pb_tabs_controls li {
  float: none !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 24px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  line-height: 1 !important;
}

.light-tabs .et_pb_tabs_controls li + li {
  border-left: 1px solid #555 !important;
}

.light-tabs .et_pb_tabs_controls li a {
  display: block;
  padding: 0 !important;
  color: #505050 !important;
  font-size: clamp(18px, 1.4vw, 26px) !important;
  font-weight: 500 !important;
  line-height: 1.1 !important;
  white-space: nowrap;
}

.light-tabs .et_pb_tabs_controls li:hover a { color: #006b3c !important; }

.light-tabs .et_pb_tabs_controls li.et_pb_tab_active a {
  font-weight: 800 !important;
}

.light-tabs .et_pb_tabs_controls a:focus-visible {
  outline: 2px solid #006b3c;
  outline-offset: 6px;
}

/* 탭 콘텐츠 여백 */
.light-tabs .et_pb_all_tabs,
.light-tabs .et_pb_tab,
.light-tabs .et_pb_tab_content {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}


/* 태블릿 */
@media (max-width: 1100px) {
  .light-tabs .et_pb_tabs_controls li {
    padding: 0 14px !important;
  }

}

/* 모바일 */
@media (max-width: 767px) {
  .light-tabs .et_pb_tabs_controls {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    padding-bottom: 24px !important;
  }

  .light-tabs .et_pb_tabs_controls li {
    flex: 0 0 auto;
  }

  .light-tabs .et_pb_tabs_controls li a {
    font-size: 16px !important;
  }
  
}



/* ////////////////////////webzine//////////////////////////////// */

/* 웹진 카드 */
.blog-webzine .et_pb_blog_posts {
  row-gap: 48px !important;
}

.blog-webzine article.et_pb_post {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  align-items: baseline;
  align-content: flex-start;
  gap: 0 14px;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* 표지: 원본과 같은 비율 */
.blog-webzine .et_pb_post .et_pb_image_container {
  order: 1;
  flex: 0 0 100%;
  width: 100%;
  margin: 0 0 18px !important;
  padding: 0 !important;
}

.blog-webzine .et_pb_post .entry-featured-image-url {
  display: block;
  position: relative;
  width: 100%;
  aspect-ratio: 42 / 59;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden;
}

.blog-webzine .et_pb_post .entry-featured-image-url img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
  object-position: center;
}

/* 날짜 */
.blog-webzine .et_pb_post .post-meta {
  order: 2;
  flex: 0 0 auto;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 1.4 !important;
}

.blog-webzine .post-meta .published {
  color: #111 !important;
  font-size: 18px !important;
  font-weight: 500;
}

/* 제목 */
.blog-webzine .et_pb_post .entry-title {
  order: 3;
  flex: 0 1 auto;
  max-width: calc(100% - 125px);
  margin: 0 !important;
  padding: 0 !important;
  color: #111 !important;
  font-size: 1.75em !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  letter-spacing: -0.04em;
  overflow-wrap: anywhere;
}

.blog-webzine .et_pb_post .entry-title a {
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}

/* 본문, 기타 메타정보, 이미지 오버레이 숨김 */
.blog-webzine .post-content,
.blog-webzine .post-meta > :not(.published),
.blog-webzine .et_overlay {
  display: none !important;
}

/* 기본 그림자와 부드러운 움직임 */
.blog-webzine .et_pb_post .entry-featured-image-url,
.blog-books .et_pb_post .entry-featured-image-url {
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15) !important;
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

/* 이미지 호버 및 키보드 포커스 */
.blog-webzine .et_pb_post .entry-featured-image-url:hover,
.blog-webzine .et_pb_post .entry-featured-image-url:focus-visible,
.blog-books .et_pb_post .entry-featured-image-url:hover,
.blog-books .et_pb_post .entry-featured-image-url:focus-visible {
  transform: translateY(-6px);
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.2) !important;
}

/* 움직임 최소화 설정 반영 */
@media (prefers-reduced-motion: reduce) {
  .blog-webzine .et_pb_post .entry-featured-image-url,
  .blog-books .et_pb_post .entry-featured-image-url  {
    transition: none;
    transform: none;
  }
}




















/* //////////////////////////////////// 페이징 ///////////////////////////////////////////// */

/* 카테고리의 이전·다음 글 숨김 */
body.category .et_pb_post_nav_0_tb_body,
body.category .et_pb_posts_nav,
body.category .nav-single,
body.archive .et_pb_post_nav_0_tb_body,
body.archive .et_pb_posts_nav,
body.archive .nav-single {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* 숫자 페이징 기본 스타일 */
body.category .wp-pagenavi,
body.archive .wp-pagenavi {
  display: block !important;
  clear: both !important;
  margin-top: 50px !important;
  margin-bottom: 30px !important;
  padding-top: 18px !important;
  border-top: 1px solid #e2e2e2 !important;
  text-align: right !important;
}

/* 이동할 페이지가 없으면 페이징 숨김 */
body.category .wp-pagenavi:not(:has(a)),
body.archive .wp-pagenavi:not(:has(a)),
body.category .wp-pagenavi:empty,
body.archive .wp-pagenavi:empty {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

/* 페이지 번호와 화살표 스타일 */
body.category .wp-pagenavi a,
body.category .wp-pagenavi span,
body.archive .wp-pagenavi a,
body.archive .wp-pagenavi span {
  display: inline-block;
  margin: 0 6px !important;
  padding: 2px 3px !important;
  border: 0 !important;
  background: transparent !important;
  color: #333333 !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  text-decoration: none !important;
  cursor: pointer;
  transition: color 0.2s ease;
}

/* 현재 페이지 번호 강조 */
body.category .wp-pagenavi span.current,
body.archive .wp-pagenavi span.current {
  color: #333333 !important;
  font-weight: 700 !important;
}

/* 페이지 번호 마우스 효과 */
body.category .wp-pagenavi a:hover,
body.category .wp-pagenavi a:focus-visible,
body.archive .wp-pagenavi a:hover,
body.archive .wp-pagenavi a:focus-visible {
  color: #007440 !important;
  outline: none;
}

/* 모바일 페이징 조정 */
@media (max-width: 767px) {
  body.category .wp-pagenavi,
  body.archive .wp-pagenavi {
    margin-top: 32px !important;
    margin-bottom: 24px !important;
    padding-top: 15px !important;
  }

  body.category .wp-pagenavi a,
  body.category .wp-pagenavi span,
  body.archive .wp-pagenavi a,
  body.archive .wp-pagenavi span {
    margin: 0 5px !important;
    font-size: 14px !important;
  }

  body.category .wp-pagenavi:not(:has(a)),
  body.archive .wp-pagenavi:not(:has(a)),
  body.category .wp-pagenavi:empty,
  body.archive .wp-pagenavi:empty {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }
}



/* ///////////////////////////////////////////////////////////////////////////////// */

/* ///////////////////////////////////////////////////////////////////////////////// */


















/* //////////////////////// 모달 0918////////////////////////////////////////////////// */

/* 팝업을 메인 메뉴보다 위에 배치 */
body > footer[data-canvas] {
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100vh !important;
  height: 100dvh !important;
  z-index: 2147483647 !important;
  pointer-events: none;
}

/* 화면 전체 팝업 영역 */
body > footer[data-canvas] .modal-overlay {
  position: fixed !important;
  inset: 0 !important;
  transform: none !important;
  width: 100% !important;
  max-width: none !important;
  height: 100vh !important;
  height: 100dvh !important;
  max-height: none !important;
  box-sizing: border-box !important;

  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;

  align-items: flex-start !important;
  justify-content: flex-start !important;
  pointer-events: auto;
}

/* 흰색 카드가 텍스트 길이만큼 늘어남 */
body > footer[data-canvas] .modal-overlay .modal-card {
  flex: 0 0 auto !important;
  align-self: center !important;

  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  margin: 24px auto !important;
  overflow: visible !important;
  background-color: #fff !important;
}

/* X 아이콘 */
body > footer[data-canvas] .modal-close {
  cursor: pointer;
}




/* ////////////////////////// footer //////////////////////////////// */

.footer > .et_pb_column {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 1em !important;
  --horizontal-gap: 0 !important;
}

.footer .et_pb_link {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

.footer .et_pb_link .et_pb_link_inner,
.footer .et_pb_link .et_pb_link_text,
.footer .et_pb_link .et_pb_link_text p {
  margin: 0 !important;
  padding: 0 .1em !important;
}

/* 갭(1.5em) 한가운데에 | */
.footer .et_pb_link + .et_pb_link::before {
  content: "|" !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translate(-0.75em, -50%) !important; /* gap의 절반 */
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0.45 !important;
  line-height: 1 !important;
  pointer-events: none !important;
}














/* /////////////////////////////////////////케이보드용///////////////////////////////////////////// */


/* KBoard 기본 폰트 */
:is(
  #kboard-default-list,
  #kboard-default-document,
  #kboard-default-editor
) {
  font-family: "Paperlogy", sans-serif !important;
  font-size: 16px !important;
}

/* 목록·입력칸·버튼·게시글 본문 */
:is(
  #kboard-default-list,
  #kboard-default-document,
  #kboard-default-editor
) :is(
  table, th, td,
  .kboard-attr-row, label,
  input, textarea, select, button,
  .kboard-default-button-small,
  .content-view,
  .content-view p,
  .content-view span,
  .content-view li
) {
  font-family: "Paperlogy", sans-serif !important;
  font-size: 16px !important;
}

/* 게시글 제목 링크: 호버 */
#kboard-default-list .kboard-list a:hover,
#kboard-default-list .kboard-list a:hover .kboard-default-cut-strings {
  color: #f26522 !important;
}

/* 페이지 번호: 호버·현재 페이지 */
#kboard-default-list .kboard-pagination .kboard-pagination-pages li a:hover,
#kboard-default-list .kboard-pagination .kboard-pagination-pages li.active a,
#kboard-default-list .kboard-pagination .kboard-pagination-pages li.active a:hover {
  background: #f26522 !important;
  border-color: #f26522 !important;
  color: #fff !important;
}

/* 게시글 본문 줄 간격 */
#kboard-default-document .content-view,
#kboard-default-document .content-view :is(p, span, li, td) {
  line-height: 1.7;
}

/* KBoard 버튼 크기와 패딩 */
:is(
  #kboard-default-list,
  #kboard-default-document,
  #kboard-default-editor
) :is(
  button,
  input[type="button"],
  input[type="submit"],
  input[type="reset"],
  .kboard-default-button-small,
  .kboard-default-button-medium,
  .kboard-default-button-large
) {
  font-family: "Paperlogy", sans-serif !important;
  font-size: 18px !important;
  padding-top: .75em !important;
  padding-bottom: .75em !important;
  height: auto !important;
  line-height: 1.2 !important;
  box-sizing: border-box;
}

/* 게시판 동작 버튼: 편집기 도구 버튼 제외 */
:is(
  #kboard-default-list,
  #kboard-default-document,
  #kboard-default-editor
) :is(
  .kboard-default-button-small,
  .kboard-default-button-medium,
  .kboard-default-button-large
):is(:hover, :active) {
  background: #f26522 !important;
  border-color: #f26522 !important;
  color: #fff !important;
}

/* 후기 게시판 댓글: 사진·파일 첨부칸 숨기기 */
body.page-id-3320 .kboard-comments-default .field-image1,
body.page-id-3320 .kboard-comments-default .field-file1 {
    display: none !important;
}

/* 댓글 폰트: Paperlogy / 16px */
.kboard-comments-default,
.kboard-comments-default :is(
    .comments-list-content,
    .comments-list-content p,
    .comments-list-content span,
    .comments-list-content li,
    .comments-list-username,
    .comments-list-create,
    label, textarea, input, select
) {
    font-family: "Paperlogy", sans-serif !important;
    font-size: 16px !important;
}

.kboard-comments-default .comments-list-content,
.kboard-comments-default textarea {
    line-height: 1.7;
}

/* 게시판 하단 Powered by KBoard 숨기기 */
.kboard-default-poweredby {
    display: none !important;
}