@media only screen and (min-width: 1000px) {

    .hero-wrap.style1 .hero-content h1 {
        font-size:50px !important;
        line-height:1.25 !important;
    }
    .hero-wrap.style2 .hero-content h1 {
        font-size:55px !important;
        line-height:1.3 !important;
    }
    .counter-card-wrap .counter-card .counter-text p { line-height:1.5 !important}
    .header-wrap .navbar .navbar-brand img {max-height:50px;}
}




.table_cs {
    margin: 0 0 0px;
    position: relative;
    z-index: 1;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
    padding: 0px;
    border-radius: 10px;
}

.table_cs th {
    background:#2490EB; color:#fff;
    padding:8px 15px;
}

.table_cs td {
    padding:8px 15px;
}

.boxbr {
    margin: 0 0 0px;
    position: relative;
    z-index: 1;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
    padding: 25px;
    border-radius: 10px;
}

.boxbr h2 {
    margin: 0 0 25px;
    font-size: 20px;
    position: relative;
    line-height: 1;
    position: relative;
    padding-bottom: 20px;
}

.boxbr h2::after {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 1px;
    content: "";
    background: #2490EB;
    transition: 0.4s;
}


.boxbr p {

    padding: 0px 10px 0px 15px;
    display: block;
    transition: 0.4s;
}

.boxbr li {
    position: relative;
    padding: 8px 10px 8px 15px;
    display: block;
    transition: 0.4s;
}

.boxbr li:first-child {
    padding-top:0;
}

.boxbr li:before {
    position: absolute;
    top: 17px;
    left: 0;
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #2490EB;
}

.boxbr li:first-child::before {
    top: 8px;
}

.pr_cr {
    color:#2490EB;
}

.floor-wrap .service-card.style1 .service-img .service-icon {
    color:#fff;
    text-align:center;
    font-size: 20px;
    font-weight: 600;
}

.floor-wrap .service-card .service-info {
    /*min-height:290px;*/
}

.feature-item-wrap .feature-item .feature-icon {
    background-color:#0d6efd;
}

.feature-item-wrap .feature-item .feature-icon > i {
    color:#fff;
}

.breadcrumb-wrap.br-1 {

    background-image: url(/img/new/intro/banner_01.png);
}

.breadcrumb-wrap.br-2 {

    background-image: url(/img/new/info/banner_02.png);
}

.breadcrumb-wrap.br-3 {

    background-image: url(/img/new/treat/banner_03.png);
}

.breadcrumb-wrap.br-4 {

    background-image: url(/img/new/cscenter/banner_04.png);
}


.theme-light .navbar-brand .logo-light {
    max-height:50px;
}

.blog-card.style1 .blog-info .blog-date{
    top:-15px !important;
}

.footer-wrap .footer-widget .footer-logo {
    max-width:140px;
}

/* ===== Notice Board (su-board) style guide ===== */

/* 전체 카드 박스 : blog-card와 톤 맞추기 */
.su-board-card {
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.11); /* blog-card shadow */
    overflow: hidden;
}

/* 상단 검색 영역 간격 */
.su-board-top {
    gap: 12px;
}

.su-board-search .form-select,
.su-board-search .form-control {
    font-size: 14px;
    color: #666666;
}

.su-board-search .btn.btn-primary {
    font-size: 14px;
    padding: 0 16px;
}

/* 테이블 공통 */
.su-board-table {
    margin-bottom: 0;
    border-collapse: separate;
    border-spacing: 0;
}

/* 헤더 스타일 */
.su-board-table thead {
    background-color: #F7F9FC; /* 살짝 밝은 그레이 블루 */
}

.su-board-table thead th {
    border-bottom: 1px solid #E3E7F0;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: #111111;
    padding: 14px 20px;
    white-space: nowrap;
}

/* 바디 셀 스타일 */
.su-board-table tbody td {
    border-top: 1px solid #E9ECF3;
    font-size: 15px;
    color: #333333;
    padding: 14px 20px;
    vertical-align: middle;
}

/* 공지 고정글 톤 (살짝 하이라이트) */
.su-board-table tbody tr.su-board-notice {
    background-color: #F4F8FF;
}

.su-board-table tbody tr.su-board-notice td {
    font-weight: 500;
}

/* 호버 시 라인 느낌 */
.su-board-table tbody tr:hover {
    background-color: #F9FBFF;
}

/* 제목 링크 스타일 : blog-card h3 hover 느낌 */
.su-board-link {
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    color: #111111;
    text-decoration: none;
    transition: color 0.3s ease;
}

.su-board-link:hover {
    color: #2490EB;
}

/* 번호/일자/조회수 정렬 */
.su-board-table tbody td.text-center {
    font-size: 14px;
    color: #666666;
}

/* 하단 버튼 영역 여백 */
.su-board-card + .d-flex {
    margin-top: 24px;
}

.su-board-notice .badge {
    font-size: 14px;
    padding: 5px 10px;
}



.nav-fill .nav-item, .nav-fill>.nav-link {
    flex: 1 1 0 !important;
    text-align: center;
    min-width: 0;
}


.hidden {
    display:none !important;
}

/* =========================
   공통 탭 네비게이션 스타일
   .su-tab-nav-wrap + .su-tab-nav + .su-tab-btn
   ========================= */
.su-tab-nav-wrap {
    margin-bottom: 40px;
}

.su-tab-nav {
    background-color: #f5f7fb;
    border-radius: 10px;
    padding: 6px;
    width: 100%;             /* 컨테이너 기준 가로 꽉 차게 */
}

/* 탭 버튼 공통 */
.su-tab-nav .su-tab-btn {
    border-radius: 10px;
    font-weight: 500;
    color: #555;
    padding: 0.9rem 1.8rem;  /* 높이 여유 있게 */
    font-size: 15px;
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 활성 탭 */
.su-tab-nav .su-tab-btn.active {
    background-color: #2490EB;  /* 템플릿 primary 컬러에 맞게 조정 가능 */
    color: #fff;
}

@media (max-width: 575.98px) {
    .su-board-notice .badge {
    font-size: 12px;
    padding: 3px 7px;
    }


    .su-board-table thead {
        font-size: 13px;
    }
    .su-board-table thead th,
    .su-board-table tbody td {
        padding: 10px 12px;
    }

    .su-tab-nav .su-tab-btn {
        padding: 0.7rem 1rem;
        font-size: 13px;
    }

    .header-wrap.style1 .header-top {
        display:none;
    }
    .content-wrapper {
        margin-top:76px !important;
    }
}


/* ===== SU Global Spacing & Component Polish ===== */
:root {
    --su-space-1: 8px;
    --su-space-2: 12px;
    --su-space-3: 20px;
    --su-space-4: 32px;
    --su-space-5: 48px;
}

.section-title.style1 h2,
.section-title.style1 h3 {
    line-height: 1.3;
    margin-bottom: 8px;
}

.section-title.style1 p {
    line-height: 1.6;
    margin-top: 6px;
}

.section-title + .row,
.section-title + .blog-slider-one {
    margin-top: 20px;
}

.service-card {
    margin-bottom: 24px;
}

.row.g-4 .service-card,
.row.gx-4 .service-card,
.row.gy-4 .service-card,
.row.g-5 .service-card,
.row.gx-5 .service-card,
.row.gy-5 .service-card {
    margin-bottom: 0;
}

.service-card .service-info h3 {
    line-height: 1.3;
    margin-bottom: 10px;
}

.service-card .service-info p {
    line-height: 1.6;
    margin-bottom: 0;
}

.promo-card {
    margin-bottom: 24px;
}

.row.g-4 .promo-card,
.row.gx-4 .promo-card,
.row.gy-4 .promo-card,
.row.g-5 .promo-card,
.row.gx-5 .promo-card,
.row.gy-5 .promo-card {
    margin-bottom: 0;
}

.feature-item-wrap .feature-text h3 {
    line-height: 1.3;
    margin-bottom: 8px;
}

.feature-item-wrap .feature-text p {
    line-height: 1.6;
    margin-bottom: 0;
}

.wp-block-quote p {
    line-height: 1.6;
}

.wp-block-quote p + p {
    margin-top: 10px;
}

.floor-wrap .row:not(.g-4):not(.gy-4):not(.g-5):not(.gy-5) {
    row-gap: 24px;
}

/* Tab panels spacing */
.su-tab-panel .section-title {
    margin-top: 40px;
}

.su-tab-panel > .section-title {
    margin-top: 0;
}

.su-tab-panel .wp-block-quote {
    margin-top: 36px;
}

/* Hero & counter tuning */
@media (min-width: 1200px) {
    .hero-wrap.style1 .hero-slide-item .hero-img-wrap .hero-img {
        width: calc(100% - 40px);
        margin-left: 40px;
    }
}

.counter-wrap .counter-card-wrap {
    gap: 24px;
}

.counter-wrap .counter-card-wrap .counter-card {
    flex: 1 1 360px;
    max-width: 520px;
    width: auto;
    margin-bottom: 0;
}

.counter-wrap .counter-card-wrap .counter-text h2 {
    font-size: 30px;
    line-height: 1.2;
}

.counter-wrap .counter-card-wrap .counter-text p {
    line-height: 1.5;
}

@media (max-width: 767.98px) {
    .counter-wrap .counter-card-wrap .counter-card {
        flex: 1 1 100%;
        max-width: 100%;
    }
}

/* Footer mobile visibility */
@media (max-width: 767.98px) {
    .footer-widget--links {
        display: none;
    }

    .footer-widget--contact .footer-widget-title {
        display: none;
    }

    .footer-widget--contact .contact-info li:not(.footer-address) {
        display: none;
    }

    .footer-widget--contact .contact-info .footer-address i,
    .footer-widget--contact .contact-info .footer-address h6 {
        display: none;
    }

    .footer-widget--contact .contact-info .footer-address p {
        margin: 0;
    }
}


@media (max-width: 767.98px) {

    .footer-wrap .container {
        padding-left: 0;
        padding-right: 0;
    }

    .footer-wrap .row {
        margin-left: 0;
        margin-right: 0;
    }

    .footer-wrap .row > [class*="col-"] {
        padding-left: 0;
        padding-right: 0;
    }

    .footer-widget--company,
    .footer-widget--contact {
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .footer-widget--company .footer-logo {
        margin: 0 auto 14px;
    }

    .footer-widget--company .comp-desc {
        text-align: center;
        margin: 0;
        line-height: 1.6;
    }

    .footer-widget--contact .contact-info {
        padding-left: 0;
        padding-right: 0;
        margin: 0;
        text-align: center;
        justify-content: center;
        align-items: center;
    }

    .footer-widget--contact .contact-info li {
        padding-left: 0;
        padding-right: 0;
        margin: 0 auto;
        justify-content: center;
        text-align: center;
    }

    .footer-widget--contact .contact-info .footer-address {
        padding-left: 0;
    }
}

/* Special box for mission/vision */
.su-highlight-box {
    background-color: #1C4179;
    border-radius: 12px;
}


@media (max-width: 767.98px) {
    .footer-wrap .footer-widget .comp-desc {
        padding-left: 0;
        padding-right: 0;
    }

    .footer-wrap .footer-widget .contact-info li {
        padding-left: 0;
        padding-right: 0;
    }
}