/* 1200 */
@media (max-width: 1200px) {
    #sec4 .sec4-wrap {
        padding-top: 10rem;
        padding-bottom: 8rem;
    }

    #sec4 .sec4-category-nav > div h3 {
        font-size: min(22px, 4vw);
    }

    #sec2 .doc-layout {
        flex-direction: column;
        align-items: stretch;
        gap: 0;
    }

    #sec2 .doc-img {
        align-self: center;
        justify-content: flex-start;
        max-width: 500px;
        width: 100%;
    }

    #sec2 .doc-info {
        margin-left: 0;
        margin-top: 3rem;
    }

    #sec6 .sec6-equip-card__name{
        font-size: 1.2vw;
    }
}

/* 1100 */
@media (max-width: 1110px) {
    #sec3 .sec3-main-image img {
        aspect-ratio: 16 / 9;
    }
}

@media (max-width: 1100px) {
    #sec3 .sec3-main-image::before {
        display: none;
    }

    #sec3 .sec3-slidey-nav {
        width: 100%;
        margin-bottom: 4rem;
        /* padding: min(0.8rem, 2vw); */
    }

    #sec3 .sec3-slidey-nav li:not(.sec3-slidey-track-active):not(.sec3-slidey-track-hover) {
        flex: 1 1 0;
    }

    #sec3 .sec3-slidey-nav a {
        font-size: 1.8rem;
    }

    #sec3 .sec3-content-top {
        grid-template-columns: 1fr;
    }

    #sec3 .sec3-disease-list li p {
        font-size: 2rem;
        margin: 1.2rem 0;
    }

    #sec3 .sec3-treatment-list li{
        min-height: auto;
        padding: 1.5vw 0;
        font-size: 2rem;
    }

    #sec3 .sec3-main-copy h3, #sec3 .sec3-treatment-box h4, #sec3 .sec3-content-bottom h4, #sec4 .sec4-clinic-title{
        font-size: min(32px, 8vw);
    }

    #sec4 .sec4-clinic-copy {
        max-width: 100%;
        width: 100%;
    }

    #sec4 .sec4-clinic-bleed-layout {
        flex-direction: column;
        gap: 8vw;
        width: 100%;
        margin-left: 0;
    }

    #sec4 .sec4-clinic-bleed-layout--img-left .sec4-clinic-media--bleed-left,
    #sec4 .sec4-clinic-bleed-layout--img-right .sec4-clinic-media--bleed-right {
        flex: 0 0 auto;
        width: 100%;
        border-radius: 2rem;
    }

    #sec4 .sec4-clinic-bleed-layout--img-left .sec4-clinic-media--bleed-left {
        margin-left: 0;
        margin-right: 0;
    }

    #sec4 .sec4-clinic-bleed-layout--img-right .sec4-clinic-copy {
        order: 2;
        margin-left: 0;
    }

    #sec4 .sec4-clinic-bleed-layout--img-right .sec4-clinic-media--bleed-right {
        order: 1;
        margin-left: 0;
        margin-right: 0;
    }

    #sec4 .sec4-clinic-media img {
        height: auto;
        aspect-ratio: 192 / 110;
        max-height: 550px;
    }

    #sec4 .sec4-slidey-nav {
        flex-wrap: wrap;
        justify-content: center;
    }

    #sec4 .sec4-slidey-nav a {
        font-size: 18px;
        padding: 2px 20px;
    }

    #sec4 .sec4-clinic-desc,
    #sec4 .sec4-clinic-checklist li {
        font-size: 1.8rem;
    }

    #sec7 .sec7-guide-block__addr, #sec7 .sec7-guide-block__addr-sub, #sec7 .sec7-guide-block__txt, #sec7 .sec7-hours-list__row, #sec7 .sec7-guide-note{
        font-size: 1.8rem;
    }

    #sec7 .sec7-guide-tel__num{
        font-size: 2.8rem;
    }

    #sec7 .sec7-hours-night{
        font-size: 1.4rem;
    }
}

/* 1080 */
@media (max-width: 1080px) {
    .main-tit {
        font-size: min(3.6rem, 9vw);
    }
    .main-tit::before {
        font-size: min(1.25rem, 3.8vw);
    }
    .sec1-tit {
        font-size: min(32px, 5.5vw);
    }
    section.sec1 .sec1-after-tit,
    section.sec1 .sec1-after-tit p {
        font-size: min(16px, 3.7vw);
        line-height: 1.65;
    }

    #sec6 .sec6-equip-card{
        border-radius: 2.4rem;
    }

    #sec6 .sec6-equip-card__type{
        font-size: min(2.4rem, 3vw);
    }

    .sec7-guide-layout {
        flex-direction: column;
        align-items: stretch;
        gap: 2rem;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    .sec7-guide-map,
    .sec7-guide-panel {
        flex: 1 1 auto;
        width: 100%;
        max-width: 100%;
        margin-left: 0;
    }

    .sec7-guide-panel {
        padding: min(3rem, 7vw);
    }

    .sec7-map-wrap {
        width: 100%;
        max-width: 100%;
        aspect-ratio: 16 / 8;
        min-height: 0;
        border-radius: 2.4rem;
    }

    #sec7 .sec7-map-wrap .root_daum_roughmap {
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
    }

    #sec7 .sec7-map-wrap .wrap_map {
        width: 100% !important;
        height: 100% !important;
        border-radius: 2.4rem;
    }

    #sec7 .sec7-hours-night {
        gap: clamp(0.55rem, 1.2vw, 0.8rem);
        padding-inline: clamp(0.5rem, 2vw, 0.75rem);
    }
}

/* 900 */
@media (max-width: 900px) {
    
    #sec2 .doc-img {
        display: flex;
        align-self: center;
        justify-content: flex-start;
        max-width: 420px;
        width: 100%;
    }

    #sec2 .doc-role{
        font-size: min(20px, 4.5vw);
    }

    #sec2 .doc-schedule {
        font-size: min(18px, 3.6vw);
        padding: 0.2em 0.6em;
    }

    #sec2 .doc-info .doc-name{
        font-size: min(32px, 7.5vw);
    }

    #sec2 .doc-info .doc-position{
        font-size: min(20px, 4.5vw);
    }

    #sec2 .doc-name-row{
        gap: min(10px, 2vw);
    }
    

    #sec2 .doc-list li{
        font-size: min(16px, 3.7vw);
    }

    #sec3 .sec3-main-copy p {
        font-size: 1.8rem;
    }

    #sec3 .sec3-disease-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #sec4 .sec4-category-nav {
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-template-rows: auto auto;
        align-items: start;
        justify-items: stretch;
    }

    #sec4 .sec4-category-nav > div:nth-child(1) {
        grid-column: 1 / 3;
        grid-row: 1;
    }

    #sec4 .sec4-category-nav > div:nth-child(2) {
        grid-column: 3 / 5;
        grid-row: 1;
    }

    #sec4 .sec4-category-nav > div:nth-child(3) {
        grid-column: 5 / 7;
        grid-row: 1;
    }

    #sec4 .sec4-category-nav > div:nth-child(4) {
        grid-column: 2 / 4;
        grid-row: 2;
    }

    #sec4 .sec4-category-nav > div:nth-child(5) {
        grid-column: 4 / 6;
        grid-row: 2;
    }

    #sec4 .sec4-card-wrap.container14 {
        width: 100%;
    }
}

/* 768 */
@media (max-width: 768px) {
    #sec3 .sec3-slidey-nav a{
        font-size: min(16px, 4vw);
    }

    #sec5 .sec5-coverflow-pagination .swiper-pagination-bullet{
        width: min(10px, 2.8vw);
        height: min(10px, 2.8vw);
    }
    
    .sec7-guide-bg {
        top: 58%;
        opacity: 0.4;
    }

    .sec7-guide-bg img {
        width: clamp(18rem, 78vw, 48rem);
    }

    #sec7 .sec7-hours-night {
        gap: clamp(0.5rem, 1.35vw, 0.8rem);
        padding-inline: clamp(0.45rem, 2.5vw, 0.75rem);
    }
    #sec6 .sec6-equip-card{
        border-radius: 1.8rem;
        padding: 1rem;
    }

    #sec7 .sec7-guide-panel .sec7-guide-block__tit {
        font-size: min(2.6rem, 5vw);
    }

    #sec7 .sec7-guide-block__icon{
        width: min(2.6rem, 4.5vw);
        margin-right: min(1rem, 1.8vw);
    }

    #sec7 .sec7-guide-panel .sec7-guide-block__addr,
    #sec7 .sec7-guide-panel .sec7-guide-block__addr-sub,
    #sec7 .sec7-guide-panel .sec7-guide-block__txt {
        font-size: min(1.8rem, 4vw);
    }

    #sec7 .sec7-guide-tel__icon{
        width: min(3rem, 5vw);
    }

    #sec7 .sec7-guide-block{
        margin-bottom: min(3rem, 7vw);
    }

    #sec7 .sec7-guide-block__head{
        margin-bottom: min(0.6rem, 1.4vw);
    }

    #sec7 .sec7-guide-panel .sec7-guide-note {
        font-size: min(1.8rem, 4vw);
    }

    #sec7 .sec7-guide-panel .sec7-hours-list__row {
        font-size: min(1.8rem, 4vw);
    }

    #sec7 .sec7-hours-list__row:first-child {
        flex-wrap: nowrap;
    }

    #sec7 .sec7-hours-list__row:first-child .sec7-hours-list__val {
        white-space: nowrap;
        font-size: clamp(1.45rem, 3.1vw, 1.8rem);
    }

    #sec7 .sec7-hours-list__row {
        margin-bottom: 0.4vw;
    }


    #sec7 .sec7-guide-panel .sec7-hours-list__label {
        flex: 0 1 min(12rem, 20vw);
        width: min(12rem, 20vw);
    }

    #sec7 .sec7-guide-panel .sec7-hours-night {
        white-space: nowrap;
        flex: 0 1 auto;
        font-size: min(1.6rem, 3.5vw);
        line-height: 1.35;
        gap: clamp(0.45rem, 1.5vw, 0.8rem);
        padding-inline: clamp(0.4rem, 2.8vw, 0.75rem);
    }

    #sec7 .sec7-guide-panel .sec7-hours-night__moon {
        width: min(1.25rem, 3vw);
        aspect-ratio: 1 / 1;
    }

    #sec7 .sec7-guide-panel .sec7-guide-tel__num {
        font-size: min(2.4rem, 6vw);
    }

    #sec7 .sec7-hours-list__row{
        gap: 0 min(1rem, 2vw);
    }

    #sec7 .sec7-guide-panel {
        padding: min(3rem, 7vw) min(3rem, 5vw);
    }

    #sec7 .sec7-guide-note{
        margin: 0.4rem 0 0;
    }
}

/* 700 */
@media (max-width: 700px) {
    #sec3 .sec3-disease-list li p .sec3-break-700 {
        display: block;
    }
}

/* 600 */
@media (max-width: 600px) {
    #sec1 .sec1-tit{
        margin-bottom: 3rem;
    }
    
    #sec2 .doc-img img{
        width: 80%;
        margin-top: 2rem;
    }

    #sec3 .sec3-slidey-nav {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-auto-rows: minmax(0, auto);
        align-items: stretch;
        gap: 0;
        width: 100%;
        max-width: 100%;
        border-radius: 1.6rem;
        flex-wrap: unset;
        margin-bottom: min(20px, 5vw);
        padding: min(0.8rem, 2vw);
    }

    #sec3 .sec3-slidey-nav li:not(.sec3-slidey-track-active):not(.sec3-slidey-track-hover) {
        flex: unset;
        min-width: 0;
    }

    #sec3 .sec3-content-top{
        gap: min(20px, 5vw);
    }

    #sec3 .sec3-slidey-nav a{
        font-size: min(18px, 3.5vw);
    }

    /* #sec3 .sec3-treatment-list {
        grid-template-columns: 1fr;
    } */

    #sec3 .sec3-slidey-track-active,
    #sec3 .sec3-slidey-track-hover {
        top: auto;
        height: auto;
    }

    #sec3 .sec3-disease-list li p{
        margin: 0.8rem 0;
    }

    #sec3 .sec3-disease-list li p, #sec3 .sec3-treatment-list li{
        font-size: min(18px, 4.5vw);
    }

    #sec3 .sec3-disease-list li p span{
        /* display: block; */
        font-size: min(14px, 3.6vw);
    }

    #sec3 .sec3-disease-list li p,
    #sec3 .sec3-disease-list li p span,
    #sec3 .sec3-treatment-list li {
        white-space: normal;
        overflow-wrap: break-word;
    }

    #sec7 .sec7-hours-list__row:first-child {
        gap: 0 min(0.8rem, 1.6vw);
    }

    #sec7 .sec7-hours-list__row:first-child .sec7-hours-list__val {
        font-size: min(1.8rem, 3.4vw);
    }

    #sec7 .sec7-hours-list__val{
        font-size: min(1.8rem, 3.4vw);
    }

    #sec7 .sec7-guide-panel .sec7-hours-night {
        font-size: min(1.25rem, 3vw);
        padding-inline: clamp(0.25rem, 2vw, 0.5rem);
        gap: clamp(0.3rem, 1.2vw, 0.6rem);
    }

    #sec4 .sec4-wrap {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }

    #sec4 .sec4-category-nav > div img {
        max-width: min(220px, 25vw);
    }

    #sec4 .sec4-category-nav > div h3 {
        font-size: min(18px, 4vw);
        margin-top: 1rem;
    }

    #sec4 .sec4-clinic-row--has-back-logo::after {
        width: min(28rem, 85vw);
        height: min(20rem, 50vw);
        opacity: 0.75;
    }

    #sec6 .sec6-equip-card__txt{
        row-gap: 0;
        padding: min(0.8rem, 3vw) 0 min(0.4rem, 1.5vw) 0;
    }
}

/* 520 */
@media (max-width: 520px) {
    .doc-name-line {
        justify-items: end;
        row-gap: 0.8rem;
    }

    .doc-name-line .doc-name-row {
        justify-self: start;
        width: 100%;
    }
}

/* 480 */
@media (max-width: 480px) {
    .doc-columns {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .doc-divider-nav{
        gap: 2.4vw;
    }

    #sec3 .sec3-treatment-list{
        gap: 0.8rem;
    }

    #sec4 .sec4-slidey-nav {
        gap: min(9px, 2vw);
        padding: min(7px, 1.6vw);
        margin-bottom: min(20px, 4.5vw);
    }

    #sec4 .sec4-slidey-nav a {
        padding: min(2px, 0.5vw) min(30px, 6.2vw);
        font-size: min(20px, 4vw);
    }

    #sec4 .sec4-slidey-nav .sec3-slidey-track-active,
    #sec4 .sec4-slidey-nav .sec3-slidey-track-hover {
        top: min(7px, 1.6vw);
        height: calc(100% - (min(7px, 1.6vw) * 2));
    }

    #sec3 .sec3-main-copy p, #sec4 .sec4-clinic-desc, #sec4 .sec4-clinic-checklist li {
        font-size: min(16px, 4vw);
    }

    #sec4 .sec4-clinic-checklist li::before{
        width: min(16px, 4vw);
        height: min(16px, 4vw);
    }

    #sec4 .sec4-clinic-checklist li{
        gap: 1.2vw;
        margin-bottom: 1.4vw;
    }

    #sec6 .sec6-equip-card{
        border-radius: 1.6rem;
        padding: 0.8rem;
    }

    #sec6 .sec6-equip-card__type{
        font-size: min(2.4rem, 7vw);
    }

    #sec6 .sec6-equip-card__name {
        font-size: min(1.8rem, 3.6vw);
    }

    #sec7 .sec7-hours-night{
        padding: 0 min(1rem, 2vw);
    }
}

/* 380 */
@media (max-width: 380px) {
    #sec6 .sec6-equip-card {
        aspect-ratio: unset;
        min-height: 0;
    }
}

@media (min-width: 901px) {
    #sec2 .doc-layout {
        flex-wrap: nowrap;
    }
}