/* Start PC Device */
@media screen and (min-width: 1440px) {
    /* Start Visual */
    section.visual {
        position: relative;
    }
    section.visual .image__area {
        position: absolute;
        top: 0;
        left: 0;
        filter: brightness(.5);
        width: 100%;
    }
    /* End Visual */
    /* Start one-layer */
    /* Start 1단 배경이미지 */
    section.visual.one-layer {

    }
    section.visual.one-layer .image__area {

    }
    section.visual.one-layer .image__area > img {
        width: 100%;
        height: 470px;
    }
    /* End 1단 배경이미지 */
    section.one-layer {
        position: relative;
    }
    section.one-layer .inner {
        height: 100%;
        min-height: 470px;
    }
    section.one-layer .inner .one-layer-title {
        position: absolute;
        top: 45%;
        left: 0;
        right: 0;
    }
    section.one-layer .inner .one-layer-title > 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 .inner {
        margin-top: 170px;
        height: 100%;
        min-height: 600px;
    }
    section.two-layer .inner .items {
        display: flex;
        justify-content: space-between;
        padding: 0 30px;
    }
    section.two-layer .inner .items .left-item {
        display: block;
        position: relative;
        width: 100%;
    }
    section.two-layer .inner .items .left-item .two-layer-title {
        display: block;
    }
    section.two-layer .inner .items .left-item .two-layer-title > p {

    }
    section.two-layer .inner .items .left-item .two-layer-title > p.title-order__2 {
        color: #000;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 37px; /* 154.167% */
        letter-spacing: -0.48px;
    }
    section.two-layer .inner .items .left-item .two-layer-title > p.title-order__3 {
        margin-top: 45px;
        color: #000;
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
    section.two-layer .inner .items .left-item .two-layer-title > p.title-order__4 {
        margin-top: 76px;
        color: #000;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px; /* 166.667% */
        letter-spacing: -0.36px;
    }
    section.two-layer .inner .items .right-item {
        display: block;
        position: relative;
    }
    section.two-layer .inner .items .right-item .two-layer-image {
        margin-top: 20px;
        width: 434px;
        height: 558px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;

        position: absolute;
        right: 0;
        z-index: -1;
    }
    /* End two-layer */
    /* Start three-layer */
    section.three-layer {
        position: relative;
    }
    section.three-layer .inner {
        margin-top: 180px;
        height: 100%;
        min-height: 624px;
    }
    section.three-layer .inner .items {
        display: flex;
        justify-content: space-between;
        padding: 0 30px;
    }
    section.three-layer .inner .items .left-item {
        display: block;
        position: relative;
    }
    section.three-layer .inner .items .left-item .three-layer-image {
        margin-top: 20px;
        width: 604px;
        height: 604px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;

        position: absolute;
        left: 0;
        z-index: -1;
    }
    section.three-layer .inner .items .right-item {
        display: block;
        position: relative;
        width: 100%;
    }

    section.three-layer .inner .items .right-item .three-layer-title {
        display: block;
    }
    section.three-layer .inner .items .right-item .three-layer-title > p {

    }
    section.three-layer .inner .items .right-item .three-layer-title > p.title-order__2 {
        color: #000;
        text-align: right;
        font-size: 28px;
        font-style: normal;
        font-weight: 500;
        line-height: 44px; /* 157.143% */
        letter-spacing: -0.56px;
    }
    section.three-layer .inner .items .right-item .three-layer-title > p.title-order__3 {
        margin-top: 77px;
        color: #000;
        text-align: right;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px; /* 166.667% */
        letter-spacing: -0.36px;
    }
    /* End three-layer */
    /* Start four-layer */
    /* Start 4단 배경이미지 */
    section.visual.four-layer {
        margin-top: 140px;
    }
    section.visual.four-layer .image__area {
        width: 100%;
        height: 841px;
        background: #F8F8F8;
        filter: brightness(1);
    }
    /*section.visual.four-layer .image__area > img {
        width: 100%;
        !*max-width: 1440px;*!
        height: 841px;
    }*/
    /* End 4단 배경이미지 */
    section.four-layer {
        position: relative;
    }
    section.four-layer .inner {
        margin-top: 140px;
        height: 100%;
        min-height: 841px;
    }
    section.four-layer .inner .four-layer-title {
        display: block;
        position: relative;
        padding: 0 30px;
    }
    section.four-layer .inner .four-layer-title:first-child {
        padding-top: 141px;
    }
    section.four-layer .inner .four-layer-title > p.title-order__1 {
        color: #000;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 37px; /* 154.167% */
        letter-spacing: -0.48px;
    }
    section.four-layer .inner .four-layer-title > p.title-order__2 {
        margin-top: 45px;
        color: #000;
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
    section.four-layer .inner .four-layer-title > .swiper-btn {
        display: block;
        position: absolute;
        bottom: 0;
        right: 30px;
    }
    section.four-layer .inner .four-layer-title > .swiper-btn .swiper-prev {
        margin-right: 25px;
        display: inline;
        color: #D9D9D9;
        cursor: pointer;
        outline: none;
        transition: .4s;
    }
    section.four-layer .inner .four-layer-title > .swiper-btn .swiper-next {
        margin-left: 25px;
        display: inline;
        color: #D9D9D9;
        cursor: pointer;
        outline: none;
        transition: .4s;
    }
    section.four-layer .inner .four-layer-title > .swiper-btn .swiper-prev:hover,
    section.four-layer .inner .four-layer-title > .swiper-btn .swiper-next:hover {
        color: #959595;
    }
    section.four-layer .inner .four-layer-title > .swiper-btn .swiper-prev > span,
    section.four-layer .inner .four-layer-title > .swiper-btn .swiper-next > span {
        font-size: 38px;
    }
    section.four-layer .inner .company-history {
        margin-top: 72px;
        display: block;
        position: relative;
    }
    section.four-layer .inner .company-history > .swiper-container {
        margin-left: 30px;
        width: calc(100% - 60px);
        position: absolute;
        top: 0;
        left: 0;
    }
    section.four-layer .inner .company-history > .swiper-container .swiper-wrapper {

    }
    section.four-layer .inner .company-history > .swiper-container .swiper-wrapper .swiper-slide {
        transition: opacity 1s;
        position: relative;
    }
    section.four-layer .inner .company-history > .swiper-container .swiper-wrapper .swiper-slide .swiper-box {
        margin-top: 7px;
        border-top: 1px solid #D9D9D9;
        /*height: 420px;*/
    }
    section.four-layer .inner .company-history > .swiper-container .swiper-wrapper .swiper-slide .swiper-box::before {
        content: '';
        position: absolute;
        top: 0;
        display: inline-block;
        width: 15px;
        height: 15px;
        border-radius: 7px;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        background-color: #00A0E9;
    }
    section.four-layer .inner .company-history > .swiper-container .swiper-wrapper .swiper-slide .swiper-box .company-history-title {
        margin-top: 31px;
        color: #000;
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px; /* 100% */
        letter-spacing: -0.8px;
    }
    section.four-layer .inner .company-history > .swiper-container .swiper-wrapper .swiper-slide .swiper-box .company-history-content {
        margin-top: 46px;
        color: #000;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 36px; /* 200% */
        letter-spacing: -0.36px;
    }
    /* End four-layer */
    /* Start five-layer */
    section.five-layer {
        position: relative;
    }
    section.five-layer .inner {
        margin-top: 106px;
        height: 100%;
        min-height: 800px;
    }
    section.five-layer .inner .five-layer-title {
        display: block;
        padding: 0 30px;
    }
    section.five-layer .inner .five-layer-title > p {

    }
    section.five-layer .inner .five-layer-title > p.title-order__1 {
        color: #000;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 37px; /* 154.167% */
        letter-spacing: -0.48px;
    }
    section.five-layer .inner .five-layer-title > p.title-order__2 {
        margin-top: 45px;
        color: #000;
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
    section.five-layer .inner .certificates {
        margin-top: 80px;
        display: block;
    }
    section.five-layer .inner .certificates .certificate {
        display: inline-block;
        margin: 85px 0;
        width: 100%;
        max-width: 355px;
        vertical-align: top;
        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
    }
    section.five-layer .inner .certificates .certificate:nth-child(1),
    section.five-layer .inner .certificates .certificate:nth-child(2),
    section.five-layer .inner .certificates .certificate:nth-child(3),
    section.five-layer .inner .certificates .certificate:nth-child(4) {
        margin-top: 0;
    }
    section.five-layer .inner .certificates .certificate:last-child {
        margin-bottom: 215px;
    }
    section.five-layer .inner .certificates .certificate > .certificate-image {
        width: 275px;
        height: 400px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        border: 1px solid #D9D9D9;
    }
    section.five-layer .inner .certificates .certificate > .certificate-title {
        margin-top: 24px;
        width: 275px;
        color: #000;
        text-align: center;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -0.36px;
    }
    /* End five-layer */
}
/* End PC Device */
/* Start Tablet Device */
@media screen and (min-width: 834px) and (max-width: 1439px) {
    /* Start Visual */
    section.visual {
        position: relative;
    }
    section.visual .image__area {
        position: absolute;
        top: 0;
        left: 0;
        filter: brightness(.5);
        width: 100%;
    }
    /* End Visual */
    /* Start one-layer */
    /* Start 1단 배경이미지 */
    section.visual.one-layer {

    }
    section.visual.one-layer .image__area {

    }
    section.visual.one-layer .image__area > img {
        width: 100%;
        height: 100%;
        min-height: 390px;
        max-height: 470px;
    }
    /* End 1단 배경이미지 */
    section.one-layer {
        position: relative;
    }
    section.one-layer .inner {
        height: 100%;
        min-height: 390px;
        max-height: 470px;
    }
    section.one-layer .inner .one-layer-title {
        position: absolute;
        top: 55%;
        left: 0;
        right: 0;
    }
    section.one-layer .inner .one-layer-title > 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 .inner {
        margin-top: 170px;
        height: 100%;
        min-height: 1236px;
    }
    section.two-layer .inner .items {
        display: block;
        padding: 0 30px;
    }
    section.two-layer .inner .items .left-item {
        display: block;
        position: relative;
        width: 100%;
    }
    section.two-layer .inner .items .left-item .two-layer-title {
        display: block;
    }
    section.two-layer .inner .items .left-item .two-layer-title > p {

    }
    section.two-layer .inner .items .left-item .two-layer-title > p.title-order__2 {
        color: #000;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 37px; /* 154.167% */
        letter-spacing: -0.48px;
    }
    section.two-layer .inner .items .left-item .two-layer-title > p.title-order__3 {
        margin-top: 45px;
        color: #000;
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
    section.two-layer .inner .items .left-item .two-layer-title > p.title-order__4 {
        margin-top: 76px;
        color: #000;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px; /* 166.667% */
        letter-spacing: -0.36px;
    }
    section.two-layer .inner .items .right-item {
        margin-top: 76px;
        display: block;
        position: relative;
    }
    section.two-layer .inner .items .right-item .two-layer-image {
        width: 434px;
        height: 558px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;

        position: absolute;
        right: 0;
        z-index: -1;
    }
    /* End two-layer */
    /* Start three-layer */
    section.three-layer {
        position: relative;
    }
    section.three-layer .inner {
        margin-top: 55px;
        height: 100%;
        min-height: 1188px;
    }
    section.three-layer .inner .items {
        display: block;
        padding: 0 30px;
    }
    section.three-layer .inner .items .left-item {
        display: block;
        position: relative;
    }
    section.three-layer .inner .items .left-item .three-layer-image {
        margin-top: 585px;
        width: 604px;
        height: 604px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;

        position: absolute;
        left: 0;
        z-index: -1;
    }
    section.three-layer .inner .items .right-item {
        display: block;
        position: relative;
        width: 100%;
    }

    section.three-layer .inner .items .right-item .three-layer-title {
        display: block;
    }
    section.three-layer .inner .items .right-item .three-layer-title > p {

    }
    section.three-layer .inner .items .right-item .three-layer-title > p.title-order__2 {
        color: #000;
        text-align: right;
        font-size: 28px;
        font-style: normal;
        font-weight: 500;
        line-height: 44px; /* 157.143% */
        letter-spacing: -0.56px;
    }
    section.three-layer .inner .items .right-item .three-layer-title > p.title-order__3 {
        margin-top: 77px;
        color: #000;
        text-align: right;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px; /* 166.667% */
        letter-spacing: -0.36px;
    }
    /* End three-layer */
    /* Start four-layer */
    /* Start 4단 배경이미지 */
    section.visual.four-layer {
        margin-top: 198px;
    }
    section.visual.four-layer .image__area {
        width: 100%;
        height: 800px;
        background: #F8F8F8;
        filter: brightness(1);
    }
    /*section.visual.four-layer .image__area > img {
        width: 100%;
        !*max-width: 1440px;*!
        height: 800px;
    }*/
    /* End 4단 배경이미지 */
    section.four-layer {
        position: relative;
    }
    section.four-layer .inner {
        margin-top: 140px;
        height: 100%;
        min-height: 800px;
    }
    section.four-layer .inner .four-layer-title {
        display: block;
        position: relative;
        padding: 0 30px;
    }
    section.four-layer .inner .four-layer-title:first-child {
        padding-top: 72px;
    }
    section.four-layer .inner .four-layer-title > p.title-order__1 {
        color: #000;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 37px; /* 154.167% */
        letter-spacing: -0.48px;
    }
    section.four-layer .inner .four-layer-title > p.title-order__2 {
        margin-top: 45px;
        color: #000;
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
    section.four-layer .inner .four-layer-title > .swiper-btn {
        display: block;
        position: absolute;
        bottom: 0;
        right: 30px;
    }
    section.four-layer .inner .four-layer-title > .swiper-btn .swiper-prev {
        margin-right: 25px;
        display: inline;
        color: #D9D9D9;
        cursor: pointer;
        outline: none;
        transition: .4s;
    }
    section.four-layer .inner .four-layer-title > .swiper-btn .swiper-next {
        margin-left: 25px;
        display: inline;
        color: #D9D9D9;
        cursor: pointer;
        outline: none;
        transition: .4s;
    }
    section.four-layer .inner .four-layer-title > .swiper-btn .swiper-prev:hover,
    section.four-layer .inner .four-layer-title > .swiper-btn .swiper-next:hover {
        color: #959595;
    }
    section.four-layer .inner .four-layer-title > .swiper-btn .swiper-prev > span,
    section.four-layer .inner .four-layer-title > .swiper-btn .swiper-next > span {
        font-size: 38px;
    }
    section.four-layer .inner .company-history {
        margin-top: 72px;
        display: block;
        position: relative;
    }
    section.four-layer .inner .company-history > .swiper-container {
        margin-left: 30px;
        width: calc(100% - 60px);
        position: absolute;
        top: 0;
        left: 0;
    }
    section.four-layer .inner .company-history > .swiper-container .swiper-wrapper {

    }
    section.four-layer .inner .company-history > .swiper-container .swiper-wrapper .swiper-slide {
        transition: opacity 1s;
        position: relative;
    }
    section.four-layer .inner .company-history > .swiper-container .swiper-wrapper .swiper-slide .swiper-box {
        margin-top: 7px;
        border-top: 1px solid #D9D9D9;
        padding-right: 30px;
        /*height: 420px;*/
    }
    section.four-layer .inner .company-history > .swiper-container .swiper-wrapper .swiper-slide .swiper-box::before {
        content: '';
        position: absolute;
        top: 0;
        display: inline-block;
        width: 15px;
        height: 15px;
        border-radius: 7px;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        background-color: #00A0E9;
    }
    section.four-layer .inner .company-history > .swiper-container .swiper-wrapper .swiper-slide .swiper-box .company-history-title {
        margin-top: 31px;
        color: #000;
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px; /* 100% */
        letter-spacing: -0.8px;
    }
    section.four-layer .inner .company-history > .swiper-container .swiper-wrapper .swiper-slide .swiper-box .company-history-content {
        margin-top: 46px;
        color: #000;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 36px; /* 200% */
        letter-spacing: -0.36px;
    }
    /* End four-layer */
    /* Start five-layer */
    section.five-layer {
        position: relative;
    }
    section.five-layer .inner {
        margin-top: 166px;
        height: 100%;
        min-height: 800px;
    }
    section.five-layer .inner .five-layer-title {
        display: block;
        padding: 0 30px;
    }
    section.five-layer .inner .five-layer-title > p {

    }
    section.five-layer .inner .five-layer-title > p.title-order__1 {
        color: #000;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 37px; /* 154.167% */
        letter-spacing: -0.48px;
    }
    section.five-layer .inner .five-layer-title > p.title-order__2 {
        margin-top: 45px;
        color: #000;
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
    section.five-layer .inner .certificates {
        margin-top: 80px;
        margin-left: 30px;
        margin-right: 30px;

        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 13px;
    }
    section.five-layer .inner .certificates .certificate {
        display: inline-block;
        margin: 85px 0;
        width: 100%;
        min-width: 249px;
        vertical-align: top;
        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
    }
    section.five-layer .inner .certificates .certificate:nth-child(1),
    section.five-layer .inner .certificates .certificate:nth-child(2),
    section.five-layer .inner .certificates .certificate:nth-child(3) {
        margin-top: 0;
    }
    section.five-layer .inner .certificates .certificate:last-child {
        margin-bottom: 93px;
    }
    section.five-layer .inner .certificates .certificate > .certificate-image {
        width: 249px;
        height: 365px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        border: 1px solid #D9D9D9;
    }
    section.five-layer .inner .certificates .certificate > .certificate-title {
        margin-top: 24px;
        width: 100%;
        color: #000;
        text-align: center;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -0.36px;
    }
    /* End five-layer */
}
/* End Tablet Device */
/* Start Mobile Device */
@media screen and (max-width: 833px) {
    /* Start Visual */
    section.visual {
        position: relative;
    }
    section.visual .image__area {
        position: absolute;
        top: 0;
        left: 0;
        filter: brightness(.5);
        width: 100%;
    }
    /* End Visual */
    /* Start one-layer */
    /* Start 1단 배경이미지 */
    section.visual.one-layer {

    }
    section.visual.one-layer .image__area {

    }
    section.visual.one-layer .image__area > img {
        width: 100%;
        height: 100%;
        min-height: 225px;
        max-height: 390px;
    }
    /* End 1단 배경이미지 */
    section.one-layer {
        position: relative;
    }
    section.one-layer .inner {
        height: 100%;
        min-height: 225px;
        max-height: 390px;
    }
    section.one-layer .inner .one-layer-title {
        position: absolute;
        top: 60%;
        left: 0;
        right: 0;
    }
    section.one-layer .inner .one-layer-title > 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 .inner {
        margin-top: 59px;
        height: 100%;
        /*min-height: 1236px;*/
    }
    section.two-layer .inner .items {
        display: block;
        padding: 0 25px;
    }
    section.two-layer .inner .items .left-item {
        display: block;
        position: relative;
        width: 100%;
    }
    section.two-layer .inner .items .left-item .two-layer-title {
        display: block;
    }
    section.two-layer .inner .items .left-item .two-layer-title > p {

    }
    section.two-layer .inner .items .left-item .two-layer-title > p.title-order__2 {
        color: #000;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 37px; /* 154.167% */
        letter-spacing: -0.48px;
    }
    section.two-layer .inner .items .left-item .two-layer-title > p.title-order__3 {
        margin-top: 24px;
        color: #000;
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
    section.two-layer .inner .items .left-item .two-layer-title > p.title-order__4 {
        margin-top: 48px;
        color: #000;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px; /* 166.667% */
        letter-spacing: -0.32px;
    }
    section.two-layer .inner .items .right-item {
        margin-top: 73px;
        display: block;
        position: relative;
        height: 418px;
    }
    section.two-layer .inner .items .right-item .two-layer-image {
        width: 325px;
        height: 418px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;

        position: absolute;
        right: 0;
        z-index: -1;
    }
    /* End two-layer */
    /* Start three-layer */
    section.three-layer {
        position: relative;
    }
    section.three-layer .inner {
        margin-top: 95px;
        height: 100%;
        min-height: 843px;
    }
    section.three-layer .inner .items {
        display: block;
        padding: 0 25px;
    }
    section.three-layer .inner .items .left-item {
        display: block;
        position: relative;
    }
    section.three-layer .inner .items .left-item .three-layer-image {
        margin-top: 517px;
        width: 325px;
        height: 325px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;

        position: absolute;
        left: 0;
        z-index: -1;
    }
    section.three-layer .inner .items .right-item {
        display: block;
        position: relative;
        width: 100%;
    }

    section.three-layer .inner .items .right-item .three-layer-title {
        display: block;
    }
    section.three-layer .inner .items .right-item .three-layer-title > p {

    }
    section.three-layer .inner .items .right-item .three-layer-title > p.title-order__2 {
        color: #000;
        text-align: right;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -1.2px;
    }
    section.three-layer .inner .items .right-item .three-layer-title > p.title-order__3 {
        margin-top: 51px;
        color: #000;
        text-align: right;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
        letter-spacing: -1.7px;
    }
    /* End three-layer */
    /* Start four-layer */
    /* Start 4단 배경이미지 */
    section.visual.four-layer {
        margin-top: 125px;
    }
    section.visual.four-layer .image__area {
        width: 100%;
        height: 700px;
        background: #F8F8F8;
        filter: brightness(1);
    }
    /*section.visual.four-layer .image__area > img {
        width: 100%;
        !*max-width: 1440px;*!
        height: 700px;
    }*/
    /* End 4단 배경이미지 */
    section.four-layer {
        position: relative;
    }
    section.four-layer .inner {
        margin-top: 125px;
        height: 100%;
        min-height: 700px;
    }
    section.four-layer .inner .four-layer-title {
        display: block;
        position: relative;
        padding: 0 25px;
    }
    section.four-layer .inner .four-layer-title:first-child {
        padding-top: 72px;
    }
    section.four-layer .inner .four-layer-title > p.title-order__1 {
        color: #000;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 37px; /* 154.167% */
        letter-spacing: -0.36px;
    }
    section.four-layer .inner .four-layer-title > p.title-order__2 {
        margin-top: 31px;
        color: #000;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
    section.four-layer .inner .four-layer-title > .swiper-btn {
        display: block;
        position: absolute;
        bottom: 0;
        right: 25px;
    }
    section.four-layer .inner .four-layer-title > .swiper-btn .swiper-prev {
        /*margin-right: 25px;*/
        display: inline;
        color: #D9D9D9;
        cursor: pointer;
        outline: none;
        transition: .4s;
    }
    section.four-layer .inner .four-layer-title > .swiper-btn .swiper-next {
        /*margin-left: 25px;*/
        display: inline;
        color: #D9D9D9;
        cursor: pointer;
        outline: none;
        transition: .4s;
    }
    section.four-layer .inner .four-layer-title > .swiper-btn .swiper-prev:hover,
    section.four-layer .inner .four-layer-title > .swiper-btn .swiper-next:hover {
        color: #959595;
    }
    section.four-layer .inner .four-layer-title > .swiper-btn .swiper-prev > span,
    section.four-layer .inner .four-layer-title > .swiper-btn .swiper-next > span {
        font-size: 30px;
    }
    section.four-layer .inner .company-history {
        margin-top: 76px;
        display: block;
        position: relative;
    }
    section.four-layer .inner .company-history > .swiper-container {
        margin-left: 25px;
        width: calc(100% - 50px);
        position: absolute;
        top: 0;
        left: 0;
    }
    section.four-layer .inner .company-history > .swiper-container .swiper-wrapper {

    }
    section.four-layer .inner .company-history > .swiper-container .swiper-wrapper .swiper-slide {
        transition: opacity 1s;
        position: relative;
    }
    section.four-layer .inner .company-history > .swiper-container .swiper-wrapper .swiper-slide .swiper-box {
        margin-top: 7px;
        border-top: 1px solid #D9D9D9;
        padding-right: 50px;
        /*height: 420px;*/
    }
    section.four-layer .inner .company-history > .swiper-container .swiper-wrapper .swiper-slide .swiper-box::before {
        content: '';
        position: absolute;
        top: 0;
        display: inline-block;
        width: 15px;
        height: 15px;
        border-radius: 7px;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        background-color: #00A0E9;
    }
    section.four-layer .inner .company-history > .swiper-container .swiper-wrapper .swiper-slide .swiper-box .company-history-title {
        margin-top: 31px;
        color: #000;
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px; /* 100% */
        letter-spacing: -0.8px;
    }
    section.four-layer .inner .company-history > .swiper-container .swiper-wrapper .swiper-slide .swiper-box .company-history-content {
        margin-top: 46px;
        color: #000;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px; /* 200% */
        letter-spacing: -0.32px;
    }
    /* End four-layer */
    /* Start five-layer */
    section.five-layer {
        position: relative;
    }
    section.five-layer .inner {
        margin-top: 71px;
        height: 100%;
        min-height: 800px;
    }
    section.five-layer .inner .five-layer-title {
        display: block;
        padding: 0 30px;
    }
    section.five-layer .inner .five-layer-title > p {

    }
    section.five-layer .inner .five-layer-title > p.title-order__1 {
        color: #000;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 37px; /* 154.167% */
        letter-spacing: -0.36px;
    }
    section.five-layer .inner .five-layer-title > p.title-order__2 {
        margin-top: 31px;
        color: #000;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
    section.five-layer .inner .certificates {
        margin-top: 71px;
        margin-left: 25px;
        margin-right: 25px;

        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 12px;
    }
    section.five-layer .inner .certificates .certificate {
        display: inline-block;
        margin: 40px 0;
        width: 100%;
        min-width: 100px;
        vertical-align: top;
        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;
    }
    section.five-layer .inner .certificates .certificate:nth-child(1),
    section.five-layer .inner .certificates .certificate:nth-child(2),
    section.five-layer .inner .certificates .certificate:nth-child(3) {
        margin-top: 0;
    }
    section.five-layer .inner .certificates .certificate:last-child {
        margin-bottom: 44px;
    }
    section.five-layer .inner .certificates .certificate > .certificate-image {
        width: 100px;
        height: 146px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        border: 1px solid #D9D9D9;
    }
    section.five-layer .inner .certificates .certificate > .certificate-title {
        margin-top: 20px;
        width: 100%;
        color: #000;
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -0.28px;
    }
    /* End five-layer */
}
/* End Mobile Device */