.sub {position: relative; z-index: 1; background: #101010; color: #999999;}
.-mt-10 {margin-top: -0.625rem;}
@media(max-width:768px) {
    .sub .container {width: 85%;}
    .sub .section-right {padding-right: 7.5%;}
    .sub .section-left {padding-left: 7.5%;}
    .sub.font-20 {font-size: 1.750rem;}
    .sub .font-32 {font-size: 2.50rem;}

}

@media(max-width:500px) {
    .sub.font-20 {font-size: 1.5rem;}
    .sub .font-60 {font-size: 3.250rem;}
    .sub .font-48 {font-size: 2.50rem;}
    .sub .font-32 {font-size: 2.125rem;}
}

.sub .dot {position: relative; padding-bottom: .3rem; padding-left: 1rem;}
.sub .dot:after {position: absolute; left: 0; top: 0; content: "•"; color: var(--pointcolor);}

@media(max-width:768px) {
    .sub .dot {padding-left: 1.5rem;}
}

.sub .label {color: #fff; font-weight: 700; background: var(--pointcolor); border-radius: 50%; width: 3.5rem; height: 3.5rem; line-height: 3.5rem; text-align: center;}

@media(max-width:768px) {
    .sub .label {width: 5rem; height: 5rem; line-height: 5rem;}
}

@media(max-width:500px) {
    .sub .label {width: 4rem; height: 4rem; line-height: 4rem;}
}

/* 서브타이틀 */
.sub p.en {color: var(--pointcolor); font-weight: 700;}

/* 비전상단 */
.sub #vision .wrap {width: 95%; margin: auto; background-image: url("/img/sub/intro/vision_bg.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 1.875rem;} 
.sub #vision .box {max-width: 38rem; width: 100%; display: flex; align-items: center; justify-content: center; background-color: #1c1c1c; padding: 6.25rem 4.5rem; float: right; background-image: url("/img/sub/intro/bg_logo.png"); background-repeat: no-repeat; background-position: left bottom; background-size: 22.5rem;}
.sub #vision ul li {display: flex; align-items: baseline; padding: 1.125rem 0; border-bottom: 1px dashed rgba(255,255,255,0.5);}
.sub #vision ul li:first-child {padding-top: 0;}
.sub #vision ul li span {color: var(--pointcolor); font-weight: 700; margin-right: .8rem; display: inline-block; position: relative; z-index: 1;}
.sub #vision ul li span:after {position: absolute; left: -3px; bottom: 1px; width: 115%; height: .8rem; background: var(--pointcolor); opacity: 0.2; content: "";}

.sub #vision .cir {position: absolute; left: 5%; bottom: 10%; animation: rotate 20s linear infinite;}
.sub #vision .cir img {width: 12.0625rem;}

@media(max-width:768px) {
    .sub #vision .wrap {padding: 50px 0; width: 92.5%; background-image: url("/img/sub/intro/vision_bgm.jpg");}
    .sub #vision .box {max-width: 100%; margin-top: 40rem;}
    .sub #vision ul li {padding: 1.5rem 0;}
    .sub #vision ul li span {margin-right: 1.5rem;}
    .sub #vision .container {width: 90%;}
    .sub #vision .cir {left: auto; right: 5%; bottom: auto; top: 50px;}
}

@media(max-width:580px) {
    .sub #vision .box {margin-top: 30rem;}
}

@media(max-width:480px) {
    .sub #vision ul {width: 100%;}
}

@media(max-width:420px) {
    .sub #vision .box {padding: 6.25rem 3.5rem; background-size: 20rem;}
    .sub #vision ul br {display: none !important;}
}

@media(max-width:380px) {
    .sub #vision .box {margin-top: 25rem;}
}

/* 핵심가치 */
.sub #core .cir_step_sect {overflow: hidden; position: relative; padding: 5px 0;}    
.sub #core .cir_step_sect .cir_wrap {position: relative; display: flex; align-items: center; justify-content: center; max-width: var(--layoutwidth); margin: 0 auto;}

.sub #core .cir_step_sect .line.before {position: absolute; right: -20px; top: 50%; transform: translate(-100%, -50%); width: 100%; height: 1px; background: #fff;}
.sub #core .cir_step_sect .line.after {position: absolute; left: -20px; top: 50%; transform: translate(100%, -50%); width: 100%; height: 1px; background: #fff;}

.sub #core .cir_step_sect .line.before::before {position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 100%; height: 10px; background: #101010; display: block; content: ''; transition: 1s;}
.sub #core .cir_step_sect.on .line.before:before {width: 0;}

.sub #core .cir_step_sect .line.after::before {position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 100%; height: 10px; background: #101010; display: block; content: ''; transition: 1.5s; transition-delay: 2s;}
.sub #core .cir_step_sect.on .line.after::before {width: 0;}

.sub #core .cir_step_sect .cir {position: relative; width: calc(100% / 3); padding-top: calc(100% / 3); z-index: 1;}
.sub #core .cir_step_sect .cir + .cir {margin-left: -20px;} 

.sub #core .cir_step_sect .svg { position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); opacity: 0; transition-delay: 1s; animation: rotate2 30s linear infinite;}
.sub #core .cir_step_sect .svg:after {position: absolute; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: var(--pointcolor); border-radius: 50%; content: ""; opacity: 0; transition: 0.3s; transition-delay: 2s;}
.sub #core .cir_step_sect.on .svg:after {opacity: 1;}
.sub #core .cir_step_sect .cir.cir01 .svg:after {top: -5px;}
.sub #core .cir_step_sect .cir.cir02 .svg:after {display: none;}
.sub #core .cir_step_sect .cir.cir03 .svg:after {bottom: -5px;}
.sub #core .cir_step_sect .svg svg {width: 100%; height: 100%; stroke-dasharray: 1214; stroke-dashoffset: 0; stroke-dashoffset: 0; stroke-linecap: round; transform: rotate(-90%);}
.sub #core .cir_step_sect.on .svg svg {animation: drawCircle 1s linear; animation-delay: 1s;}
.sub #core .cir_step_sect .cir:nth-of-type(2n) .svg svg {transform: rotate(-270deg);}
.sub #core .cir_step_sect.on .svg {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; opacity: 1; transition-delay: 1s;}

.sub #core .cir_step_sect .box {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%;}

.sub #core .label {margin: auto;}

@keyframes drawCircle {
    0% {
        stroke-dashoffset: 1214;
    }
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes rotate2 {
  0% {
    transform: translate(-50%, -50%) rotate(0);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

@media(max-width:768px) {
    .sub #core .cir_step_sect .line {display: none;}
    .sub #core .cir_step_sect .cir_wrap {flex-direction: column;}
    .sub #core .cir_step_sect .cir {width: 60%; padding-top: 60%;}
    .sub #core .cir_step_sect .cir + .cir {margin-left: 0; margin-top: -5rem;} 
}

@media(max-width:580px) {
    .sub #core .cir_step_sect .cir {width: 80%; padding-top: 80%;}
    .sub #core .cir_step_sect .cir + .cir {margin-top: -3.5rem;}
}

/* 서브페이지 하단 공통 슬라이드 */
.sub #slide .swiper-wrapper {padding-top: 5rem; padding-bottom: 1rem;}
.sub #slide .swiper-slide {max-width: 67.5rem; padding: 1.5rem; border-radius: 1.875rem; background-color: #232323; background-image: url("/img/sub/slide_bg.png"); background-repeat: no-repeat; background-position: 0% center; transition: transform 0.5s; box-shadow: 5px 5px 20px rgba(0,0,0,0.4);} 
.sub #slide .swiper-slide-active {transform: translateY(-5rem);}
.sub #slide .flexList {--y-gap: 0rem;}
.sub #slide .box.txt {padding-left: 3rem;}
.sub #slide .box.img {padding-left: 3.5rem;}
.sub #slide .box.img img { border-radius: 1.125rem;}

.sub #slide .swiper-pagination {bottom: -0.4375rem; z-index: 2;}
.sub #slide .swiper-pagination-bullet {background: #fff; opacity: 1; margin: 0 4px !important; transition: width 0.3s ease, background-color 0.3s ease; height: 6px !important; width: 6px; border-radius: 6px;}
.sub #slide .swiper-pagination-bullet-active {background: var(--pointcolor); width: 24px; border-radius: 1.875rem;}

@media(max-width:768px) {
    .sub #slide .wrap {width: 92.5%; margin: auto;}
    .sub #slide .swiper-wrapper {padding-top: 0;}
    .sub #slide .swiper-slide {max-width: 100%; padding: 8rem 5% 50px;}
    .sub #slide .swiper-slide-active {transform: none;}
    .sub #slide .flexList {align-items: flex-start; height: 100%;}
    .sub #slide .box.txt {padding-left: 0; height: 32rem;}
    .sub #slide .box.img {padding-left: 0;}
    .sub #slide .swiper-pagination {margin-top: 3.5rem; position: initial;}
}

@media(max-width:500px) {
    .sub #slide .swiper-pagination-bullet {margin: 0 4px !important;}
    .sub #slide .swiper-pagination-bullet {width: 5px; height: 5px !important;}
    .sub #slide .swiper-pagination-bullet-active {width: 20px;}
}

@media(max-width:480px) {
    .sub #slide .box.txt {height: 24rem;}
    .sub #slide .box.txt br {display: none;}
    .sub #slide .box.txt br.no {display: block !important;}
}

/* @media(max-width:360px) {
    .sub #slide .box.txt {height: 35rem;}
} */

/* 네트워크상단 */
.sub #network .cont_box {margin-top: 9.375rem; background-image: url("/img/sub/intro/network_bg.jpg"); background-position: center; background-size: cover;}
.sub #network .cont_box:after {position: absolute; left: 50%; top: -5rem; height: 10rem; width: 1px; background: var(--pointcolor); content: "";}
.sub #network .cont_box .container img {width: 41.375rem;}
.sub #network .cont_box p span {font-weight: 700; background: var(--pointcolor); padding: 0.05rem 0.125rem;}

.sub #network .imgbox {position: absolute; z-index: 1;}
.sub #network .imgbox.left {left: 2.5%; bottom: -5rem;}
.sub #network .imgbox.right {right: 2.5%; top: -5rem;}
.sub #network .imgbox img {border-radius: 1.875rem; width: 27rem;}

@media(max-width:1680px) {
    .sub #network .imgbox img {width: 20rem;}
}

@media(max-width:1240px) {
    .sub #network .imgbox.left {left: 2.5%; bottom: -10rem;}
    .sub #network .imgbox.right {right: 2.5%; top: -10rem;}
}

@media(max-width:990px) {
    .sub #network .imgbox img {width: 15rem;}
}

@media(max-width:768px) {
    .sub #network .cont_box {background-image: url("/img/sub/intro/network_bg_m.jpg");}
    .sub #network .imgbox.left {left: 2.5%;}
    .sub #network .imgbox.right {right: 2.5%; top: -5rem;}
}

@media(max-width:580px) {
    .sub #network .imgbox img {width: 12rem;}
}

@media(max-width:500px) {
    .sub #network .imgbox.left {bottom: -7rem;}
}

@media(max-width:420px) {
    .sub #network .imgbox img {width: 10rem;}
    .sub #network .imgbox.left {bottom: -5rem;}
}

/* 네트워크는? */
.sub #about {background-image: url("/img/sub/intro/about_bg.png"); background-repeat: no-repeat; background-size: cover; background-position: center;}

.sub #about .flex {background-image: url("/img/sub/intro/bg_logo.png"); background-repeat: no-repeat; background-size: 23.5rem; background-position: left top;}
.sub #about .box.txt {padding-left: 7.5rem;}
.sub #about .box.img {padding-left: 6.25rem;}
.sub #about .box.img img {border-radius: 1.875rem;}

@media(max-width:1240px) {
    .sub #about .box.txt {padding-left: 6.25rem;}
    .sub #about .box.img img {width: 34rem;}
}

@media(max-width:990px) {
    .sub #about .flex {background-size: 18rem;}
    .sub #about .box.txt {padding-left: 5.5rem;}
    .sub #about .box.img {padding-left: 4.5rem;}
}

@media(max-width:768px) {
    .sub #about .flex {flex-direction: column; background-size: 23.5rem;}
    .sub #about .box { width: 100%;}
    .sub #about .box.txt {max-width: 50rem; padding: 12rem 0 6.25rem;margin: auto;}
    .sub #about .box.img {padding-left: 0;}
    .sub #about .box.img img {width: 100%; margin: auto;}
}

/* 의료진 */
.sub #doctor .box.img {width: 38rem;}
.sub #doctor .box.img img {border-radius: 1.875rem;}
.sub #doctor .box.txt {padding: 4.375rem 8.5rem; background: #232323; border-radius: 1.875rem; width: calc(100% - 38rem);}

.sub #doctor .line {width: 100%; height: 1px; background: #999999;}

.sub #doctor .flexList {--x-gap: 0rem;}

.sub #doctor ul li {margin-top: .5rem; padding-left: 1rem; position: relative;}
.sub #doctor ul li:after {position: absolute; left: 0; top: 0; content: "•"; color: var(--pointcolor);}


@media(max-width:1240px) {
    .sub #doctor .box.img {width: 33rem;}
    .sub #doctor .box.txt {width: calc(100% - 30rem); padding: 2.5rem 6.25rem;}
    .sub #doctor .cont .line {margin: 1.25rem 0 1.5rem;}
}

@media(max-width:990px) {
    .sub #doctor .container {width: 95%;}
    .sub #doctor .cont.flex {flex-direction: column;}
    .sub #doctor .box.img {width: 100%;}
    .sub #doctor .box.img img {width: 100%;}
    .sub #doctor .box.txt {width: 100%; padding: 6.25rem 5%;}
    .sub #doctor .cont .line {margin: 2.5rem 0;}

    .sub #doctor .flexList {--y-gap: 3.5rem;}
    .sub #doctor .flexList .box {padding: 0 5%;}
}

@media(max-width:768px) {
    .sub #doctor .container {width: 92.5%;}
}

@media(max-width:680px) {
    .sub #doctor .flexList .box br {display: none;}
}

/* 포인트섹션 */
.sub #point .bg-wrap {clip: rect(0, auto, auto, 0); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
.sub #point .bg-wrap .bg {position: fixed; display: block; top: 0; left: 0; width: 100%; height: 100svh; background-repeat: no-repeat; background-position: left center; background-size: cover; transform: translateZ(0); will-change: transform;}

/* 인테리어 */
.sub #facility .swiper-slide {border-radius: 1.875rem; overflow: hidden; width: fit-content;}
.sub #facility .swiper-slide img {max-width: 100%; max-height: 35.625rem; height: auto; width: auto; object-fit: contain; }
.sub #facility .pgWrap .swiper-button-next {filter: brightness(0) invert(1);}

@media(max-width:500px) {
    .sub #facility .swiper-slide img {max-height: 28rem;}
}

/* 오시는길 */
.sub #location .imgbox img {border-radius: 1.875rem;}
.sub #location .line {width: 100%; height: 1px; background: #999999;}

.sub #location .cont li {display: flex; align-items: baseline; gap: 1.5rem; margin-top: .8rem;}
.sub #location .cont p.infor {width: 4.2rem; text-align: justify; height: 1.5625rem;}
.sub #location .cont p.infor:after {content: ''; display: inline-block; width: 100%;}
.sub #location .cont span img {display: inline;}

@media(max-width:1240px) {
    .sub #location .cont {flex-wrap: wrap;}
    .sub #location .cont .box:nth-child(1) {width: 100%; margin-bottom: 3.125rem;}
    .sub #location .cont .box:nth-child(2) {width: 55%;}
    .sub #location .cont .box:nth-child(3) {width: 45%;}
}

@media(max-width: 768px) {
    .sub #location .cont .box:nth-child(2) {width: 100%; margin-bottom: 3.125rem;}
    .sub #location .cont .box:nth-child(3) {width: 100%;}
    .sub #location .cont p.infor {width: 6rem;}
}

@media(max-width:500px) {
    .sub #location .cont p.infor {margin-bottom: 1.125rem; width: 4.9rem;}
}

/* 철학 */
.sub #philosophy .bg {z-index: -1;}
.sub #philosophy .flexList {--x-gap: 3.5rem; --y-gap: 3.5rem;}
.sub #philosophy .box {border: 1px solid #fff; padding: 3.5rem; border-radius: 1.875rem; background: rgba(255,255,255,0.04); box-shadow: 5px 5px 20px rgba(0,0,0,0.4); position: relative;}
.sub #philosophy .box:after {width: 3.5rem; position: absolute; right: -3.5rem; top: 50%; transform: translateY(-50%); content: "●"; text-align: center; font-size: .8rem;}
.sub #philosophy .box:last-child:after {display: none;}


.sub #philosophy .imgbox img {border-radius: 1.875rem;}

.sub #philosophy .list > div {gap: 8.75rem;}

.sub #philosophy .list.list01 h5 {mix-blend-mode: soft-light;}
.sub #philosophy .list.list01 > div:nth-child(1) {gap: 1.5rem;}
.sub #philosophy .list.list01 > div:nth-child(2) {margin-top: -3.125rem;}

.sub #philosophy .list-item .item {border-top: 1px solid #fff; padding: 3.5rem 8.75rem; display: flex; gap: 7.5rem;}
.sub #philosophy .list-item .item:last-child {border-bottom: 1px solid #fff;}
.sub #philosophy .list-item .item > h4 {width: 11.25rem;}
.sub #philosophy .list-item .item > div {width: calc(100% - 18.75rem);}
.sub #philosophy .list-item .desc {background: #232323; display: flex; align-items: baseline; padding: 3.125rem 5rem; width: 100%; gap: 3.125rem;}
.sub #philosophy .list-item p.txt {color: #fff; background: var(--pointcolor); padding: 0.25rem; font-weight: 700; max-width: 13.5rem; width: 100%; text-align: center;}

.sub #philosophy .list-item li:first-child {margin-top: .5rem;}


.sub #philosophy .list-item .item01 li {margin-top: 1.5rem;}
.sub #philosophy .list-item .item02 li,
.sub #philosophy .list-item .item03 li {margin-top: .5rem;}

.sub #philosophy .list.list02,
.sub #philosophy .list.list03 {margin-top: 8.125rem;}
.sub #philosophy .list.list02 .txt,
.sub #philosophy .list.list03 .txt {width: calc(100% - 44.5rem);}
.sub #philosophy .list.list02 img,
.sub #philosophy .list.list03 img {width: 35.75rem;}

@media(max-width:1550px) {
    .sub #philosophy .list.list01 h5 {font-size: 5.5rem;}
    .sub #philosophy .list > div {gap: 6.25rem;}
}

@media(max-width: 1440px) {
    .sub #philosophy .list > div {flex-direction: column; align-items: flex-start; gap: 5.5rem;}
    .sub #philosophy .list .txt {width: 100% !important;}
    .sub #philosophy .list .imgbox {width: 100% !important; order: -1;}
    .sub #philosophy .list.list01 h5 {mix-blend-mode: normal; opacity: 0.1; text-align: right; width: 100%;}

    .sub #philosophy .list.list01 > div:nth-child(2) {margin-top: 0;}

    .sub #philosophy .list-item .item {flex-direction: column; gap: 1.5rem;}
    .sub #philosophy .list-item .item > h4 {width: 100%;}
    .sub #philosophy .list-item .item > div {width: 100%;}
}

@media(max-width:990px) {
    .sub #philosophy .list-item .item {padding: 3.125rem 5%;}
}

@media(max-width:768px) {
    .sub #philosophy .box {padding: 6.25rem 3.5rem; text-align: center;}
    .sub #philosophy .box br {display: none !important;}
    .sub #philosophy .box:after {height: 3.5rem; left: 50%; top: auto; bottom: -3.5rem; transform: translateX(-50%); line-height: 3.5rem;}
    .sub #philosophy .label {margin: auto;}

    .sub #philosophy .list.list01 h5 {font-size: 4.25rem;}
    .sub #philosophy .list .txt br {display: none;}
    .sub #philosophy .list-item .desc {flex-direction: column; gap: 2rem;}
    .sub #philosophy .list-item p.txt {max-width: 18.5rem;}
    .sub #philosophy .list-item .item p br {display: none;}
    .sub #philosophy .list-item li:first-child {margin-top: 0;}
}

@media(max-width:500px) {
    .sub #philosophy .box h3.font-32 {font-size: 2.250rem;}
    .sub #philosophy .list.list01 h5 {font-size: 3rem;}
}

@media(max-width:480px) {
    .sub #philosophy .list-item .desc {padding: 3.125rem 3.5rem;}
    .sub #philosophy .list-item b {display: block;}
}

/* 커스텀교정치료 */
.sub #bracket ul {max-width: 58.5rem; width: 100%; margin: auto;}
.sub #bracket ul li {background: #232323; border-radius: 1rem; padding: 1.25rem 2.5rem 1rem; margin-top: 1.5rem;}
.sub #bracket ul li:first-child {margin-top: 0;}
.sub #bracket ul li p {max-width: 27rem; margin: auto;}

.sub #bracket .imgbox {display: flex; gap: 1.5rem;}
.sub #bracket .imgbox img {border-radius: 1.875rem;}

@media(max-width:768px) {
    .sub #bracket ul li p {max-width: 35rem;}
    .sub #bracket .imgbox {flex-wrap: wrap;}
    .sub #bracket .imgbox .box:nth-child(1) {width: 100%;}
    .sub #bracket .imgbox .box:nth-child(2) {width: calc(50% - 0.75rem);}
    .sub #bracket .imgbox .box:nth-child(3) {width: calc(50% - 0.75rem);}
}

.sub #step.bracket .flexList {--x-gap: 4rem; --y-gap: 8rem;}
.sub #step.bracket .imgbox img {border-radius: 1.875rem;}
.sub #step.bracket .imgbox:after {position: absolute; right: -4rem; top: 50%; transform: translateY(-50%); width: 4rem; height: 8rem; content: url("/img/main/next.png"); z-index: 1; filter: brightness(0) invert(1); display: flex; align-items: center; justify-content: center;}
.sub #step.bracket .box:last-child .imgbox:after {display: none;}

.sub #step.bracket .box h3 {margin-top: 2rem; background: var(--pointcolor); text-align: center; color: #fff; font-weight: 700; padding: .8rem 1rem;}

@media(max-width:1240px) {
    .sub #step.bracket .flexList {max-width: 58.5rem; width: 100%; margin: auto;}
    .sub #step.bracket .box {position: relative;}
    .sub #step.bracket .box:after {position: absolute; left: 50%; transform: translateX(-50%) rotate(90deg); bottom: -8rem; width: 4rem; height: 8rem; content: url("/img/main/next.png"); z-index: 1; filter: brightness(0) invert(1); display: flex; align-items: center; justify-content: center;}
    .sub #step.bracket .box:last-child:after {display: none;}
    .sub #step.bracket .imgbox:after {display: none;}
}

@media(max-width:768px) {
    .sub #step.bracket .flexList {max-width: 100%;}
}

.sub #flex.bracket .flex {display: flex;}
.sub #flex.bracket h2 {width: 40%;}
.sub #flex.bracket .imgbox {width: 60%; display: flex; flex-wrap: wrap;  column-gap: 1.5rem; row-gap: 3rem;}
.sub #flex.bracket .imgbox .box:nth-child(1),
.sub #flex.bracket .imgbox .box:nth-child(2) {width: 100%;}
.sub #flex.bracket .imgbox .box:nth-child(3),
.sub #flex.bracket .imgbox .box:nth-child(4),
.sub #flex.bracket .imgbox .box:nth-child(5) {width: calc(32.5% - 0.75rem);}
.sub #flex.bracket .imgbox .box:nth-child(6),
.sub #flex.bracket .imgbox .box:nth-child(7) {width: calc(50% - 0.75rem);}
.sub #flex.bracket .imgbox .box img {border-radius: 1.875rem;}

@media(max-width:990px) {
    .sub #flex.bracket .flex {flex-direction: column; gap: 5.5rem;}
    .sub #flex.bracket h2 {width: 100%;}
    .sub #flex.bracket .imgbox {width: 100%;}
}

@media(max-width:500px) {
    .sub #flex.bracket .imgbox .box:nth-child(3),
    .sub #flex.bracket .imgbox .box:nth-child(4),
    .sub #flex.bracket .imgbox .box:nth-child(5),
    .sub #flex.bracket .imgbox .box:nth-child(6),
    .sub #flex.bracket .imgbox .box:nth-child(7) {width: 100%;}
}

/* 바른기공실 */
.sub #intro.lab {background-image: url("/img/sub/special/lab_intro_bg.png"); background-repeat: no-repeat; background-position: center top; background-size: cover; position: relative;}
.sub #intro.lab::before {position: absolute; left: 0; bottom: 0; width: 100%; height: 20rem; background: linear-gradient(to bottom, transparent 10%, #101010 100%); content: ""; }

.sub #intro.lab .flex {gap: 1.5rem;}
.sub #intro.lab .box.txt {width: calc(100% - 37.75rem);}
.sub #intro.lab h4 {font-weight: 700; mix-blend-mode: soft-light;}
.sub #intro.lab h4.right {text-align: right;}
.sub #intro.lab .box.img {width: 36.25rem;}

@media(max-width:1240px) {
    .sub #intro.lab .box.txt {width: calc(100% - 31.5rem);}
    .sub #intro.lab .box.img {width: 30rem;}
}

@media(max-width:768px) {
    .sub #intro.lab .flex {flex-direction: column; gap: 5rem;}
    .sub #intro.lab .box.txt {width: 100%;}
    .sub #intro.lab .box.txt br.visible-md {display: none !important;}
    .sub #intro.lab .box.img {width: 100%;}
    .sub #intro.lab .box.img img {width: 36.25rem !important; margin: auto;}
}

@media(max-width:500px) {
    .sub #intro.lab .box.txt br.visible-md {display: block !important;}
}

.sub #step.num .flexList {--x-gap: 4rem; --y-gap: 4rem;}
.sub #step.num .flexList[boxCount="2"] {max-width: 980px; width: 100%; margin: auto;}
.sub #step.num .imgbox img {border-radius: 1.875rem;}
.sub #step.num .txt {display: flex; align-items: center; gap: 1.5rem; padding: 2rem 2rem 0;}
.sub #step.num .txt p {width: calc(100% - 5rem);}

@media(max-width:1440px) {
    .sub #step.num .txt br {display: none;}
}

@media(max-width:768px) {
    .sub #step.num .txt br {display: block;}
}

.sub #grid.lab .flexList {max-width: 61.25rem; width: 100%; margin: auto; --x-gap: 3.75rem; --y-gap: 3.75rem;}
.sub #grid.lab .box {background: #fff; padding: 3.125rem 3.75rem; border-radius: 1.875rem;}
.sub #grid.lab .box p.point {color: #fff; background: var(--pointcolor); font-weight: 700; width: fit-content; padding: .8rem 1.5rem;}

@media(max-width: 420px) {
    .sub #grid.lab .box {padding: 3.125rem 3rem;}
}


.sub #lab .container {display: flex; flex-direction: column;}
.sub #lab .imgbox {gap: 1.5rem;}
.sub #lab .txtbox {margin-top: -7.5rem; padding: 0 7.5rem;}
.sub #lab .txtbox .point {background: #f35500; color: #fff; padding: 3.5rem 3.75rem; border-radius: 1.875rem; width: 30rem;}
.sub #lab .txtbox .point h2 b {display: inline-block; position: relative;}
.sub #lab .txtbox .point h2 b:after {position: absolute; left: -8px; top: -2px; content: url("/img/sub/special/point.png"); height: 7px; width: 11px; display: flex; align-items: center; justify-content: center; opacity: 0.5;}
.sub #lab .txtbox .point h2 b::before {position: absolute; right: -8px; top: -2px; content: url("/img/sub/special/point.png"); height: 7px; width: 11px; display: flex; align-items: center; justify-content: center; opacity: 0.5; transform: scaleX(-1);}
.sub #lab .txtbox .point img {width: 5rem;}
.sub #lab .txtbox .txt {padding-left: 7.5rem; padding-top: 8rem; width: calc(100% - 30rem);}

@media(max-width:1440px) {
    .sub #lab .txtbox {padding: 0 5rem;}
    .sub #lab .txtbox .txt {padding-left: 5rem;}
}

@media(max-width:1240px) {
    .sub #lab .txtbox {padding: 0 5%;}
}

@media(max-width:990px) {
    .sub #lab .txtbox {flex-direction: column; align-items: flex-start; margin-top: 0; order: -1;}
    .sub #lab .txtbox .txt {width: 100%; padding-top: 5rem; padding-bottom: 5rem; padding-left: 0;}
    .sub #lab .txtbox .txt br.visible-lg {display: none !important;}
    .sub #lab .txtbox .point h2 b:after {transform: scale(0.8);}
    .sub #lab .txtbox .point h2 b:before {transform: scaleX(-1) scale(0.8);}
}

@media(max-width:500px) {
    .sub #lab .imgbox {flex-direction: column;}
    .sub #lab .txtbox {padding: 0;}
    .sub #lab .txtbox .point {width: 100%; padding: 3rem 2.5rem;}
    .sub #lab .txtbox .txt br.visible-lg {display: block !important;}
    .sub #lab .txtbox .point h2 b:after {transform: scale(0.6);}
    .sub #lab .txtbox .point h2 b:before {transform: scaleX(-1) scale(0.6);}
}

/* 치아관리 */
.sub #care .cont {display: flex; align-items: stretch; gap: 7.5rem; margin-top: 9.375rem;}
.sub #care .cont:first-child {margin-top: 0;}
.sub #care .cont .point {background: var(--pointcolor); padding: 3.125rem 1.5rem; text-align: center; color: #fff; width: 18.75rem; height: 15rem; border-radius: 1.875rem;  display: flex; justify-content: center; align-items: center; flex-direction: column;}
.sub #care .label {margin: auto; color: var(--pointcolor); background: #fff;}
.sub #care .list {width: calc(100% - 26.25rem);}
.sub #care .list h3 {background: #232323; padding: 1.125rem 6.25rem;}
.sub #care .list ul {padding: 1.5rem 6.25rem 0;}
.sub #care .list ul li {margin-top: 0.5rem;}

@media(max-width:1240px) {
    .sub #care .cont {gap: 5.5rem;}
    .sub #care .list {width: calc(100% - 28.25rem);}
}

@media(max-width:1024px) {
    .sub #care .list h3 {padding: 1.125rem 4.5rem;}
    .sub #care .list ul {padding: 1.5rem 4.5rem 0;}
}

@media(max-width:768px) {
    .sub #care .cont {flex-direction: column; gap: 3.5rem;}
    .sub #care .cont .point {width: 100%;}
    .sub #care .list  {width: 100%;}
    .sub #care .list h3 {padding: 1.125rem 10%;}
    .sub #care .list ul {padding: 1.5rem 10% 0;}
}

.sub #flex.care .box.img {width: 38rem;}
.sub #flex.care .box.img img {border-radius: 1.875rem;}
.sub #flex.care .box.txt {width: calc(100% - 38rem); background: #232323; border-radius: 1.875rem; background-image: url("/img/sub/intro/bg_logo.png"); background-repeat: no-repeat; background-position: right bottom; background-size: 22.5rem; display: flex; align-items: center; padding: 4.5rem;}
.sub #flex.care .box.txt .list {margin-top: 1.5rem;}
.sub #flex.care .box.txt .list:first-child {margin-top: 0;}

.sub #flex.care .box.txt .list ul {display: flex; flex-wrap: wrap;}

@media(max-width:1440px) {
    .sub #flex.care .container > .flex {flex-direction: column;}
    .sub #flex.care .box.txt {width: 100%;}
}

@media(max-width:768px) {
    .sub #flex.care .container {width: 92.5%;}
    .sub #flex.care .box.img {width: 100%;}
    .sub #flex.care .box.txt {padding: 4.5rem 5%;}
    .sub #flex.care .box.txt .list ul {flex-direction: column;}
    .sub #flex.care .box.txt .list ul li {width: 100%;}
}

/* 교정치료의 순서 */
.sub #step.step .flexList {--x-gap: 6.25rem; --y-gap: 6.25rem;}
.sub #step.step .imgbox:after {position: absolute; right: -6.25rem; top: 50%; transform: translateY(-50%); width: 6.25rem; height: 6.25rem; content: url("/img/main/next.png"); z-index: 1; filter: brightness(0) invert(1); display: flex; align-items: center; justify-content: center;}
.sub #step.step .box:nth-child(3) .imgbox:after,
.sub #step.step .box:nth-child(6) .imgbox:after {display: none;}
.sub #step.step .imgbox img {border-radius: 1.875rem;}

@media(max-width:1240px) {
    .sub #step.step .box:nth-child(3) .imgbox:after {display: flex;}
    .sub #step.step .box:nth-child(2) .imgbox:after,
    .sub #step.step .box:nth-child(4) .imgbox:after {display: none;}
}

@media(max-width:768px) {
    .sub #step.step .box p br {display: none;}
    .sub #step.step .imgbox:after {display: none !important;}
}

.sub #TX .imgbox img {border-radius: 1.875rem;}

.sub #list .flexList {max-width: 1110px; width: 100%; margin: auto; --x-gap: 2.5rem; --y-gap: 2.5rem;}
.sub #list .imgbox img {border-radius: 1.875rem;}
.sub #list .txt {padding: 1.5rem 0 1.5rem 3rem;}
.sub #list .txt p {padding-left: 1rem;}
.sub #list .dot:after {font-size: 1.125rem; top: 45%; transform: translateY(-50%); line-height: 1;}

@media(max-width:768px) {
    .sub #list .txt p {padding-left: 1.5rem;}
}

.sub #program.step {background: #f35500; border-radius: 3.75rem;}
.sub #program.step .flexList {--x-gap: 3.75rem; --y-gap: 3.75rem;}
.sub #program.step .box {background: #fff; border-radius: 1.875rem; padding: 2.5rem 3rem;}
.sub #program.step .num {display: flex; align-items: flex-start; justify-content: space-between;}


@media(max-width:1440px) {
    .sub #program.step .flexList {--count: 2; justify-content: flex-start;}
}

@media(max-width:990px) {
    .sub #program.step .num img {transform: scale(0.8);}
}

@media(max-width:768px) {
    .sub #program.step .flexList {--count: 1;}
}

@media(max-width:500px) {
    .sub #program.step .num img {transform: scale(0.6); margin-top: -1rem; margin-right: -1rem;}
    .sub #program.step .box br {display: none;}
}

/* 원데이프로그램 */
.sub #onday .box {padding: 6.25rem 8rem;}
.sub #onday .box:nth-child(2) {background: var(--subcolor); border-radius: 1.875rem;}
.sub #onday h3 {text-align: center; background: #232323; padding: 1.75rem;}
.sub #onday ul {padding-top: 2rem;}
.sub #onday ul li {background: #232323; margin-top: 4rem; padding: 1.125rem; border-radius: 1rem; position: relative;}
.sub #onday ul li:after {position: absolute; left: 50%; top: -4rem; content: url("/img/main/next.png"); transform: translateX(-50%) rotate(90deg); z-index: 1; filter: brightness(0) invert(1); display: flex; align-items: center; justify-content: center; width: 4rem; height: 4rem;}
.sub #onday ul li.point {background: transparent; border: 1px solid var(--pointcolor); color: var(--pointcolor); border-radius: 0; margin-top: 3rem;}
.sub #onday ul li.point:after {display: none;}

@media(max-width: 1240px) {
    .sub #onday .box {padding: 6.25rem;}
}

@media(max-width:500px) {
    .sub #onday .box {padding: 6.25rem 3.5rem;}
    .sub #onday ul li.point br {display: none !important;}
}

.sub #program.oneday .cont_box.bg-gray {background: #232323; padding: 5rem 0; border-radius: 2rem;}
.sub #program.oneday .cont_box div.flex {gap: 1.5rem;}
.sub #program.oneday .cont_box div.flex .box {width: 15rem;}
.sub #program.oneday .cont_box div.flex .box img {width: 13.125rem;}
.sub #program.oneday ul {max-width: 1200px; width: 100%; margin: 3.5rem auto 0;}
.sub #program.oneday li {background: #101010; padding: 1rem 7.5rem .8rem; border-radius: 1rem;}
.sub #program.oneday li.list {padding: 3.25rem 7.5rem; gap: 3.75rem;}
.sub #program.oneday li.list img {width: 5.875rem;}
.sub #program.oneday li.list .txt {width: 33.75rem;}

@media(max-width:1440px) {
    .sub #program.oneday ul {width: 90%;}
    .sub #program.oneday li  {padding: 1rem 3.5rem .8rem;}
}

@media(max-width: 768px) {
    .sub #program.oneday ul {width: 85%;}
    .sub #program.oneday .cont_box div.flex {flex-direction: column; align-items: center; gap: 3.75rem;}
    .sub #program.oneday .cont_box div.flex .box {width: 100%;}
    .sub #program.oneday .cont_box div.flex .box img {width: auto;}
    .sub #program.oneday .cont_box div.flex .box h3 {margin-top: 2rem;}
    .sub #program.oneday li.list {padding: 3.25rem 3.5rem; flex-direction: column; text-align: center; gap: 2rem;}
    .sub #program.oneday li.list .txt {width: 100%;}
    .sub #program.oneday li.list img {width: auto;}
}

.sub #flex.oneday .flexList {--y-gap: 3.75rem;}
.sub #flex.oneday h2 span.line {position: relative; }
.sub #flex.oneday h2 span.line:after {position: absolute; left: 0; bottom: -2px; width: 0%; height: 2px; background: var(--pointcolor); content: ""; transition: 1.2s;}
.sub #flex.oneday h2.aos-animate span:after {width: 100%;}
.sub #flex.oneday .box.img {padding-left: 8rem;}
.sub #flex.oneday .box.img img {border-radius: 2rem;}

@media(max-width:990px) {
    .sub #flex.oneday .box.txt p.mt-20 {margin-top: 2rem;}
    .sub #flex.oneday .box.img {padding-left: 0;}
}

.sub #box .flexList {--x-gap: 3.75rem; --y-gap: 3.75rem;}
.sub #box .imgbox {border-radius: 1.875rem; overflow: hidden;}
.sub #box.border .imgbox {border: 2px solid var(--pointcolor);}

.sub #box.border.oneday h2 span.line {position: relative;}
.sub #box.border.oneday .flexList {max-width: 1240px; width: 100%; margin: auto;}
.sub #box.border.pediatrics .flexList {max-width: 815px; width: 100%; margin: auto;}


/* 덧니 */
.sub #banner .container { background-repeat: no-repeat; background-size: cover; background-position: left center; border-radius: 1.875rem;}
.sub #banner .txt {width: calc(50% - 1.5rem); float: right; margin: 0 1.5rem; padding: 100px 0;}
.sub #banner.invisible .txt {padding: 200px 0;}
.sub #banner.snaggletooth .txt,
.sub #banner.pediatrics .txt {padding: 150px 0;}

@media(max-width:1550px) {
    .sub #banner .txt {padding: 80px 0;}
    .sub #banner.invisible .txt {padding: 130px 0;}
    .sub #banner.snaggletooth .txt,
    .sub #banner.pediatrics .txt {padding: 100px 0;}
}

@media(max-width:990px) {
    .sub #banner .container {background-position: 35% center;}
    .sub #banner .txt {width: calc(55% - 1.5rem); padding: 60px 0;}
    .sub #banner.invisible .container {background-position: 20% center;}
    .sub #banner.invisible .txt {padding: 100px 0;}
}

@media(max-width:768px) {
    .sub #banner .container {position: relative; background-position: left center;}
    .sub #banner .container:after {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); content: "";}
    .sub #banner .txt {float: none; text-align: center; width: 90%; margin: 0 5%; z-index: 1; position: relative;}
    .sub #banner .txt p {color: #fff;}

    .sub #banner.invisible .txt {padding: 80px 0;}
    .sub #banner.snaggletooth .txt,
    .sub #banner.pediatrics .txt {padding: 80px 0;}
}

@media(max-width:500px) {
    .sub #banner.snaggletooth .container {background-position: 20% center;}
    .sub #banner.pediatrics .container {background-position: 15% center;}
    .sub #banner.highlevel .container {background-position: 15% center;}
}

.sub #flex.line .flexList {--x-gap:0rem; --y-gap: 0rem;}
.sub #flex.line .box.txt {border-radius: 1.875rem; background: #232323; display: flex; align-items: center; justify-content: center; padding: 3.5rem;}
.sub #flex.line .box.txt .line {width: 2rem; height: 2px; background: #fff;}
.sub #flex.line .box.img img {border-radius: 1.875rem;}

@media(max-width:990px) {
    .sub #flex.line .box.txt {padding: 8rem 3.5rem;}
    .sub #flex.line .box.txt br.hidden-md {display: block !important;}
}

@media(max-width:620px) {
    .sub #flex.line .box.txt br.hidden-md {display: none !important;}
}

.sub #box.white .flexList[boxCount="2"] {max-width: 980px; width: 100%; margin: auto;}
.sub #box.white .box {background: #fff; padding: 2.5rem; aspect-ratio: 1 / 1.25; border-radius: 1.875rem;}

.sub #box.white.highlevel .box {aspect-ratio: 1 / 1;}

@media(max-width:990px) {
    .sub #box.white .box {aspect-ratio: 1 / 1.15;}
}

@media(max-width:768px) {
    .sub #box.white .box {aspect-ratio: 0; padding: 4.5rem 3.5rem 6.25rem;}
    .sub #box.white .box br.hidden-lg {display: block !important;}
    .sub #box.white.highlevel .box {aspect-ratio: 0;}
}

@media(max-width:380px) {
    .sub #box.white .box br.hidden-lg {display: none !important;}
}

.sub #step.snaggletooth .flexList {--x-gap: 4rem; --y-gap: 4rem;}
.sub #step.snaggletooth .box {background: #232323; padding: 3.5rem 1rem; border-radius: 1.875rem;}
.sub #step.snaggletooth .label {position: absolute; left: 50%; transform: translateX(-50%); top: -1.75rem; z-index: 1;}

@media(max-width:768px) {
    .sub #step.snaggletooth .box {padding: 5rem 1rem 3.5rem;}
}

@media(max-width:500px) {
    .sub #step.snaggletooth .box {padding: 4rem 1rem 2.5rem;}
}



.sub #flex.box2 .flexList.mini {max-width: 990px; width: 100%; margin: 0 auto 3.75rem;}
.sub #flex.box2 .box.img img {border-radius: 1.875rem;}
.sub #flex.box2 p.desc {max-width: 36rem; margin: auto;}
.sub #flex.box2 div.desc {background: #232323; max-width: 1200px; width: 100%; margin: 3.5rem auto 0;}
.sub #flex.box2 div.desc ul {max-width: 39rem; width: 100%; margin: auto; padding: 3rem 0;}
.sub #flex.box2 div.desc ul li {display: flex; gap: 1.5rem; margin-top: 1rem;}
.sub #flex.box2 div.desc ul li:first-child {margin-top: 0;}
.sub #flex.box2 div.desc ul li p {width: calc(100% - 6rem);}
.sub #flex.box2 div.desc ul li p.point-color {width: 4.5rem;}

@media(max-width:768px) {
    .sub #flex.box2 div.desc ul {max-width: 100%; padding: 3rem 3.75rem;}
    .sub #flex.box2 div.desc ul li p {width: calc(100% - 8.5rem);}
    .sub #flex.box2 div.desc ul li p.point-color {width: 7rem;}
}

@media(max-width:500px) {
    .sub #flex.box2 div.desc ul {max-width: 100%; padding: 3rem 3.5rem;}
    .sub #flex.box2 div.desc ul li {flex-direction: column; gap: 1rem;}
    .sub #flex.box2 div.desc ul li p {width: 100%;}
    .sub #flex.box2 div.desc ul li p.point-color {width: 100%;}
}



/* 돌출입교정 */
.sub #protruding .cont_tit {display: flex; gap: 2rem; align-items: center;}
.sub #protruding .cont_tit h3 {background: var(--pointcolor); color: #fff; text-align: center; width: 21rem; padding: 1rem;}
.sub #protruding .cont_tit p {width: calc(100% - 23rem);}

.sub #protruding .cont {background: #232323; border-radius: 1.875rem; padding: 5rem;}
.sub #protruding .cont ul li {background: #101010; padding: 2rem 3rem; margin-top:3.125rem;}

@media(max-width:768px) {
   .sub #protruding .cont_tit {flex-direction: column;} 
   .sub #protruding .cont_tit h3 {width: 100%;}
   .sub #protruding .cont_tit p {width: 100%;}
}

@media(max-width: 550px) {
    .sub #protruding .cont {padding: 5rem 3.5rem;}
    .sub #protruding .cont ul li br {display: none;}
}

@media(max-width:400px) {
    .sub #protruding .cont_tit p br {display: none !important;}
}

/* 자가진단 */
.sub #test {background: #232323;}
.sub #test li {background: #101010; padding: 1rem 7.5rem .8rem; border-radius: 1rem;}

@media(max-width:1440px) {
    .sub #test li  {padding: 1rem 3.5rem .8rem;}
}

/* 스페이스교정 */
.sub #flex.space .flex {gap: 1.5rem;}
.sub #flex.space .box.img img {border-radius: 1.875rem;}
.sub #flex.space .box.img img:nth-child(2) {margin-top: 1.5rem;}

@media(max-width:768px) {
    .sub #flex.space .flex {flex-direction: column;}
    .sub #flex.space .box.img {width: 100%;}
}

.sub #orthodontic {background-repeat: no-repeat; background-size: cover; background-position: center; padding: 20rem 0 6.25rem;}

@media(max-width:600px) {
    .sub #orthodontic h2 br {display: none;}
}

/* 소아청소년 */
.sub #program.pediatrics .flexList {--x-gap: 4rem; --y-gap: 4rem;}
.sub #program.pediatrics .imgbox img {border-radius: 1.875rem;}
.sub #program.pediatrics h3 {background: var(--pointcolor); color: #fff; width: 100%; padding: 1.5rem;}

.sub #box.pediatrics .txt {padding: 2rem;}
.sub #box.pediatrics .cont_tit {display: flex; align-items: center; gap: 2rem;}
.sub #box.pediatrics .txt p {padding-left: 5.5rem;}

@media(max-width:1440px) {
    .sub #box.pediatrics .txt p br.hidden-lg {display: block !important;}
}

@media(max-width:768px) {
    .sub #box.pediatrics .txt p {padding-left: 7rem;}
}

@media(max-width:500px) {
    .sub #box.pediatrics .txt p {padding-left: 6rem;}
}

/* 필요성 */
.sub #need .container {padding-bottom: 6.255rem;}
.sub #need .box.img img {border-radius: 1.875rem; width: 50.5rem; }
.sub #need .box.txt {border-radius: 1.875rem; width: 50.5rem; background-image: url(/img/sub/slide_bg.png); background-repeat: no-repeat; background-position: center; background-color: #232323; padding: 7.5rem 6.25rem; position: absolute; right: 0; bottom: 0;}

@media(max-width:1550px) {
    .sub #need .box.txt {right: 0;}
}

@media(max-width: 1240px) {
    .sub #need .box.img img {width: 45rem;}
    .sub #need .box.txt {width: 45rem; background-position: 30% center;}
    .sub #need .box.txt br {display: none;}
}

@media(max-width:990px) {
    .sub #need .container {padding-bottom: 200px;}
}

@media(max-width:768px) {
    .sub #need .container {padding-bottom: 260px;}
}

@media(max-width:580px) {
    .sub #need .container {padding-bottom: 0;}
    .sub #need .box.img img {width: 90%;}
    .sub #need .box.txt {position: relative; width: 90%; margin-top: -3.5rem; z-index: 1; float: right; padding: 6.25rem 10%;}
}

/* 종류 */
.sub #type .flexList {--y-gap: 5rem;}
.sub #type .box {background: #232323; padding: 3.75rem 1.5rem; border-radius: 1.875rem;}
.sub #type .box .imgbox {padding: 0 3.5rem;}

@media(max-width:768px) {
    .sub #type .box {padding: 3.75rem 10%;}
    .sub #type .box .imgbox {padding: 0;}
    .sub #type .box p br {display: none !important;}
}

/* 비급여 */
.sub #nonbenefit table {width: 100%; border-collapse: collapse; color: #999999; text-align: center;}
.sub #nonbenefit th,
.sub #nonbenefit td {padding: 1.5rem; background: #232323;}
.sub #nonbenefit th {background: var(--pointcolor); color: #fff;  border-bottom: 1px solid rgba(255,255,255,0.2); border-right: 1px solid rgba(255,255,255,0.2); font-weight: 700;}
.sub #nonbenefit td {border-bottom: 1px solid rgba(255,255,255,0.2); border-right: 1px solid rgba(255,255,255,0.2);}
.sub #nonbenefit th:last-child,
.sub #nonbenefit td.no-r {border-right: none;}
.sub #nonbenefit td.no-b {border-bottom: none;}
.sub #nonbenefit td.tit {color: #fff; font-weight: 700;}

.sub #nonbenefit tr:last-child td {border-bottom: none;}


@media(max-width:768px) {
    .sub #nonbenefit .container {width: 90%;}

    .sub #nonbenefit .table-wrap {overflow-x: scroll; padding-bottom: 3.5rem;}
    .sub #nonbenefit ::-webkit-scrollbar {height: 4px !important;}
    .sub #nonbenefit ::-webkit-scrollbar-track {background: #999999;}
    .sub #nonbenefit table {width: 700px;}
}

@media(max-width:500px) {
    .sub #nonbenefit table {width: 500px;}
}

.sub #txtbox .flexList {--y-gap: 3.5rem;}

@media(max-width: 990px) {
    .sub #txtbox p br.hidden-md {display: block !important;}
}

@media(max-width: 630px) {
    .sub #txtbox p br.hidden-md {display: none !important;}
}

/* 체크박스 */
.sub #check .flexList {--x-gap: 3.75rem; --y-gap: 5rem;}
.sub #check .box {background: #fff; border-radius: 1.875rem; border: 1px solid var(--pointcolor); padding: 3.125rem 1.5rem 2.5rem;}
.sub #check .label {display: flex; align-items: center; justify-content: center; margin: auto; position: absolute; left: 50%; transform: translateX(-50%); top: -1.75rem;}
.sub #check .label img {width: 1.3125rem;}

@media(max-width:768px) {
    .sub #check .box {padding: 5rem 1.5rem 2.5rem;}
}

@media(max-width:500px) {
    .sub #check .box {padding: 3.5rem 1.5rem 2.5rem;}
}

@media(max-width: 380px) {
    .sub #check .box p br {display: none;}
}

.sub #check.reversal {background: #232323;}
.sub #check.reversal .flexList {max-width: 975px; width: 100%; margin: auto;}
.sub #check.reversal .box {background: #101010; border-color: #101010;}

@media(max-width:1550px) {
    .sub #check.reversal .flexList {max-width: 100%;}
}

.sub #check.reversal .cont {max-width: 1240px; width: 100%; margin: 7.25rem auto 0; border: 1px solid #fff; border-radius: 1rem; padding: 3.125rem 5rem 2.5rem;}
.sub #check.reversal .cont_tit {background: var(--pointcolor); color: #fff; font-weight: 700; width: max-content; padding: 0 4rem; margin: auto; position: absolute; left: 50%; transform: translateX(-50%); top: -1rem;}

@media(max-width:768px) {
    .sub #check.reversal .cont p br {display: none !important;}
}

/* 설측교정 */
.sub #what .tit .flexList {--y-gap: 5rem;}
.sub #what .box.img img {border-radius:  1.875rem;}

.sub #what .cont .flex-between {gap: 1.5rem;}
.sub #what .cont .cont_box:nth-child(1) .box {width: 33.333%;}

@media(max-width:990px) {
    .sub #what .cont .flex-between {flex-wrap: wrap;}
    .sub #what .cont .cont_box:nth-child(1) .box {width: calc(50% - .75rem);}
}

@media(max-width:620px) {
    .sub #what .tit p br {display: none;}
}

@media(max-width:500px) {
    .sub #what .cont .cont_box:nth-child(1) .box {width: 100%;}
}

/* 전략 */
.sub #strategy .box {background: #fff; padding: 3.75rem; border-radius: 1rem;}
.sub #strategy .cont_tit {display: flex; align-items: baseline; gap: 1.5rem;}
.sub #strategy .cont_tit img {width: 2.125rem; }
.sub #strategy .box p {padding-left: 3.625rem;}
.sub #strategy .cont {display: flex; justify-content: center; align-items: center; gap: 1.5rem;}
.sub #strategy .cont img {width: 5rem;}

@media(max-width:500px) {
    .sub #strategy .box {padding: 3.75rem 10%;}
    .sub #strategy .font-32 {font-size: 2rem;}
}