/*
 Theme Name: Astra Child
 Template: astra
 Version: 1.0.0
*/

*{
    white-space: normal;     /* 줄바꿈 허용 */
    word-break: keep-all;    /* (한글/단어) 중간 쪼개지 않게 */
    overflow-wrap: normal;
}

.cbar{
    font-size:12px;
    padding:0px 10px
}
/* a 클릭/탭 포커스 점선 제거 */
a:focus,
a:active {
    outline: none !important;
}

/* 브라우저에 따라 테두리/그림자까지 생기면 같이 제거 */
a:focus-visible {
    outline: none !important;
}
a::-moz-focus-inner {
    border: 0;
}
.site-header{
    position:fixed;
    width:100%;
}
.site-header-section .lang-dropdown {
    display: flex;
    align-items: center;
    z-index:9999;
}

/* -------------------------------
   스크롤 전 기본 헤더 스타일
-------------------------------- */
.ast-main-header-wrap {
    background: transparent !important;
    transition: all 0.3s ease;
    box-shadow: none !important;
}

/* 메뉴 텍스트 기본(투명 배경 상태 → 흰색) */
.ast-main-header-wrap .menu-link {
    color: #fff !important;
    transition: color 0.3s ease;
}

/* 언어 버튼 기본 색 (투명 상태 → 흰색) */
.lang-btn {
    color: #fff !important;
    transition: color 0.3s ease;
}

/* 로고 기본 크기 */
.custom-logo {
    transition: all 0.3s ease !important;
}

.site-primary-header-wrap {
    transition: all 0.5s ease !important;
}
/* -------------------------------
   스크롤 후 스타일
-------------------------------- */
.ast-main-header-wrap.scrolled {
    background: #ffffff !important;

    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08) !important;
}

/* 스크롤 후 고정 높이 72px */
.ast-main-header-wrap.scrolled .site-primary-header-wrap {
    height: 72px !important;
    min-height: 72px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}



/* 메뉴 텍스트 색상 (흰 배경 → 검정) */
.ast-main-header-wrap.scrolled .menu-link {
    color: #333 !important;
    font-size:16px;
}

.sub-menu .menu-link{
    color: #333 !important;
    font-size:16px !important;
}

.sub-menu{
    margin-top:-13px !important;
}


.ast-main-header-wrap.scrolled [data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg{
    fill: #333 !important;
}

/* 스크롤 시 로고 축소 */
.ast-main-header-wrap.scrolled .custom-logo {
    width:200px !important;

}



.scroll-img{
    animation: floating 2s ease-in-out infinite;
}

/* 둥둥 뜨는 효과 */
@keyframes floating {
    0% { transform: translateY(0); }
    50% { transform: translateY(-10px); } /* 위로 10px */
    100% { transform: translateY(0); }
}