@charset "utf-8";

:root {
    --primary: #207FFC;
    --primary-hover: #4A98FF;
    --secandary: #f3f9ff;
}

/* header */
.header .inner .areaLogo {z-index: 1;}
.header .inner nav .gnb {width: 100%; justify-content: center; gap: 0;}
.header .inner nav .utilArea {position: relative; z-index: 1;}

@media screen and (max-width: 1478px) {
    .header .inner nav {display: none; position: absolute; top: 60px; left: 0; width: 100%; background: #fff;}
    .header .inner nav .gnb {position: static; display: block; padding-top: 17px; height: auto; transform: initial;}
    .header .inner nav .gnb > li {padding: 0 17px;}
    .header .inner nav .gnb > li + li {margin-top: 12px;}
    .header .inner nav .gnb > li a {width: 100%; justify-content: start;}
    .header .inner nav .utilArea .smallGrayBtn {justify-content: start; width: 100%; padding-left: 34px; background: none;}
    .header .inner nav .utilArea .smallPrimaryBtn {display: flex; margin: 20px 17px 17px;}
    .header .inner .trigger {display: block;}
    .header .inner.active nav {display: block;}
}

.insService .inner .left .sectionTit {font-size: 3.8rem;}
.insService .inner .right .reportThum {width: 39rem;}

@media screen and (max-width: 1024px) {
    .insService .inner .left .sectionTit {font-size: 3.2rem;}
}
@media screen and (max-width: 768px) {
    .insService .inner .left .sectionTit {font-size: 2.4rem;}
}