@charset "utf-8";


:root {
  --main-color: #224690; /* 메인컬러 */
  --sub-color:#e5eeff; /* 서브컬러 */
  --strong-color: #00283f; /* 포인트 강조색 */
}

#header #gnb,
.topUtil .totalSearch button {background: var(--main-color);}
.MC_wrap1 .container::before {background:var(--sub-color)!important;}
.topUtil .totalSearch {background:var(--sub-color);}
#header #gnb #nav.oneDown .depth02 {border-color:var(--main-color);}
.MC_wrap1 .pop0023 .page strong {background: var(--main-color);}
.MC_wrap1 .pop0023 .control a:hover,
.MC_wrap1 .pop0023 .control a:focus { background:var(--strong-color); }
.MC_wrap1 .notice0023 .titTab ul li a.current, 
.MC_wrap1 .notice0023 .titTab ul li a:hover, 
.MC_wrap1 .notice0023 .titTab ul li a:focus {color:var(--main-color);}
.MC_wrap1 .notice0023 .list_box li a.new .tit::before {background:var(--main-color);}
.MC_wrap1 .notice0023 .list_box li a:hover:before, 
.MC_wrap1 .notice0023 .list_box li a:focus:before {border-color:var(--main-color);}



/* media query mobile */
@media screen and (max-width: 1280px){



	
}

@media screen and (max-width: 1200px){

	

}

@media screen and (max-width: 1024px){



}

@media (max-width:690px) {



}

@media (max-width:560px) {



}

@media screen and (max-width: 480px){



}

@media (max-width:380px) {


}