@font-face { font-family: 'KoPubBatangPro'; src: url('../fonts/KoPub Batang_Pro Bold.otf') format('opentype'); font-weight: 700; font-style: normal; } 
@font-face { font-family: 'KoPubBatangPro'; src: url('../fonts/KoPub Batang_Pro Light.otf') format('opentype'); font-weight: 300; font-style: normal; } 
@font-face { font-family: 'KoPubBatangPro'; src: url('../fonts/KoPub Batang_Pro Medium.otf') format('opentype'); font-weight: 500; font-style: normal; } 
@font-face { font-family: 'MAPOFLOWERISLAND'; src: url('../fonts/MAPOFLOWERISLAND.otf') format('opentype'); font-weight: normal; font-style: normal; } 
@font-face { font-family: 'Pretendard'; src: url('../fonts/PretendardVariable.woff2') format('woff2-variations'), url('../fonts/PretendardVariable.woff2') format('woff2'); font-weight: 100 900; font-style: normal; } 
.kpl { font-family: 'KoPubBatangPro'; font-weight:300; } 
.kpm { font-family: 'KoPubBatangPro'; font-weight:500; } 
.kpb { font-family: 'KoPubBatangPro'; font-weight:700; } 
.mpf { font-family: 'MAPOFLOWERISLAND'; } 
.pret { font-family: 'Pretendard'; } 
.rdfont { color:#f33838; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8); } 
.mobr{display:none;}
* { margin: 0; padding: 0; box-sizing: border-box; } 
body { overflow-x: hidden; min-width:1360px; } 


/* 1구역 - 동영상 섹션 */
.video-section { height: 100vh; position: relative; overflow: hidden; } 
.video_overlay_logo { position:absolute; top: 80px; right: 100px; width:200px; z-index:1; } 
.video_overlay_logo img { width:100%; } 
.video-container { width: 100%; height: 100%; position: relative; pointer-events: none;; } 
.video-background { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; } 
.video-overlay { position: absolute; bottom: 150px;;  left: 200px; width: 100%; height:auto; color: white;  width:500px;} 
.video-overlay2 { position: absolute; bottom: 150px;  right: 100px; width: 100%; height:auto; color: white; width:150px; position:fixed; z-index:9999;} 
.video-overlay img{width:100%;}
.video-overlay2 img{width:100%;}
.cta-mobile{display:none;}
.cta-desktop{display:block;}
.video-content { text-align:left; } 
.video-content img { margin: 0px 10px; height:5px; } 
.video-content h1 { font-weight:300; font-size: 36px; margin-bottom: 1rem; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8); } 
.video-content p { display:flex; align-items:flex-end; margin: 55px 0px 45px; font-size: 90px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8); font-weight:300; } 
.video-content span { font-size:28px; font-weight:300; line-height:1.5; }
.scroll-down-indicator { position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; color: white; z-index: 10; animation: bounce 1.2s infinite; }
.scroll-down-text { font-family: 'Pretendard'; font-size: 14px; font-weight: 400; letter-spacing: 1px; margin-bottom: 8px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8); }
.scroll-down-arrow { display: flex; align-items: center; justify-content: center; }
@keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateX(-50%) translateY(0); } 40% { transform: translateX(-50%) translateY(-10px); } 60% { transform: translateX(-50%) translateY(-5px); } } 
.section-five-1 .scroll-down-indicator{position:sticky; top: calc(100% - 80px);left: 50%;bottom: 0px;width: fit-content;}
.scroll-down-text.mo{display:none;}
/* 2구역 - 스크롤 섹션 */
.scroll-section { height: 600vh; position: relative; } 
.scroll-container { position: sticky; top: 0; height: 100vh; overflow: hidden; } 
.background-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 
.background-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; opacity: 0; transition: opacity 1s ease-in-out; } 
.bg1 { background-image: url('../images/sect2/un-void-01-2.jpg'); } 
.bg2 { background-image:url('../images/sect2/un-void-02-2.jpg'); } 
.bg3 { background-image: url('../images/sect2/un-void-03-2.jpg'); } 
#image-1 { background-image: url('../images/sect2/un-void-01-1.png'); } 
#image-2 { background-image:url('../images/sect2/un-void-02-1.png'); } 
#image-3 { background-image: url('../images/sect2/un-void-03-1.png'); } 

.content-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; padding: 0 5%; } 
.content-set { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; padding: 0 5%; } 
.content-dimm { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); opacity: 0; transition: all 1s ease-in-out; } 
.content-dimm.visible { opacity: 1; } 
.content-left { opacity: 0; transform: translateX(0); transition: all 1s ease-in-out; position:absolute;; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; } 
.content-right { position:absolute; left:50%; top:50%; width: auto; padding-left: 2rem; opacity: 0; transform: translateX(50px); transition: all 1s ease-in-out; } 
.content-left.visible, .content-right.visible { opacity: 1; transform: translateX(0); } 
.content-right.visible { opacity:0.9; } 
.content-image { width: 100%; border-radius: 10px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); } 
.content-text { opacity:0.9; transform:translate(50%,-50%); color: white; } 
.content-text h2 { font-size: 38px; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8); font-weight:300; line-height:1.4; letter-spacing:1px; } 
.content-text p { font-size: 1.2rem; line-height: 1.8; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8); } 
#text-3 .content-text { transform:translate(50%,30%); text-align:right; } 
#text-3 .content-text .kpm { line-height:1.6; } 

/* 3구역 - 새로운 스크롤 섹션 */
.section-three { height: 500vh; position: relative; } 
.section-three-container { position: sticky; top: 0; height: 100vh; background-image:url('../images/sect3/4.jpg'); overflow: hidden; background-size:cover; background-repeat: no-repeat; } 
.section-three-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; padding: 0 5%; } 
.section-three-dimm { } 
.section-three-dimm.visible { opacity: 1; transform: translateX(0); } 
.section-three-text { position: relative; z-index: 10; color: white; max-width: 600px; margin-left: 5%; } 
.section-three-title { font-size: 40px; line-height:1.4; font-weight:700; margin-bottom: 40px; opacity: 0; transform: translateY(50px); transition: all 1s ease-in-out; } 
.section-three-title.visible { opacity: 0.9; transform: translateY(0); } 
.section-three-subtitle { font-size: 24px; opacity: 0; transform: translateY(50px); transition: all 1s ease-in-out; } 
.section-three-subtitle.visible { opacity: 0.85; transform: translateY(0); } 
.section-three-front { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image:url('../images/sect4/un-void-05.jpg'); background-size: cover; background-position: center; display: flex; align-items: center; justify-content: center; color: white; font-size: 3rem; font-weight: bold; opacity: 0; transform: scale(1); transition: all 1s ease-in-out; z-index: 30; } 
.section-three-front.visible { opacity: 1; } 
.section-three-front-text { transition: all 1s ease-in-out; opacity: 0; text-shadow: 2px 2px 3px rgba(0,0,0,1); text-align: center; font-weight: 700; line-height: 1.6; font-size: 44px; } 
.section-three-front-text img{width:320px; transform:translateY(14px); margin :0px 8px;} 
.section-three-front-text.visible{opacity:1;}

/* 4구역 - 스케일 및 배경 전환 섹션 */
.section-four { height: 300vh; position: relative; } 
.section-four-container { position: sticky; top: 0; height: 100vh; overflow: hidden; } 
.section-four-front { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image:url('../images/sect4/un-void-05.jpg'); display: flex; align-items: center; justify-content: center; color: white; font-size: 3rem; font-weight: bold; opacity: 1; transform: scale(1); transition: all 1s ease-in-out; z-index: 20; } 
.section-four-front.visible { opacity: 1; } 
.section-four-front.scaled { transform: scale(1); opacity: 1; } 
.section-four-front-text { transition: all 1s ease-in-out;  opacity:0; text-shadow:2px 2px 3px rgba(0,0,0,1); text-align:center; font-weight:700; line-height:1.6; font-size:44px; } 
.section-four-front.visible .section-four-front-text{opacity:1;}
.section-four-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image:url('../images/sect4/un-void-06-2.jpg'); background-size: cover; background-position: center; opacity: 0; transition: all 1s ease-in-out; z-index: 21; } 
.section-four-background.visible { opacity: 1; } 
.section-four-dimm { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image:url('../images/sect4/un-void-06-1.png'); background-size: cover; background-position: center; opacity: 0; transition: all 1s ease-in-out; z-index: 22; } 
.section-four-dimm.visible { opacity: 1; } 
.section-four-top-text { width:100%; text-align:center; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-180%); font-weight:500; color: white; z-index: 25; opacity: 0; transition: all 1s ease-in-out; } 
.section-four-top-text .rdfont{font-weight:700;}
.section-four-top-text.visible { opacity: 1; } 
.section-four-top-text h2 { line-height:1.6; font-size: 40px; font-weight:500; opacity:0.9; } 
.section-four-top-text h2 img { height:44px; width:80px; transform:translateY(25px);} 
.section-four-bottom-box { height: 50%; position: absolute; transform:translateY(100%); bottom: 0; left: 0; width: 100%; transition: all 1s ease-in-out; z-index: 30; display: flex; flex-direction: column; justify-content: center; padding-top:70px; background:url('../images/sect4/Layer 3 copy 5.png') no-repeat; } 
.section-four-bottom-box.visible { height: 50%; transform:translateY(0) } 
.section-four-box-content { opacity: 0; display:flex; flex-direction:column; justify-content: center; align-items:center;; transition: all 1s ease-in-out; } 
.section-four-box-content.visible { opacity: 0.9; } 
.section-four-box-content h3 { text-align:center; line-height:1.6; font-size: 32px; margin-bottom:40px; color: #524a44; font-weight:500;} 
.section-four-box-content p { text-align:center; font-weight:500; font-size: 20px; color: #524a44; line-height: 1.6; } 
.section-four-box-content p span { color:#524a44; font-size:30px; margin-left:20px; font-weight:700; } 
.left_image { position:absolute; left:-7%; bottom:0; opacity:0.1; width:430px; display:none; } 
.left_image img { width:100%; } 

/* 5구역 - 통계 데이터 섹션 */
.section-five { height: 600vh; position: relative; } 
.section-five-container { position: sticky; top: 0; height: 100vh; background: #440606; overflow: hidden; } 
.stats-slide {top:50%; left:50%; transform:translate(-50%,-50%); width:80%; max-width:1500px;  position:absolute;opacity:0; transition: all 1s ease-in-out; } 
.stats-slide img{width:100%;}
.stats-slide .moImg{display:none;}
.stats-slide.visible { opacity: 1; } 
.stats-content { } 
.stats-visual { display: flex; align-items: flex-end; justify-content: center; height:100%; } 
.stats-image { width: 100%; border-radius: 10px; opacity: 0; transition: all 1.5s ease-in-out; display:flex; align-items:flex-end; } 
.stats-image.visible { opacity: 1; transform: translateX(0); } 
.stats-title { display:flex; flex-direction:column; opacity: 0; transform: translateY(30px); transition: all 1s ease-in-out; margin-bottom:30px; } 
.stats-title.visible { opacity: 1; transform: translateY(0); } 
.stats-title span { width:fit-content; background: white; color: #440606; padding: 10px 10px 6px; font-size: 60px; font-weight: bold; margin-bottom: 5px; display: inline-block; } 
.stats-number { margin-left:30px; font-size: 36px; font-weight: bold; margin: 1rem 0; opacity: 0; transform: translateY(30px); transition: all 1s ease-in-out; margin-left:10px; } 
.stats-number.visible { opacity: 1; transform: translateY(0); font-weight:500; } 
.stats-number .fontbig { font-size:60px; font-weight:700; } 
.stats-description { font-weight:300; font-size: 26px; line-height: 1.7; opacity: 0; transform: translateY(30px); transition: all 1s ease-in-out; margin-top:80px; margin-left:10px; } 
.stats-description.visible { opacity: 1; transform: translateY(0); } 
.stats-description strong { font-weight:600; margin-right:35px; } 

.section-five-1 { height: 300vh; position: relative; } 
.section-five-1-container { position: sticky; top: 0; height: 100vh; background: #440606; overflow: hidden; } 
.final-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image:url('../images/sect5/un-void-07.jpg'); background-size: cover; background-position: center; opacity:1; transition: opacity 0.8s ease-in-out; display: flex; align-items: center; justify-content: center; } 
.final-text { line-height:1.7; text-align: center; color: white; opacity: 0; transform: translateY(30px); transition: all 0.6s ease-out; } 
.final-text.visible { opacity: 0.9; transform: translateY(0); } 
.final-text h2 { font-size: 40px; font-weight:500; text-shadow: 2px 2px 4px rgba(0,0,0,0.5); } 
.final-text p { font-size: 40px; font-weight:500; text-shadow: 1px 1px 2px rgba(0,0,0,0.5); } 
.final-text .cta_btn{    display: flex;width: 354px;margin: 0 auto;}
.final-text .cta_btn img{width:100%;} 
/* 6구역 - 탭 인터랙션 섹션 */
.section-six { height: 1500vh; position: relative; } 
.section-six-container { position: sticky; top: 0; height: 100vh; overflow: hidden; background-image:url('../images/sect6/i10.jpg');background-size: cover; background-position: center; background-repeat:no-repeat;  z-index:5 } 
.section-six-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; opacity: 0; transition: opacity 1.5s ease-in-out; } 
.section-six-background.visible { opacity: 1; transition: opacity 1s ease-in-out; } 
.section-six-container.visible{background-image:none;}
.bg-tab-1 { background-image:url('../images/sect6/i10.jpg'); background-size: cover; background-position: center; background-repeat:no-repeat; z-index:6 } 
.bg-tab-2 { background-image:url('../images/sect6/i8.jpg'); background-size: cover; background-position: center; background-repeat:no-repeat;  z-index:8} 
.bg-tab-3 { background-image:url('../images/sect6/i6.jpg'); background-size: cover; background-position: center; background-repeat:no-repeat;  z-index:10 } 
.bg-tab-4 { background-image:url('../images/sect6/i4.jpg'); background-size: cover; background-position: center; background-repeat:no-repeat;  z-index:12} 
.bg-tab-5 { background-image:url('../images/sect6/i2.jpg'); background-size: cover; background-position: center; background-repeat:no-repeat;  z-index:14} 
.bg-tab-1-1 { background-image:url('../images/sect6/i9.jpg'); background-size: cover; background-position: center; background-repeat:no-repeat;  z-index:7} 
.bg-tab-2-1 { background-image:url('../images/sect6/i7.jpg'); background-size: cover; background-position: center; background-repeat:no-repeat;  z-index:9} 
.bg-tab-3-1 { background-image:url('../images/sect6/i5.jpg'); background-size: cover; background-position: center; background-repeat:no-repeat;  z-index:11} 
.bg-tab-4-1 { background-image:url('../images/sect6/i3.jpg'); background-size: cover; background-position: center; background-repeat:no-repeat;  z-index:13} 
.bg-tab-5-1 { background-image:url('../images/sect6/i1.jpg'); background-size: cover; background-position: center; background-repeat:no-repeat;  z-index:15} 
#text-box-1{z-index:7}
#text-box-2{z-index:9}
#text-box-3{z-index:11}
#text-box-4{z-index:13}
#text-box-5{z-index:15}
.tab-buttons { position: absolute; right: 8%; top: 120px; z-index: 100; display: flex; flex-direction: column; gap: 20px; opacity: 0; transition: opacity 1s ease-in-out; } 
.tab-buttons.visible { opacity: 0.95; } 
.tab-button {border:none; width: 50px; height: 50px; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; color: white; font-size: 24px; } 
.tab-button:hover { background: rgba(255, 255, 255, 0.5); } 
.tab-button.active { background: white; color: #333; } 
#tab-1 { background:url('../images/sect6/1.png'); background-size: cover; background-repeat: no-repeat; } 
#tab-2 { background:url('../images/sect6/2.png'); background-size: cover; background-repeat: no-repeat; } 
#tab-3 { background:url('../images/sect6/3.png'); background-size: cover; background-repeat: no-repeat; } 
#tab-4 { background:url('../images/sect6/4.png'); background-size: cover; background-repeat: no-repeat; } 
#tab-5 { background:url('../images/sect6/5.png'); background-size: cover; background-repeat: no-repeat; } 
#tab-1:hover { background:url('../images/sect6/1_r.png'); background-size: cover; background-repeat: no-repeat; } 
#tab-2:hover { background:url('../images/sect6/2_r.png'); background-size: cover; background-repeat: no-repeat; } 
#tab-3:hover { background:url('../images/sect6/3_r.png'); background-size: cover; background-repeat: no-repeat; } 
#tab-4:hover { background:url('../images/sect6/4_r.png'); background-size: cover; background-repeat: no-repeat; } 
#tab-5:hover { background:url('../images/sect6/5_r.png'); background-size: cover; background-repeat: no-repeat; } 
#tab-1.active { background:url('../images/sect6/1_r.png'); background-size: cover; background-repeat: no-repeat; } 
#tab-2.active { background:url('../images/sect6/2_r.png'); background-size: cover; background-repeat: no-repeat; } 
#tab-3.active { background:url('../images/sect6/3_r.png'); background-size: cover; background-repeat: no-repeat; } 
#tab-4.active { background:url('../images/sect6/4_r.png'); background-size: cover; background-repeat: no-repeat; } 
#tab-5.active { background:url('../images/sect6/5_r.png'); background-size: cover; background-repeat: no-repeat; } 
.text-box { margin-bottom: 40px; position: absolute; left:50%; top:50%; transform: translate(-135%, -17%); padding:95px 50px 50px; width: 540px; opacity: 0; transition: opacity 1s ease-in-out; text-align:center; } 
.text-box.visible { opacity: 1; } 
.text-box h3 { font-size: 32px; margin-bottom: 25px; color:#fff; position:relative; z-index:1; font-weight:300; letter-spacing: 0.5px; line-height:1.4; } 
.text-box p { font-size: 20px; line-height: 1.5; color: #fff; position:relative; z-index:1; font-weight:200; letter-spacing: 1px; } 
.text-box::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.55); clip-path: polygon(0 50px,0 0,110px 0,140px 35px,100% 35px,100% 100%,0 100%); } 
.text-box::after { content: ''; position: absolute; inset: 0; background: linear-gradient(#fff, #fff) 0 0 / 1px 100% no-repeat, /* 왼쪽 */linear-gradient(#fff, #fff) 0 0 / 110px 1px no-repeat, /* 상단 왼쪽 */linear-gradient(#fff, #fff) 140px 35px / calc(100% - 140px) 1px no-repeat, /* 상단 오른쪽 */linear-gradient(#fff, #fff) 100% 35px / 1px calc(100% - 35px) no-repeat, /* 오른쪽 */linear-gradient(#fff, #fff) 0 100% / 100% 1px no-repeat; /* 하단 */ } 
.text-box .diagonal-border { position: absolute; top: 1px; left: 111px; width: 30px; height: 35px; background: linear-gradient(to bottom left,transparent calc(50% - 0.5px),rgba(255,255,255,0.7) calc(50% - 0.5px),rgba(255,255,255,0.7) calc(50% + 0.5px),transparent calc(50% + 0.5px)); pointer-events: none; } 
.left_top_tit { color: #fff; z-index:1; position: absolute; font-size:18px; font-weight:300; left:27px; top:20px; display:inline-block; width:73px; text-align:center; } 
.add_text { margin-top:20px; } 

/* 7구역 - 후원 금액별 지원 내용 섹션 */
.section-seven { height: 100vh; position: relative; }
.section-seven-container { position: relative; height: 100vh; overflow: hidden; display: flex; flex-direction: column; justify-content: center; align-items: center; } 
/*.section-seven-front { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:url('../images/sect7/i4.jpg'); background-size: cover; background-repeat: no-repeat; display: flex; align-items: center; justify-content: center; color: white; font-size: 3rem; font-weight: bold; opacity: 1; transform: scale(1); transition: all 1s ease-in-out; z-index: 20; text-align:center; }
.section-seven-front.visible { opacity: 1; }
.section-seven-front > div { transition: all 1s ease-in-out;  opacity:0; position:absolute; top:50%; left:50%; transform:translate(-50%,-250%); white-space:nowrap; font-size:40px; font-weight:500; line-height:1.6; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8); }
.section-seven-front.visible > div{opacity:1; line-height:1.1;}
.section-seven-front > div img{width:90px; transform:translateY(28px); margin :0px 8px; height:53px;}
.section-seven-front.scaled {  opacity: 1; }*/ 
.section-seven-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #0072ce; opacity: 1; z-index: 21; display: flex; align-items: center; justify-content: center; padding: 0 5%; }
.section-seven-dimm { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); opacity: 1; z-index: 22; } 
.section-seven-top-text { color: white; z-index: 25; opacity: 0; transform: translateY(-30px); transition: all 1s ease-in-out; text-align: center; margin-bottom: 40px; }
.section-seven-top-text.visible { opacity: 0.9; transform: translateY(0); } 
.section-seven-top-text h2 { font-size:40px; font-weight:500; line-height:1.6; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8); } 
.section-seven-top-text p { font-size:40px; font-weight:500; line-height:1.6; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8); } 
.section-seven-container .cta_btn{width:354px; display:flex; margin: 0 auto; position:relative; z-index:23; opacity: 0; transform: translateY(30px); transition: all 1s ease-in-out; margin-top: 0px;}
.section-seven-container .cta_btn.visible{opacity: 1; transform: translateY(0);}
.section-seven-container .cta_btn img{width:100%;}
.section-seven-top-text img {width:90px; transform:translateY(28px); margin :0px 8px; height:53px;} 
.section-seven-content { width: 100%; max-width: 1200px; display: flex; align-items: center; justify-content: center; z-index: 30; opacity: 0; transform: translateY(30px); transition: all 1s ease-in-out; padding: 0 20px; }
.section-seven-content.visible { opacity: 1; transform: translateY(0); } 
.donation-cards { display: grid; gap: 20px; max-width: 950px; width:100%; grid-template-columns: repeat(3, 1fr); } 
.donation-card { background: white; padding: 30px 20px; text-align: center; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); opacity: 0; transform: translateY(50px) scale(0.95); transition: all 0.5s ease-in-out; } 
.donation-card .dimm { background:rgba(0,0,0,0.2); transition: all 0.5s ease-in-out; position:absolute; top:0; left:0; width:100%; height:100%; } 
.donation-card.visible:hover .dimm { opacity:0; } 
.donation-card.visible { opacity: 1; transform: translateY(0) scale(0.95); } 
.donation-card.visible:hover { transform:scale(1); } 
.donation-icon { margin: 0 auto 10px; display: flex; align-items: center; justify-content: center; min-height:134px; }
.donation-icon img { width:100%; }
.donation-amount { font-size: 26px; font-weight:500; color: #0072ce; margin-bottom: 15px; }
.donation-amount .fontbig { font-size:42px; font-weight:700; }
.donation-description { font-size: 20px; color: #333; line-height: 1.6; font-weight:400; }
.donation-description strong { display: block; margin-bottom: 5px; font-weight:700; } 


/* 8구역 - 뉴스 브리핑 섹션 */
.section-eight { min-height: 100vh; position: relative; background: #e9ecef; padding: 80px 0; } 
.section-eight .sec_inner { opacity: 0; transform: translateY(50px); transition: all 1s ease-in-out; } 
.section-eight .sec_inner.visible { opacity: 1; transform: translateY(0); } 
.section-eight .sec_col { opacity: 0; transform: translateY(30px); transition: all 0.8s ease-in-out; } 
.section-eight .sec_col.visible { opacity: 1; transform: translateY(0); } 
.sec_half_gray { position: absolute; top: 0; left: 0; width: 100%; height: 50%; background: #e9ecef; } 
.sec_inner { position: relative; margin: 0 auto; z-index: 10; max-width:1000px; width:100%; } 
.sec_header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 30px; padding-bottom: 20px; border-bottom:2px solid #0072bc } 
.header_logo { } 
.header_logo img { height: 60px; } 
.more_view { display: flex; align-items: center; gap: 8px; color: #0072ce; text-decoration: none; font-weight: 500; transition: color 0.3s ease; font-size: 24px; font-weight: 700; } 
.more_view:hover img { transform:translateX(10px); } 
.more_view img { transition: 0.3s ease-in-out; width:28px; } 
.more_view svg { width: 16px; height: 16px; } 
.sec_content { display: flex; flex-direction: column; gap: 35px; } 
.sec_col { display: grid; overflow: hidden; grid-template-columns:57fr 50fr; } 
.left_img { width:100%; } 
.left_img img { width: 100%; } 
.right_cont { flex: 1; padding-left:50px; display: flex; flex-direction: column; justify-content: center; } 
.rc_tit { font-size: 1.5rem; font-weight: bold; color: #333; margin-bottom: 15px; line-height: 1.4; display:flex; flex-direction:column; } 
.rc_tit span { width:fit-content; color: white; background: #0072bc; padding: 2px 8px 1px; font-size: 28px; font-weight: 500; margin-bottom: 6px; display: inline-block; } 
.rc_tit span img { height:2px; width:35px; transform:translateY(3px); margin: 0px 3px; } 
.rc_desc { color: #666; opacity: 0.7; margin-left: 10px; font-size: 20px; letter-spacing: -0.4px; font-weight: 500; line-height: 1.5; margin-bottom: 45px; } 
.rc_link { display: flex; align-items: center; gap: 8px; color: #0072ce; text-decoration: none; font-weight: 700; font-size:20px; transition: color 0.3s ease; justify-content:center; padding:9px 18px 7px 12px; border-radius:100px; background:#fff; border: 2px solid #0072bc; width:fit-content; color:#0072bc; } 
.rc_link:hover { color: #004c8a; } 
.rc_link svg { width: 16px; height: 16px; } 

/* 9구역 - 영상 섹션 */
.section-nine { height: 500vh; position: relative; background: #fff; } 
.section-nine-container { position: sticky; top: 0; height: 100vh; display: flex; align-items: center; justify-content: center; overflow: hidden; } 
.section-nine-video.visible { opacity: 1; } 
.video_overlay { transition: opacity 1s ease-in-out; opacity:0; position: absolute; top: 60px; left:70px; color: white; z-index: 10; text-align: center; } 
.video_overlay.visible { opacity:1; } 
.video_overlay p {display:flex; align-items:center; font-size:28px; line-height:1.7; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8); font-weight:300; text-align:left; } 
.video_overlay p img { height:48px; width:60px; transform:translateY(10px);  margin: 0px 3px; } 
.section-nine-video { width:100%; opacity:1; height: auto; object-fit: cover;  transition: opacity 1s ease-in-out; } 
.section-nine-video.visible { opacity: 1; } 
.video-parent { width:90%; max-width:1500px; margin: 0 auto; position:relative; } 
/* 10구역 - 이미지 슬라이더 섹션 */
.section-ten { height: 100vh; position: relative; background: #fff; } 
.section-ten-container { justify-content: center; align-items: center; position: sticky; top: 0; height: 100vh; overflow: hidden; background: #fff; display: flex; flex-direction: column; } 
.section-ten-header { display: flex; align-items: center; justify-content: center; background: white; position: relative; z-index: 20; opacity: 0; transform: translateY(-30px); transition: all 0.5s ease-in-out; } 
.section-ten-header.visible { opacity: 1; transform: translateY(0); } 
.section-ten-title { text-align: left; color: #0072ce; line-height:1.5; } 
.section-ten-title h2 { font-size: 36px; font-weight: 300; } 
.section-ten-title h2 .kpb { font-weight:700; } 
.section-ten-title h2 img { height:50px; width:85px; transform:translateY(25px); margin: 0px 3px; } 
.section-ten-title p { margin-left:200px; font-size: 36px; } 
.section-ten-slider { width:100%; background: white; padding: 40px; opacity: 0; transform: translateY(50px); transition: all 1s ease-in-out; overflow: hidden; } 
.section-ten-slider.visible { opacity: 1; transform: translateY(0); } 
.slider-category { text-align: center; margin-bottom: 30px; opacity: 0; transform: translateY(20px); transition: all 1s ease-in-out; } 
.slider-category.visible { opacity: 1; transform: translateY(0); } 
.slider-category h3 { font-size: 1.8rem; color: #333; margin-bottom: 5px; } 
.slider-category p { font-size: 1rem; color: #666; } 
.image-slider { position: relative; opacity: 0; transform: translateY(30px); transition: all 1s ease-in-out; } 
.image-slider.visible { opacity: 1; transform: translateY(0); } 
.slide-content { } 
.slide-title { font-size: 2rem; font-weight: bold; color: #0072ce; margin-bottom: 20px; } 
.slide-description { font-size: 1.2rem; color: #333; line-height: 1.6; margin-bottom: 20px; } 
.slide-details { font-size: 1rem; color: #666; line-height: 1.5; } 
.swiper-slide { position: relative; opacity:0.5; width:303px !important; } 
.swiper-slide-active { opacity:1; } 
.swiper-slide::after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 90%; height: 20px; background: radial-gradient(ellipse at center, rgba(0,0,0,0.4) 0%, transparent 80%); filter: blur(5px); z-index: -1; } 
.slide_image { } 
.slide_image img { width: 100%; } 
.slide_cont { background: #f0f0f0; padding:25px 30px 40px; aspect-ratio:1/0.77; display:flex; flex-direction: column; justify-content: space-between; } 
.slide_tit { font-size:28px; font-weight:700; line-height:1.5; color: #0072ce; } 
.slide_sub { } 
.slide_sub p { font-size: 18px; font-weight: 500; margin-bottom:12px; } 
.slide_sub span { font-size:22px; font-weight:700; } 
.slider-controls { opacity: 1; display:flex; justify-content: center; align-items: center; margin-top:40px; } 
.slider-controls .swiper-pagination { position:static; width:fit-content !important; } 
.slider-controls .swiper-pagination .swiper-pagination-bullet { background:#d5d5d5; opacity:1; width:11px; height:11px; margin: 0px 8px !important; } 
.slider-controls .swiper-pagination .swiper-pagination-bullet-active { background:#0072ce; } 
.slider-controls .swiper-button-prev { position:static; border:none; margin:0; background:none; margin-right:10px; width:55px; } 
.slider-controls .swiper-button-prev img { width:100%; } 
.slider-controls .swiper-button-next { position:static; border:none; margin:0; background:none; margin-left:10px; width:55px; } 
.slider-controls .swiper-button-next img { width:100%; } 
.slider-controls .swiper-button-prev:after { content:none; } 
.slider-controls .swiper-button-next:after { content:none; } 
.slider-btn img { } 
.slider-btn svg { width: 20px; height: 20px; } 

/* 11구역 - 통계 섹션 */
.section-eleven { height: 100vh; background: #0072bc; padding: 80px 0; display: flex; align-items: center; } 
.section-eleven .ls_inner { opacity: 0; transform: translateY(50px); transition: all 1s ease-in-out; } 
.section-eleven .ls_inner.visible { opacity: 1; transform: translateY(0); } 
.ls_inner { max-width: 1280px; margin: 0 auto; padding: 0 20px; text-align: center; } 
.ls_title { font-size: 32px; font-weight: 500; color: #fff; margin-bottom: 90px; line-height: 1.4; opacity: 0; transform: translateY(30px); transition: all 1s ease-in-out; } 
.ls_title.visible { opacity: 1; transform: translateY(0); } 
.ls_cont { display:flex; column-gap:110px; } 
.ls_con_col { opacity: 0; transform: translateY(50px); transition: all 1s ease-in-out; border-left:2px solid #fff; text-align:left; } 
.ls_con_col.visible { opacity: 1; transform: translateY(0); } 
.ls_col_tit { font-size:32px; font-weight:400; color:#fff; margin-left:70px; margin-bottom:25px; } 
.ls_col_tit .fontbig { font-size:60px; font-weight:600; } 
.ls_col_con { font-size: 24px; color: #fff; font-weight:300; line-height:1.6; margin-bottom: 50px; margin-left:70px; } 
.ls_col_img { } 
.ls_col_img img { } 
#ls-col-1 img { width:210px; } 
#ls-col-2 img { width:230px; } 
#ls-col-3 img { width:240px; } 
/* 12구역 - 마지막 메시지 섹션 */
.section-twelve { min-width:1360px; height: 100vh; background:url('../images/sect11/un-void-18-2.jpg'); background-size:cover; background-repeat: no-repeat; display: flex; align-items: center; padding: 80px 0; position:relative; } 
.section-twelve .section-twelve-inner { opacity: 0; transition: all 1s ease-in-out; } 
.section-twelve .section-twelve-inner.visible { opacity: 1; } 
.section-twelve-inner { max-width: 1200px; margin: 0 auto; padding: 0 20px; display: flex; align-items: center; gap: 60px; } 
.sect-left-img { opacity:0; transition: all 1s ease-in-out; height: 100vh; background:url('../images/sect11/un-void-18-1.png'); background-size:cover; background-repeat: no-repeat; position:absolute; width:100%; height:100%; left:0; top:0; } 
.sect-left-img.visible { opacity: 1; } 
.sect-right-con { opacity: 0; transition: all 1s ease-in-out; position:absolute; top:50%; left:50%; transform:translate(35%,-50%); } 
.sect-right-con.visible { opacity: 1; } 
.sect-con-tit { font-size: 40px; font-weight:500; color: #fff; margin-bottom: 30px; line-height: 1.4; } 
.sect-con-con { font-size: 22px; color: #fff; line-height: 1.7; margin-bottom: 10px; font-weight:300; margin-left:10px; } 
.sect-con-con.first { margin-bottom: 15px; } 
.sect-con-con.second { margin-bottom:0px } 
.section-twelve-inner .cta_btn{display:flex; width:354px; margin-left:-40px;}
.section-twelve-inner .cta_btn img{width:100%;}
.sect-more-view { font-family: 'KoPubBatangPro'; display: inline-flex; align-items: center; color: #fff; text-decoration: none; font-weight: 300; font-size: 24px; transition: box-shadow 0.3s ease; background:#0072bc; padding:18px 25px 15px 30px; border-radius:100px; border:1px solid #fff; box-shadow: 0 5px 30px rgba(255, 255, 255, 0.1); } 
.sect-more-view img { height:40px; width:50px; transform:translateY(8px); margin: 0px 3px; } 
.sect-more-view:hover { box-shadow: 0 5px 30px rgba(255, 255, 255, 0.5); } 
.sect-more-view svg { width: 30px; height: 30px; } 


.footer { position: relative; background: #202020; padding: 70px 88px 65px 88px;; } 
.footer .in { position: relative; display: flex; } 
.footer .logo_set { } 
.footer .f_logo { display: inline-block; width: 100px; aspect-ratio: 96/118; background: url("https://upload.wikimedia.org/wikipedia/commons/thumb/5/59/UNHCR_Logo.svg/2560px-UNHCR_Logo.svg.png") no-repeat center center; background-size: contain; margin-right: 3.75rem; } 
.footer .f_logo img { width:100%; } 
.footer .address { display: block; } 
.footer .address p { font-family: "Pretendard"; color: #E6E6E6; font-size: 15px; font-weight: 400; line-height: 170%; letter-spacing: -0.02em; display:flex; } 
.footer .address p:nth-child(1) { font-size: 20px; font-weight: 600; margin-bottom: 0.5rem; } 
.footer .address p.copy { color: #787878; font-size: 13px; margin-top: 1.125rem; } 
.footer .address a { display: inline; color: #E6E6E6; text-decoration: none; } 
.footer .address a:hover { color: #0072ce; } 
.footer .ver_mo { display:none; } 
.footer .share_set { display: flex; align-items: center; justify-content: center; gap: 12px;; position: absolute; right: 0; bottom: 0; z-index: 1; } 
.footer .share_set li { } 
.footer .share_set li a { overflow:hidden; display: block; width: 40px; height: 40px; background: #555; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; text-decoration: none; transition: background 0.3s ease; } 
.footer .share_set li a:hover { background: #0072ce; } 
.footer .share_set li a img { width:110%; } 
.footer .share_set li a svg { width: 20px; height: 20px; } 

.loading { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #0072ce; color: white; display: flex; align-items: center; justify-content: center; font-size: 2rem; z-index: 1000; transition: opacity 0.5s ease-out; } 
.loading.hidden { opacity: 0; pointer-events: none; } 


@media screen and (max-width: 1024px) {body { min-width: 100%; overflow-x:hidden; } 
.video_overlay_logo { top: 40px; right: 40px; width: 150px; } 
.video-overlay { left: 80px; width:430px;bottom :155px;} 
.video-overlay2{right:40px; width:150px;}
.video-content h1 { font-size: 28px; } 
.video-content p { font-size: 60px; margin: 40px 0px 35px; } 
.video-content span { font-size: 24px; } 
.bg1 { background-image: url('../images/sect2/t1.jpg'); } 
.bg2 { background-image:url('../images/sect2/t2.jpg'); } 
.bg3 { background-image: url('../images/sect2/t3.jpg'); } 
#image-1 { background-image: url('../images/sect2/4.png'); } 
#image-2 { background-image:url('../images/sect2/5.png'); aspect-ratio:731 / 880 } 
#image-3 { background-image: url('../images/sect2/6.png'); aspect-ratio:751 / 844 } 
.cta-mobile{display:block;}
.cta-desktop{display:none;}
.video-overlay2{bottom:0px; right:unset; left:0px; width:100%;}
.scroll-down-text.pc{display:none;}
.scroll-down-text.mo{display:block;}

#text-3 .content-text { transform:none; text-align:center; } 
.content-text { transform:none; } 
.content-text h2 { font-size: 30px; } 
.content-text p { font-size: 1rem; } 
.content-right { transform:translateX(-50%); top:20%; padding:0;} 
.content-right.visible { transform:translateX(-50%); } 
.content-left { aspect-ratio:755/842; bottom:0; left:50%; transform:translateX(-50%); width:70%; top:unset; height:auto; } 
.content-left.visible { transform:translateX(-50%) } 
.section-three-text { max-width: 500px; margin-left: 3%; } 
.section-three-title { font-size: 32px; margin-bottom: 30px; } 
.section-three-text { position:absolute; left:50%; top:20%; transform:translateX(-50%); white-space: nowrap; text-align: center; } 
.section-three-container { background-image:url('../images/sect3/5.jpg') } 
.section-three-dimm { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4); } 
.section-three-subtitle { font-size: 20px; } 
.section-four-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image:url('../images/sect4/un-void-06-2.jpg'); background-size: cover; background-position: center; opacity: 0; transition: all 1s ease-in-out; z-index: 21; } 
.section-four-front-text { font-size: 36px; } 
.section-four-top-text { top:20%; transform:translate(-50%,0%); } 
.section-four-top-text h2 { font-size: 24px; } 
.section-four-top-text h2 img { width: 60px; height:26px; transform:translateY(15px); } 
.section-four-bottom-box { height:35%; background-size:cover; } 
.section-four-bottom-box.visible { height:35%; } 
.section-four-bottom-box { padding-top: 60px; } 
.section-four-box-content h3 { font-size: 26px; margin-bottom: 30px; } 
.section-four-box-content p { font-size: 18px; } 
.section-four-box-content p span { font-size: 26px; } 
.left_image { width: 350px; left: -10%; } 
.section-five{}
.section-five-1 .scroll-down-indicator{top:calc(100% - 200px)}
.stats-slide .moImg{display:block;}
.stats-slide {width:90%;}
.stats-slide .pcImg{display:none;}
.final-text h2, .final-text p { font-size: 36px; } 
.final-text .cta_btn{  width:220px;}
.section-six-container { background-image:url('../images/sect6/m10.jpg'); background-size: cover; background-position: center; background-repeat:no-repeat; } 
.bg-tab-1 { background-image:url('../images/sect6/m10.jpg'); background-size: cover; background-position: center; background-repeat:no-repeat; } 
.bg-tab-2 { background-image:url('../images/sect6/m8.jpg'); background-size: cover; background-position: center; background-repeat:no-repeat; } 
.bg-tab-3 { background-image:url('../images/sect6/m6.jpg'); background-size: cover; background-position: center; background-repeat:no-repeat; } 
.bg-tab-4 { background-image:url('../images/sect6/m4.jpg'); background-size: cover; background-position: center; background-repeat:no-repeat; } 
.bg-tab-5 { background-image:url('../images/sect6/m2.jpg'); background-size: cover; background-position: center; background-repeat:no-repeat; } 
.bg-tab-1-1 { background-image:url('../images/sect6/m9.jpg'); background-size: cover; background-position: center; background-repeat:no-repeat; } 
.bg-tab-2-1 { background-image:url('../images/sect6/m7.jpg'); background-size: cover; background-position: center; background-repeat:no-repeat; } 
.bg-tab-3-1 { background-image:url('../images/sect6/m5.jpg'); background-size: cover; background-position: center; background-repeat:no-repeat; } 
.bg-tab-4-1 { background-image:url('../images/sect6/m3.jpg'); background-size: cover; background-position: center; background-repeat:no-repeat; } 
.bg-tab-5-1 { background-image:url('../images/sect6/m1.jpg'); background-size: cover; background-position: center; background-repeat:no-repeat; } 
.tab-buttons { right: 5%; top: 80px; } 
.text-box { width: fit-content; padding: 75px 40px 40px; transform: translate(-50%,0%); min-width:391px; min-height:327px;} 
.text-box h3 { font-size: 22px; } 
.text-box p { font-size: 14px; } 
.left_top_tit { font-size: 14px; } 
/*.section-seven-front > div { font-size: 32px; }
.section-seven-front > div img { width: 70px; }*/ 
.section-seven-top-text h2, .section-seven-top-text p { font-size: 32px; } 
.section-seven-top-text img { width: 70px; } 
.section-seven-top-text { white-space: nowrap;margin-top:50px; } 
 .section-seven-container .cta_btn{width:220px; margin-bottom:50px; }
 .section-seven { height:fit-content;} 
.section-seven-container{height:fit-content;}
.donation-card .dimm{display:none;}
.donation-cards { max-width: calc(100% - 30px); gap: 10px; } 
.donation-card { padding: 25px 15px; }
.donation-card.visible{transform:scale(1);} 
.donation-amount { font-size: 22px; } 
.donation-amount .fontbig { font-size: 36px; } 
.donation-description { font-size: 18px; } 
 .section-seven-dimm{display:none;}
.sec_inner { max-width: 900px; padding: 0 40px; } 
.header_logo img { height: 50px; } 
.more_view { font-size: 20px; } 
.more_view img { width: 24px; } 
.rc_tit span { font-size: 20px; } 
.rc_tit span img { width: 30px; } 
.rc_desc { font-size: 14px; margin-bottom: 20px; margin-left:5px; } 
.rc_link { font-size: 18px; } 
.right_cont { padding-left: 35px; } 
.video-parent { width: 90%; max-width: 900px; } 
.video_overlay { top: 30px; left: 30px; } 
.video_overlay p { font-size: 24px; } 
.video_overlay p img { width: 45px; } 
.section-ten-title h2 { font-size: 30px; } 
.section-ten-title h2 img { width: 70px; } 
.section-ten-title p { font-size: 30px; margin-left: 150px; } 
.section-ten-slider { padding: 30px; } 
.swiper-slide { width: 260px !important; } 
.slide_cont { padding: 20px 25px 35px; } 
.slide_tit { font-size: 24px; } 
.slide_sub p { font-size: 16px; margin-bottom: 10px; } 
.slide_sub span { font-size: 20px; } 
.slider-controls .swiper-button-prev, .slider-controls .swiper-button-next { width: 45px; } 
.ls_title { font-size: 28px; margin-bottom: 60px; } 
.ls_cont { column-gap: 50px; } 
.ls_con_col { border-left: 1.5px solid #fff; } 
.ls_col_tit { font-size: 28px; margin-left: 50px; } 
.ls_col_tit .fontbig { font-size: 48px; } 
.ls_col_con { font-size: 20px; margin-left: 50px; margin-bottom: 40px; } 
#ls-col-1 img { width: 180px; } 
#ls-col-2 img { width: 200px; } 
#ls-col-3 img { width: 210px; } 
.section-twelve { min-width:unset; background:url("../images/sect11/222.jpg"); background-size:cover; background-repeat: no-repeat; } 
.sect-left-img { display:none; } 
.sect-right-con { transform: translate(-50%, -50%); } 
.sect-con-tit { font-size: 34px; margin-bottom: 25px; } 
.sect-con-con { font-size: 20px; margin-left: 8px; } 
.sect-con-con.second { } 
.section-twelve-inner .cta_btn{ width:260px; margin-left:-25px;}
.sect-more-view { font-size: 20px; padding: 20px 20px 18px 25px; width: fit-content; } 
.sect-more-view img { width: 40px; } 
.footer { padding: 60px 60px 55px 60px; } 
.footer .f_logo { width: 80px; margin-right: 3rem; } 
.footer .ver_mo { display:block; } 
.footer .address p:nth-child(1) { font-size: 18px; } 
.footer .address p { font-size: 14px; display:block; } 
.footer .share_set li a { width: 36px; height: 36px; } 
 }

@media screen and (max-width: 767px) {
    body { } 
    .mobr{display:block;}
 .scroll-container { height: 100vh; height: calc(var(--vh, 1vh) * 100); } 
 .section-three-container { height: 100vh; height: calc(var(--vh, 1vh) * 100); } 
 .section-four-container { height: 100vh; height: calc(var(--vh, 1vh) * 100); } 
 .section-five-container { height: 100vh; height: calc(var(--vh, 1vh) * 100); } 
 .section-six-container { height: 100vh; height: calc(var(--vh, 1vh) * 100); } 
 .section-seven-container { height: 100vh; height: calc(var(--vh, 1vh) * 100); } 
 .section-nine-container { height: 100vh; height: calc(var(--vh, 1vh) * 100); }
 .section-ten-container { height: 100vh; height: calc(var(--vh, 1vh) * 100); }
 .scroll-down-indicator { bottom: 70px; }
 .scroll-down-text { font-size: 12px; letter-spacing: 0.5px; margin-bottom: 6px; }
 .scroll-down-arrow svg { width: 16px; height: 16px; } 
.video_overlay_logo { top:40px; right:40px; width:100px; } 
.video-overlay { left:40px; bottom:unset; top:50%; transform:translateY(-50%); width:220px;} 

.video-content h1 { font-size:20px; margin-bottom:0px; } 
.video-content p { font-size:40px; margin: 30px 0px 20px; } 
.video-content span { font-size:18px; } 
.video-content img { width:100px; height:2px; } 

.scroll-section { } 
.content-container, .content-set { } 
.content-left { } 
.content-right { } 
.content-text { } 
.content-text h2 { font-size:20px; white-space: nowrap;} 
.content-text p { } 
#text-3 .content-text { } 
.section-three { } 
.section-three-text { } 
.section-three-front-text{font-size:18px;}
.section-three-front-text img{width:130px; transform:translateY(6px); margin: 0px 4px;}
.section-four-top-text h2 img{height:20px; width:30px; transform:translateY(12px);}
.section-three-title {font-size:20px; margin-bottom:20px; } 
.section-three-subtitle { font-size:14px;} 
.section-four { } 
.section-four-front-text { font-size:20px;} 
.section-four-top-text { top:15%;} 
.section-four-top-text h2 {padding:0px 15px; font-size:18px; } 
.section-four-top-text h2 img { } 
.section-four-bottom-box { background:url("../images/sect4/Layer\ 3\ copy\ 52.png"); background-size:cover;height:50%; padding-top:40px; padding-bottom:40px;} 
.section-four-bottom-box.visible{height:50%;}
.section-four-box-content { } 
.section-four-box-content h3 { font-size:18px;} 
.section-four-box-content p { font-size:14px; } 
.section-four-box-content p span {font-size:18px; } 
.left_image { width:200px;} 
.section-five { z-index:auto;} 
.stats-slide {width:100%; top:calc(50%);} 
.stats-content {margin-top:35px; } 
.stats-visual { } 
.stats-title {margin-bottom:15px; } 
.stats-title span {font-size:32px; padding: 6px 6px 4px;} 
.stats-number {font-size:14px; margin-left:3px;} 
.stats-number .fontbig { font-size:24px; } 
.stats-description { font-size:12px;margin-top:25px; margin-left:3px;} 
.stats-description strong { margin-right:20px} 
.stats-visual img{width:80%; border-radius:0px;}
.section-five-1 .scroll-down-indicator{top:calc(100% - 90px)}

.final-background { } 
.final-text h2, .final-text p {font-size:20px; } 
.section-six { } 
.tab-buttons {gap:5px; top:20px; right: 20px;} 
.tab-button {width:35px; height:35px; } 
.text-box { transform:translate(-50%,0%); padding:65px 20px 30px; white-space:nowrap; top:unset;  bottom:15%; min-height:268px; min-width:291px;} 
.text-box h3 {font-size:16px; } 
.text-box p {font-size:11px;} 
.text-box.add_text { } 
.left_top_tit { font-size:14px;left:20px; top:15px; width:63px;} 
.text-box::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.55); clip-path: polygon(0 50px,0 0,80px 0,110px 25px,100% 25px,100% 100%,0 100%); } 
.text-box::after { content: ''; position: absolute; inset: 0; background: linear-gradient(#fff, #fff) 0 0 / 1px 100% no-repeat, /* 왼쪽 */linear-gradient(#fff, #fff) 0 0 / 80px 1px no-repeat, /* 상단 왼쪽 */linear-gradient(#fff, #fff) 110px 25px / calc(100% - 110px) 1px no-repeat, /* 상단 오른쪽 */linear-gradient(#fff, #fff) 100% 25px / 1px calc(100% - 25px) no-repeat, /* 오른쪽 */linear-gradient(#fff, #fff) 0 100% / 100% 1px no-repeat; /* 하단 */ } 
.text-box .diagonal-border { width:30px; height:25px; left:81px;} 
.section-seven { height:fit-content;} 
.section-seven .section-seven-container{ }
.section-seven-container .cta_btn{margin-bottom:50px;}
.section-seven-container{height:fit-content;}
/*.section-seven-front{background:url("../images/sect7/i5.jpg"); background-size:cover; background-repeat: no-repeat;}
.section-seven-front > div {font-size:20px }
.section-seven-front > div img { height:33px; width:45px; transform:translateY(18px)  ;  margin:0px;}*/ 
.section-seven-top-text {margin-bottom:30px;margin-top:50px; } 
.section-seven-top-text h2, .section-seven-top-text p {font-size:18px; } 
.section-seven-top-text img { height:30px; width:42px; transform:translateY(16px)  ;  margin:0px;} 
.donation-cards {        grid-template-columns: repeat(1, 1fr); gap:10px; max-width:100%; } 
.donation-card { transform:translateY(0) scale(1); padding:10px; width:100%; display:grid; grid-template-columns:1fr 1.1fr;  margin: 0 auto; gap:10px;} 
.donation-card.visible { transform:translateY(0) scale(1);  } 
.donation-card .dimm{display:none;}
.donation-icon {min-height:unset; margin:0; align-items:center; } 
.mo_par{display:flex; flex-direction: column; align-items: center; justify-content: center; text-align:left; align-items:flex-start;}
.donation-amount { font-size:16px; margin-bottom:10px;} 
.donation-amount .fontbig { font-size:24px;} 
.donation-description { font-size:14px;} 
.donation-description strong { } 
 
.section-eight { } 
.sec_inner {padding:0px 20px; } 
.sec_header {margin-bottom:15px; padding-bottom:10px; } 
.header_logo img {height:35px; } 
.more_view { font-size:10px;} 
.more_view img { width:16px;} 
.sec_content { gap:40px;} 
.sec_col {display:flex; flex-direction:column; row-gap:10px;} 
.left_img { } 
.right_cont { padding-left:0px; } 
.rc_tit { } 
.rc_tit span { margin-bottom:3px;} 
.rc_tit span img { } 
.rc_desc { } 
.rc_link { } 
.section-nine { } 
.video-parent { aspect-ratio:3/2;} 
.video_overlay { top:20px; left:15px;} 
.video_overlay p {font-size:12px; } 
.video_overlay p img {        height: 20px;width: 25px; transform: translateY(4px);} 
.section-nine-video { height:100%;} 
.section-ten { } 
.section-ten-header { } 
.section-ten-title h2 {font-size:20px; } 
.section-ten-title h2 img {height:20px; width:35px; transform:translateY(12px)} 
.section-ten-title p { font-size:20px; margin-left:100px;} 
.section-ten-slider { } 
.swiper-slide {width:180px !important; } 
.slide_cont {padding:10px 15px 20px; aspect-ratio:1/0.7; } 
.slide_tit { font-size:16px;} 
.slide_sub p {font-size:12px; margin-bottom:5px;} 
.slide_sub span {font-size:13px; } 
.slider-controls {margin-top:20px; } 
.slider-controls .swiper-button-prev, .slider-controls .swiper-button-next { width:35px;} 
.slider-controls .swiper-pagination {display:flex; height: fit-content;}
.slider-controls .swiper-pagination .swiper-pagination-bullet {width:7px; height:7px; margin: 0px 4px !important; } 
.section-eleven {overflow-x:hidden; height:auto;} 
.ls_inner { } 
.ls_title { font-size:20px;} 
.ls_cont {flex-direction:column; align-items:center; } 
.ls_con_col { padding-bottom:100px;width:211px;} 
.ls_col_tit {font-size:16px; margin-left:40px; margin-bottom:15px; } 
.ls_col_tit .fontbig { font-size:32px;} 
.ls_col_con {font-size:16px; margin-left:40px; margin-bottom:30px;  } 
.ls_col_img { } 
#ls-col-1 img { } 
#ls-col-2 img { } 
#ls-col-3 img { } 
.section-twelve { } 
.section-twelve-inner { } 
.sect-right-con { text-align:center;} 
.sect-con-tit { font-size:20px; white-space: nowrap;} 
.sect-con-con { font-size:16px; white-space:nowrap; margin-left:0px;} 
.sect-con-con.first {margin-bottom:10px; } 
.sect-more-view { font-size:14px; white-space: nowrap; padding:10px 10px 8px 15px;} 
.sect-more-view img {        transform: translateY(6px);height: 20px;width: 30px;} 
.sect-more-view  svg{width:20px; height:20px;}
.section-twelve-inner .cta_btn{ width:220px;margin: 0 auto;}
.footer {padding:30px 15px } 
.footer .in {flex-direction:column;position:static;} 
.footer .f_logo { margin-bottom:15px; width:60px;} 
.footer .address p:nth-child(1) { font-size:14px;} 
.footer .address p {font-size:12px; } 
.footer .address p.copy { font-size:10px;} 
.footer .ver_mo { } 
.footer .share_set {bottom:unset; right:15px; top:30px; } 
.footer .share_set li a { width:30px; height:30px;} 
 }