/* 서브페이지 하단 nav */
/* 공통 inner 컨테이너 */
.common_inner { 
    height:100%; 
    position:relative; 
    top:0; 
    width:84%; 
}

/* 라인 네비게이션 래퍼 */
.line_nav_wrap { 
   background: #262B3212;
   backdrop-filter: blur(50px);
   height:50px; 
    position: fixed;
    top: 114px;

}

/* 서브 라인 네비게이션 */
.sub_line_nav { 
    border-left:1px solid #333; 
    height:100%; 
    left:0; 
    position:absolute; 
}

.sub_line_nav ul:after { 
    clear:both; 
    content:""; 
    display:block; 
}

.sub_line_nav > ul > li { 
    border-right:1px solid #333; 
    float:left; 
    height:48px; 
    width:240px; 
}

.sub_line_nav > ul > li > a { 
    background:url("../img/common/line_nav_arrow.png") right 20px center no-repeat; 
    color:#fff; 
    display:block; 
    font-size:14px; 
    font-weight:400; 
    line-height:48px; 
    padding:0 40px 0 20px; 
    width:100%; 
    white-space:nowrap; 
    text-overflow:ellipsis; 
    overflow:hidden;
}

/* 홈 버튼 */
.sub_line_nav > ul > li.home { 
    width:51px; 
}

.sub_line_nav > ul > li.home > a { 
    padding:0; 
    width:50px; 
    height:100%; 
    background:url("../img/common/line_nav_home.png") center no-repeat; 
    overflow:hidden;  
}

/* 서브메뉴 드롭다운 */
.sub_line_nav > ul > li > ul { 
    background:#000; 
    border:1px solid #333; 
    border-top:0; 
    display:none; 
    padding:13px 0; 
}

.sub_line_nav > ul > li > ul > li { 
    height:38px; 
}

.sub_line_nav > ul > li > ul > li > a { 
    color:#fff; 
    display:block; 
    font-size:14px; 
    font-weight:400; 
    height:100%; 
    line-height:38px; 
    padding:0 20px; 
    width:100%; 
    white-space:nowrap; 
    text-overflow:ellipsis; 
    overflow:hidden;
}

.sub_line_nav > ul > li > ul > li > a:hover { 
    color:#0054a5; 
}

/* blind 클래스 (접근성 - 스크린리더용) */
.blind {
    position: absolute !important;  
    width: 1px !important;  
    height: 1px !important;  
    margin: -1px; 
    padding: 0 !important; 
    overflow: hidden !important;  
    clip: rect(1px 1px 1px 1px) !important;  
    border: 0 !important; 
    z-index:-1 !important; 
    clip-path: inset(50%); 
    color: transparent !important; 
    font-size: 1px !important; 
    line-height: 1px !important;
}

/* 헤더 영역 스타일 오버라이드 */

.line_nav_wrap .common_inner {
    padding:0 !important;
}

 .line_nav_wrap {
    border-top: 0 none;
    border-bottom: 1px solid #fff;
}

 .sub_line_nav {
    position:relative; 
    border-color:#0f3a6b;
}

 .sub_line_nav > ul {
    display:flex;
}

 .sub_line_nav > ul > li {
    float:unset; 
    width:100%; 
    max-width:221px; 
    height: 50px;
    border-color: #0f3a6b;
}

 .sub_line_nav > ul > li.home {
    width:51px;
}

 .sub_line_nav > ul > li > ul > li > a:hover {
    color: #1e74d9;
}


/* 반응형 - 태블릿 이하 */
@media (max-width: 977px) {
    .line_nav_wrap { 
        display:none; 
    }
}

/* 반응형 - 모바일 */
@media (max-width: 800px) {
    .line_nav_wrap { 
        display:block; 
        height:40px;
    }
    
     .sub_line_nav {  
        max-width: 100%; 
        width: 100%;
    }
    
     .sub_line_nav > ul > li {
        height: 40px;
        max-width: 100%;
        width: calc((100% - 30px) / 3);
    }
    
    .sub_line_nav > ul > li > a {
        line-height: 38px;
        padding: 0 20px 0 10px;
        font-size: 12px;
        background-position: right 8px center;
        background-size: 8px 4px;
        max-width: 100%;
    }
    
     .sub_line_nav > ul > li.home {
        width:30px;
    }
    
    .sub_line_nav > ul > li.home > a {
        width: 30px;
        height: 40px;
        background-size:12px 12px;
    }
    
     .sub_line_nav > ul > li > ul {
        padding:5px 0;
    }
    
    .sub_line_nav > ul > li > ul > li {
        height:30px;
    }
    
    .sub_line_nav > ul > li > ul > li > a {
        padding:0 10px; 
        font-size:12px; 
        line-height:28px;
    }
}