/*
Theme Name:  엘케이피부과 (Child)
Template:    medicom
Description: 엘케이피부과 전용 차일드 테마 – 디자인 현대화
Version:     1.1
Author:      LK Clinic
*/

/* ================================================================
   0. 구글 폰트 & 글로벌 기반
================================================================ */

*, *::before, *::after { box-sizing: border-box; }

body {
    font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif !important;
    font-size: 15px;
    line-height: 1.8;
    color: #3a3a3a;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #fff;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Noto Sans KR', sans-serif !important;
    font-weight: 700;
    line-height: 1.4;
    color: #1a1a2e;
    letter-spacing: -0.3px;
    margin-top: 0;
}

p { line-height: 1.85; color: #555; margin-bottom: 1em; }

a, a:hover, a:focus { color: #2b96cc; text-decoration: none; transition: color 0.2s; }
a:hover { color: #1a7aad; }

/* span 색상 오버라이드 (부모 테마가 모든 span을 파랗게 만드는 것 제한) */
span { color: inherit; }
.titleBorder span { color: #2b96cc; }

img { display: block; max-width: 100%; height: auto; }

.bigP, .bigP p {
    font-size: 17px !important;
    line-height: 1.9 !important;
    color: #555 !important;
    font-weight: 400 !important;
}


/* ================================================================
   1. 헤더 – 고정 + 그림자 + 상단 정보바
================================================================ */

#medicom_header,
.medicom-header {
    /* sticky는 JS(sticky 플러그인)가 처리 – position 건드리지 않음 */
    background: #fff !important;
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.07) !important;
    transition: box-shadow 0.3s !important;
    z-index: 99999;
}

/* 기존 ::before 파란 줄 제거 (상단 정보바가 대체) */
.medicom-header.header-2:before {
    display: none !important;
}

/* 스크롤 시 그림자 강화 */
.medicom-header.lk-scrolled {
    box-shadow: 0 4px 28px rgba(0, 0, 0, 0.13) !important;
}

/* ── 상단 정보바 ── */
.lk-topbar {
    background: #1a2f45;
    border-bottom: 1px solid #243c56;
    padding: 8px 0;
    font-size: 12.5px;
    color: #8faec8;
    line-height: 1.4;
}

.lk-topbar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 6px;
}

.lk-topbar-left,
.lk-topbar-right {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.lk-topbar-item {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #8faec8;
    white-space: nowrap;
}

.lk-topbar-item i {
    color: #2b96cc;
    font-size: 12px;
}

.lk-topbar-item a {
    color: #b8d4e8 !important;
    font-weight: 600;
    letter-spacing: 0.3px;
    transition: color 0.2s;
}
.lk-topbar-item a:hover { color: #fff !important; }

.lk-topbar-divider {
    color: #2d4a62;
    font-size: 11px;
}

@media (max-width: 767px) {
    .lk-topbar { display: none; }
}


/* ================================================================
   2. 네비게이션 메뉴
================================================================ */

.navbar {
    margin-bottom: 0 !important;
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
}

.navbar-default { background: transparent !important; border: none !important; }

/* 로고 영역 */
.header-2 .logo { padding: 16px 0 !important; }

/* 로고 크기 */
.header-2 .logo,
img.logo {
    height: 80px !important;
    max-height: none !important;
    width: auto !important;
}

/* 1단계 메뉴 링크 – 글씨 확대 + 여백 확대 */
.header-2 .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a {
    font-family: 'Noto Sans KR', sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #2c2c2c !important;
    padding: 34px 22px 24px !important;
    letter-spacing: 0.1px;
    border-radius: 0 !important;
    position: relative;
    transition: color 0.25s !important;
    background: transparent !important;
}

/* 하단 슬라이딩 언더라인 */
.header-2 .navbar-nav > li > a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background: #2b96cc;
    transition: all 0.3s ease;
    transform: translateX(-50%);
}

.header-2 .navbar-nav > li:hover > a,
.header-2 .navbar-nav > li > a:hover {
    color: #2b96cc !important;
    background: transparent !important;
}

.header-2 .navbar-nav > li:hover > a::after { width: calc(100% - 36px); }

/* 현재 페이지 메뉴 – 파란 배경 → 언더라인으로 변경 */
.header-2 .navbar-default .navbar-nav > .firstitem.current-menu-item > a,
.header-2 .navbar-default .navbar-nav > .firstitem.current-menu-item > a:hover,
.header-2 .navbar-default .navbar-nav > .firstitem.current-menu-item > a:focus,
.header-2 .navbar-default .navbar-nav > .firstitem.current-menu-parent > a,
.header-2 .navbar-default .navbar-nav > .firstitem.current-menu-parent > a:hover,
.header-2 .navbar-default .navbar-nav > .firstitem.current-menu-parent > a:focus {
    color: #2b96cc !important;
    background: transparent !important;
}
.header-2 .navbar-nav > .firstitem.current-menu-item > a::after,
.header-2 .navbar-nav > .firstitem.current-menu-parent > a::after {
    width: calc(100% - 36px);
}

/* 열린 드롭다운 부모 항목 */
.header-2 .navbar-default .navbar-nav > .open > a,
.header-2 .navbar-default .navbar-nav > .open > a:hover,
.header-2 .navbar-default .navbar-nav > .open > a:focus {
    background: transparent !important;
    color: #2b96cc !important;
}

/* 부모 테마의 :before 아이콘 제거 */
.header-2 ul.nav > li.firstitem.current-menu-ancestor > a:before,
.header-2 ul.nav > li.firstitem:hover > a:before {
    display: none !important;
}


/* ── 마지막 메뉴 항목 → 예약 버튼 강조 ── */
/* Bootstrap 3 는 float 기반 → li/a 는 block 유지, margin으로 세로 중앙 정렬 */
.header-2 .navbar-nav > li:last-child > a {
    display: block !important;
    margin: 20px 0 20px 12px !important;
    padding: 10px 22px !important;
    background: linear-gradient(135deg, #2b96cc, #1a7aad) !important;
    color: #fff !important;
    border-radius: 9999px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 0.3px;
    box-shadow: 0 4px 14px rgba(43, 150, 204, 0.35) !important;
    transition: background 0.25s, box-shadow 0.25s, transform 0.25s !important;
}

.header-2 .navbar-nav > li:last-child > a::after {
    display: none !important;
}

.header-2 .navbar-nav > li:last-child > a:hover {
    background: linear-gradient(135deg, #3aaee0, #2b96cc) !important;
    color: #fff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 22px rgba(43, 150, 204, 0.45) !important;
}

/* 모바일에서 버튼 스타일 해제 */
@media (max-width: 991px) {
    .header-2 .navbar-nav > li:last-child > a {
        margin: 0 !important;
        padding: 12px 18px !important;
        background: transparent !important;
        color: #2b96cc !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        transform: none !important;
    }
}

/* ================================================================
   3. 드롭다운 메뉴
================================================================ */

/* ── 일반 드롭다운 (메가메뉴 제외) ── */
/* 부모 테마가 jQuery fadeIn/fadeOut으로 직접 제어하므로 display 는 건드리지 않음 */
.header-2 .navbar-nav > li:not(.multi) > .dropdown-menu {
    border: none !important;
    border-top: 3px solid #2b96cc !important;
    border-radius: 0 0 10px 10px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1) !important;
    padding: 6px 0 !important;
    margin-top: 0 !important;
    background: #fff !important;
    min-width: 190px;
}

/* ── 메가 드롭다운 (.multi) – 위치·구조 부모 테마 그대로 ── */
.multi > ul.dropdown-menu {
    border-top: 3px solid #2b96cc !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1) !important;
    background: #fff !important;
}

/* 일반 드롭다운 링크 */
.header-2 .navbar-nav > li:not(.multi) .dropdown-menu > li > a {
    font-family: 'Noto Sans KR', sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #444 !important;
    padding: 10px 20px !important;
    border-top: none !important;
    border-bottom: 1px solid #f2f2f2 !important;
    line-height: 1.5 !important;
    transition: background 0.2s, color 0.2s, padding-left 0.2s !important;
    background: transparent !important;
    display: block;
}

.header-2 .navbar-nav > li:not(.multi) .dropdown-menu > li:last-child > a {
    border-bottom: none !important;
}

.header-2 .navbar-nav > li:not(.multi) .dropdown-menu > li > a:hover,
.header-2 .navbar-nav > li:not(.multi) .dropdown-menu > li > a:focus {
    background: #f0f8fd !important;
    color: #2b96cc !important;
    padding-left: 26px !important;
    text-decoration: none !important;
}

/* 메가 드롭다운 – 카테고리 제목 */
#medicom_header .multi .dropdown-menu > li > a,
.medicom-header .multi .dropdown-menu > li > a {
    font-family: 'Noto Sans KR', sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1a1a2e !important;
    border: none !important;
    padding-bottom: 8px !important;
    padding-top: 20px !important;
}

/* 메가 드롭다운 – 하위 항목 */
#medicom_header .multi .dropdown-menu ul li a,
.medicom-header .multi .dropdown-menu ul li a {
    font-family: 'Noto Sans KR', sans-serif !important;
    font-size: 14px !important;
    color: #555 !important;
    border-bottom: 1px solid #f0f0f0 !important;
    padding: 10px 0 !important;
    transition: color 0.2s, padding-left 0.2s !important;
}

#medicom_header .multi .dropdown-menu ul li a:hover,
.medicom-header .multi .dropdown-menu ul li a:hover {
    color: #2b96cc !important;
    padding-left: 6px !important;
}

/* 메가 드롭다운 전체 배경 */
#medicom_header .multi > ul.dropdown-menu,
.medicom-header .multi > ul.dropdown-menu {
    border-top: 3px solid #2b96cc !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1) !important;
    background: #fff !important;
    padding-bottom: 20px !important;
}

/* 모바일 햄버거 */
.navbar-toggle {
    border-color: #2b96cc !important;
    border-radius: 6px !important;
    margin-top: 20px;
    margin-bottom: 20px;
    transition: background 0.2s;
}
.navbar-toggle:hover { background: #f0f8fd !important; }
.navbar-toggle .icon-bar {
    background-color: #2b96cc !important;
    height: 2px;
    border-radius: 2px;
}


/* ================================================================
   4. 히어로 / 슬라이더
================================================================ */

.ls-wp-container { display: block; }

/* 슬라이더 아래 섹션과 자연스러운 연결 */
.slider, .main_banner_pc { margin-bottom: 0 !important; }


/* ================================================================
   5. 섹션 & 레이아웃
================================================================ */

.vc_row.wpb_row {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* 풀컬러 섹션 개선 */
.fullstyle {
    background: linear-gradient(135deg, #2b96cc 0%, #1a7aad 100%) !important;
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

.fullstyle h3 { font-size: 28px !important; font-weight: 700 !important; }
.fullstyle p { font-size: 16px !important; line-height: 1.8 !important; }

/* 섹션 구분자 */
.vc_separator .vc_sep_line { border-color: #e8f0f7 !important; }


/* ================================================================
   6. 이미지 카드 & 콘텐츠 요소
================================================================ */

/* 이미지 카드 호버 */
.wpb_single_image .vc_single_image-wrapper {
    border-radius: 10px !important;
    overflow: hidden;
    transition: transform 0.35s ease, box-shadow 0.35s ease !important;
    display: block;
}

.wpb_single_image:hover .vc_single_image-wrapper {
    transform: translateY(-6px) !important;
    box-shadow: 0 16px 40px rgba(43, 150, 204, 0.18) !important;
}

/* 회색 테두리 카드 */
.vc_box_border_grey {
    border-color: #e8eef4 !important;
    border-radius: 10px !important;
    overflow: hidden;
    transition: transform 0.35s, box-shadow 0.35s;
}

.wpb_single_image:hover .vc_box_border_grey {
    box-shadow: 0 16px 40px rgba(43, 150, 204, 0.15) !important;
}

/* 이미지 줌 */
.vc_single_image-img {
    transition: transform 0.45s ease !important;
    display: block;
    width: 100%;
}
.wpb_single_image:hover .vc_single_image-img { transform: scale(1.05) !important; }

/* 텍스트 컬럼 */
.wpb_text_column { line-height: 1.85; }
.wpb_text_column p { color: #555; }


/* ================================================================
   7. 버튼
================================================================ */

.btn,
.vc_btn3,
a.btn,
button[type="submit"] {
    font-family: 'Noto Sans KR', sans-serif !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    letter-spacing: 0.2px;
    border-radius: 9999px !important;
    padding: 11px 28px !important;
    transition: all 0.25s ease !important;
    cursor: pointer;
    border: none !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

/* 기본 파랑 버튼 */
.btn-primary,
.btn-info,
.vc_btn3-color-blue {
    background: linear-gradient(135deg, #2b96cc, #1a7aad) !important;
    color: #fff !important;
    box-shadow: 0 4px 14px rgba(43, 150, 204, 0.3) !important;
}
.btn-primary:hover,
.btn-info:hover,
.vc_btn3-color-blue:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(43, 150, 204, 0.45) !important;
    color: #fff !important;
}

/* 어두운 버튼 */
.btn-default {
    background: #1d2b3a !important;
    color: #fff !important;
}
.btn-default:hover {
    background: #2b96cc !important;
    color: #fff !important;
    transform: translateY(-2px) !important;
}

/* 검색 버튼 */
button.search-icon {
    background: linear-gradient(135deg, #2b96cc, #1a7aad) !important;
    border-radius: 0 6px 6px 0 !important;
    transition: opacity 0.2s !important;
}
button.search-icon:hover { opacity: 0.85 !important; }


/* ================================================================
   8. 페이지 캡션(내부 페이지 상단 배너)
================================================================ */

.caption {
    background: linear-gradient(135deg, rgba(43,150,204,0.82), rgba(26,122,173,0.88)),
                url(../img/caption.jpg) no-repeat center center !important;
    background-size: cover !important;
    height: auto !important;
    padding: 60px 0 !important;
}

.caption h1 {
    font-size: 36px !important;
    font-weight: 900 !important;
    letter-spacing: -0.5px;
    text-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

.caption p {
    font-size: 16px !important;
    opacity: 0.9;
    color: #fff !important;
}


/* ================================================================
   9. 푸터
================================================================ */

footer {
    background: #0f1923 !important;
}

.bg-color.footer-copyright {
    background: #0f1923 !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    border-top: 1px solid #1e2d3d !important;
}

.copyright-section p {
    font-size: 13px !important;
    color: #5a7080 !important;
    margin: 0;
    text-align: center;
}

.copyright-section a { color: #5a7080 !important; }
.copyright-section a:hover { color: #2b96cc !important; }

.bottom-company {
    background: #0f1923 !important;
    border-top: 1px solid #1e2d3d !important;
    padding: 32px 0 !important;
}

.bottom-company-text p {
    font-size: 13px !important;
    line-height: 2 !important;
    color: #5a7080 !important;
    margin: 0;
}

.bottom-company-text a { color: #5a7080 !important; }
.bottom-company-text a:hover { color: #2b96cc !important; }

.footerlogo { margin-bottom: 12px; }
.footerlogo img,
.footer-logo {
    opacity: 0.6;
    filter: brightness(0) invert(1);
    transition: opacity 0.25s;
    max-height: 40px;
    width: auto !important;
}
.footerlogo:hover img { opacity: 0.9; }


/* ================================================================
   10. 아이콘 타이틀 & 카운터
================================================================ */

.medicom_title_container {
    background: linear-gradient(135deg, #2b96cc, #1a7aad) !important;
    box-shadow: 0 4px 16px rgba(43,150,204,0.3);
}

.counter h1 {
    font-size: 64px !important;
    font-weight: 900 !important;
    color: #2b96cc;
    line-height: 1;
}
.counter h6 { font-size: 20px !important; color: #555; }


/* ================================================================
   11. 섹션 진입 페이드인 애니메이션
================================================================ */

.medicom-waypoint {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease, transform 0.6s ease !important;
}

.medicom-waypoint.lk-in-view {
    opacity: 1 !important;
    transform: translateY(0) !important;
}


/* ================================================================
   12. 메인 홈 – 클리닉 카드 (main_banner_pc)
================================================================ */

/* 카드 행 여백 */
.main_banner_pc {
    padding: 48px 0 40px !important;
    background: #f8fafc !important;
}

/* 카드 이미지 래퍼 */
.main_banner_pc .vc_single_image-wrapper {
    border: none !important;
    border-radius: 16px !important;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
    transition: transform 0.35s ease, box-shadow 0.35s ease !important;
    display: block;
}

.main_banner_pc .wpb_single_image:hover .vc_single_image-wrapper {
    transform: translateY(-8px) !important;
    box-shadow: 0 16px 40px rgba(43, 150, 204, 0.2) !important;
}

.main_banner_pc .vc_single_image-img {
    transition: transform 0.4s ease !important;
    width: 100%;
}

.main_banner_pc .wpb_single_image:hover .vc_single_image-img {
    transform: scale(1.04) !important;
}


/* ================================================================
   13. 메인 홈 – 언론속의 엘케이 섹션
================================================================ */

/* 섹션 전체 배경 */
.media_lk,
.wpb_text_column.media_lk {
    background: transparent !important;
}

/* 섹션 제목 */
.wpb_text_column h2 a[href*="media"],
.vc_custom_1694395882428 h2 {
    font-size: 26px !important;
    font-weight: 800 !important;
    color: #1a1a2e !important;
    letter-spacing: -0.5px;
    position: relative;
    padding-bottom: 14px;
    display: inline-block;
}

.wpb_text_column h2 a[href*="media"]::after,
.vc_custom_1694395882428 h2::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 3px;
    background: #2b96cc;
    border-radius: 2px;
}

/* 뉴스 목록 */
.gc_latest_lt ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.gc_latest_lt ul li {
    border-bottom: 1px solid #f0f4f8 !important;
    padding: 10px 0 !important;
    transition: padding-left 0.2s, background 0.2s;
}

.gc_latest_lt ul li:hover {
    padding-left: 6px !important;
    background: #f8fbfe !important;
    border-radius: 6px;
}

.gc_latest_lt ul li a {
    color: #3a3a3a !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: color 0.2s !important;
}

.gc_latest_lt ul li a::before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #2b96cc;
    border-radius: 50%;
    flex-shrink: 0;
}

.gc_latest_lt ul li:hover a { color: #2b96cc !important; }

/* 숨겨진 중복 제목 */
.gc_latest_lt .lt_title { display: none !important; }

/* 더보기 버튼 */
.lt_more {
    margin-top: 16px !important;
}

.lt_more a {
    display: inline-flex !important;
    align-items: center;
    gap: 5px;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #2b96cc !important;
    border: 1.5px solid #2b96cc;
    border-radius: 9999px;
    padding: 6px 18px !important;
    transition: all 0.25s !important;
}

.lt_more a:hover {
    background: #2b96cc !important;
    color: #fff !important;
}


/* ================================================================
   14. 메인 홈 – 원장 소개 (lwj)
================================================================ */

/* 이미지 원형 처리 */
.lwj .vc_single_image-wrapper {
    border-radius: 50% !important;
    border: 4px solid #e8f4fb !important;
    box-shadow: 0 8px 32px rgba(43, 150, 204, 0.15) !important;
    overflow: hidden;
    width: 200px !important;
    height: 200px !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.lwj .vc_single_image-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    transition: transform 0.4s ease !important;
}

.lwj:hover .vc_single_image-img {
    transform: scale(1.06) !important;
}

/* 원장 이름 */
.vc_custom_1580213172994 h4 {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #1a1a2e !important;
    margin-bottom: 4px !important;
}

/* 직함 */
.vc_custom_1580213172994 p {
    color: #2b96cc !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    margin-bottom: 12px !important;
}

/* 소개 문구 */
.vc_custom_1580213172994 div[style*="font-size: 15px"] {
    font-size: 14px !important;
    color: #777 !important;
    line-height: 1.9 !important;
    background: #f8fafc;
    border-radius: 10px;
    padding: 14px 16px !important;
    margin-top: 12px;
    border-left: 3px solid #2b96cc;
}


/* ================================================================
   15. 메인 홈 – CTA 블록 (카카오톡 · 진료예약)
================================================================ */

/* CTA 행 여백 */
.vc_col-sm-6 .vc_single_image-wrapper.vc_box_border_grey {
    border: none !important;
}

/* 카카오·예약 이미지 공통 */
.vc_col-sm-6 .wpb_single_image .vc_single_image-wrapper {
    border-radius: 20px !important;
    overflow: hidden;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.1) !important;
    transition: transform 0.35s ease, box-shadow 0.35s ease !important;
    border: none !important;
}

.vc_col-sm-6 .wpb_single_image:hover .vc_single_image-wrapper {
    transform: translateY(-6px) !important;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.16) !important;
}

.vc_col-sm-6 .vc_single_image-img {
    transition: transform 0.4s ease !important;
}

.vc_col-sm-6 .wpb_single_image:hover .vc_single_image-img {
    transform: scale(1.03) !important;
}


/* ================================================================
   16. 반응형
================================================================ */

@media (max-width: 991px) {

    .header-2 .navbar-nav > li > a {
        padding: 12px 18px !important;
        border-bottom: 1px solid #f2f2f2;
    }

    .header-2 .navbar-nav > li > a::after { display: none; }

    .navbar-collapse.in {
        border-top: 1px solid #eee;
        padding: 8px 0;
    }
}

@media (max-width: 767px) {

    body { font-size: 14px; }

    .caption h1 { font-size: 26px !important; }
    .caption { padding: 40px 0 !important; }

    .bigP, .bigP p { font-size: 15px !important; }

    .counter h1 { font-size: 48px !important; }

    footer .col-md-12 { text-align: center; }
    .footerlogo { text-align: center; }
    .footerlogo img { margin: 0 auto; }
}