/* Custiom */ 
body p {text-align:center;}
header.centered_logo .header_inner_right {display:none;}
header.centered_logo nav.main_menu {display:none!important;}
.footer_top {margin-top:80px;}
.qode-banner .qode-banner-content .qode-banner-text-holder {color:#ffffff; font-size:24px;}
.qode-banner .qode-banner-content {background-color: rgba(0, 0, 0, 0.65);}
.flag p {text-align:center; line-height:16px; padding:10px 0px 20px 0px;}

.tablepress tbody tr:first-child td, .tablepress tbody td {font-size:26px; padding:15px 0px; border-bottom: 1px solid #f7f7f7; background-color: #e2e2e2;}
.wpb_text_column :last-child {margin:20px 0px;}
.wpb_widgetised_column .widget h5 {display:none;}
.wpb_widgetised_column .widget {margin:10px 0px 0px 0px;}


/* font */
.update {color:#C00000; font-size:16px;}
.date {font-size:24px;}
.id_no p{font-size:32px; font-weight:600; line-height:36px;}
.id_name p{font-size:28px; font-weight:500; line-height:36px;}
.id_pw p{color:#C00000; font-size:28px; font-weight:500; line-height:36px; background-color:#ffd9a1; padding:4px 0px;}
.id_pw_black p{font-size:28px; font-weight:500; line-height:32px; background-color:#ffd9a1; padding:4px 0px;}
.red p{color:#C00000;}
.footer_bottom {color:#d0d0d0; padding:10px 0px;}


@media only screen and (max-width: 480px){
  .container_inner {width:90%;}
  .image_hover .images_holder {max-width: 50%;}
  .m_main {padding-top:40px;}
}

/* Wider page width */
.content .container,
.content .container_inner,
.wrapper_inner {
    max-width: 1400px !important;
    margin: 0 auto !important;
}

.vc_row {
    max-width: 1400px;
    margin-left: auto !important;
    margin-right: auto !important;
}

.vc_row.full_width,
.vc_row.stretch_row {
    width: 100% !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
}

/* === Mobile Scrollbar Custom (Thicker + Red Color) === */
@media only screen and (max-width: 767px) {

    /* Chrome, Edge, Brave, Samsung Browser */
    ::-webkit-scrollbar {
        width: 12px;   /* 스크롤바 굵기 (기존 6px → 12px) */
        height: 12px;
    }

    ::-webkit-scrollbar-thumb {
        background-color: #ff0000;  /* 스크롤바 색상 (빨간색) */
        border-radius: 8px;
        border: 2px solid #ffffff;  /* 테두리(옵션) → 더 눈에 띄게 */
    }

    ::-webkit-scrollbar-track {
        background: #f5f5f5;  /* 스크롤 트랙 색상 (연한 회색) */
    }

    /* Firefox 전용 */
    html {
        scrollbar-width: thick;        /* 두께 증가 */
        scrollbar-color: #ff0000 #f5f5f5; /* thumb red, track light gray */
    }
}

/* === Always visible scrollbar on mobile (Thick + Red) === */
@media only screen and (max-width: 767px) {

    html {
        overflow-y: scroll !important;    /* 스크롤바 항상 표시 */
        scrollbar-width: thin;            /* Firefox */
        scrollbar-color: #ff0000 #f0f0f0; /* Firefox thumb + track */
    }

    /* Chrome, Edge, Samsung Browser (안드로이드) */
    ::-webkit-scrollbar {
        width: 14px;            /* 스크롤바 굵기 */
        background: #f0f0f0;     /* 트랙 색상 */
    }

    ::-webkit-scrollbar-thumb {
        background: #ff0000;     /* 스크롤바 색상 (빨간색) */
        border-radius: 8px;      /* 둥글게 */
    }

    ::-webkit-scrollbar-track {
        background: #f0f0f0;     /* 스크롤 트랙 */
    }
}

/* iPhone에서 스크롤바 더 오래 보이게 (최대 효과) */
body {
    -webkit-overflow-scrolling: auto !important;
}

.home-slider { display: block !important; }

.content_inner {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* 로고 + 메뉴 위치 정상 정렬 (가로 정렬) */
.header_bottom .container_inner {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    height: 70px !important;
}

/* 로고 크기 */
.q_logo a img {
    max-height: 32px !important;
    height: auto !important;
}

/* 메뉴 텍스트 수직 중앙 */
nav.main_menu > ul > li > a {
    line-height: 48px !important;
    height: 48px !important;
    padding: 0 18px !important;
    font-size: 18px !important;
}

/* 파란선은 메뉴 아래 딱 1줄 */
.header_bottom {
    border-top: none !important;
    border-bottom: 6px solid #2e9fe6 !important;
}

/* 모바일에서는 로고 → 메뉴 버튼 아래로 */
@media (max-width: 1024px) {
    .header_bottom .container_inner {
        flex-direction: column !important;
        height: auto !important;
        padding: 12px 0 !important;
    }
}

/* 로고 크기 강제 축소 — 우선순위 최상위 */
.q_logo a img,
.q_logo img,
.logo_wrapper a img {
    height: 32px !important;     /* 50% 축소 */
    max-height: 32px !important;
    width: auto !important;
    object-fit: contain !important;
}