/* IORE v26 - 2026-09-16 mobile alignment / header safety / supplied image replacement */

/* 공통: 모바일에서 상단 로고/메뉴의 클릭영역이 본문에 가려지지 않도록 고정 우선순위 확보 */
@media (max-width: 900px) {
    #max_header {
        z-index: 9999 !important;
        pointer-events: none !important;
    }
    #max_header .inner,
    #max_header .logo,
    #max_header .bt_sitemap,
    #max_header a,
    #max_header button {
        pointer-events: auto !important;
    }
    .fullmenu,
    .sitemap_wp {
        z-index: 10000 !important;
    }
}

/* 1. 시술전후: 병원소개형 메인 비주얼 + 아래 전후사진 섹션 */
.before-after-v25 #sect1 {
    position: relative !important;
    overflow: hidden !important;
}
.before-after-v25 #sect1 .visual_swiper,
.before-after-v25 #sect1 .swiper-wrapper,
.before-after-v25 #sect1 .swiper-slide {
    width: 100% !important;
    height: 100% !important;
}
.before-after-v25 #sect1 .bg.bg1 {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: url(../image/sub/bg_svisual1.jpg) 50% 50% / cover no-repeat !important;
}
.before-after-v25 .before-after-hero-copy {
    position: relative !important;
    z-index: 2 !important;
}
.before-after-v25 .before-after-hero-copy .txt0 {
    color: #fff !important;
}
.before-after-v25 .before-after-hero-copy .txt1 {
    color: #fff !important;
}
.before-after-v25 .before-after-section {
    height: auto !important;
    min-height: 100vh !important;
    padding: 100px 0 150px !important;
    background: #fff !important;
}
.before-after-v25 .ba-inner {
    width: min(1180px, calc(100% - 80px)) !important;
    margin: 0 auto !important;
}
.before-after-v25 .ba-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 36px !important;
}
.before-after-v25 .ba-card img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
}
@media (max-width: 900px) {
    .before-after-v25 #sect1 .before-after-hero-copy {
        padding-top: 80px !important;
    }
    .before-after-v25 .before-after-hero-copy .txt0 {
        font-size: 24px !important;
        line-height: 1.35 !important;
    }
    .before-after-v25 .before-after-hero-copy .txt1 {
        font-size: 54px !important;
        line-height: 1.05 !important;
    }
    .before-after-v25 .before-after-section {
        padding: 90px 0 145px !important;
    }
    .before-after-v25 .ba-inner {
        width: calc(100% - 36px) !important;
    }
    .before-after-v25 .ba-grid {
        grid-template-columns: 1fr !important;
        gap: 34px !important;
    }
}

/* 2. 이벤트 상세: 로고/상단선/메뉴 겹침 방지, 메뉴 버튼 클릭 가능 */
.iore-event-detail-page {
    position: relative !important;
    z-index: 1 !important;
}
@media (max-width: 900px) {
    .iore-event-detail-page .iore-event-detail-wrap {
        padding-top: 118px !important;
    }
    .iore-event-detail-page .iore-event-detail-header {
        margin-top: 0 !important;
        padding-top: 30px !important;
    }
    .iore-event-detail-page .iore-event-title-area h1 {
        font-size: 34px !important;
        line-height: 1.22 !important;
        letter-spacing: -0.045em !important;
        word-break: keep-all !important;
    }
    .iore-event-detail-page .iore-event-detail-period {
        font-size: 15px !important;
        line-height: 1.5 !important;
    }
}

/* 3. 울쎄라피 프라임: 상단 안전영역 + 모바일 제목 크기/줄바꿈 정리 */
@media (max-width: 900px) {
    .ulthera-v8 #sect3 .ulthera-feature-section {
        padding-top: 128px !important;
        padding-bottom: 125px !important;
        box-sizing: border-box !important;
    }
    .ulthera-v8 #sect3 .ulthera-feature-head h3 {
        max-width: calc(100% - 40px) !important;
        margin: 0 auto 26px !important;
        font-size: 31px !important;
        line-height: 1.28 !important;
        letter-spacing: -0.045em !important;
        word-break: keep-all !important;
    }
    .ulthera-v8 #sect3 .ulthera-feature-head p {
        max-width: calc(100% - 44px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        font-size: 16px !important;
        line-height: 1.65 !important;
        word-break: keep-all !important;
    }
}

/* 4. 세르프: 울쎄라 모바일과 같은 텍스트 안전영역, 인모드식 우측 기기 배치 */
@media (max-width: 900px) {
    .xerf-v19 #sect1 .custom-hero {
        position: relative !important;
        overflow: hidden !important;
    }
    .xerf-v19 #sect1 .hero-copy {
        top: 0 !important;
        left: 0 !important;
        transform: none !important;
        width: 100% !important;
        padding: 36vh 7vw 0 !important;
        box-sizing: border-box !important;
        z-index: 3 !important;
    }
    .xerf-v19 #sect1 .hero-copy .txt0 {
        font-size: 18px !important;
        line-height: 1.35 !important;
        margin-bottom: 20px !important;
    }
    .xerf-v19 #sect1 .hero-copy .txt1 {
        font-size: 54px !important;
        line-height: 1 !important;
        margin-bottom: 30px !important;
    }
    .xerf-v19 #sect1 .hero-copy .txt2 {
        font-size: 22px !important;
        line-height: 1.55 !important;
        word-break: keep-all !important;
    }
    .xerf-v19 #sect1 .hero-device {
        position: absolute !important;
        right: -8vw !important;
        top: 7vh !important;
        width: 54vw !important;
        max-width: none !important;
        height: auto !important;
        object-fit: contain !important;
        object-position: top right !important;
        z-index: 2 !important;
    }
    .xerf-v19 #sect3 .design-section {
        padding-top: 128px !important;
        padding-bottom: 130px !important;
        box-sizing: border-box !important;
    }
    .xerf-v19 #sect3 .design-section > h2 {
        max-width: calc(100% - 42px) !important;
        margin: 0 auto 48px !important;
        font-size: 31px !important;
        line-height: 1.38 !important;
        letter-spacing: -0.04em !important;
        word-break: keep-all !important;
    }
}

/* 5. 포텐자 다이아: 제목/설명 위치 통일 + 기기 우측 배치 + 전달 이미지 교체 */
.potenza-v8 #sect3 .principle {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    padding: 7vh 5vw !important;
    box-sizing: border-box !important;
}
.potenza-v8 #sect3 .principle img {
    display: block !important;
    width: min(1125px, 90vw) !important;
    max-width: 90vw !important;
    height: auto !important;
    max-height: 78vh !important;
    object-fit: contain !important;
}
@media (max-width: 900px) {
    .potenza-v8 #sect1 .custom-hero {
        position: relative !important;
        overflow: hidden !important;
    }
    .potenza-v8 #sect1 .hero-copy {
        top: 0 !important;
        left: 0 !important;
        transform: none !important;
        width: 100% !important;
        padding: 58vh 6vw 0 !important;
        box-sizing: border-box !important;
        z-index: 3 !important;
    }
    .potenza-v8 #sect1 .hero-copy .txt0 {
        font-size: 18px !important;
        margin-bottom: 18px !important;
    }
    .potenza-v8 #sect1 .hero-copy .txt1 {
        font-size: 47px !important;
        line-height: 1.04 !important;
        margin-bottom: 24px !important;
        white-space: nowrap !important;
    }
    .potenza-v8 #sect1 .hero-copy .txt2 {
        font-size: 21px !important;
        line-height: 1.5 !important;
        word-break: keep-all !important;
    }
    .potenza-v8 #sect1 .potenza-device {
        position: absolute !important;
        right: -2vw !important;
        bottom: 0 !important;
        width: 64vw !important;
        max-width: none !important;
        height: auto !important;
        object-fit: contain !important;
        object-position: right bottom !important;
        z-index: 2 !important;
    }
    .potenza-v8 #sect3 .principle {
        padding: 110px 18px 130px !important;
    }
    .potenza-v8 #sect3 .principle img {
        width: 100% !important;
        max-width: 100% !important;
        max-height: none !important;
    }
}

/* 6. 스킨부스터: 상단 탭과 로고/메뉴 분리, 리투오 카드 높이 과장 방지 */
@media (max-width: 900px) {
    .skinbooster-v19 #sect2 .prod_wp {
        padding-top: 125px !important;
        padding-bottom: 135px !important;
        box-sizing: border-box !important;
    }
    .skinbooster-v19 #sect2 .tab_wrap {
        margin-top: 0 !important;
        position: relative !important;
        z-index: 1 !important;
    }
    .skinbooster-v19 #sect2 .prod_box {
        height: auto !important;
        min-height: 0 !important;
        align-items: stretch !important;
    }
    .skinbooster-v19 #sect2 .prod_img,
    .skinbooster-v19 #sect2 .prod_info {
        min-height: 0 !important;
        height: auto !important;
    }
    .skinbooster-v19 #sect2 .prod_img .img img {
        max-height: 46vh !important;
        object-fit: contain !important;
    }
}

/* 7. 다이어트: 상단 탭 안전영역 + 다이어트펜/인바디 이미지를 지방분해주사처럼 크게 */
@media (max-width: 900px) {
    .diet-v18 #sect4 .prod_wp {
        padding-top: 125px !important;
        padding-bottom: 135px !important;
        box-sizing: border-box !important;
    }
    .diet-v18 #sect4 .prod_box2 .prod_img .iore-ppt-image {
        width: 100% !important;
        max-width: 650px !important;
        margin: 0 auto 24px !important;
        overflow: hidden !important;
    }
    .diet-v18 #sect4 .prod_box2 .prod_img .iore-ppt-image img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        max-height: 50vh !important;
        object-fit: cover !important;
        object-position: center !important;
    }
}

/* 8. 문신제거: 띄어쓰기 유지 + 원리 이미지를 모바일 화면에 크게 */
.tattoo-v23 #sect2 .txt_box .f46,
.tattoo-v23 #sect2 .txt_box .f22 {
    word-break: keep-all !important;
    white-space: normal !important;
}
.tattoo-principle-section .tattoo-principle-image-only {
    width: min(1120px, calc(100% - 80px)) !important;
    margin: 0 auto !important;
}
.tattoo-principle-section .tattoo-principle-image-only img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
}
@media (max-width: 900px) {
    .tattoo-v23 #sect2 .video_wp {
        padding-top: 120px !important;
        padding-bottom: 130px !important;
        box-sizing: border-box !important;
    }
    .tattoo-v23 #sect2 .txt_box .f46 {
        font-size: 29px !important;
        line-height: 1.55 !important;
        letter-spacing: -0.045em !important;
    }
    .tattoo-v23 #sect2 .txt_box .f22 {
        font-size: 15px !important;
        line-height: 1.8 !important;
    }
    .tattoo-principle-section {
        padding-top: 115px !important;
        padding-bottom: 135px !important;
    }
    .tattoo-principle-section .tattoo-principle-image-only {
        width: calc(100% - 36px) !important;
    }
}

/* 9. 흉터/모공: 탭 상단 분리, 좌우 높이 동일, 이미지가 제목/설명과 겹치지 않게 */
.scar-v24 #sect4 .prod_box {
    align-items: stretch !important;
}
.scar-v24 #sect4 .prod_img,
.scar-v24 #sect4 .prod_info {
    min-height: 600px !important;
    height: auto !important;
    box-sizing: border-box !important;
}
.scar-v24 #sect4 .prod_img .img.small {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
}
.scar-v24 #sect4 .scar-device-potenza {
    width: auto !important;
    max-width: 42% !important;
    max-height: 310px !important;
    object-fit: contain !important;
}
.scar-v24 #sect4 .scar-device-pico {
    width: auto !important;
    max-width: 46% !important;
    max-height: 340px !important;
    object-fit: contain !important;
}
.scar-v24 #sect4 .scar-device-curejet {
    width: auto !important;
    max-width: 38% !important;
    max-height: 350px !important;
    object-fit: contain !important;
}
@media (max-width: 900px) {
    .scar-v24 #sect4 .prod_wp {
        padding-top: 125px !important;
        padding-bottom: 190px !important;
        box-sizing: border-box !important;
    }
    .scar-v24 #sect4 .prod_box {
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
    }
    .scar-v24 #sect4 .prod_img,
    .scar-v24 #sect4 .prod_info {
        width: 100% !important;
        min-height: 0 !important;
        height: auto !important;
        padding-top: 42px !important;
        padding-bottom: 42px !important;
    }
    .scar-v24 #sect4 .prod_img .tit {
        margin-bottom: 22px !important;
    }
    .scar-v24 #sect4 .prod_img .img.small {
        height: 250px !important;
        min-height: 250px !important;
        margin: 0 auto 26px !important;
    }
    .scar-v24 #sect4 .scar-device-potenza,
    .scar-v24 #sect4 .scar-device-pico,
    .scar-v24 #sect4 .scar-device-curejet {
        width: auto !important;
        max-width: 62% !important;
        max-height: 230px !important;
        object-fit: contain !important;
    }
    .scar-v24 #sect4 .prod_img > p:last-child {
        position: static !important;
        width: calc(100% - 36px) !important;
        margin: 0 auto !important;
        line-height: 1.65 !important;
        word-break: keep-all !important;
    }
}