/* 컬러 */
:root{
    --mainColor : #0f4e93;
    --subColor : #f4781f;
    --Color01 : #494ea4;
}

#header:before { background:#ededed; } /* header 하단 라인 */

/* gnb color */
/* gnb : default */
#gnb{ background:#fff; }/* gnb 배경색 */
#gnb .depth01 > ul > li.on > a{ color:#000 !important; } /* 1차메뉴 active 텍스트 색상 */
#gnb .depth01 > ul > li > a{ color:#000; }/* 1차메뉴 텍스트 색상 */
#gnb .depth01 > ul > li > a:before{ background:#fff;} /* 1차메뉴 active underline 색상*/
#gnb .depth01 > ul > li > a > span:before{background:#adafdf; } /* 1차메뉴 active 그림자 색상 */
#gnb .depth02 > ul > li > a{ color:#111; }/* 2차메뉴 텍스트 색상 */
/* gnb : fullDown */
#nav.fullDown #gnb:before { height:2px; background:#dddddd; } /* 메뉴하단라인 */

#nav.fullDown .depth02 > ul > li > a:hover,
#nav.fullDown .depth02 > ul > li > a:focus,
#nav.fullDown .depth02 > ul > li.active > a{color: #fff; background: var(--mainColor); }/* 2차메뉴 active 텍스트 색상 */
#nav.fullDown .depth03 > ul > li > a:hover,
#nav.fullDown .depth03 > ul > li > a:focus{ color:var(--mainColor); }/* 3차메뉴 active 텍스트 색상 */
#nav.fullDown .depth03 > ul > li > a:hover::before,
#nav.fullDown .depth03 > ul > li > a:focus::before{background: var(--mainColor);}/* 3차메뉴 active 블릿 색상 */
/* gnb : oneDown */
#nav.oneDown #gnb:before { height:2px; background:#dddddd; } /* 메뉴하단라인 */
#nav.oneDown .depth02 > ul > li > a:hover,
#nav.oneDown .depth02 > ul > li > a:focus,
#nav.oneDown .depth02 > ul > li.dep.active > a{ color:var(--mainColor); }/* 2차메뉴 active 텍스트 색상 */
#nav.oneDown .depth03 > ul > li > a:hover,
#nav.oneDown .depth03 > ul > li > a:focus{ color:var(--mainColor); }/* 3차메뉴 active 텍스트 색상 */
#nav.oneDown .depth03 > ul > li > a:hover::before,
#nav.oneDown .depth03 > ul > li > a:focus::before{background: var(--mainColor);}/* 3차메뉴 active 블릿 색상 */
/* gnb : oneFull */
#nav.oneFull #gnb:before { height:2px; background:#dddddd; } /* 메뉴하단라인 */
#nav.oneFull .depth02 > ul > li > a:hover,
#nav.oneFull .depth02 > ul > li > a:focus,
#nav.oneFull .depth02 > ul > li.dep.active > a{ color:#fff; background:var(--mainColor); border-color: var(--mainColor); }/* 2차메뉴 active 배경색, border 색상 */
#nav.oneFull .depth03{border-color: var(--mainColor);}/* 3차메뉴 border 색상 */
#nav.oneFull .depth03 > ul > li > a:hover,
#nav.oneFull .depth03 > ul > li > a:focus{ color:var(--mainColor); }/* 3차메뉴 active 텍스트 색상 */
#nav.oneFull .depth03 > ul > li > a:hover::before,
#nav.oneFull .depth03 > ul > li > a:focus::before{background: var(--mainColor);}/* 3차메뉴 active 블릿 색상 */

/* footer */
#footer { border-top:1px solid #e5e5e5; }/* footer border */
.footer_link li a:before{ border-left:1px solid #ccc; }/* footer link 영역 라인색상 */
/* .footer_link li a strong { color: #494ea4; } */ /* footer link 강조 폰트색상 */
/* #footer address { color: #000; } */ /* address 폰트색상 */
/* #footer .copyright { color:#000; } */ /* copyright 폰트색상 */
#footer .btn_top{ background: var(--Color01); color:#fff;}/* footer 상단이동 버튼 색상 */

/* moblie  */
#header .mBtn.mSearch{ background: var(--mainColor); color:#fff;}/* 모바일 검색 버튼 */
#header .mBtn.mNav{ background: var(--subColor); color:#fff;}/* 모바일 메뉴 버튼 */

/* moblie navigation  */
#mgnb .depth02{ background:#f7faff; border-color: var(--mainColor);}/* 2차메뉴 배경, border 색상 */
#mgnb .depth01 > ul > li.active > a { color: var(--mainColor); }/* 1차메뉴 active */
#mgnb .depth02 > ul > li.active > a { color: var(--mainColor); }/* 2차메뉴 active */

/* moblie search  */
#mSearch .btnSearch { background: var(--mainColor); }
#mSearch .btnClose { background:var(--mainColor);  }

/* lnb */
#lnb h2{ color:#fff;background: var(--mainColor); }
/* lnb:active */
#lnb .dep01 > li.active > a{ border-color:var(--mainColor);}
#lnb .dep01 > li.active > a:after{ color:var(--mainColor);}
#lnb .dep02 > li.active > a{ color:var(--mainColor); }
#lnb .dep02 > li.active  > a:before{ background:var(--mainColor);}
#lnb .dep01 > li > a:hover:before,
#lnb .dep01 > li > a:focus:before{color:var(--mainColor);}
#lnb .dep02 > li > a:hover:before,
#lnb .dep02 > li > a:focus:before{background:var(--mainColor);}

/* location */
.subLocation ul li:last-child{color: var(--mainColor); font-weight: 600;}

/* location : snsBox */
.snsBox button.active,
.snsBox button:hover,
.snsBox button:focus{ color:#fff; border-color:var(--mainColor); background:var(--mainColor);}