.elementor-10653 .elementor-element.elementor-element-8cf7674{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.4;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10653 .elementor-element.elementor-element-8cf7674:not(.elementor-motion-effects-element-type-background), .elementor-10653 .elementor-element.elementor-element-8cf7674 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://moonits.com/en/wp-content/uploads/sites/3/2026/01/multi-exposure-abstract-programming-language-hologram-world-map-modern-furnished-office-interior-background-artificial-intelligence-neural-networks-concept-scaled.jpg");background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-10653 .elementor-element.elementor-element-8cf7674::before, .elementor-10653 .elementor-element.elementor-element-8cf7674 > .elementor-background-video-container::before, .elementor-10653 .elementor-element.elementor-element-8cf7674 > .e-con-inner > .elementor-background-video-container::before, .elementor-10653 .elementor-element.elementor-element-8cf7674 > .elementor-background-slideshow::before, .elementor-10653 .elementor-element.elementor-element-8cf7674 > .e-con-inner > .elementor-background-slideshow::before, .elementor-10653 .elementor-element.elementor-element-8cf7674 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-10653 .elementor-element.elementor-element-8cf7674 .spaciaz-border-shape{width:30px;height:30px;clip-path:path("M0 0 Q0,30 30,30 L 0 30 Z");}.elementor-10653 .elementor-element.elementor-element-307655e{--display:flex;--margin-top:340px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-10653 .elementor-element.elementor-element-307655e .spaciaz-border-shape{width:30px;height:30px;clip-path:path("M0 0 Q0,30 30,30 L 0 30 Z");}.elementor-widget-page-title .elementor-heading-title, .elementor-widget-page-title .hfe-page-title a{color:var( --e-global-color-primary );}.elementor-widget-page-title .hfe-page-title-icon i{color:var( --e-global-color-primary );}.elementor-widget-page-title .hfe-page-title-icon svg{fill:var( --e-global-color-primary );}.elementor-10653 .elementor-element.elementor-element-8df3906 > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-10653 .elementor-element.elementor-element-8df3906 .spaciaz-border-shape{width:30px;height:30px;clip-path:path("M0 0 Q0,30 30,30 L 0 30 Z");}.elementor-10653 .elementor-element.elementor-element-8df3906 .elementor-heading-title, .elementor-10653 .elementor-element.elementor-element-8df3906 .hfe-page-title a{font-size:90px;font-weight:700;text-transform:none;line-height:1.06em;letter-spacing:-2px;color:var( --e-global-color-background );}.elementor-10653 .elementor-element.elementor-element-8df3906 .hfe-page-title-icon i{color:var( --e-global-color-background );}.elementor-10653 .elementor-element.elementor-element-8df3906 .hfe-page-title-icon svg{fill:var( --e-global-color-background );}.elementor-10653 .elementor-element.elementor-element-ed4ffca{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10653 .elementor-element.elementor-element-ed4ffca .spaciaz-border-shape{width:30px;height:30px;clip-path:path("M0 0 Q0,30 30,30 L 0 30 Z");}.elementor-10653 .elementor-element.elementor-element-9bcfd1f .spaciaz-border-shape{width:30px;height:30px;clip-path:path("M0 0 Q0,30 30,30 L 0 30 Z");}.elementor-10653 .elementor-element.elementor-element-9bcfd1f{text-align:left;}.elementor-10653 .elementor-element.elementor-element-9bcfd1f ul.hfe-breadcrumbs li{margin-right:10px;}.elementor-10653 .elementor-element.elementor-element-9bcfd1f .hfe-breadcrumbs, .elementor-10653 .elementor-element.elementor-element-9bcfd1f .hfe-breadcrumbs .hfe-breadcrumbs-text{color:#FFFFFF99;}.elementor-10653 .elementor-element.elementor-element-9bcfd1f .hfe-breadcrumbs svg{fill:#FFFFFF99;}.elementor-10653 .elementor-element.elementor-element-9bcfd1f .hfe-breadcrumbs-item{font-size:14px;font-weight:600;line-height:20px;}.elementor-10653 .elementor-element.elementor-element-9bcfd1f .hfe-breadcrumbs-item:hover a, .elementor-10653 .elementor-element.elementor-element-9bcfd1f .hfe-breadcrumbs-item:hover .hfe-breadcrumbs-text{color:var( --e-global-color-primary );}.elementor-10653 .elementor-element.elementor-element-9bcfd1f .hfe-breadcrumbs-first:hover .hfe-breadcrumbs-home-icon svg{fill:var( --e-global-color-primary );}.elementor-10653 .elementor-element.elementor-element-9bcfd1f .hfe-breadcrumbs-separator-icon{font-size:2px;}.elementor-10653 .elementor-element.elementor-element-57f13d8{--spacer-size:50px;background-color:var( --e-global-color-background );border-radius:50px 50px 0px 0px;}.elementor-10653 .elementor-element.elementor-element-57f13d8 .spaciaz-border-shape{width:30px;height:30px;clip-path:path("M0 0 Q0,30 30,30 L 0 30 Z");}.elementor-10653 .elementor-element.elementor-element-10cc431{--display:flex;--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10653 .elementor-element.elementor-element-10cc431 .spaciaz-border-shape{width:30px;height:30px;clip-path:path("M0 0 Q0,30 30,30 L 0 30 Z");}.elementor-10653 .elementor-element.elementor-element-2c27c9d.elementor-element{--align-self:flex-start;}.elementor-10653 .elementor-element.elementor-element-2c27c9d .spaciaz-border-shape{width:30px;height:30px;clip-path:path("M0 0 Q0,30 30,30 L 0 30 Z");}.elementor-10653 .elementor-element.elementor-element-2c27c9d .main-navigation{text-align:center;}.elementor-10653 .elementor-element.elementor-element-2c27c9d .main-navigation ul.menu > li.menu-item > a{font-size:18px;text-decoration:none;}.elementor-10653 .elementor-element.elementor-element-2c27c9d .main-navigation ul.menu li.menu-item .sub-menu .menu-item a{text-decoration:none;}.elementor-10653 .elementor-element.elementor-element-079f4c5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:150px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-10653 .elementor-element.elementor-element-079f4c5 .spaciaz-border-shape{width:30px;height:30px;clip-path:path("M0 0 Q0,30 30,30 L 0 30 Z");}.elementor-10653 .elementor-element.elementor-element-7708d3d .spaciaz-border-shape{width:30px;height:30px;clip-path:path("M0 0 Q0,30 30,30 L 0 30 Z");}.elementor-10653 .elementor-element.elementor-element-2557fae > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-10653 .elementor-element.elementor-element-2557fae .spaciaz-border-shape{width:30px;height:30px;clip-path:path("M0 0 Q0,30 30,30 L 0 30 Z");}.elementor-10653 .elementor-element.elementor-element-2557fae .d-grid{grid-template-columns:repeat(3, 1fr);grid-gap:40px;}.elementor-10653 .elementor-element.elementor-element-2557fae .elementor-pagination{justify-content:center;}.elementor-10653 .elementor-element.elementor-element-2557fae .grid-item .entry-title{font-size:22px;font-weight:600;line-height:1.4em;letter-spacing:-0.6px;}.elementor-10653 .elementor-element.elementor-element-2557fae .swiper-pagination{justify-content:center;}.elementor-page-10653{--page-breadcrumb-display:none;}@media(max-width:1200px){.elementor-10653 .elementor-element.elementor-element-8df3906 > .elementor-widget-container{margin:0px 0px 150px 0px;}.elementor-10653 .elementor-element.elementor-element-8df3906 .elementor-heading-title, .elementor-10653 .elementor-element.elementor-element-8df3906 .hfe-page-title a{font-size:64px;}.elementor-10653 .elementor-element.elementor-element-079f4c5{--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}}@media(max-width:1024px){.elementor-10653 .elementor-element.elementor-element-8df3906 > .elementor-widget-container{margin:0px 0px 100px 0px;}.elementor-10653 .elementor-element.elementor-element-8df3906 .elementor-heading-title, .elementor-10653 .elementor-element.elementor-element-8df3906 .hfe-page-title a{font-size:56px;}.elementor-10653 .elementor-element.elementor-element-079f4c5{--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-10653 .elementor-element.elementor-element-2557fae .d-grid{grid-template-columns:repeat(2, 1fr);}}@media(max-width:880px){.elementor-10653 .elementor-element.elementor-element-2557fae .d-grid{grid-template-columns:repeat(2, 1fr);grid-gap:30px;}}@media(max-width:767px){.elementor-10653 .elementor-element.elementor-element-307655e{--margin-top:120px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-10653 .elementor-element.elementor-element-8df3906 > .elementor-widget-container{margin:0px 0px 60px 0px;}.elementor-10653 .elementor-element.elementor-element-8df3906 .elementor-heading-title, .elementor-10653 .elementor-element.elementor-element-8df3906 .hfe-page-title a{font-size:42px;letter-spacing:-1px;}.elementor-10653 .elementor-element.elementor-element-57f13d8{--spacer-size:30px;border-radius:20px 20px 0px 0px;}.elementor-10653 .elementor-element.elementor-element-10cc431{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10653 .elementor-element.elementor-element-079f4c5{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:40px;--padding-left:15px;--padding-right:15px;}.elementor-10653 .elementor-element.elementor-element-2557fae > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-10653 .elementor-element.elementor-element-2557fae .d-grid{grid-template-columns:repeat(1, 1fr);grid-gap:15px;}.elementor-10653 .elementor-element.elementor-element-2557fae .grid-item .entry-title{font-size:20px;}}@media(min-width:768px){.elementor-10653 .elementor-element.elementor-element-307655e{--content-width:1730px;}}/* Start custom CSS for hfe-breadcrumbs-widget, class: .elementor-element-9bcfd1f */.elementor-10653 .elementor-element.elementor-element-9bcfd1f .hfe-breadcrumbs-home-icon {
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for spaciaz-nav-menu, class: .elementor-element-2c27c9d *//* 1. [공통] 메뉴 기본 레이아웃 설정 */
.elementor-10653 .elementor-element.elementor-element-2c27c9d ul,
.elementor-10653 .elementor-element.elementor-element-2c27c9d .menu {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important; /* 공간이 부족하면 다음 줄로 넘김 */
    justify-content: center !important; /* PC 기본 가운데 정렬 */
    align-items: center !important;
}

/* 2. [공통] 알약(칩) 디자인 */
.elementor-10653 .elementor-element.elementor-element-2c27c9d ul li {
    display: inline-block !important;
    flex: 0 0 auto !important; /* 버튼 크기 유지 */
}

.elementor-10653 .elementor-element.elementor-element-2c27c9d ul li a {
    display: block !important;
    background-color: #ffffff !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 50px !important;
    padding: 14px 24px !important;
    margin: 5px !important;
    color: #333333 !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    white-space: nowrap !important; /* 글자 줄바꿈 방지 */
    transition: all 0.3s ease !important;
}

/* 활성화 및 마우스 호버 상태 */
.elementor-10653 .elementor-element.elementor-element-2c27c9d ul li a:hover,
.elementor-10653 .elementor-element.elementor-element-2c27c9d .current-menu-item a,
.elementor-10653 .elementor-element.elementor-element-2c27c9d .active > a,
.elementor-10653 .elementor-element.elementor-element-2c27c9d .my-active a {
    background-color: #14295D !important;
    color: #ffffff !important;
    border-color: #14295D !important;
}

/* -------------------------------------------------- */
/* 3. [모바일 전용] 1024px 이하 최적화 설정 */
/* -------------------------------------------------- */
@media (max-width: 1024px) {
    /* 모바일에서 찌그러지는 현상 방지 */
    .elementor-10653 .elementor-element.elementor-element-2c27c9d,
    .elementor-10653 .elementor-element.elementor-element-2c27c9d .spaciaz-nav-menu,
    .elementor-10653 .elementor-element.elementor-element-2c27c9d .spaciaz-nav-menu-container {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        min-height: 60px !important;
    }

    /* 가로 스크롤 레이아웃 (버튼이 많아도 한 줄 유지) */
    .elementor-10653 .elementor-element.elementor-element-2c27c9d ul,
    .elementor-10653 .elementor-element.elementor-element-2c27c9d .menu {
        display: flex !important;
        flex-wrap: nowrap !important; 
        justify-content: flex-start !important; /* 모바일은 왼쪽부터 */
        overflow-x: auto !important; /* 옆으로 밀기 허용 */
        padding: 10px 15px !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .elementor-10653 .elementor-element.elementor-element-2c27c9d ul::-webkit-scrollbar {
        display: none; /* 스크롤바 숨김 */
    }

    .elementor-10653 .elementor-element.elementor-element-2c27c9d ul li a {
        padding: 10px 18px !important;
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7708d3d *//* 우리가 만든 'my-active' 이름표가 붙은 녀석만 색칠하기 */
.navigation-post-filter li.my-active,
.navigation-post-filter li.my-active a {
    background-color: #2c59b6 !important; /* 배경: 파란색 */
    color: #ffffff !important;            /* 글자: 흰색 */
    border-color: #2c59b6 !important;     /* 테두리: 파란색 */
    font-weight: 700 !important;          /* 굵게 */
}

/* (선택) 마우스 올렸을 때(Hover)는 기존 유지 */
.navigation-post-filter li:hover,
.navigation-post-filter li:hover a {
    background-color: #2c59b6 !important;
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for spaciaz-post-grid, class: .elementor-element-2557fae *//* 카테고리 뱃지 스타일 변경 */
.categories-link {
    /* 1. 배경을 투명하게 */
    background-color: transparent !important; 
    
    /* 2. 테두리 추가 (1px 두께, #cccccc 회색) */
    border: 1px solid #cccccc !important; 
    
    /* 3. 글자 색상 변경 (배경이 없으므로 잘 보이게 진한 색으로) */
    color: #14295D !important; 
    
    /* (선택사항) 테두리 안쪽 여백 미세 조정이 필요하면 주석을 푸세요 */
    /* padding: 5px 15px !important; */
}

/* 썸네일 이미지 영역에만 회색 테두리 추가 */
.elementor-10653 .elementor-element.elementor-element-2557fae .post-thumbnail {
    /* 1. 테두리 색상(#c5c5c5)과 두께(1px) */
    border: 1px solid #DEDEDE !important;

    /* 4. 레이아웃 깨짐 방지 (테두리 두께를 크기에 포함) */
    box-sizing: border-box !important;
    
    /* (혹시 테두리와 이미지 사이에 흰 틈이 생기면 아래 줄 주석 해제) */
    /* display: block !important; */
}

/* 제목 2줄 말줄임표 처리 */
.elementor-10653 .elementor-element.elementor-element-2557fae .entry-title a {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important; /* 2줄 제한 */
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    
    /* (선택사항) 단어가 너무 길 경우 강제로 줄바꿈 */
    word-break: break-word !important; 
}/* End custom CSS */