/* ---------------------------------------------
 Common
--------------------------------------------- */
.campaign .heading{}
.campaign .heading .sub{}
.campaign-heading{}
@media(min-width:1070px){
	/* .page-heading .title{font-size:56px} */
}

.photo-carousel{text-align:center}

.typo-deco::before{width:30px}


/* 활동 현황 */
.history .title{font-size:18px; letter-spacing:-.5px}
.history .status{font-size:20px; line-height:1.3}
.history b{font-weight:600; font-size:30px}

@media(min-width:768px){
	.history .title{font-size:24px}
	.history .status{font-size:28px}
	.history b{font-size:52px}
}

/* 배너 */
.banner{position:relative; min-height:236px; display:flex; flex-direction:column; align-items:center; justify-content:center; background-position:center; background-repeat:no-repeat; background-size:cover}
/* .banner::before{content:''; position:absolute; top:0; right:0; bottom:0; left:0; background-color:#000; opacity:0.3} */
.banner > *{position:relative; z-index:1}
.banner .title{font-size:21px; font-weight:500; line-height:1.4}
.banner .title-sm{font-size:20px; font-weight:500; line-height:1.3}
.banner .text{font-size:16px}
@media(min-width:768px){
	.banner{min-height:520px}
	.banner .title{font-size:45px}
	.banner .title-sm{font-size:32px}
	.banner .text{font-size:19px}
}


/* ---------------------------------------------
 캠페인 : 지구
--------------------------------------------- */
.section-visual .earth h1{width:282px; height:36px; background:url('/wp-content/themes/weloveu/images/campaign/index_title.png') no-repeat; background-size:100%; position:relative}
.section-visual .earth .desc{margin-top:16px}
.section-visual .earth .sub{margin-top:16px; color:var(--smt-brand-b-2); font-weight:600}
.section-visual .earth .earth-wrap{position:absolute; right:52px; bottom:1px}
.section-visual .earth .earth-ani{width:23px; height:23px; position:relative; background-color:#009F6D; border-radius:100px; overflow:hidden}
.section-visual .earth .earth-ani::before{content:''; width:97px; height:25px; top:-5px; right:0; animation-name:rotate-mobile; position:absolute; background:url('/wp-content/themes/weloveu/images/campaign/index_title_map.png') no-repeat; animation-name:rotate-mobile; background-size:97px; animation-duration:8s; animation-iteration-count:infinite; animation-timing-function:linear}
@keyframes rotate {
	from {transform:translateX(0)}
	to {transform:translateX(107px)}
}
@keyframes rotate-tablet {
	from {transform:translateX(0)}
	to {transform:translateX(53px)}
}
@keyframes rotate-mobile {
	from {transform:translateX(0)}
	to {transform:translateX(48px)}
}

@media(min-width:768px){
	.section-visual .earth h1{width:322px; height:41px; margin-left:auto; margin-right:auto}
	.section-visual .earth .sub{margin-top:20px; font-size:20px}
	.section-visual .earth .earth-wrap{right:59px}
	.section-visual .earth .earth-ani{width:27px; height:27px}
	.section-visual .earth .earth-ani::before{width:107px; height:28px; background-size:107px; animation-name:rotate-tablet}
}
@media(min-width:1070px){
	.section-visual .earth h1{width:644px; height:81px}
	.section-visual .earth .desc{margin-top:36px}
	.section-visual .earth .sub{margin-top:36px; font-size:32px}
	.section-visual .earth .earth-wrap{right:118px}
	.section-visual .earth .earth-ani{width:53px; height:53px}
	.section-visual .earth .earth-ani::before{width:214px; height:56px; right:0; top:-9px; animation-name:rotate; background-size:214px}
}


/* counts */
.counts h4{font-size:15px; font-weight:500}
.counts .count{font-size:28px; font-weight:600; line-height:1.2; letter-spacing:-1px}
.counts .row{--bs-gutter-y:20px}
.counts .item{display:flex; align-items:center; gap:10px}
.counts .item::before{content:''; display:inline-block; width:48px; height:48px; flex-shrink:0; background-position:center; background-size:100%; background-repeat:no-repeat}
.counts .item .txt{flex-basis:100%}
.counts .item:nth-child(1)::before{background-image:url('/wp-content/themes/weloveu/images/campaign/index_count_ico_1.png')}
.counts .item:nth-child(2)::before{background-image:url('/wp-content/themes/weloveu/images/campaign/index_count_ico_2.png')}
.counts .item:nth-child(3)::before{background-image:url('/wp-content/themes/weloveu/images/campaign/index_count_ico_3.png')}
@media(min-width:1070px){
	.counts h4{font-size:18px}
	.counts .count{font-size:50px}
	.counts .item{gap:20px}
	.counts .item::before{width:80px; height:80px}
}

/* 위러브유 캠페인 송 */
.video .heading{}
.video .heading.icon::before{content:''; display:block; width:40px; height:40px; margin:0 auto 10px; background-image:url('/wp-content/themes/weloveu/images/campaign/index_ico_song.png'); background-position:center; background-size:100%; background-repeat:no-repeat}
.video .heading p{line-height:1.4}
.video .videoWrap{margin-top:36px}
@media(min-width:1070px){
	.video .heading > *:not(:first-child){margin-top:var(--spacing)}
	.video .heading.icon::before{width:46px; height:46px}
	.video .heading .typo-headline{font-size:38px}
	.video .heading p{font-size:19px; line-height:1.6}
}

/* 캠페인이 펼쳐지는 전 세계 곳곳에 밝은 희망이 채워집니다. */
.campaign-map .title{font-size:20px; font-weight:500; letter-spacing:-0.5px; line-height:1.4}
.campaign-map .title::before{content:''; display:block; width:220px; height:30px; margin-bottom:8px; background:url('/wp-content/themes/weloveu/images/campaign/index_title.png') center / 100% no-repeat}
@media(min-width:768px){
	.campaign-map .title{font-size:24px}
	.campaign-map .title::before{margin-bottom:12px}
}
@media(min-width:1070px){
	.campaign-map .title{font-size:38px}
	.campaign-map .title::before{width:293px; height:35px; letter-spacing:-1px; margin-bottom:16px}
}


/* ---------------------------------------------
 전 세계 클린월드운동
--------------------------------------------- */
.clean-world .page-heading .title{color:var(--green-600)}
.clean-world .counts .heading .title{margin-top:16px}
.clean-world .counts div[class^="col-"]{align-items:center; justify-content:center; text-align:center; display:flex; flex-direction:column; gap:16px}
.clean-world .counts .icon{width:52px}
.clean-world .counts .icon-box{margin-top:20px; max-width:350px; margin-left:auto; margin-right:auto}
.clean-world .counts .icon-box .icon{width:72px; height:72px; border-radius:999px; background-position:center; background-repeat:no-repeat; background-size:32px}
.clean-world .counts .icon-box .air .icon{background-color:#B3A1D5; background-image:url('/wp-content/themes/weloveu/images/campaign/cleanworld_ico_air.png')}
.clean-world .counts .icon-box .land .icon{background-color:#ABCA86; background-image:url('/wp-content/themes/weloveu/images/campaign/cleanworld_ico_land.png')}
.clean-world .counts .icon-box .water .icon{background-color:#A0CCD4; background-image:url('/wp-content/themes/weloveu/images/campaign/cleanworld_ico_water.png')}
.clean-world .counts .icon-box .tit{font-size:16px; line-height:1.2}
@media(min-width:768px){
	.clean-world .counts .icon{width:60px}
	.clean-world .counts .icon-box{margin-top:40px; max-width:500px}
	.clean-world .counts .icon-box .icon{width:80px; height:80px; background-size:40px}
	.clean-world .counts .icon-box .tit{font-size:22px; font-weight:600}
}

.statswrap{background-image:url('/wp-content/themes/weloveu/images/campaign/cleanworld_map_bg.png'); background-position:center; background-repeat:no-repeat; background-size:contain}
.stats{display:flex; align-items:center; gap:28px; justify-content:center; text-align:center}
.stats .stat-item{font-weight:600}
.stats .stat-label{width:max-content; font-size:14px}
.stats .stat-number{width:max-content; font-size:28px}
@media(min-width:768px){
	.stats{gap:60px}
	.stats .stat-label{font-size:18px}
	.stats .stat-number{font-size:55px}
}

.activity-stats{}
.activity-stats table{width:100%}
.activity-stats th, .activity-stats td{font-size:16px; font-weight:600; margin-right:16px; display:inline-block; min-width:calc(33.3333333% - 12px); text-align:left}
.activity-stats th:last-child, .activity-stats td:last-child{margin-right:0}
.activity-stats th{border:0; border-bottom:2px solid #333; padding:13px 0; margin-bottom:13px}
.activity-stats td{border:0; padding:3px 0}
.statswrap .wp-block-table thead{border-bottom:none}
@media(min-width:768px){
	.activity-stats th, .activity-stats td{font-size:18px; margin-right:24px; min-width:calc(33.3333333% - 16px)}
}


/* ---------------------------------------------
 행사 페이지 공통
--------------------------------------------- */
.events{}
.events .page-heading .eyebrow{color:#ff2c55; font-size:16px; font-weight:400}
@media(min-width:1070px){
	.events .page-heading .eyebrow{font-size:18px}
	.events .page-heading .title{font-size:45px}
}

.events .history b:first-child{color:var(--smt-brand-b)}
.events .history b:last-child{color:var(--red-300)}

.events .section-lists .typo-deco::before{background-color:var(--red-300)}
.events .section-lists .lists .info .post-title{}
.events .section-lists .lists .info .post-sub{display:block; font-size:12px; line-height:1.5; color:var(--smt-neutral-light); font-weight:500}


.events .greeting .row{align-items:center}
.events .greeting img{width:240px}
.events .greeting figcaption{margin-top:16px}
.events .greeting .name{margin-top:8px; font-size:16px; color:var(--comp-typo-cite)}
@media(min-width:768px){
	.events .greeting img{width:320px}
	.events .greeting figcaption{margin-top:0}
	.events .greeting .name{margin-top:16px; font-size:17px}
}


/* 새생명 사랑의 콘서트 */
.concert .banner{background-image:url('/wp-content/themes/weloveu/images/campaign/concert_visual.jpg')}

/* 새생명 사랑 가족걷기대회 */
.walkathon .banner{background-image:url('/wp-content/themes/weloveu/images/campaign/walkathon_visual.jpg')}



/* ---------------------------------------------
 전 세계 헌혈하나둘운동
--------------------------------------------- */
.blood .point{color:var(--red-200)}
.blood .banner{background-image:url('/wp-content/themes/weloveu/images/campaign/blooddrive_banner.jpg')}
.blood .banner::before{opacity:.5}
.blood .typo-deco::before{background-color:var(--red-200)}

.blood .page-visual .visual-area{background-image:url('/wp-content/themes/weloveu/images/campaign/blooddrive_visual.jpg'); background-position:center}
.blood .page-visual .visual-area::before{background-color:transparent}
.blood .page-visual .page-heading{position:relative; z-index:1; padding-bottom:400px}
.blood .page-heading .eyebrow::before,
.blood .page-heading .eyebrow::after{content:''; width:52px; height:56px; display:inline-block; background-position:center; background-size:100%; background-repeat:no-repeat}
.blood .page-heading .eyebrow::before{background-image:url('/wp-content/themes/weloveu/images/campaign/blooddrive_saeromiL.png')}
.blood .page-heading .eyebrow::after{background-image:url('/wp-content/themes/weloveu/images/campaign/blooddrive_saeromiR.png')}

.blood .history .table .row{--bs-gutter-y:40px}
.blood .history .total div:not(:first-child){margin-top:24px}
.blood .history .total > div{max-width:260px}
.blood .history .total :is(strong, span){line-height:1.2}
.blood .history .total strong,
.blood .history .total .wp-block-heading{font-size:16px; display:block; font-weight:600}
.blood .history .total span,
.blood .history .total p > strong{font-size:36px; font-weight:600; display:inline-block}

.blood .history .detail table{width:100%; border-collapse:collapse; border-spacing:0}
.blood .history .detail tr{border-bottom:1px solid #e9e9e9}
.blood .history .detail tr:last-child{border-bottom:0}
.blood .history .detail tr:first-child{border-bottom:1px solid #999}
.blood .history .detail tr:nth-last-child(1){border-bottom:1px solid #999}
.blood .history .detail tr:first-child :is(td, th){font-weight:600; font-size:15px; text-align:right}
.blood .history .detail tr:first-child :is(td, th):lang(ko){font-size:16px}
/* .blood .history .detail tr:last-child :is(td, th){font-weight:600; font-size:16px} */
.blood .history .detail tr th:nth-child(1){text-align:center}
/* .blood .history .detail th{text-align:center} */
.blood .history .detail :is(td, th){border:0; width:150px; height:38px; padding:8px 4px; word-break:normal; line-height:1.3; vertical-align:middle}
.blood .history .detail td:nth-child(1){text-align:center; width:10%}
.blood .history .detail td:nth-child(2){color:var(--smt-brand-a); text-align:right}
.blood .history .detail td:nth-child(3){color:var(--red-300); text-align:right}
.blood .history .detail td:nth-child(4){color:var(--smt-brand-b); text-align:right}

@media(min-width:768px){
	.blood .page-visual .page-heading{padding-bottom:500px}
	.blood .page-heading .eyebrow::before,
	.blood .page-heading .eyebrow::after{width:72px; height:76px}
	.blood .history .total div:not(:first-child){margin-top:32px}
	.blood .history .total strong,
	.blood .history .total .wp-block-heading{font-size:18px}
	.blood .history .total span,
	.blood .history .total p > strong{font-size:50px}
}

@media(min-width:1070px){
	.blood .page-visual .page-heading{padding-bottom:640px}
	.blood .page-heading .eyebrow::before,
	.blood .page-heading .eyebrow::after{width:91px; height:92px}
	.blood .history .table .row{--bs-gutter-y:0; margin-top:0}
}

@media(max-width:569px){
	/* .blood .history .detail td, .blood .history .detail th{line-height:1.2; padding:4px 4px} */
}

@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){
	.blood .banner{background-image:url('/wp-content/themes/weloveu/images/campaign/blooddrive_banner@2x.jpg')}
  .blood .page-visual .visual-area{background-image:url('/wp-content/themes/weloveu/images/campaign/blooddrive_visual@2x.jpg')}
}

/* 전 세계 ‘자발적 무상 헌혈’ 참여 운동 */
.vnrbd .row{--bs-gutter-x:40px; --bs-gutter-y:40px}
.vnrbd .item{display:flex; align-items:center; flex-direction:column; gap:24px}
.vnrbd .item .text-wrap h4{font-size:19px; font-weight:600}
.vnrbd .item .text-wrap p{font-size:15px; line-height:1.6}
.vnrbd .item .text-wrap cite{display:block; font-size:14px; color:var(--comp-typo-cite)}
.vnrbd .item .text-wrap ul{padding-left:16px}
.vnrbd .item .text-wrap li{list-style:disc; padding:4px 0; font-size:15px}
.vnrbd .item .photo{width:160px; aspect-ratio:1 / 1; border-radius:50%; display:flex; align-items:center; justify-content:center; flex-shrink:0; overflow:hidden; font-size:24px; color:#fff; font-weight:500; background-position:center; background-repeat:no-repeat; background-size:100%}
.vnrbd .what .photo{background-image:url('/wp-content/themes/weloveu/images/campaign/blooddrive_vnrbd_what.jpg')}
.vnrbd .why  .photo{background-image:url('/wp-content/themes/weloveu/images/campaign/blooddrive_vnrbd_why.jpg')}
.vnrbd .how  .photo{background-image:url('/wp-content/themes/weloveu/images/campaign/blooddrive_vnrbd_how.jpg')}
@media(min-width:541px){
	.vnrbd .item{flex-direction:row}
	.vnrbd .why  .photo{order:1}
}
@media(min-width:1070px){
	.vnrbd .item{flex-direction:column}
	.vnrbd .item .photo{width:240px; font-size:40px; font-weight:600}
	.vnrbd .why  .photo{order:0}
	.vnrbd .item .text-wrap h4{font-size:22px; text-align:center}
	.vnrbd .item .text-wrap p{font-size:16px}
	.vnrbd .item .text-wrap cite{font-size:15px}
	.vnrbd .item .text-wrap li{font-size:15px}
}


/* 자발적 무상 헌혈 배너 */
.vnrbd-banner{overflow:hidden}
.vnrbd-banner .row{--bs-gutter-x:60px; --bs-gutter-y:30px}
.vnrbd-banner div[class^="col-"]{display:flex; flex-direction:column; justify-content:center}
.vnrbd-banner .saeromi{position:relative; max-width:350px; margin:0 auto}
.vnrbd-banner .saeromi::before{content:''; width:140px; height:128px; display:inline-block; position:absolute; top:0; left:-80px; z-index:1; background-image:url('/wp-content/themes/weloveu/images/campaign/blooddrive_saeromi.png'); background-repeat:no-repeat; background-position:center; background-size:100%}
.vnrbd-banner .title{font-size:20px; line-height:1.4; font-weight:600; letter-spacing:-.5px}
.vnrbd-banner .text{margin-top:calc(var(--spacing) * 3)}
.vnrbd-banner .text-2 strong{font-size:20px}
/* @media (prefers-reduced-motion: reduce){.donut{transition:none;}} */

@media(min-width:768px){
	.vnrbd-banner .title{font-size:30px}
}
@media(min-width:1070px){
	.vnrbd-banner .saeromi::before{width:160px; height:144px; left:-100px}
}

/* 전 세계 헌혈하나둘운동 실천 서약 */
.sign-banner{background-image:url('/wp-content/themes/weloveu/images/campaign/blooddrive_sign_up.jpg')}
.sign-banner .row{--bs-gutter-y:30px}
.sign-banner div[class^="col-"]{display:flex; flex-direction:column; justify-content:center}
.sign-banner .heading .subtit{text-decoration:underline; text-underline-offset:4px}
.sign-banner .heading .desc{line-height:1.5}
.sign-banner .count{font-size:18px; letter-spacing:-0.5px; line-height:1.2}
.sign-banner .count strong{font-size:28px; font-weight:600}
@media(min-width:1070px){
	.sign-banner .heading .desc{font-size:18px}
	/* .sign-banner .count{font-size:20px} */
	.sign-banner .count strong{font-size:40px}
}


.blood .tabs .tab-menu .tab-item{flex:1; text-align:center}
.blood .tabs .tab-menu .tab-item.current::before{background-color:var(--red-200)}
.blood .tabs .tab-content{margin-top:40px; margin-bottom:0}
.blood .tabs .tab-content .row{--bs-gutter-y:40px; align-items:center}
.blood .tab-content .textwrap > *:not(:first-child){margin-top:var(--spacing)}
.blood .tab-content .textwrap > .btn{margin-top:var(--spacing-2)}
.blood .tab-content h4{line-height:1.4}
.blood .tab-content p{font-size:17px; line-height:1.6}
.blood .tab-content .textwrap > .textbox{margin-top:20px; background-color:#fff}
.blood .tab-content .textbox{padding:16px; border:1px solid var(--smt-border)}
.blood .tab-content .textbox dd{line-height:1.6}
@media(min-width:1070px){
	.blood .tabs .tab-content .row{--bs-gutter-y:0}
}










.clean-world .counts{}