/* 메인 컨턴츠 */
#mainComtents > .img_bg {
    position: absolute;
    z-index: -1;
}

#mainComtents > .img_bg.img-left {
    left: -8%;
    top: 530px;
}
#mainComtents > .img_bg.img-right {
    top: 400px;
    right: -9%;
}
@media (width <= 1300px) {
    #mainComtents > .img_bg.img-right {
        top: 450;
        right: -10%;
    }
    #mainComtents > .img_bg.img-left {
        left: -3%;
    }
}
/* @media (width <= 1780px) {
    #mainComtents > .img_bg.img-left {
        left: 100px;
    }
    #mainComtents > .img_bg.img-right {
        right: 100px;
    }
}
@media (width <= 1585px) {
    #mainComtents > .img_bg.img-left {
        left: 50px;
    }
    #mainComtents > .img_bg.img-right {
        right: 50px;
    }
} */

/* #mainComtents > .contentBox {
    animation: anim-lineUp 2s;
}
@keyframes anim-lineUp {
    0% {
        opacity: 0;
        transform: translateY(10%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
} */
.contentBoxBottom {
    display: flex;
    justify-content: center;
    margin-left: 90px;
}

.contentBoxBottom > .ellipse {
    position: relative;
    border-width: 0px;
    border-color: rgb(0, 0, 0);
    border-style: solid;
    border-radius: 50%;

    opacity: 0.902;
    width: 260px;
    height: 261px;
    text-align: center;
}
.contentBoxBottom > .ellipse {
    color: #ffffff;
}
.contentBoxBottom > .ellipse.elc01 {
    background-color: rgb(160, 195, 76);
}
.contentBoxBottom > .ellipse.elc02{
    left: -30px;
    background-color: rgb(124, 181, 89);
}
.contentBoxBottom > .ellipse.elc03{
    left: -60px;
    background-color: rgb(86, 166, 101);
}
.contentBoxBottom > .ellipse.elc04{
    left: -90px;
    background-color: rgb(25, 138, 105);
}
.contentBoxBottom > .ellipse >.ellipse-div {
    height: 76px;
    width: 80px;
    display: inline-block;
    margin-top: 60px;
}
.contentBoxBottom > .ellipse:nth-child(1) >.ellipse-div > .ellipse-img{
    margin: 0;
}
.contentBoxBottom > .ellipse:nth-child(2) >.ellipse-div > .ellipse-img{
    margin: 6.5px 3px;
}
.contentBoxBottom > .ellipse:nth-child(3) >.ellipse-div > .ellipse-img{
    margin: 0.5px 7px;
}
.contentBoxBottom > .ellipse:nth-child(4) >.ellipse-div > .ellipse-img{
    margin: 2px 0px;
}

.contentBoxBottom > .ellipse > .elc-Title {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.25;
}

.contentBoxBottom > .ellipse > .elc-link {
    font-size: 16px;
    line-height: 1.87;
}

.contentBoxBottom > .ellipse > .elc-link:hover {
    zoom: 1.1;
    cursor: pointer;
}