@charset "utf-8";
/********************
메인페이지 및 서브페이지 동시 적용.
가장 마지막에 불러오는 CSS 파일입니다.
※ 공통영역 CSS에서 부분별 개별 적용시 사용하시면 됩니다. 
********************/

.wrap-header {z-index: 1002 !important;}

/* popup */

.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}
}


/* 지도수정 */
.mapWrap .txts .cells ul {list-style: none; margin: 0; padding: 0; gap: 5px; display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; column-count: 1 !important;  -webkit-column-count: 1 !important;}
.mapWrap .txts .cells ul li {display: flex !important; align-items: flex-start; gap: 10px; float: none !important;  width: auto !important; margin: 0; padding: 0; line-height: 1.3; white-space: normal !important; word-break: keep-all;}
.mapWrap .txts .cells ul li img {display: block !important; flex: 0 0 23px;  width: 23px; height: auto; margin-top: 2px;}
.mapWrap .txts .cells {padding: 0 1%;}

@media (max-width: 1024px) {
  .mapWrap .txts { padding: 20px 10px; }
  .mapWrap .txts .cells ul { gap: 10px; }
}


/* 센터 역할 카드 리스트 */
.profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:18px;margin:-18px;overflow:visible}
.profile-card{position:relative;background:#fff;border:3px solid transparent;border-radius:16px;padding:24px 20px 18px;box-shadow:inset 0 0 0 1px #e3e6ea,0 2px 6px rgba(0,0,0,.04);transition:border-color .15s ease,box-shadow .15s ease}
.profile-card:hover{border-color:#0b3f6e;box-shadow:inset 0 0 0 1px rgba(11,63,110,0),0 6px 14px rgba(0,0,0,.08)}
.profile-badge{position:absolute;top:12px;right:12px;padding:7px 12px;border-radius:999px;background:#eef3ff;color:#1f3c88;font-size:15px;font-weight:800;letter-spacing:-.2px}
.profile-name{margin:0 0 6px;font-size:22px;font-weight:800;letter-spacing:-.4px;color:#111}
.profile-role{margin:0 0 14px;font-size:16px;font-weight:700;color:#444}
.profile-meta{list-style:none;margin:0;padding:0;border-top:1px solid #eef1f4}
.profile-meta li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px dashed #e9edf2}
.profile-meta li:last-child{border-bottom:0;padding-bottom:0}
.profile-meta b{flex:0 0 56px;font-size:15px;font-weight:700;color:#666}
.profile-meta a{display:inline-flex;align-items:center;justify-content:flex-end;cursor:pointer;font-size:15px;font-weight:800;color:#111;text-decoration:none;word-break:break-all;padding:6px 10px;border-radius:10px;background:transparent;border:1px solid transparent;transition:background-color .15s ease,border-color .15s ease,color .15s ease}
.profile-meta a:hover{background:#f3f7ff;border-color:#cfe0ff;color:#0b3f6e}
.profile-meta a:focus-visible{outline:3px solid rgba(11,63,110,.35);outline-offset:2px;background:#f3f7ff;border-color:#cfe0ff;color:#0b3f6e}

@media(max-width:1024px){
  .profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px;margin:-16px}
  .profile-name{font-size:21px}
  .profile-role{font-size:15px}
  .profile-meta b,.profile-meta a{font-size:14px}
}
@media(max-width:640px){
  .profile-grid{grid-template-columns:1fr;padding:12px;margin:-12px}
  .profile-card{padding:20px 16px 16px}
  .profile-badge{font-size:14px}
  .profile-name{font-size:20px}
  .profile-role{font-size:15px}
  .profile-meta b,.profile-meta a{font-size:14px}
}


/* 20260119 메인 수정 */
#menu22034_obj224 {width: 100% !important;}
#multipleContentsDiv_factory1_37 {max-width: 1400px;}
@media(max-width: 500px) {
  .quickmenu01 ul li .img {display: flex; align-items: center; justify-content: center; margin: 0 auto; margin-bottom: 10px;}
  .quickmenu01 ul li .conts {width: 100%; margin-left:0; text-align:center;}
  .quickmenu01 ul li:nth-child(1), .quickmenu01 ul li + li {margin-bottom: 0;}
}
@media(max-width: 450px) {
  .quickmenu01 ul li .conts strong {font-size: 17px;}
}


/* 네비게이션 메뉴 수정 */
.wrap-header .container .head-logo {margin-right: 0;}
.wrap-header .head-navi .li_1 {padding: 0 10px;}
@media (max-width: 1024px) {
  .wrap-header .head-navi .li_1 {padding: 0;}
  .wrap-header .head-navi .a_1 {font-size: 19px; padding: 14px 0 14px 12px;}
  .wrap-header .head-navi .a_2 {font-size: 18px; padding: 15px 15px 15px 12px;}
}
@media (max-width: 768px) {
  .wrap-header .head-navi .a_1 {font-size: 17px;}
  .wrap-header .head-navi .a_2 {font-size: 16px;}
}

.wrap-header .container,.wrap-top-inner {width: 100%; max-width: 1600px;}
.wrap-header .container {padding: 0 10px;}
.wrap-header .head-util {width: 60px;}
.wrap-header .head-logo span {font-size: 20px;}
.wrap-header .head-navi .li_1 {display: flex; align-items: center; justify-content:center;}
.wrap-header .head-navi .a_1 {font-size: 19px; width: 108px; padding: 25px 0; text-align:center; display: flex; align-items: center; justify-content: center; font-weight: bold; color: #333;}

@media(max-width: 1440px) {
  .wrap-header .head-navi .a_1 {font-size: 17px; width: 84px;}
}
@media(max-width: 1024px) {
  .wrap-header .head-logo {padding-left:0;}
  .wrap-header .head-util {width: 100px;}
  .wrap-header .head-navi.on {width: 420px;}
  .wrap-header .head-navi .div_2 {width: 55% !important;}
  .wrap-header .head-navi .li_1 {display:block;}
  .wrap-header .head-navi .a_1 {width: fit-content; padding: 14px 0 14px 12px; text-align: left; display: block; color: #fff;}
}
@media(max-width: 768px) {
  .wrap-header .head-logo span {font-size: 18px;}
  .wrap-header .head-util {width: 80px;}
  .wrap-header .head-navi .a_1 {font-size: 17px;}
}
@media(max-width: 450px) {
  .wrap-header .head-navi {width: calc(100% - 50px) !important;}
  .wrap-header .head-navi .a_1 {width: 130px;}
}


/* 헤더 sns 로고 */
.head-sns .sns-list { display: flex; gap: 7px;}
.head-sns .sns-item img { max-width: 40px; width: 100%; display: block;}
.head-sns .sns-item--insta {margin-left: 25px; margin-right: 20px;}

@media(max-width: 1024px) {
  .head-sns {display: none !important;}
}


/* 서브 메뉴 수정 */
.wrap-sub-navi .sub-util {right: 15px;}


/* 스크롤 시 헤더 그림자 */
.wrap-header.fNav {box-shadow: 0 2px 15px rgba(0,0,0,0.1)}

.greetings{position:relative;}
.greetings::after{content:"";display:block;clear:both;}
.greetings .img{float:left;margin:0 60px 0 0;max-width:22%;}
.greetings .img img{width:100%;display:block;}
.greetings .img .b-box{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px 15px;padding:20px 25px;background:linear-gradient(135deg,#1e3a8a,#0f766e);color:#fff;}
.greetings .img .b-box span{font-size:19px;font-weight:700;}
.greetings .img .b-box .sign{font-size:19px;}
.greetings .title{display:block;margin-bottom:20px;position:relative;}
.greetings .intro-line{position:relative;display:inline-block;}
@keyframes fadeUp{from{opacity:0;transform:translateY(25px);}to{opacity:1;transform:translateY(0);}}
.greetings .intro-text{display:inline-block;font-size:30px;font-weight:800;color:#183d93;line-height:1.5;letter-spacing:-0.5px;opacity:0;animation:fadeUp 0.8s ease forwards;animation-delay:0.2s;}
.greetings .quote-img{position:absolute;width:64px;opacity:0;animation:fadeUp 0.6s ease forwards;animation-delay:0.2s;pointer-events:none;}
.greetings .quote-img.start{left:-10px;top:-10px;}
.greetings .quote-img.end{right:-10px;top:-10px;}
.greetings .text{margin-top:40px;}
.greetings .text p{margin-top:20px;font-size:19px;line-height:1.7;opacity:0;animation:fadeUp 0.6s ease forwards;}
.greetings .text p:nth-child(1){animation-delay:0.8s;}
.greetings .text p:nth-child(2){animation-delay:1.0s;}
.greetings .text p:nth-child(3){animation-delay:1.2s;}
.greetings .text p:nth-child(4){animation-delay:1.4s;}
.greetings .text p:nth-child(5){animation-delay:1.6s;}
.greetings .text p:nth-child(6){animation-delay:1.8s;}
.greetings .text p.last{margin-top:30px;font-weight:600;font-size:21px;text-align:right;}
.greetings .text p.last .name{font-size:26px;font-weight:800;margin-left:6px;display:inline-block;}
@media (max-width:1400px){.greetings .img{max-width:26%;margin:0 35px 0 0;} .greetings .intro-text{font-size:26px;}}
@media (max-width:1024px){.greetings .intro-text{font-size:22px;} .greetings .text p{font-size:17px;} .greetings .text p.last{font-size:19px;} .greetings .quote-img{width:48px;} .greetings .quote-img.start{left:-10px;} .greetings .quote-img.end{right:-5px;}}
@media (max-width:940px){.greetings .img{float:none;margin:0 auto;width:100%;max-width:300px;} .greetings .img .b-box{flex-direction:column;gap:5px;padding:15px;margin-bottom:30px;} .greetings .intro-text{font-size:20px;} .greetings .text{margin-top:20px;} .greetings .text p.last{text-align:right;font-size:18px;} .greetings .quote-img.start{left:0;top:-5px;} .greetings .quote-img.end{right:0;top:-5px;}}
