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

/* 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}
}


.eQ01 .wrap-sub-visual {background-image: url(/sites/glocal/images/sub/sub-visual01.jpg);}
.eQ02 .wrap-sub-visual {background-image: url(/sites/glocal/images/sub/sub-visual02.jpg);}
.eQ03 .wrap-sub-visual {background-image: url(/sites/glocal/images/sub/sub-visual03.jpg);}
.eQ04 .wrap-sub-visual {background-image: url(/sites/glocal/images/sub/sub-visual04.jpg);}


/* 20260402 헤더 수정 */
.wrap-header.fNav .top-header {display:none;}

@media (max-width: 1024px) {
  .wrap-header.fNav .top-header {display:block;}
}


/* 20260408 수정 */
/* 서브 메뉴 공유, 복사, 프린트 */
.wrap-sub-navi .sub-util {right: 25px;}
.wrap-sub-navi .sub-util > ul > li:last-child {padding-right: 0;}
.wrap-sub-navi .sub-util > ul > li:last-child:after {display: none;}
.wrap-sub-navi .sub-util > ul > li > button {width: 22px; height: 29px;}
.wrap-sub-navi .sub-util > ul > li > button.link {background: url('../../images/sub/ico-link-w.svg')no-repeat center center/contain;}
.wrap-sub-navi .sub-util > ul > li > button.share {background: url('../../images/sub/ico-share-w.svg')no-repeat center center/contain;}
.wrap-sub-navi .sub-util > ul > li > button.print {background: url('../../images/sub/ico-print-w.svg')no-repeat center center/contain;}

/* 메인 비주얼 폰트 */
@media (max-width: 1200px) {
  .main-slogan .p-2 {font-size: 33px;}
  .main-slogan .p-3 {font-size: 40px;}
}
@media (max-width: 1024px) {
  .main-slogan .p-1 {margin-bottom: 10px;}
  .main-slogan .p-2 {margin-bottom: 0; font-size: 26px;}
  .main-slogan .p-3 {font-size: 35px;}
}
@media (max-width: 786px) {
  .main-slogan .p-2 {font-size: 21px;}
  .main-slogan .p-3 {font-size: 28px;}
}

#menu23001_obj163 {z-index: 10;}

/* 20260408 퀵메뉴 호버시 잘리는 현상 수정*/ 
.wrap-quick .quick.slick-slider .slick-list {padding: 15px 0 !important;}

/* 서브-인사말 */
.sign-wrap { display: flex; align-items: flex-end; gap: 12px; }
.signature { margin-left: 0; }
.signature svg { width: 220px; height: auto; overflow: visible; transform: translateY(20px); }
.signature svg text { font-size: 4rem; stroke-width: 1.5px; stroke: #000; fill: transparent; stroke-dashoffset: 600; stroke-dasharray: 600; animation: stroke 1.2s ease forwards; animation-delay: 2s; }
.signature svg text:nth-child(1) { animation-delay: 2.3s; }
.signature svg text:nth-child(2) { animation-delay: 2.6s; }
.signature svg text:nth-child(3) { animation-delay: 2.9s; }
@keyframes stroke { 0% { stroke-dashoffset: 600; } 80% { fill: #000; } 100% { stroke-dashoffset: 0; fill: #000; } }