@charset "utf-8";


body {
    overflow-x: hidden;
}

ul {
    padding-left: 0 !important;
    margin-bottom: 0 !important;
}

.inner {
    max-width: 100vw;
}

.programCon_custom01 {
    max-width: 1200px !important;
}


.inner form {
    max-width: 1320px;
    margin: 0 auto;
}

.inner .common_table02 {
    max-width: 1320px;
    margin: 0 auto;
}

.inner .recruitment_table01 {
    max-width: 1320px;
    margin: 0 auto;
}


.programCon {
    padding: 120px 0;
}

.new_write_btn_box {
    max-width: 1320px;
    margin: 0 auto;
    margin-top: 40px;
    display: flex;
    justify-content: flex-end;
}

a.prd_page_nav_num.active {
    background-color: #4096F2;
    border-color: #4096F2;
}

.new_write_btn_box a {
    max-width: 300px;
    background-color: #4096F2;
}

.ml300 {
    padding-left: 300px;
}

.gap80 {
    gap: 5rem;
}

.gap100 {
    gap: 6.25rem;
}

.gap100>div {
    flex: 1;
}

body {
    background-color: #fafafa;
}

/****************************************************************/

header .gnb {
    margin: 0 auto;
}

/***************************************************************/

#mainVisual {
    background-image: url(/img/mv01.svg);
    min-height: 800px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

#mainVisual h1 {
    color: #fff;
    text-align: left;
    text-shadow: 0px 4px 48px rgba(34, 34, 34, 0.5);
    font-family: var(--Family-KO, Pretendard);
    font-size: 3rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    /* 52px */
    letter-spacing: -0.4px;
}

#mainVisual h1:nth-child(1) {
    padding-top: 200px;
}
.img3 img {
    flex: 1;
    width: calc(33.333% - 1rem);
}

section.first {
    padding: 10rem 0;
}

section.first .secTitle h3 {
    color: #333;
    font-family: Pretendard;
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    /* 32px */
    letter-spacing: -0.16px;
}

section.first .secTitle p {
    color: #333;
    font-family: Pretendard;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 24px */
    letter-spacing: 0.16px;
}

section.first h6 {
    color: #333;
    font-family: Pretendard;
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -0.16px;
}

section.first p {
    color: #333;
    font-family: Pretendard;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 200%;
    /* 36px */
    letter-spacing: 0.18px;
}

section.first button {
    display: flex;
    padding: 8px 20px;
    align-items: center;
    border-radius: 4px;
    background: #444;
    color: #fff;
    font-family: Pretendard;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    /* 14px */
    letter-spacing: 0.28px;
    border: none;
    max-width: 100px;
}

section.first .swiper-slide img {
    width: 100%;
}

.swiper-button-next,
.swiper-button-prev {
    color: #8e8e8e;
}

section.first .swiperBox {
    width: 10rem;
    height: 5rem;
    left: 300px;
    bottom: 0;
}

.logoBox {
    background-image: url(/img/doog.svg);
    background-repeat: no-repeat;
    background-position: 160px 10px;
    overflow: visible;
}

/**************************************************************/

section.second {
    background-image: url(/img/sec02bg.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 5rem 0;
}

.secContainer {
    max-width: 1320px;
}

.secContainerWide {
    max-width: 1440px;
}

section.second img {
    width: 100%;
}

section.second .secContainer div {
    border-radius: 16px;
    background: rgba(250, 250, 250, 0.5);
}

section.second .secContainer div h3 {
    color: #333;
    font-family: Pretendard;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0.48px;
    margin-bottom: 2.5rem;
}

section.second .secContainer div p {
    color: #333;
    font-family: Pretendard;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 24px */
    letter-spacing: 0.48px;
}

/**************************************************************/

section.third {
    padding: 10rem 0;
    background-color: #fff;
}

section.third .secContainer>div {
    padding: 3.5rem 5rem;
    border: 1px solid #e6e6e6;
}

section.third .secContainer h2 {
    color: #333;
    font-family: Pretendard;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    /* 24px */
    letter-spacing: 0.12px;
}

section.third .secContainer h2 img {
    width: 1.5rem;
    aspect-ratio: 1/1;
    margin-right: 0.25rem;
}

section.third .secContainer button {
    color: #333;
    font-family: Pretendard;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    background-color: transparent;
    border: none;
}

section.third .secContainer ul li {
    padding: 1rem 0.75rem;
    margin-bottom: 0;
    border-bottom: 1px solid #e6e6e6;
}

section.third .secContainer ul li h5 {
    color: #333;
    font-family: Pretendard;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    /* 16px */
    margin-bottom: 0.5rem;
}

section.third .secContainer ul li p {
    color: #333;
    font-family: Pretendard;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0;
}

section.third .tableHead {
    background-color: #f1f1f1;
}

section.third .tableHead h2 {
    margin-bottom: 0;
}



/**************************************************************/

section.fourth {
    padding: 10rem 0;
}

section.fourth .info {
    border-radius: 16px;
    background: var(--grey-700, #444);
    padding: 3.5rem 4.5rem;
    gap: 2.5rem;
}

section.fourth .info .road {}

section.fourth img.map {
    aspect-ratio: 642 / 700;
}

section.fourth div.map {
    overflow: hidden;
}

section.fourth .info .road h2 {
    color: var(--grey-100, #f1f1f1);
    font-family: var(--Family-KO, Pretendard);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    /* 24px */
    letter-spacing: 0.12px;
    margin-bottom: 1.5rem;
}

section.fourth .info .road p {
    color: var(--grey-100, #f1f1f1);
    font-family: var(--Family-KO, Pretendard);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 24px */
    letter-spacing: 0.16px;
}

section.fourth .info .tel {
    padding: 0 0 2.5rem 0;
}

section.fourth .info .tel label {
    color: var(--grey-100, #f1f1f1);
    font-family: var(--Family-KO, Pretendard);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    /* 14px */
    letter-spacing: 0.28px;
    min-width: 7rem;
}

section.fourth .info .tel h1 {
    color: var(--grey-100, #f1f1f1);
    font-family: var(--Family-KO, Pretendard);
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    /* 28px */
    letter-spacing: 0.07px;
}

section.fourth .info .time label {
    color: var(--grey-100, #f1f1f1);
    font-family: var(--Family-KO, Pretendard);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    /* 14px */
    letter-spacing: 0.28px;
    min-width: 7rem;
}

section.fourth .info .time .timeWrap ul li {
    width: 164px;
    color: var(--grey-100, #f1f1f1);

    /* body-2 */
    font-family: var(--Family-KO, Pretendard);
    font-size: var(--size-Body-2, 0.875rem);
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 22.4px */
    letter-spacing: 0.14px;
}

section.fourth .info .time .timeWrap div {
    border-radius: 4px;
    border: 1px solid #828282;
    background: #515151;

    padding: 0.75rem 0.75rem;

    width: 264px;
    display: flex;
    justify-content: space-between;
}

section.fourth .info .time .timeWrap div button {
    background-color: transparent;
    color: var(--typo-typo-wh, #fff);
    font-family: var(--Family-KO, Pretendard);
    font-size: var(--size-Sub-Title-2, 1rem);
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    /* 16px */
}

section.fourth .info .time .timeWrap div h6 {
    color: var(--typo-typo-wh, #fff);
    font-family: var(--Family-KO, Pretendard);
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    /* 16px */
    margin-bottom: 0;
    white-space: nowrap;
}

section.fourth .info .time .timeWrap div p {
    color: var(--typo-typo-wh, #fff);
    font-family: var(--Family-KO, Pretendard);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    /* 16px */
    margin-bottom: 0;
    white-space: nowrap;
}

section.fourth .info .time .grayP {
    color: var(--grey-100, #f1f1f1);
    font-family: var(--Family-KO, Pretendard);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 22.4px */
    letter-spacing: 0.14px;
}

section.fourth .labelDiv {
    display: flex;
    padding: 8px 12px;
    align-items: center;
    align-self: stretch;
    border-radius: 8px;
    background: #575757;
    margin-bottom: 2.5rem;
}

section.fourth .labelDiv h1 {
    color: var(--typo-typo-wh, #fff);
    font-family: var(--Family-KO, Pretendard);
    font-size: var(--size-Heading-4, 28px);
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    /* 28px */
    letter-spacing: 0.07px;
    margin-bottom: 0;
}

section.fourth .labelDiv img {
    width: 32px;
    height: 32px;
    filter: invert(1);
}

section.fourth .timeText ul li {

    color: var(--typo-typo-wh, #FFF);
    font-family: var(--Family-KO, Pretendard);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 25.6px */
    letter-spacing: 0.16px;
}

section.fourth .booking .btn {
    display: flex;
    padding: 18px 24px;
    align-items: center;
    border-radius: 4px;

    font-family: var(--Family-KO, Pretendard);
    font-size: var(--size-Sub-Title-3, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    /* 14px */
    letter-spacing: 0.28px;
}

section.fourth .booking .btn.btn-primary {
    background: var(--grey-gr-50, #FAFAFA);
    color: var(--typo-typo-bk, #333);
    border: 1px solid var(--grey-200, #fafafa);
}

section.fourth .booking .btn.btn-secondary {
    background: transparent;
    color: var(--typo-typo-wh, #FFF);
    border-radius: 4px;
    border: 1px solid var(--grey-200, #C7C7C7);

}

/**************************************************************/
.fakeFooter {
    width: 100vw;
    background-color: #a7a7a7;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.25rem;
    padding: 5rem 0;
    background-image: url(/img/footerbg.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.fakeFooter h1 {
    color: #fff;
    text-align: center;
    font-family: Pretendard;
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    /* 36.4px */
    letter-spacing: -0.28px;
}

.fakeFooter a {
    display: block;
}

.fakeFooter button {
    display: flex;
    padding: 0.75rem 1.25rem;
    align-items: center;
    color: #333;
    font-family: var(--Family-KO, Pretendard);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    /* 14px */
    letter-spacing: 0.28px;
    border-radius: 4px;
    border: 1px solid var(--typo-typo-bk, #333);
    background: rgba(255, 255, 255, 0.10);
}

.realFooter {
    max-width: 100vw;
    background: var(--grey-900, #222);
    width: 100%;
    margin: 0 auto;
    padding: 2.5rem 0;
}

.realFooterWrap {
    max-width: 1320px;
}

.realFooterWrap button {
    background-color: transparent;
    border: none;
    color: #fff;
    font-family: var(--Family-KO, Pretendard);
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.realFooter em {
    margin: 2rem 0 3.3125rem 0;
    display: block;
    height: 1px;
    background-color: #fff;
}

.realFooter p span::after {
    content: '';
    display: block;
    background-color: #333;
    width: 1px;
    height: 100%;
    margin: 0 0.75rem;
}

.realFooter p span:last-child::after {
    display: none;
}

.realFooter p span label {
    color: #fff;
    font-family: var(--Family-KO, Pretendard);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    /* 20px */
    margin-right: 0.5rem;
}

.realFooter p span {
    color: #fff;
    font-family: var(--Family-KO, Pretendard);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    /* 20px */
    display: flex;
}

/**************************************************************/

#subVisual01 {
    background-image: url(/img/sv01.svg);
    background-size: cover;
    background-position: center;
    min-height: 500px;
}

#subVisual01 h1 {
    color: #fff;
    text-align: center;
    text-shadow: 0px 4px 48px rgba(34, 34, 34, 0.5);
    font-family: var(--Family-KO, Pretendard);
    font-size: 3rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    /* 62.4px */
    letter-spacing: -0.48px;
    margin-bottom: 0;
}

#subVisual01 p {
    color: #fff;
    text-align: center;
    text-shadow: 0px 4px 48px rgba(34, 34, 34, 0.5);
    font-family: var(--Family-KO, Pretendard);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 31.2px */
    letter-spacing: -0.24px;
    margin-bottom: 0;
}

#subVisual01 p b {
    font-size: 3rem;
}

section.info01 {
    max-width: calc(100vw - 400px);
    padding: 7.5rem 0 16.625rem 0;
}

section.info01 h1 {
    color: var(--typo-typo-bk, #333);
    font-family: var(--Family-KO, Pretendard);
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    /* 52px */
    letter-spacing: -0.2px;
}

section.info01 p {
    color: var(--typo-typo-bk, #333);
    font-family: Pretendard;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 28.8px */
}

section.info02 {
    max-width: calc(100vw - 400px);
    padding: 7.5rem 0;
}

section.info02 .tg {
    width: 100%;
    border-radius: 4px;
    /* border: 1px solid #dfd5d5; */
    max-height: 1000px;
    display: flex;
    justify-content: end;
    margin-top: -60px;
    margin-left: 203px;
}

.section.info02 .name {
    margin-left: 0 !important;
    margin-top: 2.8rem;
    aspect-ratio: 254/114;
    max-height: 114px;
}

.gap60 {
    gap: 3.75rem;
}

section.info02 p {
    color: #000;

    font-family: Pretendard;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 32px */
    letter-spacing: 0.2px;
}

section.info02 p b {
    color: #000;
    font-family: Pretendard;
    font-size: 1.35rem;
    font-style: normal;
    font-weight: 700;
    line-height: 160%;
    letter-spacing: 0.22px;
}

section.info02 h1 {
    color: var(--typo-typo-bk, #333);
    font-family: var(--Family-KO, Pretendard);
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -0.2px;
}

section.info02 h1 span {
    color: #8e8e8e;
}

section.info02 ul {
    margin-top: 2rem !important;
    padding-left: 2rem !important;
}

section.info02 ul li {
    list-style: disc;
}

section.info02 ul li p {
    color: var(--typo-typo-bk, #333);
    font-family: var(--Family-KO, Pretendard);
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 28.8px */
    letter-spacing: 0.18px;
    margin-bottom: 0;
}

section.info03 {
    max-width: calc(100vw - 400px);
    padding: 7.5rem 2.5rem;
}

section.info03 div.position-relative {
    border-radius: 16px;
    /* border: 2px solid #cdcdcd; */

    /* box-shadow: 4px 4px 4px 0px rgba(156, 156, 156, 0.4); */
    padding: 2.5rem;
}

section.info03 div h1 {
    color: var(--typo-typo-bk, #333);
    text-align: start;

    /* Heading-2 */
    font-family: var(--Family-KO, Pretendard);
    font-size: var(--size-Heading-2, 2.5rem);
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    /* 40px */
    letter-spacing: -0.4px;
    margin-bottom: 2.5rem;
}

section.info03 .boxbox div {
    background-color: transparent;
    border-radius: 8px;
    /* border: 1px solid var(--grey-200, #c7c7c7); */

    padding: 8px 12px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: var(--typo-typo-bk, #333);
    font-family: Pretendard;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 32px */
    letter-spacing: 1px;
    margin-bottom: 0.5rem;
}

section.info03 .position-absolute {
    right: -5rem;
    bottom: 3rem;
}

/**************************************************************/

#subVisual02 {
    background-image: url(/img/sv02.svg);
    background-size: cover;
    background-position: center;
    min-height: 500px;
}

#subVisual02 h1 {
    color: #fff;
    text-align: center;
    text-shadow: 0px 4px 48px rgba(34, 34, 34, 0.5);
    font-family: var(--Family-KO, Pretendard);
    font-size: 3rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    /* 62.4px */
    letter-spacing: -0.48px;
    margin-bottom: 0;
}

#subVisual02 p {
    color: #fff;
    text-align: center;
    text-shadow: 0px 4px 48px rgba(34, 34, 34, 0.5);
    font-family: var(--Family-KO, Pretendard);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 31.2px */
    letter-spacing: -0.24px;
    margin-bottom: 0;
}

section.clinic01 {
    max-width: calc(100vw - 400px);
    padding: 7.5rem 0;
    margin-bottom: 10rem;
}

section.clinic01 h1 {
    color: var(--typo-typo-bk, #333);
    font-family: var(--Family-KO, Pretendard);
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    /* 52px */
    letter-spacing: -0.2px;
}

section.clinic01 img {
    width: 100%;
    max-width: 1056px;
}

section.clinic15 {
    background: #5E5E5E;
    margin-top: 12.5rem;
    margin-bottom: 10rem;
}

section.clinic15 .secContainerWide {
    border-radius: 12px;
    background: #F5F7FA;
    transform: translateY(-25%);
    border-radius: 12px;
    background: #F5F7FA;
    padding: 2.5rem 3rem;
}

section.clinic15 .secContainerWide img {
    border-radius: 8px;
}

section.clinic15 .secContainerWide ul {
    padding-left: 0;
}

section.clinic15 .secContainerWide ul li {
    margin-bottom: 2.5rem;
}

section.clinic15 .secContainerWide ul li:last-child {
    margin-bottom: 0 !important;
}

section.clinic15 .secContainerWide ul li h4 {
    color: var(--typo-typo-bk, #333);
    font-family: Pretendard;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    /* 36.4px */
    letter-spacing: 0.28px;
    padding: 0.125rem 0.625rem;
    border-radius: 8px;
    background: #E2E7EE;
}

section.clinic15 .secContainerWide ul li p {
    color: var(--typo-typo-bk, #333);
    font-family: Pretendard;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    /* 31.2px */
    letter-spacing: 0.24px;
}



section.clinic02 {
    max-width: calc(100vw - 400px);
    padding-bottom: 7.5rem;

}

section.clinic02 .doodoo {
    border-radius: 12px 12px 0 0;
    background: #F5F7FA;
    padding: 2.5rem;
    margin-bottom: 2.5rem;
}

section.clinic02 .doodoo h4 {
    color: var(--typo-typo-bk, #333);
    font-family: Pretendard;
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    /* 36.4px */
    letter-spacing: 0.28px;
    padding: 0.125rem 0.625rem;
    border-radius: 8px;
    background: #E2E7EE;
}

section.clinic02 .doodoo h5 {
    color: var(--typo-typo-bk, #333);
    font-family: var(--Family-KO, Pretendard);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    /* 28.8px */
}

section.clinic02 .doodoo h6 {
    color: var(--typo-typo-bk, #333);
    font-family: var(--Family-KO, Pretendard);
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 160%;
    /* 28.8px */
    letter-spacing: 0.18px;
}

section.clinic02 .doodoo p {
    color: var(--typo-typo-bk, #333);
    font-family: var(--Family-KO, Pretendard);
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    letter-spacing: 0.18px;
}

section.clinic02 .doodoo em {
    background-color: #bbc9dd;
    height: 1px;
    width: 100%;
}

section.clinic02 h2 {
    color: var(--typo-typo-bk, #333);
    font-family: var(--Family-KO, Pretendard);
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    /* 38.4px */
}

section.clinic02 ul {
    margin-top: 2rem !important;
}

section.clinic02 ul li p {
    color: var(--typo-typo-bk, #333);
    font-family: var(--Family-KO, Pretendard);
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 28.8px */
    letter-spacing: 0.18px;
}

section.clinic02 .gap100 {
    padding: 5rem 0;
}

section.clinic03 {

    margin-bottom: 7.5rem;
}

section.clinic03 .containBox {
    max-width: calc(100vw - 400px);
    margin: 0 auto;
    padding: 5rem 0;
}

section.clinic03 .containBox h2 {
    color: var(--typo-typo-wh, #fff);
    font-family: var(--Family-KO, Pretendard);
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    /* 48px */
    margin-bottom: 1.25rem !important;
}

section.clinic03 .containBox ul li p {
    color: var(--typo-typo-wh, #fff);
    font-family: var(--Family-KO, Pretendard);
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 44.8px */
    letter-spacing: 0.28px;
}

section.clinic04 h1 {
    color: var(--typo-typo-bk, #333);
    text-align: center;
    font-family: var(--Family-KO, Pretendard);
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    /* 52px */
    letter-spacing: -0.2px;
    margin-bottom: 3.5rem;
}

section.clinic04 table {
    border-radius: 16px;
    width: 100%;
    text-align: center;
    margin-bottom: 5rem;
}

section.clinic04 table.table01 tr:first-child td:first-child {
    background: rgba(255, 149, 0, 0.20);
    color: #A15E00;
    text-align: center;
    font-family: Pretendard;
    border-radius: 16px 0 0 16px;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    /* 28.8px */
}

section.clinic04 table.table01 td {

    background: rgba(255, 149, 0, 0.10);
    color: var(--typo-typo-bk, #333);
    font-family: Pretendard;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 27px */
    padding: 2rem 0;
    width: 33.3333%;
}

.table01 tbody,
td,
tfoot,
th,
thead,
tr {
    border-width: 1px;
    border-color: rgba(255, 149, 0, 0.20);

    border-style: solid;

}

section.clinic04 table.table02 tr:first-child td:first-child {
    background: rgba(0, 122, 255, 0.20);
    color: #0053AD;
    text-align: center;
    font-family: Pretendard;
    border-radius: 16px 0 0 16px;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    /* 28.8px */
}

section.clinic04 table.table02 td {

    background: rgba(0, 122, 255, 0.1);
    color: var(--typo-typo-bk, #333);
    font-family: Pretendard;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 27px */
    padding: 2rem 0;
    width: 33.3333%;
}

.table02 tbody,
td,
tfoot,
th,
thead,
tr {
    border-width: 1px;
    border-color: rgba(0, 122, 255, 0.20);
    ;

    border-style: solid;

}

section.clinic04 table.table03 tr:first-child td:first-child {
    background: rgba(88, 86, 214, 0.20);
    color: #3C3AB6;
    text-align: center;
    font-family: Pretendard;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    border-radius: 16px 0 0 16px;
    line-height: 120%;
    /* 28.8px */
}

section.clinic04 table.table03 td {

    background: rgba(88, 86, 214, 0.10);
    color: var(--typo-typo-bk, #333);
    font-family: Pretendard;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 27px */
    padding: 2rem 0;
    width: 33.3333%;
}

.table03 tbody,
td,
tfoot,
th,
thead,
tr {
    border-width: 1px;
    border-color: rgba(88, 86, 214, 0.20);

    border-style: solid;

}

section.clinic04 table.table02 tr:first-child td:last-child {
    border-radius: 0 16px 0 0;
}

section.clinic04 table.table02 tr:last-child td:last-child {
    border-radius: 0 0 16px 0;
}


/**************************************************************/

.service01 {
    max-width: 1320px;

    padding: 7.5rem 0;
}

.service01 .serviceInfo {
    padding: 3.5rem 4.375rem;
    gap: 3.5rem;
    background-color: #fff;
}

.service01 .serviceInfo .logo {
    max-width: 12.5rem;
}

.service01 .serviceInfo img.mx-3 {
    width: 2rem;
    aspect-ratio: 1/1;
}

.service01 .serviceInfo h2 {
    color: var(--typo-typo-bk, #333);
    font-family: var(--Family-KO, Pretendard);
    font-size: var(--size-Heading-4, 1.75rem);
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    /* 28px */
    letter-spacing: 0.07px;
    margin-bottom: 0;
}

.service01 .serviceInfo label {
    color: var(--typo-typo-bk, #333);

    /* body-1 */
    font-family: var(--Family-KO, Pretendard);
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 27px */
    letter-spacing: 0.18px;
}

.service01 .serviceInfo .timeBox div {
    min-width: 160.17px
}

.service01 .serviceInfo .timeBox div li {
    color: var(--typo-typo-bk, #333);

    /* body-2 */
    font-family: var(--Family-KO, Pretendard);
    font-size: var(--size-Body-2, 0.875rem);
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 22.4px */
    letter-spacing: 0.14px;
}

.service01 .serviceInfo>p {
    color: var(--grey-700, #444);
    font-family: var(--Family-KO, Pretendard);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 25.6px */
    letter-spacing: 0.16px;
}

.service01 .serviceInfo .timeBox div p {
    color: var(--typo-typo-bk, #333);

    /* Sub Title-2 */
    font-family: var(--Family-KO, Pretendard);
    font-size: var(--size-Sub-Title-2, 1rem);
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    /* 16px */
    border-radius: 4px;
    border: 1px solid var(--grey-200, #c7c7c7);
    background: #fff;
    padding: 0.5rem 0.75rem;
}

.service01 .serviceInfo .timeBox div p span {
    color: var(--typo-typo-bk, #333);

    /* body-2 */
    font-family: var(--Family-KO, Pretendard);
    font-size: var(--size-Body-2, 0.875rem);
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 22.4px */
    letter-spacing: 0.14px;
}

.service01 .serviceInfo h1 {
    color: var(--typo-typo-bk, #333);

    /* Heading-4 */
    font-family: var(--Family-KO, Pretendard);
    font-size: var(--size-Heading-4, 1.75rem);
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    /* 28px */
    letter-spacing: 0.07px;
    margin-bottom: 0;
}

.service01 .serviceInfo button {
    border-radius: 4px;

    display: flex;
    padding: 1.125rem 1.5rem;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #444;
}

.service01 .serviceInfo button.btn-white {
    color: var(--typo-typo-bk, #333);

    /* Sub Title-3 */
    font-family: var(--Family-KO, Pretendard);
    font-size: var(--size-Sub-Title-3, 0.875rem);
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    /* 14px */
    letter-spacing: 0.28px;
}

.service01 .serviceInfo button.btn-brown {
    color: var(--typo-typo-bk, #fff);

    /* Sub Title-3 */
    font-family: var(--Family-KO, Pretendard);
    font-size: var(--size-Sub-Title-3, 0.875rem);
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    /* 14px */
    letter-spacing: 0.28px;
    background-color: #333;
}

.service02 {
    max-width: 1320px;
    padding: 7.5rem 0;
}

.service02 .mapInfo {
    padding: 2.5rem 1.25rem;
}

.service02 .mapInfo h2 {
    color: var(--typo-typo-bk, #333);
    font-family: var(--Family-KO, Pretendard);
    font-size: var(--size-Heading-4, 1.75rem);
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    /* 28px */
    letter-spacing: 0.07px;
}

.service02 .mapInfo h6 {
    color: var(--typo-typo-bk, #333);

    /* body-1 */
    font-family: var(--Family-KO, Pretendard);
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 27px */
    letter-spacing: 0.18px;
}

.service02 .mapInfo ul {
    margin: 2.5rem 0;
    margin-bottom: 2.5rem !important;
}

.service02 .mapInfo ul li p {
    color: var(--typo-typo-bk, #333);
    font-family: var(--Family-KO, Pretendard);
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 500;
    line-height: 160%;
    /* 28.8px */
    letter-spacing: 0.36px;
}

/**************************************************************/

#subVisual03 {
    background-image: url(/img/sv03.svg);
    background-size: cover;
    background-position: center;
    min-height: 500px;
}

#subVisual03 h1 {
    color: #fff;
    text-align: center;
    text-shadow: 0px 4px 48px rgba(34, 34, 34, 0.5);
    font-family: var(--Family-KO, Pretendard);
    font-size: 3rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    /* 62.4px */
    letter-spacing: -0.48px;
    margin-bottom: 0;
}

#subVisual03 p {
    color: #fff;
    text-align: center;
    text-shadow: 0px 4px 48px rgba(34, 34, 34, 0.5);
    font-family: var(--Family-KO, Pretendard);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 31.2px */
    letter-spacing: -0.24px;
    margin-bottom: 0;
}

/**************************************************************/
#subVisual04 {
    background-image: url(/img/sv04.svg);
    background-size: cover;
    background-position: center;
    min-height: 500px;
}

#subVisual04 h1 {
    color: #fff;
    text-align: center;
    text-shadow: 0px 4px 48px rgba(34, 34, 34, 0.5);
    font-family: var(--Family-KO, Pretendard);
    font-size: 3rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    /* 62.4px */
    letter-spacing: -0.48px;
    margin-bottom: 0;
}

#subVisual04 p {
    color: #fff;
    text-align: center;
    text-shadow: 0px 4px 48px rgba(34, 34, 34, 0.5);
    font-family: var(--Family-KO, Pretendard);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 31.2px */
    letter-spacing: -0.24px;
    margin-bottom: 0;
}

/**************************************************************/
#subVisual05 {
    background-image: url(/img/sv05.svg);
    background-size: cover;
    background-position: center;
    min-height: 500px;
}

#subVisual05 h1 {
    color: #fff;
    text-align: center;
    text-shadow: 0px 4px 48px rgba(34, 34, 34, 0.5);
    font-family: var(--Family-KO, Pretendard);
    font-size: 3rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    /* 62.4px */
    letter-spacing: -0.48px;
    margin-bottom: 0;
}

#subVisual05 p {
    color: #fff;
    text-align: center;
    text-shadow: 0px 4px 48px rgba(34, 34, 34, 0.5);
    font-family: var(--Family-KO, Pretendard);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 31.2px */
    letter-spacing: -0.24px;
    margin-bottom: 0;
}

/**************************************************************/
#subVisual06 {
    background-image: url(/img/sv06.svg);
    background-size: cover;
    background-position: center;
    min-height: 500px;
}

#subVisual06 h1 {
    color: #fff;
    text-align: center;
    text-shadow: 0px 4px 48px rgba(34, 34, 34, 0.5);
    font-family: var(--Family-KO, Pretendard);
    font-size: 3rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    /* 62.4px */
    letter-spacing: -0.48px;
    margin-bottom: 0;
}

#subVisual06 p {
    color: #fff;
    text-align: center;
    text-shadow: 0px 4px 48px rgba(34, 34, 34, 0.5);
    font-family: var(--Family-KO, Pretendard);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 31.2px */
    letter-spacing: -0.24px;
    margin-bottom: 0;
}

/**************************************************************/

.my80 {
    margin: 5rem 0;
}

.gap40 {
    gap: 2.5rem;
}

section.container {
    margin-top: 10rem;
}

.cough01 h1 {
    color: var(--typo-typo-bk, #333);
    font-family: var(--Family-KO, Pretendard);
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    /* 52px */
    letter-spacing: -0.2px;
}

.cough01 p mark {
    color: #333;
    font-family: Pretendard;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    /* 30px */
    letter-spacing: 0.2px;
    background-color: transparent;
}

.cough01 p {
    color: #333;
    font-family: Pretendard;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.2px;
}

.cough01 h3 {
    color: #333;
    text-align: start;

    /* Heading-2 */
    font-family: var(--Family-KO, Pretendard);
    font-size: var(--size-Heading-2, 2.5rem);
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    /* 40px */
    letter-spacing: -0.4px;
}

.cough01 ul li {
    padding: 1.5rem;

    border-radius: 16px;
    background: #f5f7fa;
}

.cough01 ul li h6 {
    color: var(--typo-typo-bk, #333);
    font-family: Pretendard;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    /* 26px */
    letter-spacing: 0.2px;
}

.cough01 ul li p {
    color: var(--typo-typo-bk, #333);
    font-family: Pretendard;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 28.8px */
    letter-spacing: 0.18px;
    margin-bottom: 0;
}

.cough01 .smallP {
    color: #8e8e8e;
    font-family: var(--Family-KO, Pretendard);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    /* 26px */
    letter-spacing: -0.1px;
    margin-bottom: 0.25rem;
}

.cough03 {
    margin-bottom: 10rem;
}

.cough03 h3 {
    color: #333;
    font-family: var(--Family-KO, Pretendard);
    font-size: var(--size-Heading-2, 2.5rem);
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    /* 40px */
    letter-spacing: -0.4px;
}

.cough03 .tab-buttons button {
    color: var(--grey-200, #c7c7c7);
    text-align: center;
    font-family: var(--Family-KO, Pretendard);
    font-size: var(--size-Heading-3, 2rem);
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    /* 32px */
    letter-spacing: -0.16px;
    background-color: transparent;
    border: none;
    padding-bottom: 0.25rem;
    border-bottom: 3px solid #c7c7c7;
}

.cough03 .tab-buttons button.active {
    color: #333;
    border-bottom: 3px solid #333;
}

.cough03 h5 {
    color: var(--typo-typo-bk, #333);
    font-family: Pretendard;
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    /* 36.4px */
    letter-spacing: 0.28px;
}

.cough03 p {
    color: var(--typo-typo-bk, #333);
    font-family: Pretendard;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 28.8px */
    letter-spacing: 0.18px;
}

.nav-container {
    border-bottom: 1px solid var(--grey-200, #c7c7c7);
}

.nav-container .nav-item {
    display: flex;
    padding: 0;
    align-items: flex-start;
    gap: 40px;
    align-self: stretch;
}

.nav-container .nav-item a {
    color: #949494;
    font-family: var(--Family-KO, Pretendard);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    /* 24px */
    letter-spacing: -0.12px;
    padding: 24px 20px 24px 20px;
    border-bottom: 2px solid transparent;
}

.nav-container .nav-item a.active {
    color: var(--typo-typo-bk, #333);
    border-bottom: 2px solid #333;
}

/**************************************************************/

.mansung01 {
    padding: 7.5rem 0;
}

.mansung01 div.mansung {

    margin: 0 auto;

}

.mansung01 div.mansung div {

    flex-shrink: 1;
}


.mansung01 h1 {
    color: var(--typo-typo-bk, #333);
    text-align: center;
    font-family: Pretendard;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    /* 52px */
    letter-spacing: -0.2px;
}

.mansung01 p {
    color: #333;
    text-align: center;
    font-family: Pretendard;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 27px */
    letter-spacing: 0.18px;
    margin-bottom: 3.125rem;
}

.mansung01 p mark {
    color: #333;
    font-family: Pretendard;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 0.18px;
    /* background-color: rgba(0, 0, 0, 0.1); */

    background: linear-gradient(transparent 60%, #fff176 60%); 
    /* 투명 ~ 노란색으로 그라디언트 */
    padding: 0 0.2em;
}

.mansung02 {
    background: var(--grey-70, #F6F6F6);
    padding: 3.75rem 0;
}

.mansung02 h1 {
    color: var(--typo-typo-bk, #333);
    text-align: center;
    font-family: Pretendard;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    /* 52px */
    letter-spacing: -0.2px;
}

.mansung02 p {
    color: #333;
    text-align: center;
    font-family: Pretendard;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 27px */
    letter-spacing: 0.18px;
    margin-bottom: 3.125rem;
}

.mansung03 {
    padding: 7.5rem 0;
}

.mansung03 h1 {
    margin-bottom: 3.75rem;
    color: var(--typo-typo-bk, #333);
    text-align: center;
    font-family: var(--Family-KO, Pretendard);
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    /* 52px */
    letter-spacing: -0.2px;
}

.contextBox {
    border-radius: 16px;
    border: 1px solid var(--grey-200, #C7C7C7);
    margin: 0 auto;
    padding: 2.5rem;
    margin-top: 120px;
    margin-bottom: 120px;
}

.contextBox p {
    color: var(--typo-typo-bk, #333);
    font-family: Pretendard;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    /* 28.8px */
    letter-spacing: 0.18px;
}

.contextBox em {
    display: block;
    background-color: #f1f1f1;
    height: 1px;
    margin: 1.5rem 0;
    width: 100%;

}


.textBox {
    border-radius: 16px;
    background: #F5F7FA;
    min-height: 225px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.tab-pane img {
    border-radius: 16px;
    width: 100%;
    height: 100%;
}

.tab-pane .col-lg-6 {
    flex: 1;
    min-height: 636px;
}

.tab-pane .col-lg-6.flex-column {
    justify-content: space-between;
}

/**************************************************************/

@media screen and (max-width: 1199px) {
    section {
        max-width: 100vw !important;
    }

    section {
        padding: 5rem 0 !important;
    }

    .inner {}

    .ml300 {
        padding-left: 0;
    }

    .secContainer {
        max-width: calc(100vw - 10vw);
    }

    section.second .secContainer div p {
        font-size: 0.75rem;
    }

    section.second .secContainer div h3 {
        font-size: 1.25rem;
    }

    .realFooterWrap {
        max-width: 93.75vw;
    }

    .cough03 .tab-buttons button {
        font-size: 1.5rem;
    }

    .cough03 h3 {
        font-size: 1.5rem;
    }
}

@media all and (max-width:800px) {
    .tab-pane .col-lg-6 {
        min-height: unset;
    }

    #subVisual02 {
        background-position-x: 80%;
    }

    #subVisual03 {
        background-position-x: 35%;
    }

    #subVisual05,
    #subVisual06
     {
        background-position-x: 65%;
    }

    .mb_column {
        flex-direction: column !important;
    }
}



@media screen and (max-width: 599px) {
    #mainVisual h1 {
        font-size: 2rem;
        padding: 0 1rem;
    }

    #mainVisual {
        min-height: 650px;
    }

     #mainVisual h1 br {
        display: none;
     }

    header .mobileOnly {
        padding: 1rem 0;
    }

    section {
        max-width: 100vw !important;
        padding: 2.5rem 0 !important;
    }

    section.container {
        margin-top: 0;
    }

    section.first button {
        width: 100%;
        padding: 1rem 0;
        justify-content: center;
        margin-bottom: 1rem;
    }

    section.first .swiperBox {
        width: 93.75vw;
        height: 5rem;
        left: 0;
        bottom: 43%;
    }

    section.fourth .info {
        padding: 1.5rem 1.5rem;
    }

    section.fourth .info .tel h1 {
        font-size: 2rem;
    }

    section.fourth .info .time .timeWrap div {
        padding: 0.75rem 1rem;
    }

    section.fourth .info .time label {
        margin-top: 0 !important;
        font-size: 1rem;
    }

    section.fourth .info {
        border-radius: 16px;
    }

    section.fourth .info .road h2 {
        font-size: 1.75rem;
    }

    section.fourth .info .road p {
        font-size: 1rem;
    }

    section.fourth .info .tel label {
        font-size: 1rem;
    }

    .realFooter p span {
        flex-direction: column;
    }

    .realFooter p span label {
        margin-bottom: 0.5rem;
    }

    .service01 .serviceInfo {
        padding: 0 1rem;
    }

    .mapInfo {
        padding: 2.5rem 0;
    }

    section.third .secContainer>div {
        padding: 0.5rem;
    }
}


@media all and (max-width:768px) {
    section.clinic01 h1 {
        font-size: 1.8rem;
    }
}