@font-face {
    font-family: 'GmarketSans';
    src: url('/font/GmarketSansTTFLight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}


@font-face {
    font-family: 'GmarketSans';
    src: url('/font/GmarketSansTTFMedium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}


@font-face {
    font-family: 'GmarketSans';
    src: url('/font/GmarketSansTTFBold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}


* {
    box-sizing: border-box;
}

.doctors_wrapper {
    margin: 55px auto 0;
    padding-top: 10rem;
    padding-bottom: 5rem;
    width: 100%;
    max-width: 1600px;

}

.title_section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.top_small_txt {
    font-family: 'GmarketSans';
    letter-spacing: 0.2rem;
    font-size: 0.75rem;
    color: #b6b6b6;
}

.top_main_txt {
    font-family: 'GmarketSans';
    font-size: 3.75rem;
    font-weight: 300;
    color: #282727;
    padding-top: 3.125rem;
    padding-bottom: 2.5rem;
}

.top_main_txt span {
    font-family: 'GmarketSans';
    color: #0089e2;
    font-weight: 700;
}

.top_medium_txt {
    font-family: 'GmarketSans';
    font-size: 1.75rem;
    color: #292929;
    font-weight: 500;
}

.top_medium_txt2 {
    font-family: 'GmarketSans';
    font-size: 1.75rem;
    color: #585858;
    font-weight: 300;
    padding-top: 1.5rem;
    padding-bottom: 2.68rem;
}


.doctors_list_wrapper {
    padding-top: 6.25rem;
}

.doctor_list {
    display: flex;
}

.doctor_left {
    background-image: url('/images//doctors//left_bg.png');
}

.doctor_right {
    background-image: url('/images//doctors//right_bg.png');
}

.doctor_left,
.doctor_right {
    position: relative;
    width: 50%;
    height: 88rem;
    background-repeat: repeat;
    background-size: cover;
}

.doctor_title {
    position: absolute;
    display: flex;
    flex-direction: column;
}

.doctor_img {
    z-index: 5;
}

.doctor_img,
.logo_img {
    position: absolute;
}

.doctor_left .doctor_title {
    font-family: 'GmarketSans';
    top: 6.875rem;
    left: 15rem;
}

.doctor_right .doctor_title {
    font-family: 'GmarketSans';
    top: 6.875rem;
    left: 5.25rem;
}


.doctor_left .doctor_img {
    width: 35rem;
    top: 6.875rem;
    left: 12rem;
}

.doctor_right .doctor_img {
    width: 35rem;
    top: 6.875rem;
    left: -2.25rem;
}

.doctor_right .doctor_img.doctor_2 {
    width: 40rem;
}

.doctor_left .doctor_img.doctor_3 {
    left: 19rem;
    top: 12rem;
    width: 26rem;
}

.doctor_right .doctor_img.doctor_4 {
    top: 12rem;
    left: 12rem;
    width: 25rem;
}

.doctor_left .doctor_img.doctor_5 {
    left: 19rem;
    top: 12rem;
    width: 26rem;
}

.doctor_right .doctor_img.doctor_6 {
    top: 13rem;
    left: 12rem;
    width: 28rem;
}


.doctor_left .doctor_img.doctor_7 {
    left: 19rem;
    top: 12.5rem;
    width: 26.8rem;
}

.doctor_right .doctor_img.doctor_8 {
    top: 11rem;
    left: 4rem;
}


.doctor_left .logo_img {
    top: 18.875rem;
    left: 18rem;
}

.doctor_right .logo_img {
    top: 18.875rem;
    left: 8.25rem;
}


.doctor_english {
    font-size: 0.5625rem;
    color: #b6b6b6;
    letter-spacing: 0.2rem;
}

.doctor_job {
    padding-top: 1.9375rem;
    padding-bottom: 1.3125rem;
    font-size: 1.875rem;
    color: #0089e2;
    letter-spacing: -0.05rem;
}

.doctor_name {
    font-size: 3rem;
    color: #535355;
    letter-spacing: 0.2rem;
    font-weight: 700;
}

.doctor_profile {
    position: absolute;
    width: 100%;
    max-width: 550px;
    padding: 4rem 0 4rem 4.625rem;
    background-color: #FFF;
    border-radius: 8px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    z-index: 10;
}

.doctor_left .doctor_profile {
    top: 40.875rem;
    right: 4rem;
}

.doctor_right .doctor_profile {
    top: 40.875rem;
    left: 4rem
}


.doctor_profile .profile_title {
    font-size: 1.5rem;
    letter-spacing: -0.05rem;
    color: #282727;
    display: flex;
    align-items: center;
}

.doctor_profile .profile_list {
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    color: #282727;
    letter-spacing: -0.05rem;
    font-size: 1.125rem;
}

.profile_list li {
    padding-left: 2rem;
}

.profile_list li:first-child {
    font-weight: 700;
}

.profile_list li {
    position: relative;
}

.profile_list li.hidden {
    visibility: hidden;
}

.profile_list li::after {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    content: '◆';
    color: #0089e2;
    font-size: 0.6rem;
}

.space_section {
    padding: 4.375rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.space_section .space_icon {
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 50%;
    border: 2px solid #535355;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (min-width: 1200px) and (max-width: 1600px) {
    html {
        font-size: 12px;
    }

    .doctor_profile {
        max-width: 420px;
    }

    .counsel-area {
        height: 141px !important;
    }
}


@media screen and (min-width: 768px) and (max-width: 1200px) {
    html {
        font-size: 10px;
    }

    .doctor_profile {
        max-width: 320px;
    }

    .counsel-area {
        height: 141px !important;
    }
}

@media screen and (max-width: 768px) {
    .counsel-area {
        height: 141px !important;
    }

    html {
        font-size: 10px;
    }

    .title_section {
        max-width: calc(100vw - 16px);
    }

    .doctors_wrapper {
        margin: 0;
    }

    .doctor_left,
    .doctor_right {
        width: 100%;
    }

    .doctor_list {
        flex-direction: column;
    }

    .doctor_profile {
        max-width: 100%;
    }

    .doctor_left .doctor_title {
        left: 5.25rem;
    }

    .doctor_left .logo_img,
    .doctor_right .logo_img {
        left: 8rem;
    }


    .doctor_left .doctor_img,
    .doctor_right .doctor_img {
        left: calc(100vw / 2) !important;
        transform: translateX(-50%) !important;
    }

    .doctor_left .doctor_profile,
    .doctor_right .doctor_profile {
        max-width: calc(100vw - 16px);
        left: 0;
        right: 0;
    }
}