@charset "utf-8";
/* ========================================================================
    Layout CSS
    Project  : AP CSR Webzine 웹사이트 구축
    Writer   : Ajin Lee (Weaverloft Corp.)
    Date     : 2026-06
    Description   : 레이아웃 구조 관련 & 서브페이지 관련 css
======================================================================== */

/* =====================
   Base
===================== */
main {position: relative;}
.csr-wrap { position: relative; padding-top: 89px;}
.inner {width: 100%;max-width: 1240px;margin: 0 auto; box-sizing: border-box;padding: 0 20px;}
.csr-wrap > .csr-section {width: 100%; padding: 130px 0;}
br.pc {display: block;}
br.mo {display: none;}
*:focus{outline:none !important;}
*:focus-visible{ opacity: 1; outline:2px dashed #0066ff !important;outline-offset:2px !important;}
@media screen and (max-width: 1180px) {
    .csr-wrap { padding-top: 60px;}
    .is-edge .csr-wrap { padding-top: 60px;}
}
@supports (-ms-ime-align:auto) {
    @media screen and (max-width: 1180px) {
        .is-edge .csr-wrap { padding-top: 60px;}
    }
}
@media screen and (max-width: 1024px) {
    br.pc {display: none;}
    br.mo {display: block;}
}
@media screen and (max-width: 768px) {
    .csr-wrap > .csr-section { padding: 50px 0 80px;}
}

/* Header */
.csr-header-mo-sub {display: none;}
body:has(.csr-mobile-nav.is-open) .csr-header__hamburger[aria-controls="mobile-nav"] { position: fixed; top: 10px; right: 14px; transform: translate(0,0); z-index: 310; }
header > .csr-header {width: 100vw !important;}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu { left: 50%; transform: translate(-50%, 0);box-shadow: 0 3px 8px rgba(0,0,0,0.10) !important;}
.csr-mobile-nav #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu { left: initial; transform: translate(0, 0); box-shadow: none !important;}

@media screen and (max-width: 1180px) {
    header > .csr-header {min-height: 60px !important;}
    body:has(.csr-wrap) .csr-header-mo-main {display: none;}
    body:has(.csr-wrap) .csr-header-mo-sub {display: block; width: 100%;height: 60px;}
}

/* 페이드 애니메이션 */
[data-ani="fade-up"] { opacity: 0; transform: translateY(24px); transition: opacity 0.6s ease-out, transform 0.6s ease-out;}
[data-ani="fade-up"].is-animated { opacity: 1; transform: translateY(0); }
[data-ani="fade-up"], #main-mission .e-heading-base, #main-initiative .e-heading-base, #main-latest .e-heading-base, #main-latest .e-tabs-menu-base, #main-latest .e-tabs-content-area-base { opacity: 0; transform: translateY(24px); transition: opacity 0.6s ease-out, transform 0.6s ease-out; }
#main-latest .e-tabs-menu-base {transition-delay: 200ms;}
#main-latest .e-tabs-content-area-base {transition-delay: 400ms;}
[data-ani="fade-up"].is-animated, #main-mission .e-heading-base.is-animated, #main-initiative .e-heading-base.is-animated, #main-latest .e-heading-base.is-animated, #main-latest .e-tabs-menu-base.is-animated, #main-latest .e-tabs-content-area-base.is-animated { opacity: 1; transform: none; }

/* =====================
   검색 패널
===================== */
.csr-search-panel .e-con.e-flex>.e-con-inner {gap: 0 !important; padding: 0 20px !important; max-width: 1240px !important;}
body.admin-bar .dialog-lightbox-widget.csr-search-panel {height: 100vh; height: 100svh; height: 100dvh;}
.csr-search-panel.dialog-widget { position: fixed; inset: 0; z-index: 300; display: flex; justify-content: center; background-color: rgba(0,0,0,0.5); }
.csr-search-panel .dialog-widget-content { position: relative; width: 100%; min-height: 450px; background-color: #fff; padding: 0; text-align: center; overflow: hidden; }
.csr-search-panel .elementor-location-popup > .e-con-full { justify-content: flex-start;padding: 120px 0 40px; min-height: auto; }
.csr-search-panel .dialog-close-button { display: none; }
.csr-search-panel .dialog-message {width: 100% !important;}
/* 닫기 버튼 */
.elementor .e-button-base.csr-search-panel__close { position: absolute; top: 40px; right: 70px; display: none; align-items: center; justify-content: center; flex-shrink: 0; width: 50px; height: 50px; background-color: transparent; background-image: url('/wp-content/uploads/2026/06/icon-close-1.svg'); background-size: 30px auto; background-position: center; background-repeat: no-repeat; border: none; cursor: pointer; color: #000; transition: opacity 300ms ease; text-indent: -9999px;}
.elementor .e-button-base.csr-search-panel__close:hover { opacity: 0.5; }
.csr-search-panel[aria-hidden="false"] .elementor .e-button-base.csr-search-panel__close,
.csr-search-panel.elementor-popup-modal:not([style*="display: none"]) .elementor .e-button-base.csr-search-panel__close { display: flex; }
/* 제목 */
.csr-search-panel #csr-search-panel__title, .csr-search-panel .e-heading-base { margin-bottom: 1.30em; font-size: 2.88rem; line-height: 130%; letter-spacing: -0.02em; font-weight: 700; font-variation-settings: 'wght' 700; color: #000; }
/* 검색 필드 래퍼 */
.csr-search-panel .csr-search-panel__field > .elementor-widget-container {width: 100% !important;}
.csr-search-panel .csr-search-panel__field, .csr-search-panel .elementor-widget-wp-widget-search { display: flex; align-items: center; gap: 12px; width: 100%; max-width: 600px !important; margin: 0 auto; padding-bottom: 20px; border-bottom: 3px solid #000; }
/* search-form 초기화 */
.csr-search-panel .search-form { display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 100%; }
.csr-search-panel .search-form label { flex: 1; display: flex; width: 100%; }
/* input */
.csr-search-panel .csr-search-panel__field, .csr-search-panel .elementor-widget-wp-widget-search {max-width: 100%;}
.csr-search-panel .search-field { flex: 1; width: 100%; height: 40px; margin-right: 10px; padding-left: 10px; background: transparent; border: none; outline: none; font-size: 1.88rem; font-weight: 500; font-variation-settings: 'wght' 500;font-family: 'Pretendard Variable', 'Pretendard', sans-serif; color: #000; }
.csr-search-panel .search-field::placeholder { font-size: inherit;font-weight: 500; font-variation-settings: 'wght' 500;color: #999; }
.csr-search-panel .search-field::-webkit-search-cancel-button { display: none; -webkit-appearance: none; }

/* 검색 submit 버튼 */
.csr-search-panel .search-submit { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 40px; height: 40px; background: transparent url('/wp-content/uploads/2026/06/icon-search.svg') no-repeat center / 32px; border: none; font-size: 0; cursor: pointer; transition: opacity 300ms ease; }
.csr-search-panel .search-submit:hover { opacity: 0.5; }
.csr-search-panel .screen-reader-text { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
/* 추천 태그 목록 */
.csr-search-panel .elementor-icon-list-items.elementor-inline-items { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-top: 50px; }
.csr-search-panel .elementor-icon-list-item a { padding: 10px 24px; background-color: #F2F2F2; border-radius: 30px; font-weight: 400; font-variation-settings: 'wght' 400; font-size: 16px; line-height: 1; letter-spacing: -2%; color: #444444; }
.csr-search-panel .elementor-icon-list-item a:hover {text-decoration: underline;text-underline-offset: 2px;}
.csr-search-panel .elementor-icon-list-icon { display: none; }

@media screen and (max-width: 1180px) {
    .elementor .e-button-base.csr-search-panel__close { top: 24px; right: 24px; }
}
@media screen and (max-width: 1024px) {
    .csr-search-panel .e-con.e-flex>.e-con-inner {padding: 0 !important;}
    .csr-search-panel .dialog-widget-content {min-height: max-content;}
    .csr-search-panel .elementor-location-popup > .e-con-full { padding: clamp(50px, 9.7656vw, 120px) 0 40px; }
    .csr-search-panel #csr-search-panel__title, .csr-search-panel .e-heading-base { font-size: clamp(32px, 4.492vw, 2.88rem); }
    .csr-search-panel .csr-search-panel__field, .csr-search-panel .elementor-widget-wp-widget-search { padding-bottom: 13px; border-bottom-width: 3px; }
    .csr-search-panel .search-field { height: 30px; font-size: clamp(22px, 2.929vw, 1.88rem); }
    .csr-search-panel .search-submit { width: 30px; height: 30px; background-size: 24px auto; }
    .elementor .e-button-base.csr-search-panel__close { top: 10px; right: 14px; width: 30px; height: 30px;background-size: 15px auto;padding: 0;}
}
@media screen and (max-width: 768px) {
    .csr-search-panel #csr-search-panel__title, .csr-search-panel .e-heading-base {margin-bottom: 45px;}
    .csr-search-panel .elementor-icon-list-items.elementor-inline-items { margin-top: 50px; }
    .csr-search-panel .elementor-icon-list-items.elementor-inline-items {gap: 8px;}
    .csr-search-panel .elementor-icon-list-item a {padding: 8px 20px;font-size: 14px;}
    .csr-search-panel .search-field::placeholder {font-size: 16px;}
}

/* =====================
   TOP 버튼
===================== */
.csr-footer__view-btn { opacity: 1; visibility: visible; position: fixed;bottom: 30px;left: 50%;transform: translateX(-50%);z-index: 50;display: flex; align-items: center; justify-content: center; min-width: 262px; height: 56px; background-color:#333333; border-color: #333333; color: #fff; font-size: 1.25rem; font-weight: 700; font-variation-settings: 'wght' 700; cursor: pointer; white-space: nowrap; transition: all 300ms ease; }
.csr-footer__view-btn[hidden] {opacity: 0; visibility: hidden; }
.csr-footer__view-btn.on { position: absolute; bottom: -30px;}
.csr-footer__view-btn i { display: inline-block; }

.csr-footer__top-btn {opacity: 1; visibility: visible; overflow: hidden; position: fixed;bottom: 30px;right: 50%;transform: translateX(46.2em);z-index: 50; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 50%; width: 60px; height: 60px; background-color: #fff; border: 1px solid #000; color: #000; cursor: pointer; font-size: 13px; font-weight: 700; font-variation-settings: 'wght' 700; transition: all 300ms ease; }
.csr-footer__top-btn[hidden] { opacity: 0; visibility: hidden; }
.csr-footer__top-btn.on { position: absolute; bottom: -30px;}
.csr-footer__top-btn figure { overflow: hidden; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; }
.csr-footer__top-btn img { height: 100%; display: block; }
.csr-footer__top-btn:hover img { animation: top-btn-icon 0.4s ease forwards;background-repeat: no-repeat;background-position: center;}
.csr-footer__top-btn::before {content: ''; inset: 0;width: 100%; height: 100%; background-image: url('/wp-content/uploads/2026/06/icon-top-btn.svg'); background-size: 36px auto;background-repeat: no-repeat; background-position: center;}
.csr-footer__top-btn:hover::before { animation: top-btn-icon 0.6s ease forwards; -webkit-animation: top-btn-icon 0.6s ease forwards; }
@keyframes top-btn-icon {
    0%   { transform: translateY(0); }
    40%  { transform: translateY(-70%);}
    41%  { transform: translateY(70%);}
    100% { transform: translateY(0);}
}
@media screen and (max-width: 1268px) {
    .csr-footer__view-btn {min-width: 220px;bottom: 20px;left: auto; right: 85px;transform: translateX(0);height: 50px;font-size: 1rem;}
    .csr-footer__view-btn.on {bottom: -25px;}
    .csr-footer__top-btn { bottom: 20px;right: 20px;transform: translateX(0);width: 50px; height: 50px; }
    .csr-footer__top-btn figure { width: 30px; height: 30px; }
    .csr-footer__top-btn.on {bottom: -25px;}
    .csr-footer__top-btn::before {background-size: 30px auto;}
}
@media screen and (max-width: 320px) {
    .csr-footer__view-btn {justify-content: flex-end;min-width: 190px;}
}

/* =====================
   [공통] Marquee Gallery
===================== */
.marquee-gallery { overflow: hidden; width: 100%; }
.marquee-gallery__viewport { overflow: hidden; width: 100%; }
.marquee-gallery__track { display: inline-flex; gap: 10px; align-items: center; animation: marquee-scroll 16s linear infinite; will-change: transform; transform: translateZ(0); -webkit-animation: marquee-scroll 16s linear infinite; }
.marquee-gallery__track { animation-play-state: paused; }
.marquee-gallery.is-animated .marquee-gallery__track { animation-play-state: running; }
.marquee-gallery__item { flex-shrink: 0; }
.marquee-gallery__item::marker {display: none !important; font-size: 0 !important; color: transparent !important;}
.marquee-gallery__figure { display: flex; justify-content: center; align-items: center; overflow: hidden; aspect-ratio: 1 / 1; width: 100%; max-width: 420px; margin: 0; }
.marquee-gallery__figure img { width: 100%; height: 100%; object-fit: cover; display: block; }
.marquee-gallery__item.item-01 .marquee-gallery__figure { border-top-left-radius: 280px;border-bottom-right-radius: 280px; }
.marquee-gallery__item.item-02 .marquee-gallery__figure {border-top-left-radius: 300px;border-top-right-radius: 300px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px; }
.marquee-gallery__item.item-03 .marquee-gallery__figure { border-radius: 50%; }
.marquee-gallery__item.item-04 .marquee-gallery__figure { border-radius: 30px; }
.marquee-gallery__item.item-05 .marquee-gallery__figure {border-top-left-radius: 210px;border-top-right-radius: 210px;border-bottom-right-radius: 210px;border-bottom-left-radius: 10px;}

@keyframes marquee-scroll { 
    0% { transform: translateX(0); } 
    100% { transform: translateX(var(--marquee-origin-width)); } 
}
@media (prefers-reduced-motion: reduce) { 
    .marquee-gallery__track { animation: none; } 
}
@media screen and (max-width: 1024px) { 
    .marquee-gallery__figure { max-width: clamp(180px, 41.0156vw,420px);} 
    .marquee-gallery__item.item-01 .marquee-gallery__figure { border-top-left-radius: clamp(120px, 27.3438vw,280px);border-bottom-right-radius: clamp(120px, 27.3438vw,280px)}
    .marquee-gallery__item.item-02 .marquee-gallery__figure {border-top-left-radius: clamp(128px, 29.2969vw,300px);border-top-right-radius: clamp(128px, 29.2969vw,300px);border-bottom-right-radius: clamp(4px, 0.9766vw,10px);border-bottom-left-radius: clamp(4px, 0.9766vw,10px); }
    .marquee-gallery__item.item-04 .marquee-gallery__figure { border-radius: clamp(12px, 2.9297vw,30px); }
    .marquee-gallery__item.item-05 .marquee-gallery__figure {border-top-left-radius: clamp(180px, 20.5078vw,210px);border-top-right-radius: clamp(180px, 20.5078vw,210px);border-bottom-right-radius: clamp(180px, 20.5078vw,210px);border-bottom-left-radius: clamp(4px, 0.9766vw,10px);}
    .marquee-gallery__track { gap: 8px; animation-duration: 9s; } 
}

/* =====================
   CSR Mission Page
===================== */
[data-elementor-type="wp-page"]:has(.csr-section.section-mission) > .e-con-full {max-width: none !important; width: 100% !important; padding: 0 !important;}
.csr-wrap section.section-mission { padding: 100px 0 170px; }
.csr-mission__title {text-align: center;}
.csr-mission__subtitle { margin-top: 10px;font-size: 1.75rem;font-weight: 600; font-variation-settings: 'wght' 600; word-break: keep-all; line-height: 160%;letter-spacing: -2%;text-align: center;}
.csr-mission__gallery { margin-top: 106px; }
/* 아이템 목록 */
.csr-mission__conts { display: flex; flex-direction: column; gap: 120px; margin-top:150px; }
.csr-mission__item { display: flex; flex-direction: column; gap: 60px; }
.csr-mission__item-txt {display: flex; align-items: center; gap: 40px;}
.csr-mission__item-title { flex-shrink: 0; font-size: 3.25rem; font-weight: 700; font-variation-settings: 'wght' 700; line-height: 130%;letter-spacing: -2%;}
.csr-mission__item.youth { color: #494DD1; }
.csr-mission__item.planet { color:#1AE652; }
.csr-mission__item.culture { color: #FF7733; }
.csr-mission__item-desc { font-size: 1.5rem; color: #555555; word-break: keep-all; line-height: 150%;letter-spacing: -2%;color: #000;}

/* 미디어 + 카드 래퍼 */
.csr-mission__item-media { position: relative; overflow: hidden; border-radius: 20px; }

/* 이미지 */
.csr-mission__item-figure { width: 100%; margin: 0; }
.csr-mission__item-figure img { width: 100%; height: 100%; object-fit: cover;}

/* hover 카드 — PC: 우측 전체 높이 오버레이 슬라이드인 / MO: 이미지 아래 고정 노출 */
.csr-mission__card { position: absolute; top: 50%; right: 30px; display: flex; flex-direction: column; padding: 40px 40px 50px; max-width: 400px; width: 100%; height: calc(100% - 60px); border-radius: 20px; opacity: 0; transform: translate(0, -25%); transition: opacity 600ms cubic-bezier(0.4, 0, 0.2, 1), transform 600ms cubic-bezier(0.4, 0, 0.2, 1); pointer-events: none;}
.csr-mission__item.youth .csr-mission__card { background-color: #494DD1; }
.csr-mission__item.planet .csr-mission__card { background-color: #1AE652; }
.csr-mission__item.culture .csr-mission__card { background-color: #FF7733; }
.csr-mission__item-media.is-active .csr-mission__card { opacity: 1; transform: translate(0, -50%); pointer-events: auto; }

/* 카드 내부 */
.csr-mission__card-category { font-size: 3.125rem; font-weight: 700; font-variation-settings: 'wght' 700; color: rgba(255,255,255,0.4); line-height: 130%;letter-spacing: -2%;text-align: right;}
.csr-mission__item.youth .csr-mission__card-category {color: rgba(255,255,255,0.1);}
.csr-mission__card-name { margin-top: auto; margin-bottom: clamp(20px, 1.5625vw, 30px); padding-bottom: clamp(15px, 1.0417vw, 20px); border-bottom: 1px solid rgba(217, 217, 217, 0.3); font-size: 1.875rem; font-weight: 700; font-variation-settings: 'wght' 700; color: #ffffff; line-height: 130%;letter-spacing: -2%;text-align: right;}

/* 링크 목록 */
.csr-mission__card-links { display: flex; flex-direction: column; gap: 16px; }
.csr-mission__card-category + .csr-mission__card-links {margin-top: auto;}
.csr-mission__card-link { display: flex; justify-content: flex-end; align-items: center; width: 100%; font-size: 1.875rem; color: #000; font-weight: 700; font-variation-settings: 'wght' 700;line-height: 150%;letter-spacing: -2%;text-align: right;}
[lang="en-US"] .csr-mission__card-link {line-height: 120%;}
.csr-mission__item.youth .csr-mission__card-link {color: #ffffff;}
.csr-mission__card-link i.icon-btn-round {width: 30px;height: 30px;margin-left: 16px !important; border-radius: 50%; border: 1px solid #000;}
.csr-mission__card-link i.icon-btn-round-white {margin-left: 16px !important; border-radius: 50%; border: 1px solid #ffffff;}

@media screen and (max-width: 1100px) {
    .csr-mission__item-txt {flex-direction: column; align-items: flex-start; gap: 10px;}
} 
@media screen and (max-width: 1024px) {
    .csr-mission__gallery { margin-top: clamp(40px, 7.8125vw, 80px); }
    .csr-mission__item {gap: clamp(30px, 5.8594vw, 60px);}
    .csr-mission__conts { gap: clamp(80px, 11.7188vw, 120px); margin-top: clamp(80px, 14.648vw, 150px); }
    .csr-mission__subtitle { font-size: clamp(18px, 2.7344vw, 1.75rem); }
    .csr-mission__item-title { font-size: clamp(30px, 5.0781vw, 3.25rem); }
    .csr-mission__item-desc  { font-size: clamp(16px, 2.3438vw, 1.50rem); }
    .csr-mission__card {padding: 40px clamp(30px, 3.9063vw, 40px);}
    .csr-mission__card-category { display: none;}
    .csr-mission__card-name {font-size: clamp(28px, 2.9297vw, 1.875rem);}
    .csr-mission__card-link { font-size: clamp(24px, 2.9297vw, 1.875rem);}
}
@media screen and (max-width: 820px) {
    .csr-wrap section.section-mission { padding: 50px 0 120px; }
    .csr-mission__subtitle { margin-bottom: 40px; }
    .csr-mission__item-media { display: flex; flex-direction: column; border-radius: 0; overflow: visible; }
    .csr-mission__item-media.is-active .csr-mission__card { transform: translate(0, 0);}
    .csr-mission__item-figure { aspect-ratio: 4 / 3; width: 100%; border-radius: 16px 16px 0 0; overflow: hidden; }
    .csr-mission__card { position: static; opacity: 1; max-width: 100%; transform: none;transform: translate(0, 0); pointer-events: auto; border-radius: 0 0 16px 16px; min-width: auto; width: 100%; padding: 40px 30px; justify-content: flex-start; transform: none;}
    .csr-mission__card-link i.icon-btn-round {margin-left: 12px !important;}
    .csr-mission__card-link i.icon-btn-round-white {margin-left: 12px !important;}
}
@media screen and (max-width: 550px) {
    .csr-mission__item-figure { aspect-ratio: 1 / 1;}
}

/* =====================
    2Depth Page
===================== */
.csr-section.section-youth {padding-bottom: 0;}
.csr-section.section-planet {padding-bottom: 0;}
.csr-section.section-culture {padding-bottom: 0;}
.csr-section.section-youth .inner {max-width: 1240px !important; padding: 0 20px !important;}
.csr-section.section-planet .inner {max-width: 1240px !important; padding: 0 20px !important;}
.csr-section.section-culture .inner {max-width: 1240px !important; padding: 0 20px !important;}
.csr-section.section-youth .e-con>.e-con-inner {max-width: inherit !important;}
.csr-section.section-planet .e-con>.e-con-inner {max-width: inherit !important;}
.csr-section.section-culture .e-con>.e-con-inner {max-width: inherit !important;}
/* Banner 영역 */
.sub-2depth__banner {overflow: hidden; display: flex; justify-content: center; align-items: stretch; margin: 120px 0 40px; border-radius: 20px; background-color: #000; background-image: url('/wp-content/uploads/2026/06/bg-beauty-for-youth-banner.png');background-size: cover; background-position: center center; background-repeat: no-repeat;}
.sub-2depth__banner-cont {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; padding: 100px 40px;}
.sub-2depth__banner-cont figure {max-width: 500px;}
.sub-2depth__banner-cont img.pc {display: block;}
.sub-2depth__banner-cont img.mo {display: none;}
@media screen and (max-width: 768px) {
    .sub-2depth__banner {margin-top: 60px;}
    .csr-section.section-youth .page-sub-title .mo-only { display: none; } 
    .csr-section.section-planet .page-sub-title .mo-only { display: none; } 
    .csr-section.section-culture .page-sub-title .mo-only { display: none; } 
    .sub-2depth__banner-cont {padding-block: 60px;}
    .sub-2depth__banner-cont figure{display: flex; justify-content: center; align-items: center;}
    .sub-2depth__banner-cont img.pc {max-width: 410px;}
}
@media screen and (max-width: 500px) {
    .sub-2depth__banner {flex-direction: column-reverse; margin-top: 60px; padding: 40px 30px 54px;border-radius: 16px;background-image: url('/wp-content/uploads/2026/06/bg-beauty-for-youth-banner-mo.png');}
    .sub-2depth__banner-cont {padding: 0;}
    .sub-2depth__banner-cont figure {display: flex; justify-content: center; align-items: flex-end; max-width: 70%; min-width: 246px; padding-bottom: 24px; aspect-ratio: 246 / 231;}
    .sub-2depth__banner-cont img {width: 76%;}
    .sub-2depth__banner-cont img.pc {display: none;}
    .sub-2depth__banner-cont img.mo {display: block;}
    .csr-section.section-youth .page-sub-title .mo-only { display: block; } 
    .csr-section.section-planet .page-sub-title .mo-only { display: block; } 
    .csr-section.section-culture .page-sub-title .mo-only { display: block; } 
}

/* 카드 영역 */
.child-category-grid {display: flex; flex-direction: column; gap: 40px; margin-top: 120px;}
.csr-section:has(.sub-2depth__banner) .child-category-grid {margin-top: 0;}
.child-category-grid .child-category-box {display: flex; align-items: stretch; gap: 24px;flex-direction: row;}
.child-category-box { opacity: 0; transform: translateY(24px); transition: opacity 0.6s ease-out, transform 0.6s ease-out; -webkit-transition: opacity 0.6s ease-out, transform 0.6s ease-out; -moz-transition: opacity 0.6s ease-out, transform 0.6s ease-out; -ms-transition: opacity 0.6s ease-out, transform 0.6s ease-out; -o-transition: opacity 0.6s ease-out, transform 0.6s ease-out; }
.child-category-box.is-animated { opacity: 1; transform: translateY(0); }
.child-category-grid .child-category-box:nth-child(2n) {flex-direction: row-reverse;}
.child-category-grid .child-category-thumb { overflow: hidden; display: flex; justify-content: center; align-items: center; flex-basis: 50%; border-radius: 20px; aspect-ratio: 1 / 1;}
.child-category-grid .child-category-thumb img {height: 100%;}
.child-category-grid .child-category-content { display: flex; flex-direction: column; justify-content: center; flex-basis: 50%; padding: 20px clamp(30px, 2.6042vw,50px); background-color: #F0F0F0; border-radius: 20px; }
.child-category-grid .child-category-cont .child-category-number {margin-bottom: 4px; font-weight: 700;font-variation-settings: 'wght' 700;font-size: 1.25rem;line-height: 130%;letter-spacing: -2%;}
.child-category-grid .child-category-cont .child-category-title {font-weight: 700;font-variation-settings: 'wght' 700;font-size: 3rem;line-height: 130%;letter-spacing: -2%;}
.child-category-grid .child-category-cont.btm {margin-top: 20px;}
.child-category-grid .child-category-cont .child-category-desc {font-weight: 500;font-variation-settings: 'wght' 500;font-size: 1.25rem;line-height: 160%;letter-spacing: -2%;}
.child-category-grid .child-category-card {justify-content: space-between; min-width: 160px;height: 50px; min-height: 40px; padding-inline: 25px; margin-top: clamp(20px, 2.0833vw,40px);font-size: 18px;}
.child-category-grid .child-category-card span + i[class^="icon-"] {width: 24px; height: 24px; margin-left: 24px;}
@media screen and (max-width: 1024px) {
    .child-category-grid .child-category-cont .child-category-number {font-size:clamp(16px, 1.953vw,1.25rem);}
    .child-category-grid .child-category-cont .child-category-title {font-size:clamp(30px, 4.6875vw,3rem);}
    .child-category-grid .child-category-cont .child-category-desc {font-size:clamp(16px, 1.953vw,1.25rem);}
    .child-category-grid .child-category-card {height: 3.9063vw;padding-inline: clamp(15px, 2.4414vw,25px); font-size:clamp(15px, 1.757vw,1.125rem);}
} 
@media screen and (max-width: 768px) {
    .child-category-grid {margin-top: 60px;}
    .child-category-grid .child-category-content {padding: 40px 30px;width: 100%;}
    .child-category-grid .child-category-box {flex-direction: column-reverse; align-items: flex-start;gap: 12px;}
    .child-category-grid .child-category-box:nth-child(2n) {flex-direction: column-reverse;}
    .child-category-grid .child-category-thumb {aspect-ratio: 380 / 271;}
    .child-category-grid .child-category-cont.btm {margin-top: 16px;}
    .child-category-grid .child-category-card {min-width: 130px;margin-top: 30px;}
    .child-category-grid .child-category-card span + i[class^="icon-"] {width: 20px; height: 20px;margin-left: 20px;}
} 
@media screen and (max-width: 500px) {
    .child-category-grid .child-category-thumb {aspect-ratio: 1 / 1;}
}
/* FAQ 영역 */
.sub-2depth__faq {margin-top: 130px; padding: 130px 0;}
.csr-section.section-youth .sub-2depth__faq {background-color: #494DD1;}
.csr-section.section-planet .sub-2depth__faq {background-color: #1AE652;}
.csr-section.section-culture .sub-2depth__faq {background-color:#FF7733;}
.csr-section.section-youth .page-sub-txt {font-weight: 600;font-variation-settings: 'wght' 600;}
.csr-section.section-planet .page-sub-txt {font-weight: 600;font-variation-settings: 'wght' 600;}
.csr-section.section-culture .page-sub-txt {font-weight: 600;font-variation-settings: 'wght' 600;}
.sub-2depth__faq-title {font-weight: 700;font-variation-settings: 'wght' 700;font-size: 2.88rem;line-height: 130%;letter-spacing: -2%;}
.section-youth .sub-2depth__faq-title {color: #fff;}
.sub-2depth__faq-contents {display: flex; flex-direction: column; align-items: center; margin-top: 40px;}
.sub-2depth__faq-list {display: flex; flex-direction: column; width: 100%;overflow: hidden; transition: height 0.4s ease; }
.sub-2depth__faq-list > li {border-radius: 16px; padding: 30px; background-color: #fff;}
.sub-2depth__faq-list > li.hide {display: none;}
.sub-2depth__faq-list > li + li {margin-top: 20px;}
.sub-2depth__faq-list .sub-2depth__faq-q{font-weight: 700;font-variation-settings: 'wght' 700;font-size: 1.25rem;line-height: 130%; letter-spacing: -2%;word-break: keep-all;}
.sub-2depth__faq-list .sub-2depth__faq-a{margin-top: 16px; font-weight: 400;font-variation-settings: 'wght' 400;font-size: 1.25rem;line-height: 150%;letter-spacing: -2%;color: #555555;word-break: keep-all;}
.sub-2depth__faq-contents .faq-view-btn {display: flex; justify-content: center; align-items: center; min-width: 130px; margin-top: 50px;height: 50px;min-height: 40px;padding: 12px 20px 12px 26px;font-size: 18px;}
.sub-2depth__faq-contents .faq-view-btn:focus-visible {outline: 2px dashed #fff;}
.sub-2depth__faq-contents .faq-view-btn .icon-btn-more-white {margin-left: 6px;}
.sub-2depth__faq-contents .faq-view-btn.is-expanded .icon-btn-more-white {transform: rotate(180deg);}
.csr-section.section-planet .sub-2depth__faq-contents .faq-view-btn {border: 1px solid #121212;color: #121212;}
.csr-section.section-planet .sub-2depth__faq-contents .faq-view-btn:hover { background-color: #121212; color: #ffffff;}
.csr-section.section-planet .sub-2depth__faq-contents .faq-view-btn i.icon-btn-more-white {background-image: url('/wp-content/uploads/2026/06/icon-btn-more.svg');}
.csr-section.section-planet .sub-2depth__faq-contents .faq-view-btn:hover i.icon-btn-more-white {background-image: url('/wp-content/uploads/2026/06/icon-btn-more-white.svg');}
.csr-section.section-culture .sub-2depth__faq-contents .faq-view-btn {border: 1px solid #121212;color: #121212;}
.csr-section.section-culture .sub-2depth__faq-contents .faq-view-btn:hover { background-color: #121212; color: #ffffff;}
.csr-section.section-culture .sub-2depth__faq-contents .faq-view-btn i.icon-btn-more-white {background-image: url('/wp-content/uploads/2026/06/icon-btn-more.svg');}
.csr-section.section-culture .sub-2depth__faq-contents .faq-view-btn:hover i.icon-btn-more-white {background-image: url('/wp-content/uploads/2026/06/icon-btn-more-white.svg');}
@media screen and (max-width: 1024px) {
    .sub-2depth__faq-title {font-size:clamp(32px, 4.4922vw,2.88rem);}
    .sub-2depth__faq-list .sub-2depth__faq-q{font-size:clamp(18px, 1.9531vw,1.25rem);}
    .sub-2depth__faq-list .sub-2depth__faq-a{font-size:clamp(16px,1.9531vw,1.25rem);}
    .sub-2depth__faq-contents .faq-view-btn {height: 3.9063vw;font-size:clamp(16px, 1.757vw,1.125rem);}
} 
@media screen and (max-width: 768px) {
    .sub-2depth__faq {margin-top: 80px; padding: 80px 0;}
    .sub-2depth__faq-contents {margin-top: 30px;}
    .sub-2depth__faq-list > li { padding: 20px; }
    .sub-2depth__faq-list > li + li {margin-top: 16px;}
    .sub-2depth__faq-list .sub-2depth__faq-a{color: #000;}
    .sub-2depth__faq-contents .faq-view-btn {min-width: 107px; margin-top: 40px;padding: 10px 16px 10px 20px;}
    .sub-2depth__faq-contents .faq-view-btn .icon-btn-more-white {margin-left: 8px;}
    .child-category-grid .child-category-thumb { border-radius:16px;}
    .child-category-grid .child-category-content {border-radius:16px;}
} 

/* ===================== Hero ===================== */
.csr-wrap .csr-section:has(.sub-3depth__hero) {padding-top: 0;}
/* hero banner */
.sub-3depth__hero { width: 100%; overflow: hidden; margin-bottom: 100px; background-color: #000 !important; }
.sub-3depth__hero > .e-con-inner { display: flex !important; align-items: stretch; max-width: 100% !important; padding: 0 !important; }
.sub-3depth__hero > .e-con-inner > .elementor-element { display: flex; width: 100%; }
.sub-3depth__hero > .e-con-inner .elementor-widget { display: flex;position: relative;gap: 0;transition: none;}
.sub-3depth__hero-title { font-size: 2.5rem;}
.sub-3depth__hero-txt {display: flex; flex-direction: column; justify-content: center;width: 50%; padding: 0 80px 0 calc((100% - 1200px) / 2); }
.sub-3depth__hero-thumb {position: relative;display: flex;justify-content: center;align-items: center;flex: 1;width: 50%;overflow: hidden;min-height: 410px;opacity: 0;transition: opacity 0.6s ease-out;}
.sub-3depth__hero-thumb.is-animated { opacity: 1;}
.sub-3depth__hero-thumb img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1.01); height: 100%; }
.section-youth .sub-3depth__hero { background-color: #494DD1 !important; }
.section-planet .sub-3depth__hero { background-color: #1AE652 !important; }
.section-culture .sub-3depth__hero { background-color: #FF7733 !important; }
.sub-3depth__hero-title {  font-weight: 700;font-variation-settings: 'wght' 700;font-size: 2.50rem;line-height: 120%;letter-spacing: -2%;}
.sub-3depth__hero-desc {font-weight: 500;font-variation-settings: 'wght' 500;font-size: 1.25rem;line-height: 150%;letter-spacing: -2%;} 
.page-sub-title + .page-sub-txt.sub-3depth__hero-desc {margin-top: 22px;}
.section-youth .sub-3depth__hero-title, .section-youth .sub-3depth__hero-desc { color: #fff;}
@media screen and (max-width: 1296px) {
    .sub-3depth__hero-txt {width: 50%; padding: 50px clamp(20px, 4.6296vw,60px) 50px 20px;}
}
@media screen and (max-width: 1024px) {
    .sub-3depth__hero { margin-bottom: 60px; }
    .sub-3depth__hero > .e-con-inner > .elementor-element { flex-direction: column;}
    .sub-3depth__hero-txt { width: 100%; flex: none; padding: 50px 20px;}
    .sub-3depth__hero-title { font-size:clamp(32px, 3.9063vw,2.5rem);} 
    .sub-3depth__hero-desc {font-size:clamp(16px, 1.9531vw,1.25rem);} 
    .page-sub-title + .page-sub-txt.sub-3depth__hero-desc {margin-top: 16px;}    
    .sub-3depth__hero-thumb {min-height: 230px;aspect-ratio: 390 / 230; width: 100%;}
}

/* ===================== 게시글 상세 ===================== */
.csr-section .elementor-element.sub-3depth__body {width: auto; margin-inline: 20px !important;}
.csr-section .elementor-element.sub-3depth__body:has( > .e-con-inner > .inner) { margin-inline: 0 !important;}
.csr-section .elementor-element.sub-3depth__body > .e-con-inner {max-width: none !important; padding: 0 !important;}
.csr-section .elementor-element.sub-3depth__body > .e-con-inner > .inner {display: block;gap: 0 !important; max-width: 1200px !important; width: auto; padding-inline: 0 !important; padding-bottom: 60px !important; border-bottom: 1px solid #CCCCCC;}
.sub-3depth__body .sub-3depth__breadcrumb {margin-bottom: 20px !important;}
.sub-3depth__body .sub-3depth__breadcrumb * {font-weight: 700;font-variation-settings: 'wght' 700;font-size: 1.50rem;line-height: 100%;letter-spacing: -2%;}
.section-youth .sub-3depth__body .sub-3depth__breadcrumb * { color: #494DD1; }
.section-planet .sub-3depth__body .sub-3depth__breadcrumb * { color: #1AE652; }
.section-culture .sub-3depth__body .sub-3depth__breadcrumb * { color: #FF7733; }
.sub-3depth__body .sub-3depth__title {margin-bottom: 40px !important; }
.sub-3depth__body .sub-3depth__title * {font-weight: 700;font-variation-settings: 'wght' 700;font-size: 3.50rem;line-height: 130%;letter-spacing: -2%;}
.csr-section .sub-3depth__body .elementor-element.sub-3depth__meta {padding-right: 140px !important;}
.sub-3depth__body .sub-3depth__meta *, .sub-3depth__meta .elementor-widget-post-info .elementor-icon-list-text {font-weight: 400;font-variation-settings: 'wght' 400;font-size: 1.25rem;line-height: 150%;letter-spacing: -2%;color: #555555 !important;}
.sub-3depth__body .sub-3depth__meta > ul {display: flex; align-items: center;} 
.sub-3depth__body .sub-3depth__meta > ul > li + li {position: relative; padding-left: 16px !important; margin-left: 16px !important;}
.sub-3depth__body .sub-3depth__meta > ul > li + li::before {content: ''; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 1px; height: 14px; background-color: #CCCCCC;}
.sub-3depth__meta .elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item {margin-inline: 0 !important;}
.sub-3depth__body .sub-3depth__content {margin: 50px 0 100px;}
.sub-3depth__body:has(.sub-3depth__title) .sub-3depth__content .elementor[data-elementor-type="wp-post"] > div[data-element_type="e-flexbox"] {flex-direction: column;}
.sub-3depth__body .sub-3depth__content * {font-weight: 400;font-variation-settings: 'wght' 400;font-size: 22px;line-height: 170%;letter-spacing: -2%;}
.sub-3depth__body .sub-3depth__tags > ul {display: flex; align-items: center; flex-wrap: wrap;gap: 12px;}
.sub-3depth__body .sub-3depth__tags > ul:has(> li) {margin-top: 100px;}
.sub-3depth__body .sub-3depth__tags.elementor-widget-post-info > ul.elementor-post-info > li.elementor-icon-list-item .elementor-post-info__terms-list {display: flex; align-items: center; flex-wrap: wrap;gap: 6px;}
.sub-3depth__body .sub-3depth__tags.elementor-widget-post-info > ul.elementor-post-info > li.elementor-icon-list-item .elementor-post-info__terms-list:has(> .elementor-post-info__terms-list-item) {font-size: 0;}
.sub-3depth__body .sub-3depth__tags.elementor-widget-post-info > ul.elementor-post-info > li.elementor-icon-list-item .elementor-post-info__terms-list-item,
.tag-list-item > a {padding: 10px 24px; background-color: #F2F2F2; border-radius: 30px;font-weight: 400;font-variation-settings: 'wght' 400;font-size: 16px;line-height: 1;letter-spacing: -2%; color: #444444;}
.sub-3depth__body .sub-3depth__tags.elementor-widget-post-info > ul.elementor-post-info > li.elementor-icon-list-item .elementor-post-info__terms-list-item:hover,
.tag-list-item > a:hover {text-decoration: underline;text-underline-offset: 2px;}
.sub-3depth__body .sub-3depth__tags.elementor-widget-post-info > ul.elementor-post-info > li.elementor-icon-list-item .elementor-post-info__terms-list-item::before, .tag-list-item > a::before {content: "#";}
@media screen and (max-width: 1240px) {
    .csr-section:has(.sub-3depth__hero) .elementor-element.sub-3depth__body > .e-con-inner > .inner {margin: 0 20px;}
}
@media screen and (max-width: 1024px) {
    .sub-3depth__body .sub-3depth__breadcrumb * { font-size:clamp(16px, 2.3438vw,1.5rem);} 
    .sub-3depth__body .sub-3depth__title * { font-size:clamp(36px, 5.4688vw,3.50rem);} 
    .sub-3depth__body .sub-3depth__title {margin-bottom: clamp(20px, 3.9063vw, 40px);} 
    .sub-3depth__body .sub-3depth__meta *, .sub-3depth__meta .elementor-widget-post-info .elementor-icon-list-text {font-size:clamp(14px, 1.9531vw,1.25rem);}
    .sub-3depth__body .sub-3depth__content {margin: clamp(40px, 4.8828vw,50px) 0 clamp(80px, 9.7656vw,100px);}
    .sub-3depth__body .sub-3depth__tags.elementor-widget-post-info > ul.elementor-post-info > li.elementor-icon-list-item .elementor-post-info__terms-list-item {padding: 8px 20px;font-size:clamp(14px, 1.5625vw,1rem);} 
}
@media screen and (max-width: 768px) {
    .csr-section .elementor-element.sub-3depth__body > .e-con-inner > .inner {position: relative; gap: 12px;}
    .csr-section .sub-3depth__body .elementor-element.sub-3depth__meta {padding-right: 30px !important;}
    .sub-3depth__body .sub-3depth__breadcrumb { margin-bottom: 10px !important;} 
    .sub-3depth__body .sub-3depth__content {margin-bottom: 80px;}
    .sub-3depth__body .sub-3depth__tags {margin-top: 80px;}
    .sub-3depth__body .sub-3depth__tags.elementor-widget-post-info > ul.elementor-post-info > li.elementor-icon-list-item .elementor-post-info__terms-list {gap: 8px;}
    .sub-3depth__body .sub-3depth__title {margin-bottom: 22px !important; } 
    .sub-3depth__body .sub-3depth__tags > ul {gap: 8px;}
    .sub-3depth__body .sub-3depth__tags.elementor-widget-post-info > ul.elementor-post-info > li.elementor-icon-list-item .elementor-post-info__terms-list-item,
    .tag-list-item > a {padding: 8px 20px;font-size: 14px;}
}

/* ===================== 관련 소식 ===================== */
.sub-3depth__related { padding: 130px 20px 170px !important; }
.csr-section .elementor-element.sub-3depth__related, .csr-section .sub-3depth__related.new-3depth { padding: 130px 0 170px !important; max-width: 1200px !important;}
.sub-3depth__related.new-3depth {position: relative;}
.sub-3depth__related.new-3depth .sub-3depth__related-list {position: static !important;}
.csr-section .elementor-element.sub-3depth__related > .e-con-inner {position: relative;}
.csr-section .elementor-element.sub-3depth__related > .e-con-inner .e-heading-base + div.elementor-element {position: static;} 
.sub-3depth__related .e-heading-base {font-weight: 700;font-variation-settings: 'wght' 700;font-size: 2.88rem;line-height: 130%;letter-spacing: -2%;}
.sub-3depth__related .e-heading-base { opacity: 0; transform: translateY(24px); transition: opacity 0.6s ease-out, transform 0.6s ease-out; -webkit-transform: translateY(24px); -moz-transform: translateY(24px); -ms-transform: translateY(24px); -o-transform: translateY(24px); }
.sub-3depth__related .e-heading-base.is-animated { opacity: 1; transform: translateY(0); }
.sub-3depth__related-list {position: static; margin-top: 30px;}
.sub-3depth__related-list .elementor-widget-container {position: static;}
.sub-3depth__related-list .elementor-loop-container {gap: 60px 32px;}
.elementor-element.sub-3depth__related, .sub-3depth__related.new-3depth {padding: 0px !important;}
.sub-3depth__related-list .e-tabs-content-area-base {padding: 0 !important;}
.sub-3depth__related-list .elementor .e-tab-content-base {padding: 0 !important;}
.sub-3depth__related-list .elementor .e-div-block-base {padding: 0 !important;}
.sub-3depth__related-list .elementor .e-flexbox-base {padding: 0 !important;}
.sub-3depth__related-list .elementor-widget .elementor-icon-list-items.elementor-inline-items {margin: 0 !important;}
.sub-3depth__related-list .elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item {margin-inline: 0 !important;}
.sub-3depth__related.new-3depth .swiper-slide { max-width: 380px !important;}
.sub-3depth__related .elementor-pagination {display: flex; align-items: center; gap: 10px; position: absolute; top: 6px; right: 0;}
.sub-3depth__related.new-3depth .elementor-swiper-button { position: absolute !important; top: 6px !important; right: 0 !important; transform: translate(0, -90px) !important;}
.sub-3depth__related .elementor-pagination .page-numbers, .sub-3depth__related.new-3depth .elementor-swiper-button {width: 48px; height: 48px; margin: 0 !important; background-repeat: no-repeat; background-position: center; background-size: contain; font-size: 0; text-indent: -9999px; transition: opacity 300ms;}
.sub-3depth__related .elementor-pagination span.page-numbers {opacity: 0.3;}
.elementor-element .swiper .elementor-swiper-button.swiper-button-disabled, .elementor-element .swiper~.elementor-swiper-button.swiper-button-disabled, .elementor-lightbox .swiper .elementor-swiper-button.swiper-button-disabled, .elementor-lightbox .swiper~.elementor-swiper-button.swiper-button-disabled {opacity: 0.15 !important;}
.sub-3depth__related .elementor-pagination a.page-numbers:hover, .sub-3depth__related.new-3depth .elementor-swiper-button:hover {opacity: 0.6;}
.sub-3depth__related .elementor-pagination .page-numbers.prev {background-image: url('/wp-content/uploads/2026/06/icon-prev.svg');}
.sub-3depth__related.new-3depth .elementor-swiper-button.elementor-swiper-button-prev {left: calc(100% - 100px) !important;background-image: url('/wp-content/uploads/2026/06/icon-prev.svg');}
.sub-3depth__related .elementor-pagination .page-numbers.next {background-image: url('/wp-content/uploads/2026/06/icon-prev.svg');}
.sub-3depth__related.new-3depth .elementor-swiper-button.elementor-swiper-button-next {background-image: url('/wp-content/uploads/2026/06/icon-next.svg');}
.sub-3depth__related.new-3depth:not(:has(.swiper-wrapper > .swiper-slide:nth-child(4))) .elementor-swiper-button { display: none; }
.sub-3depth__related .elementor-loop-container.elementor-grid {display: flex; gap: 32px;}
.sub-3depth__related .elementor-loop-container.elementor-grid > .e-loop-item {display: flex; gap: 32px;flex: 0 0 calc((100% - 64px) / 3); max-width: 378px;min-width: 0; cursor: pointer; transition: transform 400ms ease-in-out; }
.sub-3depth__related .category-class .elementor-element.post__list {width: 100%}
.sub-3depth__post-img {overflow: hidden; position: relative; display: flex !important; justify-content: center; align-items: center; flex-shrink: 0; width: 100% !important;padding: 0 !important; aspect-ratio: 378 / 270;border-radius: 16px;margin-bottom: 20px;border: none !important; background-color: #f5f5f5; }
.sub-3depth__post-img a.elementor .e-image-link-base { border-radius: inherit; border: none !important; -webkit-border-radius: inherit; -moz-border-radius: inherit; -ms-border-radius: inherit; -o-border-radius: inherit; }
.sub-3depth__post-img img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); transition: transform .5s ease; height: 100%; border-radius: inherit; border: none !important; -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); }
.sub-3depth__related.new-3depth .swiper-slide > a:focus-visible { outline: none !important; border: 2px dashed #0066ff !important; border-radius: 16px; }
.sub-3depth__post-catagory * {font-weight: 400;font-variation-settings: 'wght' 400;font-size: 14px;line-height: 100%;letter-spacing: -2%;color: #555555 !important;font-family: 'Pretendard Variable', 'Pretendard', sans-serif !important;}
.sub-3depth__post-title * { font-weight: 700;font-variation-settings: 'wght' 700;font-size: 22px;line-height: 130%;letter-spacing: -2%;font-family: 'Pretendard Variable', 'Pretendard', sans-serif !important;}
.sub-3depth__related-list .elementor-heading-title {overflow: hidden;margin-top: 6px; display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;line-clamp: 1;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-weight: 700 !important;font-variation-settings: 'wght' 700 !important;font-size: 22px !important;line-height: 130%;letter-spacing: -2%; color: #000 !important;}
.sub-3depth__related-list .elementor-heading-title {background-image: linear-gradient(transparent calc(100% - 1px), #333 1px);background-repeat: no-repeat;background-size: 0% 100%;transition: background-size 400ms ease-in-out;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;line-clamp: 1;-webkit-line-clamp: 1;-webkit-box-orient: vertical;width: fit-content; font-weight: 700;font-variation-settings: 'wght' 700;font-size: inherit;line-height: 130%;letter-spacing: -2%;font-family: 'Pretendard Variable', 'Pretendard', sans-serif !important;}
.sub-3depth__post-date {margin-top: 10px;}
.sub-3depth__post-date .elementor-post-info {display: flex; align-items: center; flex-wrap: wrap; gap: 12px;font-family: 'Pretendard Variable', 'Pretendard', sans-serif !important;}
.sub-3depth__post-date .elementor-post-info * { font-weight: 400;font-variation-settings: 'wght' 400;font-size: 15px;line-height: 150%;letter-spacing: -2%;color: #555555 !important;font-family: 'Pretendard Variable', 'Pretendard', sans-serif !important;}
@media (hover: hover) {
    @media screen and (min-width: 768px) {
        .sub-3depth__related .elementor-loop-container.elementor-grid > .e-loop-item:hover .sub-3depth__post-img img {transform: translate(-50%, -50%) scale(1.04);}
        .sub-3depth__related .elementor-loop-container.elementor-grid > .e-loop-item:hover .elementor-heading-title {background-size: 100% 100%;}
        .sub-3depth__related.new-3depth .swiper-slide:hover .sub-3depth__post-img img {transform: translate(-50%, -50%) scale(1.04);}
        .sub-3depth__related.new-3depth .swiper-slide:hover .elementor-heading-title {background-size: 100% 100%;}
    }
}
@media screen and (max-width: 1240px) {
    .csr-section .elementor-element.sub-3depth__related, .csr-section .sub-3depth__related.new-3depth { width: auto; margin: 0 20px; }
}
@media screen and (max-width: 1024px) {
    .sub-3depth__related .e-heading-base { font-size:clamp(32px, 4.4922vw,2.88rem);} 
    .sub-3depth__related .elementor-pagination {gap: 8px;top: 0; margin: 0;}
    .sub-3depth__related .elementor-pagination .page-numbers {width: clamp(40px, 4.6875vw,48px); height: clamp(40px, 4.6875vw,48px); }
    .sub-3depth__related.new-3depth .elementor-swiper-button { width: clamp(40px, 4.6875vw,48px); height: clamp(40px, 4.6875vw,48px); transform: translate(0, clamp(-80px, 8.7891vw, -90px)) !important; -webkit-transform: translate(0, clamp(-80px, 8.7891vw, -90px)) !important; -moz-transform: translate(0, clamp(-80px, 8.7891vw, -90px)) !important; -ms-transform: translate(0, clamp(-80px, 8.7891vw, -90px)) !important; -o-transform: translate(0, clamp(-80px, 8.7891vw, -90px)) !important; }
    .sub-3depth__related.new-3depth .elementor-swiper-button.elementor-swiper-button-prev {left: calc(100% - clamp(84px, 9.7656vw, 100px)) !important;}
}
@media screen and (max-width: 768px) {
    .sub-3depth__related { padding: 80px 20px 120px !important; }
    .sub-3depth__related.new-3depth .swiper-slide {width: 100% !important; max-width: none !important;}
    .csr-section .elementor-element.sub-3depth__related, .csr-section .sub-3depth__related.new-3depth { padding: 80px 0 120px !important; }
    .sub-3depth__related.new-3depth:not(:has(.swiper-wrapper > .swiper-slide:nth-child(4))) .elementor-swiper-button {display: inline-flex;}
    .sub-3depth__related.new-3depth:not(:has(.swiper-wrapper > .csr-slide-group:nth-child(2))) .elementor-swiper-button { display: none; }
    .sub-3depth__related .elementor-loop-container.elementor-grid {flex-direction: column; gap: 16px;}
    .sub-3depth__related .category-class .elementor-element.post__list {display: flex; align-items: center;}
    .sub-3depth__related-list {margin-top: 30px;}
    .sub-3depth__related-list .elementor-loop-container {gap: 40px;}
    .sub-3depth__related-list .post__list.e-flexbox-base {flex-direction: row !important;}
    .sub-3depth__post-img { aspect-ratio: 150 / 108; max-width: 43%; min-width: 150px !important; margin: 0 20px 0 0; border-radius: 10px;}
    .sub-3depth__related .elementor-loop-container.elementor-grid > .e-loop-item {flex: unset;max-width: 100%;}
    .sub-3depth__post-title .elementor-heading-title {line-clamp: 2;-webkit-line-clamp: 2;font-size: 20px !important;}
    .sub-3depth__post-title .elementor-heading-title a {line-clamp: 2;-webkit-line-clamp: 2;}
    .sub-3depth__post-date {margin-top: 16px;}
    .sub-3depth__post-date .elementor-post-info * {font-size: 14px;}
    .sub-3depth__related-list .elementor-heading-title {font-size: 20px !important;}
}

/* ===================== News ===================== */
.csr-wrap > .csr-section.section-news {padding: 100px 0 170px !important;}
.csr-section.section-news .e-con>.e-con-inner {padding: 0 20px !important; max-width: 1240px !important;}
.elementor-widget-html:has(> .news-tabs) { background-color: #fff;}
.elementor-widget-html:has(> .news-tabs).is-sticky { position: fixed; top: 89px; left: 0; z-index: 90; width: 100%; padding: 15px 20px !important;}
.news-tabs { overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; cursor: grab; display: flex; flex-wrap: nowrap; gap: 10px; padding-block: 4px; background-color: #fff; }
.news-tabs:has(.news-tab:focus-visible) {padding-inline: 4px;}
.elementor-widget-html:has(> .news-tabs).is-sticky .news-tabs  {width: 100%; margin: 0 auto; max-width: 1200px;}
.news-tabs::-webkit-scrollbar { display: none; }
.news-tabs.is-grabbing { cursor: grabbing; }
.news-tab { display: inline-flex; align-items: center; justify-content: center; padding: 0.72em 1.67em; border: 1px solid #ccc; background-color: #fff; border-radius: 24px; font-size: 1.125rem; font-weight: 700; font-variation-settings: 'wght' 700; letter-spacing: -0.02em; cursor: pointer; white-space: nowrap; transition: all .3s ease; line-height: 1; flex-shrink: 0; text-decoration: none; color: #111; }
.news-tab:hover, .news-tab.is-active { background-color: #111; border-color: #111; color: #fff; }
/* 애니메이션 */
.csr-section.section-news .sub-3depth__related-list, .csr-section.section-news .news-tabs { opacity: 0; transform: translateY(24px); transition: opacity 0.6s ease-out 0.4s, transform 0.6s ease-out 0.4s; }
.csr-section.section-news .sub-3depth__related-list.is-animated, .csr-section.section-news .news-tabs.is-animated { opacity: 1; transform: translateY(0); }
.csr-section.section-news .page-sub-title {margin-bottom: 80px; text-align: center;}
.csr-section.section-news .elementor-element.sub-3depth__related {width: initial !important; padding: 0 !important;}
.csr-section.section-news .sub-3depth__related .elementor-loop-container.elementor-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 60px 32px; }
.csr-section.section-news .sub-3depth__related .elementor-loop-container.elementor-grid > .e-loop-item { flex: unset; max-width: unset; }
.sub-3depth__related-list .category-news {transition: transform 400ms ease-in-out;cursor: pointer;} 
.sub-3depth__related-list .category-news > a:focus-visible { outline: none !important; border: 2px dashed #0066ff !important; border-radius: 16px; }
.csr-section.section-news .sub-3depth__related .elementor-loop-container.elementor-grid {gap: 60px 32px;}
@media (hover: hover) {
    @media screen and (min-width: 768px) {
        .sub-3depth__related-list .category-news:hover .sub-3depth__post-img img { transform: translate(-50%, -50%) scale(1.04); -webkit-transform: translate(-50%, -50%) scale(1.04); -moz-transform: translate(-50%, -50%) scale(1.04); -ms-transform: translate(-50%, -50%) scale(1.04); -o-transform: translate(-50%, -50%) scale(1.04); }
        .sub-3depth__related-list .category-news:hover .elementor-heading-title {background-size: 100% 100%;}
    }
}
@media screen and (max-width: 1180px) {
    .elementor-widget-html:has(> .news-tabs).is-sticky {top: 59px;}
}
@media screen and (max-width: 1024px) {
    .elementor-widget-html:has(> .news-tabs) {padding: 0 !important;}
    .elementor-widget-html:has(> .news-tabs).is-sticky { padding: 10px 0 !important;}
    .csr-section.section-news .sub-3depth__related .elementor-loop-container.elementor-grid { grid-template-columns: repeat(2, 1fr); }
    .news-tab {font-size:clamp(15px, 1.7578vw,1.125rem);}
}
@media screen and (max-width: 768px) {
    .csr-wrap > .csr-section.section-news {padding: 42px 0 120px !important;}
    .csr-section.section-news .e-con>.e-con-inner {padding: 0 !important;}
    .csr-section.section-news:has(.list__link) .e-con>.e-con-inner {padding-inline: 20px !important;}
    .csr-section:has(.list__link) .e-con>.e-con-inner {padding-inline: 20px !important;}
    .news-tabs { gap: 6px; padding: 0 20px; }
    .news-tab { padding: 10px 20px; }

    .sub-3depth__related.new-3depth .csr-slide-group {display: flex; flex-direction: column; gap: 16px; }
    .sub-3depth__related.new-3depth .sub-3depth__related-list .category-news {margin: 0 !important;}
    .csr-slide-item { width: 100% !important; margin: 0 !important; }
    .csr-section.section-news .sub-3depth__related .elementor-loop-container.elementor-grid { grid-template-columns: 1fr; gap: 40px;}
    .csr-section.section-news .page-sub-title {margin-bottom: 50px;}
    .csr-section.section-news .sub-3depth__related-list {margin: 30px 20px 0;}
    .csr-section.section-news .sub-3depth__related-list .post__list.e-flexbox-base {flex-direction: column !important;}
    .csr-section.section-news .sub-3depth__post-img{width: 100%; max-width: 100%; margin: 0 0 16px;}
    .csr-section.section-news .sub-3depth__post-date {margin-top: 6px;}
}

/* ===================== Search ===================== */
.csr-section.section-search .page-sub-title {margin-bottom: 70px; text-align: center;}
.csr-section.section-search .e-con>.e-con-inner {padding: 0 20px !important;max-width: 1240px !important;}
.csr-section.section-search .elementor-element.sub-3depth__related {padding: 0 !important;}
/* input */
.csr-section.section-search .elementor-widget-wp-widget-search { display: flex; align-items: center; gap: 12px; width: 100%; max-width: 600px !important; margin: 0 auto 80px; padding-bottom: 20px !important; border-bottom: 3px solid #000; }
.csr-section.section-search .elementor-widget-wp-widget-search .elementor-widget-container { display: contents; }
.csr-section.section-search .search-form { display: contents; }
.csr-section.section-search .search-form label { flex: 1; display: flex; }
.csr-section.section-search .search-field { flex: unset; width: 100%; height: 40px; padding: 0 10px; background: transparent; border: none; outline: none; font-size: 1.88rem; font-weight: 500; font-variation-settings: 'wght' 500;font-family: 'Pretendard Variable', 'Pretendard', sans-serif; color: #000; }
.csr-section.section-search .search-field::placeholder { color: #aaa; }
.csr-section.section-search .search-field::-webkit-search-cancel-button { display: none; -webkit-appearance: none; }
.csr-section.section-search .search-submit { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 40px; height: 40px; background: transparent url('/wp-content/uploads/2026/06/icon-search.svg') no-repeat center / 32px; border: none; font-size: 0; cursor: pointer; transition: opacity 300ms ease; }
.csr-section.section-search .search-submit:hover { opacity: 0.5; }
.csr-section.section-search .screen-reader-text { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
#no-result-related-news {padding-top: 130px;}
.e-image-link-base {width: 100%;}
.highlight {background-color: #494DD1 !important; color: #fff !important;} 
@media screen and (max-width: 1024px) {
    .csr-section.section-search .e-con>.e-con-inner {padding: 0 !important;}
    .csr-section.section-search .elementor-widget-wp-widget-search { padding-bottom: 13px !important; }
    .csr-section.section-search .search-field { height: 30px; font-size: clamp(22px, 2.929vw, 1.88rem); }
    .csr-section.section-search .search-submit { width: 30px; height: 30px; background-size: 24px; }
}
@media screen and (max-width: 768px) {
    .csr-section.section-search .page-sub-title {margin-bottom: 50px;}
    .csr-section.section-search .elementor-widget-wp-widget-search { max-width: 100% !important; margin-inline: 20px; padding-bottom: 12px; width: auto; }
    .csr-section.section-search .sub-3depth__related .elementor-loop-container.elementor-grid {gap: 40px;}
    .csr-section.section-search .sub-3depth__related-list .post__list.e-flexbox-base {flex-direction: column !important;}
    .csr-section.section-search .sub-3depth__related-list .sub-3depth__post-img {margin: 0 0 16px;max-width: 100% !important;}
}

/* tab */
.search-category-tabs li a { padding:0.72em 1.67em; border: 1px solid #ccc; background-color: #fff; border-radius:30px; font-size: 1.125rem; font-weight: 700; font-variation-settings: 'wght' 700; letter-spacing: -0.02em; cursor: pointer; white-space: nowrap; transition: all .3s ease; line-height: 1; flex-shrink: 0; text-decoration: none; color: #111; -webkit-border-radius:30px; -moz-border-radius:30px; -ms-border-radius:30px; -o-border-radius:30px; }
.search-category-tabs li a:hover, .search-category-tabs li.is-active { background-color: #111; border-color: #111; color: #fff; }
/* 컨텐츠 */
.csr-section.section-search .elementor-post { display: flex; flex-direction: column; cursor: pointer; transition: all 400ms ease-in-out;}
.csr-section.section-search .elementor-posts--thumbnail-top {width: auto;margin-top: 30px;}
.csr-section.section-search .elementor-posts--thumbnail-top .elementor-posts-container {gap: 60px 32px !important;}
.csr-section.section-search .elementor-post__thumbnail__link { overflow: hidden; display: flex; justify-content: center; align-items: center; width: 100%; aspect-ratio: 378 / 270; border-radius: 16px; margin-bottom: 20px; background-color: #f5f5f5; }
.csr-section.section-search .elementor-post__thumbnail { width: 100%; height: 100%; }
.csr-section.section-search .elementor-post__thumbnail img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(1);transition: transform .5s ease;width: 100%; height: 100%; object-fit: cover; }
.csr-section.section-search .archive-category-label { display: block; font-weight: 500; font-variation-settings: 'wght' 500; font-size: 14px; line-height: 100%; letter-spacing: -0.02em; color: #555; }
.csr-section.section-search .elementor-post__title { margin-top: 6px; overflow: hidden; display:  -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-overflow: ellipsis; }
.csr-section.section-search .elementor-post__title a { background-image: linear-gradient(transparent calc(100% - 1px), #333 1px); background-repeat: no-repeat; background-size: 0% 100%; transition: background-size 400ms ease-in-out; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis;font-weight: 700 !important;font-variation-settings: 'wght' 700 !important;font-size: 22px !important; line-clamp: 1; -webkit-line-clamp: 1; -webkit-box-orient: vertical; width: fit-content; font-weight: 700; font-variation-settings: 'wght' 700; font-size: inherit; line-height: 130%; letter-spacing: -2%; font-family: 'Pretendard Variable', 'Pretendard', sans-serif !important; -webkit-transition: background-size 400ms ease-in-out; -moz-transition: background-size 400ms ease-in-out; -ms-transition: background-size 400ms ease-in-out; -o-transition: background-size 400ms ease-in-out; }
.csr-section.section-search .elementor-post__meta-data { display: flex; align-items: center; gap: 12px; margin: 10px 0 0; font-size: 15px; font-weight: 400; font-variation-settings: 'wght' 400; line-height: 150%; letter-spacing: -0.02em; color: #555; }
.csr-section.section-search .elementor-post__title a:focus-visible {outline: none !important;}
.csr-section.section-search:has(.elementor-post__title a:focus-visible) .elementor-post { outline: none !important; border: 2px dashed #0066ff !important; border-radius: 16px;}
.csr-section.section-search .elementor-post:focus-visible { outline: none !important; border: 2px dashed #0066ff !important; border-radius: 16px;}
@media (hover: hover) {
    @media screen and (min-width: 768px) {
        .csr-section.section-search .elementor-post:hover .elementor-post__thumbnail img { transform: translate(-50%, -50%) scale(1.04); -webkit-transform: translate(-50%, -50%) scale(1.04); -moz-transform: translate(-50%, -50%) scale(1.04); -ms-transform: translate(-50%, -50%) scale(1.04); -o-transform: translate(-50%, -50%) scale(1.04); }
        .csr-section.section-search .elementor-post:hover .elementor-post__title a { background-size: 100% 100%; }
    }
}
@media screen and (max-width: 1024px) {
    .csr-section.section-search .elementor-posts--thumbnail-top {margin-inline: 20px;}
    .search-category-tabs li a {font-size: clamp(15px, 1.7578vw, 1.125rem);}
}
@media screen and (max-width: 768px) {
    .csr-section.section-search .elementor-post { flex-direction: column; }
    .csr-section.section-search .elementor-posts--thumbnail-top .elementor-posts-container {gap: 40px !important;} 
    .csr-section.section-search .elementor-post__thumbnail__link { aspect-ratio: 150 / 108; max-width: 100%; margin: 0 0 16px; flex-shrink: 0;  border-radius:10px;}
    .search-category-tabs li a {padding: 10px 20px;}
    .csr-section.section-search .elementor-post__title a { font-size: 20px !important; -webkit-line-clamp: 2; }
    .csr-section.section-search .elementor-post__meta-data { margin: 6px 0 0; font-size: 12px; }
    .csr-section.section-search .elementor-446 .elementor-element.elementor-element-7aa1d14 .elementor-posts-container .elementor-post__thumbnail {padding: 0 !important;}
}

/* ===================== 공유하기 ===================== */
.sub-3depth__share-inline {position: relative;top: -30px; display: flex; align-items: center;justify-content: end; gap: 8px 20px; }
.sub-3depth__share-inline > button {display: none;transition: opacity 300ms ease; background-repeat: no-repeat; background-position: center; background-size: contain;}
.sub-3depth__share-inline > button.share-btn { display: flex; }
.share-btn { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; background: transparent; cursor: pointer; transition: opacity 300ms ease; background-repeat: no-repeat; background-position: center; background-size: contain;}
.share-btn.share-btn--thread {background-image: url('/wp-content/uploads/2026/06/icon_share_threads.svg');}
.share-btn.share-btn--kakao {background-image: url('/wp-content/uploads/2026/06/icon_share_kakao.svg');}
.share-btn.share-btn--link {background-image: url('/wp-content/uploads/2026/06/icon_share_link.svg');}
.share-btn:hover { opacity: 0.6; }
.share-trigger-btn { display: none; }

/* MO 슬라이드업 레이어 */
.share-layer { position: fixed; inset: 0; z-index: 100; display: flex; align-items: flex-end; pointer-events: none; }
.share-layer[hidden] { display: none; }
.share-layer.is-active { pointer-events: auto; }
.share-layer__backdrop { position: absolute; inset: 0; background: rgba(0,0,0,0.5); opacity: 0; transition: opacity 300ms ease; }
.share-layer.is-active .share-layer__backdrop { opacity: 1; }
.share-layer__panel { position: relative; width: 100%; background: #fff; border-radius: 20px 20px 0 0; padding: 20px 20px 67px; transform: translateY(100%); transition: transform 300ms ease; }
.share-layer.is-active .share-layer__panel { transform: translateY(0); }
.share-layer__head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.share-layer__title { font-size: 1.125rem; font-weight: 700; font-variation-settings: 'wght' 700; }
.share-layer__close { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px;background-image: url('/wp-content/uploads/2026/06/icon-close.svg'); background-repeat: no-repeat; background-position: center; background-size: 15px 15px !important;transition: opacity 300ms ease;text-indent: -9999px;}
.share-layer__close:hover {opacity: 0.6;}
.share-layer__close img {width: 16px; height: 16px;}
.share-layer__list { display: flex; gap: 24px 40px; justify-content: center; }
.share-layer__btn { display: flex; flex-direction: column; align-items: center; gap: 8px; background: transparent; border: none; cursor: pointer; }
.share-layer__icon { display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 50%; background-color: #f5f5f5; background-image: url('/wp-content/uploads/2026/06/icon-close.svg'); background-repeat: no-repeat; background-position: center; background-size: contain;transition: opacity 300ms ease;}
.share-layer__icon:hover {opacity: 0.6;}
.share-layer__icon img {width: 40px;}
.a2a_button_threads .share-layer__icon {background-image: url('/wp-content/uploads/2026/06/icon_share_threads_mo.svg');}
.a2a_button_threads .share-layer__icon {background-image: url('/wp-content/uploads/2026/06/icon_share_kakao_mo.svg');}
.share-btn--link .share-layer__icon {background-image: url('/wp-content/uploads/2026/06/icon_share_link_mo.svg');}
.share-layer__label { font-size: 0.75rem; color: #333; }

@media screen and (max-width: 768px) {
    .sub-3depth__share-inline > .share-btn.share-btn--thread { display: none; }
    .sub-3depth__share-inline > .share-btn.share-btn--kakao { display: none; }
    .sub-3depth__share-inline > .share-btn.share-btn--link { display: none; }
    .sub-3depth__share-inline > button { display: block; width: 24px; height: 24px;background-image: url('/wp-content/uploads/2026/06/icon_share.svg');}
    .share-trigger-btn { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px;background-image: none; cursor: pointer; }
    .share-trigger-btn img { width: 16px; }
}

.elementor-widget-html:has(> .sub-3depth__share-inline) {margin-top: -30px;display: flex; justify-content: flex-end;}
.sub-3depth__share-inline {top: 0;}
.sub-3depth__share-inline .a2a_kit { line-height: normal !important; }
.sub-3depth__share-inline .a2a_label { display: none; }
.sub-3depth__share-inline .korea-sns-shortcode { display: flex; align-items: center; gap: 20px; }
.sub-3depth__share-inline .a2a_button_threads { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; padding: 0; background-image: url('/wp-content/uploads/2026/06/icon_share_threads.svg') !important; background-size: contain !important; background-position: center !important; background-repeat: no-repeat !important; transition: background-color 300ms ease; }
.sub-3depth__share-inline .a2a_button_threads:hover {background-color: #eee;}
.sub-3depth__share-inline .korea-sns-button { width: 30px !important; height: 30px !important; margin: 0 !important; border-radius: 50% !important; background-size: contain !important; background-position: center !important; cursor: pointer; transition: background-color 300ms ease; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; -ms-border-radius: 50% !important; -o-border-radius: 50% !important; }
.sub-3depth__share-inline .korea-sns-button:hover {background-color: #eee;}
.sub-3depth__share-inline .korea-sns-kakaotalk { background-image: url('/wp-content/uploads/2026/06/icon_share_kakao.svg') !important;background-repeat: no-repeat; background-position: center; background-size: contain; }
.sub-3depth__share-inline .korea-sns-copyurl { background-image: url('/wp-content/uploads/2026/06/icon_share_link.svg') !important; background-repeat: no-repeat; background-position: center; background-size: contain;}

/* MO: PC 버튼 숨김 */
@media screen and (max-width: 768px) {
    .sub-3depth__share-inline .a2a_button_threads {background-image: url('/wp-content/uploads/2026/06/icon_share_threads_mo.svg') !important;}
    .elementor-widget-html:has(> .sub-3depth__share-inline) {margin-top: -23px;}
    .a2a_svg {overflow: visible !important;}
    .a2a_svg svg {display: block;}
    .sub-3depth__share-inline .addtoany_shortcode { display: none; }
    .sub-3depth__share-inline .korea-sns-shortcode { display: none; }
}

/* MO 팝업 내부 — AddToAny Threads 버튼 */
.share-layer__body .addtoany_shortcode { display: flex; justify-content: center; }
.share-layer__body .a2a_kit { line-height: normal !important; }
.share-layer__body .a2a_button_threads { position: relative; display: flex; flex-direction: column; align-items: center; gap: 8px; height: auto !important; text-decoration: none; background-repeat: no-repeat !important; background-image: url('/wp-content/uploads/2026/06/icon_share_threads_mo.svg') !important; background-size: contain !important; background-position: center !important;}
.share-layer__body .a2a_svg { display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 50%; background-color: #f5f5f5 !important; background-image: none !important;background-repeat: no-repeat; background-position: center; background-size: contain;}
.share-layer__body .a2a_svg svg { width: 20px; height: 20px; display: block !important; }
.share-layer__body .a2a_svg svg path {fill: #000;}
.share-layer__body .a2a_label {top: 65px; clip-path: initial !important;color: #000;font-size: 14px; }
.addtoany_list.a2a_kit_size_32 a { opacity: 1; border-radius: 50%; transition: background-color 300ms; }
.addtoany_list.a2a_kit_size_32 a:hover { background-color: #eee;}
.addtoany_list a:hover img, .addtoany_list a:hover span {opacity: 1 !important;}
.addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service)>span {width: auto; height: initial; line-height: initial;}
.addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service)>span.a2a_svg {display: none !important; justify-content: center; align-items: center; width: 80%; background-color: transparent !important; background-repeat: no-repeat; background-position: center; background-size: contain;}

/* MO 팝업 내부 — Korea SNS 버튼 */
.share-layer__body .korea-sns-shortcode { display: flex; justify-content: center; gap: 40px; margin-top: 0; }
.share-layer__body .korea-sns-button, .share-layer__body .a2a_button_threads { position: relative; width: 56px !important; height: 56px !important; margin: 0 !important; border-radius: 50% !important; background-color: #f5f5f5 !important; background-size: 50% !important; background-position: center !important; cursor: pointer; transition: opacity 300ms, background-color ease; }
.share-layer__body .addtoany_list a:hover img, .share-layer__body .addtoany_list a:hover span {opacity: 1;}
.share-layer__body .korea-sns-button::after { display: block; font-size: 14px; text-align: center; margin-top: 63px; white-space: nowrap; color: #000; }
.share-layer__body .a2a_button_threads::after { display: block; font-size: 14px; text-align: center; margin-top: 66px; white-space: nowrap; color: #000; }
.share-layer__body .a2a_button_threads::after { content: attr(data-label); }
.share-layer__body .korea-sns-kakaotalk::after { content: attr(data-label); }
.share-layer__body .korea-sns-copyurl::after { content: attr(data-label); }
.share-layer__body .korea-sns-kakaotalk { background-image: url('/wp-content/uploads/2026/06/icon_share_kakao_mo.svg') !important; background-repeat: no-repeat; background-position: center; background-size: contain;}
.share-layer__body .korea-sns-copyurl { background-image: url('/wp-content/uploads/2026/06/icon_share_link_mo.svg') !important; background-repeat: no-repeat; background-position: center; background-size: contain;}

/* MO 팝업 전체 버튼 행 정렬 */
.share-layer__body { display: flex; justify-content: center; gap: 40px; }
.share-layer__body .addtoany_shortcode,
.share-layer__body .korea-sns-shortcode { gap: 40px; }

@media screen and (max-width: 768px) {
    .addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service)>span.a2a_svg {width: 56px !important; height: 56px !important; line-height: 56px;}
}