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

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

/* 헤더 잘림 수정 */
.wrap-header {padding: 0 20px;}
.wrap-header .container {width: 100%; max-width: 1400px;}
.wrap-top {padding: 0 20px;}

@media (max-width: 1024px) {
  .wrap-header .head-navi {width: 450px;}
  .wrap-header .head-navi .a_1 {font-size:  20px;}
  .wrap-header .head-navi .a_2 {font-size: 20px;}
  .wrap-header .head-navi .a_3 {padding: 4px 0 4px 30px; font-size: 19px;}
  .wrap-header .head-navi .a_3:after {left: 20px;}
}
@media (max-width: 1400px) {
  .wrap-top-inner {max-width: 1400px;}
  .wrap-header .head-util {display: inline-block !important;}
}
@media (max-width: 768px) {
  .wrap-top {padding: 0;}
  .wrap-header {padding: 0;}

  .wrap-header .head-navi {width: calc(100% - 40px);}
  .wrap-header .head-navi .a_1 {font-size: 18px;}
  .wrap-header .head-navi .a_2 {font-size: 18px;}
  .wrap-header .head-navi .a_3 {font-size: 17px;}
}
@media (max-width: 1400px) {
  .wrap-header .head-util {display:inline-block !important;}
}


/* 팝업존 레이아웃 수정 */
.wrap-popupzone h3 {margin-top:0;}
.wrap-popupzone .slider li span img {display: block; height: 390px;}
.main-quick h3 {padding-top: 0; font-size: 32px;}
.main-quick h3:after {margin-top: 50px;}
.main-quick ul {padding: 28px;}

@media (max-width: 1280px) {
  .wrap-popupzone .slider {height: 237px;}
  .wrap-popupzone .slider li span img  {display: inline-block; height: 237px; width: 100%;}

  .main-eduGrad {padding: 5px; display: flex; flex-direction: column; justify-content: space-between;}
  .main-eduGrad h3 {padding: 20px;}
  .main-eduGrad ul li {width: 32.3%; margin: 10px 0.5%;}
  .main-eduGrad ul li a {font-size: 16px;}
}
@media (max-width: 768px) {
  .wrap-popupzone .slider {height: 100%;}
  .wrap-popupzone .slider li span img {height: 100%; object-fit: contain;}
}

@media (max-width: 480px) {
  .main-quick ul {padding: 0;}
}


/* 지도수정 */
.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; }
}


/* 서브 컨텐츠 z-index 값 수정 */
#menu21567_obj177 {z-index: 10;}