.m { display:none; }
#mobile-menu { display:none }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    MEDIA QUERY
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media (min-width: 1920px) {
    section.sub-equip div.equip-grid,
    section.sub-equip div.equip-grid.reverse {
    /* 넓은화면일때 */
        width: 1600px;
        justify-content: center;
/*        border: 2px solid lime;*/
        margin: 100px auto 0;
    }
}
/*---PC (wide)-----------------------------------------------------------*/
@media (max-width: 1700px) {
    section { max-width:100vw; overflow-x:hidden; }
    .bg-attached { background-attachment:unset; background-size:cover !important; }
    footer.footer > .inner,
    section.main-visual .swiper-slide .inner { width:80%; }
    section.main-visual .control { left: 10%; }

    b, span, i { font-size: inherit; }

    /* header */
    header.header .gnb-floor > .inner,
    header.header .sub-floor > .inner {
        max-width: 96vw;
        display: grid;
        justify-content: space-around;
/*        grid-template-columns: 250px 800px 180px;*/
    }
    header.header .gnb-floor > .inner {
        grid-template-columns: 280px auto;
    }
    header.header .sub-floor > .inner {
        justify-content: center;
        grid-template-columns: 1fr 1fr 1.5fr;
    }
    header.header .sub-floor .inner .symbol-zone,
    header.header .sub-floor .inner .submenu-zone,
    header.header .sub-floor .inner .info-zone { width: inherit; }

    header.header .sub-floor .inner .symbol-zone { padding-left:4vw; background-position: left 4vw bottom 50px; }

    header.header .sub-floor .inner .submenu-zone { justify-content: center; }
    header.header .gnb-floor nav.gnb ul.menu li.menu-item-has-children a { font-size:16px }
}


/*---태블릿 ~ PC -----------------------------------------------------------*/
@media (max-width: 1400px) {
    section { max-width:100vw; overflow-x:hidden; }
    .bg-attached { background-attachment:unset; background-size:cover !important; }
    .inner { width: 100%; }

    /* header */
    header.header .gnb-floor { background-color:#fff;}
    header.header .gnb-floor .inner {
        max-width: 100vw;
        grid-template-columns: 55vw 60px;
        justify-content: space-between;
        padding-left: 4vw;
    }
    header.header .sub-floor,
    header.header img.mohw,
    header.header nav.gnb { display: none; }

    header.header .gnb-floor > .inner a.logo {
        width: 160px;
        aspect-ratio: 3 / 1;
        max-height: 60px;
    }
    header.header .gnb-floor div.menu-btn {
        width: inherit;
        aspect-ratio: 1 / 1;
        transition: background ease 0.5s;
    }
    header.header .gnb-floor div.menu-btn { display:block;}
    header.header .gnb-floor div.menu-btn a#menu-btn {
        display: flex;
        width: 100%;
        height: 100%;
        background-image: url(./img/menu-bar.svg);
        background-repeat: no-repeat;
        background-position: center right 15px;
        background-size: 50%;
        transition: background ease 0.5s;
    }
    header.header .gnb-floor div.menu-btn a#menu-btn {  }
    div.sub-breadcrumb nav.breadcrumb > ul { width:70% }


    /* 푸터로고 */
    footer.footer img.logo { width: 280px;}

    footer.footer > .inner {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 50px 0 40px;
        grid-gap: 20px;
    }


    #quickmenu { display: none;}


    /* 모바일메뉴 */
    #mobile-menu {
        display: block;
        visibility: hidden;
        position: fixed;
        opacity: 0;
        max-width: 100vw;
        z-index: -1;
        font-size: 1.0em;
        transition: all ease 0.4s;

        top: 0; left: 0;
        width: 100vw; height: 100vh;
        opacity: 0;
        overflow: hidden;
    }
    #mobile-menu.on { visibility: visible; opacity: 1; z-index: 99999;}
    #mobile-menu > .menu-area,
    #mobile-menu > .close-area { width: 100vw; }
    #mobile-menu > .close-area {
        height: 100vh;
        top: 0;
        position: absolute;
        cursor: pointer;
        z-index: -1;
        left: 0;
        background-color: rgba(0, 0, 0, .5);
        background-color: #fff;
    }

    #mobile-menu > .menu-area {
        height: auto;
        position: absolute;
        right: 0;
        display: flex;
        flex-direction: column;
        overscroll-behavior:none;
    }
    #mobile-menu > .menu-area div.title {
        padding-left: 4vw;
        background-color: #fff;
    }
    #mobile-menu > .menu-area div.title a.home {
        display: block;
        height: 60px;
        width: 160px;
        background-image: url(./img/logo-euiwon.svg?ver=000);
        background-repeat: no-repeat;
        background-position: left center;
        background-size: contain;
    }
    #mobile-menu > .menu-area div.title a.close-btn {
        position: absolute;
        width: 60px;
        height: 60px;
        right: 0; top: 0;
        background-image: url('./img/menu-bar.svg');
        background-size: 50%;
        background-repeat: no-repeat;
        background-position: center right 15px;
    }

    #mobile-menu div.scroll-zone { height:calc(100vh - 60px); overflow-y: scroll; }
    #mobile-menu div.scroll-zone::-webkit-scrollbar { width: 5px; height: 5px; }
    #mobile-menu div.scroll-zone::-webkit-scrollbar-thumb { background-color: #E0D2C2 }
    #mobile-menu div.scroll-zone::-webkit-scrollbar-track { background-color: transparent; }

    #mobile-menu ul.menu > li.menu-item { display:block; background-color: #fff; transition:all ease 0.5s; overflow:hidden; border-top: 1px solid #ededed; }
    #mobile-menu ul.menu > li.menu-item > a {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        font-weight: 500;

        font-size: 1.1em;
        opacity: 1.0;
        padding: 0.8rem 2rem;
        border-bottom: 1px solid rgba(200,200,200,.1);
    }
    #mobile-menu ul.menu li.menu-item-has-children > a::after {
        content: '';
        display: inline-block;
        width: 2em; height: 2em;
        margin-left: auto;
        background-repeat: no-repeat;
        background-size: auto 40%;
        background-position: center right;
        background-image: url('./img/arrow-menutoggle-dark.svg');
    }
    #mobile-menu ul.menu li.menu-item-has-children ul.sub-menu {
        display: flex;
        flex-direction: column;
        width: 100%;
        overflow-y: hidden;
        background-color: #FFF9F2;
        background-image: url('./img/symbol-op20.svg');
        background-repeat: no-repeat;
        background-size: 20vw;
        background-position: right 5vw top 80%;

        visibility: hidden;
    }
    #mobile-menu ul.menu li.menu-item-has-children.on ul.sub-menu {
        display: block;
        visibility: visible;

        padding: 0 0 0.5em;
/*        border: 1px solid rgba(200,200,200,.1);*/
    }
    #mobile-menu ul.menu li.menu-item-has-children ul.sub-menu li a {
        display: block;
        color: #777;
        font-size: 1em;
        padding: 0.5em 3em;
        background-color: inherit;
    }
    #mobile-menu ul.menu li.current-menu-item > a,
    #mobile-menu ul.menu li.menu-item-has-children.on > a,
    #mobile-menu ul.menu li.menu-item.current-menu-item a { color:var(--primary); background-color:inherit; }
    #mobile-menu ul.menu li.menu-item-has-children ul.sub-menu li.current-menu-item a { color: var(--primary); }


    #mobile-menu ul.menu li.current-menu-item > a::after,
    #mobile-menu ul.menu li.menu-item-has-children.on > a::after,
    #mobile-menu ul.menu li.menu-item.current-menu-item a::after { transform:rotate(180deg);
        background-position: center left; }

    /*   메뉴열었을때 부모   */
   #mobile-menu ul.menu li.menu-item-has-children.on > a {
        background-color: transparent;
        background-color: #FFF9F2;
        border-bottom: 0;
    }
    #mobile-menu ul.menu li.menu-item-has-children.on > a::after { opacity: 0; }

    #mobile-menu .info-zone {
        border-top: 1px solid rgba(200,200,200,.3);
        padding: 10px 5vw 30px;
    }
    #mobile-menu .info-zone div.link {
        width: 80vw;
        margin: 15px auto;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        align-items: center;
        justify-content: center;
        grid-gap: 0;
    }
    #mobile-menu .info-zone div.link a {
        background-repeat: no-repeat;
        background-size: 70%;
        background-position: top center;
        padding-top: 80%;
        color: #717171;
        text-align: center;
        font-size: 3.8vw;
        font-weight: 500;
    }
    #mobile-menu .info-zone div.link a span { text-align:center; font-size:inherit; }



    #mobile-menu .info-zone div.call {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        grid-gap: 0.5em;
    }
    #mobile-menu .info-zone div.call span {
        color: #222;
        font-size: 1em;
        width: 3.5em;
        height: 3.5em;
        display: flex;
        text-align: center;
        justify-content: center;
        align-items: center;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        background-image: url('./img/span-circle.svg');
    }
    #mobile-menu .info-zone div.call strong { font-size: 7vw; }



    /* - - - - - 01. 메인비주얼  */
    section.main-visual { height: fit-content; aspect-ratio: 2 / 3; }
    section.main-visual .swiper-slide { aspect-ratio: 2 / 3; }
    section.main-visual .swiper-slide .inner .text-box {
        width: 100%;
        height: 50%;
        border-radius: 0;
        padding: 120px 0 0;
        justify-content: flex-start;
        align-items: center;
        grid-gap: 1.25em;
    }
    section.main-visual .swiper-slide .text-box p.eng,
    section.main-visual .swiper-slide .text-box p.eng span {
        font-weight: 600;
        font-size: 3vw;
        text-align: center;
    }
    section.main-visual .swiper-slide .text-box .mv-title h3,
    section.main-visual .swiper-slide .text-box .mv-title h3 span {
        text-align: center;
        font-size: 6vw;
        font-weight: 700;
        line-height: 1.3;
        letter-spacing: 0;
        font-family: var(--p);
    }
    section.main-visual .swiper-slide .text-box p.mv-desc {
        font-weight: 400;
        text-align: center;
    }

    section.main-visual .control {
        width: 50vw;
        left: 25vw; top:65%;
        height: auto;
    }
    section.main-visual .control .progress-box { top: 100%; }
    section.main-visual .control .autoplay-progress { height: 2px;background-color:rgba(150, 150, 150, .5); }


    section.main-visual .swiper-slide { background-size:cover; background-position:center bottom; }
    section.main-visual .swiper-slide.mv1 { background-image:url(./img/mv1_m.jpg) !important }
    section.main-visual .swiper-slide.mv2 { background-image:url(./img/mv2_m.jpg) !important }
    section.main-visual .swiper-slide.mv3 { background-image:url(./img/mv3_m.jpg) !important }
    section.main-visual .swiper-slide.mv4 { background-image:url(./img/mv4_m.jpg) !important }
    section.main-visual .swiper-slide.mv5 { background-image:url(./img/mv5_m.jpg) !important }


    /* - - - - - - - - - -섹션 공통 - - - - - - - - - - */
    section .inner { padding:80px 5vw }
    section img.dot { height:6px; display:block; margin:1em 0.5em  }

    section .title-zone h4.section-title { font-size: 1.75em; }
    section .title-zone h4.section-title i { font-size: inherit;}
    section .p-wrap p + p { margin-top:1.2em }


    /* - - - - - 02. 두신경약속  */
    section.main-promise .inner {
        padding: 80px 8vw 60px;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        grid-gap: 30px;
        background-repeat: no-repeat;
        background-position: right 10vw top 50px;
        background-size: 19%;
        background-image: url('./img/symbol-op70.svg');
    }
    section.main-promise img { display:none; }


    /* - - - - - 03. 진료센터  */
    section.main-clinic {}
    section.main-clinic .inner {
        width: 100vw;
        grid-template-columns: 1fr;
        grid-gap: 30px 8vw;
        justify-content: center;
        align-items: center;
        padding: 80px 0;
        margin: 0 0 0 0;
    }

    section.main-clinic .title-zone { align-items: center; }
    section.main-clinic .title-zone h4 br { display:none; }

    section.main-clinic .slide-box .clinic-slide { padding-right: 0; }
    section.main-clinic .swiper-slide { padding: 30px 15px; }
    section.main-clinic .swiper-slide .card {
        aspect-ratio: 1 / 1.5;
        box-shadow: 0 10px 15px rgba(198, 182, 161, .2);
    }
    section.main-clinic .swiper-slide.swiper-slide-active .card {
        border-radius: 30px;
        box-shadow: 0 15px 25px rgba(198, 182, 161, .6);
    }
    section.main-clinic .swiper-slide.swiper-slide-active .card .bg-secondary,
    section.main-clinic .swiper-slide .card .bg-secondary {
        width: 100%;
        height: 5em;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
        position: absolute;
        left: 0; bottom: -1em;

        padding: 1.2em 1em 1em 0.5em;
        grid-gap: 0.5em;
    }
    section.main-clinic .swiper-slide.swiper-slide-active .card .bg-secondary { left: 0; bottom: -0.5em; }

    section.main-clinic .control { margin: 0 auto;  }
    section.main-clinic .button-prev,
    section.main-clinic .button-next { width: 35px; }





    /* - - - - - 04. 4명의전문의  */
    section.main-four {
        background-image: url(./img/main-four-bg-m.jpg);
        background-size: 100%;
        background-position: top center;
        background-repeat: no-repeat;
    }
    section.main-four .inner {
        padding: 60px 5vw 0;
        display: flex;
        flex-direction: column;
        grid-gap: 20px;
        width: 90%;
        justify-content: center;
        align-items: center;
    }
    section.main-four .inner * { text-align:center; }
    section.main-four .unit.m { display:block; }
    section.main-four img.m { display:block; width:100%; transform: translateY(3px);}


    /* - - - - - 05. 의료진소개  */
    section.main-doctor {}
    section.main-doctor img.said { width:60%; }

    section.main-doctor .doctor-box {
        grid-template-columns:1fr;
        grid-gap: 20px;
    }
    section.main-doctor .doctor-box .img {
        width: 80%;
        margin: 0 auto;
        background-position: top 50px left;
        background-size: 50%;
    }
    section.main-doctor .doctor-box .img img {
        width: 80%;
        display: block;
        margin-left: auto;
    }

    section.main-doctor .doctor-box .txt {}
    section.main-doctor .doctor-box .txt p { text-align:  center;}
    section.main-doctor .doctor-box .txt h5 {
         text-align:  center;
        border-bottom: 0;
        font-size: 1.8em;
    }
    section.main-doctor .doctor-box .txt ul.dot { display: none;}
    section.main-doctor.sub .doctor-box .txt ul.dot { display: block;}

    section.main-doctor .doctor-box .txt a.m {
        margin: 0 auto 1em;
        width: 60%;
        display:flex;
        flex-direction: row;
        grid-gap: 0.5em;
        align-items: center;
        border-radius: 3em;
        overflow: hidden;
        padding: 0.8em 1.5em;
/*        color: var(--primary);*/
        font-size: 1.0em;
        font-weight: 500;
        box-shadow:0 0 15px -2px rgba(255, 128, 0, .65);
        background-repeat: no-repeat;
        background-position: right 1.5em center;
        background-size: auto 60%;
        background-image: url('./img/symbol.svg');
    }
    section.main-doctor .doctor-box .txt a.m span {
        width: 3em;
        height: 0.8em;
        display: block;
        background-image: url('./img/arrow-main-doctor-btn.svg');
        background-repeat: no-repeat;
        background-position: right center;
        background-size: auto 100%;
    }


    section.main-onestop .control .button-prev,
    section.main-onestop .control .button-next,
    section.main-doctor .control .button-prev,
    section.main-doctor .control .button-next { width:35px; background-size:90%; }

    /* - - - - - + 추가  */
    section.main-onestop .swiper-slide img { width: 100%; }
    section.main-onestop h5 {
        margin: 0 auto 0.5em;
        padding: 0 2em;
        font-size: 1.3em;
        line-height: 1.3;
    }
    section.main-onestop h5 + p { padding: 1em; }
    section.main-onestop .control {
        bottom: unset;
        top: 12%;
        width: 100%;
        left: 0;
    }



    /* - - - - - 서브페이지 : 병원소개 (0-1) here wide */
    section.sub-doclinic.greeting .inner {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        grid-gap: 0;
    }
    section.sub-doclinic.greeting .inner .txt span.op30 { font-size: 2em; }
    section.sub-doclinic.greeting .inner .txt h5 { font-size: 1.8em; }
    section.sub-doclinic.greeting .inner .txt .p-wrap { font-size: 1em; }
    section.sub-doclinic.greeting .inner .img { width: 40%; }
    section.sub-doclinic.greeting .inner .img h5 { font-size: 1.5em; }
    section.sub-doclinic.greeting .inner .img h5 span {
        font-size: 0.75em;
        margin: 0 auto;
        display: block;
        text-align: center;
    }
    /* vision */
    section.sub-doclinic.vision .title h4 { font-size:1.2em }
    section.sub-doclinic.vision .title h3 { font-size: 3em; }
    section.sub-doclinic.vision .title h2.bracket {
        font-size: 1.8em;
        width: 16em;
    }
    section.sub-doclinic.vision .title p { font-size:1.05em; line-height:1.5; margin-top:1em; padding:0 2em }
    section.sub-doclinic.vision .unit.number-grid > div { grid-template-columns: 7em auto; }
    section.sub-doclinic.vision .unit.number-grid .before { font-size: 3em; }




    /* 뉴스 */
    section.sub-doclinic.vision div.unit.news { width: 90%; }
    section.sub-doclinic.vision div.unit.news > a {
        grid-template-columns: 1fr 1.5fr;
        align-items: center;
        grid-gap: 20px;
        padding: 20px 10px 20px 0;
    }
    section.sub-doclinic.vision div.unit.news .thm { border-radius: 15px; }
    section.sub-doclinic.vision div.unit.news h5 { font-size: 1.1em; line-height: 1.5}
    section.sub-doclinic.vision div.unit.news p { font-size: 0.8em }



    /* - - - - - 서브페이지 : 장비소개 (0-4 ~ ) */
    section.main-equip {}
    section.main-equip .inner { padding: 80px 0 20px }
    section.main-equip .swiper {
        margin-top: 0;
        padding: 60px 0;
    }
    section.main-equip .swiper-slide {
        opacity: 0.6;
        transform: scale(0.5);
    }
    section.main-equip .swiper::after {  width: 58vw; }
    section.main-equip .swiper-slide .equip-circle { width: inherit; }
    section.main-equip .swiper-slide .equip-circle .overlay { padding-bottom: 30%; }
    section.main-equip .swiper-slide h5.equip-text { font-size:1.2em }
    section.main-equip .swiper-slide p.equip-text { font-size: 1em }

    section.main-equip .control {
        width: 80%;
        left: 10%; bottom: 50%;
        transform: translateY(50%);
    }
    section.main-equip .control .button-prev,
    section.main-equip .control .button-next { width:30px; background-size:90% }



    /* - - - - - 07. 시설안내  */
    section.main-interior {}
    section.main-interior .inner {
        padding: 100px 0 60px;
        margin-bottom: 80px;
    }
    section.main-interior.sub .inner { padding: 70px 0 60px; }
    section.main-interior .swiper { margin-top: 30px; }
    section.main-interior .title-zone { align-items: center; }



    /* - - - - - 08. 진료시간오시는길  */
    section.main-info {}
    section.main-info .inner { padding: 8vw; }
    section.main-info .title-grid {
        grid-template-columns: auto 30% 40px;
        margin-bottom: 30px;
    }
    section.main-info h4.uppercase { font-size: 1.4em }
    section.main-info h4.uppercase b { font-size: inherit; }

    section.main-info .info-grid {
        grid-template-columns: 1fr;
        padding: 0;
        grid-gap: 40px;
    }
    section.main-info .info-grid div.info-zone {
        order: 2;
        display: grid;
        grid-template-columns: 1fr 1fr;
        justify-content: flex-start;
        align-items: flex-start;
        grid-gap: 40px;
        padding-top: 0;
    }
    section.main-info .info-grid div.info-zone .info-unit:first-child {
        grid-column: 1 / span 2;
        text-align: center;
        justify-content: center;
    }
    section.main-info .info-grid div.info-zone .info-unit:first-child * { text-align:center; }

    section.main-info .info-grid div.info-zone p.address i.inline-caution + b {
        font-size: 1.2em;
    }
    section.main-info .info-grid div.info-zone p.parking {
        display: grid;
        grid-template-columns: 1em auto;
        justify-content:center;
        gap: 1em;
        margin-top: 0.7em;
    }

    section.main-info .info-grid div.map-zone { order:1 }
    section.main-info .info-grid div.map-zone #map { border-radius: 50px; }
    section.main-info .info-grid div.map-zone .grid.trio {
        margin-top: 20px;
        padding: 0;
        grid-gap: 8px;
    }
    section.main-info a.map { border: 2px solid var(--color); }


    /* 서브 */
    section.sub {
        --inner : 100vw;
    }
    section .unit { margin: 30px auto 0; }
    section .unit.unit90,
    section .unit.unit80,
    section .unit.unit70,
    section .unit.unit60,
    section .unit.unit50 { width: 80%; }
    section.sub .unit.img { margin:30px auto; }


    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
        SUBPAGE : 서브 공통
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

    /* - - - - - 서브헤더 */
    section.sub-header > .inner {
        padding: 100px 5vw 30px;
    }
    section.sub-header p.eng { font-size: 0.8em;}
    section.sub-header p.eng b { font-size:inherit; }
    section.sub-header h2.page-title { font-size: 1.6em; }
    section.sub-header .sub-header-img { height: 120px; }

    /* - - - - - 공통배너   */
    section.repeat.banner .inner { padding: 60px 10vw 50px; }
    section.repeat.banner.banner1 {
        /* 공통배너1 - 신경과전문 */
        background-size: cover;
    }
    section.repeat.banner.banner1 .title-zone > * {
        width: 100%;
        text-align: left;
    }
    section.repeat.banner.banner1 .title-zone h4 { font-size:1.3em }



    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
        SUBPAGE : 00 DO두신경과
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
    /* - - - - - 서브페이지 : 장비소개 (0-4 ~ ) */
    section.sub-equip-links .inner { padding:50px 8vw }
    section.sub-equip-links .flex {
        width: 100%;
        grid-gap: 5px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
    section.sub-equip-links .flex a {
        border: 0;
        font-size: 0.9em;
        padding: 0.5em 1em;
/*        width: fit-content;*/
        width: inherit;
        border: 1px solid #ddd;
    }
/*    section.sub-equip-links .flex a:nth-child(3n-1) { border-left: 1px solid #ddd; border-right: 1px solid #ddd}*/

    section.sub-equip-links .flex a.current {
        background-color: #FEFFE6;
        font-weight: 700;
        border: 2px solid var(--primary);
    }


    section.sub-equip {
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: top center;
        padding: 30% 0 0;
    }
    section.sub-equip .equip-title-zone p.eng { font-size:1em }
    section.sub-equip .equip-title-zone h3.txt-primary { font-size:1.7em }
    section.sub-equip .equip-title-zone p.desc { font-size:1.0em; padding:0 2em }

    section.sub-equip div.equip-grid {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 0;
        align-items: center;
        margin: 30px 0 0;
    }
    section.sub-equip div.equip-grid.reverse { margin: 30px 0 0; }


    section.sub-equip div.equip-grid.reverse .img { order: 1; }
    section.sub-equip div.equip-grid.reverse .txt { order: 2; }

    section.sub-equip div.equip-grid.reverse { background-image:none; }

    section.sub-equip div.equip-grid .img {
    /*    border: 1px dashed red;*/
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: auto 90%;
        aspect-ratio: 3 / 2;
    }
    /*  */
    section.sub-equip div.equip-grid .img.solo {
        background-size: contain;
        background-position: center;
    }
    section.sub-equip.psg div.equip-grid .img.solo { background-position:center; }

    section.sub-equip div.equip-grid.reverse .txt,
    section.sub-equip div.equip-grid .txt { padding:8vw }
    section.sub-equip div.equip-grid .txt span.label { padding: 0.35em 1.25em; }
    section.sub-equip article.vft-grid .txt h5.txt-primary,
    section.sub-equip div.equip-grid .txt h5.name {
        line-height: 1.3;
        font-size: 1.5em;
    }


    /* 장비 추가 주요사항 섹션 - 캡슐이미지 */
    section.sub-equip .equip-caution img.capsule { max-width: 96%; }

    /* 장비 추가 주요사항 섹션 - 라벨그룹 */
    section.sub-equip .equip-caution div.label-group { width:90%; margin:0 auto; }





    /* 전정기능검사 vft 슬라이드존 */
    section.sub-equip.vft div.equip-slide {
        margin-top: 50px;
    }
    section.sub-equip.vft div.equip-slide .inner {
        padding: 8vw;
    }
    section.sub-equip.vft div.equip-slide .vft-grid {
        grid-template-columns: 1fr;
        grid-gap: 0;
        width: 100%;
        margin: 0;
        padding:0;
        border-radius: 20px;
        box-shadow: 0 3px 20px -5px rgba(0, 0, 0, .11);
        overflow: hidden;
    }
    section.sub-equip.vft div.equip-slide .vft-grid .txt { padding:8vw }

    section.sub-equip.vft div.equip-slide .button-prev,
    section.sub-equip.vft div.equip-slide .button-next { top:17% }
    section.sub-equip.vft div.equip-slide .button-prev { left:-8% }
    section.sub-equip.vft div.equip-slide .button-next { right:-8% }



















    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
        SUBPAGE 질환형 서브페이지 공통요소
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
    section.sub .title-zone { margin-bottom: 20px }
    section.sub .title-zone .subpage-title { font-size: 1.5em; }
    section.sub .title-zone .p-wrap {
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 0 5vw;
    }

    /* 서브 인트로 */
    section.sub-disease.intro {}
    section.sub-disease.intro .inner {
        flex-direction: column;
        grid-gap: 20px;
        align-items: center;
        justify-content: center;
    }
    section.sub-disease.intro .inner > img { width: 90%; }
    section.sub-disease.intro .inner > .txt { width: 90%; }
    section.sub-disease.intro .inner > .txt * { text-align:center; }

    /* 라벨그룹 */
    section.sub-disease .unit.label-group { width: 90%; }
    section.sub-disease .unit.label-group div {
        background-color: #FF8C19;
        border-radius: 4em;
        padding: 6px;
        gap: 10px;
    }
    section.sub-disease .unit.label-group div + div { margin-top: 8px; }
    section.sub-disease .unit.label-group div p { padding-right: 1em; }
    section.sub-disease .unit.label-group div span { width: 2.5em; }
    section.sub-disease .unit.label-group.plus div::before {}

    section.sub-disease .unit.label-group.text div { display: grid; grid-template-columns:5em auto }
    section.sub-disease .unit.label-group.text div span {
        width: inherit;
        height: 100%;
        border-width: 1px;
    }

    section.sub-disease + div.gap {
        height: 50px;
    }
    /* 시그니처 써클 섹션(1-1 뇌질환, 1-3 맞춤형전정재활 사용) */
    section.sub-disease.signature { overflow:unset; }
    section.sub-disease .signature-circle {
        flex-direction: column;
        grid-gap: 50px;
        justify-content: center;
        align-items: center;
        margin-bottom: 0;
    }
    section.sub-disease .signature-circle .img {
        width: 80%;
        transform: translateY(-40%);
        margin-bottom: -40%;
    }
    section.sub-disease .signature-circle .img::after { font-size: 8vw; }


    section.sub-disease .signature-circle .txt { padding: 0 5vw 8vw }
    section.sub-disease .signature-circle .txt p.uppercase {
        letter-spacing: 0.05em;
        color:var(--primary);
        font-family: 'Poppins';
    }
    section.sub-disease .signature-circle .txt p.uppercase b { font-weight:900 }

    section.sub-disease .signature-circle .txt .subpage-title.circle { font-size: 5vw; }
    /* 커서가 있는 버튼 */
    section.sub-disease a.btn.white-radius {
        width: 90%;
        padding: 0.8em 3em 0.8em 1em;
        font-size: 4.3vw;
        box-shadow: 0 3px 10px rgba(0, 0, 0, .1);
        transition: all ease 0.3s;
    }

    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
        SUBPAGE : 01 DO시그니처클리닉
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
    /* - - - - - 서브페이지 : 1-1 뇌질환 (sub01-.php) */
    section.sub-disease.sub1-1 .unit.mt.img { margin:30px auto -20px }
    section.sub-disease.sub1-1 .unit.mt.img img { width:50% }

    /* - - - - - 서브페이지 : 1-2 인지중재 (sub01-.php) */
    section.sub-disease.metamemory {}
    section.sub-disease.metamemory h3.subpage-title {
        font-size: 1.4em;
        line-height: 1.5;
    }
    section.sub-disease.metamemory h3.subpage-title span { font-size: 1.0em; }
    section.sub-disease.metamemory .unit.img { width:100% }
    section.sub-disease.metamemory .unit.img img { width:80% }
    section.sub-disease.metamemory .unit.img p.dashed-box {
        padding: 1em 3em;
        font-weight: 600;
        font-size: 1.0em;
        border-radius: 5em;
        margin: -1em auto 0;
        width: 90%;
    }
    section.sub-disease.metamemory .unit.meta-memory {}
    section.sub-disease.metamemory .unit.meta-memory > div {
        grid-template-columns: 1fr ;
        grid-gap: 15px;
        width: 90%;
        margin: 0 auto;
    }
    section.sub-disease.metamemory .unit.meta-memory > div + div { margin-top:40px }

    section.sub-disease.metamemory .unit.meta-memory > div img { width:60%; margin:0 auto; }

    section.sub-disease.metamemory .unit.meta-memory > div h5 {
        text-align: center;
        margin-bottom: 0.5em;
        font-size: 1.1em;
    }
    section.sub-disease.metamemory .unit.meta-memory ul.dot {
        width: 80%;
        margin: 0 auto;
    }

    /* 기존 (인지중재 -> 전정재활) */
    section.sub-disease.newtech .title-zone p { font-size: 1.1em; }
    section.sub-disease.newtech .title-zone h3 { font-size: 1.6em; }
    section.sub-disease.newtech .dashed-box {
        width: 95%;
        padding: 8vw;
        border-radius: 30px;
        border-width: 1px;
        grid-gap: 15px;
    }
    section.sub-disease.newtech .dashed-box p {
        font-size: 0.95em;
        line-height: 1.7;
       /* text-align: justify;
        text-align-last: center;
        word-break: break-all;*/
    }
    section.sub-disease.newtech .dashed-box p br { display:none; }


    /* ONE-STOP 기존 홈페이지 효과 섹션 */
    section.sub-disease.onestop .grid.half {
        grid-template-columns: 1fr;
    }
    section.sub-disease.onestop .grid.half .txt {
        height: 30em;
    }
    section.sub-disease.onestop .grid.half .txt > div {
        padding-top: 60px;
        padding-right: 0;
    }
    section.sub-disease.onestop .grid.half .txt > div img.icon {
        width: 5em;
        margin-bottom: 20px;
        transform: translateX(-10%);
    }
    section.sub-disease.onestop .grid.half .txt > div p.uppercase { font-size:1em }
    section.sub-disease.onestop .grid.half .txt > div h5 { font-size:1.5em; margin-top:5px }
    section.sub-disease.onestop .grid.half .txt > div img.dot { margin: 20px auto;}
    section.sub-disease.onestop .grid.half .txt > div .p-wrap p { font-size: 1em; padding: 0 3.5em}

    section.sub-disease.onestop .grid.half .txt:hover > div.cover { transform: translateX(-100%); }
    section.sub-disease.onestop .grid.half .txt:hover > div.cover > * { transform: translateX(-20%); opacity: 0; }

    section.sub-disease.onestop .grid.half .txt.on > div.cover { transform: translateX(0); }
    section.sub-disease.onestop .grid.half .txt.on > div.cover > * {transform: translateX(0); opacity: 1; }

    section.sub-disease.onestop .grid.half .txt span.m.fakebtn {
        display: flex;
        border: 1px solid;
        padding: 0.5em 2em;
        margin: 2em auto 0;
        align-items: center;
        justify-content: center;
        text-align: center;
        width: fit-content;
        border-radius: 5px;
    }

    /* - - - - - 서브페이지 : 1-3 맞춤형 전정재활 (sub01-.php) */
    section.sub-disease .title-zone .caution-label {
        width: 90%;
        margin: 30px auto 0;
        padding: 2em 1em 1.5em;
    }
    section.sub-disease .title-zone .caution-label::before { width: 2.5em; }
    section.sub-disease .title-zone .caution-label p { font-size: 1em; text-align:center }

    /* 전정재활프로그램 */
    section.sub-disease .unit.rehab-step {
        margin-top: 30px;
    }
    section.sub-disease .unit.rehab-step > div {
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }
    section.sub-disease .unit.rehab-step > div .txt h6 {
        padding: 4px;
        width: 100%;
        margin: 0 auto 1em;
        font-size: 1.1em;
    }
    section.sub-disease .unit.rehab-step > div .txt p { padding:0 1em }

    section.sub-disease .unit.rehab-step > div + div { margin-top: 60px; }

    /* - - - - - 서브페이지 : 1-4 양압기 (sub01-.php) */
    section.sub .inner.wide { width:100vw; margin:0 auto; padding: 60px 0 }
    section.sub-disease div.unit.wide-photo {
        width: 100vw;
        display: grid;
        grid-template-columns: 1fr;
        margin: 0 auto;
    }
    section.sub-disease div.unit.wide-photo .img {
        aspect-ratio: 3 / 2;
        height: unset;
    }
    section.sub-disease div.unit.wide-photo .txt {
        padding: 8vw;
        grid-gap: 15px;
    }
    section.sub-disease div.unit.wide-photo .txt h4 { font-size:1.5em }
    section.sub-disease div.unit.wide-photo .txt .label-text {
        margin-bottom: 15px;
    }
    section.sub-disease div.unit.wide-photo .txt .label-text > div {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 1em;
        align-items: center;
    }
    section.sub-disease div.unit.wide-photo .txt .label-text > div h5.label {
        width: 50%;
        font-size: 1em;
    }

    /* - - - - - 서브페이지 : 1-5 경두개자기자극기 (sub01-.php) */
    section.sub-banner {
        /*  꽉차는 이미지 섹션. 비율은 페이지마다 다름.. */
        aspect-ratio: 5 / 2;
    }
    section.sub-disease .unit.img-dashbox { width:90% }
    section.sub-disease .unit.img-dashbox > img { width:80% }
    section.sub-disease .unit.img-dashbox > .dashed-box {
        width: 100%;
        padding: 8vw;
        border-radius: 20px;
        border-width: 1px;
    }
    section.sub-disease.upto .inner {
        /*  섹션 inner 여백조절 */
        padding: 50px 8vw;
    }
    section.sub-disease .unit.good-bad {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        grid-gap: 40px;
    }
    section.sub-disease .unit.good-bad > div {
        width: 70%;
        padding: 8vw;
        grid-gap: 15px;
        border-radius: 20px;
        border-width: 1px;
    }
    section.sub-disease .unit.good-bad > div img { width: 4em }

    section.sub-disease .unit.good-bad > div h6 {
        width: 50%;
        font-size: 1.2em;
        padding: 0.25em;
    }
    section.sub-disease .title-zone img.caution { width:3em }
    section.sub-disease.sub1-5 .unit.good-bad { margin: 80px auto 40px; }




    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
        SUBPAGE : 02 어지럼클리닉
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
    /* - - - - - 서브페이지 : 2-1 말초성 어지럼 (sub01-.php) */
    section.sub-disease .unit.brick-group.numbering {
        display: grid;
        grid-template-columns: 1fr;
        width: 80%;
        grid-gap: 10px;
    }
    section.sub-disease .unit.brick-group.numbering > div {
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        aspect-ratio: unset;
        border-radius: 30px;
        padding: 15px 20px;
    }
    section.sub-disease .unit.brick-group.numbering .before {
        width: 3em;
        padding: 0;
        margin-bottom: 0;
        border-bottom: 0;
        border-right: 1px solid rgba(255, 255, 255, .5);
    }
    section.sub-disease .unit.brick-group.numbering > div p { font-size: 1.1em; }

    /* 예방법 */
    section.sub-disease.prevent .title-zone {
        margin-bottom: 20px;
        align-items: center;
        gap: 0.5em;
    }
    section.sub .title-zone p.uppercase { font-size:0.8em }
    section.sub-disease.prevent .title-zone * { text-align:center; }
    section.sub-disease.prevent div.inner {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        grid-gap: 30px;
    }
    section.sub-disease.prevent div.inner > img { width:90%; transform:translateX(-5%); }
    section.sub-disease.prevent div.unit.label-text.numbering { width:90%; margin:0 auto; }
    section.sub-disease.prevent div.unit.label-text.numbering > div {
        display: grid;
        grid-template-columns: 3em auto;
        grid-gap: 1em;
        align-items: center;
    }
    section.sub-disease.prevent div.unit.label-text.numbering > div + div {
        margin-top: 1em;
    }
    section.sub-disease.prevent div.unit.label-text.numbering > div .before {
        background-color: #FF8C19;
        color: #fff;
        font-size: 1.0em;
        border-radius: 3em;
        padding: 0.25em;
        text-align: center;
        line-height: 1.3;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 600;
    }
    section.sub-disease.prevent div.unit.label-text.numbering > div .before::before { content:'0' }

    /* - - - - - 서브페이지 : 2-2 중추성 어지럼 (sub02-.php) */
    section.sub-disease .unit.img-text > div {
        flex-direction: column;
        grid-gap: 15px;
        justify-content: center;
        align-items: center;
    }
    section.sub-disease .unit.img-text > div + div { margin-top:50px }
    section.sub-disease .unit.img-text h6.bg-secondary {
        font-size: 1.1em;
        margin: 0 auto 1em;
    }
    section.sub-disease .unit.img-text p { text-align:center; }

    section.sub-disease.upto.caution { position:relative; overflow:unset; }
    section.sub-disease.upto.caution::before { width: 4em; }

    /* - - - - - 서브페이지 : 2-3 자율신경이상 어지럼 (sub02-.php) */
    section.sub-disease.sub2-3 .inner { padding-top:50px }
    section.sub-disease.sub2-3 .unit.txt-center,
    section.sub-disease.sub2-3 .unit.label-group.numbering { width:90%;  }
    section.sub-disease.sub2-3 .unit.label-group.numbering + .p-wrap { padding:0 2em  }
    /* - - - - - 서브페이지 : 2-4 심인성 어지럼 (sub02-.php) */


    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
        SUBPAGE : 03 두통클리닉
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
    /* 두통클리닉 상단 공통 섹션 */
    section.repeat-headache h3.sign {
        font-size: 2em;
        box-shadow: 0 0 30px rgba(255, 128, 0, .2);
    }
    @keyframes neonsign {
        from { box-shadow: 0 0 30px rgba(255, 128, 0, .2); }
        to { box-shadow: 0 0 20px rgba(255, 128, 0, 1); }
    }
    section.repeat-headache h4.txt-primary {
        font-size: 1.1em;
        margin-top: 2em;
        padding: 0 2em;
    }
    section.repeat-headache p.txt-center { padding:0 2em }
    /* - - - - - 서브페이지 : 3-1 편두통 (sub01-.php) */
    section.sub-disease.sub3-1 .unit.label-group.plus { width:86% }
    /* 두통 치료방법 - 일반 */
    section.sub-disease .unit.headache-care {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        grid-gap: 50px;
    }
    section.sub-disease .unit.headache-care > div {
        position:relative;
        text-align: center;
    }
    section.sub-disease .unit.headache-care img { border-radius: 20px; }
    section.sub-disease .unit.headache-care h6 + p { padding: 0 3.5em; }

    /* 두통 치료방법 - mayo */
    section.sub-disease .unit.headache-care.mayo img { border-radius:15px }
    section.sub-disease .unit.headache-care.mayo > div::after { display: none;}

    /* - - - - - 서브페이지 : 3-2 군발성 두통 (sub02-.php) */
    /* - - - - - 서브페이지 : 3-3 긴장성 두통 (sub02-.php) */
    section.sub-disease.prevent.sub3-3 div.unit.label-text.numbering { width:100% }


    /* - - - - - 서브페이지 : 3-4 만성 두통 (sub02-.php) */
    /* - - - - - 서브페이지 : 3-5 경추성 두통 (sub02-.php) */
    section.sub-disease .unit.why {
        flex-direction: column;
        align-items: center;
        grid-gap: 30px;
    }
    section.sub-disease .unit.why > img { width:80%; margin-right:0 }
    section.sub-disease .unit.why .txt > img { width:4em }

    /* - - - - - 서브페이지 : 3-6 약물과용 두통 (sub02-.php) */
    section.sub-disease .unit.medicine-type {
        flex-direction: column;
        grid-gap:25px;
    }
    section.sub-disease .unit.medicine-type > div {
        width: 100%;
        border-radius: 15px;
        padding: 15px 5vw;
        grid-gap: 1em;
        box-shadow: 0 0 10px #FFE1C4;
    }
    section.sub-disease .unit.medicine-type > div h5 { padding: 0.2em; font-size:1em }
    section.sub-disease .unit.medicine-type > div p { font-size:1em }
/*    section.sub-disease .unit.medicine-type > div p br { display:none; }*/
    section.sub-disease .unit.medicine-type + .p-wrap p { padding: 0 2em}




    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
        SUBPAGE : 04 수면클리닉
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
    /* 수면클리닉 하단 공통 섹션 */
    section.sub.repeat-sleep {}
    section.sub.repeat-sleep .unit.sleep-zigzag {
        width: 100%;
        grid-template-columns: 1fr;
    }
    section.sub.repeat-sleep .unit.sleep-zigzag .txt { padding: 8vw; order:2 }
    section.sub.repeat-sleep .unit.sleep-zigzag ul.dot-neon li {
        display: grid;
        grid-template-columns: 2.5em auto;
        align-items: flex-start;
    }
    section.sub.repeat-sleep .unit.sleep-zigzag ul.dot-neon li::before { transform: translateY(-10%); }
    section.sub.repeat-sleep.bg-primary { margin-bottom: 60px; }
    section.sub.repeat-sleep.bg-primary .inner {
        flex-direction: column;
        padding: 40px 0;
        background-repeat: no-repeat;
        background-size: 32%;
        background-position: top 5% right 10%;
        grid-gap: 0;
    }
    section.sub.repeat-sleep.bg-primary .inner > img { width:100%;}
    section.sub.repeat-sleep.bg-primary .inner > .txt { padding:8vw 8vw 0 }
    section.sub.repeat-sleep.bg-primary ul.check-white { margin-top:2em }
    section.sub.repeat-sleep.bg-primary ul.check-white li { align-items: flex-start; }
    section.sub.repeat-sleep.bg-primary ul.check-white li p { font-size:1em }
    section.sub.repeat-sleep.bg-primary ul.check-white li::before { transform: translateY(17%); }

    /* - - - - - 서브페이지 : 4-1 수면무호흡/코골이 (sub04-.php) */
    section.sub-disease.sub4-1 {}
    section.sub-disease.sub4-1 .unit.normal-abnormal {
        flex-direction: column;
        grid-gap: 20px;
    }
    section.sub-disease.sub4-1 .unit.normal-abnormal h5.label {
        font-size: 1.1em;
        margin: 0 auto 1em;
        width: 15em;
        background-color: #EEE9E3;
    }
    section.sub-disease.sub4-1 .unit.normal-abnormal img { width: 100% }

    section.sub-disease.sub4-1 .unit.step-four {
        flex-direction: column;
        align-items: center;
        grid-gap: 2em;
    }
    section.sub-disease.sub4-1 .unit.step-four > div {
        width: 70%;
        padding: 1em 1em 1.35em;
    }
    section.sub-disease.sub4-1 .unit.step-four > div::after {
        right: 50%;
        top: 100%;
        transform: translate(50%, -50%) rotate(90deg);
     }
    section.sub-disease.sub4-1 .unit.step-four > div:last-child { padding: 1.3em; }

    section.sub-disease.sub4-1 .unit.step-four + div.txt-center img {width: 4em}
    section.sub-disease.sub4-1 .p-wrap.op60 p { font-size:0.8em; padding:0 1em }
    section.sub-disease.sub4-1 .p-wrap.bigger {
        margin-top:2em;
        font-size: 1em;
    }
    section.sub-disease.sub4-1 .p-wrap.bigger p { font-size: 1.1em; padding: 0 1em;}
    section.sub-disease.sub4-1 .p-wrap.bigger p .highlight { display:inline; }


    section.sub-disease.repeat-sleep .unit.label-group.numbering { width:80% }
    section.sub-disease.repeat-sleep .unit.label-group.numbering div { display:grid; grid-template-columns:2em auto; grid-gap:1.5em }
    section.sub-disease.repeat-sleep .unit.label-group.numbering + p.txt-center { padding:0 5em }

    /* - - - - - 서브페이지 : 4-2 불면증 (sub04-.php) */
    /* 약물과용두통 override */
    section.sub-disease .unit.medicine-type.sub4-2 {
        align-items: stretch;
    }
    section.sub-disease .unit.medicine-type.sub4-2 > div {
        height: fit-content;
        width: 100%;
        border-radius: 15px;
        padding: 15px 5vw;
        grid-gap: 1em;
        box-shadow: 0 0 10px #FFE1C4;
    }
    section.sub-disease .unit.medicine-type.sub4-2 > div h5 { padding: 0.2em; }
    section.sub-disease .unit.medicine-type.sub4-2 > div p { font-size: 1.0em; }

    section.sub-disease .unit.brick-group.numbering.sub4-2 > div { padding:15px 20px }
    section.sub-disease .unit.brick-group.numbering.sub4-2 > div p { font-size:1.1em; text-align:left; }

    section.sub-disease .unit.result-grid {
        flex-direction: column;
        grid-gap: 10px;
    }
    section.sub-disease .unit.result-grid > div {
        width: 80%;
        padding: 5vw;
    }
    section.sub-disease .unit.result-grid > div h5 { font-size:1.5em }

    /* - - - - - 서브페이지 : 4-3 기면증/과다수면 (sub04-.php) */
    section.sub-disease .unit.oversleep-grid {
        flex-direction: column;
        justify-content: center;
        grid-gap: 30px;
    }
    section.sub-disease .unit.oversleep-grid > img { width:80% }
    section.sub-disease .unit.oversleep-grid .txt h5 { font-size:1.2em;}

    /* 검사 방법 */
    section.sub-disease .medicine-type.sub4-3 { grid-gap: 50px; }
    section.sub-disease .medicine-type.sub4-3 > div {
        position: relative;
        width: 100%;
    }
    section.sub-disease .medicine-type.sub4-3 > div img { height: 5em; }

    /* 검사스케쥴 */
    section.sub-disease .schedule-wrap {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        grid-gap: 50px;
    }
    section.sub-disease .schedule-wrap .before {
        left: 0;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 2em;
        font-size: 1.0em;
    }
    section.sub-disease .schedule-wrap > div {
        box-shadow: 0 0 10px #FFE1C4;
        padding: 2em 2em 2em 4.5em;
        justify-content: center;
        align-items: center;
        border-radius: 30px;
        width: 80%;
        aspect-ratio: unset;
        background-position: left 2em center;
        background-size: auto 60%;
    }

    section.sub-disease .medicine-type.sub4-3 > div::after,
    section.sub-disease .schedule-wrap > div::after {
        background-size: 33%;
        width: 1.8em;
        position: absolute;
        right: unset;
        left: 50%;
        top: 100%;
        transform: translate(-50%, -50%) rotate(90deg);
    }
    section.sub-disease .medicine-type.sub4-3 > div::after { width:2.0em;  transform: translate(-50%, 30%) rotate(90deg); }

    section.sub-disease .schedule-wrap > div + div::before {
        font-size: 1em;
        width: fit-content;
        left: 50%;
        top: 0;
        transform: translate(-50%,-250%);
    }
    section.sub-disease .schedule-wrap > div p {
        flex-direction: row;
        justify-content: center;
        align-content: center;
        line-height: 0;
        grid-gap: 0.2em;
    }
    section.sub-disease .schedule-wrap > div p strong { font-size: 1.3em; }


    /* - - - - - 서브페이지 : 4-4 주간졸림증 (sub04-.php) */
    section.sub-disease .unit.box.sub4-4 {
        width: 90%;
        padding: 8vw;
        margin-top: 3em;
    }
    section.sub-disease .unit.box.sub4-4 .p-wrap {
        grid-template-columns: 1fr;
        width: 100%;
        grid-gap: 0.5em;
        margin: 0 auto 1.5em;
    }
    section.sub-disease .unit.box.sub4-4 .p-wrap p + p { margin-top:0 }




    /* - - - - - 서브페이지 : 4-5 하지불안증후군 (sub04-.php) */
    section.sub-disease .unit.circle-vs {
        width: 90%;
        flex-direction: column;
        align-items: center;
        grid-gap: 30px;
    }
    section.sub-disease .unit.circle-vs > div img { width:90% }
    section.sub-disease .unit.circle-vs > div h5 {
        text-align: center;
        border-radius: 12px;
        margin-bottom: 8px;
        font-size: 1.2em;
    }
    section.sub-disease .unit.circle-vs > div ul {
        border-radius: 12px;
        padding: 40px 20px;
    }

    /* - - - - - 서브페이지 : 4-6 렘수면행동장애 (sub04-.php) */
    section.sub-disease.intro.sub4-6 .inner { grid-gap:30px }
    section.sub-disease.intro.sub4-6 .inner > img { width:70% }
    section.sub-disease .unit.rbd-test {
        flex-direction: column;
        align-items: center;
        grid-gap: 40px;
        margin-top: 40px;
    }
    section.sub-disease .unit.rbd-test > div {
        width: 80%;
        border-radius: 30px;
        border-width: 1px;
        padding: 30px 0;
    }
    section.sub-disease .unit.rbd-test > div h5 { font-size: 1.2em; padding:0.2em }
    section.sub-disease .unit.rbd-test > div .p-wrap { height: fit-content; }
    section.sub-disease .unit.rbd-test > div .p-wrap p { padding: 0 1.5em 0; }



    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
        SUBPAGE : 05 치매클리닉
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
    /* 치매클리닉 상단 공통 */
    section.repeat-dementia-intro .title-zone h3.subpage-title { font-size: 2em; }
    section.repeat-dementia-intro .title-zone p { font-size: 1.1em; padding:0 2em }
    section.repeat-dementia-intro .dementia-wave {
        width: 90%;
        display: grid;
        align-items: center;
        grid-template-columns: 1fr 1fr;
        margin: 20px auto;
    }
    section.repeat-dementia-intro .dementia-wave > img:nth-child(1),
    section.repeat-dementia-intro .dementia-wave > img:nth-child(2),
    section.repeat-dementia-intro .dementia-wave > img:nth-child(3),
    section.repeat-dementia-intro .dementia-wave > img:nth-child(4) { transform:translateY(0); }
    section.repeat-dementia-intro .p-wrap p { padding: 0 2em; }



    /* - - - - - 서브페이지 : 5-1 알츠하이머 (sub05-.php) */
    section.sub-disease .unit.step-table { width: 90%; }
    section.sub-disease .unit.step-table > div {
        grid-template-columns: 5em auto;
        grid-gap: 0;
    }
    section.sub-disease .unit.step-table > div > div { border-bottom:1px solid var(--primary); padding:0.5em; font-size: 1.0em }
    section.sub-disease .unit.step-table .td { padding:0.5em }




    /* - - - - - 서브페이지 : 5-2 혈관성 치매 (sub05-.php) */
    section.sub-disease .unit.type-vs {
        width: 80%;
        flex-direction: column;
        grid-gap: 4em;
        margin-top: 3em;
    }
    section.sub-disease .unit.type-vs > div {
        width: 100%;
        padding: 0 1em 2em;
    }
    section.sub-disease .unit.type-vs > div h5 {
        font-size: 1.1em;
    }

    section.sub-disease .unit.dementia-differ {
        width: 90%;
        flex-direction: column;
    }
    section.sub-disease .unit.dementia-differ > div { width: 100%; }
    section.sub-disease .unit.dementia-differ > div .img { background-size: 110%; }
    section.sub-disease .unit.dementia-differ > div h5 { font-size: 1.2em; }
    section.sub-disease .unit.dementia-differ div.note > div { padding: 0.6em 1em; }
    section.sub-disease.prevent div.unit.label-text.numbering.m100 { width:100% }





    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
        SUBPAGE : 06 통증클리닉
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
    /* 통증클리닉 상단 공통 */
    section.sub.repeat-pain-intro h4 { font-size:1.2em }
    /* 통증클리닉 하단 공통 */
    section.sub-disease .medicine-type.sub4-3.pain > div::after { display:none; }
    section.sub-disease .unit.pain-carm {
        flex-direction: column;
        grid-gap: 0;
    }
    section.sub-disease .unit.pain-carm .txt {}
    section.sub-disease .unit.pain-carm .txt h5 {
        font-size: 2em;
        margin: 0 auto 0.5em;
    }
    section.sub-disease .unit.pain-carm .txt img.dot { margin: 2em auto; }
    section.sub-disease .unit.pain-carm .txt .p-wrap p { text-align:center; padding:0 1em }
    section.sub-disease .unit.pain-carm .txt .unit.label-group.sun {
        margin: 2em auto;
        width: 84%;
    }
    section.sub-disease .unit.pain-carm .txt .unit.label-group.sun > div { padding-right:1em }

    section.sub-disease .unit.medicine-type.pain > div h5 {
        font-size: 1.1em;
    }

    /* - - - - - 서브페이지 : 6-1 목/어깨 (sub06-.php) */
    section.sub-disease .unit.type-circle {
        width: 100%;
        grid-gap: 0;
    }
    section.sub-disease .unit.type-circle > div { width: 8.5em;}
    section.sub-disease .unit.type-circle > div p { font-size: 1.0em; }


    /* - - - - - 서브페이지 : 6-2 팔꿈치/손목(sub06-.php) */
    /* - - - - - 서브페이지 : 6-3 허리 (sub06-.php) */
    /* - - - - - 서브페이지 : 6-4 골반 (sub06-.php) */
    /* - - - - - 서브페이지 : 6-5 무릎/발 (sub06-.php) */
    /* - - - - - 서브페이지 : 6-6 대상포진 (sub06-.php) */
    section.sub-disease .unit.table-wrap {}
    section.sub-disease .unit.table-wrap table {
        width: 100%;
        margin: 0 auto;
        border-collapse: separate;
        border-spacing: 3px;
    }
    section.sub-disease .unit.table-wrap table th {
        padding: 1em;
        font-size: 1.2em;
    }
    section.sub-disease .unit.table-wrap table td {
        padding: 1em;
        font-size: 1.0em;
    }




}



















/*---모바일 ----------------------------------------------------------------*/
@media screen and (max-width: 480px) {
    * { font-size:14px }

    .pc { display:none !important; }
    .m { display:block; }

    #quickmenu-m {
        display: none;
/*        display: grid;*/
        width: 100vw;
        grid-template-columns: 1fr 1fr 1fr 0.9fr;
        position: fixed;
        bottom: -1px;
        left: 0;
        z-index: 999;
        box-shadow: 0 -3px 10px -6px rgba(0,0,0,.01);
/*        background-color: var(--secondary);*/
        background-color: #fff;
        height: 65px;
        box-sizing: border-box;
    }
    #quickmenu-m > a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-end;
/*        color: #fff;*/
        font-size: 3.5vw;
        background-size: auto 30px;
        background-position: top 8px center;
        background-repeat: no-repeat;
        padding-bottom: 10px;
    }
    #quickmenu-m > a + a { border-left:1px solid rgba(0, 0, 0, .1); }

    #quickmenu-m > a.call { background-image:url('./img/quick-call.png') }
    #quickmenu-m > a.map { background-image:url('./img/quick-clock.png') }
    #quickmenu-m > a.blog { background-image:url('./img/quick-blog.png') }
    #quickmenu-m > a.topbtn { background-image:url('./img/topbtn.png'); background-position:center; background-size: auto 70%; background-color:var(--primary); }

    /*  footer  */
    footer.footer * { font-size:3.6vw }
    footer.footer > .inner {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 50px 0 40px;
        grid-gap: 20px;
    }
    footer.footer ul.info li i { display:block; font-size:0 }


    /* 푸터메뉴 */
    footer.footer ul.menu { grid-gap: 0.75em; justify-content: center;}
    footer.footer ul.menu li.menu-item + li.menu-item { border-left: 1px solid rgba(255, 255, 255, .35); padding-left:0.75em }

    /* 푸터로고 */
    footer.footer img.logo { width: 50%; order: 1; }
    footer.footer .txt { order: 2; }

    /* 푸터인포 */
    footer.footer ul.info li {
        display: block;
        text-align: center;
        line-height: 1.8;
    }

    footer.footer ul.info li b {
        text-align: center;
        padding-right: 1em;
        border-right: 0;
    }

    /* copyright */
    footer.footer .copyright {
        font-size: 0.8em;
        font-weight: 400;
        text-align: center;
    }







    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
        MAINPAGE : 메인페이지
     - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
    /* - - - - - 01. 메인비주얼  */
    section.main-visual .swiper-slide .inner { padding:0 }
    section.main-visual .swiper-slide {
        aspect-ratio: 2 / 3;
        background-position: right 40% center;
    }
    section.main-visual .swiper-slide .text-box p.eng { font-size:3vw }
    section.main-visual .swiper-slide .text-box .mv-title::after { margin:1em auto 0 }
    section.main-visual .swiper-slide .text-box .mv-title p { font-size:4.5vw }
    section.main-visual .swiper-slide .text-box .mv-title p + h3 {  font-size:6.6vw }
    section.main-visual .swiper-slide .text-box .mv-desc { font-size:3.5vw }
    section.main-visual .swiper-slide.mv2 .text-box .mv-desc { width:100%;}



    /* - - - - - 05. 의료진소개  */
    section.main-doctor {}
    section.main-doctor img.said { width:90%; }

    section.main-doctor .doctor-box .txt a.m { width:90%; font-size: 4vw; }


    /* - - - - - 06. 장비소개  */
    section.main-equip .swiper-slide h5.equip-text { font-size:4.5vw; line-height:1.3; padding:0 1em 0.5em }
    section.main-equip .swiper-slide p.equip-text { font-size: 3vw }



    /* - - - - - 08. 진료시간오시는길 (모바일)  */
    section.main-info {}
    section.main-info .inner { padding: 8vw; }
    section.main-info .title-grid {
        grid-template-columns: auto 8% 40px;
        margin-bottom: 20px;
    }
    section.main-info h4.uppercase { font-size: 5.5vw; font-size:500 }
    section.main-info h4.uppercase b { font-size: inherit; }

    section.main-info .info-grid div.info-zone {
        order: 2;
        display: grid;
        grid-template-columns: 1fr;
        justify-content: center;
    }
    section.main-info .info-grid div.info-zone h5 { font-size: 5vw; text-align:center; }
    section.main-info .info-grid div.info-zone p.number { font-size: 8vw; }
    section.main-info .info-grid div.info-zone p.address { text-align:center; font-size:4.5vw }
    section.main-info .info-grid div.info-zone p.address * { font-size:1em }
    section.main-info .info-grid div.info-zone .info-unit:first-child {
        grid-column: unset;
        text-align: center;
        justify-content: center;
    }

    section.main-info .info-grid div.info-zone p.address *,
    section.main-info .info-grid div.info-zone .timetable td.holliday,
    section.main-info .info-grid div.info-zone .info-unit:first-child * { text-align:center; }
    section.main-info .info-grid div.info-zone .timetable { width:fit-content; margin: 0 auto; }


    section.main-info .info-grid div.map-zone { order:1 }
    section.main-info .info-grid div.map-zone #map { border-radius: 15px; }
    section.main-info .info-grid div.map-zone .grid.trio { grid-template-columns: 1fr; }

















    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
        SUBPAGE : 서브 공통 (Mobile)
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
    /* 공통배너1 - 신경과전문 */
    section.repeat.banner.banner1 { background-position: top left 20%;}


    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
        SUBPAGE : 00 DO두신경과
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
    /* - - - - - 서브페이지 : 병원소개 (0-1) here wide */
    section.sub-doclinic.greeting .inner {
        flex-direction: column;
        grid-gap: 30px;
    }
    section.sub-doclinic.greeting .inner .txt { padding:0 5vw }
    section.sub-doclinic.greeting .inner .txt span.op30 { font-size: 4vw; }
    section.sub-doclinic.greeting .inner .txt h5 { font-size: 5vw; }
    section.sub-doclinic.greeting .inner .img { width: 70%; }
    /* vision */
    section.sub-doclinic.vision .title h4 { font-size:4vw }
    section.sub-doclinic.vision .title h3 { font-size: 7vw; }
    section.sub-doclinic.vision .title h2.bracket { font-size: 5vw; }
    section.sub-doclinic.vision .unit.img { width:100%; margin:30px auto 0; }
    section.sub-doclinic.vision .unit.number-grid { width:90%; margin: 0 auto; }
    section.sub-doclinic.vision .unit.number-grid > div { grid-template-columns: 3em auto; padding:1.5em 0 }
    section.sub-doclinic.vision .unit.number-grid .before { font-size: 1.5em; text-align:left; }

    /* - - - - - 서브페이지 : 장비소개 (0-4 ~ ) */
    section.sub-equip div.equip-grid .img {
        background-size: cover;
        aspect-ratio: 1 / 1.17;
    }
    section.sub-equip div.equip-grid .img.solo { background-size:100%;}
    section.sub-equip.mri div.equip-grid .img.solo { background-size:80%;}
    section.sub-equip.psg div.equip-grid .img.solo { background-size: 100%; aspect-ratio:3 / 2; }

    /* 장비 추가 주요사항 섹션 */
    section.sub-equip .equip-caution .inner {
        padding: 40px 2em;
        grid-gap: 15px;
    }
    section.sub-equip .equip-caution img.caution { width:40px }

    /* 장비 추가 주요사항 섹션 - 심볼 튀어나오는 경우*/
    section.sub-equip .equip-caution.upto { margin-top: 100px; }

    /* 장비 추가 주요사항 섹션 - 라벨그룹 */
    section.sub-equip .equip-caution div.label-group p { padding:0.8em 1.5em }

    /* 넘버라벨 */
    section.sub-equip div.equip-grid div.number-group { margin-top: 30px; }
    section.sub-equip div.equip-grid div.number-group p { grid-template-columns:1.5em auto; }
    section.sub-equip div.equip-grid div.number-group p .before { font-size:1em }
    /* cautionbox */
    section.sub-equip div.equip-grid div.caution-box {
        border-radius: 1em;
        padding: 5vw;
        margin-top: 30px;
        width: 100%;
    }
    section.sub-equip div.equip-grid div.caution-box p { text-align: center; font-size: 0.9em }


}