/* Start PC Device */
@media screen and (min-width: 1440px) {
    /* Start Visual */
    /* Start 1단 배경이미지 */
    section.visual {
        position: relative;
    }
    section.visual .image__area {
        position: absolute;
        top: 0;
        left: 0;
        filter: brightness(.5);
        width: 100%;
    }
    section.visual .image__area > img {
        width: 100%;
        height: 470px;
    }
    /* End 1단 배경이미지 */
    /* End Visual */
    /* Start one-layer */
    section.one-layer {
        position: relative;
    }
    section.one-layer .inner {
        height: 100%;
        min-height: 470px;
    }
    section.one-layer .inner .title__txt {
        position: absolute;
        top: 45%;
        left: 0;
        right: 0;
    }
    section.one-layer .inner .title__txt > span {
        color: #FFF;
        text-align: center;
        font-size: 60px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
    /* End one-layer */
    /* Start two-layer */
    section.two-layer {
        position: relative;
    }
    section.two-layer .vertical-line__area {
        width: 100%;
        height: 250px;
        position: absolute;
        left: 0;
        right: 0;
        top: 27%;
        background: #F8F8F8;
    }
    section.two-layer .inner {
        padding-top: 150px;
        margin-bottom: 150px;
        height: 100%;
    }
    section.two-layer .inner .two-layer-title {
        position: relative;
    }
    section.two-layer .inner .two-layer-title .title__txt {
        display: block;
    }
    section.two-layer .inner .two-layer-title .title__txt > span {
        color: #00A0E9;
        font-size: 45px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.9px;

        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
    }
    section.two-layer .inner .mix-items {
        margin-top: 120px;
        position: relative;
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 100px;
        place-items: center;
    }
    section.two-layer .inner .mix-items .left-item {
        display: block;
        width: 620px;
        height: 413px;
    }
    section.two-layer .inner .mix-items .left-item .desc-image {
        width: 100%;
    }
    section.two-layer .inner .mix-items .right-item {
        display: block;
    }
    section.two-layer .inner .mix-items .right-item .txt-order__3 {

    }
    section.two-layer .inner .mix-items .right-item .txt-order__3 > span {
        color: #000;
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.56px;

        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
    }
    section.two-layer .inner .mix-items .right-item .txt-order__4 {
        margin-top: 56px;
    }
    section.two-layer .inner .mix-items .right-item .txt-order__4 > span {
        color: #000;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 29px; /* 161.111% */
        letter-spacing: -0.36px;

        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
    }
    section.two-layer .inner .cards {
        margin-top: 120px;
        position: relative;
        display: grid;
        grid-template-columns: 276px 276px 276px;
        grid-gap: 50px;
        place-content: center;
    }
    section.two-layer .inner .cards .card {
        display: block;
        height: 287px;
    }
    section.two-layer .inner .cards .card .card-image {
        width: 100%;
    }
    /* End two-layer */
    /* Start three-layer */
    section.three-layer {
        position: relative;
    }
    section.three-layer .vertical-line__area {
        width: 100%;
        height: 250px;
        position: absolute;
        left: 0;
        right: 0;
        /*top: 27%;*/
        top: 16%;
        background: #F8F8F8;
    }
    section.three-layer .inner {
        padding-top: 150px;
        margin-bottom: 150px;
        height: 100%;
    }
    section.three-layer .inner .three-layer-title {
        position: relative;
    }
    section.three-layer .inner .three-layer-title .title__txt {
        display: block;
    }
    section.three-layer .inner .three-layer-title .title__txt > span {
        color: #00A0E9;
        font-size: 45px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.9px;

        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
    }
    section.three-layer .inner .mix-items {
        margin-top: 120px;
        position: relative;
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 100px;
        place-items: center;
    }
    section.three-layer .inner .mix-items .left-item {
        display: block;
        width: 620px;
        height: 413px;
    }
    section.three-layer .inner .mix-items .left-item .desc-image {
        width: 100%;
    }
    section.three-layer .inner .mix-items .right-item {
        display: block;
    }
    section.three-layer .inner .mix-items .right-item .txt-order__3 {
        /*margin-top: 41px;*/
    }
    section.three-layer .inner .mix-items .right-item .txt-order__3 > span {
        color: #000;
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.56px;

        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
    }
    section.three-layer .inner .mix-items .right-item .txt-order__4 {
        margin-top: 56px;
    }
    section.three-layer .inner .mix-items .right-item .txt-order__4 > span {
        color: #000;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 29px; /* 161.111% */
        letter-spacing: -0.36px;

        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
    }
    section.three-layer .inner .txt-items {
        margin-top: 150px;
        position: relative;
        display: grid;
        grid-template-columns: 276px 276px 276px;
        grid-gap: 50px;

        place-content: center;
        align-items: start;
        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
    }
    section.three-layer .inner .txt-items .txt-item {

    }
    section.three-layer .inner .txt-items .txt-item .card-item {
        width: 276px;
        padding: 20px 0;
        background-color: #00A0E9;
        border-radius: 10px;

        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
    }
    section.three-layer .inner .txt-items .txt-item .card-item > span {
        color: #FFF;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px; /* 177.778% */
        letter-spacing: -0.36px;

        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
    }
    section.three-layer .inner .txt-items .txt-item .txt-item {
        margin-top: 24px;
        width: 100%;
    }
    section.three-layer .inner .txt-items .txt-item .txt-item > span {
        color: #000;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.36px;
    }
    section.three-layer .inner .cards {
        margin-top: 100px;
        position: relative;
        display: grid;
        grid-template-columns: 276px 276px 276px;
        grid-gap: 50px;
        place-content: center;
    }
    section.three-layer .inner .cards .card {
        display: block;
        height: 287px;
    }
    section.three-layer .inner .cards .card .card-image {
        width: 100%;
    }
    section.three-layer .inner .image-item {
        margin-top: 100px;
        display: block;

        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
    }
    section.three-layer .inner .image-item > img {
        width: 950px;
        height: 480px;
    }
    /* End three-layer */
    /* Start four-layer */
    section.four-layer {
        position: relative;
    }
    section.four-layer .vertical-line__area {
        width: 100%;
        height: 250px;
        position: absolute;
        left: 0;
        right: 0;
        top: 27%;
        background: #F8F8F8;
    }
    section.four-layer .inner {
        padding-top: 150px;
        margin-bottom: 150px;
        height: 100%;
    }
    section.four-layer .inner .four-layer-title {
        position: relative;
    }
    section.four-layer .inner .four-layer-title .title__txt {
        display: block;
    }
    section.four-layer .inner .four-layer-title .title__txt > span {
        color: #00A0E9;
        font-size: 45px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.9px;

        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
    }
    section.four-layer .inner .mix-items {
        margin-top: 120px;
        position: relative;
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 100px;
        place-items: center;
    }
    section.four-layer .inner .mix-items .left-item {
        display: block;
        width: 620px;
        height: 413px;
    }
    section.four-layer .inner .mix-items .left-item .desc-image {
        width: 100%;
    }
    section.four-layer .inner .mix-items .right-item {
        display: block;
    }
    section.four-layer .inner .mix-items .right-item .txt-order__3 {
        /*margin-top: 41px;*/
    }
    section.four-layer .inner .mix-items .right-item .txt-order__3 > span {
        color: #000;
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.56px;

        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
    }
    section.four-layer .inner .mix-items .right-item .txt-order__4 {
        margin-top: 56px;
    }
    section.four-layer .inner .mix-items .right-item .txt-order__4 > span {
        color: #000;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 29px; /* 161.111% */
        letter-spacing: -0.36px;

        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
    }
    section.four-layer .inner .cards {
        margin-top: 120px;
        position: relative;
        display: grid;
        grid-template-columns: 276px 276px 276px;
        grid-gap: 50px;
        place-content: center;
    }
    section.four-layer .inner .cards .card {
        display: block;
        height: 287px;
    }
    section.four-layer .inner .cards .card .card-image {
        width: 100%;
    }
    /* End four-layer */
}
/* End PC Device */
/* Start Tablet Device */
@media screen and (min-width: 834px) and (max-width: 1439px) {
    /* Start Visual */
    /* Start 1단 배경이미지 */
    section.visual {
        position: relative;
    }
    section.visual .image__area {
        position: absolute;
        top: 0;
        left: 0;
        filter: brightness(.5);
        width: 100%;
    }
    section.visual .image__area > img {
        width: 100%;
        height: 100%;
        min-height: 390px;
        max-height: 470px;
    }
    /* End 1단 배경이미지 */
    /* End Visual */
    /* Start one-layer */
    section.one-layer {
        position: relative;
    }
    section.one-layer .inner {
        height: 100%;
        min-height: 390px;
        max-height: 470px;
    }
    section.one-layer .inner .title__txt {
        position: absolute;
        top: 55%;
        left: 0;
        right: 0;
    }
    section.one-layer .inner .title__txt > span {
        color: #FFF;
        text-align: center;
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
    /* End one-layer */
    /* Start two-layer */
    section.two-layer {
        position: relative;
    }
    section.two-layer .vertical-line__area {
        width: 100%;
        height: 250px;
        position: absolute;
        left: 0;
        right: 0;
        top: 27%;
        background: #F8F8F8;
    }
    section.two-layer .inner {
        padding-top: 120px;
        margin-bottom: 120px;
        height: 100%;
    }
    section.two-layer .inner .two-layer-title {
        position: relative;
    }
    section.two-layer .inner .two-layer-title .title__txt {
        display: block;
    }
    section.two-layer .inner .two-layer-title .title__txt > span {
        color: #00A0E9;
        font-size: 36px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.72px;

        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
    }
    section.two-layer .inner .mix-items {
        margin-top: 120px;
        position: relative;
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 100px;
        place-items: center;
    }
    section.two-layer .inner .mix-items .left-item {
        display: block;
        width: 620px;
        height: 413px;
    }
    section.two-layer .inner .mix-items .left-item .desc-image {
        width: 100%;
    }
    section.two-layer .inner .mix-items .right-item {
        display: block;
    }
    section.two-layer .inner .mix-items .right-item .txt-order__3 {

    }
    section.two-layer .inner .mix-items .right-item .txt-order__3 > span {
        color: #000;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.48px;

        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
    }
    section.two-layer .inner .mix-items .right-item .txt-order__4 {
        margin-top: 56px;
    }
    section.two-layer .inner .mix-items .right-item .txt-order__4 > span {
        color: #000;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 29px; /* 161.111% */
        letter-spacing: -0.36px;

        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
    }
    section.two-layer .inner .cards {
        margin-top: 100px;
        position: relative;
        display: grid;
        grid-template-columns: 236px 236px 236px;
        grid-gap: 30px;
        place-content: center;
    }
    section.two-layer .inner .cards .card {
        display: block;
        height: 245px;
    }
    section.two-layer .inner .cards .card .card-image {
        width: 100%;
    }
    /* End two-layer */
    /* Start three-layer */
    section.three-layer {
        position: relative;
    }
    section.three-layer .vertical-line__area {
        width: 100%;
        height: 250px;
        position: absolute;
        left: 0;
        right: 0;
        /*top: 27%;*/
        top: 15%;
        background: #F8F8F8;
    }
    section.three-layer .inner {
        padding-top: 120px;
        margin-bottom: 120px;
        height: 100%;
    }
    section.three-layer .inner .three-layer-title {
        position: relative;
    }
    section.three-layer .inner .three-layer-title .title__txt {
        display: block;
    }
    section.three-layer .inner .three-layer-title .title__txt > span {
        color: #00A0E9;
        font-size: 36px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.72px;

        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
    }
    section.three-layer .inner .mix-items {
        margin-top: 120px;
        position: relative;
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 100px;
        place-items: center;
    }
    section.three-layer .inner .mix-items .left-item {
        display: block;
        width: 620px;
        height: 413px;
    }
    section.three-layer .inner .mix-items .left-item .desc-image {
        width: 100%;
    }
    section.three-layer .inner .mix-items .right-item {
        display: block;
    }
    section.three-layer .inner .mix-items .right-item .txt-order__3 {

    }
    section.three-layer .inner .mix-items .right-item .txt-order__3 > span {
        color: #000;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.48px;

        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
    }
    section.three-layer .inner .mix-items .right-item .txt-order__4 {
        margin-top: 56px;
    }
    section.three-layer .inner .mix-items .right-item .txt-order__4 > span {
        color: #000;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 29px; /* 161.111% */
        letter-spacing: -0.36px;

        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
    }
    section.three-layer .inner .txt-items {
        margin-top: 150px;
        position: relative;
        display: grid;
        grid-template-columns: 236px 236px 236px;
        grid-gap: 30px;

        place-content: center;
        align-items: start;
        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
    }
    section.three-layer .inner .txt-items .txt-item {

    }
    section.three-layer .inner .txt-items .txt-item .card-item {
        width: 236px;
        padding: 20px 0;
        background-color: #00A0E9;
        border-radius: 10px;

        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
    }
    section.three-layer .inner .txt-items .txt-item .card-item > span {
        color: #FFF;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px; /*177.778%*/
        letter-spacing: -0.36px;

        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
    }
    section.three-layer .inner .txt-items .txt-item .txt-item {
        margin-top: 24px;
        width: 100%;
    }
    section.three-layer .inner .txt-items .txt-item .txt-item > span {
        color: #000;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.36px;
    }
    section.three-layer .inner .cards {
        margin-top: 100px;
        position: relative;
        display: grid;
        grid-template-columns: 236px 236px 236px;
        grid-gap: 30px;
        place-content: center;
    }
    section.three-layer .inner .cards .card {
        display: block;
        height: 245px;
    }
    section.three-layer .inner .cards .card .card-image {
        width: 100%;
    }
    section.three-layer .inner .image-item {
        margin-top: 100px;
        display: block;

        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
    }
    section.three-layer .inner .image-item > img {
        width: 774px;
        height: 391px;
    }
    /* End three-layer */
    /* Start four-layer */
    section.four-layer {
        position: relative;
    }
    section.four-layer .vertical-line__area {
        width: 100%;
        height: 250px;
        position: absolute;
        left: 0;
        right: 0;
        top: 27%;
        background: #F8F8F8;
    }
    section.four-layer .inner {
        padding-top: 120px;
        margin-bottom: 120px;
        height: 100%;
    }
    section.four-layer .inner .four-layer-title {
        position: relative;
    }
    section.four-layer .inner .four-layer-title .title__txt {
        display: block;
    }
    section.four-layer .inner .four-layer-title .title__txt > span {
        color: #00A0E9;
        font-size: 36px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.72px;

        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
    }
    section.four-layer .inner .mix-items {
        margin-top: 120px;
        position: relative;
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 100px;
        place-items: center;
    }
    section.four-layer .inner .mix-items .left-item {
        display: block;
        width: 620px;
        height: 413px;
    }
    section.four-layer .inner .mix-items .left-item .desc-image {
        width: 100%;
    }
    section.four-layer .inner .mix-items .right-item {
        display: block;
    }
    section.four-layer .inner .mix-items .right-item .txt-order__3 {

    }
    section.four-layer .inner .mix-items .right-item .txt-order__3 > span {
        color: #000;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.48px;

        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
    }
    section.four-layer .inner .mix-items .right-item .txt-order__4 {
        margin-top: 56px;
    }
    section.four-layer .inner .mix-items .right-item .txt-order__4 > span {
        color: #000;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 29px; /* 161.111% */
        letter-spacing: -0.36px;

        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
    }
    section.four-layer .inner .cards {
        margin-top: 100px;
        position: relative;
        display: grid;
        grid-template-columns: 236px 236px 236px;
        grid-gap: 30px;
        place-content: center;
    }
    section.four-layer .inner .cards .card {
        display: block;
        height: 245px;
    }
    section.four-layer .inner .cards .card .card-image {
        width: 100%;
    }
    /* End four-layer */
}
/* End Tablet Device */
/* Start Mobile Device */
@media screen and (max-width: 833px) {
    /* Start Visual */
    /* Start 1단 배경이미지 */
    section.visual {
        position: relative;
    }
    section.visual .image__area {
        position: absolute;
        top: 0;
        left: 0;
        filter: brightness(.5);
        width: 100%;
    }
    section.visual .image__area > img {
        width: 100%;
        height: 100%;
        min-height: 225px;
        max-height: 390px;
    }
    /* End 1단 배경이미지 */
    /* End Visual */
    /* Start one-layer */
    section.one-layer {
        position: relative;
    }
    section.one-layer .inner {
        height: 100%;
        min-height: 225px;
        max-height: 390px;
    }
    section.one-layer .inner .title__txt {
        position: absolute;
        top: 60%;
        left: 0;
        right: 0;
    }
    section.one-layer .inner .title__txt > span {
        color: #FFF;
        text-align: center;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
    /* End one-layer */
    /* Start two-layer */
    section.two-layer {
        position: relative;
    }
    section.two-layer .vertical-line__area {
        width: 100%;
        height: 130px;
        position: absolute;
        left: 0;
        right: 0;
        top: 22%;
        background: #F8F8F8;
    }
    section.two-layer .inner {
        padding-top: 80px;
        margin-bottom: 80px;
        height: 100%;
    }
    section.two-layer .inner .two-layer-title {
        position: relative;
        padding: 0 25px;
    }
    section.two-layer .inner .two-layer-title .title__txt {
        display: block;
    }
    section.two-layer .inner .two-layer-title .title__txt > span {
        color: #00A0E9;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.48px;

        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
    }
    section.two-layer .inner .mix-items {
        margin-top: 60px;
        padding: 0 25px;
        position: relative;
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 70px;
        place-items: center;
    }
    section.two-layer .inner .mix-items .left-item {
        display: block;
        width: 325px;
        height: 217px;
    }
    section.two-layer .inner .mix-items .left-item .desc-image {
        width: 100%;
    }
    section.two-layer .inner .mix-items .right-item {
        display: block;
    }
    section.two-layer .inner .mix-items .right-item .txt-order__3 {

    }
    section.two-layer .inner .mix-items .right-item .txt-order__3 > span {
        color: #000;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.36px;

        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
    }
    section.two-layer .inner .mix-items .right-item .txt-order__4 {
        margin-top: 40px;
    }
    section.two-layer .inner .mix-items .right-item .txt-order__4 > span {
        color: #000;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.32px;

        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
    }
    section.two-layer .inner .cards {
        margin-top: 80px;
        position: relative;

        display: grid;
        grid-template-rows: repeat(2, 156px);
        grid-template-columns: repeat(15, 25px);
        grid-template-areas:
        ". a a a a a a . b b b b b b ."
        ". . . . c c c c c c c . . . .";
        place-content: center;
    }
    section.two-layer .inner .cards .card {
        display: block;
        height: 156px;
    }
    section.two-layer .inner .cards .card:nth-child(1) {
        grid-area: a;
    }
    section.two-layer .inner .cards .card:nth-child(2) {
        grid-area: b;
    }
    section.two-layer .inner .cards .card:nth-child(3) {
        margin-top: 25px;
        justify-self: center;
        grid-area: c;
    }
    section.two-layer .inner .cards .card .card-image {
        width: 150px;
    }
    /* End two-layer */
    /* Start three-layer */
    section.three-layer {
        position: relative;
    }
    section.three-layer .vertical-line__area {
        width: 100%;
        height: 130px;
        position: absolute;
        left: 0;
        right: 0;
        /*top: 22%;*/
        top: 12%;
        background: #F8F8F8;
    }
    section.three-layer .inner {
        padding-top: 80px;
        margin-bottom: 80px;
        height: 100%;
    }
    section.three-layer .inner .three-layer-title {
        position: relative;
        padding: 0 25px;
    }
    section.three-layer .inner .three-layer-title .title__txt {
        display: block;
    }
    section.three-layer .inner .three-layer-title .title__txt > span {
        color: #00A0E9;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.48px;

        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
    }
    section.three-layer .inner .mix-items {
        margin-top: 60px;
        padding: 0 25px;
        position: relative;
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 70px;
        place-items: center;
    }
    section.three-layer .inner .mix-items .left-item {
        display: block;
        width: 325px;
        height: 217px;
    }
    section.three-layer .inner .mix-items .left-item .desc-image {
        width: 100%;
    }
    section.three-layer .inner .mix-items .right-item {
        display: block;
    }
    section.three-layer .inner .mix-items .right-item .txt-order__3 {

    }
    section.three-layer .inner .mix-items .right-item .txt-order__3 > span {
        color: #000;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.36px;

        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
    }
    section.three-layer .inner .mix-items .right-item .txt-order__4 {
        margin-top: 40px;
    }
    section.three-layer .inner .mix-items .right-item .txt-order__4 > span {
        color: #000;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.32px;

        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
    }
    section.three-layer .inner .txt-items {
        margin-top: 80px;
        position: relative;
        display: grid;
        grid-template-columns: 325px;
        grid-gap: 50px;

        place-content: center;
        align-items: start;
        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
    }
    section.three-layer .inner .txt-items .txt-item {

    }
    section.three-layer .inner .txt-items .txt-item .card-item {
        width: 325px;
        padding: 15px 0;
        background-color: #00A0E9;
        border-radius: 10px;

        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
    }
    section.three-layer .inner .txt-items .txt-item .card-item > span {
        color: #FFF;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px; /*177.778%*/
        letter-spacing: -0.36px;

        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
    }
    section.three-layer .inner .txt-items .txt-item .txt-item {
        margin-top: 20px;
        width: 100%;
    }
    section.three-layer .inner .txt-items .txt-item .txt-item > span {
        color: #000;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.32px;
    }
    section.three-layer .inner .cards {
        margin-top: 80px;
        position: relative;

        display: grid;
        grid-template-rows: repeat(2, 156px);
        grid-template-columns: repeat(15, 25px);
        grid-template-areas:
        ". a a a a a a . b b b b b b ."
        ". . . . c c c c c c c . . . .";
        place-content: center;
    }
    section.three-layer .inner .cards .card {
        display: block;
        height: 156px;
    }
    section.three-layer .inner .cards .card:nth-child(1) {
        grid-area: a;
    }
    section.three-layer .inner .cards .card:nth-child(2) {
        grid-area: b;
    }
    section.three-layer .inner .cards .card:nth-child(3) {
        margin-top: 25px;
        justify-self: center;
        grid-area: c;
    }
    section.three-layer .inner .cards .card .card-image {
        width: 150px;
    }
    section.three-layer .inner .image-item {
        margin-top: 80px;
        padding: 0 25px;
        display: block;

        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
    }
    section.three-layer .inner .image-item > img {
        width: 325px;
        height: 164px;
    }
    /* End three-layer */
    /* Start four-layer */
    section.four-layer {
        position: relative;
    }
    section.four-layer .vertical-line__area {
        width: 100%;
        height: 130px;
        position: absolute;
        left: 0;
        right: 0;
        top: 22%;
        background: #F8F8F8;
    }
    section.four-layer .inner {
        padding-top: 80px;
        margin-bottom: 80px;
        height: 100%;
    }
    section.four-layer .inner .four-layer-title {
        position: relative;
        padding: 0 25px;
    }
    section.four-layer .inner .four-layer-title .title__txt {
        display: block;
    }
    section.four-layer .inner .four-layer-title .title__txt > span {
        color: #00A0E9;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.48px;

        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
    }
    section.four-layer .inner .mix-items {
        margin-top: 60px;
        padding: 0 25px;
        position: relative;
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 70px;
        place-items: center;
    }
    section.four-layer .inner .mix-items .left-item {
        display: block;
        width: 325px;
        height: 217px;
    }
    section.four-layer .inner .mix-items .left-item .desc-image {
        width: 100%;
    }
    section.four-layer .inner .mix-items .right-item {
        display: block;
    }
    section.four-layer .inner .mix-items .right-item .txt-order__3 {

    }
    section.four-layer .inner .mix-items .right-item .txt-order__3 > span {
        color: #000;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.36px;

        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
    }
    section.four-layer .inner .mix-items .right-item .txt-order__4 {
        margin-top: 40px;
    }
    section.four-layer .inner .mix-items .right-item .txt-order__4 > span {
        color: #000;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.32px;

        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
    }
    section.four-layer .inner .cards {
        margin-top: 80px;
        position: relative;

        display: grid;
        grid-template-rows: repeat(2, 156px);
        grid-template-columns: repeat(15, 25px);
        grid-template-areas:
        ". a a a a a a . b b b b b b ."
        ". . . . c c c c c c c . . . .";
        place-content: center;
    }
    section.four-layer .inner .cards .card {
        display: block;
        height: 156px;
    }
    section.four-layer .inner .cards .card:nth-child(1) {
        grid-area: a;
    }
    section.four-layer .inner .cards .card:nth-child(2) {
        grid-area: b;
    }
    section.four-layer .inner .cards .card:nth-child(3) {
        margin-top: 25px;
        justify-self: center;
        grid-area: c;
    }
    section.four-layer .inner .cards .card .card-image {
        width: 150px;
    }
    /* End four-layer */
}
/* End Mobile Device */