@charset "utf-8";
/********************
메인페이지 및 서브페이지 동시 적용.
가장 마지막에 불러오는 CSS 파일입니다.
※ 공통영역 CSS에서 부분별 개별 적용시 사용하시면 됩니다. 
********************/
.eQ01 .wrap-sub-visual {background-image: url(../../images/common/sub-visual-relayted.jpg);}
.eQ02 .wrap-sub-visual {background-image: url(../../images/common/sub-visual-community.jpg);}
.eQ03 .wrap-sub-visual {background-image: url(../../images/common/sub-visual-sitemap.jpg);}




/* 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;}
    .PZwindow iframe {width:100%}
    .PZwindow .PZwrap img {width:100%}

    
}

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



.research .quick_area li a {height:100%;min-height: 140px;}
@media all and (max-width:1024px) {
  #multipleDiv_temp_05_11{padding-top:0 !important;padding-bottom: 0 !important;} 
}
@media all and (max-width:550px) {
.wrap-header .head-navi .a_2 span {font-size: 15px;}
.wrap-header .head-navi .a_2 {padding: 10px 13px;}
.wrap-header .head-navi .a_1 {font-size: 16px; padding: 8px 15px;}
.wrap-header .head-navi .div_2 {width: 65% !important;}
 
}


@media all and (max-width:480px) {
.research .quick_area li {width: calc(100% / 2 - 2px);}
.research .quick_area li .text_area .info {display:none}  
.research .quick_area li .text_area .title {font-size: 14px;}
.research .quick_area li .icon_area {width: 50px; height: 50px; margin-bottom: 6px;}

}