@media screen and (max-width: 768px) {
/* media screen fin */

    .gu6_1_box{
        margin: 15px 0;
        padding: 20px !important;
    }
    .gu6_1_s_box {
        &:not(:last-child) {
            margin-bottom: 16px;
        }
    }

    .gu6_1_b_txt{
        font-size: clamp(14px, 3.8vw, 16px);
        line-height: 22px;
        display: flex;
        gap: 0 10px;
        &:not(:last-child){
            margin-bottom: 10px;
        }
    }
    .gu6_1_b_txt::before{
        content: "";
        display: inline-block;
        width: 12px;
        height: 12px;
        border-radius: 10px;
        background: #71a7d0;
        margin: 5px 0px 0px 0px;
        flex-shrink: 0;
    }
    .gu6_1_flex{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .gu6_1_fl_st{
        align-items: flex-start;
    }
    .gu6_1_ce_t{
        margin-top: -30px;
    }

    .gu6_1_title{
        color: #71a7d0;
        font-size: 18px;
        font-weight: bold;
        display: inline-flex;
        align-items: center;
        gap: 10px;
        padding-bottom: 8px;
    }
    .gu6_1_title::before{
        content: "";
        display: block;
        width: 15px;
        height: 15px;
        background: #71a7d0;
    }
    .gu6_1_wdh{
        width: 100%;
    }
    .gu6_1_point_img1{
        margin: 35px 0 10px;
        text-align: center;
        & img{
            width: 70%;
        }
    }
    .gu6_1_point_img2{
        width: 40%;
        margin: 20px 0 0 27%;
        text-align: center;
    }
    .gu6_1_point_img3{
        width: 26%;
        margin-top: 52px;
    }
    .gu6_1_point_img4{
        margin-right: 2%;
        width: 26%;
    }


    .gu6-2_img1{
        position: absolute;
        top: -35%;
        right: 2%;
        width: 35%;
    }
    .gu6-2_tl_s{
        color: #ffffff;
        font-size: clamp(15px, 4.0vw, 17px);
        font-weight: 500;
        line-height: 1;
        letter-spacing: 0.5px;
        background-color: #71a7d0;
        padding: 5px 2%;
        box-sizing: border-box;
        border-radius: 5px;
        margin: 0px 0 -16px 33px;
        width: fit-content;
        z-index: 10;
        position: relative;
    }
    .gu6-2_box1{
        position: relative;
        margin: 70px 0 15px 0;
        .guide_art_bg_box{
            padding: 35px 5% 18px 5% !important;
        }
    }

    .gu6_2_b_txt{
        font-size: clamp(14px, 3.8vw, 16px);
        line-height: 22px;
        letter-spacing: 0.5px;
        display: flex;
        align-items: flex-start;
        gap: 0 7px;
        &:not(:last-child){
            margin-bottom: 10px;
        }
        &::before{
            content: "";
            display: block;
            width: 12px;
            height: 12px;
            border-radius: 10px;
            background: #71a7d0;
            margin: 5px 0 0 0;
            flex-shrink: 0;
        }
    }
    .gu6_2_wd{
        width: 70%;
    }

    .gu6-2_box2{
        position: relative;
    }
    .guide6_2_flex{
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
    }

    .gu6-2_img2{
        z-index: 5;
        width: 30%;
    }
    .gu6_2_risk_box{
        position: relative;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 15px;
        gap: 8px 0;
        .gu6_2_risk{
            width: 32%;
            height: 80px;
            color: #7bb5da;
            line-height: 1.5;
            font-size: clamp(14px, 3.8vw, 16px);
            text-align: center;
            background-color: #e8f0f5;
            padding: 15px 7px;
            box-sizing: border-box;
            border-radius: 8px;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .gu6_2_risk_img{
            display: block;
            margin: auto;
            width: 31%;
        }
    }
    .gu6_2_box3{
        position: relative;
        background-color: #d9e6ef;
        padding: 20px 6%;
        box-sizing: border-box;
        border-radius: 12px;
        .gu6-2_img4{
            position: absolute;
            top: 77px;
            right: -4.5%;
            width: 26%;
        }
        .gu6_2_tl{
            font-size: clamp(15px, 4.3vw, 17px);
            font-weight: 600;
            line-height: 30px;
            text-align: center;
            .guide6_2_art_color{
                color: #468bb5;
                font-size: clamp(17px, 4.6vw, 19px);
                line-height: 1;
                margin: 0 2px;
            }
        }
        .gu6_2_point{
            border: 2px solid #92b6d1;
            border-radius: 16px;
            background-color: #ffffff;
            padding: 0 10px;
            margin: 10px 0;
            & li{
                padding: 12px 5% 12px 4%;
                box-sizing: border-box;
                display: flex;
                align-items: flex-start;
                gap: 0 7px;
                &::before{
                    content: "";
                    width: 10px;
                    height: 10px;
                    border: solid 2px #8d92b3;
                    background-color: #FFF;
                    display: block;
                    flex-shrink: 0;
                    margin-top: 6px;
                }
                &:not(:last-child){
                    border-bottom: dotted 1px #c5c7d7;
                }
            }
        }
    }

    .gu6-2_box4{
        position: relative;
        margin: 15px 0;
    }
    .gu6-2_img5{
        width: 30%;
    }
    .gu6_2_txt_color{
        color: #233f90;
        font-size: clamp(17px, 3.8vw, 19px);
        font-weight: 600;
        line-height: 1.5;
        letter-spacing: 0.5px;
        margin-top: 18px;
        text-align: center;
    }






}