@charset "utf-8";

/* 공통 스타일 - 반드시 scss에서 수정 */
@import url("../../_common/css/common.css");
@import url("../../_common/css/layout.css");
@import url("content.css");

/* 사이트별 오버라이드 스타일 - 하단에 css 추가 가능 */

/*2024.04.18 기부자 명예의 전당 start*/
.borad-titleImg{} 
.hfborad_list li:hover{outline: 3px solid #ebba52;  /* 선 굵기, 스타일, 색상 */ transition: all 0.1s ease;}
.hfThumb{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%;}

.hfThumb__num{display: block; background-color: #2768bf; width: 100px; height: 25px; line-height: 25px; font-size: 15px; color:#fff; text-align: center; border-radius: 5px; margin-bottom:15px}
.hfThumb__img{width: 130px; height: 130px; margin-bottom:25px; }
.hfThumb__img::after{width: 130px; height: 130px; content: ""; display: block; background-size: cover; background-image: url("../images/hallFame_thum.jpg"); background-repeat: no-repeat; transition: all 0.1s ease;} 
.hfborad_list li:hover .hfThumb__img::after{background-image: url("../images/hallFame_thum_over.gif"); } 

.hfThumb__name{font-size: 20px; font-weight: bold; margin-bottom:5px}
.hfThumb__donation{display: flex; flex-direction: row; align-items: center; justify-content: center;}
.hfThumb__donation .ttl{font-size: 18px; color:#2768bf; font-weight: bold;}
.hfThumb__donation .ttl::after{width: 1px; height:15px; background-color: #2768bf; margin:0 10px; display: inline-block; content: "";}
.hfThumb__donation .donation{font-size: 18px; color:#2768bf; font-weight:normal;}

.hf-ico{background-color: #2768bf; padding: 3px 20px; color:#fff; border-radius: 5px; font-size: 15px; margin-right:5px;}

/*2024.04.18 기부자 명예의 전당 end*/

/*2024.04.24 기부천사 start*/

@font-face {
    font-family: "NotoSansKR";
    font-style: normal;
    font-weight: 900;
    src: url("../../_common/fonts/NotoSansCJKkr-Black.eot");
    src: url("../../_common/fonts/NotoSansCJKkr-Black.eot?#iefix") format("embedded-opentype"), url("../../_common/fonts/NotoSansCJKkr-Black.otf") format("opentype"), url("../../_common/fonts/NotoSansCJKkr-Black.woff") format("woff");
}


.thumbnail-list2 > li { width: calc(50% - 30px); padding: 20px 20px 16px; border: 1px solid #e3e3e3; border-radius: 20px; }

.hfThumb2{display: flex; justify-content: space-around; align-items: center; }
.hfThumb2 > div:first-child{ gap: 20px; display: flex; flex-direction: column; justify-content: center; }

.hfThumb2__name{ font-size: 20px; font-weight: 700; }
.hfThumb2__donation{ display: flex; align-items: center; }
.hfThumb2__donation .ttl{ display: flex; align-items: center; font-size: 18px; color:#2768bf; font-weight: 700;}
.hfThumb2__donation .ttl::after{width: 1px; height:15px; background-color: #2768bf; margin: 0 10px; display: block; content: "";}
.hfThumb2__donation .donation{ flex: 1; font-size: 18px; color:#2768bf; font-weight: 400;}

.hfThumb2__img{ width: 150px; aspect-ratio: 1; }
.hfThumb2__img::after{width: 100%; height: 100%;  content: ""; display: block; background: url(../images/hallFame_thum2.png) no-repeat center/100%; transition: all 0.1s ease; }
.thumbnail-list2 li:hover .hfThumb2__img::after{ background: url(../images/hallFame_thum2_over.gif) no-repeat center/100%; }

.hfBoList2 li .hfThumb2__name { font-size: 21px; transition: all .3s; }
.hfBoList2 li:hover { outline: none; }
.hfBoList2 li:hover .hfThumb2__name { font-size: 27px; font-weight: 900; }



@media (max-width: 1024.98px) {
    .thumbnail-list2 > li { padding: 16px 16px 16px 32px; }

    .hfThumb2 > div:first-child { gap: 8px; }
    .hfThumb2__name { font-size: 19px; }
    .hfThumb2__donation .donation { font-size: 17px; }

    .hfThumb2__img { margin-left: auto; width: 110px; }
    .hfThumb2__donation .ttl::after { margin: 0 8px; }

    .hfBoList2 li .hfThumb2__name { font-size: 17px; }
    .hfBoList2 li:hover .hfThumb2__name { font-size: 22px; }
}
@media (max-width: 767.98px) {
    .thumbnail-list2 > li { padding-left: 20px; }

    .hfThumb2__name { font-size: 18px; }
    .hfThumb2__donation .ttl { font-size: 17px; }
    .hfThumb2__donation .donation { font-size: 16px; }

    .hfThumb2__img { width: 100px; }
    .hfThumb2__donation { flex-wrap: wrap; align-items: unset; }
    .hfThumb2__donation .ttl { width: 100%; }
    .hfThumb2__donation .ttl::after { display: none; }
    .hfThumb2__donation .donation { width: 100%; }

    .hfBoList2 li .hfThumb2__name { font-size: 14px; }
    .hfBoList2 li:hover .hfThumb2__name { font-size: 19px; }
}
@media (max-width: 600.98px) {
    .thumbnail-list2 > li { padding-left: 32px; width: calc(100% - 20px); }

    .hfThumb2__img { margin-left: unset; }
    .hfThumb2__img::after { width: 100%; height: 100%; background-size: 100%; }
    .hfThumb2__donation { flex-wrap: unset; align-items: unset; }
    .hfThumb2__donation .ttl { width: auto; }
    .hfThumb2__donation .ttl::after { display: block; }
    .hfThumb2__donation .donation { width: auto; }

    .hfBoList2 li .hfThumb2__name { font-size: 13px; }
    .hfBoList2 li:hover .hfThumb2__name { font-size: 18px; }
}
@media(max-width: 374.98px){
    .thumbnail-list2 > li { padding-left: 24px; }
}
/*2024.04.24 기부천사 end*/

/* 20240426 start */
.hfBoList2 li a { cursor: default; }
/* 20240426 end */

/* 20241007 누리집 start*/  
#header-top {
    position: relative;
    background-color: #EDF1F5;;
    width: 100%;
    z-index: 3;
    top: 0;
}
#header-top .toggle-head {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 8px;
}
#header-top .toggle-head .inner {
    position: relative;
    gap: 0.4rem 1.6rem;
    min-height: 25px;
    padding-top: 7px;
    padding-left: 30px;
    padding-bottom: 4px;
}
#header-top .toggle-head .nuri-txt {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    font-size: 0.8rem;
    line-height: 1;
    word-break: break-all;
}
#header-top .toggle-head .nuri-txt::before {
    display: inline-flex;
    position: absolute;
    left: 0;
    content: "";
    width: 25px;
    height: 18px;
    margin-right: 0.8rem;
    background: url(../images/home/top_nuri_icon.jpg) no-repeat center;
    background-size: contain;
}
.logo img{max-width: 104px; width:100%;}
/* 20241007 누리집 end*/