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


/*통합홈페이지 팝업 반응형*/ 
    .PZwindow {display:flex; flex-direction:column}
    .PZwindow iframe {    height: 100%;width:100%}
    .PZwindow .PZwrap img {width:100%;height: 100%;}
    .PZwindow .PZwrap a {display: block;background: #333;}
@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}
}


/* 모바일 ui 수정 250901 */
@media (max-width: 1620px) {
  .wrap-visual .scroll {right: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
}
@media (max-width: 550px) {
  .visualBox {top: 110px; padding: 0 10px;}
  .visualBox .p-1 {font-size: 28px;}
  .wrap-visual .control {margin-top: 30px;}
  .wrap-visual .control .paging button {width: 25px;}
  .wrap-header .head-logo a img {height: 20px;}
}
/* 모바일 gnb 250901 */
@media(max-width: 1024px) {
  #_globalNavi {float: unset; padding: 10px;}
}
@media (max-width: 480px) {
    #_globalNavi #_globalUl li a {font-size: 15px;}
}



/* 서브 탭 모바일 250901 */
@media (max-width: 420px) {
  .wrap-contents .tab ul.open {flex-direction: column;}
  .wrap-contents .tab_div ul li._active a:before {display: none;}
  .wrap-contents .tab_div ul li a {padding: 0 15px; font-size: 17px;}
  .wrap-contents .tab ul li:last-child a {border-bottom: none;}
}