﻿.ly_about_9 .poster_box {
    display: flex;
    align-items: stretch;
    align-content: center;
    justify-content: space-between;
    flex-wrap: wrap
}

.ly_about_9 .poster_box .left_side {
    width: 40.27%;
    display: inline-flex;
    flex-wrap: wrap;
    align-content: center
}

.ly_about_9 .poster_box .left_side .title {
    line-height: 1.5;
    width: 100%
}

.ly_about_9 .poster_box .left_side .subtitle {
    line-height: 1.2;
    width: 100%
}

.ly_about_9 .poster_box .left_side .content {
    margin-top: 20px;
    line-height: 1.875;
    width: 100%
}

.ly_about_9 .poster_box .left_side .button {
    margin-top: 38px;
    display: inline-block;
    text-decoration: none
}

.ly_about_9 .poster_box .right_side {
    width: 57.64%;
    position: relative;
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(2, calc((100% - 30px) / 2));

}

.ly_about_9 .poster_box .right_side .img_box {
    overflow: hidden
}

@media screen and (max-width: 1000px) {

    .ly_about_9 .poster_box .left_side,
    .ly_about_9 .poster_box .right_side {
        padding: 0;
        width: 100%;
        gap: 15px
    }

    .ly_about_9 .poster_box .right_side {
        margin-top: 24px
    }

    .ly_about_9 .poster_box .left_side .button {
        margin-top: 0
    }

    .ly_about_9 .poster_box .left_side .content {
        margin-top: 0
    }
}