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


/*서브비주얼****************************************/
.eQ01 .wrap-sub-visual{background:url(/sites/gradhealth/images/common/sub_visual_1.jpg) no-repeat center top;background-size: cover;}
.eQ02 .wrap-sub-visual{background:url(/sites/styleguide/images/common/sub_visual_2.jpg) no-repeat center top;background-size: cover;}
.eQ03 .wrap-sub-visual{background:url(/sites/styleguide/images/common/sub_visual_3.jpg) no-repeat center top;background-size: cover;}
.eQ04 .wrap-sub-visual{background:url(/sites/styleguide/images/common/sub_visual_4.jpg) no-repeat center top;background-size: cover;}
.eQ05 .wrap-sub-visual{background:url(/sites/styleguide/images/common/sub_visual_5.jpg) no-repeat center top;background-size: cover;}
.eQ06 .wrap-sub-visual{background:url(/sites/styleguide/images/common/sub_visual_6.jpg) no-repeat center top;background-size: cover;}
.eQ07 .wrap-sub-visual{background:url(/sites/styleguide/images/common/sub_visual_7.jpg) no-repeat center top;background-size: cover;}
.eQ08 .wrap-sub-visual{background:url(/sites/styleguide/images/common/sub_visual_8.jpg) no-repeat center top;background-size: cover;}
.eQ09 .wrap-sub-visual{background:url(/sites/styleguide/images/common/sub_visual_9.jpg) no-repeat center top;background-size: cover;}

.main-link-list ul li.bx4 a {background: url(/sites/gradhealth/images/main/main_link3.png) no-repeat 90% 90%;}
.main-link-list ul li.bx4:hover a {background: url("/sites/gradhealth/images/main/main_link3_on.png") no-repeat 90% 90%;}

@media all and (min-width:1024px){
  .wrap-header .head-logo{width: 260px;}
  .wrap-header .head-logo .logo-img span{font-size: 18px;}
}
@media all and (min-width:1024px) and (max-width:1400px){
  .wrap-header .head-navi .div_1 .a_1 span.inner{padding: 0 8px;}
  .wrap-header .head-navi .div_1 .a_1{font-size: 16px;}

}
@media (max-width: 1200px){
  .main-link-list ul li.bx4 a {background: url(/sites/gradhealth/images/main/main_link3.png) no-repeat center 30px;}
  .main-link-list ul li.bx4:hover a {background: url("/sites/gradhealth/images/main/main_link3_on.png") no-repeat center 30px;}
}
@media (max-width: 768px){
  .main-link-list ul li.bx4 a {background: url(/sites/gradhealth/images/main/main_link3.png) no-repeat 5% center;background-size: 40px auto;}
  .main-link-list ul li.bx4:hover a {background: url("/sites/gradhealth/images/main/main_link3_on.png") no-repeat 5% center;background-size: 40px auto;}
}