#fullpage{ background-color: #222;}
#fullpage #section0{ position: relative; background-color: #222;}
.img.op3{ opacity: .3;}
.img.op3.hide{ opacity: 0;}
.section:not(.fp-auto-height){ font-size: 0; height: 100vh; overflow: hidden; position: relative;}
#section0 .img-wrap{ position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
#section0 .img-wrap .img{ opacity: 0;}
#section0 .img-wrap .img.show{ opacity: .3;}
.service-wrap{ position: absolute; width: 1400px; z-index: 500; left: 0; right: 0; margin: 0 auto; top: calc(50% - 250px); display: flex; flex-direction: column; align-items: center;}
.service-wrap h3{ font-size: 40px; padding-bottom: 15px;}
.service-wrap h4{ font-size: 20px; padding-bottom: 30px;}
.service-wrap p.deco{ font-size: 12px; opacity: .3; line-height: 24px; letter-spacing: 0.04em; text-align: center; padding-bottom: 60px;}
.hover-btn-wrap{ width: 100%; position: relative; justify-content: center;}
.hover-btn-wrap a{ width: calc(25% - 20px); height: 155px; border: 1px solid rgba(255,255,255,.3); display: flex; justify-content: center; flex-direction: column; align-items: center; margin-bottom: 20px; margin-right: 10px; margin-left: 10px; transition: .3s;}
.hover-btn-wrap a:nth-child(4){ margin-right: 0;}
.hover-btn-wrap a:first-child{ margin-left: 0;}
.hover-btn-wrap a i{ font-size: 32px; padding-bottom: 25px; opacity: .5; transition: .3s;}
.hover-btn-wrap a p{ font-size: 16px; opacity: .5; transition: .3s;}
.hover-btn-wrap a:hover{ border: 1px solid rgba(255,255,255,1); }
.hover-btn-wrap a:hover i{ opacity: 1;}
.hover-btn-wrap a:hover p{ opacity: 1; }
@media (max-width: 1400px) {
    .service-wrap{ width: 99%; }

}
@media (max-width: 1023px) {
    #section0{ margin-top: 50px; height: auto; }
    .section:not(.fp-auto-height){ width: 100%; }
    .service-wrap{ position: relative; width: 100%; z-index: 500; top: unset; padding: 75px 15px;}
    .service-wrap h3{ font-size: 30px; padding-bottom: 15px;}
    .service-wrap h4{ font-size: 18px; padding-bottom: 25px;}
    .service-wrap p.deco{ font-size: 10px; line-height: 20px; padding-bottom: 40px;}
    .hover-btn-wrap a{ width: calc(50% - 5px); height: 29.87vw; min-height: 112px; border: 1px solid rgba(255,255,255,.3); margin-bottom: 10px; margin-right: 10px; margin-left: 0;}
    .hover-btn-wrap a:nth-child(4){ margin-right: 10px;}
    .hover-btn-wrap a:first-child{ margin-left: 0;}
    .hover-btn-wrap a:nth-child(2n){ margin-right: 0;}
    .hover-btn-wrap a i{ font-size: 22px; padding-bottom: 15px;}
    .hover-btn-wrap a p{ font-size: 12px; }
}