/*layer-1*/
    .lf-ehrd--layer-1 {
        height: 680px;
        background-color: #23b8e2;
        background-image: url('https://phujaadkokhb2284738.gcdn.ntruss.com/contents/resources/img/ehrd/background-1.png');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        color: #16366e;
    }

    .lf-ehrd--layer-1 .layer-item:nth-child(1) .title {
        font-size: 100px;
        font-weight: 400;
        line-height: 140px;
        text-shadow: 0px 6px 0px rgba(16, 16, 16, 0.2);
        
        border-bottom: 6px solid #16366e;
        height: 110px;
        transform: rotate(-8deg);
    }

    .lf-ehrd--layer-1 .layer-item:nth-child(1) .title--sub {

        font-size: 24px;
        line-height: 48px;
        transform: rotate(-8deg);

        text-align: center;

    }

    .lf-ehrd--layer-1 .layer-item:nth-child(1) .top-img {
        margin-left: -30px;
        margin-bottom: -10px;
    }

    .lf-ehrd--layer-1 .layer-item:nth-child(1) .bottom-img {
        width: 100%;
        text-align: center;
        margin-top: 50px;

    }

    .lf-ehrd--layer-1 .layer-item:nth-child(1) .bottom-img img {
        margin: 0 auto;

        box-shadow: 20px 20px 0px 0px rgba(16, 16, 16, 0.2);

    }




    /*layer-1*/
    /*layer-2*/
    .lf-ehrd--layer-2 {
        padding: 80px 0;

    }

    .lf-ehrd--layer-2 .title--sub {

        color: #16366e;
        font-size: 25px;
        font-weight: 700;
        line-height: 40px;

    }

    .lf-ehrd--layer-2 .title {

        color: #16366e;
        font-size: 60px;
        line-height: 80px;
        height: 70px;
        text-shadow: 0px 4px 0px rgba(16, 16, 16, 0.2);
        border-bottom: 6px solid #16366e;
       
    }

    .lf-ehrd--layer-2 .info-box .box-item {
        width: 330px;
        height: 80px;
        box-shadow: 0px 2px 4px 0px rgba(112, 112, 112, 0.17);
        background-color: #edf0f1;
        font-size: 16px;
        line-height: 22px;
    }

    .lf-ehrd--layer-2 .info-box .box-item:not(:last-child) {
        margin-bottom: 8px;
    }

    .lf-ehrd--layer-2 .info-box .box-item.large {
        height: 90px;
        margin-top: 22px;
        background-color: #23cdfd;
        color: white;
    }

    /*layer-2*/
    /*layer-3*/
    /* .lf-ehrd--layer-3 {
        background-color: #23cdfd;
        padding: 80px 0;
    };


    .lf-ehrd--layer-3 .lf-container .title--sub {
        color: #16366e;
        font-size: 25px;
        font-weight: 700;
        line-height: 40px;
    };

    .lf-ehrd--layer-3 .title {
        color: #16366e;
        font-size: 60px;
        line-height: 70px;
        text-shadow: 0px 4px 0px rgba(16, 16, 16, 0.2);
        border-bottom: 6px solid #16366e;
    } */

    .lf-ehrd--layer-3 {
        background-color: #23cdfd;
        padding: 80px 0;
    }

    .lf-ehrd--layer-3 .title--sub {

        color: #16366e;
        font-size: 25px;
        font-weight: 700;
        line-height: 40px;
    }

    .lf-ehrd--layer-3 .title {
        color: #16366e;
        font-size: 60px;
        line-height: 80px;
        height: 70px;
        text-shadow: 0px 4px 0px rgba(16, 16, 16, 0.2);
        border-bottom: 6px solid #16366e;
    }

    .lf-ehrd--layer-3  b {
     
        color: #23cdfd !important;
    }



    /*layer-3*/
    /*layer-4*/
    .lf-ehrd--layer-4 {
        background-color: #bddfec;
        padding: 80px 0;
    }

    .lf-ehrd--layer-4 .title--sub {

        color: #16366e;
        font-size: 25px;
        font-weight: 700;
        line-height: 40px;
    }

    .lf-ehrd--layer-4 .title {
        color: #16366e;
        font-size: 60px;
        line-height: 80px;
        height: 70px;
        text-shadow: 0px 4px 0px rgba(16, 16, 16, 0.2);
        border-bottom: 6px solid #16366e;
    }
    .lf-ehrd--layer-3 .box-container,
    .lf-ehrd--layer-4 .box-container {
        width: 100%;
        margin-top: 80px;
        position: relative;
        z-index: 1;
    }

    .lf-ehrd--layer-3 .box-container .box-item,
    .lf-ehrd--layer-4 .box-container .box-item {
        width: 800px;
        height: 140px;
        background-color: white;
        box-shadow: 0px 9px 38px 0px rgba(138, 138, 138, 0.14);
    }

    .lf-ehrd--layer-3 .box-container .box-item:nth-child(2n),
    .lf-ehrd--layer-4 .box-container .box-item:nth-child(2n) {
        background-color: #edf0f1;
    }

    .lf-ehrd--layer-3 .box-container .box-item .numbering,
    .lf-ehrd--layer-4 .box-container .box-item .numbering {

        color: #23cdfd;
        font-size: 50px;
        font-weight: bold;
        padding: 0 40px;
    }

    .lf-ehrd--layer-3 .box-container .box-item:nth-child(2n) .img-container,
    .lf-ehrd--layer-4 .box-container .box-item:nth-child(2n) .img-container {
        background: white;
    }

    .lf-ehrd--layer-3 .box-container .box-item .img-container,
    .lf-ehrd--layer-4 .box-container .box-item .img-container {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        background: #edf0f1;
    }

    .lf-ehrd--layer-3 .box-container .box-item .info-box,
    .lf-ehrd--layer-4 .box-container .box-item .info-box {
        margin-left: 30px;
    }

    .lf-ehrd--layer-3 .box-container .box-item .info--title,
    .lf-ehrd--layer-4 .box-container .box-item .info--title {
        font-size: 20px;
        font-weight: 700;
        line-height: 40px;
        font-weight: bold;
    }

    
    .lf-ehrd--layer-4 .box-container::after {
        content: '';
        width: 20px;
        border-top: 2px dotted black;
        border-right: 2px dotted black;
        border-bottom: 2px dotted black;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 0;
        right: 120px;
    }



    .lf-ehrd--layer-3 .box-container::before,
    .lf-ehrd--layer-4 .box-container::before {
        position: absolute;
        right: 28px;
        top: 50%;
        font-weight: bold;
        font-size: 24px;
        transform: translateY(-50%);
    }

    
    .lf-ehrd--layer-4 .box-container.top::before {
        content: '학습자';
    }

    .lf-ehrd--layer-4 .box-container.bottom::before {
        content: '러닝핏';
    }

    .lf-ehrd--layer-4 .box-container.top::after {
        height: 420px;
    }

    .lf-ehrd--layer-4 .box-container.bottom::after {
        height: 280px;
    }

    /*layer-4*/

    /*layer-5*/
    .lf-ehrd--layer-5 {
        padding: 80px 0;
        background-color: #edf0f1;

    }

    .lf-ehrd--layer-5 .title--sub {

        color: #16366e;
        font-size: 25px;
        font-weight: 700;
        line-height: 40px;
    }

    .lf-ehrd--layer-5 .title {
        color: #16366e;
        font-size: 60px;
        line-height: 80px;
        height: 70px;
        text-shadow: 0px 4px 0px rgba(16, 16, 16, 0.2);
        border-bottom: 6px solid #16366e;
    }

    .lf-ehrd--layer-5 .img-container {
        margin-top: 80px;
    }

    /*layer-5*/
    /*layer-99*/
    .lf-ehrd--layer-99 .lf-landing-footer-layer-2{
        display: none;
    }
    .lf-ehrd--layer-99 .lf-landing-footer-layer-1 .highlight{
        color: #55c1ea;
    }
    /*layer-99*/