body {
    margin: 0 !important;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100vw;
    height: 100%;
}

.banner-div {
    /*margin-top: 9.573vh;*/
    margin-top: 92px;
    width: 100vw;
    /*height: 37.461vh;*/
    height: 18.75vw;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    background: url("../../img/front/main/banner01.png");
    background-size: 100% 100% !important;
}

.banner-div>div:nth-child(1) {
    margin-top: auto;
    width: 100vw;
    /*height: 9.365vh;*/
    height: 64px;
    background: rgba(248, 248, 248, 0.8);
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: flex-start;*/
    /*font-size: 1.354vw;*/
    font-size: 20px;
    color: #333333;

}

.toogle-list {
    width: 1328px;
    margin: 0 auto;
    display: flex;
    /*align-items: center;*/
    justify-content: flex-start;
    font-size: 20px;
}

.toogle-list>div:first-child {
    /*margin-left: 15.415vw;*/
}

.toogle-list>div {
    /*margin-right: 1.98vw;*/
    /*padding-top: 3.8vh;*/
    margin-right: 30px;
    padding-top: 18px;
    cursor: pointer;
    height: 100%;
}

.toogle-list>div:hover::after,
.service-clicked::after {
    content: '';
    /*width: 2.5vw;*/
    width: 40px;
    height: 4px;
    display: block;
    margin: 0 auto;
    /*margin-top: 1vh;*/
    margin-top: 12px;
    border-bottom: 4px solid #333333;
    border-radius: 2px;
}


.toogle-list>div:hover,
.service-clicked {
    font-weight: bolder;
}

.serviceContent {
    width: 1328px;
    height: auto;
    margin: 0 auto;
    margin-bottom: 54px;
    margin-top: 54px;

    white-space: pre-wrap;
    /*min-height: 220px;*/
    /*padding-top: 50px;*/
    min-height: calc(100vh - 92px - 18.75vw - 248px - 108px)
}

.emptyText {
    /*text-align: center;*/
    color: #666666;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;

}