.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) {

     body{
        --logo-mobile-width: 180px;
        --logo-mobile-gtc: 180px 60px;
    }
    section { max-width:100vw; overflow: hidden;}
    .bg-attached { background-attachment:unset; background-size:cover !important; }
    .inner { width: 100%; }

    /* header */
    header.header {
    }
    header.header.on .gnb-floor { background-color:rgba(0, 0, 0, 0.2); }
    header.header .gnb-floor .inner {
        max-width: 100vw;
        grid-template-columns: var(--logo-mobile-gtc);
        justify-content: space-between;
        padding-left: 8px;
    }
    header.header .sub-floor,
    header.header nav.gnb { display: none; }

    header.header .gnb-floor > .inner a.logo { aspect-ratio: 3 / 1; max-height: 50px; }
    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?ver=001);
        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% }*/




    /* 모바일메뉴 */
    #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: var(--logo-mobile-gtc);
        justify-content: space-between;

    }
    #mobile-menu > .menu-area div.title a.home {
        display: block;
        aspect-ratio: unset;
        height: 60px;
        background-image: url('./img/logo-header.svg');
        background-repeat: no-repeat;
        background-position: left 8px center;
        background-size: var(--logo-mobile-width);
    }
    #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:90vh }
    #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; 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: 1.2em;
        opacity: 1.0;
        padding: 1rem 1.5rem;
    }
    #mobile-menu ul.menu > li.menu-item:nth-child(1) { background-color:#3258DB }
    #mobile-menu ul.menu > li.menu-item:nth-child(2) { background-color:#2748BB }
    #mobile-menu ul.menu > li.menu-item:nth-child(1) > a,
    #mobile-menu ul.menu > li.menu-item:nth-child(2) > a { color: #fff; }

    #mobile-menu ul.menu li.menu-item-has-children { background-color:#fff }
    #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/menu-arrow-down.svg');
        transform: scale(1, 1);
        filter: grayscale(1);
    }
    #mobile-menu ul.menu li.menu-item-has-children.on > a::after {
        transform: scale(-1, -1);
        filter: grayscale(0);
    }

    #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 > .inner { padding:60px 40px; }
    footer.footer img { width:var(--logo-mobile-width); }
    footer.footer .copyright { font-size:0.8em; margin-top:2em }






    /* quickmenu */
    #quickmenu {
        left: unset;
        right: 20px;
        bottom: 20px;
        gap: 5px;
        transform: scale(0.75);
        transform-origin: right bottom;
    }








    /* 메인비주얼 외 공통 */
    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.eng { font-size: 0.8em; }

    /* 섹션 제목  */
    section .title-zone .section-title { font-size: 1.35em }
    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;
    }



    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
        MAINPAGE : 메인페이지
     - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
    /* - - - - - 01. 메인비주얼  */
    section.main-visual .swiper-slide {
        height: unset;
        aspect-ratio: 2 / 3;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }
    section.main-visual .swiper-slide .inner {
        height: 84%;
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
    }
    section.main-visual .swiper-slide .inner.center {
        align-items: center;
    }
    section.main-visual .swiper-slide .inner .txt p.mv-desc {
        font-weight: 400;
        font-size: 0.96em;
        line-height: 1.6;
    }


    /* mv1 */
    section.main-visual .swiper-slide.mv1 .inner {
        gap: 0;
    }
    section.main-visual .swiper-slide.mv1 .img {
        width: 60vw;
        overflow: hidden;
        margin-top: -30vw;
        margin-left: -60vw;
    }
    section.main-visual .swiper-slide.mv1 .txt {
        display: flex;
        flex-direction: column;
        width: 65%;
        padding: 1em;
        position: relative;
        margin-top: 0;
        margin-left: auto;
    }
    section.main-visual .swiper-slide.mv1 .txt::before {
        font-size: 3.75em;
        transform: rotate(270deg);
        right: -39%;
        bottom: -40%;
    }

    section.main-visual .swiper-slide.mv1 .txt h3 {
        font-size: 1.2em;
    }
    section.main-visual .swiper-slide.mv1 .txt h2 {
        font-size: 2.5em;
    }
    section.main-visual .swiper-slide.mv1 .txt h2 i { font-weight:300; font-size:inherit; }
    section.main-visual .swiper-slide.mv1 .txt div.name { margin-top: 1.5em; }
/*    section.main-visual .swiper-slide.mv1 .txt div.name small { font-weight: 200; }*/
    section.main-visual .swiper-slide.mv1 .txt div.name p { font-size: inherit; }
    section.main-visual .swiper-slide.mv1 .txt p.mv-desc {
        width: 96%;
    }


    /* mv2 */
    section.main-visual .swiper-slide.mv2 .inner {
        gap: 20px;
    }
    section.main-visual .swiper-slide.mv2 .txt {
        padding-bottom: 0;
    }

    section.main-visual .swiper-slide.mv2 .txt .eng { font-size: 0.9em; letter-spacing:0.02em }
    section.main-visual .swiper-slide.mv2 .txt h4 {
        font-weight: 400;
        margin: 0.5em auto 0.25em;
        font-size: 1.5em;
    }



    /* - - - - - 메인 논스톱시스템   */
    section.main-nonstop {}
    section.main-nonstop div.unit.grid-link {
        width: 90%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 6px;
    }
    section.main-nonstop div.unit.grid-link > a .overlay h5 {
/*        font-size: 1.6em;*/
        font-weight: 400;
    }

    /* - - - - - 메인 국민건강보험 검진지정 의료기관   */
    section.main-hwell {}
    section.main-hwell > .inner {
        padding: 60px 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 40px;
    }
    section.main-hwell > .inner .title-zone {
        width: 90%;
    }
    section.main-hwell > .inner .title-zone .section-title {
        font-size: 1.4em;
        margin-bottom: 1em;
        font-weight: 700;
    }
    section.main-hwell > .inner .title-zone .section-title span {
        display: inline-block;
        font-size: 0.75em;
        font-weight: 300;
        letter-spacing: 0;
    }
    section.main-hwell > .inner .title-zone .section-title img {height: 2em}
    section.main-hwell > .inner > img {
        width: 90%;
        max-width: 500px;
    }
    section.main-hwell a.btn-more {
        padding: 0.75em 2em;
        margin-top: 2em;
    }
    section.main p.desc {
        padding: 0 1em;
        line-height: 1.6;
    }



    /* - - - - - 메인 클리닉카드  */
    section.main-clinic {}
    section.main-clinic .inner.drjung {
        position: relative;
        z-index: 1;
    }
    section.main-clinic .inner.drjung::before,
    section.main-clinic .inner.drjung::after { font-size: 4em; }
    section.main-clinic .inner.drjung::before { top: 0.25em; left: 0.35em; }
    section.main-clinic .inner.drjung::after { bottom: 0.25em; right: 0.35em;}

    section.main-clinic .unit.clinic-card {
        flex-wrap: wrap;
        gap: 1em;
    }
    section.main-clinic .unit.clinic-card > a {
        width: 100%;
        aspect-ratio: 2 / 1;
        padding: 2em 1em;
    }

    /* - - - - - 메인 클리닉카드  */
    section.main-endoscope { margin-top:80px }
    section.main-endoscope .inner { padding: 80px 0; }
    section.main-endoscope .inner .p-wrap { padding:0 3em }


    /* - - - - - 메인 오시는길  */
    section.main-locate {}
    section.main-locate > .inner {
        padding: 40px 0;
        background-position: top 100px right;
        background-size: 80%;
    }
    section.main-locate .unit.locate {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
        align-items: center;
        gap: 40px;
    }
    section.main-locate .unit.locate #map {
        width: 100%;
        aspect-ratio: 3 / 2;
    }
    section.main-locate .unit.locate .txt {
        padding: 0 8vw;
    }
    section.main-locate .unit.locate .txt h4 {
        font-size: 1.6em;
    }
    section.main-locate .unit.locate .txt h6 {
        font-size: 1.3em;
    }
    section.main-locate .unit.locate .txt ul.time {}
    section.main-locate .unit.locate .txt ul.time li { grid-gap:1em }
    section.main-locate .unit.locate .txt ul.time li b,
    section.main-locate .unit.locate .txt ul.time li p { font-size:1.1em }
    section.main-locate .unit.locate .txt ul.time + p.small {
        font-size: 1.1em;
    }






























    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
        SUBPAGE : 레이아웃 / 공통요소
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
    section > .inner { padding: 60px 0; }
    /* 서브 */
    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; }

    section.sub.board .inner { padding:0 1em }

    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
        SUBPAGE : 레이아웃 / 공통요소
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
    /* 서브 헤더 */
    section.sub-header,
    section.sub-header .inner { overflow: visible;}
    section.sub-header .sub-header-title {
        padding: 150px 0 180px;
    }
    section.sub-header p.page-title-eng { letter-spacing: 0.025em }
    section.sub-header div.sign {
        bottom: 2em;
        right: 8vw;
        transform: scale(0.8);
        transform-origin: right;
    }

    /* 서브 브레드크럼 */
    div.sub-breadcrumb {
        width: 90vw;
        position: relative;
        left: 5vw;
        max-width: unset;
        font-size: 12px;
    }
    div.sub-breadcrumb nav.breadcrumb > ul {
        gap: 0;
        justify-content: center;
    }
    div.sub-breadcrumb nav.breadcrumb > ul > li {
        font-size: 0.9em;
        min-width: unset;
    }
    div.sub-breadcrumb nav.breadcrumb > ul > li > a {
        max-width: 100%;
        display: block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        padding-right: 1.5em;
    }
    div.sub-breadcrumb nav.breadcrumb > ul > li:last-child > a { padding-right:0 }
    div.sub-breadcrumb nav.breadcrumb > ul li.home a {
        display: flex;
        padding: 0 1em 0 0.5em;
    }
    div.sub-breadcrumb nav.breadcrumb ul > li.home,
    div.sub-breadcrumb nav.breadcrumb ul > li.home + li { background-size: 6px; }
    div.sub-breadcrumb nav.breadcrumb ul li.has-children ul.sub-breadcrumb-menu {
        font-size: 0.8em;
        min-width: 10em;
    }
    div.sub-breadcrumb nav.breadcrumb ul li.has-children ul.sub-breadcrumb-menu li {
        padding: 0.35em 1.8em; font-size:0.8em }



    /**/
    section.sub.sub-intro .title-zone p.title-parent {
        font-size: 0.85em;
    }
    section.sub.sub-intro .title-zone .section-title { font-size:1.8em }
    section.sub.sub-intro .title-zone::after { height: 40px; }

    /* 탭 메뉴 전체 컨테이너 */
    section.sub .unit.sub-tab { margin-top: 1.5em; width:90%; align-items:stretch; }
    .sibling-tabs { gap: 5px; }
    /* 기본 탭 스타일 */
    .sibling-tabs li a {
        font-size: 1.0em;
        font-weight: 500;
        padding: 1.35em 0;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }


    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
    section.sub0-3 {}
    section.sub0-3 .unit.doctor {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 30px;
    }
    section.sub0-3 .unit.doctor > img { width:80%; }
    section.sub0-3 .unit.doctor > .txt {
        width: fit-content;
        background-image: none;
        margin: 0 auto;
    }
    section.sub0-3 .unit.doctor > .txt h5 {
        text-align: center;
        width: 8em;
        border-bottom: 2px solid var(--primary);
        margin: 0 auto;
    }
    section.sub0-3 .unit.doctor > .txt ul li {
        font-weight: 300;
        text-align: center;
        font-size: 1.1em;
    }




    /* - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
    section.sub0-4 {}
    section.sub0-4 .title-zone p.eng { opacity:0.5; margin-bottom:0.5em }
    section.sub-preview .inner {
        overflow: hidden;
        padding-bottom: 100px;
    }
    section.sub-preview .slide-box {
        margin-top: 0;
        width: 80%;
        margin: 0 auto 2em;
    }
    section.sub0-4 .slide-box + p.txt-center { padding:0 3em; line-height:1.6 }
    section.sub-preview .control {
        height: 60px;
        margin: 0 auto;
        width: 116%;
    }
    section.sub-preview .control .button-prev,
    section.sub-preview .control .button-next { height: 20px; }

    section.sub0-4 .bg-text {
        bottom: 20%;
    }
    section.sub0-4 .bg-text > .fromright { font-size: 2.5em; }
    section.sub0-4.grid .title-zone {
        width: 90%;
        margin: 0 auto;
    }
    section.sub0-4.grid .title-zone .trio {
        gap: 10px;
        grid-template-columns: 1fr;
        margin-bottom: 1em;
    }


    section.sub0-4.grid .title-zone .p-wrap {
        width: 100%;
        position: relative;
    }
    section.sub0-4.grid .title-zone .p-wrap::before {
        content: '';
        position: absolute;
        display: block;
        width: 100%;
        top: 50%;
        border-top: 1px solid #ccc;
        left: 0;
    }
    section.sub0-4.grid .title-zone .p-wrap p {
        font-weight: 500;
        font-size: 0.9em;
        background-color: #fff;
        width: fit-content;
        margin-left: auto;
        position: relative;
        z-index: 1;
        padding-left: 1em;
    }


    /* - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
    section.sub0-5 .unit.locate { width:100%; margin-top:0 }
    section.sub0-5 .unit.locate #map { width: 100%;  }
    section.sub0-5 .unit.locate p { padding: 0 2em }



    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
    /*그대로*/
    .subbn02 {width:100%;}
    .subbn03 h3 {font-size:30px;}
    .subbn03 .subconth3 {font-size:50px;margin-bottom:30px;}
    .subbn03 {padding:0 0 0 10px;}
    .subbn03 p {padding: 0 0px 0 0;font-size:14px;overflow:hidden;}

    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
    section.sub .title-zone .eng.big {
        font-size: 40px;
    }
    section.sub .title-zone img.feature {
        display: block;
        margin: 1em auto 2em;
    }
    section.sub .title-zone .p-wrap p {
        padding: 0 1em;
    }
    section.sub div.space { height:50px }
    section.sub .inner.pl {
        padding: 50px 2em;
    }
    /**/
    section.sub .unit.blue-circle {
        width: 90%;
        gap: 0.5em;
        justify-content: center;
    }
    section.sub .unit.blue-circle.six > div { width: 7em; }
    section.sub .unit.blue-circle.two > div { width: 10em; }
    section.sub .unit.blue-circle > div {
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1.4;
        aspect-ratio: 1 / 1;
        background-color: var(--primary);
        text-align: center;
        border-radius: 50%;
        overflow: hidden;
        color: #fff;
        padding: 1em;
    }
    /*    */
    section.sub.dark.bg-attached .cont4 .cont4box2 >.txt[style] { padding:0 1.5em !important }
    section.sub.dark.bg-attached .cont4 .cont4box2 h3 { font-size:1.4em }

    /**/
    section.sub .unit.img-txt {
        display: flex;
        flex-direction: column-reverse;
        gap: 30px;
        align-items: center;
        justify-content: center;
    }
    section.sub .unit.img-txt img {}
    section.sub .unit.img-txt .title-zone h5 {
        font-size: 1.35em;
    }
    section.sub .unit.img-txt .title-zone h5 * { font-size:1em; }

    /**/
    section.sub .unit.label-border {
        width: 90%;
    }
    section.sub .unit.label-border > div {
        background-color: #fff;
        border-radius: 3em;
        border: 2px solid var(--primary);
        padding: 0.8em 1.5em;
    }
    section.sub .unit.label-border > div p { line-height:1.3 }

    /**/
    section.sub .unit.special-card {
        margin-top: 1em;
        gap: 0.5em;
    }
    section.sub .unit.special-card.five > div,
    section.sub .unit.special-card > div {
        width: 100%;
        aspect-ratio:unset;
    }
    section.sub .unit.special-card > div p.txt-white {
        font-size: 1.15em;
    }
    /**/
    section.sub .unit.caution {
        width: 100%;
        margin-top: 0;
    }
    section.sub .unit.caution article {
        padding: 2em 8vw;
        grid-template-columns: 2.5em auto;
        align-items: center;
        gap: 0.5em 0.5em;
    }
    section.sub .unit.caution article .icon {
        grid-row : 1 / 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    section.sub .unit.caution article .p-wrap { grid-column: 1 / span 2 }
    section.sub .unit.caution article .p-wrap p {
        display: grid;
        grid-template-columns: 1em auto;
    }
    section.sub .unit.caution article .p-wrap p:before{
        content: '-';
    }
    /**/
    section.sub .unit.caution article.center { grid-template-columns:1fr }
    section.sub .unit.caution article.center img { width:3em }


    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
    section.sub .unit.blue-circle-number {
        gap: 2em;
    }
    section.sub .unit.blue-circle-number.five > div,
    section.sub .unit.blue-circle-number > div {
        width: 100%;
    }
    section.sub .unit.blue-circle-number.five.m-double > div { width: 20%; }
    section.sub .unit.blue-circle-number > div > span {
        width: 5em;
    }
    section.sub .unit.blue-circle-number.five.icon > div > span { background-size:60%; }

    section.sub .unit.blue-circle-number > div h5 {
        font-size: 1.1em;
        line-height: 1.3;
        text-align: center;
    }
    section.sub .unit.blue-circle-number > div p { font-size:1.0em; padding:0 5em }

    /**/
    section.sub .table-msg {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        gap: 0.5em;
        color: var(--primary);
        font-weight: 500;
        font-size: 0.9rem;
        margin-top: 2em;
    }
    section.sub .table-msg:before {
        content: '';
        display: block;
        width: 1em;
        height: 2em;
        transform: translateY(1em);
        border: 1px solid var(--dark);
        border-right: 0;
        border-bottom: 0;
    }
    section.sub .table-msg:after {
        content: '';
        display: block;
        width: 1.75em;
        height: 1.75em;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        background-image: url(./img/sub/swipe-gesture.svg);
    }
    section.sub p.table-msg + .unit.table-wrapper {
        margin-top: 0.5em;
    }
    section.sub .unit.table-wrapper {
        margin: 0 auto 8em;
        width: 100%;
        position: relative;
        padding: 0 2em 1em;
    }
    section.sub .unit.table-wrapper table tr > *,
    section.sub .unit.table-wrapper table tr th > *,
    section.sub .unit.table-wrapper table tr td > * {
        line-height: 1.35;
        font-size: 1.0em;
        min-width: 8em;
    }

    /**/
    section.sub .unit.table { width:90% }
    section.sub .unit.table table tr td { padding:1.5em }

    /**/
    section.sub b { font-size:1.0em; }

    /* repeat-checkup */
    section.sub.repeat-checkup .title-zone .section-title { font-size: 1.3em; }
    section.sub.repeat-checkup .unit.row {
        flex-direction: column;
        gap: 2em !important;
    }



    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
    section.sub .unit.img-article {
        margin: 3em auto;
    }
    section.sub .unit.img-article > div {
        padding: 3em 1em;
        grid-template-columns: 1fr;
        gap: 2em;
    }
    section.sub .unit.img-article > div article {}
    section.sub .unit.img-article > div article h5 { margin-bottom:0.5em }
    section.sub .unit.img-article > div article span.label {
        color: #fff;
        line-height: 1.0;
        padding: 0.5em 1.25em;
        border-radius: 3em;
        font-weight: 600;
        display: inline-block;
    }
    section.sub .unit.img-article > div article p + span.label {
        margin-top: 1em;
    }


    /* qna */
    section.qna .qna-container {
      margin: 1em auto 0;
      width: 90%;
    }
    section.qna .accordion button .icon { transform: translateY(-50%) scale(0.8); }
    section.qna .accordion button[aria-expanded=true] + .accordion-content {
      max-height: 12em;
    }
    section.qna .accordion .accordion-content {
      max-height: 0;
    }
    section.qna .accordion .accordion-content p {
      font-size: 1.05em;
      padding: 0 1em;
      line-height: 1.6;
      margin: 1em 0;
    }
    section.qna .accordion .accordion-content p br { display:none; }
    section.qna .accordion button .accordion-title { padding:0 2em 0 0; font-size:1.1em }


    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
    section.sub.treatment .unit.zigzag { margin-top:4em }
    section.sub.treatment .unit.zigzag > article,
    section.sub.treatment .unit.zigzag > article:nth-child(even) {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 1em;
    }
    section.sub.treatment .unit.zigzag > article img,
    section.sub.treatment .unit.zigzag > article .txt { width:100% }
    section.sub.treatment .unit.zigzag > article + article { margin-top:4em }





    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
    section.sub.dark .unit.circle-cause {
        flex-direction: column;
        gap: 2em;
        width: 90%;
    }
    section.sub.dark .unit.circle-cause > div {
        width: 100%;
        display: grid;
        grid-template-columns: 6em auto;
        align-items: center;
        gap: 1.5em;
    }
    section.sub.dark .unit.circle-cause > div > span { width:inherit; }

    section.sub.dark .unit.circle-cause p {
        word-break: keep-all;
        text-align: left;
        text-align-last: left;
        padding: 0;

    }

    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
    section.sub .unit.img-type {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 2em 1em;
    }
    section.sub .unit.img-type > div {
        width: 300px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 1em;
    }
    section.sub .unit.img-type > div h5 { font-size: 1.1em; }


    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
    section.sub .unit.nomargin.article {
        width: 80%;
    }
    section.sub .unit.nomargin.article p { margin-top:1em }

    /**/
    section.sub.sub4-5.dark > .inner.pl {
        flex-direction: column;
    }
    section.sub.dark .unit.checklist {
        margin: 0 auto;
        width: 100%;
    }
    section.sub.dark .unit.checklist h5 {
        font-weight: 600;
        line-height: 1.3;
        margin-bottom: 0.8em;
    }

    section.sub.dark .unit.checklist div.check {
        padding: 2em;
        border: 6px solid var(--primary);
    }
    section.sub.dark .unit.checklist div.check p {
        display: grid;
        grid-template-columns: 1.5em auto;
        align-items: center;
        line-height: 1.6;
    }
    section.sub.dark .unit.checklist div.check p::before {
        content: '';
        width: 1em;
        aspect-ratio: 1 / 1;
        background-repeat: no-repeat;
        background-position: center;
        background-size: auto 50%;
        background-image: url(./img/sub/check.svg);
    }
    section.sub.dark .unit.checklist div.check p + p { margin-top:0.6em }



    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
    section.sub.sub4-6 .unit.img-article { margin-top:0 }
    section.sub.sub4-6 .unit.img-article > div { gap: 1em; }
    section.sub.sub4-6 .unit.img-article .txt p { margin-top:0; padding:0 1em; }


    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
    section.sub.sub5-1 .unit.grid.half { grid-template-columns:1fr; gap:3em }
    section.sub.sub5-1 .unit.grid.half .label-border { width:100% !important }

    section.sub.sub5-1 .unit-title {
        margin: 2em auto 1em;
    }
    section.sub.sub5-1 .unit.blue-circle + .p-wrap p { padding:0 2em }


    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
    section.sub.sub5-2 .unit.label-border.ml { margin-top:0 }
    section.sub.sub5-2 .unit.justify-center {
        flex-direction: column;
        gap: 3em;
        width: 90%;
    }


    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
    section.sub.sub5-3.dark > .inner.pl.flex { flex-direction:column; gap:0.5em !important }
    section.sub.sub5-3.dark .unit.checklist div.check { padding:0 }
    section.sub.sub5-3 .checklist .check p { color:#fff }
    /**/
    section.sub.sub5-3 .unit.blue-circle-number.icon { gap:2em }
    section.sub.sub5-3 .unit.blue-circle-number.icon span {
        background-repeat: no-repeat;
        background-size: 45%;
        background-position: center;
    }
    section.sub.sub5-3 .unit.blue-circle-number.icon p.txt-center { font-size:1.0em }



    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
    section.sub.sub5-4 .inner.pl .unit.img-txt {
        width: 100%;
        gap: 1em;
    }
    section.sub.sub5-4 .inner.pl .unit.img-txt h5 { font-size:1.3em; line-height:1.4 }
    section.sub.sub5-4 .inner.pl .unit.img-txt img {
        width: 100%;
    }

    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
    section.sub.safety.iv .unit.caution article { padding:1em 0 }

    /* - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
    section.sub.sub5-8.why .unit.label-border { width:100%; margin-top:0 }
    section.sub.sub5-8.why .unit.label-border > div:last-child { border-radius:1em }


}



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

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



    section.sub.sub-intro .inner {padding: 50px 0 20px;}









}