@charset "utf-8";
/********************
메인페이지 및 서브페이지 동시 적용.
가장 마지막에 불러오는 CSS 파일입니다.
※ 공통영역 CSS에서 부분별 개별 적용시 사용하시면 됩니다. 
********************/

/*구조변경시작********************/
.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-visual-major.jpg);}
.eQ02 .wrap-sub-visual {background-image: url(/sites/style-guide/images/common/sub-visual-intro.jpg);}
.eQ03 .wrap-sub-visual {background-image: url(/sites/style-guide/images/common/sub-visual15.jpg);}
.eQ04 .wrap-sub-visual {background-image: url(/sites/style-guide/images/common/sub-visual06.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);}