body {
    font-family: "Pretendard", sans-serif;
    letter-spacing: -0.03em;
    overflow-x: hidden
}

.side-gnb1-bx .gnb-cont {
    cursor: pointer
}

._header {
    transition: .4s ease-out
}

._header .add_right>ul {
    margin-left: -6px;
    margin-right: -6px
}

._header .add_right>ul>* {
    padding-right: 6px;
    padding-left: 6px
}

._header .add_right>ul li {
    position: relative
}

._header .add_right>ul li:first-child::after {
    position: absolute;
    top: 50%;
    height: 16px;
    right: -6px;
    transform: translateY(-50%);
    font-size: 13px
}

@media screen and (max-width: 1024px) {
    ._header .wrapper {
        padding: 20px 28px;
        height: 80px;
        width: 100%;
        box-sizing: border-box
    }
}

._header .depth {
    max-width: 1070px;
    width: 100%;
    gap: 0;
    justify-content: space-between
}

._header .depth a {
    color: #fff
}

._header .add_right {
    flex: 0 0 auto;
    color: #fff
}

._header .menu div {
    background-color: #fff
}

@media screen and (min-width: 1025px) {

    ._header.main_header,
    ._header.small,
    ._header.hover {
        background: #fff
    }

    ._header.main_header .logo,
    ._header.small .logo,
    ._header.hover .logo {
        filter: none
    }

    ._header.main_header .depth a,
    ._header.small .depth a,
    ._header.hover .depth a {
        color: #000;
        font-weight: 500
    }

    ._header.main_header .depth a:hover,
    ._header.small .depth a:hover,
    ._header.hover .depth a:hover {
        font-weight: 700
    }

    ._header.main_header .add_right,
    ._header.small .add_right,
    ._header.hover .add_right {
        color: #818181
    }

    ._header.main_header .menu div,
    ._header.small .menu div,
    ._header.hover .menu div {
        background-color: #000
    }

    ._header.main_header,
    ._header.small {
        box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, .1)
    }

    ._header.hover {
        box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, .4)
    }

    ._header.invisible {
        transform: translateY(-100px);
        transition: .4s ease-out
    }

    ._header.small .wrapper {
        height: 80px;
        transition: .3s ease-out
    }

    ._header .small_menu_bg {
        background-color: rgba(255, 255, 255, .8)
    }

    ._header .logo {
        filter: brightness(0) invert(1)
    }

    ._header .menu div {
        border-radius: 3px
    }

    ._header .menu div:nth-of-type(2) {
        width: 18px;
        transform: translateY(calc(-50% + 1px))
    }

    ._header .pc_top_small_menu {
        margin-left: -20px
    }
}

@media screen and (max-width: 1550px) {
    ._header .depth {
        font-size: 16px;
        margin-left: 20px;
        margin-right: 20px
    }

    ._header .add_right {
        gap: 30px
    }
}

@media screen and (max-width: 1280px) {
    ._header .logo {
        width: 120px;
        filter: brightness(0) invert(1)
    }

    ._header .depth {
        font-size: 15px;
        letter-spacing: -1px
    }

    ._header .add_right {
        font-size: 14px;
        gap: 10px;
        letter-spacing: -1px
    }
}

@media screen and (max-width: 1024px) {
    ._header {
        background: #fff;
        box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, .1)
    }

    ._header .logo {
        filter: none
    }

    ._header .depth a {
        color: #000
    }

    ._header .add_right {
        color: #000
    }

    ._header .menu div {
        background-color: #000
    }

    ._header .small_menu_bg {
        display: none !important
    }

    ._header .menu {
        width: 21px;
        height: 16px
    }

    ._header .menu div {
        border-radius: 0;
        height: 2px
    }

    ._header .menu div:nth-of-type(2) {
        width: 100%
    }

    ._header .logo {
        /* width: 170px */
    }
}
@media screen and (max-width: 1024px) {
    ._header .logo {
        width: 100px;
    }
}
.pc_top_menu {
    flex: 0 0 auto
}

.pc_top_small_menu {
    opacity: 1;
    display: none
}

.pc_top_small_menu li a:hover {
    font-weight: 700
}

.sub_top_menu.vision_top li a {
    font-weight: 400
}

.sub_top_menu.vision_top li.on a {
    font-weight: 700;
    color: #fff
}

.etc_bg_2 .cont_2>li:last-child {
    cursor: pointer
}

body {
    overflow-x: hidden
}

._footer .rt .tel dd a {
    color: #687adf
}

.doctor-image img {
    max-width: 80%;
    height: auto;
    border-radius: 0 !important
}

._header .add_right>ul .logoutbtn:first-child::after {
    display: none;
}