:root {
    --ph: 1920*100vh;
}
.main_video {overflow:hidden;}
.main_video .youtube_box {position:relative; width:100dvw; height:100dvh;}
.main_video .youtube_box iframe {position:Absolute; top:50%; left:50%; width:calc(100% + 1px); height:calc(100% + 1px); min-width:1920px; transform:translate(-50%, -50%);}
.main_video .youtube_box .top_img {position:absolute; top:0; left:0; width:100dvw; height:100dvh; }
.main_video .youtube_box .top_img img {width:100%; height:100%; object-fit:cover;}
.main_video .youtube_box .txt_box {position:absolute; bottom:calc(150/var(--ph)); left:50%; transform:translate(-128%, 0);}
.main_video .youtube_box .txt_box .box {position:relative;}
.main_video .youtube_box .txt_box .box dl {padding-bottom:20px; text-align:Center;}
.main_video .youtube_box .txt_box .box dl dt {font-size:30px; font-weight:400; color:#fff;}
.main_video .youtube_box .txt_box .box dl dd {font-size:62px; font-weight:400; color:#fff;}
.main_video .youtube_box .txt_box .box .btm_box {text-align:center; }
.main_video .youtube_box .txt_box .box .btm_box {animation: .5s ease-in-out .1s infinite alternate movie_arrow;}
.main_video .youtube_box .txt_box .box .btm_box button {display:inline-block; width:34px; height:43px; background:url('/resource/frt/images/renewal/main/icon_arrow_down.svg') no-repeat center; color:transparent; }
@keyframes movie_arrow{
  from {
    transform:translateY(20%);
  }
  to {
    transform:translateY(0);
  }
}
@media screen and (max-width: 800px) {
    .main_video {display:none;}
}

.container._main {background:#fcfcfd}

.m_tit {font-size:36px; line-height:1.4; font-weight:700; color:#292929; text-align:left;}
@media screen and (max-width: 800px) {
.m_tit {font-size:19px;}
}
/* 메인 슬라이드 */
#mainVisual {padding:40px 80px 100px 80px; max-width:1920px; margin:0 auto;}
#mainVisual .swiper-container {border-radius:15px;}
/* #mainVisual .swiper-container:after {position:absolute; bottom:20px; left:0; display:block; width:100%; height:40px; content:''; z-index:10; background:url('/resource/frt/images/renewal/icon/vector_line.svg') no-repeat center; background-size:cover; } */
#mainVisual .swiper-slide {position:relative;}
#mainVisual .swiper-slide .bg {position:relative; font-size:0;}
#mainVisual .swiper-slide .bg.pc:after {position:Absolute; bottom:0px; left:0; display:inline-block; width:100%; height:250px; background: linear-gradient(180deg, rgba(49, 49, 49, 0) 0%, rgba(49, 49, 49, 0.64) 100%); background-blend-mode: multiply; content:''; border-radius:0 0 15px 15px;}
#mainVisual .swiper-slide .bg img {width:100%;}
#mainVisual .swiper-slide .txt {position:Absolute; bottom:80px; left:250px; z-index:10; opacity:0; transition: all 1.2s; letter-spacing:1px;}
#mainVisual .swiper-slide .txt .visual_tit {font-size:36px; font-weight:500; color:#fff; line-height:1;}
#mainVisual .swiper-slide .txt .visual_tit span {display:block; padding-top:15px; font-size:48px; font-weight:700; color:#fff;  line-height:1;}
#mainVisual .swiper-slide .txt .sw_btn {margin-top:20px;}

#mainVisual .swiper-slide-active .txt,
#mainVisual .swiper-slide-duplicate-active .txt,
#mainVisual .swiper-slide.init .txt {bottom:80px; left:50px; opacity:1;}

#mainVisual .swiper-slide .txt1 {position:absolute; top:60%; left:0; transform:translateY(-50%); width:100%; text-align:center; transition: all 1.2s; opacity:0;}
#mainVisual .swiper-slide .txt1 .visual_tit {font-size:36px; font-weight:700; line-height:1.5; letter-spacing:1px; color:#FF6701;}
#mainVisual .swiper-slide .txt1 .visual_txt {padding-top:50px; font-size:110px; font-weight:700; line-height:1.2; color:#fff; font-family:'GiantsInline';}
#mainVisual .swiper-slide .txt1 .visual_txt1 {padding-top:50px; font-size:30px; font-weight:300; line-height:1.5; color:#fff;}

#mainVisual .swiper-slide-active .txt1,
#mainVisual .swiper-slide-duplicate-active .txt1,
#mainVisual .swiper-slide.init .txt1 {top:50%; opacity:1;}

#mainVisual .swiper-pagination {bottom:20px;}
#mainVisual .swiper-pagination-bullet {width:10px; height:10px;}
#mainVisual .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {background:#000; opacity:1; margin:0 25px;}
#mainVisual .swiper-pagination-bullet-active {position:relative; background:#FF6701 !important;}
#mainVisual .swiper-pagination-bullet-active:after {position:absolute; top:-47px; left:50%; display:inline-block; width:46px; height:37px; content:''; background:url('/resource/frt/images/renewal/icon/icon_run1.svg') no-repeat center; transform:translateX(-50%);}
#mainVisual .bg.mo { display: none; } 

@media screen and (max-width: 1280px) {
    #mainVisual {padding:15px 15px 50px 15px;}
    #mainVisual .swiper-slide .txt .visual_tit {font-size:30px; }
    #mainVisual .swiper-slide .txt .visual_tit span {font-size:30px; line-height:1.2;}
    
    #mainVisual .swiper-slide .txt1 .visual_tit {font-size:20px;}
    #mainVisual .swiper-slide .txt1 .visual_txt {font-size:40px; padding-top:20px;}
    #mainVisual .swiper-slide .txt1 .visual_txt1 {font-size:16px; padding-top:30px;}
}

@media screen and (max-width: 800px) {
    #mainVisual .bg.pc { display: none; }
    #mainVisual .bg.mo { display: block; }
    
    #mainVisual {padding:0 0 50px 0;}
    #mainVisual .swiper-container {border-radius:0;}
    
    #mainVisual .swiper-slide .bg {}
    #mainVisual .swiper-slide.type0 .bg {padding-bottom:0;}
    #mainVisual .swiper-slide .txt {position:static; width:100%; bottom:0px; left:0; padding:15px 25px 0 25px; text-align:center; transform:translateY(30%);}
    #mainVisual .swiper-slide .txt .visual_tit {font-size:16px; color:#2F2F2F; }
    #mainVisual .swiper-slide .txt .visual_tit span {font-size:21px; color:#2F2F2F; line-height:1.2;}
    
    #mainVisual .swiper-slide .txt1 .visual_tit {font-size:20px;}
    #mainVisual .swiper-slide .txt1 .visual_txt {font-size:40px; padding-top:20px;}
    #mainVisual .swiper-slide .txt1 .visual_txt1 {font-size:16px; padding-top:30px;}
    #mainVisual .swiper-pagination {position:static; margin-top:60px;}
    #mainVisual .swiper-pagination-bullet-active:after {top:-40px; width:32px; height:25px; background-size:32px auto;}
    #mainVisual .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 12px;}
    
    #mainVisual .swiper-slide-active .txt,
    #mainVisual .swiper-slide-duplicate-active .txt,
    #mainVisual .swiper-slide.init .txt {left:0px; transform:translateY(0); opacity:1;}
    
    
}

/* 마라톤으로 아이들에게 내일을 선물하는 사람들 */
#peopleWrap_m {margin:0 auto; overflow:hidden; padding:0 80px 100px 80px;}
#peopleWrap_m .m_tit {max-width:1760px; padding:0; margin:0 auto;}
#peopleWrap_m .swiper-container {overflow:unset; max-width:1760px; margin:30px auto 0 auto;} 
#peopleWrap_m .swiper-slide {width:560px; margin-right:40px;}
#peopleWrap_m .swiper-slide:last-child {margin-right:0;}
#peopleWrap_m .swiper-slide .inner {box-shadow: 0px 4px 60px 0px #AAAAAA0D; border: 1px solid var(--stroke, #EBEBEB); border-radius:15px; background:#fff;}
#peopleWrap_m .swiper-slide .inner .img_box {font-size:0;}
#peopleWrap_m .swiper-slide .inner .img_box img {width:100%; border-radius:15px 15px 0 0;}
#peopleWrap_m .swiper-slide .inner .txt_box {padding:30px 40px 50px 40px; background:#fff; border-radius:0 0 15px 15px;}
#peopleWrap_m .swiper-slide .inner .txt_box .tit {font-size:24px; line-height:1.4; color:#292929;}
#peopleWrap_m .swiper-slide .inner .txt_box .ellip_2 {margin-top:20px; font-size:16px; color:#616265; line-height:1.6;}

@media screen and (max-width: 1280px) {
    #peopleWrap_m {padding:15px 15px 50px 15px;}
}

@media screen and (max-width: 800px) {
    #peopleWrap_m .swiper-slide {width:90%; margin-right:10px;}
    #peopleWrap_m .swiper-slide .inner .txt_box {padding:15px 20px 30px 20px;}
    #peopleWrap_m .swiper-slide .inner .txt_box .tit {display: block; display: -webkit-box; word-wrap: break-word; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp:2; max-height: 3em; font-size:18px;}
    #peopleWrap_m .swiper-slide .inner .txt_box .ellip_2 {-webkit-line-clamp:3; max-height: 5em; font-size:14px;}
}

/*  깨끗한 물을 위한 기부 */
#waterWrap {margin:0 auto; overflow:hidden; padding:0 80px 100px 80px;}
#waterWrap .m_tit {max-width:1760px; padding:0 0px; margin:0 auto;}
#waterWrap .swiper-container {overflow:unset; max-width:1760px; margin:30px auto 0 auto;} 
#waterWrap .swiper-slide {width:410px; min-width:410px;  margin-right:40px;}
#waterWrap .swiper-slide:last-child {margin-right:0;}
#waterWrap .swiper-slide .inner {position:relative; min-height:528px; box-shadow: 0px 4px 60px 0px #AAAAAA0D; border: 1px solid var(--stroke, #EBEBEB); border-radius:15px; background:#fff;}
#waterWrap .swiper-slide .inner.bg_color {background:#FF6701;}
#waterWrap .swiper-slide .inner .txt_box {padding:40px 40px 40px 40px;}
#waterWrap .swiper-slide .inner .txt_box .tit {font-size:30px; line-height:1.4; color:#fff; font-weight:700;}
#waterWrap .swiper-slide .inner .txt_box .btm_box {position:Absolute; bottom:0; left:0; width:100%; padding:40px;}
#waterWrap .swiper-slide .inner .txt_box .btm_box p {padding-top:20px; font-size:18px; color:#616265; line-height:1.4; word-break:keep-all; color:#fff;}

#waterWrap .swiper-slide .inner .txt_box1 {padding:40px;}
#waterWrap .swiper-slide .inner .txt_box1 .img_box {padding-top:74px; text-align:center;}
#waterWrap .swiper-slide .inner .txt_box1 .tit {display:block; font-size:30px; line-height:1.4; color:#616265; font-weight:700; text-align:center;}
#waterWrap .swiper-slide .inner .txt_box1 .btm_box {position:Absolute; top:322px; left:0; width:100%; padding:40px;}
#waterWrap .swiper-slide .inner .txt_box1 .btm_box dl {display:flex; align-items:flex-start; padding-top:20px;}
#waterWrap .swiper-slide .inner .txt_box1 .btm_box dl dt span {display:inline-block; padding:0 10px; background:#FF6701; color:#fff; line-height:26px; border-radius:5px;}
#waterWrap .swiper-slide .inner .txt_box1 .btm_box dl dd {padding-left:10px; line-height:1.4; font-size:18px; color:#616265;}

@media screen and (max-width: 1280px) {
    #waterWrap {padding:15px 15px 50px 15px;}
}
@media screen and (max-width: 800px) {
    #waterWrap .swiper-slide {width:80%; min-width:auto; margin-right:10px;}
    #waterWrap .swiper-slide .inner {height:360px; min-height:auto;}
    #waterWrap .swiper-slide .inner .txt_box {padding:30px 20px;}
    #waterWrap .swiper-slide .inner .txt_box .tit {font-size:20px;}
    #waterWrap .swiper-slide .inner .txt_box .btm_box {padding:30px 20px;}
    #waterWrap .swiper-slide .inner .txt_box .btm_box p {font-size:14px;}
    
    #waterWrap .swiper-slide .inner .txt_box1 .tit {font-size:20px;}
    #waterWrap .swiper-slide .inner .txt_box1 .img_box {padding-top:41px;}
    #waterWrap .swiper-slide .inner .txt_box1 .img_box img {width:90px;}
    #waterWrap .swiper-slide .inner .txt_box1 .btm_box {top:258px; padding:0 20px;}
    
    #waterWrap .swiper-slide .inner .txt_box1 .btm_box dl {padding-top:10px;}
    #waterWrap .swiper-slide .inner .txt_box1 .btm_box dl dt span {padding:0 7px; font-size:12px; line-height:22px;}
    #waterWrap .swiper-slide .inner .txt_box1 .btm_box dl dd {font-size:12px; line-height:21px;}
}
/* Global 6K for Water*/
#fwaterWrap {padding:0 80px 100px 80px;}
#fwaterWrap .cont_box {position:relative; max-width:1760px; margin:0 auto;}
#fwaterWrap .cont_box .txt {position:absolute; right:78px; top:50%; max-width:780px; transform:translateY(-50%);}
#fwaterWrap .cont_box .txt dl {}
#fwaterWrap .cont_box .txt dl dt {font-size:60px; font-weight:900; line-height:1.2; color:#fff;}
#fwaterWrap .cont_box .txt dl dt span {font-size:60px; font-weight:900; line-height:1.2; color:#FF6701;}
#fwaterWrap .cont_box .txt dl dd {padding:35px 0; font-size:22px; line-height:1.4; font-weight:400; letter-spacing:-1px; color:#fff;}
 #fwaterWrap .bg.mo { display: none; }

@media screen and (max-width: 1280px) {
    #fwaterWrap {padding:15px 15px 50px 15px;}
    #fwaterWrap .cont_box .txt {max-width:500px; right:20px;}
    #fwaterWrap .cont_box .txt dl dt {font-size:40px;}
    #fwaterWrap .cont_box .txt dl dt span {font-size:40px;}
    #fwaterWrap .cont_box .txt dl dd {font-size:16px;}
}
@media screen and (max-width: 800px) {
    #fwaterWrap .bg.pc { display: none; }
    #fwaterWrap .bg.mo { display: block; }
    #fwaterWrap {padding:15px 0 50px 0;}
    #fwaterWrap .cont_box .txt {max-width:100%; top:unset; bottom:0; right:0px; padding:0 20px 30px 20px; transform:translateY(0);}
    
    #fwaterWrap .cont_box .txt dl {}
    #fwaterWrap .cont_box .txt dl dt {font-size:30px;}
    #fwaterWrap .cont_box .txt dl dt span {display:block; padding-bottom:0px; font-size:30px;}
    #fwaterWrap .cont_box .txt dl dd {padding:17px 0; font-size:16px;}
}

/* Video Of Global 6K */
#yvideoWrap {padding:0 80px 100px 80px;}
#yvideoWrap .m_tit {max-width:1760px; padding:0 0 30px 0; margin:0 auto;}
#yvideoWrap .cont_box {display:flex; position:relative; max-width:1760px; margin:0 auto;}
#yvideoWrap .cont_box > .left_box {width:calc(100% - 600px);}
#yvideoWrap .cont_box > .left_box .main_video {position:relative; overflow:hidden; width:100%; min-height:654px; padding-bottom:56.2%; border-radius:15px;}
#yvideoWrap .cont_box > .left_box .main_video iframe {position:Absolute; top:0; left:0; width:100%; height:100%;}
#yvideoWrap .cont_box > .right_box {}

#yvideoWrap .cont_box .sub_video {padding-left:40px}
#yvideoWrap .cont_box .sub_video ul {border-top:3px solid #FF6701; border-bottom:3px solid #FF6701;}
#yvideoWrap .cont_box .sub_video ul li {padding:33px 0; border-bottom:1px solid #E7E7E7;}
#yvideoWrap .cont_box .sub_video ul li:last-child {border-bottom:0;}
#yvideoWrap .cont_box .sub_video ul li .box {display:flex; width:560px; align-items:center;}
#yvideoWrap .cont_box .sub_video ul li .box .left_box {}
#yvideoWrap .cont_box .sub_video ul li .box .left_box .img {font-size:0;}
#yvideoWrap .cont_box .sub_video ul li .box .left_box .img img {border-radius:15px; width:100%;}
#yvideoWrap .cont_box .sub_video ul li .box .right_box {width:270px;}
#yvideoWrap .cont_box .sub_video ul li .box .right_box dl {padding-left:30px;}
#yvideoWrap .cont_box .sub_video ul li .box .right_box dl dt {font-size:16px; line-height:1.4; color:#000; font-weight:500;}
/* 2026-03-23 [s] */
#yvideoWrap .cont_box .sub_video ul li .box .right_box dl dd {font-size:11px; font-weight:400; line-height:1.5; color:#616265; display: -webkit-box; word-wrap: break-word; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp:3;}
/* 2026-03-23 [e] */
#yvideoWrap .cont_box .sub_video ul li .box .right_box dl dd {font-size:11px; font-weight:400; line-height:1.5; color:#616265;}
#yvideoWrap .cont_box .sub_video ul li .box .right_box dl dd.icon {padding:20px 0 20px 21px; font-size:11px; line-height:1.5; font-weight:600; background:url('/resource/frt/images/renewal/icon/icon_channels_profile.png') no-repeat left center; background-size:16px auto; }

@media screen and (max-width: 1280px) {
    #yvideoWrap {padding:15px 15px 50px 15px;}
    #yvideoWrap .cont_box {display:block;}
    #yvideoWrap .cont_box > .left_box {width:100%;}
    #yvideoWrap .cont_box > .left_box .main_video {min-height:auto;}
    #yvideoWrap .cont_box .sub_video {padding:20px 0 0 0;}
    #yvideoWrap .cont_box .sub_video ul li {padding:18px 0;}
    #yvideoWrap .cont_box .sub_video ul li .box {width:100%;}
    #yvideoWrap .cont_box .sub_video ul li .box .left_box {width:43%;}
    #yvideoWrap .cont_box .sub_video ul li .box .right_box {width:57%;}
    
}

@media screen and (max-width: 800px) {
    #yvideoWrap .cont_box .sub_video ul li .box .left_box {width:43%;}
    #yvideoWrap .cont_box .sub_video ul li .box .right_box {width:57%;}
    #yvideoWrap .cont_box .sub_video ul li .box .right_box dl {padding-left:15px;}
    #yvideoWrap .cont_box .sub_video ul li .box .right_box dl dt {font-size:12px;}
    #yvideoWrap .cont_box .sub_video ul li .box .right_box dl dd {display:none;}
    #yvideoWrap .cont_box .sub_video ul li .box .right_box dl dd.icon {display:block;font-size:11px; padding:10px 0 0px 21px; background-position: left 10px;}
}

/* Pictures Of Global 6K */
#pictureWrap {padding:0 80px 100px 80px;}
#pictureWrap .m_tit {max-width:1760px; padding:0 0 30px 0; margin:0 auto; text-align:left;}
#pictureWrap .cont_box {display:flex; gap:40px; position:relative; max-width:1760px; margin:0 auto;}
#pictureWrap .cont_box .left_box {width:33%;}
#pictureWrap .cont_box .left_box .main_picture {}
#pictureWrap .cont_box .left_box .main_picture .img_box {font-size:0;}
#pictureWrap .cont_box .left_box .main_picture .img_box img {width:100%; border-radius:15px;}
#pictureWrap .cont_box .left_box .main_picture dl {padding:30px 20px;;}
#pictureWrap .cont_box .left_box .main_picture dl dt {font-size:24px; font-weight:600; color:#292929;}
#pictureWrap .cont_box .left_box .main_picture dl dd {padding-top:5px; font-size:16px; font-weight:400; color:#616265;}
#pictureWrap .cont_box .right_box {width:67%;}
#pictureWrap .cont_box .right_box .picture_box {overflow:hidden; border-radius:15px;}
#pictureWrap .cont_box .right_box .picture_box ul {display:grid; grid-template-columns:1fr 1fr 1fr 1fr;}
#pictureWrap .cont_box .right_box .picture_box ul li {font-size:0;}
#pictureWrap .cont_box .right_box .picture_box ul li a {font-size:0;}
#pictureWrap .cont_box .right_box .picture_box ul li a img {width:100%;}
@media screen and (max-width: 1280px) {
    #pictureWrap {padding:15px 15px 50px 15px;}
    #pictureWrap .m_tit {padding-bottom:15px;}
    #pictureWrap .cont_box {display:block;}
    #pictureWrap .cont_box .left_box {width:100%;}
    #pictureWrap .cont_box .right_box {width:100%;}
    #pictureWrap .cont_box .left_box .main_picture {padding-bottom:30px;}
}
@media screen and (max-width: 800px) {
    #pictureWrap .cont_box .left_box .main_picture {padding-bottom:30px;}
    #pictureWrap .cont_box .left_box .main_picture dl {padding:15px 10px;}
    #pictureWrap .cont_box .left_box .main_picture dl dt {font-size:17px;}
    #pictureWrap .cont_box .left_box .main_picture dl dd {font-size:14px;}
    #pictureWrap .cont_box .right_box .picture_box ul {display:grid; grid-template-columns:1fr 1fr 1fr;}

}
/* 파트너사 */
#partnerWrap {padding:85px 80px; background:#F2F2F2;}
#partnerWrap .cont_box {position:relative; max-width:1760px; margin:0 auto;}
#partnerWrap .inner .partner_box {}
#partnerWrap .inner .partner_box .partner_group {display:flex; align-items:center;}
#partnerWrap .inner .partner_box .partner_group .group_name {position:relative; min-width:180px; padding:33px 0 33px 30px; font-size:24px; line-height:1.4; font-weight:600;}
#partnerWrap .inner .partner_box .partner_group .group_name:after {position:Absolute; top:42px; left:0; display:inline-block; width:10px; height:10px; background:#FF6701; content:''; border-radius:50%;}
#partnerWrap .inner .partner_box .partner_group .group_name:before {position:Absolute; top:32px; right:0; display:inline-block; width:1px; height:34px; background:#C6C8CA; content:'';}
#partnerWrap .inner .partner_box .partner_group ul {display:flex; flex-wrap:wrap; gap:30px; align-items:center; padding:20px 0 20px 20px;}
#partnerWrap .inner .partner_box .partner_group ul li {padding:0 20px;}
@media screen and (max-width: 1280px) {
    #partnerWrap {padding:15px 15px 50px 15px;}
}

@media screen and (max-width: 800px) {
    #partnerWrap .inner .partner_box {}
    #partnerWrap .inner .partner_box .partner_group {display:block;}
    #partnerWrap .inner .partner_box .partner_group:after {position:Absolute; top:12px; left:0; display:block; width:100%; height:1px; background:#D3D3D3; border-radius:0; content:''; z-index:-1;}
    
    #partnerWrap .inner .partner_box .partner_group .group_name {display:inline-block; min-width:auto; padding:0 12px; line-height:25px; font-size:12px; background:#8E8E8E; color:#fff; border-radius:5px;}
    #partnerWrap .inner .partner_box .partner_group .group_name.on {background:#FF6701;}
    #partnerWrap .inner .partner_box .partner_group .group_name:after {top:0; left:auto; right:-10px; border-radius:0; width:10px; height:25px; background:#f2f2f2;}
    #partnerWrap .inner .partner_box .partner_group .group_name:before {display:none;}
}