div#ctt_con { margin-top: 70px; }
.mo-br { display: none; }
.pc-br { display: block; }
.tb-br { display: none; }

/* bone-graft-banner */
.bone-graft-banner {width: 100%; height: 36.46vw; overflow: hidden; background: url(../images/img_banner_bone_graft.png) center / cover no-repeat; display: flex; align-items: flex-start; padding: 0 !important; box-sizing: border-box;}
.bone-graft-banner__content {width: 70%; margin: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 35px;}
.bone-graft-banner__text-group {display: flex; flex-direction: column; align-items: flex-start; gap: 20px;}
.bone-graft-banner__subtitle {color: #1C1C1C; font-size: 30px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; word-wrap: break-word;}
.bone-graft-banner__title {color: #214079; font-size: 65px; font-family: 'Pretendard', sans-serif; font-weight: 700; word-wrap: break-word;}
.bone-graft-banner__desc {color: #1C1C1C; font-size: 25px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; line-height: 35px; word-wrap: break-word;}

/* bone-graft-process */
.bone-graft-process {width: 100%; display: flex; flex-direction: column; align-items: center; padding: 7.81vw 0 6.25vw; gap: 4.17vw;}
.bone-graft-process__header {display: flex; flex-direction: column; align-items: center; gap: 30px; max-width: 949px;}
.bone-graft-process__title {color: #3D5796; font-size: 50px; font-family: 'Noto Sans KR', sans-serif; font-weight: 700; line-height: 80px; text-align: center; margin: 0;}
.bone-graft-process__desc {color: #1C1C1C; font-size: clamp(0.9375rem, 1.823vw, 2.1875rem); font-family: 'Noto Sans KR', sans-serif; font-weight: 400; line-height: 1.43em; text-align: center; margin: 0;}
.bone-graft-process__cards {display: flex; justify-content: center; gap: 1.04vw;}
.bone-graft-card {width: 23.33vw; display: flex; flex-direction: column;}
.bone-graft-card__top {display: flex; flex-direction: column; align-items: center;}
.bone-graft-card__badge {width: 60px; height: 60px; background: linear-gradient(118deg, #000135 0%, #295197 100%); border-radius: 50px; display: flex; justify-content: center; align-items: center; flex-shrink: 0; transform: translateY(30px);}
.bone-graft-card__badge-num {color: #fff; font-size: 30px; font-family: 'Noto Sans KR', sans-serif; font-weight: 600;}
.bone-graft-card__img {width: 100%; height: 260px; background: center / cover no-repeat; border-radius: 10px 10px 0 0; border: 1px solid #3D5796; box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.10); box-sizing: border-box;}
.bone-graft-card__img--1 {background-image: url(../images/img_bone_graft_step1.jpg);}
.bone-graft-card__img--2 {background-image: url(../images/img_bone_graft_step2.jpg);}
.bone-graft-card__img--3 {background-image: url(../images/img_bone_graft_step3.jpg);}
.bone-graft-card__body {padding: 30px 10px 50px; background: #F6F6F6; border-radius: 0 0 10px 10px; display: flex; flex-direction: column; align-items: center; gap: 10px;}
.bone-graft-card__name {text-align: center; color: #1C1C1C; font-size: clamp(20px, 2.08vw, 30px); font-family: 'Noto Sans KR', sans-serif; font-weight: 500; line-height: clamp(30px, 2.78vw, 40px); margin: 0;}
.bone-graft-card__text {text-align: center; color: #1C1C1C; font-size: clamp(15px, 1.39vw, 20px); font-family: 'Noto Sans KR', sans-serif; font-weight: 400; line-height: clamp(24px, 2.08vw, 30px); margin: 0;}

/* sinus-lift */
.sinus-lift {width: 100%; background: #fff; display: flex; flex-direction: column; align-items: center; padding: 7.81vw 0; gap: 5.73vw;}
.sinus-lift__body {display: flex; flex-direction: column; align-items: center; gap: 5.21vw;}
.sinus-lift__header {display: flex; flex-direction: column; align-items: center; gap: 30px;}
.sinus-lift__title {color: #1C1C1C; font-size: 50px; font-family: 'Noto Sans KR', sans-serif; font-weight: 700; line-height: 80px; text-align: center; margin: 0;}
.sinus-lift__desc {color: #1C1C1C; font-size: 25px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; line-height: 40px; text-align: center; margin: 0;}
.sinus-lift__content {width: 60.21vw; display: flex; flex-direction: column; gap: 4.17vw;}
.sinus-lift__main-img {width: 100%; height: 26.35vw; background: url(../images/img_sinus_main.jpg) center / cover no-repeat;}
.sinus-lift__methods {display: flex; flex-direction: column;}
.sinus-lift__method {display: flex; flex-direction: column; gap: 35px;}
.sinus-lift__method-badge {height: 44px; padding: 5px 25px; background: linear-gradient(118deg, #000135 0%, #295197 100%); border-radius: 30px; display: inline-flex; justify-content: center; align-items: center; gap: 10px; width: auto; flex-shrink: 0; white-space: nowrap; align-self: flex-start;}
.sinus-lift__badge-num {width: 24px; height: 24px; background: #FFD83B; border-radius: 12px; display: flex; justify-content: center; align-items: center; color: #1C1C1C; font-size: 13.71px; font-family: 'Noto Sans KR', sans-serif; font-weight: 600; flex-shrink: 0;}
.sinus-lift__badge-label {color: #fff; font-size: 22px; font-family: 'Noto Sans KR', sans-serif; font-weight: 600; line-height: 30px;}
.sinus-lift__method-body {display: flex; align-items: flex-start; gap: 50px;}
.sinus-lift__method-imgs {display: flex; align-items: center; gap: 10px; flex-shrink: 0;}
.sinus-lift__method-img {background: center / cover no-repeat; flex-shrink: 0;}
.sinus-lift__method-img--m1 {width: 9.27vw; height: 7.86vw;}
.sinus-lift__method-img--m2 {width: 6.82vw; height: 5.78vw;}
.sinus-lift__method-img--1 {background-image: url(../images/img_sinus_m1_1.jpg);}
.sinus-lift__method-img--2 {background-image: url(../images/img_sinus_m1_2.jpg);}
.sinus-lift__method-img--3 {background-image: url(../images/img_sinus_m1_3.jpg);}
.sinus-lift__method-img--0 {background-image: url(../images/img_sinus_m2_0.jpg);}
.sinus-lift__method-img--4 {background-image: url(../images/img_sinus_m2_1.jpg);}
.sinus-lift__method-img--5 {background-image: url(../images/img_sinus_m2_2.jpg);}
.sinus-lift__method-img--6 {background-image: url(../images/img_sinus_m2_3.jpg);}
.sinus-lift__keypoint {display: flex; flex-direction: column; gap: 15px;}
.sinus-lift__keypoint-title {color: #1C1C1C; font-size: 30px; font-family: 'Noto Sans KR', sans-serif; font-weight: 600; text-decoration: underline; line-height: 40px; margin: 0;}
.sinus-lift__keypoint-text {color: #1C1C1C; font-size: 20px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; line-height: 30px; margin: 0;}
.sinus-lift__keypoint-text strong {font-weight: 600;}
.sinus-lift__divider {width: 100%; height: 1px; background: #CFCFCF; margin: 3.13vw 0 3.65vw;}
.sinus-lift__notice {width: 60.21vw; min-height: 150px; background: #F5F5F5; border-radius: 10px; display: flex; justify-content: center; align-items: center; padding: 30px 50px; box-sizing: border-box;}
.sinus-lift__notice-text {text-align: center; color: #626262; font-size: 22px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; line-height: 40px; margin: 0;}

/* bone-graft-effects */
.bone-graft-effects {width: 100%; background: #F5F5F5; display: flex; flex-direction: column; align-items: center; padding: 7.81vw 0; gap: 5.21vw;}
.bone-graft-effects__title {color: #1C1C1C; font-size: 50px; font-family: 'Noto Sans KR', sans-serif; font-weight: 700; line-height: 80px; text-align: center; margin: 0 0 100px 0;}
.bone-graft-effects__cards {display: flex; justify-content: center; align-items: center; gap: 126px;}
.bone-graft-effect-card {width: 250px; display: flex; flex-direction: column; align-items: center; gap: 25px;}
.bone-graft-effect-card__circle-wrap {align-self: stretch; display: flex; flex-direction: column; align-items: flex-end; position: relative; height: 250px;}
.bone-graft-effect-card__spacer {width: 149px; height: 227px; background: url(../images/img_union.svg) center / 100% 100% no-repeat; position: absolute; top: -94px; right: -22px;}
.bone-graft-effects__sep {width: 18px; height: 22px; flex-shrink: 0; margin-bottom: 125px;}
.bone-graft-effect-card__circle {align-self: stretch; height: 250px; background: #fff; border-radius: 200px; outline: 2px solid #1E2B4B; display: flex; justify-content: center; align-items: center; width: 250px; position: absolute;}
.bone-graft-effect-card__circle-text {text-align: center; color: #1C1C1C; font-size: 30px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; line-height: 1.5; margin: 0;}
.bone-graft-effect-card__circle-text strong {font-weight: 600;}
.bone-graft-effect-card__info {width: 100%; display: flex; flex-direction: column; align-items: center; gap: 5px;}
.bone-graft-effect-card__subtitle {text-align: center; color: #3D5796; font-size: 25px; font-family: 'Noto Sans KR', sans-serif; font-weight: 600; line-height: 44px; margin: 0;}
.bone-graft-effect-card__desc {text-align: center; color: #1C1C1C; font-size: 18px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; margin: 0;}

/* bone-graft-target */
.bone-graft-target {width: 100%; background: #F4F6FB; display: flex; flex-direction: column; align-items: center; padding: 7.81vw 0; gap: 80px;}
.bone-graft-target__title {color: #1C1C1C; font-size: 50px; font-family: 'Noto Sans KR', sans-serif; font-weight: 700; line-height: 80px; text-align: center; margin: 0;}
.bone-graft-target__cols {display: flex; align-items: center; gap: 100px;}
.bone-graft-target__col {display: flex; flex-direction: column; gap: 60px;}
.bone-graft-target__item {display: flex; align-items: center; gap: 35px;}
.bone-graft-target__icon {width: 124px; height: 124px; background: center / cover no-repeat; flex-shrink: 0;}
.bone-graft-target__icon--1 {background-image: url(../images/img_target_icon6.svg);}
.bone-graft-target__icon--2 {background-image: url(../images/img_target_icon5.svg);}
.bone-graft-target__icon--3 {background-image: url(../images/img_target_icon4.svg);}
.bone-graft-target__icon--4 {background-image: url(../images/img_target_icon3.svg);}
.bone-graft-target__icon--5 {background-image: url(../images/img_target_icon2.svg);}
.bone-graft-target__icon--6 {background-image: url(../images/img_target_icon1.svg);}
.bone-graft-target__text {display: flex; flex-direction: column; gap: 5px;}
.bone-graft-target__subtitle {color: #3D5796; font-size: 25px; font-family: 'Noto Sans KR', sans-serif; font-weight: 600; line-height: 30px; margin: 0;}
.bone-graft-target__desc {color: #1C1C1C; font-size: 18px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; margin: 0;}

/* NEW-BEM-02_11 */
@media screen and (max-width: 1440px) {
    .bone-graft-effects__cards { gap: 8.75vw; }
    .bone-graft-effect-card { width: 17.36vw; gap: 1.74vw; }
    .bone-graft-effect-card__circle-wrap { height: 17.36vw; }
    .bone-graft-effect-card__spacer { width: 10.35vw; height: 15.76vw; top: -6.53vw; right: -1.53vw; }
    .bone-graft-effects__sep { margin-bottom: 8.68vw; }
    .bone-graft-effect-card__circle { height: 17.36vw; width: 17.36vw; }
    .bone-graft-effects__title { font-size: clamp(1.75rem, 3.47vw, 3.125rem); line-height: 1.6em; }
    .bone-graft-target__cols { display: flex; align-items: flex-start; gap: 100px; flex-direction: column; }
    .bone-graft-target__col { width: 100%; display: flex; flex-direction: row; gap: 6vw; }
    .bone-graft-target__item { width: 50%; display: flex; align-items: center; gap: 3vw; }
    .bone-graft-effect-card__circle-text { font-size: clamp(0.875rem, 2.08vw, 1.875rem); }
    .bone-graft-effect-card__subtitle { font-size: clamp(0.875rem, 1.74vw, 1.5625rem); }
    .bone-graft-effect-card__desc { font-size: clamp(0.875rem, 1.25vw, 1.125rem); }
}
@media screen and (max-width: 1240px) {
    .bone-graft-effects__cards { width: 80% !important; gap: 3.75vw; }
    .bone-graft-effect-card { width: 30%; gap: 1.74vw; }
    .bone-graft-effect-card__circle-wrap { height: 19.36vw; display: flex; }
    .bone-graft-effect-card__spacer { width: 10.35vw; height: 15.76vw; top: -6.53vw; right: -0.83vw; }
    .bone-graft-effect-card__circle { height: 19.36vw; width: 19.36vw; }
    .bone-graft-effect-card__circle-text { font-size: 1.7rem; line-height: 1.3em; }
    .bone-graft-effects__sep { margin-bottom: 16.68vw; }
}
@media screen and (max-width: 1400px) {
    .sinus-lift__method-badge { padding: 0.1vw 2.2vw; }
}
@media screen and (max-width: 1250px) {
    .sinus-lift__keypoint-text { font-size: 1.15rem; }
    .sinus-lift__badge-label { font-size: 1.2rem; }
}
@media screen and (max-width: 1210px) {
    .bone-graft-banner__subtitle { font-size: clamp(14px, 3.48vw, 30px); }
    .bone-graft-banner__title { font-size: clamp(26px, 6.37vw, 65px); }
    .bone-graft-banner__desc { font-size: clamp(1rem, 2.07vw, 25px); line-height: clamp(1.4em, 2.89vw, 35px); }
}
@media screen and (max-width: 1080px) {
    .bone-graft-process__cards { width: 90%; max-width: 90%; margin: 0 auto; display: flex; justify-content: center; gap: 1.04vw; flex-direction: row; }
    .bone-graft-card { width: 33%; display: flex; flex-direction: column; }
    .bone-graft-card__body { padding: 7vw 2vw 8vw; }
}
@media screen and (max-width: 1020px) {
    .sinus-lift__keypoint { width: 85%; }
    .sinus-lift__divider { display: none; }
    .sinus-lift__method { margin-bottom: 10vw; }
}
@media screen and (max-width: 1024px) {
    p.sinus-lift__keypoint-text { text-align: center; line-height: 1.6em; }
    span.sinus-lift__badge-num { font-size: 1rem; line-height: 2.1em; }
    .bone-graft-banner { height: auto; padding: 8vw 0 !important; }
    .bone-graft-banner__content { width: 80%; gap: 20px; margin: auto; }
    .bone-graft-process__header { width: 90%; gap: 20px; }
    .bone-graft-process__title { font-size: 32px; line-height: 50px; }
    .bone-graft-card__badge-num { font-size: 20px; }
    .bone-graft-card__name { font-size: 22px; line-height: 32px; }
    .bone-graft-card__text { font-size: 16px; line-height: 26px; }
    .sinus-lift__title { font-size: 32px; line-height: 50px; }
    .sinus-lift__desc { font-size: 18px; line-height: 30px; }
    .sinus-lift__method-imgs { width: 100%; display: flex; align-items: center; flex-shrink: 0; justify-content: space-between; }
    .sinus-lift__method-img--m1 { width: 32%; height: 17vw; }
    .sinus-lift__method-img--m2 { width: 23%; height: 12vw; }
    .sinus-lift__method-body { width: 100%; display: flex; align-items: center; gap: 3vw; flex-direction: column; }
    .sinus-lift__method-badge { padding: 0.6vw 2.2vw; height: auto; margin: auto; }
    .sinus-lift__keypoint-title { font-size: 22px; text-align: center; }
    p.sinus-lift__keypoint-text { text-align: center; }
    .sinus-lift__badge-label { font-size: 18px; }
    .sinus-lift__notice-text { font-size: 1.1rem; line-height: 1.5em; }
    .pc-br { display: none; }
    .tb-br { display: block; }
    .bone-graft-effects__title { font-size: 32px; line-height: 50px; }
    .bone-graft-target__title { font-size: 32px; line-height: 50px; }
    .bone-graft-target__subtitle { font-size: 18px; }
}
@media screen and (max-width: 768px) {
    div#ctt_con { margin-top: 0; }
    .bone-graft-process { gap: 1.17vw; padding: 16.81vw 0 6.25vw; }
    .bone-graft-card__body { padding: 7vw 2vw 13vw; }
    .mo-br { display: block; }
    .sinus-lift__desc .mo-br { display: none; }
    .bone-graft-banner { padding: 40px 5%; background-image: url(../images/img_banner_bone_graft_mo.jpg); padding: 21vw 0 74vw !important; }
    .bone-graft-banner__content { width: 85%; gap: 14px; }
    .bone-graft-banner__text-group { width: 100%; gap: 8px; display: flex; align-items: center; }
    .bone-graft-banner__subtitle { font-weight: 300; }
    .bone-graft-banner__desc { text-align: center; width: 100%; }
    .bone-graft-banner__desc br { display: none; }
    .bone-graft-process__header { width: 90%; gap: 16px; }
    .bone-graft-process__cards { width: 90%; max-width: 90%; margin: 0 auto; display: flex; justify-content: center; gap: 1.04vw; flex-direction: column; }
    .bone-graft-card { width: 100%; display: flex; flex-direction: column; }
    .bone-graft-card__img { width: 100%; height: 40vw; }
    .bone-graft-process__title,
    .sinus-lift__title,
    .bone-graft-effects__title,
    .bone-graft-target__title { font-size: 2rem; line-height: 1.4em; }
    .bone-graft-card__badge-num { font-size: 16px; }
    .bone-graft-card__name { font-size: 1.2rem; line-height: 1.4em; }
    .bone-graft-card__text { font-size: 1rem; line-height: 1.3em; }
    .sinus-lift__body { width: 100% !important; }
    .sinus-lift__header { width: 90%; margin: auto; }
    .sinus-lift__content { width: 100%; display: flex; flex-direction: column; gap: 15.17vw; }
    .sinus-lift__main-img { width: 100%; height: 47.35vw; }
    .sinus-lift__method-img--m1 { width: 32%; height: 26vw; }
    .sinus-lift__method-img--m2 { width: 24%; height: 20vw; }
    .sinus-lift { gap: 0vw; }
    .sinus-lift__notice { width: 80%; padding: 3vw 5vw; margin-top: -2vw; }
    .sinus-lift__desc { font-size: 1rem; line-height: 1.5em; }
    .sinus-lift__keypoint-text { font-size: 1rem; }
    p.sinus-lift__keypoint-text { width: 100%; margin: auto; }
    p.sinus-lift__keypoint-text br { display: none; }
    .sinus-lift__notice-text br { display: none; }
    .bone-effect-desc-pc-br { display: none; }
    .sinus-lift__keypoint-title { font-size: 1.3rem; }
    .sinus-lift__badge-label { font-size: 1.2rem; line-height: 1.7em; }
    .sinus-lift__notice-text { font-size: 13px; line-height: 22px; }
    .bone-graft-effects { padding: 12.81vw 0; }
    h2.bone-graft-effects__title { width: 90%; margin: 0 0 23vw 0; }
    .bone-graft-effects__cards { flex-direction: column; gap: 24vw; width: 90% !important; }
    .bone-graft-effect-card { width: 100%; gap: 3.5vw; }
    .bone-graft-effect-card__circle-wrap { height: 45vw; }
    .bone-graft-effect-card__spacer { width: 27vw; height: 41vw; top: -17vw; right: 18.4vw; }
    .bone-graft-effects__sep { transform: rotate(90deg); margin-bottom: 0; margin-top: -11vw; }
    .bone-graft-effect-card__circle { height: 45vw; width: 45vw; position: absolute; left: 50%; transform: translateX(-50%); }
    .bone-graft-effect-card__subtitle { font-size: clamp(1.875rem, 1.74vw, 1.5625rem); margin-bottom: 3vw; }
    .bone-graft-effect-card__desc { font-size: clamp(1.275rem, 1.25vw, 1.125rem); }
    .bone-graft-target { padding: 12.81vw 0; }
    .bone-graft-target__cols { gap: 6vw; }
    .bone-graft-target__col { width: 100%; display: flex; flex-direction: column; gap: 6vw; }
    .bone-graft-target__item { width: 100%; border-bottom: 1px solid #CFCFCF; padding-bottom: 5vw; }
    .bone-graft-target__icon { width: 17vw; height: 17vw; background-size: cover; background-position: center; background-repeat: no-repeat; flex-shrink: 0; }
    .bone-graft-target__subtitle { font-size: 1.2rem; }
    .bone-graft-target__desc { font-size: 1rem; line-height: 1.5em; }
}
@media screen and (max-width: 640px) {
    .sinus-lift__desc .mo-br { display: block; }
}

.keypoint1-mo-br { display: none; }
.keypoint2-mo-br { display: none; }
.effects-title-mo-br { display: none; }
.target-title-mo-br { display: none; }
@media screen and (max-width: 768px) {
    .target-title-mo-br { display: block; }
}
@media screen and (max-width: 560px) {
    .keypoint1-pc-br { display: none; }
    p.sinus-lift__keypoint-text .keypoint1-mo-br { display: block; }
    p.sinus-lift__keypoint-text .keypoint2-mo-br { display: block; }
    .effects-title-mo-br { display: block; }
}

@media screen and (max-width: 540px) {
    .bone-graft-effect-card__subtitle { font-size: 1.575rem; }
    .bone-graft-effect-card__desc { font-size: 1.175rem; }
    h2.bone-graft-target__title { width: 90%; margin: auto; }
    .bone-graft-target__cols { width: 80%; gap: 10vw; }
    .bone-graft-target__col { gap: 10vw; }
    .bone-graft-target__icon { width: 21vw; height: 21vw; }
    .bone-graft-target__text { width: 80%; }
    .bone-graft-target__subtitle { font-size: 0.875rem; line-height: 1.4em; }
}
.bone-process-mo-br { display: none; }
@media screen and (max-width: 450px) {
    .bone-process-pc-br { display: none; }
    .bone-process-mo-br { display: inline; }
    .bone-graft-process__cards { width: 100%; max-width: 100%; }
}

@media screen and (max-width: 340px) {
    .bone-process-mo-br { display: none; }
}

@media screen and (max-width: 380px) {
    .sinus-lift__desc br { display: none; }
}

@media screen and (max-width: 375px) {
    .bone-graft-process__title,
    .sinus-lift__title,
    .bone-graft-effects__title,
    .bone-graft-target__title { font-size: 1.8rem; line-height: 1.3em; }
}