/* 서브 상단 */
aside {
    position: relative;
    margin: 0 auto;
    padding: 56px 0 var(--space-150);
}
aside .asideWrap .layout {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
 aside .asideTitle {
    font-size: var(--font-50);
    font-family: var(--fm-iropke);
    color: var(--color-dark);
    text-align: left;
}
aside .asideTitleEn {
    display: block;
    font-family: var(--fm-en);
    font-size: var(--font-18);
    color: var(--color-gold);
    margin-bottom: var(--space-16);
    text-transform: uppercase;
    text-align: left;
}
aside .asideBg {
    width: 100%;
    height: 350px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: var(--space-35);
}
.sub-wrap {
    margin: 0 auto
}
.introduction aside .asideBg {
    background-image: url("/public/images/introduction.jpg");
}
.doctors aside .asideBg {
    background-image: url("/public/images/doctors.jpg");
}
.facilities aside .asideBg {
    background-image: url("/public/images/facilities.jpg");
}
.directions aside .asideBg {
    background-image: url("/public/images/directions.jpg");
}
.non_covered aside .asideBg {
    background-image: url("/public/images/non_covered.jpg");
}

.abortion aside .asideBg {
    background-image: url("/public/images/abortion.jpg");
}
.urinary_incontinence aside .asideBg {
    background-image: url("/public/images/urinary_incontinence.jpg");
}
.myoma aside .asideBg {
    background-image: url("/public/images/myoma.jpg");
}
.inflammation aside .asideBg {
    background-image: url("/public/images/inflammation.jpg");
}
.hifu aside .asideBg {
    background-image: url("/public/images/hifu.jpg");
}
.cervical aside .asideBg {
    background-image: url("/public/images/cervical.jpg");
}
.pregnancy aside .asideBg {
    background-image: url("/public/images/pregnancy.jpg");
}
.contraception aside .asideBg {
    background-image: url("/public/images/contraception.jpg");
}
.vaginal aside .asideBg {
    background-image: url("/public/images/vaginal.jpg");
}

.balancefit aside .asideBg {
    background-image: url("/public/images/balancefit.jpg");
}
.labiaplasty aside .asideBg {
    background-image: url("/public/images/labiaplasty.jpg");
}
.clitoralhood aside .asideBg {
    background-image: url("/public/images/clitoral-hood.jpg");
}
.ylaser aside .asideBg {
    background-image: url("/public/images/ylaser.jpg");
}
.yfiller aside .asideBg {
    background-image: url("/public/images/yfiller.jpg");
}
.yplasty aside .asideBg {
    background-image: url("/public/images/yplasty.jpg");
}
.ywhitening aside .asideBg {
    background-image: url("/public/images/ywhitening.jpg");
}
.sInjection aside .asideBg {
    background-image: url("/public/images/sensuality-injection.jpg");
}
.slaser aside .asideBg {
    background-image: url("/public/images/sensuality-laser.jpg");
}

.breastcancer aside .asideBg,
.en .breastThyroid aside .asideBg {
    background-image: url("/public/images/breast_cancer_screening.jpg");
}
.breastdisease aside .asideBg {
    background-image: url("/public/images/breastdisease.jpg");
}
.mammotome aside .asideBg {
    background-image: url("/public/images/mammotome.jpg");
    background-position: left center;
}
.breastsurgery aside .asideBg {
    background-image: url("/public/images/breastsurgery.jpg");
}
.implantremoval aside .asideBg {
    background-image: url("/public/images/implantremoval.jpg");
}
.invertednipple aside .asideBg {
    background-image: url("/public/images/inverted_nipple.jpg");
    background-position: left center;
}
.thyroidcancer aside .asideBg {
    background-image: url("/public/images/thyroid_cancer_screening.jpg");
}
.thyroidnodule aside .asideBg {
    background-image: url("/public/images/thyroid_nodule_treatment.jpg");
}
.thyroiddysfunction aside .asideBg {
    background-image: url("/public/images/thyroid_dysfunction.jpg");
}

.fundamental_skin aside .asideBg {
    background-image: url("/public/images/fundamental_skin.jpg");
}
.skin_booster aside .asideBg {
    background-image: url("/public/images/skin_booster.jpg");
}
.laser aside .asideBg {
    background-image: url("/public/images/laser.jpg");
}
.petit aside .asideBg {
    background-image: url("/public/images/petit.jpg");
}
.obesitybody aside .asideBg {
    background-image: url("/public/images/obesity_body.jpg");
}
.skinstemcell aside .asideBg {
    background-image: url("/public/images/skin_stem_cell.jpg");
}
.hairloss aside .asideBg {
    background-image: url("/public/images/hair_loss.jpg");
}

.internal_medicine aside .asideBg {
    background-image: url("/public/images/internal_medicine.jpg");
}
.national aside .asideBg {
    background-image: url("/public/images/health_screening.jpg");
}
.majorcancer aside .asideBg {
    background-image: url("/public/images/majorcancer.jpg");
}
.personalized_screening aside .asideBg {
    background-image: url("/public/images/personalized_screening.jpg");
}
.upoton aside .asideBg {
    background-image: url("/public/images/upoton.jpg");
}
.chelation aside .asideBg {
    background-image: url("/public/images/chelation.jpg");
}
.manual_therapy aside .asideBg {
    background-image: url("/public/images/manual_therapy.jpg");
}
.iv_clinic aside .asideBg {
    background-image: url("/public/images/iv_clinic.jpg");
}

.sexualFunction aside .asideBg {
    background-image: url("/public/images/sexual-function.jpg");
}
.skinStemCells aside .asideBg {
    background-image: url("/public/images/skin-stem-cells.jpg");
}
.autoimmunity aside .asideBg {
    background-image: url("/public/images/autoimmunity.jpg");
}

.notice aside .asideBg {
    background-image: url("/public/images/board-notice.jpg");
}
.event aside .asideBg {
    background-image: url("/public/images/board-event.jpg");
}
.consultation aside .asideBg {
    background-image: url("/public/images/board-consultation.jpg");
}
.beforeAfter aside .asideBg {
    background-image: url("/public/images/board-before-after.jpg");
}
.reviews aside .asideBg {
    background-image: url("/public/images/reviews.jpg");
}
    /* 서브상단 미디어쿼리*/
    @media all and (max-width: 1200px) {
        aside .asideBg {
            height: 250px;
        }
    }
    @media all and (max-width: 1000px) {
        aside {
            padding: var(--space-50) 0 var(--space-50);
        }
        aside .layoutWide {
            width: 100%;
        }
        aside .asideTitleEn {
            font-size: var(--font-16);
            margin-bottom: var(--space-10);
            text-align: center;
        }
        aside .asideTitle {
            font-size: var(--font-40);
        }
        aside .asideWrap .layout {
            flex-wrap: wrap;
            justify-content: center;
            flex-direction: column;
            align-items: center;
        }
        aside .asideTitlewrap {
            text-align: center;
        }
        aside .asideTitle {
            text-align: center;
        }
        aside .asideBg {
            height: 200px;
            margin-top: var(--space-25);
            border-radius: 0;
        }
    }
    @media all and (max-width: 640px) {
        aside {
            padding: 30px 0 var(--space-50);
        }
        aside .asideTitleEn {
            font-size: var(--font-14);
            margin-bottom: var(--space-10);
        }
        aside .asideTitle {
            font-size: var(--font-35);
        }
        aside .aside-title {
            font-size: var(--font-30);
        }
        aside .asideBg {
            height: 200px;
            margin-top: var(--space-20);
        }
        .non_covered aside .asideBg {
            background-position-x: 90%;
        }
        .contraception aside .asideBg {
            background-position-x: 79%;
        }
        .vaginal aside .asideBg {
            background-position-x: 45%;
        }
        .balancefit aside .asideBg {
            background-position-x: 53%;
        }
        .ylaser aside .asideBg {
            background-position-x: 56%;
        }
        .implantremoval aside .asideBg {
            background-position-x: 60%;
        }
        .petit aside .asideBg {
            background-position-x: 45%;
        }
        .skinstemcell aside .asideBg {
            background-position-x: 70%;
        }
        .health_screening aside .asideBg {
            background-position-x: 74%;
        }
        .iv_clinic aside .asideBg {
            background-position-x: 10%;
        }
        .consultation aside .asideBg {
            background-position-x: 29%;
        }
        .national aside .asideBg {
            background-position-x: 79%;
        }
    }


/* 서브 탭 공통 */
.tab {
    display: flex;
    align-items: center;
    justify-content: center;
}
.tab li {
    margin: 0 var(--space-20);
    color: var(--color-gray-cf);
    cursor: pointer;
    transition: var(--transition);
    position: relative;
    text-align: center;
}
.tab li:hover,
.tab li.on {
    color: var(--color-primary);
}
.tab li::before {
    content: "";
    position: absolute;
    width:100%;
    height:2px;
    bottom:-9px;
    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;
}
.tab li:hover::before,
.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);
}
.tab li p {
    font-size: var(--font-16);
    font-family: var(--fm-iropke);
    margin-top: var(--space-20);
}
.tab_con {
    clear: both;
}
.tab_con .tab_conarea {
    display: none;
    text-align: center;
}
    /* 미디어쿼리 */
    @media all and (max-width: 1000px) {
        .tab li {
            margin: 0 var(--space-15);
        }
        .tab li p {
            font-size: var(--font-13);
        }
    }
    @media all and (max-width: 640px) {
        .tab li {
            margin: 0 var(--space-10);
        }
        .tab li p {
            display: none;
        }
        .en .mainSection10.directions3 .tab li {
            margin: 0 var(--space-7);
        }
        .en .mainSection10.directions3 .tab li:first-child {
            margin-left: 0;
        }
        .en .mainSection10.directions3 .tab li:last-child {
            margin-right: 0;
        }
    }

/* 나중에 수정하거나 삭제하기!!! */
.join .tab li {
    margin: 0 var(--space-35);
    font-family: var(--fm-suit);
    font-size: var(--font-22);
    font-weight: var(--fw-bold);
}
.join .tab li:not(:last-child):after {
    content: "";
    display: block;
    width: 12px;
    height: 9px;
    background: center url("/public/images/icon-join-arrow.svg") no-repeat;
    position: absolute;
    top: var(--space-10);
    right: -40px
}
.join .tab li::before {
    display: none;
}
.swiperTabArea2 {
    display: flex;
    justify-content: center;
    align-items: center;
}
.swiperTabArea2 span {
    cursor: pointer;
    padding-bottom: var(--space-10);
    color: var(--color-gray-cf);
    line-height: 1;
}
.swiperTabArea2 span:not(:last-of-type) {
    margin-right: var(--space-35);
}
.swiperTabArea2 span:hover {
    color: var(--color-primary);
    transition: var(--transition);
}
.swiperTabArea2 span.active {
    border-bottom: 2px solid var(--color-primary);
    color: var(--color-primary);
}

#subContent {
    text-align: center;
}
.subTitlearea .subTitle {
    margin: var(--space-25) 0;
}
.subTitlearea .pointTtile {
    display: block;
}
.subTitlearea p,
.subTitlearea pre,
.sectionTitlearea p,
.sectionTitlearea pre,
.textarea p,
.textarea pre {
    line-height: 1.5;
}
.textarea p.fwMedium,
.textarea pre.fwMedium {
    line-height: 1.6;
}
.smallBox {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: var(--space-5) var(--space-15);
    border-radius: var(--border-radius);
}
.sectionBgWide {
    position: relative;
}
.sectionBgWide .flexleft {
    width: 58.5%;
    position: relative;
    z-index: 1;
    padding-left: 3%;
    padding-right: 3%;
}
.sectionBgWide .flexleft.textAlignLeft {
    padding-left: 0;
} 
.sectionBgWide .flexright {
    width: 41.5%;
    position: absolute;
    top:0;
    right: 0;
    /* max-width: 793px; */
    height: 100%;
}
.sectionBgWide .flexright img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
    /* 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .subTitlearea .subTitle {
            margin: var(--space-15) 0
        }
        .sectionTitlearea .sectionTitle {
            text-align: center;
        } 
        .smallBox {
            padding: var(--space-3) var(--space-12);
            font-size: var(--font-15);
        }
        .sectionBgWide.flexBasic .pointArea .grid4 {
            grid-template-columns: repeat(2, 1fr);
        }
    }
    @media all and  (max-width: 1000px) {
        .sectionBgWide .flexleft {
            width: 55%;
        }
        .sectionBgWide .flexright {
            width: 45%;
        }
    }
    @media all and  (max-width: 640px) {
        .subTitlearea .subTitle {
            font-size: var(--font-30);
            margin: var(--space-10) 0
        }
        .sectionBgWide {
            flex-direction: column;
            justify-content: center;
        }
        .sectionBgWide .flexleft {
            width: 100%;
        }
        .sectionBgWide .flexright {
            width: 100%;
            max-width: 100%;
            position: relative;
        }
        .sectionBgWide .flexleft.textAlignLeft {
            padding-right: 0;
            text-align: center !important;
        } 
        .sectionBgWide .flexleft.textAlignLeft .sectionTitlearea .sectionTitle {
            text-align: center !important;
        }
    }

.typeList .typeItem {
    position: relative;
}
.typeList .typeItem.round {
    overflow: visible;
}
.typeList .imgarea {
    position: relative;
}
.typeList .dotList > li > dl > dt {
    float: left;
}
.typeList .dotList > li > dl > dd {
    padding-left: 100px;
    position: relative;
}
.typeList .dotList > li > dl > dd:not(:last-of-type) {
    margin-bottom: var(--space-10)
}
.stemIcon {
    position: absolute;
    bottom: -68px;
    right: 10%;
    z-index: 1;
}
.stemIcon img {
    width: 56px;
}
    @media all and (max-width: 1200px) {
        /* .typeList .imgarea img {
            width: 130px;
        } */
    }
    @media all and (max-width: 640px) {
        .stemIcon {
            bottom: -44px;
        }
        .stemIcon img {
            width: 36px;
            height: 44px
        }
        .typeList .dotList > li > dl > dt {
            float: none;
            margin-bottom: var(--space-5);
        }
        .typeList .dotList > li > dl > dd {
            padding-left: 0;
        }
    }

.targetList ul li {
    position: relative;
    text-align: left;
    padding: var(--space-20) var(--space-30) var(--space-20) 58px;
}
.targetList ul li::before {
    content:"";
    width: 28px;
    height: 100%;
    display: block;
    background-color: var(--color-gold);
    position: absolute;
    top: 0;
    left: 0;
}
    /* 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .targetList ul li {
            padding: var(--space-10) var(--space-20) var(--space-10) var(--space-35);
        }
        .targetList ul li::before {
            width: 20px;
        }
    }
    @media all and (max-width: 1000px) {
        .targetList ul {
            row-gap: var(--space-7);
        }
        .targetList ul li {
            padding: var(--space-10) var(--space-15) var(--space-10) var(--space-30);
            font-size: var(--font-16);
        }
        .targetList ul li::before {
            width: 15px;
        }
    }

/* Before & After 전후 */
.beforeAfatter .baArrow {
    flex-direction: column;
    padding: 5% var(--space-10) 0
}
.beforeAfatter .baArrow img:last-of-type {
    margin-top: var(--space-15);
}
.baBadge {
    display: inline-flex;
    align-items: center;
    padding: var(--space-6) var(--space-20);
    border-radius: var(--border-radius);
}        
    /* 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .beforeAfatter .baArrow img:last-of-type {
            margin-top: var(--space-10);
        }
        .beforeAfatter .baArrow img {
            width: 45px;
        }
        .baBadge {
            padding: var(--space-5) var(--space-15);
            font-size: var(--font-14)
        }
    }
    @media all and (max-width: 640px) {
        .beforeAfatter {
            flex-direction: column;
        }
        .beforeAfatter .baArrow {
            display: none;
        }
        .beforeAfatter .baArrow img {
            width: 35px;
        }
        .beforeAfatter .afterBox {
            margin-top: var(--space-25);
        }
    }

/* 수술시간 / 마취방법 / 일상생활... */
.guideList .displayFlex {
    max-width: 1200px;
    margin: auto;
}
.guideList .item {
    width: 20%;
}
.guideList .item img {
    width: 100px;
}
.guideList .item strong,
.guideList .item span,
.guideList .item strong > span {
    display: block;
}
    /* 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .guideList .guideWrap {
            max-width: 90%;
        }
        .guideList .item img {
            width: 80px
        }
        .guideList .item span {
            font-size: var(--font-14)
        }
        .guideList .item .font30 {
            font-size: var(--font-20)
        }
    }
    @media all and (max-width: 1000px) {
        .guideList .guideWrap {
            flex-wrap: wrap;
            max-width: 100%;
        }
        .guideList .item img {
            width:75px
        }

    }
    @media all and (max-width: 640px) {
        .guideList .item {
            width: 33.33%;
        }
        .guideList .item .font30 {
            font-size: var(--font-18);
        }
        .guideList .item:nth-child(-n+3) {
            margin-bottom: var(--space-20);
        }
        .guideList .item img {
            width: 60px
        }
        .guideList .item strong > span {
            font-size: var(--font-12);
        }
    }

    
/* 주의사항 */
.surgeryNotice .item {
    border-bottom: var(--border);
}
.surgeryNotice .item .icon {
    flex: 0 0 66px;
}
.surgeryNotice .item .text {
    text-align: left;
    margin-left: var(--space-30)
}
.surgeryNotice .item:first-child,
.surgeryNotice .item:nth-child(2) {
    padding-top: 0
}
.surgeryNotice .item:nth-child(7),
.surgeryNotice .item:last-child,
.surgeryNotice .item6 .item:nth-child(5),
.surgeryNotice .item4 .item:nth-child(3) {
    border-bottom: 0;
    padding-bottom: 0;
}
    /* 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .surgeryNotice .item .icon {
            flex: 0 0 50px;
        }
        .surgeryNotice .item .text {
            margin-left: var(--space-20)
        }
        .surgeryNotice .item .text pre {
            white-space: normal;
        }
    }
    @media all and (max-width: 1000px) {
        .surgeryNotice .item .icon {
            flex: 0 0 45px;
        }
    }
    @media all and (max-width: 640px) {
        .surgeryNotice .item:nth-child(2) {
            padding-top: var(--space-15)
        }
        .surgeryNotice .item6 .item:nth-child(5),
        .surgeryNotice .item:nth-child(7),
        .surgeryNotice .item4 .item:nth-child(3) {
            border-bottom: var(--border);
            padding-bottom: var(--space-15)
        }
        .surgeryNotice .item:last-child {
            border-bottom: 0;
            padding-bottom: 0;
        }
        .surgeryNotice .item {
            padding-left: 0;
            padding-right: 0;
        }
        .surgeryNotice .item .icon {
            flex: 0 0 40px;
        }
        .surgeryNotice .item .text {
            margin-left: var(--space-15)
        }
        .surgeryNotice .borderR {
            border-right: 0;
        }
    }

.pointArea .text {
    display:flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-35) var(--space-15)
}
.pointArea .icon img {
    height: 65px;
    width: auto;
}
.pointArea .pointBox207 {
    width: 207px;
}
.pointArea .pointBox228 {
    width: 228px;
}
.pointArea .pointBox240 {
    width: 240px;
}
.pointArea .pointBox336 {
    width: 336px;
    height: 95px;
    padding-top: var(--space-20);
    padding-bottom: var(--space-20);
}
.pointHalfArea .gridLeft,
.pointHalfArea .gridRight {
    padding: 0 var(--space-15)
}
.pointHalfArea .gridLeft {
    border-right: 1px solid var(--color-beige-85);
}
    /* 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .pointWrap {
            padding: var(--space-80) 0
        }
        .pointArea .gridGap50 {
            row-gap: var(--space-15);
        }
        .pointArea .text {
            padding-top: var(--space-25);
            padding-bottom: var(--space-25);
        }
        .pointArea .text p br {
            display: block;   
        }
        .pointArea .icon img {
            height: 55px;
        }
        .pointArea .pointBox240 {
            width: 180px;
        }
        .pointArea .pointBox207 {
            width: 180px;
        }
        .pointArea .pointBox336 {
            width: 100%;
            height: auto;
            padding-top: var(--space-25);
            padding-bottom: var(--space-25);
        }
    }
    @media all and (max-width: 1000px) {
        .pointWrap {
            padding: var(--space-70) 0
        }
        .pointWrap .pointTtileSub {
            margin-bottom: var(--space-10);
        }
        .pointArea .icon img {
            height: 50px;
        }
        .pointAreaSkin .icon {
            width: 50px;
        }
        .pointArea .pointBox228 {
            width: 170px;
        }
        .pointArea .pointBox207 {
            width: auto;
        }
        .pointArea .pointBox240 {
            width: 150px;
        }
        .pointArea .pointBox336 {
            padding-top: var(--space-20);
            padding-bottom: var(--space-20);
        }
        .pointHalfArea pre {
            white-space: normal;
        }
        .pointHalfArea br {
            display: block;
        }
    }
    @media all and (max-width: 640px) {
        .pointWrap {
            padding: var(--space-55) 0
        }
        .pointArea .grid5,
        .pointArea .grid4 {
            grid-template-columns: repeat(2, 1fr);
        }
        .pointArea .text {
            padding-top: var(--space-20);
            padding-bottom: var(--space-20);
        }
        .pointArea .text p br {
            display: none;
        }
        .pointArea .icon img {
            height: 40px;
        }
        .pointArea .pointBox228 {
            width: auto;
        }
        .pointArea .pointBox240 {
            width: auto;
            padding-left: var(--space-20);
            padding-right: var(--space-20);
        }
        .pointArea .pointBox336 {
            width: auto;
            height: auto;
            padding: var(--space-15) var(--space-20);
        }
        .pointHalfArea .gridLeft,
        .pointHalfArea .gridRight {
            padding: 0
        }
        .pointHalfArea .gridLeft {
            border-right: 0;
            border-bottom: 1px solid var(--color-beige-85);
            padding-bottom: var(--space-20);
        }
        .pointHalfArea .gridRight {
            padding-top: var(--space-20);
        }
        .pointHalfArea .gridRight .font25 {
            display: none;
        }
    }

.number {
    width: 34px;
    height: 34px;
    font-size: var(--font-16);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: var(--border-radius);
    font-family: var(--fm-iropke);
    color: var(--color-white);
    font-weight: var(--fw-normal);
}
.pointNumber {
    text-transform: uppercase;
}
.pointNumber em {
    margin-left: 1px
}
.badgeBasic {
    padding: var(--space-6) var(--space-15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--border-radius);
}
.dotPoint {
    position: relative;
}
.dotPoint::before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -7px;
    width: 4px;
    height: 4px;
    background-color: var(--color-lemon-light);
    border-radius: var(--border-radius);
}
    /* 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .number {
            width: 24px;
            height: 24px;
            font-size: var(--font-14);
        }
        .pointNumber {
            font-size: var(--font-14);
        }
        .badgeBasic {
            font-size: var(--font-13);
            padding: var(--space-5) var(--space-12);
        }
    }
    @media all and (max-width: 640px) {
        
    }

.stepIcon li {
    position: relative;
    overflow: visible
}
.stepIcon li:not(:last-child):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;
}
.stepIcon.gridGap40 li:not(:last-child):after {
    right: -8.5%;
}
.stepIcon.gridGap50 li:not(:last-child):after {
    right: -11%;
}
.stepIcon.gridGap80 li:not(:last-child):after {
    right: -11%;
}
.stepIcon.grid2.gridGap80 li:not(:last-child):after {
    right: -7%
}
    /* 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .stepIcon li:not(:last-child):after {
            display: none;
        }
        /* .stepA li .imgarea img {
            height: 60px;
        } */
    }
    @media all and (max-width: 1000px) {
        .sexualFunction3 .stepA ol {
            grid-template-columns: repeat(2, 1fr);
        }
    }
    /* @media all and (max-width: 640px) {
        .stepA li .imgarea img {
            height: 50px;
        }
    } */

.stepB li .subject {
    width: 100%;
    padding: var(--space-12) 0
}
    /* 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .stepB li .subject {
            padding: var(--space-8) 0;
            font-size: var(--font-16)
        }
        .stepB .gridGap50 {
            gap: var(--space-20) var(--space-20);
        }
        .stepB .stepIcon li:not(:last-child):after {
            display: block;
            width: 13px;
            height: 12px;
        }
        .stepB .gridGap50.stepIcon li:not(:last-child):after {
            right:-17px
        }
    }
    @media all and (max-width: 1000px) {
        .stepB li .subject {
            font-size: var(--font-15)
        }
    }
    @media all and (max-width: 640px) {
        .stepB .gridGap50 {
            gap: var(--space-25) 0;
        }
        .stepB li .subject {
            padding: var(--space-10) 0;
            font-size: var(--font-16)
        }
        .stepB .gridGap50.stepIcon li:not(:last-child):after {
            right: auto;
            margin-left: -13px
        }
        .stepB .stepIcon li:not(:last-child):after {
            top: auto;
            left: 50%;
            transform: rotate(90deg) translateY(-50%);
            bottom: -18px;
        }
    }

.caseList li .caseCard,
.specialList .subject {
    width: 100%;
    text-transform: uppercase;
    padding: var(--space-12) 0
}
.caseList li .caseText {
    width: 100%;
    height: 125px;
}
.caseList li.backWhite {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}
.caseList li.backWhite .caseText {
    border: 1px solid var(--color-gray-df);
    border-top: 0;
    overflow: hidden;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}
.caseList li .caseBody {
    width: 100%;
}
    /* 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .caseList .grid6 {
            grid-template-columns: repeat(3, 1fr);
        }
        .caseList li .caseCard,
        .specialList .subject {
            font-size: var(--font-13);
            padding: var(--space-8) 0
        }
        .caseList li .caseText {
            padding-top: var(--space-25);
            padding-bottom: var(--space-25);
            height: 100%;
        }
    }
    @media all and (max-width: 1000px) {
        .caseList li .caseText {
            padding-top: var(--space-20);
            padding-bottom: var(--space-20);
        }
    }
    @media all and (max-width: 640px) {
        .caseList .grid6,
        .caseList .grid5,
        .caseList .grid4 {
            grid-template-columns: repeat(2, 1fr);
        }
        .caseList li .caseCard,
        .specialList .subject {
            padding: var(--space-5) 0;
            font-size: var(--font-12)
        }
        .caseList li .caseText {
            padding-top: var(--space-15);
            padding-bottom: var(--space-15);
            align-items: flex-start;
        }
    }
    
.pointBox .pointList .item {
    border-right: var(--border);
    padding: 0 var(--space-10)
}
/* .bgBeigeEf .pointBox .pointList .item {
    border-right: 1px solid var(--color-gray-cf);
} */
.pointBox .pointList .item:last-of-type {
    border-right: 0
}
    /* 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .pointBox.pb60 {
            padding-bottom: var(--space-20);
        }
        .pointBox .pointList.grid5 {
            grid-template-columns: repeat(3, 1fr);
            row-gap: 0
        }
        .pointBox .pointList.grid5 .item:nth-child(3) {
            border-right: 0;
        }
        .pointBox .pointList.grid5 .item:nth-child(-n+3) {
            border-bottom: var(--border);
            padding-bottom: var(--space-25);
        }
        .pointBox .pointList.grid5 .item:nth-child(n+4) {
            padding-top: var(--space-25);
        }
    }
    @media all and (max-width: 640px) {
        .pointBox {
            padding-top: var(--space-20);
            padding-bottom: var(--space-20)
        }
        .pointBox .pointList.grid5 {
            grid-template-columns: repeat(1, 1fr);
            row-gap: 0;
        }
        .pointBox .pointList .item {
            border-right: 0;
            border-bottom: var(--border);
            padding: var(--space-15) 0 !important
        }
        .pointBox .pointList .item strong.font25 {
            margin-top: var(--space-15);
        }
        .pointBox .pointList .item:last-of-type {
            border-bottom: 0;
            padding-bottom: 0 !important
        }
        .pointBox .imgarea {
            height: 150px;
        }
        .pointBox .imgarea img {
            object-fit: cover;
            height: 100%;
        }
    }

.pointBoxHo .pointList .item {
    border-right: var(--border);
    border-bottom: var(--border);
}
.pointBoxHo .pointList.grid2 .item:nth-child(n+3) {
    border-bottom: 0 
}
.pointBoxHo .pointList .item:nth-child(even) {
    border-right: 0
}
.pointBoxHo .pointList .item .flexleft {
    flex: 0 0 140px;
    text-align: left;
}
.pointBoxHo .pointList .item .flexright {
    text-align: left;
}
    /* 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .pointBoxHo .pointList .item .flexleft {
            flex: 0 0 100px;
        }
        .pointBoxHo .pointList .item pre {
            white-space: normal;
        }
    }
    @media all and (max-width: 1000px) {
        .pointBoxHo .pointList .item {
            flex-direction: column;
        }
        .pointBoxHo .pointList .item .flexleft {
            flex: 0 0 auto;
            margin-bottom: var(--space-10);
            text-align: center;
        }
        .pointBoxHo .pointList .item .flexright {
            text-align: center;
        }
    }
    @media all and (max-width: 640px) {
        .pointBoxHo .pointList.grid5 {
            grid-template-columns: repeat(1, 1fr);
            row-gap: 0;
        }
        .pointBoxHo .pointList .item {
            border-right: 0;
            border-bottom: var(--border);
            padding: var(--space-15) 0 !important
        }
        .pointBoxHo .pointList.grid2 .item:nth-child(n+3) {
            border-bottom: var(--border);
        }
        .pointBoxHo .pointList .item:last-of-type {
            border-bottom: 0 !important;
            padding-bottom: 0 !important
        }
    }

.stuckList .item:not(:last-of-type) {
    border-right: var(--border);
}
.stuckList .item .subject {
    display: block;
}
img.icon83,
.abortion4 .specialList .specialText {
    width: auto;
    height: 83px;
}
img.img160 {
    width: 160px;
}
img.img190 {
    width: 190px;
}
img.img841 {
    width: 70%;
    max-width: 841px;
}
img.img1215 {
    width: 90%;
    max-width: 1215px;
}
img.img1328 {
    max-width: 1328px;
}
    /* 미디어쿼리 */
    @media all and (max-width: 1200px) {
        img.icon83,
        .abortion4 .specialList .specialText {
            height: 60px;
        }
        img.img190,
        img.img160 {
            width: 130px;
        }
        .stuckList .item pre {
            white-space: normal;
        }
    }
    @media all and (max-width: 1000px) {
        /* img.icon83 {
            height: 55px;
        } */
        img.img190,
        img.img160 {
            width: 120px;
        }
        img.img841 {
            width: 75%;
        }
        .stuckList.grid5 {
            row-gap: var(--space-40);  
        }
    }
    @media all and (max-width: 640px) {
        .stuckList .item {
            padding: var(--space-20) 0;
            margin-left: var(--space-15);
            margin-right: var(--space-15);
        }
        .stuckList .item:first-of-type {
            padding-top:0
        }
        .stuckList .item:last-of-type {
            padding-bottom:0
        }
        .stuckList .item:not(:last-of-type) {
            border-right: 0;
            border-bottom: var(--border);
        }
        .stuckList.grid5 {
            row-gap: 0;  
        }
        /* img.icon83 {
            height: 50px;
        } */
        img.img841 {
            width: 100%;
        }
    }

.typeListHo.grid2 .item {
    padding-left: var(--space-15);
    padding-right: var(--space-15)
}
.typeListHo.grid2 .item:nth-of-type(-n+2) {
    border-bottom: var(--border);
}
.typeListHo.grid2 .item:nth-of-type(odd)  {
    border-right: var(--border);
}
.typeListHo .item .numberArea .number {
    margin-right: var(--space-15)
}
    /* 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .typeListHo .item .numberArea .number {
            margin-right: var(--space-10)
        }
    }
    @media all and (max-width: 640px) {
        .typeListHo .item {
            border-bottom: var(--border);
            border-right: 0;
            padding: var(--space-20) 0
        }
        .typeListHo.grid2 .item:nth-of-type(odd) {
            border-right: 0;
        }
        .typeListHo .item:first-of-type {
            padding-top: 0;
        }
        .typeListHo .item:last-of-type {
            padding-bottom: 0;
            border-bottom: 0;
        }
        .typeListHo .item .numberArea .number {
            margin-right: var(--space-10)
        }
    }

/* VS 차이점 테이블 */
.differenceTable .tableRowHeader,
.differenceTable .tableRow {
    display: flex;
    text-align: center;   
}
.differenceTable .col {
    flex: 1;
    display: flex;
    align-items: center;
    padding: var(--space-25) 0;
}
.differenceTable .tableRowHeader .col {
    padding-top: 0
}
.differenceTable .tableRowHeader .col:nth-child(1) {
    border-bottom: 2px solid var(--color-basic);
}
.differenceTable .tableRowHeader .col:nth-child(3) {
    border-bottom: 2px solid var(--color-gold-b2);
}
.differenceTable .tableRowHeader .col:nth-child(2) {
    display: flex;
    align-items: center;
}
.differenceTable .tableRow .col {
    border-bottom: 1px solid var(--color-gray-df);
    font-size: var(--font-20);
    font-weight: var(--fw-medium);
    display: flex;
    align-items: center;
}
.differenceTable .tableRow:last-of-type .col {
    border-bottom: 0;
}
.differenceTable .col:nth-child(1) {
    margin-right: var(--space-40);
    justify-content: flex-end;
    text-align: right;
}
.differenceTable .col:nth-child(3) {
    margin-left: var(--space-40);
    font-weight: var(--fw-bold);
    text-align: left;
    justify-content: flex-start;
}
.differenceTable .col:nth-child(2) {
    flex: 0 0 170px;
    justify-content: center;
}
    /* 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .differenceTable .col {
            padding: var(--space-20) 0;
        }
        .differenceTable .tableRowHeader .col:nth-child(2) {
            font-size: var(--font-16);
        }
        .differenceTable .tableRow .col {
            font-size: var(--font-16);
        }
        .differenceTable .col:nth-child(1) {
            margin-right: var(--space-20);
        }
        .differenceTable .col:nth-child(3) {
            margin-left: var(--space-20);
        }
        .differenceTable .col:nth-child(2) {
            flex: 0 0 100px;
        }
    }
    @media all and (max-width: 640px) {
        .differenceTable .col {
            padding: var(--space-15) 0;
        }
        .differenceTable .tableRowHeader .col {
            font-size: var(--font-15);
            padding-bottom: var(--space-10);
        }
        .differenceTable .col:nth-child(2) {
            flex: 0 0 60px;
        }
        .differenceTable .tableRow .col:nth-child(2)  {
            font-size: var(--font-12);
        }
        .differenceTable .tableRow .col {
            font-size: var(--font-14);
        }
        .differenceTable .col:nth-child(1) {
            margin-right: var(--space-10);
        }
        .differenceTable .col:nth-child(3) {
            margin-left: var(--space-10);
        }
    }

.video {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
}
.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.specialArea .item {
    width: 100%;
    align-items: stretch;
}
.specialArea .item .text,
.specialArea .item .imgarea {
    flex: 0 0 50%;
}
.specialArea .item .text {
    padding-left: 10%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    text-align: left;
}
.specialArea .item:nth-of-type(even) .text {
    padding-left: 6.3%;
}
.specialArea .item .imgarea img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
    /* 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .specialArea .item .text {
            padding: var(--space-70) 5%;
        }
        .specialArea .item:nth-of-type(even) .text {
            padding-left: 5%;
        }
        .specialArea .item .text .textarea pre {
            white-space: normal;
        }
    }
    @media all and (max-width: 640px) {
        .specialArea .item {
            flex-direction: column;
        }
        .specialArea .item:nth-of-type(even) {
            flex-direction: column-reverse;
        }
        .specialArea .item {
            padding: var(--space-35) var(--space-20) var(--space-20);
        }
        .specialArea .item .textarea {
            margin-top: var(--space-20);
        }
        .specialArea .item .text {
            padding: 0 0 var(--space-20);
            align-items: center;
            text-align: center;
        }
        .specialArea .item .text,
        .specialArea .item .imgarea {
            flex: 0 0 100%;
        }
        .specialArea .item .imgarea {
            border-radius: var(--space-15);
            overflow: hidden;
        }
    }

.itemCircle {
    width: 75px;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: var(--fw-black);
    color: var(--color-dark);
    border-radius: var(--border-radius);
    margin: 0 var(--space-6)
}
    /* 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .itemCircle {
            margin-top: var(--space-6);
            margin-bottom: var(--space-6);
        }
    }
    @media all and (max-width: 1000px) {
        .itemCircle {
            width: 65px;
            height: 65px;
            margin: var(--space-5) var(--space-5)
        }
    }
    @media all and (max-width: 640px) {
        .itemCircle {
            width: 60px;
            height: 60px;
            margin: var(--space-3) var(--space-3)
        }
    }

.tableBasic thead th {
    padding: var(--space-19) var(--space-15);
    color: var(--color-white);
}
.tableBasic tbody td,
.tableBasic2 tbody th,
.tableBasic2 tbody td {
    padding: var(--space-25) var(--space-15)
}
.tableBasic thead th:not(:last-child),
.tableBasic tbody td:not(:last-child) {
    border-right: 1px solid var(--color-gray-df)
}
.tableBasic tbody tr:not(:last-child) td,
.tableBasic2 tbody tr:not(:last-child) th,
.tableBasic2 tbody tr:not(:last-child) td {
    border-bottom: 1px solid var(--color-gray-df)
}
.tableBasic2 {
    border-top: 2px solid var(--color-beige-85);
}
.tableBasic2 tbody td {
    padding-left: var(--space-40);
    padding-right: var(--space-40);
    text-align: left;
}
    /* 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .tableBasic thead th {
            padding-top: var(--space-15);
            padding-bottom: var(--space-15);
        }
        .tableBasic tbody td,
        .tableBasic2 tbody th,
        .tableBasic2 tbody td {
            padding-top: var(--space-18);
            padding-bottom: var(--space-18);
        }
        .tableBasic2 tbody td {
            padding-left: var(--space-20);
            padding-right: var(--space-20);
        }
    }
    @media all and (max-width: 1000px) {
        .tableBasic thead th {
            padding-top: var(--space-12);
            padding-bottom: var(--space-12);
        }
        .tableBasic tbody td,
        .tableBasic2 tbody th,
        .tableBasic2 tbody td {
            padding-top: var(--space-15);
            padding-bottom: var(--space-15);
        }
        .tableBasic2 tbody td {
            padding-left: var(--space-15);
            padding-right: var(--space-15);
        }
    }
    @media all and (max-width: 640px) {
        .tableBasic thead th {
            padding: var(--space-10) var(--space-5);
        }
        .tableBasic tbody td,
        .tableBasic2 tbody th,
        .tableBasic2 tbody td {
            padding: var(--space-15) var(--space-5);
        }
        .tableBasic2 tbody td {
            padding-left: var(--space-10);
            padding-right: var(--space-10);
        }
        .tableBasic2 tbody th {
            width: 20%;
        }
    }

/* 부인과 */
.abortion .system .item img {
    width: 266px;
}
.abortion3 {
    background: center / cover url("/public/images/abortion-bg2.jpg") no-repeat;
}
.abortion4 {
    background: center / cover url("/public/images/abortion-bg3.jpg") no-repeat;
}
.abortion4 .specialList .specialText .inner {
    align-items: baseline;
}
.abortion4 .specialList .specialText em {
    opacity: .47;
    margin-left: 2px
}
.healthAct .infoText ol {
    margin-top: var(--space-20);
}
.healthAct .infoText ol li {
    position: relative;
    padding-left: 38px
}
.healthAct .infoText ol li:not(:last-child) {
    margin-bottom: var(--space-12);
}
.healthAct .infoText ol li .number {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width:28px;
    height: 28px;
}
    /* 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .abortion .system .item img {
            width: 210px;
        }
        .abortion4 .specialList .text pre {
            white-space: normal;
        }
        .healthAct .infoText ol li {
            padding-left: 30px;
        }
        .healthAct .infoText ol li:not(:last-child) {
            margin-bottom: var(--space-10);
        }
        .healthAct .infoText ol li .number {
            width:23px;
            height: 23px;
            font-size: var(--font-13);
        }
    }
    @media all and (max-width: 1000px) {
        .abortion .system .item img {
            width: 180px;
        }
        .healthAct .textarea p {
            text-align: left;
        }
        .healthAct .infoText ol {
            margin-top: var(--space-15);
        }
        .healthAct .infoText ol li {
            padding-left: 26px;
        }
        .healthAct .infoText ol li .number {
            width:20px;
            height: 20px;
        }
    }
    @media all and (max-width: 640px) {
        .abortion .system .item img {
            width: 100%;
        }
        .abortion2 .processList ol {
            grid-template-columns: repeat(2, 1fr);
        }
        .abortion3 .pointArea ol li .text2 {
            white-space: pre-line;
        }
        .abortion4 .specialList .grid {
            grid-template-columns: repeat(2, 1fr);
        }
        .healthAct .infoText ol li {
            padding-left: 28px
        }
        .healthAct .infoText ol li .number {
            width:20px;
            height: 20px;
            top: 0;
            transform: unset;
        }
    }
.dialog,
.dialog__overlay {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}   
.dialog {
    position: fixed;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    pointer-events: none;
    z-index: 999999999999;
}
.dialog__overlay {
    position: absolute;
	z-index: 1;
	background: rgba(248, 244, 239, 0.1);
	opacity: 0;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
	-webkit-backface-visibility: hidden;
}
.dialog--open .dialog__overlay {
    opacity: 1;
    pointer-events: auto;
}
.dialog__content {
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 5;
    opacity: 0;
    height: 100%;
    overflow-y: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.dialog__content .dia-wrap {
    width: 70%;
    height: auto;
    text-align: center;
    max-width: 660px;
    position: relative;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--color-beige-85);
    box-shadow: 0 10px 25px rgba(0,0,0,0.16), 0 10px 10px rgba(0,0,0,0.12);
}
.dialog--open .dialog__content {
	pointer-events: auto;
}
.gestationalAge .calculationResults {
    border-top: 1px solid #E1D7CC;
}
.gestationalAge .btn {
    margin: 0 auto;
    cursor: pointer;
}
.gestationalAge .btn:hover {
    background-color: var(--color-dark);
}
    /* 미디어쿼리 */
    @media all and (max-width: 640px) {
        .dialog__content .dia-wrap {
            width: 90%;
        }
    }

.abortionQna .item {
    padding: var(--space-80) 6% var(--space-55)
}
.abortionQna .item .itemImg {
    flex: 0 0 165px;
}
.abortionQna .item .itemText {
    text-align: left;
}
.abortionQna .item .itemText .icon {
    width: 38px;
    padding-top: var(--space-25)
}
.abortionQna .item .itemText .text .iconqa {
    flex: 0 0 28px;
    margin-right: var(--space-13);
}
.abortionQna .item .itemq .itemText {
    padding-top: var(--space-15);
}
.abortionQna .item .itemq .itemText .text .inner {
    padding: var(--space-25) var(--space-30);
    background: #EEDCCC;
}
.abortionQna .item .itema {
    margin-top: -7.5%;
}
.abortionQna .item .itema .itemText {
    padding-top: var(--space-50);
}
    /* 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .abortionQna .item {
            padding: var(--space-60) 6% var(--space-55)
        }
        .abortionQna .item .itemImg {
            flex: 0 0 130px;
        }
        .abortionQna .item .itemText .icon {
            width: 30px;
            padding-top: var(--space-20)
        }
        .abortionQna .item .itemText .text .iconqa {
            flex: 0 0 25px;
            margin-right: var(--space-10);
        }
        .abortionQna .item .itemq .itemText .text .inner {
            padding: var(--space-20) var(--space-20);
        }
    }
    @media all and (max-width: 1000px) {
        .abortionQna .item {
            padding: var(--space-50) 6% var(--space-45)
        }
        .abortionQna .item .itemImg {
            flex: 0 0 120px;
        }
        .abortionQna .item .itemText .text .iconqa {
            flex: 0 0 20px;
        }
        .abortionQna .item .itemText pre {
            white-space: normal;
        }
        .abortionQna .item .itema {
            margin-top: -5.5%;
        }
    }
    @media all and (max-width: 640px) {
        .abortionQna .item {
            padding: var(--space-30) var(--space-20) var(--space-30)
        }
        .abortionQna .item .itemImg {
            flex: 0 0 80px;
        }
        .abortionQna .item .itema .itemImg,
        .abortionQna .item .itema .itemText .icon {
            display: none;
        }
        .abortionQna .item .itemText .icon {
            width: 30px;
            padding-top: var(--space-20)
        }
        .abortionQna .item .itemq .itemText {
            padding-top: var(--space-5);
        }
        .abortionQna .item .itemq .itemText .text .inner {
            align-items: flex-start;
            padding: var(--space-15) var(--space-10);
        }
        .abortionQna .item .itema {
            margin-top: 0;
        }
        .abortionQna .item .itema .itemText {
            padding-top: var(--space-20);
        }
    }

.abortion6 .flexleft {
    background-color: var(--color-kakao);
}
.abortion6 .flexleft .imgarea img {
    width: 65%;
    max-width: 461px
}
.abortion6 .flexright {
    background-color: var(--color-lemon-light);
}
.abortion6 .flexright img {
    width: 70%;
    max-width: 494px;
}
.abortion6 .flexleft .btnSub:hover {
    background-color: var(--color-primary);
}
    /* 미디어쿼리 */
    @media all and (max-width: 1000px) {
        .abortion6 .flexright img {
            width: 100%;
        }
    }
    @media all and (max-width: 1000px) {
        .abortion6 .flexright {
            display: none;
        }
    }

.urinary3 .sectionTitlearea {
    text-align:left
}
.urinary3 .sectionBgWide .flexleft {
    padding-left: 0
}
.urinary3 .steps {
    display: flex;
    gap: var(--space-15) var(--space-40);
}
.urinary3 .steps li {
    position: relative;
}
.urinary3 .steps li:not(:last-child):after {
    content:"";
    display:block;
    width: 23px;
    height: 9px;
    background: center / contain url("/public/images/icon-arrow.svg") no-repeat;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -30px
}
    /* 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .urinary3 .steps li img {
            width: 100px;
        }
        .urinary3 .steps {
            gap: var(--space-15) var(--space-30);
        }
        .urinary3 .steps li:not(:last-child):after {
            width: 18px;
            right: -24px;
        }
    }
    @media all and (max-width: 1000px) {
        .urinary3 .steps {
            justify-content: center;
        }
        .urinary3 .steps li img {
            width: 100px;
        }
        .urinary3 .steps li:nth-child(3)::after {
            display: none;
        }
        .urinary3 .textAlignLeft {
            text-align: center !important;
        }
    }
    @media all and (max-width: 640px) {
        .urinary3 .steps {
            gap: var(--space-12) var(--space-25);
        }
        .urinary3 .steps li {
            width: 27%;
        }
        .urinary3 .steps li img {
            width:100%;
        }
        .urinary3 .steps li:not(:last-child):after {
            width: 15px;
            right: -20px;
        }
    }

.urinary4 .duration {
    display: inline-flex;
    color: #634324;
    background: #EBE2D7;
    border-radius: var(--border-radius);
    padding: var(--space-12) var(--space-20)
}
.urinary4 .duration span {
    margin-left: var(--space-10)
}
.urinary4 .displayFlex .flexleft {
    width: 75%;
    max-width: 1152px;
}
.urinary4 .displayFlex .flexright {
    width: 23%;
    max-width: 348px;
}
    /* 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .urinary4 .displayFlex .flexright .imgAuto {
            width: 100%;
        }
        .urinary4 .duration {
            padding: var(--space-8) var(--space-15)
        }
        .urinary4 .duration span {
            margin-left: var(--space-8)
        }
        .urinary4 .duration img {
            width: 17px;
        }
    }
    @media all and (max-width: 1000px) {
        .urinary4 .displayFlex .flexleft {
            width: 100%;
        }
        .urinary4 .displayFlex .flexright {
            width: 100%;
            max-width: 100%;
            margin-top: var(--space-10);
        }
        .urinary4 .displayFlex .flexright .imgAuto {
            width: auto;
        }
    }
    @media all and (max-width: 640px) {
        .urinary4 .displayFlex .flexright {
            width: 100%;
            max-width: 100%;
            margin-top: var(--space-10);
        }
        .urinary4 .displayFlex .flexright .imgAuto {
            width: 60%;
        }
    }

.urinary6 {
    background: center / cover url("/public/images/urinary-bg1.jpg") no-repeat;
}
.urinary6 .layoutSmall  {
    max-width: 1288px;
}
.urinary6 .flexLeft {
    width: 48%;
    text-align: left;
}
.urinary6 .flexLeft .textarea .text2,
.urinary6 .flexLeft .textarea .text4 {
    opacity: 0.8;
}
.urinary6 .flexLeft .textarea .text3 {
    opacity: 0.38;
    margin-bottom: var(--space-5);
}
.urinary6 .flexRight {
    width: 48%;
}
.urinary6 .flexRight img {
    max-width: 506px;
}
    /* 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .urinary6 .layoutSmall  {
            width: 80%;
        }
        .urinary6 .flexLeft {
            width: 58%;
        }
        .urinary6 .flexRight {
            width: 38%;
        }
    }
    @media all and (max-width: 1000px) {
        .urinary6 .layoutSmall  {
            width: 85%;
        }
        .urinary6 br.reverse {
            display: block;
        }
        .urinary6 .flexLeft {
            width: 55%;
        }
        .urinary6 .flexRight {
            width: 43%;
        }
    }
    @media all and (max-width: 640px) {
        .urinary6 .layoutSmall  {
            width: 88%;
        }
        .urinary6 .flexLeft {
            width: 100%;
            padding-bottom: 0
        }
        .urinary6 .flexRight {
            width: 100%;
            margin-top: -50px;
        }
        .urinary6 .flexRight img {
            max-width: 220px;
        }
    }

.urinary8 {
    background: center / cover url("/public/images/urinary-bg2.jpg") no-repeat;
}

.hifu1 {
    background: center / cover url("/public/images/hifu1-bg.jpg") no-repeat;
}
.hifu3 .videoBox video {
    width: 100%;    
}
    /* 미디어쿼리 */
    @media all and (max-width: 640px) {
        .hifu1 .sectionTitle br {
            display: block;
        }
    }

.hifu4-1 .vs {
    padding: 0 7%
}
.hifu4-1 .imgarea img {
    max-width: 280px;
}
.hifu4-1 .label {
    width: 90%;
    max-width: 246px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    justify-content: center;
    align-items: center;
    padding: var(--space-20) var(--space-15);
    border-radius: var(--border-radius);
}
.hifu4-1 .text .text1 {
    display: block;
    margin-bottom: 5px
}
.hifu4-1 .text .text2 {
    display: flex;
    align-items: center;
    justify-content: center;
}
.hifu4-1 .text .text2 img {
    width: 10px;
    margin-left: var(--space-8)
}
    /* 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .hifu4-1 .label {
            width: 100%;
            padding: var(--space-15) var(--space-15);
        }
        .hifu4-1 .imgarea img {
            width: 210px;
        }
    }
    @media all and (max-width: 1000px) {
        .hifu4-1 .imgarea img {
            width: 160px;
        }
    }
    @media all and (max-width: 640px) {
        .hifu4-1 .item {
            flex: 1;
        }
        .hifu4-1 .vs {
            padding: 0 3%
        }
        .hifu4-1 .label {
            width: 80%;
            font-size: var(--font-13);
            padding: var(--space-10) var(--space-10);
        }
        .hifu4-1 .imgarea img {
            width: 120px;
        }
        .hifu4-1 .text .text2 {
            display: inline;
        }
        .hifu4-1 .text .text2 img {
            width: 7px;
            margin-left: var(--space-3);
            margin-top: -2px;
        }
    }
.hifu5 .flexleft {
    background: center / cover url("/public/images/hifu5-bg.jpg") no-repeat;
}
.myoma1-1 img {
    width: 90%;
    max-width: 1080px;
}
.hifu6-1 .imgarea img {
    width: 80%;
    max-width: 922px;
}
.myoma3 .flexleft {
    background: center / cover url("/public/images/myoma4-bg.jpg") no-repeat;
}
    /* 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .hifu6-1 .imgarea img {
            width: 70%;
        }
        .myoma3 .pointArea .pointBox240 {
            width: 100%;
        }
    }
    @media all and (max-width: 1000px) {
        .hifu6-1 h5 br {
            display: block;
        }

    }
    @media all and (max-width: 640px) {
        .myoma1-1 img,
        .hifu6-1 .imgarea img {
            width: 100%;
        }
        .hifu6-1 h5 br {
            display: none;
        }
    }

.inflammation1-1 img {
    max-width: 766px;
    margin: auto
}
.inflammation1-3 .typeList .imgarea img {
    width: 77px;
}
.inflammation2-1 img {
    max-width: 1226px;
    margin: auto
}
.inflammation2-4 .text {
    padding-left: var(--space-80);
    padding-right: var(--space-60)
}
.inflammation3-1 img {
    width: 90%;
    max-width: 1036px;
    margin: auto
}
    /* 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .inflammation1-1 img {
            max-width: 500px;
        }
        .inflammation1-3 .typeList .imgarea img {
            width: 45px;
        }
        .inflammation1-3 .typeList .smallBox {
            height: 46px;
            border-radius: var(--border-radius);
        }
        .inflammation2-4 .text {
            padding-left: var(--space-40);
            padding-right: var(--space-30)
        }
        .inflammation2-4 .text pre {
            white-space: normal;
        }
    }
    @media all and (max-width: 1000px) {
        .inflammation1-1 img {
            max-width: 400px;
        }
        .inflammation1-3 .typeList .grid4 {
            grid-template-columns: repeat(2, 1fr);
        }
        .inflammation1-3 .typeList .smallBox {
            height: auto;
        }
    }
    @media all and (max-width: 640px) {
        .inflammation1-3 .typeList .grid4 {
            grid-template-columns: repeat(1, 1fr);
        }
        .inflammation2-4 .text {
            padding-left: var(--space-20);
            padding-right: var(--space-20)
        }
        .inflammation3-1 img {
            width: 100%;
        }
    }

.contraception5-1 .imgarea img,
.contraception6-1 .imgarea img {
    max-width: 1154px;
    margin: auto
}
.contraception7 {
    background: center / cover url("/public/images/contraception-bg.jpg") no-repeat;
}
   /* 미디어쿼리 */
    @media all and (max-width: 1000px) {
        .contraception7 .pointHalfArea .text2 {
            white-space: pre-line;
            display: block;
        }
    }
    /* 미디어쿼리 */
    @media all and (max-width: 640px) {
        .contraception .pointBox {
            margin-top: 0;
            padding-bottom: 0 !important;
        }
        .contraception2-1 .pointBox .item pre {
            white-space: pre-line;
        }
        .contraception .pointBoxHo {
            margin-top: var(--space-20)
        }
    }
    
    /* 미디어쿼리 */
    @media all and (max-width: 640px) {
        .pregnancy1 .pregnancyTest {
            grid-gap: 0;
        }
        .pregnancy1 .pregnancyTest .item {
            padding: var(--space-20)
        }
        .pregnancy1 .pregnancyTest .item:first-of-type {
            padding-top: 0;
        }
        .pregnancy1 .pregnancyTest .item:last-of-type {
            padding-bottom: 0;
        }
        .pregnancy1 .pregnancyTest .item:not(:last-of-type) {
            border-bottom: var(--border);
        }
    }

.pregnancy2 {
    background: center / cover url("/public/images/abortion-bg1.jpg") no-repeat;
}
.pregnancy2 .itemInput {
    border-right: 1px solid rgba(255,255,255,0.27);
}
.pregnancy2 .itemInput label {
    margin-right: var(--space-30)
}
.pregnancy2 .itemInput .calender {
    padding: 0 var(--space-40);
    border-radius: var(--border-radius);
    font-size: var(--font-22);
}
.pregnancy2 .itemInput .calender,
.pregnancy2 .itemBtn .btn {
    height: 66px;
}
.pregnancy2 .itemBtn .btn {
    width: 142px;
    display:flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-primary);
    border-radius: var(--border-radius);
}
.pregnancy2 .itemBtn .btn:hover {
    background-color: var(--color-dark);
}
    /* 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .pregnancy2 .pregnancyWeeks {
            flex-wrap: wrap;
        }
        .pregnancy2 .itemInput:nth-child(2) {
            border-right: 0;
            padding-right: 0;
        }
        .pregnancy2 .itemInput .calender {
            width: auto;
            height: auto;
            padding: var(--space-15) var(--space-20);
            font-size: var(--font-18);
        }
        .pregnancy2 .itemInput label {
            margin-right: var(--space-15)
        }
        .pregnancy2 .itemBtn {
            flex: 0 0 100%;
            padding: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            border-top: 1px solid rgba(255,255,255,0.27);
            margin-top: var(--space-25);
            padding-top: var(--space-25);
        }
        .pregnancy2 .itemBtn .btn {
            width: auto;
            height: auto;
            padding: var(--space-15) var(--space-40);
        }
    }
    @media all and (max-width: 1000px) {
        .pregnancy2 .itemInput {
            display: flex;
            flex-direction: column;
            flex: 0 0 50%;
            padding: 0 var(--space-30) !important
        }
        .pregnancy2 .itemInput label {
            margin-bottom: var(--space-10);
            margin-right: 0
        }
    }
    @media all and (max-width: 640px) {
        .pregnancy2 .itemInput {
            flex-direction: row;
            flex: 0 0 100%;
            justify-content: space-between;
            align-items: center;
            padding: 0 0 var(--space-10) 0!important;
        }
        .pregnancy2 .itemInput:nth-child(1) {
            border-right: 0;
        }
        .pregnancy2 .itemInput:nth-child(2) {
            padding-top: var(--space-10) !important;
            border-top: 1px solid rgba(255,255,255,0.27);
        }
        .pregnancy2 .itemInput .calender {
            height: 45px;
            padding: 0 var(--space-15);
            font-size: var(--font-16);
        }
        .pregnancy2 .itemInput label {
            text-align: left;
            margin-bottom: 0;
            font-size: var(--font-18);
            align-items: center;
        }
        .pregnancy2 .itemBtn {
            margin-top: 0
        }
        .pregnancy2 .itemBtn .btn {
            padding: var(--space-10) var(--space-25);
        }
    }

.pregnancy3 .swiper {
    position: relative;
}
.pregnancy3 .slideWrap {
    height: 100%;
    position: relative;
}
.pregnancy3 .slideWrap .text {
    position: relative;
    padding-left: 9.5%;
    padding-right: 5%;
    align-items: flex-start;
    text-align: left;
}
.pregnancy3 .slideWrap .imgarea img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pregnancy3 .slideWrap .numberArea .number {
    margin-right: var(--space-15);
}
.pregnancy3 .swiper-utill {
    position: absolute;
    left: 9.5%;
    bottom: 12%;
    z-index: 1;
}
.pregnancy3 .swiper-utill .swiper-pagination {
    top: 0;
}
.pregnancy3 .swiper-utill .swiper-pagination-bullet {
    text-align: center;
    font-size: var(--font-22);
    opacity: 1;
    background: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--fm-iropke);
    border-radius: 50%;
    border: 0;
    margin: 0 var(--space-7) !important;
}
.pregnancy3 .swiper-utill .swiper-pagination-bullet:hover,
.pregnancy3 .swiper-utill .swiper-pagination-bullet-active {
    color: var(--color-primary);
    background: transparent !important
}
.pregnancy3 .swiper-utill .swiper-utill-wrapper .button-prev {
    margin-right: 0
}
.pregnancy3 .swiper-utill .swiper-utill-wrapper .button-next {
    margin-left: 0
}
    /* 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .pregnancy3 .slideWrap {
            height: 400px;
        }
        .pregnancy3 .slideWrap .text {
            padding-left: 10%;
        }
        .pregnancy3 .swiper-utill {
            left: 5.5%;
            bottom: var(--space-30);
        }
        .pregnancy3 .swiper-utill .swiper-pagination-bullet {
            font-size: var(--font-16);
            margin: 0 var(--space-5) !important;
        }
    }
    @media all and (max-width: 1000px) {
        .pregnancy3 .slideWrap .text pre {
            white-space: normal;
        }
    }
    @media all and (max-width: 640px) {
        .pregnancy3 {
            padding-bottom: var(--space-40);
        }
        .pregnancy3 .slideWrap {
            height: auto;
            padding-left: 5%;
            padding-right: 5%;
        }
        .pregnancy3 .slideWrap .text {
            padding-left: 0;
            padding-right: 0;
            padding-bottom: var(--space-15);
            text-align: center;
        }
        .pregnancy3 .slideWrap .text .textarea pre,
        .pregnancy3 .slideWrap .text .textarea p {
            text-align: left;
        }
        .pregnancy3 .slideWrap .numberArea {
            justify-content: center;
            margin-top: var(--space-30);
        }
        .pregnancy3 .slideWrap .numberArea .number {
            margin-right: var(--space-10);
        }
        .pregnancy3 .slideWrap .imgarea {
            width: 100%;
            height: auto;
            padding: 0;
        }
        .pregnancy3 .slideWrap .imgarea img {
            width: 100%;
            height: auto;
            object-fit: unset;
            border-radius: 15px;
        }
        .pregnancy3 .swiper-utill {
            position: relative;
            bottom: unset;
            left: auto;
            margin-top: var(--space-15);
        }
    }

.pregnancy4 .pakageList .imgarea img {
    width: 110px;
}
    /* 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .pregnancy4 .pakageList .imgarea img {
            width: 80px;
        }
    }
    @media all and (max-width: 640px) {
        .pregnancy4 .pakageItems {
            grid-template-columns: repeat(2, 1fr);
        }
        .pregnancy4 .pakageList .imgarea img {
            width: 65px;
        }
    }

.cervical1 .imgarea img {
    width: 60%;
    max-width: 716px;
}
.cervical3 .hvp .flexleft {
    flex: 1 1 65%;
    border-right: 1px solid rgba(223, 223, 223, .35);
}
.cervical3 .hvp .flexright {
    flex: 1 1 35%;
}
.cervical3 .hvp .hvplist .item .icon img {
    width: 160px
}
    /* 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .cervical3 .hvp .flexleft {
            flex: 1 1 68%;
        }
        .cervical3 .hvp .flexright {
            flex: 1 1 32%;
        }
        .cervical3 .hvp .hvplist .item .icon img {
            width: 120px
        }
    }
    @media all and (max-width: 1000px) {
        .cervical1 .imgarea img {
            width: 65%;
        }
        .cervical3 .hvp .hvplist .item .icon img {
            width: 90px
        }
    }
    @media all and (max-width: 640px) {
        .cervical1 .imgarea img {
            width: 100%;
        }
        .cervical3 .hvp {
            padding-left: var(--space-20);
            padding-right: var(--space-20);
            flex-wrap: wrap;
        }
        .cervical3 .hvp .hvplist .item .icon img {
            width: 110px
        }
        .cervical3 .hvp .flexleft {
            flex: 1 1 100%;
            border-right: 0;
            border-bottom: 1px solid rgba(223, 223, 223, .35);
            padding-bottom: var(--space-20);
        }
        .cervical3 .hvp .flexleft .hvplist {
            flex-wrap: wrap;
            padding: 0;
            row-gap: var(--space-20)
        }
        .cervical3 .hvp .flexleft .hvplist .item {
            width: 45%;
        }
        .cervical3 .hvp .flexright {
            flex: 1 1 100%;
            padding-top: var(--space-20);
        }
    }

.cervical4-1 .sectionTitle strong {
    display: block;
}
.cervical4-1 .gardasil .flexleft {
    flex: 1 1 35%;
}
.cervical4-1 .gardasil .flexright {
    flex: 1 1 65%;
}
.cervical4-2 .years .title .item img {
    width: 345px;
}
.cervical4-2 .years .yearsBox {
    position: relative;
    overflow: visible;
}
.cervical4-2 .years .yearsBox .title {
    position: absolute;
    z-index: 1;
    display: inline-flex;
    justify-content: center;
    border-radius: var(--border-radius);
    transform: translateY(-50%);
    left: 50%;
    padding-top: var(--space-12);
    padding-bottom: var(--space-12);
    top: 0
}
.cervical4-2 .years1 .yearsBox .title {
    width: 254px;
    margin-left: -127px;
}
.cervical4-2 .years2 .yearsBox .title {
    width: 390px;
    margin-left: -195px;
}
.cervical4-2 .years .yearsBox .imgarea img,
.ywhitening3-1 .imgarea img {
    max-width: 1170px;
    margin: auto
}
    /* 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .cervical4-2 .years .title .item img {
            width: 230px;
        }
        .cervical4-2 .years1 .yearsBox .title {
            width: 204px;
            margin-left: -102px;
        }
        .cervical4-2 .years2 .yearsBox .title {
            width: 340px;
            margin-left: -170px;
        }
    }
    @media all and (max-width: 1000px) {
        .cervical4-2 .years .title .item img {
            width: 200px;
        }
        .cervical4-2 .years .yearsBox .title {
            padding-top: var(--space-8);
            padding-bottom: var(--space-8);
        }
        .cervical4-2 .years1 .yearsBox .title {
            width: 192px;
            margin-left: -96px;
        }
        .cervical4-2 .years2 .yearsBox .title {
            width: 300px;
            margin-left: -150px;
        }
    }
    @media all and (max-width: 640px) {
        .cervical4-1 .gardasil {
            flex-direction: column;
        }
        .cervical4-1 .gardasil .flexleft,
        .cervical4-1 .gardasil .flexright {
            flex: 1 1 100%;
        }
        .cervical4-2 .years .title .item:first-of-type {
            justify-self: flex-end;
        }
        .cervical4-2 .years .title .item:last-of-type {
            justify-self: flex-start;
        }
        .cervical4-2 .years .title .item img {
            width: 90%;
        }
        .cervical4-2 .years1 .yearsBox .title {
            width: 180px;
            margin-left: -90px;
        }
        .cervical4-2 .years2 .yearsBox .title {
            width: 280px;
            margin-left: -140px;
        }
    }
    /* 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .vaginal2 .region4 .grid pre {
            white-space: normal;
        }
    }
    @media all and (max-width: 640px) {
        .ywhitening3-1 .imgarea img {
            width: 90%;
        }
    }

.balancefit1 .imgarea img {
    width: 158px;
}
.balancefit4 {
    background: center / cover url("/public/images/balance-bg1.jpg") no-repeat;
}
.balancefit5 .processList .imgarea img {
    width: auto;
    height: 170px;
}
.balancefit6 {
    background: center / cover url("/public/images/balance-bg2.jpg") no-repeat;
}
.surgeryArea .surgeryText {
    width: 200px;
    height: 200px;
    border-radius: var(--border-radius);
}
.surgeryArea .surgeryText .inner {
    align-items: baseline;
}
.surgeryArea .surgeryText .inner em {
    opacity: 0.65;
}
.balancefit7 {
    background: center / cover url("/public/images/balance-bg3.jpg") no-repeat;
}
.balancefit9 {
    background: center / cover url("/public/images/vaginal-bg3.jpg") no-repeat;
}
.balancefit13 {
    background: center / cover url("/public/images/vaginal-bg4.jpg") no-repeat;
}
.balancefit .balancefit13 .linkArea .linkList .item:nth-of-type(1),
.clitoralhood .balancefit13 .linkArea .linkList .item:nth-child(3) {
    display: none;
}
.balancefit .balancefit13 .linkArea .linkList .grid4,
.clitoralhood .balancefit13 .linkArea .linkList .grid4 {
    grid-template-columns: repeat(3, 1fr);
}
    /* 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .balancefit1 .imgarea img {
            width: 110px;
        }
        .balancefit5 .processList .imgarea img {
            height: 150px;
        }
        .balancefit5 .processList .grid {
            grid-template-columns: repeat(3, 1fr);
        }
        .surgeryArea .surgeryText {
            width: 170px;
            height: 170px;
        }
    }
    @media all and (max-width: 1000px) {
        .balancefit1 .imgarea img {
            width: 90px;
        }
        .surgeryArea .surgeryText {
            width: 150px;
            height: 150px;
        }
    }
    @media all and (max-width: 640px) {
        .balancefit1 .imgarea img {
            width: 70px;
        }
        .balancefit5 .processList .imgarea img {
            height: 100px;
        }
        .balancefit5 .processList .grid {
            grid-template-columns: repeat(2, 1fr);
        }
        .surgeryArea .surgeryText {
            width: 130px;
            height: 130px;
        }
        .balancefit .balancefit13 .linkArea .linkList .grid4,
        .clitoralhood .balancefit13 .linkArea .linkList .grid4 {
            grid-gap: var(--space-10) var(--space-5);
        }
        .balancefit .balancefit13 .linkArea .linkList .grid4 .item,
        .clitoralhood .balancefit13 .linkArea .linkList .grid4 .item {
            width: 110px;
        }
    }

.clitoralhood5 .imgarea {
    background: center / cover url("/public/images/clitoral-bg.jpg") no-repeat;
}

.linkArea .linkList .item {
    width: 190px;
    height: 62px;
    border-radius: var(--border-radius);
}
.linkArea .linkList .item:hover {
    background-color: var(--color-dark);
}
.linkArea .dotPoint::before,
.breastdisease4 .dotPoint::before {
    background-color: var(--color-primary);
}
    /* 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .linkArea .linkList .item {
            width: 150px;
            height: 52px;
        }
    }
    @media all and (max-width: 1000px) {
        .linkArea .linkList .item {
            width: 130px;
            height: 44px;
        }
    }
    @media all and (max-width: 640px) {
        .linkArea .linkList .item {
            width: 120px;
            height: 44px;
        }
        .linkArea .grid4 {
            grid-template-columns: repeat(2, 1fr);
        }
    }

.name {
    position: absolute;
    right: 7%;
    bottom: 6%;
    opacity: 0.8;
}
.name strong {
    margin-top: var(--space-8)
}
    /* 미디어쿼리 */
    @media all and (max-width: 640px) {
        .name {
            right: 0;
            left: 0;
            margin: 0 auto;
            bottom: 5%;
        }
        .name strong {
            margin-top: var(--space-3)
        }
    }

.ylaser1 .imgarea img {
    width: 70%;
    max-width: 841px;
    margin: auto;
}
.ylaser5-1 .imgarea img {
    width: 60%;
    max-width: 694px;
    margin: auto;
}
.ylaser5-2 .imgarea img {
    width: 70%;
    max-width: 892px;
    margin: auto;
}
.ylaser6-1 .imgarea img {
    width: 90%;
    max-width: 1120px;
    margin: auto;
}
.ylaser6-2 .imgarea img {
    width: 60%;
    max-width: 769px;
    margin: auto;
}
.ylaser7-1 img {
    width: 90%;
    max-width: 1328px;
    margin: auto;
}
.ylaser7-2 .imgarea img {
    width: 279px;
    margin: auto;
}
.ylaser7-2 .contents .item strong,
.sInjection3 .contents .item strong {
    margin-right: var(--space-15);
}
.ylaser8-1 .imgarea img {
    width: 511px;
    margin: auto
}
.ylaser10 {
    background: center / cover url("/public/images/ylaser-bg.jpg") no-repeat;
}
.ylaser .linkArea .linkList .item:nth-of-type(1) {
    display: none;
}
    /* 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .ylaser7-2 .imgarea img {
            width: 200px;
        }
        .ylaser7-2 .contents {
            column-gap: var(--space-30);
        }
        .ylaser7-2 .contents .item strong,
        .sInjection3 .contents .item strong {
            margin-right: var(--space-10);
        }
        .ylaser8-1 .imgarea img {
            width: 400px
        }
    }
    @media all and (max-width: 1000px) {
        .ylaser7-2 .imgarea img {
            width: 180px;
        }
        .ylaser7-2 .contents,
        .sInjection3 .contents {
            column-gap: var(--space-20);
        }
        .ylaser8-1 .imgarea img {
            width: 350px
        }
    }
    @media all and (max-width: 640px) {
        .ylaser1 .imgarea img {
            width: 100%;
        }
        .ylaser5-1 .imgarea img {
            width: 85%;
        }
        .ylaser5-2 .imgarea img {
            width: 100%;
        }
        .ylaser5-3 .differenceTable .tableRow:nth-of-type(2) {
            display: none;
        }
        .ylaser6-2 .imgarea img {
            width: 90%;
        }
        .ylaser7-2 .imgarea img {
            width: 140px;
        }
        .ylaser7-2 .flexBasic {
            flex-direction: column;
        }
        .ylaser7-2 .contents,
        .sInjection3 .contents {
            row-gap: var(--space-20);
        }
        .ylaser7-2 .contents .item strong {
            margin-right: 0;
            margin-bottom: var(--space-5);
        }
        .ylaser8-1 .imgarea img {
            width: 70%;
        }
    }

.yfiller3 {
    background: center / cover url("/public/images/yfiller-bg.jpg") no-repeat;
}
.yfiller3 {
    background: center / cover url("/public/images/yfiller-bg.jpg") no-repeat;
}
.yfiller7-6 .imgarea {
    background: center / cover url("/public/images/yfiller-bg2.jpg") no-repeat;
}
.yfiller .linkArea .linkList .item:nth-of-type(2) {
    display: none;
}
    /* 미디어쿼리 */
    @media all and (max-width: 640px) {
        .yfiller7-6 .pointBox {
            padding-top: 0;
            padding-bottom: 0;        }
        .yfiller7-6 .pointBox .pointList .item:first-of-type {
            padding-top: 0 !important;
        }
        .yfiller7-6 .pointBox .pointList .item {
            border-right: 0;
        }
    }

.yplasty1 .imgarea img {
    width: 70%;
    max-width: 1074px;
    margin: auto
}
.yplasty9-2 .pointHalfArea .gridLeft {
    border-color: var(--color-gray-cf);
}
.yplasty9-2 .pointHalfArea .imgarea img,
.contraception8 .pointHalfArea .imgarea img {
    width: 178px;
}
.yplasty .linkArea .linkList .item:nth-of-type(3) {
    display: none;
}
    /* 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .yplasty3 .sectionBgWide .textarea pre,
        .yplasty9-2 .pointHalfArea .textarea pre {
            white-space: normal;
        }
        .yplasty9-2 .pointHalfArea .imgarea img,
        .contraception8 .pointHalfArea .imgarea img {
            width: 160px;
        }
    }
    @media all and (max-width: 1000px) {
        .yplasty1 .imgarea img {
            width: 80%;
        }
        .yplasty9-2 .pointHalfArea .imgarea img,
        .contraception8 .pointHalfArea .imgarea img {
            width: 140px;
        }
    }
    @media all and (max-width: 640px) {
        .yplasty1 .imgarea img {
            width: 100%;
        }
        .yplasty6 .processList li .subject {
            white-space: pre-line;
        }
        .yplasty9-2 .pointHalfArea .imgarea img,
        .contraception8 .pointHalfArea .imgarea img {
            width: 130px;
        }
    }

.ywhitening1 .sectionBgWide .flexleft .textWrap .imgarea img {
    width: 72px;
}
.ywhitening .linkArea .linkList .item:nth-of-type(4) {
    display: none;
}
    /* 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .ywhitening1 .sectionBgWide .flexleft .textWrap {
            align-items: flex-start;
        }
    }
    @media all and (max-width: 1000px) {
        .ywhitening1 .sectionBgWide .flexleft .textWrap .imgarea img {
            width: 60px;
        }
    }
    @media all and (max-width: 640px) {
        .ywhitening1 .sectionBgWide .flexleft {
            padding-bottom: var(--space-20);
        }
        .ywhitening1 .sectionBgWide .flexleft .textWrap {
            flex-direction: column;
            align-items: center;
        }
        .ywhitening1 .sectionBgWide .flexleft .textWrap .imgarea img {
            width: 50px;
        }
        .ywhitening1 .sectionBgWide .flexleft .textWrap .textarea {
            margin-top: var(--space-20)
        }
        .ywhitening1 .sectionBgWide .flexright {
            width: 90%;
            padding-bottom: var(--space-45);
        }
        .ywhitening1 .sectionBgWide .flexright img {
            border-radius: var(--space-15);
        }
    }

.sInjection2-1 img {
    width: 90%;
    max-width: 1048px;
    margin: auto
}
.sInjection3 .pointHalfArea .gridLeft {
    border-color: var(--color-gray-df);
}
.sInjection3 .pointHalfArea .imgarea img {
    width: 220px;
}
.sInjection5 {
    background: left center / cover url("/public/images/sensuality4-bg.jpg") no-repeat; 
}
.sInjection6 .typeList .stemIcon {
    display: none;
}
.sInjection9 {
    background: right center / cover url("/public/images/sensuality-bg3.jpg") no-repeat; 
}
    /* 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .sInjection3 .pointHalfArea .imgarea img {
            width: 170px;
        }
        .sInjection3 .pointHalfArea .text pre {
            white-space: normal;
        }
    }
    @media all and (max-width: 1000px) {
        .sInjection3 .pointHalfArea .imgarea img {
            width: 150px;
        }
    }
    @media all and (max-width: 640px) {
        .sInjection2-1 img {
            width: 100%;
        }
        .sInjection3 .pointHalfArea .imgarea img {
            width: 130px;
        }
        .sInjection7 .pointBox {
            padding: 0
        }
        .sInjection7 .pointBox .pointList .item strong {
            margin-bottom: var(--space-15);
        }
        .sInjection7 .whyBox {
            padding-bottom: var(--space-15);
        }
    }

.slaser2-1 img {
    width: 60%;
    max-width: 682px;
    margin: auto;
}
.slaser3-2 img {
    max-width: 994px;
    margin: auto
}
.slaser4 {
    background: left center / cover url("/public/images/sensualitylaser-bg.jpg") no-repeat; 
}
    /* 미디어쿼리 */
    @media all and (max-width: 640px) {
        .slaser2-1 img {
            width: 100%;
        }
    }

/* 유방/갑상선 */
.breastdisease1-1 img {
    width: 301px;
}
.breastdisease1-2 .caseBody .imgarea img {
    width: 120px;
}
.breastdisease4 {
    background: center / cover url("/public/images/breastdisease-bg.jpg") no-repeat;
}
    /* 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .breastsurgery1 .orderList .grid pre {
            white-space: normal;
        }
        .breastdisease1-1 img {
            width: 220px;
        }
        .breastdisease1-2 .caseBody .imgarea img {
            width: 100px;
        }
    }
    @media all and (max-width: 1000px) {
        .breastdisease1-1 img {
            width: 190px;
        }
        .breastdisease1-2 .caseBody .imgarea img {
            width: 100px;
        }
        .breastdisease2 .processList .grid {
            grid-template-columns: repeat(2, 1fr);
        }
    }
    @media all and (max-width: 640px) {
        .breastdisease1-1 img {
            width: 150px;
        }
        .breastdisease1-2 .caseBody .imgarea img {
            width: 70px;
        }
        .breastdisease2 .processList .grid {
            grid-template-columns: repeat(1, 1fr);
        }
        .breastdisease4 .sectionTitle {
            line-height: 1.8;
        }
    }

.mammotome9 {
    background: center / cover url("/public/images/mammotome8-bg.jpg") no-repeat;
}
.mammotome9 .imgarea img {
    width: 70%;
    max-width: 939px;
    margin: auto;
}
.mammotome10 .flexleft .imgarea img {
    width: 200px;
}
    /* 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .mammotome10 .flexleft .textarea pre {
            white-space: normal;
        }
        .mammotome10 .flexleft .imgarea img {
            width: 150px;
        }
    }
    @media all and (max-width: 1000px) {
        .mammotome10 .flexleft .displayFlex {
            flex-direction: column;
            padding-left: 0;
            padding-right: 0;
        }
        .mammotome10 .flexleft .sectionTitlearea {
            padding-right: 0;
            text-align: center !important;
        }
        .mammotome10 .flexleft .sectionTitlearea .sectionTitle {
            text-align: center !important;
        }
        .mammotome10 .flexleft .imgarea {
            margin-top: var(--space-20);
        }
        .mammotome10 .flexleft .imgarea {
            width: 100%;
            background-color: var(--color-beige-ef)
        }
        .mammotome10 .flexleft .imgarea img {
            width: 150px;
        }
        .mammotome10 .flexright .name {
            color: var(--color-dark)
        }
        .mammotome12 .textarea pre {
            white-space: normal;
        }
    }
    @media all and (max-width: 1000px) {
        .mammotome9 .imgarea img {
            width: 90%;
        }
    }

.breastsurgery2 {
    background: center / cover url("/public/images/breastsurgery2-bg.jpg") no-repeat;
}
.breastsurgery3 .flexleft {
    background: center / cover url("/public/images/breastsurgery3-1.jpg") no-repeat;
}
.breastsurgery3 .drprofile {
    width: 90%;
    max-width: 790px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}
.breastsurgery3 .drprofile h5 {
    flex: 0 0 25%;
}
.breastsurgery3 .drprofile ul {
    flex: 0 0 75%;
}
    /* 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .breastsurgery3 .drprofile {
            flex-direction: column;
        }
        .breastsurgery3 .drprofile h5 {
            flex: 0 0 100%;
            margin-bottom: var(--space-10);
        }
        .breastsurgery3 .drprofile ul {
            flex: 0 0 100%;
            padding-left: 0
        }
    }
    @media all and (max-width: 1000px) {
        .breastsurgery3 .drprofile ul {
            grid-template-columns: repeat(1, 1fr)
        }
        .breastsurgery3 .drprofile {
            flex-direction: row;
        }
        .breastsurgery3 .drprofile h5 {
            flex: 0 0 30%;
        }
        .breastsurgery3 .drprofile ul {
            flex: 0 0 70%;
        }
    }
.implantremoval4 .typeList .imgarea img {
    width: 100%;
    max-width: 594px;
}
.implantremoval5 .imgarea img {
    width: 80%;
    max-width: 1020px;
}
.contraception8 {
    background: center / cover url("/public/images/implant5-bg.jpg") no-repeat;
}
    /* 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .implantremoval5 .itemCircle {
            margin-top: 0;
            margin-bottom: 0
        }
    }
    @media all and (max-width: 640px) {
        .implantremoval5 .imgarea img {
            width: 100%;
        }
    }

.invertednipple4 {
    background: center / cover url("/public/images/inverted3-bg.jpg") no-repeat;
}
.invertednipple5 .region1 .processList .imgarea img {
    width: 230px;
}
    /* 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .invertednipple5 .region1 .processList .imgarea img {
            width: 160px;
        }
    }
    @media all and (max-width: 1000px) {
        .invertednipple5 .region1 .processList .imgarea img {
            width: 130px;
        }
    }

.thyroiddysfunction1-1 img {
    width: 50%;
    max-width: 710px;
}
.thyroiddysfunction1-2 .symptoms .badgeBasic {
    margin:  var(--space-5) var(--space-10) var(--space-5) 0;
}
.thyroiddysfunction2-1 img {
    width: 35%;
    max-width: 464px;
}
.thyroiddysfunction3-1 img {
    width: 33%;
    max-width: 424px;
}
    /* 미디어쿼리 */
    @media all and (max-width: 1000px) {
        .thyroiddysfunction1-1 img {
            width: 60%;
        }
        .thyroiddysfunction1-2 .symptoms .badgeBasic {
            margin:  var(--space-4) var(--space-8) var(--space-4) 0;
        }
        .thyroiddysfunction2-1 img {
            width: 40%;
        }
        .thyroiddysfunction3-1 img {
            width: 37%;
        }
        .thyroiddysfunction2-2 .pointBox .pointList .item pre {
            white-space: normal;
        }
    }
    @media all and (max-width: 640px) {
        .thyroiddysfunction1-1 img {
            width: 100%;
        }
        .thyroiddysfunction2-1 img {
            width: 60%;
        }
        .thyroiddysfunction3-1 img {
            width: 58%;
        }
        .thyroiddysfunction1-2 .symptoms .badgeBasic {
            margin:  var(--space-3) var(--space-6) var(--space-3) 0;
        }
    }

.breastcancer .layoutSmall {
    max-width: 1430px;
}
.breastcancer .breastcancerItem .item {
    width: 100%;
    position: relative;
    z-index:2
}
.breastcancer1 .flexBasic,
.breastcancer5 .flexBasic,
.breastcancer7 .flexBasic {
    max-width: 1281px;
}
.breastcancer1 .doctorIntroduce dl > dd:not(:last-of-type) {
    margin-bottom: var(--space-7)
}
.breastcancer2 .flexBasic {
    max-width: 1363px;
}
.breastcancer2 .flexleft,
.breastcancer6 .flexleft {
    padding-left: 12.5%
}
.breastcancer3 .flexBasic {
    max-width: 1368px;
}
.breastcancer3 .bigNumber {
    transform: translateX(50%);
    left: 42%;
    bottom: -16%
}
.breastcancer4 .flexBasic {
    max-width: 1157px;
}
.breastcancer4 .bigNumber {
    transform: translateX(50%);
    left: 37%;
    bottom: -12%
}
.breastcancer6 .flexBasic {
    max-width: 1328px;
}
.breastcancer8 .flexleft {
    padding-left: 10.5%
}
.breastcancer .bigNumber {
    font-size: 184px;
    opacity: .15;
    position: absolute;
    z-index: 2;
}
.breastcancer1 .bigNumber,
.breastcancer5 .bigNumber,
.breastcancer7 .bigNumber {
    transform: translateX(50%);
    left: 52%;
    bottom: -10%
}
.breastcancer2 .bigNumber,
.breastcancer6 .bigNumber,
.breastcancer8 .bigNumber {
    right: 0;
    bottom: -18%
}
.sloganArea {
    z-index: 0;
    position: relative;
    display: flex;
    align-items: center;
}
.sloganArea img {
    width: 90%;
    max-width: 1370px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
.sloganArea .sloganBg {
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 900px;
    background: #FBF7F2;
    background: linear-gradient(359deg,rgba(251, 247, 242, 0) 0%, rgba(251, 247, 242, 1) 50%, rgba(251, 247, 242, 0) 100%);
}
    /* 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .breastcancer .layoutSmall {
            width: 88%;
        }
        .breastcancerItem {
            justify-content: center;
        }
        .breastcancerItem .item {
            justify-content: space-between;
        }
        .breastcancerItem .item .flexleft {
            width: 52%
        }
        .breastcancerItem .item .flexright {
            width: 45%
        }
        .breastcancer2 .flexleft,
        .breastcancer6 .flexleft,
        .breastcancerItem .item .flexleft {
            padding-left: 0
        }
        .breastcancer1 .imgarea img,
        .breastcancer4 .imgarea img,
        .breastcancer5 .imgarea img,
        .breastcancer7 .imgarea img {
            width: auto;
            height: 405px;
        }
        .breastcancer .bigNumber {
            font-size: 140px;
        }
        .breastcancer1 .bigNumber,
        .breastcancer5 .bigNumber,
        .breastcancer7 .bigNumber {
            left: 49%;
        }
        .sloganArea .sloganBg {
            height: 600px;
        }
    }
    @media all and (max-width: 1000px) {
        .breastcancerItem .item .flexleft {
            width: 48%
        }
        .breastcancerItem .item .flexright {
            width: 48%
        }
        .breastcancer4 .item .flexleft,
        .breastcancer5 .item .flexleft,
        .breastcancer7 .item .flexleft {
            width: 55%
        }
        .breastcancer4 .item .flexright,
        .breastcancer5 .item .flexright,
        .breastcancer7 .item .flexright {
            width: 40%
        }
        .breastcancer1 .imgarea img,
        .breastcancer4 .imgarea img,
        .breastcancer5 .imgarea img,
        .breastcancer7 .imgarea img {
            width: 100%;
            height: auto;
        }
        .breastcancer1 .item .flexleft {
            width: 55%
        }
        .breastcancer1 .item .flexright {
            width: 40%
        }
        .breastcancer .bigNumber {
            font-size: 120px;
        }
        .breastcancer .item .textarea pre {
            white-space: normal;
        }
        .breastcancer1 .doctorIntroduce {
            grid-template-columns: repeat(1, 1fr);
        }
        .breastcancer1 .doctorIntroduce dl:first-of-type {
            margin-bottom: var(--space-20);
        }
        .breastcancer1 .doctorIntroduce dl > dd:not(:last-of-type) {
            margin-bottom: var(--space-5);
        }
        .breastcancer1 .item {
            align-items: flex-end;
        }
        .sloganArea .sloganBg {
            height: 400px;
        }
    }
    @media all and (max-width: 640px) {
        .breastcancerItem .item .flexleft {
            width: 100%;
            text-align: center !important;
        }
        .breastcancerItem .item .flexleft .textarea {
            margin-top: var(--space-20);
        }
        .breastcancerItem .item .flexright {
            width: 100%;
            margin-top: var(--space-20);
        }
        .breastcancer1 .item .flexleft,
        .breastcancer4 .item .flexleft,
        .breastcancer5 .item .flexleft,
        .breastcancer7 .item .flexleft {
            width: 100%
        }
        .breastcancer1 .item .flexright,
        .breastcancer4 .item .flexright,
        .breastcancer5 .item .flexright,
        .breastcancer7 .item .flexright {
            width: 100%
        }
        .breastcancer .item {
            flex-direction: column;
        }
        .breastcancer .bigNumber {
            font-size: 100px;
            display: none;
        }
        .breastcancer2 .item,
        .breastcancer4 .item,
        .breastcancer6 .item,
        .breastcancer8 .item {
            flex-direction: column-reverse;
        }
        .breastcancer2 .flexleft, 
        .breastcancer6 .flexleft {
            padding-left: 0
        }
        .breastcancer1 .doctorIntroduce dl:first-of-type {
            margin-bottom: var(--space-15);
            padding-bottom: var(--space-15);
            border-bottom: var(--border);
        }
        .sloganArea .sloganBg {
            height: 300px;
        }
    }

.thyroidcancer1-1 img {
    max-width: 472px;
    margin: auto;
}
    /* 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .thyroidcancer1-1 img {
            width: 40%;
        }
    }
    @media all and (max-width: 1000px) {
        .thyroidcancer1-1 img{
            width: 50%;
        }   
    }
    @media all and (max-width: 640px) {
        .thyroidcancer1-1 img {
            width: 70%;
        }
        .thyroiddysfunction2-3 .caseList .grid,
        .thyroiddysfunction3-3 .caseList .grid {
            grid-template-columns: repeat(2, 1fr);
        }
    }

/* 피부과 */
.hairloss2 {
    background: center / cover url("/public/images/hairloss2.jpg") no-repeat;
}
.hairloss4-1 img {
    max-width: 1104px;
    margin: auto;
}
.skinstemcell2 {
    background: center / cover url("/public/images/skinstemcell2-bg.jpg") no-repeat;
}
.obesitybody2-2 img {
    width: 50%;
    max-width: 512px;
    margin: auto;
}
.obesitybody2-4 .whyBox .imgarea img {
    width: 95px;
}
.obesitybody3-4 .differenceTable .tableRow img {
    width: 183px;
}
.obesitybody3-5 {
    background: center / cover url("/public/images/obesitybody6-bg.jpg") no-repeat; 
}
.obesitybody4-2 img {
    width: 30%;
    max-width: 405px;
}
.obesitybody4-6 img {
    width: 25%;
    max-width: 282px;
}
.petit1-2 img {
    width: 50%;
    max-width: 740px;
    margin: auto
}
    /* 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .obesitybody3-4 .differenceTable .tableRow img {
            width: 133px;
        }
    }
    @media all and (max-width: 1000px) {
        .obesitybody2-2 img {
            width: 55%;
        }
        .obesitybody2-4 .whyBox .imgarea img {
            width: 80px;
        }
        .obesitybody2-4 .whyBox .flexright ul li {
            text-align: left;
        }
        .obesitybody2-4 .whyBox .textWrap {
            justify-content: center;
        }
        .petit1-2 img {
            width: 60%;
        }
    }
    @media all and (max-width: 640px) {
        .obesitybody2-2 img {
            width: 85%;
        }
        .obesitybody2-4 .whyBox .textWrap {
            flex-direction: column;
        }
        .obesitybody2-4 .whyBox .imgarea {
            padding-right: 0;
            margin-bottom: var(--space-10);
        }
        .obesitybody2-4 .whyBox .imgarea img {
            width: 60px;
        }
        .obesitybody3-4 .differenceTable .tableRow img {
            width: 100%;
        }
        .obesitybody4-2 img {
            width: 55%;
        }
        .obesitybody4-6 img {
            width: 45%;
        }
        .petit1-2 img {
            width: 100%;
        }
    }

/* 줄기세포 */
.sexualFunction1 .imgarea img,
.skinStemCells1 .imgarea img {
    width: 90%;
    max-width: 1256px;
    margin: auto
}
.sexualFunction2 {
    background: center / cover url("/public/images/sensuality-bg1.jpg") no-repeat;
}
.skinStemCells3 {
    background: center / cover url("/public/images/skinstemcells2-bg.jpg") no-repeat;
}
.autoimmunity1 {
    background: center / cover url("/public/images/autoimmunity2-bg.jpg") no-repeat;
}
.sexualFunction7 {
    background: center / cover url("/public/images/sensuality-bg2.jpg") no-repeat;
}
.sexualFunction7 .subTitlearea span img {
    width: 94px;
}
    /* 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .sexualFunction7 .subTitlearea span img {
            width: 75px;
        }
    }
    @media all and (max-width: 1000px) {
        .sexualFunction1 .imgarea img,
        .skinStemCells1 .imgarea img {
            width: 100%
        }
    }
    @media all and (max-width: 640px) {
        .sexualFunction7 .subTitlearea span img {
            width: 65px;
        }
    }

.whyBox .flexleft {
    width: 42%;
    max-width: 555px;
}
.whyBox .flexright {
    width: 55%;
    text-align: left;
}
.whyBox.reverse {
    flex-direction: row-reverse;
}
.sexualFunction6 .whyBox ol li {
    text-align: left;
    padding-left: var(--space-48);
    position: relative;
}
.sexualFunction6 .whyBox ol li .number {
    position: absolute;
    left: 0;
    top: -5px
}
    /* 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .whyBox .textarea pre {
            white-space: normal;
        }
        .whyBox {
            padding-left: var(--space-35);
            padding-right: var(--space-35);
        }
        .sexualFunction6 .whyBox {
            align-items: flex-start;
        }
    }
    @media all and (max-width: 1000px) {
        .whyBox {
            padding-left: var(--space-30);
            padding-right: var(--space-30);
            flex-direction: column-reverse;
        }
        .whyBox .flexleft {
            width: 100%;
            max-width: 100%;
        }
        .whyBox .flexright {
            width: 100%;
            text-align: center;
        }
        .whyBox .flexleft {
            width: 100%;
            margin-top: var(--space-30)
        }
        .whyBox .sectionTitle {
            text-align: center !important;
        }
        .whyBox.reverse {
            flex-direction: column-reverse;
        }
        .whyBox.reverse .flexleft {
            margin-bottom: 0
        }
        .whyBox ol li,
        .sexualFunction6 .whyBox ol li {
            padding-left: var(--space-35);
        }
        .whyBox ol li .number,
        .sexualFunction6 .whyBox ol li .number {
            top: -3px
        }
        .sexualFunction6 .whyBox .flexright {
            text-align: left;
        }
    }
    @media all and (max-width: 640px) {
        .whyBox {
            align-items: flex-start;
            flex-direction: column-reverse;
            padding-left: var(--space-15);
            padding-right: var(--space-15);
        }
        .whyBox .flexleft {
            width: 100%;
            max-width: 100%;
            margin-top: var(--space-20)
        }
        .whyBox  .flexright {
            width: 100%;
            text-align: center;
        }
        .whyBox ol li .number {
            top: -2px
        }
    }