@charset "utf-8";

/* BG */
#multipleDiv_fund_26{background:#FFF;}
#multipleDiv_fund_27{background:#FFF url('../../images/main/bg_1.png') no-repeat right 5rem;}
#multipleDiv_fund_28{background:#FFF;}
#multipleDiv_fund_29{background:url('../../images/main/bg_2.jpg') no-repeat center / cover;}
#multipleDiv_fund_30{background:url('../../images/main/bg_3.jpg') no-repeat right bottom / cover;}

/* 패딩 */
#multipleDiv_fund_26,
#multipleDiv_fund_27,
#multipleDiv_fund_28,
#multipleDiv_fund_29,
#multipleDiv_fund_30{padding-top:10rem;}
#multipleDiv_fund_29,
#multipleDiv_fund_30{padding-bottom:9.5rem;}
@media all and (max-width:768px){
  #multipleDiv_fund_26,
  #multipleDiv_fund_27,
  #multipleDiv_fund_28,
  #multipleDiv_fund_29,
  #multipleDiv_fund_30{padding-top:5rem;}
  #multipleDiv_fund_29,
  #multipleDiv_fund_30{padding-bottom:4.5rem;}
}


/* 비주얼 */
#menu1086_obj48{height:100vh !important;}


/* 타이틀 */
.mainTitle{padding-bottom:5rem;max-width:160rem;margin:0 auto;display:flex;align-items:center;position:relative;}
.mainTitle::after{width:0.5rem;height:0.5rem;background:#a53135;border-radius:50%;content:"";display:block;}
.mainTitle h2{font-size:4.6rem;font-family:'pre-b';color:#121212;line-height:1;letter-spacing:-1px;display:flex;align-items:center;}
.mainTitle h2::after{width:4.7rem;height:1px;background:#121212;margin:0 1.5rem 0 2rem;content:"";display:block;}
.mainTitle a.more{width:2.8rem;height:2.8rem;background:url('../../images/main/more_1.png') no-repeat center;border-radius:50%;text-indent:-99999999px;display:block;position:absolute;right:0;top:0.85rem;}
@media all and (max-width:768px){
  .mainTitle{padding-bottom:3.5rem;}
  .mainTitle h2{font-size:3rem;}
  .mainTitle a.more{top:0rem;}
}


/* 미래를 함께 만든 사람들 */
#menu1086_obj252{width:100% !important;left:0;bottom:0;position:absolute;background:rgba(0,0,0,0.5);}
.futureTogether{max-width:160rem;margin:0 auto;display:flex;align-items:center;justify-content:space-between;}

.futureTogether .titleFT{width:35rem;display:flex;align-items:center;position:relative;}
.futureTogether .titleFT::after{width:0.5rem;height:0.5rem;background:#FFF;border-radius:50%;content:"";display:block;}
.futureTogether .titleFT h2{font-size:2.6rem;font-family:'pre-b';color:#FFF;line-height:1;letter-spacing:-1px;display:flex;align-items:center;}
.futureTogether .titleFT h2::after{width:4.7rem;height:1px;background:#FFF;margin:0 1.5rem 0 2rem;content:"";display:block;}

.futureTogether .containerFT{width:calc(100% - 40rem);}
.futureTogether .sliderFT{height:5.5rem;overflow:hidden;}
.futureTogether .roll_group{display:flex;flex-wrap:wrap;width:100%;}
.futureTogether .roll_group span{display:inline-block;white-space:nowrap;font-size:1.8rem;font-family:'pre-m';letter-spacing:-0.5px;color:#FFF;line-height:1.1;padding:0.5rem 2rem 0.5rem 0;}
.futureTogether .roll_group span strong{color:#f09fa0;}

.futureTogether .controlFT{width:5rem;padding-left:1.5rem;}
.futureTogether .controlFT button{width:3rem;height:3rem;display:block;font-size:0;}
.futureTogether .controlFT .btnPlay,
.futureTogether .controlFT .btnStop{display:none;}
.futureTogether .controlFT .btnPlay.on,
.futureTogether .controlFT .btnStop.on{display:block;}
.futureTogether .controlFT .btnPlay{background:url('../../images/main/play.png') no-repeat center;}
.futureTogether .controlFT .btnStop{background:url('../../images/main/stop.png') no-repeat center;}
.futureTogether .controlFT .btnPrev{background:url('../../images/main/prev.png') no-repeat center;}
.futureTogether .controlFT .btnNext{background:url('../../images/main/next.png') no-repeat center;}

@media all and (max-width:1024px){
  .futureTogether{flex-wrap:wrap;}
  .futureTogether .titleFT{width:100%;padding-top:1.5rem;}
  .futureTogether .containerFT{width:calc(100% - 5rem);}
  .futureTogether .titleFT h2{font-size:2.2rem;}
}



/* 기부안내 */
.givingGuide{max-width:160rem;margin:0 auto;display:grid;grid-template-columns:repeat(4, 1fr);gap:0 4rem;}
.givingGuide a{min-height:42rem;padding:5rem;display:block;border-radius:1rem;position:relative;overflow:hidden;}
.givingGuide a::before{width:100%;height:100%;content:"";display:block;background:rgba(0,0,0,0);position:absolute;left:0;top:0;transition:0.4s;}
.givingGuide a::after{width:3rem;height:3rem;content:"";display:block;background:url('../../images/main/arrow_1.png') no-repeat center;position:absolute;left:5rem;bottom:5rem;}
.givingGuide a.item_1{background:url('../../images/main/givingGuide_1.png') no-repeat center / cover;}
.givingGuide a.item_2{background:url('../../images/main/givingGuide_2.png') no-repeat center / cover;}
.givingGuide a.item_3{background:url('../../images/main/givingGuide_3.png') no-repeat center / cover;}
.givingGuide a.item_4{background:url('../../images/main/givingGuide_4.png') no-repeat center / cover;}
.givingGuide a dl{position:relative;color:#FFF !important;}
.givingGuide a dt{font-size:3rem;font-family:'pre-b';letter-spacing:-0.5px;}
.givingGuide a dd{font-size:1.8rem;font-family:'pre-r';opacity:0;transition:0.5s;padding-top:2rem;}
.givingGuide a:hover::before{background:rgba(0,0,0,0.5);}
.givingGuide a:hover dd{opacity:1;}
@media all and (max-width:1280px){
  .givingGuide{grid-template-columns:repeat(2, 1fr);gap:1rem 1rem;}
  .givingGuide a{min-height:35rem;}
}
@media all and (max-width:768px){
  .givingGuide{grid-template-columns:repeat(1, 1fr);gap:0 0;}
  .givingGuide a{min-height:14rem;padding:2.5rem;margin-bottom:1rem;}
  .givingGuide a dt{font-size:2.6rem;}
  .givingGuide a dd{display:none !important;}
  .givingGuide a::after{left:2.5rem;bottom:2.5rem;}
  .givingGuide a.item_4{margin-bottom:0;}
}



/* 기부자예우 */
.donorAppreciation{display:grid;grid-template-columns:repeat(3, 1fr);}
.donorAppreciation a{min-height:39.5rem;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;}
.donorAppreciation a::before{width:100%;height:100%;content:"";display:block;position:absolute;left:0;top:0;transition:0.5s;}
.donorAppreciation a.item_1::before{background:url('../../images/main/donorA_1.jpg') no-repeat center / cover;}
.donorAppreciation a.item_2::before{background:url('../../images/main/donorA_2.jpg') no-repeat center / cover;}
.donorAppreciation a.item_3::before{background:url('../../images/main/donorA_3.jpg') no-repeat center / cover;}
.donorAppreciation dl{padding:0 1rem;position:relative;color:#FFF;}
.donorAppreciation dt{font-size:3.4rem;font-family:'pre-b';letter-spacing:-0.5px;}
.donorAppreciation dd{font-size:2rem;font-family:'pre-r';}
.donorAppreciation dt::after{width:3px;height:4rem;margin:2rem auto;background:#FFF;content:"";display:block;}
.donorAppreciation a:hover::before{transform:scale(1.1);}
@media all and (max-width:1024px){
  .donorAppreciation{grid-template-columns:repeat(1, 1fr);}
  .donorAppreciation a{min-height:unset;}
  .donorAppreciation dl{padding:3rem 1.5rem;}
  .donorAppreciation dt{font-size:2.6rem;}
  .donorAppreciation dd{font-size:1.6rem;}
  .donorAppreciation dt::after{height:3rem;margin:1.5rem auto;}
}


/* 나눔의발자취 */
.footstepSharing{max-width:160rem;margin:0 auto;min-height:26.5rem;position:relative;}
.footstepSharing .mainTitle{position:absolute;left:0;top:0;}
.footstepSharing .shareUl{position:relative;display:flex;align-items:center;justify-content:flex-end;}
.footstepSharing .shareUl > li{padding-left:3rem;}
.footstepSharing .shareUl button{}
.footstepSharing .shareUl button span{font-size:2.2rem;font-family:'pre-sb';color:#000;transition:0.3s;}
.footstepSharing .shareUl button span::before{width:1rem;height:1rem;margin:0 auto 0.5rem auto;background:url('../../images/main/on.png') no-repeat center;content:"";display:block;transform:scale(0);}
.footstepSharing .shareUl button span::after{width:100%;height:4px;margin-top:1rem;background:transparent;content:"";display:block;}
.footstepSharing .shareUl button:hover span,
.footstepSharing .shareUl > li.on button span{color:#ab3030;}
.footstepSharing .shareUl > li.on button span::before{transform:scale(1);}
.footstepSharing .shareUl > li.on button span::after{background:#ab3030;}

.footstepSharing .shareNames{display:none;overflow-y:auto;position:absolute;left:0;top:9.5rem;width:100%;height:17rem;}
.footstepSharing .shareUl > li.on .shareNames{display:block;}
.footstepSharing .shareNames ul.rolling-list{display:flex;flex-wrap:wrap;}
.footstepSharing .shareNames ul.rolling-list-1{animation:rollingUp 120s linear infinite;}
.footstepSharing .shareNames ul.rolling-list-2{animation:rollingUp 10s linear infinite;}
.footstepSharing .shareNames ul.rolling-list-3{animation:rollingUp 60s linear infinite;}
.footstepSharing .shareNames ul.rolling-list-4{animation:rollingUp 60s linear infinite;}
.footstepSharing .shareNames ul.rolling-list-5{animation:rollingUp 15s linear infinite;}
@keyframes rollingUp{
  0%{transform:translateY(0);}
  100%{transform:translateY(-100%);}
}

.footstepSharing .shareNames:hover ul.rolling-list{animation-play-state:paused;}


.footstepSharing .shareNames ul li{padding:0 1.5rem 1.3rem 0;}
.footstepSharing .shareNames ul li strong{font-size:2rem;font-family:'pre-b';color:#000;}
.footstepSharing .shareNames ul li span{font-size:2rem;font-family:'pre-m';color:#555;}
.footstepSharing .shareNames::-webkit-scrollbar{width:10px;height:10px;}

/*
.footstepSharing .shareNames ul{display:flex;flex-wrap:wrap;}
.footstepSharing .shareNames ul li{padding:0 1.5rem 1.3rem 0;}
.footstepSharing .shareNames ul li strong{font-size:2rem;font-family:'pre-b';color:#000;}
.footstepSharing .shareNames ul li span{font-size:2rem;font-family:'pre-m';color:#555;}
.footstepSharing .shareNames::-webkit-scrollbar{width:10px;height:10px;}
.footstepSharing .shareNames::-webkit-scrollbar-track{background-color:rgba(0, 0, 0, 0.05);border-radius:10px;}
.footstepSharing .shareNames::-webkit-scrollbar-thumb{background:linear-gradient(to bottom, #ac2f30  0%, #a9a9a9 100%);border-radius:10px;border:2px solid #f1f1f1;background-clip:padding-box;}
*/
@media all and (max-width:1024px){
  .footstepSharing .mainTitle{position:relative;left:unset;top:unset;}
  .footstepSharing .shareUl{justify-content:flex-start;}
  .footstepSharing .shareUl > li{padding-left:0;padding-right:2rem;}
  .footstepSharing .shareUl button span{font-size:2rem;}
  .footstepSharing{min-height:36rem;}
}
@media all and (max-width:768px){
  .footstepSharing{min-height:34.5rem;}
  .footstepSharing .shareUl > li{padding-right:1.5rem;}
}


/* 계좌및문의 */
.mainSection_6{max-width:160rem;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;}

.account{width:47%;}
.account .itemWrap{display:flex;align-items:center;justify-content:space-between;}
.account .itemAccount{display:flex;flex-direction:column;align-items:flex-start;}
.account .itemAccount img{width:8rem;}
.account .itemAccount strong{font-size:5rem;font-family:'pre-eb';color:#a53135;}
.account .itemAccount span{font-size:2.4rem;font-family:'pre-b';color:#222;}
.account .itemBtn{display:flex;align-items:center;justify-content:flex-end;}
.account .itemBtn a{font-size:1.8rem;font-family:'pre-sb';width:12rem;height:12rem;padding:1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:0.3s;}
.account .itemBtn a.btn_1{background:#a53135;color:#FFF;}
.account .itemBtn a.btn_2{background:#e8e8e8;color:#121212;margin-left:1rem;}
.account .itemBtn a::after{width:1.5rem;height:1rem;margin-top:1rem;content:"";display:block;background:url('../../images/main/arrow_2.png') no-repeat center;}
.account .itemBtn a.btn_2::after{filter:invert(1) brightness(10);}
.account .itemBtn a:hover{background:#fabe00;color:#222;}
.account .itemBtn a:hover::after{filter:invert(1) brightness(10);}

.contact{width:50%;}
.contact ul{display:flex;flex-wrap:wrap;}
.contact ul li{width:50%;font-size:2.4rem;font-family:'pre-m';color:#222;position:relative;padding:1rem 2rem 1rem 13rem;}
.contact ul li._last{width:100%;}
.contact ul li span{font-size:2.2rem;font-family:'pre-b';color:#a53135;padding-left:5rem;position:absolute;left:0;top:1.3rem;}
.contact ul li span::before{width:4rem;height:4rem;margin-right:1rem;content:"";display:block;position:absolute;left:0;top:-0.6rem;}
.contact ul li span::after{content:":";padding:0 0.5rem;color:#222;}
.contact ul li.info_1 span::before{background:url('../../images/main/icon_1.png') no-repeat center;}
.contact ul li.info_2 span::before{background:url('../../images/main/icon_2.png') no-repeat center;}
.contact ul li.info_3 span::before{background:url('../../images/main/icon_3.png') no-repeat center;}
.contact ul li.info_4 span::before{background:url('../../images/main/icon_4.png') no-repeat center;}
.contact ul li.info_5 span::before{background:url('../../images/main/icon_5.png') no-repeat center;}

@media all and (max-width:1280px){
  .account,
  .contact{width:100%;}
  .contact{margin-top:10rem;}
}
@media all and (max-width:768px){
  .account .itemWrap{display:block;}
  .account .itemBtn{margin-top:1rem;justify-content:flex-start;}
  .account .itemBtn a{width:50%;height:unset;border-radius:2px;padding:1rem;justify-content:space-between;flex-direction:row;}
  .contact ul li{width:100%;}
}


/* 160rem이하 */
@media all and (max-width:1640px){
  .mainTitle_2,
  .givingGuide,
  .footstepSharing,
  .mainSection_6{max-width:calc(100% - 4rem);}
  .futureTogether{max-width:100%;padding-left:2rem;}
}