/* ---------------------------------------------
 Common
--------------------------------------------- */
.project{--section-spacing:50px}
/* .project section:not(.page-visual){margin-top:var(--section-spacing)} */
/* .project section.bg-gray{padding:var(--section-spacing) 0} */
@media(min-width:1070px){
  /* .project section:not(.page-visual){margin-top:calc(var(--section-spacing) *2)} */
  /* .project section.bg-gray{padding:calc(var(--section-spacing) *2) 0} */
}


/* 개요 */
.index .page-visual .visual-area{background-image:url('/wp-content/themes/weloveu/images/project/project_visual.jpg'); background-position:center}
.index .page-visual .text-wrap{align-items:flex-start; justify-content:space-between; gap:8px; min-height:330px; padding-top:36px; padding-bottom:36px}
.index .page-visual .text-wrap .title{font-size:20px; display:flex; align-items:center}
.index .page-visual .text-wrap .title::after{content:''; display:inline-block; width:80px; height:3px; background-color:#fff; margin-left:15px}
.index .page-visual .text-wrap .desc{font-size:24px; font-weight:600; line-height:1.2}
@media(min-width:768px){
  .index .page-visual .text-wrap{min-height:560px; justify-content:space-around}
  .index .page-visual .text-wrap .title{font-size:24px}
  .index .page-visual .text-wrap .desc{font-size:36px}
}
@media(min-width:1070px){
  .index .page-visual .text-wrap{min-height:720px}
  .index .page-visual .text-wrap .title{font-size:30px}
  .index .page-visual .text-wrap .desc{font-size:50px}
}
@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){
  .index .page-visual .visual-area{background-image:url('/wp-content/themes/weloveu/images/project/project_visual@2x.jpg')}
}

.page-visual .text-wrap{position:relative; z-index:1; min-height:280px; display:flex; align-items:center; justify-content:center; flex-direction:column}
.page-visual .text-wrap > *:not(:first-child){margin-top:calc(var(--spacing) / 2)}
.page-visual .text-wrap .icon-box{width:44px; height:44px; margin:0 auto; background-image:url('/wp-content/themes/weloveu/images/project/project1_ico@2x.png'); background-position:center; background-size:100%; background-repeat:no-repeat}
.page-visual .text-wrap .title{font-size:25px; font-weight:700; line-height:1.3}
.page-visual .text-wrap .title:not(:first-child){margin-top:calc(var(--spacing) * 1.5)}
.page-visual .text-wrap .sub{font-size:15px; line-height:1.4}
@media(min-width:768px){
  .page-visual .text-wrap{min-height:420px}
  .page-visual .text-wrap .icon-box{width:56px; height:56px}
  .page-visual .text-wrap .title{font-size:35px}
  .page-visual .text-wrap .sub{font-size:18px}
}
@media(min-width:1070px){
  .page-visual .text-wrap{min-height:580px}
  .page-visual .text-wrap > *:not(:first-child){margin-top:var(--spacing)}
  .page-visual .text-wrap .icon-box{width:68px; height:68px}
  .page-visual .text-wrap .title{font-size:52px}
  .page-visual .text-wrap .title:not(:first-child){margin-top:var(--spacing-3)}
  .page-visual .text-wrap .sub{font-size:21px; font-weight:600}
}


/* category-diagram */
.category-diagram{padding-top:100px; text-align:center}
.category-diagram figure{max-width:540px; margin:0 auto}
.category-diagram .row{--bs-gutter-x:120px; --bs-gutter-y:40px}
.category-diagram .row div[class^="col-"]:first-child{margin-top:0}
.category-diagram .diagram-tit img{max-width:50px}
.category-diagram .diagram-tit .tit{max-width:150px; margin-top:10px; margin-left:auto; margin-right:auto; font-size:19px; line-height:1.3; font-weight:600}
@media(min-width:768px){

}
@media(min-width:1070px){
  .category-diagram .row{--bs-gutter-y:20px}
  .category-diagram .diagram-tit img{max-width:80px}
  .category-diagram .diagram-tit .tit{margin-top:15px; font-size:24px}

}

.project-list{padding-top:80px}
.project-list .row{--bs-gutter-x:36px; --bs-gutter-y:36px}
.project-list .tit{font-size:17px; font-weight:600; padding:9px 0; border-bottom:2px solid #444}
.project-list .detail{margin-top:10px}
.project-list .detail li{position:relative; font-size:15px; line-height:1.3; padding:4px 0 4px 10px; list-style:none}
.project-list .detail li::before{content:'‧'; font-weight:600; display:inline-block; padding-right:7px; position:absolute; left:0}
.project-list .detail li ul{padding-top:4px}
.project-list .detail li li::before{content:'–'; font-weight:400}
@media(min-width:768px){
  .project-list{padding-top:100px}
  .project-list .tit{font-size:18px}
}
@media(min-width:1070px){
  .project-list{padding-top:140px}
}



/* related 관련 뉴스, 미디어 */
.related .btns{margin-top:20px}


/* ---------------------------------------------
 pages
--------------------------------------------- */

/* 빈곤 & 기아 해소 */
.no-poverty .page-visual .visual-area{background-image:url('/wp-content/themes/weloveu/images/project/project1_visual.jpg')}
.no-poverty .page-visual .text-wrap .icon-box{background-image:url('/wp-content/themes/weloveu/images/project/project1_ico@2x.png')}

/* 건강보건 */
.health .page-visual .visual-area{background-image:url('/wp-content/themes/weloveu/images/project/project2_visual.jpg'); background-position:center}
.health .page-visual .text-wrap .icon-box{background-image:url('/wp-content/themes/weloveu/images/project/project2_ico@2x.png')}

/* 교육 */
.education .page-visual .visual-area{background-image:url('/wp-content/themes/weloveu/images/project/project3_visual.jpg'); background-position:center}
.education .page-visual .text-wrap .icon-box{background-image:url('/wp-content/themes/weloveu/images/project/project3_ico@2x.png')}

/* 환경보전 */
.environmental .page-visual .visual-area{background-image:url('/wp-content/themes/weloveu/images/project/project4_visual.jpg')}
.environmental .page-visual .text-wrap .icon-box{background-image:url('/wp-content/themes/weloveu/images/project/project4_ico@2x.png')}
.environmental .clean .row{--bs-gutter-x:30px; --bs-gutter-y:30px}
.environmental .clean .text{display:flex; flex-direction:column; justify-content:center; gap:16px}
.environmental .clean .icon{display:flex; align-items:center; gap:8px; font-size:18px; font-weight:600}
.environmental .clean .icon::before{content:''; display:inline-block; width:30px; height:30px; vertical-align:-16px; background-repeat:no-repeat; background-position:center; background-image:url('/wp-content/themes/weloveu/images/project/project4_1_ico.png'); background-size:100%}
.environmental .clean .land::before{background-image:url('/wp-content/themes/weloveu/images/project/project4_2_ico.png')}
.environmental .clean .water::before{background-image:url('/wp-content/themes/weloveu/images/project/project4_3_ico.png')}
.environmental .clean .title{font-size:32px; letter-spacing:-.02em; line-height:1.2; color:var(--green-400); font-weight:200}
@media(min-width:768px){
  .environmental .clean .title{font-size:44px}
}
@media(min-width:1070px){
  .environmental .clean .row{--bs-gutter-x:80px; --bs-gutter-y:80px}
  .environmental .clean div[class^="col-"]:nth-child(1){order:2}
  .environmental .clean div[class^="col-"]:nth-child(2){order:1}
  .environmental .clean div[class^="col-"]:nth-child(3){order:3}
  .environmental .clean div[class^="col-"]:nth-child(4){order:4}
  .environmental .clean div[class^="col-"]:nth-child(5){order:6}
  .environmental .clean div[class^="col-"]:nth-child(6){order:5}
  .environmental .clean .icon{font-size:24px}
  .environmental .clean .icon::before{width:53px; height:53px}
  .environmental .clean .title{font-size:54px}
}

/* 물 & 위생 보장 */
.clean-water .page-visual .visual-area{background-image:url('/wp-content/themes/weloveu/images/project/project5_visual.jpg')}
.clean-water .page-visual .text-wrap .icon-box{background-image:url('/wp-content/themes/weloveu/images/project/project5_ico@2x.png')}

/* 물 & 위생 보장 : 물펌프 현장 */
.water-pump .lists{display:flex; flex-wrap:wrap; gap:30px 10px; list-style:none; margin:0; padding:0}
.water-pump .list-item{flex:0 0 calc(50% - 10px); box-sizing:border-box}
.water-pump .list-item *:not(:first-child){margin-top:4px}
.water-pump .list-item img{width:100%; height:140px; object-fit:cover; object-position:center; display:block}
.water-pump .list-item div{color:#888; font-size:13px; line-height:1.4}
.water-pump .list-item .tit{margin-top:8px; font-size:17px; font-weight:600}
.water-pump .btnwrap{margin-top:40px; text-align:center}
.water-pump .lists.is-open + .btnwrap .btn [class*=" ico-"]:before{transform:rotate(-180deg)}
/* 기본: 5개만 보이기 */
#pump-list .list-item {display:none}
#pump-list .list-item:nth-child(-n+5){display:block}
/* is-open 클래스 붙으면 전체 표시 */
#pump-list.is-open .list-item{display:block}

@media(min-width:768px){
  .water-pump .list-item{flex:0 0 calc(33.333333% - 10px)}
}
@media(min-width:1260px){
  .water-pump .lists{gap:40px 20px}
  .water-pump .list-item{flex:0 0 calc(20% - 20px)}
  .water-pump .list-item img{height:180px}
}


/* 긴급구호 */
.emergency .page-visual .visual-area{background-image:url('/wp-content/themes/weloveu/images/project/project6_visual.jpg')}
.emergency .page-visual .text-wrap .icon-box{background-image:url('/wp-content/themes/weloveu/images/project/project6_ico@2x.png')}

/* 지역사회 복지 */
.social-welfare .page-visual .visual-area{background-image:url('/wp-content/themes/weloveu/images/project/project7_visual.jpg')}
.social-welfare .page-visual .text-wrap .icon-box{background-image:url('/wp-content/themes/weloveu/images/project/project7_ico@2x.png')}

/* 국제 파트너십 */
.partnership .page-visual .visual-area{background-image:url('/wp-content/themes/weloveu/images/project/project8_visual.jpg')}
.partnership .page-visual .text-wrap .icon-box{background-image:url('/wp-content/themes/weloveu/images/project/global_partnership_ico@2x.png')}
.partnership .page-visual .text-wrap{min-height:auto}
.partnership .page-visual img{width:100%}

.partnership h3.wp-block-heading{font-size:19px; font-weight:600}
@media(min-width:1070px){
  .partnership h3.wp-block-heading{font-size:20px}
}


@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){
  .no-poverty .page-visual .visual-area{background-image:url('/wp-content/themes/weloveu/images/project/project1_visual@2x.jpg')}
  .health .page-visual .visual-area{background-image:url('/wp-content/themes/weloveu/images/project/project2_visual@2x.jpg'); background-position:center}
  .education .page-visual .visual-area{background-image:url('/wp-content/themes/weloveu/images/project/project3_visual@2x.jpg'); background-position:center}
  .environmental .page-visual .visual-area{background-image:url('/wp-content/themes/weloveu/images/project/project4_visual@2x.jpg')}
  .clean-water .page-visual .visual-area{background-image:url('/wp-content/themes/weloveu/images/project/project5_visual@2x.jpg')}
  .emergency .page-visual .visual-area{background-image:url('/wp-content/themes/weloveu/images/project/project6_visual@2x.jpg')}
  .social-welfare .page-visual .visual-area{background-image:url('/wp-content/themes/weloveu/images/project/project7_visual@2x.jpg')}
  .partnership .page-visual .visual-area{background-image:url('/wp-content/themes/weloveu/images/project/project8_visual@2x.jpg')}
}



/* 임시 */