.sub04 .sub04_1_sec_titBox {
    text-align: center;
    margin-bottom: 12rem;
}

.sub04 .sub04_1_sec_titBox p {
    font-size: 24px;
    font-weight: normal;
    color: #bf956d;
}

.sub04 .sub04_1_sec_titBox h2 {
    padding-top: 22px;
    padding-bottom: 34px;
    font-size: 40px;
    font-weight: bold;
    line-height: 1.35;
    color: #4d4d4d;
}

.sub04_1_sec_titBox h2 span {
    color: #bf956d;
}

.sub04_4_sec_titBox h2 {
    padding-bottom: 0;
}

.sub04 .sub04_1_sec_titBox h3 {
    font-size: 24px;
    font-weight: normal;
    line-height: 1.67;
    color: #707070;
}



.sub04-4 .rolling-visual .left-img {
    max-width: 417px;
    left: 5rem;
}

.sub04-4 .sec02 {
    padding: 14rem 0;
    background: url(../img/sub/02-1-sec02-bg.png) no-repeat center / cover;
    position: relative;
}

.sub04-4 .sec02 .inner {
    max-width: 880px;
}

.sub04-4 .sec02 .textbox {
    margin-bottom: 3.2rem;
    text-align: center;
}

.sub04-4 .sec02 .textbox p {
    display: block;
    color: #A1A1A1;
    margin-bottom: 10px;
}

.sub04-4 .sec02 ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.sub04-4 .sec02 ul > li {
    width: 23%;
    border-radius: 100%;
    background-color: #fff;
    position: relative;
}

.sub04-4 .sec02 ul > li::after {
    content: "";
    padding-bottom: 100%;
    display: block;
}

.sub04-4 .sec02 ul > li .textwrap {
    position: absolute;
    top: 0;
    left: 0%;
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.sub04-4 .sec02 ul > li .textwrap p {
    color: #A1A1A1;
    font-size: 2.4rem;
    line-height: 1.3;
}

.sub04-4 .sec02 ul > li .textwrap .number {
    color: #BF956D;
    margin-bottom: 10px;
    font-size: 4rem;
    font-weight: 700;
}

.sub04-4 .sec02 .imgbox {
    position: absolute;
    right: 5%;
    bottom: 0;
    width: 22%;
}

.sub04-4 .sec03 {
    padding: 14rem 0;
    position: relative;
    background: url(../img/sub/sub04_4_sec03_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.sub04-4 .sec03 .inner {
    max-width: 1040px;
}

.sub04-4 .sec03 .con-line {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
    gap: 2.5rem;
}

.sub04-4 .sec03 .con-line > li {
    flex: 1;
    background-color: #fff;
    position: relative;
    max-width: 324px;
    border-radius: 60px;
    border-bottom-right-radius: 0;
    overflow: hidden;
}

.sub04-4 .sec03 .con-line > li .con-imgBox img {
    width: 100%;
}

.sub04-4 .sec03 .con-line > li .con-txtBox {
    width: 100%;
    height: auto;
    position: relative;
    padding: 58px 30px 41px 30px;
    background: #fff;
    text-align: center;
}

.sub04-4 .sec03 .con-line > li .con-txtBox .con-num {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 69px;
    height: 69px;
    background: #bf956d;
    border-radius: 100%;
}

.sub04-4 .sec03 .con-line > li .con-txtBox .con-num p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    font-size: 28px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: -1.96px;
    text-align: center;
    color: #fff;
}

.sub04-4 .sec03 .con-line > li .con-txtBox h2 {
    font-size: 27px;
    font-weight: bold;
    text-align: center;
    color: #4d4d4d;
    padding-bottom: 17px;
}

.sub04-4 .sec03 .con-line > li .con-txtBox p {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.56;
    letter-spacing: -0.54px;
    text-align: center;
    color: #707070;
}

.sub04-4 .sec03 .con-line > li:nth-child(1),
.sub04-4 .sec03 .con-line > li:nth-child(3) {
    position: relative;
    top: 43px;
}

.sub04-4 .sec04 {
    background: url(../img/sub/sub04_4_sec04_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    padding: 14rem 0;
}

.sub04-4 .sec04 .inner {
    max-width: 1060px;
}

.sub04-4 .sec04 .con-subline {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
    gap: 20px;
    max-width: 660px;
}

.sub04-4 .sec04 .con-subline > li {
    max-width: 191px;
    text-align: center;
}

.sub04-4 .sec04 .con-subline > li .imgBox {
    width: 100%;
}

.sub04-4 .sec04 .con-subline > li .imgBox img {
    max-width: 191px;
}

.sub04-4 .sec04 > .imgBox {
    position: absolute;
    bottom: 0;
    right: 15vw;
}



@media(max-width:1600px) {
    .sub04-4 .sec04 > .imgBox {
        right: 10vw;
    }
}


@media(max-width:1400px) {
    .sub04-4 .sec02 .imgbox {
        right: 1%;
        width: 20%;
    }

    .sub04-4 .sec04 > .imgBox {
        right: 7vw;
    }
}

@media(max-width:1200px) {
    .sub04-4 .sec04 > .imgBox {
        right: 0vw;
    }
}

@media(max-width:1024px) {
    .sub04 .sub04_1_sec_titBox h3 br {
        display: none;
    }

    .sub04-4 .sec02 .imgbox {
        width: 15%;
    }

    .sub04-4 .sec04 .con-subline {
        max-width: initial;
    }

    .sub04-4 .sec04 .con-subline > li {
        width: calc(33% - 30px);
        max-width: initial;
    }

    .sub04-4 .sec04 > .imgBox {
        display: none;
    }
}

@media(max-width:797px) {

    .sub .textbox p,
    .sub .textbox h3 {
        display: block;
        font-size: 18px;
    }

    .sub .textbox h2 {
        font-size: 25px;
    }

    .sub04 .sub04_1_sec_titBox p {
        font-size: 20px;
    }

    .sub04 .sub04_1_sec_titBox h2 {
        padding-top: 20px;
        padding-bottom: 20px;
        font-size: 32px;
    }

    .sub04 .sub04_1_sec_titBox h3 {
        font-size: 22px;
    }

    .sub04-4 .sec02 ul {
        gap: 30px;
    }

    .sub04-4 .sec02 ul > li {
        flex: none;
        width: calc(50% - 30px);
    }

    .sub04-4 .sec03 .con-line > li {
        flex: none;
        width: 100%;
        max-width: 100%;
    }

    .sub04-4 .sec03 .con-line > li:nth-child(1),
    .sub04-4 .sec03 .con-line > li:nth-child(3) {
        top: 0;
    }



    .sub04-4 .sec03 .con-line {
        gap: 30px;
    }

    .sub04-4 .sec03 .con-line > li .con-txtBox {
        padding: 40px 20px 40px 20px;
    }

    .sub04-4 .sec03 .con-line > li .con-txtBox .con-num {
        width: 44px;
        height: 44px;
    }

    .sub04-4 .sec03 .con-line > li .con-txtBox .con-num p {
        font-size: 18px;
    }

    .sub04-4 .sec03 .con-line > li .con-txtBox h2 {
        font-size: 21px;
        padding-bottom: 12px;
    }

    .sub04-4 .sec03 .con-line > li .con-txtBox p {
        font-size: 16px;
    }

    .sub04-4 .sec04 .con-subline > li {
        width: calc(50% - 30px);
    }
    .sub04-4 .sec04 .con-subline > li .imgBox img{
        max-width: 100%;
    }
}

.sub04-5 .rolling-visual .left-img {max-width: 530px;}
.sub04-5 .sec02 .imgbox {width: 30%;}
.sub04-5 .sec02 .inner {max-width: 1050px;}
.sub04-5 .sec02 ul > li {width: 29%;}
.sub04-5 .sec02 ul > li .textwrap h2{font-size: 2.8rem;font-weight: bold;color: #4D4D4D;margin-top: 15px;}
.sub04-5 .sec02 ul > li .textwrap p {font-size: 2rem;font-weight: 500;color: #A1A1A1;margin-top: 10px;}
.sub04-5 .sec03 .con-line > li {top: 0 !important;max-width: 324px;border-radius: 30px;overflow: visible;}
.sub04-5 .sec03 .con-line > li .con-txtBox {padding: 60px 20px 50px;border-radius: 30px;}
.sub04-5 .sec03 .imgbox {position: absolute;left: 5%;bottom: 0;width: 25%;}
.sub04-5 .sub04_1_sec_titBox {margin-bottom: 4rem;}
.sub04-5 .sec04 .con-line{display: flex;justify-content: space-between;flex-wrap: wrap;}
.sub04-5 .sec04 .con-line li{width: 23.36%;background-color: #fff;border-radius: 30px;overflow: hidden;}
.sub04-5 .sec04 .con-line li h3{font-size: 2rem;font-weight: bold;color: #fff;text-align: center;background-color: #BF956D;padding: 16.5px 0;}
.sub04-5 .sec04 .con-line li p{font-size: 1.8rem;color: #707070;line-height: 1.5;text-align: center;padding: 26px 5px 36px;}
.sub04-5 .sec04 .con-line li:nth-child(even){position: relative;top: 20px;}
.sub04-5 .sec04 > .imgBox {width: 20%;right: 5%;}
.sub04-5 .sec04 > .imgBox img{max-width: 100%;}
.sub04-5 .cmd-product .imgbox img {top: -8rem;}

@media(max-width:1024px) {
    .sub04-5 .sec02 .imgbox {width: 25%;}
}
@media(max-width:797px) {
    .sub04-5 .sec02 .imgbox {width: 60%;}

    .sub04-5 .sec02 ul{justify-content: space-around;}
    .sub04-5 .sec02 ul > li {width: 80%;}

    .sub04-5 .sec03 .imgbox {width: 60%;}

    .sub04-5 .sec04 .con-line li{width: 48.5%;margin-bottom: 16px;}
    .sub04-5 .sec04 .con-line li:nth-child(even){top: 0;}
    .sub04-5 .sec04 {padding: 10rem 0;}

    .sub04-5 .cmd-product .imgbox img {top: 0rem;}
}

.sub04-6 .rolling-visual .left-img {max-width: 530px;left: 10rem;}
.sub04-6 .sub04_1_sec_titBox {margin-bottom: 4rem;}

.sub04-6 .sec02 .imgbox {width: 30%;}
.sub04-6 .sec02 .inner {max-width: 1050px;}
.sub04-6 .sec02 ul > li {width: 29%;}
.sub04-6 .sec02 ul > li .textwrap h2{font-size: 2.8rem;font-weight: bold;color: #4D4D4D;margin-top: 15px;}
.sub04-6 .sec02 ul > li .textwrap p {font-size: 2rem;font-weight: 500;color: #A1A1A1;margin-top: 10px;}

.sub04-6 .sec03{background: none;}
.sub04-6 .sec03 .inner{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;max-width: 1300px;}
.sub04-6 .sec03 .img_box{width: 47.3%;height: 500px;background: url(/html/img/sub/sub04_6_sec03_img01.png) no-repeat center/cover;border-radius: 35px;}
.sub04-6 .sec03 .titBox{width: 46%;margin: 0;padding: 0;}
.sub04-6 .sec03 .titBox p, 
.sub04-6 .sec03 .titBox h2{text-align: left;}
.sub04-6 .sec03 .titBox p.accent{font-size: 30px;font-weight: 600;color: #707070;}
.sub04-6 .sec03 .titBox p.accent .brown{font-weight: 800;color: #BF956D;}
.sub04-6 .sec03 .titBox p.sec_desc{font-size: 22px;font-weight: 400;color: #707070;line-height: 1.8;letter-spacing: -0.055em;padding-top: 20px;}

.sub04-6 .sec04 {padding: 14rem 0;position: relative;background: url(../img/sub/sub04_4_sec03_bg.jpg);background-repeat: no-repeat;background-size: cover;background-position: center center;}
.sub04-6 .sec04 .inner {max-width: 1040px;}
.sub04-6 .sec04 .titBox .sec_desc{font-size: 24px;font-weight: 400;color: #707070;line-height: 1.6;}
.sub04-6 .sec04 .titBox .sec_desc b{font-weight: 700;}
.sub04-6 .sec04 .con-line {display: flex;justify-content: center;flex-wrap: wrap;position: relative;gap: 2.5rem;}
.sub04-6 .sec04 .con-line > li {flex: 1;background-color: #fff;position: relative;max-width: 324px;border-radius: 60px;border-bottom-right-radius: 0;overflow: hidden;}
.sub04-6 .sec04 .con-line > li .con-imgBox img {width: 100%;}
.sub04-6 .sec04 .con-line > li .con-txtBox {width: 100%;height: auto;position: relative;padding: 58px 25px 41px 25px;background: #fff;text-align: center;}
.sub04-6 .sec04 .con-line > li .con-txtBox .con-num {position: absolute;top: 0;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);width: 69px;height: 69px;background: #bf956d;border-radius: 100%;}
.sub04-6 .sec04 .con-line > li .con-txtBox .con-num p {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);font-size: 28px;font-weight: bold;line-height: normal;letter-spacing: -1.96px;text-align: center;color: #fff;}
.sub04-6 .sec04 .con-line > li .con-txtBox h2 {font-size: 25px;font-weight: bold;text-align: center;color: #4d4d4d;padding-bottom: 17px;}
.sub04-6 .sec04 .con-line > li .con-txtBox h2 .sml {font-size: 19px;font-weight: 400;}
.sub04-6 .sec04 .con-line > li .con-txtBox p {font-size: 18px;font-weight: normal;line-height: 1.56;letter-spacing: -0.54px;text-align: center;color: #707070;}
.sub04-6 .sec04 .con-line > li:nth-child(1),
.sub04-6 .sec04 .con-line > li:nth-child(3) {position: relative;top: 43px;}

.sub04-6 .sec05 {padding: 14rem 0;background: url(../img/sub/sub04-6-sec05-bg.png) no-repeat center / cover;position: relative;}
.sub04-6 .sec05 .inner {max-width: 1050px;}
.sub04-6 .sec05 .textbox {margin-bottom: 3.2rem;text-align: center;}
.sub04-6 .sec05 .textbox p {display: block;color: #A1A1A1;margin-bottom: 10px;}
.sub04-6 .sec05 ul {display: flex;justify-content: space-between;flex-wrap: wrap;}
.sub04-6 .sec05 ul > li {width: 23%;border-radius: 100%;background-color: #fff;position: relative;box-shadow: rgba(0, 0, 0, 0.06) 0 15px 20px;}
.sub04-6 .sec05 ul > li::after {content: "";padding-bottom: 100%;display: block;}
.sub04-6 .sec05 ul > li .textwrap {position: absolute;top: 0;left: 0%;text-align: center;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;}
.sub04-6 .sec05 ul > li .textwrap p {color: #A1A1A1;font-size: 2.2rem;line-height: 1.3;}
.sub04-6 .sec05 ul > li .textwrap .number {color: #BF956D;margin-bottom: 10px;font-size: 4rem;font-weight: 700;}


@media(max-width:1070px) {
    .sub04-6 .sec03 .titBox p.sec_desc br{display: none;}
}
@media(max-width:1024px) {
    .sub04-6 .sec02 .imgbox {width: 25%;}

    .sub04-6 .sec03 .img_box{height: 400px;border-radius: 30px;}
    .sub04-6 .sec03 .titBox h2{font-size: 30px;}
    .sub04-6 .sec03 .titBox p.accent{font-size: 24px;}
    .sub04-6 .sec03 .titBox p.sec_desc{font-size: 20px;padding-top: 18px;}

}

@media(max-width:797px) {
    .sub04-6 .sec02 .imgbox {width: 60%;}
    .sub04-6 .sec02 ul{justify-content: space-around;}
    .sub04-6 .sec02 ul > li {width: 80%;}

    .sub04-6 .sec03 .inner{gap: 40px;}
    .sub04-6 .sec03 .img_box{width: 100%;height: 200px;border-radius: 30px;}
    .sub04-6 .sec03 .titBox{width: 100%;}
    .sub04-6 .sec03 .titBox h2{font-size: 26px;}
    .sub04-6 .sec03 .titBox h2 br{display: none;}
    .sub04-6 .sec03 .titBox p.accent{font-size: 22px;}
    .sub04-6 .sec03 .titBox p.sec_desc{font-size: 18px;padding-top: 16px;}

    .sub04-6 .sec04 .titBox .sec_desc{font-size: 18px;line-height: 1.6;}
    .sub04-6 .sec04 .titBox .sec_desc br{display: none;}
    .sub04-6 .sec04 .con-line > li {flex: none;width: 100%;max-width: 100%;}
    .sub04-6 .sec04 .con-line > li:nth-child(1),
    .sub04-6 .sec04 .con-line > li:nth-child(3) {top: 0;}
    .sub04-6 .sec04 .con-line {gap: 30px;}
    .sub04-6 .sec04 .con-line > li .con-txtBox {padding: 40px 20px 40px 20px;}
    .sub04-6 .sec04 .con-line > li .con-txtBox .con-num {width: 44px;height: 44px;}
    .sub04-6 .sec04 .con-line > li .con-txtBox .con-num p {font-size: 18px;}
    .sub04-6 .sec04 .con-line > li .con-txtBox h2 {font-size: 21px;padding-bottom: 12px;}
    .sub04-6 .sec04 .con-line > li .con-txtBox p {font-size: 16px;}

    .sub04-6 .sec05 ul {gap: 16px;}
    .sub04-6 .sec05 ul > li {flex: none;width: calc(50% - 8px);}
    .sub04-6 .sec05 ul > li .textwrap p{font-size: 16px;}

    .sub02-7 .sec05 ul > li .textwrap p{font-size: 15px;}
}


.sub04-7 .rolling-visual .left-img{left: 10%;}
.sub04-7 .rolling-visual .btm .imgbox{max-width: 305px;width: 16%;right: 15%;}


.sub04-7 .sec02 .imgbox {width: 30%;}
.sub04-7 .sec02 .inner {max-width: 1050px;}
.sub04-7 .sec02 ul > li {width: 29%;}
.sub04-7 .sec02 ul > li .textwrap h2{font-size: 2.8rem;font-weight: bold;color: #4D4D4D;margin-top: 15px;}
.sub04-7 .sec02 ul > li .textwrap p {font-size: 2rem;font-weight: 500;color: #A1A1A1;margin-top: 10px;}

.sub04-7 .sec03{position: relative;background: none;}
.sub04-7 .sec03 .textbox {margin-bottom: 3.2rem;text-align: center;}
.sub04-7 .sec03 .textbox p {display: block;color: #A1A1A1;margin-bottom: 10px;}
.sub04-7 .sec03 .effect_list{margin-top: 60px;}
.sub04-7 .sec03 .effect_list > li{display: flex;justify-content: space-between;flex-wrap: wrap;}
.sub04-7 .sec03 .effect_list > li:nth-child(2n + 1){position: relative;left: -100px;}
.sub04-7 .sec03 .effect_list > li .txt_box{position: relative;width: 60.32%;border-radius: 32px 32px 10px 50px;overflow: hidden;}
.sub04-7 .sec03 .effect_list > li .txt_box::after{content: '';display: block;width: 0;height: 0;position: absolute;top: 50%;right: 0;border-style: solid;border-width: 0px 23.5px 26px 23.5px;border-color: transparent transparent #ffffff transparent;transform: translateX(50%);}
.sub04-7 .sec03 .effect_list > li .img_box{width: 32.6%;}
.sub04-7 .sec03 .effect_list > li .img_box img{max-width: 100%;}
.sub04-7 .sec03 .effect_list > li .txt_box h3{font-size: 26px;font-weight: 700;color: #fff;line-height: 1.5;padding: 17px 30px;background-color: #61401F;}
.sub04-7 .sec03 .effect_list > li .txt_box p{font-size: 17px;font-weight: 400;color: #707070;line-height: 1.6;padding: 30px 30px 80px;background-color: #F8F7F6;}
.sub04-7 .sec03 .effect_list > li .txt_box p b{display: block;font-size: 19px;font-weight: 700;color: #61401F;padding-bottom: 12px;}
.sub04-7 .sec03 .effect_list > li:nth-child(n + 2){flex-direction: row-reverse;margin-top: 80px;}
.sub04-7 .sec03 .effect_list > li:nth-child(n + 2) .txt_box{border-radius: 32px 32px 50px 10px;}
.sub04-7 .sec03 .effect_list > li:nth-child(n + 2) .txt_box::after{right: unset;left: 0;transform: translateX(-50%);}
.sub04-7 .sec03 .effect_list > li:nth-child(n + 2) .txt_box h3{background-color: #BF956D;}
.sub04-7 .sec03 .effect_list > li:nth-child(n + 2) .txt_box p b{color: #BF956D;}
.sub04-7 .sec03 .model_img{position: absolute;bottom: 0;right: 5%;}
.sub04-7 .sec03 .model_img img{max-width: 100%;}


.sub04-7 .sec04 {padding: 14rem 0;position: relative;background: url(../img/sub/sub04_4_sec03_bg.jpg);background-repeat: no-repeat;background-size: cover;background-position: center center;}
.sub04-7 .sec04 .inner {max-width: 1400px;}
.sub04-7 .sec04 .titBox .sec_desc{font-size: 24px;font-weight: 400;color: #707070;line-height: 1.6;}
.sub04-7 .sec04 .titBox .sec_desc b{font-weight: 700;}
.sub04-7 .sec04 .con-line {display: flex;justify-content: center;flex-wrap: wrap;position: relative;gap: 2.5rem;}
.sub04-7 .sec04 .con-line > li {flex: 1;background-color: #fff;position: relative;max-width: 324px;border-radius: 60px;border-bottom-right-radius: 0;overflow: hidden;}
.sub04-7 .sec04 .con-line > li .con-imgBox img {width: 100%;}
.sub04-7 .sec04 .con-line > li .con-txtBox {width: 100%;height: auto;position: relative;padding: 58px 25px 41px 25px;background: #fff;text-align: center;}
.sub04-7 .sec04 .con-line > li .con-txtBox .con-num {width: 100%;max-width: 200px;position: absolute;top: 0;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);background: #bf956d;border-radius: 999px;}
.sub04-7 .sec04 .con-line > li .con-txtBox .con-num p {font-size: 20px;font-weight: bold;line-height: normal;letter-spacing: -1.96px;text-align: center;color: #fff;padding: 12px 60px;}
.sub04-7 .sec04 .con-line > li .con-txtBox h2 {font-size: 25px;font-weight: bold;text-align: center;color: #4d4d4d;padding-bottom: 17px;}
.sub04-7 .sec04 .con-line > li .con-txtBox h2 .sml {font-size: 19px;font-weight: 400;}
.sub04-7 .sec04 .con-line > li .con-txtBox p {font-size: 18px;font-weight: normal;line-height: 1.56;letter-spacing: -0.54px;text-align: center;color: #707070;}
.sub04-7 .sec04 .con-line > li:nth-child(1),
.sub04-7 .sec04 .con-line > li:nth-child(3) {position: relative;top: 43px;}

.sub04-7 .sec05 {padding: 14rem 0;background: url(../img/sub/sub04-6-sec05-bg.png) no-repeat center / cover;position: relative;}
.sub04-7 .sec05 .inner {max-width: 1050px;}
.sub04-7 .sec05 .textbox {margin-bottom: 3.2rem;text-align: center;}
.sub04-7 .sec05 .textbox p {display: block;color: #A1A1A1;margin-bottom: 10px;}
.sub04-7 .sec05 .textbox p.sec_desc{font-size: 24px;font-weight: 400;color: #707070;margin-top: 30px;}
.sub04-7 .sec05 ul {display: flex;justify-content: space-between;flex-wrap: wrap;}
.sub04-7 .sec05 ul > li {width: 23%;border-radius: 100%;background-color: #fff;position: relative;box-shadow: rgba(0, 0, 0, 0.06) 0 15px 20px;}
.sub04-7 .sec05 ul > li::after {content: "";padding-bottom: 100%;display: block;}
.sub04-7 .sec05 ul > li .textwrap {position: absolute;top: 0;left: 0%;text-align: center;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;}
.sub04-7 .sec05 ul > li .textwrap p {color: #A1A1A1;font-size: 2.2rem;line-height: 1.3;}
.sub04-7 .sec05 ul > li .textwrap .number {color: #BF956D;margin-bottom: 10px;font-size: 4rem;font-weight: 700;}

@media(max-width:1920px) {
    .sub04-7 .sec03 .model_img{width: 35%;right: 0;}
}
@media(max-width:1240px) {
    .sub04-7 .sec03 .effect_list > li:nth-child(2n + 1){left: unset;}
}
@media(max-width:1200px) {
    .sub04-7 .sec03{padding-bottom: 0;}
    .sub04-7 .sec03 .model_img{position: static;padding-top: 40px;width: 100%;max-width: 500px;margin-left: auto;}
}
@media(max-width:1070px) {
    .sub04-7 .sec03 .titBox p.sec_desc br{display: none;}
}
@media(max-width:1024px) {
    .sub04-7 .sec02 .imgbox {width: 25%;}

    .sub04-7 .sec03 .titBox h2{font-size: 30px;}
}

@media(max-width:797px) {
    .sub04-7 .sec02 .imgbox {width: 60%;}
    .sub04-7 .sec02 ul{justify-content: space-around;}
    .sub04-7 .sec02 ul > li {width: 80%;}

    .sub04-7 .sec03 .titBox{width: 100%;}
    .sub04-7 .sec03 .titBox h2{font-size: 26px;}
    .sub04-7 .sec03 .titBox h2 br{display: none;}

    .sub04-7 .sec03 .effect_list{margin-top: 30px;}
    .sub04-7 .sec03 .effect_list > li{flex-direction: column-reverse;gap: 16px;}
    .sub04-7 .sec03 .effect_list > li .txt_box{width: 100%;border-radius: 20px;}
    .sub04-7 .sec03 .effect_list > li .txt_box::after{display: none;}
    .sub04-7 .sec03 .effect_list > li .img_box{width: 100%;padding: 0 40px;text-align: center;}
    .sub04-7 .sec03 .effect_list > li .img_box img{max-width: 240px;}
    .sub04-7 .sec03 .effect_list > li .txt_box h3{font-size: 20px;padding: 14px 20px;}
    .sub04-7 .sec03 .effect_list > li .txt_box p{font-size: 16px;padding: 20px 20px 40px;}
    .sub04-7 .sec03 .effect_list > li .txt_box p b{font-size: 17px;padding-bottom: 8px;}
    .sub04-7 .sec03 .effect_list > li .txt_box p br{display: none;}
    .sub04-7 .sec03 .effect_list > li:nth-child(n + 2){flex-direction: column-reverse;margin-top: 20px;}
    .sub04-7 .sec03 .effect_list > li:nth-child(n + 2) .txt_box{border-radius: 20px;}

    .sub04-7 .sec04 .titBox .sec_desc{font-size: 18px;line-height: 1.6;}
    .sub04-7 .sec04 .titBox .sec_desc br{display: none;}
    .sub04-7 .sec04 .con-line > li {flex: none;width: 100%;max-width: 100%;}
    .sub04-7 .sec04 .con-line > li:nth-child(1),
    .sub04-7 .sec04 .con-line > li:nth-child(3) {top: 0;}
    .sub04-7 .sec04 .con-line {gap: 30px;}
    .sub04-7 .sec04 .con-line > li .con-txtBox {padding: 40px 20px 40px 20px;}
    .sub04-7 .sec04 .con-line > li .con-txtBox .con-num p {font-size: 16px;letter-spacing: normal;padding: 10px 40px;}
    .sub04-7 .sec04 .con-line > li .con-txtBox p {font-size: 18px;}
    .sub04-7 .sec04 .con-line > li .con-txtBox h2 {font-size: 21px;padding-bottom: 12px;}

    .sub04-7 .sec05 ul {gap: 16px;}
    .sub04-7 .sec05 ul > li {flex: none;width: calc(50% - 8px);}
    .sub04-7 .sec05 ul > li .textwrap p{font-size: 16px;}

    .sub02-7 .sec05 ul > li .textwrap p{font-size: 15px;}
}


.sub02-8 .sec04 .inner{max-width: 1140px;}
.sub02-8 .sec04 .ole_process{position: relative;display: flex;justify-content: space-between;flex-wrap: wrap;gap: 32px 0;max-width: 928px;padding: 0 114px;margin: 40px auto 0;}
.sub02-8 .sec04 .ole_process::before,
.sub02-8 .sec04 .ole_process::after{content: '';position: absolute;top: 50%;width: 64px;height: 290px;background-repeat: no-repeat;background-position: center;background-size: contain;transform: translateY(-55%);}
.sub02-8 .sec04 .ole_process::before{left: 0;background-image: url(/html/img/sub/sub02_8_left.png);}
.sub02-8 .sec04 .ole_process::after{right: 0;background-image: url(/html/img/sub/sub02_8_right.png);}
.sub02-8 .sec04 .ole_process > li{width: 28.57%;}
.sub02-8 .sec04 .ole_process > li img{max-width: 100%;}
.sub02-8 .sec04 .ole_process > li p{font-size: 26px;font-weight: 700;color: #1E1E1E;margin-top: 12px;text-align: center;}
.sub02-8 .sec04 .desc{font-size: 24px;font-weight: 400;color: #707070;line-height: 1.6;text-align: center;margin-top: 40px;}

.sub02-8 .sec03{position: relative;background: none;padding: 150px 0 220px;}
.sub02-8 .sec03 .inner{display: block;max-width: 1040px;}
.sub02-8 .sec03 .textbox {margin-bottom: 3.2rem;text-align: center;}
.sub02-8 .sec03 .textbox p {display: block;color: #A1A1A1;margin-bottom: 10px;}
.sub02-8 .sec03 .effect_list{display: flex;justify-content: space-between;flex-wrap: wrap;max-width: 1020px;margin: 70px auto 0;}
.sub02-8 .sec03 .effect_list > li{width: 48.51%;position: relative;border-radius: 40px;overflow: hidden;border: #D1D1D1 solid 1px;}
.sub02-8 .sec03 .effect_list > li .img_box{width: 100%;height: auto;background-image: none;border-radius: unset;}
.sub02-8 .sec03 .effect_list > li .img_box img{max-width: 100%;}
.sub02-8 .sec03 .effect_list > li .txt_box{position: absolute;bottom: 20px;left: 50%;width: 92%;padding: 30px 10px;border-radius: 30px;transform: translateX(-50%);background-color: rgba(255, 255, 255, 0.8);}
.sub02-8 .sec03 .effect_list > li .txt_box h3{font-size: 30px;font-weight: 700;color: #4D4D4D;text-align: center;}
.sub02-8 .sec03 .effect_list > li .txt_box p{font-size: 18px;font-weight: 400;color: #707070;text-align: center;margin-top: 20px;}
.sub02-8 .sec03 .model_img{position: absolute;bottom: 0;right: 0;}
.sub02-8 .sec03 .model_img img{max-width: 100%;}

.sub02-8 .sec05.sec06{background: url(../img/sub/sub04_4_sec03_bg.jpg) no-repeat center/cover;}
.sub02-8 .sec05 .ole_effect{display: flex;flex-wrap: wrap;background-color: #fff;border-radius: 32px;margin-bottom: 40px;overflow: hidden;}
.sub02-8 .sec05 .ole_effect .txt_box{width: 55%;padding: 80px 0 80px 50px;}
.sub02-8 .sec05 .ole_effect .txt_box span{display: block;}
.sub02-8 .sec05 .ole_effect .txt_box span.dark{font-size: 26px;font-weight: 700;color: #61401F;}
.sub02-8 .sec05 .ole_effect .txt_box span.light{font-size: 24px;font-weight: 700;color: #BF956D;margin-top: 30px;}
.sub02-8 .sec05 .ole_effect .txt_box span.txt{font-size: 24px;font-weight: 400;color: #707070;margin-top: 12px;}
.sub02-8 .sec05 .ole_effect .img_box{width: 45%;}
.sub02-8 .sec05 .ole_effect .img_box img{max-width: 383px;}

@media(max-width:1200px) {
    .sub02-8 .sec03{padding-bottom: 0;}
    .sub02-8 .sec03 .model_img{position: static;padding-top: 40px;width: 100%;max-width: 500px;width: 60%;margin-left: auto;}
}
@media(max-width:1024px) {
    .sub02-8 .sec03{padding: 100px 0 0;}
    .sub02-8 .sec03 .effect_list{gap: 20px;margin: 40px auto 0;}
    .sub02-8 .sec03 .effect_list > li{width: 100%;}
    .sub02-8 .sec03 .effect_list > li .txt_box{padding: 20px 10px;}
    .sub02-8 .sec03 .effect_list > li .txt_box h3{font-size: 24px;}
    .sub02-8 .sec03 .effect_list > li .txt_box p{font-size: 16px;margin-top: 16px;}
}
@media(max-width:797px) {
    .sub02-8 .sec04 .ole_process{justify-content: space-evenly;gap: 20px 0;padding: 0;margin: 30px auto 0;}
    .sub02-8 .sec04 .ole_process::before, 
    .sub02-8 .sec04 .ole_process::after{width: 20px;height: 200px;transform: translateY(-63%);}
    .sub02-8 .sec04 .ole_process::before{left: -12px;background-image: url(/html/img/sub/sub02_8_left2.png);}
    .sub02-8 .sec04 .ole_process::after{right: -12px;background-image: url(/html/img/sub/sub02_8_right2.png);}
    .sub02-8 .sec04 .ole_process > li{width: 30%;}
    .sub02-8 .sec04 .ole_process > li p{font-size: 18px;margin-top: 10px;}
    .sub02-8 .sec04 .desc{font-size: 18px;margin-top: 30px;}    

    .sub02-8 .sec05 .ole_effect{margin-bottom: 30px;flex-direction: column-reverse;}
    .sub02-8 .sec05 .ole_effect .txt_box{width: 100%;padding: 40px 20px;}
    .sub02-8 .sec05 .ole_effect .txt_box span.dark{font-size: 18px;}
    .sub02-8 .sec05 .ole_effect .txt_box span.light{font-size: 16px;margin-top: 16px;}
    .sub02-8 .sec05 .ole_effect .txt_box span.txt{font-size: 16px;margin-top: 10px;}
    .sub02-8 .sec05 .ole_effect .img_box{width: 100%;text-align: center;}
}




.sub02-9 .rolling-visual .btm .imgbox{right: 7%; width: 25%;}
@media screen and (max-width:797px) {
    .sub02-9 .rolling-visual .btm .imgbox{width: 40%;}
}

.sub02-9 .sec04{position: relative;}
.sub02-9 .sec04 .inner{z-index: 22;}
.sub02-9 .sec04 .about_oxy{display: flex;justify-content: space-between;flex-wrap: wrap;}
.sub02-9 .sec04 .about_oxy > li{width: 31.26%;border-radius: 0 60px 60px 60px;overflow: hidden;background-color: #BF956D;}
.sub02-9 .sec04 .about_oxy > li .img_box{background-color: #fff;}
.sub02-9 .sec04 .about_oxy > li .img_box img{max-width: 100%;}
.sub02-9 .sec04 .about_oxy > li .txt_box{position: relative;padding: 60px 40px;}
.sub02-9 .sec04 .about_oxy > li .txt_box .num{position: absolute;top: 0;left: 50%;display: flex;justify-content: center;align-items: center;width: 70px;height: 70px;font-size: 28px;font-weight: 700;color: #BF956D;background-color: #fff;border: #BF956D solid 2px;border-radius: 50%;transform: translate(-50%, -50%);}
.sub02-9 .sec04 .about_oxy > li .txt_box p{font-size: 18px;font-weight: 400;color: #fff;text-align: center;line-height: 1.5;}
.sub02-9 .sec04 .model{position: absolute;bottom: 0;right: 0;max-width: 400px;width: 20%;z-index: 11;}
.sub02-9 .sec04 .model img{max-width: 100%;}

@media screen and (max-width:797px) {
    .sub02-9 .sec04{padding-bottom: 0;}
    .sub02-9 .sec04 .about_oxy{gap: 20px;}
    .sub02-9 .sec04 .about_oxy > li{width: 100%;border-radius: 0 40px 40px 40px;}
    .sub02-9 .sec04 .about_oxy > li .img_box{text-align: center;}
    .sub02-9 .sec04 .about_oxy > li .img_box img{width: 80%;}
    .sub02-9 .sec04 .about_oxy > li .txt_box{padding: 30px 20px;}
    .sub02-9 .sec04 .about_oxy > li .txt_box .num{width: 50px;height: 50px;font-size: 18px;}
    .sub02-9 .sec04 .about_oxy > li .txt_box p{font-size: 16px;}
    .sub02-9 .sec04 .model{position: unset;max-width: 400px;width: 100%;text-align: right;margin-top: 60px;}    
    .sub02-9 .sec04 .model img{width: 60%;}
}

.sub02-9 .sec03{background: url(../img/sub/sub04-6-sec05-bg.png) no-repeat center / cover;}
.sub02-9 .sec03 .step_oxy{display: flex;justify-content: space-between;gap: 50px 0;flex-wrap: wrap;}
.sub02-9 .sec03 .step_oxy > li{width: 45.46%;border-radius: 0 60px 60px 60px;background-color: #F2F2F2;overflow: hidden;}
.sub02-9 .sec03 .step_oxy > li .img_box{width: auto;height: auto;background: unset;border-radius: unset;}
.sub02-9 .sec03 .step_oxy > li .img_box img{max-width: 100%;}
.sub02-9 .sec03 .step_oxy > li .txt_box{position: relative;padding: 60px 20px;}
.sub02-9 .sec03 .step_oxy > li .txt_box .step{position: absolute;top: 0;left: 50%;display: flex;justify-content: center;align-items: center;min-width: 240px;font-size: 20px;font-weight: 700;color: #fff;padding: 12px;background-color: #BF956D;border-radius: 999px;transform: translate(-50%, -50%);}
.sub02-9 .sec03 .step_oxy > li .txt_box h3{font-size: 32px;font-weight: 700;color: #4D4D4D;text-align: center;line-height: 1.3;}
.sub02-9 .sec03 .step_oxy > li .txt_box p{font-size: 18px;font-weight: 400;color: #707070;line-height: 1.5;text-align: center;margin-top: 16px;}
.sub02-9 .sec03 .pd{position: absolute;bottom: 0;right: 0;width: 30%;max-width: 572px;}
.sub02-9 .sec03 .pd img{max-width: 100%;}

@media screen and (max-width:1200px) {
    .sub02-9 .sec03 .pd{position: unset;width: 100%;max-width: unset;margin-top: 60px;text-align: right;}
    .sub02-9 .sec03 .pd img{width: 60%;max-width: 572px;}
}
@media screen and (max-width:797px) {
    .sub02-9 .sec03 .step_oxy{gap: 20px;}
    .sub02-9 .sec03 .step_oxy > li{width: 100%;border-radius: 0 40px 40px 40px;}
    .sub02-9 .sec03 .step_oxy > li .txt_box{padding: 30px 20px;}
    .sub02-9 .sec03 .step_oxy > li .txt_box .step{min-width: 180px;font-size: 16px;padding: 10px;}
    .sub02-9 .sec03 .step_oxy > li .txt_box h3{font-size: 20px;}
    .sub02-9 .sec03 .step_oxy > li .txt_box p{font-size: 16px;margin-top: 10px;}    
}

.sub02-8 .sec05 .ole_effect .txt_box,
.sub02-8 .sec05 .ole_effect .img_box{width: 50%;}
.sub02-9 .sec05 .ole_effect .img_box img{max-width: 100%;}
@media screen and (max-width:797px) {
    .sub02-8 .sec05 .ole_effect .txt_box,
    .sub02-8 .sec05 .ole_effect .img_box{width: 100%;}
}

.sub02-9 .sec08{padding-top: 130px;background: url(../img/sub/sub04-6-sec05-bg.png) no-repeat center / cover;}
.sub02-9 .sec08 .inner{max-width: 1140px;}
.sub02-9 .sec08 .textbox{text-align: center;}
.sub02-9 .sec08 .img_box{text-align: center;margin-top: 20px;}
.sub02-9 .sec08 .img_box img{max-width: 100%;}

@media screen and (max-width:797px) {
    .sub02-9 .sec08{padding: 100px 0;}
}