- layout_pc.css 를 다음과 같이 수정하였습니다.

 

/* 네비게이션 */
#pm_nav_h2 {display:block;}
.pm-navigation_lnb {
     margin:0;
    .dep1 {
        display:block !important; position:relative; padding:0; background:none;
        @extend %clear;
        > li {
            float:left; margin:0;
            > a {
                height:42px; padding:0 57px; font-size:16px; line-height:40px; background:none; border-bottom:4px solid #fff;
                i {
                    position:absolute; left:0; top:50%;    width:1px; height:13px;
                    &:after, &:before {
                        /*/@extend %nav_dep1bar;*/
                    }
                    &:after {width:1px; height:100%; margin-top:-8px;}
                    &:before {display:none;}
                }
            }
            &.on > a, &:hover > a {border-bottom:4px solid #007dd7; background:none; color:#464646;}
            &.on > a > u {
            /*    display:block; position:absolute; left:50%; top:0; margin-left:-4px;
                border-top:8px solid $dep1On; border-left:8px solid transparent; border-right:8px solid transparent;*/
            }
            &.on > div,
            &:hover > div {display:block;}
            &:first-child > a i {display:none;}
            > div {height:40px; width:532px; position:absolute; display:none;}
            .dep2 {
                display:inline-block; position:absolute; padding:0; border-top:1px solid #7c94c3;
                > li {
                    float:left;
                    > a {
                        display:block; padding:10px 15px; font-size:15px; white-space:nowrap;
                        @include transition(0.3s ease-out);
                    }
                    &.on > a, &:hover > a {
                        @include transition(0.3s ease-out);
                        @extend %nav_dep2bgov;
                    }
                }
            }
        }
        &:hover > li.on > a {border-bottom:none;}
        &:hover > li.on:hover > a {border-bottom:4px solid #007dd7;}
        &:hover > li.on > div {display:none;}
        &:hover > li.on:hover > div {display:block;}
        &:hover > li.on .dep2 >li.on > a {background:#fff; color:#5d5d5d;}
        &:hover > li.on .dep2 >li.on:hover > a {@extend %nav_dep2bgov; color:#fff;}

        >li.li5 div{left:711px}
    }
}

 

 

@ 설명

 

네비게이션의 경우, 현재페이지에 해당하는 메뉴는 on Class 가 추가됩니다.

-> on 이 있을 경우에 해당 서브메뉴들이 출력되고, 마우스오버(:hover)에 맞게 동작하도록 css를 추가하였습니다.