/* 3. [복구] 모바일 메뉴(#navPanel, #titleBar) 차단 해제 */
/* 기존에 있던 display: none !important; 코드를 삭제했습니다. */

.banner-ind { background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url('../../images/bn.jpg'); }

.banner-int { background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url('../../images/bn-0101.jpg'); }
.banner-env { background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url('../../images/bn-0102.jpg'); }
.banner-loc { background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url('../../images/bn-0103.jpg'); }

.banner-idp { background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url('../../images/bn-0201.jpg'); }
.banner-fil { background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url('../../images/bn-0202.jpg'); }
.banner-fam { background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url('../../images/bn-0203.jpg'); }
.banner-ext { background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url('../../images/bn-0204.jpg'); }

.banner-tip { background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url('../../images/bn-0301.jpg'); }
.banner-pro { background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url('../../images/bn-0302.jpg'); }

.banner-prm { background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url('../../images/bn-0401.jpg'); }
.banner-moo { background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url('../../images/bn-0402.jpg'); }
.banner-lis { background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url('../../images/bn-0403.jpg'); }
.banner-pri { background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url('../../images/bn-0404.jpg'); }

.banner-boo { background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url('../../images/bn-0501.jpg'); }



/* studio.css 또는 main.css에 추가 */

.disabled-menu > a {
    color: #bbb !important; /* 글자색을 흐리게 */
    cursor: not-allowed !important; /* 금지 마우스 커서 */
    pointer-events: none; /* 클릭 이벤트 차단 */
}

.disabled-menu:hover ul {
    display: none !important; /* 마우스를 올려도 서브메뉴가 안 나오게 차단 */
}

/* (선택사항) 만약 서브메뉴는 보여주고 싶다면 위 display:none을 지우고 아래를 쓰세요 */
.disabled-menu ul li a {
    color: #ccc !important;
    cursor: not-allowed !important;
}


/* 4. Sub Navigation 개선 */
.subnav-wrapper {
    padding: 0.5em 0;
    background-color: #fff; /* 원본 배경색 유지 */
    text-align: center;
}

.subnav-grid {
    display: flex;
    justify-content: center;
    gap: 3em; /* 간격을 넓혀서 글자 자체의 선이 돋보이게 */
    flex-wrap: nowrap;
}

.subnav-item {
    padding: 0.5em 0.2em;
    color: #ccc; /* 평소엔 아주 연한 회색 (보일 듯 말 듯한 세련미) */
    text-decoration: none;
    font-size: 0.95em;
    font-weight: 400; /* 굵기 고정 (촌스러운 볼드 제거) */
    letter-spacing: 0.1em; /* 자간을 살짝 벌려 디자인 요소 부각 */
    border-bottom: 0 !important; /* 밑줄 완전 삭제 */
    transition: all 0.3s ease;
}

/* 호버 시: 글자색만 부드럽게 진해짐 */
.subnav-item:hover {
    color: #888;
    border-bottom: 0 !important;
}

/* 현재 페이지 표시: 굵기 대신 '선명도'로 차별화 */
.subnav-item.current {
    color: #111 !important; /* 선명한 검정색으로 '나 여기 있음'을 표시 */
    font-weight: 400; /* 굵게 하지 않고 얇은 선 그대로 유지 */
    border-bottom: 0 !important;
    /* 팁: 글자 아래에 아주 작은 점(dot) 하나만 찍고 싶다면 아래 주석 해제 */
    /* background: radial-gradient(#111 1px, transparent 1px) no-repeat center bottom / 4px 4px; */
}

/* [추가] 서브메뉴 모바일 대응 */
@media screen and (max-width: 768px) {
    .subnav-grid {
        gap: 1.5em; 
    }
    .subnav-item {
        font-size: 0.85em;
    }
}



/* 사이드바 메뉴 중 메인(홈)으로 가는 링크만 숨김 */
#navPanel nav a[href="index.php"],
#navPanel nav a[href="/"],
#navPanel nav a[href="index.html"] {
    display: none !important;
}




/* --- [공통] 애니메이션 및 기본 설정 --- */
.ani-up { opacity: 0; transform: translateY(30px); transition: all 1s cubic-bezier(0.2, 1, 0.3, 1); will-change: transform, opacity; }
.ani-up.on { opacity: 1; transform: translateY(0); }

@keyframes customFadeIn {
    from { opacity: 0; transform: translateY(15px); }
    to { opacity: 1; transform: translateY(0); }
}

.fade-item-2 {
    opacity: 0; 
    animation: customFadeIn 1s ease forwards;
    position: absolute;
    animation-delay: 0.8s;
    margin-top: 12em; 
}

/* --- [섹션 1] Modern Services V6 --- */
.modern-services { padding: 120px 0 !important; background: #fff; }

.service-card-v6 { 
    background: #fff; 
    transition: 0.4s; 
}

/* 이미지 박스: 날카롭고 세련된 엣지 */
.image-box { 
    position: relative; 
    aspect-ratio: 4 / 5; 
    overflow: hidden; 
    background: #f4f4f4; 
}
.image-box img { 
    width: 100%; 
    height: 100%; 
    object-fit: cover; 
    transition: 1.2s cubic-bezier(0.2, 1, 0.3, 1); 
}

/* 이미지 위 투명 링크 레이어 (중복 버튼 대체) */
.img-link-overlay { 
    position: absolute; 
    top: 0; left: 0; width: 100%; height: 100%; 
    background: rgba(0,0,0,0.3); 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    opacity: 0; 
    transition: 0.4s; 
    z-index: 2;
    text-decoration: none;
}
.img-link-overlay span { 
    color: #fff; 
    border: 1px solid #fff; 
    padding: 10px 25px; 
    font-size: 0.8em; 
    letter-spacing: 2px; 
    text-transform: uppercase; 
}

/* 호버 시 이미지 확대 및 레이어 노출 */
.service-card-v6:hover img { transform: scale(1.1); }
.service-card-v6:hover .img-link-overlay { opacity: 1; }

/* 텍스트 콘텐츠: 정돈된 레이아웃 */
.card-content-v6 { 
    padding: 35px 0; 
    text-align: left; 
}
.cat-tag { 
    display: block; 
    font-size: 0.75em; 
    color: #c5a992; 
    font-weight: 700; 
    letter-spacing: 3px; 
    text-transform: uppercase; 
    margin-bottom: 12px; 
}
.card-content-v6 h3 { 
    font-size: 1.6em; 
    font-weight: 800; 
    color: #111; 
    margin-bottom: 15px; 
    letter-spacing: -0.5px; 
}
.card-content-v6 p { 
    font-size: 0.95em; 
    line-height: 1.7; 
    color: #777; 
    margin: 0; 
    word-break: keep-all; 
}

/* 반응형 */
@media screen and (max-width: 980px) {
    .modern-services { padding: 80px 0 !important; }
    .card-content-v6 { padding: 25px 0 50px; }
}

/* --- [섹션 2] Values 이미지 타일 --- */
.values-tile-wrap { padding: 0 !important; }
.values-tile-grid { display: grid; grid-template-columns: repeat(4, 1fr); height: 500px; }
.v-tile { position: relative; overflow: hidden; background: #111; }
.v-tile img { width: 100%; height: 100%; object-fit: cover; transition: 1s; opacity: 0.7; filter: grayscale(100%); }
.v-tile-inner { position: absolute; bottom: 40px; left: 40px; color: #fff; transition: 0.5s; transform: translateY(20px); opacity: 0.8; }
.v-num-v3 { display: block; font-family: serif; font-size: 1.2em; color: #c5a992; margin-bottom: 10px; }
.v-tile strong { font-size: 2em; display: block; margin-bottom: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: -1px; }
.v-tile p { font-size: 0.9em; line-height: 1.6; margin: 0; display: none; }

.v-tile:hover img { transform: scale(1.1); opacity: 0.4; filter: grayscale(0%); }
.v-tile:hover .v-tile-inner { transform: translateY(0); opacity: 1; }
.v-tile:hover p { display: block; }

/* --- [섹션 3] Process Slim (컴팩트 최적화) --- */
.process-slim { padding: 80px 0 !important; background: #fff; border-top: 1px solid #f9f9f9; }

.p-slim-row { 
    display: flex; 
    align-items: center; 
    gap: 60px; 
    max-width: 1000px; /* 전체 너비 제한으로 터짐 방지 */
    margin: 0 auto; 
}

/* 이미지 크기 제어: 너무 크지 않게 고정 */
.p-slim-img { flex: 1; height: 450px; overflow: hidden; border-radius: 2px; }
.p-slim-img img { width: 100%; height: 100%; object-fit: cover; }

.p-slim-txt { flex: 1.2; }
.p-tag { font-size: 0.75em; letter-spacing: 3px; color: #c5a992; font-weight: 700; margin-bottom: 15px; display: block; }

/* 제목이 두 줄로 넘어가지 않도록 사이즈 최적화 */
.p-slim-txt h3 { 
    font-size: 2em; 
    font-weight: 800; 
    margin-bottom: 40px; 
    color: #111; 
    letter-spacing: -1px; 
    white-space: nowrap; /* 절대 두 줄로 안 넘어가게 고정 */
}

/* 리스트 디자인: 여백 줄이고 밀도 있게 */
.p-step-list-v4 { display: flex; flex-direction: column; gap: 25px; }
.ps-item-v4 { display: flex; align-items: flex-start; gap: 20px; padding-bottom: 20px; border-bottom: 1px solid #f2f2f2; }
.ps-num { font-family: serif; font-style: italic; font-size: 1.1em; color: #ddd; font-weight: 700; }
.ps-con h4 { font-size: 1.1em; font-weight: 700; margin-bottom: 5px; color: #333; }
.ps-con p { margin: 0; color: #999; font-size: 0.85em; letter-spacing: -0.5px; }

/* 반응형: 모바일에서도 안 터지게 */
@media screen and (max-width: 980px) {
    .p-slim-row { flex-direction: column; gap: 40px; text-align: center; }
    .p-slim-img { width: 100%; height: 350px; }
    .p-slim-txt h3 { white-space: normal; font-size: 1.8em; } /* 모바일은 가로가 좁으니 예외 */
    .ps-item-v4 { justify-content: center; text-align: left; border: none; padding: 0; }
}

/* --- [섹션 4] CTA 다크 모드 --- */
.cta-dark { position: relative; height: 600px; display: flex; align-items: center; background: #000; overflow: hidden; }
.cta-bg-img { position: absolute; top:0; left:0; width:100%; height:100%; opacity: 0.4; z-index: 0; }
.cta-bg-img img { width:100%; height:100%; object-fit: cover; }
.cta-content-v3 { position: relative; z-index: 1; color: #fff; }
.cta-content-v3 h2 { font-size: 5em; font-weight: 900; line-height: 0.9; margin-bottom: 20px; }
.btn-circle { display: inline-flex; align-items: center; justify-content: center; width: 150px; height: 150px; border: 1px solid rgba(255,255,255,0.3); border-radius: 50%; color: #fff; text-decoration: none; font-weight: 700; transition: 0.4s; position: relative; overflow: hidden; }
.btn-circle:hover { background: #fff; color: #111; }

/* --- 반응형 --- */
@media screen and (max-width: 1100px) {
    .values-tile-grid { grid-template-columns: repeat(2, 1fr); height: auto; }
    .v-tile { height: 400px; }
    .p-split-container { flex-direction: column; }
    .p-split-img { height: 400px; width: 100%; }
    .cta-content-v3 h2 { font-size: 3.5em; }
}




/* 1. 푸터 전체 레이아웃 (공간 최소화) */
.modern-footer {
    background: #f8f9fa !important; /* 확실히 구분되는 연회색 */
    padding: 3em 0 2em 0 !important;
    border-top: 1px solid #e9ecef;
    color: #777;
}

/* 2. 상단 영역: 로고 & SNS & 연락처 정렬 */
.footer-top-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.footer-brand {
    display: flex;
    align-items: center; /* 로고와 아이콘 높이 맞춤 */
    gap: 15px;
    margin-bottom: 5px;
}

.footer-logo {
    font-size: 1.2em;
    font-weight: 800;
    letter-spacing: 0.05em;
    color: #222;
    margin: 0 !important;
    line-height: 1;
}

.social-icons {
    display: flex;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 12px;
}

.social-icons li {
    padding: 0 !important;
    border: 0 !important;
}

.social-icons a {
    color: #ccc;
    font-size: 1.1em;
    border-bottom: 0 !important; /* 점선 제거 */
    transition: color 0.2s;
}

.social-icons a:hover {
    color: #E1306C;
}

/* 3. 우측 연락처 (한 줄 혹은 좁은 간격) */
.text-right-desktop {
    text-align: right;
}

.contact-line {
    margin: 0 0 3px 0;
    font-size: 0.95em;
    color: #666;
}

/* 4. 하단 저작권 영역 (Flex 통합형) */
.footer-bottom-info {
    margin-top: 1.5em;
}

.footer-divider {
    border: 0;
    border-top: 1px solid #f9f9f9;
    margin: 0 0 1.2em 0 !important;
}

.copyright-wrap {
    display: flex;
    justify-content: center; /* 중앙 정렬 */
    align-items: center;
    gap: 10px;
    font-size: 0.8em;
    color: #ccc;
}

.copyright-item {
    display: inline-block;
}

.copyright-sep {
    color: #eee;
    font-size: 0.9em;
}

.copyright-wrap a {
    color: #ccc;
    text-decoration: none;
    border-bottom: 0 !important;
}

.copyright-wrap a:hover {
    color: #37c0fb;
}

/* 5. 모바일 최적화 (가운데 정렬 및 여백 조정) */
@media screen and (max-width: 840px) {
    .modern-footer {
        padding: 2em 0 !important;
    }
    
    .footer-brand {
        justify-content: center;
        margin-bottom: 10px;
    }
    
    .text-right-desktop {
        text-align: center;
        margin-top: 10px;
    }
    
    .contact-line {
        font-size: 0.85em;
    }

    .copyright-wrap {
        flex-direction: column; /* 모바일은 세로로 */
        gap: 5px;
    }

    .copyright-sep {
        display: none;
    }
}


/* ==========================================================================
   [RE-FIX] 모바일/태블릿 화면 닿음 & 수직 정렬 강제 보정
   ========================================================================== */

/* 480px 이하 모든 기종 (아이폰 15-17, 갤럭시 포함) */
@media screen and (max-width: 480px) {
    
    /* 1. 배너 텍스트: 절대 두 줄 금지 */
    #banner .inner h2 {
        font-size: 1.6em !important; 
        white-space: nowrap !important;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 0.5em !important;
    }

    /* 2. 섹션 공통: 양옆 여백 강제 확보 (화면 닿음 방지) */
    .container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 20px !important;  /* 393px에서도 이 여백은 유지됨 */
        padding-right: 20px !important;
        box-sizing: border-box !important;
    }

    /* 3. 섹션 1, 2, 4: 이미지/카드 너비 자동 조절 */
    .image-box, .v-tile, .cta-bg-img, .service-card-v6 {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* 4. 섹션 3: 프로세스 수직 정렬 (가장 큰 문제) */
    .p-slim-row {
        display: block !important; /* 가로 배열을 세로로 강제 전환 */
        width: 100% !important;
    }
    .p-slim-img {
        width: 100% !important;
        height: 250px !important;
        margin-bottom: 20px !important;
    }
    .p-slim-txt {
        width: 100% !important;
        text-align: left !important;
    }
    .p-slim-txt h3 {
        font-size: 1.4em !important;
        white-space: normal !important; /* 제목 길면 줄바꿈 허용 */
        text-align: center !important; /* 제목은 중앙 */
    }

    /* 리스트 수직 정렬 핵심 코드 */
    .ps-item-v4 {
        display: flex !important;
        align-items: center !important; /* 아이콘과 텍스트의 세로 중앙을 맞춤 */
        gap: 15px !important;
        border-bottom: 1px solid #eee !important;
        padding: 15px 0 !important;
    }
    .ps-num {
        flex-shrink: 0 !important;
        margin: 0 !important;
        line-height: 1 !important;
    }
    .ps-con h4 {
        margin: 0 !important;
        line-height: 1 !important; /* 텍스트가 위로 치우치지 않게 */
    }

    /* 5. 푸터: 텍스트 세로 정렬 및 중앙 정렬 */
    .modern-footer {
        padding: 40px 20px !important;
        text-align: center !important;
    }
    .footer-brand {
        display: block !important; /* 가로 배치를 세로로 */
        text-align: center !important;
    }
    /* "그날의 공기까지..." 텍스트 수직 정렬 보정 */
    .footer-brand p {
        margin-top: 10px !important;
        text-align: center !important;
        line-height: 1.6 !important;
    }
}

/* ==========================================================================
   [ULTIMATE FIX] 섹션 3 정렬 및 푸터 SNS 중앙 정렬
   ========================================================================== */

@media screen and (max-width: 480px) {
    /* 1. 섹션 3: 프로세스 리스트 수직/수평 정렬 완벽 보정 */
    .ps-item-v4 {
        display: flex !important;
        flex-direction: row !important; /* 가로 배열 유지 */
        align-items: center !important; /* 숫자와 텍스트 세로 중앙 */
        justify-content: flex-start !important; /* 왼쪽 기준 정렬 (튀어나감 방지) */
        padding: 20px 10px !important; /* 안쪽 여백으로 안정감 확보 */
        gap: 20px !important;
        text-align: left !important;
        border-bottom: 1px solid #f2f2f2 !important;
    }

    .ps-num {
        width: 30px !important; /* 숫자 너비 고정으로 텍스트 시작점 통일 */
        margin: 0 !important;
        line-height: 1 !important;
        text-align: center !important;
    }

    .ps-con {
        text-align: left !important;
    }

    .ps-con h4 {
        margin: 0 0 5px 0 !important;
        line-height: 1.2 !important;
    }

    /* 2. 푸터: 인스타그램 아이콘 및 텍스트 전체 중앙 정렬 */
    .footer-top-row {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }

    .footer-brand {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important; /* 로고, 인스타, 문구 모두 중앙 */
        justify-content: center !important;
        width: 100% !important;
        margin-bottom: 20px !important;
    }

    .social-icons {
        justify-content: center !important; /* 아이콘들 가로 중앙 정렬 */
        margin: 10px 0 !important;
        width: 100% !important;
    }

    .footer-logo {
        margin-bottom: 10px !important;
    }

    /* "그날의 공기까지..." 텍스트 */
    .footer-brand p {
        text-align: center !important;
        margin: 5px auto !important;
        line-height: 1.6 !important;
    }

    .text-right-desktop {
        text-align: center !important;
        margin-top: 15px !important;
    }
}

/* 393px 아이폰 전용 미세 조정 */
@media screen and (max-width: 393px) {
    .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .ps-item-v4 {
        gap: 15px !important;
    }
}



/* ==========================================================================
   [PERFECT FIX] 980px 이하 구간 푸터 & 섹션 3 정렬 완결
   ========================================================================== */

@media screen and (max-width: 980px) {
    /* 1. 푸터 (Footer) - 중앙 정렬 및 수직 배치 강제 */
    .modern-footer {
        padding: 50px 20px !important;
        text-align: center !important;
    }

    .footer-top-row {
        display: flex !important;
        flex-direction: column !important; 
        align-items: center !important;   
        gap: 25px !important;              
    }

    .footer-brand {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        width: 100% !important;
    }

    .footer-logo {
        margin: 0 0 10px 0 !important;
        display: block !important;
    }

    /* 인스타그램 아이콘 중앙 정렬 */
    .social-icons {
        display: flex !important;
        justify-content: center !important; 
        padding: 0 !important;
        margin: 10px 0 !important;
        list-style: none !important;
        gap: 20px !important;
    }

    .social-icons li {
        display: inline-block !important;
        margin: 0 !important;
    }

    .footer-brand p {
        margin: 5px auto !important;
        text-align: center !important;
        width: 100% !important;
        line-height: 1.6 !important;
    }

    .text-right-desktop {
        text-align: center !important;
        width: 100% !important;
        margin: 0 !important;
    }

    /* 2. 섹션 3 (Process) - 수직/수평 정렬 완벽 보정 */
    .p-slim-row {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    .p-step-list-v4 {
        width: 100% !important;
        max-width: 450px !important; 
        margin: 0 auto !important;
        text-align: left !important;
    }

    .ps-item-v4 {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;   /* 숫자와 텍스트 위아래 정중앙 */
        justify-content: flex-start !important;
        gap: 20px !important;
        padding: 20px 0 !important;
        border-bottom: 1px solid #f2f2f2 !important;
        margin: 0 !important;
    }

    .ps-num {
        flex: 0 0 45px !important;        /* 숫자 너비 고정으로 줄맞춤 */
        text-align: left !important;
        margin: 0 !important;
        font-size: 1.1em !important;
        color: #c5a992 !important;        
    }

    .ps-con h4 {
        margin: 0 !important;
        line-height: 1.2 !important;
        text-align: left !important;
    }

    /* 3. 공통: 화면 끝 닿음 방지 여백 */
    .container {
        padding-left: 25px !important;
        padding-right: 25px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
}

/* 480px 이하 보정 */
@media screen and (max-width: 480px) {
    .ps-num { flex: 0 0 35px !important; }
}


/* 980px ~ 840px 구간: 슬로건 및 상단 3줄 즉시 중앙 정렬 */
@media screen and (max-width: 980px) {
    /* 1. 움직이는 시간(transition) 0초로 박멸 */
    .modern-footer *, 
    .footer-slogan, 
    .col-6 {
        transition: none !important;
        transition-duration: 0s !important;
        animation: none !important;
    }

    /* 2. 슬로건을 가두고 있는 왼쪽 박스(col-6)의 너비를 풀고 중앙화 */
    .modern-footer .col-6 {
        width: 100% !important;   /* 반토막이었던 너비를 전체로 */
        max-width: 100% !important;
        text-align: center !important;
        float: none !important;
        margin: 0 auto !important;
    }

    /* 3. [핵심] 슬로건(.footer-slogan) 즉시 중앙 배치 */
    .footer-slogan {
        display: block !important;
        text-align: center !important;
        width: 100% !important;
        margin: 15px 0 !important; /* 위아래 여백만 주고 중앙 고정 */
        font-size: 0.85em !important;
        color: #bbb !important;
    }

    /* 4. 로고와 인스타 아이콘도 같이 중앙으로 */
    .footer-brand {
        text-align: center !important;
        margin: 0 auto !important;
    }

    .social-icons {
        display: flex !important;
        justify-content: center !important;
        margin: 10px auto !important;
    }
}