@charset "UTF-8";

/**
 * 보험일반 5개 서비스 공용 모바일 셸.
 * 공용 헤더는 /css/mobile_primary_header.css만 소유하며 이 파일에서는 건드리지 않는다.
 * 표시 순서: 검색 > 서비스 메뉴 > 뒤로가기·서비스명 > 필터 > 굵은 구분선 > 결과.
 */
@media (max-width: 768px) {
    body.insurance-service-minimal.insu-link-app.insu-dashboard-page {
        --insu-mobile-ink: #171717;
        --insu-mobile-muted: #6b7280;
        --insu-mobile-line: #d9dde3;
        --insu-mobile-soft: #f4f5f6;
        --insu-mobile-yellow: #ffdd2d;
    }

    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .insu-link-service-hero {
        display: none !important;
    }

    body.insurance-service-minimal.insu-link-app.insu-dashboard-page main.main-content {
        margin: 0 !important;
        padding: 0 !important;
        background: #fff !important;
    }

    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .main-wrapper {
        padding: calc(var(--mobile-primary-header-height, 110px) + 12px) 0 48px !important;
    }

    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .callcenter-container,
    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .money-paper-container,
    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .terms-container,
    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .visit-centers-container,
    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .car-card-container {
        width: calc(100% - 24px) !important;
        max-width: none !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }

    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .callcenter-workbench-header,
    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .insu-link-workbench-header {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: #fff !important;
        box-shadow: none !important;
    }

    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .callcenter-control-row,
    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .insu-link-standard-control-row,
    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .visit-center-control-row {
        display: contents !important;
    }

    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .callcenter-search-field,
    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .visit-search-field {
        order: 2 !important;
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        min-height: 46px !important;
        margin: 0 0 12px !important;
        padding: 0 14px !important;
        border: 0 !important;
        border-radius: 10px !important;
        background: var(--insu-mobile-soft) !important;
        box-shadow: none !important;
    }

    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .callcenter-search-field > i,
    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .visit-search-field > i {
        flex: 0 0 auto !important;
        margin: 0 10px 0 0 !important;
        color: #4b5563 !important;
        font-size: 15px !important;
    }

    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .callcenter-search-field .form-control,
    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .visit-search-field .form-control {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 46px !important;
        padding: 0 !important;
        border: 0 !important;
        outline: 0 !important;
        background: transparent !important;
        color: var(--insu-mobile-ink) !important;
        font-size: 15px !important;
        font-weight: 450 !important;
        box-shadow: none !important;
        transform: none !important;
    }

    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .callcenter-search-field .form-control::placeholder,
    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .visit-search-field .form-control::placeholder {
        color: #8a9099 !important;
        opacity: 1 !important;
    }

    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .callcenter-workbench-header > .insu-services-dashboard,
    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .insu-link-workbench-header > .insu-services-dashboard {
        position: relative !important;
        order: 1 !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 0 !important;
        width: calc(100% + 24px) !important;
        min-height: 43px !important;
        margin: -12px -12px 12px !important;
        padding: 0 8px !important;
        overflow-x: auto !important;
        border: 0 !important;
        border-bottom: 1px solid var(--insu-mobile-line) !important;
        background: rgba(255, 255, 255, 0.97) !important;
        scrollbar-width: none !important;
    }

    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .callcenter-workbench-header > .insu-services-dashboard::-webkit-scrollbar,
    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .insu-link-workbench-header > .insu-services-dashboard::-webkit-scrollbar {
        display: none !important;
    }

    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .insu-dashboard-btn {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 1 0 20% !important;
        width: auto !important;
        max-width: none !important;
        min-width: 64px !important;
        min-height: 42px !important;
        height: 42px !important;
        padding: 0 7px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        color: #3f4651 !important;
        font-size: 13px !important;
        font-weight: 590 !important;
        line-height: 1 !important;
        letter-spacing: -0.025em !important;
        box-shadow: none !important;
        transform: none !important;
        white-space: nowrap !important;
    }

    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .insu-dashboard-btn.active {
        border: 0 !important;
        background: transparent !important;
        color: var(--insu-mobile-ink) !important;
        font-weight: 720 !important;
    }

    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .insu-dashboard-btn.active::after {
        position: absolute !important;
        right: 8px !important;
        bottom: -1px !important;
        left: 8px !important;
        height: 2px !important;
        background: #245fd1 !important;
        content: "" !important;
    }

    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .insu-dashboard-btn i {
        display: none !important;
    }

    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .insu-dashboard-label-pc {
        display: none !important;
    }

    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .insu-dashboard-label-mobile {
        display: inline !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .callcenter-workbench-top {
        order: 3 !important;
        display: block !important;
        width: 1px !important;
        min-width: 0 !important;
        height: 1px !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        clip-path: inset(50%) !important;
        border: 0 !important;
        background: #fff !important;
        white-space: nowrap !important;
    }

    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .callcenter-back-link {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 40px !important;
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        margin: 0 10px 0 0 !important;
        padding: 0 !important;
        border: 1px solid var(--insu-mobile-line) !important;
        border-radius: 50% !important;
        background: #fff !important;
        color: var(--insu-mobile-ink) !important;
        box-shadow: none !important;
    }

    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .callcenter-back-link span {
        display: none !important;
    }

    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .callcenter-back-link i {
        margin: 0 !important;
        color: currentColor !important;
        font-size: 13px !important;
    }

    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .callcenter-workbench-heading {
        min-width: 0 !important;
        margin: 0 !important;
    }

    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .callcenter-workbench-heading h1 {
        margin: 0 !important;
        color: var(--insu-mobile-ink) !important;
        font-size: 18px !important;
        font-weight: 650 !important;
        line-height: 1.25 !important;
        letter-spacing: -0.02em !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .callcenter-workbench-heading p {
        display: none !important;
    }

    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .callcenter-toolbar,
    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .visit-toolbar-controls {
        order: 4 !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 0 12px !important;
        border: 0 !important;
        background: #fff !important;
    }

    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .callcenter-toolbar,
    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .car-card-toolbar {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 8px !important;
        min-height: 44px !important;
    }

    body.insurance-service-minimal.insu-link-app.car-card-page .results-header.results-toolbar.insu-link-results-toolbar.callcenter-toolbar.car-card-toolbar {
        display: flex !important;
    }

    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .results-toolbar-filters {
        display: flex !important;
        align-items: center !important;
        gap: 5px !important;
        min-width: 0 !important;
    }

    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .results-toolbar .results-filter-btn,
    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .visit-toolbar-submit {
        display: inline-flex !important;
        flex: 0 0 54px !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        min-width: 54px !important;
        min-height: 34px !important;
        margin: 0 !important;
        padding: 0 10px !important;
        border: 1px solid var(--insu-mobile-line) !important;
        border-radius: 7px !important;
        background: #fff !important;
        color: var(--insu-mobile-ink) !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        line-height: 1 !important;
        box-shadow: none !important;
        transform: none !important;
    }

    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .results-filter-btn.active {
        border-color: var(--insu-mobile-yellow) !important;
        background: var(--insu-mobile-yellow) !important;
        color: var(--insu-mobile-ink) !important;
    }

    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .results-filter-btn i,
    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .visit-toolbar-submit i {
        margin: 0 4px 0 0 !important;
        color: currentColor !important;
        font-size: 11px !important;
    }

    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .result-count {
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 0 !important;
        min-height: 0 !important;
        margin: 0 0 0 auto !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        color: var(--insu-mobile-muted) !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        line-height: 1.4 !important;
        box-shadow: none !important;
        white-space: nowrap !important;
    }

    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .results-content,
    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .visit-map-workspace {
        width: 100% !important;
        margin: 0 !important;
        padding-top: 14px !important;
        border-top: 1px solid var(--insu-mobile-line) !important;
        background: #fff !important;
    }

    body.insurance-service-minimal.insu-link-app.callcenter-page .insurance-grid > .insurance-card {
        padding-top: 18px !important;
        padding-bottom: 18px !important;
        border-top: 1px solid var(--insu-mobile-line) !important;
        border-bottom: 0 !important;
        background: #fff !important;
        box-shadow: none !important;
    }

    body.insurance-service-minimal.insu-link-app.callcenter-page .insurance-grid > .insurance-card:first-child,
    body.insurance-service-minimal.insu-link-app.callcenter-page .insurance-grid > .insurance-card.is-first-visible {
        border-top: 0 !important;
    }

    body.insurance-service-minimal.insu-link-app.callcenter-page .insurance-card .card-header {
        min-height: 34px !important;
        margin: 0 0 12px !important;
        padding: 0 !important;
        border: 0 !important;
        background: #fff !important;
    }

    body.insurance-service-minimal.insu-link-app.callcenter-page .insurance-card .card-header .company-info {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        min-width: 0 !important;
    }

    body.insurance-service-minimal.insu-link-app.callcenter-page .insurance-card .company-logo {
        width: 66px !important;
        max-width: 66px !important;
        height: 32px !important;
        max-height: 32px !important;
        object-fit: contain !important;
        object-position: left center !important;
    }

    body.insurance-service-minimal.insu-link-app.callcenter-page .insurance-card .company-name {
        font-size: 17px !important;
        font-weight: 650 !important;
        line-height: 1.3 !important;
    }

    body.insurance-service-minimal.insu-link-app.callcenter-page .insurance-card .card-body,
    body.insurance-service-minimal.insu-link-app.callcenter-page .insurance-card .contact-info {
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: #fff !important;
    }

    body.insurance-service-minimal.insu-link-app.callcenter-page .insurance-card .contact-info {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: center !important;
        gap: 7px 10px !important;
    }

    body.insurance-service-minimal.insu-link-app.callcenter-page .insurance-card .info-row {
        grid-column: 1 / -1 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
    }

    body.insurance-service-minimal.insu-link-app.callcenter-page .insurance-card .info-row:first-child {
        grid-column: 1 / 2 !important;
        grid-row: 1 !important;
        min-width: 0 !important;
    }

    body.insurance-service-minimal.insu-link-app.callcenter-page .insurance-card .info-row:last-child {
        grid-column: 2 / 3 !important;
        grid-row: 1 !important;
        justify-self: end !important;
    }

    body.insurance-service-minimal.insu-link-app.callcenter-page .insurance-card .phone-link {
        font-size: 21px !important;
        font-weight: 720 !important;
        line-height: 1.25 !important;
    }

    body.insurance-service-minimal.insu-link-app.callcenter-page .insurance-card .postal-address-btn {
        min-height: 34px !important;
        margin: 0 !important;
        padding: 0 10px !important;
        border: 1px solid var(--insu-mobile-line) !important;
        border-radius: 7px !important;
        background: #fff !important;
        color: var(--insu-mobile-ink) !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        box-shadow: none !important;
        transform: none !important;
    }

    body.insurance-service-minimal.insu-link-app.callcenter-page .insurance-card .info-row:not(:first-child):not(:last-child) {
        color: var(--insu-mobile-muted) !important;
        font-size: 12px !important;
        line-height: 1.45 !important;
    }

    body.insurance-service-minimal.insu-link-app.callcenter-page .insurance-card .info-row:not(:first-child):not(:last-child) i {
        width: 16px !important;
        margin: 0 5px 0 0 !important;
        color: #8a9099 !important;
        text-align: center !important;
    }

    body.insurance-service-minimal.insu-link-app.money-paper-page .section-header,
    body.insurance-service-minimal.insu-link-app.terms-page .section-header,
    body.insurance-service-minimal.insu-link-app.car-card-page .insurance-header,
    body.insurance-service-minimal.insu-link-app.visit-centers-page .visit-map-pane,
    body.insurance-service-minimal.insu-link-app.visit-centers-page .visit-directory-pane {
        border-top-color: var(--insu-mobile-line) !important;
        border-top-width: 1px !important;
    }

    body.insurance-service-minimal.insu-link-app.money-paper-page .results-content > .insurance-section:first-of-type > .section-header,
    body.insurance-service-minimal.insu-link-app.terms-page .results-content > .insurance-section:first-of-type > .section-header,
    body.insurance-service-minimal.insu-link-app.car-card-page .results-content #searchResults > .insurance-group:first-child > .insurance-header {
        border-top: 0 !important;
    }

    body.insurance-service-minimal.insu-link-app.callcenter-page .results-content > .insurance-grid > .insurance-card:first-child,
    body.insurance-service-minimal.insu-link-app.car-card-page .results-content #searchResults > .insurance-group:first-child,
    body.insurance-service-minimal.insu-link-app.money-paper-page .results-content > .insurance-section:first-of-type,
    body.insurance-service-minimal.insu-link-app.terms-page .results-content > .insurance-section:first-of-type {
        border-top: 0 !important;
    }

    body.insurance-service-minimal.insu-link-app.money-paper-page .results-content > .insurance-section:first-of-type > .section-header,
    body.insurance-service-minimal.insu-link-app.terms-page .results-content > .insurance-section:first-of-type > .section-header,
    body.insurance-service-minimal.insu-link-app.car-card-page .results-content #searchResults > .insurance-group:first-child > .insurance-header,
    body.insurance-service-minimal.insu-link-app.visit-centers-page .visit-map-workspace > .visit-map-pane {
        border-top: 0 !important;
    }

    body.insurance-service-minimal.insu-link-app.visit-centers-page .visit-toolbar-controls {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        gap: 8px !important;
    }

    body.insurance-service-minimal.insu-link-app.visit-centers-page .visit-toolbar-controls .visit-inline-select {
        width: 100% !important;
        min-height: 36px !important;
        margin: 0 !important;
        padding: 0 28px 0 10px !important;
        border: 1px solid var(--insu-mobile-line) !important;
        border-radius: 7px !important;
        background-color: #fff !important;
        color: var(--insu-mobile-ink) !important;
        font-size: 12px !important;
        box-shadow: none !important;
    }

    body.insurance-service-minimal.insu-link-app.visit-centers-page .visit-toolbar-submit {
        grid-column: 1 / -1 !important;
        width: auto !important;
        min-width: 74px !important;
        justify-self: end !important;
        border-color: var(--insu-mobile-yellow) !important;
        background: var(--insu-mobile-yellow) !important;
    }

    body.insurance-service-minimal.insu-link-app.visit-centers-page .visit-toolbar-controls .result-count {
        display: none !important;
    }
}

@media (max-width: 374px) {
    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .callcenter-container,
    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .money-paper-container,
    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .terms-container,
    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .visit-centers-container,
    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .car-card-container {
        width: calc(100% - 20px) !important;
    }

    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .insu-dashboard-btn {
        min-width: 60px !important;
        padding-right: 5px !important;
        padding-left: 5px !important;
        font-size: 12px !important;
    }

    body.insurance-service-minimal.insu-link-app.insu-dashboard-page .results-filter-btn {
        min-width: 50px !important;
        padding-right: 9px !important;
        padding-left: 9px !important;
    }
}