/*서브비주얼****************************************/
.eQ01 .wrap-sub-visual{background:url(/sites/innovation/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;}

.main-freq-slider .freq-inner a{text-align: center;}
.main-freq-slider .freq-inner .title{line-height: 70px;}
.main-info-img {max-width: 100%;}

.innovation{width: calc(100% - 14.1%); height: auto; margin: 0 1.1% 0 13%; border-radius: 10px; background: #efefef;}
.innovation .inno_tit p{background: #0477c0; color: #fff; padding: 10px 0; font-weight: bold; font-size: 28px; text-align: center; border-radius: 10px 10px 0 0;}
.innovation .inno_tit p .bar {margin:0 10px; display:inline-block;}
.innovation .inno_con>p{text-align: center; margin: 15px 0; font-weight: bold; font-size: 28px;}
.innovation .inno_con .sub_con{display: flex; justify-content: space-around; text-align: center; padding: 20px 10px 50px 10px;  gap: 10px; }
.innovation .inno_con .sub_con>div{width: 16.666%;}
.innovation .inno_con .sub_con .circle{position: relative;}
.innovation .inno_con .sub_con .circle img{display: block; margin: 0 auto;}
.innovation .inno_con .sub_con .circle span{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #fff; font-weight: bold;}
.innovation .inno_con .sub_con .slo{margin-top: 10px; font-weight: bold;}
.innovation .inno_con .sub_con .slo_sub{width: 100%; margin: 0 auto; margin-top: 10px; font-size: 0.9em; text-align: center;}

/*로고메뉴조정****************************************/
@media all and (min-width:1024px){
  .wrap-header .head-logo{width: 300px;}
}

@media all and (min-width:1024px)  and (max-width:1281px) {
  .innovation .inno_tit p {font-size:24px;}
  .innovation .inno_con .sub_con .slo_sub br {display:none;}
}

@media all and (max-width:1023px) {
  .innovation{width: 100%;  margin:0 0;}
  .innovation .inno_tit p{font-size: 20px; }
  .innovation .inno_con .sub_con .slo_sub{font-size: 0.8em;}
  .wrap-header .container .btn-mgnb button {background: url(/sites/innovation/images/button/btn_gnb_wh.png) no-repeat center center/contain;}
}
@media all and (max-width:770px) {
  .innovation{width: 100%; margin:0 0;}
  .innovation .inno_tit p {display:block; padding: 10px 10px;}
  .innovation .inno_tit p span {display:block; }
  .innovation .inno_tit p span.bar {display:none}
  .innovation .inno_con .sub_con {flex-wrap:wrap;  padding: 20px 0 50px 0;   gap: 10px 0; }
  .innovation .inno_con .sub_con>div {width:33.333%}
  .innovation .inno_con .sub_con .slo_sub{padding:0px 10px; margin-top: 10px;}
  .innovation .inno_con .sub_con .slo_sub br {display:none;}
}

@media (min-width: 1024px){
  .main-link-list ul {display:flex;justify-content:space-between;}
  .main-link-list ul li {width:100%;margin:0 0.5%;}
}

@media (max-width: 400px){
  .main-link-list ul li {display: table; width: 100%;}
}