@charset "utf-8";

/*서브 비주얼*/
.eQ01 .wrap_sub_visual:before{background:url(/sites/isis/images/sub_isis.jpg) no-repeat center top;}
.eQ02 .wrap_sub_visual:before{background:url(/sites/templet_guide/images/sub/sub_visual_23.jpg) no-repeat center;background-size:cover !important; }
.eQ03 .wrap_sub_visual:before{background:url(/sites/templet_guide/images/sub/sub_visual_01.jpg) no-repeat center ;background-size:cover !important ;}
.eQ04 .wrap_sub_visual:before{background:url(/sites/templet_guide/images/sub/sub_visual_13.jpg) no-repeat center ;background-size:cover !important ;}

.eQ05 .wrap_sub_visual:before{background:url(/sites/templet_guide/images/sub/sub_visual_03.jpg) no-repeat center;background-size:cover !important; }
.eQ06 .wrap_sub_visual:before{background:url(/sites/templet_guide/images/sub/sub_visual_24.jpg) no-repeat center;background-size:cover !important; }

.mL10 {margin-left: 10px;}
.board-webzine .thumb.horizon img {height: 100%; }

/* 연구실 소개 */
#menu3527_obj382 .hoBox .item .cont .list_1.hList {width: 100%;}

/* INURF 프로그램*/
.thumbList_inurf {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 10px;
  flex-wrap: nowrap;   /* PC에서는 한 줄 유지 */
}

.thumbList_inurf li img {
  width: 100%;
  height: auto;
}

@media (max-width: 1024px) {
  .thumbList_inurf {
    flex-wrap: wrap;   /* 모바일에서는 줄바꿈 허용 */
  }

  .thumbList_inurf li {
    width: 48%;       /* 한 줄에 하나씩 떨어지도록 */
  }
}

/* INURF 페이지 추가 수정 */
.honor-list .rBox {
  display: flex;
  flex-wrap: wrap; /* 줄 바꿈 허용 */
  gap: 10px; /* 아이템 간 간격 */
  padding: 0;
  margin: 0;
  list-style: none;
}
.honor-list .rBox .item {
  flex: 0 0 auto; /* 기본 크기 */
}

/* PC: 한 줄 */
@media screen and (min-width: 768px) {
  .honor-list .rBox .item {
    width: calc(100% / 5 - 10px); /* 5개 이미지 한 줄 */
  }
}

/* 모바일: 두 줄 */
@media screen and (max-width: 767px) {
  .honor-list .rBox .item {
    width: calc(50% - 10px); /* 2개 이미지 한 줄 → 2줄 가능 */
  }
}




.rBox > li {border: none !important; padding: 0px 0px !important;}
.honor-list {}
.honor-list ul {display: grid;}
.honor-list ul li { display: grid;}
.honor-list ul li .imgbox {display:flex; overflow: hidden;   width: 100%; height: auto;}
.honor-list ul li .imgbox img {width: 100%; cursor:pointer;}
.imgbox {position: relative;display: inline-block;}
.imgbox .zoom-icon {position: absolute; right: 8px; bottom: 8px;background: rgba(0, 0, 0, 0.6);color: #fff;font-size: 18px;font-weight: bold;width: 28px; height: 28px;border-radius: 50%;
  display: flex; justify-content: center;align-items: center; line-height: 1;opacity: 0.85; transition: all 0.2s ease;transform: scale(1.1);}
.imgbox:hover .zoom-icon {background: rgba(255, 255, 255, 0.9);color: #000;transform: scale(1.1);cursor: pointer; z-index: 2;}
.imgPopup_newfund {display: none; position: fixed;top: 0;left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8);  justify-content: center;  align-items: center;  z-index: 1000;}
.imgPopup_newfund .popup-inner {position: relative;max-width: 80%;max-height: 90%; text-align: center;}
.imgPopup_newfund .popupImg {width: 1100px;height: 800px;border-radius: 8px; box-shadow: 0 0 15px rgba(0,0,0,0.5);}
.imgPopup_newfund .btn-close {position: absolute;top: -40px;right: 0;background: none;  border: none; color: white; font-size: 24px; cursor: pointer;}

@media (max-width: 1024px) {
  .honor-list ul li .imgbox {height: auto;}
  .imgbox .zoom-icon {right: 12px; bottom: 12px;}
  .imgPopup_newfund .popupImg {height: 600px;}
}
@media only screen and (max-width:768px){
  .list_re {grid-template-columns: repeat(2, 1fr);}
  .list_re li {font-size: 13px;}
  .honor-list ul li .imgbox {display: flex; }
  .imgbox .zoom-icon {right: 8px; bottom: 8px;width: 20px; height: 20px;}
  .imgPopup_newfund .popupImg {height: 350px;}
  .imgPopup_newfund .btn-close {font-size: 18px;}
}