@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap');

.title_box {margin-bottom:80px}
.wrapper {max-width:1440px}
.sec_hero .txt_wrap .logo {max-width:270px}
.sec_hero .txt_wrap .tit .color {color:var(--primary)}
.sec_hero .view_more .round {background:#CD2E35}

.img_box img {width: 100%;}

.title_box {display: flex; justify-content: space-between; flex-direction: row; align-items: flex-start;}
.title_box .title p {font-size: 20px; font-weight: 600; margin-bottom: 14px; margin-top: 0;}
.title_box .title h3 {font-size: 54px; font-weight: 700;}
.title_box article {margin-top: 50px; font-size: 20px;}

.desktop_view .cont img {animation: desktopView 18s linear infinite !important;}

.sec_info {background: linear-gradient(137deg, #FFD86C -9.52%, #CD2E35 104.69%);}
.sec_info .cont {color:#FFFFFF}
.sec_info .btn_wrap {display: none;}
.sec_info .title_box {flex-direction: column;}

.sec_03 {padding:var(--sec-padding) 0; background: #fff;}
.sec_03 .over_view {margin-top:120px}

.flow_banner {padding: 28px 0px 150px; background: #F4EFDE;}
.flow_banner ul {display: flex; align-items: center; gap: 50px; width: max-content;}
.flow_banner ul li {width: fit-content;}
.flow_banner ul li img {min-width: max-content; height: 120px;}

.sec_04 {background: #000;}
.sec_04 .wrapper {margin: 180px auto;}
.sec_04 .sec_04_shape {width: 100%;}
.sec_04 .sec_04_shape img {width: 100%;}
.sec_04 .title_box p,
.sec_04 .title_box h3 {color: #fff;}
.sec_04 .arrow {text-align: center; margin: 80px 0px;}
.sec_04 .arrow img {height: 100px;}
.sec_04 .item_2 .title_box {justify-content: center;}

.sec_05 {background: #004F8D; padding:160px 0 170px;}
.sec_05 .title_box p,
.sec_05 .title_box h3, 
.sec_05 .title_box article {color: #fff;}
.sec_05 .list > div img {box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.sec_05 .list > div:last-child {padding-top: 220px;}

.page_view .list > div {box-shadow:none}
.page_view .list > div img {display:block;}
.page_view .list div img+img {margin-top:80px}
.page_view .list > div:nth-child(2) {margin:0 !important}

.flow_banner_2 {padding: 28px 0px; background: #000;}
.flow_banner_2 ul {display: flex; align-items: center; gap: 20px; width: max-content;}
.flow_banner_2 ul li {width: fit-content;}
.flow_banner_2 ul li img {min-width: max-content; height: 24px;}

.sec_07 {background: #f6f6f6;}
.sec_07 .title_box {margin-bottom: 80px;}
.sec_07 .title_box .title p {color: #C50000}
.sec_07 .title_box .title  h3 {color: #222}
.sec_07 .title_box article {color: #222222;}

.flow_banner_3 {padding: 28px 0px 150px; background: #f6f6f6;}
.flow_banner_3 ul {display: flex; align-items: center; gap: 50px; width: max-content;}
.flow_banner_3 ul li {width: fit-content;}
.flow_banner_3 ul li img {min-width: max-content; height: 120px;}


@media (hover: hover) {}

@media all and (max-width: 1199px) {
    .title_box {margin-bottom:42px; flex-direction: column; gap: 24px;}
    .title_box article {margin-top: 0;}
    .sec_hero .txt_wrap .logo {max-width:200px}
    .sec_03 .over_view {margin-top:80px}
    .sec_info .cont {font-size: 14px;}

}


@media all and (max-width: 767px) {
    .title_box {margin-bottom:24px;}
    .sec_hero .txt_wrap .logo {max-width:156px}

    .sec_03 .over_view {margin-top:48px}

    .page_view .list {margin-top:24px}
    .page_view .list div img+img {margin-top:20px}

    .flow_banner {padding: 20px 0px 60px;}
    .flow_banner ul li img {height: 32px;}

    .sec_04 .wrapper {margin: 80px auto;}

    .title_box .title p {font-size: 14px; margin-bottom: 10px;}
    .title_box .title h3 {font-size: 24px;}
    .title_box article {font-size: 13px;}

    .sec_04 .arrow {margin: 40px 0px;}
    .sec_04 .arrow img {height: 50px;}

    .sec_04 .item_2 .title_box .title {margin: 0 auto;}

    .sec_05 {padding: 80px 0px;}
    .sec_05 .list > div:last-child {padding-top: 90px}

    .flow_banner_2 {padding: 15px 0px;}
    .flow_banner_2 ul li img {height: 16px;}

    .sec_07 .title_box {margin-bottom: 34px;}

    .flow_banner_3 {padding: 20px 0px 60px;}
    .flow_banner_3 ul li img {height: 32px;}

}