@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}
}


.wrap-header {z-index: 1002;}

 ul._prFlList ._prFlLinkView .artclInfo > a, ._prFlLinkView >a {pointer-events: none;  cursor: default; } 


/*
ul._prFlList ._prFlLinkView .artclInfo dl dt {    min-width: 100px;}
ul._prFlList > li {    width: 48%}
._prFlLinkView {    display: flex;}
._prFlLinkView >a {    width: 20%;}
ul._prFlList ._prFlLinkView .thumbnail {    width: 120px !important;;    height: 140px !important;;    overflow: visible !important;;}
ul._prFlList ._prFlLinkView .thumbnail img {    width: 100% !important; height: 100% !important;; ;}
@media all and (max-width:768px) {
  ._prFlLinkView {    flex-direction: column;}
  ._prFlLinkView >a {    width: 100%; margin-bottom: 20px;}
  
}
*/


#_globalNavi #_globalUl li {border-color:#FFF;}
#_globalNavi #_globalUl li a {color: #FFF;}


/*구조변경시작********************/
.wrap-header .head-logo a {display:flex;align-items:center;    flex-wrap: wrap;    align-content: center;}
.wrap-header .head-logo span {font-size:19px;padding-top:0;}
.wrap-header .head-navi .a_1.on span:before{bottom:-15px;}
@media all and (min-width:1025px) {
  .wrap-header:before{content:"";display:block;width:100%;height:1px;background:#EEE;position:absolute;left:0;top:80px;}
  .wrap-header .container > div {display:block;}
  .wrap-header .container .head-logo {float:none;margin-right:0;text-align:center;}
  .wrap-header .head-navi {text-align: center;}
  .wrap-header .head-util {position:absolute;right:0;top:0;}
  .wrap-header .head-logo a,
  .wrap-header .head-util li {height:80px;}  
  .wrap-header .head-navi .ul_1 {justify-content:space-between;}
  .wrap-header .head-util li.head-sitemap {background-position:center;}  
  .wrap-header .head-navi .a_1 {padding:15px 0;}
}
@media (max-width: 1400px) {
  .wrap-header .head-util {display: block !important;}
}
@media (min-width: 1025px) and (max-width: 1280px){
  .wrap-header .head-logo span {display:inline-block;padding-left:5px;}
}
@media (max-width:768px) {
  .wrap-header .head-logo img {max-width:160px;}
  .wrap-header .head-logo span {font-size:17px;}
}
@media (max-width:520px){
  .wrap-header .head-logo span {padding-left:5px;}
}
@media (max-width:480px){
  .wrap-header .head-logo a {flex-wrap:wrap;}
  .wrap-header .head-logo img {max-width:130px;}
  .wrap-header .head-logo span {padding-left:0px;width:100%;font-size:13px;}
}
/*구조변경끝********************/