@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
.font-montserrat {font-family: "Montserrat", sans-serif;}
.font-cormorant {font-family: "Cormorant Garamond", sans-serif;}

:root {
    --primary: #040445;
}
.title_box {margin-bottom:60px}
.title_box .tit {text-transform:uppercase;font-family: "Montserrat", sans-serif;color:#191970}
.title_box p {color:#565656}

.sec_hero .txt_wrap .logo {max-width:345px}
.sec_hero .txt_wrap .tit .color {color:#96A4FF}
.sec_hero .view_more .round {background:var(--primary)}

.sec_info {background:var(--primary)}
.sec_info .title_box .tit {color:#ffffff}

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

.sec_04 .txt_slide {opacity:1;margin:0;border-top:solid 1px #000000;padding:20px 0}
.sec_04 .txt_slide p {font-family: "Montserrat", sans-serif;font-size:34px;color:#191970}
.sec_04 .img_wrap {display:flex}
.sec_04 .img_wrap > div {width:100%}

.sec_05 {padding:var(--sec-padding) 0}
.sec_05 .font {display:flex;max-width:1380px;margin:0 auto;border:solid 1px #D4D4D4}
.sec_05 .font > div {width:100%;padding:80px 60px}
.sec_05 .font > div + div {border-left:solid 1px #D4D4D4}
.sec_05 .font .tit {display:block;font-size:34px;font-weight:700}
.sec_05 .font p {margin-top:24px;font-size:20px}
.sec_05 .font p strong {font-size:1.4em;font-weight:600;color:#191970;margin-right:16px}
.sec_05 .color {display:flex;margin-top:30px}
.sec_05 .color .item {width:100%;height:376px;background:#191970}
.sec_05 .color .item_02 {background:#FFFF33;color:#191970}

.sec_06 .title_box .tit {font-family: "Cormorant Garamond", sans-serif;font-size:84px;color:#222222;text-transform:capitalize;font-weight:600;}

.sec_08 {background:#F9F9F9}

.sec_09 .banner_img {width:120%;margin-left:-10%}

.sec_10 {padding-top:var(--sec-padding)}

.sec_11 {padding:var(--sec-padding) 0;background:#191970}
.sec_11 .wrapper {max-width:1640px}
.sec_11 img {width:100%}



@media (hover: hover) {}

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

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

    .sec_06 .title_box .tit {font-size:50px}
    .sec_05 .color .item {height:220px}
    .sec_05 .font > div {padding:60px 40px}
    .sec_05 .font p {font-size:16px;margin-top:16px}
    .sec_05 .font .tit {font-size:24px}
}

@media all and (max-width: 1023px) {
    .sec_05 .font {flex-direction:column;text-align:center}
    .sec_05 .font > div + div {border-left:none;border-top:solid 1px #D4D4D4}
}

@media all and (max-width: 767px) {
    .title_box {margin-bottom:24px}
    
    .sec_03 .over_view {margin-top:48px}
    .sec_04 .txt_slide {padding:15px 0}
    .sec_04 .txt_slide p {font-size:24px}

    .sec_05 .title_box {text-align:left}
    .sec_05 .color {flex-direction:column;}
    .sec_05 .color .item {height:150px}
    .sec_05 .font > div {padding:40px 20px}
    .sec_05 .font .tit {font-size:18px}
    .sec_05 .font p {font-size:14px;margin-top:14px}
    .sec_05 .font p strong {display:block}
    
    .sec_06 .title_box .tit {font-size:24px}
}