/* ==================================================
   아이심장 PC GNB
   부천세종병원형 세로 드롭다운 - 최종 위치 보정
================================================== */

@media (min-width:769px){

    /* 드롭다운이 잘리지 않도록 */
    #hd,
    #hd_wrapper,
    #hd_wrapper .full_container,
    #hd_wrapper .inner_container,
    #hd_wrapper nav,
    #hd_wrapper .gnb_area{
        overflow:visible !important;
    }

    #hd{
        position:relative !important;
        z-index:99999 !important;
    }

    #hd_wrapper{
        position:relative !important;
        overflow:visible !important;
    }

    #hd_wrapper nav{
        position:relative !important;
        overflow:visible !important;
    }

    #hd_wrapper nav .gnb_area{
        display:flex !important;
        align-items:stretch !important;
        overflow:visible !important;
    }


    /* ==================================================
       각 1Depth 메뉴
    ================================================== */

    #hd_wrapper nav
    .gnb_area > li.depth1{

        position:relative !important;

        float:none !important;

        overflow:visible !important;

        margin:0 !important;

        padding:0 !important;
    }


    #hd_wrapper nav
    .gnb_area > li.depth1 > a{

        position:relative !important;

        display:flex !important;

        align-items:center !important;

        justify-content:center !important;

        height:100% !important;

        margin:0 !important;

        z-index:2 !important;
    }


    /* ==================================================
       기존 아이심장 submenu 위치값 완전 초기화
    ================================================== */

    #hd_wrapper nav
    .gnb_area > li.depth1 > ul.gnb_area_2{

        display:none !important;

        position:absolute !important;

        /* 기존 위치값 초기화 */
        inset:auto !important;

        top:100% !important;

        left:50% !important;

        right:auto !important;

        bottom:auto !important;

        transform:translateX(-50%) !important;

        margin:0 !important;

        margin-left:0 !important;

        margin-right:0 !important;

        /* 병원형 박스 */
        width:220px !important;

        min-width:220px !important;

        max-width:220px !important;

        height:auto !important;

        min-height:0 !important;

        padding:17px 0 !important;

        background:#fff !important;

        border:0 !important;

        border-radius:0 0 20px 20px !important;

        box-shadow:
        0 10px 25px rgba(0,0,0,.14) !important;

        opacity:1 !important;

        visibility:visible !important;

        z-index:999999 !important;
    }


    /* ==================================================
       열렸을 때
    ================================================== */

    #hd_wrapper nav
    .gnb_area > li.depth1.menu-open
    > ul.gnb_area_2{

        display:block !important;
    }


    /* 마우스 올려도 표시 */
    #hd_wrapper nav
    .gnb_area > li.depth1:hover
    > ul.gnb_area_2{

        display:block !important;
    }


    /* ==================================================
       기존 메뉴 장식 제거
    ================================================== */

    #hd_wrapper nav
    ul.gnb_area_2::before,

    #hd_wrapper nav
    ul.gnb_area_2::after{

        display:none !important;

        content:none !important;
    }


    /* ==================================================
       하위 메뉴
    ================================================== */

    #hd_wrapper nav
    ul.gnb_area_2 > li.depth2{

        display:block !important;

        position:relative !important;

        float:none !important;

        clear:both !important;

        width:100% !important;

        height:auto !important;

        margin:0 !important;

        padding:0 !important;

        border:0 !important;

        text-align:left !important;
    }


    #hd_wrapper nav
    ul.gnb_area_2 > li.depth2 > a{

        display:block !important;

        position:relative !important;

        width:100% !important;

        height:auto !important;

        margin:0 !important;

        padding:11px 25px !important;

        background:#fff !important;

        color:#555 !important;

        font-size:16px !important;

        font-weight:400 !important;

        line-height:1.5 !important;

        text-align:left !important;

        white-space:nowrap !important;

        transform:none !important;
    }


    #hd_wrapper nav
    ul.gnb_area_2 > li.depth2 > a:hover{

        background:#f5f9fc !important;

        color:#075baa !important;

        font-weight:700 !important;
    }


    /* ==================================================
       선택된 상단 메뉴
    ================================================== */

    #hd_wrapper nav
    .gnb_area > li.depth1.menu-open > a,

    #hd_wrapper nav
    .gnb_area > li.depth1:hover > a{

        color:#075baa !important;

        font-weight:700 !important;
    }


    /* 병원 홈페이지처럼 파란 하단선 */
    #hd_wrapper nav
    .gnb_area > li.depth1.menu-open > a::after,

    #hd_wrapper nav
    .gnb_area > li.depth1:hover > a::after{

        content:"" !important;

        position:absolute !important;

        left:0 !important;

        right:0 !important;

        bottom:0 !important;

        width:100% !important;

        height:4px !important;

        background:#075baa !important;

        border-radius:3px 3px 0 0 !important;
    }

}
/* ==================================================
   PC 헤더 폭 / 여백 보정
================================================== */

@media (min-width:769px){

    /* 흰색 헤더 전체 높이 */
    #hd_wrapper{
        background:#fff !important;
    }

    /* 로고~메뉴 영역을 조금 더 넓게 사용 */
    #hd_wrapper .inner_container{
        width:100% !important;
        max-width:1500px !important;
        height:68px !important;

        margin:0 auto !important;
        padding:0 35px !important;

        display:flex !important;
        align-items:center !important;
    }

    /* 로고가 너무 안쪽으로 들어가지 않게 */
    #hd_wrapper .logo{
        flex:0 0 auto !important;
        margin:0 !important;
    }

    #hd_wrapper .logo img{
        width:150px !important;
        max-width:150px !important;
    }

    /* 메뉴가 가운데에서 자연스럽게 펼쳐지도록 */
    #hd_wrapper nav{
        flex:1 !important;
        margin-left:60px !important;
    }

    #hd_wrapper nav .gnb_area{
        width:auto !important;
        justify-content:center !important;
        gap:42px !important;
    }

}
/* ==================================================
   PC 상단 5개 메뉴 화면 정중앙 배치
================================================== */

@media (min-width:769px){

    #hd_wrapper .inner_container{
        position:relative !important;
    }

    #hd_wrapper nav{
        position:static !important;
        margin:0 !important;
        flex:1 !important;
    }

    /* 5개 탭을 화면 중앙 기준으로 고정 */
    #hd_wrapper nav .gnb_area{

        position:absolute !important;

        left:50% !important;
        top:0 !important;

        transform:translateX(-50%) !important;

        width:max-content !important;
        height:100% !important;

        margin:0 !important;
        padding:0 !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        gap:42px !important;
    }

    /* 메뉴 간격 */
    #hd_wrapper nav
    .gnb_area > li.depth1{

        flex:0 0 auto !important;
    }

    /* 검색/햄버거는 오른쪽 고정 */
    #hd_wrapper nav .sch{
        position:absolute !important;
        right:65px !important;
        top:50% !important;
        transform:translateY(-50%) !important;
    }

    #hd_wrapper nav .fullDownBtn{
        position:absolute !important;
        right:15px !important;
        top:50% !important;
        transform:translateY(-50%) !important;
        margin:0 !important;
    }

}