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

.wrap-sub-visual {background: url(/sites/battery/images/bg.jpg) no-repeat top center;background-size: cover;}
#multipleDiv_temp_08_8 {height: auto;}

/* popup */
@media only screen and (max-width:768px){
    .PZwindow {width: 80% !important; top:0 !important; left:0 !important}
    .PZwindow .PZwrap {width: 100% !important; height: auto !important;}
}

@media only screen and (max-width:550px){
    .PZwindow {width: 100% !important}
}


/*3단영역 2025-10-30 수정*/
@media all and (max-width:1024px){
#menu21611_obj479 {width: 50% !important; height: auto; margin: 0px 1% 0px 0px; float: left; }
#menu21611_obj480 {width: 49%  !important; height: auto; float:right;}
#menu21611_obj481 {width: 49%  !important; float: right;position: relative;z-index: 1;left: 0px;top: 0px;}
#menu21611_obj482 {width: 100%  !important; margin: 10px 0px 0px; float: right; position: relative; z-index: 1; left: 0px; top: 0px;}
#menu21611_obj14 {width: auto; height: auto; margin: 0px;}
  
  .quick ul li a > img {width: 70px;}
  .quick ul li strong {font-size: 18px;}
  .quick ul li {padding: 30px 0;}
  
  .bottom_banner {margin: 0;}
}

/* 모바일 수정 2025-10-30 */
@media (max-width: 1024px) {
  #multipleContentsDiv_temp_08_7 {margin-top: 100px;}
  body #multipleContentsDiv_temp_08_9 {padding: 60px 20px;}
  .quick {margin-top: 30px;}
  .scheduleMain {height: 500px;}
  .bottom_banner {height: auto; overflow-y: hidden;}
}
@media (max-width: 768px) {
  body #multipleContentsDiv_temp_08_9 {padding: 0 20px 40px;}
  body #multipleContentsDiv_temp_08_10 {padding: 0 20px 40px;}
  .major {padding-top: 0;}
  
  .visual-slogan {padding: 30px 50px; max-width: 400px;}
  .visual-slogan strong {font-size: 30px; margin-bottom: 0;}
  .visual-slogan p {display: none;}
  .sub-title{font-size: 28px; margin-bottom: 40px; margin-top: 40px;}
  
  #menu21611_obj479 {width: 100% !important; float: unset; margin: 0;}
  
  .scheduleMain {min-height: auto; margin-bottom: 20px;}
  .quick {margin-top: 20px;}
  .quick ul li {margin-bottom: 10px; width: calc(100% / 2 - 7px);}
  .quick ul li:nth-child(2){margin-left: 10px;}
  .quick ul li:nth-child(4){margin-left: 10px;}
  
  #menu21611_obj480 {width: 100% !important; float: unset; margin-bottom: 20px;}
  #menu21611_obj481 {width: 100% !important; float: unset; margin-bottom: 20px;}
  #menu21611_obj482 {margin-top: 0;}
  .wrap-popup .slider li img {max-height: 100%; height: 100%;}
  .bottom_banner {margin-bottom: 0}
  
  .hongbo:after {background-position: center center; background-size: cover;}
}
@media (max-width: 550px) {
  .visual-slogan {padding: 30px 25px; max-width: 300px;}
  .visual-slogan strong {font-size: 23px; font-family: 'Noto Regular';}
  .sub-title {font-size: 23px;}
  
  .quick ul li {width: 100%;}
  .quick ul li:nth-child(2){margin-left: 0;}
  .quick ul li:nth-child(3){margin-bottom: 10px;}
  .quick ul li:nth-child(4){margin-left: 0;} 
  .scheduleMain {margin-bottom: 10px;}
  
  #menu21611_obj480 {margin-bottom: 10px;}
  #menu21611_obj481 {margin-bottom: 10px;}
  .bottom_banner ul li span {font-size: 15px;}
}


/* 네비게이션 min-width값 수정 */
@media (min-width: 1025px) {
    .wrap-header .head-navi .eQ03 .div_2 {
        min-width: 200px;
    }
}