@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --primary: #052B57;
}
.wrapper {max-width:1420px}
.title_box {margin-bottom:60px}
.title_box .tit {text-transform:uppercase}
.title_box p {color:#565656}

.sec_hero .txt_wrap .logo {max-width:465px}
.sec_hero .txt_wrap .tit .color {color:#4788FF}
.sec_hero .view_more .round {background:var(--primary)}
.sec_hero .view_more .round {background:var(--primary)}

.sec_info {background:var(--primary)}
.sec_info .cont {color:#f3f3f3}

.sec_03 {padding:var(--sec-padding) 0}
.sec_03 .over_view {margin-top:120px}
.desktop_view .cont img {animation:none}

.sec_04 {background:#F8F8F8;padding:var(--sec-padding) 0}
.sec_04 .cont {display:flex;gap:40px}
.sec_04 .cont > div {width:100%;border-radius:4px;overflow:hidden}
.sec_04 .font {border:solid 1px #D4D4D4;padding:80px 60px;background:#ffffff;font-size:20px}
.sec_04 .font p {font-size:24px;margin-top:10px}
.sec_04 .font strong {font-size:1.4em;margin-right:10px}
.sec_04 .color {display:flex;}
.sec_04 .color > div {display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:24px;background:#D8E5FD}
.sec_04 .color .item_02 {background:#052561;color:#ffffff}
.sec_04 .color .item_03 {background:#256EF4;color:#ffffff}

.sec_05 {background:url('img/sec_05_bg.jpg') no-repeat center/cover;padding:var(--sec-padding) 0}
.sec_05 .title_box {color:#ffffff}
.sec_05 .list {display:flex;gap:40px}
.sec_05 .list .item {width:100%;background:#ffffff;border-radius:10px;padding:76px 20px;text-align:center}
.sec_05 .list .item .tit {display:block;font-size:24px;font-weight:700;color:var(--primary);font-family: "Montserrat", sans-serif;text-transform:uppercase;}
.sec_05 .list .item p {font-size:18px;font-weight:500;margin-top:15px}

.sec_06 {padding:var(--sec-padding) 0}

.sec_07 {position:relative}
.sec_07 .logo {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:90%;max-width:720px;padding:0 20px}



@media (hover: hover) {}

@media all and (max-width: 1199px) {
    .title_box {margin-bottom:42px}
    .sec_03 .over_view {margin-top:80px}
}

@media all and (max-width: 1023px) {
}

@media all and (max-width: 767px) {
    .title_box {margin-bottom:24px;}
    .sec_03 .over_view {margin-top:48px}
}