/* introduction_01 */
/* sub_01_sec1 */
#sub_01_sec1 {
    width: 100%;
    height: 50rem;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../img/sub/sub_01_sec1.png) no-repeat 0 0 / cover;
}

#sub_01_sec1 img {
    width: 700px;
    height: auto;
}

/* sub_01_sec2 */
#sub_01_sec2 {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}

#sub_01_sec2 h2 {
    font-size: 4.2rem;
    color: #08287f;
    font-weight: bold;
    margin: 15.7rem 0 15rem 0;
    text-align: center;
}

#sub_01_sec2 .sub_01_sec2_wrap {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    display: flex;
}

#sub_01_sec2 .sub_01_sec2_wrap .item1 {
    width: 40%;
    height: auto;
    position: relative;
    overflow: hidden;
}

#sub_01_sec2 .sub_01_sec2_wrap .item1 img {
    width: auto;
    height: auto;
}

#sub_01_sec2 .sub_01_sec2_wrap .item2 {
    width: 60%;
    height: auto;
    position: relative;
    overflow: hidden;
    padding-left: 26.7rem;
}

#sub_01_sec2 .sub_01_sec2_wrap .item2 h2 {
    font-size: 4.2rem;
    font-weight: bold;
    color: #08287f;
    text-align: left;
    margin: 0;
    margin-bottom: 5.9rem;
    word-break: keep-all;
}

#sub_01_sec2 .sub_01_sec2_wrap .item2 p {
    font-size: 1.8rem;
    color: #08287f;
    margin-bottom: 5.2rem;
    word-break: keep-all;
    line-height: 3.5rem;
}

#sub_01_sec2 .sub_01_sec2_wrap .item2 p:last-child {
    margin-bottom: 0;
}

@media (max-width: 1600px) {
    #sub_01_sec2 .sub_01_sec2_wrap .item2 h2 {
        font-size: 4.6rem;
    }

    #sub_01_sec2 .sub_01_sec2_wrap .item2 p {
        font-size: 2.4rem;
        line-height: 5rem;
    }
}

@media (max-width: 1400px) {
    #sub_01_sec2 .sub_01_sec2_wrap .item2 p {
        font-size: 2rem;
        line-height: 3rem;
        margin-bottom: 3rem;
    }

    #sub_01_sec2 .sub_01_sec2_wrap .item1 img {
        width: 100%;
    }

    #sub_01_sec2 .sub_01_sec2_wrap .item2 h2 {
        margin-bottom: 3rem;
    }
}

@media (max-width: 1200px) {
    #sub_01_sec1 img {
        width: 80rem;
    }

    #sub_01_sec2 h2 {
        font-size: 3.6rem;
        margin: 10.7rem 0 10rem 0;
    }

    #sub_01_sec2 .sub_01_sec2_wrap .item2 h2 {
        font-size: 3.6rem;
    }

    #sub_01_sec2 .sub_01_sec2_wrap {
        flex-wrap: wrap;
    }

    #sub_01_sec2 .sub_01_sec2_wrap .item1 {
        width: 100%;
        height: 30rem;
        padding: 0 10rem;
    }

    #sub_01_sec2 .sub_01_sec2_wrap .item1 img {
        transform: translateY(-10%);
    }

    #sub_01_sec2 .sub_01_sec2_wrap .item2 {
        width: 100%;
        padding-left: 0;
        text-align: center;
        margin: 3rem 0;
        padding: 0 2rem;
    }

    #sub_01_sec2 .sub_01_sec2_wrap .item2 h2 {
        text-align: center;
    }
}

@media (max-width: 900px) {
    #sub_01_sec1 img {
        width: 60rem;
    }
}

@media (max-width: 700px) {
    #sub_01_sec1 {
        height: 50rem;
    }

    #sub_01_sec1 img {
        width: 40rem;
    }
}

@media (max-width: 500px) {
    #sub_01_sec1 {
        height: 35rem;
    }

    #sub_01_sec1 img {
        width: 30rem;
    }

    #sub_01_sec2 .sub_01_sec2_wrap .item2 h2 {
        font-size: 2.4rem;
    }

    #sub_01_sec2 .sub_01_sec2_wrap .item1 {
        height: 20rem;
        padding: 0 5rem;
    }

    #sub_01_sec2 .sub_01_sec2_wrap .item2 p {
        font-size: 1.4rem;
        line-height: 2rem;
        margin-bottom: 2rem;
    }
}

@media (max-width: 300px) {
    #sub_01_sec1 {
        height: 30rem;
    }

    #sub_01_sec1 img {
        width: 25rem;
    }
}

/* introduction_02 */
#sub_02_sec1 {
    width: 100%;
    height: 62.6rem;
    background: url(../img/sub/sub_02_sec1.png) no-repeat 0 0 / cover;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

#sub_02_sec1 h1 {
    font-size: 5rem;
    font-weight: bold;
    color: #fff;
}

#sub_02_sec2 {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    text-align: center;
}

#sub_02_sec2 h2 {
    margin: 11.9rem 0 16.4rem 0;
    font-size: 4.2rem;
    font-weight: bold;
    color: #08287f;
}

#sub_02_sec2 .drop_background {
    width: auto;
    height: auto;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
}

#sub_02_sec2 .drop_background img {
    width: auto;
    height: auto;
}

#sub_02_sec2 .sub_02_sec2_wrap {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 44.2rem;
}

#sub_02_sec2 .sub_02_sec2_wrap .item {
    display: flex;
    margin-bottom: 15rem;
}

#sub_02_sec2 .sub_02_sec2_wrap .item .item_date img {
    width: auto;
    height: auto;
}

#sub_02_sec2 .sub_02_sec2_wrap .item .item_text img {
    width: auto;
    height: auto;
}

#sub_02_sec2 .sub_02_sec2_wrap .item:last-child {
    margin-bottom: 0;
}

#sub_02_sec2 .sub_02_sec2_wrap .item .item_text {
    padding-left: 7.8rem;
}

@media (max-width: 1600px) {
    #sub_02_sec2 .sub_02_sec2_wrap .item .item_date img {
        width: 30rem;
    }
}

@media (max-width: 1400px) {
    #sub_02_sec2 h2 {
        margin: 8rem 0 12rem 0;
        font-size: 4.6rem;
    }

    #sub_02_sec2 .sub_02_sec2_wrap .item .item_text img {
        width: 70rem;
    }

    #sub_02_sec2 .sub_02_sec2_wrap .item .item_text {
        margin-left: 6rem;
    }
}

@media (max-width: 1200px) {
    #sub_02_sec2 .sub_02_sec2_wrap .item .item_date img {
        width: 20rem;
    }

    #sub_02_sec2 .sub_02_sec2_wrap .item .item_text img {
        width: 50rem;
    }

    #sub_02_sec2 .sub_02_sec2_wrap .item {
        margin-bottom: 10rem;
    }

    #sub_02_sec2 .drop_background img {
        width: 120rem;
    }
}

@media (max-width: 900px) {
    #sub_02_sec2 h2 {
        margin: 6rem 0 8rem 0;
        font-size: 3.6rem;
    }

    #sub_02_sec2 .sub_02_sec2_wrap .item {
        margin-bottom: 5rem;
        flex-wrap: wrap;
    }

    #sub_02_sec2 .sub_02_sec2_wrap .item .item_date {
        width: 100%;
        margin-bottom: 3rem;
    }

    #sub_02_sec2 .sub_02_sec2_wrap .item .item_text {
        width: 100%;
        margin-left: 0;
        padding-left: 0;
    }
}

@media (max-width: 700px) {
    #sub_02_sec1 {
        height: 50rem;
    }

    #sub_02_sec1 h1 {
        font-size: 6.4rem;
    }

    #sub_02_sec2 .sub_02_sec2_wrap .item .item_date img {
        width: 15rem;
    }

    #sub_02_sec2 .sub_02_sec2_wrap .item .item_text img {
        width: 40rem;
    }
}

@media (max-width: 500px) {
    #sub_02_sec1 h1 {
        font-size: 4.8rem;
    }

    #sub_02_sec1 {
        height: 30rem;
    }

    #sub_02_sec2 h2 {
        margin: 4rem 0 6rem 0;
        font-size: 2.4rem;
    }

    #sub_02_sec2 .sub_02_sec2_wrap .item .item_date img {
        width: 12rem;
    }

    #sub_02_sec2 .sub_02_sec2_wrap .item .item_text img {
        width: 30rem;
    }

    #sub_02_sec2 .sub_02_sec2_wrap {
        margin-bottom: 10rem;
    }

    #sub_02_sec2 .drop_background img {
        width: 80rem;
    }
}

@media (max-width: 400px) {
    #sub_02_sec1 h1 {
        font-size: 3.6rem;
    }

    #sub_02_sec2 .sub_02_sec2_wrap .item .item_text img {
        width: 25rem;
    }
}

/* introduction_03 */
#sub_03_sec1 {
    width: 100%;
    height: 38.6rem;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../img/sub/sub_03_sec1.png) no-repeat 0 0 / cover;
}

#sub_03_sec1 h1 {
    font-size: 5rem;
    font-weight: bold;
    color: #fff;
}

#sub_03_sec2 {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    text-align: center;
}

#sub_03_sec2 h2 {
    margin: 11.9rem 0;
    font-size: 4.2rem;
    color: #08287f;
    font-weight: bold;
}

#sub_03_sec2 .drop_background {
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: -1;
}

#sub_03_sec2 .drop_background img {
    width: 100%;
    height: auto;
}

#sub_03_sec2 .sec2_wrap {
    width: 100%;
    height: auto;
    position: relative;
    padding: 0 30rem;
}

#sub_03_sec2 .sec2_wrap .item {
    width: 100%;
    height: auto;
    position: relative;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

#sub_03_sec2 .sec2_wrap .item img {
    width: 28%;
    height: auto;
    margin-bottom: 4rem;
    margin-right: 2%;
}

#sub_03_sec2 .sec2_wrap .item img:nth-child(3) {
    margin-right: 0;
}

#sub_03_sec2 .sec2_wrap .item img:nth-child(6) {
    margin-right: 0;
}

#sub_03_sec2 .sec2_wrap .item img:nth-child(9) {
    margin-right: 0;
}


#sub_03_sec2 .sec2_wrap .item img:nth-child(10) {
    margin-bottom: 0;
}

#sub_03_sec2 .sec2_wrap .item img:last-child {
    margin-right: 0;
    margin-bottom: 0;
}

@media (max-width: 1400px) {
    #sub_03_sec2 h2 {
        font-size: 4.8rem;
        margin: 8rem 0;
    }
}

@media (max-width: 1200px) {
    #sub_03_sec2 .sec2_wrap {
        padding: 0 10rem;
    }

    #sub_03_sec2 .sec2_wrap .item {
        align-items: center;
    }

    #sub_03_sec2 .sec2_wrap .item img {
        margin: 0;
        margin: 0 2rem;
    }

    #sub_03_sec2 .sec2_wrap .item img:nth-child(3) {
        margin-right: 0;
        margin: 0 2rem;
    }

    #sub_03_sec2 .sec2_wrap .item img:nth-child(6) {
        margin-right: 0;
        margin: 0 2rem;
    }

    #sub_03_sec2 .sec2_wrap .item img:nth-child(9) {
        margin-right: 0;
        margin: 0 2rem;
    }

    #sub_03_sec2 .sec2_wrap .item img:nth-child(10) {
        margin-bottom: 0;
        margin: 0 2rem;
    }

    #sub_03_sec2 .sec2_wrap .item img:last-child {
        margin-right: 0;
        margin-bottom: 0;
        margin: 0 2rem;
    }
}

@media (max-width: 900px) {
    #sub_03_sec1 h1 {
        font-size: 6rem;
    }

    #sub_03_sec1 {
        height: 50rem;
    }

    #sub_03_sec2 h2 {
        font-size: 3.6rem;
    }
}

@media (max-width: 700px) {
    #sub_03_sec2 .sec2_wrap {
        padding: 0 3rem;
    }
}

@media (max-width: 500px) {
    #sub_03_sec1 h1 {
        font-size: 4.6rem;
    }

    #sub_03_sec1 {
        height: 30rem;
    }

    #sub_03_sec2 h2 {
        font-size: 2.4rem;
        margin: 5rem 0;
    }
}

@media (max-width: 400px) {
    #sub_03_sec1 h1 {
        font-size: 3.2rem;
    }
}

/* introduction_04 */
#sub_04_sec1 {
    width: 100%;
    height: 62.6rem;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../img/sub/sub_04_sec1.png) no-repeat 0 0 / cover;
}

#sub_04_sec1 h1 {
    font-size: 5rem;
    font-weight: bold;
    color: #fff;
}

#sub_04_sec2 {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}

#sub_04_sec2 img {
    width: 100%;
    height: auto;
}

@media (max-width: 1400px) {
    #sub_04_sec1 h1 {
        font-size: 6.4rem;
    }
}

@media (max-width: 900px) {
    #sub_04_sec1 h1 {
        font-size: 4.8rem;
    }

    #sub_04_sec1 {
        height: 50rem;
    }
}

@media (max-width: 500px) {
    #sub_04_sec1 h1 {
        font-size: 3.6rem;
    }

    #sub_04_sec1 {
        height: 30rem;
    }
}

/* product_01 */
#sub_05_sec1 {
    width: 100%;
    height: 62.6rem;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../img/sub/sub_05_sec1.png) no-repeat 0 0 / cover;
}

#sub_05_sec1 h1 {
    font-size: 5rem;
    color: #fff;
    font-weight: bold;
}

#sub_05_sec2 {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    text-align: center;
}

#sub_05_sec2 h2 {
    margin: 11.9rem 0 9.6rem 0;
    font-size: 4.2rem;
    font-weight: bold;
    color: #08287f;
}

#sub_05_sec2 .sub_05_sec2_wrap {
    width: 100%;
    height: auto;
    position: relative;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

#sub_05_sec2 .sub_05_sec2_wrap img {
    margin-bottom: 9.6rem;
}

@media (max-width: 1600px) {
    #sub_05_sec2 .sub_05_sec2_wrap img {
        width: 120rem;
        height: auto;
    }
}

@media (max-width: 1400px) {
    #sub_05_sec1 h1 {
        font-size: 6.4rem;
    }

    #sub_05_sec2 h2 {
        margin: 8rem 0 6rem 0;
        font-size: 4.6rem;
    }

    #sub_05_sec2 .sub_05_sec2_wrap img {
        margin-bottom: 4rem;
        width: 100rem;
    }
}

@media (max-width: 1200px) {
    #sub_05_sec2 .sub_05_sec2_wrap img {
        width: 80rem;
    }
}

@media (max-width: 900px) {
    #sub_05_sec1 h1 {
        font-size: 4.8rem;
    }

    #sub_05_sec1 {
        height: 50rem;
    }

    #sub_05_sec2 h2 {
        margin: 6rem 0 4rem 0;
        font-size: 3.2rem;
    }

    #sub_05_sec2 .sub_05_sec2_wrap img {
        width: 60rem;
    }
}

@media (max-width: 700px) {
    #sub_05_sec2 .sub_05_sec2_wrap img {
        width: 40rem;
    }
}

@media (max-width: 500px) {
    #sub_05_sec1 h1 {
        font-size: 3.6rem;
    }

    #sub_05_sec1 {
        height: 30rem;
    }

    #sub_05_sec2 h2 {
        font-size: 2.4rem;
    }

    #sub_05_sec2 .sub_05_sec2_wrap img {
        width: 30rem;
    }
}

@media (max-width: 400px) {
    #sub_05_sec2 .sub_05_sec2_wrap img {
        width: 25rem;
    }
}

/* product_02 */
#sub_06_sec1 {
    width: 100%;
    height: 62.6rem;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../img/sub/sub_06_sec1.png) no-repeat 0 0 / cover;
}

#sub_06_sec1 h1 {
    font-size: 5rem;
    color: #fff;
    font-weight: bold;
}

#sub_06_sec2 {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    text-align: center;
}

#sub_06_sec2 h2 {
    margin: 11.9rem 0 9.6rem 0;
    font-size: 4.2rem;
    font-weight: bold;
    color: #08287f;
}

#sub_06_sec2 .sub_06_sec2_wrap {
    width: 100%;
    height: auto;
    position: relative;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

#sub_06_sec2 .sub_06_sec2_wrap img {
    margin-bottom: 9.6rem;
}

@media (max-width: 1600px) {
    #sub_06_sec2 .sub_06_sec2_wrap img {
        width: 120rem;
        height: auto;
    }
}

@media (max-width: 1400px) {
    #sub_06_sec1 h1 {
        font-size: 6.4rem;
    }

    #sub_06_sec2 h2 {
        margin: 8rem 0 6rem 0;
        font-size: 4.6rem;
    }

    #sub_06_sec2 .sub_06_sec2_wrap img {
        margin-bottom: 4rem;
        width: 100rem;
    }
}

@media (max-width: 1200px) {
    #sub_06_sec2 .sub_06_sec2_wrap img {
        width: 80rem;
    }
}

@media (max-width: 900px) {
    #sub_06_sec1 h1 {
        font-size: 4.8rem;
    }

    #sub_06_sec1 {
        height: 50rem;
    }

    #sub_06_sec2 h2 {
        margin: 6rem 0 4rem 0;
        font-size: 3.2rem;
    }

    #sub_06_sec2 .sub_06_sec2_wrap img {
        width: 60rem;
    }
}

@media (max-width: 700px) {
    #sub_06_sec2 .sub_06_sec2_wrap img {
        width: 40rem;
    }
}

@media (max-width: 500px) {
    #sub_06_sec1 h1 {
        font-size: 3.6rem;
    }

    #sub_06_sec1 {
        height: 30rem;
    }

    #sub_06_sec2 h2 {
        font-size: 2.4rem;
    }

    #sub_06_sec2 .sub_06_sec2_wrap img {
        width: 30rem;
    }
}

@media (max-width: 400px) {
    #sub_06_sec2 .sub_06_sec2_wrap img {
        width: 25rem;
    }
}

/* introduction_05 */
#sub_07_sec1 {
    width: 100%;
    height: 38.6rem;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../img/sub/sub_07_sec1.png) no-repeat 0 0 / cover;
}

#sub_07_sec1 h1 {
    font-size: 5rem;
    color: #fff;
    font-weight: bold;
}

#sub_07_sec2 {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    text-align: center;
}

#sub_07_sec2 h2 {
    font-size: 4.2rem;
    color: #08287f;
    font-weight: bold;
    margin: 11.9rem 0 9.6rem 0;
}

#sub_07_sec2 .sub_07_sec2_wrap {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    padding: 0 18.8rem;
    flex-wrap: wrap;
}

#sub_07_sec2 .sub_07_sec2_wrap .root_daum_roughmap {
    width: 100%;
    height: 38.4rem;
    margin-bottom: 11.2rem;
}

#sub_07_sec2 .sub_07_sec2_wrap .adress {
    width: 100%;
    height: auto;
    position: relative;
}

#sub_07_sec2 .sub_07_sec2_wrap .adress .item {
    width: 100%;
    height: auto;
    text-align: left;
}

#sub_07_sec2 .sub_07_sec2_wrap .adress .item h3 {
    font-size: 3rem;
    font-weight: bold;
    color: #08287f;
    padding: 0 0 3rem 5rem;
    position: relative;
}

#sub_07_sec2 .sub_07_sec2_wrap .adress .item h3::after {
    background: url(../img/sub/adress.png) no-repeat 0 0 / cover;
    width: 3.9rem;
    height: 4.9rem;
    position: absolute;
    left: 0;
    top: -2px;
    content: "";
}

#sub_07_sec2 .sub_07_sec2_wrap .adress .item p {
    font-size: 2.3rem;
    color: #08287f;
    padding: 1rem 6.3rem;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    margin-bottom: 7rem;
    word-break: keep-all;
}

#sub_07_sec2 .sub_07_sec2_wrap .adress .item:last-child p {
    margin-bottom: 9rem;
}

@media (max-width: 1400px) {
    #sub_07_sec1 h1 {
        font-size: 6.4rem;
    }
}

@media (max-width: 1200px) {
    #sub_07_sec2 h2 {
        font-size: 3.8rem;
        margin: 8rem 0 6rem 0;
    }

    #sub_07_sec2 .sub_07_sec2_wrap {
        padding: 0 5rem;
    }
}

@media (max-width: 900px) {
    #sub_07_sec1 h1 {
        font-size: 4.8rem;
    }

    #sub_07_sec1 {
        height: 50rem;
    }

    #sub_07_sec2 h2 {
        font-size: 3.4rem;
    }

    #sub_07_sec2 .sub_07_sec2_wrap .adress .item h3 {
        font-size: 2.4rem;
    }

    #sub_07_sec2 .sub_07_sec2_wrap .adress .item h3::after {
        background: url(../img/sub/adress.png) no-repeat 0 0 / 100% 100%;
        width: 2.9rem;
        height: 3.7rem;
        top: -2px;
    }

    #sub_07_sec2 .sub_07_sec2_wrap .adress .item h3 {
        padding: 0 0 2rem 4rem;
    }

    #sub_07_sec2 .sub_07_sec2_wrap .adress .item p {
        font-size: 2rem;
    }
}

@media (max-width: 500px) {
    #sub_07_sec1 {
        height: 30rem;
    }

    #sub_07_sec1 h1 {
        font-size: 3.6rem;
    }

    #sub_07_sec2 h2 {
        font-size: 2.4rem;
        margin: 5rem 0 3rem 0;
    }

    #sub_07_sec2 .sub_07_sec2_wrap .root_daum_roughmap {
        width: 100%;
        height: auto;
        margin-bottom: 5rem;
    }

    #sub_07_sec2 .sub_07_sec2_wrap {
        padding: 0 3rem;
    }

    #sub_07_sec2 .sub_07_sec2_wrap .adress .item p {
        padding: 1rem 4rem;
    }
}

/* cooperation */
#sub_08_sec1 {
    width: 100%;
    height: 38.6rem;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../img/sub/sub_08_sec1.png) no-repeat center / cover;
}

#sub_08_sec1 h1 {
    font-size: 5rem;
    font-weight: bold;
    color: #fff;
}

#sub_08_sec2 {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    padding: 20rem 22.7rem;
    flex-wrap: wrap;
}

#sub_08_sec2 h2 {
    width: 100%;
    font-size: 4.2rem;
    font-weight: bold;
    color: #08287f;
    margin-bottom: 15rem;
    text-align: center;
}

#sub_08_sec2 img {
    width: 1000px;
    height: auto;
}

#sub_08_sec2 .sub_08_sec2_background {
    position: absolute;
    z-index: -1;
    bottom: 0;
    right: 0;
    width: auto;
    height: auto;
}

@media (max-width: 1400px) {
    #sub_08_sec1 h1 {
        font-size: 6.4rem;
    }
}

@media (max-width: 1200px) {
    #sub_08_sec2 h2 {
        font-size: 3.8rem;
    }

    #sub_08_sec2 {
        padding: 15rem 10rem;
    }

    #sub_08_sec2 .sub_08_sec2_background {
        width: 100rem;
    }
}

@media (max-width: 900px) {
    #sub_08_sec1 h1 {
        font-size: 4.8rem;
    }

    #sub_08_sec1 {
        height: 50rem;
    }

    #sub_08_sec2 h2 {
        font-size: 3.4rem;
    }

    #sub_08_sec2 .sub_08_sec2_background {
        width: 80rem;
    }
}

@media (max-width: 700px) {
    #sub_08_sec2 h2 {
        margin-bottom: 5rem;
    }

    #sub_08_sec2 {
        padding: 10rem 5rem;
    }

    #sub_08_sec2 .sub_08_sec2_background {
        width: 50rem;
    }
}

@media (max-width: 500px) {
    #sub_08_sec1 {
        height: 30rem;
    }

    #sub_08_sec1 h1 {
        font-size: 3.6rem;
    }

    #sub_08_sec2 h2 {
        font-size: 2.4rem;
    }
}

@media (max-width: 400px) {
    #sub_08_sec2 {
        padding: 5rem 2rem;
    }

    #sub_08_sec2 .sub_08_sec2_background {
        width: 40rem;
    }
}

/* work_01 */
#sub_09_sec1 {
    width: 100%;
    height: 38.6rem;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../img/sub/sub_09_sec1.png) no-repeat center / cover;
}

#sub_09_sec1 h1 {
    font-size: 5rem;
    font-weight: bold;
    color: #fff;
}

#sub_09_sec2 {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    padding: 20rem 33rem;
    flex-wrap: wrap;
    background: url(../img/sub/sub_09_backgrond.png) no-repeat center / cover;
}

#sub_09_sec2 h2 {
    width: 100%;
    font-size: 4.2rem;
    font-weight: bold;
    color: #08287f;
    margin-bottom: 10rem;
    text-align: center;
}

#sub_09_sec2 img {
    width: 70%;
    height: auto;
    margin-bottom: 5rem;
}

#sub_09_sec2 .text_box {
    width: 100%;
    height: auto;
    padding: 0 6rem;
}

#sub_09_sec2 .text_box p {
    font-size: 2.3rem;
    color: #08287f;
    line-height: 5rem;
    word-break: keep-all;
}

#sub_09_sec2 .text_box p span:first-child {
    font-weight: bold;
    font-size: 3rem;
    word-break: keep-all;
}

#sub_09_sec2 .text_box p .last_span {
    font-weight: bold;
    font-size: 2.3rem;
    word-break: keep-all;
}

#sub_09_sec2 .text_box p .order_span {
    font-weight: bold;
    font-size: 3rem;
    word-break: keep-all;
}

#sub_09_sec2 .text_box ul li {
    list-style: disc inside;
    font-size: 2.3rem;
    line-height: 5rem;
    color: #08287f;
    word-break: keep-all;
}

@media (max-width: 1600px) {
    #sub_09_sec2 {
        padding: 20rem;
    }
}

@media (max-width: 1400px) {
    #sub_09_sec1 h1 {
        font-size: 6.4rem;
    }
}

@media (max-width: 1200px) {
    #sub_09_sec2 h2 {
        font-size: 3.8rem;
    }

    #sub_09_sec2 {
        padding: 5rem 10rem;
    }
}

@media (max-width: 900px) {
    #sub_09_sec1 h1 {
        font-size: 4.8rem;
    }

    #sub_09_sec2 h2 {
        font-size: 3.4rem;
    }

    #sub_09_sec2 .text_box {
        padding: 0 3rem;
    }

    #sub_09_sec2 .text_box p {
        font-size: 2rem;
        line-height: 5rem;
    }

    #sub_09_sec2 .text_box ul li {
        font-size: 2rem;
        line-height: 5rem;
    }

    #sub_09_sec2 .text_box p span:first-child {
        font-size: 2.3rem;
    }

    #sub_09_sec2 .text_box p .last_span {
        font-size: 2rem;
    }

    #sub_09_sec2 .text_box p .order_span {
        font-size: 2.3rem;
    }
}

@media (max-width: 700px) {
    #sub_09_sec2 h2 {
        margin-bottom: 5rem;
    }

    #sub_09_sec2 {
        padding: 5rem 2rem;
    }
}

@media (max-width: 500px) {
    #sub_09_sec1 {
        height: 30rem;
    }

    #sub_09_sec1 h1 {
        font-size: 3.6rem;
    }

    #sub_09_sec2 h2 {
        font-size: 2.4rem;
    }

    #sub_09_sec2 .text_box {
        padding: 0;
    }

    #sub_09_sec2 .text_box p {
        line-height: 3rem;
    }

    #sub_09_sec2 .text_box ul li {
        line-height: 3rem;
        font-size: 1.4rem;
    }
    
    #sub_09_sec2 .text_box p span:first-child {
        font-size: 2rem;
    }

    #sub_09_sec2 .text_box p .order_span {
        font-size: 2rem;
    }

    #sub_09_sec2 .text_box p {
        font-size: 1.6rem;
    }

    #sub_09_sec2 .text_box p .last_span {
        font-size: 1.6rem;
    }

    #sub_09_sec2 img {
        margin-bottom: 3rem;
    }
}

/* contactus */
#sub_10_sec1 {
    width: 100%;
    height: 38.6rem;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../img/sub/sub_10_sec1.png) no-repeat center / cover;
}

#sub_10_sec1 h1 {
    font-size: 5rem;
    font-weight: bold;
    color: #fff;
}

@media (max-width: 1400px) {
    #sub_10_sec1 h1 {
        font-size: 6.4rem;
    }
}

@media (max-width: 900px) {
    #sub_10_sec1 h1 {
        font-size: 4.8rem;
    }
}

@media (max-width: 500px) {
    #sub_10_sec1 {
        height: 30rem;
    }

    #sub_10_sec1 h1 {
        font-size: 3.6rem;
    }
}

#contents {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    padding: 100px 0;
  }
  
  #contents form {
    width: 60%;
    height: auto;
    border-top: 3px solid #000;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
  }
  
  #contents form div {
    display: flex;
    align-items: center;
    padding: 9px 0;
    border-bottom: 1px solid #000;
  }
  
  #contents form div label {
    width: 20%;
    padding-left: 60px;
    font-size: 17px;
    font-weight: 500;
  }
  
  #contents form div select {
    width: 30%;
    height: 40px;
    padding: 0 10px;
    font-size: 17px;
  }

  #contents form div select option {
    font-size: 20px;
  }
  
  #contents form div input {
    width: 30%;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    font-size: 17px;
  }
  
  #contents form div:nth-child(4) input {
    width: 80%;
  }
  
  #contents form div textarea {
    width: 80%;
    height: 130px;
    resize: none;
    padding: 10px;
    font-size: 20px;
  }
  
  #contents form p {
    width: 100%;
    height: 220px;
    border: 13px solid #acaba7;
    padding: 20px;
    font-size: 15px;
    overflow-y: scroll;
    margin: 80px 0 15px;
  }
  
  #contents form div:nth-child(8) {
    border: none;
    justify-content: center;
    margin-bottom: 25px;
  }
  
  #contents form div:nth-child(8) input {
    width: 20px;
    height: 20px;
  }
  
  #contents form div:nth-child(8) label {
    font-size: 20px;
    margin-left: 10px;
    padding: 0;
    width: auto;
  }
  
  #contents form div:nth-child(9) {
    border: none;
    justify-content: center;
  }
  
  #contents form div:nth-child(9) input {
    width: 157px;
    height: 50px;
    font-size: 20px;
    border: 1px solid #000;
    background: none;
    cursor: pointer;
    line-height: 50px;
  }
  
  
  @media (max-width: 1600px) {
    #banner div h1 {
      font-size: 60px;
    }
  
    #banner div h2 {
      font-size: 32px;
    }
  
    #banner {
      height: 400px;
    }
  
    #contents form div label {
      font-size: 20px;
    }
  }
  
  @media (max-width: 1200px) {
    #contents form {
      width: 90%;
    }
  
    #contents form div label {
      font-size: 16px;
    }
  
    #contents form div select {
      font-size: 16px;
      height: 40px;
    }

    #contents form div select option {
        font-size: 16px;
      }
  
    #contents form div input {
      height: 40px;
      font-size: 16px;
      line-height: 40px;
    }
  
    #contents form div textarea {
      height: 100px;
      font-size: 16px;
    }
  }
  
  @media (max-width: 900px) {
    #banner div h1 {
      font-size: 48px;
    }
  
    #banner div h2 {
      font-size: 24px;
    }
  
    #banner {
      height: 300px;
    }
  
    #contents form div label {
      padding-left: 30px;
    }
  }
  
  @media (max-width: 700px) {
    #banner div h1 {
      font-size: 32px;
      word-break: keep-all;
    }
  
    #banner div h2 {
      font-size: 20px;
      word-break: keep-all;
    }
  
    #contents form {
      padding-top: 10px;
    }
  
    #contents form div {
      flex-wrap: wrap;
      border-bottom: none;
      padding: 0;
    }
  
    #contents form div label {
      padding-left: 10px;
    }
  
    #contents form div input {
      width: 80%;
      margin-bottom: 10px;
    }
  
    #contents form div select {
      margin-bottom: 10px;
    }
  
    #contents form div:nth-child(6) {
      margin-top: 10px;
      border-bottom: 3px solid #000;
      flex-wrap: nowrap;
    }
  
    #contents form div:nth-child(6) input {
      margin-bottom: 0;
    }
  }
  
  @media (max-width: 500px) {
    #banner div h1 {
      font-size: 24px;
    }
  
    #banner div h2 {
      font-size: 16px;
    }
  
    #banner {
      height: 200px;
    }
  
    #contents form div label {
      font-size: 14px;
    }
  
    #contents form div label {
      width: 25%;
    }
  
    #contents form div input {
      width: 75%;
    }
  
    #contents form div:nth-child(4) input {
      width: 75%;
    }
  
    #contents form div textarea {
      width: 75%;
    }
  
    #contents form div input {
      font-size: 12px;
    }
  
    #contents form div:nth-child(8) label {
      font-size: 14px;
    }
  
    #contents form div:nth-child(8) input {
      transform: translateY(6px);
    }
  
    #contents form div:nth-child(9) input {
      width: 120px;
      height: 40px;
      font-size: 16px;
      line-height: 40px;
    }
  
    #contents form div:nth-child(6) span {
      display: none;
    }
  
    #contents {
      padding: 50px 0;
    }
  }
  
  @media (max-width: 400px) {
    #contents form div label {
      width: 100%;
      margin-bottom: 5px;
    }
  
    #contents form div select {
      width: 100%;
    }
  
    #contents form div select {
      font-size: 14px;
      height: 35px;
    }

    #contents form div select option {
        font-size: 14px;
      }
  
    #contents form div input {
      width: 100%;
      height: 35px;
    }
  
    #contents form div:nth-child(4) input {
      width: 100%;
    }
  
    #contents form div textarea {
      width: 100%;
    }
  
    #contents form div:nth-child(6) {
      flex-wrap: wrap;
    }
  
    #contents form p {
      border: 5px solid #acaba7;
      padding: 10px;
      font-size: 15px;
      margin: 30px 0 15px;
    }
  }

  #sub_01_sec2 .sub_01_sec2_wrap .item2 p.sign {
    font-size: 2.4rem;
    margin-top: 30px;
    text-align: center;
  }

  #sub_01_sec2 .sub_01_sec2_wrap .item2 p.sign img {
    width: 300px;
    height: auto;
    margin-left: 20px;
  }

  @media (max-width: 400px) {
    #sub_01_sec2 .sub_01_sec2_wrap .item2 p.sign {
        font-size: 1.8rem;
      }

      #sub_01_sec2 .sub_01_sec2_wrap .item2 p.sign img {
        width: 150px;
        height: auto;
        margin-left: 10px;
      }
  }




  /*  */

  @media (max-width: 400px) {
      #sub_01_sec2 h2 {
      font-size: 2.0rem;
      margin: 5rem 0 5rem 0;
    }

    #sub_01_sec2 .sub_01_sec2_wrap .item2 p {
      word-break: keep-all;
    }

    #sub_01_sec2 .sub_01_sec2_wrap .item2 p br {
      display: none;
    }

    #sub_03_sec2 h2 {
      font-size: 2.0rem;
    }

    #sub_03_sec1 {
      height: 25rem;
    }

    #sub_03_sec1 h1 {
      font-size: 2.4rem;
    }

    #sub_07_sec1 {
      height: 25rem;
    }

    #sub_07_sec1 h1 {
      font-size: 2.4rem;
    }

    #sub_07_sec2 h2 {
      font-size: 2.0rem;
      margin: 5rem auto;
    }

    #sub_09_sec1 {
      height: 25rem;
    }

    #sub_09_sec1 h1 {
      font-size: 2.4rem;
    }

    #sub_09_sec2 img {
      width: 90%;
    }

    #sub_08_sec2 img {
      width: 100%;
    }

    #sub_08_sec1 {
      height: 25rem;
    }

    #sub_08_sec1 h1 {
      font-size: 2.4rem;
    }
  }