@charset "utf-8";

/* 상단 */
.hero { padding: 100px 0; color: #fff; background: url(../../img/01_info/hero_bg.png) center no-repeat, #077AD2; }
.hero h1 { font-family: "Paperlogy-8ExtraBold"; font-size: 50px; }
@media (max-width:991px) {
    .hero { padding: 50px 0; background-size: 170%; }
    .hero h1 { font-size: 30px; }
}


.info .tt { padding: 50px 0; text-align: center; }
.info .tt05 { background: #F1F1F1; }
.info .tt01 { font-weight: 600; }
.info .tt03 { padding-bottom: 0; font-weight: 600; }
.info hr { max-width: 800px; margin: 0 auto; border-top: 1px dashed #6D6D6D; }

.info .tt04 h5,
.info .tt05 h5 { padding: 0 0 20px 0; font-size: 50px; font-weight: 600; }
.info .tt04 ul,
.info .tt05 ul { display: flex; flex-direction: column; gap: 30px; }
.info .tt04 span,
.info .tt05 span { display: inline-block; width: 200px; margin-bottom: 10px; padding: 16px 0; font-size: 24px; font-weight: 600; border-radius: 6px; }
@media (max-width:991px) {
    .info .tt { padding: 25px 0; }
    .info .tt01 { font-size: 1.7em; }
    .info .tt02 { text-align: left; }
    .info .tt04 h5,
    .info .tt05 h5 { padding: 0 0 10px 0; font-size: 25px; }
    .info .tt04 span,
    .info .tt05 span { width: 150px; padding: 10px 0; font-size: 16px; }
}