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

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    MEDIA QUERY
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*---PC (wide)-----------------------------------------------------------*/
@media (max-width: 1600px) {
    section { max-width:100vw;}
    .bg-attached { background-attachment:unset; background-size:cover !important; }
/*    .inner { width: 100%; }*/
    .inner { width: 80%; --inner: 1500px }

    /* header */
    header.header .gnb-floor > .inner,
    header.header .sub-floor > .inner {
        max-width: 96vw;
        display: grid;
        grid-template-columns: 200px auto;
    }
    header.header .gnb-floor nav.gnb ul.menu li a { font-size:15px }
}


/*---태블릿 ~ PC -----------------------------------------------------------*/
@media (max-width: 1400px) {

    section { max-width:100vw; overflow: hidden;}
    .bg-attached { background-attachment:unset; background-size:cover !important; }
    .inner { width: 100%; }

/*    div.gold-marks {display: none;}*/

    /* 골드마크 */
    div.gold-marks {
        position: fixed;
        top: 9px;
        right: unset;
        left: 170px;
        transform: translate(0) scale(1) !important;
        flex-direction: row;
        justify-content: flex-start;
/*        border: 1px dashed red;*/
        width: 100px;
        grid-gap: 0;
        z-index: 999999;
    }
    div.gold-marks a.gold,
    div.gold-marks a.gold:hover{
        width: 100%;
        aspect-ratio: unset;
        background-image: none !important;
/*        border: 1px dashed lime;*/
        box-shadow: 0;
        transform: unset;
    }
    div.gold-marks a.gold::before { display: none; }
    div.gold-marks a.gold span,
    div.gold-marks a.gold strong { display: none; }
    div.gold-marks a.gold img { height:unset; width:100%; animation:none }
    div.gold-marks a.gold.institute img { width:85%; transform:translateX(-10%); }


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

    header.header .gnb-floor > .inner a.logo { aspect-ratio: 3 / 1; max-height: 40px; }
    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 a#menu-btn {
        display: flex;
        width: 100%;
        height: 100%;
        background-image: url(./img/menu-bar.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 30%;
        transition: background ease 0.5s;
    }
    header.header .gnb-floor div.menu-btn a#menu-btn {  }
    div.sub-breadcrumb nav.breadcrumb > ul { width:70% }


    #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;
    }
    #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;
        background-color:rgba(0, 0, 0,.7);
        top: 0;
        position: absolute;
        cursor: pointer;
        z-index: -1;
        left: 0;
    }

    #mobile-menu > .menu-area {
        height: auto;
        position: absolute;
        right: 0;
        display: flex;
        flex-direction: column;
        overscroll-behavior:none;
        background-color: rgba(40, 40, 40, .8);
        box-shadow: 0 0 30px rgba(0, 0, 0, .1);
    }
    #mobile-menu > .menu-area div.title {
        padding: 0;
        max-width: 100vw;
        grid-template-columns: 55vw 60px;
        justify-content: space-between;
        border-bottom: 1px solid #eee;
        background-color: #fff;
    }
    #mobile-menu > .menu-area div.title a.home {
        display: block;
        width: 55vw;
        aspect-ratio: 3 / 1;
        max-height: 60px;
        background-image: url('./img/logo-header.svg');
        background-repeat: no-repeat;
        background-position: left 8px center;
        background-size: auto 40px;
    }
    #mobile-menu > .menu-area div.title a.close-btn {
        position: absolute;
        width: 60px;
        height: 60px;
        right: 0; top: 0;
        background-image: url('./img/menu-close.svg');
        background-size: 30%;
        background-repeat: no-repeat;
        background-position: center;
    }

    #mobile-menu div.menu-main-menu-container { overflow-y: auto; max-height:94vh }
    #mobile-menu div.menu-main-menu-container::-webkit-scrollbar { width: 3px; height: 3px; }
    #mobile-menu div.menu-main-menu-container::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,.2); }
    #mobile-menu div.menu-main-menu-container::-webkit-scrollbar-track { background-color: #fff; }

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

        color: #333;
        font-size: 1em;
        opacity: 1.0;
        padding: 1rem 1.5rem;
        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: 1em; height: 1em;
        margin-left: auto;
        background-repeat: no-repeat;
        background-size: 80% auto;
        background-position: center;
        background-image: url('./img/arrow-menutoggle.svg');
        transform: scale(-1, -1);
    }
    #mobile-menu ul.menu li.menu-item-has-children.on > a::after {
        transform: scale(1, 1);
    }

    #mobile-menu ul.menu li.menu-item-has-children ul.sub-menu {
        display: flex;
        flex-direction: column;
        width: 100%;
        overflow-y: hidden;
        visibility: hidden;
    }
    #mobile-menu ul.menu li.menu-item-has-children.on ul.sub-menu {
        display: block;
        visibility: visible;

        background-color: #f6f6f6;
        padding: 0.5em 0;
        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: #666;
        font-size: 1em;
        padding: 0.5em 2em;
        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); background-color:rgba(0, 0, 0, .05); }



    /* footer */
    footer.footer {
        font-size: 1em;
        margin-bottom: 20px;
    }
    footer.footer > .inner {
        padding: 40px 8vw;
        grid-template-columns: 1fr;
        align-items: center;
        justify-content: center;
        grid-gap: 30px;
    }
    footer.footer > .inner > div {
        grid-gap: 1em;
    }

    /* 푸터 유닛(part) 제목 */
    footer.footer .part h5 { font-size: 1em; text-align:center; }
    footer.footer .part h5 + p { text-align:center; padding:0 2em 0.5em }
    /* 푸터 전화번호 */
    footer.footer p.number { font-size: 1.5em; text-align:center; }
    /* 푸터로고 */
    footer.footer .left img.logo { order:1; width:100px; margin:0 auto; }
    footer.footer .left address { order:3 }

    /* 푸터 진료시간 */
    footer.footer table.timetable { width:fit-content; margin:0 auto; }
    footer.footer table.timetable tr > * { padding: 0.6em 0; font-size:1em }
    footer.footer table.timetable th { width: 6em; padding-right: 1em; }
    footer.footer table.timetable th[colspan],
    footer.footer table.timetable + p { text-align:center; padding:0.5em 2em }


    /* 푸터링크 */
    footer.footer div.links {
        display: flex;
        flex-direction: row;
        align-items: center;
        grid-gap: 10px;
        margin-bottom: 2em;
    }
    footer.footer .right .row.align-end { flex-direction:column; align-items:center; }
    /* 푸터링크 지도버튼 */
    footer.footer div.links .btn-map {
        justify-content: center;
        align-items: center;
/*        padding: 0.7em 1.2em 0.7em 0.8em;*/
        padding: 1em;
    }
/*    footer.footer div.links .btn-map img { max-height:1em; }*/
    footer.footer div.links .btn-map img { display:none; }
    footer.footer div.links a.btn-map::before { width: 1.5em; }
    /* 푸터 지도 */
    footer.footer .map { aspect-ratio:3/ 2; }

    /* 푸터인포 */
    footer.footer ul.info {
        width: 100%;
        font-size: 1em;
        justify-content: center;
        margin: 2em auto;
    }
    footer.footer ul.info li *,
    footer.footer ul.info li { text-align: center; font-size: 0.9em }
    footer.footer ul.info li { grid-gap: 0.5em }

    /* 푸터메뉴 */
    footer.footer ul.menu {
        justify-content: center;
        grid-gap: 0.5em;
    }
    footer.footer ul.menu li.menu-item a { font-size: 1em }
    footer.footer ul.menu li.menu-item + li { padding-left:0.5em }

    /* copyright */
    footer.footer .copyright {
        font-size: 0.8em;
        margin-bottom: 4em;
    }

















    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
        MAINPAGE : 메인페이지
     - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
    /* - - - - - 01. 메인비주얼  */
    section.main-visual { }
    section.main-visual .swiper-slide {
        width: 100vw;
        height: unset;
        aspect-ratio: 2 / 3;
    }
    section.main-visual .swiper-slide .inner {
        justify-content: center;
        align-items: flex-start;
        padding: 10vh 8vw 0;
    }

    section.main-visual .swiper-slide p.eng { font-size: 2vw; }
    section.main-visual .swiper-slide h3.mv-title { font-size: 8vw; }
    section.main-visual .swiper-slide p.mv-desc { font-size: 3.6vw; padding-right: 8vw}


    /*  mv1  */
    section.main-visual .swiper-slide.mv1 .inner {
        justify-content: center;
        align-items: flex-start;
        padding: 0 8vw 0;
    }


    /*  mv3  */
    section.main-visual .swiper-slide.mv3 {
        background-position: right 20% bottom;
        background-size: auto 70%;
        background-color: #9E9284;
    }
    section.main-visual .swiper-slide.mv3 .inner {
        justify-content: flex-start;
        align-items: center;
        padding: 120px 8vw 0;
    }
    section.main-visual .swiper-slide.mv3 p.mv-desc { text-align:center; padding:0 1em }


    /* mv2 카운팅 */
    section.main-visual .swiper-slide.mv2 .inner { padding-right:inherit; }
    section.main-visual .swiper-slide.mv2 h3.mv-title { font-size: 8vw; }
    section.main-visual .swiper-slide.mv2 div.trio {
        width: 90%;
        grid-template-columns: 1fr;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        gap: 1em;
    }
    section.main-visual .swiper-slide.mv2 div.trio div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        grid-gap: 0;
    }

    section.main-visual .swiper-slide.mv2 div.trio p { font-size: 3.5vw; order:2 }
    section.main-visual .swiper-slide.mv2 div.trio h4 {
        font-size: 3.6vw;
        padding: 0.25em 1em;
        order: 1;
    }
    section.main-visual .swiper-slide.mv2 div.trio h4::before,
    section.main-visual .swiper-slide.mv2 div.trio h4::after { height: 1.5em; transform:translateY(23%); }





    /* 메인비주얼 외 공통 */
    section > .inner {
        --inner : 100%;
        max-width: 100vw;
        padding: 100px 0;
    }
    /* 섹션 제목영역 */
    section .title-zone { align-items: center; }
    section .title-zone * { text-align: center; }

    /* 섹션 부제목  */
    section .title-zone p.sub { font-size: 0.8em; }

    /* 섹션 제목  */
    section .title-zone .section-title { font-size: 1.5em }
    section .title-zone .section-title span { font-size: inherit; }
    section .title-zone .p-wrap p { font-size: 1.0em; padding: 0 1em; line-height: 1.7}

    /* 유닛 */
    section .unit,
    section .unit.ml,
    section .unit.img { margin: 40px auto; }
    section .unit.unit90,
    section .unit.unit80,
    section .unit.unit70,
    section .unit.unit60,
    section .unit.unit50 { width: 90%; }

    /* 유닛 이미지 정렬 */
    section .unit.img.duo { gap:10px }
    section > div.scrollText {
        animation: scrollTextBg 20s linear infinite;
        height: 2em;
    }

    /* - - - - - 02. 우수기관  */
    section.main-excellent > div.scrollText {
        margin: 0 ;
    }
    section.main-excellent .title-zone {
        width: 90%;
        margin: 0 auto;
        padding: 0 15%;
    }
/*    section.main-excellent .title-zone::before,*/
/*    section.main-excellent .title-zone::after { height: 40%; }*/
    section.main-excellent .unit.img img { height: 30vw; }
    section.main-excellent .title-zone .p-wrap p { padding: 0; }

    section.main-excellent .unit.img::after {
        height: unset;
        width: 30vw;
        top: 100%;
        right: 50%;
        transform: translate(50%, 0);
    }


    /* - - - - - 03. 신뢰의기술  */
    section.main-trust.pc { display:none; }
    section.main-trust.m { display:block; }
    section.main-trust .inner {
        padding: 80px 0 40px;
    }
    section.main-trust .title-zone {
        margin-bottom: 30px;
        padding: 0 10%;
    }
    /* 컨테이너 */
    section.main-trust .trust-swiper .wrapper{
        overflow: hidden;
        padding: 0;
        flex-direction: column;
        flex-wrap: wrap;
        gap: 50px;
    }
    section.main-trust .trust-swiper .slide {
        width: inherit;
        padding: 0 8vw;
        opacity: 1 !important;
    }
    section.main-trust .slide h3 {
        display: block;
        font-size: 1.2em;
    }
    section.main-trust .slide h3 * { font-size:inherit; }
    section.main-trust .slide p {
        font-size: 1.0em;
        line-height: 1.7;
    }
    section.main-trust .slide div.photo {
        width: 100%;
        margin-top: 30px;
        grid-template-columns: 1fr 1fr;
        grid-gap: 6px;
    }
    section.main-trust .slide div.photo img:first-child { grid-column:1 / span 2; width:100% }



    /* - - - - - 04. 해운대내과의 특별함   */
    section.main-special { border-width: 3vw; background-position: right 40% center; }
    section .unit.special-circle {
        width: 100%;
        flex-direction: column;
    }
    section .unit.special-circle > div {
        flex-direction: column;
        width: 50vw;
        padding: 5vw;
        gap: 1em;
        margin: -3vw 0;
        position: relative;
    }
    section .unit.special-circle > div img { width: 30%; }
    section .unit.special-circle > div h3 {
        color: #fff;
        text-align: center;
        line-height: 1.5;
        font-size: 1.0em;
        font-weight: 300;
    }
    section .unit.special-circle > div:first-child::before,
    section .unit.special-circle > div:last-child::before { display: none; }
    section .unit.special-circle > div:nth-child(2)::before,
    section .unit.special-circle > div:nth-child(2)::after {
        content: '';
        display: block;
        width: 30vw;
        height: 1px;
        border-bottom: 1px solid #FFDEC4;
        position: absolute;
        top: 50%;
    }
    section .unit.special-circle > div:nth-child(2)::before {
        left: 0;
        transform: translateX(-100%);
    }
    section .unit.special-circle > div:nth-child(2)::after {
        right: 0;
        transform: translateX(100%);
    }
    section.main-special .unit.special-text {
        background-image: none;
         padding:8vw 8vw 0;
    }
    section.main-special .unit.special-text h4 { font-size:1.4em; text-align:center; line-height:1.3 }
    section.main-special .unit.special-text .p-wrap { width: 100%;}
    section.main-special .unit.special-text .p-wrap p {
        font-weight: 400;
        text-align: center;
    }



    /* - - - - - 05. 시그니처 케어   */
    section.main-signature { background-image: none; }
    section.main-signature .title-zone::after {
        top: 50%;
        width: 50%;
    }
    section.main-signature .unit.signature-grid { width: 80vw; }
    section.main-signature .unit.signature-grid > div {
        flex-direction: column;
        grid-gap: 20px;
    }
    section.main-signature .unit.signature-grid > div img.radius {
        border-radius: 30px;
        width: 80%;
    }
    section.main-signature .unit.signature-grid > div .txt { width: inherit; }
    section.main-signature .unit.signature-grid > div .txt h4 {
        font-size: 1.2em;
        border-bottom: 1px solid #ccc;
        padding: 0.8em;
        margin-bottom: 1em;
        font-weight: 600;
        text-align: center;
        line-height: 1.3;
    }
    section.main-signature .unit.signature-grid > div .txt h4::before {
        width: 1.5em;
        aspect-ratio: 1 / 1;
        border-radius: 50%;
        background-size: 40%;
        margin: 0 auto 0.5em;
    }
    section.main-signature .unit.signature-grid > div .txt h4 span { font-size: inherit;}
    section.main-signature .unit.signature-grid > div img,
    section.main-signature .unit.signature-grid > div.reverse img { order:2; margin-bottom:50px }
    section.main-signature .unit.signature-grid > div .txt,
    section.main-signature .unit.signature-grid > div.reverse .txt { order:1 }
    section.main-signature .unit.signature-grid > div .txt .p-wrap p {
        text-align: center;
        padding: 0 1em 1em;
        line-height: 1.6;
    }


    /* - - - - - 06. 지금이순간에도   */
    section.main-counter { background-position: center; }
    section.main-counter > .inner {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

    }
    section.main-counter .counter-zone {
        margin-top: 40px;
        width: 80%;
        grid-template-columns: 1fr;
        grid-gap: 5px;
    }
    section.main-counter .counter-zone > article {
        padding: 1.5em 1em;
        background-position: right center;
        background-size: auto 50%;
        height: fit-content;
    }
    section.main-counter .counter-zone > article h4 { font-size: 1.0em; }
    section.main-counter .counter-zone > article .counting {
        display: grid;
        grid-template-columns: 9em auto;
        align-items: center;
    }
    section.main-counter .counter-zone::after {
        font-size: 0.8em;
        position: absolute;
        bottom: -1em;
    }



    /* - - - - - 07. 의료진 소개   */
    section.main-doctors .inner {
        flex-direction: column;
        justify-content: center;
        gap: 40px;
        padding-bottom: 200px;
    }
    section.main-doctors .inner .img {
        width: 90%;
        transform: translateX(12%);
    }
    section.main-doctors .inner .title-zone .p-wrap { margin-top:1em }
    section.main-doctors .inner .title-zone .p-wrap p { font-size: 1.1em; padding:0 2em }
    section.main-doctors .inner .title-zone .p-wrap p strong { font-size: inherit; }
    section.main-doctors .inner .title-zone a.main-moreview {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        grid-gap: 1em;
        margin-top: 1em;
    }
    section.main-doctors .inner .title-zone a.main-moreview img {
        transition: all ease 0.5s;
        max-height: 3em;
    }



    /* - - - - - 08. 장비   */
    section.main-equip { border-top-right-radius: 20vw; }
    section.main-equip .title-zone p.sub { font-weight: 400; }
    section.main-equip .unit.rounded-box {
        width: 86vw;
        padding: 8vw;
        border-radius: 10vw;
    }
    section.main-equip .unit.rounded-box h6 { line-height: 1.3; font-size:1.05em }
    section.main-equip .unit.rounded-box p { line-height:1.6 }
    /**/
    section.main-equip .equip-circle-effect {
        width: 86%;
        margin: 20px auto -13%;
    }
    section.main-equip .swiper-slide { gap: 10px; }
    section.main-equip .swiper-slide img { max-height: 40%; }
    section.main-equip .swiper-button-prev,
    section.main-equip .swiper-button-next {
        width: 60px;
        height: 60px;
        background-size: 60%;
    }


    /* - - - - - 09. FAQ   */
    section.faq { margin:30px auto; }
    section.faq > .inner { padding:30px 0 }

   /* section.sub.faq div.unit.faq-list { width: 90%; }
    section.sub.faq div.unit.faq-list .faq { border-radius:10px; padding:1.5em; max-height:4em }
    section.sub.faq div.unit.faq-list .faq + .faq { margin-top:0.5em }

    section.sub.faq div.unit.faq-list .faq .question p { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:96% }
    section.sub.faq div.unit.faq-list .faq.active .question p { white-space:normal; text-overflow:unset; overflow:unset; }*/

    section.faq div.unit.faq-list { width:90% }
    section.faq div.unit.faq-list .faq {
        padding: 0;
        max-height: 5.3em;
    }
    section.faq div.unit.faq-list .faq + .faq {
        margin-top: -1.1em;
    }
    section.faq div.unit.faq-list .faq.active .answer {
        margin: 1em;
        padding-bottom: 2em;
    }
    section.faq div.unit.faq-list .faq .question {
        padding: 0.6em;
    }
    section.faq div.unit.faq-list .faq .question p {
        font-size: 1.0em;
        line-height: 1.5;
/*         white-space:nowrap; text-overflow:ellipsis; overflow:hidden; */
         width:96%;
        max-height: 4em;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    section.faq div.unit.faq-list .faq.active .question p {
        max-height: none;
        overflow: visible;
        display: block;
    }

    section.faq div.unit.faq-list .faq .question::before { font-size: 1.2em; }
    section.faq div.unit.faq-list .faq .answer p { display: block; line-height: 1.6}
    section.faq div.unit.faq-list .faq .question::after { width:70% }



    /* - - - - - 10. 시설안내   */
    section.main-interior .interior-swiper {
        margin: 30px 0 0;
        transform: translateX(0);
    }
    section.main-interior .swiper-slide,
    section.main-interior .swiper-slide.swiper-slide-active {
        border-radius: 15px;
        width: 90%;
        height: unset;
        aspect-ratio: 3 / 2;
    }




























    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
        SUBPAGE : 레이아웃 / 공통요소
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
    section > .inner { padding: 60px 0; }

    /* 서브 헤더 */
    section.sub-header { --inner : 100vw; }
    section.sub-header > .inner { padding: 80px 0 0; }
    section.sub-header .sub-header-title {
        padding: 30px 0 40px;
        width: 85%;
    }
    section.sub-header div.sub-header-title h2 { font-size: 1.6em }
    section.sub-header div.sub-header-title p.desc {
        margin-top: 1em;
        font-size: 1em;
        line-height: 1.6;
        font-weight: 400;
    }


    /* 서브 브레드크럼 */
    div.sub-breadcrumb nav.breadcrumb > ul { width: 90%; margin-left:3% }
    div.sub-breadcrumb nav.breadcrumb > ul li.home {
        width: 30px;
        aspect-ratio: 1 / 1;
        background-size: 30%;
        background-position: center;
    }
    div.sub-breadcrumb nav.breadcrumb ul li.has-children {
        position: relative;
        padding: 0 1em;
    }
    div.sub-breadcrumb nav.breadcrumb ul li.has-children > a { font-size: 1em; }
    div.sub-breadcrumb nav.breadcrumb ul li.has-children > a.on::after { transform: rotate(180deg) translateY(0); }
    div.sub-breadcrumb nav.breadcrumb ul li.has-children ul.sub-breadcrumb-menu {
        top: 20px;
        left: 1em;
        border-radius: 6px;
    }
    div.sub-breadcrumb nav.breadcrumb ul li.has-children ul.sub-breadcrumb-menu li a { font-size: 1em; padding: 0.75em 1.25em; }

    /* 서브 */
    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 : 100vw;}
    section.sub-header.full { background-attachment: unset; }
    section.sub-header > .inner,
    section.sub-header.full > .inner {
        grid-gap: 10px;
        height: 20em;
        justify-content: center;
        align-items: center;
        padding: 10em 8vw 9em;
    }
    section.sub-header.full > .inner {
        height: 30em;
    }
    section.sub-header p.eng { font-size: 0.6em; }
    section.sub-header h2 { font-size: 2em; }
    section.sub-header p.desc { font-size: 1.0em; line-height: 1.5}


    /* 서브 브레드크럼 */
    div.sub-breadcrumb,
    section.full div.sub-breadcrumb {
        width: 90%;
        bottom: 20px;
    }
    div.sub-breadcrumb nav.breadcrumb > ul {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        margin-left: 1em;
    }
    div.sub-breadcrumb nav.breadcrumb > ul li.home {
        width: 30px;
    }
    div.sub-breadcrumb nav.breadcrumb ul li.has-children { font-size: 0.9em; padding:0 0.5em }
    div.sub-breadcrumb nav.breadcrumb ul li.has-children ul.sub-breadcrumb-menu li a { padding: 0.75em;
    }
    div.sub-breadcrumb nav.breadcrumb > ul > li + li::before {
        aspect-ratio: 1 / 1;
        background-position: left center;
    }

    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
        SUBPAGE : 00 병원소개
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
    /* - - - - - 서브페이지 : 의료진소개 (sub0-1.php) */
    section.sub.doctor { padding-bottom: 30px; }
    section.sub.doctor > .inner[style] { padding-bottom: 30px !important; }
    section.sub .title-zone p { padding:0 3em; line-height:1.7 }

    section.sub.doctor .effect.photo-scroll { aspect-ratio: 2 / 1; }
    section.sub.doctor .effect.photo-scroll .profile { width: 60vw; }
    /**/
    section.sub.doctor .profile-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0;
        width: 100%;
    }
    section.sub.doctor .profile-grid + .profile-grid::before,
    section.sub.doctor .profile-grid + .profile-grid::after,
    section.sub.doctor .profile-grid .line { display: none;}

    section.sub.doctor .profile-grid .img,
    section.sub.doctor .profile-grid .txt {
        border: 10vw solid #f9f6f3;
    }
    section.sub.doctor .profile-grid .img { order:1; border-bottom:0 }
    section.sub.doctor .profile-grid .txt { order:2; padding: 0 1em; }
    section.sub.doctor .profile-grid .txt > img {
        width: 3em;
        margin-bottom: 1em;
    }
    section.sub.doctor .profile-grid .txt > h4 + p { margin-bottom: 2em; }
    section.sub.doctor .profile-grid .txt .ul-wrap {
        grid-template-columns: 1fr;
        grid-gap: 0;
        margin-top: 30px;
    }
    section.sub.doctor .profile-grid .txt .ul-wrap ul li { font-size: 1em; }

    section.sub.doctor .scrollText {
        margin-top: 0;
        height: 2em;
    }
    div.sub.gap { height:30px }


    /* - - - - - 서브페이지 : 장비소개 (sub0-2.php) */
    section.sub.equip .unit.img {}
    section.sub.equip .unit.img-desc {
        padding: 0 8vw;
        margin-bottom:120px;
    }
    section.sub.equip .unit.img-desc h4 { font-size: 1.3em; line-height: 1.6; }
    section.sub.equip .unit.img-desc .p-wrap { margin-top:1.5em }


    /* - - - - - 서브페이지 : 언론보도 (sub0-3.php) */
    section.sub.news {}
    section.sub.news .unit {
        aspect-ratio: 1/1;
        padding: 8vw;
    }
    section.sub.news .unit::before{
        content: '서버 세팅 후 게시판 스킨 별도 작업필요 (로컬 작업 불가)';
        opacity: 0.3;
        font-size: 1.0em;
        text-align: center;
        line-height: 1.5;
    }
    /* - - - - - 서브페이지 : 둘러보기 (sub0-4.php) */
    /* - - - - - 서브페이지 : 오시는길 (sub0-5.php) */
    section.sub.locate {}
    section.sub.locate .unit.locate-info {
        grid-template-columns: 1fr;
        grid-gap: 30px;
    }
    section.sub.locate .unit.locate-info .badge {
        width: 25%;
        left: 10px;
        transform: translateY(-30%);
        box-shadow: 5px 8px 20px rgba(0, 0, 0, .1);
    }
    section.sub.locate .unit.locate-info .map {
        aspect-ratio: 5 / 3;
        border-radius: 0;
    }
    /**/
    section.sub.locate .unit.locate-info .info-wrap {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        height: auto;
        padding: 5vw;
    }
    section.sub.locate .unit.locate-info .info-wrap > article {
        display: grid;
        grid-template-columns: 2.5em auto;
        margin-bottom: 15px;
    }
    section.sub.locate article h4 { font-size:1.3em; line-height:1.5; margin-bottom:1em }
    section.sub.locate article ul {
        margin: 0 0 0.5em;
        display: grid;
        grid-template-columns: 1fr;
        align-items: center;
        grid-gap: 0 1em;
    }
    section.sub.locate article ul li.label {
        width: fit-content;
        padding: 0.2em 1.2em;
    }
    section.sub.locate article ul li.label + li { padding: 0.7em 0.5em 1em; }

    section.sub.locate .unit.locate-info .info-wrap > div.box {
        padding: 2em;
        background-position: right 1.5em bottom 1.5em;
        background-size: 2.5em;
    }
    section.sub.locate .unit.locate-info .info-wrap > div.box h5 { font-size:1.3em }
    section.sub.locate .unit.locate-info .info-wrap > div.box p {margin-top: 1em}


    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
        SUBPAGE : 해운대내과의 특별함 (나중에 위치 옮길것)
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
    section.sub-header.full.special {
        background-position: left 67% top;
        background-size: auto 119%;
    }
    section.sub-header.full.special .inner {
        width: 100%;
        align-items: flex-start;
    }
    section.sub-header.full.special .inner p.eng { font-size:0.6em }
    section.sub-header.full.special .inner h2 { font-size:2em }
    section.sub-header.full.special .inner p.desc { font-size:1.0em }

    section.sub.special.gradient {
        margin-top: 30px;
        border-radius: 50px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        padding-bottom: 30px;
    }
    section.sub.special > .inner.wide {
        background-position: top 5% center;
        padding: 50px 0 30px;
    }
    section.sub.special .scrollText { height:2em }

    section.sub.special .unit.best-endoscope { border: 0; }
    section.sub.special .unit.best-endoscope .border-side {
        border: 0;
        grid-template-columns: 1fr;
        width: 100%;
    }
    section.sub.special .unit.best-endoscope .txt {
        padding: 8vw;
        order: 2;
    }
    section.sub.special .unit.best-endoscope .txt h3 {
        font-size: 1.4em;
        margin-bottom: 1em;
    }
    section.sub.special .unit.best-endoscope .txt h3 strong {
        font-weight: 700;
        font-size: 1.0em;
    }
    section.sub.special .unit.best-endoscope .txt .p-wrap p { font-weight:400; }
    section.sub.special .unit.best-endoscope .txt .p-wrap p strong { font-size:1.0em; }
    section.sub.special .unit.best-endoscope .img { padding:8vw }
    section.sub.special .unit.best-endoscope .img img { height:120px }


    section.sub.special .title-zone.laurel {
        width: 90%;
        margin: 0 auto 30px;
        padding: 0 10%;
    }
    section.sub .special-box {
        border-width: 3vw;
        margin: 0 auto;
        padding: 8vw;
    }
    section.sub .unit.special-text h4 { font-size:1.3em }
    section.sub .unit.special-text h4 span,
    section.sub .special-box .section-title span { font-size:inherit; }
    section.sub.special.bg-ivory { padding-bottom:30px; }
    section.sub.special.bg-ivory > .inner { padding-bottom:30px }

    section.sub.special-lab .inner {
        padding: 70px 0 60px;
    }
    section.sub.special-lab .unit.pattaya-trio { grid-gap: 0.5em; }
    section.sub.special-lab .unit.pattaya-trio > div {
        padding: 1em 2em 1em;
    }
    section.sub.special-lab .unit.pattaya-trio > div p { line-height:1.6 }

    section.sub.special-lab .unit.pattaya-trio + .special-text { padding:0 2em }

    section.sub.special-task .table-wrapper{ padding:0 10px 15px  }
    section.sub.special-task table.task { width:150vw }

    /**/
    section.sub.special-task { padding-bottom:40px }
    section.sub.special-task .inner {
        padding: 60px 0 0;
    }
    section.sub.special-task .title-zone h4 { font-size:1.5em }

    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
        SUBPAGE : 01 건강검진센터
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
    /* - - - - - 서브페이지 : 종합검진 (sub1-1.php) */
    section.sub.checkup.cancer.intro { padding-bottom:30px; }
    section.sub.checkup > .inner.wide {
        padding: 60px 0;
    }
    section.sub.checkup p.intro-desc { font-size: 1em; padding:0 3em }
    section.sub.checkup p.intro-desc span { font-size:inherit }

    /* 종합검진 메시지 플루이드 */
    section.sub.checkup div.msg-fluid { margin: 50px 0; }
    section.sub.checkup div.msg-fluid .msg .txt { max-width:16em }
    section.sub.checkup div.msg-fluid .msg .txt p { font-size: 1.0em; line-height: 1.4 }

    section.sub .unit.img-desc { padding:0 8vw }
    section.sub .unit.img-desc h4 { font-size:1.2em }
    section.sub .unit.img-desc h4 * { font-size:inherit; }

    /* 종합검진 리스트 */
    section.sub.checkup .unit.checkup-table {
        width: 90%;
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }
    section.sub.checkup .unit.checkup-table table thead tr > th { padding:0.5em; }
    section.sub.checkup .unit.checkup-table table.plus td small { font-size:0.9em }

    section.sub.checkup .unit.checkup-table.plus { grid-gap:0 }
    section.sub.checkup .unit.checkup-table.plus table.plus + table.plus { margin-top:-1px }
    section.sub.checkup .unit.checkup-table.plus table.plus + table.plus thead { display:none;}

    section.sub .title-zone .section-title.icon.flex { font-size:1.3em }
    section.sub .title-zone .section-title.icon.flex img { width: 1.8em; }
    /* pattaya-trio */
    section.sub .unit.pattaya-trio {
        flex-direction: column;
        align-items: center;
        grid-gap: 1em;
        width: 70%;
    }
    section.sub .unit.pattaya-trio > div {
        width: 100%;
        grid-gap: 0;
        padding: 5vw 8vw;
        box-shadow: none;
    }
    section.sub .unit.pattaya-trio > div .before {
        font-size: 2em;
    }
    section.sub .unit.pattaya-trio > div p {
        font-size: 1.0em;
    }


    /* - - - - - 서브페이지 : 5대암검진 (sub1-2.php) */
    section.sub.checkup.intro h1.label {
        font-size: 1.2em;
        width: 90%;
    }
    section.sub.checkup.intro h1.label + small.label-desc {
        display: block;
        font-size: 0.9em;
        width: 80%;
    }
    section.sub.checkup.intro h1.label + small.label-desc * { font-size:inherit; }

    /* 5대암 roadmap */
    section.sub.checkup .unit.cancer-roadmap {
        margin: 60px auto 30px;
        align-items: center;
        grid-gap: 20px;
        flex-wrap: wrap;
        width: 90%;
    }
    section.sub.checkup .unit.cancer-roadmap > div > h5:before,
    section.sub.checkup .unit.cancer-roadmap > div:nth-child(3) h5::after { display: none;}
    section.sub.checkup .unit.cancer-roadmap > div {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1.5fr;
        grid-gap: 0;
    }
    section.sub.checkup .unit.cancer-roadmap > div > img {
        width: 80%;
        grid-row: 1 / span 4;
    }
    section.sub.checkup .unit.cancer-roadmap > div > .label span { font-size: 0.9em; }
    section.sub.checkup .unit.cancer-roadmap > div > .label { transform:translateX(-1em); }
    section.sub.checkup .unit.cancer-roadmap > div > p {
        text-align: left;
        font-size: 0.9em;
    }
    section.sub.checkup .unit.cancer-roadmap > div > p br { display:none; }

    /* 5대암 검진 설명카드 */
    section.sub.checkup .unit.cancer-desc {
        width: 90%;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }
    section.sub.checkup .unit.cancer-desc > div h4 + p { font-size: 1em; }
    section.sub.checkup .unit.cancer-desc > div hr { opacity: 0.3; margin: 1em 0}

    /* 검진과정 */
    section.sub.checkup .unit.checkup-process > div {
        grid-template-columns: 1fr;
        align-items: center;
        border-radius: 1em;
    }
    section.sub.checkup .unit.checkup-process > div .img {
        height: 160px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    section.sub.checkup .unit.checkup-process > div .txt {
        padding: 2em;
    }
    section.sub.checkup .unit.checkup-process > div .txt * { color:#fff }
    section.sub.checkup .unit.checkup-process > div .txt > span {
        background-color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 2em;
        aspect-ratio: 1 / 1;
        border-radius: 50%;
        text-align: center;
        color: var(--tertiary);
        font-weight: 700;
        margin-bottom: 0.5em;
    }
    section.sub.checkup .unit.checkup-process > div .txt > h6 {
        margin-bottom: 0.5em;
        font-weight: 600;
    }
    section.sub.checkup .unit.checkup-process > div .txt p,
    section.sub.checkup .unit.checkup-process > div .txt li {
        font-weight: 300;
        font-size: 0.96em;
    }
    section.sub .txt ul.dot li {
        display: grid;
        grid-template-columns: 1em auto;
    }
    section.sub .txt ul.dot li::before {
        content: '\00b7';
    }
    section.sub.checkup .unit.checkup-process > div + div { margin-top: 2em; }

    /* - - - - - 서브페이지 : 채용검진 (sub1-3.php) */
    section.sub.checkup.job.intro { padding-bottom:30px }
    section.sub.checkup.job.intro .inner { padding-bottom: 20px }
    section.sub.checkup .unit.checkup-job table { width:90% }
    section.sub.checkup .unit.checkup-job table tr > * {
        padding: 0.5em;
    }
    section.sub.checkup .unit.checkup-job table tbody tr > th {
        padding: 0.5em 1em;
    }
    section.sub.checkup .unit.table-desc p {
        font-size: 1.0em;
        padding: 0 5vw;
        display: grid;
        grid-template-columns: 3em auto;
    }

    /**/
    section.sub.checkup .unit.prepare.numbering {
        flex-direction: column;
        align-items: center;
        gap: 1em;
    }
    section.sub.checkup .unit.prepare.numbering > div {
        padding: 5vw;
        width: 80%;
        height: auto;
    }
    section.sub.checkup .unit.prepare.numbering > div h5 { font-size:1.2em }
    section.sub.checkup .unit.prepare.numbering > div p br { display:none; }

    /* - - - - - 서브페이지 : 혈액종합검진 (sub1-4.php) */
    section.sub.checkup.intro .unit70.img { width:100% }
    section.sub .unit.checkup-target { width: 80%; }
    section.sub .unit.checkup-target div {
        padding: 0.8em;
        grid-template-columns: 2.25em auto;
    }
    section.sub .unit.checkup-target div p { font-size:1.0em }

    /**/
    section.sub .unit.checkup-caution > div { padding: 8vw; }
    section.sub .unit.checkup-caution > div + div { margin-top:10px }
    section.sub .unit.checkup-caution > div h5 { font-size:1.1em }
    section.sub .unit.checkup-caution > div p { font-weight: 400; }

    /* - - - - - 서브페이지 : 골밀도검사 (sub1-5.php) */
    section.sub.checkup.bmd.intro {  background-attachment: unset; }
    section.sub.intro .unit.doctor-duo {
        grid-template-columns: 1fr;
        grid-gap: 50px;
        justify-content: center;
        width: 90%;
    }
    section.sub.intro .unit.doctor-duo h5.laurel {
        margin-top: 1.0em;
        font-size: 1.3em;
    }
    section.sub.intro .unit.doctor-duo img { width:80% }
    section.sub.intro .unit.doctor-duo p {
        font-size: 1.0em;
        font-weight: 400;
        line-height: 1.6;
        padding: 0 2em;
    }
    /**/
    section.checkup.bmd .unit.bmd div.card-img {
        display: grid;
        grid-template-columns: 1fr;
    }
    section.checkup.bmd .unit.bmd div.card-img .img {
        height: 150px;
    }
    section.checkup.bmd .unit.bmd div.card-img .txt {
        padding: 8vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    section.checkup.bmd .unit.bmd div.card-tscore {
        padding: 8vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        grid-gap: 1em;
    }
    section.checkup.bmd .unit.bmd div.card-tscore h5 { font-size:1.2em }


    /* - - - - - 서브페이지 : 보건증검사 (sub1-6.php) */
    section.sub.special.gradient.healthcard > .inner.wide {
        background-position: top center;
        padding: 30px 0 0;
        background-size: 130%;
    }
    section.sub.special.gradient.healthcard > .inner.wide .section-title { margin-bottom:1em }

    section.sub.special.gradient.healthcard { padding-bottom: 40px; }
    section.sub.gradient.healthcard > div.bar h4 { font-size: 1.2em }
    section.sub.gradient.healthcard .unit.best-endoscope { border-bottom: 1px solid rgba(255, 255, 255, .1); margin: 0}
    section.sub.gradient.healthcard .unit.best-endoscope .img { height:200px }
    section.sub.gradient.healthcard .unit.best-endoscope .txt h3 { font-size:1.3em }
    section.sub.gradient.healthcard .unit.best-endoscope + .p-wrap {
        margin-top: 40px;
        padding: 0 8vw;
    }
    section.sub.gradient.healthcard .unit.best-endoscope + .p-wrap p {
        font-size: 1.0em;
        font-weight: 400;
    }
    section.sub.gradient.healthcard .unit.best-endoscope + .p-wrap b { font-size: inherit; }


    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
        SUBPAGE : 02 내시경센터
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
    /* - - - - - 서브페이지 : 위내시경 (sub2-1.php) */
    section.sub.endoscopy.intro { background-attachment: unset; }
    section.sub.endoscopy.intro .inner { padding:80px 8vw 40px }
    section.sub.intro.endoscopy .unit.doctor-duo {
        grid-template-columns: 1fr;
        width: 100%;
        gap: 30px;
    }
    /**/
    section.sub.sign .inner {
        padding: 8vw !important;
        grid-template-columns: 1fr;
        align-items: center;
        gap: 2em;
    }
    section.sub.sign .inner .txt h4 { font-size:1.3em }
    section.sub.sign .inner .txt ul {
        grid-template-columns: 1fr;
        gap: 1em;
    }
    /* 5대암 -> 위장질환 roadmap overload */
    section.sub.checkup.gastro .unit.cancer-roadmap {
        margin: 30px auto;
        grid-gap: 0 10px;
        width: 90%;
        align-items: flex-start;
    }
    section.sub.checkup.gastro .unit.cancer-roadmap > div {
        width: 25vw;
        display: grid;
        grid-template-columns: 1fr;
        gap: 1em;
    }
    section.sub.checkup.gastro .unit.cancer-roadmap > div > img {
        width: 100%;
        grid-row:unset;
    }
    section.sub.checkup.gastro .unit.cancer-roadmap > div h5 {
        font-size: 1.0em;
        text-align: center;
        line-height: 1.6;
    }
    /**/
    section.sub.special.gastro .unit.best-endoscope .txt { padding:8vw }
    section.sub.special.gastro .scrollText { height:2em !important; margin:2em 0 }
    section.sub.special.gastro .unit.best-endoscope .img { padding:5vw }
    section.sub.special.gastro .unit.best-endoscope .img img { height:100px }

    /* - - - - - 서브페이지 : 대장내시경 (sub2-2.php) */
    section.sub.endoscopy.intro .title-zone span.label {
        font-size: 0.7em;
        padding: 0.8em 1em;
        margin-top: 1em;
    }
    section.sub.sign.colon .inner { grid-template-columns: 1fr; }

    /* - - - - - 서브페이지 : 수면내시경 (sub2-3.php) */
    section.sub.sleep .unit.symbol-card { grid-template-columns: 1fr; gap: 0.5em; }
    section.sub .unit.symbol-card > div { padding: 8vw; }
    section.sub .unit.symbol-card > div h5.symbol { font-size: 1.3em }

    /* - - - - - 서브페이지 : 당일용종절제술 (sub2-4.php) */
    section.polypectomy .unit.img-desc { width:93% }


    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
        SUBPAGE : 03 초음파센터
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
    /* - - - - - 서브페이지 : 갑상선초음파 (sub3-1.php) */
    section.sub.ultrasound.intro .unit.img.duo {
        grid-template-columns: 1fr;
        grid-gap: 0.75em;
        width: 90%;
    }
    section.sub.digestive .unit-wrap,
    section.sub.ultrasound .unit-wrap {
        flex-direction: column;
        grid-gap: 10px;
        margin: 30px auto 0;
    }
    section.sub.ultrasound .unit-wrap > .unit { margin:0 auto; }
    section.sub.digestive .unit-wrap .unit.img,
    section.sub.ultrasound .unit-wrap .unit.img { width:60% }

    section.sub.gradient .inner.wide.ultrasound { background-attachment:unset; background-size:cover !important; background-position: left 65% center !important; }
    section.sub.gradient .inner.wide.ultrasound .title-zone .section-title + p {
        font-weight: 400;
        font-size: 1.0em;
        margin-top: 0;
    }
    section.sub.gradient .inner.wide.ultrasound .title-zone .section-title + p * { font-size:inherit; }
    section.sub.gradient .inner.wide.ultrasound .unit.p-wrap { padding:0 2em }

    section.sub.ultrasound.system { padding-bottom: 2em; }
    section.sub.ultrasound.system .inner.wide { padding: 10px 0 0; }
    section.sub.ultrasound.system .unit.img.trio { grid-gap: 0.5em; }
    section.sub.ultrasound.system .scrollText { height:2em }

    section.sub.ultrasound.system .unit.img.trio {
        width: 80%;
        grid-gap: 0.5em;
        grid-template-columns: 1fr 1fr;
    }
    section.sub.ultrasound.system .unit.img.trio img:first-child {
        grid-column: 1 / span 2;
    }
    section.sub.ultrasound .unit.img.disease { width:90% }


    /* - - - - - 서브페이지 : 경동맥초음파 (sub3-2.php) */
    /* - - - - - 서브페이지 : 복부초음파 (sub3-3.php) */
    section.sub.ultrasound .inner.pad-mod { padding:60px 0 }

    /* - - - - - 서브페이지 : 유방·전립선초음파 (sub3-4.php) */
    section.sub.ultrasound .unit.img.disease.duo {
        width: 80%;
        grid-template-columns: 1fr;
        gap: 1em;
    }
    section.sub.sign.ultrasound.bp .inner .txt.grid.duo {
        grid-template-columns: 1fr;
        gap: 2em;
    }
    section.sub.ultrasound.bp .unit-wrap { gap: 50px; }
    section.sub.ultrasound.bp .unit-wrap h5.ul-title {
        font-size: 1.2em;
        justify-content: center;
        padding-left: 0;
        padding-right: 1em;
    }
    section.sub.ultrasound.bp .unit.checkup-target { width:96% }



    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
        SUBPAGE : 04 소화기클리닉
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
    /* - - - - - 서브페이지 : 역류성식도염 (sub4-1.php) */
    section.sub.digestive.intro > .inner {
        padding: 0;
        flex-direction: column;
        justify-content: center;
        gap: 30px;
        margin-bottom: 50px;
    }
    section.sub.digestive.intro > .inner img { max-width:80vw }
    section.sub.digestive.intro > .inner img.full { max-width:100vw }
    section.sub.digestive.intro > .inner .title-zone {
        padding: 8vw 0;
    }
    section.sub.sign.gerd .inner { grid-template-columns:1fr }

    /* - - - - - 서브페이지 : 위염 (sub4-2.php) */
    section.sub.digestive.why > .inner { padding: 60px 0; }
    section.sub ~ div.space { height:100px }
    section.sub.digestive.why .title-zone .icon.search { grid-gap: 0.2em; }
    section.sub.digestive.why .unit-wrap {
        width: 100%;
        grid-template-columns: 1fr;
    }
    section.sub.digestive.why .unit-wrap .unit.img { width:96% }
    section.sub.digestive.why .unit-wrap .unit.symbol-card {
        width: 90%;
        margin: 0 auto;
        gap: 10px;
    }
    section.sub.digestive.why .unit-wrap + .p-wrap p {
        font-size: 1.0em;
        font-weight: 400;
        padding: 0 3em;
    }
    /* - - - - - 서브페이지 : 과민성대장질환 (sub4-3.php) */
    /* - - - - - 서브페이지 : 간질환 (sub4-4.php) */
    section.sub.special.liver .unit.special-text p { padding:1em 2em  }
    /* - - - - - 서브페이지 : 위암 (sub4-5.php) */
    section.sub.digestive.why > .inner .title-zone .section-title.fw600 { padding:0 1em }
    /* - - - - - 서브페이지 : 대장암 (sub4-6.php) */
    section.sub.digestive.why.colon .unit-wrap .unit.img { width:70%; margin: 0 auto}



    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
        SUBPAGE : 05 호흡기알레르기클리닉
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
    /* - - - - - 서브페이지 : 천식 (sub5-1.php) */
    section.sub.why .unit-wrap.asthma {
        flex-direction: column;
        width: 90%;
    }
    section.sub.why .unit-wrap.asthma .unit.img { width:80%; }
    section.sub.why .unit-wrap.asthma .unit.symbol-card > div { padding:7vw }
/*    section.sub.why .unit-wrap.asthma .unit.symbol-card > div h5 { font-size:1.2em }*/
    section.sub.why .unit-wrap.asthma .unit.symbol-card > div ul.dot li {
        display: block;
/*        text-align: center;*/
    }
    section.sub.why .unit-wrap.asthma .unit.symbol-card > div ul.dot li::before { display: none; }

    section.sub.why.asthma .scrollText { margin-top:-1em !important }

    /* - - - - - 서브페이지 : 알레르기비염 (sub5-2.php) */
    /* - - - - - 서브페이지 : 만성기침 (sub5-3.php) */


    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
        SUBPAGE : 06 만성질환클리닉
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
    /* - - - - - 서브페이지 : 고혈압 (sub6-1.php) */
    section.sub .unit.unit90.hypertension { width:100vw; overflow-x:scroll; }
    section.sub .unit.unit90.hypertension table.hypertension { width:120vw; margin:0 5vw 5vw }
    section.sub table.hypertension tr > th { font-size: 1.0em; }
    section.sub table.hypertension tr > td { line-height:1.3 }

    /* - - - - - 서브페이지 : 당뇨 (sub6-2.php) */
    /* - - - - - 서브페이지 : 고지혈증 (sub6-3.php) */
    /* - - - - - 서브페이지 : 갑상선질환 (sub6-4.php) */


    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
        SUBPAGE : 07 건강클리닉
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
    /* - - - - - 서브페이지 : 비만 (sub7-1.php) */
    section.sub .unit.img-desc.wellness {
        background-position: right 20% bottom;
        background-size: 30%;
        padding-bottom: 30%;
    }
    /* - - - - - 서브페이지 : 금연 (sub7-2.php) */
    /* - - - - - 서브페이지 : 영양수액 (sub7-3.php) */
    section.sub.iv div.unit.iv-trio { flex-direction: column; gap:10px }
    section.sub.iv div.unit.iv-trio > div {
        border-radius: 15px;
        grid-gap: 0.8em;
        box-shadow: unset;
        padding: 3em 1em;
        aspect-ratio: 3 / 2;
    }
    section.sub.iv div.unit.iv-trio > div p { padding: 0 1em; }

    /* - - - - - 서브페이지 : 국가예방접종 (sub7-4.php) */


    #quickmenu-m {
        width: 100vw;
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        position: fixed;
        bottom: -1px;
        left: 0;
        z-index: 999;
        box-shadow: 0 -3px 10px -3px rgba(0,0,0,.1);
/*        background-color: var(--primary);*/
        background-color: #f9f9f9;
/*        background-color: #6f5340;*/
/*        background-color: #026eb3;*/


        padding: 20px 10px;
        height: 85px;
        box-sizing: border-box;
    }
    #quickmenu-m > a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        font-size: 17px;
        text-indent: 1em;
        background-size: auto 70%;
        background-position: left 13% center;
        background-repeat: no-repeat;
/*        color: #fff;*/
    }
    #quickmenu-m > a + a { border-left:1px solid rgba(0, 0, 0, .1); }

    #quickmenu-m > a.call { background-image:url('./img/icon/quick-call-color.svg') }
    #quickmenu-m > a.book { background-image:url('./img/icon/quick-locate-color.svg') }
    #quickmenu-m > a.map { background-image:url('./img/icon/quick-kakao-color.svg') }
    #quickmenu-m > a.blog { background-image:url('./img/icon/quick-blog-color.svg') }
    #quickmenu-m > a.nbook { background-image:url('./img/icon/quick-nbook-color.svg') }










    /* 260305 기타검진프로그램 추가 */
    /* 탭 메뉴 전체 컨테이너 */
    section.sub.sub-tab .inner { padding:30px 0 }
    .sibling-tabs { width: 80%; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 5px;}
    /* 기본 탭 스타일 */
    .sibling-tabs li a {
        min-width: unset;
        padding: 0.5em;
        font-size: 1.0em;
    }

    /* 기타검진 하단 공통(repeat-chkecupgoto.php) */
/*    section.sub.checkup.goto .inner { padding-top:0 }*/
    section.sub.checkup.goto h3.section-title.flex { display: inline; font-size:1.1em; padding:0 3em; margin-bottom:2em }
    section.sub.checkup.goto h3.section-title.flex img { width: 1.5em; display:block; margin: 0 auto 0.5em; }
    section.sub.checkup.goto h3.section-title.flex small { font-size:0.8em; display:inline-block; }

    section.sub.checkup.goto .unit.links {
        display: block;
        width: fit-content;
        margin: 1.5em auto;
    }
    section.sub.checkup.goto .unit.links > a {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 3fr;
        justify-content: center;
        gap: 15px;
    }
    section.sub.checkup.goto .unit.links > a + a { margin-top:1em }

    section.sub.checkup.goto .unit.links > a:hover { transform: translateY(0); }

    section.sub.checkup.goto .unit.links > a img { width:100% }
    section.sub.checkup.goto .unit.links > a + a { border-left: 0; }
    section.sub.checkup.goto .unit.links > a p { font-size: 1.0em; }
    section.sub.checkup.goto .unit.links > a p strong {
        font-size: 1.1em;
    }

}



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

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

    #quickmenu-m {
        height: 65px;
        padding: 12px 10px 7px;
    }

    #quickmenu-m > a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-end;
        background-size: auto 24px;
        background-position: top center;
        background-repeat: no-repeat;
        font-size: 3vw;
        text-indent: 0;
    }
    #quickmenu-m div.topbtn {
        position: absolute;
        background-color: #fff;
        box-shadow: 0 5px 10px rgba(0,0,0,.15);
        border-radius: 50%;
        aspect-ratio: 1 / 1;
        width: 40px;
        right: 10px;
        top: -10px;
        transform: translateY(-100%);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 110%;
        background-image: url('./img/top.svg');
    }



    /* 푸터인포 */
    footer.footer ul.info {
        font-size: 4vw;
        flex-direction: column;
        width: 80%;
    }
    /* 푸터메뉴 */
    footer.footer ul.menu li.menu-item a { font-size: 3.8vw }
    /* copyright */
    footer.footer .copyright { font-size: 3vw; }










    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
        SUBPAGE : 레이아웃 / 공통요소
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
    /* 서브 브레드크럼 */
    div.sub-breadcrumb nav.breadcrumb ul li.has-children { font-size: 3.3vw;/*모바일*/ }
    div.sub-breadcrumb nav.breadcrumb ul li.has-children ul.sub-breadcrumb-menu li { font-size: 3vw; }/*모바일*/




}