@charset "utf-8";


/* 공통 옮길 것 */
.textTransformUpper {text-transform: uppercase;}
.tableScrollWrap {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 10px;
    -webkit-overflow-scrolling: touch; 
}
.commonTable1 {
    width: 100%;
    border-collapse: collapse;
    border-style: hidden;
}
.commonTable1 thead th {
    border-bottom: 2px solid var(--color-beige-85);
    white-space: nowrap; /* 줄바꿈 방지하여 스크롤 유지 */
}
.commonTable1 thead th {
    padding-bottom: var(--space-25);
}
.commonTable1 tbody th,
.commonTable1 tbody td {
    border-right: 1px solid var(--color-gray-df);
    border-bottom: 1px solid var(--color-gray-df);
    padding: var(--space-25) var(--space-40)
}

/* 스크롤바 스타일 (웹킷 브라우저) */
.tableScrollWrap::-webkit-scrollbar {
    height: 10px;
}
.tableScrollWrap::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}
.tableScrollWrap::-webkit-scrollbar-thumb {
    background: #c4a79c;
    border-radius: 10px;
}
.tableScrollWrap::-webkit-scrollbar-thumb:hover {
    background: #a7877a;
}
.mr40 {
    margin-right: var(--space-40);
}
    @media all and (max-width: 1200px) {
        .mr40 {
            margin-right: var(--space-30);
        }
        .commonTable1 thead th {
            padding-bottom: var(--space-20);
        }
        .commonTable1 tbody th,
        .commonTable1 tbody td {
            padding: var(--space-20) var(--space-20)
        }
    }
    @media all and (max-width: 1200px) {
        .commonTable1 thead th {
            padding-bottom: var(--space-15);
        }
        .commonTable1 tbody th,
        .commonTable1 tbody td {
            padding: var(--space-15) var(--space-20)
        }
    }
    @media all and (max-width: 640px) {
        .mr40 {
            margin-right: var(--space-25);
        }
        .commonTable1 thead th {
            padding-bottom: var(--space-8);
        }
        .commonTable1 tbody th,
        .commonTable1 tbody td {
            padding: var(--space-15) var(--space-10);
        }
        .commonTable1 thead.sp {
            display: none;
        }
        .commonTable1 tbody tr.sp {
            display: flex;
            flex-direction: column;
            width: 100%;
        }
        .commonTable1 tbody tr.sp th {
            font-weight: var(--fw-bold);
            padding-top: var(--space-8);
            padding-bottom: var(--space-8);
            font-size: var(--font-16);
        }
        .commonTable1 tbody tr.sp td.mthead {
            background-color: var(--color-beige-ef);
            color: var(--color-dark-3d);
            font-weight: var(--fw-medium);
            padding-top: var(--space-8);
            padding-bottom: var(--space-8);
        }
    }

/* 병원소개 */
.introduction1 .contentArea {
    position: relative;
}
.introduction1 .content1 {
    position: relative;
    z-index: 2
}
.introduction1 .content1 .layoutSmall,
.introduction1 .content3 .layoutSmall {
    width: 88%;
    max-width: 1452px;
}
.introduction1 .content1 .leftCont {
    margin-right: var(--space-110);
}
.introduction1 .content1 .rightCont {
    max-width: 700px;
}
.introduction1 .content3 {
    position: relative;
    z-index: 2
}
.introduction1 .content3 .leftCont {
    max-width: 425px;
}
.introduction1 .content3 .rightCont {
    padding-left: 12.3%
}
.introduction2 {
    width: 100%;
    background: url("/public/images/introduction2-bg.jpg") no-repeat center / cover;
}
.introduction2 .item {
    border-right: 1px solid var(--color-beige-eb);
}
.introduction2 .item:last-of-type {
    border-right: 0;
}
.introduction2 .item .iconArea {
    position: relative;
}
.introduction2 .item .iconArea svg circle {
    fill: #BFBAB3;
    opacity: 0.2;
}

.introduction3 {
    position: relative;
}
.introduction3 .subTitlearea {
    z-index: 3;
    position: absolute;
    top: 0;
}
.introduction3 .contentArea {
    z-index: 2;
    position: relative;
    display: flex;
    justify-content: flex-end;
}
.introduction3 .cardItemArea {
    flex-wrap: wrap;
    max-width: 1095px;
    margin-top: 100px;
}
.introduction3 .item {
    width: 100%;
    display: flex;
    margin-top: -72px;
}
.introduction3 .item:nth-of-type(1),
.introduction3 .item:nth-of-type(3),
.introduction3 .item:nth-of-type(5) {
    justify-content: flex-end;
}
.introduction3 .item:nth-of-type(3),
.introduction3 .item:nth-of-type(4) {
    margin-left: -8%;
}
.introduction3 .item .imgArea {
    position: relative;
}
.introduction3 .item .imgArea img {
    max-width: 420px;
}
.introduction3 .item .imgArea span {
    position: absolute;
}
.introduction3 .item:nth-of-type(1) .imgArea span,
.introduction3 .item:nth-of-type(3) .imgArea span,
.introduction3 .item:nth-of-type(4) .imgArea span,
.introduction3 .item:nth-of-type(5) .imgArea span {
    bottom: 40px;
}
.introduction3 .item:nth-of-type(2) .imgArea span,
.introduction3 .item:nth-of-type(6) .imgArea span {
    top: 40px;
}
.introduction3 .item:nth-of-type(1) .imgArea span {
    left: -67px;
}
.introduction3 .item:nth-of-type(2) .imgArea span {
    left: -88px;
}
.introduction3 .item:nth-of-type(3) .imgArea span {
    right: -90px;
}
.introduction3 .item:nth-of-type(4) .imgArea span {
    left: -83px;
}
.introduction3 .item:nth-of-type(5) .imgArea span {
    left: -170px;
}
.introduction3 .item:nth-of-type(6) .imgArea span {
    left: -83px;
}
.introduction3 .greetings .imgarea img {
    width: 100px;
    margin: auto
}
    /* 미디어쿼리  */
    @media all and (max-width: 1200px) {
        .introduction1 .content3 .leftCont {
            margin-right: 0
        }    
        .introduction1 .content1 .leftCont {
            width: 52%;
            margin-right: 0;
        }
        .introduction1 .content1 .rightCont {
            width: 45%;
        }
        .introduction1 .content3 .leftCont {
            width: 45%;
        }
        .introduction1 .content3 .rightCont {
            width: 52%;
            padding-left: 0
        }
        .introduction1 .content3 .leftCont .imgArea img {
            width: auto;
            height: 405px;
        }
        .introduction1 .content1 .leftCont .txtArea pre,
        .introduction1 .content3 .rightCont .txtArea pre {
            white-space: normal;
        }
        .introduction2 .item .iconArea svg {
            width: 160px;
        }

        .introduction3 .item .imgArea img {
            max-width: 300px;
        }
        .introduction3 .cardItemArea {
            margin: 15% 5% 0 0;
            max-width: 700px;
        }
        .introduction3 .item {
            margin-top: -40px;
        }
        .introduction3 .item:nth-of-type(3),
        .introduction3 .item:nth-of-type(4) {
            margin-left: -5%;
        }
        .introduction3 .item:nth-of-type(1) .imgArea span,
        .introduction3 .item:nth-of-type(3) .imgArea span,
        .introduction3 .item:nth-of-type(4) .imgArea span,
        .introduction3 .item:nth-of-type(5) .imgArea span {
            bottom: 30px;
        }
        .introduction3 .item:nth-of-type(2) .imgArea span,
        .introduction3 .item:nth-of-type(6) .imgArea span {
            top: 30px;
        }
        .introduction3 .item:nth-of-type(1) .imgArea span {
            left: -40px;
        }
        .introduction3 .item:nth-of-type(2) .imgArea span {
            left: -52px;
        }
        .introduction3 .item:nth-of-type(3) .imgArea span {
            right: -52px;
        }
        .introduction3 .item:nth-of-type(4) .imgArea span {
            left: -48px
        }
        .introduction3 .item:nth-of-type(5) .imgArea span {
            left: -99px;
        }
        .introduction3 .item:nth-of-type(6) .imgArea span {
            left: -52px;
        }
        .introduction3 .greetings .imgarea img {
            width: 70px;
        }

        .introdution4 .grid6 {
            grid-template-columns: repeat(5, 1fr);
        }
    }
    @media all and (max-width: 1000px) {
        .introduction1 .content1 .leftCont {
            width: 48%;
            padding-right: 0;
        }
        .introduction1 .content1 .rightCont {
            width: 48%;
        }
        .introduction1 .content3 .layoutSmall {
            justify-content: space-between;
        }
        .introduction1 .content3 .leftCont .imgArea img {
            width: 100%;
            height: auto;
        }
        .introduction1 .content3 .leftCont {
            width: 40%;
        }
        .introduction1 .content3 .rightCont {
            width: 55%;
        }

        .introduction2 .item .iconArea svg {
            width: 150px;
        }

        .introduction3 .subTitlearea {
            position: unset;
            text-align: center !important;
        }
        .introduction3 .cardItemArea {
            margin: var(--space-40) 10% 0;
        }
        .introduction3 .item {
            margin-top: -30px;
        }
        .introduction3 .item .imgArea img {
            max-width: 260px;
        }
        .introduction3 .item:nth-of-type(1) .imgArea span,
        .introduction3 .item:nth-of-type(3) .imgArea span,
        .introduction3 .item:nth-of-type(4) .imgArea span,
        .introduction3 .item:nth-of-type(5) .imgArea span {
            bottom: 20px;
        }
        .introduction3 .item:nth-of-type(2) .imgArea span,
        .introduction3 .item:nth-of-type(6) .imgArea span {
            top: 20px;
        }
        .introduction3 .item:nth-of-type(3),
        .introduction3 .item:nth-of-type(4) {
            margin-left: 0;
        }
        .introduction3 .item:nth-of-type(1) {
            margin-top: 0
        }
        .introduction3 .item:nth-of-type(1) .imgArea span {
            left: -42px;
        }
        .introduction3 .item:nth-of-type(2) .imgArea span {
            left: -47px;
        }
        .introduction3 .item:nth-of-type(3) .imgArea span {
            right: -47px;
        }
        .introduction3 .item:nth-of-type(4) .imgArea span {
            left: -43px
        }
        .introduction3 .item:nth-of-type(5) .imgArea span {
            left: -82px;
        }
        .introduction3 .item:nth-of-type(6) .imgArea span {
            left: -46px;
        }
        .introdution4 .grid6 {
            grid-template-columns: repeat(4, 1fr);
        }
    }
    @media all and (max-width: 640px) {
        .introduction .subTitlearea h3.subTitle {
            font-size: var(--font-25);
        }
        .introduction .subTitlearea p {
            font-size: var(--font-22);
        }
        .introduction1 .content1 .layoutSmall {
            flex-wrap: wrap;
            flex-direction: row-reverse;
        }
        .introduction1 .content1 .leftCont {
            width: 100%;
            margin-right: 0;
        }
        .introduction1 .content1 .rightCont {
            width: 100%;
            max-width: 100%;
            margin-top: var(--space-60);
        }
        .introduction1 .content3 .layoutSmall {
            flex-wrap: wrap;
        }
        .introduction1 .content3 .leftCont {
            width: 100%;
            max-width: 100%;
            margin-right: 0;
        }
        .introduction1 .content3 .rightCont {
            width: 100%;
            margin-top: var(--space-60);
        }
        .introduction1 .content1 .leftCont .txtArea,
        .introduction1 .content3 .rightCont .txtArea {
            text-align: center !important;
        }
        .introduction1 .content1 .rightCont {
            margin-top: var(--space-30);
        }
        .introduction1 .content3 .rightCont {
            margin-bottom: var(--space-30);
            margin-top: 0;
        }
        .introduction1 .content3 .layoutSmall{
            flex-direction: column-reverse;
        }
        
        .introduction2 .valueArea {
            gap: var(--space-40) 0 0;
        }
        .introduction2 .item {
            border-right: 0
        }
        .introduction2 .item .iconArea svg {
            width: 150px;
        }

        .introduction3 .cardItemArea {
            margin: var(--space-40) 5% 0;
        }
        .introduction3 .item {
            margin-top: 0;
        }
        .introduction3 .item:not(:last-of-type) {
            margin-bottom: var(--space-40);
        }
        .introduction3 .item .imgArea img {
            max-width: 210px;
        }
        .introduction3 .item:nth-of-type(1) .imgArea span,
        .introduction3 .item:nth-of-type(3) .imgArea span,
        .introduction3 .item:nth-of-type(4) .imgArea span,
        .introduction3 .item:nth-of-type(5) .imgArea span {
            bottom: 10px;
        }
        .introduction3 .item:nth-of-type(2) .imgArea span,
        .introduction3 .item:nth-of-type(6) .imgArea span {
            top: 10px;
        }
        .introduction3 .item:nth-of-type(2) .imgArea span {
            left: auto;
            right: -44px;
        }
        .introduction3 .item:nth-of-type(3) .imgArea span {
            right: auto;
            left: -49px
        }
        .introduction3 .item:nth-of-type(4) .imgArea span {
            left: auto;
            right: -43px
        }
        .introduction3 .item:nth-of-type(6) .imgArea span {
            left: auto;
            right: -54px
        }
        .introduction3 .greetings .imgarea img {
            width: 50px;
        }

        .introdution4 .grid6 {
            grid-template-columns: repeat(2, 1fr);
        }
    }

/* 의료진 소개 */
.doctors .tabCont {
    display: none;
}
.doctorProfileArea {
    position: relative;
    padding: var(--space-80) var(--space-70);
}
.doctorProfileArea .leftCont {
    width: 18%;
    max-width: 250px;
    margin-right: var(--space-70);
    padding-right: var(--space-70);
    border-right: 1px solid #D6D3CE;
}
.doctorProfileArea .rightCont {
    width: 70%;
}
.doctorProfileArea .rightCont strong {
    margin-right: var(--space-60);
}
.doctorProfileArea .rightCont .col:first-of-type {
    margin-right: var(--space-60);
}
.doctorProfileArea .rightCont .dotList > li {
    margin-bottom: var(--space-10);
}
.doctorProfileArea .tableArea {
    width: 100%;
    max-width: 565px;
}
.doctorProfileArea .hourTable {
    width: 100%;
    border-top: 1px solid var(--color-basic);
}
.doctorProfileArea .hourTable th,
.doctorProfileArea .hourTable td {
    height: 50px;
    border-bottom: 1px solid var(--color-basic);
    text-align: center;
}
.doctorProfileArea .hourTable td .circle {
    display: block;
    width: 12px;
    height: 12px;
    margin: 0 auto;
    background-color: var(--color-gold-b2);
    border-radius: 50%;
}
.doctorProfileArea .imgArea {
    position: absolute;
    right: var(--space-70);
    bottom: 0;
}
.doctorProfileArea .imgArea img {
    height: 100%;
}
    @media all and (max-width: 1600px) {
        .doctorProfileArea {
            padding: var(--space-70) var(--space-60);
        }
        .doctorProfileArea .leftCont {
            margin-right: var(--space-50);
            padding-right: var(--space-50);
        }
        .doctorProfileArea .imgArea {
            right: var(--space-60);
            height: 550px
        }
    }
    @media all and (max-width: 1400px) {
        .doctorProfileArea {
            flex-wrap: wrap;
        }
        .doctorProfileArea .leftCont {
            width: 100%;
        }
        .doctorProfileArea .leftCont {
            width: 100%;
            max-width: 100%;
            padding-bottom: var(--space-20);
            border-bottom: 1px solid #D6D3CE;
            text-align: center !important;
        }
        .doctorProfileArea .leftCont {
            margin-right: 0;
            padding-right: 0;
            border-right: 0;
        }
        .doctorProfileArea .rightCont {
            width: 100%;
            margin-top: var(--space-60);
        }
        .doctorProfileArea .infoArea {
            width: 70%;
        }
        .doctorProfileArea .imgArea {
            right: var(--space-60);
            bottom: var(--space-70);
            height: 580px
        }
    }
    @media all and (max-width: 1200px) {
        .doctorProfileArea {
            padding: var(--space-60) var(--space-50);
        }
        .doctorProfileArea .rightCont {
            margin-top: var(--space-40);
        }
        .doctorProfileArea .imgArea {
            right: var(--space-50);
            bottom: 0;
            height: 500px
        }
    }
    @media all and (max-width: 1000px) {
        .doctorProfileArea {
            padding: var(--space-50) var(--space-40);
        }
        .doctorProfileArea .rightCont {
            margin-top: var(--space-40);
        }
        .doctorProfileArea .rightCont .row {
            flex-wrap: wrap;
        }
        .doctorProfileArea .infoArea {
            width: 60%;
        }
        .doctorProfileArea .rightCont strong {
            width: 100%;
            margin-right: 0;
            margin-bottom: var(--space-20);
        }
        .doctorProfileArea .rightCont .col:first-of-type {
            margin-right: var(--space-30);
        }
        .doctorProfileArea .rightCont .dotList > li {
            margin-bottom: var(--space-5);
        }
        .doctorProfileArea .hourTable th,
        .doctorProfileArea .hourTable td {
            height: 45px;
        }
        .doctorProfileArea .hourTable td .circle {
            width: 10px;
            height: 10px;
        }
        .doctorProfileArea .imgArea {
            right: var(--space-40);
        }
    }
    @media all and (max-width: 640px) {
        .doctors .subTitlearea h3.subTitle {
            font-size: var(--font-25);
        }
        .doctorProfileArea {
            flex-direction: column;
            padding: var(--space-40) var(--space-20) var(--space-20);
        }
        .doctorProfileArea .leftCont {
            padding-bottom: var(--space-20);
        }
        .doctorProfileArea .rightCont {
            margin-top: var(--space-30);
        }
        .doctorProfileArea .infoArea {
            width: 100%;
        }
        .doctorProfileArea .rightCont strong {
            margin-bottom: var(--space-10);
        }
        .doctorProfileArea .rightCont .col:first-of-type {
            margin-right: var(--space-20);
        }
        .doctorProfileArea .rightCont .dotList > li {
            margin-bottom: var(--space-5);
        }
        .doctorProfileArea .hourTable th,
        .doctorProfileArea .hourTable td {
            height: auto;
            font-size: var(--font-13);
        }
        .doctorProfileArea .hourTable thead th {
            padding: var(--space-5) 0;
        }
        .doctorProfileArea .hourTable tbody th,
        .doctorProfileArea .hourTable tbody td {
            padding: var(--space-8) 0;
        }
        .doctorProfileArea .hourTable td .circle {
            width: 8px;
            height: 8px;
        }
        .doctorProfileArea .imgArea {
            position: static;
            background-color: white;
            border-radius: 12px;
            padding-top: var(--space-20);
            margin-top: var(--space-15);
        }
        .doctorProfileArea .imgArea img {
            width: auto;
        }
        .doctorProfileArea .imgArea {
            height: 350px;
        }
    }

/* 둘러보기 */
.facilities .tabCont {
    display: none;
}
.facilities .facilitiesSwiper7 .swiper-slide {
    text-align: center;
}
.facilities .swiper-slide {
    width: 45%;
    max-width: 795px;
}
.facilities .swiper-slide.vertical {
    width: 16.8130%;
    max-width: 297px;
}
.facilities .swiper-utill {
    position: static;
    transform: translateX(0);
}
    @media all and (max-width: 1000px) {
        .facilities .swiper-slide {
            width: 60%;
        }
        .facilities .swiper-slide.vertical {
            width: 22.4%;
        }
    }
    @media all and (max-width: 640px) {
        .facilities .floorInfo {
            flex-direction: column;
        }
        .facilities .swiper-slide {
            width: 85%;
        }
        .facilities .swiper-slide.vertical {
            width: 31.77%;
        }
    }


/* 오시는 길 */
.directions1 .tab li {
    position: relative;
    display: flex;
    align-items: center;
    padding-bottom: var(--space-10);
}
.directions1 .tab li {
    color: var(--color-gray-cf);
}
.directions1 .tab li.on,
.directions1 .tab li:hover {
    color: var(--color-primary);
    font-weight: var(--fw-bold);
}
.directions1 .tab li::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0px;
    left:0;
    right:0;
    margin:0 auto;
    background-color: var(--color-primary);
    visibility: hidden;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.directions1 .tab li:hover::before,
.directions1 .tab li.on::before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
}
.directions1 .tab li img {
    margin-right: var(--space-10);
}
.directions1 .map {
    height: 465px;
}
.directions1 p img {
    width: auto;
    margin-right: var(--space-10);
}
.directions1 .floorInfo {
    gap: 0 var(--space-50);
}
.directions1 li {
    display: flex;
    align-items: center;
}
.directions1 li span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 42px;
    height: 42px;
    margin-right: var(--space-10);
    background-color: var(--color-primary);
    border-radius: 50%;
    color: var(--color-white);
    font-size: var(--font-16);
    font-weight: var(--fw-bold);
}
    @media all and (max-width: 1200px) {
        .directions1 .tab li img {
            margin-right: var(--space-5);
        }
        .directions1 .map {
            height: 300px;
        }
        .directions1 p img {
            margin-right: var(--space-5);
        }
        .directions1 .floorInfo {
            gap: 0 var(--space-40);
        }
        .directions1 li span {
            margin-right: var(--space-5);
        }
    }
    @media all and (max-width: 1000px) {
        .directions1 .map {
            height: 250px;
        }
        .directions1 p img {
            width: 17px;
        }
        .directions1 .floorInfo {
            gap: 0 var(--space-30);
        }
        .directions1 li span {
            width: 40px;
            height: 40px;
            font-size: var(--font-15);
        }
    }
    @media all and (max-width: 640px) {
        .directions1 .map {
            height: 200px;
        }
        .directions1 p {
            justify-content: flex-start;
            align-items: flex-start;
            text-align: left;
        }
        .directions1 p img {
            width: 16px;
        }
        .directions1 .floorInfo {
            flex-wrap: wrap;
            justify-content: flex-start;
            gap: var(--space-10) var(--space-20);
        }
        .directions1 li span {
            width: 35px;
            height: 35px;
            font-size: var(--font-14);
        }
    }

.directions2 .infoArea .item {
    padding: var(--space-25) var(--space-35) var(--space-35) var(--space-35);
    background-color: var(--color-white);
}
.directions2 .telArea .item,
.national2-2 .btnArea a {
    border-radius: var(--border-radius);
    color: var(--color-lemon-light);
    overflow: hidden;
    padding: 0
}
.directions2 .telArea .item a,
.national2-2 .btnArea a {
    padding: var(--space-20) var(--space-40);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.directions2 .telArea .item a:hover,
.national2-2 .btnArea a:hover {
    background-color: var(--color-dark);
}
.directions2 .telArea .item span,
.national2-2 .btnArea a span {
    margin-right: var(--space-20);
}
    @media all and (max-width: 1600px) {
        .directions2 .infoArea .item {
            padding: var(--space-20) var(--space-20);
        }
        .directions2 .infoArea .item p {
            font-size: var(--font-17);
        }
        .directions2 .telArea .item a,
        .national2-2 .btnArea a {
            padding: var(--space-15) var(--space-20);
            text-align: center;
        }
        .directions2 .telArea {
            justify-content: space-between;
        }
        .directions2 .telArea .item {
            width: 49%;
        }
        .directions2 .telArea .item span,
        .national2-2 .btnArea a span {
            width: 100%;
            display: block;
            font-size: var(--font-15);
            margin-right: 0;
            margin-bottom: var(--space-5);
        }
        .directions2 .telArea .item strong,
        .national2-2 .btnArea a strong {
            font-size: var(--font-25);
        }
    }
    @media all and (max-width: 1000px) {
        .directions2 .infoArea {
            grid-template-columns: repeat(2, 1fr);
        }        
        .directions2 .infoArea .item {
            padding: var(--space-20) var(--space-15);
        }
        .directions2 .infoArea .item strong {
            font-size: var(--font-15);
        }
        .directions2 .telArea .item a,
        .national2-2 .btnArea a {
            padding: var(--space-15) var(--space-10);
            text-align: center;
        }
        .directions2 .telArea .item strong,
        .national2-2 .btnArea a strong {
            font-size: var(--font-20);
        }
        .directions2 .telArea .item span,
        .national2-2 .btnArea a span {
            font-size: var(--font-14);
        }
    }
    @media all and (max-width: 640px) {
        .directions2 .infoArea .item {
            padding: var(--space-20);
        }
        .directions2 .telArea {
            flex-wrap: wrap;
            justify-content: flex-start;
        }
        .directions2 .telArea {
            flex-wrap: nowrap;
        }
        .directions2 .telArea .item {
            width: 100%;
        }
        .directions2 .telArea .item span {
            width: auto;
        }
        .directions2 .telArea .item strong,
        .national2-2 .btnArea a strong {
            font-weight: var(--fw-bold);
            font-size: var(--font-18);
        }
        .en .mainSection9.directions2 .sectionBgWide .flexright {
            display: none;
        }
    }

.wayArea h4 {
    border-bottom: var(--border);
}
.en .wayArea h4 {
    text-align: center;
}
.wayArea .metroStep {
    flex-wrap: wrap;
}
.wayArea .metroStep p {
    text-align: left;
    word-break: break-all;
}
.wayArea .metroStep .arrow {
    width: 12px;
    display: flex;
    align-items: center;
    margin: 0 var(--space-15)
}
.wayArea .metroBox,
.wayArea .metroLine,
.wayArea .metroExit,
.wayArea .busLine {
    display: flex;
    align-items: center;
    background-color: var(--color-gray-f5);
    border-radius: var(--border-radius);
}
.en .wayArea .metroBox,
.en .wayArea .metroLine,
.en .wayArea .metroExit,
.en .wayArea .busLine {
    background-color: #f0edea;
}
.wayArea .busLine {
    display: inline-flex;
}
.wayArea .metroBox {
    padding: var(--space-6) var(--space-15);
}
.wayArea .metroLine,
.wayArea .busLine {
    padding-right: var(--space-15);
}
.wayArea .metroExit {
    padding: var(--space-4) var(--space-15) var(--space-4) 4px;
}
.wayArea .metroLine .metroLabel {
    padding: var(--space-8) var(--space-15);
}
.wayArea .busLine .busLabel {
    padding: var(--space-8) var(--space-18);
}
.wayArea .metroLine .metroLabel,
.wayArea .busLine .busLabel {
    display: flex;
    align-items: center;
    color: var(--color-white);
    border-radius: var(--border-radius);
    margin-right: var(--space-10)
}
.wayArea .metroExit span {
    width: 28px;
    margin-right: var(--space-5)
}
.wayArea .metroLine.line2Box .metroLabel {
    background-color: #17CB35;
}
.wayArea .metroLine.line2Box .metroStation {
    color: #17CB35;
}
.wayArea .metroLine.line1Box .metroLabel {
    background-color: #F66130;
}
.wayArea .metroLine.line1Box .metroStation {
    color: #F66130;
}
.wayArea .metroLine.line3Box .metroLabel {
    background-color: #B28C5C;
}
.wayArea .metroLine.line3Box .metroStation {
    color: #B28C5C;
}
.wayArea .metroLine.line4Box .metroLabel {
    background-color: #855C9F;
}
.wayArea .metroLine.line4Box .metroStation {
    color: #855C9F;
}
.wayArea .metroLine.line5Box .metroLabel {
    background-color: #EC1D27;
}
.wayArea .metroLine.line5Box .metroStation {
    color: #EC1D27;
}
.wayArea .busLine.regular .busLabel {
    background-color: #0088C8;
}
.wayArea .busLine.regular .busNumber {
    color: #0088C8;
    text-align: left;
}
.wayArea .busLine.express .busLabel {
    background-color: #D75296;
}
.wayArea .busLine.express .busNumber {
    color: #D75296;
}
.wayArea .busArea {
    display: inline-flex;   
    justify-content: flex-start;
    flex-direction: column;
}
.wayArea .wayBox .inner {
    margin-left: var(--space-10);
}
.wayArea .wayBox h5 {
    text-align: left;
}
.wayArea .wayBox .check {
    flex: 0 0 24px;
}
.parkingArea p img {
    width: auto;
    margin-right: var(--space-10);
}
    @media all and (max-width: 1400px) {
        .wayArea .metroStep .arrow,
        .wayArea .metroStep .metroBox,
        .wayArea .metroStep .metroLine,
        .wayArea .metroStep .metroExit,
        .wayArea .metroStep .busLine {
            margin-bottom: var(--space-10);
        }
    }
    @media all and (max-width: 1200px) {
        .wayArea .metroStep .arrow {
            width: 10px;
            margin: 0 var(--space-10);
        }
        .wayArea .metroStep .arrow,
        .wayArea .metroStep .metroBox,
        .wayArea .metroStep .metroLine,
        .wayArea .metroStep .metroExit,
        .wayArea .metroStep .busLine {
            margin-bottom: var(--space-8);
        }
        .wayArea .wayBox .check {
            flex: 0 0 20px;
        }
        .wayArea .metroExit span {
            width: 24px;
        }
        .wayArea .metroBox {
            padding: var(--space-5) var(--space-12);
        }
        .wayArea .metroLine,
        .wayArea .busLine {
            padding-right: var(--space-12);
        }
        .wayArea .metroExit {
            padding: var(--space-4) var(--space-12) var(--space-4) 4px;
        }
        .wayArea .metroLine .metroLabel {
            padding: var(--space-6) var(--space-12);
        }
        .wayArea .busLine .busLabel {
            padding: var(--space-6) var(--space-16);
        }
        .parkingArea p img {
            width: 20px;
            margin-right: var(--space-5);
        }
    }
    @media all and (max-width: 1000px) {
        .directions3 .grid {
            grid-template-columns: repeat(1, 1fr);
        }
        .parkingArea p img {
            width: 20px;
        }
        .wayArea .metroStep .arrow,
        .wayArea .metroStep .metroBox,
        .wayArea .metroStep .metroLine,
        .wayArea .metroStep .metroExit,
        .wayArea .metroStep .busLine,
        .wayArea .metroLine.line1Box .metroStation,
        .wayArea .busLine.regular .busNumber,
        .wayArea .metroLine.line5Box .metroStation {
            word-break: break-all;
            font-size: var(--font-15);
        }
        .wayArea .metroStep p {
            font-size: var(--font-13);
        }
        .wayArea .metroLine .metroLabel, 
        .wayArea .busLine .busLabel {
            font-size: var(--font-13);
        }
    }
    @media all and (max-width: 640px) {
        .wayArea .wayBox .check {
            flex: 0 0 15px;
            display: none;
        }
        .wayArea .wayBox .inner {
            margin-left: var(--space-8);
            margin-left: 0;
        }
        .wayArea .metroStep .arrow,
        .wayArea .metroStep .metroBox,
        .wayArea .metroStep .metroLine,
        .wayArea .metroStep .metroExit,
        .wayArea .metroStep .busLine,
        .wayArea .metroLine.line1Box .metroStation,
        .wayArea .busLine.regular .busNumber,
        .wayArea .metroLine.line5Box .metroStation {
            word-break: break-all;
            font-size: var(--font-13);
        }
        .wayArea .metroStep p {
            font-size: var(--font-12);
        }
        .wayArea .metroStep .arrow {
            width: 8px;
            margin-left:var(--space-5);
            margin-right :var(--space-5);
        }
        .wayArea .metroBox {
            padding: var(--space-8) var(--space-10);
        }
        .wayArea .metroLine,
        .wayArea .busLine {
            padding-right: var(--space-10);
        }
        .wayArea .metroExit {
            padding: var(--space-8) var(--space-10) var(--space-8) 4px;
        }
        .wayArea .metroExit span {
            width: 22px;
        }
        .wayArea .metroLine .metroLabel, 
        .wayArea .busLine .busLabel {
            margin-right: var(--space-5);
            font-size: var(--font-11);
        }
        .wayArea .metroLine .metroLabel {
            padding: var(--space-10) var(--space-5);
        }
        .wayArea .busLine .busLabel {
            padding: var(--space-8) var(--space-6);
        }

        .parkingArea p img {
            width: 18px;
        }
    }


.priceTableScrollWrap {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 10px;
    -webkit-overflow-scrolling: touch; 
}
.priceTableWrap {
    /* display: inline-block; */
    border: 1px solid var(--color-gray-df);
}
.priceTable {
    width: 100%;
    border-collapse: collapse;
    border-style: hidden;
}
.priceTable th {
    height: 50px;
    padding: 0 var(--space-15);
    /* background-color: var(--color-primary); */
    border: 1px solid var(--color-gray-df);
    color: var(--color-white);
    font-size: var(--font-16);
    font-weight: var(--fw-bold);
    white-space: nowrap; /* 줄바꿈 방지하여 스크롤 유지 */
}
.priceTable td {
    height: 54px;
    padding: 0 var(--space-15);
    border: 1px solid var(--color-gray-df);
    color: var(--color-dark-3d);
    font-size: var(--font-16);
    white-space: nowrap; /* 줄바꿈 방지하여 스크롤 유지 */
}
.priceTable .mstitle {
    background-color: var(--color-gray-f5);
}
.priceTable col:nth-of-type(4) td {
    text-align: left;
}
.priceTable td.group {
    background-color: var(--color-beige-ef);
    font-weight: var(--fw-bold);
}
/* 스크롤바 스타일 (웹킷 브라우저) */
.priceTableScrollWrap::-webkit-scrollbar {
    height: 10px;
}
.priceTableScrollWrap::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}
.priceTableScrollWrap::-webkit-scrollbar-thumb {
    background: #c4a79c;
    border-radius: 10px;
}
.priceTableScrollWrap::-webkit-scrollbar-thumb:hover {
    background: #a7877a;
}
    @media all and (max-width: 1200px) {
        .priceTable thead.sp {
            display:none
        }
        .priceTable tbody tr.sp {
            display: flex;
            flex-wrap: wrap;
        }
        .priceTable tbody tr.sp td {
            height: auto;
            text-align: left;
            width: 20%;
            white-space: normal;
            border-bottom: 0;
            border-left: 0;
            border-color: var(--color-gray-ee);
            font-size: var(--font-15);
            padding: var(--space-10) var(--space-15);
        }
        .priceTable tbody tr.sp td.mttitle {
            font-weight: var(--fw-bold);
            font-size: var(--font-16);
            background-color: var(--color-primary);
            color: var(--color-white);
            width: 100%;
            text-align: center;
        }
        .priceTable tbody tr.sp td.mttitle br {
            display: none;
        }
        .priceTable tbody tr.sp td.mstitle {
            background-color: var(--color-beige-ef);
            color: var(--color-dark-3d);
            font-weight: var(--fw-medium);
            text-align: center;
            width: 100%;
        }
        .priceTable tbody tr.sp.bgarea {
            background-color: var(--color-gray-f5);
        }
        .priceTable tbody tr.sp td span {
            display: block;
            position: relative;
            padding-left: 0;
            color: var(--color-beige-85);
            font-size: var(--font-14);
            margin-bottom: var(--space-7);
        }
        .priceTable tbody tr.sp td span::before {
            content: "";
            display: none;
            position: absolute;
            left: 0;
            top: 7px;
            width: 2px;
            height: 2px;
            background-color: var(--color-beige-85);
        }
    }
    @media all and (max-width: 1000px) {
        /* .priceTable th {
            height: 45px;
            padding: 0 var(--space-10);
            font-size: var(--font-15);
        }
        .priceTable td {
            height: 45px;
            padding: 0 var(--space-10);
            font-size: var(--font-15);
        } */
    }
    @media all and (max-width: 640px) {
        .priceTable th {
            height: 40px;
            font-size: var(--font-14);
        }
        .priceTable td {
            height: 45px;
            font-size: var(--font-14);
        }
        .priceTable tbody tr.sp td {
            padding: var(--space-5) var(--space-10);
            text-align: left;
            width: 50%;
        }
        .priceTable tbody tr.sp td span {
            font-size: var(--font-13);
            margin-bottom: var(--space-3);
        }
        /* .priceTable tbody tr.sp td span {
            display: block;
        }
        .priceTable tbody tr.sp td span {
            position: relative;
            padding-left: var(--space-8);
            color: #666666;
        }
        .priceTable tbody tr.sp td span::before {
            content: "";
            display: block;
            position: absolute;
            left: 0;
            top: 7px;
            width: 2px;
            height: 2px;
            background-color: var(--color-beige-85);
        } */
        .priceTable tbody tr.sp td.mttitle {
            padding-top: var(--space-8);
            padding-bottom: var(--space-8);
            font-size: var(--font-16);
        }
        .priceTable tbody tr.sp td.mstitle {
            padding-top: var(--space-8);
            padding-bottom: var(--space-8);
        }
        .priceTable tbody tr.sp.bgarea {
            background-color: var(--color-gray-f5);
        }
        .priceTable tbody tr.sp td.coveredCode,
        .priceTable tbody tr.sp td.coveredName {
            width: 100%;
            text-align: center !important;
        }
        .priceTable tbody tr.sp td.coveredCode span,
        .priceTable tbody tr.sp td.coveredName span {
            display: none;
        }
    }

/* 내과/검진센터 */
/* 공통 */
.slashBar {
    transform: rotate(30deg);
    width: 1px;
    height: 25px;
    background-color: var(--color-gray-df);
}
.checkList li {
    padding: var(--space-20) var(--space-15);
    text-align: left;
}
.checkList li img {
    margin-right: var(--space-10);
}
.numberList li:not(:last-child) {
    margin-bottom: var(--space-15);
}
    @media all and (max-width: 1200px) {
        .checkList li {
            padding: var(--space-10) var(--space-20);
        }
        .numberList li:not(:last-child) {
            margin-bottom: var(--space-10);
        }
    }
    @media all and (max-width: 1000px) {
        .slashBar {
            height: 20px;
        }
        .checkList li {
            padding: var(--space-10) var(--space-10);
        }
        .checkList li img {
            width: 25px;
        }
        .checkList li img {
            margin-right: var(--space-7);
        }
    }
    @media all and (max-width: 640px) {
        .slashBar {
            height: 18px;
        }
        .checkList li img {
            width: 20px;
        }
    }



/* 내과 */
.img568 {
    width: 50%;
    max-width: 568px;
}
.diseaseList {
    flex-wrap: wrap;
}
    /* 미디어쿼리 */
    @media all and (max-width: 1000px) {
        .img568 {
            width: 55%;
        }
        .internal_medicine2-2 ul {
            flex-wrap: wrap;
        }
    }
    @media all and (max-width: 640px) {
        .img568 {
            width: 85%;
        }
        .endoscopeArea tbody tr td {
            border-left: 1px solid var(--color-gray-df);
            border-right: 1px solid var(--color-gray-df) !important;
        }
    }



/* 건강검진센터 > 맞춤 정밀검진 */
.health_screening1 .tabCont {
    display: none;
}
.health_screening1 .iconList .rightCont {
    flex-shrink: 0;
}
.health_screening1 .iconList .leftCont strong {
    display: block;
}
    @media all and (max-width: 1200px) {
        .health_screening1 .iconList {
            grid-template-columns: repeat(2, 1fr);
        }
        .health_screening1 .iconList .rightCont .imgarea {
            width: 80px;
        }
    }
    @media all and (max-width: 1000px) {
        .health_screening1 .iconList .rightCont img {
            width: 70px;
        }
        .health_screening1 .tab li {
            margin: 0 var(--space-10);
            font-size: var(--font-17);
        }
    }
    @media all and (max-width: 640px) {
        .health_screening1 .contentArea .tab {
            justify-content: flex-start;
            padding-bottom: var(--space-10);
            overflow-x: scroll;
        }
        .health_screening1 .tab li {
            white-space: nowrap;
            font-size: var(--font-16);
        }
        .health_screening1 .iconList {
            grid-template-columns: repeat(2, 1fr);
        }
        .health_screening1 .iconList .item {
            flex-direction: column;
            padding-bottom: var(--space-15);
            min-height: 150px;
        }
        .health_screening1 .iconList .leftCont {
            width: 100%;
            margin-right: 0;
        }
        .health_screening1 .iconList .leftCont strong {
            display: block;
            text-align: center !important;
        }
        .health_screening1 .iconList .rightCont {
            width: 100%;
            text-align: right;
            display: flex;
            justify-content: flex-end;
        }
        .health_screening1 .iconList .rightCont img {
            width: 45px;
        }
    }
    
/* 건강검진센터 > 국가건강검진 */
.national1 .item img {
    width: 240px
}
.national3-2 .grid .round:nth-of-type(2){
    grid-column: 2 / 4;
}
.national3-2 .grid .round {
    position: relative;
    overflow: visible
}
.national3-2 .grid .stepIcon::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 17px;
    background: center / contain url("/public/images/icon-arrow-step.svg") no-repeat;
    right: -11%;
}
.national3-2 .grid .iconList .item {
    max-width: 370px;
}
    /* 건강검진센터 > 국가건강검진 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .national1 .item img {
            width: 200px
        }
    }
    @media all and (max-width: 1000px) {
        .national1 .item img {
            width: 170px
        }
        .national3-2 .grid .stepIcon::after {
            display: none;
        }
    }
    @media all and (max-width: 640px) {
        .national1 .flexBasic {
            width: 80%;
            margin: 0 auto;
        }
        .national1 .item img {
            width: 100%
        }
        .national2-1 colgroup col {
            width: auto;
        }
        .national3-2 .grid .round:nth-of-type(2) {
            grid-column: unset;
        }
        .national3-2 .grid .iconList {
            width: 100%;
        }
        .national3-2 .grid .iconList .item {
            width: auto;
        }
    }

/* 5대 암검진 */
.majorcancer1 .imgarea img {
    width: 70%;
    max-width: 1032px;
    margin: auto
}
.majorcancer .infoBox {
    padding-top: var(--space-15);
    padding-bottom: var(--space-15);
}
.majorcancer .infoBox p:not(:last-of-type) {
    margin-bottom: var(--space-5)
}
.majorcancer5 .region3 .processList ol li {
    width: 30%;
    max-width: 460px;
}
    /* 미디어쿼리 */
    @media all and (max-width: 1000px) {
        .majorcancer1 .imgarea img {
            width: 80%;
        }
        .majorcancer3 .region3 .grid {
            grid-template-columns: repeat(2, 1fr);
        }
    }
    @media all and (max-width: 640px) {
        .majorcancer1 .imgarea img {
            width: 100%;
        }
        .majorcancer .pointBox .pointList .item br {
            display: block;
        }
        .majorcancer3 .region3 .grid {
            grid-template-columns: repeat(1, 1fr);
        }
        .majorcancer5 .region3 .processList ol {
            flex-direction: column;
        }
        .majorcancer5 .region3 .processList ol li {
            width: 100%;
        }
    }

/* 항노화 클리닉 */
.upoton1-1 .imgArea img {
    width: 80%;
    max-width: 700px;
    mix-blend-mode: multiply;
}
.upoton2 .surgeryNotice .item:nth-of-type(3),
.upoton2 .surgeryNotice .item:nth-of-type(4) {
    padding-bottom: 0;
    border-bottom: 0;
}
    @media all and (max-width: 640px) {
        .upoton2 .surgeryNotice .item:nth-of-type(3) {
            padding-bottom: var(--space-15);
            border-bottom: var(--border);
        }
    }

.chelation1-1 .imgArea img {
    width: 80%;
    max-width: 670px;
    mix-blend-mode: multiply;
}
.chelation2 .surgeryNotice .item:nth-of-type(1) {
    padding-bottom: 0;
    border-bottom: 0;
}
    @media all and (max-width: 640px) {
        .chelation2 .surgeryNotice .item:nth-of-type(1) {
            padding-bottom: var(--space-15);
            border-bottom: var(--border);
        }
    }

/* 도수치료 클리닉 */
.manual_therapy2-1 .imgArea img {
    width: 80%;
    max-width: 528px;
}
.manual_therapy3-2 .imgArea img {
    width: 90%;
    max-width: 1422px;
}
.manual_therapy4 {
    background: url("/public/images/therapy8-bg.jpg") no-repeat center / cover;
}
    @media all and (max-width: 640px) {
        .manual_theraph2-3 .pointList1 .item:nth-of-type(1),
        .manual_theraph2-3 .pointList1 .item:nth-of-type(2),
        .manual_theraph2-3 .pointList1 .item:nth-of-type(3),
        .manual_theraph2-3 .pointList1 .item:nth-of-type(4) {
            margin-bottom: 0;
        }
        .manual_theraph2-3 .pointList1 .item:nth-of-type(4) {
            margin-bottom: var(--space-15);
        }
        .manual_theraph2-3 .pointList2 .item:nth-of-type(1),
        .manual_theraph2-3 .pointList2 .item:nth-of-type(2),
        .manual_theraph2-3 .pointList2 .item:nth-of-type(3),
        .manual_theraph2-3 .pointList2 .item:nth-of-type(4) {
            margin-top: 0;
        }
    }


/* 수액 클리닉 */
.iv_clinic3 .itemCircle {
    width: 120px;
    height: 120px;
}
.iv_clinic4 .surgeryNotice .item:nth-of-type(3),
.iv_clinic4 .surgeryNotice .item:nth-of-type(4) {
    padding-bottom: 0;
    border-bottom: 0;
}
    @media all and (max-width: 640px) {
        .iv_clinic3 .itemCircle {
            width: 90px;
            height: 90px;
        }
        .iv_clinic4 .surgeryNotice .item:nth-of-type(3) {
            padding-bottom: var(--space-15);
            border-bottom: var(--border);
        }
    }


/* 피부과 */
/* 피부 근본 치료 */
.fundamental_skin1 {
    background: url("/public/images/skin1-bg.png") no-repeat center / cover;
}
.fundamental_skin1 .imgArea {
    gap: 0 var(--space-140);
}
.fundamental_skin1 .imgItem {
    position: relative;
}
.fundamental_skin1 .imgItem:nth-of-type(2) {
    margin-top: var(--space-60);
}
.fundamental_skin1 .imgItem strong {
    z-index: 2;
    position: absolute;
}
.fundamental_skin1 .imgItem:first-of-type strong {
    bottom: 25px;
    left: -35px;
}
.fundamental_skin1 .imgItem:nth-of-type(2) strong {
    right: -110px;
    bottom: -35px;
}
.fundamental_skin1 .imgItem:last-of-type strong {
    top: -35px;
    right: -35px;
}
.fundamental_skin2-2 .imgArea img {
    width: 90%;
    max-width: 840px;
}
.fundamental_skin2-4 ul li:nth-child(1) img,
.fundamental_skin2-4 ul li:nth-child(3) img {
    width: 200px;
}
.fundamental_skin2-4 ul li:nth-child(2) {
    padding: 0 var(--space-10)
}
.fundamental_skin2-4 ul li:nth-child(2) img {
    width: 44px;
}
.fundamental_skin2-5 .pointBox .imgarea {
    gap: var(--space-50);
    background-color: black;
}
.fundamental_skin2-5 .pointBox .imgarea .item:first-of-type {
    width: 41%;
}
.fundamental_skin2-5 .pointBox .imgarea .item:last-of-type {
    width: 66%;
}
.fundamental_skin2-5 .pointBox .imgarea .item:last-of-type img {
    width: 50%;
    max-width: 385px;
}
.fundamental_skin3 .swiper-wrapper {
    margin-left: -80px;
    margin-right: -80px;
}
.fundamental_skin3 .swiper-slide {
    width: 20%;
}
.fundamental_skin3 .swiper-utill {
    position: static;
    transform: translateX(0);
}
/* .en .dermatologyProduct .imgarea img {
    width: auto;
} */
    @media all and (max-width: 1400px) {
        .fundamental_skin3 .swiper-wrapper {
            margin-left: -30px;
            margin-right: -30px;
        }
        .fundamental_skin3 .swiper-slide {
            width: 33.3%; /* Swiper가 계산함 */
        }
    }
    @media all and (max-width: 1200px) {
        .fundamental_skin1 .imgArea {
            width: 90%;
            gap: 0 var(--space-40);
            margin-left: auto;
            margin-right: auto;
        }
        .fundamental_skin1 .imgItem:nth-of-type(2) {
            margin-top: var(--space-50);
        }
        .fundamental_skin1 .imgItem:first-of-type strong {
            bottom: 30px;
            left: -20px;
        }
        .fundamental_skin1 .imgItem:nth-of-type(2) strong {
            right: -60px;
            bottom: -23px;
        }
        .fundamental_skin1 .imgItem:last-of-type strong {
            top: -20px;
            right: -20px;
        }
        .fundamental_skin3 .swiper-wrapper {
            margin-left: -20px;
            margin-right: -20px;
        }
        .fundamental_skin2-4 ul li:nth-child(2) img {
            width: 35px;
        }
        .fundamental_skin2-4 .commonTable1 tbody td br {
            display: none;
        }
        .fundamental_skin2-4 ul li:nth-child(1) img,
        .fundamental_skin2-4 ul li:nth-child(3) img {
            width: 160px;
        }
    }
    @media all and (max-width: 1000px) {
        .fundamental_skin1 .imgArea {
            width: 70%;
            gap: var(--space-50);
            grid-template-columns: repeat(1, 1fr);
        }
        .fundamental_skin1 .imgItem {
            width: 60%;
            max-width: 300px;
            margin: auto;
        }
        .fundamental_skin1 .imgItem strong {
            font-size: var(--font-40);
        }
        .fundamental_skin1 .imgItem:first-of-type {
            margin-left: 5%;
        }
        .fundamental_skin1 .imgItem:first-of-type strong {
            bottom: 20px;
            left: -60px;
        }
        .fundamental_skin1 .imgItem:nth-of-type(2) {
            margin-top: 0;
            margin-right: -3%;
        }
        .fundamental_skin1 .imgItem:nth-of-type(2) strong {
            right: -60px;
            bottom: 20px;
        }
        .fundamental_skin1 .imgItem:nth-of-type(3) {
            margin-left: -5%;
        }
        .fundamental_skin1 .imgItem:last-of-type strong {
            top: 22px;
            right: -60px;
        }
        .commonTable1 tbody tr.sp td {
            background-color: var(--color-white);
        }
        .fundamental_skin2-4 ul li img {
            width: 100%;
        }
        .fundamental_skin2-4 table {
            border-top: 1px solid var(--color-gray-df);
        }
        .fundamental_skin2-4 tbody tr.sp td:nth-of-type(2) {
            flex-direction: column;
        }
        .fundamental_skin2-4 tbody tr.sp th,
        .fundamental_skin2-4 tbody tr.sp td {
            border-left: 1px solid var(--color-gray-df);
            text-align: center;
        }
        .fundamental_skin2-4 ul li:nth-child(1) img,
        .fundamental_skin2-4 ul li:nth-child(3) img {
            width: 180px;
        }
        .fundamental_skin2-5 .pointBox .imgarea {
            gap: var(--space-40);
        }
    }
    @media all and (max-width: 640px) {
        .fundamental_skin1 .imgArea {
            width: 80%;
            gap: var(--space-30) 0;
        }
        .fundamental_skin1 .imgItem {
            width: 80%;
        }
        .fundamental_skin1 .imgItem strong {
            font-size: var(--font-30);
        }
        .fundamental_skin1 .imgItem:first-of-type strong {
            bottom: 5px;
            left: -30px;
        }
        .fundamental_skin1 .imgItem:nth-of-type(2) strong {
            right: -30px;
            bottom: 5px;
        }
        .fundamental_skin1 .imgItem:last-of-type strong {
            top: 4px;
            right: -30px;
        }
        .fundamental_skin2-4 tbody tr.sp td.textAlignLeft {
            text-align: center !important
        }
        .fundamental_skin2-4 ul li:nth-child(2) {
            padding: 0 var(--space-5)
        }
        .fundamental_skin2-4 tbody tr.sp td p {
            text-align: center;
        }
        .fundamental_skin2-4 ul li:nth-child(1) img,
        .fundamental_skin2-4 ul li:nth-child(3) img {
            width: 100%;
        }
        .fundamental_skin2-4 ul li:nth-child(2) img {
            width: 25px;
        }
        .fundamental_skin2-4 .commonTable1 tbody td br {
            display: block;
        }
        .fundamental_skin2-5 .pointBox .imgarea {
            flex-wrap: wrap;
            gap: var(--space-40) 0;
            height: auto;
        }
        .fundamental_skin2-5 .pointBox .imgarea .item:first-of-type {
            width: 100%;
        }
        .fundamental_skin2-5 .pointBox .imgarea .item:last-of-type {
            width: 100%;
        }
        .fundamental_skin2-5 .pointBox .imgarea .item:last-of-type img {
            width: 50%;
            max-width: 385px;
        }
        .fundamental_skin3 .productSwiperArea {
            padding: 0 5%;
        }
        .fundamental_skin3 .swiper-wrapper {
            margin-left: -0;
        }
        .fundamental_skin3 .swiper-slide {
            width: 100%; /* Swiper가 계산함 */
        }
    }


/* 스킨부스터 */
.skin_booster3 .region .imgArea img {
    width: 80%;
    max-width: 840px;
    margin: auto
}
.skin_booster4-2 .imgarea img {
    width: 45%;
    max-width: 485px;
    margin: auto
}
    /* 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .skin_booster4-2 .imgarea img {
            width: 345px;
        }
    }
    @media all and (max-width: 1000px) {
        .skin_booster4-2 .imgarea img {
            width:280px;
        }
    }
    @media all and (max-width: 640px) {
        .skin_booster3 .skin_booster3-4 .region .imgArea img {
            width: 90%;
        }
        .skin_booster3-7 .line {
            margin-top: var(--space-15);
            margin-bottom: 0;
        }
        .skin_booster4-2 .imgarea img {
            width: 65%
        }
    }

/* 레이저 */ 
.laser2-2 .region2 .imgarea img,
.laser3-2 .region4 .imgarea img {
    width: 70%;
    max-width: 679px;
    margin: auto;
}
.laser3-1 .region2 .imgarea img {
    width: 85%;
    max-width: 720px;
    margin: auto;
}
.laser3-2 .region2 img {
    max-width: 1300px;
    margin: auto;
}
.laser5-1 .region2 .imgarea img {
    width: 70%;
    max-width: 1074px;
    margin: auto;
}
.laser5-2 .imgarea img,
.laser5-3 .imgarea img {
    width: 70%;
    max-width: 820px;
    margin: auto;
}
.laser6 {
    background: url("/public/images/laser10-bg.jpg") no-repeat center / cover;
}
.laser7-2 img {
    max-width: 1328px;
    margin: auto
}
.laser9-2 .whyBox .flexleft {
    width: 65%;
}
.laser9-2 .whyBox .flexleft img {
    max-width: 615px;
    margin: auto;
}
.laser10-2 img {
    width: 70%;
    max-width: 453px;
    margin: auto;
}
.laser11-2 img {
    width: 55%;
    max-width: 320px;
    margin: auto;
}
    /* 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .laser2-2 .region2 .imgarea img,
        .laser3-2 .region4 .imgarea img {
            width: 60%;
        }
        .laser3-1 .region2 .imgarea img {
            width: 60%;
        }
    }
    @media all and (max-width: 1000px) {
        .laser5-1 .region2 .imgarea img {
            width: 90%;
        }
        .laser2-2 .region2 .imgarea img,
        .laser3-2 .region4 .imgarea img {
            width: 60%;
        }
        .laser3-1 .region2 .imgarea img {
            width: 60%;
        }
        .laser9-1 .pointBox .pointList .item pre {
            white-space: normal;   
        }
    }
    @media all and (max-width: 640px) {
        .laser2-2 .region2 .imgarea img,
        .laser3-2 .region4 .imgarea img,
        .laser5-2 .imgarea img,
        .laser5-3 .imgarea img {
            width: 100%;
        }
        .laser3-1 .region2 .imgarea img {
            width: 90%;
        }
        .laser9-2 .whyBox .flexleft {
            width: 100%;
        }
        .laser9-2 .whyBox .flexleft img {
            width: 90%;
        }
        .laser10-2 img {
            width: 80%;
        }
    }