/*치료방법*/
.sub-container.f7f7f7 .fix{border-radius: 12px; padding: 80px; margin-bottom: 40px; height: 400px;}
.sub-container.f7f7f7 .fix:nth-child(1){background: url(./img/spinefix_bg1.png);}
.sub-container.f7f7f7 .fix:nth-child(2){background: url(./img/spinefix_bg2.png);}
.sub-container.f7f7f7 .fix:nth-child(3){background: url(./img/spinefix_bg3.png);}
.sub-container.f7f7f7 .fix:nth-child(4){background: url(./img/spinefix_bg4.png);}
.sub-container.f7f7f7 .fix:nth-child(5){background: url(./img/spinefix_bg5.png);}
.sub-container.f7f7f7 .fix:nth-child(6){background: url(./img/spinefix_bg6.png);}
.sub-container.f7f7f7 .fix:nth-child(7){background: url(./img/spinefix_bg7.png);}
.sub-container.f7f7f7 .fix .title{font-size: 40px; color: black; line-height: 1; margin-bottom: 32px; font-weight: 700;}
.sub-container.f7f7f7 .fix .text{word-break: keep-all; width: 40%;margin-bottom: 16px;}
.sub-container.f7f7f7 .fix:last-child{margin-bottom: 0;}
.sub-container.fix.d-flex.imgbox{display: flex; gap: 16px;margin-bottom: 140px; margin-top: 100px;}
.sub-container.fix.d-flex.imgbox div{width: 100%; border: 2px solid #ddd; border-radius: 12px; padding: 224px 0 24px; font-size: 18px; color: #333; text-align: center; font-weight: 700;}
.sub-container.fix.d-flex.imgbox div:nth-child(1){background: url(./img/spinefix_img1.png) no-repeat top center;}
.sub-container.fix.d-flex.imgbox div:nth-child(2){background: url(./img/spinefix_img2.png) no-repeat top center;}
.sub-container.fix.d-flex.imgbox div:nth-child(3){background: url(./img/spinefix_img3.png) no-repeat top center;}
body:has(.fix) #ft{margin-top: 0;}

@media (max-width: 1000px){
    .sub-container.f7f7f7 .fix{padding: 32px; height: 420px;}
    .sub-container.f7f7f7 .fix .title{font-size: 28px; margin-bottom: 12px;}
    .sub-container.f7f7f7 .fix .text{width: 100%;}
    .sub-container.f7f7f7 .fix .text br{display: none;}

    .sub-container.fix.d-flex.imgbox div:nth-child(1){background: url(./img/spinefix_img1_mo.png) no-repeat center center;}
    .sub-container.fix.d-flex.imgbox div:nth-child(2){background: url(./img/spinefix_img2_mo.png) no-repeat center center;}
    .sub-container.fix.d-flex.imgbox div:nth-child(3){background: url(./img/spinefix_img3_mo.png) no-repeat center center;}

    .sub-container.f7f7f7 .fix:nth-child(1){background: url(./img/spinefix_bg1_mo.png) no-repeat right bottom / cover;}
    .sub-container.f7f7f7 .fix:nth-child(2){background: url(./img/spinefix_bg2_mo.png) no-repeat center bottom / cover;;}
    .sub-container.f7f7f7 .fix:nth-child(3){background: url(./img/spinefix_bg3_mo.png) no-repeat center bottom / cover;;}
    .sub-container.f7f7f7 .fix:nth-child(4){background: url(./img/spinefix_bg4_mo.png) no-repeat center bottom / cover;;}
    .sub-container.f7f7f7 .fix:nth-child(5){background: url(./img/spinefix_bg5_mo.png) no-repeat center bottom / cover;;}
    .sub-container.f7f7f7 .fix:nth-child(6){background: url(./img/spinefix_bg6_mo.png) no-repeat center bottom / cover;;}
    .sub-container.f7f7f7 .fix:nth-child(7){background: url(./img/spinefix_bg7_mo.png) no-repeat center bottom / cover;;}
}

/*관절질환 + 척추질환*/
.sub-container.index{background: #f7f7f7; border-radius: 12px; margin-bottom: 80px;padding: 80px;word-break: keep-all;}
.sub-container.index:last-child{margin-bottom: 0;}
.sub-container.index .part.p1{padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #ddd;}
.sub-container.index .part.p1 .title{font-size: 40px; font-weight: 700; margin-bottom: 16px;}
.sub-container.index .part .title{font-size: 18px; font-weight: 700; margin-bottom: 16px; line-height: 1;}
.sub-container.index .part .text{line-height: 30px; color: #333;}
.sub-container.index .part{margin-bottom: 52px;}
.sub-container.index .part:last-child{margin-bottom: 0;}
.sub-container.index .index_img{width: 100%; height: auto; margin-bottom: 56px; border-radius: 12px;}

@media (max-width: 1000px){
    .sub-container.index{padding: 32px; position: relative;margin-bottom: 40px;}
    .sub-container.index .part.p1{padding-top: 50px;}
    .sub-container.index .part.p1 .title{font-size: 28px;}
    .sub-container.index .part{margin-bottom: 40px;}
    .sub-container.index .part .text{line-height: 1.6;}
    .sub-container.index .index_img{display: none;}

    .sub-container.index{background-size: 100% !important; padding-top: 24%;}
    .sub-container.index:nth-child(5){background: url(./img/index_img1.png) no-repeat top center #f7f7f7;}
    .sub-container.index:nth-child(6){background: url(./img/index_img2.png) no-repeat top center #f7f7f7;}
    .sub-container.index:nth-child(7){background: url(./img/index_img3.png) no-repeat top center #f7f7f7;}
    .sub-container.index:nth-child(8){background: url(./img/index_img4.png) no-repeat top center #f7f7f7;}
    
    .sub-container.index.dis:nth-child(5){background: url(./img/spinedis_img1.png) no-repeat top center #f7f7f7;}
    .sub-container.index.dis:nth-child(6){background: url(./img/spinedis_img2.png) no-repeat top center #f7f7f7;}

    .sub-container.fix.d-flex.imgbox{flex-direction: column; margin-top: 40px !important; margin-bottom: 100px !important; gap: 12px !important;}
    .sub-container.fix.d-flex.imgbox div{background-position-x: left !important; background-size: 37% !important; padding: 24px 24px 24px 40% !important; text-align: left !important; font-size: 1rem !important;}
}