/* =====================================================================
   *STYLEGLOBAL: style.css - 페이지별 스타일
   
   목차:
   1. 공통 컴포넌트 (롤링, 배너, CTA, 반응형 br)
   2. 메인 페이지 (index.html)
   3. 회사소개 페이지 (about.html)
   4. 정보공유 페이지 (info_adjustment.html, info_case.html)
   5. 손해사정업무 페이지 (loss_body.html, loss_property.html, loss_auto.html)
   6. 보험금청구지원 공통
   7. 보험금청구지원 - 지원시스템 (claim_support.html)
   8. 보험금청구지원 - 상담센터 (claim_contact.html)
   9. 보험금청구지원 - 누락보험금 확인 (claim_check.html)
   10. 반응형 스타일
===================================================================== */

/* =====================================================================
   1. 공통 컴포넌트
===================================================================== */

/* ----- 컨텐츠 컨테이너 ----- */
.content .container {
    padding: clamp(60px, 8vw, 100px) 20px;
}

/* ----- 롤링 슬라이더 (메인, 정보공유 페이지 공통) ----- */
.c_rolling {
    width: 100%;
    background: var(--gray-100);
}

.c_rolling .container {
    max-width: 100%;
    padding: 100px 0;
}

.c_rolling .r_title {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}

.c_rolling .r_title h2 {
    font-size: var(--fs-40);
    font-weight: 700;
    margin-bottom: 100px;
    line-height: var(--lh-body);
}

.c_rolling .r_inner {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.c_rolling .swiper-wrapper {
    transition-timing-function: linear !important;
}

.c_rolling .r_wrap {
    padding: 20px 0;
}

.c_rolling .r_item {
    width: 270px;
    height: 270px;
    background: var(--white-primary);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 53px 28px 20px;
    border-radius: 20px;
    box-shadow: 2px 4px 8.8px -4px rgba(0, 0, 0, 0.25);
}

.c_rolling .r_item strong {
    font-size: var(--fs-20);
    font-weight: 700;
    text-align: center;
    color: var(--text-primary);
    margin-bottom: 20px;
}

.c_rolling .r_item p {
    font-size: var(--fs-18);
    font-weight: 400;
    color: var(--text-secondary);
    line-height: var(--lh-loose);
    letter-spacing: 0;
    word-break: keep-all;
}

.c_rolling .r_item p mark {
    font-size: var(--fs-18);
    font-weight: 700;
    color: var(--text-primary);
    background-color: var(--orange-light);
}

/* ----- 공통 배너 ----- */
.c_banner {
    position: relative;
    width: 100%;
    height: 680px;
}

.c_banner::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.46);
    z-index: 1;
}

.c_banner .text_wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 100%;
}

/* ----- 공통 CTA 영역 ----- */
.c_cta {
    position: relative;
    width: 100%;
    height: 700px;
    background: url('../images/cta_banner.png') center 65% / cover no-repeat;
}

.c_cta::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.58);
    z-index: 1;
}

.c_cta .cta_inner {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: var(--white-primary);
    z-index: 2;
}

.c_cta h2 {
    font-size: var(--fs-50);
    font-weight: 700;
    margin-bottom: 20px;
    line-height: var(--lh-loose);
    text-align: center;
}

.c_cta p {
    font-size: var(--fs-20);
    font-weight: 500;
    margin-bottom: 48px;
}

.c_cta .bottom {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 124px;
}

.c_cta .item {
    width: 300px;
    height: 122px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(255, 255, 255, 0.48);
    font-size: var(--fs-24);
    font-weight: 500;
    line-height: var(--lh-loose);
    border-radius: 5px;
}

/* ----- 반응형 줄바꿈 유틸리티 ----- */
br.pt_br,
br.t_br,
br.m_br,
br.loss_br {
    display: none;
}

/* =====================================================================
   2. 메인 페이지
   *STYLEPAGE: index.html - 메인
===================================================================== */

/* ----- 히어로 영역 ----- */
.main .hero .hero_text {
    --hero-text-top: 320px;
    position: fixed;
    top: 0;
    z-index: 1;
    margin: 320px 0 0 200px;
}

.main .hero h2 {
    font-size: var(--fs-56);
    font-weight: 700;
    line-height: 1.25;
}

.main .hero .video {
    position: relative;
    height: 810px;
    margin-top: 550px;
}

.main .hero .video video {
    width: 30vw;
    height: 810px;
    object-fit: cover;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

/* ----- 차별화 영역 ----- */
.main .different h2 {
    font-size: var(--fs-40);
    font-weight: 700;
    margin-bottom: 100px;
}

.main .different ul {
    display: flex;
    justify-content: space-between;
}

.main .different span {
    display: block;
    font-size: var(--fs-32);
    font-weight: 700;
}

.main .different strong {
    display: block;
    font-size: var(--fs-32);
    font-weight: 700;
    margin-bottom: 50px;
}

.main .different p {
    font-size: var(--fs-18);
    font-weight: 500;
}

.main .c_rolling .r_title {
    padding-left: 20px;
}

/* ----- 지도 영역 ----- */
.main .map h2 {
    font-size: var(--fs-40);
    font-weight: 700;
    line-height: var(--lh-body);
    margin-bottom: 80px;
}

.main .map .map_wrap {
    width: 100%;
    height: 557px;
    background: var(--gray-100);
}

.main .map .map_inner {
    width: 100%;
    height: 100%;
}

.main .map a {
    width: 100%;
    height: 100%;
}

.main .map img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* =====================================================================
   3. 회사소개 페이지
   *STYLEPAGE: about.html - 회사소개
===================================================================== */

/* ----- 배너 영역 ----- */
.about .about_banner {
    position: relative;
    width: 100%;
    height: 648px;
    overflow: hidden;
    background: url('../images/about_banner.jpg') center 50% / cover no-repeat;
}

.about .about_banner::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.19);
    z-index: 1;
}

.about .about_banner .text_wrap {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: start;
    z-index: 2;
}

.about .about_banner h2 {
    font-size: var(--fs-40);
    font-weight: 700;
    color: var(--white-primary);
}

/* ----- 인트로 메시지 ----- */
.about .intro .container {
    padding: 100px 0 0;
}

.about .intro p {
    font-size: var(--fs-30);
    font-weight: 700;
    text-align: center;
    color: var(--blue-medium);
}

/* ----- 대표 인사말 ----- */
.about .ceo .container {
    display: flex;
    gap: 45px;
    align-items: center;
}

.about .ceo_img {
    flex-shrink: 0;
    width: 530px;
    height: 668px;
    background: var(--gray-200);
    display: flex;
    align-items: center;
    justify-content: center;
}

.about .ceo_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about .ceo .text {
    flex: 1;
}

.about .ceo .desc {
    font-size: var(--fs-16);
    line-height: var(--lh-loose);
    margin-bottom: 40px;
}

.about .ceo .name {
    font-size: var(--fs-24);
    font-weight: 500;
}

/* ----- 소개카드 영역 ----- */
.about .members .list {
    display: flex;
    flex-direction: column;
    gap: 140px;
}

.about .members .item {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.about .members .photo {
    width: 460px;
}

.about .members .photo_inner {
    height: 300px;
    background: #e0e0e0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    position: relative;
    transform: translate(30px, 20px);
    z-index: 1;
}

.about .members .photo_inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about .members .info {
    width: 480px;
}

.about .members .info_inner {
    height: 300px;
    background: #163b6d;
    position: relative;
    transform: translate(-30px, -20px);
    z-index: 2;
    padding: 25px 30px;
}

.about .members .info_inner p {
    color: var(--white-primary);
}

.about .members .info_inner p.title {
    font-size: var(--fs-20);
    font-weight: 700;
    margin-bottom: 38px;
}

.about .members .info_inner p.sub_title {
    font-size: var(--fs-20);
    font-weight: 700;
    margin-bottom: 8px;
}

.about .members .info_inner p.history {
    font-size: var(--fs-16);
    font-weight: 500;
    line-height: 1.8;
}

/* ----- 핵심 가치 ----- */
.about .value .container {
    padding: 120px 0 100px;
}

.about .value .title {
    font-size: var(--fs-30);
    font-weight: 700;
    margin-bottom: 100px;
}

.about .v_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 100px 40px;
}

.about .v_item {
    width: 40%;
    border-radius: 15px;
}

.about .v_item h3 {
    font-size: var(--fs-20);
    font-weight: 700;
    margin-bottom: 20px;
}

.about .v_item p {
    font-size: var(--fs-16);
    font-weight: 500;
}

/* ----- 슬로건 ----- */
.about .slogan .container {
    padding: 150px 0 200px;
}

.about .slogan p {
    font-size: var(--fs-40);
    font-weight: 700;
    text-align: center;
}

/* =====================================================================
   4. 정보공유 페이지
   *STYLEPAGE: info_adjustment.html - 손해사정사례
   *STYLEPAGE: info_case.html - 누락된보험금찾기
===================================================================== */

.c_info .ia_banner {
    width: 100%;
    aspect-ratio: 1920 / 680;
    overflow: hidden;
    background: url('../images/info_banner.png') center 50% / cover no-repeat;
}

.c_info .ia_banner .text_wrap {
    width: 100%;
    max-width: 1200px;
    text-align: center;
    top: 55%;
}

.c_info .ia_banner h2 {
    font-size: var(--fs-40);
    font-weight: 700;
    color: var(--white-primary);
    line-height: var(--lh-loose);
}

.c_info .ia_banner p {
    font-size: var(--fs-30);
    color: var(--white-primary);
}

.c_info .case .container {
    max-width: 800px;
    padding: 180px 0;
}

.c_info .case_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 84px;
}

.c_info .case a {
    font-size: var(--fs-20);
    font-weight: 500;
    flex: 1;
    text-align: center;
    background: var(--white-primary);
    border: 2px solid var(--blue-dark);
    color: var(--blue-dark);
    padding: 24px 0;
    border-radius: 10px;
}

.c_info .case a.on {
    background: var(--blue-dark);
    border: 2px solid var(--blue-dark);
    color: var(--white-primary);
}

.c_info .c_rolling .r_title {
    text-align: center;
}

.c_info .c_rolling h2 {
    font-size: var(--fs-32);
}

.c_info .slogan p {
    font-size: var(--fs-40);
    font-weight: 700;
    text-align: center;
}

/* =====================================================================
   5. 손해사정업무 페이지
   *STYLEPAGE: loss_body.html - 신체손해사정
   *STYLEPAGE: loss_property.html - 재물손해사정
   *STYLEPAGE: loss_auto.html - 자동차손해사정
===================================================================== */

.c_loss .loss_banner {
    position: relative;
}

.c_loss .loss_banner::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1;
}

.c_loss .loss_banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.c_loss .loss_banner .text_wrap {
    position: absolute;
    z-index: 2;
    width: 1040px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.c_loss .loss_banner h2 {
    font-size: var(--fs-40);
    font-weight: 800;
    color: var(--white-primary);
    text-align: center;
    margin-bottom: 54px;
}

.c_loss .loss_banner .process {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    padding: 12px 32px;
    border-radius: 40px;
    border: 3px solid var(--white-primary);
}

.c_loss .loss_banner .process p {
    font-size: var(--fs-28);
    font-weight: 800;
    color: var(--white-primary);
}

.c_loss .loss_banner .process img {
    width: 17px;
    height: auto;
}

.c_loss .loss_content .type {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 62px;
    margin-bottom: 33px;
}

.c_loss .loss_content .type a {
    flex: 1;
    text-align: center;
    font-size: var(--fs-18);
    font-weight: 500;
    background: var(--white-primary);
    border: 2px solid var(--blue-dark);
    color: var(--blue-dark);
    padding: 20px 0;
    border-radius: 10px;
}

.c_loss .loss_content .type a.on {
    background: var(--blue-dark);
    border: 2px solid var(--blue-dark);
    color: var(--white-primary);
}

.c_loss .loss_content .loss_list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-bottom: 56px;
}

.c_loss .loss_content .item {
    width: calc(33.33% - 10px);
    height: 512px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
}

.c_loss .loss_content .title {
    font-size: var(--fs-18);
    font-weight: 800;
    color: var(--blue-primary);
    background: var(--gray-100);
    padding: 15px 0 15px 62px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    position: relative;
}

.c_loss .loss_content .title::before {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    background: var(--blue-primary);
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    left: 28px;
}

.c_loss .loss_content .desc {
    font-size: var(--fs-16);
    font-weight: 500;
    margin-bottom: 30px;
    word-break: keep-all;
}

.c_loss .loss_content .inner {
    padding: 15px 32px;
}

.c_loss .loss_content .d_title {
    font-size: var(--fs-16);
    font-weight: 500;
    color: var(--blue-primary);
    margin-bottom: 10px;
}

.c_loss .loss_content .d_text {
    font-size: var(--fs-16);
    font-weight: 500;
    word-break: keep-all;
}

.c_loss .loss_content .d_list {
    margin-bottom: 33px;
}

.c_loss .loss_content .d_list li {
    display: flex;
    margin-bottom: 6px;
    font-size: var(--fs-16);
    font-weight: 500;
}

.c_loss .loss_content .d_list strong {
    flex-shrink: 0;
    margin-right: 5px;
    font-size: var(--fs-16);
    font-weight: 500;
}

.c_loss .loss_content .d_list p {
    font-size: var(--fs-16);
    font-weight: 500;
    word-break: keep-all;
}

.c_loss .loss_content .etc h3 {
    font-size: var(--fs-18);
    font-weight: 800;
    color: var(--blue-primary);
    margin-bottom: 22px;
}

.c_loss .loss_content .etc p {
    font-size: var(--fs-16);
    font-weight: 500;
    margin-bottom: 6px;
}

/* 자동차손해사정 - PC에서 1행에 2개 */
.loss_auto .loss_content .item {
    width: calc(50% - 7.5px);
    height: 625px;
}

/* =====================================================================
   6. 보험금청구지원 공통
===================================================================== */

.c_claim_banner {
    background: var(--blue-dark);
    margin-bottom: 100px;
}

.c_claim_banner .container {
    padding: 110px 0 0;
}

.c_claim_banner .ccb_wrap {
    display: flex;
    justify-content: center;
}

.c_claim_banner .image_box {
    width: 670px;
    height: 512px;
    flex-shrink: 0;
    position: relative;
    z-index: 2;
    margin-bottom: 70px;
}

.c_claim_banner .image_box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.c_claim_banner .cc_inner {
    width: 618px;
    height: 540px;
    background: var(--white-primary);
    flex-shrink: 0;
    margin-top: 50px;
    margin-left: -88px;
    position: relative;
    z-index: 1;
    padding: 146px 0 50px 148px;
}

.c_claim_banner .cc_inner h2 {
    font-size: var(--fs-30);
    font-weight: 700;
    margin-bottom: 68px;
}

.c_claim_banner .cc_inner button {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
    height: 72px;
    padding: 0 40px;
    border: 2px solid var(--orange-primary);
    border-radius: 130px;
    font-size: var(--fs-20);
    font-weight: 500;
    color: var(--orange-primary);
}

.c_claim_banner .cc_inner img {
    width: 24px;
    height: auto;
}

/* ----- 스텝 영역 ----- */
.c_claim_step h2 {
    display: block;
    margin-bottom: 220px;
    font-size: var(--fs-36);
    word-break: keep-all;
}

.c_claim_step .items {
    display: flex;
    justify-content: center;
    width: 100%;
}

.c_claim_step .item {
    width: 388px;
    margin: 0 -50px;
}

.c_claim_step .item_inner {
    height: 214px;
    background: var(--blue-soft);
    padding: 48px 0 0 44px;
    color: var(--white-primary);
}

.c_claim_step .item:nth-child(2) .item_inner {
    margin-top: -53px;
    background: var(--blue-light);
}

.c_claim_step .item:nth-child(3) .item_inner {
    margin-top: -106px;
    background: var(--blue-primary);
}

.c_claim_step .item_inner .num {
    font-size: var(--fs-16);
    font-weight: 700;
    display: block;
    margin-bottom: 20px;
}

.c_claim_step .item_inner p {
    font-size: var(--fs-20);
    font-weight: 700;
    line-height: var(--lh-tight);
}

/* =====================================================================
   7. 보험금청구지원 - 지원시스템
   *STYLEPAGE: claim_support.html
===================================================================== */

.claim_support .insurance_logos h2 {
    font-size: var(--fs-30);
    font-weight: 700;
    margin-bottom: 60px;
}

.claim_support .insurance_logos ul {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.claim_support .insurance_logos li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 196px;
    height: 90px;
    border: 1px solid var(--gray-200);
}

.claim_support .insurance_logos img {
    width: auto;
    height: 40px;
}

.claim_support .insurance_logos img.cs_lg_logo {
    height: 32px;
}

.claim_support .insurance_logos img.cs_md_logo {
    height: 30px;
}

.claim_support .slogan {
    margin-bottom: 100px;
}

.claim_support .slogan p {
    font-size: var(--fs-30);
    font-weight: 700;
    text-align: center;
}

/* =====================================================================
   8. 보험금청구지원 - 상담센터
   *STYLEPAGE: claim_contact.html
===================================================================== */

.claim_contact .c_claim_banner .cc_inner h2 {
    font-size: var(--fs-20);
    font-weight: 500;
}

.claim_contact .c_claim_banner .cc_inner h2 strong {
    font-size: var(--fs-20);
    font-weight: 700;
}

.claim_contact .c_claim_banner .cc_inner img {
    transform: rotate(90deg);
}

.claim_contact .support .support_intro {
    margin-bottom: 120px;
}

.claim_contact .support .support_intro p {
    font-size: var(--fs-36);
    font-weight: 700;
    margin-bottom: 200px;
}

.claim_contact .support .support_group {
    margin-bottom: 160px;
}

.claim_contact .support .group_title {
    font-size: var(--fs-40);
    font-weight: 700;
    margin-bottom: 50px;
}

.claim_contact .support .support_list {
    display: flex;
    flex-wrap: wrap;
    gap: 90px 158px;
}

.claim_contact .support .support_item {
    position: relative;
    flex: 0 0 calc((100% - 158px) / 2);
}

.claim_contact .support .support_item h3 {
    padding-top: 40px;
    margin-bottom: 14px;
    font-size: var(--fs-28);
    font-weight: 700;
    margin-left: 12px;
    line-height: var(--lh-body);
}

.claim_contact .support .support_item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #ff7a00;
}

.claim_contact .support .support_item p {
    font-size: var(--fs-18);
    font-weight: 500;
    margin-left: 12px;
}

/* =====================================================================
   9. 보험금청구지원 - 누락보험금 확인
   *STYLEPAGE: claim_check.html
===================================================================== */

.claim_check .cck_banner {
    background: #004080;
    color: var(--white-primary);
    padding: 260px 0 100px;
    height: 757px;
    position: relative;
    overflow: visible;
    margin-bottom: 100px;
}

.claim_check .cck_banner .cck_wrap {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px 0 40px;
    position: relative;
}

.claim_check .cck_banner .text {
    position: relative;
    padding: 0;
    z-index: 2;
}

.claim_check .cck_banner .text p {
    font-size: var(--fs-30);
    font-weight: 700;
    padding-top: 10px;
}

.claim_check .cck_banner .img_box {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-16%);
    width: clamp(480px, 60vw, 800px);
    height: auto;
    aspect-ratio: 2 / 1;
    overflow: hidden;
    background: url('../images/ck_banner.png') center / cover no-repeat;
}

.claim_check .intro .intro_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.claim_check .intro h2 {
    font-size: var(--fs-30);
    font-weight: 700;
}

.claim_check .intro p {
    font-size: var(--fs-16);
    font-weight: 500;
}

.claim_check .ck_step .item_inner {
    padding: 38px 0 0 60px;
}

.claim_check .item .num {
    margin-bottom: 15px;
}

.claim_check .ck_step p.title {
    margin-bottom: 24px;
}

.claim_check .ck_step p.tag {
    font-size: var(--fs-16);
    font-weight: 700;
}

.claim_check .explain h2 {
    font-size: var(--fs-30);
    font-weight: 700;
    color: var(--blue-soft);
    margin-bottom: 20px;
}

.claim_check .explain p {
    font-size: var(--fs-20);
    font-weight: 500;
    margin-bottom: 65px;
}

.claim_check .explain .images {
    display: flex;
    justify-content: space-between;
}

.claim_check .explain .images img {
    width: 49%;
    height: auto;
    object-fit: cover;
}

.claim_check .how .container {
    padding: 0 20px;
}

.claim_check .essential {
    margin-bottom: 100px;
}

/* =====================================================================
   10. 반응형 스타일
===================================================================== */

/* *STYLEMEDIA: 태블릿 (max-width: 1200px) */
@media (max-width: 1200px) {
    br.loss_br,
    br.pt_br {
        display: block;
    }

    /* ----- 공통 컨테이너 ----- */
    .container,
    .c_loss .loss_content .container,
    .c_loss .text_wrap {
        width: auto;
        max-width: 1040px;
        padding: 70px 40px;
    }

    /* ----- 정보공유 ----- */
    .c_info .c_results .case {
        gap: 30px;
        flex-wrap: wrap;
    }

    /* ----- 손해사정업무 ----- */
    .c_loss .loss_banner {
        height: 480px;
        text-align: center;
    }

    .c_loss .loss_banner .text_wrap {
        height: 480px;
        text-align: center;
        padding: 0;
        width: 100%;
        max-width: 700px;
    }

    .c_loss .loss_content .item {
        width: calc(50% - 7.5px);
        min-width: 280px;
        height: 450px;
    }

    .loss_auto .loss_content .item {
        width: 100%;
        height: 500px;
    }

    .c_loss .loss_banner h2 {
        font-size: var(--fs-30);
    }

    .c_loss .loss_banner .process {
        width: 100%;
        padding: 12px 10px;
        gap: 30px;
    }

    .c_loss .loss_banner .process img {
        width: 14px;
    }

    .c_loss .loss_banner .process p {
        font-size: var(--fs-24);
    }

    /* ----- 롤링 슬라이더 ----- */
    .c_rolling .r_title {
        padding: 0 20px;
    }

    .c_rolling .r_title h2 {
        font-size: var(--fs-32);
        margin-bottom: 60px;
    }

    .c_rolling .r_item {
        width: 230px;
        height: 230px;
        padding: 40px 22px 20px;
    }

    .c_rolling .r_item strong {
        font-size: var(--fs-18);
        margin-bottom: 15px;
    }

    .c_rolling .r_item p,
    .c_rolling .r_item p mark {
        font-size: var(--fs-16);
    }

    /* ----- CTA 영역 ----- */
    .c_cta {
        height: 550px;
    }

    .c_cta h2 {
        font-size: var(--fs-36);
    }

    .c_cta p {
        font-size: var(--fs-18);
        padding: 0 20px;
        text-align: center;
    }

    .c_cta .bottom {
        gap: 60px;
    }

    .c_cta .item {
        width: 240px;
        height: 100px;
        font-size: var(--fs-20);
    }

    /* ----- 메인 페이지 ----- */
    .main .hero .hero_text {
        --hero-text-top: 340px;
        margin: 340px 0 0 80px;
    }

    .main .hero h2 {
        font-size: var(--fs-32);
    }

    .main .hero .video video {
        width: 45vw;
    }

    .main .different h2 {
        font-size: var(--fs-32);
        margin-bottom: 60px;
    }

    .main .different ul {
        flex-wrap: wrap;
        gap: 40px;
    }

    .main .different li {
        width: calc(50% - 20px);
    }

    .main .different span,
    .main .different strong {
        font-size: var(--fs-24);
    }

    .main .different strong {
        margin-bottom: 34px;
    }

    .main .different p {
        font-size: var(--fs-16);
    }

    .main .c_rolling .r_title {
        width: auto;
        max-width: 1040px;
        margin: 0 auto;
    }

    .c_rolling .container {
        padding: 70px 0;
    }

    .main .map h2 {
        font-size: var(--fs-24);
    }

    .main .map .map_wrap {
        height: 400px;
    }

    /* ----- 회사소개 ----- */
    .about .about_banner {
        height: 450px;
    }

    .about .about_banner .text_wrap {
        padding: 0 40px;
    }

    .about .about_banner h2 {
        font-size: var(--fs-32);
    }

    .about .intro .container {
        padding: 70px 20px 0;
    }

    .about .intro p {
        font-size: var(--fs-28);
    }

    .about .ceo .container {
        gap: 30px;
        padding: 70px 40px;
        align-items: flex-start;
    }

    .about .ceo_img {
        width: 50%;
        height: auto;
        flex-shrink: 1;
    }

    .about .ceo .desc {
        font-size: var(--fs-14);
        word-break: keep-all;
    }

    .about .ceo .desc br.ceo_br {
        display: none;
    }

    .about .ceo .name {
        font-size: var(--fs-20);
    }

    .about .members .container {
        padding: 70px 40px;
    }

    .about .members .list {
        gap: 100px;
    }

    .about .members .photo {
        width: 380px;
    }

    .about .members .photo_inner {
        height: 250px;
    }

    .about .members .info {
        width: 400px;
    }

    .about .members .info_inner {
        height: 250px;
        padding: 20px 25px;
    }

    .about .members .info_inner p.title,
    .about .members .info_inner p.sub_title {
        font-size: var(--fs-18);
    }

    .about .members .info_inner p.history {
        font-size: var(--fs-14);
    }

    .about .value .container {
        padding: 90px 40px 70px;
    }

    .about .value .title {
        font-size: var(--fs-28);
        margin-bottom: 60px;
    }

    .about .v_list {
        gap: 60px 30px;
    }

    .about .v_item {
        width: calc(50% - 15px);
    }

    .about .v_item h3 {
        font-size: var(--fs-18);
        margin-bottom: 15px;
    }

    .about .v_item p {
        font-size: var(--fs-14);
    }

    .about .v_item p .v_br {
        display: none;
    }

    .about .slogan .container {
        padding: 100px 20px 130px;
    }

    .about .slogan p {
        font-size: var(--fs-32);
    }

    /* ----- 정보공유 ----- */
    .c_info .ia_banner {
        height: 500px;
    }

    .c_info .ia_banner h2 {
        font-size: var(--fs-32);
        line-height: var(--lh-body);
        margin-bottom: 20px;
    }

    .c_info .ia_banner p {
        font-size: var(--fs-28);
        line-height: var(--lh-body);
    }

    .c_info .case .container {
        max-width: 700px;
        padding: 120px 20px;
    }

    .c_info .case_wrap {
        gap: 40px;
    }

    .c_info .case a {
        font-size: var(--fs-18);
        padding: 20px 0;
    }

    .c_info .slogan p {
        font-size: var(--fs-32);
    }

    /* ----- 보험금청구지원 공통 ----- */
    .c_claim_banner .image_box {
        width: 50%;
        height: auto;
        aspect-ratio: 670 / 512;
    }

    .c_claim_banner .cc_inner {
        width: 50%;
        height: auto;
        min-height: 380px;
        margin-left: -60px;
        padding: 80px 28px 40px 80px;
    }

    .c_claim_banner .cc_inner h2 {
        font-size: var(--fs-24);
        margin-bottom: 40px;
    }

    .c_claim_banner .cc_inner button {
        font-size: var(--fs-18);
        height: 60px;
        padding: 0 30px;
        gap: 18px;
    }

    .c_claim_banner .cc_inner img {
        width: 20px;
    }

    .c_claim_step h2 {
        font-size: var(--fs-28);
        margin-bottom: 150px;
    }

    .c_claim_step .item {
        width: 280px;
        margin: 0 -20px;
    }

    .c_claim_step .item_inner {
        height: 180px;
        padding: 35px 0 0 25px;
    }

    .c_claim_step .item:nth-child(2) .item_inner {
        margin-top: -40px;
    }

    .c_claim_step .item:nth-child(3) .item_inner {
        margin-top: -80px;
    }

    .c_claim_step .item_inner .num {
        font-size: var(--fs-14);
        margin-bottom: 15px;
    }

    .c_claim_step .item_inner p {
        font-size: var(--fs-18);
    }

    /* ----- 지원시스템 ----- */
    .claim_support .insurance_logos h2 {
        font-size: var(--fs-28);
    }

    .claim_support .insurance_logos ul {
        gap: 15px;
    }

    .claim_support .insurance_logos li {
        max-width: 171px;
        width: 23%;
        height: 85px;
    }

    .claim_support .insurance_logos img {
        height: 30px;
    }

    .claim_support .insurance_logos img.cs_lg_logo {
        height: 22px;
    }

    .claim_support .insurance_logos img.cs_md_logo {
        height: 20px;
    }

    .claim_support .slogan {
        margin-bottom: 60px;
    }

    .claim_support .slogan p {
        font-size: var(--fs-24);
    }

    /* ----- 상담센터 ----- */
    .claim_contact .c_claim_banner .cc_inner h2,
    .claim_contact .c_claim_banner .cc_inner h2 strong {
        font-size: var(--fs-20);
    }

    .claim_contact .c_claim_banner .cc_inner {
        padding: 80px 28px 40px 66px;
    }

    .claim_contact .c_claim_banner .image_box img {
        width: 95%;
    }

    .claim_contact .support .container {
        padding: 70px 20px;
    }

    .claim_contact .support .support_intro {
        margin-bottom: 80px;
    }

    .claim_contact .support .support_intro p {
        font-size: var(--fs-32);
        margin-bottom: 120px;
    }

    .claim_contact .support .support_group {
        margin-bottom: 100px;
    }

    .claim_contact .support .group_title {
        font-size: var(--fs-28);
        margin-bottom: 30px;
    }

    .claim_contact .support .support_list {
        gap: 60px 80px;
    }

    .claim_contact .support .support_item {
        flex: 0 0 calc((100% - 80px) / 2);
    }

    .claim_contact .support .support_item h3 {
        font-size: var(--fs-22);
        padding-top: 30px;
    }

    .claim_contact .support .support_item p {
        font-size: var(--fs-16);
        word-break: keep-all;
    }

    /* ----- 누락보험금 확인 ----- */
    .claim_check .cck_banner {
        height: auto;
        min-height: 500px;
    }

    .claim_check .cck_banner .cck_wrap {
        display: flex;
        flex-direction: column;
        padding: 0;
    }

    .claim_check .cck_banner .text {
        padding-left: 40px;
    }

    .claim_check .cck_banner .text p {
        font-size: var(--fs-28);
        margin-top: 0;
    }

    .claim_check .cck_banner .img_box {
        position: static;
        overflow: hidden;
        left: 0;
        width: 100%;
        max-width: 640px;
        margin: 0;
        transform: translate(0, -45px);
        aspect-ratio: 16 / 9;
        align-self: flex-end;
    }

    .claim_check .intro .intro_wrap {
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
    }

    .claim_check .ck_step h2 {
        margin-bottom: 200px;
    }

    .claim_check .ck_step .item_inner {
        height: 220px;
        padding: 30px 0 0 45px;
    }

    .claim_check .ck_step p.title {
        font-size: var(--fs-18);
    }

    .claim_check .ck_step p.tag {
        font-size: var(--fs-14);
    }

    .claim_check .explain h2 {
        font-size: var(--fs-28);
    }

    .claim_check .explain p {
        font-size: var(--fs-16);
        margin-bottom: 40px;
    }

    .claim_check .how .container {
        padding: 0 40px;
    }
}

/* *STYLEMEDIA: 모바일 (max-width: 768px) */
@media (max-width: 768px) {
    br.t_br {
        display: block;
    }

    br.loss_br {
        display: none;
    }

    /* ----- 공통 컨테이너 ----- */
    .container,
    .c_loss .loss_content .container,
    .c_loss .text_wrap {
        padding: 70px 15px;
    }

    .main .map .container {
        width: auto;
        max-width: 100%;
        padding: 70px 15px;
    }

    .main .map .map_wrap {
        height: 300px;
    }

    .main .c_rolling .r_title {
        padding-left: 15px;
    }

    /* ----- 정보공유 ----- */
    .c_info .c_results .case {
        gap: 10px;
    }

    .c_info .c_results .case a {
        font-size: var(--fs-16);
    }

    .c_info .c_results .slogan {
        width: 100%;
        font-size: var(--fs-16);
        padding: 12px 0;
    }

    .c_info .c_results .container {
        padding: 50px 15px;
    }

    .c_info .c_results_title {
        font-size: var(--fs-32);
        margin-bottom: 50px;
    }

    /* ----- 손해사정업무 ----- */
    .c_loss .loss_banner h2 {
        font-size: var(--fs-28);
    }

    .c_loss .loss_banner .process {
        flex-direction: column;
        padding: 0 20px;
        gap: 8px;
        border: 0;
    }

    .c_loss .loss_banner .process p {
        font-size: var(--fs-16);
        border: 2px solid var(--white-primary);
        width: 280px;
        border-radius: 50px;
        padding: 5px;
    }

    .c_loss .loss_banner .process img {
        width: 8px;
        transform: rotate(90deg);
    }

    .c_loss .loss_content .type {
        gap: 15px;
    }

    .c_loss .loss_content .type a {
        font-size: var(--fs-14);
        padding: 15px 0;
    }

    .c_loss .loss_content .loss_list {
        flex-direction: column;
        align-items: center;
    }

    .c_loss .loss_content .item {
        width: 100%;
        min-width: auto;
        height: auto;
        min-height: 400px;
    }

    .loss_auto .loss_content .item {
        width: 100%;
        min-width: auto;
        height: auto;
        min-height: 450px;
    }

    .c_loss .loss_content .inner {
        padding: 15px 20px;
    }

    /* ----- 롤링 슬라이더 ----- */
    .c_rolling .r_title {
        padding: 0 15px;
    }

    .c_rolling .r_title h2 {
        font-size: var(--fs-28);
        margin-bottom: 40px;
    }

    .c_rolling .r_item {
        width: 200px;
        height: 200px;
        padding: 30px 18px 15px;
    }

    .c_rolling .r_item strong {
        font-size: var(--fs-16);
        margin-bottom: 12px;
    }

    .c_rolling .r_item p,
    .c_rolling .r_item p mark {
        font-size: var(--fs-14);
    }

    /* ----- 공통 배너 ----- */
    .c_banner {
        height: 400px;
    }

    .c_banner .text_wrap {
        padding: 0 15px;
    }

    /* ----- CTA 영역 ----- */
    .c_cta {
        height: 320px;
    }

    .c_cta h2 {
        font-size: var(--fs-24);
        text-align: center;
    }

    .c_cta p {
        font-size: var(--fs-14);
        margin-bottom: 30px;
    }

    .c_cta .bottom {
        gap: 20px;
    }

    .c_cta .item {
        width: 180px;
        height: 80px;
        font-size: var(--fs-16);
    }

    /* ----- 메인 페이지 ----- */
    .main .hero .hero_text {
        --hero-text-top: 348px;
        margin: 348px 0 0 40px;
    }

    .main .hero h2 {
        font-size: var(--fs-30);
    }

    .main .hero .video video {
        width: 60vw;
    }

    .main .different .container {
        padding: 70px 15px;
    }

    .main .different h2 {
        font-size: var(--fs-32);
        margin-bottom: 40px;
    }

    .main .different ul {
        gap: 70px 40px;
    }

    .main .different span,
    .main .different strong {
        font-size: var(--fs-20);
    }

    .main .different strong {
        margin-bottom: 15px;
    }

    .main .different p {
        font-size: var(--fs-14);
        word-break: keep-all;
    }

    .main .map h2 {
        font-size: var(--fs-24);
    }

    /* ----- 회사소개 ----- */
    .about .about_banner h2 {
        font-size: var(--fs-30);
    }

    .about .intro .container {
        padding: 70px 15px 0;
    }

    .about .intro p {
        font-size: var(--fs-26);
    }

    .about .ceo .container {
        padding: 70px 15px;
        gap: 25px;
        flex-direction: column;
    }

    .about .ceo_img {
        width: 100%;
        max-width: 100%;
        height: 480px;
        object-fit: cover;
    }

    .about .ceo .name {
        font-size: var(--fs-18);
    }

    .about .members .container {
        padding: 70px 0;
    }

    .about .members .list {
        gap: 80px;
    }

    .about .members .item {
        flex-direction: column;
        align-items: center;
    }

    .about .members .photo_inner {
        height: 300px;
    }

    .about .members .info_inner {
        height: auto;
        min-height: 280px;
        transform: translate(-18px, -30px);
        padding: 25px 30px;
    }

    .about .value .container {
        padding: 70px 15px;
    }

    .about .value .title {
        margin-bottom: 40px;
    }

    .about .v_list {
        flex-direction: column;
        gap: 40px;
    }

    .about .v_item {
        width: 100%;
    }

    .about .v_item h3 {
        margin-bottom: 15px;
    }

    .about .v_item p {
        font-size: var(--fs-14);
    }

    .about .slogan .container {
        padding: 70px 15px 100px;
    }

    .about .slogan p {
        font-size: var(--fs-22);
    }

    /* ----- 정보공유 ----- */
    .c_info .ia_banner {
        aspect-ratio: auto;
        height: 300px;
    }

    .c_info .ia_banner h2 {
        font-size: var(--fs-28);
    }

    .c_info .ia_banner p {
        font-size: var(--fs-24);
    }

    .c_info .case .container {
        padding: 60px 15px;
    }

    .c_info .case_wrap {
        gap: 20px;
    }

    .c_info .case a {
        font-size: var(--fs-14);
        padding: 15px 0;
    }

    .c_info .c_rolling h2 {
        font-size: var(--fs-28);
        margin-bottom: 40px;
    }

    .c_info .slogan p {
        font-size: var(--fs-22);
    }

    /* ----- 보험금청구지원 공통 ----- */
    .c_claim_banner {
        margin-bottom: 70px;
    }

    .c_claim_banner .ccb_wrap {
        flex-direction: column;
        align-items: center;
    }

    .c_claim_banner .image_box {
        width: 94%;
        margin-bottom: 0;
        align-self: flex-end;
    }

    .c_claim_banner .cc_inner {
        width: 94%;
        min-height: auto;
        margin-top: -50px;
        margin-left: 0;
        padding: 120px 25px 80px;
        align-self: flex-start;
    }

    .c_claim_banner .cc_inner button {
        font-size: var(--fs-14);
        height: 50px;
        padding: 0 25px;
        gap: 15px;
    }

    .c_claim_banner .cc_inner h2 {
        margin-bottom: 30px;
    }

    .c_claim_banner .cc_inner img {
        width: 18px;
    }

    .c_claim_step h2 {
        margin-bottom: 80px;
        word-break: keep-all;
    }

    .c_claim_step .items {
        flex-direction: column;
        align-items: center;
    }

    .c_claim_step .item {
        max-width: 300px;
        width: 100%;
        margin: 0;
    }

    .c_claim_step .item:nth-child(3) .item_inner {
        margin-top: -40px;
    }

    .c_claim_step .item_inner {
        height: auto;
        min-height: 150px;
        padding: 25px 0 25px 30px;
    }

    .c_claim_step .item:first-child {
        align-self: flex-start;
    }

    .c_claim_step .item:nth-child(2) {
        align-self: center;
    }

    .c_claim_step .item:nth-child(3) {
        align-self: flex-end;
    }

    .c_claim_step .item_inner .num {
        font-size: var(--fs-12);
    }

    .c_claim_step .item_inner p {
        font-size: var(--fs-16);
    }

    /* ----- 지원시스템 ----- */
    .claim_support .c_claim_step .item {
        min-height: 160px;
    }

    .claim_support .c_claim_step .item:nth-child(2) .item_inner {
        margin-top: -40px;
    }

    .claim_support .c_claim_step .item:nth-child(3) .item_inner {
        margin-top: -80px;
    }

    .claim_support .insurance_logos ul {
        gap: 10px;
        justify-content: flex-start;
    }

    .claim_support .insurance_logos li {
        width: calc(25% - 8px);
        min-width: 70px;
        height: 55px;
    }

    .claim_support .insurance_logos img {
        height: 24px;
    }

    .claim_support .insurance_logos img.cs_lg_logo {
        height: 18px;
    }

    .claim_support .insurance_logos img.cs_md_logo {
        height: 17px;
    }

    .claim_support .slogan {
        margin-bottom: 40px;
    }

    .claim_support .slogan p {
        font-size: var(--fs-22);
    }

    /* ----- 상담센터 ----- */
    .claim_contact .c_claim_banner .cc_inner {
        padding: 120px 25px 80px;
    }

    .claim_contact .c_claim_banner .cc_inner h2,
    .claim_contact .c_claim_banner .cc_inner h2 strong {
        font-size: var(--fs-24);
    }

    .claim_contact .c_claim_banner .image_box img {
        width: 100%;
    }

    .claim_contact .support .support_intro {
        margin-bottom: 50px;
    }

    .claim_contact .support .support_intro p {
        font-size: var(--fs-28);
    }

    .claim_contact .support .support_group {
        margin-bottom: 60px;
    }

    .claim_contact .support .group_title {
        font-size: var(--fs-24);
        margin-bottom: 30px;
    }

    .claim_contact .support .support_list {
        flex-direction: column;
    }

    .claim_contact .support .support_item {
        flex: 0 0 100%;
    }

    .claim_contact .support .support_item h3 {
        font-size: var(--fs-20);
        padding-top: 25px;
        margin-bottom: 10px;
    }

    .claim_contact .support .support_item p {
        font-size: var(--fs-14);
    }

    /* ----- 누락보험금 확인 ----- */
    .claim_check .cck_banner {
        min-height: auto;
        padding: 120px 0 60px;
    }

    .claim_check .cck_banner .text {
        padding-left: 20px;
    }

    .claim_check .cck_banner .text p {
        font-size: var(--fs-24);
    }

    .claim_check .cck_banner .img_box {
        max-width: 80%;
    }

    .claim_check .intro p br {
        display: none;
        word-break: keep-all;
    }

    .claim_check .ck_step h2 {
        margin-bottom: 100px;
    }

    .claim_check .ck_step .item_inner {
        padding: 25px 0 25px 30px;
        height: 180px;
    }

    .claim_check .ck_step p.title {
        font-size: var(--fs-16);
        margin-bottom: 15px;
    }

    .claim_check .ck_step p.tag {
        font-size: var(--fs-12);
    }

    .claim_check .explain p {
        font-size: var(--fs-14);
        margin-bottom: 30px;
        word-break: keep-all;
    }

    .claim_check .explain .images {
        flex-direction: column;
        gap: 15px;
    }

    .claim_check .explain .images img {
        width: 100%;
    }

    .claim_check .how .container {
        padding: 0 15px;
    }

    .claim_check .essential {
        margin-bottom: 60px;
    }
}

/* *STYLEMEDIA: 작은 모바일 (max-width: 480px) */
@media (max-width: 480px) {
    br.m_br {
        display: block;
    }

    .container,
    .c_loss .loss_content .container,
    .c_loss .text_wrap {
        padding: 70px 15px;
    }

    /* ----- 손해사정업무 ----- */
    .c_loss .loss_banner h2 {
        font-size: var(--fs-22);
    }

    .c_loss .loss_content .title {
        font-size: var(--fs-16);
        padding: 12px 0 12px 50px;
    }

    .c_loss .loss_content .title::before {
        width: 10px;
        height: 10px;
        left: 20px;
    }

    .c_loss .loss_content .desc,
    .c_loss .loss_content .d_text,
    .c_loss .loss_content .d_list li,
    .c_loss .loss_content .d_list strong,
    .c_loss .loss_content .d_list p {
        font-size: var(--fs-14);
    }

    .c_loss .loss_content .inner {
        padding: 12px 15px;
    }

    .c_loss .loss_content .type {
        gap: 10px;
    }

    /* ----- 롤링 슬라이더 ----- */
    .c_rolling .r_title h2 {
        font-size: var(--fs-24);
        margin-bottom: 30px;
    }

    .c_rolling .r_item {
        width: 180px;
        height: 180px;
        padding: 25px 15px 15px;
    }

    .c_rolling .r_item strong {
        font-size: var(--fs-14);
        margin-bottom: 10px;
    }

    .c_rolling .r_item p,
    .c_rolling .r_item p mark {
        font-size: var(--fs-12);
    }

    /* ----- 공통 배너 ----- */
    .c_banner {
        height: 300px;
    }

    .c_banner .text_wrap {
        padding: 0 10px;
    }

    /* ----- CTA 영역 ----- */
    .c_cta {
        height: 280px;
    }

    .c_cta h2 {
        font-size: var(--fs-20);
    }

    .c_cta p {
        font-size: var(--fs-14);
    }

    .c_cta .item {
        width: 140px;
        height: 65px;
        font-size: var(--fs-14);
    }

    /* ----- 메인 페이지 ----- */
    .main .hero .hero_text {
        --hero-text-top: 350px;
        margin: 350px 0 0 20px;
    }

    .main .hero h2 {
        font-size: var(--fs-28);
    }

    .main .hero .video video {
        width: 60vw;
    }

    .main .different h2 {
        font-size: var(--fs-28);
    }

    .main .different span,
    .main .different strong {
        font-size: var(--fs-18);
    }

    .main .map h2 {
        font-size: var(--fs-24);
    }

    /* ----- 회사소개 ----- */
    .about .about_banner {
        height: 280px;
    }

    .about .about_banner h2 {
        font-size: var(--fs-24);
    }

    .about .about_banner .text_wrap {
        padding: 0 18px;
    }

    .about .intro p {
        font-size: var(--fs-24);
    }

    .about .ceo_img {
        height: 320px;
    }

    .about .ceo .desc {
        font-size: var(--fs-12);
    }

    .about .ceo .name {
        font-size: var(--fs-16);
    }

    .about .members .photo {
        width: 94%;
        align-self: flex-end;
    }

    .about .members .photo_inner {
        height: 200px;
        transform: translate(0, 0);
    }

    .about .members .info {
        width: 94%;
        align-self: flex-start;
    }

    .about .members .info_inner {
        min-height: 200px;
        padding: 15px;
        transform: translate(0, -30px);
    }

    .about .members .info_inner p.title {
        font-size: var(--fs-14);
        margin-bottom: 15px;
    }

    .about .members .info_inner p.sub_title {
        font-size: var(--fs-14);
    }

    .about .members .info_inner p.history {
        font-size: var(--fs-12);
    }

    .about .value .title {
        font-size: var(--fs-24);
        margin-bottom: 30px;
    }

    .about .v_item h3 {
        font-size: var(--fs-14);
    }

    .about .v_item p {
        font-size: var(--fs-12);
    }

    .about .slogan p {
        font-size: var(--fs-24);
    }

    /* ----- 정보공유 ----- */
    .c_loss .loss_content .type a {
        padding: 12px 0;
    }

    .c_info .ia_banner {
        height: 280px;
    }

    .c_info .ia_banner h2 {
        font-size: var(--fs-24);
    }

    .c_info .ia_banner p {
        font-size: var(--fs-20);
    }

    .c_info .case a {
        font-size: var(--fs-12);
        padding: 12px 0;
    }

    .c_info .c_rolling h2 {
        font-size: var(--fs-24);
    }

    .c_info .slogan p {
        font-size: var(--fs-24);
    }

    /* ----- 보험금청구지원 공통 ----- */
    .c_claim_banner .cc_inner h2 {
        font-size: var(--fs-22);
        margin-bottom: 25px;
    }

    .c_claim_banner .cc_inner button {
        font-size: var(--fs-12);
        height: 45px;
        padding: 0 20px;
        gap: 12px;
    }

    .c_claim_banner .cc_inner img {
        width: 16px;
    }

    .c_claim_step h2 {
        font-size: var(--fs-24);
        margin-bottom: 80px;
    }

    .c_claim_step .item {
        max-width: 280px;
    }

    .c_claim_step .item_inner {
        padding: 20px 0 20px 25px;
    }

    .c_claim_step .item_inner p {
        font-size: var(--fs-14);
    }

    /* ----- 지원시스템 ----- */
    .claim_support .c_claim_step .item {
        max-width: 280px;
        width: 80%;
    }

    .claim_support .c_claim_step .item_inner .num {
        margin-bottom: 18px;
    }

    .claim_support .insurance_logos h2 {
        font-size: var(--fs-24);
    }

    .claim_support .insurance_logos li {
        width: calc(33.33% - 7px);
        height: 50px;
    }

    .claim_support .insurance_logos img {
        height: 20px;
    }

    .claim_support .insurance_logos img.cs_lg_logo {
        height: 14px;
    }

    .claim_support .insurance_logos img.cs_md_logo {
        height: 13px;
    }

    .claim_support .slogan p {
        font-size: var(--fs-24);
    }

    /* ----- 상담센터 ----- */
    .claim_contact .c_claim_banner .cc_inner h2,
    .claim_contact .c_claim_banner .cc_inner h2 strong {
        font-size: var(--fs-20);
        word-break: keep-all;
    }

    .claim_contact .support .support_intro p {
        font-size: var(--fs-22);
        word-break: keep-all;
    }

    .claim_contact .support .group_title {
        font-size: var(--fs-22);
        margin-bottom: 22px;
    }

    .claim_contact .support .support_item h3 {
        font-size: var(--fs-18);
        padding-top: 20px;
    }

    /* ----- 누락보험금 확인 ----- */
    .claim_check .cck_banner {
        padding: 100px 0 50px;
    }

    .claim_check .cck_banner .text p {
        font-size: var(--fs-18);
    }

    .claim_check .intro .intro_wrap {
        gap: 25px;
    }

    .claim_check .intro h2 {
        font-size: var(--fs-24);
    }

    .claim_check .intro p {
        font-size: var(--fs-14);
    }

    .claim_check .ck_step h2 {
        font-size: var(--fs-24);
        margin-bottom: 60px;
    }

    .claim_check .ck_step .item_inner {
        padding: 20px 0 20px 25px;
    }

    .claim_check .ck_step p.title {
        font-size: var(--fs-14);
    }

    .claim_check .explain h2 {
        font-size: var(--fs-24);
    }

    .claim_check .explain p {
        font-size: var(--fs-14);
    }

    .claim_check .explain p br {
        display: none;
    }

    .claim_check .essential {
        margin-bottom: 40px;
    }
}