.section04 .cate_ban {
    position: relative;
    margin-bottom: 15rem;
}
.section04 .inner {
    padding: 10rem 11rem;
    border-radius: 2rem;
    position: relative;
}
.section04 h3.tit {
    letter-spacing: -0.2rem;
}
.section04 .sub_con p {
    margin: 1.7rem 0 4.7rem 0;
    color: rgba(0, 0, 0, 0.7);
}
.section04 .btn_b {
    margin-top: 4rem;
}
.section04 .ban01 .inner {
    background: #cfe4ff;
}
/* .cate_ban .btn {
    width: 19.8rem;
} */
.cate_ban .ban_img,
.cate_ban .ban_icon{
    position: absolute;
    bottom: 0; right: 0;
}
/* ÆмÇÀâÈ­ ÆǸŠ*/
.section04 .ban01 .inner {
    background: #cfe4ff;
}
.ban01 .ban_img {
    right: 17%;
}
.ban01 .ban_icon.n1 {
    bottom: -15.2%; right: 9.5%;
}
.ban01 .ban_icon.n2 {
    top: -8%; right: 52.5%;
}
/* ¾ð´õ¿þ¾î ¾Ö½½·¹Àú ÆǸŠ*/
.section04 .ban02 .inner {
    background: #cde8bf;
}
.ban02 .ban_img {
    right: 13.5%;
}
.ban02 .ban_icon.n1 {
    top: -12.5%; right: 54.8%;
}
.ban02 .ban_icon.n2 {
    bottom: -5%; right: 14.1%;
}
/* ½ÄÇ° ÆǸŠ*/
.section04 .ban03 .inner {
    background: #fb9eb0;
}
.ban03 .ban_img {
    right: 12.5%;
}
.ban03 .ban_icon.n1 {
    bottom: -12.5%; right: 47%;
}
.ban03 .ban_icon.n2 {
    top: -16%; right: 9.7%;
}
/* ºäƼ ÆǸŠ*/
.section04 .ban04 .inner {
    background: #ebb2e5;
}
.ban04 .ban_img {
    right: 15%; bottom: -3%;
}
.ban04 .ban_icon.n1 {
    top: 47%; right: 54.3%;
}
.ban04 .ban_icon.n2 {
    top: -12%; right: 13%;
}
/* ¸®ºù Á¦Ç° ÆǸŠ*/
.section04 .ban05 .inner {
    background: #ffeda7;
}
.ban05 .ban_img {
    right: 13%;
}
.ban05 .ban_icon.n1 {
    bottom: -6.5%; right: 50%;
}
.ban05 .ban_icon.n2 {
    bottom: 36%; right: 20%;
}

/* °øÅë ¾ÆÀÌÄÜ ¸ð¼Ç */

.cate_ban .figure_img {
    transform: scale(0) rotate(0deg);
    z-index: 10;
}
.section04.on .sub_con .img_b .ban_icon {
    animation: trans_scale 0.7s ease-in-out alternate forwards,
        trans_rotate 0.7s 0.7s ease-in-out alternate forwards;
}


@media screen and (max-width: 1800px) {
    .ban01 .ban_icon.n1 {
        width: 5.3%;
    }
    .ban02 .ban_icon.n2 {
        width: 5.6%;
    }
    .ban03 .ban_icon.n2 {
        width: 6%;
    }
}
@media screen and (max-width: 1680px) {
    .ban01 .ban_img {
        width: 32.5%;
    }
    .ban02 .ban_img {
        width: 39.7%;
    }
    .ban03 .ban_img {
        width: 38%;
    }
    .ban04 .ban_img {
        width: 37%;
    }
    .ban05 .ban_img {
        width: 45%;
    }
}
@media screen and (max-width: 1440px) {
    .ban01 .ban_img {
        width: 36.5%;
        right: 13%;
    }
    .ban02 .ban_img {
        width: 43.4%;
        right: 9%;
    }
    .ban03 .ban_img {
        width: 42%;
        right: 8.5%;
    }
    .ban04 .ban_img {
        width: 41%;
        right: 11.5%;
    }
    .ban05 .ban_img {
        width: 50%;
        right: 7.5%;
    }
    .ban01 .ban_icon.n1 {
        width: 4%;
        bottom: -6.2%;
    }
    .ban01 .ban_icon.n2 {
        width: 4%;
        right: 49.5%;
    }
    .ban02 .ban_icon.n1 {
        right: 47.8%;
        top: -10.5%;
        width: 5%;
    }
    .ban02 .ban_icon.n2 {
        width: 5%;
        right: 9.1%;
    }
    .ban03 .ban_icon.n1 {
        width: 5%;
        bottom: -9.5%;
    }
    .ban03 .ban_icon.n2 {
        top: -12%;
        right: 7.7%;
        width: 5%;
    }
    .ban04 .ban_icon.n1 {
        right: 51.3%;
    }
    .ban04 .ban_icon.n2 {
        width: 5%;
        right: 8.9%;
    }
    .ban05 .ban_icon.n1 {
        width: 5%;
    }
    .ban05 .ban_icon.n2 {
        width: 5%;
        right: 15%;
    }

}
@media screen and (max-width: 1280px) {
    .section04 .inner {
        padding: 9rem 7.5rem;
        margin: 0;
    }
    .ban01 .ban_img {
        width: 33.4%;
        right: 12%;
    }
    .ban02 .ban_img {
        width: 39.5%;
        right: 7.5%;
    }
    .ban03 .ban_img {
        width: 39.5%;
        right: 6%;
    }
    .ban04 .ban_img {
        width: 38%;
        right: 10%;
        bottom: -2.8%;
    }
    .ban05 .ban_img {
        width: 48%;
        right: 5%;
    }
    .ban01 .ban_icon.n2 {
        right: 43.5%;
    }
    .ban02 .ban_icon.n1 {
        right: 40.8%;
    }
    .ban03 .ban_icon.n1 {
        right: 42%;
    }
    .ban05 .ban_icon.n1 {
        right: 44%;
    }
    .ban05 .ban_icon.n2 {
        right: 12%;
    }
}
@media screen and (max-width: 1110px) {
    .section04 .inner {
        padding: 8rem 6rem;
    }
    .ban01 .ban_img {
        right: 11%;
    }
    .ban02 .ban_img {
        right: 5.5%;
    }
    .ban03 .ban_img {
        right: 7.3%;
    }
    .ban04 .ban_img {
        bottom: -2.3%;
        right: 10.3%;
    }
    .ban05 .ban_img {
        right: 4.9%;
    }
}
@media screen and (max-width: 989px) {
    .section04 .inner {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 7rem 6rem 25rem;
        margin: 0 auto;
    }
    .section04 h3.tit {
        text-align: center;
    }
    .section04 .btn_b {
        margin-top: 2.5rem;
        margin-bottom: 3rem;
    }
	.section04 .btn_b span.ml-txt{
		margin-left: -0.5rem;
	}
    .cate_ban .ban_img {
        right: unset;
        left: 50%;
        transform: translateX(-50%);
    }
    .ban04 .ban_img {
        bottom: -1.3%;
    }
    .ban01 .ban_icon.n1 {
        width: 6%;
        right: 18%;
        bottom: -5%;
    }
    .ban01 .ban_icon.n2 {
        width: 7%;
        top: -5%;
        right: 78%;
    }
    .ban02 .ban_icon.n1 {
        width: 7%;
        top: -5%;
        right: 78%;
    }
    .ban02 .ban_icon.n2 {
        width: 7%;
        right: 18%;
        bottom: -5%;
    }
    .ban03 .ban_icon.n1 {
        width: 7%;
        right: 18%;
        bottom: -5%;
    }
    .ban03 .ban_icon.n2 {
        width: 8%;
        top: -5%;
        right: 78%;
    }
    .ban04 .ban_icon.n1 {
        top: -5%;
        right: 78%;
    }
    .ban04 .ban_icon.n2 {
        width: 7%;
        right: 18%;
        bottom: -5%;
        top: unset;
    }
    .ban05 .ban_icon.n1 {
        width: 7%;
        top: -5%;
        right: 78%;
        bottom: unset;
    }
    .ban05 .ban_icon.n2 {
        width: 7%;
        right: 18%;
        bottom: -4%;
    }
}
@media screen and (max-width: 767px) {
    .ban01 .ban_img {
        width: 40.4%;
    }
    .ban02 .ban_img {
        width: 46.5%;
    }
    .ban03 .ban_img {
        width: 46.5%;
    }
    .ban04 .ban_img {
        width: 45%;
        bottom: -0.8%;
    }
    .ban05 .ban_img {
        width: 55%;
    }
    /* .ban04 .ban_icon.n1 {
        top: 52%;
    }
    .ban05 .ban_icon.n2 {
        right: 27%;
        bottom: 29%;
    } */
}
@media screen and (max-width: 700px) {
    .ban01 .ban_img {
        width: 48.4%;
    }
    .ban02 .ban_img {
        width: 54.5%;
    }
    .ban03 .ban_img {
        width: 54.5%;
    }
    .ban04 .ban_img {
        width: 53%;
        bottom: -1%;
    }
    .ban05 .ban_img {
        width: 63%;
    }
    /* .ban02 .ban_icon.n2 {
        bottom: 13%;
    }
    .ban03 .ban_icon.n1 {
        right: 28%;
    }
    .ban05 .ban_icon.n1 {
        right: 69.5%;
    } */
}
@media screen and (max-width: 650px) {
    .section04 .inner {
        padding: 6rem 6rem 22.5rem;
    }
    .ban04 .ban_icon.n1 {
        width: 7%;
    }
    .ban04 .ban_icon.n2 {
        width: 6%;
    }
    .ban05 .ban_icon.n1 {
        width: 7%;
    }
    .ban05 .ban_icon.n2 {
        width: 6%;
    }
}
@media screen and (max-width: 500px) {
    .section04 .cate_ban {
        margin: 5rem -10%;
    }
    .section04 .inner {
        padding: 5rem 6rem 15rem;
    }
    .section04 .btn_b {
        margin-bottom: 1rem;
    }
    .ban01 .ban_img {
        width: 20rem;
    }
    .ban02 .ban_img {
        width: 22.8rem;
    }
    .ban03 .ban_img {
        width: 22.8rem;
    }
    .ban04 .ban_img {
        width: 22.1rem;
    }
    .ban05 .ban_img {
        width: 26.6rem;
    }
    .ban01 .ban_icon.n1 {
        width: 6.5%;
        right: 14.5%;
        bottom: 63.8%;
    }
    .ban01 .ban_icon.n2 {
        width: 11%;
        top: 7%;
        right: 75%;
    }
    .ban02 .ban_icon.n1 {
        width: 13%;
        top: 7%;
        right: 75%;
    }
    .ban02 .ban_icon.n2 {
        right: 19.1%;
        bottom: 60%;
        
    }
    .ban03 .ban_icon.n1 {
        width: 8%;
        right: 15%;
        bottom: 60.5%;
    }
    .ban03 .ban_icon.n2 {
        width: 11%;
        top: 7%;
        right: 75%;
    }
    .ban04 .ban_icon.n1 {
        width: 10%;
        top: 7%;
        right: 75%;
    }
    .ban04 .ban_icon.n2 {
        width: 8%;
        top: 30%;
        right: 17.8%;
    }
    .ban05 .ban_icon.n1 {
        width: 10%;
        top: 7%;
        right: 75%;
    }
    .ban05 .ban_icon.n2 {
        width: 7%;
        bottom: 65%;
    }
}