#menu-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 70px;
    background-color: #fff;
    background-image:url(./img/nav-homeicon.svg) ;
    background-repeat: no-repeat;
    background-size: 45% ;
    background-position: center;
    transition: all ease 0.5s;
    cursor: pointer;
}
#mobile-menu {
    visibility: hidden;
    position: fixed;
    top: 0;
    left: -100vw;
    opacity: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999;

    display: flex;
    flex-direction: row;

    font-size: 1.0em;
    transition: all ease 0.4s;
}
#mobile-menu.on {
    visibility: visible;
    opacity: 1;
    top: 0;
    left: 0;
}
#mobile-menu > .inner-wrap {
    width: 20vw;
/*    background-color: var(--primary);*/
    background-color: var(--secondary);
    order: 1;
}
#mobile-menu > .close-area {
    order: 2;
    width: 80vw;
/*    backdrop-filter: blur(10px);*/
}

#mobile-menu.on > .close-area {
    opacity: 1;
}
#mobile-menu a { color: #fff; }

#mobile-menu > .inner-wrap  .menu-main-menu-container {
    height: 100vh;
    overflow-y:auto;
    overscroll-behavior:none;
    padding: 2em 3em;
    display: flex;
    align-items: center;
}

#mobile-menu > .inner-wrap  .menu-main-menu-container::-webkit-scrollbar {
        width: 5px; height: 5px;
      }
#mobile-menu > .inner-wrap  .menu-main-menu-container::-webkit-scrollbar-track {
        background-color: rgba(0, 0, 0, 0);
    }
#mobile-menu > .inner-wrap  .menu-main-menu-container::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, .1);
      }


#mobile-menu > .inner-wrap .menu-main-menu-container > ul {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 1em;
    width: 100%;
}
#mobile-menu > .inner-wrap .menu-main-menu-container li.menu-item-has-children > a {
    font-weight: 500;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.3em;
    font-size: 1.2em;
}
#mobile-menu > .inner-wrap .menu-main-menu-container li.menu-item-has-children > a::after {
    content: '';
    display: inline-block;
    width: 0.8em; height: 0.8em;
    margin-left: auto;
    background-repeat: no-repeat;
    background-size: 70% auto;
    background-position: center;
    background-image: url('./img/arrow-menutoggle.svg');
    transition: all ease 0.5s;
}
#mobile-menu > .inner-wrap .menu-main-menu-container li.menu-item-has-children.on > a::after {
    transform: rotate(180deg);
}

#mobile-menu > .inner-wrap ul.sub-menu {
    padding: 0.8em 0;
    height: 0;
    max-height: 0;
    font-size: 0;
    overflow: hidden;
    transition: max-height 0.7s ease-out;
    background-color: rgba(0,0,0,0.1);
    margin-top: 0.5em;
    border-radius: 0.1em;
}
#mobile-menu > .inner-wrap .menu-main-menu-container li.menu-item-has-children.on ul.sub-menu,
#mobile-menu > .inner-wrap ul.sub-menu.on {
    height: fit-content;
    max-height: 500px;
    font-size: 1em;
}

#mobile-menu > .inner-wrap ul.sub-menu li a {
    line-height: 2.3;
    font-size: 0.90em;
    width: 100%;
    display: block;
    padding-left: 2em;
    font-weight: 500;
    color: #fff;
}

#mobile-menu > .inner-wrap ul.sub-menu li.current-menu-item a {
    font-weight: 500;
    color: #5AE1FF;
}

#mobile-menu > .inner-wrap .menu-main-menu-container li.menu-item-has-children > a:hover,
#mobile-menu > .inner-wrap ul.sub-menu li a:hover {
    color:#5AE1FF;
 }



#m-menu-area {
    position: fixed;
    width: calc( 100vw - 70px );
    height: 100vh;
    max-height: 100vh;
    right: -100vw;
    top: 0;
    z-index: 999;
    background-color: #fff;
    padding: 20px;
    box-shadow: -5px 0 20px rgba(48,39,28, 0.1);
    transition: all ease 0.5s;
    overflow-y: auto;
    overscroll-behavior: contain;
}
#m-menu-area.on {
/*    right: 0;*/
}
#m-menu-overlay {
/*    display: none;*/
    visibility: hidden;
    opacity: 0;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 997;
    transition: all ease 0.6s;
    background-color: rgba(250,250,250, 0.0);
}
#m-menu-overlay.on {
    visibility: visible;
    opacity: 1;
    background-color: rgba(250,250,250, 0.8);
}

#m-menu-area > .flex img { max-width:100%; width:30vw }

#m-menu-area .menu {
    /* --- 메뉴 전체 감싸기 */
    margin-top: 10px;
}
/* --- 메인메뉴 전체  */
#m-menu-area .menu > li.menu-item {  }
#m-menu-area .menu li a { padding:10px; font-family:var(--a); color: rgba(48,39,28, 0.8);}

#m-menu-area .menu > li.menu-item > a {
    /*  메인메뉴 단일 */
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.1em;
}

#m-menu-area .menu > li.menu-item > a::after {
    /*  메인메뉴 토글 */
    content: '';
    width: 12px;
    height: 12px;
    opacity: 0.6;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('./img/m-menu-arrow.png');
    background-position: right top 0;
    transform: rotate(-90deg);

}

#m-menu-area .menu > li.menu-item.current-menu-parent > a{
    /*  메인메뉴 current   */
    font-weight: 600;
}

#m-menu-area .menu > li.menu-item.on > a::after {
/*#m-menu-area .menu > li.menu-item.current-menu-parent > a::after*/
    transform: rotate(0);
    background-image: url('./img/m-menu-arrow-gold.png');
    opacity: 1;
}

/*  서브메뉴 전체 */
#m-menu-area .menu > li.menu-item ul.sub-menu { display: none; background-color: #f9f9f9}
#m-menu-area .menu > li.menu-item.on ul.sub-menu {
/*#m-menu-area .menu > li.menu-item.current-menu-parent ul.sub-menu {*/
    display:block;
    padding: 5px;
    border-top: 1px solid rgba(48,39,28, 0.1);
    border-bottom: 1px solid rgba(48,39,28, 0.1);
}


#m-menu-area .menu > li.menu-item ul.sub-menu li { padding:0 }
#m-menu-area .menu > li.menu-item ul.sub-menu li.current-menu-item a {
    /*  서브메뉴 current item  */
    color: var(--middlegreen);
    font-weight: 600;
}
#m-menu-area .menu > li.menu-item ul.sub-menu li a::before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    margin: 0 10px 2px 3px;
    opacity: 0.3;
    background-color: rgba(48,39,28, 0.45);
}
#m-menu-area .menu > li.menu-item ul.sub-menu li.current-menu-item a::before {
    background-color: var(--gold);
    opacity: 1;
}

#m-menu-area .menu > li.menu-item ul.sub-menu li + li {
    border-top: 1px dotted rgba(48,39,28, 0.1);
}
#m-menu-area .menu > li.menu-item ul.sub-menu li a {
    display: block;
}





.m { display:none; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    MEDIA QUERY
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media (min-width: 1921px)  {
    section.main-greeting div.full-width.gradient div.inner.position-rel {
        width: 50%;
    }
   section.main-greeting div.full-width.gradient div.img.position-abs {
        width: 50%; height: 65vh;
        background-size: 36%;
        background-position: right top 25%;
    }
}
@media (min-width: 1081px) and (max-width: 1600px) {
    .inner { width:100%; }
    section.main-info .btn-zone {width: 80%}


}
/* mobile */
@media screen and (max-width: 1080px) {
    body { font-size:0.8em }
    .pc { display:none !important; }
    .m { display:block; }
    .inner { width:90% !important; max-width: 100%; }

    #quickmenu-m {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100vw;
        z-index: 999;
    }
    #quickmenu-m div.group {
        background-color: var(--primary);
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }
    #quickmenu-m div.group a {
        color: #fff;
        padding-top: 7vw;
        padding-bottom: 0;
        text-align: center;
        margin: 2vw 0;
        background-repeat:no-repeat;
        background-position: top 1vw center;
        background-size: 4vw;
        font-size: 3vw;
    }

    #quickmenu-m div.group a:nth-child(1),
    #quickmenu-m div.group a:nth-child(2),
    #quickmenu-m div.group a:nth-child(3) {
        border-right: 1px solid rgba(255,255,255,.5);
    }

    #quickmenu-m div.group a:nth-child(1) { background-image:url('./img/quick-icon-call.png'); background-size:4.7vw }
    #quickmenu-m div.group a:nth-child(2) { background-image:url('./img/quick-m-parking.png');  background-size:4.7vw }
    #quickmenu-m div.group a:nth-child(3) { background-image:url('./img/quick-m-info.png') }
    #quickmenu-m div.group a:nth-child(4) { background-image:url('./img/quick-m-insta.png'); background-size:4.7vw; }






    #mobile-menu {
        opacity: 0;
    }
    #mobile-menu.on {
        opacity: 1;
    }

    #mobile-menu > .inner-wrap {
        width: 70vw;
    }
    #mobile-menu > .close-area {
        width: 30vw;
    }

    #mobile-menu > .inner-wrap ul.sub-menu li a { font-size: 1em; padding-left:1.5em }

    /* 메인헤더 */
    header.header.gnb {
        background-color: #fff; position: fixed; top: 0; left: 0;
        background-image: url('./img/header-logo.png');
        background-repeat: no-repeat;
        background-position: center left 30vw;
        background-size: 45vw;
        border-bottom: 1px solid rgba(20,20,20,.1);
    }
    header.header.gnb > .inner { width:100% !important; }

    /* 헤더 스크롤*/
    header.header.gnb.on { background-color:#fff; }



    #menu-btn { display: flex; height: 60px; width:60px }


    #m-menu-btn {
        width: 30px;
        height: 19px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        top: 25px;
    }
    #m-menu-btn span {
        display: block;
        width: 60%;
        height: 3px;
        background-color: var(--beige2);
        transition: all ease 0.5s;
    }
    #m-menu-btn span:nth-child(2) { width:100% }


    footer.footer * { font-size: 3.5vw; }
    footer img.footer-logo { width: 60%; display:block; margin:0 auto }
    footer .copyright { width:80%; margin:0 auto; text-align: center; font-size:0.6em }
    footer .footer-menu ul.menu li.menu-item + li::before { height:10px; }
    footer.footer .inner {
        grid-template-columns: 1fr;
        grid-gap: 40px;
        padding: 50px 0 100px 0;
        margin: 0 auto;
    }
    footer.footer .inner div.info-p-wrap p {
        text-align: center;
        line-height: 1.5;
    }
    footer.footer .inner .footer-menu-zone.footer-menu{
        margin: 0 auto;
    }
    footer.footer .inner > div .footer-menu ul.menu li:nth-child(1) a{
        padding-left:1em;
    }
    footer.footer .inner > div .footer-menu ul.menu {
        margin-top: 10px;
    }





    /*  메인공통  */
    section.main > .inner { padding:5em 0 }
    section.main > .inner p.section-title-eng { font-size: 2.5vw; margin-bottom:1em; font-weight:400 }
    section.main > .inner h2.section-title { font-size: 5.5vw; }
    section.main > .inner p.section-desc { padding: 0 1em; width:86%; margin:2em auto; }



    /*시원이비인 메인슬라이드 이미지*/
    /* 메인슬라이드 1 */
    section.main-visual div.swiper-slide.mv1 { background-image: url('./img/m1-mobile.jpg'); }
    /* 메인슬라이드 2 */
    section.main-visual div.swiper-slide.mv2 { background-image: url('./img/m2-mobile.jpg'); }

    /* 메인비주얼 swiper pagination bullets */
    section.main-visual .swiper-pagination { bottom:8vw }
    section.main-visual .swiper-pagination-bullet {
        width: 20vw;
        background: rgba(237,237,237,.9);
        margin: 0 1vw !important;
    }
    section.main-visual .swiper-pagination-bullet.swiper-pagination-bullet-active { background: rgba(223,223,223,.5); }

    section.main-visual div.swiper-slide {
        height: 170vw !important;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }
    section.main-visual div.swiper-slide .txt-box {
        width: 90vw;
        height: 120vw;
        margin: 0 auto;
    }
    section.main-visual div.swiper-slide .txt-box p.uppercase { font-size: 2.8vw; }
    section.main-visual div.swiper-slide .txt-box h1.main-text { font-size:6.5vw; margin-bottom:0; line-height:1.4 }
    section.main-visual div.swiper-slide .txt-box h1.main-text span.circle-highlight { padding:0.1em 0.75em; margin-bottom:0.1em; display:inline-block; }


    section.main-visual div.swiper-slide .txt-box p.main-desc { font-size: 3.5vw; width:70% }
    section.main-visual div.swiper-slide .txt-box p.main-desc img { width: 60vw; margin-top:1em;    }

    section.main-visual div.swiper-slide.mv2 .txt-box h1.main-text { margin-bottom: 0 }
    section.main-visual div.swiper-slide.mv2 .txt-box img.bogun { height:auto; width:50vw }



    /*시원이비인 메인슬라이드01*/
    section.main.main-visual main.main-visual-swiper div.swiper-slide img.bogun{
        width: 75%;
    }
    section.main.main-visual main.main-visual-swiper div.swiper-slide img.dryoon{
        width: 60%;
    }


    /*시원이비인 02 메인상단 위치안내*/
    /* 02 메인 상단 위치안내 */
    section.main-info-section {
        max-width: 100vw;
        overflow: hidden;
        grid-template-columns: 1fr;
        align-items: center;
    }
    section.main-info-section > .box {
/*        width: 100%;*/
        padding: 8vw;
    }
    /* 병원명 */
    section.main-info-section > .box.bg-secondary {
        height: auto;
        align-items: center;
        grid-gap: 1em;
        padding: 8vw;
    }
    section.main-info-section > .box.bg-secondary img {
        /*  심볼  */
        width: 50px;
        margin: 0 auto;
    }
    section.main-info-section > .box.bg-secondary p {
        text-align: center;
    }
    section.main-info-section > .box.bg-secondary p strong {
        font-size: 2em;
        font-weight: 700;
        letter-spacing: 0.02em;
    }
    /* 병원정보 컨테이너 */
    section.main-info-section > .box.info-wrap {
        width: 100%;
        grid-template-columns: 1fr; /* 비율조정 */
    }

    /* 이용안내 */
    section.main-info-section > .box.info-wrap > div.info article {
        width: 100%;
    }
    section.main-info-section > .box.info-wrap > div.info {
        border-right: 0;
        border-bottom: 1px solid #ccc;
    }
    section.main-info-section > .box.info-wrap > div.info p { text-align:center; }
    /* 이용안내 - 시간표 */
    section.main-info-section div.info .time-grid {
      display: grid;
      align-items: stretch;
      grid-template-columns: 1fr; /* 비율조정 */
      grid-gap: 1em;
      margin: 2em auto;
    }
    section.main-info-section div.info .time-grid > div.grid-title {
      border-radius: 5px;
      font-size: 4vw;
      padding: 0.5em;
    }
    section.main-info-section div.info .time-grid > div.grid-items {
        grid-template-columns: 1fr 2fr; /* 비율조정 */
        grid-gap: 0;
    }
    section.main-info-section div.info .time-grid > div.grid-items small {
        font-size: 0.8em;
    }

    /* 주차안내 */
    section.main-info-section > .box.info-wrap > div.parking {
        flex-direction: row;
        justify-content: center;
        padding-top: 8vw;
        grid-gap: 2em;
    }
    section.main-info-section > .box.info-wrap > div.parking img.parking-icon {
        width: 20vw;
    }
    section.main-info-section > .box.info-wrap > div.parking p { text-align:left; line-height:1.6 }




    /*시원이비인 03 메인 클리닉 메뉴*/
    section.main.main-menu div.mainclinic-container div.mainclinic-card .mainclinic-btn,
    section.main.main-menu div.mainclinic-container div.mainclinic-card:hover .mainclinic-btn {
        padding: 8px 20px;
    }
    section.main.main-menu div.mainclinic-container div.mainclinic-card:hover img { transform: scale(1); }
    section.main.main-menu div.mainclinic-container {
        grid-template-columns: repeat(2, 1fr);
        width: 90%;
        gap: 10px;
    }
    section.main.main-menu div.mainclinic-container div.mainclinic-card h3 { font-size: 1.2em; }



    /* 시원이비인 04 메인 인사말 */
    section.main.main-greeting div.inner div.doctor-section {
        grid-template-columns: 1fr;
        gap: 0px;
    }
    section.main.main-greeting div.inner div.doctor-section div.doctor-right {
        padding-top: 0px;
        width: 70%;
        margin: -80px auto;
    }
    section.main.main-greeting div.inner div.doctor-section div.doctor-right div.title-line { width: 100%; }
    section.main.main-greeting div.inner div.doctor-section div.doctor-left img {
        width: 70%;
        height: auto;
        display: block;
        margin: 0 auto;
    }
    section.main.main-greeting div.inner div.doctor-section div.doctor-right span.name { font-size: 1.5em; }
    section.main.main-greeting div.inner div.doctor-section div.doctor-right ul.career-list li::before { top: 7px; }


    /* 시원이비인 05 시원이비인후과 마음으로 진료 */
    section.main.mind-clinic-section { margin: 60px auto; }
    section.mind-clinic-section div.container h2.section-title { font-size: 5.5vw; }
    section.mind-clinic-section div.container div.line-wrapper { gap: 20px; }
    section.mind-clinic-section div.container h2.section-title.mind::before, section.mind-clinic-section div.container h2.section-title.mind::after {
        width: 7px;
        height: 7px;
        top: 43%;
    }
    section.mind-clinic-section div.container p.title-ent {
        letter-spacing: 10px;
        margin-bottom: 20px;
        font-size: 2em;
        text-align: center;
    }
    section.mind-clinic-section div.container div.image-wrapper img {
        display: block;
        width: 80%;
        margin: 0 auto;
    }
      section.mind-clinic-section div.container div.image-wrapper div.symbol {
        width: 90px;   /* 크기 줄이기 */
        height: 90px;
        left: 72%;
         bottom: 66%;
        background-size: contain; /* 배경이미지 크기 맞추기 */
    }
    section.main.mind-clinic-section div.container p.section-desc.txt-center{
        padding: 0 1em;
        width: 86%;
        margin: 2em auto;
    }


    /* 시원이비인 06 장비소개 */
    section.main-equipment .equip-slide-wrapper { margin-top: 40px; }
    section.main-equipment .equip-slide { padding-bottom: 35px; }
    section.main-equipment .equip-slide .equip-slide-box img { width: 80%; }
    section.main-equipment .equip-slide p.equip-name::after { height:2px }

    section.main-equipment .equip-control .swiper-button-prev,
    section.main-equipment .equip-control .swiper-button-next { width: 30px; top:130px }

    section.main-equipment .equip-control .swiper-button-next { right: 20px; }
    section.main-equipment .equip-control .swiper-button-prev { left: 20px; }


    /* 07 메인 둘러보기 */
    section.main.main-preview div.inner img.preview_bottomtxt {
        width: 90%;
        display: block;
        margin: 0 auto;
    }
    /* 전체 스와이퍼 wrapper */
    section.main-preview div.preview-swiper-zone {
        width: 76vw; /* 너비 */
        margin: 30px auto 50px;
    }
    /* 각 개별 슬라이드(공통) */
    section.main-preview .swiper-slide { aspect-ratio: 3 / 2; }
    section.main-preview .preview-big  .swiper-slide {
        border-width: 3px;
        border-radius: 10px;
    }
    /* 썸네일 슬라이드  */
    section.main-preview .preview-thumbs .swiper-slide {
        aspect-ratio: 4 / 3;
        border-radius: 5px;
    }
    /*  버튼스타일링 (공통) */
    section.main-preview .swiper-button-prev,
    section.main-preview .swiper-button-next { width: 30px; background-size:contain; }
    section.main-preview .swiper-button-next { right: -3vw; }
    section.main-preview .swiper-button-prev { left: -3vw; }




    /*  메인 오시는길 */
    section.main-loca {
        background-size: 100% 80%;
        background-repeat: no-repeat;
    }
    section.main-loca .inner { padding-bottom:0 }
    section.main-loca .inner h3.section-title { font-size: 4vw; margin-bottom:2em }
    section.main-loca .map {
        width: 80vw;
        aspect-ratio: 4 / 3;
        border-radius: 1em;
        border-width: 3px;
    }

    /* 하단 인포 */
    section.main-loca div.loca-info-wrap {
        width: 90%;
        grid-template-columns: 1fr;
        margin: 0 auto;
        align-items: center;
    }
    /* 하단 인포 각 영역 공통 */
    section.main-loca div.loca-info-wrap > div {
        height: auto;
        padding: 50px 0;
    }
    section.main-loca div.loca-info-wrap > div + div {
        border-left: 0;
        border-top: 1px solid #cfdae5;
    }
    section.main-loca div.loca-info-wrap h4.txt-primary { font-size: 1.8em; }

    /* ===== 진료시간 ===== */
    section.main-loca div.loca-info-wrap > div.openclose article + p { margin-top: 20px; }
    section.main-loca .time-grid {
        margin: 0 auto;
    }
    section.main-loca .time-grid > div.grid-items {
        display: grid;
        grid-template-columns: 1fr 2fr; /* 비율조정 */
        align-items: center;
        grid-gap: 0 1em;
    }
    section.main-loca .time-grid > div.grid-items > * { font-size:3.8vw }

    /* ===== 주차 안내 ===== */
    section.main-loca div.loca-info-wrap > div.parking img.parking-icon { width:30vw; }
    section.main-loca div.loca-info-wrap > div.parking img.parking-icon + p { font-size: 1.2em; }

    /* 하단 인포 버튼 공통 */
    section.main-loca div.loca-info-wrap a.btn-icon {
        justify-content: space-between;
        gap: 8px; /* 아이콘과 텍스트 간격 */
        font-size: 4vw;
        margin-top: 20px;
        width: 70vw;
        padding: 2px 15px 0 5px;
    }
    /* 하단 인포 버튼 공통 : 아이콘 크기 */
    section.main-loca div.loca-info-wrap a.btn-icon img.icon {
      width: 40px;
      height: 40px;
    }
    /* 하단 인포 버튼 공통 : 화살표 */
    section.main-loca div.loca-info-wrap a.btn-icon img.arrow { width: 8vw; max-width:35px }

    /* ===== 진료문의 ===== */
    section.main-loca div.loca-info-wrap > div.call {
        background-position: bottom -20% center;
        background-size: 40%;
/*        background-image: none;*/
        padding-bottom: 100px;
    }
    section.main-loca div.loca-info-wrap > div.call p.number {
      font-size: 9vw;
      text-align: center;
    }










    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
        SUB TEMPLATE LAYOUT
     - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
    section.sub > .inner {
        width: 100%;
        padding:60px 0;
        max-width: 100vw;
        overflow-x: hidden;
    }
    section.sub img { max-width: 100%; }

    /* 서브헤더 */
    section.sub.sub-header { background-position: right 60% center; }
    section.sub.sub-header .inner {
        width: 100vw;
        margin: 0 auto;
        padding: 100px 0 30px 5vw;
    }
    section.sub.sub-header .inner::before {
        position: absolute;
        top: 80px; left: 5vw;
        transform: translateX(0);
        width: 50px;
    }
    section.sub .title-zone p.title-sub { font-size: 3.5vw; }
    section.sub .title-zone .title { font-size: 6vw; }
    section.sub.sub-header .title-zone p.eng { font-size: 2.5vw; }

    /* 서브 인트로 */
    section.sub .title-zone p.title-sub.eng { font-size: 2.5vw }
    section.sub.sub-intro .title-zone p.desc::before {
        border: 2px solid #80B8F2;
        width: 5px;
        margin: 0 auto 0.5em;
    }
    section.sub.sub-intro .intro-grid {
        grid-template-columns: 1fr;
        grid-gap: 20px;
        align-items: center;
        margin-top: 50px;
    }
    section.sub.sub-intro .intro-grid .txt { padding:0 5vw }

    section.sub .unit { margin: 50px auto 0; }
    section.sub .unit.ml { margin: 30px auto 0; }
    section.sub .unit.unit90 { width:90% }
    section.sub .unit.unit80,
    section.sub .unit.unit70,
    section.sub .unit.unit60,
    section.sub .unit.unit50 { width:80% }


    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
        SUB PAGE Elements
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
    /* 탭 */
    section.sub.tab-content .title-zone * { text-align: center; }
    section.sub.tab-content .tab-grid {
        grid-template-columns: 1fr;
        align-items: center;
    }
    /**/
    section.sub.tab-content div.tab-buttons {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        grid-gap: 5px;
        flex-wrap: wrap;
    }
    section.sub.tab-content.vaccine div.tab-buttons {
        justify-content: center;
    }
    section.sub.tab-content div.tab-buttons > .tab-button {
        width: 10em;
        padding: 0.5em;
        font-size: 3.5vw;
    }
    /**/
    section.sub.tab-content div.tab-desc { margin: 2em auto; }
    section.sub.tab-content div.tab-desc p { text-align:center; }
    section.sub.tab-content div.tab-desc p + p { margin-top:1.5em }

    /*  */
    section.sub.tab-content div.tab-con > * { display:none; }
    section.sub.tab-content div.tab-con > *.active { display:block; }




/*비염*/
section.sub.grid-trio div.inner div.grid-trio.nose-clean {
    grid-template-columns: 1fr;
    width: 80%;
    gap: 50px;
}
section.sub.grid-trio div.inner div.grid-trio .card img {
    margin-bottom: 0px;
}

section.sub.grid-trio div.inner div.grid-trio .card{
    padding: 50px 10px 30px 10px;
  
}
section.sub.grid-trio div.inner div.grid-trio .card > img{        max-width: 40%;
}




.notice-banner-wrap {
    padding: 12px 16px; /* 위아래 여백 */
    display: flex;
    justify-content: center;
  }

  









}