.all_wrap {
    color: #111111;
    padding-top: 120px;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    font-size: 18px;
    text-align:center;
}

    .all_wrap .math {
        font-family: math;
    }
    .all_wrap .img img {
        width:100%;
    }

    .all_wrap .bold {
        font-weight:bold;
    }

    .img.pc {
        display: block;
    }

.img.mo {
    display: none;
}


.all_wrap .gray {
    background: #f7f7f7;
    width: 100%;
    padding: 150px 0;
}

    .all_wrap .sub_wrap {
        max-width: 1400px;
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        gap: 30px;
        padding: 120px 25px;
        align-items: center;
    }

.sub_wrap .bar {
    width:60px;
    height:5px;
    background:#333;
}



.title_box {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding: 120px 0;
    text-align: center;
    background-color: #f7f7f7;
    width: 100%;
}

    .title_box .sub_tit {
        color: #999;
        font-weight: 300;
    }

    .title_box .main_tit {
        font-size: 80px;
        font-weight: 900;
        margin: 10px 0 20px 0;
        font-family: math;
    }


    .title_box .detail_txt {
        font-size: 22px;
        font-weight: 500;
    }

.all_wrap .img {
    margin-top:30px;
}

.healing_box {
    display: flex;
    gap: 20px;
    flex-direction: column;
}


.all_wrap .ytb_box {
    width: 100%;
    max-width: 1000px;
    margin-bottom:120px;
}

    .all_wrap .ytb_box .youtube {
        padding-top: 56.25%;
        position: relative;
    }

        .all_wrap .ytb_box .youtube iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }




.sub_wrap .circle_box .tit_box {
    display: flex;
    gap: 20px;
    flex-direction: column;
    margin-bottom: 50px;
}
.sub_wrap .circle_box .prin_ctn {
    display: flex;
    gap: 40px;
    margin-top: 30px;
}
    .sub_wrap .circle_box .circle {
        width: 300px;
        background: #333;
        color: #fff;
        border-radius: 50%;
        height: 300px;
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
        flex-direction: column;
    }

.principle_box {
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #cbcbcb;
}

    .principle_box .prin_list {
        max-width: 1400px;
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 70px;
    }
        .principle_box .prin_list .ctn_box {
            display: flex;
            text-align: left;
            gap: 30px;
            justify-content: space-between;
            align-items: flex-end;
            word-break: keep-all;
        }

            .principle_box .prin_list .ctn_box .txt_box {
                width: 50%;
                display: flex;
                flex-direction: column;
                gap: 15px;
            }

            .principle_box .prin_list .ctn_box .img {
                width: 30%;
            }





@media (min-width: 768px) and (max-width: 1024px) {

    

    .all_wrap .gray,
    .all_wrap .sub_wrap {
        padding: 100px 25px;
    }

    .sub_wrap .circle_box .circle {
        width: 220px;
        height: 220px;
    }
    .sub_wrap .circle_box .prin_ctn {
        gap: 20px;
    }

    .principle_box .prin_list .ctn_box .img {
        width:40%;
    }
    .principle_box .prin_list .ctn_box .txt_box {
        width:60%;
    }

}



@media (max-width: 767px) {

    .all_wrap {
        padding-top: 80px;
    }

    .img.pc {
        display: none;
    }

    .img.mo {
        display: block;
    }

    .title_box {
        padding: 60px 0
    }

    .title_box .sub_tit {
        font-size: 14px;
    }

    .title_box .main_tit {
        font-size: 40px;
    }

    .title_box .detail_txt {
        font-size: 16px;
    }
    .all_wrap .gray,
    .all_wrap .sub_wrap {
        padding: 80px 25px;
    }
    .sub_wrap .circle_box .prin_ctn {
        gap: 20px;
    }

    .sub_wrap .circle_box .circle {
        width: 200px;
        height: 200px;
    }

    .sub_wrap .circle_box .prin_ctn {
        flex-direction: column;
        align-items: center;
    }

    .principle_box .prin_list .ctn_box {
        flex-direction: column;
    }

        .principle_box .prin_list .ctn_box .txt_box,
        .principle_box .prin_list .ctn_box .img {
            width:100%;
        }

}