/* ---------------------------------------------
 style guide
--------------------------------------------- */
.challenge b, strong{font-weight:600}

/* .challenge section{--comp-padding:100px}
@media(min-width:768px){
  .challenge section{--comp-padding:140px}
} */

:root{
  --text-body:var(--gray-800);
  /* --text-muted:var(--gray-400); */
  --gray-dark:var(--gray-600);
  --gray:var(--gray-500);
  --gray-light:var(--gray-300);
  --bg-light:#FAFAFA;
  --bg-gray:#F5F5F7;
  --bg-yellow:#FAF6E8;
  --bg-green:#F5FAF3;

  /* 클린 액션 */
  --challenge1-primary:#8F5600;  /* brown */
  --challenge1-secondary:#F67308; /* orange */
  --challenge1-accent:#F9CA30;   /* yellow */
  --challenge1-success:#00C355;  /* green */

  /* 맘스가든 */
  --challenge2-primary:#1C964D;  /* green */
  --challenge2-secondary:#FFCF22; /* yellow */


}


.heading [class*="heading-"]:not([class*="fw-"]){font-weight:700}
.heading-1{font-size:30px; line-height:1.45}
.heading-2{font-size:26px; line-height:1.4}
.heading-3{font-size:22px; line-height:1.4}
.heading-4{font-size:20px; line-height:1.4}
.heading-5{font-size:18px; line-height:1.5}
.p1{font-size:16px; line-height:1.6}
.p2{font-size:15px; line-height:1.6}
.p3{font-size:14px; line-height:1.5}
.p4{font-size:12px; line-height:1.5}
@media(min-width:768px){

}
@media(min-width:1070px){
  .heading-1{font-size:48px; line-height:1.4}
  .heading-2{font-size:38px; line-height:1.4}
  .heading-3{font-size:32px; line-height:1.3}
  .heading-4{font-size:26px; line-height:1.4}
  .heading-5{font-size:20px; line-height:1.5}
  .p1{font-size:20px; line-height:1.6}
  .p2{font-size:18px; line-height:1.6}
  .p3{font-size:16px; line-height:1.5}
  .p4{font-size:13px; line-height:1.5}
}


/* 칼라 */
.text-sub  {color:var(--gray-light)} /* 작은 단위 보조 */
.text-note {color:var(--gray)} /* 참고/힌트 텍스트 */
.text-muted{color:var(--gray-dark)} /* 설명 텍스트 */
.black     {color:var(--text-body)} /* 본문 바디 텍스트 */


/* 백그라운드 색상 */
/* .bg-gray{background-color:var(--bg-gray)} */
.bg-yellow{background-color:var(--bg-yellow)}
.bg-green{background-color:var(--bg-green)}
.bg-blue{background-color:var(--smt-background-blue)}
/* .bg-white{background-color:var(--smt-background-white)} */

.clean-badge{width:fit-content; padding:8px 16px; font-size:13px; display:inline-flex; align-items:center; gap:8px; background-color:var(--smt-background-white); border-radius:var(--br-circle); color:#48773E; font-weight:500}
.clean-badge::before{content:''; width:20px; height:20px; display:inline-block; background-image:url('/wp-content/themes/weloveu/images/challenge/ico_badge.svg'); background-position:center; background-repeat:no-repeat; background-size:100%}
.clean-badge.dark{color:#fff; background-color:transparent; border:2px solid rgba(255,255,255,0.4)}
.clean-badge.dark::before{background-image:url('/wp-content/themes/weloveu/images/challenge/ico_badge_dark.svg')}
@media(min-width:768px){
  .clean-badge{font-size:14px}
  .clean-badge::before{width:24px; height:24px}
}


/* sdgs */
.sdgs{padding:24px 32px; display:flex; gap:16px; align-items:center; flex-direction:column; background-color:var(--primary); border-radius:24px}
.sdgs .icons{display:flex; gap:8px; align-items:center; flex-wrap:wrap; justify-content:center}
.sdgs .icons img{width:60px; border-radius:6px}
.sdgs p{font-size:14px; line-height:1.45; color:#fff}
@media(min-width:768px){
  .sdgs{flex-direction:row; gap:24px}
  .sdgs .icons{width:50%}
  .sdgs p{font-size:16px; width:50%; text-align:left}
}
@media(min-width:1070px){
  .sdgs .icons img{width:72px}
  .sdgs p{font-size:18px}
}

/* tag style */
.tags{display:flex; flex-wrap:wrap; gap:8px; align-items:center; justify-content:center}
.tags span{display:inline-block; padding:8px 16px; border-radius:999px}
.tags span:not(.dark *){border:1px solid var(--smt-border); color:var(--smt-neutral-body)}
.dark .tags span{border:1px solid var(--trwhite-30)}

/* lists */
li{padding:2px 0}
.disc{padding-left:14px}
.disc li{list-style:disc}


/* .dl-item dl{} */
.dl-item > *:not(:first-child){margin-top:8px}
.dl-item dd{padding-left:16px; color:var(--gray-dark)}
.dl-item dd::before{content:''; width:5px; height:5px; display:inline-block; margin-right:6px; margin-left:-12px; border-radius:999px; background-color:var(--gray-dark); vertical-align:middle}

.textbox{padding:20px; border-radius:16px}

/* page-visual */
.page-visual .txt{display:flex; gap:24px; flex-direction:column; align-items:center}

/* bubble */
.speech-bubble{width:fit-content; position:relative; margin-bottom:20px; background:var(--smt-background-white); border-radius:999px; padding:20px 32px}
.speech-bubble:after{content:''; position:absolute; bottom:0; left:50%; width:0; height:0; border:20px solid transparent; border-top-color:var(--smt-background-white); border-bottom:0; border-left:0; margin-left:-10px; margin-bottom:-20px}

/* photo slide */
.infinite-marquee{width:100%; gap:var(--photo-slide-gap-sm); display:flex; overflow:hidden; margin:var(--photo-slide-gap-sm) 0}
/* .infinite-marquee:not(:last-child){padding-top:16px} */
.infinite-marquee .content{min-width:100%; gap:var(--photo-slide-gap-sm); flex:none; justify-content:space-around; display:flex; animation:scrolling 80s linear infinite}
.infinite-marquee .content.reverse{animation-direction:reverse}
.infinite-marquee .content img{-webkit-transform:translateZ(0); transform:translateZ(0); object-fit:cover; height:100px; border-radius:var(--radius-md)}
  @keyframes scrolling {
    from {transform:translateX(0)}
    to   {transform:translateX(calc(-100% - 1rem))}
  }
@media(min-width:768px){
  .infinite-marquee{margin:var(--photo-slide-gap-md) 0}
  /* .infinite-marquee:not(:last-child){padding-top:20px} */
  .infinite-marquee,
  .infinite-marquee .content{gap:var(--photo-slide-gap-md)}
  .infinite-marquee .content img{height:180px}
}
@media(min-width:1070px){
  .infinite-marquee{margin:var(--photo-slide-gap-lg) 0}
  /* .infinite-marquee:not(:last-child){padding-top:24px} */
  .infinite-marquee,
  .infinite-marquee .content{gap:var(--photo-slide-gap-lg)}
  .infinite-marquee .content img{height:320px; border-radius:var(--radius-5xl)}
}

/* Photo 바둑판 형식 */
.grid-board{display:grid; grid-template-columns:repeat(2,1fr); gap:4px; max-width:980px; margin:0 auto}
@media(min-width:768px){
  /* .grid-board{grid-template-columns:repeat(2,1fr)} */
}
@media(min-width:1070px){
  .grid-board{grid-template-columns:repeat(3,1fr)}
}
.grid-board .grid-item{position:relative; aspect-ratio:1/1; overflow:hidden; background-color:#fff}
.grid-board .grid-item img{width:100%; height:100%; object-fit:cover; display:block; transform:scale(1); transition:transform .28s ease}
.grid-board .grid-item:hover img{transform:scale(1.06)}
.grid-board .with-overlay .overlay{position:absolute;inset:0;background:rgba(0,0,0,.38);opacity:0;transition:opacity .28s ease}
.grid-board .with-overlay .caption{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); color:#fff; font-size:14px; line-height:1.35; text-align:center; opacity:0; transition:opacity .28s ease,transform .28s ease; pointer-events:none}
.grid-board .with-overlay:hover .overlay{opacity:1}
.grid-board .with-overlay:hover .caption{opacity:1; transform:translate(-50%,-50%) scale(1.02)}

/* step 뱃지 */
.text-wrap .step-badge{padding:10px 20px; width:fit-content; font-size:16px; font-weight:500; text-transform:uppercase; color:#fff; background-color:rgb(76 190 151); border-radius:999px}
.text-wrap .step-badge + .title{margin-top:var(--spacing-2) }

/* ---------------------------------------------
 클린액션
--------------------------------------------- */
.clean-action section{--comp-padding:100px}
@media(min-width:768px){
  .clean-action section{--comp-padding:140px}
}
.clean-action {--primary:var(--challenge1-primary)}
.clean-action .bg-yellow-dark{background-color:var(--challenge1-accent)}
.clean-action .bg-orange{background-color:var(--challenge1-secondary)}
.clean-action .color-primary {color:var(--challenge1-primary)}
.clean-action .color-sub1{color:var(--challenge1-secondary)}
.clean-action .color-sub2{color:var(--challenge1-success)}
.clean-action .color-sub3{color:var(--challenge1-accent)}
.clean-action b{color:var(--challenge1-secondary)}

.clean-action .page-visual{min-height:750px; overflow:visible; padding-top:50px; padding-bottom:50px; display:flex; align-items:center}
.clean-action .page-visual .txt{gap:36px}
.clean-action .page-visual h1 img{width:200px}
.clean-action .page-visual h2{text-shadow:2px 3px 0px rgba(145, 99, 26, 0.15); line-height:1.35}

.clean-action .page-visual .illust{position:absolute; background-repeat:no-repeat; background-position:center; background-size:100%}
.clean-action .page-visual .cloud{width:100px; height:100px; top:190px; left:-20px; background-image:url('/wp-content/themes/weloveu/images/challenge/clean-action/visual_cloud.png'); animation:motion 1s linear 0s infinite alternate}
.clean-action .page-visual .earth{width:100px; height:68px; top:160px; right:0; background-image:url('/wp-content/themes/weloveu/images/challenge/clean-action/visual_earth.png'); animation:motion 1s linear 0s infinite alternate; animation-delay:0.5s;}
.clean-action .page-visual .trees{width:82px; height:76px; bottom:-25px; left:20px; background-image:url('/wp-content/themes/weloveu/images/challenge/clean-action/visual_tree_cloud.png')}
.clean-action .page-visual .tree{width:60px; height:60px; bottom:-20px; right:20px; background-image:url('/wp-content/themes/weloveu/images/challenge/clean-action/visual_tree.png')}

@keyframes motion {
	0% {margin-top: 0px;}
	100% {margin-top: 10px;}
}

@media(min-width:768px){
  .clean-action .page-visual h1 img{width:300px}
  .clean-action .page-visual .cloud{width:140px; height:140px; left:6%}
  .clean-action .page-visual .earth{width:140px; height:108px; right:5%}
  .clean-action .page-visual .trees{width:120px; height:120px; bottom:-40px; left:6%}
  .clean-action .page-visual .tree{width:100px; height:100px; bottom:-40px; right:5%}
}
@media(min-width:1070px){
  .clean-action .page-visual{min-height:900px; padding-top:100px; padding-bottom:100px}
  .clean-action .page-visual h1 img{width:370px}
}

@media(min-width:1600px){
  .clean-action .page-visual .cloud{width:300px; height:300px; top:80px; left:8%}
  .clean-action .page-visual .earth{width:320px; height:230px; top:256px; right:8%}
  .clean-action .page-visual .trees{width:310px; height:300px; bottom:-90px; left:8%}
  .clean-action .page-visual .tree{width:215px; height:215px; bottom:-70px; right:8%}
}


/* ‘나' 한 사람이 할 수 있는 일 */
.section-intro{overflow:hidden}
.section-intro .checklist{max-width:var(--container-lg); margin:0 auto}
.section-intro .checklist .item{padding:56px 32px; display:flex; align-items:center; flex-direction:column; justify-content:center; gap:12px; background-color:var(--smt-background-white); border-radius:24px}
.section-intro .checklist .icon{width:48px; height:48px; display:inline-block; background-repeat:no-repeat; background-position:center; background-size:100%; background-image:url('/wp-content/themes/weloveu/images/challenge/clean-action/ico_check.svg')}
.section-intro .checklist .owl-carousel .owl-dots .owl-dot.active span{background-color:var(--challenge1-success); width:8px}
.section-intro .illustwrap{display:flex; flex-direction:column; align-items:center; gap:16px}
.section-intro .illustwrap .illust{width:120px; height:180px; background-repeat:no-repeat; background-position:center; background-size:100%; background-image:url('/wp-content/themes/weloveu/images/challenge/clean-action/intro_illust.png')}
.section-intro .speech-bubble.orange{background:var(--challenge1-secondary)}
.section-intro .speech-bubble.orange:after{border-top-color:var(--challenge1-secondary)}
@media(min-width:1070px){
  .section-intro .checklist .cards-carousel{display:flex; gap:24px; flex-wrap:wrap}
  .section-intro .checklist .item{min-height:260px; padding:20px 40px; flex:calc(33.333% - 24px); overflow:hidden}
}

.section-intro .bottom{gap:0}
.section-intro .bottom .speech-bubble{width:100%; padding:48px 40px; text-align:center; border-radius:40px}
.section-intro .bottom .speech-bubble:after{left:inherit; right:120px}
.section-intro .bottom .illust2{width:334px; height:200px; background-repeat:no-repeat; background-position:center; background-size:100%; background-image:url('/wp-content/themes/weloveu/images/challenge/clean-action/intro_illust2.png'); margin-top:-40px; z-index:1}
@media(min-width:1070px){
  .section-intro .bottom .speech-bubble{width:auto; min-width:800px; padding:64px 48px}
  .section-intro .bottom .speech-bubble:after{right:50px}
  .section-intro .bottom .illust2{width:678px; height:430px; margin-top:-140px}
}

.section-state .title h2{line-height:1.3}
.section-state .row{--bs-gutter-y:16px}
.section-state .item{padding:40px 16px; border-radius:24px}
.section-state .item > *:not(:first-child){margin-top:4px}
.section-state .item img{margin-bottom:16px; width:144px}
.section-state .item > span{display:block}
.section-state .item > div{font-weight:600}
@media(min-width:1070px){
  .section-state .title > div{font-size:28px}
}


.section-ongoing .tabs-viewport{padding:30px 0 0 0; overflow-x:auto; -ms-overflow-style:none}
.section-ongoing .tabs-viewport::-webkit-scrollbar{display:none}
.section-ongoing .tabs{border-radius:40px}
.section-ongoing .tab-menu{overflow-x:visible; width:fit-content; padding:8px; gap:4px; justify-content:center; background-color:#FFE272; -webkit-overflow-scrolling:touch; scrollbar-width:none; padding-right:30px}
.section-ongoing .tab-menu::-webkit-scrollbar{display:none}
.section-ongoing .tab-menu button{position:relative; min-width:60px; padding:8px; color:var(--challenge1-primary); border-radius:32px}
.section-ongoing .tab-menu button.is-active{background-color:var(--challenge1-secondary); color:#fff}

.section-ongoing .tab-menu .bubblewrap{min-width:80px; max-width:160px; position:absolute; bottom:20px; left:50%; transform:translateX(-50%)}
.section-ongoing .tab-menu .ongoing-badge{display:inline-block; width:max-content; padding:8px 16px; color:#fff; background-color:var(--challenge1-success); box-shadow:0px 3px 0px rgba(0, 0, 0, 0.1)}
.section-ongoing .tab-menu .ongoing-badge::after{border:8px solid transparent; border-top-color:var(--challenge1-success); border-bottom:0; margin-left:-8px; margin-bottom:-6px}

@media(min-width:768px){
  .section-ongoing .tab-menu{width:100%}
}
@media(min-width:1070px){
  .section-ongoing .tabs-viewport{padding:40px 0 0 0}
  .section-ongoing .tab-menu{padding:16px 0; border-radius:40px 40px 0 0}
  .section-ongoing .tab-menu button{min-width:86px; padding:12px 16px}
  .section-ongoing .tab-menu button:hover{background-color:rgb(246 115 8 / 40%); color:#fff}
  .section-ongoing .tab-menu .bubblewrap{bottom:40px}

}
@media(min-width:1200px){
  .section-ongoing .tab-menu, .section-ongoing .lists{max-width:1200px; margin:0 auto}
}


.challenge-item{background-color:#fff; padding:46px 30px 62px 30px}
/* .challenge-item .row{--bs-gutter-y:8px} */
.challenge-item .thumwrap{margin-top:32px; margin-bottom:40px}
.challenge-item .thum{border-radius:16px}
.challenge-item .thum-img{padding-bottom:100%}
.challenge-item .text{text-align:center}
.challenge-item .text > *:not(:first-child){margin-top:8px}
.challenge-item .text .month{padding:8px 16px; display:none; border-radius:999px; background-color:var(--challenge1-secondary); color:#fff}
.challenge-item .text h4{margin-top:16px !important; font-weight:700}
.challenge-item .text p{max-width:400px; margin:0 auto}
.challenge-item .text .btn.style-text{color:var(--challenge1-secondary)}
.challenge-item .text .btn .ico-arrow-right{width:5px; height:10px; background-image:url('/wp-content/themes/weloveu/images/ui/ico_arrow_right_orange.svg')}
.challenge-item .stats{margin-top:8px}
.challenge-item .stats .stats-body{padding:24px; display:flex; align-items:center; gap:16px; border-radius:16px; background-color:var(--bg-light)}
.challenge-item .stats .stats-body::before{content:''; width:69px; height:69px; display:inline-block; background-repeat:no-repeat; background-position:center; background-size:100%}
.challenge-item .stats:nth-child(3) .stats-body::before{background-image:url('/wp-content/themes/weloveu/images/challenge/clean-action/ico_participation.png')}
.challenge-item .stats:nth-child(4) .stats-body::before{background-image:url('/wp-content/themes/weloveu/images/challenge/clean-action/ico_co2.png')}
.challenge-item .stats:nth-child(5) .stats-body::before{background-image:url('/wp-content/themes/weloveu/images/challenge/clean-action/ico_planting.png')}
.challenge-item .stats span{color:var(--gray-dark); display:block}
.challenge-item .stats strong{color:var(--challenge1-success)}
.challenge-item .info{margin-top:24px}
.challenge-item .text .text-box{margin-top:20px; padding:16px 0; border-radius:16px; background-color:var(--bg-gray); font-size:15px}
.challenge-item .text .text-box .text > div{display:flex;; align-items:center; gap:16px}
.challenge-item .text .text-box .text{padding:8px 24px}
.challenge-item .text .text-box .text .wp-block-heading{font-weight:500; width:150px}
.challenge-item .text .text-box .wp-block-list{text-align:left;}
/* .challenge-item .table{padding:16px; background-color:rgb(250, 250, 250)}
.challenge-item .wp-block-table td,
.challenge-item .wp-block-table th{border:0}
.challenge-item .wp-block-table th{font-weight:600; border:0}
.challenge-item .wp-block-table td{font-size:15px; border:0} */
@media(min-width:768px){
  .challenge-item .thumwrap{margin-top:0; margin-bottom:0}
  .challenge-item .text{text-align:left}
  .challenge-item .text > *:not(:first-child){margin-top:16px}
  .challenge-item .text p{margin:0}
  .challenge-item .stats{margin-top:40px}
}
@media(min-width:1070px){
  .challenge-item{padding:56px; border-radius:0 0 40px 40px}
  .challenge-item .text .month{display:inline-block}
}


/* #캠페인 참여 방법 */
.section-guide .heading > h2{margin-top:0.3em}
.section-guide .cards{--bs-gutter-x:0; --bs-gutter-y:20px}
.section-guide .cards .item > div{height:100%; border-radius:24px}
.section-guide .cards .item > div > *:not(:first-child){margin-top:32px}
.section-guide .cards .text-wrap .badge{padding:8px 20px; border-radius:999px; background-color:var(--challenge1-secondary); color:#fff}
.section-guide .cards .text-wrap .desc{margin-top:var(--spacing-2)}
.section-guide .cards .text-wrap .mail{word-break:break-all; display:flex; gap:4px; line-height:1.2}
.section-guide .cards .text-wrap .mail a{color:#fff}
/* .section-guide .cards .text-wrap li{list-style:disc} */
.section-guide .cards picture{display:inline-block; border-radius:24px; overflow:hidden}
.section-guide .cards picture.border{position:relative}
.section-guide .cards picture.border::after{content:''; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid var(--trblack-10); border-radius:24px}
/* .section-guide .cards .tags{display:flex; flex-wrap:wrap; gap:8px; align-items:center; justify-content:center} */
.section-guide .cards .tags span{border:1px solid var(--challenge1-secondary); color:var(--challenge1-secondary)}
.section-guide .cards .tags span:nth-child(2):lang(en){display:none}
.section-guide .cards .tags span:nth-child(3):lang(en){display:none}
.section-guide .cards .tags span:nth-child(3):lang(es){display:none}
.section-guide .cards .tags span:nth-child(2):lang(vi){display:none}
@media(min-width:1070px){
  .section-guide .cards{--bs-gutter-x:40px; --bs-gutter-y:40px}
  .section-guide .cards .item > div{border-radius:40px}
}


/* 캠페인 소식 */
.section-list .containerwrap{display:flex; flex-direction:column; gap:40px}
.section-list .lists{--bs-gutter-y:20px}
.section-list .lists .list-item{border-radius:16px; display:block; overflow:hidden}
.section-list .lists .list-item .overlay::before{z-index:1}
.section-list .lists .info > *:not(:first-child){margin-top:8px}
.section-list .lists .info{padding:32px; background-color:var(--bg-gray)}
.section-list.bg-gray .lists .info{background-color:var(--smt-background-white)}
.section-list .lists .info h3{font-weight:600}
.section-list .lists .info div{color:var(--gray-dark)}
/* .section-list .lists .info .sub{font-weight:500} */
.section-list .btn{min-width:120px}
@media(min-width:1070px){
  .section-list .containerwrap{gap:48px}
  .section-list .lists{--bs-gutter-y:1.5rem}
  .section-list .btn{min-width:140px}
}



/* ---------------------------------------------
 맘스가든
--------------------------------------------- */
.moms-garden {--primary:var(--challenge2-primary)}
.moms-garden .color-primary {color:var(--challenge2-primary)}
.moms-garden .color-sub1    {color:var(--challenge2-secondary)}
.moms-garden b{color:var(--challenge2-primary)}

.moms-garden .icon-item{width:100px; height:100px; background-repeat:no-repeat; background-position:center; background-size:100%; flex-shrink:0}

.moms-garden .page-visual .visual-area{background-image:url('/wp-content/themes/weloveu/images/challenge/moms-garden/visual.jpg')}
.moms-garden .page-visual .text-wrap{min-height:520px; padding:80px 0 40px; display:flex; flex-direction:column; align-items:center; justify-content:flex-end}
.moms-garden .page-visual .title{font-weight:600}
.moms-garden .page-visual .sub{margin-top:var(--spacing-3); font-weight:500}
@media(min-width:768px){
  .moms-garden .icon-item{width:140px; height:140px}
  .moms-garden .page-visual .text-wrap{min-height:760px; padding:80px 0}
}
@media(min-width:1070px){
  .moms-garden .page-visual .text-wrap{min-height:1000px}
  .moms-garden .text-item{width:200px; max-width:200px}
}

/* 맘스가든(Mom's Garden)이란? */
.moms-garden .section-about .icon-item{margin:0 auto; background-image:url('/wp-content/themes/weloveu/images/challenge/moms-garden/ico_about.png')}
.moms-garden .section-about .lists{--bs-gutter-y:20px}
.moms-garden .section-about .list-item .list-link{min-height:475px}
.moms-garden .section-about .list-item:nth-child(1) .thum-img{background-image:url('/wp-content/themes/weloveu/images/challenge/moms-garden/about_card1.jpg')}
.moms-garden .section-about .list-item:nth-child(2) .thum-img{background-image:url('/wp-content/themes/weloveu/images/challenge/moms-garden/about_card2.jpg')}
.moms-garden .section-about .list-item:nth-child(3) .thum-img{background-image:url('/wp-content/themes/weloveu/images/challenge/moms-garden/about_card3.jpg')}
@media(min-width:768px){

}
@media(min-width:1070px){
  /* .moms-garden .page-visual .sub{font-size:20px} */
  .moms-garden .section-about .list-item .tit{font-size:28px}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi){
	.moms-garden .page-visual .visual-area{background-image:url('/wp-content/themes/weloveu/images/challenge/moms-garden/visual@2x.jpg')}
  .moms-garden .section-about .list-item:nth-child(1) .thum-img{background-image:url('/wp-content/themes/weloveu/images/challenge/moms-garden/about_card1@2x.jpg')}
  .moms-garden .section-about .list-item:nth-child(2) .thum-img{background-image:url('/wp-content/themes/weloveu/images/challenge/moms-garden/about_card2@2x.jpg')}
  .moms-garden .section-about .list-item:nth-child(3) .thum-img{background-image:url('/wp-content/themes/weloveu/images/challenge/moms-garden/about_card3@2x.jpg')}
}

/* 백만 그루 나무 심기 */
.moms-garden .section-million{--photo-slide-gap-sm:8px; --photo-slide-gap-md:12px; --photo-slide-gap-lg:24px}
.moms-garden .section-million .heading b{font-weight:600}
.moms-garden .section-million .goal{width:fit-content; margin:0 auto; padding:28px; gap:16px; border-radius:20px}
.moms-garden .section-million .goal .icon-item{width:80px; height:60px; background-repeat:no-repeat; background-position:center; background-size:100%; background-image:url('/wp-content/themes/weloveu/images/challenge/moms-garden/icon_goal.png')}

.moms-garden .section-status .status{--bs-gutter-y:1rem}
.moms-garden .section-status .status-item{padding:24px 40px 32px; gap:8px; border-radius:24px; text-align:center}
.moms-garden .section-status div[class^="col-"]:nth-child(1) .icon-item{background-image:url('/wp-content/themes/weloveu/images/challenge/moms-garden/icon_status1.png')}
.moms-garden .section-status div[class^="col-"]:nth-child(2) .icon-item{background-image:url('/wp-content/themes/weloveu/images/challenge/moms-garden/icon_status2.png')}
.moms-garden .section-status div[class^="col-"]:nth-child(3) .icon-item{background-image:url('/wp-content/themes/weloveu/images/challenge/moms-garden/icon_status3.png')}
.moms-garden .section-status div[class^="col-"]:nth-child(4) .icon-item{background-image:url('/wp-content/themes/weloveu/images/challenge/moms-garden/icon_status4.png')}
@media(min-width:768px){
  .moms-garden .section-million .goal{padding:40px; gap:24px; border-radius:28px}
  .moms-garden .section-million .goal .icon-item{width:102px; height:80px}
  .moms-garden .section-status .status{--bs-gutter-x:1.5rem; --bs-gutter-y:1.5rem}
}
@media(min-width:1070px){
  .moms-garden .section-status .status-item{padding:24px 40px; flex-direction:row; gap:20px}
}
@media(max-width:767px){
  .moms-garden .section-million .goal .heading-5{font-size:17px}
  .moms-garden .section-million .goal .heading-1{font-size:28px}
}

/* 캠페인 참여 방법 */
.section-guide{overflow:hidden}
.section-guide .row{--bs-gutter-x:24px; --bs-gutter-y:24px}
.section-guide .step-item{padding:40px; border-radius:24px}
.section-guide .step-item .heading > *:not(:first-child, .btn){margin-top:var(--spacing)}
.section-guide .step-item .heading > .title{margin-top:var(--spacing-2)}
.section-guide .step-item .badge{padding:8px 16px; width:fit-content; font-size:15px; font-weight:500; text-transform:uppercase; color:#fff; background-color:#1C964D; border-radius:999px}
.section-guide .step-item .btn{width:fit-content; font-size:14px; padding:12px 16px; color:var(--challenge2-primary); box-shadow:inset 0 0 0 1px var(--challenge2-primary)}
.section-guide .step-item figure{border-radius:20px; overflow:hidden;}
.section-guide .step-item figure img{width:100%}
@media(min-width:768px){
  .section-guide .step-item{padding:48px}
  .section-guide .step-item figure{border-radius:24px}
}
@media(min-width:1070px){
  .section-guide .row{--bs-gutter-x:48px; --bs-gutter-y:48px}
  .section-guide .step-item{padding:56px 64px; border-radius:40px; height:100%}
  .section-guide .step-item .heading > *:not(:first-child, .btn){margin-top:var(--spacing-2)}
  .section-guide .step-item .heading > .title{margin-top:var(--spacing-3)}
  .section-guide .step-item .badge{padding:14px 24px; font-size:18px}
  .section-guide .step-item .title{font-size:32px}
}

/* 모니터링해요 */
.moms-garden .section-monitor{background-image:url('/wp-content/themes/weloveu/images/challenge/moms-garden/monitor_bg.jpg'); background-position:center; background-size:cover}
.moms-garden .section-monitor .heading{max-width:534px}
.moms-garden .section-monitor ul{gap:8px; margin-top:20px}
.moms-garden .section-monitor ul li{padding:12px 20px; display:flex; align-items:center; gap:16px; border-radius:16px; background-color:#fff; line-height:1.4}
.moms-garden .section-monitor ul li::before{content:''; width:40px; height:40px; display:inline-block; background-position:center; background-size:100%; background-repeat:no-repeat; flex-shrink:0}
.moms-garden .section-monitor ul li:nth-child(1)::before{background-image:url('/wp-content/themes/weloveu/images/challenge/moms-garden/monitor_icon01.png')}
.moms-garden .section-monitor ul li:nth-child(2)::before{background-image:url('/wp-content/themes/weloveu/images/challenge/moms-garden/monitor_icon02.png')}
.moms-garden .section-monitor ul li:nth-child(3)::before{background-image:url('/wp-content/themes/weloveu/images/challenge/moms-garden/monitor_icon03.png')}
.moms-garden .section-monitor ul li:nth-child(4)::before{background-image:url('/wp-content/themes/weloveu/images/challenge/moms-garden/monitor_icon04.png')}
@media(min-width:1070px){
  .moms-garden .section-monitor ul{gap:16px; margin-top:32px}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi){
  .moms-garden .section-monitor{background-image:url('/wp-content/themes/weloveu/images/challenge/moms-garden/monitor_bg@2x.jpg')}
  .moms-garden .section-monitor ul li:nth-child(1)::before{background-image:url('/wp-content/themes/weloveu/images/challenge/moms-garden/monitor_icon01@2x.png')}
  .moms-garden .section-monitor ul li:nth-child(2)::before{background-image:url('/wp-content/themes/weloveu/images/challenge/moms-garden/monitor_icon02@2x.png')}
  .moms-garden .section-monitor ul li:nth-child(3)::before{background-image:url('/wp-content/themes/weloveu/images/challenge/moms-garden/monitor_icon03@2x.png')}
  .moms-garden .section-monitor ul li:nth-child(4)::before{background-image:url('/wp-content/themes/weloveu/images/challenge/moms-garden/monitor_icon04@2x.png')}
}

/* 맘스가든의 특별한 능력 */
.moms-garden .section-benefit .lists{--bs-gutter-y:20px}
.moms-garden .section-benefit .lists div[class^="col-"]:nth-child(1) .list-item .thum-img{background-image:url('/wp-content/themes/weloveu/images/challenge/moms-garden/benefit_thum01.jpg')}
.moms-garden .section-benefit .lists div[class^="col-"]:nth-child(2) .list-item .thum-img{background-image:url('/wp-content/themes/weloveu/images/challenge/moms-garden/benefit_thum02.jpg')}
.moms-garden .section-benefit .lists div[class^="col-"]:nth-child(3) .list-item .thum-img{background-image:url('/wp-content/themes/weloveu/images/challenge/moms-garden/benefit_thum03.jpg')}
.moms-garden .section-benefit .lists .list-item{display:flex; flex-direction:column; border-radius:20px; overflow:hidden; height:100%}
.moms-garden .section-benefit .lists dl{padding:30px; flex:2}
.moms-garden .section-benefit .lists div[class^="col-"]:nth-child(1) dl{background:linear-gradient(106deg, #5A897A 0%, #2B4F42 100%), linear-gradient(106deg, #5A8BAE 0%, #2D5C8B 100%)}
.moms-garden .section-benefit .lists div[class^="col-"]:nth-child(2) dl{background:linear-gradient(106deg, #CF7B4B 0%, #984B26 100%)}
.moms-garden .section-benefit .lists div[class^="col-"]:nth-child(3) dl{background:linear-gradient(106deg, #C2A455 0%, #937019 100%)}
.moms-garden .section-benefit .lists dt{padding-bottom:16px}
.moms-garden .section-benefit .lists dd{padding:2px 0; padding-left:16px; opacity:.9}
.moms-garden .section-benefit .lists dd::before{content:''; width:4px; height:4px; display:inline-block; margin-right:8px; margin-left:-12px; border-radius:999px; background-color:#fff; vertical-align:middle}
@media(min-width:1070px){

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi){
  .moms-garden .section-benefit .lists div[class^="col-"]:nth-child(1) .list-item .thum-img{background-image:url('/wp-content/themes/weloveu/images/challenge/moms-garden/benefit_thum01@2x.jpg')}
  .moms-garden .section-benefit .lists div[class^="col-"]:nth-child(2) .list-item .thum-img{background-image:url('/wp-content/themes/weloveu/images/challenge/moms-garden/benefit_thum02@2x.jpg')}
  .moms-garden .section-benefit .lists div[class^="col-"]:nth-child(3) .list-item .thum-img{background-image:url('/wp-content/themes/weloveu/images/challenge/moms-garden/benefit_thum03@2x.jpg')}
}


/* 캠페인 주요 소식 */
.moms-garden .news-carousel{width:90%; margin:0 auto}
.moms-garden .news-carousel .item{min-height:400px; display:flex; align-items:center; padding:20px; border-radius:16px; overflow:hidden; background-repeat:no-repeat; background-size:cover; background-position:center}
.moms-garden .news-carousel .item:not(.flex-center){justify-content:flex-end}
.moms-garden .news-carousel .heading{max-width:500px}
.moms-garden .news-carousel .heading > *:not(:first-child, .btn, .btns){margin-top:8px}
.moms-garden .news-carousel .heading :is(.btns, .btn){margin-top:1em; font-size:13px; font-weight:500}
.moms-garden .news-carousel .photo1{background-image:linear-gradient(270deg, #3A4767 0%, rgba(58, 71, 103, 0.64) 49.92%, rgba(58, 71, 103, 0) 99.84%), url('/wp-content/themes/weloveu/images/challenge/moms-garden/slide01.jpg')}
.moms-garden .news-carousel .photo2{background-image:url('/wp-content/themes/weloveu/images/challenge/moms-garden/slide02.jpg')}
.moms-garden .news-carousel .photo3{background-image:linear-gradient(270deg, #275348 0%, rgba(39, 83, 72, 0.64) 49.92%, rgba(39, 83, 72, 0) 99.84%), url('/wp-content/themes/weloveu/images/challenge/moms-garden/slide03.jpg')}

.moms-garden .news-carousel .owl-dots{bottom:-45px}
.moms-garden .news-carousel .owl-dots .owl-dot span{height:10px}
.moms-garden .news-carousel .owl-dots .owl-dot:not(.active) span{width:10px}
.moms-garden .news-carousel .owl-dots .owl-dot span{background-color:rgba(0,0,0,0.3); box-shadow:none}
.moms-garden .news-carousel .owl-dots .owl-dot.active span{background-color:#333}
@media(min-width:768px){
  .moms-garden .news-carousel .item{min-height:500px; padding:40px; border-radius:24px}
}
@media(min-width:1070px){
  .moms-garden .news-carousel{width:100%}
  .moms-garden .news-carousel .owl-stage{display:flex; align-items:stretch}
  .moms-garden .news-carousel .owl-item{flex:1}
  .moms-garden .news-carousel .owl-item.center{flex:1.5}
  /* .moms-garden .news-carousel .owl-stage{gap:40px} */
  .moms-garden .news-carousel .item{min-height:620px; padding:60px 80px; border-radius:32px}
  /* .moms-garden .news-carousel .item-card h3{font-size:36px; line-height:1.4} */
  .moms-garden .news-carousel .heading :is(.btns, .btn){font-size:15px}
  .moms-garden .news-carousel .item-card p{line-height:1.7}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi){
  .moms-garden .news-carousel .photo1{background-image:linear-gradient(270deg, #3A4767 0%, rgba(58, 71, 103, 0.64) 49.92%, rgba(58, 71, 103, 0) 99.84%), url('/wp-content/themes/weloveu/images/challenge/moms-garden/slide01@2x.jpg')}
  .moms-garden .news-carousel .photo2{background-image:url('/wp-content/themes/weloveu/images/challenge/moms-garden/slide02@2x.jpg')}
  .moms-garden .news-carousel .photo3{background-image:linear-gradient(270deg, #275348 0%, rgba(39, 83, 72, 0.64) 49.92%, rgba(39, 83, 72, 0) 99.84%), url('/wp-content/themes/weloveu/images/challenge/moms-garden/slide03@2x.jpg')}
}

.moms-garden .section-sdgs{overflow:hidden}


/* ---------------------------------------------
 분리배출 챌린지
--------------------------------------------- */
/* common */
.recycling {--primary:rgba(97, 216, 180, 0.8)}
.recycling section{--comp-padding:100px; min-height:100vh; display:flex; align-items:center; justify-content:center; flex-direction:column}
.recycling .row{--bs-gutter-x:16px; --bs-gutter-y:16px}

.recycling .color-primary {color:rgba(97, 216, 180, 0.8)}
.recycling .color-sub1    {color:#ffcd08}

.recycling b{font-weight:500}
.recycling .icons .item{display:flex; align-items:center; flex-direction:column; gap:4px; padding:24px; border-radius:16px}
.recycling .icons .item img{width:80px; margin-bottom:10px}
@media(min-width:768px){
  .recycling section{--comp-padding:140px}
}
@media(min-width:1070px){
  .recycling .icons .item{gap:8px; padding:32px 28px}
  .recycling .icons .item img{width:100px}
}

/* section 1 */
.recycling .page-visual{justify-content:flex-end}
.recycling .page-visual .visual-area{background-image:url('/wp-content/themes/weloveu/images/challenge/recycling/slide_01.jpg')}
.recycling .page-visual .target-scroll{margin-top:24px; margin-left:auto; margin-right:auto}

/* section 2 */
.recycling .section2{background-image:url('/wp-content/themes/weloveu/images/challenge/recycling/slide_02.jpg'); background-repeat:no-repeat; background-position:center; background-size:cover}
.recycling .section2.overlay::before{opacity:0.65}
.recycling .section2 .icons .item hr{width:100%; opacity:.5}
.recycling .section2 b{font-weight:600; color:#ffcd08}

/* section 3 */
.recycling .section3{background-color:#d9f3eb}
.recycling .section3 p b{font-weight:500; color:#fff; background-color:rgb(76 190 151); padding:4px; border-radius:2px}
.recycling .section3 img{border-radius:8px}

/* section 4 */
.recycling .section4{background-image:url('/wp-content/themes/weloveu/images/challenge/recycling/slide_04.jpg'); background-repeat:no-repeat; background-position:center; background-size:cover}
.recycling .section4 h2 b{font-weight:500; color:#fff; background-color:rgb(76 190 151); padding:4px; border-radius:2px}
.recycling .section4 .icons ul{text-align:left}

/* section 5 */
.recycling .section5 .row{--bs-gutter-x:40px; --bs-gutter-y:40px}
.recycling .section5 .text-wrap .fill{font-weight:500; color:var(--smt-neutral-body); background-color:#eaeaea; padding:4px; border-radius:2px}
.recycling .section5 .image{text-align:center}
.recycling .section5 .image img{width:400px; margin:0 auto}
@media(min-width:1070px){
  .recycling .section5 .row1 .image{order:-1}
}

/* section 6 */
.recycling .section6{background-image:url('/wp-content/themes/weloveu/images/challenge/recycling/slide_06.jpg'); background-repeat:no-repeat; background-position:center; background-size:cover}
.recycling .section6.overlay::before{background-color:#066142; opacity:0.8}
.recycling .section6 h2 b{font-weight:500; color:#fff; background-color:rgb(76 190 151); padding:4px; border-radius:2px}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi){
  .recycling .page-visual .visual-area{background-image:url('/wp-content/themes/weloveu/images/challenge/recycling/slide_01@2x.jpg')}
  .recycling .section2{background-image:url('/wp-content/themes/weloveu/images/challenge/recycling/slide_02@2x.jpg')}
  .recycling .section4{background-image:url('/wp-content/themes/weloveu/images/challenge/recycling/slide_04@2x.jpg')}
}


/* ---------------------------------------------
 통큰용기 챌린지
--------------------------------------------- */
/* common */
.brave section{--comp-padding:100px; min-height:100vh; display:flex; align-items:center; justify-content:center; flex-direction:column}
/* .brave .target-scroll{margin-left:auto; margin-right:auto} */
.brave b.fill{font-weight:500; color:#3B522D; background-color:rgba(149, 202, 100, 0.5); padding:2px 4px; border-radius:2px}
.brave .fw-700 b.fill{font-weight:700}

.brave .page-visual{background:url('/wp-content/themes/weloveu/images/challenge/be-brave/section1_bg_icon.svg'), url('/wp-content/themes/weloveu/images/challenge/be-brave/section1_bg.png'); background-repeat:repeat; background-position:center; background-size:auto 100%, auto}
.brave .page-visual .heading .img-tit{max-width:300px; margin-left:auto; margin-right:auto}
.brave .page-visual .heading .point{color:#3b522d}
.brave .page-visual .heading .clean-action{max-width:210px}
.brave .page-visual .heading .title{font-size:52px; line-height:1.1}
.brave .page-visual .heading b{display:inline-block}
@media(min-width:768px){
  .brave .page-visual .heading .title{font-size:72px}
}
@media(min-width:1070px){
  .brave .page-visual .heading .img-tit{max-width:500px}
  .brave .page-visual .heading .title{font-size:90px}
}

.brave .section2{background-image:url('/wp-content/themes/weloveu/images/challenge/be-brave/section2_bg.jpg'); background-repeat:no-repeat; background-position:center; background-size:cover}
.brave .section2::before{opacity:.65}


.brave .section3{background-image:url('/wp-content/themes/weloveu/images/challenge/be-brave/section3_bg.jpg'); background-repeat:no-repeat; background-position:center; background-size:cover}
.brave .section3::before{opacity:.65}
.brave .section3 img{max-width:300px}

.brave .section4{background-image:url('/wp-content/themes/weloveu/images/challenge/be-brave/section4_bg.jpg'); background-repeat:no-repeat; background-position:center; background-size:cover}
.brave .section4 .text-wrap > *{text-align:center}
.brave .section4 .text-wrap > *:not(:first-child){margin-top:40px}
.brave .section4 .item{display:flex; align-items:center; flex-direction:column; gap:16px}
.brave .section4 .item .icon-box{width:120px; flex-shrink:0; background-color:#00b585; border-radius:999px}
.brave .section4 .item img{width:120px}
@media(min-width:1070px){
  .brave .section4 .text-wrap > *{text-align:left}
  .brave .section4 .text-wrap > *:not(:first-child){margin-top:28px}
  .brave .section4 .item{flex-direction:row; ; gap:20px}
}

/* section5 */
.brave .section5{background:url('/wp-content/themes/weloveu/images/challenge/be-brave/section1_bg.png'); background-repeat:repeat}
.brave .section5 .row{--bs-gutter-x:40px; --bs-gutter-y:40px}

/* section6 */
.brave .section6{background-color:#ecf0e2}
.brave .section6 .row{--bs-gutter-x:20px; --bs-gutter-y:20px}
.brave .section6 .list-item{border-radius:20px; overflow:hidden}
.brave .section6 .lists div[class^="col-"]:nth-child(1) .list-item .thum-img{background-image:url('/wp-content/themes/weloveu/images/challenge/be-brave/section6_effect_1.jpg')}
.brave .section6 .lists div[class^="col-"]:nth-child(2) .list-item .thum-img{background-image:url('/wp-content/themes/weloveu/images/challenge/be-brave/section6_effect_2.jpg')}
.brave .section6 .lists div[class^="col-"]:nth-child(3) .list-item .thum-img{background-image:url('/wp-content/themes/weloveu/images/challenge/be-brave/section6_effect_3.jpg')}

/* section7 */
.brave .section7 .row{--bs-gutter-x:40px; --bs-gutter-y:40px}
.brave .section7 .text-wrap .title{margin-top:var(--spacing-2)}
.brave .section7 .text-wrap .step-badge{background-color:rgb(90 162 29)}
.brave .section7 .image{text-align:center}
.brave .section7 .image img{width:400px; margin:0 auto}
@media(min-width:1070px){
  .brave .section7 .row1 .image{order:-1}
}

/* section8 */
.brave .section8{background:url('/wp-content/themes/weloveu/images/challenge/be-brave/section1_bg.png'); background-repeat:repeat}
.brave .section8 .block-wrap{background-image:url('/wp-content/themes/weloveu/images/challenge/be-brave/section8_heart_shape.svg'); background-repeat:no-repeat; background-position:center center; background-size:auto 100%}
.brave .section8 .block-wrap blockquote{color:#3b6713}
.brave .section8 .block-wrap cite{color:#715831; display:inline-block}
/* .brave .section8 .wrap{padding:30px ; width: 310px;
    height: 310px;
    margin: 0 auto;
    padding-top: 95px;
    border-radius: 155px;
    background-color: rgba(149, 202, 100, 0.5)} */












/* .brave :is(.section5, .section6){background:url('/wp-content/themes/weloveu/images/challenge/be-brave/section1_bg.png'); background-repeat:repeat} */

/* @media (prefers-reduced-motion:reduce){.grid-item img,.with-overlay .overlay,.with-overlay .caption{transition:none;}} */




















/* x */