@charset "UTF-8";
/*
@import "./font.css";
@import "./reset.css";
@import "./common.css";
@import "./accordion.css";
@import "./review.css";
*/
@import "./layout.css";
@import "./modal.css";

@import "./swiper-bundle.min.css";
/* @import "./sub.css"; */
@import "./sub.min.css";
@import "./sub-modal.css";
/* @import "./sub0201.css"; */
@import "./sub0201.min.css";
@import "./sub0205.css";
@import "./sub03.css";
@import "./sub0302.css";
@import "./sub04.css";
@import "./sub0402.css";
@import "./sub05.css";
@import "./sub0502.css";
@import "./sub-visual.css";


/*임시 추가*/
/*
#wrapper.m .common-inner .sc-cataract06 .content-inner .contents-wrap .box-contents .con-box ul li p{ text-align: center;}
#wrapper.m .accordion .accordion-item .btn-accordion .title{text-align: left;}
*/
/*sub04/sub0301*/
/*#wrapper .common-inner .sc-retina03 .content-inner .system .txt-wrap {text-align: center; }*/

/* --------------------- 추가 --------------------- */
/* odometer 플러그인 */
@import "./odometer-theme-default.css";

/* sub01 공통 스타일 */
@import "./sub01.css";

/* 밝은세상 > 병원소개 > 1997 밝은세상 */
@import "./pc_sub0101.min.css";
@import "./mo_sub0101.min.css";
/* @import "./pc_sub0101.css";
@import "./mo_sub0101.css"; */

/* 밝은세상 > 병원소개 > 역사와 미래 */
@import "./pc_sub0102.css";
@import "./mo_sub0102.css";

/* 밝은세상  > 병원소개 > 둘러보기 */
@import "./pc_sub0103.css";
@import "./mo_sub0103.css";

/* 밝은세상 > 의료진 */
@import "./pc_sub0201.css";
@import "./mo_sub0201.css";

/* 밝은세상 > 연구·성과 > 시력·노안 연구소 */
@import "./pc_sub0302_01.css";
@import "./mo_sub0302_01.css";

/* 밝은세상 > 연구·성과 > 각막유전자 연구소 */
@import "./pc_sub0302_02.css";
@import "./mo_sub0302_02.css";

/* 밝은세상 > 연구·성과 > 안구건조증 연구소 */
@import "./pc_sub0302_03.css";
@import "./mo_sub0302_03.css";

/* 밝은세상 > 학술·논문 */
@import "./pc_sub0303_01.css";
@import "./mo_sub0303_01.css";

/* 밝은세상 > 연구·성과 > 수상 */
@import "./pc_sub0304_01.css";
@import "./mo_sub0304_01.css";

/* 밝은세상 > 첨단장비 */
@import "./pc_sub0401.css";
@import "./mo_sub0401.css";

/* 밝은세상 > 진료안내 */
@import "./pc_sub0501.css";
@import "./mo_sub0501.css";

/* 밝은세상 > 진료안내 > 오시는 길 */
@import "./pc_sub0106.css";
@import "./mo_sub0106.css";

/* 다국어 페이지 */
@import "./globalLang.css";

/* 그래프 인터렉션 추가(250217) */
@import "./interaction.css";
/* --------------------- 추가 --------------------- */

/*퀵메뉴 250620 개선*/
@import "./pc_floating_quick.css";
@import "./mo_floating_quick.css";

/*다국어*/
@import "./global-lang01.css";

/*추가*/
/* sub01 sub0101*/
#wrapper.m .since-content .vision .table-card .table-card__item:last-child .title.al-left {text-align: left;}
#wrapper.m .since-content .vision .table-card .table-card__item:last-child .description.al-left{text-align: left;}

/*sub05 sub0401*/
#wrapper .common-inner.sub0401 .content-box.pt0:first-child {padding-top: 0px;}



/* CSS 성능 최적화 */
* {
    box-sizing: border-box;
}

/* 메인 위젯 스타일 - iframe 컨테이너 설정 */
iframe[src*="widget.ai.talkcrm.net"] {
    border-radius: 12px !important;
    overflow: hidden !important;
    /*box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15) !important;*/
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    /* GPU 가속 활용 */
    transform: translateZ(0) !important;
    will-change: transform, opacity !important;
    /* iframe 기본 설정 */
    border: none !important;
    position: fixed !important;
    bottom: 63px !important;
    right: 140px !important;
    z-index: 100 !important;
}

/* 사용자 상호작용 개선 - 마우스 호버 효과 */
iframe[src*="widget.ai.talkcrm.net"]:hover {  
    /*
    transform: translateY(-2px) translateZ(0) !important;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.2) !important;*/
}

/* 반응형 디자인 - 모바일 디바이스 */
/*
@media (max-width: 640px) {
    iframe[src*="widget.ai.talkcrm.net"] {
        width: 100vw !important;
        height: calc(100vh - 220px) !important;
        bottom: 16.6vh !important;
        right: 0 !important;
        border-radius: 8px 8px 0 0 !important;
        background-color: transparent !important;
    }
    
    iframe[src*="widget.ai.talkcrm.net"]:hover {
        transform: none !important;
    }
}
*/

/* 반응형 디자인 - 태블릿 */
/*
@media (min-width: 641px) and (max-width: 1024px) {
    iframe[src*="widget.ai.talkcrm.net"] {
        border-radius: 12px !important;
        width: 380px !important;
        height: 580px !important;
    }
}
*/

/* 반응형 디자인 - 데스크톱 */
@media (min-width: 1025px) {
    iframe[src*="widget.ai.talkcrm.net"] {
        border-radius: 12px !important;
        width: 400px !important;
        height: 600px !important;
    }
}

/* 접근성 개선 - 애니메이션 감소 설정 지원 */
@media (prefers-reduced-motion: reduce) {
    iframe[src*="widget.ai.talkcrm.net"] {
        transition: none !important;
        will-change: auto !important;
    }
    
    iframe[src*="widget.ai.talkcrm.net"]:hover {
        transform: translateZ(0) !important;
    }
}

/* 접근성 개선 - 고대비 모드 지원 */
@media (prefers-contrast: high) {
    iframe[src*="widget.ai.talkcrm.net"] {
        border: 2px solid #000 !important;
        box-shadow: none !important;
    }
}

/* 접근성 개선 - 다크모드 지원 */
@media (prefers-color-scheme: dark) {
    iframe[src*="widget.ai.talkcrm.net"] {
        box-shadow: 0 8px 25px rgba(255, 255, 255, 0.1) !important;
    }
}

/* 배경 및 기타 UI 요소 */
body {
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    min-width: 100vw;
    min-width: 100vw;
    min-width: 100vw;
    min-height: 100vh;
    font-family: 'Noto Sans KR', sans-serif;
}

/* 위젯 로딩 애니메이션 */
.widget-loading {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
    border-radius: 12px;
    background: linear-gradient(45deg, #25aae2, #19234b);
    animation: pulse 2s infinite;
    z-index: 9998;
}

/* pulse 애니메이션 정의 */
@keyframes pulse {
    0% { opacity: 0.6; transform: scale(1); }
    50% { opacity: 1; transform: scale(1.05); }
    100% { opacity: 0.6; transform: scale(1); }
}

/* 위젯 로드 완료 후 로딩 애니메이션 숨김 */
.widget-loaded .widget-loading {
    display: none;
}