@charset "utf-8";
/*풀팝업 활성화
.openFullPopup {display:block !important;} */

/* 헤드로고 */
.head_logo.head_logo-newfund {padding: 0 50px;}
.head_logo.head_logo-newfund a {height: 100%; width: auto;max-height: 100%;}
.head_logo.head_logo-newfund a .logo_c {max-width: none !important; margin: 0 !important;height: 100%;width: auto;max-height: 100%;}

/*강의실명 짓기*/
.fundNamingTable td span{display:inline-block; padding:5px 10px;border-radius:20px;box-sizing:border-box; color:#FFF;min-width:80px;}
.fundNamingTable td span.ing{background:#fcaf17;}
.fundNamingTable td span.end{background:#01499a;}


/*서브 비주얼*/
.eQ01 .wrap_sub_visual:before{background:url(/sites/newfund/images/sub_newfund.jpg) no-repeat center top;}
.eQ02 .wrap_sub_visual:before{background:url(/sites/templet_guide/images/sub/sub_visual_13.jpg) no-repeat center;background-size:cover !important; }
.eQ03 .wrap_sub_visual:before{background:url(/sites/templet_guide/images/sub/sub_visual_19.jpg) no-repeat center ;background-size:cover !important ;}
.eQ04 .wrap_sub_visual:before{background:url(/sites/templet_guide/images/sub/sub_visual_20.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; }
.page5801 .wrap_sub_visual:before{background:url(/sites/newfund/images/sub_visual_newfund_01.jpg) no-repeat center;background-size:cover !important;}

/*기부자 예우-세제혜택 상세안내 모달창*/
.bnfmodal {display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);}
.modal-content {background-color: #fefefe;margin: 5% auto;padding: 30px;border: 1px solid #888;width: 70%;}
.bnfclose {color: #aaa;float: right;font-size: 28px;font-weight: bold;padding:0 10px;}
.bnfclose:hover,
.bnfclose:focus {color: black;text-decoration: none;cursor: pointer;}
.bnf_txt {padding:10px}
.bnf_bor {border:1px solid #efefef; padding:20px 0; }
.bnf_close {padding:0 10px;}

/* 세제혜택 */
.rowBox_arr_fixed.ty_2 > li > div .list_1 li::before {top: 13px;}
.rowBox_arr_fixed.ty_2 > li > div .list_1 {text-align: left;}

/* 세제혜택 모바일 적용 */
@media all and (max-width:768px){
  .modal-content {font-size: 0.9em; width:80%; margin: 35% auto;padding:10px}
  .bnf_tit {padding: 10px 0;}
  .bnf_txt {padding: 10px 0;}
  .box_title {padding: 30px 10px;}
}

/*이사장 인사말*/
.greeting_type_newfund{}
.greeting_type_newfund .item_1{display:flex;align-items:center;position:relative;padding:0 0 45px 80px;background:url(/sites/newfund/images/sub/greeting_bg_1.jpg) no-repeat right bottom;}
/*.greeting_type_newfund .item_1::before{content:"";display:block;width:103px;height:103px;background:url(/sites/templet_guide/images/sub/inu_icon_y.png);position:absolute;right:30px;top:0;}*/
.greeting_type_newfund .item_1 .pic{position:relative;padding:0 15px 15px 0;margin-right:0px !important; width:315px;height:415px; left:170px}
.greeting_type_newfund .item_1 .pic::before{content:"";display:block;width:calc(100% - 15px);height:calc(100% - 15px);background:url(/sites/templet_guide/images/sub/greeting_bg_2.jpg);position:absolute;right:0;bottom:0;}
.greeting_type_newfund .item_1 .pic img{position:relative;}
.greeting_type_newfund .item_1 .picInfo{font-family:'Dream Regular';font-size:20px;color:#afd4fa;line-height:1.5;background:#0d75e0;padding:20px 25px;display:inline-block;position:absolute;right:350px;bottom:35px;}
.greeting_type_newfund .item_1 .picInfo strong{font-family:'Dream Medium';font-size:24px;color:#FFF;padding-left:20px;}
.greeting_type_newfund .item_1 .text{width:calc(100% - 570px);}
.greeting_type_newfund .item_1 .p_1{font-family:'Dream Regular';font-size:47px;color:#0d75e0;line-height:1;letter-spacing:-1px;}
.greeting_type_newfund .item_1 .p_1:before{content:"";display:block;width:27px;height:23px;margin:0 0 10px -10px;background:url(/sites/templet_guide/images/sub/greeting_icon_1.png);}
.greeting_type_newfund .item_1 .p_2{font-family:'Dream Bold';font-size:50px;color:#0d75e0;line-height:1;letter-spacing:-1px;padding:20px 0 40px 0;}
.greeting_type_newfund .item_1 .p_3{font-family:'Dream Regular';font-size:24px;color:#444;line-height:1.5;}
.greeting_type_newfund .item_2{font-family:'Dream Medium';padding:70px;color:#212121;}
@media all and (max-width:1280px){
  .greeting_type_newfund .item_1{padding:20px;align-items:flex-start;}
  .greeting_type_newfund .item_1::before{right:20px;top:-50px;}
  .greeting_type_newfund .item_1 .pic{width:230px;height:302px;margin-right:50px; left:100px; }
  .greeting_type_newfund .item_1 .text{width:calc(100% - 330px);}
  .greeting_type_newfund .item_1 .p_1{font-size:40px;}
  .greeting_type_newfund .item_1 .p_2{font-size:40px;}
  .greeting_type_newfund .item_1 .p_3{font-size:20px;}
  .greeting_type_newfund .item_1 .picInfo{font-size:18px; padding:20px; left:425px; right:20px; bottom:-40px;}
  .greeting_type_newfund .item_1 .picInfo strong{font-size:20px;padding-left:10px;}
  .greeting_type_newfund .item_2{padding:70px 20px 0 20px;}
}
@media all and (max-width:768px){
  .greeting_type_newfund .item_1{padding:20px 20px 60px 20px;background-position:right top;}
  .greeting_type_newfund .item_1::before{width:60px;height:60px;background-size:100%;top:-30px;}
  .greeting_type_newfund .item_1 .pic{width:150px;height:200px;padding:0;margin-right:30px;left: 50px;}
  .greeting_type_newfund .item_1 .pic::before{display:none;}
  .greeting_type_newfund .item_1 .text{width:calc(100% - 200px);}
  .greeting_type_newfund .item_1 .p_1{font-size:25px;}
  .greeting_type_newfund .item_1 .p_2{font-size:25px;padding:10px 0 20px 0;}
  .greeting_type_newfund .item_1 .p_3{font-size:16px;}
  .greeting_type_newfund .item_1 .picInfo{font-size:16px;padding:15px;left:200px;bottom:-25px;}
  .greeting_type_newfund .item_1 .picInfo strong{font-size:18px;padding:5px 0 0 0;}
}
@media all and (max-width:480px){
  .greeting_type_newfund .item_1{flex-wrap:wrap;padding:20px;}
  .greeting_type_newfund .item_1 .pic{width:315px;height:unset;padding:0;margin-right:30px;}
  .greeting_type_newfund .item_1 .text{width:100%;margin-top:50px;}
  .greeting_type_newfund .item_1 .picInfo{left:unset;bottom:unset;right:0;top:290px;}
  .greeting_type_newfund .item_1 .picInfo strong{display:block;line-height:1;}
}


/* 명예의 전당 */
/*.honor-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5px; 
  background: linear-gradient(to right, #fcaf15 50%, #0A4A9B 50%); 
} */
.honor-box{  border-width: 5px 1px 5px 1px;border-color: #0A4A9B #cdcdcd #FCAF15  #cdcdcd; border-style: solid; /*border: 1px solid #cdcdcd;border-top: 0; */padding: 20px 70px 40px;}
.honor-box .title {font-family: 'Dream Bold'; font-size: 30px;color: #0A4A9B; text-align: center;padding-bottom: 20px;border-bottom: 1px solid #0A4A9B;position: relative;  margin-bottom: 40px;font-family: 'Dream Bold';}
.honor-box .title:after { content: '';width: 100%;height: 2px; background-color: #0A4A9B;display: block;position: absolute;bottom: -5px;}
.box_re { padding:25px;  }
.box_re.bgB { border-color:#0075d2; }
.list_re {display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));  gap: 20px 20px;  list-style: none;padding: 0;margin: 0;}
.list_re li { position: relative;padding-left: 14px; font-size: 18px;color: #333;}
.list_re li::before {content: "";position: absolute; left: 0; top: 50%;transform: translateY(-50%); width: 5px; height: 5px;border-radius: 50%;background-color: #333; }
.honorPhotoWrap img { width:100%; max-width:1500px; max-height:800px; }
.rBox > li {border: none !important; padding: 0px 0px !important;}
.honor-list {margin-top: 50px;}
.honor-list ul {display: grid;grid-template-columns: 1fr 1fr; justify-content: space-between;gap: 60px;}
.honor-list ul li { display: grid;grid-template-columns: 350px 1fr;gap: 50px;}
.honor-list ul li .imgbox {display:flex; overflow: hidden;}
.honor-list ul li .imgbox img {width: 100%; cursor:pointer;}
.honor-list ul li .info strong {color: #151515;font-size: 24px;display: block; padding-top: 15px;}
.honor-list ul li .txt{margin-top:25px;}
.honor-list ul li .txt dl {display: flex;gap: 20px;font-size: 18px;margin-bottom: 20px;}
.honor-list ul li .txt dl:nth-child(1) dt {background: url(../../../guide/images/guide/ico-icon-navi1.png) left 3px no-repeat;}
.honor-list ul li .txt dl:nth-child(2) dt { background: url(../../../guide/images/guide/ico-icon-navi2.png) left 3px no-repeat;}
.honor-list ul li .txt dl dt { flex: 0 0 100px; font-family: 'Dream Medium';color: #000; padding-left: 35px;}
.honor-list ul li .txt dl dd {color: #666;}
.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 {margin-top: 30px;}
  .honor-list ul {grid-template-columns: 1fr; }
  .honor-list ul li {grid-template-columns: 55% 1fr;}
  .honor-list ul li .imgbox {height: auto;}
  .honor-list ul li .txt dl {font-size: 1.3em;}
  .imgbox .zoom-icon {right: 12px; bottom: 12px;}
  .imgPopup_newfund .popupImg {height: 600px;}
}
@media only screen and (max-width:768px){
  .honor-list {margin-top: 0px;}
  .honor-box {padding: 10px 20px;}
  .honor-box .title {font-size: 20px; padding-bottom: 10px; margin-bottom: 10px;}
  .box_re {padding:20px;margin-bottom: 0 !important;}
  .list_re {grid-template-columns: repeat(2, 1fr);}
  .list_re li {font-size: 13px;}
  .honor-list ul {grid-template-columns: 1fr; gap: 15px;}
  .honor-list ul li {grid-template-columns: 53% 1fr; gap: 15px;}
  .honor-list ul li .imgbox {display: flex; }
  .honor-list ul li .info strong {font-size: 15px;}
  .honor-list ul li .txt {margin-top: 15px;}
  .honor-list ul li .txt dl{gap: 10px;font-size: 0.7em;margin-bottom: 10px;}
  .honor-list ul li .txt dl:nth-child(1) dt {background: url(../../../guide/images/guide/ico-icon-navi1.png) left -2px no-repeat; background-size: 20px 20px;}
  .honor-list ul li .txt dl:nth-child(2) dt {background: url(../../../guide/images/guide/ico-icon-navi2.png) left -0px no-repeat; background-size: 20px 20px;}
  .honor-list ul li .txt dl dt {flex: 0 0 60px; padding-left: 25px;}
  .imgbox .zoom-icon {right: 8px; bottom: 8px;width: 20px; height: 20px;}
  .imgPopup_newfund .popupImg {height: 350px;}
  .imgPopup_newfund .btn-close {font-size: 18px;}
}

/* 서브 비주얼 인트로 메시지 수정 - 260226 kh*/
/* 서브 비주얼 인트로 메시지 수정 - 260226 kh*/
.wrap_sub_visual .visual_intro span::before{content:"함께 만드는 인천대학교의 미래" !important;}
.wrap_sub_visual .visual_intro span::after{content:"재단법인 인천대학교발전기금" !important;}