.home {position: relative; display: flex; align-items: center; min-height: 100vh; background-size: cover; background-position: center; overflow: hidden;}
.home .content {max-width: 69rem; position: relative; z-index: 1;}
.home::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; z-index: 0; animation: slideBackground 60s infinite;}
.home .content h3{font-size: 5rem; color: #fff; text-transform: none;}
.home .content span{font-weight: bold; font-size: 6rem; color: #D93223; padding: 1rem 0; line-height: 1.5;}
.home .content p{font-size: 1.8rem; color: #fff; padding: 1rem 0; line-height: 1.5;}

.about{background: url(../img/about_back.jpg) no-repeat center; background-size: cover; padding: 240px 0;}
.about-wrap{width: 100%; max-width: 1170px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; flex-direction: row-reverse;}
.about-wrap .img{padding-left: 40px;}
.about-wrap .txt .top{font-size: 55px; color: #004da0; font-weight: 700; padding-bottom: 60px;}
.about-wrap .txt .mid{padding-bottom: 40px; font-size: 24px; line-height: 1.5; font-weight: 600;}
.about-wrap .txt .bot{font-size: 20px; color: #4d4d4d; font-weight: 600; padding-bottom: 60px; line-height: 1.5;}

.business{background: url(../img/busi_back.jpg) no-repeat center; background-size: cover; padding: 180px 0;}
.busi-head{padding-bottom: 70px; font-size: 55px; font-weight: 700; color: #fff; text-align: center;}
.busi-wrap{width: 100%; max-width: 1690px; margin: 0 auto;}
.busi-wrap > div:first-child{margin-left: 0;}
.busi-wrap > div{float: left; width: 18.9%; margin: 0 0.611%;}
.busi-wrap > div span{display: block;}
.busi-wrap .txt{display: flex; padding: 0 40px; background: #fff; height: 125px; align-items: center; justify-content: space-between;}
.busi-wrap .txt .big{font-size: 28px; font-weight: 600; color: #004da3;}
.busi-wrap .txt .sm{padding-top: 10px; font-size: 15px; color: #686868; font-weight: 300;}
.busi-wrap .img {overflow: hidden; height: 265px;display: flex; align-items: center; justify-content: center;}
.busi-wrap .img img {width: 100%; height: 100%; object-fit: cover; display: block;}

.noti{padding: 120px 0;}
.noti-wrap{width: 100%; max-width: 1170px; margin: 0 auto;}
.noti-wrap .tit{display: flex; justify-content: space-between; align-items: flex-end; padding-bottom: 30px; border-bottom: 2px solid #2b2b2b;}
.noti-wrap .tit .left{font-size: 40px; font-weight: 800;}
.noti-wrap .tit .right span{color: #ff0000; display: inline-block; vertical-align: middle;}

.noti-wrap .faq-wrap{list-style: none; color: #2b2b2b; font-size: 0.9rem; cursor: pointer; border-bottom: 1px solid #ddd;}
.faq-wrap > li:not(.subs-mo){padding: 2.5rem;}
.faq-wrap > li{color: #2b2b2b; font-size: 1.6rem;}
.faq{display: flex; justify-content: space-between; align-items: center;}
.faq span{display: inline-block; font-weight: 600;}
.faq .faq-no{margin-right: 1.5rem; color: #527db6; font-size: 1.5rem;}
.faq > i{margin-left: 0.5rem; transition: all 0.5s; transform: rotate(0); font-size: 1.5rem; color: #bbb;}
.faq > i.active{transform: rotate(180deg); color: #555;}

.faq-cont{display: none; background-color: #eee; transition: height 0.5s ease-out;}
.faq-cont li{line-height: 2; list-style: none; text-transform: none;}

/* media queries */
@media (max-width:991px) {
    html{font-size: 55%;}
    header{padding: 2rem;}
    section{padding: 2rem;}
    .home{background-position: left;}
}

@media (max-width:768px) {
    .home{min-height: 75vh;}
    .home .content h3{font-size: 3rem;}
    .home .content span{font-size: 2.5rem;}

    .about{padding: unset;}
    .about-wrap{flex-direction: column;}
    .about-wrap .img{padding-left: unset;}
    .about-wrap img{width: 45rem; padding: 40px;}
    .about-wrap .txt{padding: 0 30px; margin-bottom: 40px;}
    .about-wrap .txt .top{font-size: 30px; padding-bottom: 20px;}
    .about-wrap .txt .mid{font-size: 17px; padding-bottom: 17px;}
    .about-wrap .txt .bot{font-size: 15px; padding-bottom: 15px;}

    .business{padding: 85px 0;}
    .busi-head{font-size: 30px; padding-bottom: 40px;}
    .busi-wrap{display: flex; flex-direction: column; justify-content: center; align-items: center;}
    .busi-wrap > div{width: 80%; margin: 10px;}
    .busi-wrap > div:first-child{margin-left: 10px;}
    .busi-wrap .txt{height: 95px;}
    .busi-wrap .txt .big{font-size: 20px;}
    .busi-wrap .txt .sm{padding-top: 4px; font-size: 13px;}
    .busi-wrap .img{height: 150px;}

    .noti{padding: 80px 0;}
    .noti-wrap{padding: 20px;}
    .noti-wrap .tit .left{font-size: 28px;}
}

@keyframes slideBackground {
    0% {background-image: url('../img/home1.jpg');}
    33.3% {background-image: url('../img/home2.jpg');}
    66.6% {background-image: url('../img/home3.jpg');}
    100% {background-image: url('../img/home1.jpg');}
}