.tool-box {
    background: url(../images/nayok-box/bbg.png) top center no-repeat;
    position: relative;
    height: 305px;
    z-index: 9;
    /* height: 254px; */
    margin-top: -51px;
}

.nayok-box {
    min-height: 421px;
    background: url(../images/nayok-box/nayok-box_0003.png) top center no-repeat;
}

.nayok-box .vision-h {
    padding-top: 80px;
}

.nayok-box .nayok-h {
    position: relative;
    top: 47px;
    text-align: center;
}

.nayok-box .nayok-h .pic {
    position: relative;
}

.nayok-box .nayok-h .text-box {
    position: absolute;
    left: -300px;
    bottom: 119px;
}

.nayok-box .nayok-h .text-box .name-nayok {
    position: absolute;
    bottom: -52px;
}

.nayok-box .nayok-h .text-box .tell-nayok {
    position: absolute;
    left: 31px;
    bottom: -107px;
}

@media (max-width: 575px) {
    .tool-box {
        background: url(../images/nayok-box/bg.png) 20% 0% no-repeat;
        height: auto;
    }
    .nayok-box {
        min-height: 500px;
        background: url(../images/nayok-box/nayok-box_0003.png) -1000px 0px no-repeat;
        background-size: cover;
    }
    .nayok-box .nayok-h {
        position: relative;
        top: 24px;
        text-align: center;
    }
    .nayok-box .nayok-h .text-box {
        position: absolute;
        left: 0px;
        bottom: 119px;
    }
}

@media (min-width: 576px) and (max-width: 991px) {
    .tool-box {
        background: url(../images/nayok-box/bg.png) 21% 0% no-repeat;
        height: auto;
    }
    .nayok-box {
        min-height: 500px;
        background: url(../images/nayok-box/nayok-box_0003.png) -1000px 0px no-repeat;
        background-size: cover;
    }
    .nayok-box .nayok-h {
        position: relative;
        top: 24px;
        text-align: center;
    }
    .nayok-box .nayok-h .text-box {
        position: absolute;
        left: 0px;
        bottom: 119px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {}

@media (min-width: 992px) and (max-width: 1199px) {
    .tool-box {
        background: url(../images/nayok-box/bg.png) 17% 0% no-repeat;
        height: auto;
    }
    .nayok-box {
        min-height: 500px;
        background: url(../images/nayok-box/nayok-box_0003.png) -1000px 0px no-repeat;
        background-size: cover;
    }
    .nayok-box .nayok-h {
        position: relative;
        top: 24px;
        text-align: center;
    }
    .nayok-box .nayok-h .text-box {
        position: absolute;
        left: 0px;
        bottom: 119px;
    }
}

@media (min-width: 1200px) and (max-width: 1280px) {
    .tool-box {
        margin-top: -51px;
        background: url(../images/nayok-box/bbg1.png) top center no-repeat;
    }
}

@media (min-width: 1281px) and (max-width: 1366px) {
    .tool-box {
        margin-top: -51px;
        background: url(../images/nayok-box/bbg1.png) top center no-repeat;
    }
}