@charset "utf-8";
/********************
메인페이지 및 서브페이지 동시 적용.
가장 마지막에 불러오는 CSS 파일입니다.
※ 공통영역 CSS에서 부분별 개별 적용시 사용하시면 됩니다. 
********************/
.wrap-contents .tab .depth4-bx ul li {    width: 20% !important;}

@media (max-width: 860px) {
  .wrap-contents .tab .depth4-bx ul li {	  width: 33.333% !important;  }
}
@media (max-width: 600px) {
  .wrap-contents .tab .depth4-bx ul li {	  width: 50% !important;  }
}
/*구조변경시작********************/
.wrap-header .head-logo a {display:flex;align-items:center;}
.wrap-header .head-logo span {font-size:19px;padding-top:0;}
.wrap-header .head-navi .a_1.on span:before{bottom:-15px;}
@media all and (min-width:1025px) {
  .wrap-header:before{content:"";display:block;width:100%;height:1px;background:#EEE;position:absolute;left:0;top:80px;}
  .wrap-header .container > div {display:block;}
  .wrap-header .container .head-logo {float:none;margin-right:0;text-align:center;}
  .wrap-header .head-navi {text-align: center;}
  .wrap-header .head-util {position:absolute;right:0;top:0;}
  .wrap-header .head-logo a,
  .wrap-header .head-util li {height:80px;}  
  .wrap-header .head-navi .ul_1 {justify-content:space-between;}
  .wrap-header .head-util li.head-sitemap {background-position:center;}  
  .wrap-header .head-navi .a_1 {padding:15px 0;}
}
@media (max-width: 1400px) {
  .wrap-header .head-util {display: block !important;}
}
@media (min-width: 1025px) and (max-width: 1280px){
  .wrap-header .head-logo span {display:inline-block;padding-left:5px;}
}
@media (max-width:768px) {
  .wrap-header .head-logo img {max-width:160px;}
  .wrap-header .head-logo span {font-size:17px;}
}
@media (max-width:520px){
  .wrap-header .head-logo span {padding-left:5px;}
}
@media (max-width:480px){
  .wrap-header .head-logo a {flex-wrap:wrap;}
  .wrap-header .head-logo img {max-width:130px;}
  .wrap-header .head-logo span {padding-left:0px;width:100%;font-size:14px;}
}
/*구조변경끝********************/


/*서브비주얼시작********************/
.eQ01 .wrap-sub-visual {background-image: url(/sites/style-guide/images/common/sub-visual01.jpg);}	/*교육연구단 소개*/
.eQ02 .wrap-sub-visual {background-image: url(/sites/style-guide/images/common/sub-visual11.jpg);}	/*사업 내용*/
.eQ03 .wrap-sub-visual {background-image: url(/sites/style-guide/images/common/sub-visual17.jpg);}	/*BK교육연구프로그램*/
.eQ04 .wrap-sub-visual {background-image: url(/sites/style-guide/images/common/sub-visual14.jpg);}	/*사업성과홍보*/
.eQ05 .wrap-sub-visual {background-image: url(/sites/style-guide/images/common/sub-visual-community.jpg);}	/*커뮤니티*/
.eQ06 .wrap-sub-visual {background-image: url(/sites/style-guide/images/common/sub-visual-sitemap.jpg);}	/*이용안내*/
/*서브비주얼끝********************/