#subVisual {
    width: 100%;
    padding: 0 8.37%;
    padding-top: 185px;
    box-sizing: border-box;
    position: relative;
}

/* 서브탭 */
#subVisual ._subtab {
    width: 100%;
    text-align: right;
    transition-duration: 0.4s;
}

#subVisual ._subtab ._tabmenu {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 27px;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0.4);
    padding: 0 25px;
    transform: translateY(-50%);
}

#subVisual ._subtab ._tabmenu li {
    position: relative;
}

#subVisual ._subtab ._tabmenu li.on a {
    color: #1e39b4;
    font-weight: 700;
}

#subVisual ._subtab ._tabmenu li::after {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    background-color: #888;
    position: absolute;
    right: -2.5px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
}

#subVisual ._subtab ._tabmenu li:last-of-type::after {
    display: none;
}

#subVisual ._subtab ._tabmenu li a {
    display: block;
    letter-spacing: -0.025em;
    padding: 15px 20px;
    font-size: 18px;
    color: #888;
    transition-duration: 0.2s;
    transition-property: color;
}



/* 비쥬얼 타이틀 및 이미지 */
#subVisual ._visBx {
    width: 100%;
    margin-top: 44px;
    position: relative;
}

#subVisual ._visBx ._subBg {
    width: 100%;
    height: 540px;
    position: relative;
    right: -10%;
    overflow: hidden;
}

#subVisual ._visBx ._subBg .__fixed {
    width: 100%;
    height: 100%;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    transform: scale(1.2);
}

#subVisual ._visBx ._titBx {
    position: absolute;
    left: 0;
    top: -95px;
}

#subVisual ._visBx ._titBx p {
    font-size: 20px;
    letter-spacing: -0.025em;
    color: #1e39b4;
    font-weight: 700;
}

#subVisual ._visBx ._titBx h1 {
    margin-top: 15px;
    font-size: 100px;
    font-family: 'Albra';
    transition-duration: 0.4s;
}


/* 비쥬얼 이미지 */
._customer #subVisual ._visBx ._subBg .__fixed {
    background-image: url(/img/sub/customer_vis.jpg);
}

/* ._about #subVisual ._visBx ._subBg .__fixed{ background-image: url(/img/sub/about_vis.jpg); } */
._about #subVisual ._visBx ._subBg .__fixed {
    background-image: url(/img/sub/about_vis2.jpg);
    background-position: right;
}

._glaucoma #subVisual ._visBx ._subBg .__fixed {
    background-image: url(/img/sub/glaucoma_vis.jpg);
}

._cataract #subVisual ._visBx ._subBg .__fixed {
    background-image: url(/img/sub/cataract_vis.jpg);
}

._dry #subVisual ._visBx ._subBg .__fixed {
    background-image: url(/img/sub/dry_vis.jpg);
}


@media screen and (min-width: 769px) {
    #subVisual ._subtab ._tabmenu li a:hover {
        color: #1e39b4;
    }
}


@media screen and (max-width: 1280px) {
    #subVisual {
        padding: 0 2.5%;
        padding-top: 105px;
    }

    #subVisual ._subtab ._tabmenu {
        padding: 0 15px;
    }

    #subVisual ._subtab ._tabmenu li a {
        font-size: 16px;
    }

    #subVisual ._visBx {
        margin-top: 105px;
    }

    #subVisual ._visBx ._subBg {
        height: 450px;
    }

    #subVisual ._visBx ._titBx p {
        font-size: 18px;
    }

    #subVisual ._visBx ._titBx h1 {
        font-size: 90px;
    }
}

@media screen and (max-width: 1000px) {
    #subVisual ._subtab ._tabmenu li a {
        font-size: 14px;
        padding: 10px 15px;
    }
}

@media screen and (max-width: 768px) {
    #subVisual {
        padding: 0 5%;
        padding-top: 50px;
    }

    #subVisual ._subtab {
        position: absolute;
        top: 77px;
        right: 5%;
        z-index: 80;
    }

    #subVisual ._subtab ._tabmenu {
        flex-direction: column;
        background-color: rgba(255, 255, 255, 0.8);
        overflow: hidden;
        justify-content: flex-start;
        border-radius: 18px;
        min-width: 167px;
        height: 36px;
        transition-duration: 0.4s;
        padding: 0 25px;
        transform: translateY(0);
    }

    #subVisual ._subtab ._tabmenu li {
        width: 100%;
    }

    #subVisual ._subtab ._tabmenu li a {
        padding: 10px 0;
        width: 100%;
        text-align: center;
    }

    #subVisual ._subtab ._tabmenu li.on {
        pointer-events: none;
    }

    #subVisual ._subtab ._tabmenu li::after {
        display: none;
    }

    #subVisual ._subtab ._tabmenu::before {
        content: '';
        width: 11px;
        height: 7px;
        display: block;
        position: absolute;
        top: 15px;
        right: 10px;
        background-image: url(/img/sub/icon/post_next.png);
    }

    ._dry #subVisual ._subtab ._tabmenu::before {
        display: none;
    }

    #subVisual ._visBx {
        margin-top: 105px;
    }

    #subVisual ._visBx ._subBg {
        height: 260px;
    }

    #subVisual ._visBx ._titBx {
        top: -70px;
    }

    #subVisual ._visBx ._titBx p {
        font-size: 16px;
    }

    #subVisual ._visBx ._titBx h1 {
        font-size: 80px;
        margin-top: 5px;
    }
}

@media screen and (max-width: 500px) {
    #subVisual ._visBx ._titBx h1 {
        font-size: 55px;
    }
}

@media screen and (max-width: 400px) {
    #subVisual ._visBx {
        margin-top: 150px;
    }
}