@charset "UTF-8";
/*-------------------------------------------------------------------
    파일정의 : templates ui gnb 스타일
    참고사항 : 전체 펼침
    속성순서 : 표시 > 위치 > 넘침/흐름 > 크기/간격 > 박스모양 > 폰트/정렬 > 기타
-------------------------------------------------------------------*/
.gnb-load {position: fixed;top: 0;left: 0;overflow: auto;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 999;}
/*.gnb-close{position: fixed;right: 0;width: 40px;height: 40px;margin: 20px;background: url('../../images/common/ico_close-01.png') center no-repeat;z-index: 999;font-size: 0;text-indent: -999999px;}*/
.gnb.gnb-line{position: absolute;display: block;width: 100%;height: 50px;top: auto;right: auto;transform: none;margin: auto;}
.gnb.gnb-line .node1-list {display: block;width: 100%;padding: 0px;top: 0;left: 0;margin: 0;text-align: center;}
.gnb.gnb-line .node1-item{display: inline-block;width: auto;}
.gnb.gnb-line .node1-list:hover::after{
    position:absolute;
    content:'';
    display:block;
    left: 0;
    width: 100%;
    height:50px;
    margin: 0;
    border:1px solid #e2e2e2;
    border-width: 1px 0px;
    background:#fff;
}
.gnb.gnb-line .node1-link{width: 100%;font-size: 17px;line-height: 50px;color: #424242;text-align: center;letter-spacing: -0.8px;text-transform: uppercase; z-index: 10;}
.gnb.gnb-line .node1-item.is-active::after{
    content:'';
    position:absolute;
    display:block;
    width:88px;
    height:5px;
    top:auto;
    left:50%;
    right:auto;
    bottom:0;
    background:#a5bbc3;
    transform:translateX(-50%);
}
.gnb.gnb-line .node2-list {padding:0;border-width: 0;border-radius: 0;}
.gnb-line .node2-item{display:inline-block;}
.gnb-line .node2-menu{position: absolute;width: auto;left: auto;top: 49px;background: rgba(255, 255, 255, 0);}
.gnb-line .node2-list.is-active {background-color: rgba(255,255,255,0);}
.gnb-line .node2-link:focus, .gnb-line .node2-link:hover, .gnb-line .node2-link:active, .gnb-line .node2-item.is-active .node2-link, .gnb-line .node2-item.is-current .node2-link {
    color: #a5bbc3;
}
.gnb-line .node2-item:first-child{margin-left: 50px;}
.gnb-line .node2-link{padding: 0px 20px;}
.gnb-line .node2-menu{text-align: center;}