/* 전체 페이지 반응형 스타일 */

/* 대형 데스크톱 (1200px 이상) */
@media (max-width: 1199px) {

    /* AOS 애니메이션 및 transform 효과 비활성화 */
    [data-aos] {
        opacity: 1 !important;
        transform: none !important;
        animation: none !important;
        transition: none !important;
    }

    [data-aos-delay] {
        animation-delay: 0s !important;
    }

    [data-aos-duration] {
        animation-duration: 0s !important;
    }

    /* transform 효과 비활성화 */
    .vlt-animated-block,
    .vlt-animated-block *,
    .vlt-service,
    .vlt-service *,
    .vlt-post,
    .vlt-post *,
    .vlt-team-member,
    .vlt-team-member *,
    .vlt-counter,
    .vlt-counter *,
    .vlt-progress-bar,
    .vlt-progress-bar * {
        transform: none !important;
        transition: none !important;
        animation: none !important;
    }

    /* 특정 transform 클래스들 비활성화 */
    .vlt-transform-up,
    .vlt-transform-down,
    .vlt-transform-left,
    .vlt-transform-right,
    .vlt-transform-scale,
    .vlt-transform-rotate,
    .vlt-particle,
    .animate__animated,
    .animate__fadeInRight,
    .animate__fadeInUp {
        transform: none !important;
    }

    .container {
        max-width: 960px;
    }

    .vlt-gap-400 {
        height: 270px;
    }

    .vlt-gap-200 {
        height: 150px !important;
    }

    .vlt-gap-120 {
        height: 80px !important;
    }

    #ft {
        min-width: 100%;
    }

    .vlt-section-title__title {
        font-size: 32px;
    }

    .index-row {
        padding-left: 100px;
    }

    .vlt-page-title--style-3 .vlt-page-title__title {
        font-size: 80px;
    }

    .vlt-page-title--style-3 {
        padding: 300px 0;
    }

    .vlt-particle{
        z-index: -1;
    }
}

/* 중형 데스크톱 (992px 이하) */
@media (max-width: 991px) {
    .container {
        max-width: 720px;
    }

    /* 공통 클래스 */
    .vlt-gap-400 {
        height: 240px;
    }

    .vlt-gap-200 {
        height: 120px !important;
    }

    .vlt-gap-120 {
        height: 60px !important;
    }

    .vlt-section {
        padding: 80px 0;
    }

    .vlt-gap-240{
        height:200px;
    }

    .vlt-gap-80{
        height:60px;
    }

    /* 메인 */
    .about-us {
        text-align: center;
    }

    .index-row {
        justify-content: center;
        text-align: center;
        padding: 0 40px;
    }

    /* 페이지 배너 */
    .vlt-page-title__title {
        font-size: 80px !important;
    }

    .vlt-section-title__title{
        font-size: 28px !important;
    }

    /* 네비게이션 */
    .vlt-main-navigation {
        padding: 0 20px;
    }

    /* 폰트 크기 조정 */
    h1 {
        font-size: 2.5rem;
    }

    h2 {
        font-size: 2rem;
    }

    h3 {
        font-size: 1.75rem;
    }

    h4 {
        font-size: 1.5rem;
    }

    h5 {
        font-size: 1.25rem;
    }

    h6 {
        font-size: 1rem;
    }

    /* 조직도 */
    .organization-section .departments::before {
        left: 49% !important;
        width: 653px !important;
        transform: translateX(-51%) !important;
    }

    /* 푸터 */
    .vlt-footer--style-1{
        padding:60px 0;
    }

    .vlt-footer .row {
        flex-direction: column;
        align-items: center;
    }

    .vlt-footer .row .col-lg-3,
    .vlt-footer .row .col-lg-2 .col-sm-6,
    .vlt-widget,
    .vlt-footer .row .col-lg-5{
        text-align: center !important;
    }

    .vlt-footer .col-sm-5 {
        max-width: 100%;
    }

    .footer-menu {
        display: flex;
        justify-content: center;
        gap: 20px;
    }

    /* 메뉴 */
    .sf-menu span{
        font-size: 2rem;
    }

    /* company */
    .ceo-wrap{
        gap:40px;
    }

    .mission{
        justify-content: center;
        margin:0;
        padding-bottom: 20px;
    }

    /* product */
    .product-s{
        max-width:80%;
        flex: 0 0 80%;
    }
    .product-w{
        max-width:80%;
        flex: 0 0 80%;
        padding-top: 40px;
        left:100px;
    }
}

/* 태블릿 (768px 이하) */
@media (max-width: 767px) {
    .container {
        max-width: 740px;
        padding: 0 40px;
    }

    /* 공통 클래스 */
    .vlt-gap-400 {
        height: 240px;
    }

    .vlt-gap-240{
        height:200px;
    }

    .vlt-gap-200 {
        height: 100px !important;
    }

    .vlt-gap-120 {
        height: 80px !important;
    }

    .vlt-gap-100{
        height:40px;
    }

    .vlt-gap-90{
        height:50px;
    }

    .vlt-gap-80{
        height:60px;
    }

    .vlt-gap-40--sm{
        height:0;
    }

    .vlt-section {
        padding: 80px 0;
    }

    .vlt-section-title__title{
        font-size: 24px !important;
    }

    /* 메인 */
    .about-us {
        text-align: center;
    }

    .index-row {
        justify-content: center;
    }

    /* 페이지 배너 */
    .vlt-page-title__title {
        font-size: 60px !important;
    }

    /* 네비게이션 */
    .vlt-main-navigation {
        padding: 0 15px;
    }

    /* 폰트 크기 조정 */
    h1 {
        font-size: 2rem;
    }

    h2 {
        font-size: 1.75rem;
    }

    h3 {
        font-size: 1.5rem;
    }

    h4 {
        font-size: 1.25rem;
    }

    h5 {
        font-size: 1.1rem;
    }

    h6 {
        font-size: 1rem;
    }

    .fz-3 {
        font-size:16px;
    }

    .vlt-service--style-2 .vlt-service__text{
        font-size: 16px;
    }

    .vlt-post--style-5 .vlt-post-date span:nth-child(1){
        font-size: 36px;
    }

    .vlt-post-desc span{
        font-size:16px;
    }

    .role{
        font-size: 16px;
    }


    /* 버튼 크기 조정 */
    .btn {
        padding: 10px 20px;
        font-size: 14px;
    }

    /* 이미지 반응형 */
    img {
        max-width: 100%;
        height: auto;
    }

    /* 조직도*/
    .vlt-post--style-5 .vlt-post-date{
        display:block;
        margin-right:60px;
    }

    .vlt-post-desc,
    .vlt-post-date-mo,
    .vlt-post-date {
        flex-direction: column;
        align-items: flex-start !important;
    }

    .vlt-animated-block {
        flex-direction: column !important;
        gap: 20px;
    }

    .vlt-post--style-5{
        padding: 40px;
    }

    .vlt-post-date span{
        padding-bottom: 40px;
    }

    .departments {
        flex-direction: column !important;
    }

    .organization-section .departments .department .title::before {
        display: none;
    }

    .departments::before {
        display: none;
    }

    .ceo::after {
        height: 1200px;
    }

    /* touch */
    .touch-table{
        overflow-x: scroll;
    }
    th, tr{
        font-size:14px;
    }

}


/* 소형 모바일 (375px 이하) */
@media (max-width: 480px) {
    .vlt-section-title__title {
        font-size: 20px !important;
    }

    .fz-3 {
        font-size: 16px;
        text-align: left;
    }

    .vlt-service__text {
        font-size: 14px;
    }

    .container,
    .index-row{
        padding: 0 20px;
    }

    /* 공통 클래스 */


    /* 페이지 배너 */
    .vlt-page-title__title {
        font-size: 32px !important;
    }

    .vlt-section-title__title{
        padding: 0 0 0 10px !important;
    }

    /* 섹션 간격 조정 */
    .vlt-section {
        padding: 30px 0;
    }

    .vlt-gap-240 {
        height: 120px !important;
    }

    .vlt-gap-200 {
        height: 80px !important;
    }

    .vlt-gap-120 {
        height: 50px !important;
    }

    .vlt-gap-100 {
        height: 40px;
    }

    .vlt-gap-80 {
        height: 20px;
    }

    .vlt-gap-50 {
        height: 0;
    }

    .vlt-gap-60--md {
        height: 30px;
    }

    .vlt-gap-40--sm{
        height: 40px;
    }

    /* 폰트 크기 조정 */
    h1 {
        font-size: 1.5rem;
    }

    h2 {
        font-size: 1.25rem;
    }

    h3 {
        font-size: 1.1rem;
    }

    h4 {
        font-size: 1rem;
    }

    h5 {
        font-size: 0.9rem;
    }

    h6 {
        font-size: 0.8rem;
    }

    /* 버튼 크기 조정 */
    .btn {
        padding: 6px 12px;
        font-size: 12px;
    }

    /* 그리드 시스템 조정 */
    .row {
        margin: 0 -5px;
    }

    .col,
    .col-1,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-10,
    .col-11,
    .col-12 {
        padding: 0 5px;
    }

    /* 메인 */
    .vlt-post-desc {
        font-size: 16px;
    }

    .vlt-post__content {
        gap: 40px;
    }

    .container-fluid{
        padding:0;
    }

    .vlt-simple-image__mask{
        display: none;
    }

    .vlt-simple-image{
        text-align: center;
    }

    .vlt-post-date{
        padding-bottom: 16px;
    }

    /* 회사소개 */
    .vlt-page-title--style-3 {
        padding: 200px 0;
    }

    .ceo-name {
        font-size: 24px;
    }

    .mission {
        justify-content: center;
    }

    .vlt-proccess__text {
        font-size: 16px;
    }

    .vlt-styled-list {
        padding: 40px 0;
    }

    .vlt-particle{
        display:none;
    }

    /* product */
    /*.vlt-animated-block{*/
    /*    text-align: center;*/
    /*}*/

    .product-s{
        max-width:100%;
        flex: 0 0 100%;
    }
    .product-w{
        max-width:100%;
        flex: 0 0 100%;
        left:0;
    }

    /* 메뉴 */
    .sf-menu span{
        font-size: 1.4rem;
    }
}