/* 폰트 세팅 Start */
    @media only screen and (max-width: 480px) { 
        .doz_sys div[doz_type="text"] h4, .doz_sys h4, .doz_sys .header-content h4{font-size: 16px;  word-break: keep-all;}
        .doz_sys div[doz_type="text"] h6, .doz_sys h6, .doz_sys .header-content h6{ word-break: keep-all;}
        .div.widget_text_wrap p{word-break: keep-all;}
    }
/* 폰트 세팅 End */

/* [JAVA] 마퀴 좌에서 우로 무한으로 흐르는 모션 텍스트 버전 (marquee) Star*/
    /* HTML 적용 예시
        <div class="motion_marquee_txt" id="motionMarquee1">
            <div class="marquee-content" id="marqueeContent1">
                #김밥계의 엽떡  #김밥계의 엽떡  #김밥계의 엽떡  #김밥계의 엽떡
            </div>
        </div>
        <div class="motion_marquee_txt" id="motionMarquee2">
            <div class="marquee-content" id="marqueeContent2">
                #라면계의 신화  #라면계의 신화  #라면계의 신화  #라면계의 신화
            </div>
        </div>
    */
    .motion_marquee_txt {
        font-size: 1.5vw; /* 기본 폰트 크기 */
        color: #000;
        white-space: nowrap;
        overflow: hidden;
        position: relative;
        display: flex;
    }
    
    .marquee-content {
        display: flex;
        white-space: nowrap;
        will-change: transform; /* 성능 최적화 */
        animation: marquee linear infinite; /* 속도와 반복 설정 */
    }
    .marquee-content h5{
        margin-left: 5vw;
    }
    @keyframes marquee {
        from {
            transform: translateX(0); /* 시작 위치 */
        }
        to {
            transform: translateX(-50%); /* 한 번 반복할 거리 */
        }
    }
/* 무한으로 흐르는 모션 텍스트 버전 (marquee) End*/