/* 컬러 */
:root{
    --mainColor : #005aa9;
    --subColor : #006cb2;
    --Color01 : #1f63c9;
    --Color02 : #2399e5;
    --Color03 : #134589;
}
 /* header */  
#header .top_menu ul li a { background: #fff; color: var(--mainColor); } /* 최상단 버튼 순천대학교 폰트 색상 */
#header .top_menu ul li:nth-child(2) a { background: var(--mainColor); color: #fff;} /* 최상단 버튼 입학안내 배경색 */

/* nav : fullDown */
.fullDown #gnb .depth01 .gnb_info .txt h3 { color: var(--mainColor); } /* 풀다운 좌측 순천대학교 폰트 색상 */
.fullDown #gnb .depth01 .gnb_info .txt h3::before { background: var(--mainColor); } /* 풀다운 좌측 순천대학교 아래 꾸밈요소 색상 */
.fullDown #gnb .depth01 .gnb_info .txt p span { color: var(--subColor);} /* 풀다운 좌측 슬로건 색상 */
.fullDown #gnb .depth01 > ul > li.match { border-color: var(--mainColor); } /* 풀다운 depth02 호버시 라인 색상 */
.fullDown #gnb .depth03 > ul > li > a > span::before { background: var(--Color01); } /* 풀다운 depth03 꾸밈요소 색상 */
/* nav : fullDown : active */ 
.fullDown #gnb .dep01_tit > ul > li > a:hover,
.fullDown #gnb .dep01_tit > ul > li > a:focus,
.fullDown #gnb .dep01_tit > ul > li.match > a { color: var(--subColor); } /* depth01 a 호버시 색상 */
.fullDown #gnb .depth02 > ul > li.active > a { background:  linear-gradient(90deg,var(--Color01),var(--Color02)); color: #fff;} /* depth02 a 호버시 배경 색상 */
.fullDown #gnb .depth02 > ul > li.active.dep > a::before { color: #fff; } /* active시 depth02 우측 엑시콘 색상 */
.fullDown #gnb .depth03 > ul > li.active > a::after { color: var(--subColor); } /* active시 depth03 우측 엑시콘 색상*/
.fullDown #gnb .depth03 > ul > li.active > a,
.fullDown #gnb .depth03 > ul > li > a:hover,
.fullDown #gnb .depth03 > ul > li > a:focus { color: var(--subColor); } /* active시 depth03 폰트 색상*/

/* nav : oneDown */
.oneDown .depth03 > ul > li > a::before { background: var(--subColor); } /* depth03 꾸밈요소 색상 */
/* nav : oneDown : active */
.oneDown .depth01 > ul > li > a:hover,
.oneDown .depth01 > ul > li > a:focus,
.oneDown .depth01 > ul > li.on > a { color: var(--Color03); } /* depth01 a 호버시 색상 */
.oneDown .depth02 > ul > li.active > a { background:  linear-gradient(90deg,var(--Color01),var(--Color02)); color: #fff;} /* depth02 a 호버시 배경 색상 */
.oneDown .depth02 > ul > li.dep.active > a > span::after { color: #fff;} /* active시 depth02 우측 엑시콘 색상 */
.oneDown .depth03 > ul > li.dep.active > a > span::after { color: var(--Color03); }  /* active시 depth03 우측 엑시콘 색상 */
.oneDown .depth03 > ul > li.active > a > span, 
.oneDown .depth03 > ul > li > a:hover > span,
.oneDown .depth03 > ul > li > a:focus > span { color: var(--Color03); } /* active시 depth03 폰트 색상 */ 

/* nav : oneFull */
.oneFull .depth01 > ul > li > a > span::before { background: var(--Color03); } /* depth01 a 꾸밈요소 색상 */
.oneFull .depth02::before { border-image: linear-gradient(to right, var(--Color01), var(--Color02)); } /* 배경 하단 라인 색상 */
.oneFull .depth02 > ul > li > a { background: #fff; color: var(--Color03); } /* depth02 폰트 색상 */
.oneFull .depth02 > ul > li > a::before { color: var(--Color03); }  /* depth02 우측 엑시콘 색상 */
/* nav : oneFull : active */
.oneFull .depth01 > ul > li > a:hover,
.oneFull .depth01 > ul > li > a:focus,
.oneFull .depth01 > ul > li.on > a { color: var(--Color03); }/* depth01 a 호버시 색상 */
.oneFull .depth02 > ul > li > a:hover,
.oneFull .depth02 > ul > li > a:focus { color: #fff; background: linear-gradient(to right, var(--Color01),var(--Color02)); } /* depth02 호버시 색상*/
.oneFull .depth02 > ul > li > a:hover::before,
.oneFull .depth02 > ul > li > a:focus::before {color: #fff;} /* depth02 호버시 꾸밈요소 색상*/
.oneFull .depth03 > ul > li > a:hover,
.oneFull .depth03 > ul > li > a:focus { color: var(--Color03); } /* depth03 호버시 색상 */ 

/* 검색버튼 */
.searchOpen { font-size: 1.5rem; margin-right: 2rem; color: var(--subColor); } /* 검색 활성화 버튼 색상 */

/* 검색창 */  
.box_search .inner h3 { color: var(--subColor); } /* 통합검색 타이틀 색상 */
.box_search .inner #searchForm { border: 2px solid var(--subColor); }  /* input 보더 색상 */ 
.box_search .inner #searchForm .srch_btn { color: #fff; background: var(--subColor); } /* 검색버튼 색상 */ 
 
/* footer */
#footer { background: #34373d; color: #fff; } /* 푸터 배경 색상 */
#footer .footer_link ul li a { background: var(--subColor); color: #fff; }   /* 푸터 개인정보처리방침 색상 */
#footer .btn_top { background: #fff; color: #2193e0; } /* 푸터 탑버튼 색상 */

/* 서브페이지  */

/* Location */ 
.snb_wrap .subLocation > li.home > a { color: var(--mainColor);} /* 서브 로케이션 홈 색상 */
/* sns */
.snsBox .btnPrint i, .snsBox .btnShare i{ color: #063c5f;} /* 공유, sns버튼 색상 */
.snsBox .sns_more { background: #204260; }  /* sns 더보기 배경색상*/

@media screen and (min-width: 1281px){

    /* 탑메뉴 */ 
    .typeTop #snb .snb_wrap .subLocation .home a { color: #fff; background:  var(--Color03); }
    .typeTop #snb .snb_wrap h2 { color:  var(--Color03); }

    /* 탑메뉴 - snb */  
    .typeTop #snb .snb_wrap .inner ul > li.on > a { color:  var(--Color03); }
    .typeTop #snb .snb_wrap .inner ul > li.on > a::before { color:  var(--Color03); } 
    /* 탑메뉴 - active */ 
    .typeTop #snb .snb_wrap .inner ul.open > li.on > a { background: var(--mainColor); color: #fff;}
    .typeTop #snb .snb_wrap .inner ul.open::before { background: var(--mainColor);}
    .typeTop #snb .snb_wrap .inner ul.open > li.on > a::before { color: #fff; }
    .typeTop #snb .snb_wrap .inner ul > li:not(.on) > a:hover,
    .typeTop #snb .snb_wrap .inner ul > li:not(.on) > a:focus { color: #111; }  

    /* 좌측메뉴 */  
    .typeLeft .snb_wrap h2 { background: linear-gradient(to right,var(--Color01),var(--Color02)); color: #fff; } /* depth01 타이틀 색상 */ 
    .typeLeft #snb .snb_wrap .depth01 > li > a { background: #f3f5f8; } /* depth02 배경 색상 */ 
    
    .typeLeft #snb .snb_wrap .depth02 > li.dep.active > a::before { color:  var(--Color03); } /* depth02 active시 우측 아이콘 색상 */
    /* 좌측메뉴 - active */
    .typeLeft #snb .snb_wrap .depth01 > li > a:hover,
    .typeLeft #snb .snb_wrap .depth01 > li > a:focus,
    .typeLeft #snb .snb_wrap .depth01 > li.active > a { background: var(--mainColor); color: #fff; border-color: var(--mainColor); }/* depth01 active시 색상 */
    .typeLeft #snb .snb_wrap .depth01 > li.dep.active > a::before { border-color: var(--mainColor); color: var(--mainColor); }/* depth01 active시 우측 아이콘 색상 */
    .typeLeft #snb .snb_wrap .depth02 > li > a:hover,
    .typeLeft #snb .snb_wrap .depth02 > li > a:focus,
    .typeLeft #snb .snb_wrap .depth02 > li.dep.active > a { color:  var(--Color03);} /* depth02 호버시 색상 */
    .typeLeft #snb .snb_wrap .depth03 > li > a:hover,
    .typeLeft #snb .snb_wrap .depth03 > li > a:focus { color: var(--Color03); } /* depth03 호버시 색상 */
    .typeLeft #snb .snb_wrap .depth03 > li > a:hover::before,
    .typeLeft #snb .snb_wrap .depth03 > li > a:focus::before { background: var(--mainColor);}  /* depth03 호버시 꾸밈요소 색상 */
    
}