@charset "utf-8";

:root {
    --primary: #1755A9;
}
.title_box {margin-bottom:60px}
.title_box p {color:#565656}

.sec_hero .txt_wrap .logo {max-width:180px}
.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}

.page_view .list > div {box-shadow:none}
.page_view .list > div > div {box-shadow:0 4px 20px rgba(0,0,0,0.15)}
.page_view .list > div > div + div {margin-top:35px}

.sec_04 {background:#F8F8F8;padding:var(--sec-padding) 0}
.sec_04 .wrapper {max-width:1420px}
.sec_04 .list .item {display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:solid 1px #1A1A1A;padding:50px 60px}
.sec_04 .list .item:last-child {border-bottom:solid 1px #1A1A1A}
.sec_04 .list .item > .tit {display:block;font-size:48px;font-weight:700;color:var(--primary)}
.sec_04 .list .item .txt_wrap {text-align:right}
.sec_04 .list .item .txt_wrap span {display:block;font-size:24px;font-weight:700}
.sec_04 .list .item .txt_wrap p {font-size:18px;margin-top:14px}

.sec_05 {padding-top:var(--sec-padding)}
.sec_05 .color {display:flex}
.sec_05 .color .item {width:100%;height:580px}
.sec_05 .color .item_01 {background:#1755A9}
.sec_05 .color .item_02 {background:#1A1A1A}
.sec_05 .color .item_03 {background:#F2F2F2;color:#565656}

.sec_07 {position:relative}
.sec_07 .title_box {position:absolute;top:0;left:0;width:100%;padding:var(--sec-padding) 0}

.sec_08 {background:url('img/sec_08_bg.jpg') no-repeat center/cover;padding:260px 0;color:#ffffff}
.sec_08 .title_box .tit {font-weight:normal}
.sec_08 .title_box p {color:#ffffff}



@media (hover: hover) {}

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

    .sec_03 .over_view {margin-top:80px}
    
    .sec_04 .list .item {padding:40px}
    .sec_04 .list .item > .tit {font-size:36px}
    .sec_04 .list .item .txt_wrap span {font-size:20px}

    .sec_05 .color .item {height:350px}
}

@media all and (max-width: 1023px) {
    .sec_04 .list .item {flex-direction:column;text-align:center;}
    .sec_04 .list .item .txt_wrap {text-align:center}
}

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

    .sec_04 .list .item {padding:50px 20px}
    .sec_04 .list .item > .tit {font-size:20px}
    .sec_04 .list .item .txt_wrap span {font-size:18px}
    .sec_04 .list .item .txt_wrap p {font-size:15px;margin-top:10px}

    .sec_05 .title_box {text-align:left}
    .sec_05 .color {flex-direction:column;}
    .sec_05 .color .item {height:150px}
 
    .sec_07 .title_box {padding:0;position:initial}
    .sec_07 .banner_img {height:100%}
    .sec_07 .banner_img img {width:100%;height:100%;object-fit:cover;}
}

@media all and (max-width: 499px) {
    .sec_07 .banner_img {height:300px}
}