@charset "utf-8"; 


.sub_pd {padding-bottom: var(--subPd);}

.ms-preloader { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 9999; background-color: #fff; opacity: 1; visibility: visible; transition: all 2s cubic-bezier(0.075, 0.82, 0.165, 1); pointer-events: none; } 
.ms-preloader.active { opacity: 0; visibility: hidden; } 
.sub-visual { position: relative; height: 80rem; width: calc(100% - var(--inPd) * 2); max-width: 100%; margin: var(--headerH) auto var(--pd30); border-radius: 5rem; }
.sub-visual .img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; border-radius: 5rem; overflow: hidden; } 
.sub-visual .img p { width: 100%; height: 100%; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; transform: scale(1.2); transition: all 1.5s var(--ease2); opacity: 0; } 
.sub-visual .head { display: flex; justify-content: center; align-items: center; height: 100%; color: #fff}
.sub-visual .head .box { text-align: center; width: 100%; } 
.sub-visual .head .lnb { display: inline-flex; align-items: center; margin-bottom: 6rem; height: 6.5rem; border-radius: 6rem; background-color: rgba(255, 255, 255, 0.1); justify-content: center; backdrop-filter: blur(10px); } 
.sub-visual .head .lnb i { width: 1px; height: 100%; margin: 0 2rem; background-color: #fff; opacity: 0.2; } 
.sub-visual .head .lnb .home { width: 8rem; margin-right: -2.5rem}
.sub-visual .head .lnb .home svg { width: 2.3rem; } 
.sub-visual .head .lnb .nice-select { border: 0; background: none; font-size: var(--p3); font-weight: 600; padding: 0 15px 0 0; min-width: 18rem; }
.sub-visual .head .lnb .nice-select .current {overflow: hidden;text-overflow: ellipsis; white-space: nowrap; display: block;}
.sub-visual .head .lnb .nice-select:last-child { margin-right: 3rem; } 
.sub-visual .head .lnb .nice-select:after { width: 8px; height: 8px; border-color: #fff; margin-top: -6px; right: 0; } 
.sub-visual .head .lnb .nice-select .option { color: #1c1c1c; } 
.sub-visual .head h2 { font-size: var(--txt80); font-weight: 700; } 
.sub-visual .head .h2-desc { font-size: var(--p1); font-weight: 600; margin-top: 3rem;  } 
.subpage .sub-visual .head .h2-desc {display: none;}
.sub-visual .body { height: 100vh; display: flex; align-items: center; justify-content: center; text-align: center; } 
.sub-visual .body .txts { display: flex; align-items: center; flex-direction: column; } 
.sub-visual .body div p { font-size: 8rem; font-weight: 700; color: rgba(255,255,255,0.3); line-height: 1.5; position: relative; } 
.sub-visual .body div p + p { margin-top: 2rem; } 
.sub-visual .body div p span { position: absolute; left: 0; top: 0; width: 0; white-space: nowrap; overflow: hidden; } 
.sub-visual .lnb { transform: translateY(10rem); opacity: 0; transition: all 1s ease; position: relative; z-index: 3; } 
.sub-visual.active .lnb { transform: unset; opacity: 1; } 
.sub-visual h2 { transform: translateY(10rem); opacity: 0; transition: all 1s ease; transition-delay: 0.4s; } 
.sub-visual .h2-desc { transform: translateY(10rem); opacity: 0; transition: all 1s ease; transition-delay: 0.6s; } 
.sub-visual.active h2, .sub-visual.active .h2-desc { transform: unset; opacity: 1; } 
.sub-visual .img img { transform: scale(1.1); transition: all 2s ease; transition-delay: 0.5s; } 
.sub-visual.active .img p { transform: unset; opacity: 1; } 

.board-view,
.sub_fanclub-donation,
.sub_space-donation,
.sub_corporate-donation,
.sub_onetime-support,
.sub_regular-support {padding-bottom: var(--subPd);}

.campaign_page .header {position: relative}
.campaign_page .quick-menu {display: none}

.sub-visual .img p{ background-image: url(../img/donation/bg_regular.jpg); }

.sub_regular-support .sub-visual .img p { background-image: url(../img/donation/bg_regular.jpg); }
.sub_onetime-support .sub-visual .img p { background-image: url(../img/donation/bg_onetime.jpg); }
.sub_corporate-donation .sub-visual .img p { background-image: url(../img/donation/bg_corporate.jpg); }
.sub_fanclub-donation .sub-visual .img p { background-image: url(../img/donation/bg_fan.jpg); }
.sub_space-donation .sub-visual .img p { background-image: url(../img/donation/bg_space.jpg); }
.sub_lecture-donation .sub-visual .img p { background-image: url(../img/donation/bg_lecture.jpg); }
.sub_total-donation .sub-visual .img p { background-image: url(../img/donation/bg_all.jpg); }
.sub_need-help .sub-visual .img p { background-image: url(../img/sos/bg_sos.jpg); }
.sub_greeting .sub-visual .img p { background-image: url(../img/about/bg_greet.jpg); }
.sub_greeting .sub-visual { margin-bottom: 0; }
.sub_mission-vision .sub-visual .img p { background-image: url(../img/about/bg_mission.jpg); }
.sub_mission-vision .sub-visual { margin-bottom: 0; }


/* 배경 추가 */
/*.sub-visual .img p{background: #ddd;}*/
.sub_ongoing-campaign .sub-visual .img p { background-image: url(../img/sub/bg_campaign.jpg); }
.sub_campaign-review .sub-visual .img p { background-image: url(../img/sub/bg_campaign.jpg); }

.sub_intro .sub-visual .img p { background-image: url(../img/sub/bg_intro.jpg); }
.sub_history .sub-visual .img p { background-image: url(../img/sub/bg_history.jpg); }
.sub_location .sub-visual .img p { background-image: url(../img/sub/bg_location.jpg); }
.sub_transparency .sub-visual .img p { background-image: url(../img/sub/bg_transparency.jpg); }
.sub_partner .sub-visual .img p { background-image: url(../img/sub/bg_partner.jpg); }

.sub_livelihood-support .sub-visual .img p { background-image: url(../img/sub/bg_livelihood.jpg); }
.sub_medical-support .sub-visual .img p { background-image: url(../img/sub/bg_medical.jpg); }
.sub_housing-improvement .sub-visual .img p { background-image: url(../img/sub/bg_housing.jpg); }
.sub_education-empowerment .sub-visual .img p { background-image: url(../img/sub/bg_education.jpg); }
.sub_emotional-support .sub-visual .img p { background-image: url(../img/sub/bg_emotional.jpg); }
.sub_emergency-relief .sub-visual .img p { background-image: url(../img/sub/bg_emergency.jpg); }

.sub_inquiry .sub-visual .img p { background-image: url(../img/sub/bg_inquiry.jpg); }
.sub_receipt .sub-visual .img p { background-image: url(../img/sub/bg_receipt.jpg); }

.sub_story .sub-visual .img p { background-image: url(../img/sub/bg_story.jpg); }
.sub_report .sub-visual .img p { background-image: url(../img/sub/bg_story.jpg); }
.sub_notice-news .sub-visual .img p { background-image: url(../img/sub/bg_story.jpg); }
.sub_newsletter .sub-visual .img p { background-image: url(../img/sub/bg_story.jpg); }

/*.sub_donation-review .sub-visual .img p { background-image: url(../img/sub/bg_story.jpg); }*/


.top-subimg{display: none;}

/*배경이미지 없는 상단 */
.subpage {} 
.subpage .sub-visual { margin-left: 0; margin-right: 0; margin-bottom: 20rem; height: 53rem; width: 100%; border-bottom: 1px solid #ddd; border-radius: 0; } 
.subpage .sub-visual .head { color: var(--black); } 
.subpage .sub-visual .head .lnb { border: 1px solid #ddd; } 
.subpage .sub-visual .head .lnb .home svg path { fill: var(--black); } 
.subpage .sub-visual .head .lnb i { opacity: 1; background: #ddd; } 
.subpage .sub-visual .head .lnb .nice-select:after { border-color: var(--black); } 
.h3 { text-align: center; font-size: var(--h1); font-weight: 700; margin-bottom: 15rem; display: flex; justify-content: center; align-items: center; flex-direction: column; } 
.h3 p { color: rgba(28,28,28,0.3); line-height: 1.7; position: relative; display: inline-flex; } 
.h3 p span { position: absolute; left: 0; top: 0; width: 0; color: var(--black); white-space: nowrap; overflow: hidden; } 
.h3 i { display: block; text-align: center; line-height: 1.7; } 
.h3 i svg { width: 4.5rem; height: auto; } 
.h3 i:last-child svg { transform: rotate(-180deg); } 
.h4 { font-size: var(--h1); font-weight: 700; line-height: 1.6; margin-bottom: 8rem; transform: translateY(8rem); opacity: 0; transition: all 1s var(--ease1); }
.h4 .desc { font-size: var(--p1); font-weight: 500; margin-left: 1rem; } 
.h4.active { transform: unset; opacity: 1; } 
.title-image { border-radius: var(--radius4); overflow: hidden; background-color: #F8F5F2; margin-bottom: var(--pd30); } 
.title-image figure { position: relative; margin: 0; } 
.title-image figure p { position: relative; overflow: hidden; } 
.title-image figure p img { width: 100%; transition: all 1s var(--ease1); transform: scale(1.2); } 
.title-image figure figcaption { padding: 8rem 10rem; } 
.title-image figure figcaption dl { display: flex; justify-content: space-between; align-items: center; gap: 2rem; } 
.title-image figure figcaption dl dt { font-size: var(--h3); font-weight: 700; line-height: 1.7; transform: translateY(8rem); opacity: 0; transition: all 1s var(--ease1);; } 
.title-image figure figcaption dl dd { transform: translateX(8rem); opacity: 0; transition: all 1s var(--ease1); transition-delay: 0.4s; } 
.title-image.active figure p img { transform: unset; } 
.title-image.active figure figcaption dl dt, .title-image.active figure figcaption dl dd { transform: unset; opacity: 1; } 
.btn-donation { display: inline-flex; align-items: center; justify-content: center; background-color: var(--green); color: #fff; font-size: var(--p2); font-weight: 600; padding: 0 3rem; line-height: 6rem; border-radius: 6rem; height: 2.9em; line-height: 2.9em; padding: 0 1.2em; transition: 0.3s ease;}
.btn-donation:hover{background-color: #000;}
.btn-donation svg { width: 0.9em; height: auto; margin-right: 1rem;; }
.btn-donation.white { background-color: #fff; color: var(--black); border: 1px solid var(--black); } 
.btn-donation.white svg path { fill: var(--black); }

.btn-donation{transition: .5s ease;}
.btn-donation.white:hover{background: var(--black); color:#fff;}
.btn-donation.white svg path{transition: fill .5s ease;}
.btn-donation.white:hover svg path {fill: #fff;}

.slider-box { overflow: hidden; transform: scaleX(0.8); transform-origin: right; opacity: 0; transition: all 1s var(--ease1);; } /*margin-bottom: var(--pd30);*/
.slider-box.active { transform: unset; opacity: 1; } 
/* 정기기부 슬라이더 */
.slider1 { margin-bottom: var(--pd30); overflow: hidden; transform: scaleX(0.8); transform-origin: right; opacity: 0; transition: all 1s var(--ease1);; } 
.slider1.active { transform: unset; opacity: 1; } 
.slider1 .swiper-container { } 
.slider1 .swiper-slide .item { position: relative; border-radius: var(--radius4); overflow: hidden; display: block;} 
.slider1 .swiper-slide .item img { width: 100%; } 
.slider1 .swiper-slide .item .info { position: absolute; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.4); backdrop-filter: blur(10px); padding: 4rem 5rem; max-height: 12rem; color: #fff; transition: all 0.7s var(--ease2); overflow: hidden; } 
.slider1 .swiper-slide .item .info h5 { font-size: var(--h3); font-weight: 700; }
.slider1 .swiper-slide .item .info h5 + .desc { margin-top: 1rem; } 
.slider1 .swiper-slide .item .info p { font-size: var(--p1); font-weight: 500; margin: 2rem 0 1rem; opacity: 0; transition: opacity 0.5s var(--ease2); } 
.slider1 .swiper-slide .item .info small { display: block; font-size: var(--p3); font-weight: 500; opacity: 0; transition: opacity 0.5s var(--ease2); } 
.slider1 .swiper-slide .item .info i { position: absolute; right: 5rem; top: 5rem; width: 1.2em; height: 1.2em; font-size: var(--p3) }
.slider1 .swiper-slide .item .info i:before { content: ''; position: absolute; left: 0; right: 0; top: 50%; height: 2px; background-color: #fff; margin-top: -1px;; } 
.slider1 .swiper-slide .item .info i:after { content: ''; position: absolute; left: 0; right: 0; top: 50%; height: 2px; background-color: #fff; margin-top: -1px; transform: rotate(90deg); transition: all 0.5s ease; } 
.slider1 .swiper-pagination { position: relative; height: 2px; background-color: #ddd; margin-top: 8rem; } 
.slider1 .swiper-pagination .swiper-pagination-progressbar-fill { background-color: var(--green); height: 2px; bottom: 0; top: unset; } 
.together { display: flex; justify-content: space-between; align-items: flex-start; position: relative; } 
.together .lines { position: absolute; left: calc((var(--maxWidth) - 110vw) / 2 - var(--inPd)); right: calc((var(--maxWidth) - 100vw) / 2 - var(--inPd)); bottom: 10rem; z-index: -1; } 
.lines.type2 { margin-bottom: 15rem; } 
.sub_regular-support .lines.type2 { margin-bottom: 15rem; }
.lines svg { width: 100%; height: auto; } 
.lines path { stroke-dasharray: 5000; stroke-dashoffset: 5000; } 
@keyframes drawLine { to { stroke-dashoffset: 0; } 
 }
.lines .dot { opacity: 0; } 
.lines.active path { animation: drawLine 4s ease forwards; } 
.lines.active .dot { animation: fadeIn 1s ease forwards; } 
.lines .dot:nth-of-type(2) { animation-delay: 0.3s; } 
.lines .dot:nth-of-type(3) { animation-delay: 0.6s; } 
.lines .dot:nth-of-type(4) { animation-delay: 0.9s; } 
.lines .dot:nth-of-type(5) { animation-delay: 1.2s; } 
.lines .dot:nth-of-type(6) { animation-delay: 1.5s; } 
@keyframes fadeIn { to { opacity: 1; } 
 }
.together .title { position: sticky; font-size: var(--h1); font-weight: 700; line-height: 1.5; top: calc(var(--headerH) + 3rem); transform: translateY(8rem); opacity: 0; transition: all 1s var(--ease1); }
.together .title.active { transform: unset; opacity: 1; } 
.together .title small { display: block; margin-top: 3rem; font-size: var(--p1); font-weight: 500; line-height: 1.7; } 
.together .list { width: 50%; padding-top: 2rem; margin-left: auto; } 
.together .list .item { padding-bottom: 6rem; margin-bottom: 6rem; border-bottom: 1px solid #ddd; transform: translateY(8rem); opacity: 0; transition: all 1s var(--ease1);; } 
.together .list .item.active { transform: unset; opacity: 1; } 
.together .list .item:last-child { margin-bottom: 0; border-bottom: 0; padding-bottom: 0;} 
.together .list .item .tit { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 3rem; } 
.together .list .item .tit svg { margin-right: 2rem; width: 8rem; height: auto; } 
.together .list .item .tit em { width: 5rem; height: 5rem; border-radius: 100%; display: flex; align-items: center; justify-content: center; background-color: var(--green); font-size:var(--p2); color: #fff; font-weight: 700; margin-right: 2rem; } 
.together .list .item .tit strong { margin-right: 1.5rem; font-size: var(--h2); font-weight: 700; } 
.together .list .item .tit small { padding: 5px 8px; border-radius: 5px; font-size: var(--p2); color: #fff; background-color: var(--black); font-weight: 700;; } 
.together .list .item .txt1 { font-size: var(--h4); font-weight: 600; margin-bottom: 1.5rem; } 
.together .list .item .txt2 { font-size: var(--p2); color: var(--gray6); line-height: 1.7; letter-spacing: -0.5px; } 
.together .list .item .txt2 p { padding-left: 7px; text-indent: -7px; } 
.together .list .item .txt2.black { color: var(--black); }
.story-wrap { background: url(../img/sub/bg_record_wide.jpg) no-repeat 50% 50%; background-size: cover; padding: var(--pd30) 0; }
.story-wrap .wrap1 { }
.story-wrap .wrap1 .title {  font-size: var(--h1); font-weight: 700; color: #fff; line-height: 1.7; }
.story-wrap .wrap1 .list { display: flex; margin-top: 10rem}
.story-wrap .wrap1 .list .card {flex: 1 }
.story-wrap .wrap1 .list .card + .card {margin-left: 30px}
.story-wrap .wrap1 .list .card .box { border-radius: var(--radius4); padding: 8rem 2rem 2rem}
.story-wrap .wrap1 .list .card .box br {display: none}
.story-wrap .wrap1 .list .card.card1 .box { background-image: url(../img/sub/img_regular_card1.jpg); }
.story-wrap .wrap1 .list .card.card2 .box { background-image: url(../img/sub/img_regular_card2.jpg); }
.story-wrap .wrap1 .list .card.card3 .box { background-image: url(../img/sub/img_regular_card3.jpg); }
.story-wrap .wrap1 .list .card .box { display: flex; justify-content: flex-start; align-items: center; flex-direction: column; text-align: center; height: 45rem; color: #fff; transform-origin: top; }
.story-wrap .wrap1 .list .card .box .ico {width: 6rem; margin-bottom: 2rem}
.story-wrap .wrap1 .list .card .box .tit { display: flex; align-items: center; justify-content: center; margin-bottom: 2rem; }
.story-wrap .wrap1 .list .card .box .tit strong { font-size: 4.6rem; font-weight: 700; min-height: 1.5em}
.story-wrap .wrap1 .list .card .box .tit small { font-size: var(--h4); font-weight: 700; align-self: flex-start; margin-right: 2px; }
.story-wrap .wrap1 .list .card .box .tit span { font-size: var(--p1); font-weight: 600; } 
.story-wrap .wrap1 .list .card .box .txt { font-size: var(--p2); line-height: 1.7; font-weight: 500; letter-spacing: -0.5px; }
.story-wrap .wrap2 .title { margin: 20rem 0 8rem; color: #fff; } 
.story-wrap .wrap2 .title strong { display: block; font-size: var(--h2); font-weight: 700; margin-bottom: 3rem;; } 
.story-wrap .wrap2 .title p { font-size: var(--p1); font-weight: 500; line-height: 1.7; } 
.story-wrap .wrap2 ul { display: flex; flex-wrap: wrap; margin-bottom: 10rem; } 
.story-wrap .wrap2 ul li { flex: 1; } 
.story-wrap .wrap2 ul li + li { margin-left: 4rem; } 
.story-wrap .wrap2 ul li .item {position: relative; padding-top: 100%; border-radius: 4rem; background-color: #fff} 
.story-wrap .wrap2 ul li .item .cont {position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 0 10px}
.story-wrap .wrap2 ul li .item .img img { width: 9rem; } 
.story-wrap .wrap2 ul li .item p { display: flex; justify-content: center; align-items: center; font-size: var(--p1); font-weight: 700; margin: 2rem 0; text-align: center; } 
.story-wrap .wrap2 ul li .item p i img { width: 1em; height: auto; } 
.story-wrap .wrap2 ul li .item p i:last-child { transform: scaleX(-1); } 
.story-wrap .wrap2 ul li .item .txt { font-size: 2rem; font-weight: 500; line-height: 1.7; letter-spacing: -0.5px; text-align: center; }
.story-wrap .wrap2 ul li .item .txt br {display: none}
.faq-wrap { display: flex; justify-content: space-between; align-items: flex-start; padding: var(--pd30) 0; }
.faq-wrap .title { position: sticky; top: calc(var(--headerH) + 3rem); font-size: var(--h1); font-weight: 700; line-height: 1.7; } 
.faq-wrap .list { width: 50%; } 
.faq-wrap .list .item { border: 1px solid #ddd; border-radius: var(--radius4); padding: 4rem 5rem; cursor: pointer; } 
.faq-wrap .list .item + .item { margin-top: 4rem; } 
.faq-wrap .list .item .q { width: 100%; display: flex; align-items: flex-start; font-size: var(--h4); font-weight: 700; position: relative; text-align: left; padding-right: 3rem; line-height: 1.7; color: var(--black); } 
.faq-wrap .list .item .q i { position: absolute; right: 0; top: 50%; margin-top: -1.3rem; width: 2.6rem; height: 2.6rem; } 
.faq-wrap .list .item .q i:before { content: ''; position: absolute; left: 0; right: 0; top: 50%; height: 2px; background-color: var(--black); margin-top: -1px;; } 
.faq-wrap .list .item .q i:after { content: ''; position: absolute; left: 0; right: 0; top: 50%; height: 2px; background-color: var(--black); margin-top: -1px; transform: rotate(90deg); transition: all 0.5s ease; } 
.faq-wrap .list .item .q:before { content: 'Q'; width: 3.5rem; height: 3.5rem; background-color: var(--green); color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin-right: 1.5rem; font-size: 1.6rem; flex-shrink: 0; transform: translateY(0.5rem); } 
.faq-wrap .list .item .a { display: none; font-size: var(--p2); font-weight: 500; line-height: 1.7; margin-top: 3rem; color: var(--gray6); } 
.faq-wrap .list .item.active .q i:after { transform: rotate(0deg); opacity: 0; } 
.last-donation { padding-bottom: 0; position: relative; z-index: 2; } 
.last-donation .in { position: relative; text-align: center; height: 53rem; display: flex; justify-content: center; align-items: center; color: #fff; }
.last-donation .in .img-box p { position: absolute; left: var(--inPd); right: var(--inPd); top: 0; object-fit: cover; z-index: -1; height:100%; border-radius: var(--radius4); overflow: hidden; }
.last-donation .in .img-box p img { width: 100%; height: 100%; object-fit: cover; } 
.last-donation .t1 { font-size: var(--h2); font-weight: 700; line-height: 1.7; margin-bottom: 2rem; } 
.last-donation .t2 { font-size: var(--p2); font-weight: 500; line-height: 1.7; margin-bottom: 5rem; } 
.last-donation .t3 { margin-top: 8rem; } 
.last-donation .t3 .btn-donation { border: 0; } 
.last-donation .t4 { display: flex; justify-content: center; align-items: center; margin: -2rem 0 -5rem; } 
.last-donation .t4 strong { padding: 4px 8px; border-radius: 5px; background-color: var(--green); font-size: var(--p3); color: #fff; font-weight: 600; margin-right: 2rem; } 
.last-donation .t4 span { font-size: var(--p3); color: #fff; } 
.last-donation .t4 span:before { content: ''; display: inline-block; vertical-align: middle; width: 1px; height: 13px; background-color: #fff; margin: -2px 1rem 0; } 
.last-donation .t4 strong + span:before { display: none; }

.last-donation .t3 .btn-donation + .btn-donation{margin-left: 5px;}

 /* 일시기부 */
.onetime1 { } 
.onetime1 .onetime-box { display: flex; justify-content: space-between; align-items: flex-start; padding-bottom: var(--pd30); } 
.onetime1 .onetime-box .title { transform: translateY(8rem); opacity: 0; transition: all 1s var(--ease1); } 
.onetime1 .onetime-box .title h4 p { font-size: var(--h1); font-weight: 700; line-height: 1.7; margin-bottom: 2rem; } 
.onetime1 .onetime-box .title h4 small { display: block; font-size: var(--p1); font-weight: 500; line-height: 1.7; margin-top: 4rem; } 
.onetime1 .onetime-box .title h4 em { display: inline-block; padding: 0.1em 0.5em; font-weight: 700; border-radius: 1rem; background-color: var(--green); font-size: var(--h3); color: #fff;}
.onetime1 .onetime-box .box { width: 89rem; transform: translateY(8rem); opacity: 0; transition: all 1s var(--ease1); transition-delay: 0.4s; } 
.onetime1 .onetime-box .box .img { border-radius: var(--radius4); overflow: hidden; margin-bottom: 5rem; } 
.onetime1 .onetime-box .box .t1 { font-size: var(--h2); font-weight: 700; line-height: 1.7; margin-bottom: 2rem; } 
.onetime1 .onetime-box .box .t2 { font-size: var(--h4); font-weight: 500; line-height: 1.7; margin-bottom: 3rem; } 
.onetime1 .onetime-box .box .t3 { font-size: var(--p2); font-weight: 500; line-height: 1.7; color: var(--gray6); letter-spacing: -0.5px; padding-left: 8px; text-indent: -8px; } 
.onetime1 .onetime-box .box .btns { margin-top: 8rem; } 
.onetime1 .onetime-box.active .title, .onetime1 .onetime-box.active .box { transform: unset; opacity: 1; } 
/* 기업기부 */
.corporate1 .h4 { margin-bottom: 3rem;; } 
.corporate1 .desc { font-size: var(--p1); font-weight: 500; line-height: 1.7; margin-bottom: 15rem; max-width: 100%; transform: translateY(8rem); opacity: 0; transition: all 1s var(--ease1); }
.corporate1 .desc p { margin-bottom: 3rem; } 
.corporate1 .desc.active { transform: unset; opacity: 1; } 
.corporate1 .partners .partners2 { display: flex; white-space: nowrap; overflow: hidden; margin-bottom: 5rem; } 
.corporate1 .partners .partners2 div { display: flex; flex-wrap: nowrap; animation: txtAni 30s linear infinite; } 
.corporate1 .partners .partners2 div p { width: 42rem; border-radius: var(--radius2); overflow: hidden; border: 1px solid #ddd; margin: 0 2.5rem; text-align: center;}
.corporate1 .partners .partners2 + .partners2 div { animation-direction: reverse; } 
.corporate2 { position: relative; height: 100vh; margin-top: 16rem; } 
.corporate2 .img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; } 
.corporate2 .img p { height: 100%; /*left: 50%; top:50%; transform:translate(-50%,-100%) scale(0.6); */}
.corporate2 .img img { width: 100%; height: 100%; object-fit: cover; transform: scale(0.5); border-radius: 7rem; } 
.corporate2 .in { display: flex; justify-content: space-between; align-items: flex-start; transform: translateY(0rem); height: 100%; } 
.corporate2 .in .title { margin-top: calc(var(--headerH) + 3rem); opacity: 0; transform: translateY(100px); } 
.corporate2 .in .title .h4 { color: #fff; } 
.corporate2 .in.active .title { transform: unset; opacity: 1}
.corporate2 .in .cards { width: 60%; transform: translateY(50%); } 
.corporate2 .in .cards ul { display: flex; flex-wrap: wrap; gap: 5rem 3rem; } 
.corporate2 .in .cards ul li { width: calc(50% - 1.5rem);}
.corporate2 .in .cards ul li:nth-child(even) { transform: translateY(26rem); } 
.corporate2 .in .cards ul li .item { border-radius: 4rem; padding: 6rem; height: 54rem; height: 35vh; max-height:495px; display: flex; flex-direction: column; justify-content: space-between; backdrop-filter: blur(3rem); background: rgba(240,240,240,0.2); color: #fff; transform: translateY(100px); opacity: 0; transition: background-color 0.3s ease-in-out , color 0.3s ease-in-out , border 0.3s ease-in-out}
.corporate2 .in .cards ul li .item strong { font-size: var(--h4); color: #fff; position: relative; font-weight: 700; line-height: 1; color: #fff; transition: all 0.3s ease; } 
.corporate2 .in .cards ul li .item dl dt { font-size: var(--h2); font-weight: 700; margin-bottom: 1.5rem; } 
.corporate2 .in .cards ul li .item dl dd { font-size: var(--p2); line-height: 1.7; font-weight: 500; } 
.corporate2 .in .cards ul li.active .item { background: #fff; color: #1C1C1C; } 
.corporate2 .in .cards ul li.active .item strong { color: var(--green); } 
.corporate3 { padding: var(--pd30) 0; background: linear-gradient(to bottom, #fff, #F6EFEA); } 
.corporate3 .slider1 { margin-bottom: 0; } 
.course { display: flex; align-items: flex-start; justify-content: space-between; padding-bottom: var(--pd30); } 
.course .title { position: sticky; top: calc(var(--headerH) + 3rem); } 
.course .list { width: 72rem; padding-top: 4rem; } 
.course .list .item { padding-left: 20rem; position: relative; padding-bottom: 15rem; transform: translateY(8rem); opacity: 0; transition: all 1s var(--ease1); } 
.course .list .item:last-child { padding-bottom: 0; } 
.course .list .item:before { content: ''; position: absolute; left: 6.5rem; top: 2rem; bottom: 0; width: 1px; background-color: #d9d9d9; transform: scaleY(0); transform-origin: top; transition: transform 1s ease 0.5s;}
.course .list .item.active:before{ transform: scaleY(1); }
.course .list .item .step { position: absolute; left: 0; top: 0; line-height: 5rem; background-color: var(--green); padding: 0 2.5rem; font-size: 2rem; font-weight: 700; color: #fff; border-radius: 5rem; }
.course .list .item .tit { font-size: var(--h2); font-weight: 700; line-height: 1; margin-bottom: 2rem; margin-top: -1rem}
.course .list .item .txt { font-size: var(--p2); line-height: 1.7; font-weight: 500; } 
.course .list .item .txt p { padding-left: 8px; text-indent: -8px; } 
.course .list .item:last-child:before { display: none; } 
.course .list .item.active { transform: unset; opacity: 1; } 
.sub_lecture-donation .course { padding-bottom: 5rem; }
.sub-desc { font-size: var(--p1); font-weight: 500; } 
.desc-head { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 8rem; transform: translateY(8rem); opacity: 0; transition: all 1s var(--ease1); } 
.desc-head.active { transform: unset; opacity: 1; } 
.sub-practice { padding-bottom: var(--pd30); } 
.sub-practice .h4 { margin-bottom: 2rem; } 
.sub-practice .slider .swiper-slide a { display: block; border-radius: 3rem; overflow: hidden}
.sub-practice .slider .swiper-slide a .img { overflow: hidden; padding-top: 100%; position: relative; }
.sub-practice .slider .swiper-slide a .img::before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.02); z-index: 3;}
.sub-practice .slider .swiper-slide a .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: all 1s var(--ease2); } 

.sub-practice .slider .swiper-slide a .txt-box {background-color: #F6F6F6; padding: 3rem 4rem; }
.sub-practice .slider .swiper-slide a .txt-box .cp_box {display: flex; align-items: center; margin-bottom: 2rem}
.sub-practice .slider .swiper-slide a .txt-box .cp_box .cp {font-size: var(--p2); font-weight: 700; padding: 0.35em 0.8em 0.3em; border-radius: 10em; background-color: var(--green); color: #fff}
.sub-practice .slider .swiper-slide a .txt-box .cp_box .name {font-size: var(--p2); margin-left: 1rem; font-weight: 700}
.sub-practice .slider .swiper-slide a .txt-box .subj { font-size: var(--p1); height: 3.2em; line-height: 1.5; font-weight: 700; margin-bottom: 2rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; transition: color 0.3s ease; }
.sub-practice .slider .swiper-slide a:hover .txt-box .subj{color:var(--green);}
.sub-practice .slider .swiper-slide a .txt-box .txt { font-size: var(--p2); height: calc(1.6em * 2); line-height: 1.7; font-weight: 500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-bottom: 2rem; }
.sub-practice .slider .swiper-slide a .txt-box .date { font-size: var(--p3); color: var(--gray6); } 
.sub-practice .slider .swiper-pagination { position: relative; height: 2px; background-color: #ddd; margin-top: 8rem; } 
.sub-practice .slider .swiper-pagination .swiper-pagination-progressbar-fill { background-color: var(--green); height: 2px; bottom: 0; top: unset; } 
.sub-practice .slider.type2 .swiper-slide a .img img { aspect-ratio: 574/324; } 
.sub-practice .slider.type2 .swiper-slide a .txt-box .subj { height: auto; white-space: nowrap; }
.sub-practice .slider.type2 .swiper-slide a .txt-box .cp{font-size:var(--p3);}



.fan1 { padding-bottom: var(--pd30); background: linear-gradient(to bottom, #fff, #F6EFEA); margin-bottom: var(--pd30); } 
.top-img { display: flex; align-items: center; margin-bottom: var(--pd30); } 
.top-img .img { width: 48.9%; margin-right: 8rem}
.top-img .img img { border-radius: var(--radius4); overflow: hidden; } 
.top-img dl { flex: 1; } 
.top-img dl dt { font-size: var(--h2); font-weight: 700; line-height: 1.7; margin-bottom: 3rem; } 
.top-img dl dd { /*font-size:2.2rem; */
 font-size: var(--p1); font-weight: 500; line-height: 1.7; } 
.top-img dl dd p + p { margin-top: 3rem; } 
.checks { } 
.checks .item { margin-bottom: 4rem; padding: 5rem; border-radius: var(--radius4); background-color: #fff; } 
.checks .item .tit { display: flex; align-items: center; margin-bottom: 3rem; } 
.checks .item .tit em { line-height: 5rem; background-color: var(--green); padding: 0 2.5rem; font-size: var(--p2); font-weight: 700; color: #fff; border-radius: 5rem; margin-right: 2rem; flex-shrink: 0; display: inline-block; } 
.checks .item .tit p { font-size: var(--h2); font-weight: 700; } 
.checks .item .txt { font-size: var(--p2); line-height: 1.7; font-weight: 500; } 
.sub_fanclub-donation .together .list { width: 75rem; }
.sub_fanclub-donation .together .list .item .txt2 { color: var(--black); }
.benefit { margin-bottom: var(--pd30); } 
.benefit .item { display: flex; align-items: center; justify-content: space-between; } 
.benefit .item + .item { margin-top: 12rem; } 
.benefit .item:nth-child(even) { flex-direction: row-reverse; } 
.benefit .item .img { width: 48.89%; transform: translateY(8rem); opacity: 0; transition: all 1s var(--ease1); } 
.benefit .item .img img { border-radius: var(--radius4); } 
.benefit .item .info { flex: 1; padding-left: 5rem; padding-right: 10rem ;transform: translateY(8rem); opacity: 0; transition: all 1s var(--ease1); transition-delay: 0.4s; } 
.benefit .item .info dl dt { display: flex; align-items: center; font-size: var(--h2); font-weight: 700; margin-bottom: 3rem; } 
.benefit .item .info dl dt strong { font-weight: 700; } 
.benefit .item .info dl dt span { width: 5rem; height: 5rem; border-radius: 100%; display: flex; align-items: center; justify-content: center; background-color: var(--green); font-size: var(--p2); color: #fff; font-weight: 700; margin-right: 2rem; flex-shrink: 0; }
.benefit .item .info dl dd { font-size: var(--p2); /*font-size:2.2rem; */
 font-weight: 500; line-height: 1.7; letter-spacing: -0.5px; } 
.benefit .item.active .img, .benefit .item.active .info { transform: unset; opacity: 1; } 
.benefit-desc { padding-top: 3rem; margin-top: 8rem; border-top: 1px solid #ddd; } 
.benefit-desc p { font-size: var(--p3); color: var(--gray4); line-height: 1.7;; } 
.benefit-desc p strong { font-weight: 700; } 

.benefit .ref_txt {border-top: 1px solid #ddd; font-size: var(--p2); padding-top: 3rem; margin-top: 8rem; color: #444444;}
.benefit .ref_txt .txt_line {display: flex;}
.benefit .ref_txt .txt_line > span {margin-right: 0.5em;}
.benefit .ref_txt .txt_line + .txt_line {margin-top: 0.3em;}
.benefit .ref_txt .txt_line strong {font-weight: 700;}

.sub_lecture-donation .benefit{display:none;}

.sub_space-donation .last-donation .t3, .sub_fanclub-donation .last-donation .t3 { margin-top: 5rem; }
@keyframes txtAni { 
 0% { transform: translate3d(0, 0, 0); } 
 100% { transform: translate3d(-100%, 0, 0); } 
 }
.fan-tags { display: flex; white-space: nowrap; overflow: hidden; margin-bottom: 5rem; padding-bottom: 5rem; } 
.fan-tags .box { display: flex; flex-wrap: nowrap; animation: txtAni 30s linear infinite; } 
.fan-tags .box dl { width: 42.7rem; border-radius: var(--radius3); overflow: hidden; background-color: #fff; margin: 0 2rem; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.fan-tags .box dl:nth-child(even) { transform: translateY(5rem); }
.fan-tags .box:nth-child(2) dl:nth-child(even) {transform: translateY(0); }
.fan-tags .box:nth-child(2) dl:nth-child(odd) {transform: translateY(5rem); }
/*.fan-tags .box dl dt img { width: 8rem; height: auto; } */
/*.fan-tags .box dl dd { font-size: var(--h3); font-weight: 700; margin: 3rem 0; }*/
.fan-tags .box dl dt{position: relative;}
.fan-tags .box dl dt:before{content:''; position: absolute; width: 100%; height: 100%; background:rgba(0,0,0,0.3); top: 0; left: 0;}
.fan-tags .box dl dd{position:absolute;  font-size: var(--h3); font-weight: 700; color:#fff;}

.sub_fanclub-donation .together .list .item {display: flex; align-items: center; border-bottom: none; padding-bottom: 0; margin-bottom: 7rem;}
.sub_fanclub-donation .together .list .item .tit{margin-bottom: 1rem;}
.sub_fanclub-donation .together .list .item .img{flex-shrink: 0; width:15rem; height: 15rem;margin-right: 5rem;}


/* 공간기부 */
.space1 { padding-bottom: var(--pd30); background: linear-gradient(to bottom, #fff, #F6EFEA); margin-bottom: var(--pd30); } 
.space1 .top-img { margin-bottom: 5rem; } 
.space1 .top-img-list ul { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 3rem; } 
.space1 .top-img-list ul li { text-align: center;; } 
.space1 .top-img-list ul li img { border-radius: var(--radius2); } 
.space1 .top-img-list ul li p { font-size: var(--p1); margin-top: 2rem; font-weight: 600; } 
.sub_space-donation .course .list { width: 89rem; }
.sub_space-donation .sub-practice .slider .swiper-slide a .txt-box .txt { height: auto;; }

.sub_space-donation .case_sect{padding-bottom: var(--pd30);}
.sub_space-donation .case_sect .cont_box{background-color: #F6F6F6; border-radius: 15px; overflow:hidden;}
/*.sub_space-donation .case_sect .cont_box .logo{position:relative; padding-top:22%; width:100%; display: flex; align-items: center; justify-content: center;}*/
/*.sub_space-donation .case_sect .cont_box .logo img{ position:absolute; top: 0; left: 0; width:100%; height:100%; object-fit: cover;}*/
.sub_space-donation .case_sect .cont_box .logo{height: 8rem; display:flex; align-items: center; justify-content: center;}
.sub_space-donation .case_sect .cont_box .logo img{max-height 100%;}
.sub_space-donation .case_sect .cont_box .img{position:relative; padding-top: 56%;}
.sub_space-donation .case_sect .cont_box .img img{position:absolute; top: 0; left: 0; width: 100%; height:100%; object-fit: cover; object-position: center;}
.sub_space-donation .case_sect .cont_box .txt{font-weight: 600; font-size:var(--h4); text-align: center; padding: 3rem;}


/* 강연기부 */
.sub_lecture-donation .last-donation .t3 { margin-top: 5rem; }
.free-lecture { padding-bottom: var(--pd30); } 
.free-lecture .list { position: relative; } 
.free-lecture .list .tabs { position: absolute; left: 0; top: 0; z-index: 2; } 
.free-lecture .list .box ul { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4rem; } 
.free-lecture .list .box ul li { } 
.free-lecture .list .box ul li .item { height: 42rem; border-radius: var(--radius4); color:#fff; border: 1px solid #ddd; padding: 4.5rem; display: flex; flex-direction: column; justify-content: space-between; }

.free-lecture .list .box1 ul li:nth-child(2) .item {background: url(../img/sub/lecture_free1_01.jpg) no-repeat center / cover; }
.free-lecture .list .box1 ul li:nth-child(3) .item {background: url(../img/sub/lecture_free1_02.jpg) no-repeat center / cover; }
.free-lecture .list .box1 ul li:nth-child(4) .item {background: url(../img/sub/lecture_free1_03.jpg) no-repeat center / cover; }
.free-lecture .list .box1 ul li:nth-child(5) .item {background: url(../img/sub/lecture_free1_04.jpg) no-repeat center / cover; }
.free-lecture .list .box1 ul li:nth-child(6) .item {background: url(../img/sub/lecture_free1_05.jpg) no-repeat center / cover; }
.free-lecture .list .box1 ul li:nth-child(7) .item {background: url(../img/sub/lecture_free1_06.jpg) no-repeat center / cover; }
.free-lecture .list .box1 ul li:nth-child(8) .item {background: url(../img/sub/lecture_free1_07.jpg) no-repeat center / cover; }

.free-lecture .list .box2 ul li .item{align-items: center; justify-content: center;}
.free-lecture .list .box2 ul li:nth-child(2) .item {background: url(../img/sub/lecture_free2_01.jpg) no-repeat center / cover; }
.free-lecture .list .box2 ul li:nth-child(3) .item {background: url(../img/sub/lecture_free2_02.jpg) no-repeat center / cover; }
.free-lecture .list .box2 ul li:nth-child(4) .item {background: url(../img/sub/lecture_free2_03.jpg) no-repeat center / cover; }
.free-lecture .list .box2 ul li:nth-child(5) .item {background: url(../img/sub/lecture_free2_04.jpg) no-repeat center / cover; }
.free-lecture .list .box2 ul li:nth-child(6) .item {background: url(../img/sub/lecture_free2_05.jpg) no-repeat center / cover; }
.free-lecture .list .box2 ul li:nth-child(7) .item {background: url(../img/sub/lecture_free2_06.jpg) no-repeat center / cover; }

.free-lecture .list .box ul li .item .title .tit { display: flex; align-items: center; font-size: var(--h3); font-weight: 700; margin-bottom: 2rem; }
.free-lecture .list .box ul li .item .title .tit small { padding: 0.15em 0.4em; border-radius: 5px; margin-right: 1rem; font-size: var(--p2); color: var(--black); background-color: #fff; font-weight: 700;; }
.free-lecture .list .box ul li .item .txt2 { font-size: var(--p2);font-weight: 500; } 
.free-lecture .list .box ul li .item .icos { text-align: right; display:none;}
.free-lecture .list .box ul li .item .icos img { width: 8rem; height: auto; vertical-align: middle; } 
.free-lecture .list .box ul li .item .title2 { display: flex; align-items: center; justify-content: center; height: 100%; font-size: var(--h3); font-weight: 700; text-align: center; } 
.free-lecture .list .desc { font-size: var(--p3); color: var(--gray4); line-height: 1.7; margin-top: 3rem; text-align: left; }
.free-lecture .list .desc strong { font-weight: 600; } 
.tabs { display: flex; flex-wrap: wrap; gap: 1rem 0}
.tabs a {  border-radius: 6rem; height: 3em; line-height: 3em; padding: 0 1.2em; background-color: #f6f6f6; font-size: var(--p2); font-weight: 600; padding: 0 3rem; margin-right: 2rem; transition: all 0.5s ease; white-space: nowrap; }
.tabs a.active { background-color: var(--green); color: #fff; } 
.subform-wrap { padding: var(--pd30) 0 var(--subPd); background-color: #F9F6F3; } 
.subform-wrap .subform-box { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: var(--pd30); } 
.subform-wrap .subform-box .title .h4 { margin-bottom: 3rem; transform: unset; opacity: 1; } 
.subform-wrap .subform-box .title .desc { font-size: var(--p2); font-weight: 500; line-height: 1.7; margin-bottom: 5rem; } 
.subform-wrap .subform-box .form { width: 44.44%; } 
.subform-wrap .subform-box .form .inp, .subform-wrap .subform-box .form .nice-select, .subform-wrap .subform-box .form .textarea { border: 0; } 
.subform-wrap .subform-box .form .inp-wrap { display: grid; gap: 2rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.subform-wrap .subform-box .form .inp-wrap .inp input{border:1px solid #fff; transition: border 0.3s ease;}
.subform-wrap .subform-box .form .inp-wrap .inp input:focus{border:1px solid #000;}
.subform-wrap .subform-box .form .inp-wrap .inp-box.email {grid-column: 1 / 3; display: grid; align-items: center; grid-template-columns:  minmax(0,1fr) max-content minmax(0,1fr) minmax(0,1fr); gap: 10px; font-size: var(--p2);}
.subform-wrap .subform-box .form .inp-wrap + .textarea { margin-top: 2rem; } 
.subform-wrap .subform-box .form .inp-wrap1 .inp-box1 { margin-bottom: 3rem; display: flex; }
.subform-wrap .subform-box .form .inp-wrap1 .inp-box1 input{border:1px solid #fff; transition: border 0.3s ease;}
.subform-wrap .subform-box .form .inp-wrap1 .inp-box1 dl { flex: 1; }
.subform-wrap .subform-box .form .inp-wrap1 .inp-box1 dl + dl { margin-left: 2rem; } 
.subform-wrap .subform-box .form .inp-wrap1 .inp-box1 dl dt { font-size: var(--p2); font-weight: 500; margin-bottom: 1.5rem; } 
.subform-wrap .subform-box .form .inp-wrap1 .inp-box1 dl dt .req { color: var(--green); }
.subform-wrap .subform-box .form .inp-wrap1 .inp-box1 .target {display: flex; }
.subform-wrap .subform-box .form .inp-wrap1 .inp-box1 .target > * {flex: 1;}
.subform-wrap .subform-box .form .inp-wrap1 .inp-box1 .target > * + * {margin-left: 10px;}
.subform-wrap .subform-box .form .inp-wrap1 .inp-box1 .target > * + .nice-select{margin-left:0;}
.subform-wrap .subform-box .form .inp-wrap1 .inp-box1 .email { display: flex; gap: 10px; align-items: center; } 
.subform-wrap .subform-box .form .inp-wrap1 .inp-box1 .email > span { font-size: var(--p2); } 
.subform-wrap .subform-box .form .inp-wrap1 .inp-box1 .nice-select { width: 100%; height: 6.5rem; padding-left: 2rem;; line-height: 6.4rem; border-radius: 1rem; font-size: var(--p2); font-weight: 500; border: 0; background-color: #fff;; }
.subform-wrap .subform-box .form .inp-wrap1 .inp-box1 .nice-select:after { right: 1em; width: 1em; height: 1em; margin-top: 0; border: 0; background: url("data:image/svg+xml,%3Csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 1.5L8 7.5L2 1.5' stroke='%231C1C1C' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E") no-repeat 50% 50%; background-size: 12px auto; transform: translateY(-50%) rotate(0); transform-origin: center; } 
.subform-wrap .subform-box .form .inp-wrap1 .inp-box1 .nice-select .list { width: 100%; max-height: 30rem; overflow-y: auto; }
.subform-wrap .subform-box .form .inp-wrap1 .inp-box1 .nice-select .current {display: block; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.subform-wrap .subform-box .form .max-msg { font-size: var(--p3); color: var(--gray4); display: flex; align-items: center; justify-content: space-between; margin: 1.5rem 0 3rem; }
.subform-wrap .subform-box .form .agree-box { display: flex; align-items: center; margin: 1.5rem 0 3rem; } 
.subform-wrap .subform-box .form .agree-box .btn-detail { margin-left: 1em; font-size: var(--p3); color: var(--gray6); text-decoration: underline; } 
.subform-wrap .subform-box .btn-submit { width: 100%; height: 6.5rem; height: 3.3em; border-radius: 1rem; background-color: var(--green); color: #fff; font-size: var(--p2); font-weight: 700; border: 0; transition: background 0.5s ease; }
.subform-wrap .subform-box .btn-submit:hover{background-color: #000;}
/*폼 추가*/
.subform-wrap .subform-box .form .inp-wrap1 .inp-box1 input:focus{border:1px solid #000;}
.subform-wrap .subform-box .form .inp-wrap1 .inp-box1 input::placeholder{color:#ddd;}
.subform-wrap .subform-box .form .inp-wrap1 .inp-box1 input:disabled{background-color: #F2F3F5; border-color:#F2F3F5;}
.subform-wrap .subform-box .form .inp-wrap1 .inp-select .nice-select{max-width: 50%;}

.subform-wrap .subform-box .form .inp-wrap1 .inp_refer .target{display: block;}
.subform-wrap .subform-box .form .inp-wrap1 .inp_refer .target > * + *{margin-left: 0; margin-top: 10px;}
.subform-wrap .subform-box .form .inp-wrap1 .inp_refer .target .refer_group{display: none;}
.subform-wrap .subform-box .form .inp-wrap1 .inp_refer .target .refer_group.show{display: flex;}
.subform-wrap .subform-box .form .inp-wrap1 .inp_refer .target .refer_group input + input{margin-left: 10px;}

.subform-wrap .last-donation .in { padding: 0; }
.subform-wrap .last-donation .in .img-box p { left: 0; right: 0;; } 
.textarea { width: 100%; height: 20rem; padding: 2rem; border-radius: 1rem; font-size: var(--p3); font-weight: 500; border: 1px solid #ddd; background-color: #fff; resize: none; transition: all 0.5s ease; line-height: 1.7;}
.textarea::placeholder { color: var(--black); } 
.textarea:focus { border-color: var(--green); } 
.inp { width: 100%; height: 6.5rem; padding:0 2rem; border-radius: 1rem; font-size: var(--p3); font-weight: 500; border: 1px solid #ddd; background-color: #fff; transition: all 0.5s ease; }
.inp::placeholder {color: #444}
.inp:focus { border-color: var(--green); } 
.inp-box .nice-select { height: 6.5rem; padding-left: 2rem;; line-height: 6.4rem; border-radius: 1rem; font-size: var(--p3); font-weight: 500; border: 1px solid #ddd; background-color: #fff;; }
.inp-box .nice-select .list {min-width: calc(100% + 2px); left: -1px; max-height: 200px;overflow-y: auto; box-shadow: none; border: 1px solid #ddd}
.inp-box .nice-select:after { right: 1em; width: 1em; height: 1em; margin-top: 0; border: 0; background: url("data:image/svg+xml,%3Csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 1.5L8 7.5L2 1.5' stroke='%231C1C1C' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E") no-repeat 50% 50%; background-size: 12px auto; transform: translateY(-50%) rotate(0); transform-origin: center; } 
.inp-box .nice-select.open .list { } 
.checkbox1 { position: absolute; display: none; } 
.checkbox1 + div { display: flex; align-items: center; cursor: pointer; } 
.checkbox1 + div em { width: 1.6rem; height: 1.6rem; border-radius: 2px; border: 1px solid #aaa; margin-right: 1rem; position: relative; } 
.checkbox1 + div em:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("data:image/svg+xml,%3Csvg width='16' height='11' viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.7812 1.21875C15.0625 1.53125 15.0625 2 14.7812 2.28125L6.53125 10.5312C6.21875 10.8438 5.75 10.8438 5.46875 10.5312L1.21875 6.28125C0.90625 6 0.90625 5.53125 1.21875 5.25C1.5 4.9375 1.96875 4.9375 2.25 5.25L5.96875 8.96875L13.7188 1.21875C14 0.9375 14.4688 0.9375 14.75 1.21875H14.7812Z' fill='%23444444'/%3E%3C/svg%3E") no-repeat 50% 50%; background-size: contain; transition: all 0.5s ease; opacity: 0;; } 
.checkbox1:checked + div em:before { opacity: 1; } 
.checkbox1 + div span { font-size: var(--p3); font-weight: 500; color: var(--gray4); }
.checkbox2 { position: absolute; display: none; } 
.checkbox2 + div { display: inline-flex; align-items: center; padding: 0.3em 1.2em; border-radius: 3rem; border: 1px solid #aaa; color: var(--gray4); cursor: pointer; transition: all 0.5s ease; } 
.checkbox2 + div em { margin-right: 1rem; } 
.checkbox2 + div span { font-size: var(--p3); } 
.checkbox2 + div em svg { width: 1.2em; height: auto; transition: all 0.5s ease}
.checkbox2:checked + div { background-color: var(--green); border-color: var(--green); color: #fff; }
.checkbox2:checked + div em svg path { fill: #fff; }
/* 몽땅기부 */
.sub_total-donation .last-donation .t3 { margin-top: 5rem; }
.sub_total-donation .course .list { width: 89rem; }
.all1 { padding: var(--pd30) 0; background: linear-gradient(150.97deg, #7DC01F 22.78%, #1A9DC0 100.18%); margin-bottom: var(--pd30); overflow: hidden; } 
.all1 .h4 { text-align: center; color: #fff;; } 
.all-slider { margin-bottom: 18rem; position: relative; } 
.all-slider .swiper { overflow: visible; } 
.all-slider .item { display: flex; border-radius: var(--radius4); overflow: hidden; background-color: #fff; height: 100%; } 
.all-slider .item .img { width: 50%; flex-shrink: 0; } 
.all-slider .item .img img { width: 100%; height: 100%; object-fit: cover; } 
.all-slider .item .txt-box { padding: 8rem; } 
.all-slider .item .txt-box .t1 { font-size: var(--h2); line-height: 1.7; font-weight: 700; margin-bottom: 2rem; } 
.all-slider .item .txt-box .t2 { font-size: max(2rem, 15px); line-height: 1.7; margin-bottom: 5rem; } 
.all-slider .item .txt-box .tags { display: flex; flex-wrap: wrap; gap: 10px; } 
.all-slider .item .txt-box .tags p { padding: 0.5em 1em; border-radius: 5rem; background-color: #f6f6f6; font-size: max(2rem, 15px); margin-right: 1.5rem; font-weight: 600; } 
.all-slider .swiper-slide { opacity: 0.5; transition: all 0.5s var(--ease1); height: auto; } 
.all-slider .swiper-slide-active { opacity: 1; } 
.all-slider .swiper-pagination { display: none; } 
.all1 .swiper-button-prev:after, .all1 .swiper-button-next:after { display: none;; } 
.all1 .swiper-button-prev, .all1 .swiper-button-next { position: absolute; top: 50%; width: 8rem; height: 8rem; border-radius: 100%; background: rgba(28,28,28,0.2); display: flex; align-items: center; justify-content: center; transition: all 1s var(--ease2);; } 
.all1 .swiper-button-prev svg, .all1 .swiper-button-next svg { width: 1em; height: auto;; } 
.all1 .swiper-button-prev { left: -12rem;; } 
.all1 .swiper-button-next { right: -12rem;; } 
.all1 .swiper-pagination { position: relative; height: 2px; background-color: rgba(255,255,255,0.3); margin-top: 5rem; } 
.all1 .swiper-pagination .swiper-pagination-progressbar-fill { background-color: #fff; height: 2px; bottom: 0; top: unset; } 
.after-slider { position: relative; }
.after-slider .swiper-slide {height:auto;}
.after-slider .item { display: block; border-radius: var(--radius4); overflow: hidden; background-color: #fff; height:100%; display: flex; flex-direction: column}

.after-slider .item .img { overflow: hidden;; } 
.after-slider .item .img img { width: 100%; aspect-ratio: 57/40; } 
.after-slider .item .info { padding: 5rem; flex: 1; display: flex;flex-direction: column}
.after-slider .item .info .tit { display: flex; align-items: center; margin-bottom: 2rem; } 
.after-slider .item .info .tit small { display: inline-block; padding: 0.2em 1em; border-radius: 5px; background-color: var(--gray6); font-size: var(--p3); font-weight: 700; color: #fff; margin-right: 1rem; } 
.after-slider .item .info .tit p { font-size: var(--h3); font-weight: 700; } 
.after-slider .item .info .txt { font-size: var(--h3); font-weight: 700; line-height: 1.7; height: 3.5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-bottom: 2rem; } 
.after-slider .item .info .date { font-size: var(--p3); color: var(--gray6); margin-top: auto}

.foryou { padding: 13rem 0; background: url(../img/donation/bg_foryou.jpg) no-repeat 50% 50%; background-size: cover; }
.foryou .head .h4 { color: #fff; margin-bottom: 0; } 
.foryou .head { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 5rem; } 
.foryou .head .controls { display: flex; } 
.foryou .head .controls .swiper-button-prev, .foryou .head .controls .swiper-button-next { position: static; margin: 0; } 
.foryou .head .controls .swiper-button-prev:after, .foryou .head .controls .swiper-button-next:after { display: none; } 
.foryou .head .controls .swiper-button-next { margin-left: 6rem; } 
.foryou .head .controls .swiper-button-next svg, .foryou .head .controls .swiper-button-prev svg { width: 2.5rem; height: auto; }
.foryou .slider{overflow: hidden;}
.foryou .swiper { padding-bottom: 5rem; width:110%; margin-left: -5%; padding-bottom: 6rem;}
/*.foryou .swiper .swiper-slide{position:relative; padding-top:8%; min-height:160px; transition: transform 0.8s ease-in-out;}*/
.foryou .swiper .swiper-slide{position:relative; transition: transform 0.8s ease-in-out;}
.foryou .swiper .swiper-slide[class$=-prev],
.foryou .swiper .swiper-slide[class$=-active] + .swiper-slide,
.foryou .swiper .swiper-slide[class$=-active] + .swiper-slide + .swiper-slide + .swiper-slide,
.foryou .swiper .swiper-slide[class$=-active] + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide{ transform: translateY(4rem);}
/*.foryou .swiper .item{position:absolute; width: 100%; height: 100%; top:0; left:0;}*/
.foryou .swiper .item { padding: 3rem 5rem; border-radius: var(--radius3); background-color: #F7FFF4; }
.foryou .swiper .swiper-slide:nth-child(2n-1) .item{background: #FFF8D9;}
.foryou .swiper .item:before { content: ''; position: absolute; left: 3rem; bottom: -1.8rem; width: 6rem; height: 4rem; background: url("data:image/svg+xml,%3Csvg width='37' height='50' viewBox='0 0 37 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M34.6667 21C37.3333 23 37.3333 27 34.6667 29L8 49C4.70382 51.4721 1.85156e-08 49.1202 1.98616e-07 45L1.94707e-06 5C2.12717e-06 0.879773 4.70382 -1.47214 8 0.999999L34.6667 21Z' fill='%23F7FFF4'/%3E%3C/svg%3E") no-repeat 0 100%; background-size: contain;; }
.foryou .swiper .swiper-slide:nth-child(2n-1) .item:before { background: url("data:image/svg+xml,%3Csvg width='37' height='50' viewBox='0 0 37 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M34.6667 21C37.3333 23 37.3333 27 34.6667 29L8 49C4.70382 51.4721 1.85156e-08 49.1202 1.98616e-07 45L1.94707e-06 5C2.12717e-06 0.879773 4.70382 -1.47214 8 0.999999L34.6667 21Z' fill='%23FFF8D9'/%3E%3C/svg%3E") no-repeat 0 100%; background-size: contain;; }

.foryou .control_wrap .swiper-pagination{background: rgba(255, 255, 255, 0.20);}
.foryou .control_wrap .swiper-pagination .swiper-pagination-progressbar-fill{background: #fff}
.foryou .control_wrap .swiper_btn_wrap > .swiper_btn{border:none; background: rgba(255, 255, 255, 0.10); backdrop-filter: blur(10px);}
.foryou .control_wrap .swiper_btn_wrap > .swiper_btn:hover{background: #fff;}
.foryou .control_wrap .swiper-button-prev:before,
.foryou .control_wrap .swiper-button-next:before{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.831' height='14.831' viewBox='0 0 8.831 14.831'%3E%3Cpath id='패스_13816' data-name='패스 13816' d='M4.916-6l-.706.706-6,6-.709.709L-3.916,0l.706-.706L2.084-6l-5.291-5.294L-3.916-12-2.5-13.416l.706.706,6,6Z' transform='translate(4.916 1.416) rotate(180)' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat center center / 50%;}
.foryou .control_wrap .swiper_btn_wrap > .swiper_btn:hover:before{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.831' height='14.831' viewBox='0 0 8.831 14.831'%3E%3Cpath id='패스_13816' data-name='패스 13816' d='M4.916-6l-.706.706-6,6-.709.709L-3.916,0l.706-.706L2.084-6l-5.291-5.294L-3.916-12-2.5-13.416l.706.706,6,6Z' transform='translate(4.916 1.416) rotate(180)' fill='%23000000'/%3E%3C/svg%3E") no-repeat center center / 50%;}


.foryou .swiper .item .tit { display: flex; align-items: center; font-size: var(--p3); font-weight: 500; color: var(--gray6); margin-bottom: 1rem; white-space: nowrap;}
.foryou .swiper .item .tit span + span:before { content: ''; display: inline-block; vertical-align: middle; width: 1px; height: 12px; background-color: #aaa; margin: -2px 1.5rem 0; }
.foryou .swiper .item .tit span.badge{background: var(--green); font-weight: 700; border-radius: 50px; color:#fff; margin-right: 10px; padding: 1px 10px;}
.foryou .swiper .item .tit span.badge + span:before{display: none;}
.foryou .swiper .item .txt { font-size: var(--p1); font-weight: 700;  display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}
.foryou .comment-wrap { padding: 5rem 0; background: rgba(0,0,0,0.2);; } 
.foryou .comment-wrap .form-box { display: flex; } 
.foryou .comment-wrap .form-box .inp { height: 6.5rem; border-radius: 1rem; border: 0; } 
.foryou .comment-wrap .form-box .name-inp { width: 18rem; flex-shrink: 0; } 
.foryou .comment-wrap .form-box .comment-inp { margin: 0 2rem; } 
.foryou .comment-wrap .form-box .btn-submit { flex-shrink: 0; width: 18rem; height: 6.5rem; border-radius: 1rem; background-color: var(--black); font-size: var(--p2); font-weight: 700; color: #fff;; }

.slider2 { margin-bottom: 5rem; position: relative; } 
.slider2 .swiper-slide .item { display: flex; } 
.slider2 .swiper-slide .item .img { width: 48.9%; } 
.slider2 .swiper-slide .item .img img { border-radius: var(--radius4); } 
.slider2 .swiper-slide .item .info { flex: 1; padding: 5rem 0 8rem 12rem; display: flex; flex-direction: column; justify-content: space-between; }
.slider2 .swiper-slide .item .info .head { padding-top: 3rem; } 
.slider2 .swiper-slide .item .info .head .t1 { font-size: var(--h2); font-weight: 700; margin-bottom: 2rem; } 
.slider2 .swiper-slide .item .info .head .t2 { font-size: var(--p2); font-weight: 500; line-height: 1.7; margin-top: 3rem; }
.slider2 .swiper-slide .item .info .foot {margin-top: 3rem}
.slider2 .controls { display: flex; align-items: center; position: absolute; left: calc(48.9% + 12rem); top: 3rem; z-index: 2; }
.slider2 .controls .swiper-button-next, .slider2 .controls .swiper-button-prev { position: static; width: 20px; height: 20px; background: none; margin: 0; } 
.slider2 .controls .swiper-button-next:after, .slider2 .controls .swiper-button-prev:after { display: none; } 
.slider2 .controls .swiper-button-next svg, .slider2 .controls .swiper-button-prev svg { width: 1.2rem; height: auto; fill: #000;; } 
.slider2 .controls .paging { display: flex; align-items: center; } 
.slider2 .controls .pg .bar { width: 1px; height: 12px; margin: 0 1rem; background-color: var(--black); opacity: 0.5; position: relative;; } 
.slider2 .controls .pg { display: flex; align-items: center; width: auto; }
.slider2 .controls .pg .swiper-pagination-current, .slider2 .controls .pg .swiper-pagination-total { width: 1.8em; font-size: var(--p3); text-align: center; }
.slider2 .swiper-pagination { display: none; } 
.progress-box { margin-bottom: 8rem; } 
.progress-box .tit { display: flex; justify-content: space-between; align-items: flex-end; color: #fff; margin-top: 2rem; font-size: var(--h3)}
.progress-box .tit strong { font-weight: 700; } 
.progress-box .tit p { font-weight: 700; } 
.progress-box .bar { height: 0.8rem; background-color: rgba(255,255,255,0.3); position: relative; border-radius: 0.8rem; } 
.progress-box .bar em { position: absolute; left: 0; top: 0; bottom: 0; background-color: #fff; border-radius: 0.8rem}
.progress-box .bar em span { position: absolute; right: 0; top: -12rem; white-space: nowrap; transform: translateX(50%); padding: 0.5em 2em; border-radius: var(--radius2); background-color: #fff; } 
.progress-box .bar em span:before { content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: -0.8em; width: 6rem; height: 4rem; background: url("data:image/svg+xml,%3Csvg width='50' height='37' viewBox='0 0 50 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29 34.6667C27 37.3333 23 37.3333 21 34.6667L1 8C-1.47213 4.70382 0.879777 -9.16643e-07 5 -5.56442e-07L45 2.94047e-06C49.1202 3.30067e-06 51.4721 4.70382 49 8L29 34.6667Z' fill='white'/%3E%3C/svg%3E") no-repeat 50% 100%;; background-size: contain; } 
.progress-box .bar em span i { display: block; font-style: normal; font-size: var(--h2); background: linear-gradient(102.79deg, #8DC43F -19.15%, #1B5410 80.68%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 700; position: relative; z-index: 2; } 
.support-list { display: flex; justify-content: space-between; } 
.support-list .title { color: #fff; } 
.support-list .title h5 { font-size: var(--h1); font-weight: 700; margin-bottom: 2rem; } 
.support-list .title div { font-size: var(--p1); font-weight: 600; }
.support-list .list-box { width: 49.5%; color: #fff; }
.support-list .list-box .list { overflow: auto; max-height: 37rem;; padding-right: 1%;}
.support-list .list-box .list::-webkit-scrollbar { width: 6px; height: 6px; border-radius: 6px; } 
.support-list .list-box .list::-webkit-scrollbar-track { background-color: rgba(221,221,221,0.5); border-radius: 6px; } 
.support-list .list-box .list::-webkit-scrollbar-thumb { border-radius: 3px; background-color: #fff; border-radius: 6px; } 
.support-list .list-box .list::-webkit-scrollbar-button { width: 0; height: 0; } 
.support-list .list-box .list dl { display: flex; justify-content: space-between; align-items: center; padding: 2.5rem 0; border-bottom: 1px dashed rgba(255,255,255,0.5); font-size: var(--p2); font-weight: 500; }
.support-list .list-box .list dl:last-child { border-bottom: 0; } 
.support-list .list-box .total { padding: 2.5rem 0; border-top: 1px solid rgba(255,255,255,0.5); font-size: var(--h4); font-weight: 700; margin-bottom: 1.5rem; } 
.support-list .list-box .total dl { display: flex; justify-content: space-between; align-items: center; } 
.support-list .list-box .btn-join { display: flex; align-items: center; justify-content: center; width: 100%; height: 8rem; height: 3.8em; border-radius: 1.5rem; background-color: var(--black); font-size: var(--p2); color: #fff;; transition: all 0.3s ease-in-out;}
.support-list .list-box .btn-join svg { width: 1em; height: auto; margin-right: 1rem; }
.support-list .list-box .btn-join svg path{transition: fill 0.3s ease-in-out}
.sub-visual + .sub-menu { margin-top: calc(-20rem - 1px); margin-bottom: 20rem; }
.sub-menu { border-bottom: 1px solid #ddd; background-color: #fff; position: relative; z-index: 2; } 
.sub-menu .swiper-wrapper { display: flex; justify-content: center; } 
.sub-menu .swiper-slide { width: auto; height: 8rem; text-align: center; font-size: var(--h4); font-weight: 600; padding: 0 4rem; transition: color 0.5s ease; color: var(--black); } 
/* 스티키 기능 */
.sub-menu.sticky { position: sticky; top: 0; transition: all 0.5s ease; border-bottom: none; }
.sub_total-donation .sub-menu.sticky{ background:#713B00; z-index: 50;}
.sub_total-donation .sub-menu.sticky .swiper-slide{position:relative; height:8.5rem; min-height:55px; font-size:var(--p1); color:#fff; opacity: 0.5; transition: color 0.3s ease, opacity 0.3s ease; }
.sub_total-donation .sub-menu.sticky .swiper-slide.active,
.sub_total-donation .sub-menu.sticky .swiper-slide:hover{opacity: 1; color:#fff;}
.sub_total-donation .sub-menu.sticky .swiper-slide:before{content:''; position: absolute; top: 4px; left:50%; transform: translateX(-50%); opacity: 0; width:6px; height:6px; background:#fff; border-radius: 50%; transition: top 0.3s ease, opacity 0.3s ease;}
.sub_total-donation .sub-menu.sticky .swiper-slide.active:before{opacity: 1; top: 12px;}

 /* 상단 메뉴 대응*/
.sub-menu.sticky.up { top: calc(var(--headerH) - 1px); }
/* 게시판 */
.none-list { border-radius: var(--radius2); background-color: #f6f6f6; display: flex; justify-content: center; align-items: center; font-size: var(--h4); font-weight: 700; padding: 12em 2em; } 
.after-list .lb { position: absolute; left: 3rem; top: 3rem; padding: 0 2rem; line-height: 4rem; padding: 0 1.1em; line-height: 2.2em; border-radius: 1rem; font-size: var(--p3); color: #fff; background-color: var(--black); } 
.after-list ul { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8rem 4rem; } 
.after-list ul li a { display: block;; } 
.after-list ul li a .img { border-radius: var(--radius4); overflow: hidden; margin-bottom: 4rem; position: relative; padding-top: 100%
; } 
.after-list ul li a .img img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; object-position: center; transition: all 1.5s var(--ease2); } 
.after-list ul li a .img2 { border-radius: var(--radius4); overflow: hidden; margin-bottom: 3rem; position: relative; aspect-ratio: 1/1; } 
.after-list ul li a .img2 img { width: 100%; height: 100%; transition: all 1.5s var(--ease2); object-fit: cover; } 
.after-list ul li a .img2 .labels { position: absolute; left: 3rem; top: 3rem; display: flex; } 
.after-list ul li a .img2 .labels p { width: 3.5em; height: 2em; text-align: center; line-height: 2.1em; border-radius: 5px; font-size: max(13px,1.7rem); font-weight: 700; color: #fff; background-color: var(--green); }
.after-list ul li a .img2 .labels p.end { background-color: var(--gray6); } 
.after-list ul li a .cate { font-size: var(--p2); font-weight: 700; color: var(--green); margin-bottom: 2rem; } 
.after-list ul li a .subj { margin-bottom: 1.5rem; font-size: var(--p1); font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.after-list ul li a .txt1 { font-size: var(--p2); font-weight: 500; line-height: 1.7; margin-bottom: 2rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } 
.after-list ul li a .date { font-size: var(--p3); color: var(--gray6);; }
.after-list ul li .btns { display: flex; align-items: center; justify-content: space-between; margin-top: 4rem;; }
.after-list ul li .btns a { flex: 1; height: 6rem; line-height: 6rem; border-radius: 6rem; background-color: #f6f6f6; font-size: var(--p3); font-weight: 500; text-align: center; transition: background 0.5s ease, color 0.2s ease; }
.after-list ul li .btns a + a { margin-left: 2rem; }
.after-list ul li .btns a:hover {background:var(--green); color:#fff;}

.pagination { display: flex; align-items: center; justify-content: center; margin-top: 9rem; font-size: var(--p2)}
.pagination > a { line-height: 1}
.pagination > a svg { transition: all 0.3s; height: 1.1em; width: auto;}
.pagination .num_list { display: flex; align-items: center; justify-content: center; margin: 0 1.5em; }
.pagination .num_list li { position: relative; width: 2.45em; height: 2.45em; margin: 0 0.25rem; border-radius: 50%; text-align: center; transition: all 0.3s;  }
.pagination .num_list li a { position: absolute; left: 50%; top: 50%; display: block; width: 100%; height: 100%; transform: translate(-50%, -50%); line-height: 2.45em; transition: all 0.4s; } 
.pagination .num_list li a:before { content: ''; position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; border-radius: 50%; color: #fff; transform: translate(-50%, -50%); transition: all 0.4s; z-index: -1; } 
.pagination .num_list li.active a { color: #fff; font-weight: 700}
.pagination .num_list li.active a:before { background-color: var(--green); } 
.pagination .next { margin-right: 1.5em; }
.pagination .prev { margin-left: 1.5em; }
.pagination .none { opacity: 0.4; cursor: default; } 
.pagis { border-top: 1px solid #ddd; } 
.pagis a { display: flex; padding: 4rem 5rem; border-bottom: 1px solid #ddd; font-size: var(--p1); color: var(--gray6); transition: all 0.5s var(--ease2); } 
.pagis a strong { font-weight: 600; color: var(--black); margin-right: 2rem; flex-shrink: 0; } 
.pagis p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.search-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 5rem; } 
.search-head .search-box { margin-left: auto; width: 21em; position: relative; font-size: var(--p2);}
.search-head .search-box input { width: 100%; height: 3em; padding-left: 1.5em; border-radius: 6rem; font-size: var(--p2); font-weight: 500; border: 1px solid #ddd; background-color: #fff; transition: all 0.5s ease; }
.search-head .search-box input::placeholder { color: var(--gray6); } 
.search-head .search-box input:focus { border-color: var(--green); } 
.search-head .search-box .btn-srch { position: absolute; right: 1.5em; top: 0; width: 1.5em; height: 100%; border: 0; display: flex; align-items: center}
.search-head .search-box .btn-srch svg { width: 100%; height: auto; }

.search-head.type2 {align-items: flex-end}
.search-head.type2 form {width: 100%}
.search-head.type2 form .tab_line {display: flex; margin-top: 30px}

.search-head .search-box.type2 {display: flex; height: 3em; padding-left: 1.5em; ;border-radius: 6rem; ; border: 1px solid #ddd; background-color: #fff; transition: all 0.5s ease; font-size: var(--p2); width: 25em}
.search-head .search-box.type2 input {border: none; background-color: transparent; padding-right: 3.5em; border-radius: 0 10em 10em 0}
.search-head .search-box.type2 .nice-select {border: none;font-size: var(--p2); height: 3em; line-height: 3em; background-color: transparent; padding-left: 0; width: 4.7em; flex-shrink: 0; margin-right: 5px}
.search-head .search-box.type2 .nice-select .option {padding: 0 0.9em}
.search-head .search-box.type2 .nice-select:after {width: 0.5em;height: 0.5em;border-color: #fff;margin-top: -6px;right: 0;border-color: #000;}





.top-subimg { position: relative;  padding: 0 var(--inPd); max-width: 100%; margin: 0 auto ;overflow: hidden; clip-path: inset(0 25% 0 25%); transition: clip-path 0.8s cubic-bezier(0.4, 0.0, 0.2, 1);  } 
.top-subimg.active { clip-path: inset(0 0% 0 0%); opacity: 1; } 
.top-subimg p { opacity: 0; transition: all 0.8s cubic-bezier(0.4, 0.0, 0.2, 1); border-radius: var(--radius4); overflow: hidden;} 
.top-subimg.active p { opacity: 1; } 
.sub-txt { padding: var(--pd30) 0; } 
.sub-txt p { font-size: var(--h2); font-weight: 700; color: rgba(28,28,28,0.3); line-height: 1.7; position: relative; } 
.sub-txt p span { position: absolute; left: 0; top: 0; width: 0; color: var(--black); white-space: nowrap; overflow: hidden; } 
.business { display: flex; justify-content: space-between; padding: 10rem 0 var(--pd30); align-items: flex-start; }
.business .title { position: sticky; top: calc(var(--headerH) + 8rem); margin-right: 12rem;}
.business .title .h4 {margin-bottom: 2.5rem;}
.business .title .description { font-size: var(--p2); font-weight: 500; line-height: 1.7; margin-bottom: 8rem; opacity: 0; transform: translateY(50px) ;transition: all 1s var(--ease1) 0.2s;} 
.business .title .description br { display: none; } 
.business .title .description.active {opacity: 1; transform: unset;}
.business .list { width: 48.9%; flex-shrink: 0; margin-top: 2rem;} 


.business .list .item + .item { margin-top: 10rem; } 
.business .list .item h5 { font-size: var(--h2); margin: 4rem 0 2rem; font-weight: 700; } 
.business .list .item .txt { font-size: var(--p2); line-height: 1.7;; } 
.business .list .item .slider { position: relative; border-radius: var(--radius4); overflow: hidden; } 
.business .list .item .slider .swiper { } 
.business .list .item .slider .swiper .swiper-slide { } 
.business .list .item .slider .swiper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; } 
.business .list .item .slider .swiper-pagination { position: absolute; left: 0; right: 0; bottom: 3rem; display: flex; justify-content: center; align-items: center; } 
.business .list .item .slider.no_slide .swiper-pagination { display: none; } 
.business .list .item .slider .swiper-pagination .swiper-pagination-bullet { width: 1rem; height: 1rem; border-radius: 1rem; background-color: #fff; opacity: 0.3; transition: all 0.5s ease; margin-left: 1rem; } 
.business .list .item .slider .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; width: 4rem; } 
.board-total { font-size: var(--p3); margin-bottom: 2rem;; } 
.board-total strong { font-weight: 700; color: var(--green); } 
.qna-list ul { border-top: 1px solid var(--black); } 
.qna-list ul li { border-bottom: 1px solid #ddd; } 
.qna-list ul li a { display: flex; align-items: center; justify-content: space-between; height: 12rem; transition: background-color 0.5s ease; } 
.qna-list ul li a .type { width: 22rem; text-align: center; font-size: var(--p2); font-weight: 600; } 
.qna-list ul li a .subj { flex: 1; font-size: var(--h4); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: flex; align-items: center}
.qna-list ul li a .subj svg {width: 1em; height: auto}
.qna-list ul li a .subj .stat { display: none; }
.qna-list ul li a .name { width: 7em; text-align: center; font-size: var(--p3); color: var(--gray6)}
.qna-list ul li a .date { width: 7em; text-align: center; font-size: var(--p3); color: var(--gray6)}
.qna-list ul li a .stat { width: 17rem; display: flex; justify-content: center; } 
.qna-list ul li a .stat span { width: 5em; line-height: 2.2em; border-radius: 5px; background-color: var(--gray6); font-size: var(--p3); color: #fff; text-align: center; }
.qna-list ul li a .stat span.end { background-color: var(--green); color: #fff; } 
.board-view .title { display: flex; justify-content: space-between; align-items: flex-end; padding-bottom: 3rem; border-bottom: 1px solid var(--black); } 
.board-view .title h3 { font-size: var(--h3); font-weight: 700; line-height: 1.7; word-break: break-all; word-wrap: break-word; }
.board-view .title .etc { display: flex; align-items: center; flex-shrink: 0; margin-left: 2rem; } 
.board-view .title .etc span { font-size: var(--p3); color: var(--gray6); } 
.board-view .title .etc span:after { content: ''; display: inline-block; width: 1px; height: 1.5rem; background-color: #ddd; margin: 0 1.5rem}
.board-view .title .etc span:last-child::after { display: none; } 
.board-view .body { font-size: var(--p1); line-height: 1.7; font-weight: 500; padding: 5rem 0 10rem; word-break: break-all; max-width: 1200px; margin:0 auto;}
.sub_inquiry .board-view .body{max-width: 100%;}
.board-view .replay { padding: 8rem; border-radius: var(--radius3); background-color: #f6f6f6; } 
.board-view .replay .tit { display: flex; align-items: center; margin-bottom: 2rem; } 
.board-view .replay .tit span { width: 5em; line-height: 2.5em; border-radius: 5px; background-color: var(--gray6); font-size: var(--p3); color: #fff; text-align: center; margin-right: 2rem; } 
.board-view .replay .tit span.end { background-color: var(--green); color: #fff; } 
.board-view .replay .tit p { font-size: var(--p1); font-weight: 700; } 
.board-view .replay .txt { font-size: var(--p1); line-height: 1.7; font-weight: 500; margin-bottom: 2rem; word-break: break-all;} 
.board-view .replay .date { font-size: var(--p3); color: var(--gray6); } 
.board-view .replay .before { display: flex; justify-content: center; align-items: center; flex-direction: column; } 
.board-view .replay .before svg { width: 6rem; height: auto; } 
.board-view .replay .before p { font-size: var(--p1); font-weight: 600; margin-top: 2rem; } 
.bottom-btns { display: flex; justify-content: center; margin: 5rem 0 0; }
.bottom-btns.right {justify-content: flex-end}
.bottom-btns a + a { margin-left: 2rem; }
.bottom-btns.bet {justify-content: space-between}
.btn-type1 { display: inline-flex; align-items: center; line-height: 6rem; padding: 0 6rem; border-radius: 6rem; border: 1px solid var(--black); font-size: var(--p3); font-weight: 600; transition: all 0.3s var(--ease1); } 
.btn-type2 { display: inline-flex; align-items: center; line-height: 6rem; padding: 0 6rem; border-radius: 6rem; border: 1px solid var(--green); background-color: var(--green); color: #fff; font-size: var(--p3); font-weight: 600; transition: all 0.3s var(--ease1); } 
.files { padding: 3rem 5rem; border-radius: 2rem; background-color: #f6f6f6; display: flex; align-items: flex-start; margin-bottom: 8rem; } 
.files .tit { margin-right: 3rem; font-size: var(--p1); font-weight: 500; } 
.files .list { padding-top: 2px; } 
.files .list a { display: block; font-size: var(--p2); font-weight: 500; color: var(--gray6); word-break: break-all;}
.board-write { width:100rem; margin: 0 auto; max-width: 100%}
.board-write dl { display: flex; justify-content: space-between; margin-bottom: 3rem; } 
.board-write dl dt { width: 22%; font-size: var(--p2); font-weight: 700; padding-top: 1.5rem; } 
.board-write dl dd { flex: 1; } 
.board-write dl dd .desc { margin-top: 2rem; font-size: var(--p3); color: var(--gray4); }
.board-write dl dd .write_bottom .desc {margin-top: 10px}
.board-write .nice-select { height: 6.5rem; padding-left: 2rem;; line-height: 6.4rem; border-radius: 1rem; font-size: var(--p2); font-weight: 500; border: 1px solid #ddd; background-color: #fff;; } 
.board-write .nice-select:after { right: 1em; width: 1em; height: 1em; margin-top: 0; border: 0; background: url("data:image/svg+xml,%3Csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 1.5L8 7.5L2 1.5' stroke='%231C1C1C' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E") no-repeat 50% 50%; background-size: 12px auto; transform: translateY(-50%) rotate(0); transform-origin: center; } 
.board-write .nice-select.open .list { min-width: 100%; } 
.board-write .req-desc { font-size: var(--p3); color: var(--gray6); margin-bottom: 2rem; text-align: right;; } 
.board-write .req { color: var(--green); margin-left: 4px; }  
.board-write .textarea::placeholder, .board-write .inp::placeholder { color:#b7b7b7; } 
.board-write .textarea { height: 40rem; } 
.board-write .captcha_wrap { display: flex; } 
.board-write .captcha_wrap .captcha {  display: flex; align-items: center; height: 6.5rem; padding: 0 1.5rem; margin-right: 1.5rem; background: #F3F4F8; border-radius: 0.8rem; }
.board-write .captcha_wrap .captcha img { height: 100%; }
.board-write .captcha_wrap .captcha .btn svg{display: flex; align-items: center; justify-content: center; width: 1.6em; height: 1.6em;}
.board-write .captcha_wrap .captcha + .inpbox{flex: 1}
.board-write .agree-tit { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2rem; } 
.board-write .agree-tit h4 { font-size: var(--p2); font-weight: 700; } 
.board-write .agree-text textarea { height: 20rem; background-color: #f6f6f6; border-radius: 10px; padding: 3rem; font-size: 1.5rem; line-height: 1.7; border: 0; resize: none; }
.board-write .agree-desc { font-size: var(--p3); color: var(--gray4); margin-top: 2rem; } 
.board-write .file { display: flex; }
.board-write .file .file_name {flex:  1 ;position: relative}
.board-write .file .file_name .button {position: absolute; right: 20px; top: 50%; transform: translateY(-50%)}
.board-write .file .file_name .button svg{display: block;}
.board-write .file .btn-file { width: 15rem; height: 6.5rem; border-radius: 1rem; border: 1px solid var(--black); font-size: var(--p3); font-weight: 500; margin-left: 1rem; } 
.img-wrap1 { border-radius: var(--radius4); overflow: hidden; position: relative; margin-bottom: 20rem; } 
.img-wrap1 img { width: 100%; height: 100%; object-fit: cover; display: block; transform: scale(1.2); transition: all 1s var(--ease2); opacity: 0; } 
.img-wrap1 .txt { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; font-size: var(--h2); color: #fff; text-align: center; transform: translateY(8rem); opacity: 0; transition: all 1s var(--ease2); transition-delay: 0.4s; } 
.img-wrap1 .txt p { margin: 3.5rem 0 4rem; font-weight: 700; line-height: 1.7; } 
.img-wrap1 .txt svg { width: 4.5rem; height: auto;; display: none;}
.img-wrap1.active img { transform: scale(1); opacity: 1; } 
.img-wrap1.active .txt { transform: unset; opacity: 1; } 
.cs-info { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3rem; margin-bottom: 10rem; } 
/*.cs-info dl { display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; border-radius: var(--radius3); background-color: #F6F6F6; padding: 5rem 3rem; } */
/*.cs-info dl dt { font-size: var(--p1); font-weight: 500; display: flex; align-items: center; } */
/*.cs-info dl dt svg { width: 1.3em; height: auto; margin-right: 1rem; } */
/*.cs-info dl dd { font-size: var(--h4); font-weight: 700; margin-top: 2.5rem; } */
.cs-info dl { display: flex; flex-direction: column; border-radius: var(--radius3); background-color: #F6F6F6; padding: 4rem; }
.cs-info dl dt { font-size: var(--p3); font-weight: 700; display: inline-block; align-items: center; background: var(--green); color: #fff; border-radius: 100px; max-width: max-content; padding: 0.2em 0.8em; }
.cs-info dl dt svg { width: 1.3em; height: auto; margin-right: 1rem; display: none; }
.cs-info dl dd { font-size: var(--h4); font-weight: 700; margin-top: 0.3em; }
.cs-info dl:before{content:'';width: 7rem;height: 7rem;margin-left: auto;background: #000;margin-bottom: 4rem;}
.cs-info dl:first-child:before{background: url(../img/about/location_info_ico01.svg) no-repeat center / cover;}
.cs-info dl:nth-child(2):before{background: url(../img/about/location_info_ico02.svg) no-repeat center / cover;}
.cs-info dl:last-child:before{background: url(../img/about/location_info_ico03.svg) no-repeat center / cover;}
.sub_need-help .course .list { width: 91rem; }
.doc-wrap { display: flex; justify-content: space-between; align-items: flex-start; padding: var(--pd30) 0; }
.doc-wrap .title { position: sticky; top: calc(var(--headerH) + 3rem); font-size: var(--h1); font-weight: 700; line-height: 1.7; } 
.doc-wrap .list { width: 91rem; } 
.doc-wrap .list .item { border: 1px solid #ddd; border-radius: var(--radius4); padding: 5rem;} 
.doc-wrap .list .item + .item { margin-top: 4rem; } 
.doc-wrap .list .item .txt { width: 100%; display: flex; align-items: flex-start; font-size: var(--h2); font-weight: 700; position: relative; text-align: left; } 
.doc-wrap .list .item .txt em { width: 5rem; height: 5rem; background-color: var(--green); color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin-right: 2rem; font-size: 2rem; flex-shrink: 0; } 
.doc-wrap .list .item .txt small { font-size: var(--p3); font-weight: 400; } 
.doc-wrap .desc { font-size: var(--p3); line-height: 1.7; margin: 3rem 0 5rem; color: var(--gray4); } 
.doc-wrap .btns { display: flex; } 
.doc-wrap .btns .btn-download { flex: 1; display: flex; align-items: center; justify-content: space-between; padding: 0 3rem; height: 6rem; height: 3.3em; border-radius: 2rem; border: 1px solid #ddd; font-size: var(--p2); font-weight: 500; transition: all 0.5s var(--ease1);; }
.doc-wrap .btns .btn-download svg { width: 1.2em; height: auto; vertical-align: middle; } 
.doc-wrap .btns .btn-download em { position: relative; } 
.doc-wrap .btns .btn-download em i { transition: all 0.3s var(--ease1); } 
.doc-wrap .btns .btn-download em i + i { position: absolute; left: 0; transform: translateY(-100%); opacity: 0; } 
.doc-wrap .btns .btn-download em i + i svg path { fill: #fff; } 
.doc-wrap .btns .btn-download + .btn-download { margin-left: 2rem; } 
.eval-wrap {} 
.eval-wrap ul { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); counter-reset: item; margin: 0 2rem; } 
.eval-wrap ul li { margin: 0 -2rem; } 
.eval-wrap ul li .item { aspect-ratio: 1/1; border-radius: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center;border: 1px solid #ddd;}
.eval-wrap ul li .item .num { font-size: var(--h4); font-weight: 600; color: var(--green); }
.eval-wrap ul li .item .num:before { content: '0'counter(item); counter-increment: item; } 
.eval-wrap ul li .item p { font-size: var(--h2); font-weight: 700; line-height: 1.5; margin-top: 1rem}


.mission4 .eval-wrap ul li .item {background: rgba(255, 255, 255, 0.10); backdrop-filter: blur(10px)}
.mission4 .eval-wrap ul li .item .num {color: #fff; }
.mission4 .eval-wrap ul li .item .num:before { content: '0'counter(item); counter-increment: item; }
.mission4 .eval-wrap ul li .item p { }

.eval-wrap .desc { font-size: var(--p3); line-height: 1.7; margin-top: 3rem;; color: var(--gray4); } 
/* 오시는길 */
.contactus { } 
.contactus .tit { font-size: var(--h2); font-weight: 700; margin-bottom: 5rem; display: flex; align-items: flex-start; } 
.contactus .tit svg { width: 5rem; height: auto; margin-right: 1rem; margin-top: 0.1em;} 
.contactus .map { margin-bottom: 5rem; border-radius: 5rem; overflow: hidden; position:relative; padding-top: 50%;}
.contactus .map .map_cont{position: absolute; width:100%; height:100%; left: 0; top:0; width:100%; height:100%;}
/*.contactus .map iframe { width: 100%; height: auto; aspect-ratio: 18/9; } */
.contact-info { max-width: 90rem; margin-left: auto; } 
.contact-info h4 { font-size: var(--h2); font-weight: 700; margin-bottom: 2rem; } 
.contact-info .h4-desc { font-size: var(--p1); font-weight: 500; margin-bottom: 5rem; } 
.contact-info .item { display: flex; align-items: flex-start; font-size: var(--p1); font-weight: 500; line-height: 1.7; } 
.contact-info .item span { line-height: 1;; margin-right: 1.5rem; padding: 0.4em 0.7em; border-radius: 3rem; background-color: #36B5F7; font-size: var(--p3); font-weight: 700; color: #fff; margin-top: 2px; } 
.contact-info .item span.color2 { background-color: #2C6FEB; } 
.contact-info .item span.color3 { background-color: #49B40C; } 
.contact-info .item span.color4 { background-color: #DC1D1D; } 
.contact-info .item + .item { margin-top: 3rem; } 
.contact-info hr { width: 100%; margin: 8rem 0; padding: 0; border: 0; height: 1px; background-color: #ddd; } 
.contact-info .btns { display: flex; justify-content: space-between; align-items: center; margin-top: 8rem; } 
.contact-info .btns a { flex: 1; display: flex; align-items: center; justify-content: center; height: 3.3em; border-radius: 3em; border: 1px solid var(--black); font-size: 1.7rem; font-weight: 600; transition: all 0.5s var(--ease1); } 
.contact-info .btns a + a { margin-left: 1.5rem;; } 
.contact-info .btns a img { width: 1.35em; height: auto; margin-right: 1rem; } 
/* 사회공헌파트너 */
/* .partner { padding-top: var(--pd30); }  */
.partner{padding-top: 8rem;}
.partner .tabs { margin-bottom: 8rem;; } 

.partner .subtab-box + .subtab-box{margin-top: 14rem;}
.partner .subtab-box h4{margin-bottom: 4rem;}
.partner-list ul { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8rem 3rem; } 
.partner-list ul li a { display: block; transform: scale(1); position:relative;}
.partner-list ul li a .img { border-radius: var(--radius4); overflow: hidden; position: relative;}
.partner-list ul li a .img:before{content:'자세히 보기'; display:flex; align-items: center; justify-content: center; position:absolute; top: 0; left: 0; width: 100%; height: 100%; padding-bottom:5%; color:#fff; font-size:var(--p1); font-weight: 700; backdrop-filter: blur(10px); opacity:0; transition:opacity 0.5s ease; background:rgba(141, 196, 63, 0.70) url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"><path d="M20 0C31.0457 0 40 8.9543 40 20C40 31.0457 31.0457 40 20 40C8.9543 40 0 31.0457 0 20C0 8.9543 8.9543 0 20 0ZM20.4971 13C19.8068 13.0001 19.2471 13.4198 19.2471 13.9375V19.25H13.9375C13.4198 19.25 13 19.8096 13 20.5C13 21.1903 13.4198 21.75 13.9375 21.75H19.2471V27.0625C19.2471 27.5802 19.8068 27.9999 20.4971 28C21.1874 28 21.7471 27.5803 21.7471 27.0625V21.75H27.0615C27.5791 21.7498 27.999 21.1902 27.999 20.5C27.999 19.8098 27.5791 19.2502 27.0615 19.25H21.7471V13.9375C21.7471 13.4197 21.1874 13 20.4971 13Z" fill="white"/></svg>') no-repeat center 60% / 9%;}
.partner-list ul li a:hover .img:before{opacity:1;}
 /*.partner-list ul li a .img::before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.02); z-index: 3;}*/
.partner-list ul li a .img img { width: 100%; height: 100%; object-fit: cover; transition: 0.3s ease-in-out;} 
/*.partner-list ul li a:hover img{transform: scale(1.1);}*/
.partner-list ul li a .name { font-size: var(--p1); font-weight: 700; margin-top: 2.5rem; transition:color 0.3s ease-in-out;}
.partner-list ul li a:hover .name{color:var(--green);}
.partner-view { max-height: 70vh; overflow: auto; padding-right: 3rem; } 
.partner-view::-webkit-scrollbar { width: 2px; height: 2px; border-radius: 6px; } 
.partner-view::-webkit-scrollbar-track { background-color: #D9D9D9; border-radius: 6px; } 
.partner-view::-webkit-scrollbar-thumb { border-radius: 3px; background-color: var(--green); border-radius: 6px; } 
.partner-view::-webkit-scrollbar-button { width: 0; height: 0; } 
.partner-view .info { display: flex; align-items: center; margin-bottom: 4rem; }
.partner-view .info .img { width: 30rem; height: 30rem; border-radius: var(--radius4); overflow: hidden; } 
.partner-view .info .img img { width: 100%; height: 100%; object-fit: cover; } 
.partner-view .info .pop-slider { width: 39rem; height: auto; border-radius: var(--radius2); overflow: hidden; position: relative; } 
.partner-view .info .pop-slider-img { position: relative; width: 100%; padding-top: 85%; } 
.partner-view .info .pop-slider-img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; } 
.partner-view .info .pop-slider .swiper-pagination { position: absolute; left: 0; right: 0; bottom: 2rem; display: flex; align-items: center; justify-content: center; } 
.partner-view .info .pop-slider .swiper-pagination .swiper-pagination-bullet { width: 1rem; height: 1rem; border-radius: 1rem; background-color: #fff; opacity: 0.3; transition: all 0.5s ease; margin-left: 1rem; } 
.partner-view .info .pop-slider .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; width: 4rem; } 
.partner-view .info .text { flex: 1; margin-left: 5rem; } 
.partner-view .info .text .name { font-size: var(--p2); font-weight: 700; margin-bottom: 2rem; color: var(--green); } 
.partner-view .info .text .msg { font-size: var(--h3); font-weight: 700; line-height: 1.7; } 
.partner-view .info .text .user_box {display: flex; align-items: center; margin-top: 20px;}
.partner-view .info .text .user_box .txt {font-size: var(--p2); font-weight: 500; display: flex; align-items: center;}
.partner-view .info .text .user_box .txt + .txt::before {content: ""; width: 1px; height: 0.8em; background-color: rgba(0, 0, 0, 0.2); margin:0 1em; display: block;}

.partner-view .info .text .user_box .profile {width: 5rem; height: 5rem; border-radius: 50%; overflow: hidden; position: relative; margin-right: 20px;}
.partner-view .info .text .user_box .profile img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.partner-view .info .text .user_box .corp_txt {font-weight: 700;}


/* 협력기관 팝업 추가 */
.partner-type2 .popup{max-width: 70rem;}
.partner-type2 .partner-view .info .img{width:35rem; height: auto; border:1px solid #ddd; border-radius:15px;}
.partner-type2 .partner-view .info {display: block; margin-bottom: 0}
.partner-type2 .partner-view .info .text {margin-left: 0; font-weight: 500; font-size:var(--p2); margin-top: 2rem}
.partner-type2 .partner-view .text .msg{font-weight: 500; font-size:var(--p2); display: none; }



/* 몽땅기부 팝업 */
.partner-view .user_box_all{background-color: #F6F6F6; border-radius:var(--radius2); padding: 3rem; font-size:var(--p2); margin-top: 3rem;}
.partner-view .user_box_all .user_info{display: flex;}
.partner-view .user_box_all .user_info .corp_txt{position:relative; color:#8DC43F; font-weight:700; margin-right:20px;}
.partner-view .user_box_all .user_info .corp_txt:before{content:''; position:absolute; right: -10px; width: 1px; height:60%; top:20%; background:#DDDDDD;}
.partner-view .user_box_all .user_msg{margin-top: 1.5rem;}

.partner-view .donation_step .list{display: grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:5rem; margin-top: 3rem;}
.partner-view .donation_step .list .item{position:relative; text-align: center; font-size:var(--p2);}
.partner-view .donation_step .list .item:before{content:''; position: absolute; width: 1em; height: 1em; top:50%; right: -3.5rem; transform: translateY(-50%); background:url('data:image/svg+xml,<svg width="9" height="16" viewBox="0 0 9 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.60156 8.25L8.17969 8.63672L8.60156 8.25L8.17969 8.63672L1.42969 15.3867L1.04297 15.8086L0.234375 15L0.65625 14.6133L6.98438 8.25L0.65625 1.88672L0.234375 1.5L1.04297 0.691406L1.42969 1.11328L8.17969 7.86328L8.60156 8.25Z" fill="black"/></svg>') no-repeat center / contain;}
.partner-view .donation_step .list .item:last-child:before{display: none;}
.partner-view .donation_step .list .item .date{background-color: var(--green); color:#fff; font-weight: 500; padding: 0.5em 0; font-size:0.9em; border-radius: 10px 10px 0 0;}
.partner-view .donation_step .list .item .txt{background-color: #F6F6F6; font-weight: 700; padding: 1em 0; border-radius: 0 0 10px 10px;}

.partner-view .detail_list{margin-top: 3rem; border-top: 2px solid #000; border-bottom: 1px solid #DDD; margin-bottom: 2px;}
.partner-view .detail_list .tit_box{display:flex; align-items: center; justify-content: space-between; padding:2rem; cursor: pointer;}
.partner-view .detail_list .tit_box .tit{font-size:var(--p1); font-weight: 700;}
.partner-view .detail_list .tit_box .btn .ico {width: 1.2em;height: 1.2em;
 background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%23000000"><path d="M256 429.3l22.6-22.6 192-192L493.3 192 448 146.7l-22.6 22.6L256 338.7 86.6 169.4 64 146.7 18.7 192l22.6 22.6 192 192L256 429.3z"/></svg>') center/contain no-repeat;
 transition: transform 0.3s, background 0.3s;
}
.partner-view .detail_list .tit_box.on .btn .ico {transform: rotate(-180deg);}
.partner-view .detail_list .swiper{display: flex; justify-content: center; align-items: center;}
.partner-view .detail_list .slide_cont{display: none; overflow:hidden;}
.partner-view .detail_list .slide_cont.show{opacity: 1;}
.partner-view .detail_list .slide_cont .item{padding: 2rem 0 3rem;}
.partner-view .detail_list .slide_cont .cont_box{border-radius: 10px; border:1px solid #ddd; overflow:hidden;}
.partner-view .detail_list .slide_cont .cont_box .img{position:relative; padding-top:100%; display:flex; align-items: center; justify-content: center; text-align: center;}
.partner-view .detail_list .slide_cont .cont_box .img img{position: absolute; top:0; left:50%; transform: translateX(-50%); height:100%; object-fit: cover; object-position: center;}


.partner-view .desc { font-size: var(--p2); font-weight: 500; line-height: 1.7; } 
.partner-view .desc .qna .q {font-weight: 700;}
.partner-view .desc .qna .a {margin-top: 7px;}
.partner-view .desc .qna + .qna {margin-top: 30px;}
.partner-view .users { margin-top: 3rem; border-radius: var(--radius2); background-color: #f6f6f6; padding: 3rem;; } 
.partner-view .users .name { display: flex; font-size: var(--p2); margin-bottom: 2rem; } 
.partner-view .users .name strong { font-weight: 700; color: var(--green); } 
.partner-view .users .name span:before { content: ''; display: inline-block; vertical-align: middle; width: 1px; height: 0.5em; background-color: #ddd; margin: -2px 1rem 0; } 
.partner-view .users .t1 { font-size: var(--p2); font-weight: 500; line-height: 1.7; } 
.ngo-list ul { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 3rem; } 
.ngo-list ul li a { display: block; border-radius: var(--radius2); overflow: hidden; border: 1px solid #ddd; } /*pointer-events: none;*/
.fan-list ul { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 3rem; } 
.fan-list ul li a { display: block; pointer-events: none; }
.fan-list ul li a.auto { pointer-events: auto }
.fan-list ul li a img { border-radius: var(--radius2); } 
.fan-list ul li a p { margin-top: 2rem; font-size: var(--p1); font-weight: 700; line-height: 1.5; }
.ngo-slider { margin-bottom: 20rem; }
.ngo-slider .swiper-slide {height: auto}
.ngo-slider .item { display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; height: 100%}
.ngo-slider .item { border-radius: 2rem; border: 1px solid #ddd; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 6.5rem 1rem; } 
.ngo-slider .item .img img { width: 9rem; }
.ngo-slider .item p { display: flex; justify-content: center; align-items: center; font-size: var(--p1); font-weight: 700; margin-top: 2rem; letter-spacing: -1px; } 
.ngo-slider .item p i:last-child { transform: scaleX(-1); } 
.ngo-slider .item p i { margin: 0 1rem; } 
.ngo-slider .item p i img { width: 1em; }
.ngo-slider .item p.txt{font-size:var(--p3); font-weight: 500; text-align: center; width: 90%; margin-top:2rem;}

.ngo-slider .swiper-pagination { position: relative; height: 2px; background-color: #ddd; margin-top: 5rem; } 
.ngo-slider .swiper-pagination .swiper-pagination-progressbar-fill { background-color: var(--green); height: 2px; bottom: 0; top: unset; } 
.principle-wrap { background-color: #fff; position: relative; z-index: 2;; } 
.principle-wrap ul { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); counter-reset: item; margin: 0 2rem; } 
.principle-wrap ul li { margin: 0 -2rem; } 
.principle-wrap ul li .item { aspect-ratio: 1/1; border-radius: 100%; border: 1px solid #ddd; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center;; } 
.principle-wrap ul li .item .num { font-size: var(--h4); font-weight: 600; color: var(--green); } 
.principle-wrap ul li .item .num:before { content: '0'counter(item); counter-increment: item; } 
.principle-wrap ul li .item p { font-size: var(--h2); font-weight: 700; line-height: 1.7; } 
/* .principle-wrap ul li.active .item { border-color:var(--green); } */
.manage-wrap { margin-bottom: var(--pd30);; } 
.manage-wrap .together .list .item .tit em { background-color: var(--green); transition: all 0.5s var(--ease1); }
.manage-wrap .together .list .item { opacity: 1; transition: all 0.5s var(--ease1); transform: unset; }
.manage-wrap .together .list .item.active { opacity: 1; } 
.manage-wrap .together .list .item.active .tit em { background-color: var(--green); } 
/* .manage-wrap .principle-wrap { position: sticky; top:0; padding-top:1rem; margin-bottom: 10rem; } */
.manage-wrap .principle-wrap { margin-bottom: 10rem; } 
.manage-wrap .principle-wrap:before { content: ''; display: block; width: 100%; height: 10rem; background: linear-gradient(to bottom, #fff, transparent); position: absolute; bottom: -10rem; right: 0; left: 0; z-index: 1; } 
.chart-table-wrap .h4 { margin-bottom: 5rem;; } 
.chart-wrap { padding: 18rem 2rem; display: flex; justify-content: center; border-top: 1px solid var(--black); } 
.chart-wrap .chart-box { display: flex; align-items: center; } 
.chart-wrap .chart-box .chart { width: 50rem; margin-right: 20rem; position: relative; } 
.chart-wrap .chart-box .chart svg { width: 100%; height: auto;; } 
.chart-wrap .chart-box .chart p { position: absolute; left: 0; right: 0; top: 50%; font-size: var(--h2); font-weight: 700; transform: translateY(-50%); text-align: center; } 
.chart-wrap .chart-box .values { display: grid; gap: 8rem 0; } 
.chart-wrap .chart-box .values.type2 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8rem 15rem; } 
.chart-wrap .chart-box .values dl { } 
.chart-wrap .chart-box .values dl dt { font-size: var(--p1); font-weight: 600; margin-bottom: 2rem; position: relative; } 
.chart-wrap .chart-box .values dl dt:before { content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: -3.5rem; width: 0.6em; height: 0.6em; border-radius: 100%; background-color: var(--green);; } 
.chart-wrap .chart-box .values dl dt.color1:before { background-color: var(--green); } 
.chart-wrap .chart-box .values dl dt.color2:before { background-color: #713B00; } 
.chart-wrap .chart-box .values dl dt.color3:before { background-color: #FBAA19; } 
.chart-wrap .chart-box .values dl dt.color4:before { background-color: #08C0F2; } 
.chart-wrap .chart-box .values dl dt.color5:before { background-color: #B2D035; } 
.chart-wrap .chart-box .values dl dt.color6:before { background-color: var(--gray6); } 
.chart-wrap .chart-box .values dl dd { font-size: var(--h1); font-weight: 500; line-height: 1; } 


.trans_page .manage-wrap .cont_box {display: flex; justify-content: space-between;}
.trans_page .manage-wrap .cont_box .principle-wrap {width: 40%; }
.trans_page .manage-wrap .cont_box .principle-wrap ul {grid-template-columns: repeat(2,minmax(0,1fr));}
.trans_page .manage-wrap .cont_box .principle-wrap ul li:nth-child(n+3) {margin-top: -4rem;}
.trans_page .manage-wrap .cont_box .together {width: 50%;}
.trans_page .together .list {width: 100%; }


.donation_review_page .sub-menu {border-bottom: 0px; margin-bottom: 8rem;}


/* 차트 애니메이션 스타일 */
.chart-wrap .chart-box .chart svg path { opacity: 0; transform: scale(0); transform-origin: center; transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55); } 
.chart-wrap .chart-box .chart.active svg path { opacity: 1; transform: scale(1); } 
.chart-wrap .chart-box .chart.active svg path:nth-child(1) { transition-delay: 0.2s; } 
.chart-wrap .chart-box .chart.active svg path:nth-child(2) { transition-delay: 0.4s; } 
.chart-wrap .chart-box .chart.active svg path:nth-child(3) { transition-delay: 0.6s; } 
.chart-wrap .chart-box .chart.active svg path:nth-child(4) { transition-delay: 0.8s; } 
.chart-wrap .chart-box .chart.active svg path:nth-child(5) { transition-delay: 1.0s; } 
.chart-wrap .chart-box .chart.active svg path:nth-child(6) { transition-delay: 1.2s; } 
.chart-wrap .chart-box .chart svg { transform: rotate(-90deg); transition: transform 1.5s ease-in-out; } 
.chart-wrap .chart-box .chart.active svg { transform: rotate(0deg); } 
.chart-wrap .chart-box .chart p { opacity: 0; transform: translateY(-50%) scale(0.5); transition: all 0.6s ease-out; } 
.chart-wrap .chart-box .chart.active p { opacity: 1; transform: translateY(-50%) scale(1); transition-delay: 1.4s; } 
.table1 { margin-bottom: 20rem; } 
.table1 table { width: 100%; border-collapse: collapse; font-size: var(--p2); } 
.table1 table thead th { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; font-size: var(--p1); font-weight: 700; text-align: center; padding: 2.5rem 1rem;; } 
.table1 table tbody td { border-bottom: 1px solid #ddd; font-weight: 500; text-align: center; padding: 2.5rem 1rem;; } 
.table1 table tfoot td { border-bottom: 1px solid #ddd; font-weight: 700; text-align: center; padding: 2.5rem 1rem; background-color: rgba(141,196,63,0.05); } 
.table1 table tr.active { background-color: #f6f6f6; } 
.table1 table tr.active td { font-weight: 700; } 
.statement { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4rem; position: relative; z-index: 11;  }
.statement .item { position: relative; } 
.statement .item button { width: 100%; height: 3.3em; border-radius: 2rem; border: 1px solid #ddd; padding: 0 3rem; font-size: var(--p2); font-weight: 500; text-align: left; display: flex; justify-content: space-between; align-items: center; transition: all 0.5s ease; }
.statement .item button svg { width: 1.7em; height: auto; transition: all 0.5s ease; } 
.statement .item ul { display: none; position: absolute; left: 0; top: calc(8rem - 1px); right: 0; border: 1px solid #ddd; border-radius: 0 0 2rem 2rem; background-color: #fff; overflow: hidden; z-index: 2; } 
.statement .item ul li a { display: block; line-height: 8rem; padding: 0 3.6rem 0 3rem; display: flex; justify-content: space-between; align-items: center; font-size: var(--p2); font-weight: 500; transition: all 0.5s ease; } 
.statement .item ul li a svg { width: 1.2em; height: auto; } 
.statement .item button.active { border-radius: 2rem 2rem 0 0; } 
.statement .item button.active svg { transform: rotate(180deg); } 
/* 인사말 */
.greet-wrap { padding: 0 var(--inPd); margin: 0 auto; max-width: 100%;} 
.greet-wrap .box { height: calc(100vh - var(--inPd)); padding: var(--inPd) 0; }
.greet-wrap .box .inbox { height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; border-radius: var(--radius4); overflow: hidden; color: #fff; position: relative; }
.greet-wrap .box.box1 .inbox { background: #f6f6f6; } 
.greet-wrap .box.box1 .bg { display: none; } 
.greet-wrap .box1 svg { width: 72rem; height: auto; } 
.greet-wrap .box1 object { width: 90rem; height: auto; transform: translateX(-15rem);} 
.greet-wrap .box .bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/about/img_greet1.jpg) no-repeat 50% 50%; background-size: cover; } 
.greet-wrap .box.box3 .bg { background-image: url(../img/about/img_greet2.jpg)}
.greet-wrap .box .in { position: relative; z-index: 2; width: 100%; } 
.greet-wrap .box .in .t1 { display: inline-flex; font-size: var(--p2); font-weight: 700; margin-bottom: 3rem; padding: 0.6em 1em; border-radius: 6rem; background-color: rgba(255,255,255,0.2);; } 
.greet-wrap .box .in .t2 { font-size: var(--h1); font-weight: 700; margin-bottom: 6rem; } 
.greet-wrap .box .in .t3 { font-size: var(--p1); font-weight: 500; line-height: 1.7; } 
.greet-wrap .box .in .t3 p + p { margin-top: 2rem; } 
/* Greet 페이지 ScrollTrigger 애니메이션 스타일 */
.greet-wrap { position: relative; } 
.greet-wrap .box { position: relative; width: 100%; min-height: 100vh; z-index: 1; }
.greet-wrap .box:not(:first-child){margin-top: 40rem !important;}
.greet-wrap .box2 { z-index: 2; }
.greet-wrap .box3 { z-index: 3; }
.greet-wrap .box .t1, .greet-wrap .box .t2, .greet-wrap .box .t3 { opacity: 0; transform: translateY(50px); } 
.greet-wrap .box1 p { opacity: 0; transform: scale(0.8) translateY(50px); } 

/*.welcome { margin: var(--pd30) 0; display: flex; align-items: center; justify-content: space-between; } */
.welcome {margin: var(--pd30) 0; display: grid; grid-template-columns: 50% minmax(auto, 66rem); gap: 2%; justify-content: space-between;}
.welcome .info{display: flex; flex-direction: column; justify-content: space-between;}
.welcome .info .tit { position:relative; display: inline-block; font-size: var(--h1); font-weight: 700; padding-bottom: 7rem; transform: translateY(8rem); opacity: 0; transition: all 1s var(--ease2); display: flex; flex-direction: column;}
.welcome .info .tit span { color: var(--green); }
.welcome .info .tit em svg { width: 4.5rem; height: auto; }
.welcome .info .tit em:last-child {  position: absolute; left:42rem; bottom: 0;}
.welcome .info .tit p{display: inline-block;}
.welcome .info .txt { font-size: var(--p2); font-weight: 500; line-height: 1.7; transform: translateY(8rem); opacity: 0; transition: all 1s var(--ease2); transition-delay: 0.3s; } 
.welcome .info .txt p + p { margin-top: 3rem; } 
.welcome .img {  border-radius: var(--radius4); overflow: hidden; transform: translateY(8rem); opacity: 0; transition: all 1s var(--ease2); transition-delay: 0.6s; }
.welcome .img img { width: 100%; height: 100%; object-fit: cover; } 
.welcome.active .info .tit { transform: unset; opacity: 1; } 
.welcome.active .info .txt { transform: unset; opacity: 1; } 
.welcome.active .img { transform: unset; opacity: 1; } 
.sub_greeting .together { }
.sub_greeting .together .list .item .tit em { width: auto; padding: 0 1em; border-radius: 5rem}

.greet_page .hope_sect {position: relative; width: 100%; height: 100vh; }
.greet_page .hope_sect .bg_img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #71a627; transform: scale(0.5);}
.greet_page .hope_sect .bg_img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover; opacity: 1;}

.greet_page .hope_sect .txt_box {position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #fff; z-index: 3;}
.greet_page .hope_sect .txt_box .in {display: flex; flex-direction: column; justify-content: center; align-items: flex-start; height: 100%;}
.greet_page .hope_sect .txt_box em {width: auto;height: 3em;padding: 0 1em;border-radius:20rem;display: flex;align-items: center;justify-content: center;background-color: rgba(255,255,255,0.2);font-size: var(--p2);color: #fff;font-weight: 700; opacity: 0; transform: translateY(50px);}
.greet_page .hope_sect .txt_box .tit {font-size: var(--h1); font-weight: 700; margin-top: 2rem; opacity: 0; transform: translateY(50px);}
.greet_page .hope_sect .txt_box .txt {margin-top: 8rem; font-size: var(--p1); line-height: 1.7;}
.greet_page .hope_sect .txt_box .txt li {opacity: 0; transform: translateY(50px);}
.greet_page .hope_sect .txt_box .txt li + li {margin-top: 3rem}

.greet_page .card_sect .card_box.last .card{background: #ebebeb; }



.greet_page .card_sect {padding-top: var(--pd30);  }
.greet_page .card_sect .card_box { perspective: 1000px; margin-top: 8rem;}
.greet_page .card_sect .card {background-color: #F6F6F6; border-radius: var(--radius4); padding: 10rem; transform-origin: top;}
/* .greet_page .card_sect .card + .card {margin-top: 6rem;} */
.greet_page .card_sect .tit_box .tit {font-size: var(--h2); font-weight: 700;}
.greet_page .card_sect .tit_box .txt {margin-top: 1rem; font-size: var(--p3); color: #1C1C1C;}
.greet_page .card_sect .card .img {font-size: 1rem; margin: 6rem auto 0;}
.greet_page .card_sect .card .img img {width: 100%;}
.greet_page .card_sect .card1 .img {width: 40em;}
.greet_page .card_sect .card2 .img {width: 90em;}

.greet_page .together  {margin-top: var(--pd30);}

/* 인사말_그래프 모션 추가 */
.greet_page .card_sect .card .graph_box{width: 100%; height: 30rem; margin-top: 16rem ; justify-content: center;}
.greet_page .card_sect .card .graph_box { position: relative; display: grid; padding: 0 5rem; border-bottom: 1px solid #DDD; }
.greet_page .card_sect .card1 .graph_box { grid-template-columns: repeat(2, minmax(0, 12rem)); gap: 10rem; }
.greet_page .card_sect .card2 .graph_box { grid-template-columns: repeat(5, minmax(0, 12rem)); gap: 5rem; }
.greet_page .card_sect .card .graph_box .bar_box { position: relative; display: flex; align-items: flex-end; }
.greet_page .card_sect .card1 .graph_box .bar_box:nth-child(1){justify-content: flex-end;}

.greet_page .card_sect .card .graph_box .bar_box .bar { position: relative; width: 12rem; height: 0; background: linear-gradient(180deg, #AAA 0%, #666 100%); border-radius: 15px 15px 0 0; transition: height 0.8s; }
.greet_page .card_sect .card .graph_box .bar_box .label { position: absolute; left: 50%; top: -0.75em; line-height: 1.2; transform: translate(-50%, -100%); font-size: var(--p2); font-weight: 700; text-align: center; white-space: nowrap; color:#696969;}
.greet_page .card_sect .card .graph_box .bar_box .btm_label { position: absolute; font-size:var(--txt); line-height: 1; left: 50%; top: calc(100% + 2rem); font-size: var(--p3); transform: translateX(-50%); font-weight: 500; color:#000; white-space: nowrap;}
.greet_page .card_sect .card .graph_box .bar_box.current .label { top: -1em; }

.greet_page .card_sect .card .bar_box.current .bar { background: linear-gradient(180deg, #B2D035 0%, #5E960F 100%);}
.greet_page .card_sect .card .bar_box.current .label { padding: 0.9em 1.3em 0.7em; background-color: #8DC43F; border-radius: 2em; color: #fff; font-size: var(--h3);}
.greet_page .card_sect .card .bar_box.current .label:before { content: ''; position: absolute; left: 50%; bottom: 0; width: 0.6em; height: 0.6em; transform: translate(-50%, 50%) rotate(45deg); background-color: #8DC43F; border-radius: 0 0 0.1em 0;;}

.greet_page .card_sect .card .graph_box .bar_box:nth-child(1) .bar { transition-delay: 0.4s }
.greet_page .card_sect .card .graph_box .bar_box:nth-child(2) .bar { transition-delay: 0.6s }
.greet_page .card_sect .card .graph_box .bar_box:nth-child(3) .bar { transition-delay: 1.0s }
.greet_page .card_sect .card .graph_box .bar_box:nth-child(4) .bar { transition-delay: 1.4s }
.greet_page .card_sect .card .graph_box .bar_box:nth-child(5) .bar { transition-delay: 1.6s }

.greet_page .card_sect .card1.active .graph_box .bar_box:nth-child(1) .bar { height: 60%; }
.greet_page .card_sect .card1.active .graph_box .bar_box:nth-child(2) .bar { height: 100%; }

.greet_page .card_sect .card2.active .graph_box .bar_box:nth-child(1) .bar { height: 30%; }
.greet_page .card_sect .card2.active .graph_box .bar_box:nth-child(2) .bar { height: 45%; }
.greet_page .card_sect .card2.active .graph_box .bar_box:nth-child(3) .bar { height: 60%; }
.greet_page .card_sect .card2.active .graph_box .bar_box:nth-child(4) .bar { height: 75%; }
.greet_page .card_sect .card2.active .graph_box .bar_box:nth-child(5) .bar { height: 100%; }

.greet_page .card_sect .card .graph_box .bar_box .bar .btm_label { opacity: 0; transition: opacity 0.5s; transition-delay: 0.4s;}
.greet_page .card_sect .card.active .graph_box .bar_box .btm_label { opacity: 1; }

.greet_page .card_sect .card .graph_box .bar_box .bar .label { opacity: 0; transform: translate(-50%, -70%); transition: opacity 0.8s, transform 0.8s; }
.greet_page .card_sect .card .graph_box .bar_box:nth-of-type(1) .bar .label { transition-delay: 1s; }
.greet_page .card_sect .card .graph_box .bar_box:nth-of-type(2) .bar .label { transition-delay: 1.2s; }
.greet_page .card_sect .card .graph_box .bar_box:nth-of-type(3) .bar .label { transition-delay: 1.4s; }
.greet_page .card_sect .card .graph_box .bar_box:nth-of-type(4) .bar .label { transition-delay: 1.6s; }
.greet_page .card_sect .card .graph_box .bar_box:nth-of-type(5) .bar .label { transition-delay: 2s; }
.greet_page .card_sect .card.active .graph_box .bar_box .label { opacity: 1; transform: translate(-50%, -100%); }





/* 단체소개 */
.ci_sect {padding-top: var(--pd30);}
.ci_sect .logo_box {display: flex; justify-content: center; align-items: center; position: relative; border-radius: var(--radius4); padding: 8rem 0; overflow: hidden; border: 1px solid #DDDDDD;}
.ci_sect .logo_box .bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex }
.ci_sect .logo_box .bg img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.ci_sect .logo_box .img {display: flex; align-items: center; justify-content: center; flex: 1}
.ci_sect .logo_box .logo {font-size: var(--p2); position: relative; z-index: 2;}
.ci_sect .logo_box .logo.row {width: 16em;}
.ci_sect .logo_box .logo.col {width: 10.5em; }

.ci_sect .cont_box {display: flex; justify-content: space-between; margin-top: 8rem;}
.ci_sect .cont_box .left_cont {font-size: var(--h1); font-weight: 700;}

.ci_sect .cont_box .right_cont {width: 55%;}
.ci_sect .cont_box .right_cont .cont_txt {font-size: var(--p2);font-weight: 500;line-height: 1.7;}

.ci_sect .cont_box .right_cont .btns { display: flex; margin-top: 5rem;} 
.ci_sect .cont_box .right_cont .btns .btn-download { flex: 1; display: flex; align-items: center; justify-content: space-between; padding: 0 3rem; height: 6rem; height: 3.3em; border-radius: 1rem; border: 1px solid var(--black); font-size: var(--p3); font-weight: 500; transition: all 0.5s var(--ease1);; } 
.ci_sect .cont_box .right_cont .btns .btn-download svg { width: 1.2em; height: auto; vertical-align: middle; } 
.ci_sect .cont_box .right_cont .btns .btn-download em { position: relative; } 
.ci_sect .cont_box .right_cont .btns .btn-download em i { transition: all 0.3s var(--ease1); } 
.ci_sect .cont_box .right_cont .btns .btn-download em i + i { position: absolute; left: 0; transform: translateY(-100%); opacity: 0; } 
.ci_sect .cont_box .right_cont .btns .btn-download em i + i svg path { fill: #fff; } 
.ci_sect .cont_box .right_cont .btns .btn-download + .btn-download { margin-left: 2rem; } 

.ci_sect .cont_box .right_cont .color_cont {margin-top: 10rem;}
.ci_sect .cont_box .right_cont .color_cont .color_cont_tit {font-size: var(--h2); font-weight: 700;}
.ci_sect .cont_box .right_cont .color_cont .box_wrap {margin-top: 3rem; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6rem 3rem;}
.ci_sect .cont_box .right_cont .color_cont .box_wrap .box {display: flex; align-items: center; padding: 8rem 5rem; color: #fff; border-radius: 2rem; overflow: hidden;}
.ci_sect .cont_box .right_cont .color_cont .box_wrap .box.green {background-color: #8DC43F;}
.ci_sect .cont_box .right_cont .color_cont .box_wrap .box.brown {background-color: #713B00;}
.ci_sect .cont_box .right_cont .color_cont .box_wrap .box.yellow {background-color: #FBAA19;}
.ci_sect .cont_box .right_cont .color_cont .box_wrap .box.sky {background-color: #08C0F2;}
.ci_sect .cont_box .right_cont .color_cont .box_wrap .box .txt {font-size: var(--p2);}
.ci_sect .cont_box .right_cont .color_cont .box_wrap .txt_box {margin-top: 3rem; color: #666666; font-size: var(--p1);}
.ci_sect .cont_box .right_cont .color_cont .box_wrap .txt_box strong {display: block; margin-top: 0.25em; font-weight: 700;color: #000;}



/* 미션 */
.mission1 { height: 100vh; padding: var(--inPd);  margin:  0 auto; max-width: 100%;} 
.mission1 > .box { height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; border-radius: var(--radius4); overflow: hidden; color: #fff; position: relative; background-color: var(--green); position: relative; }
/*.mission1 > .box{background: var(--green) url(../img/about/mission_bg.jpg) no-repeat center / cover;}*/
.mission1 .flower {opacity: 0; transform: translateY(50%); width: auto; height:100%; display: flex; align-items: flex-end; position:relative; z-index:2; opacity: 0 !important;}
.mission1 .flower object {width: auto; height: 90%}
.mission1 svg { width: auto; height: 100%; } 
.mission1 .h3 { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 7rem; font-weight: 700; line-height: 1.7; text-align: center; transition: all 1s var(--ease2); transition-delay: 0.5s; } 
.mission1 .h3 p { color: rgba(255,255,255,0.3); white-space: nowrap; } 
.mission1 .h3 p span { color: #fff; }
.mission1 .txt_box {position: absolute; left: 50%;  top: 50%; transform: translate(-50%,-50%); width: 100%; z-index: 3;}
.mission1 .txt_box .tit {font-size: var(--h1); font-weight: 700; text-align: center;}
.mission1 .txt_box .tit .text { 
    background: linear-gradient(to right, rgb(255,255,255) 50%, rgba(255,255,255,0.5) 50%);
    background-size: 200% 100%;
    background-position-x: 100%;
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    display: block;
}

.mission1 .txt_box .box_wrap {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; padding: 0 var(--inPd) ;}
.mission1 .txt_box .box_wrap .box_cont {display: flex; align-items: center; justify-content: center; transform: translateX(105%)}
.mission1 .txt_box .box_wrap .box { position: relative; flex: 1; transform: translateY(-40px); border-radius: 3rem; overflow: hidden}
.mission1 .txt_box .box_wrap .box:nth-child(2n) {transform: translateY(-40px)}
.mission1 .txt_box .box_wrap .box + .box {margin-left: 6rem;}
.mission1 .txt_box .box_wrap .box .img {position: relative; padding-top: 130%; width: 100%}
.mission1 .txt_box .box_wrap .box .img:before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 1}
.mission1 .txt_box .box_wrap .box .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover}
.mission1 .txt_box .box_wrap .box .box_txt {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; z-index: 3}
.mission1 .txt_box .box_wrap .box .box_txt .num {display: flex; align-items: center; justify-content: center; width:3em; height: 3em; background-color: rgba(255,255,255,0.2); backdrop-filter: blur(10px); border-radius: 50%; color: #fff; font-weight: 700; font-size: var(--p1)}
.mission1 .txt_box .box_wrap .box .box_txt .txt {margin-top: 2rem; font-size: 4.6rem; font-weight: 700; text-align: center}


/*.mission1 .txt_box .cir_wrap .cir .bg {width: 100%; padding-top: 100%;}*/
/*.mission1 .txt_box .cir_wrap .cir .bg svg {position: absolute; left: 0; top:0; width: 100%; height: 100%; stroke-dashoffset:1572.1614990234375px;stroke-dasharray:1572.1614990234375px; opacity: 0;}*/
/*.mission1 .txt_box .cir_wrap .cir .bg .bg_img{position: absolute; opacity: 0; left: 0; top:0; width: 100%; height: 100%; border-radius:50%; overflow: hidden;}*/
/*.mission1 .txt_box .cir_wrap .cir .bg .bg_img:before{content:''; position: absolute; display:block; top: 0; left: 0; width:100%; height: 100%; border-radius:50%; overflow: hidden; background: rgba(0,0,0,0.3);}*/
/*.mission1 .txt_box .cir_wrap .cir .cir_txt {position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; fill:#fff; font-size: var(--h2); z-index: 3; text-align: center; }*/
/*.mission1 .txt_box .cir_wrap .cir .cir_txt .ico {width: 1.5em; height: 1.5em; display: none;}*/
/*.mission1 .txt_box .cir_wrap .cir .cir_txt .ico svg {width: auto; height: 100%;}*/
/*.mission1 .txt_box .cir_wrap .cir .cir_txt .txt {margin-top: 0.75em; font-weight: 700;}*/

/*.mission1 .bg_box{position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; opacity: 0;}*/
/* .mission1.active svg { transform: unset; opacity: 1; }  */

/* Mission2 카드 스택킹 애니메이션을 위한 스타일 */
.mission2 { margin: var(--pd30) 0; } 
.mission2 .h4 { margin-bottom: 5rem; } 
.mission2 .box { position: relative; margin-bottom: 4rem; border-radius: var(--radius4); overflow: hidden; } 
.mission2 .box .txt-box { height: 80rem; 
 perspective: 1000px; display: flex; justify-content: center; flex-direction: column; color: #fff; transform-origin: top; padding-left: 20rem; } 
.mission2 .box .t1 { margin-bottom: 3rem; } 
.mission2 .box .t1 span { display: inline-flex; font-size: var(--p1); font-weight: 700; padding: 0.6em 1em; border-radius: 6rem; background-color: rgba(255,255,255,0.2); } 
.mission2 .box .t2 { font-size: var(--h1); font-weight: 700; margin-bottom: 4rem; } 
.mission2 .box .t3 { font-size: var(--h4); font-weight: 500; line-height: 1.7; } 
.mission2 .box .t3 p + p { margin-top: 3rem; } 
.mission2 .box .bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/about/img_mission1.jpg) no-repeat 50% 50%; background-size: cover; z-index: -2; } 
.mission2 .box.box1 .bg { background-image: url(../img/about/img_mission1.jpg)}
.mission2 .box.box2 .bg { background-image: url(../img/about/img_mission2.jpg)}
.mission2 .box.box3 .bg { background-image: url(../img/about/img_mission3.jpg)}
.mission3 { margin: var(--pd30) 0 15rem; } 
.mission3 .title { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 15rem; } 
.mission3 .title .text .t1 { font-size: var(--h2); font-weight: 700; line-height: 1.7; margin-bottom: 3rem; } 
.mission3 .title .text .t2 { font-size: var(--p2); font-weight: 500; line-height: 1.7; } 
.mission3 .img-box { padding: 18rem 2rem; position: relative; text-align: center; color: #fff; border-radius: var(--radius4); overflow: hidden; display: flex; flex-direction: column; justify-content: center; align-items: center; }


.mission4 {padding: var(--subPd) 0; background-color: #8DC43F; color: #fff; width: calc(100% - var(--inPd) * 2); margin: 0 auto; border-radius: 5rem}
#container .mission4 .in {max-width: 1640px}
.mission4 .tit_box {text-align: center}
.mission4 .tit_box .tit {font-size: var(--h1); font-weight: 700; line-height: 1.5}
.mission4 .tit_box .txt {font-size: var(--p2 ); margin-top: 3rem}
.mission4 { margin-bottom: var(--pd30); }
.mission4 .eval-wrap { margin-top: 15rem;}
.mission4 .eval-wrap ul { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); } 
.mission4 .infos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 10rem}
.mission4 .infos dl { text-align: center; padding: 0 10px}
.mission4 .infos dl + dl { border-left: 1px solid #fff;; }
.mission4 .infos dl dt { display: flex; justify-content: center; align-items: center; } 
.mission4 .infos dl dt em { width: 5rem; height: 5rem; background-color: var(--green); color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin-right: 2rem; font-size: 2rem; flex-shrink: 0; } 
.mission4 .infos dl dt span { font-size: var(--h2); font-weight: 700; line-height: 1.4; }
.mission4 .infos dl dd { font-size: var(--p2); font-weight: 500; line-height: 1.7; margin-top: 3rem; } 
.mission5 { padding: var(--inPd); padding-bottom: var(--subPd);  margin:  0 auto; max-width: 100%;} 

.mission5 .box { height: calc(100vh - var(--headerH)); display: flex; align-items: center; justify-content: center; flex-direction: column; border-radius: var(--radius4); overflow: hidden; color: #fff; position: relative; } 
.mission5 .box .img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/about/img_mission5.jpg) no-repeat 50% 50%; background-size: cover; z-index: -2; } 
.mission5 .box .txt { text-align: center; } 
.mission5 .box .txt p { font-size: 4rem; font-weight: 700; line-height: 1.7; opacity: 0}
.mission5 .box .txt p{position:absolute; width: 100%; left:0; top:50%; transform: translateY(-50%);}
/*.mission5 .box .txt p + p { margin-top: 3rem; }*/

.history-wrap { display: flex; align-items: flex-start; justify-content: space-between; } 
.history-wrap .title { width: 50%; text-align: center; margin-right: 15rem; position: sticky; top: 10rem; }
.history-wrap .title h4 { font-size: 8rem; margin-bottom: 8rem; font-weight: 700; color:var(--green);}
.history-wrap .title .img { border-radius: var(--radius4); overflow: hidden; } 
.history-wrap .title .img img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: 7/4.5; border-radius: var(--radius4); } 
.history-wrap .list { width: 50%; } 
.history-wrap .list .sec { } 
.history-wrap .list .sec .month { padding-bottom: 12rem; padding-left: 10rem; position: relative;; } 
.history-wrap .list .sec:last-child .month {padding-bottom: 0;}
.history-wrap .list .sec .month h5 { font-size: var(--h2); font-weight: 700; line-height: 1; margin-bottom: 4rem; } 
.history-wrap .list .sec .month .item { padding-left: 5rem; position: relative; font-size: var(--p2); color: var(--gray6); } 
.history-wrap .list .sec .month .item .num { position: absolute; left: 0; top: 0; font-size: var(--p1); font-weight: 700; color: var(--black); } 
.history-wrap .list .sec .month .line { position: absolute; left: 0; top: 10px; height: 100%; width: 2px; background-color: #ddd; } 
.history-wrap .list .sec .month .line:before { content: ''; position: absolute; left: -3px; top: -2px; width: 8px; height: 8px; border-radius: 100%; background-color: #ddd;; } 
.history-wrap .list .sec .month .line em { position: absolute; left: 0; top: 0; width: 100%; background-color: var(--green); } 
.history-wrap .list .sec .month .line:after { content: ''; position: absolute; left: -7px; top: -6px; width: 16px; height: 16px; border-radius: 100%; background-color: var(--green); opacity: 0; transition: opacity 0.5s ease; } 
.history-wrap .list .sec .month .item p { padding-left: 8px; position: relative;; } 
.history-wrap .list .sec .month .item p:before { content: '·'; position: absolute; left: 0; top: 0;; } 
.history-wrap .list .sec .month .item p + p {margin-top: 5px;}
.history-wrap .list .sec .month.active .line:before { background-color: var(--green); } 
.history-wrap .list .sec .month.active .line:after { opacity: 0.2; } 
.history-wrap .list .sec:last-child .month:last-child .line { height: 0; } 
.history-wrap .list .sec:last-child .month:last-child .line em { display: none; } 
.history-wrap .title .box { position: sticky; top: 0; opacity: 0; transform: translateY(20px); max-height: 0; margin: 0; padding: 0; transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out, max-height 0.6s ease-in-out, margin 0.6s ease-in-out, padding 0.6s ease-in-out; } 
.history-wrap .title .box.active { opacity: 1; transform: translateY(0); max-height: 71rem; margin: initial; padding: initial; } 
.history-nav { opacity: 0; transition: opacity 0.8s ease-in-out; } 
.history-nav.active { opacity: 1; } 
.history-wrap .history-nav { position: fixed; top: 40%; right: 10rem; z-index: 100; } 
.history-wrap .history-nav ul { width: 20px; border-radius: 20px; background-color: #f6f6f6; } 
.history-wrap .history-nav ul li a { display: flex; width: 20px; height: 20px; position: relative; justify-content: center; align-items: center; } 
.history-wrap .history-nav ul li a em { display: block; width: 5px; height: 5px; border-radius: 100%; background-color: #ddd; } 
.history-wrap .history-nav ul li a span { position: absolute; right: calc(100% + 2rem); top: 0; font-size: 1.8rem; color: var(--green); font-weight: 600; white-space: nowrap; opacity: 0; visibility: hidden; transition: all 0.5s ease; } 
.history-wrap .history-nav ul li.active a em { background-color: var(--green); } 
.history-wrap .history-nav ul li.active a span { opacity: 1; visibility: visible; } 
.history-contents { position: relative; min-height: 300vh; background: linear-gradient(to bottom, #f8f9fa 0%, #ffffff 100%); } 
.history-main { position: sticky; top: 0; height: 100vh; display: flex; align-items: center; justify-content: center; overflow: hidden; } 
.history-image { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 600px; height: 400px; border-radius: 20px; overflow: hidden; box-shadow: 0 20px 60px rgba(0,0,0,0.1); z-index: 2; transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1); } 
.history-image img { width: 100%; height: 100%; object-fit: cover; } 
.history-timeline { position: absolute; right: 50px; top: 50%; transform: translateY(-50%); width: 500px; opacity: 0; transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1); } 
.timeline-item { margin-bottom: 60px; opacity: 0; transform: translateX(50px); transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1); } 
.timeline-year { font-size: 48px; font-weight: 700; color: #2c5aa0; margin-bottom: 10px; font-family: 'Montserrat', sans-serif; } 
.timeline-title { font-size: 24px; font-weight: 600; color: #333; margin-bottom: 15px; line-height: 1.3; } 
.timeline-desc { font-size: 16px; color: #666; line-height: 1.6; margin-bottom: 20px; } 
.timeline-points { list-style: none; padding: 0; } 
.timeline-points li { position: relative; padding-left: 20px; margin-bottom: 8px; font-size: 14px; color: #777; line-height: 1.5; } 
.timeline-points li:before { content: '•'; position: absolute; left: 0; color: #2c5aa0; font-weight: bold; } 
.history-progress { position: fixed; top: 0; left: 0; width: 0%; height: 4px; background: linear-gradient(90deg, #2c5aa0, #5eb3f5); z-index: 1000; transition: width 0.3s ease; } 
.tab-wrap .sub-practice { padding-bottom: 0; } 
.popup .title { text-align: center; font-size: var(--h3); font-weight: 700; margin-bottom: 5rem; } 
.popup .sort { display: flex; margin-bottom: 2rem; } 
.popup .sort .nice-select { margin-right: 1rem; width: 18rem; } 
.popup .sort .nice-select:after { right: 1em; width: 1em; height: 1em; margin-top: 0; border: 0; background: url("data:image/svg+xml,%3Csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 1.5L8 7.5L2 1.5' stroke='%231C1C1C' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E") no-repeat 50% 50%; background-size: 12px auto; transform: translateY(-50%) rotate(0); transform-origin: center; } 
.popup .sort .nice-select .list { width: 100%; } 
.popup .sort .nice-select:active, .popup .sort .nice-select.open, .nice-select:focus { border-color: var(--green) !important; } 
.schedule-box { border-radius: var(--radius2); overflow: hidden; } 
.schedule-box .head { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); background-color: var(--green); } 
.schedule-box .head div { font-size: var(--p2); font-weight: 700; line-height: 2.4em; text-align: center; color: #fff; } 
.schedule-box .head div + div { border-left: 1px solid #fff;; } 
.schedule-box .body { border: 1px solid #ddd; border-radius: 0 0 var(--radius2) var(--radius2); border-top: 0; } 
.schedule-box .body .item { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); } 
.schedule-box .body .item:last-child .day { border-bottom: 0; } 
.schedule-box .body .item .day { display: flex; flex-direction: column; justify-content: space-between; padding: 5px; border-bottom: 1px solid #ddd; min-height: 6.8em; } 
.schedule-box .body .item .day + .day { border-left: 1px solid #ddd;; } 
.schedule-box .body .item .day .num { font-size: var(--p2); font-weight: 700; text-align: right; } 
.schedule-box .body .item .day .text { font-size: var(--p3); color: #fff; line-height: 1.3; border-radius: 5px; background-color: #713B00; padding: 5px;; } 
.schedule-box .body .item .day.off .num { opacity: 0.3; } 
.pw-box .tit { text-align: center; font-weight: 700; margin-bottom: 6rem; font-size: var(--h3);; } 
.pw-box .inp { border-color: #f6f6f6; background-color: #f6f6f6; text-align: center; padding: 0;; } 
.pw-box .desc { margin-top: 2.4rem; font-size: var(--p3); color: var(--gray6); } 
.terms { font-size: var(--p2); line-height: 1.7;; } 
.terms h5 { font-size: var(--p1); font-weight: 700; margin-bottom: 2rem; } 
.terms p { margin-bottom: 3rem; } 
.terms strong {font-weight: 700;}
.news6 {background: #f3f3f3;padding: 20px;border-radius: 15px;margin-top: 15px;margin-bottom: 30px;}

.terms figure {margin: 0;;}

.board-view .edit_btn_wrap {display: flex;align-items: center;justify-content: flex-end;margin-top: 2rem;}
.board-view .edit_btn_wrap .edit_btn {display: flex;align-items: center;justify-content: center;gap: 0.5em;padding: 0.5em 1em;border-radius: 2em;border: 1px solid #666; font-size: var(--p3); color: #666;fill: #666; transition: all 0.3s;}
.board-view .edit_btn_wrap .edit_btn + .edit_btn {margin-left: 0.6em;}
.board-view .edit_btn_wrap .edit_btn .ico {display: flex;align-items: center;justify-content: center;}
.board-view .edit_btn_wrap .edit_btn:hover{background: #000; color: #fff;fill: #fff;}

/* new 달력 팝업 추가 */
/*.popup-wrap.calendar-type .popup{background-color: #F9F6F3; max-width: 100rem;}*/
/*.popup-wrap.calendar-type .popup .title{margin-bottom: 3rem;}*/

.popup-wrap.calendar-type .cal_wrap { padding: 4rem 3rem; background-color: #FFF; border-radius: 2rem; }
.popup-wrap.calendar-type .cal_wrap .cal_top { display: flex; align-items: flex-end; justify-content: space-between; }
.popup-wrap.calendar-type .cal_wrap .cal_top .date { font-size: 4rem; font-weight: 600; }
.popup-wrap.calendar-type .cal_wrap .cal_top .arr_wrap { display: flex; align-items: center; justify-content: flex-end; font-size: 3.1rem; fill: #dddddd; padding-right: 2rem;}
.popup-wrap.calendar-type .cal_wrap .cal_top .arr_wrap .btn { transition: fill 0.5s; }
.popup-wrap.calendar-type .cal_wrap .cal_top .arr_wrap .btn + .btn { margin-left: 3.5rem; }
.popup-wrap.calendar-type .cal_wrap .cal_top .arr_wrap .btn:hover{ fill: #000; }

.popup-wrap.calendar-type .cal_wrap .cal_box { margin-top: 3rem; text-align: center; }
.popup-wrap.calendar-type .cal_wrap .cal_box .week_wrap { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); padding-bottom: 1rem; border-bottom: 1px solid #DADADA; font-size: 1.6rem; color: #717171; font-weight: 500; }

.popup-wrap.calendar-type .cal_wrap .cal_box .day_wrap { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); }
.popup-wrap.calendar-type .cal_wrap .cal_box .day_wrap .day { position: relative; padding-top: 80%; cursor: pointer; border-top:1px solid #ddd;}
.popup-wrap.calendar-type .cal_wrap .cal_box .day_wrap .day:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #f8f8f8; border-radius: 1.5rem; opacity: 0; transition: background-color 0.3s, opacity 0.3s; }
.popup-wrap.calendar-type .cal_wrap .cal_box .day_wrap .day .date { position: absolute; left: 50%; top: 1.2rem; transform: translateX(-50%); font-weight: 500; font-size: 1.8rem; }
.popup-wrap.calendar-type .cal_wrap .cal_box .day_wrap .day:hover:before { background-color: #f8f8f8; opacity: 1; }

.popup-wrap.calendar-type .cal_wrap .cal_box .day_wrap .day .txt { position: absolute; left: 50%; bottom: 1.5rem; transform: translateX(-50%); font-size: 1.4rem; font-weight: 600; }
.popup-wrap.calendar-type .cal_wrap .cal_box .day_wrap .day .dot_box { position: absolute; left: 50%; transform: translateX(-50%); bottom: 2rem; display: flex;}
.popup-wrap.calendar-type .cal_wrap .cal_box .day_wrap .day .dot{ width: 7px; height: 7px; border-radius: 100%; }
.popup-wrap.calendar-type .cal_wrap .cal_box .day_wrap .day .dot + .dot{margin-left: 2px;}
.popup-wrap.calendar-type .mil{ background-color: #2B8034; } /* 군부대 */
.popup-wrap.calendar-type .cp{ background-color: #08C0F2; } /* 중소기업 */
.popup-wrap.calendar-type .parent{ background-color: #605AB3; } /* 학부모 */
.popup-wrap.calendar-type .student{ background-color: #FBAA19; } /* 대학생 */
.popup-wrap.calendar-type .group{ background-color: #9A5911; } /* 개인단체 */
.popup-wrap.calendar-type .etc{ background-color: #666666; } /* 기타 */

/*.popup-wrap.calendar-type .cal_wrap .cal_box .day_wrap .day.today:before { opacity: 1; background-color: #000; }*/
.popup-wrap.calendar-type .cal_wrap .cal_box .day_wrap .day.today .date { color: #fff; }
.popup-wrap.calendar-type .cal_wrap .cal_box .day_wrap .day.today .date:before { content: ''; position: absolute; left: 50%; top: 50%; width: 2em; height: 2em; border-radius: 100%; background-color: #000; transform: translate(-50%, -50%); z-index: -1; }
.popup-wrap.calendar-type .cal_wrap .cal_box .day_wrap .day.today .txt { color: #fff; }

.popup-wrap.calendar-type .info_txt{display: flex; font-size:var(--p3); margin-top:1.5rem;}
.popup-wrap.calendar-type .info_txt .ico{display: inline-block; width:1.1em; height: 1.1em; margin-right: 0.5em; margin-top: 0.2em; background:url('data:image/svg+xml,<svg viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 16C6.125 16 3.5 14.5 2.0625 12C0.625 9.53125 0.625 6.5 2.0625 4C3.5 1.53125 6.125 0 9 0C11.8438 0 14.4688 1.53125 15.9062 4C17.3438 6.5 17.3438 9.53125 15.9062 12C14.4688 14.5 11.8438 16 9 16ZM9 4C8.5625 4 8.25 4.34375 8.25 4.75V8.25C8.25 8.6875 8.5625 9 9 9C9.40625 9 9.75 8.6875 9.75 8.25V4.75C9.75 4.34375 9.40625 4 9 4ZM8 11C8 11.5625 8.4375 12 9 12C9.53125 12 10 11.5625 10 11C10 10.4688 9.53125 10 9 10C8.4375 10 8 10.4688 8 11Z" fill="%238DC43F"/></svg>') no-repeat center / contain;}

.popup-wrap.calendar-type .sche_wrap .sche{display:none; font-size: var(--p3); background: #fff; padding: 3rem; margin-top: 3rem; border-radius: 2rem; opacity: 0; transition:opacity 0.3s ease;}
.popup-wrap.calendar-type .sche_wrap .sche.show{display: block; opacity: 1;}
.popup-wrap.calendar-type .sche_wrap .sche .date { font-size: 2.8rem; font-weight: 600; }
.popup-wrap.calendar-type .sche_wrap .sche .info_box{ margin-top: 1rem; }
.popup-wrap.calendar-type .sche_wrap .sche .info_box .tit { color: #B6B6B6; color:#000; font-weight: 500; display: none;}
/*.popup-wrap.calendar-type .sche_wrap .sche .info_box .list{border-bottom: 1px solid #ddd;}*/
.popup-wrap.calendar-type .sche_wrap .sche .info_box .list .item { display: flex; align-items: center; padding: 0.5rem 0;}
.popup-wrap.calendar-type .sche_wrap .sche .info_box .list .item .label{padding: 0.45em 0; min-width: 9rem; font-size:0.85em; font-weight: 600; border-radius: 100px; text-align: center; color:#fff; margin-right: 1em;}
.popup-wrap.calendar-type .sche_wrap .sche .info_box .list .item .txt{font-weight:500; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis;}


/* new 달력 추가 */
.cal_sect{margin-bottom: var(--pd30); }
.cal_sect .title{text-align: center;}
.cal_sect .cal_cont{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: flex-start; gap:0 9rem;}
.cal_sect .cal_cont .cal_wrap { padding: 4rem 3rem; background-color: #FFF; border-radius: 2rem; }

.cal_sect .cal_cont .cal_wrap .cal_top { display: flex; align-items: flex-end; justify-content: space-between; }
.cal_sect .cal_cont .cal_wrap .cal_top .date { font-size: 4rem; font-weight: 600; }
.cal_sect .cal_cont .cal_wrap .cal_top .arr_wrap { display: flex; align-items: center; justify-content: flex-end; font-size: 3.1rem; fill: #dddddd; padding-right: 2rem;}
.cal_sect .cal_cont .cal_wrap .cal_top .arr_wrap .btn { transition: fill 0.5s; }
.cal_sect .cal_cont .cal_wrap .cal_top .arr_wrap .btn + .btn { margin-left: 3.5rem; }
.cal_sect .cal_cont .cal_wrap .cal_top .arr_wrap .btn:hover{ fill: #000; }

.cal_sect .cal_cont .cal_wrap .cal_box { margin-top: 3rem; text-align: center; }
.cal_sect .cal_cont .cal_wrap .cal_box .week_wrap { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); padding-bottom: 1rem; border-bottom: 1px solid #DADADA; font-size: 1.6rem; color: #717171; font-weight: 500; }

.cal_sect .cal_cont .cal_wrap .cal_box .day_wrap { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); }
.cal_sect .cal_cont .cal_wrap .cal_box .day_wrap .day { position: relative; padding-top: 100%; cursor: pointer;}
.cal_sect .cal_cont .cal_wrap .cal_box .day_wrap .day:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #f8f8f8; border-radius: 1.5rem; opacity: 0; transition: background-color 0.3s, opacity 0.3s; }
.cal_sect .cal_cont .cal_wrap .cal_box .day_wrap .day .date { position: absolute; left: 50%; top: 1.2rem; transform: translateX(-50%); font-weight: 500; font-size: var(--p2); }
.cal_sect .cal_cont .cal_wrap .cal_box .day_wrap .day:hover:before { background-color: #f8f8f8; opacity: 1; }

.cal_sect .cal_cont .cal_wrap .cal_box .day_wrap .day .txt { position: absolute; left: 50%; bottom: 1.5rem; transform: translateX(-50%); font-size: 1.4rem; font-weight: 600; }
.cal_sect .cal_cont .cal_wrap .cal_box .day_wrap .day .dot_box { position: absolute; left: 50%; transform: translateX(-50%); bottom: 2rem; display: flex;}
.cal_sect .cal_cont .cal_wrap .cal_box .day_wrap .day .dot{ width: 7px; height: 7px; border-radius: 100%; margin:0 1px;}
/*.cal_sect .cal_cont .cal_wrap .cal_box .day_wrap .day .dot + .dot{margin-left: 2px;}*/
.cal_sect .cal_cont .mil{ background-color: #2B8034; } /* 군부대 */
.cal_sect .cal_cont .cp{ background-color: #08C0F2; } /* 중소기업 */
.cal_sect .cal_cont .parent{ background-color: #605AB3; } /* 학부모 */
.cal_sect .cal_cont .student{ background-color: #FBAA19; } /* 대학생 */
.cal_sect .cal_cont .group{ background-color: #9A5911; } /* 개인단체 */
.cal_sect .cal_cont .etc{ background-color: #666666; } /* 기타 */

.cal_sect .cal_cont .cal_wrap .cal_box .day_wrap .day.today .date { color: #fff; }
.cal_sect .cal_cont .cal_wrap .cal_box .day_wrap .day.today .date:before { content: ''; position: absolute; left: 50%; top: 50%; width: 2em; height: 2em; border-radius: 100%; background-color: #000; transform: translate(-50%, -50%); z-index: -1; }
.cal_sect .cal_cont .cal_wrap .cal_box .day_wrap .day.today .txt { color: #fff; }

.cal_sect .cal_cont .info_txt{display: flex; font-size:var(--p3); margin-top:2rem;}
.cal_sect .cal_cont .info_txt .ico{display: inline-block; width:1.1em; height: 1.1em; margin-right: 0.5em; margin-top: 0.2em; background:url('data:image/svg+xml,<svg viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 16C6.125 16 3.5 14.5 2.0625 12C0.625 9.53125 0.625 6.5 2.0625 4C3.5 1.53125 6.125 0 9 0C11.8438 0 14.4688 1.53125 15.9062 4C17.3438 6.5 17.3438 9.53125 15.9062 12C14.4688 14.5 11.8438 16 9 16ZM9 4C8.5625 4 8.25 4.34375 8.25 4.75V8.25C8.25 8.6875 8.5625 9 9 9C9.40625 9 9.75 8.6875 9.75 8.25V4.75C9.75 4.34375 9.40625 4 9 4ZM8 11C8 11.5625 8.4375 12 9 12C9.53125 12 10 11.5625 10 11C10 10.4688 9.53125 10 9 10C8.4375 10 8 10.4688 8 11Z" fill="%238DC43F"/></svg>') no-repeat center / contain;}

.sche_li_cont { position: relative; }
/*.sche_li_cont:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 15%; background: linear-gradient(to bottom,  rgba(240,240,240,0) 0%,rgba(240,240,240,0) 20%,rgba(240,240,240,1) 100%); }*/
.cal_sect .cal_cont .sche_li_wrap { position: relative; padding: 0 1rem 0 5.5rem; max-height: 70vh; overflow: auto; }
.cal_sect .cal_cont .sche_li_wrap::-webkit-scrollbar { display: none; }
.cal_sect .cal_cont .sche_li_wrap .sche_li { position: relative; display: block; font-size: var(--p3); padding: 3rem 3.5rem; border: 2px solid transparent; background-color: #fff; border-radius: 1rem; transition: border 0.3s; }
.cal_sect .cal_cont .sche_li_wrap .sche_li + .sche_li { margin-top: 4rem; }
.cal_sect .cal_cont .sche_li_wrap .sche_li:before { content: ''; position: absolute; left: -4.5rem; top: 50%; width: 1rem; height: 1rem; border-radius: 100%; background-color: #CCCCCC; transform: translateX(-50%); transition: width 0.5s, height 0.5s, background-color 0.5s; z-index: 5 }
.cal_sect .cal_cont .sche_li_wrap .sche_li:after { content: ''; position: absolute; left: -4.6rem; top: 0; height: 140%; border-left: 1px solid #CCCCCC; z-index: 1; }

.cal_sect .cal_cont .sche_li_wrap .sche_li .date { font-size: 2.8rem; font-weight: 600; }
.cal_sect .cal_cont .sche_li_wrap .sche_li:hover { border: 2px solid var(--green); }
.cal_sect .cal_cont .sche_li_wrap .sche_li:hover:before { width: 1.6rem; height: 1.6rem; background-color: var(--green); }
.cal_sect .cal_cont .sche_li_wrap .sche_li .date { font-size: 2.8rem; font-weight: 600; }
.cal_sect .cal_cont .sche_li_wrap .sche_li .info_box{ margin-top: 1rem; }
.cal_sect .cal_cont .sche_li_wrap .sche_li .info_box .tit { color: #B6B6B6; color:#000; font-weight: 500; display: none;}
.cal_sect .cal_cont .sche_li_wrap .sche_li .info_box .list .item { display: flex; align-items: center; padding: 0.5rem 0;}
.cal_sect .cal_cont .sche_li_wrap .sche_li .info_box .list .item .label{padding: 0.4em 0; min-width: 8rem; font-size:0.85em; font-weight: 600; border-radius: 100px; text-align: center; color:#fff; margin-right: 1em;}
.cal_sect .cal_cont .sche_li_wrap .sche_li .info_box .list .item .txt{font-weight:500; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis;}

.cal_sect .cal_cont .empty_schedule { display: flex; align-items: center; justify-content: center; flex-direction: column; padding-top: 25rem; width: 100%;}
.cal_sect .cal_cont .empty_schedule .ico { width: 8rem; height: 8rem; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23B6B6B6" viewBox="0 0 448 512"><path d="M128 16c0-8.8-7.2-16-16-16s-16 7.2-16 16V64H64C28.7 64 0 92.7 0 128v32 32V448c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V192 160 128c0-35.3-28.7-64-64-64H352V16c0-8.8-7.2-16-16-16s-16 7.2-16 16V64H128V16zM32 192H416V448c0 17.7-14.3 32-32 32H64c-17.7 0-32-14.3-32-32V192zM64 96H384c17.7 0 32 14.3 32 32v32H32V128c0-17.7 14.3-32 32-32zM299.3 283.3c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0L224 313.4l-52.7-52.7c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6L201.4 336l-52.7 52.7c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0L224 358.6l52.7 52.7c6.2 6.2 16.4 6.2 22.6 0s6.2-16.4 0-22.6L246.6 336l52.7-52.7z"/></svg>')center/contain no-repeat; }
.cal_sect .cal_cont .empty_schedule .txt { margin-top: 15px; font-size: var(--p2); font-weight: 500; color: #B6B6B6; }

.partner_page .h3,
.trans_page .h3{text-align: left; align-items: flex-start; margin-bottom: 1.5rem;}
.partner_page .sub-txt,
.trans_page .sub-txt{padding-top: 0;}
.partner_page .sub-menu.sticky{border-bottom: 1px solid #ddd; background:#fff;z-index: 20;}
.partner_page .ngo-list ul li a{position:relative}
.partner_page .ngo-list ul li a:before{content:'자세히 보기'; display:flex; align-items: center; justify-content: center; position:absolute; top: 0; left: 0; width: 100%; height: 100%; padding-bottom:5%; color:#fff; font-size:var(--p1); font-weight: 700; opacity:0; transition:opacity 0.5s ease; background:rgba(141, 196, 63, 1) url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"><path d="M20 0C31.0457 0 40 8.9543 40 20C40 31.0457 31.0457 40 20 40C8.9543 40 0 31.0457 0 20C0 8.9543 8.9543 0 20 0ZM20.4971 13C19.8068 13.0001 19.2471 13.4198 19.2471 13.9375V19.25H13.9375C13.4198 19.25 13 19.8096 13 20.5C13 21.1903 13.4198 21.75 13.9375 21.75H19.2471V27.0625C19.2471 27.5802 19.8068 27.9999 20.4971 28C21.1874 28 21.7471 27.5803 21.7471 27.0625V21.75H27.0615C27.5791 21.7498 27.999 21.1902 27.999 20.5C27.999 19.8098 27.5791 19.2502 27.0615 19.25H21.7471V13.9375C21.7471 13.4197 21.1874 13 20.4971 13Z" fill="white"/></svg>') no-repeat center 75% / 9%;}
.partner_page .ngo-list ul li a:hover {border-color: rgba(141, 196, 63, 1)}
.partner_page .ngo-list ul li a:hover:before{opacity:1;}


/* 사업 */
.business_page .sub-practice{padding-bottom: 10rem;}

/* 문의하기 */
.board-write .agree-desc{align-items: flex-start !important; margin-top:}
.board-write .agree-desc svg{margin-top: 0.1em;}

/* 기부금 영수증 */
.receipt_page .qna-list ul li a .type{display: none;}
.receipt_page .qna-list ul li a .subj{padding-left:4rem}


/* 게시글 */
.board-view{max-width: 1400px; margin: 0 auto;}




 /* 마이페이지 */

.my_page { }
#container > div.my_page .in { max-width: 640px !important; }
.my_page .tit_wrap { padding: 20rem 0 10rem; margin-bottom: 7.2rem; border-bottom: 1px solid #BCBFC7; font-size: 6.4rem; font-weight: 700; text-align: center; } 
.my_page .write_box { font-size: var(--p2); } 
.my_page .write_box .inp_list { display: flex; align-items: center; } 
.my_page .write_box .inp_list + .inp_list { margin-top: 3.2rem; } 
.my_page .write_box .inp_list .left { flex-shrink: 0; width: 22%; font-size: var(--p2); font-weight: 600; line-height: 5.5rem; } 
.my_page .write_box .inp_list .right { flex: 1; } 
.my_page .write_box .inp_list .inp { width: 100%; } 
.my_page .write_box .inp_list .inp input { width: 100%; height:100%} 
.my_page .write_box .inp_list.id .right { display: flex; align-items: center; } 
.my_page .write_box .inp_list.id .right .ico_box { display: flex; align-items: center; justify-content: center; width: 2.8rem; height: 2.8rem; margin-right: 1rem; border-radius: 50%; } 
.my_page .write_box .inp_list.id .right .ico_box.user { background: var(--blue); } 
.my_page .write_box .inp_list.id .right .ico_box.user svg { fill: #000; width: 2rem; }
.my_page .write_box .inp_list.id .right .ico_box.kakao { background: #FEE500; } 
.my_page .write_box .inp_list.id .right .ico_box.naver { background: #5BCE36; } 
.my_page .write_box .inp_list.id .right .ico_box img { max-width: 55%; max-height: 45%; } 
.my_page .write_box .inp_list .right .btn_box { } 
.my_page .write_box .inp_list .right .btn_box button { display: flex; align-items: center; white-space: nowrap; padding: 0.5em 1em; border: 1px solid #ddd; font-size: var(--p3); border-radius: 2em; line-height: 1em; transition: background 0.25s, color 0.25s, fill 0.25s; } 
.my_page .btn_wrap { display: flex; align-items: flex-end; justify-content: space-between; margin-top: 8rem; } 
.my_page .btn_wrap .withdrawal { color: rgba(141,141,141); font-size: var(--p3); font-weight: 500; text-decoration: underline; } 
.my_page .write_box .inp_list.tel .right { display: flex; align-items: center; } 
.my_page .write_box .inp_list.tel .right .inp {}
.my_page .write_box .inp_list.tel .right .btn_wrap { margin-top: 0; margin-left: 1rem ; flex-shrink: 0; height: 6.5rem; line-height: 3em; } 
.my_page .write_box .inp_list.tel .right .btn_wrap button { flex-shrink: 0; height:100%; padding: 0 1.5em; border: none; font-size: var(--p3); border-radius: 0.8rem; transition: background 0.25s, color 0.25s; background-color: #000}

.my_page .sub_more_btn {display: flex;align-items: center;justify-content: space-between; background-color: var(--green) ;padding: 0.8em 2em; ;border-radius: 2em;color: #fff;font-size: var(--p2);font-weight: 500; transition: background-color 0.5s, border-color 0.5s, color 0.5s, fill 0.5s;}
.my_page .sub_more_btn:hover {background-color: #000; color: #fff;}



/* 팬클럽기부 */

.lecture_page .lecture_visual {position: relative; width: 100%; padding: 0 var(--inPd); margin: var(--headerH) auto 0;}
.lecture_page .lecture_visual .item {border-radius: var(--radius4); overflow: hidden;}
.lecture_page .lecture_visual .bg {padding-top: 30%; position: relative;}
.lecture_page .lecture_visual .bg img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover;}
/* .lecture_visual .bg::before {content: "";position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(103deg, rgba(0, 0, 0, 0.50) 19.4%, rgba(0, 0, 0, 0.36) 41.63%, rgba(0, 0, 0, 0.00) 58.97%); z-index: 2;} */

.lecture_page .lecture_visual .slide {position: relative}
.lecture_page .lecture_visual .slide  .lnb_in {position: absolute; left: 50%; top: 10rem; transform: translate(-50%,0); z-index: 3; height: 6.5rem; width: 100%; display: flex; justify-content: center}
.lecture_page .lecture_visual .lnb { display: inline-flex; align-items: center; margin-bottom: 6rem; height: 6.5rem; border-radius: 6rem; background-color: rgba(255, 255, 255, 0.1); justify-content: center; backdrop-filter: blur(10px);}
.lecture_page .lecture_visual .lnb i { width: 1px; height: 100%; margin: 0 2rem; background-color: #fff; opacity: 0.2; }
.lecture_page .lecture_visual .lnb .home { width: 8rem; margin-right: -2.5rem; display: flex; justify-content: center}
.lecture_page .lecture_visual .lnb .home svg { width: 2.3rem; }
.lecture_page .lecture_visual .lnb .nice-select { border: 0; background: none; font-size: var(--p3); font-weight: 600; padding: 0 15px 0 0; min-width: 18rem; color: #fff}
.lecture_page .lecture_visual .lnb .nice-select .current {overflow: hidden;text-overflow: ellipsis; white-space: nowrap; display: block;}
.lecture_page .lecture_visual .lnb .nice-select:last-child { margin-right: 3rem; }
.lecture_page .lecture_visual .lnb .nice-select:after { width: 8px; height: 8px; border-color: #fff; margin-top: -6px; right: 0; }
.lecture_page .lecture_visual .lnb .nice-select .option { color: #1c1c1c; }

.lecture_page .lecture_visual .txt_box {position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #fff; z-index: 3; text-align: center}
.lecture_page .lecture_visual .txt_box .in {display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; padding-top: calc(10rem + 43px);}
.lecture_page .lecture_visual .txt_box .tit {position: relative;;font-size: var(--txt80); font-weight: 700; line-height: 1.1; opacity: 0; transform: translateY(50px); transition: opacity 0.5s ease-in-out , transform 0.5s ease-in-out;}
.lecture_page .lecture_visual .txt_box .tit::before {content: ""; position: absolute; left: 0; bottom: 0; width: 0%; height: 0.4em; background-color: var(--green); z-index: -1; transition: width 1s ease-in-out 0.5s; display: none;}
.lecture_page .lecture_visual .txt_box .tag {margin-top: 5rem; display: flex; flex-wrap: wrap; opacity: 0; transform: translateY(50px); transition: opacity 0.5s ease-in-out 0.2s, transform 0.5s ease-in-out 0.2s}
/*.lecture_page .lecture_visual .txt_box .tag li {padding: 0 1em; height: 2.5em; line-height: 2.4em; font-weight: 700; font-size: var(--p2); border-radius: 10em; margin-right: 0.75em; margin-bottom: 0.75em; background-color: var(--green); }*/
.lecture_page .lecture_visual .txt_box .tag li {padding: 0 1em; height: 2.5em; line-height: 2.4em; font-weight: 700; font-size: var(--p2); border-radius: 10em; margin-right: 0.75em; margin-bottom: 0.75em; background: rgba(0, 0, 0, 0.30); backdrop-filter: blur(10px);}

.lecture_page .lecture_visual .txt_box .txt {margin-top: 1rem; font-size: var(--p1); font-weight: 700;  opacity: 0; transform: translateY(50px); transition: opacity 0.5s ease-in-out 0.3s, transform 0.5s ease-in-out 0.3s}
.lecture_page .lecture_visual .txt_box .btns {margin-top: 8rem; opacity: 0; transform: translateY(50px); transition: opacity 0.5s ease-in-out 0.4s, transform 0.5s ease-in-out 0.4s}
.lecture_page .lecture_visual .txt_box .btns .btn-main-more {background:var(--green); border-color:var(--green) !important;}
.lecture_page .lecture_visual .txt_box .btns .btn-main-more:hover {background:#713B00; border-color:#713B00 !important;}
.lecture_page .lecture_visual .txt_box .btns .btn-main-more svg circle {fill: #fff;}
.lecture_page .lecture_visual .txt_box .btns .btn-main-more svg path {fill: #000;}


.lecture_page .lecture_visual .item.swiper-slide-active .txt_box .tit::before {width: 100%;}
.lecture_page .lecture_visual .item.swiper-slide-active .txt_box .btns ,
.lecture_page .lecture_visual .item.swiper-slide-active .txt_box .tit ,
.lecture_page .lecture_visual .item.swiper-slide-active .txt_box .txt ,
.lecture_page .lecture_visual .item.swiper-slide-active .txt_box .tag {opacity: 1; transform: unset;}
.lecture_page .lecture_visual .swiper-pagination {bottom: 5rem;}
.lecture_page .lecture_visual .swiper-pagination .swiper-pagination-bullet {width: 1rem; height: 1rem; border-radius: 5rem; opacity: 0.3; background-color: #fff; transition: 0.3s ease-in-out;}
.lecture_page .lecture_visual .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left: 2rem;}
.lecture_page .lecture_visual .swiper-pagination .swiper-pagination-bullet-active {width: 6rem; opacity: 1;}



.lecture_page .point_sect {padding: var(--pd30) 0;}
.lecture_page .point_sect .in {max-width:2560px !important; width: 100%; padding-bottom: 8rem;}
.lecture_page .point_sect .h4 {text-align: center;}
.lecture_page .point_sect .h4 em{font-weight: 700; font-size:1.02em; color:var(--green);}
.lecture_page .point_sect .h4 em span{color:var(--green);}
.lecture_page .point_sect .cont_box {display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 5rem;}
.lecture_page .point_sect .cont_box .cont {position: relative; padding-top: 85%; min-height: 320px; padding-bottom: 8rem;}
.lecture_page .point_sect .cont_box .cont:nth-child(2n) {transform: translateY(8rem) ;}
.lecture_page .point_sect .cont_box .cont .box {position:absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 6rem 3rem 6rem 5rem; background-color: #F6F6F6; border-radius: var(--radius4); display: flex; flex-direction: column; align-items: flex-start; z-index: 1;}
.lecture_page .point_sect .cont_box .cont .box .ico {width: 7rem; height: 7rem;}
.lecture_page .point_sect .cont_box .cont .box .ico svg {width: auto; height: 100%; fill: var(--green);}
.lecture_page .point_sect .cont_box .cont .box .txt_box {margin-top: auto;}
.lecture_page .point_sect .cont_box .cont .box .txt_box .tit {font-size: var(--h2); font-weight: 700; line-height: 1.4;}
.lecture_page .point_sect .cont_box .cont .box .txt_box .tit .line {position: relative; display: inline-block;}
.lecture_page .point_sect .cont_box .cont .box .txt_box .tit .line{color:var(--green);}
.lecture_page .point_sect .cont_box .cont .box .txt_box .tit .line::before {content: ""; position: absolute; left: 0; bottom: 0.2em; width: 100%; height: 0.4em; background-color: var(--green); z-index: -1; display: none;}
.lecture_page .point_sect .cont_box .cont .box .txt_box .txt {font-size: var(--p3); margin-top: 1.5rem;}
.lecture_page .point_sect .cont_box .cont .box .txt_box .tit .line_del{position: relative;}
.lecture_page .point_sect .cont_box .cont .box .txt_box .tit .line_del::before {content: ""; position: absolute; left: 0; top: 50%; width: 100%; height: 2px; background-color: #000; transform: scaleX(0); transition: transform 0.5s ease-in-out 0.3s; transform-origin: left;}
.lecture_page .point_sect .cont_box.active .cont .box .txt_box .tit .line_del::before{transform: scaleX(1);}


.lecture_page .curiosity_sect {position: relative; width: 100%; height: 100vh;}  
.lecture_page .curiosity_sect .bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(99deg, #7DC01F 0.77%, #1A9DC0 99.24%);}
.lecture_page .curiosity_sect .bg img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: 0.1; }
.lecture_page .curiosity_sect .in {height: 100%; z-index: 3; position: relative;}
.lecture_page .curiosity_sect .cont_in {display: flex;align-items: center; justify-content: space-between; height: 100%;}
.lecture_page .curiosity_sect .cont_in .tit_box {color: #fff; flex-shrink: 0;}
.lecture_page .curiosity_sect .cont_in .tit_box .tit {font-size: var(--h1);font-weight: 700;}
.lecture_page .curiosity_sect .cont_in .tit_box .desc {margin-top: 4rem; font-size: var(--h4); font-weight: 700;}
.lecture_page .curiosity_sect .cont_in .tit_box .txt {margin-top: 2rem; font-size: var(--p2);}

.lecture_page .curiosity_sect .cont_in .slide {width: 50%; height: 100%;}
.lecture_page .curiosity_sect .cont_in .slide .swiper {height: 100%;}
.lecture_page .curiosity_sect .cont_in .slide .swiper .swiper-slide {height: auto;}
.lecture_page .curiosity_sect .cont_in .slide .swiper .swiper-slide .item {height: 100%; display: flex; flex-direction: column}
.lecture_page .curiosity_sect .cont_in .slide .item .spe_box {display: flex;}
.lecture_page .curiosity_sect .cont_in .slide .item .spe_box .spe {display: flex; align-items: center; justify-content: flex-end;text-align:right; margin-left: auto; position: relative; background-color: #713B00; color: #fff; font-weight: 700; font-size: var(--p2);  border-radius: 10em; padding: 0.8em 1.5em;}

.lecture_page .curiosity_sect .cont_in .slide .item.right .spe_box .spe{text-align: left; justify-content: flex-start; margin-right: auto; margin-left: 0}
.lecture_page .curiosity_sect .cont_in .slide .item .spe_box .spe::before {content: ""; position: absolute; right: 5%; bottom:10px; transform: translateY(100%) ;width: 0;height: 0;border-left: 10px solid transparent;border-right:20px solid #713B00;border-bottom:10px solid transparent;border-top: 10px solid #713B00;border-radius: 4px;}
.lecture_page .curiosity_sect .cont_in .slide .item .spe_box .profile {position: relative; width: 8rem; height: 8rem; border-radius: 50%; background-color: #fff; border-radius: 50%; overflow: hidden; margin-left: 2rem; flex-shrink: 0}
.lecture_page .curiosity_sect .cont_in .slide .item .spe_box .profile img {position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 85%; height: 85%; object-position: center; object-fit: contain;;}
.lecture_page .curiosity_sect .cont_in .slide .item .txt_box {background-color: #fff; padding: 1.5em; font-size: var(--p2); border-radius: 2rem; margin-top: 20px; flex: 1}

.lecture_page .curiosity_sect .cont_in .slide .item.right .spe_box {flex-direction: row-reverse;}
.lecture_page .curiosity_sect .cont_in .slide .item.right .spe_box .profile {margin-left: 0; margin-right: 2rem; }
.lecture_page .curiosity_sect .cont_in .slide .item.right .spe_box .spe::before {right: auto; left: 5%; border-left: 20px solid #713B00;border-right:10px solid transparent;}


.lecture_page .zero_sect {position: relative; margin: var(--pd30) var(--inPd) 0; border-radius: 4rem; padding:var(--pd30) 0; overflow: hidden;}
.lecture_page .zero_sect .bg_img {position: absolute; left: 0; top:0; width: 100%; height: 100%;;}
.lecture_page .zero_sect .bg_img img {position: absolute; left: 0; top:0; width: 100%; height: 100%; object-fit: cover; obj ect-position: center;} 
.lecture_page .zero_sect .txt_box {position: relative;}
.lecture_page .zero_sect .txt_box .tit {display: flex; align-items: center; justify-content: center ;font-size: var(--h1); color: #fff;}
.lecture_page .zero_sect .txt_box .tit .ico {width: 1em;}
.lecture_page .zero_sect .txt_box .tit .ico svg {width: 100%; height: auto;}
.lecture_page .zero_sect .txt_box .tit .ico.right {transform: rotateY(180deg);;}
.lecture_page .zero_sect .txt_box .tit p {margin: 0 1em; font-weight: 700;}

.lecture_page .zero_sect .cir_box {display: flex; justify-content: center; margin: 6rem auto 0; width: 80%;}
.lecture_page .zero_sect .cir_box .cir {position: relative; width: 33.333%; padding-top: 33.333%}
.lecture_page .zero_sect .cir_box .cir + .cir {margin-left: -6rem;}
.lecture_page .zero_sect .cir_box .cir .bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 2px solid transparent; border-radius: 50%; background-color: rgba(255,255,255,0.10); backdrop-filter: blur(10px);}
.lecture_page .zero_sect .cir_box .cir .bg svg {width: 100%; height: 100%;}
.lecture_page .zero_sect .cir_box .cir .bg svg rect {width: 100%; height: 100%;}
.lecture_page .zero_sect .cir_box .cir .tit {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #fff; font-size: var(--h2); text-align: center; font-weight: 700;}

/* new */
.lecture_page .zero_sect2{padding-top: var(--pd30);}
.lecture_page .zero_sect2 .txt_box .tit {display: flex; align-items: center; justify-content: center ;font-size: var(--h1);}
.lecture_page .zero_sect2 .txt_box .tit .ico {width: 1em;}
.lecture_page .zero_sect2 .txt_box .tit .ico svg {width: 100%; height: auto;}
.lecture_page .zero_sect2 .txt_box .tit .ico.right {transform: rotateY(180deg);;}
.lecture_page .zero_sect2 .txt_box .tit p {margin: 0 1em; font-weight: 700;}

.lecture_page .partner_sect {padding: var(--pd30) 0; background:#F9F6F3;}
.lecture_page .partner_sect .h4{text-align: center;}

.lecture_page .partner_sect .tab_wrap {margin-top: 8rem;}
.lecture_page .partner_sect .tab_wrap .tab_cont {margin-top: 5rem;}
.lecture_page .partner_sect .tab_wrap .tab_cont .cont {display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 3rem;}
.lecture_page .partner_sect .tab_wrap .tab_cont .cont .logo {border: 1px solid #ddd; border-radius: 2rem; overflow: hidden;}
.lecture_page .partner_sect .tab_wrap .tab_cont .cont .logo img {width: 100%;}
.lecture_page .partner_sect .tab_wrap .view_btn {display: block; margin: 5rem auto 0; border: 1px solid #000; border-radius: 10em; font-size: var(--p2); width: 10em; height: 3.5em; line-height: 3.4rem; font-weight: 600; transition: background-color 0.3s ease-in-out , color 0.3s ease-in-out;}
.lecture_page .partner_sect .tab_wrap .view_btn:hover {background-color: #000; color: #fff;}

.lecture_page .partner_sect .slide_item{margin-top: 10rem;}
.lecture_page .partner_sect .slide_item + .slide_item{margin-top: 8rem;}

.lecture_page .partner_sect .slide_item .item{background: #fff; border-radius: 2rem; }
.lecture_page .partner_sect .slide_item .tit{text-align: center; font-weight: 700; font-size: var(--h4); text-align: center;}
.lecture_page .partner_sect .slide_item .slide_cont{position: relative; margin-top: 3rem;}
.lecture_page .partner_sect .slide_item .slide_cont .item{background: #fff; border-radius: 2rem; }
.lecture_page .partner_sect .slide_item .slide_cont .swiper-container{overflow: hidden;}
.lecture_page .partner_sect .slide_item .swiper-button-prev{left:-50px; width:1.5rem;  background:url('data:image/svg+xml,<svg width="17" height="29" viewBox="0 0 17 29" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.425783 14.25L1.71485 12.9023L0.425783 14.25L1.71485 12.9023L12.9648 1.65234L14.3125 0.363281L16.9492 3L15.6602 4.34766L5.69922 14.25L15.6602 24.1523L16.9492 25.5L14.3125 28.1367L12.9648 26.8477L1.71485 15.5977L0.425783 14.25Z" fill="black"/></svg>') no-repeat center / contain; }
.lecture_page .partner_sect .slide_item .swiper-button-next{right:-50px; width:1.5rem; background:url('data:image/svg+xml,<svg width="17" height="29" viewBox="0 0 17 29" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.5742 14.75L15.2852 16.0977L16.5742 14.75L15.2852 16.0977L4.03516 27.3477L2.6875 28.6367L0.0507812 26L1.33984 24.6523L11.3008 14.75L1.33984 4.84766L0.0507812 3.5L2.6875 0.863281L4.03516 2.15234L15.2852 13.4023L16.5742 14.75Z" fill="black"/></svg>') no-repeat center / contain; }


.lecture_page .course.type1 {padding-top: 12rem; padding-bottom: 0;}
.lecture_page .course.type1 .num {width: 5rem;height: 5rem;display: flex;align-items: center;justify-content: center;background-color: var(--green);font-size: var(--p2);color: rgb(255, 255, 255);font-weight: 700;margin-right: 2rem;border-radius: 100%;position: absolute; left:0;top: 0;}
.lecture_page .course.type1 .title .badge {display: inline-flex;font-size: var(--h1); background-color: var(--green); color: #fff; font-weight: 700;padding: 0 0.3em; border-radius: 1rem; overflow: hidden; margin-bottom: 2rem;}
.lecture_page .course.type1 .list .item {padding-left: 10rem;}
.lecture_page .course.type1 .list .item:before {left: 2.5rem;}
.lecture_page .course.type1 .title {position: static;}
.lecture_page .course.type1 .title .h4 {margin-bottom: 0;}
.lecture_page .course.type1 .txt {margin-top: 2rem; font-size: var(--p2);}

.lecture_page .sub-practice {padding-top: var(--pd30);}

.lecture_page .review_sect {background: #F9F6F3;padding: var(--pd30) 0; margin-top: var(--pd30);overflow: hidden;}
.lecture_page .review_sect .swiper-slide {background-color: #fff ; border-radius: var(--radius4); padding: 6rem 5.5rem; height: auto;}
.lecture_page .review_sect .swiper-slide .profile_box {display: flex; align-items: center;}
.lecture_page .review_sect .swiper-slide .profile_box .profile {width: 8rem; height: 8rem; border-radius: 50%; position: relative; overflow: hidden;}
.lecture_page .review_sect .swiper-slide .profile_box .profile img {position: absolute; left: 0; top:0; width: 100%; height: 100%; object-position: center; object-fit: cover;;}
.lecture_page .review_sect .swiper-slide .profile_box .txt_box {margin-left: 3rem;}
.lecture_page .review_sect .swiper-slide .profile_box .txt_box .star {width: 13rem; display: grid; grid-template-columns: repeat(5, minmax(0,1fr));gap:0 1px;}
.lecture_page .review_sect .swiper-slide .profile_box .txt_box .star svg {fill: #8DC43F; width: 100%; height: auto;}
.lecture_page .review_sect .swiper-slide .profile_box .txt_box .name {font-size: var(--h3); font-weight: 700; margin-top: 1rem;}
.lecture_page .review_sect .swiper-slide .txt {margin-top: 5rem; font-size: var(--p2);}

.lecture_page .review_sect .swiper-pagination { position: relative; height: 2px; background-color: #ddd; margin-top: 8rem; } 
.lecture_page .review_sect .swiper-pagination .swiper-pagination-progressbar-fill { background-color: var(--green); height: 2px; bottom: 0; top: unset ; } 
.lecture_page .review_sect .slider-box {margin-bottom: 0;}


.foryou .comment-wrap {display: none;}


/* 게시글이 없습니다 */

.empty_box {display: flex; flex-direction: column; align-items: center; justify-content: center; grid-column: 1 / -1; width: 100%; font-size: var(--p2);}
.empty_box img {opacity: 0.2; width: 12em; margin-top: 8rem;}
.empty_box span {font-size: var(--p2);font-weight:500;color: rgba(0, 0, 0, 0.4);margin-top: 3rem;}








@media (max-width: 2000px){
  #container > div:not(.main) .in { max-width: 1240px; }
  .top-subimg {width: 204rem;}
    .subpage .sub-visual {width: 100%; max-width: 100%}
    .sub-visual  {width: calc(100% - var(--inPd) * 2);  margin: var(--headerH) auto var(--pd30); max-width: 100%; height: 62rem}
    .greet-wrap { width: 204rem;}
    .mission5 { width:204rem; }

  .lecture_page .lecture_visual .lnb,
  .sub-visual .head .lnb {height: 2.5em;font-size: var(--p2);}
  .sub-visual .head .h2-desc {font-size: var(--p2)}

 .free-lecture .list .box ul{gap:3rem;}

 .sub_space-donation .case_sect .cont_box .txt{font-size:var(--p1)}
 .ngo-slider .item p{font-size:var(--p2);}

 .board-view{max-width: 1200px;}
 .board-view .body{max-width: 1000px;}


}


@media (max-width: 1640px){

 .quick-menu .btns .qna-box {width: 65rem}
 /*.subpage .sub-visual {height: }*/

 .top-subimg {width: 1240px;}
 .sub_total-donation .sub-menu.sticky .swiper-slide.active:before{top: 9px;}

 .partner-view .donation_step .list{gap:4rem;}

 .sub_space-donation .case_sect .cont_box .logo{height:10rem;}

}


@media (max-width: 1024px){
 .history-image { width: 500px; height: 320px; } 
 .history-timeline { width: 400px; right: 30px; } 
 .timeline-year { font-size: 36px; } 
 .timeline-title { font-size: 20px; }

 .story-wrap .wrap2 ul li .item {padding-top: 120%}
 .footer .cs-box ul li dl dd {font-size: var(--h3)}

 .subform-wrap .subform-box .form {width: 54%}

 }
@media (max-width: 768px){
 .history-contents { min-height: 400vh; } 
 .history-main { flex-direction: column; padding: 20px; } 
 .history-image { position: relative; left: auto; top: auto; transform: none; width: 100%; max-width: 400px; height: 250px; margin-bottom: 40px; } 
 .history-timeline { position: relative; right: auto; top: auto; transform: none; width: 100%; max-width: 500px; } 
 .timeline-year { font-size: 32px; } 
 .timeline-title { font-size: 18px; } 
}
/* ::-webkit-scrollbar { width: 6px; height: 6px; } 
::-webkit-scrollbar-track { background-color: transparent; } 
::-webkit-scrollbar-thumb { border-radius: 3px; background-color: #BFBFBF } 
::-webkit-scrollbar-button { width: 0; height: 0; } */
/* 반응형처리 */
@media screen and (max-width: 2000px){
 /* .together .list { max-width:80rem; }  */

 .checkbox1 + div em { width: 16px; height: 16px;; }
 .benefit .item .info dl dd br{display:none;}


 .free-lecture .list .box ul li .item .title .tit {flex-direction: column; align-items: flex-start}
 .free-lecture .list .box ul li .item .title .tit small {margin-bottom: 1rem}
 
 }
@media screen and (max-width: 1640px){
 .header .right-wrap .links a { font-size:2.5rem; } 
 .faq-wrap .list .item .q:before { width: 2em; height: 2em; font-size: 13px;; } 
 .board-write .nice-select, .inp-box .nice-select, .textarea, .inp { /*font-size:2.5rem; */}
 .qna-list ul li a .subj { font-size: 2.8rem; }
 .slider2 .controls { left: calc(48.9% + 5rem); top: 2rem;; } 
 .slider2 .swiper-slide .item .info { padding: 4rem 0 4rem 6rem; } 
 /* .h3 p span { width:100% !important; } */
 .together .list { margin-left: 40px; } 
 .manage-wrap .together .list { margin-left: auto; } 
 .pagination .num_list { font-size: 3rem; } 

 .lecture_page .curiosity_sect .cont_in .slide .item .txt_box {font-size: var(--p3);}
 .lecture_page .curiosity_sect .cont_in .slide .item .spe_box .spe {padding: 0.6em 2em;}
 .history-wrap .list { padding-right:3rem;}
 .history-wrap .history-nav { right:2rem;}
 .history-wrap .history-nav ul li a span { top:3px;}
 .history-wrap .title h4 { margin-bottom:4rem;}

 .lecture_page .partner_sect .slide_item .swiper-button-prev{left: -20px;}
 .lecture_page .partner_sect .slide_item .swiper-button-next{right: -20px;}
 }


@media screen and (max-width: 1240px){
 .sub-visual { height: 60rem; } 
 .corporate1 .desc { max-width: 100%; } 
 .corporate2 .in .cards ul li .item { height: 20vh; }
 .slider1 .swiper-slide .item .info { max-height: 34rem; } 
 .slider1 .swiper-slide .item .info p { opacity: 1; } 
 .slider1 .swiper-slide .item .info small { opacity: 1; } 
 .slider1 .swiper-slide .item .info i { display: none; } 
 .course .list, .sub_need-help .course .list, .sub_total-donation .course .list { width: auto; }
 .subform-wrap .subform-box .form .max-msg { display: block; } 
 .all-slider .swiper-pagination { display: block; } 
 .story-wrap .wrap2 ul li .item p { font-size: 2.4rem; } 
 .footer .cs-box ul li dl dt { font-size: 2.5rem; } 
 .history-wrap .title { margin-right: 10rem; width: 40%; } 
 .history-wrap .history-nav { right: 2rem; } 
 .history-wrap .list { width: 60%; } 
 .contact-info { max-width: 100%; } 
 .contact-info .btns a { font-size: 2.4rem; } 
 .pagination .num_list { font-size: 2.5rem; } 
 .story-wrap .wrap2 ul li .item .txt { font-size: 2.5rem; }

 .ci_sect .cont_box .right_cont {width: 65%; margin-left: 60px;}

 .story-wrap .wrap1 .list .card + .card {margin-left: 15px}

 .mission1 .txt_box .tit {font-size: 4.5vw}

 .mission1 .txt_box {transform: translate(-50%,-50%); opacity: 1;}
 /*.mission1 .txt_box .tit {transform: unset; opacity: 0;}*/
 .mission1 .txt_box .box_wrap .box + .box {margin-left: 30px}
 
 .lecture_page .curiosity_sect .cont_in .slide {width: 60%;}
 .lecture_page .lecture_visual .bg {padding-top: 50%;}


 .lecture_page .point_sect .cont_box {display: flex; flex-wrap: wrap; gap: 0; justify-content: center;}
 .lecture_page .point_sect .cont_box .cont {width: calc(33.333% - 20px); padding-top: calc(33.333% - 20px); padding-bottom: 0; min-height: 0;}
 .lecture_page .point_sect .cont_box .cont + .cont {margin-left: 30px;}
 .lecture_page .point_sect .cont_box .cont:nth-child(2n) {transform: unset;}
 .lecture_page .point_sect .cont_box .cont:nth-child(4) {margin-left: 0;}
 .lecture_page .point_sect .cont_box .cont:nth-child(n+4) {margin-top: 30px;}

 .free-lecture .list .box ul li .item .title .tit {display: flex; flex-direction: column; align-items: flex-start;}
 .free-lecture .list .box ul li .item .title .tit small {margin-bottom: 5px;}

 .sos_page .doc-wrap .list .item:last-child .txt small{display: block;}
 .trans_page .only-m { display:none !important}
 .trans_page .only-tb { display:block !important}
 .sub-txt p { display:inline; color:var(--black);  }
 .sub-txt p span { display:none;}
 .slider1 .swiper-slide .item { border-radius: 0; }
 .slider1 .swiper-slide .item img { border-radius: var(--radius4); }
 .slider1 .swiper-slide .item .info { position: static; background: none; color: var(--black); padding: 0; margin-top: 15px; }


 .foryou .swiper { padding: 0 var(--inPd) 6rem; width: 100%; margin-left: 0;}


 .lecture_page .curiosity_sect {height: 60vh}
 .faq-wrap .list {width: 60%}

 .cs-info { gap: 15px}


 }


@media screen and (max-width: 1000px) {
 .history-wrap .title { margin-right:6rem; }
 .history-wrap .list .sec .month { padding-left:7rem;}
 .history-wrap .list { padding-right:10rem;}
 .story-wrap .wrap2 ul li .item .txt br { display:none;}
 .story-wrap .wrap2 ul li + li { margin-left:2rem;}

 .cs-info dl dd {font-size: var(--p2)}

}

/* 모바일 */
@media screen and (max-width: 768px) {

  body::-webkit-scrollbar ,
  html::-webkit-scrollbar { display: none; }


 .main-popup-wrap {z-index: 2310}

 .header { transform:unset; } 
 .header.fixed { box-shadow: 0 0 13px 5px rgba(0, 0, 0, 0.06); } 
 .header.down { transform: translateY(-102%); } 
 .h4,
 .h3 { margin-bottom: var(--subContMt); } 
 .h3 {display: block; font-size: var(--h2);}
 .h3 p { line-height: 1.6; }

 .lecture_page .lecture_visual .lnb .nice-select .option,
 .sub-visual .head .lnb .nice-select .option {padding: 0 10px;height: 3em; line-height: 3em; min-height: 3em; max-width: 100%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
 .lecture_page .lecture_visual .lnb .nice-select:after,
 .sub-visual .head .lnb .nice-select:after {width: 5px; height: 5px; border-bottom: 1px solid #fff; border-right: 1px solid #fff; margin-top: -4px;}
 .lecture_page .lecture_visual .lnb .nice-select .list,
 .sub-visual .head .lnb .nice-select .list {width: 100px}


 .subpage .sub-visual .head .lnb .nice-select:after {border-bottom: 1px solid #999; border-right: 1px solid #999; margin-top: -4px;}
 
 .board-view .edit_btn_wrap .edit_btn { font-size: 11px;}
 
 /* .slider1 { margin-top: var(--mainPd); } */
 /*.slider1 .swiper-pagination { display: none; } */
 .sub-menu.sticky { overflow: hidden; }
 .sub-menu .swiper-slide { height: 10rem; font-size: 16px;}
 .sub-menu .swiper-slide.active { color: var(--green); } 
 .pagination .num_list { flex-wrap: wrap; } 
 /* 임시 (모바일은 paging 5개만 나오게 개발) */
 .sub-menu .swiper-wrapper { justify-content: center; }
 .partner_page .sub-menu {padding-bottom: 0px}
 .partner_page .sub-menu .swiper-wrapper {border-bottom: 3px solid rgba(0,0,0,0.1)}
 .partner_page .sub-menu .swiper-wrapper .swiper-slide {flex: 1; position: relative}
 .partner_page .sub-menu .swiper-wrapper .swiper-slide:before {position: absolute; content: ""; width: 0%; height: 3px; left: 0; bottom: 0; transform: translateY(100%); background-color: var(--green)}
 .partner_page .sub-menu .swiper-wrapper .swiper-slide.active:before {width: 100%}
 .partner_page .sub-menu.sticky{border-bottom:none;}
 .partner-list ul li a .name {font-size: var(--p1)}




 .partner_page .partner {margin-top: 20px}
 .sub-menu .swiper-initialized .swiper-wrapper { justify-content: flex-start; } 
 .story-wrap .wrap2 ul li .item .txt { font-size: var(--p3); } 
 .sub-visual { height: auto !important;  } 
 .sub-visual .head { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; align-items: flex-start; padding-top: 10px; z-index: 9; } 
 .sub-visual .img { border-radius: 20px; padding-top: min(65% , 230px); position: relative;}
 .sub-visual .img p {position: absolute; left: 0; top: 0;}
 .sub-visual .img img { display: none; } 
 .subpage .sub-visual .img {padding-top: 0px;}
 .subpage .sub-visual .head {position: static; transform: unset; padding-bottom: 40px;}
 .sub-visual .head .h2-desc { padding: 0 var(--inPd); font-size: var(--p2); } 
 .subpage .sub-visual { margin-bottom: 13rem; }
 .lecture_page .lecture_visual .slide .lnb_in {top: 10px; padding: 0 10px}
 .lecture_page .lecture_visual .lnb {width: 100%; }
 .sub-visual .head .lnb { margin-bottom: 40px; width: calc(100% - var(--inPd));}
 .lecture_page .lecture_visual .lnb .nice-select,
 .sub-visual .head .lnb .nice-select { min-width: 8rem; }
 .lecture_page .lecture_visual .lnb div:nth-last-child(4),
 .lecture_page .lecture_visual .lnb div:nth-last-child(1),
 .sub-visual .head .lnb div:nth-last-child(4),
 .sub-visual .head .lnb div:nth-last-child(1) { flex: 1; }
 .sub-visual .head h2 { font-size: 26px; padding: 0 var(--inPd); } 
 .story-wrap .wrap1 .list .card .box .txt { font-size: var(--p2); } 
 .story-wrap .wrap1 .list .card .box .tit strong { font-size: 32px; } 
 .story-wrap .wrap2 .title p { font-size: var(--p2); } 
 .faq-wrap .list .item .a { font-size: var(--p2); } 
 .faq-wrap .list .item { padding: 20px 15px; } 
 .faq-wrap .list .item .q { font-size: 16px; } 
 .onetime1 .onetime-box .box .t2 { font-size: var(--p1); } 
 .onetime1 .onetime-box .box .t2 br { display: none; } 
 .corporate1 .desc { margin-bottom: 40px; } 


 .cs-info dl dd {font-size: 16px;}
 .eval-wrap ul li .item p {font-size: var(--h4);}
 .doc-wrap .list .item .txt {font-size: var(--h4);}
 

 .partner .subtab-box + .subtab-box {margin-top: 50px;}
 .partner .subtab-box .h4 {margin-bottom: 15px;}

 .h3 p {color: #000; display: block;}
 .h3 p span {display: none;}
 .in > .h3 p span { width: 100% !important; } 
 .in > div > .h3 p span { width: 100% !important; display: none;}

 .eval-wrap ul li .item .num {font-size: var(--p1)}

 .trans_page .manage-wrap .cont_box {display: block;}
 .trans_page .manage-wrap .cont_box .principle-wrap {width: 100%;}
 .trans_page .manage-wrap .cont_box .together {width: 100%;}

 .business_page .h3 p,
 .trans_page .h3 p {display: inline}


 .principle-wrap ul li .item .num {font-size: var(--p1)}
 .lecture_page .curiosity_sect .cont_in .slide .item .spe_box .spe br {display: none}


 .title-image { border-radius: 20px; margin-bottom: var(--mainPd); } 
 .title-image figure > p { padding-top: 45%; } 
 .title-image figure > p img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; } 
 .title-image figure figcaption { padding: 20px; } 
 .title-image figure figcaption dl { display: block; }
 .title-image figure figcaption dl br {display: none}
 .title-image figure figcaption dl dt { font-size: 15px; } 
 .title-image figure figcaption dl dd { margin-top: 10px; display: flex; justify-content: flex-end; } 
 .top-subimg img { height: 200px; object-fit: cover; width:100%; }
 .together { display: block; }
 .together .title { position: static; margin-bottom: 20px; } 
 .together .list { margin-left: 0; width: 100%; } 
 .together .list .item { padding-bottom: 30px; margin-bottom: 30px; } 
 .together .list .item .tit { } 
 .together .list .item .tit small { width: 100%; margin-top: 5px; background-color: transparent; padding: 0; padding-left: 7rem; } 
 .together .list .item .tit small span { display: inline-block; padding: 5px 8px; border-radius: 5px; font-size: var(--p2); color: #fff; background-color: var(--black); font-weight: 700; }
 .sub_greeting .together .list .item .tit em,
 .together .list .item .tit em {font-size: var(--p3); padding: 0.4em 1em}
 .manage-wrap .together .list .item {opacity: 1;}
 .manage-wrap .together .list .item .tit em {background-color: var(--green);transition: 0s}
 .together .list .item .txt2 br {display: none;}
 .greet_page .card_sect .card_box {margin-top: 20px}

 .sub_fanclub-donation .together .list { width: auto; }
 .sub_space-donation .course .list { width: auto; }
 .story-wrap .wrap1 { display: block; } 
 .story-wrap .wrap1 .title { position: static; margin-bottom: 20px; } 
 .story-wrap .wrap1 .list { width: auto}
 .story-wrap .wrap1 .list {display: flex; flex-direction: column; align-items: center}
 .story-wrap .wrap1 .list .card {width: 500px; max-width: 100%}
 .story-wrap .wrap1 .list .card + .card {margin-left: 0; margin-top: 2rem}
 .story-wrap .wrap1 .list .card .box .ico {width: 8rem}
 .story-wrap .wrap2 ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } 
 .story-wrap .wrap2 ul li + li { margin-left: 0; } 
 .story-wrap .wrap2 ul li .item { height: 100%; aspect-ratio: unset; padding: 15px 10px; } 
 .story-wrap .wrap2 ul li .item p { font-size: 15px; } 
 .story-wrap .wrap2 ul li .item p i { display: none; } 
 .faq-wrap { display: block; } 
 .faq-wrap .title { position: static; margin-bottom: 20px; } 
 .faq-wrap .title br { display: none; } 
 .faq-wrap .list { width: auto; } 
 .last-donation { padding-bottom: 0; } 
 .last-donation .in { height: auto; padding: var(--inPd); padding-bottom: 0}
 .last-donation .in .img-box { padding: 40px var(--inPd); position: relative; border-radius: 15px; overflow: hidden; width: 100%;} 
 .last-donation .in .img-box p { left: 0; right: 0; border-radius: 0; height: 100%; } 
 .onetime1 .onetime-box { display: block; } 
 .onetime1 .onetime-box .box { width: auto; margin-top: 20px; }
 .onetime1 .onetime-box .title h4 em {font-size: var(--p1)}
 .corporate2 { height: auto; padding: var(--pd30) 0 150px; } 
 .corporate2 .img { position: absolute; } 
 .corporate2 .in { height: auto; display: block; } 
 .corporate2 .in .title { transform: unset; opacity: 1; margin-top: 0; } 
 .corporate2 .in .cards { width: auto; transform: unset; } 
 .corporate2 .img img { transform: unset; border-radius: 0; } 
 .corporate2 .in .cards ul { gap: 15px 15px; } 
 .corporate2 .in .cards ul li:nth-child(even) { transform: translateY(15rem); } 
 .corporate2 .in .cards ul li .item { height: auto; opacity: 1; transform: unset; padding: 20px 15px; border-radius: 3rem; height: 100%; } 
 .corporate2 .in .cards ul li:nth-child(even) { top: 60px; } 
 .course { display: block; } 
 .course .title { position: static; margin-bottom: 20px; } 
 .desc-head { display: block; } 
 .desc-head .sub-desc { margin-bottom: 20px; } 
 .slider-box { overflow: visible; } 
 .sub-practice .slider-box { margin-bottom: 0; } 
 /*.sub-practice .slider .swiper-pagination { display: none; } */
 /*.business_page .sub-practice .slider-box { margin-bottom: var(--pd30); }*/
 .business_page .sub-practice{padding-bottom: 40px;}


 .slider-box .swiper { padding: 0 var(--inPd); margin: 0 calc(-1 * var(--inPd))}
 .case_sect {overflow: hidden;}
 .case_sect .swiper{padding: 0 var(--inPd); margin: 0 calc(-1 * var(--inPd));}

 .last-donation .t4 { flex-wrap: wrap; gap: 10px 0; }
 .last-donation .t4 > strong {margin-right: 0}
 .last-donation .t4 > .txt {width: 100%}
 .last-donation .t4 .txt span:first-child::before { content: none; }
 .sub-practice .slider .swiper-slide a .img {border-radius: 0px;}
 .sub-practice .slider .swiper-slide a .txt-box .subj { font-size: 16px; font-weight: 600; -webkit-line-clamp: none; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: auto;} 

.foryou .head .controls .swiper-button-prev,
.foryou .head .controls .swiper-button-next {width: 16px; height: auto;}
.foryou .head .controls .swiper-button-next svg, .foryou .head .controls .swiper-button-prev svg {width: 13px;}
.foryou .head .controls .swiper-button-next {margin-left: 25px;}

 .tab-wrap .sub-practice .in {padding: 0;}

 .h3.only-m { display: flex; } 
 .top-img { display: block; } 
 .top-img .img { width: auto; margin-right: 0; margin-bottom: 20px; } 
 .fan-tags .box dl { width: 35rem; } 
 .fan-tags .box dl dd { font-size: 18px; }
 .benefit .list { display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px 10px;}
 .benefit .item + .item { margin-top:0;}
 .benefit .item { display:block;  }
 .benefit .item .img { width: auto; margin-bottom: 20px; } 
 .benefit .item .info { padding-left: 0;  padding-right: 0}
 .benefit .item .info dl dt {align-items: flex-start}
 .benefit .item .info dl dt span {margin-top: 0.15em}
 .space1 .top-img-list ul { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } 
 .course .list .item .tit { line-height: 1.7; } 
 .benefit .item .info dl dd br { display: none; } 
 .checks .item .tit { display: block}
 .checks .item .tit p { margin-top: 10px; } 
 .free-lecture .list .tabs { position: static; order: 2; margin-bottom: 30px !important; width: 100%; background-color: #f6f6f6; border-radius: 5em; margin-left: 0; padding: 0;}
 .free-lecture .list .tabs a { flex: 1; text-align: center; font-size: 15px; height: 2.6em; line-height: 2.6em; margin-right: 0; } 
 .free-lecture .list .box ul li.first { display: none; } 
 .free-lecture .list .box ul { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } 
 .free-lecture .list .box ul li .item .txt2 { font-size: 13px; } 
 .free-lecture .list .box ul li.last { grid-column: span 2; } 
 .free-lecture .list .box ul li.hd { display: none; } 
 .subform-wrap { padding-bottom: 0; } 
 .subform-wrap .subform-box { display: block;; } 
 .subform-wrap .subform-box .form { width: auto; margin-top: 30px; }
 .subform-wrap .last-donation { padding-bottom: 0; } 
 .subform-wrap .last-donation .in { padding: 0 0 var(--subPd); }
 .board-write .agree-tit {margin-top: 30px;}
 .board-write .file .inp {flex: 1;}
 .board-write .file .btn-file {height: 3em; font-size: var(--p2);}
 .board-write .captcha_wrap {display: flex;}
 .board-write .captcha_wrap .captcha {width: 130px; height: 3em; font-size: var(--p2); flex-shrink: 0; flex: none;}
 /*.board-write .captcha_wrap .captcha img {width: 100px !important;}*/
 .board-write .captcha_wrap .captcha .btn {width:15px; height: 15px; display: block; flex-shrink: 0; margin-left: -15px;}
 .board-write .captcha_wrap .captcha .btn svg {width: 100%; height: 100%;}
 .board-write .captcha_wrap .inpbox {flex: 1;}
 .board-write .agree-text textarea {height: 110px;}

 .my_page .write_box .inp_list.tel .right .btn_wrap,
 .inp { height: 3em; margin: 0; } 
 .nice-select { margin: 0; height: 3em; line-height: 3em;} 
 .board-write .nice-select,
 .inp-box .nice-select,
 .subform-wrap .subform-box .form .inp-wrap1 .inp-box1 .nice-select { height: 3em; line-height: 3em; } 
 .subform-wrap .subform-box .form .inp-wrap1 .inp-box1 { display: block; } 
 .subform-wrap .subform-box .form .inp-wrap1 .inp-box1 dl { display: flex; } 
 .subform-wrap .subform-box .form .inp-wrap1 .inp-box1 dl + dl { margin-left: 0; margin-top: 15px; } 
 .subform-wrap .subform-box .form .inp-wrap1 .inp-box1 dl dt { margin-bottom: 0; display: flex; align-items: center; min-width: 9.5rem; margin-right: 10px; } 
 .subform-wrap .subform-box .form .inp-wrap1 .inp-box1 dl dt.type2 { min-width: 13rem; } 
 .subform-wrap .subform-box .form .inp-wrap1 .inp-box1 dl dd { flex: 1; } 

 .subform-wrap .subform-box .form .inp-wrap1 .inp-box1 .email { gap: 5px; } 
 .subform-wrap .subform-box .form .inp-wrap1 .inp-box1 .email .inp { width: 28%; flex-shrink: 0; } 
 .subform-wrap .subform-box .form .inp-wrap1 .inp-box1 .email .nice-select { width: 34%; flex-shrink: 0; } 
 .subform-wrap .subform-box .form .inp-wrap1 .inp-box1 .email.type2 .nice-select {flex: 1;}


 .board-write dl {display: block;}

 .all-slider .item { display: block;; } 
 .all-slider .item .img { width: auto; } 
 .all-slider .item .txt-box { padding: 20px; } 
 .support-list { display: block; } 
 .support-list .list-box { width: auto; margin-top: 20px; } 
 .support-list .list-box .list { max-height: inherit;; } 
 .after-slider .swiper { padding: 0 var(--inPd); margin: 0 calc(-1 * var(--inPd)); } 
 .after-slider .item .info .tit { display: block; } 
 .all1 .swiper-button-prev, .all1 .swiper-button-next { /* display: none; */background: rgba(28, 28, 28, 0.7); } 
 .all1 .swiper-button-next.swiper-button-disabled,
 .all1 .swiper-button-prev.swiper-button-disabled { opacity: 0.5; } 
 .all1 .swiper-button-next { right: calc(var(--inPd) * -1 - 5px); } 
 .all1 .swiper-button-prev { left: calc(var(--inPd) * -1 - 5px); }
 .all1 .after-slider .swiper-button-prev,
 .all1 .after-slider .swiper-button-next { display:none; }
 .course .list .item:before { bottom: -4px; } 
 .course .list .item .step { top: 4px; } 
 /*.foryou .swiper { padding: 0 var(--inPd) 5rem; width: 100%; margin-left: 0;}*/
 .foryou .comment-wrap .form-box { flex-wrap: wrap; } 
 .foryou .comment-wrap .form-box .comment-inp { flex: 1; margin-right: 0; } 
 .foryou .comment-wrap .form-box .btn-submit { flex-basis: 100%; margin-top: 10px; } 
 .all-slider { width: 95%; margin: 0 auto; } 
 .all-slider .item .txt-box .tags p { font-size: 12px; } 
 .all-slider .swiper-pagination { display: none; } 
 .progress-box { display: flex; flex-direction: column; padding-top: 80px; }
 .progress-box .tit { margin-top: 10px; } 
 .after-list ul { grid-template-columns: repeat(3, minmax(0, 1fr)); }
 .after-list ul li a .subj { font-size: 16px; }
 .after-list ul li a .img, .after-list ul li a .img2 { border-radius: 10px; }
 .after-list ul li .btns { display: block; } 
 .after-list ul li .btns a { display: block; width: 100%;; } 
 .after-list ul li .btns a:last-child { margin: 10px 0 0; } 
 .camp-view .head .btn-back { position: static; } 
 .camp-view .head .title { margin: 15px 0 30px; } 
 .camp-view .head .title h5 { flex-direction: column; gap: 10px; } 
 .camp-view .txt-box2 { display: block; } 
 .camp-view .txt-box2 .img { margin-bottom: 20px; width: auto; } 
 .camp-view .txt-box2 .box { padding: 0; } 
 .camp-view .img2 ul { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } 
 .camp-view .img2 ul li p { font-size: 15px; } 
 .greet-wrap .box { min-height: auto; height: auto; padding: 0; }
 .greet-wrap .box.box1 .inbox { padding: 10vh 5vw; text-align: center; opacity: 1; transform: scale(1); margin-top: 30px; border-radius: 15px;}
 .greet-wrap .box1 svg { width: 80%; height: auto; } 
 .greet-wrap .box1 object { width: 95%; height: auto; transform: translateX(-12%);} 
 .greet-wrap .box + .box { margin-top: 60px !important; }
 .greet-wrap .box .inbox { border-radius: 0; } 
 .greet-wrap .box .bg { position: static; height: 0; padding-top: 60%; border-radius: 15px; } 
 .greet-wrap .box .in { color: #000; padding: 30px 0 0; } 
 .greet-wrap .box .in .t1 { background-color: var(--green); color: #fff; font-size: var(--p3); } 
 .greet-wrap .box .in .t2 { margin-bottom: 15px; } 
 .greet-wrap .box .in .t3 p + p { margin-top: 10px; }
 .welcome { display: block; display: flex; flex-direction: column;; }
 .welcome .info { width: auto; margin-bottom: 20px; order: 2; } 
 .welcome .info .tit { margin: 30px 0 10px; }
 .welcome .img { width: auto; transition-delay: 0s; } 
 .welcome .info .txt br { display: none; }
 .welcome .info .tit em:last-child{left:180px;}
 .mission1 {}
 .mission1 > .box {  }

 .mission1 {height: calc(100svh - 10rem)}
 .mission1 .txt_box .box_wrap .box_cont {display: grid; grid-template-columns: repeat(2,minmax(0,30%)); gap: 20px; transform: translateY(100%); opacity: 0}
 .mission1 .txt_box .box_wrap .box:nth-child(2n) {transform: translateY(40px)}

 .mission1 .txt_box .box_wrap .box + .box {margin-left: 0}
 /*.mission1 .txt_box .box_wrap .box .box_txt .txt {}*/

 
 .mission1 .txt_box .cir_wrap .cir .cir_txt {font-size: var(--p1);}
 .mission1 .txt_box .cir_wrap .cir {width: 28%;}
 .mission1 .h3 { font-size: 22px; } 
 .mission2 .box { border-radius: 0; margin-bottom: 0; } 
 .mission2 .box + .box { margin-top: 20px; }
 .mission2 .box .txt-box {position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #fff; padding: 20px}
 .mission2 .box .bg { padding-top: 70%; height: 0; border-radius: 15px; position: static; }
 .mission2 .box .t1 span {  font-size: var(--p3); padding: 0.4em 1em}
 .mission2 .box .t2 { margin-bottom: 15px; font-size: var(--h2)}
 .mission2 .box .t3 { font-size: var(--p3); font-weight: 500; }
 .mission2 .box .t3 br { display: none; } 
 .mission3 .title { display: block;; } 
 .mission3 .title .h4 { margin-bottom: 20px; } 
 .mission4 { margin-bottom: 0; } 
 .mission4 .eval-wrap ul { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } 
 .mission4 .infos { display: block;; } 
 .mission4 .infos dl + dl { border-top: 1px solid #ddd; padding-top: 20px; margin-top: 20px; border-left: 0; } 
 .mission4 .infos dl dd { font-size: var(--p3)}
 .mission5 { margin-top: var(--mainPd); padding: 0 var(--inPd); padding-bottom:var(--subPd); } 
 .mission5 .box { margin-top: 0; height: auto; border-radius: 0; } 
 .mission5 .box .img { padding-top: 60%; height: auto; position: static; border-radius: 15px; } 
 .mission5 .box .txt { color: #000; padding: 0; margin-top: 30px; } 
 .mission5 .box .txt { padding: 0 var(--inPd); text-align: left; }
 .mission5 .box .txt p { font-size: var(--p2); font-weight: 500; position: relative; opacity: 1; left: 0; top: 0;transform: unset;}
 .mission5 .box .txt p + p{margin-top: 3rem;}
 .mission5 .box .txt p:first-child {font-size: var(--h4); font-weight: 700;}

 .cs-info { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } 
 .cs-info dl:last-child { grid-column: span 2; } 
 .contact-info .btns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } 
 .contact-info .btns a + a { margin-left: 0; } 
 .sub-txt p { font-size: 17px; } 
 .img-wrap1 { height: 250px; margin-bottom: 50px; } 
 .img-wrap1 .txt { font-size: 17px; padding: 0 var(--inPd)}
 .partner { padding-top: 0; } 
 .partner-list ul { grid-template-columns: repeat(3, minmax(0, 1fr)); }

 .ngo-slider .swiper { padding: 0 var(--inPd); margin: 0 calc(-1 * var(--inPd)); } 
 .ngo-list ul { grid-template-columns: repeat(3, minmax(0, 1fr)); }
 .fan-list ul { grid-template-columns: repeat(3, minmax(0, 1fr)); }
 .fan-list ul li a p { font-size: 15px; margin-top: 10px; }
 .h4 .desc { display: block; margin: 10px 0 0;; } 
 .principle-wrap ul { grid-template-columns: repeat(2, minmax(0, 1fr)); } 

 .business { display: block; padding-top: 6rem;}
 .business .title { position: static; margin-right: 0}
 .business .title .h4 { margin-bottom: 10px; } 
 .business .list { width: auto;} 
 .business .list .description {margin-bottom: 60px;}
 .business .list .item + .item {margin-top: 60px; margin-bottom: 0;}
 .business .list .description + .item {margin-top: 60px;}

 .benefit .ref_txt {padding-top: 20pxs;}
 
 .statement { display: block;; } 
 .statement .item + .item { margin-top: 10px; } 
 .search-head { display: block; } 
 .search-head .tabs { margin-bottom: 10px; } 
 .search-head .search-box { width: 100%; } 
 .search-head .search-box input { height: 3.3em; }

 .qna-list ul li a { display: flex; padding: 20px 0; flex-wrap: wrap; height: auto; justify-content: flex-start; } 
 .qna-list ul li a .type { width: auto; text-align: left; } 
 .qna-list ul li a .subj { font-size: 16px; flex-basis: 100%; margin: 5px 0 10px; } 
 .qna-list ul li a .subj .stat { display: inline-flex; vertical-align: middle; width: auto; margin-right: 5px; } 
 .qna-list ul li a .name { width: auto; text-align: left; margin-right: 10px; display: inline-block}
 .qna-list ul li a .date { width: 65px; text-align: left; } 
 .qna-list ul li a > .stat { margin-left: auto ; width: auto}

 .receipt_page .qna-list ul li a .subj{padding-left:0;}

 .board-view .title { display: block; } 
 .board-view .title .etc { margin: 5px 0 0; } 
 .board-view .replay { padding: var(--inPd); } 
 .board-view .replay { padding: var(--inPd)}
 .board-write dl dt { width: 100%; padding: 0; margin-bottom: 10px;} 
 .sub-visual.sub_need-help .head h2 { font-size: 26px; }
 .lines.type2 svg{display: none}
 .lines.type2 object{display:none;}
 .doc-wrap { display: block; } 
 .doc-wrap .title { margin-bottom: 20px; position: static; } 
 .doc-wrap .list { width: auto; } 
 .doc-wrap .list .item .txt small { display: block; } 

 .doc-wrap .btns .btn-download { display: flex; }

 /* 미션 6개
 .eval-wrap ul li:nth-child(3),
 .eval-wrap ul li:nth-child(4) { margin-top:-4rem; } 
 */
 .slider2 .swiper { padding: 0 var(--inPd); margin: 0 calc(-1 * var(--inPd)); } 
 .slider2 .swiper-slide .item { display: block; } 
 .slider2 .swiper-slide .item .img { width: auto; } 
 .slider2 .swiper-slide .item .info { padding: 20px 0 0; } 
 .slider2 .swiper-slide .item .info .head { margin-bottom: 10px; } 
 .slider2 .swiper-pagination { display: block; position: relative; height: 2px; background-color: #ddd; margin-top: 8rem; } 
 .slider2 .swiper-pagination .swiper-pagination-progressbar-fill { background-color: var(--green); height: 2px; bottom: 0; top: unset; } 
 .slider2 .controls.controls { display: none; } 
 .calendar-type .popup { width: calc(100vw - calc(var(--inPd) * 2)); }
 .scroll-area { overflow: auto;; }
 .scroll-area .schedule-box { min-width: 800px; } 
 .tabs { margin-bottom: 15px !important; display: flex; flex-wrap: nowrap !important; overflow: auto; width: calc(100% + calc(var(--inPd) * 2)); padding: 0 var(--inPd); margin-left: calc(var(--inPd) * -1); } 
 .tabs a {font-size: var(--p2);}
 .tabs::-webkit-scrollbar { display: none; } 
 .tabs a:last-child { margin-right: 0; } 
 .greet-wrap .box .in .t3 { font-size: 14px; } 
 .greet-wrap .box .in .only-pc { display: none; }






 .btn-type1 {font-size: var(--p2); height: 2.8em; line-height: 2.8em;}
 .after-list ul li a .img2 .labels {left: 2rem; top: 2rem}
 .after-list ul li a .img2 .labels p { border-radius: 5em; font-size: 11px}
 .after-list ul li a .cate {margin-bottom: 5px;}


 .ci_sect .logo_box .logo {font-size: 2vw;}

 .ci_sect .cont_box .left_cont {flex-shrink: 0;}
 .ci_sect .cont_box .right_cont {width: 80%;}
 .ci_sect .cont_box .right_cont .color_cont {margin-top: 60px;}


 .partner-view .info .pop-slider{width: 100%;}
 .sub_regular-support .lines.type2 svg{display: none;}
 .story-wrap .wrap2 ul li .item .cont{position: relative;}
 .ci_sect .cont_box .right_cont .color_cont .box_wrap .box{ padding: 8rem 4rem; }


 .lecture_page .lecture_visual .swiper-slide {display: flex; flex-direction: column; border-radius: 0;}
 .lecture_page .lecture_visual .bg {padding-top: max(65% , 230px); border-radius: 20px; overflow: hidden;}
 .lecture_page .lecture_visual .txt_box {color: #000; position: relative; order: 2; padding-bottom: 40px; }
 .lecture_page .lecture_visual .txt_box .tag {margin-top: 15px;}
 .lecture_page .lecture_visual .txt_box .tag li {height: 2em; line-height: 2em; font-size: var(--p3); margin-right: 5px; margin-bottom: 5px;}

 /*.lecture_page .lecture_visual .txt_box .btns,*/
 .lecture_page .lecture_visual .txt_box .txt,
 .lecture_page .lecture_visual .txt_box .tit {color: #000 !important;}
 /*.lecture_page .lecture_visual .txt_box .btns .btn-main-more {border: 1px solid #000 !important;}*/
 .lecture_page .lecture_visual .txt_box .in {padding: 0; margin-top: 30px; align-items: flex-start}

/*.lecture_page .lecture_visual .txt_box .btns .btn-main-more svg circle {fill: #000;}*/
/*.lecture_page .lecture_visual .txt_box .btns .btn-main-more svg path {fill: #fff;}*/


 
 .lecture_page .point_sect .cont_box {display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 20px;}
 .lecture_page .point_sect .cont_box .cont {width: 100%; padding-top: 0; margin: 0  !important; }

 .lecture_page .point_sect .cont_box .cont .box {position: relative;}
 .lecture_page .point_sect .cont_box .cont .box .txt_box {margin-top: 20px}

 .lecture_page .point_sect .cont_box .cont:last-child {grid-column: 1 / 3;}
 .lecture_page .point_sect .cont_box .cont:last-child .box .txt_box br {display: none}


 .lecture_page .curiosity_sect .cont_in .tit_box {width: 100%;}
 .lecture_page .curiosity_sect .cont_in .tit_box br {display: none;}
 .lecture_page .curiosity_sect .cont_in {flex-direction: column; width: 100%; justify-content: flex-start; align-items: flex-start;}
 .lecture_page .curiosity_sect .cont_in .slide {width: 100%; height: auto;}

 .lecture_page .curiosity_sect {height: auto; padding: 60px 0; overflow: hidden;}
 .lecture_page .curiosity_sect .cont_in .tit_box .desc {margin-top: 15px;}
 .lecture_page .curiosity_sect .cont_in .tit_box .txt {margin-top: 5px;}

.lecture_page .curiosity_sect .cont_in .slide {margin-top: 40px; width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); padding-left: var(--inPd);}
.lecture_page .curiosity_sect .cont_in .slide .swiper {overflow: visible;}
.lecture_page .curiosity_sect .cont_in .slide .item .spe_box {align-items: flex-end;}
.lecture_page .curiosity_sect .cont_in .slide .item .spe_box .profile {margin-left: 20px; width: 55px; height: 55px;}
.lecture_page .curiosity_sect .cont_in .slide .item.right .spe_box {flex-direction: row;}
.lecture_page .curiosity_sect .cont_in .slide .item.right .spe_box .profile {margin-left: 20px; margin-right: 0rem; }
.lecture_page .curiosity_sect .cont_in .slide .item .spe_box .spe::before { border-left: 10px solid transparent;border-right:10px solid #713B00; right: 15px; bottom: 50%; transform: translate(100%,50%) rotate(45deg);}
.lecture_page .curiosity_sect .cont_in .slide .item.right .spe_box .spe::before {right:15px; left: auto; border-left: 10px solid transparent;border-right:10px solid #713B00;}
.lecture_page .curiosity_sect .cont_in .slide .item .txt_box {font-size: var(--p2);}


.lecture_page .partner_sect .tab_wrap .tab_cont .cont {display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap:15px;}
.lecture_page .zero_sect .cir_box {width: 100%;}
.lecture_page .zero_sect .cir_box .cir {width: 40%; padding-top: calc(40% - 7px);}
.lecture_page .zero_sect .cir_box .cir .tit {font-size: var(--h4);}
.lecture_page .zero_sect .cir_box .cir + .cir {margin-left: -20px;}
.lecture_page .zero_sect .txt_box .tit p {margin: 0 0.5em;}

.board-view .body table td,
.board-view .body table,
.board-view .body figure,
.board-view .body div {width: 100% !important; box-sizing: border-box !important; padding: 0 !important;}


 .search-head.type2 form .tab_line {}
 .search-head.type2 form .tab_line .tabs {display: none}
 .search-head.type2 form .tabs_select {margin-right: 7px}
 .search-head.type2 form .tabs_select .nice-select {width: 6.5em; height: 3.3em; line-height: 3.3em; padding: 0 1em;font-size: var(--p2); border: none; border-radius: 10em; text-align: center; background-color: var(--green); color: #fff; font-weight: 600}
 .search-head .search-box.type2 {padding-left: 1.1em}
 .search-head .search-box .btn-srch {right: 1.1em}
 .search-head .search-box.type2 {height: 3.3em}
 .search-head .search-box.type2 .nice-select {padding-right: 15px; height: 3.3em}
 .search-head .search-box.type2 .nice-select:after {border-width: 1.5px}
 .search-head .search-box.type2 input {height: 3.3em; padding-left: 0.7em}

 .search-head.type2 form .tabs_select .nice-select:after {width: 0.5em;height: 0.5em;margin-top: -6px;right: 1em;border-color: #fff;border-width: 1.5px;}
 .search-head.type2 form .tabs_select .nice-select .list {color: #000}


 .qna-list ul li a .subj svg{width: 0.8em; margin-right: 5px !important; margin-bottom: 0.1em;}


 /* new 달력 추가 */
 .cal_sect .cal_cont{display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); align-items: flex-start; gap:25px 0rem;}

 .cal_sect .cal_cont .cal_wrap .cal_box .week_wrap{border-bottom:none;}
 .cal_sect .cal_cont .cal_wrap .cal_box .day_wrap .day .dot{ width: 5px; height: 5px;}
 .cal_sect .cal_cont .sche_wrap .sche .info_box .list .item .label{min-width: 10rem;}

 .cal_sect .cal_cont .empty_schedule{padding: 10rem 0; background-color: #fff; border-radius: 20px;}

 .cal_sect .cal_cont .sche_li_wrap {order: 2; padding:0;}
 .cal_sect .cal_cont .sche_li_wrap { display: flex; align-items: stretch; justify-content: flex-start;  width: calc(100% + calc(var(--inPd) * 2)); margin-left: calc(-1 * var(--inPd)); overflow: auto; padding: 0 20px; }
 .cal_sect .cal_cont .sche_li_wrap .sche_li .info_box .list .item .label{width: 55px;}
 .cal_sect .cal_cont .sche_li_wrap::-webkit-scrollbar {  }
 .cal_sect .cal_cont .sche_li_wrap .sche_li { min-width: 250px; padding: 10px; }
 .cal_sect .cal_cont .sche_li_wrap .sche_li:before,
 .cal_sect .cal_cont .sche_li_wrap .sche_li:after{display: none;}
 .cal_sect .cal_cont .sche_li_wrap .sche_li + .sche_li { margin-top: 0; margin-left: 10px; }

 .cal_sect .cal_cont .sche_li_wrap .sche_li:hover { border: 2px solid #fff; }


 .trans_page .only-m { display:block !important; }
 .trans_page .only-tb { display:none !important}
 .trans_page .sub-txt .only-m { padding:0;}


 .onetime1 { display:flex; gap:0 20px;}
 .onetime1 .onetime-box { display:block; flex:1; }
 .business .list { grid-template-columns: repeat(2, minmax(0, 1fr)) ; display:grid; gap:40px 20px;}
 .business .list .item + .item { margin-top:0;}

 .sub_total-donation .sub-menu.sticky .swiper-slide{height:48px; min-height:0;}
 .sub_total-donation .sub-menu.sticky .swiper-slide:before{width: 5px; height: 5px;}
 /*.sub_total-donation .sub-menu.sticky .swiper-slide.active:before{top: 6px;}*/

 .partner-type .popup{max-width: calc(100vw - calc(var(--inPd) * 2));}
 .partner-view .info { display: block; margin-bottom: 10px;}
 .partner-view .info .text { margin: 20px 0 0; }
 .partner-view .info .text .user_box{margin-top: 10px; margin-bottom: 20px;}
 .partner-view .user_box_all{margin-top: 20px;}
 .partner-view .donation_step .list{grid-template-columns:repeat(2, minmax(0, 1fr)); gap:15px 20px; margin-top: 20px;}
 .partner-view .donation_step .list .item:before{display:none}

 .partner-list ul li a .img:before{display: none;}
 .partner-list ul li a:hover .name{color:inherit;}

 .partner_page .ngo-list ul li a:before{display:none;}

 .lecture_page .partner_sect .slide_item .slide_cont .swiper_btn{display:none;}

 .foryou .swiper { padding: 0 var(--inPd) 6rem; width: 100%; margin-left: 0;}
 .course .list .item{padding-bottom:10rem}

 .sub_total-donation .sub-menu.sticky .swiper-slide:before{width: 4px; height:4px;}
 .sub_total-donation .lines.type2{display:none;}

 .foryou .control_wrap .swiper-button-prev:before,
 .foryou .control_wrap .swiper-button-next:before {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.831' height='14.831' viewBox='0 0 8.831 14.831'%3E%3Cpath id='패스_13816' data-name='패스 13816' d='M4.916-6l-.706.706-6,6-.709.709L-3.916,0l.706-.706L2.084-6l-5.291-5.294L-3.916-12-2.5-13.416l.706.706,6,6Z' transform='translate(4.916 1.416) rotate(180)' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat center center / 40%;}
 .foryou .control_wrap .swiper_btn_wrap > .swiper_btn:hover:before {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.831' height='14.831' viewBox='0 0 8.831 14.831'%3E%3Cpath id='패스_13816' data-name='패스 13816' d='M4.916-6l-.706.706-6,6-.709.709L-3.916,0l.706-.706L2.084-6l-5.291-5.294L-3.916-12-2.5-13.416l.706.706,6,6Z' transform='translate(4.916 1.416) rotate(180)' fill='%23000000'/%3E%3C/svg%3E") no-repeat center center / 40%;}




}



@media screen and (max-width: 690px){
 .history-wrap .title { flex:0 0 40%;padding-top:60px; float:left; }
 .history-wrap .list { flex:0 0 60%; padding-top:60px; overflow:hidden; padding-left:10px; width:auto;}
 .history-wrap .history-nav { flex-shrink: 0;  position: sticky; left: 0; right: 0; top: 60px; width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); opacity: 1; order: 1; transition: top 0.4s ease-in-out;}

 body.down .history-wrap .history-nav {top: 0px;}

 .history-wrap .history-nav ul { width: auto; height: 40px; border-radius: 0; border-top: 1px solid #ddd; display: flex; justify-content: center; padding: 0 10px; background-color: var(--green);}
 .history-wrap .history-nav ul li a { width: auto; height: auto; display: block; padding: 0 10px; line-height: 39px; }
 .history-wrap .history-nav ul li a em { display: none; }
 .history-wrap .history-nav ul li a span { position: static; opacity: 1; font-size: 14px; visibility: visible; color: var(--gray6); color: #fff; opacity: 0.4; }
 .history-wrap .history-nav ul li.active a span { color: #fff; opacity: 1;; }

 .history-wrap { display:block; }



}

@media screen and (max-width: 600px){

    .story-wrap .wrap2 .title p br { display: none; } 
    .story-wrap .wrap2 ul li .item .txt br { display: none; } 
    .last-donation .t2 br { display: none; } 
    .top-img dl dd br { display: none; } 
    .faq-wrap .list .item .q br { display: none; } 

    .ci_sect .cont_box {display: block; margin-top: 30px;}
    .ci_sect .cont_box .right_cont {width: 100%; margin-top: 15px; margin-left: 0; }

    



    .mission1 > .box {padding: 10rem 0;}
    .mission1 .txt_box {position: relative; transform: unset; top: 0; left: 0;}
    .mission1 .txt_box .tit {font-size: 6.5vw}
    .mission1 .txt_box .box_wrap .box_cont {grid-template-columns: repeat(2, minmax(0, 1fr));}
    .mission1 .txt_box .box_wrap .box .box_txt .txt {font-size: var(--h3)}
    .mission1 .txt_box .box_wrap .box .box_txt .num {font-size: var(--p2)}
    .mission1 .flower {position: absolute; left: 50%; top: 0%; transform: translate(-50%,0%) !important; width: 90%; height: 100%; display: flex; align-items: flex-end; justify-content: center; opacity: 0}
    .mission1 .flower object {width: 100%; height: auto}




 /*.mission1 .txt_box .cir_wrap {flex-wrap: wrap}*/
    /*.mission1 .txt_box .cir_wrap .cir {width: 50%;}*/
    /*.mission1 .txt_box .cir_wrap .cir:nth-child(n+3) {margin-top: -4rem;}*/
    /*.mission1 .txt_box .cir_wrap .cir .cir_txt .ico {width: 2em; height: 2em;}*/



    .lecture_page .lecture_visual .txt_box .tit {font-size: 24px;}
    .lecture_page .lecture_visual .txt_box .btns {margin-top: 30px;}

    .lecture_page .point_sect .cont_box {gap: 15px;}
    .lecture_page .point_sect .cont_box .cont .box {padding: 20px 15px;}
    .lecture_page .point_sect .cont_box .cont .box .txt_box .tit {font-size: var(--h4);}
    .lecture_page .review_sect .slide {width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); padding-left: var(--inPd);}
    .lecture_page .review_sect .swiper {overflow: visible;}
    .lecture_page .review_sect .swiper-slide {padding: 20px;}
    .lecture_page .review_sect .swiper-slide .txt {margin-top: 15px;}


    .lecture_page .curiosity_sect .cont_in .slide .item.right .spe_box,    
    .lecture_page .curiosity_sect .cont_in .slide .item .spe_box { font-size: 12px;}

    .lecture_page .curiosity_sect .cont_in .slide .item .spe_box .spe {font-size: var(--p3); min-height: 5.8em}

    .pagis a {padding: 4rem 0;}

    .ci_sect .cont_box .right_cont .color_cont .box_wrap .box .txt {font-size: var(--p3);}


   .greet_page .card_sect .card {padding: 30px 20px 45px; overflow: hidden; }
   .greet_page .card_sect .card .img {font-size: 0.6rem;}

   .greet_page .card_sect .card .graph_box{height: 30rem; margin-top: 16rem ;}
   .greet_page .card_sect .card .graph_box { padding: 0 30px; }
   .greet_page .card_sect .card1 .graph_box { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
   .greet_page .card_sect .card2 .graph_box { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }

   .greet_page .card_sect .card .graph_box .bar_box .bar { width: 10rem; max-width: 100%; border-radius: 10px 10px 0 0; }
   .greet_page .card_sect .card .graph_box .bar_box .label { position: absolute; left: 50%; top: -0.5em; font-size: 10px;}
   .greet_page .card_sect .card .graph_box .bar_box .btm_label { top: calc(100% + 2rem); font-size: 10px; }
   .greet_page .card_sect .card .graph_box .bar_box.current .label { top: -0.75em; }

   .greet_page .card_sect .card .bar_box.current .label { padding: 0.9em 1.3em 0.7em; font-size: 12px;}

   .trans_page .only-m { padding: 0; }
   .partner-list ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
   .after-list ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
   .ngo-list ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
   .fan-list ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }

   /* 연혁 이쪽으로 옮김 */
 .history-wrap { display: flex;  flex-direction: column; align-items: flex-start; justify-content: flex-start;}
 .history-wrap .title { top: calc(var(--headerH) + 40px); width: calc(100% + var(--inPd) * 2); margin: 0 calc(var(--inPd) * -1) 40px; height:55vw;background-color: #fff; z-index: 2; order: 2; transition: top 0.4s ease-in-out; padding-top:0; flex:unset; }
 .history-wrap .title:before {content: ""; position: absolute; left: 0; bottom: 0; transform: translateY(100%); width: 100%; height: 40px;background: linear-gradient(180deg, rgb(255 255 255) 30% 20%, rgba(255, 255, 255, 0) 100%)}
 body.down .history-wrap .title {top: 40px;}
 .history-wrap .title .img {position: relative; padding-top: 50% ; border-radius: 0;}
 .history-wrap .title .img img {position: absolute; left: 50%; top: 0; transform: translateX(-50%) ;width: calc(81% - var(--inPd) * 2); height: 100%; object-position: center; object-fit: cover;border-radius: 15px}
 .history-wrap .title h4 { font-size: 0px; margin: 10px 0; }
 .history-wrap .title .box { position: absolute; transform: unset; background-color: #fff; width: 100%;}
 .history-wrap .list .sec .month {padding-left: 20px;}

 .history-wrap .list { width: 100%; padding-left: 10px; padding-right:0; order: 3; padding-top:0;}


 .onetime1 { display:block;}
 .benefit .list { display:block;}
 .benefit .item + .item { margin-top:12rem;}
 .business .list { display:block;}
 .business .list .item + .item { margin-top:60px;}
 .eval-wrap ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }


 .doc-wrap .btns { display:block;}
 .doc-wrap .btns .btn-download + .btn-download { margin-top: 10px; margin-left: 0; }

 .ngo-slider .item p.txt br{display:none;}
 .partner-view .donation_step .list{gap:15px 15px;}

 .fan-tags .box dl dd{font-size: 16px;}
 .sub_total-donation .faq-wrap{padding-top:0}


}




@media screen and (min-width: 1240px){
 .tabs a:hover { background-color: var(--green); color: #fff; } 
 .all1 .swiper-button-prev:hover, .all1 .swiper-button-next:hover { background-color: #fff; } 
 .all1 .swiper-button-next:hover svg path, .all1 .swiper-button-prev:hover svg path { fill: var(--green); } 
 .sub-menu .swiper-slide.active, .sub-menu .swiper-slide:hover { color: var(--green); } 
 .after-list ul li a:hover .img img { transform: scale(1.2); } 
 .after-list ul li a:hover .img2 img { transform: scale(1.2); }
 .after-list ul li a .subj {transition: color 0.3s ease-in-out;}
 .after-list ul li a:hover .subj {color:var(--green);}
 .pagis a:hover { background-color: #f6f6f6; } 
 .qna-list ul li a:hover { background-color: #f6f6f6; } 
 .btn-type1:hover { background-color: var(--green); color: #fff; border-color: var(--green)}
 .slider1 .swiper-slide .item:hover .info { max-height: 30rem; } 
 .slider1 .swiper-slide .item:hover .info p { opacity: 1; } 
 .slider1 .swiper-slide .item:hover .info small { opacity: 1; } 
 .slider1 .swiper-slide .item:hover .info i:after { transform: rotate(0deg); opacity: 0; } 
 .corporate2 .in .title .btns a:hover { background-color: #fff; color: #1C1C1C; fill: #1C1C1C; } 
 .sub-practice .slider .swiper-slide a:hover .img img { transform: scale(1.2); } 
 .btn-type2:hover { background-color: #fff; color: var(--green); } 
 .doc-wrap .btns .btn-download:hover { background-color: var(--black); color: #fff; } 
 .doc-wrap .btns .btn-download:hover em i + i { opacity: 1; transform: unset; } 
 .doc-wrap .btns .btn-download:hover em i { transform: translateY(100%); opacity: 0; } 
 .statement .item ul li a:hover { background-color: #f6f6f6; } 
 .popup .login-area .btns .btn-naver:hover { background-color: #fff; color: #2EB400; } 
 .popup .login-area .btns .btn-naver:hover svg path { fill: #2EB400; } 
 .popup .login-area .btns .btn-kakao:hover { background-color: #fff; color: #FFCD00; } 
 .popup .login-area .btns .btn-kakao:hover svg path { fill: #FFCD00; } 
 .my_page .sub_more_btn:hover {background-color: #000; color: #fff;}

 .support-list .list-box .btn-join:hover{background-color: #fff; color:#000;}
 .support-list .list-box .btn-join:hover svg path{fill:#000;}
 }