@charset "utf-8";

/* 250429 */

body {
    font-family:
        'Pretendard Variable',
        Pretendard,
        -apple-system,
        BlinkMacSystemFont,
        system-ui,
        Roboto,
        'Helvetica Neue',
        'Segoe UI',
        'Apple SD Gothic Neo',
        'Noto Sans KR',
        'Malgun Gothic',
        'Apple Color Emoji',
        'Segoe UI Emoji',
        'Segoe UI Symbol',
        sans-serif;
}

.depth02 {
    padding-left: 0;
    padding: 1rem 1.5rem;
    border-radius: 0px 0px 10px 10px;
}

.depth02 li a:hover {
    color: var(--Pre, #821b16) !important;
}

#sec01 {
    display: flex;
    flex-direction: column;
    gap: 40px;
    /*gap: 7.5rem;*/
}

.py-80 {
    padding: 5rem 0;
}

/*인사말*/

.grText {
    background-color: #f7f3e8;
    margin: 6rem 0;
    padding: 3.75rem 0;
}
.greetingText {
    margin: 0!important;
}
.grText > div {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}
.grText > div > div {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.grText > div h2 {
    color: #8a020c;
    font-family: Pretendard;
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 42px */
    letter-spacing: var(--Static-Headline-Small-Tracking, 0px);
}
.grText > div p {
    color: #3b3b3b;
    font-family: Pretendard;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 30px */
    letter-spacing: -2px
}

.grImg {
    right: 20%;
    top: -5%;
}
.grImg img {
    max-width: 150%;
    width: 150%;
}

@media screen and (max-width: 1919px) {
    .grImg {
        position: relative !important;
        width: 100%;
        text-align: center;
        right: auto;
    }
    .grImg img {
        max-width: 100%;
        width: auto;
    }
    .section.gr .grSection .d-flex.position-relative {
        flex-direction: column-reverse;
    }
    .grText {
        width: 100%;
    }
    .grText > div {
        width: 80%;
    }
}

/* 의료진소개 시작 */
.introDiv {
    /* background: #F8F0E2; */
    padding: 0;
    position: relative;
    display: flex;

    margin: 0 0 5rem 0;
    gap: 8rem;
}

.introcontent {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    margin-left: -1rem;
}

.introcontent ul {
    padding-left: 0;
    margin-bottom: 0;
}

.introcontent ul li p {
    color: #000;
    font-family: Pretendard;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 214%; /* 34.24px */
    /* 24px */
    letter-spacing: -0.84px;
    margin-bottom: 0;
}

.introcontent ul li p span {
    color: #8a020d;
}
.introcontent ul li p:first-child {
    min-width: 12rem;
}

.introcontent h1 {
    color: var(--Bk, #3b3b3b);

    font-family: Pretendard;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    /* 40px */
}

.introcontent h1 b {
    font-weight: 700;
}

.introcontent h6 {
    margin-bottom: 1.5rem;
}

.introcontent p {
    color: var(--Bk, #3b3b3b);
    /* body -16 */
    font-family: Pretendard;
    align-self: stretch;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 24px */
    letter-spacing: 0.16px;
}

.introcontent h6 {
    color: var(--Bk, #3b3b3b);
    font-family: Pretendard;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    /* 20px */
}

.introSection {
    display: flex;
    flex-direction: column;
    /* align-items: flex-end; */
}

.introSection .title {
    width: 100%;
    padding-top: 6rem;
    padding-bottom: 5rem;
}

.intro .inner {
    margin-left: 0;
    margin-right: 0;
    max-width: 1920px;
    width: 100%;
}

.introImg {
    /* position: absolute; */
    /* top: -30%;
    left: -30%; */
    background-color: #f8f0e2;
    position: relative;
    padding: 12rem;
}

.introImg img {
    position: absolute;
    right: 0;
    top: -40%;
    width: 45%;
}

@media screen and (max-width: 1920px) {
    .introImg img {
        position: absolute;
        right: 0; 
        top: -40%;
        width: 60%
    }
}

@media screen and (max-width: 1440px) {
    .introImg {
        padding: 9rem;
    }
    .introSection .title {
        padding-top: 6rem;
    }
    .introImg img {
        position: absolute;
        right: 0;
        top: -50%;
        width: 75%
    }

    .introcontent {
        gap: 0;
    }

    .introImg img {

    }

    .introcontent h1 {
        margin-bottom: 2rem;
    }

    .introcontent ul {
        margin-bottom: 0.25rem;
    }
}

#m_menu {
    z-index: 9999999999999;
}
#m_menu .top_box {
    padding: 2rem;
}

@media screen and (max-width: 1024px) {
    .introDiv {
        flex-direction: column;
        margin: 0 auto;
        gap: 3rem;
    }

    .introImg {
        padding: 0;
        width: 90%;
        text-align: center;
    }

    .introImg img {
        position: unset;
    }

    .introcontent {
        margin-left: 0;
    }
}

/* 의료진 소개 끝*/

/* 인사말 시작 */
.greetingDiv {
    background: #f8f0e2;
    padding: 3.25rem 38rem 3.25rem 15rem;
    position: relative;
    margin: 5rem 0;
    display: flex;
    flex-direction: row-reverse;
}

.Greetingcontent h4 {
    color: var(--Bk, #3b3b3b);
    text-align: right;
    font-family: Pretendard;
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    /* 28px */
}

.Greetingcontent p {
    color: var(--Bk, #3b3b3b);
    /* body -16 */
    font-family: Pretendard;
    align-self: stretch;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 24px */
    letter-spacing: 0.16px;
}

.Greetingcontent h6 {
    color: var(--Bk, #3b3b3b);
    font-family: Pretendard;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    /* 20px */
}

.grSection {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.grSection .title {
    width: 100%;
}

.gr .inner {
    margin-left: 0;
    margin-right: 0;
    max-width: 1920px;
    margin: 0 auto;
}

.GreetingImg {
    position: absolute;
    top: -30%;
    left: -16%;
}

.sample {
    text-align: center;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border-left: 1px solid #e5e5e5;
}

.mv_menu_box p {
    margin-bottom: 0;
}

.sample img {
    aspect-ratio: 1/1;
    max-width: 340px;
}

.textD {
    padding: 3rem;
    padding-left: 0;

    /* border-right: 2px solid #e5e5e5; */
    margin-right: 2rem;
}
.textD h6 {
    color: #8b020d;
    width: 100%;

    /* H4-28 */
    font-family: Pretendard;
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 28px */
    letter-spacing: 0.07px;
    text-align: left;
    margin-bottom: 1rem;
}
.textD p {
    width: 100%;
    color: #3b3b3b;
    font-family: Pretendard;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 30px */
}

@media screen and (max-width: 1440px) {
    .GreetingImg {
        position: unset;
    }
    em {
        margin: 2rem 0;
    }
    .gr .inner {
        width: 100%;
    }

    .greetingDiv {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: 2rem;
    }

    .gnb .inner > ul {
        gap: 3rem;
    }

    .gnb .inner > ul > li a {
        font-size: 1rem;
    }
}

@media screen and (max-width: 1024px) {
    .greetingDiv {
        padding: 3.25rem;
    }
    .introSection {
        padding: 5rem 1rem;
    }
    .introSection img {
        width: 100%;
    }
}

/* 인사말 끝 */

.pageWrap #sec01 .secUnderDiv .col-7 {
    padding-right: 1.5rem;
}

.pageWrap .title span {
    display: none;
}
.pageWrap .title p {
    display: none;
}

.pageWrap #sec01 .secUnderDiv h4 {
    padding: 1rem 0rem;
    font-size: 2rem;
    color: #8b020d;
    border-bottom: 2px solid #8b020d;
    padding-bottom: 0.5rem;
    width: 100%;
}

.pageWrap #sec01 .secUnderDiv h4 img {
    margin-right: 1rem;
}

@media screen and (max-width: 768px) {
    .pageWrap #sec01 .secUnderDiv h4 {
        width: 100%;
    }
    html, body {
        font-size: 12px!important;
    }
    .secUnderDiv {
        padding: 2rem 1.5rem;
    }
}
@media screen and (min-width: 1440px) and (max-width: 2559px) {
    .greetingDiv {
        width: 60vw;
        text-align: center;
        padding: 3.25rem 10rem;
        margin: 0 auto;
    }
    .GreetingImg {
        position: relative;
        top: unset;
        left: unset;
    }
}
@media screen and (min-width: 1025px) and (max-width: 1439px) {
    .greetingDiv {
        width: 80vw;

        padding: 3.25rem 5rem;
        margin: 0 auto;
    }
    .GreetingImg {
        position: relative;
        top: unset;
        left: unset;
    }
}
@media screen and (max-width: 450px) {
    .secUnderDiv {
        padding: 2rem 1.5rem;
    }
    html {
        font-size: 14px!important;
    }
}

a.login_chk_btn01, .login_chk_btn01 {
    background-color: #8B030D;
}
a.login_chk_btn01.type02, .login_chk_btn01.type02 {
    color: #8B030D;
    border-color: #8B030D;
}