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

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    MEDIA QUERY
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media (min-width: 1921px)  {
}

@media (min-width: 1081px) and (max-width: 1600px) {
    .inner { width:100%; }
}

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

    header, footer,
    div.section-wrapper { width:100vw; overflow-x:hidden; }

    header.header > .logo-floor { background-color:rgba(255, 255, 255, .95); }

    header.header .gnb-floor,
    header.header .sub-floor { display:none; }

    header.header  { box-shadow: 0 2px 20px rgba(40, 77, 182, .12);}
    header.header > .logo-floor .inner,
    header.header.on > .logo-floor .inner {
        width: 100%;
        justify-content: center;
        height: 70px;
    }
    header.header > .logo-floor a.logo,
    header.header.on > .logo-floor a.logo {
        max-width: 45vw;
        padding: 2vw 3vw 0 0;
    }
    header.header > .logo-floor a.tel,
    header.header.on > .logo-floor a.tel {
        display: none;
    }

    /* 네이버 예약 버튼  */
    header.header > .logo-floor a.reservation {
        aspect-ratio: 1 / 1;
        overflow: hidden;
        width: 29px;
        background-size: auto 100%;
        background-position: left center;
        /* border: 1px solid red; */
        right: 10px;
        left: unset;
    }

    /* 메뉴 버튼  */
    #menu-btn {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 70px;
        aspect-ratio: 1 / 1;
        cursor: pointer;
        position: absolute;
        left: 0;
    }
    #menu-btn > div {
        display: flex;
        width: 20px;
        aspect-ratio: 1 / 0.8;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        transition: all ease 0.5s;
    }
    #menu-btn span {
        display: inline-block;
        width: inherit;
        height: 2px;
        border-radius: 3px;
        background-color: #111;
/*        transition: all ease 0.5s;*/
    }
/*    #menu-btn.on > div { transform:translateX(-12px); }*/
/*    #menu-btn.on span:nth-child(1) { transform: rotate(135deg) translateY(-15px);}
    #menu-btn.on span:nth-child(2) { opacity:0 }
    #menu-btn.on span:nth-child(3) { transform: rotate(-135deg) translateY(15px);}*/

    /*  모바일메뉴  */
    #mobile-menu {
        display: grid;
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        max-width: 100vw;
        height: 100vh;
        opacity: 0;
        font-size: 1.0em;
        background-color: rgba(31, 49, 235, 0.9);
        backdrop-filter: blur(10px);
        visibility: hidden;
        grid-template-rows: 70px auto 80px;
        grid-gap: 5vh;
        transition: all ease 0.4s;
    }
    #mobile-menu.on { visibility: visible; opacity: 1; z-index: 99999; }

    /*  상단로고  */
    #mobile-menu > .title-zone {
        display: flex;
        width: 100%;
        height: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #mobile-menu > .title-zone a.logo {
        max-width: 42vw;
        padding: 4vw 0 0 0;
    }

    /* 닫기버튼 */
    #mobile-menu .close-area {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 70px;
        aspect-ratio: 1 / 1;
        position: absolute;
        left: 0;
    }
    #mobile-menu .close-area span {
        display: inline-block;
        width: 20px;
        height: 2px;
        border-radius: 3px;
        background-color: #fff;
    }
    #mobile-menu .close-area span:nth-child(1) { transform: rotate(45deg) translateY(1px);}
    #mobile-menu .close-area span:nth-child(2) { transform: rotate(-45deg) translateY(-1px);}

    /*  하단 심볼  */
    #mobile-menu > .symbol-zone {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 20px;
    }
    #mobile-menu > .symbol-zone img {
        aspect-ratio: 1 / 1;
        max-height: 90%;
    }

    /* 실제 메뉴 영역 */
    #mobile-menu > .menu-area-zone {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 80%;
        margin: auto;
        height: fit-content;
        max-height: calc(100vh - 200px);
        overflow-x: hidden;
        overflow-y: auto;
    }
    #mobile-menu > .menu-area-zone .menu-main-menu-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        width: 80%;
        margin: auto;
        max-height: calc(100vh - 200px);
        overflow-y: auto;
        font-size: 4vw;
    }


    #mobile-menu > .menu-area-zone .menu-main-menu-container::-webkit-scrollbar,
    #mobile-menu > .menu-area-zone::-webkit-scrollbar {
        width: 2px; height: 2px;
      }
    #mobile-menu > .menu-area-zone .menu-main-menu-container::-webkit-scrollbar-track,
    #mobile-menu > .menu-area-zone::-webkit-scrollbar-track {
        background-color: #000FB8;
    }
    #mobile-menu > .menu-area-zone .menu-main-menu-container::-webkit-scrollbar-thumb,
    #mobile-menu > .menu-area-zone::-webkit-scrollbar-thumb {
        background-color: rgba(127, 255, 226, .5);
      }



    #mobile-menu ul.menu {
        display: grid;
        align-items: center;
    }
    #mobile-menu ul.menu li.menu-item-has-children {
        display:block;
        overflow: hidden;
        transition: height ease 0.6s;
    }
    #mobile-menu ul.menu li.menu-item-has-children > a {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        text-align: center;
        color: #fff;
        padding: 0.5em 1em;
        font-size: 1.2em;
        font-weight: 500;
        position: relative;
    }
    #mobile-menu ul.menu li.menu-item-has-children > a::after {
        content: '';
        display: block;
        position: absolute;
        height: 1px;
        width: 0;
        bottom: 0;
        left: 50%;
        border-bottom: 1px solid #7fffe2;
        transition: all ease 0.5s;
    }
    #mobile-menu ul.menu li.menu-item-has-children.on > a::after {
/*    #mobile-menu ul.menu li.menu-item-has-children.current-menu-parent > a::after {*/
        width: 100%;
        left: 0;
    }
    #mobile-menu ul.menu li.menu-item-has-children ul.sub-menu {
        display: flex;
        flex-direction: column;
        width: 100%;
        overflow-y: hidden;
    }
    #mobile-menu ul.menu li.menu-item-has-children.on ul.sub-menu {
        display: flex;
        height: fit-content;
        padding-bottom: 30px;
    }
    #mobile-menu ul.menu li.menu-item-has-children ul.sub-menu li:first-child { margin-top:5px }
    #mobile-menu ul.menu li.menu-item-has-children ul.sub-menu li:last-child { margin-bottom:15px }
    #mobile-menu ul.menu li.menu-item-has-children ul.sub-menu li a {
        display: block;
        width: 100%;
        padding: 0.25em;
        color: rgba(255, 255, 255, .9);
        text-align: center;
    }
    #mobile-menu ul.menu li.menu-item-has-children ul.sub-menu li.current-menu-item a {
        /* color: #fff;*/
        color: #6df4d6;
    }



    #quickmenu { display: none; }
    #quickmenu-m {
        display: block;
        position: fixed;
        bottom: -1px;
        left: 0;
        width: 100vw;
        z-index: 999;
        box-shadow: 0 -2px 20px  rgba(40, 77, 182, .12);
        border-top: 1px solid rgba(40, 77, 182, .1);
    }
    #quickmenu-m div.group {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        background-color: #fff;
    }
    #quickmenu-m div.group a {
        color: #666;
        padding-top: 7vw;
        padding-bottom: 0;
        text-align: center;
        margin: 2vw 0 1vw;
        background-repeat:no-repeat;
        background-position: top -1vw center;
        background-size: 39%;
        font-size: 3vw;
    }
    #quickmenu-m a.call {
        background-color: #3546ff;
        background-color: #2164ff;
        font-size: 3vw;
        position: absolute;
        width: 20vw;
        bottom: 0;
        left: calc(50vw - 10vw);
        color: #fff;
        padding: 12vw 0 2vw;
        border-top-left-radius: 1.5em;
        border-top-right-radius: 1.5em;
        text-align: center;

        background-repeat:no-repeat;
        background-position: top 4vw center;
        background-size: 6vw;
        background-image:url('./img/quick-icon-call-m.svg')
    }
    #quickmenu-m div.group a:nth-child(1),
    #quickmenu-m div.group a:nth-child(4) {
        border-right: 1px solid rgba(255,255,255,.5);
    }

    #quickmenu-m div.group a.blog { background-image:url('./img/quick-icon-blog-m.svg');}
    #quickmenu-m div.group a.insta { background-image:url('./img/quick-icon-insta-m.svg');}
    #quickmenu-m div.group a.map { background-image:url('./img/quick-icon-locate-m.svg');}
    #quickmenu-m div.group a.ch { background-image:url('./img/quick-icon-ch-m.svg');}



    /* 푸터 */
    footer.footer .inner {
        width: 90%;
        padding: 60px 0 100px;
        font-size: 3vw;
    }
    footer.footer .inner > .flex { flex-direction:column; grid-gap:5vw }
    footer.footer img.logo { width:140px; display:block; margin:0 auto; }
    footer.footer div.divider { margin:20px auto  }

    footer.footer .p-wrap {
        margin-top: 2em;
    }
    footer.footer .p-wrap p { text-align:center; padding:0 1em }
    footer.footer .p-wrap p + p { margin-top: 0.5em; }
    footer.footer .p-wrap p b { font-size:1.1em; color:#fff }
    footer.footer .p-wrap p span { margin-left:0.25em }
    footer.footer .p-wrap p span + b { margin-left:1em }

    footer.footer .right {
        align-items: center;
        width: fit-content;
        margin: 0 auto;
    }
    footer.footer .sns a img {
        width: 2.5em;
    }
    footer.footer .footer-menu ul.menu { justify-content:center; }
    footer.footer .footer-menu ul.menu > li {
        padding: 0 1em;
    }
    footer.footer .footer-menu ul.menu > li:last-child {
        padding-right: 0;
    }
    footer.footer .inner > p.copyright { text-align: center; }







    /* 푸터메뉴 */
    div.section-wrapper.footer .elementor-widget-container > p { padding: 0.3em 2em; line-height: 1.7; font-size: 0.86em; color:var(--dark); }
    .section-wrapper.footer table.table { margin:2em auto; }
    .section-wrapper.footer table.table tbody td { border: 1px dashed rgba(10, 10, 10, 0.1); }
    .section-wrapper.footer .table-wrapper table.table { margin:0 auto; }
    .section-wrapper.footer .table-wrapper table.table tr > * { padding: 0.35em 1.5em; }



    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
        common elements
     - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
    section .inner { padding: 60px 0; }
    section div.title-zone p.eng.uppercase {
        font-size: 2.2vw;
    }
    section div.title-zone > div.title {
        margin-top: 1em;
        grid-gap: 0.5em;
    }
    section div.title-zone > div.title img { height:2em }
    section div.title-zone > div.title h3 {
        font-size: 6vw;
    }



    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
        MAIN PAGE
     - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

    /* main-visual */
    section.main-visual { margin-top: 0; }
    section.main-visual .swiper-slide {
        height: unset;
        aspect-ratio: 9 / 16;
        background-position: center top;
    }
    section.main-visual .swiper-slide.mv1 { background-image:url('./img/mv1-m.jpg?ver=000') }
    section.main-visual .swiper-slide.mv2 { background-image:url('./img/mv2-m.jpg?ver=000') }
    section.main-visual .swiper-slide.mv3 { background-image:url('./img/mv3-m.jpg?ver=000') }

    section.main-visual .inner,
    section.main-visual .mv1 .inner {
        width: 90vw;
        height: 60%;
        justify-content: center;
        align-items: center;
    }
    section.main-visual .mv2 .inner { height:75% }

    section.main-visual div.txt {
        grid-gap: 20px;
        justify-content: flex-start;
        align-items: center !important;
    }
    section.main-visual div.txt > p.eng.uppercase {
        font-size: 2.25vw;
        font-weight: 400;
    }
    section.main-visual div.txt > p.title { font-size: 6vw; }
    section.main-visual div.txt > p.title small { font-size: 0.75em; }
    section.main-visual div.txt > p.subtitle {
        font-size: 3.3vw;
        margin-top: 1.0em;
        padding: 0 5vw;
    }
    section.main-visual div.txt > p.img img {
        width: 40vw;
        margin-left: 2vw;
    }
    section.main-visual .swiper-pagination { display:none; }


    section.main-visual div.txt *,
    section.main-visual .mv1 div.txt * {
        text-align: center;
    }



    /* 메인클리닉 */
    section.main-clinic div.clinic-grid {
        width: 80%;
        margin: 40px auto;
        grid-template-columns: 1fr;
        grid-gap: 8px;
    }
    section.main-clinic div.clinic-grid > a {
        border-radius: 15px;
    }
    section.main-clinic div.clinic-grid > a:hover {
        box-shadow: none;
    }
    section.main-clinic div.clinic-grid > a > .text {
        padding: 25px;
    }
    section.main-clinic div.clinic-grid > a > .text span.arrow {
        width: 2em;
        margin: 0 0 -2em auto;
        background-size: 60%;
        background-position: center bottom;
    }
    section.main-clinic div.clinic-grid > a > .text p { padding-left:0px }
    section.main-clinic div.clinic-grid > a > .text p.eng.uppercase {
        font-size: 2vw;
    }
    section.main-clinic div.clinic-grid > a > .text p.subject {
        font-size: 4vw;
    }



    /* 메인의료진 */
    section.main-doctor .doctor-grid {
        width: 80%;
        margin: 20px auto;
        padding: 60vw 0 0 0;
        background-size: 70%;
        background-position: top center;
    }
    section.main-doctor .doctor-grid .doctor-name {
        text-align: center;
        grid-gap: 0.35em;
        font-size: 1.2em;
        width: fit-content;
        margin: 0 auto 0.75em;
    }
    section.main-doctor .doctor-grid .label-gradient {
        padding: 0.5em 2em;
        width: 80%;
        font-size: 0.9em;
        line-height: 1.3;
        margin: 0 auto;
        text-align: center;
    }
    section.main-doctor .doctor-grid ul.career { font-size:1em; margin: 2em auto;}
    section.main-doctor .doctor-grid ul.career li{ text-align: center;}
    section.main-equip a.btn-moreview.mint,
    section.main-doctor .doctor-grid a.btn-moreview {
        font-size: 1.1em;
        margin: 1em auto;
    }
    section.main-doctor .doctor-grid a.btn-moreview i {
        margin-left: 0.5em;
    }


    /* 메인5대암 */
    section.main-fivecancer .inner.half {
        padding: 50px 0 50px;
        grid-template-columns: 1fr;
        grid-gap: 30px;
    }
    section.main-fivecancer .inner.half div.blank {
        order: 2;
        height: 50vw;
        background-size: contain;
    }
    section.main-fivecancer .inner.half .title-zone img { height: 50px }
    section.main-fivecancer .inner.half .title-zone + p.txt-center {
        font-size: 1em;
        margin: 1em auto 2em;
        padding: 0 5vw;
    }
    section.main-fivecancer .inner.half .icon-text-wrap {
        width: 80%;
        flex-wrap: wrap;
        margin: 0 auto ;
        grid-gap: 0 1em;
    }
    section.main-fivecancer .inner.half .icon-text-wrap p {
        display: flex;
        flex-direction: row;
        align-items: center;
        font-weight: 600;
        grid-gap: 0.25em;
    }



    /* 메인특별함 */
    section.main-special div[style] + div[style] {
        padding: 0 !important;
    }
    section.main-special div.inner:first-child { padding-bottom:30px !important }
    section.main-special div[style] + div[style] > .inner  {
        padding-top: 40px !important;
    }
    section.main-special .inner > p.txt-center {
        font-size: 1em;
        padding: 0 5vw;
    }
    section.main-special div.flex.row {
        width: 80vw;
        margin: 0 auto;
        flex-direction: column;
        margin: 30px auto ;
        grid-gap: 30px;
        background-position: center bottom;
    }
    section.main-special div.label-group.pluslist {
        display: grid;
        grid-gap: 1em;
    }
    section.main-special div.label-group.pluslist > p {
        padding: 0.75em 2em;
        font-size: 1em;
    }
    section.main-special div.label-group.pluslist > p::before { top: 0.4em; }



    /* 메인 장비  */
    section.main-equip .title-zone * br { display:none; }
    section.main-equip a.btn-moreview.mint { margin: 2em auto 0 }
    section.main-equip .inner.grid {
        grid-template-columns: 1fr;
        width: 99vw;
        margin: 0 auto;
        padding: 3em 0 6em;
        grid-gap: 0;
    }
    section.main-equip .inner.grid .txt-box { padding-bottom:0 }
    section.main-equip .inner.grid .txt-box .p-wrap { margin-top: 2em; }
    section.main-equip .inner.grid .slide-box { margin: 1em 0; }
    section.main-equip .inner.grid .slide-box .swiper-slide h4 { font-size: 1.1em; }
    section.main-equip .inner.grid .slide-box .swiper-scrollbar { width: 100%; }



    /* 메인둘러보기 */
    /* 전체 스와이퍼 wrapper */
    section.preview div.preview-swiper-zone {
        width: 90%;
        margin: 40px auto 0;
    }
    /* 각 개별 슬라이드(공통) */
    section.preview .swiper-slide { border-radius: 20px; }
    /* 썸네일 슬라이드  */
    section.preview .preview-thumbs {
        width: 90%;
        margin: 20px auto 0;
    }
    section.preview .preview-thumbs .swiper-slide { border-radius: 6px; }
    /*  버튼스타일링 (공통) */
    section.preview .swiper-button-prev,
    section.preview .swiper-button-next {
        width: 40px; height: unset;
        top: 55%;
        display: none;
    }
    /*  버튼 기본 < > 제거    */
    section.preview .swiper-button-prev::after,
    section.preview .swiper-button-next::after { font-size: 3.5vw }

    /*  버튼 위치 지정 / 부모(position:relative)를 어디 기준으로 했는지에 따라 다름 */
    section.preview .swiper-button-prev { left: 0 }
    section.preview .swiper-button-next { right: 0 }


    /* 서브 둘러보기 */
    section.preview.sub .inner { padding: 10px 0 60px }




    /* 메인 오시는길 */
    section.main-locate .map-zone {
        margin: 40px auto 0;
        width: 90%;
    }
    section.main-locate .map-zone #map {
        aspect-ratio: 3 / 2;
        border-radius: 20px;
    }
    section.sub.main-locate .map-zone div {
        width: 100%;
        height: inherit;
    }
    section.main-locate .map-zone .address-label {
        position: static;
        width: 100%;
        margin-top: 20px;
        border-radius: 5em;
        background-color: #6df4d6;
        padding: 1em 3.5em;
    }
    section.main-locate .map-zone .address-label p {
        font-weight: 600;
        font-size: 3.8vw;
        line-height: 1.3;
    }
    section.main-locate .map-zone .address-label p img {
        height: 1.5em;
    }


    /**/
    section.main-locate .grid.info-zone {
        width: 85%;
        margin: 0 auto;
        padding-top: 40px !important;
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 50px;
        align-items: stretch;
    }
    section.main-locate .grid.info-zone .left,
    section.main-locate .grid.info-zone .right { display: block; }

    section.main-locate .grid.info-zone strong,
    section.main-locate .grid.info-zone div.info > .grid strong {
        font-size: 4.5vw;
        margin-bottom: 0.5em;
        font-weight: 700;
        display: block;
        text-align: center;
    }
    /* table */
    section.main-locate .grid.info-zone table.timetable { width: auto; margin: 0 auto; max-width: 100%}
    section.main-locate .grid.info-zone table.timetable th {
        width: 5em;
        padding-right: 1em;
    }
    section.main-locate .grid.info-zone table.timetable * { font-size: 4.2vw; }
    section.main-locate .grid.info-zone table.timetable td,
    section.main-locate .grid.info-zone div.time table.timetable .txt-caution { letter-spacing: 0.025em; }

    section.main-locate .grid.info-zone table.timetable td.number {
        font-weight: 700;
        font-size: 6vw;
        letter-spacing: 0.02em;
    }

    section.main-locate .btn-zone.trio {
        margin: 30px auto 0;
        grid-gap: 5px;
    }
    section.main-locate .btn-zone a { font-size: 3vw; }
    section.main-locate .btn-zone a::before {
        width: 2em;
        height: 2em;
        margin-right: 0.5em;
        background-size: 1.1em;
        background-position: center;
    }
    section.main-locate .grid.info-zone.parking {
        margin-top: 50px; grid-gap: 50px;
    }
    section.main-locate .grid.info-zone.parking .left img {
        margin: 0 auto;
        width: 85%;
    }

    /* 서브 오시는길(지도) */
    section.main-locate.sub .inner { padding:0 0 50px }


























    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
        SUB TEMPLATE LAYOUT
     - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
     section.sub img { max-width:100% !important; }
    /* 서브 헤더 */
    section.sub-header {
        background-size: auto 100%;
        background-position: left 5% center;
    }
    section.sub-header.bgright { background-position: right; }
    section.sub-header > .inner { padding: 60px 0 50px; }
    section.sub-header .page-title-eng { font-size: 2vw; }
    section.sub-header .page-title { font-size: 6vw; text-shadow: 0 1px 18px rgb(122 136 177 / 90%) }


    /* 인트로 섹션 제목 */
    /* 섹션 제목 */
    section.sub .title-zone .section-title {
        font-size: 5vw;
        line-height: 1.3;
    }
    section.sub .tab-intro .title-zone .section-title,
    section.sub.sub-intro .title-zone .section-title { font-size:6vw }

    section.sub .tab-intro .title-zone div.p-wrap,
    section.sub.sub-intro .title-zone div.p-wrap { width: 78%; }

    section.sub .tab-intro .title-zone div.p-wrap::before,
    section.sub.sub-intro .title-zone div.p-wrap::before {
        content: '';
        display: block;
        width: 3em;
        height: 2px;
        margin: 2em auto;
        background-color: var(--primary);
    }
    section.sub .title-zone .section-title-eng { font-size:2.5vw }


    section.sub p { font-size: 1em; }



    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
        SUB PAGE
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

    section.sub .inner > .p-wrap p.txt-center { padding:2em }
    /* /about/doctor/ : 의료진소개 */
    section.sub .p-wrap.doctor {
        position: relative;
        width: fit-content;
        margin: 40px 15vw 60px;
    }
    section.sub .p-wrap.doctor p.handwrite {
        font-size: 5vw;
        padding: 0;
    }
    section.sub .p-wrap.doctor::before { left:-1em; top:0 }
    section.sub .p-wrap.doctor::after { right:2em; bottom: -1em }
    section.main-doctor.sub > .inner { padding-top:0 }

    section.main-doctor.sub .doctor-grid .label-gradient {
        padding: 0 2em;
        width: 80%;
        font-size: 0.9em;
        line-height: 1.3;
        margin: 0 auto;
        text-align: center;
    }
    section.sub.doctor.photo .grid.trio { grid-gap: 10px; grid-template-columns:1fr }
    section.sub.doctor.photo .grid.trio div { border-radius:5px }
    section.main-doctor.sub .doctor-grid p.career-label {
        width: 6em;
        text-align: center;
        padding: 0.15em;
        border-radius: 1em;
        background-color: var(--primary);
        color: #fff;
        font-weight: 500;
        font-size: 0.9em;
        margin: 2em auto 0;
    }
    section.main-doctor.sub .doctor-grid ul.career {
        margin: 1em 0 2em;
    }
    section.main-doctor.sub .doctor-grid ul.career li img {
        max-height: 2em;
        transform: translateY(0.35em) translateX(0.35em);
    }


    /* /about/guide/ : 진료 안내 */
    section.sub-intro .flex.row.guide {
        display: grid;
        grid-template-columns: 100px auto;
        margin: 40px auto 0;
        grid-gap: 30px;
    }
    section.sub-intro .flex.row.guide p.subject { font-size: 1.35em; }
    section.sub-intro .flex.row.guide > div p { text-align:left; }

    /* 진료안내 그리드 */
    section.sub.guide { margin-top:0 }
    section.sub.guide > .inner { padding:60px 0 }
    section.sub.guide div.guide-grid {
        display: grid;
        grid-template-columns: 1fr;
        align-items: center;
        width: 80%;
    }

    section.sub.guide div.guide-grid .img {
        border-radius:5px;
        aspect-ratio: 2 / 1;
        background-position: center bottom;
    }
    section.sub.guide div.guide-grid .txt {
        padding-top: 0;
        order: 2;
    }
    section.sub.guide div.guide-grid .txt > .number {
        width: 20%;
        font-size: 2em;
    }
    section.sub.guide div.guide-grid .txt > .number::before {
        width: 1.5em;
    }
    section.sub.guide div.guide-grid .txt > .list {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        width: 80%;
        padding: 30px 15px;
    }
    section.sub.guide div.guide-grid .txt > .number + .list {
        align-items: flex-start;
    }

    section.sub.guide div.guide-grid .txt p.subject {
        font-size: 4.5vw;
        margin-bottom: 0.25em;
    }
    section.sub.guide div.guide-grid .txt .p-wrap p { font-size: 3.3vw; }
    section.sub.guide div.guide-grid .txt .p-wrap.double {
        grid-template-columns: 1fr 1.25fr;
    }
    section.sub.guide div.guide-grid .order-1 { order:1 }
    section.sub.guide div.guide-grid .order-2 { order:2 }
    section.sub.guide div.guide-grid .order-3 { order:3 }
    section.sub.guide div.guide-grid .order-4 { order:4 }
    section.sub.guide div.guide-grid .order-5 { order:5 }
    section.sub.guide div.guide-grid .order-6 { order:6 }
    section.sub.guide div.guide-grid .order-7 { order:7 }
    section.sub.guide div.guide-grid .order-8 { order:8 }





    /* /about/soksiwontop/ : 속시원탑내과 */
    section.sub.soksiwon {
        margin-top: -50px;
        background-size: 1px 100%;
        background-repeat: repeat-x;
        background-image: url('./img/sub-about-bggradient.png');
    }
    section.sub-intro + section.sub.soksiwon .inner { padding-top:50px !important }
    section.sub.soksiwon .section-title-eng { margin-bottom:1em }
    section.sub.soksiwon .section-title-eng img { height: 1.25em; }
    section.sub.soksiwon .title-zone .p-wrap {
        margin: 3em auto 0;
        padding: 0 15vw;
    }
    section.sub.soksiwon img.radius {
        width: 80%;
        margin: 50px auto;
        border-radius: 10px;
    }
    section.sub.soksiwon article {
        margin-top: 100px;
    }
    section.sub.soksiwon article p.subject.txt-primary { font-size: 5vw; }
    section.sub.soksiwon div.line-circle-zone {
        flex-direction: column;
    }
    section.sub.soksiwon div.line-circle-zone > div {
        width: 65vw;
        aspect-ratio: 1 / 1;
        border-radius: 50%;
        margin: -3vw auto;
        padding: 0 7vw;
    }
    section.sub.soksiwon div.line-circle-zone div p.desc { font-size: 3.3vw }
    section.sub.soksiwon div.line-circle-zone div .before { font-size: 1em; }
    section.sub.soksiwon div.line-circle-zone div p.circle-title { font-size: 1.2em; }
    section.sub.soksiwon.banner div.banner {
        background-position: right 20% center;
        margin: 100px auto 0;
        padding: 80px 7vw;
    }
    section.sub.soksiwon.banner div.banner p.fw300 {
        font-weight: 200;
        line-height: 1.5;
        font-size: 4vw;
    }
    section.sub.soksiwon.banner div.banner p.eng.uppercase {
        font-size: 2.5vw;
    }




    /* 건강검진 테이블 */
    section.sub table.checkup {
        margin: 20px;
        border-spacing: 5px;
    }
    section.sub .table-wrapper table.checkup {
        width: 100vw;
    }

    section.sub .checkup-table-wrap {
        margin: 30px auto;
        width: 90%;
    }

    section.sub table.checkup tr > * {
        padding: 0.5em 1em;
        font-size: 3vw;
    }
    section.sub table.checkup tbody th {
        font-size: 3.3vw;
        padding: 0.5em 2em;
    }
    section.sub table.checkup tbody td {
        padding-right: 2em;
    }
    section.sub.checkup-basic table.checkup tbody td { width:unset; }

    /* 건강검진 반복 : 주의사항 */
    section.sub.checkup div.checkup-caution {
        width: 75%;
        margin: 40px auto 0;
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }
    section.sub.checkup div.checkup-caution > div.card-wide {
        border: 1px solid var(--secondary);
        border-radius: 10px;
        padding: 30px;
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 10px;
        align-items: center;
    }
    section.sub.checkup div.checkup-caution > div.card-wide img { width:60px; display:block; margin:0 auto; }
    section.sub.checkup div.checkup-caution > div.card-wide p.subject { font-size: 1.35em; }

    /* 건강검진 반복 : 특별함 */
    section.sub.checkup-center .p-wrap {
        margin: 30px auto;
    }
    section.sub.checkup div.checkup-center {
        width: 80%;
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
    }
    section.sub.checkup div.checkup-center > div {
        border-radius: 10px;
    }
    section.sub.checkup div.checkup-center > div p {
        text-align: center;
        padding: 1.25em;
        line-height: 1.4;
        font-size: 3.1vw;
    }

    /* 건강검진 베이직 진행과정 */
    section.sub.checkup-basic.process .checkup-process {
        grid-template-columns: 1fr;
        width: 65%;
        margin: 30px auto;
        align-items: center;
        background-image: none;
        grid-gap: 10px;
    }
    section.sub.checkup-basic.process .checkup-process div.blank { display: none;}
    section.sub.checkup-basic.process .checkup-process div.process {
        display: grid;
        grid-template-columns: 1fr;
        justify-content: center;
        height: auto;
        grid-gap: 10px;
    }
    section.sub.checkup-basic.process .checkup-process .blank + div.process > div { background-color: #0061ce; }
    section.sub.checkup-basic.process .checkup-process .blank + div.process > div:nth-child(even) { background-color: #009ae2; }



    section.sub.checkup-basic.process .checkup-process div.process > div {
        border-radius: 10px;
        grid-template-columns: 1fr 3fr;
        padding: 10px;
    }
    section.sub.checkup-basic.process .checkup-process div.process > div.ll { transform: translateX(0);}
    section.sub.checkup-basic.process .checkup-process div.process > div.lr { transform: translateX(0);}


    /**/
    section.sub.checkup-five .five-item .icon-card p.subject {
        text-align: center;
        font-weight: 700;
        font-size: 1.2em;
        padding-bottom: 0.5em;
        color: var(--navy);
    }

    /**/
    section.sub.checkup-five .five-item { width: 90%; margin: 40px auto; grid-gap: 10px; }
    section.sub.checkup-five .five-item .icon-card {
        background-size: 60%;
        width: 45%;
        border-radius: 15px;
        aspect-ratio: 1 / 1.2;
    }


    /* 종합건강검진 */
     section.sub.checkup.tabtable .tabs {
        justify-content: center;
        grid-gap: 5px;
        width: 90%;
        margin: 30px auto 10px;
    }
    section.sub.checkup.tabtable .tab-button { padding: 0.75em; font-size: 1.0em; }
    section.sub.checkup.tabtable p.tab-title { font-size: 1.2em; margin-bottom: 0.5em; }
    section.sub.checkup.tabtable .swiper-container { width: 100%; }
    section.sub.checkup.tabtable .swiper-slide {
        flex-direction: column;
        background: #f3f9ff;
        padding: 1em 5vw;
    }
     section.sub.checkup.tabtable table.checkup-tab {
        width: 120vw;
        border: 2px solid var(--navy);
        border-collapse: collapse;
    }
    section.sub.checkup.tabtable table.checkup-tab tr > * {
        padding: 0.75em 1em;
        font-size: 3.3vw;
    }
    section.sub.checkup.tabtable table.checkup-tab th { min-width: 0; }
     section.sub.checkup.tabtable table.checkup-tab tbody td:last-child { padding-right: 1em; }











    /* tab-slide */
    section.sub.tab-slide > .inner { padding:0 }
    section.sub.tab-slide .tabs {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 5px;
        width: 90%;
        margin: 30px auto;
    }
    section.sub.tab-slide .tabs .tab-button {
        width: 100%;
        padding: 0.75em;
        font-size: 3.6vw;
        border-radius: 5px;
        border-width: 1px;
    }
    section.sub article {
        padding: 60px 0;
    }

    /*  */
    section.sub article .flex.row {
        flex-direction: column;
        grid-gap: 30px;
        margin: 30px auto;
    }







    /* 초음파검사 tab-slide */
    section.sub.tab-slide > .inner {
        max-width: 100vw;
    }
    /* 탭컨텐츠 내부 섹션(article) */
    section.sub article {
        padding: 50px 0;
    }

    section.sub article .importance {
        width: 100%;
    }
    section.sub article .importance img { width: 70%; }
    section.sub article .importance .label-blue {
        font-size: 1.2em;
        padding: 0.15em 1.5em;
        text-align: center;
        width: 75%;
        margin: 1.5em auto 1.25em;
    }

    section.sub .tab-intro .title-zone div.p-wrap,
    section.sub article .p-wrap { width:90% }
    section.sub article .p-wrap p { font-size:1em; }
    section.sub article .img-wrap {
        flex-direction: column;
        margin: 40px auto 0;
        grid-gap: 10px;
    }

    /* 상복부 하복부 초음파 */
    section.sub article div.importance .img-wrap img { width: 70%; display:block; margin: 0 auto; border-radius:5px }

    /* 초음파를통해진단가능한질환 */
    section.sub article div.disease-wrap {
        flex-direction: column;
        margin: 10px auto;
        width: 90%;
    }
    section.sub article div.disease-wrap p.title-img img { height: 2em }
    section.sub article div.disease-wrap div.label-group.tags { grid-gap: 10px 8px; }
    section.sub article div.disease-wrap div.label-group.tags p { font-size: 1em; }
    section.sub article div.disease-wrap img.heart { width:60% }


    /* 초음파 검사 대상자 */
    section.sub article div.target-board {
        width: 80%;
        margin-top: 30px;
        background-size: 100%;
        background-image: url('./img/sub-ultrasound-target-board-m.png');
        background-position: top center;
        padding: 15vw 8vw 52vw 7vw;
    }
    section.sub article div.target-board ul.checklist li { font-size: 3.2vw; }

    /* 초음파검사장점 */
    section.sub article.good div.dash-box.selftest,
    section.sub article.good div.dash-box.heart,
    section.sub article.good div.dash-box {
        width: 85%;
        margin: 30px auto 0;
        padding: 6vw 5vw 20vw 5vw;
        border-radius: 5vw;
        background-size: 30%;
        background-position: bottom 10% right 10%;
    }
    section.sub article.good div.dash-box.selftest { background-size:24% }
    section.sub article.good div.dash-box.heart { background-size:15% }

    section.sub article.good div.dash-box ul.dotlist li {
        font-size: 3.3vw;
    }

    /* repeat 초음파센터의 특별함 */
    section.sub.repeat.ultrasound .inner > div.special {
        width: 75%;
        margin: 20px auto 0;
        background-size: 30%;
        background-position: right bottom;
        padding-bottom: 0;
    }
    section.sub.repeat.ultrasound .inner > div.special p.big { font-size: 5vw; }
    section.sub.repeat.ultrasound .inner > div.special div.p-wrap  { padding-right:15vw; margin:0 }
    section.sub.repeat.ultrasound .inner > div.special div.p-wrap p { font-size: 3.3vw}

    /* 골밀도검사 */
    section.sub.repeat.ultrasound.bmd .inner > div.special {
        width: 80%;
        background-size: 75%;
        background-position: bottom center;
        padding: 0 5vw 50vw;
    }
    section.sub.repeat.ultrasound.bmd .inner > div.special p.big { text-align:center; }
    section.sub.repeat.ultrasound.bmd .inner > div.special div.p-wrap { padding-right: 0; margin: 0 auto}
    section.sub.repeat.ultrasound.bmd .inner > div.special div.p-wrap p { text-align:center; }


    section.sub.repeat.ultrasound .inner > div.special .circle-plus {
        grid-gap: 3px;
        margin-top: 70px;
    }
    section.sub.repeat.ultrasound .inner > div.special .circle-plus > div {
        width: 20vw;
        border-width: 1px;
    }
    section.sub.repeat.ultrasound .inner > div.special .circle-plus > div::before {
        font-size: 3vw;
    }
    section.sub.repeat.ultrasound .inner > div.special .circle-plus > div img {
        height: 45%;
        transform: translateY(10%);
    }



    /* 유방촬영검사 진단 */
    section.sub div.between-plus {
        grid-gap: 30px;
        width: 100%;
        margin: 30px auto ;
    }
    section.sub.mammo div.between-plus + .p-wrap { margin: 0 auto; }

    section.sub div.between-plus > div.circle {
        width: 26%;
        aspect-ratio: 1 / 1;
        border-radius: 50%;
        position: relative;
        display: flex;
        flex-direction:column;
        justify-content: center;
        align-items: center;
        grid-gap: 0.25em;
    }
    section.sub div.between-plus > div.circle + div.circle::before {
        content: '+';
        line-height: 1.0;
        text-align: center;
        display: block;
        color: #bababa;
        font-size: 2em;
        position: absolute;
        width: 30px;
        height: 30px;
        top: calc(50% - 15px);
        left: -31px;
    }

    section.sub div.between-plus > div.circle p.txt-white {
        font-size: 3.5vw;
    }


    /* 내시경검사 : 검사주기 */
    section.sub.endoscopy.cycle > .inner { padding:8vw }
    section.sub.endoscopy.cycle p.subject {
        font-size: 5vw;
    }
    section.sub.endoscopy.cycle p.subject + div.p-wrap { }
    section.sub.endoscopy.cycle p.subject + div.p-wrap p { font-size: 3.3vw; padding:0 }

    /* 내시경검사 : 진단가능한 질병 */
    section.sub.endoscopy .disease-circle-list {
        width: 90%;
        margin: 30px auto 0;
        grid-gap: 20px 10px;
    }
    section.sub.endoscopy .disease-circle-list > div img {
        width: 25vw;
    }
    section.sub.endoscopy .disease-circle-list > div p {
        font-size: 4vw;
    }
    section.sub.repeat.ultrasound.endoscopy .inner > div.special .circle-plus {
        margin-top: 50px;
    }
    section.sub.gastro article div.target-board {
        width: 89%;
        padding: 15vw 10vw 52vw 7vw;
    }



    /* 부위별 용종절제술 */
    section.sub.polyp div.polyp-part {
        width: 80%;
        margin: 40px auto;
    }
    section.sub.polyp div.polyp-part > div.part {
        border-radius: 2em;
        padding: 2em 1em 2em;
        display: flex;
        flex-direction: column;
        align-items: center;
        grid-gap: 2em;
    }
    section.sub.polyp div.polyp-part > div.part img { width:50% }
    section.sub.polyp div.polyp-part > div.part .txt p.subject { font-size: 4.5vw;}
    section.sub.polyp div.polyp-part > div.part .txt .p-wrap { margin:0 auto }
    section.sub.polyp div.polyp-part > div.part .txt p { text-align: center; }

    /* 용종절제술 주의사항 */
    section.sub.polyp div.caution-box-wrap {
        grid-gap: 3em;
        margin: 60px auto 0;
        width: 90%;
    }
    section.sub.polyp div.caution-box-wrap > div {
        position: relative;
        border-radius: 1em;
        background-color: #f7f7f7;
        padding: 1em 1em 3em;
    }
    section.sub.polyp div.caution-box-wrap > div p.subject.label {
        font-size: 1.1em;
    }
    section.sub.polyp div.caution-box-wrap > div ul.dotlist {
        width: 90%;
        margin: 0 auto;
    }
    section.sub.polyp div.caution-box-wrap > div ul.dotlist li { align-items: flex-start; }
    section.sub.polyp div.caution-box-wrap > div ul.dotlist li p {
        font-size: 1em;
    }
    section.sub.polyp div.caution-box-wrap > div ul.dotlist li small {
        font-size: 0.8em;
    }
    section.sub.polyp div.caution-box-wrap > div ul.dotlist li::before {
        content: '\00b7';
        font-size: 2em;
        line-height: 0.65;
        color: var(--primary);
    }
    section.sub.polyp div.caution-box-wrap > div ul.dotlist li + li {
        margin-top: 0.25em;
    }





    /* 내과질환 ; 고혈압 */
    section.sub-intro.hypertension .rowtocol {
        flex-direction: column;
        grid-gap: 1em;
        margin: 40px auto;
        align-items: flex-start;
        width: fit-content;
    }
    section.sub-intro.hypertension .rowtocol > div { grid-template-columns: 6em auto; }
    section.sub-intro.hypertension .rowtocol > div p.label { border-width: 2px}
    section.sub.internal .title-zone + .img.hypertension { margin: 30px auto 0; width: 70%; }


    /* 내과질환 블루캡슐*/
    section.sub.internal div.capsule-wrap {
        width: 75%;
        margin: 30px auto 0;
    }
    section.sub.internal div.capsule-wrap > div {
        border-radius: 1em;
        padding: 2em 1.5em 2em;
        display: flex;
        flex-direction: column;
        grid-gap: 1.5em;
        margin-bottom: 1em;
    }
    section.sub.internal div.capsule-wrap > div img { width:50% }
    section.sub.internal div.capsule-wrap > div .txt p { text-align:center; }
    section.sub.internal div.capsule-wrap > div .txt p.subject { font-size: 4.5vw; }
    section.sub.internal div.capsule-wrap > div .txt div.p-wrap { margin:0 auto; }
    section.sub.internal div.capsule-wrap > div .txt div.p-wrap p { font-size:3.3vw; }
    /*    */
    section.sub .prevent-list {
        width: 80%;
        margin: 40px auto 0;
        grid-template-columns: 1fr;
        grid-gap: 1em;
    }
    section.sub .prevent-list p { font-size:3.3vw }
    section.sub .prevent-list > div .before {
        width: 3em;
        height: 3em;
        font-size: 4vw;
    }


    /* 합병증 카드형태 */
    section.sub div.complication-card {
        flex-direction: column;
        grid-gap: 2em;
        width: 80%;
        margin: 30px auto 0;
        align-items: center;
    }
    section.sub div.complication-card > div { width: 100%; }
    section.sub div.complication-card > div p.bg-white { font-size: 4.5vw; }
    section.sub div.complication-card > div div.p-wrap {
        height: auto;
        margin: 0 auto;
    }
    section.sub div.complication-card > div div.p-wrap p {
        padding: 2em 1em; font-size: 3.3vw;
    }



    /* 고지혈증 인트로 이미지*/
    section.sub-intro.lipidemia div.img-wrap {
        grid-template-columns: 1fr;
        width: 70%;
        margin: 30px auto 0;
        grid-gap: 0;
    }
    /* 고지혈증 테이블 이미지  */
    section.sub.lipidemia div.table-wrapper {
        margin: 40px auto 0;
        width: 90vw;
        padding: 0;
    }
    section.sub.lipidemia div.table-wrapper img {
        max-width: 140vw !important;
        width: 140vw;
    }

    /* 위장질환 발생원인 */
    section.sub .stomach-cause {
        width: 80%;
        margin: 40px auto 0;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        grid-gap: 30px;
    }
    section.sub .stomach-cause img { width:50%; margin-top:0 }
    section.sub .stomach-cause .cause-list > div p.label-caution-red {
        font-size: 1.1em;
        text-align: center;
        padding: 0.3em 1em 0.3em;
        background-size: auto 65%;
        background-position: left 10px center;
    }
    section.sub .stomach-cause .cause-list > div .p-wrap {
        padding: 1em 1em 2em;
    }
    section.sub .stomach-cause .cause-list > div .p-wrap p { text-align:center; }


    /* 천식알레르기비염 발생원인 */
    section.sub .stomach-cause.allergy { width:70% }
    section.sub .stomach-cause.allergy > img { width: 60%; }
    section.sub .stomach-cause.allergy .cause-list > div p.label-caution-icon {
        font-size: 1.1em;
        padding: 0.3em 0;
    }

    /* 천식알레르기비염 증상 */
    section.sub .symptom-list {
        margin: 40px auto 0;
        max-width: 100%;
        width: 80%;
    }
    section.sub .symptom-list > p {
        grid-template-columns: 2.5em auto;
        padding: 0.75em 2em 0.75em 1em;
        font-size: 3.3vw;
        line-height: 1.5;
    }


    /* doctor said */
    section.doctorsaid div.title-zone {
        background-size: 17vw;
        background-position: left 2vw bottom;
        padding-left: 18vw;
        width: 80vw;
        margin: 0 auto;
    }
    section.doctorsaid div.box {
        border-radius: 30px;
        padding: 30px 30px;
        width: 90%;
        margin: 30px auto 0;
    }
    section.doctorsaid div.box .p-wrap { width:100% }
    section.doctorsaid div.box .p-wrap p { text-align:center; }



    /* 과민성대장증후군 원인 */
    section.sub .blue-label-group {
        width: 50%;
        margin: 30px auto 0;
        grid-gap: 10px;
        display: grid;
        grid-template-columns: 1fr;
    }
    section.sub .blue-label-group > div p { font-size: 3.5vw; }


    /* 과민성대장증후군 캡슐 */
    section.sub.internal.ibs div.capsule-wrap { width:80%; }
    section.sub.internal.ibs div.capsule-wrap > div {
        flex-direction: row;
        border-radius: 1em;
        padding: 1em;
        grid-gap: 1em;
        margin-bottom: 0.5em;
    }
    section.sub.internal.ibs div.capsule-wrap > div img { width:80px }
    section.sub.internal.ibs div.capsule-wrap > div .txt {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    section.sub.internal.ibs div.capsule-wrap > div .txt p { text-align:left; }
    section.sub.internal.ibs div.capsule-wrap + .p-wrap { margin-top:0; padding:0 1em }


    /* 간 건강수칙 */
    section.sub .card-quater {
        width: 85%;
        margin: 30px auto;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 30px 10px;
    }
    section.sub .card-quater > div {
        grid-gap: 0.5em;
    }
    section.sub .card-quater > div p.subject {
        font-size: 4vw;
        margin-top: 0.5em;
    }
    section.sub .card-quater > div p.desc {
        font-size: 3.3vw;
    }




    /* 예방접종 인트로 */
    section.sub.iv article .importance img { width:80% }
    section.sub.iv .importance p.subject {
        font-size: 1.5em;
        text-align: center;
        margin: 1em auto 0.8em;
    }
    section.sub.iv .importance .number-list div {
        width: 73%;
        margin: 0 auto;
    }
    section.sub.iv .importance .number-list div p { font-size:3.3vw }


    /* 예방접종 종류 */
    section.sub.iv .type-half {
        margin: 30px auto 0;
        grid-gap: 10px;
    }
    section.sub.iv .type-half > div {
        grid-gap: 3vw;
        width: 37vw;
    }
    section.sub.iv .type-half > div img {
        width: 30px;
        transform: translateX(3px);
    }
    section.sub.iv .type-half > div p {
        font-size: 4vw;
    }

    /* 예방접종 유리가루 (board) */
    section.sub article div.paragraph-board {
        width: 90%;
        margin: 30px auto 0;
        background-position: top center;
        background-image: url('./img/sub-ultrasound-target-board-m.png');
        padding: 15vw 10vw 52vw 9vw;
    }
    section.sub article div.paragraph-board p { font-size:3.3vw }



    /* 영양수액 종류 */
    section.sub.iv .disease-circle-list {
        width: 80%;
        margin: 30px auto 0;
        grid-gap: 20px 30px;
    }
    section.sub.iv .disease-circle-list> div img { width: 25vw; }
    section.sub.iv .disease-circle-list > div p { font-size: 4vw; }


    /* 영양수액 처방 (step) */
    section.sub.iv .nutrient-step {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 6px;
        width: 70%;
        margin: 40px auto 10px;
    }
    section.sub.iv .nutrient-step > div {
        display: grid;
        grid-template-columns: 1fr 1.8fr;
        padding: 15px;
        border-radius: 15px;
    }
    section.sub.iv .nutrient-step > div > img {
        width: 80%;
        margin: 0;
        grid-row: 1 / span 2;
    }
    section.sub.iv .nutrient-step > div p.uppercase { font-size: 3vw; text-align: left; }
    section.sub.iv .nutrient-step > div p.uppercase::after { display:none }
    section.sub.iv .nutrient-step > div p.subject { font-size: 4vw; text-align: left; }
    section.sub.iv .nutrient-step + .p-wrap { padding:0 1em }


    /*영양수액 장점*/
    section.sub.iv .img-with-list {
        flex-direction: column;
        grid-gap: 30px;
        margin: 30px auto;
        width: 90%;
    }
    section.sub.iv .img-with-list > img { width:50% }

    section.sub.iv .img-with-list .symptom-list {
        max-width: 100%;
        width: 100%;
    }





}