/*
Theme Name: WeLoveU
Theme URI: https://intlweloveu.org
Author: The Intl. WeLoveU Foundation
Description: We are making efforts for a world where everyone is respected in sustainable peace
Version: 1.0
*/


body, th, td, input, select, textarea, button, p{color:var(--smt-neutral-body)}

*:lang(ko){word-break:keep-all}

p{line-height:1.6}
@media(min-width:768px){
  p{font-size:17px; line-height: 1.7}
}
@media(min-width:1070px){
  p{font-size:18px}
}

:root{
  /* global */
  --blue-100:#F6F8FB;
  --blue-200:#A0CCD4;
  --blue-300:#3F90EF;
  --blue-400:#1E76DF;
  /* --blue-500:#0064D7; */
  --blue-500:#027AFF;
  --blue-600:#0560C3;
  --blue-700:#2356C2;
  --brown-100:#F8F5F5;
  --brown-600:#90630A;
  --gray-100:#F9F9FA;
  --gray-300:#999999;
  --gray-400:#888888;
  --gray-500:#777777;
  --gray-600:#666666;
  --gray-700:#444444;
  --gray-800:#333333;
  --gray-900:#222222;
  --green-200:#ABCA86;
  --green-300:#8CBA0F;
  --green-400:#78AA41;
  --green-500:#00B585;
  --green-600:#009F6D;
  --purple-200:#B3A1D5;
  --red-100:#F75254;
  --red-200:#FF2C55;
  --red-300:#FC4100;
  --red-400:#CF4646;
  --trblack-10:rgba(0,0,0,0.1);
  --trblack-20:rgba(0,0,0,0.2);
  --trblack-30:rgba(0,0,0,0.3);
  --trblack-40:rgba(0,0,0,0.4);
  --trblack-50:rgba(0,0,0,0.5);
  --trblack-60:rgba(0,0,0,0.6);
  --trblack-70:rgba(0,0,0,0.7);
  --trblack-80:rgba(0,0,0,0.8);
  --trblack-90:rgba(0,0,0,0.9);
  --trblack-100:#000000;
  --trwhite-10:rgba(255,255,255,0.1);
  --trwhite-20:rgba(255,255,255,0.2);
  --trwhite-30:rgba(255,255,255,0.3);
  --trwhite-40:rgba(255,255,255,0.4);
  --trwhite-50:rgba(255,255,255,0.5);
  --trwhite-60:rgba(255,255,255,0.6);
  --trwhite-70:rgba(255,255,255,0.7);
  --trwhite-80:rgba(255,255,255,0.8);
  --trwhite-90:rgba(255,255,255,0.9);
  --trwhite-100:#FFFFFF;

  /* semantic */
  --smt-brand-a:var(--blue-500);
  --smt-brand-b:var(--green-500);
  --smt-brand-b-2:var(--green-600);
  --smt-brand-c:var(--red-400);
  --smt-brand-d:var(--brown-600);

  --smt-accent-a:var(--blue-300);
  --smt-accent-b:var(--red-100);
  --smt-accent-c:var(--green-300);

  --smt-neutral-a:var(--gray-300);
  --smt-neutral-b:var(--gray-400);
  --smt-neutral-c:var(--gray-500);
  --smt-neutral-d:var(--gray-600);
  --smt-neutral-e:var(--gray-700);
  --smt-neutral-body:var(--gray-800);
  --smt-neutral-dark:var(--gray-900);
  --smt-neutral-light:var(--gray-500);

  --smt-background-blue:var(--blue-100);
  --smt-background-brown:var(--brown-100);
  --smt-background-gray:var(--gray-100);
  --smt-background-white:var(--trwhite-100);

  --smt-border:var(--trblack-10);
  --smt-border-a:var(--smt-neutral-e);
  --smt-border-b:var(--smt-accent-a);

  /* component */
  /* typo */
  --comp-typo-desc-a:var(--smt-neutral-c);
  --comp-typo-desc-b:var(--smt-neutral-d);
  --comp-typo-heading:var(--smt-neutral-e);
  --comp-typo-info:var(--smt-neutral-c);
  --comp-typo-cite:var(--smt-neutral-b);
  --comp-typo-paragraph:var(--comp-body);
  --comp-typo-white:var(--trwhite-100);
  --comp-typo-white-opacity:var(--trwhite-80);
  --comp-typo-white-opacity2:var(--trwhite-60);

  /* btn */
  --smt-color-primary:var(--smt-brand-a);
  --smt-color-black:var(--smt-neutral-body);
  --smt-color-warning:var(--red-200);

  /* btn dark */
  --comp-btn-dark-surface:var(--smt-neutral-body);
  --comp-btn-dark-text:var(--trwhite-100);

  /* btn line */
  --comp-btn-line-color-surface:var(--trwhite-100);
  --comp-btn-line-black:var(--smt-neutral-body);
  --comp-btn-line-green:var(--smt-brand-b);

  /* btn text */
  --comp-color-text-component:var(--smt-neutral-body);
  --comp-btn-text:var(--smt-brand-a);

  /* wds */
  --color-complete:var(--smt-brand-a);

  /* footer */
  /* --comp-footer-text:var(--smt-neutral-a); */
  /* --comp-footer-menu:var(--smt-neutral-c); */


  /* border-radius */
  --br-4:4px;
  --br-6:6px;
  --br-8:8px;
  --br-12:12px;
  --br-14:14px;
  --br-16:16px;
  --br-20:20px;
  --br-24:24px;
  --br-40:40px;
  --br-circle:999px;

  /* spacing */
  --spacing:8px;
  --spacing-2:16px;
  --spacing-3:24px;
  --spacing-4:32px;
  --spacing-5:40px;
}


/* 기준 폭 설정 */
:root{
  --container-sm:730px
}
@media(min-width:1260px){
  .container{max-width:1440px}
}



/* Header */
:root{
  /* Hearder 모바일 높이 설정 */
  --header-height-mobile:80px;

  /* Hearder 데스크탑 높이 설정 */
  --header-height-desktop:100px;

  /* Header 상단 추가 여백(데스크탑 전용) 설정 */
  /* --header-desktop-top-padding-set:14px; */
  /* --header-desktop-top-padding-set:1px; */

  /* 위의 'Header 상단 여백 수치'를 음수로 변환 */
  --header-desktop-top-padding-set-minus:calc( var(--header-desktop-top-padding-set) * (-1) );

  /* 'Header' 높이 값 만큼 '.contents'에 -margin 값을 설정하기 */
  /* '--header-height-desktop-minus' WDS에 기본값 설정되어 있음 */
  /* 'Header'의 기본 높이 값에 위에서 설정한 --header-desktop-top-padding-set 값을 추가해서 -margin 값을 설정 */
  --header-desktop-top-margin:calc( var(--header-height-desktop-minus) + var(--header-desktop-top-padding-set-minus) );

  /* 'search-bar'의 'top' 여백은 위에 계산된 '--header-desktop-top-margin'값을 다시 양수로 변환 */
  /* WDS에 작성되어 있음 */
}


/* Logo */
/* Logo Dark (화이트 버전) */
.site-logo > a{width:150px; height:50px; background-size:100%; background-repeat:no-repeat; background-position:center}
.site-logo > a,
#header.headroom--not-top .site-logo a,
body.header-dark.active-search-btn #header.headroom--top .site-logo a{background-image:url('/wp-content/themes/weloveu/images/ui/logo.svg')}
body.active-search-btn .search-btn .ico-search:before{content:'\e80b'}
/* 검색 UI 활성화시 + 헤더 다크모드 일 때 상위 아이콘 다크모드 색상 설정  */
body.header-dark .site-logo > a{background-image:url('/wp-content/themes/weloveu/images/ui/logo_dark.svg')}
@media(min-width:1400px){
  .site-logo > a{width:166px; height:54px}
}


/* NAV */
.header .site-nav{position:relative}
.header .nav-mobile-btn::before, .header .nav-mobile-btn::after{height:2px}
.header div[class^="menu-main-nav"] > .menu > .menu-item > a{width:fit-content}
.header .secondary-nav div[class^="menu-header-nav"] li:not(.wpml-ls-item) a{font-weight:600}
.header .secondary-nav .wpml-ls-current-language > a > .wpml-ls-native{display:flex; align-items:center}
.header .secondary-nav .wpml-ls-current-language > a > .wpml-ls-native::before{content:''; vertical-align:-2px; background-size:100%; width:16px; height:16px; background-image:url('/wp-content/themes/weloveu/images/ui/ico_glob_dark.svg'); background-repeat:no-repeat}
body.header-dark .secondary-nav .wpml-ls-current-language > a > .wpml-ls-native::before{background-image:url('/wp-content/themes/weloveu/images/ui/ico_glob_dark.svg')}
body.header-dark .headroom--pinned.headroom--not-top .secondary-nav .wpml-ls-current-language > a > .wpml-ls-native::before{background-image:url('/wp-content/themes/weloveu/images/ui/ico_glob.svg')}
/* body.header-dark .secondary-nav .wpml-ls-current-language > a > .wpml-ls-native::before:not(body.header-dark .headroom--pinned .secondary-nav .wpml-ls-current-language > a > .wpml-ls-native::before){background-image:url('/wp-content/themes/weloveu/images/ui/ico_glob_dark.svg')} */
@media(min-width:768px){
  .header .site-nav{max-width:100%}
  .header div[class^="menu-main-nav"] > .menu > .menu-item{font-size:14px}

}
@media(min-width:1070px){
  .header .site-nav.nav-center .nav-wrap div[class^="menu-main-nav"]{flex-grow:1}
  .header .site-nav.nav-center .nav-wrap div[class^="menu-main-nav"] > .menu{justify-content:center}
  .header .search-btn .ico-search{font-size:22px}
  .header div[class^="menu-main-nav"] > .menu > .menu-item{margin-left:8px; margin-right:8px; line-height:1.2}
  .header div[class^="menu-main-nav"] > .menu .sub-menu a{padding-top:6px; padding-bottom:6px; height:auto; line-height:1.4}
  .header div[class^="menu-header-nav"] > .menu{gap:4px}
  .header div[class^="menu-header-nav"] > .menu .sub-menu{z-index:999}
  .header .secondary-nav div[class^="menu-header-nav"] li:not(.wpml-ls-item) a{font-size:13px}
  .header .secondary-nav .wpml-ls-current-language > a > .wpml-ls-native{font-size:0}
  .header .secondary-nav .wpml-ls-current-language > a > .wpml-ls-native::before{width:20px; height:20px; margin-right:0; background-image:url('/wp-content/themes/weloveu/images/ui/ico_glob.svg')}
}
@media(min-width:1200px){
  .header div[class^="menu-main-nav"] > .menu > .menu-item{font-size:15px}
}
@media(min-width:1400px){
  .header .site-nav{max-width:1440px}
  .header div[class^="menu-main-nav"] > .menu > .menu-item{margin-left:14px; margin-right:14px; font-size:16px}
}



/* 메뉴에서 .child 클래스 붙일 경우, 대시 붙음 */
div[class^="menu-main-nav"] > .menu .child.menu-item a::before{content:'–'; margin-right:4px}

/* 메뉴에서 .subnone 클래스 붙일 경우, 서브메뉴바에서 사라짐 */
.page-top-nav .subnone{display:none}


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

/* 칼라 */
.color-primary {color:var(--smt-brand-a)}
.color-sub1    {color:var(--smt-brand-b)}
.color-sub2    {color:var(--smt-color-sub2)}
.color-sub3    {color:var(--red-300)}
.color-sub4    {color:var(--smt-color-sub4)}
.color-sub5    {color:var(--smt-color-sub5)}
.color-gray1   {color:var(--smt-neutral-a)}
.color-gray2   {color:var(--smt-neutral-c)}
.color-darkgray{color:var(--smt-neutral-d)}
.color-black   {color:var(--smt-neutral-body)}
/* .color-complete{color: var(--smt-brand-a)} */


/* 오버레이 */
/* .overlay::before{content:''; position:absolute; top:0; right:0; bottom:0; left:0; background-color:#000; opacity:0.3} */

/* 섹션 */
section{--comp-padding:60px}
.section{padding-top:var(--comp-padding); padding-bottom:var(--comp-padding)}
.section-t{padding-top:var(--comp-padding)}
.section-b{padding-bottom:var(--comp-padding)}
@media(min-width:768px){
  section{--comp-padding:100px}
  .section{padding-top:var(--comp-padding); padding-bottom:var(--comp-padding)}
  .section-t{padding-top:var(--comp-padding)}
  .section-b{padding-bottom:var(--comp-padding)}
}
@media(min-width:1070px){
  .section-lg-b{padding-bottom:var(--comp-padding)}
}

/* Button 재설정 */
/* .btn{color:var(--comp-btn-line-black)} */
.btn{--comp-padding-x:28px; --comp-padding-y:12px; font-size:16px}
.btn-square{min-width:185px; min-height:50px; font-size:15px}
@media(min-width:1070px){
  .btn{--comp-padding-x:28px; --comp-padding-y:16px; font-size:16px}
  /* .btn.style-round{--comp-padding-x:32px} */
}

.style-text{border-radius:0}
.size-sm{--comp-padding-x:14px; --comp-padding-y:8px; min-height:38px; --comp-inner-gap:6px}
.btn-icon[class*="arrow"]:last-child:before{margin:0}
.btn-icon .ico{background-position:center; background-repeat:no-repeat; background-size:100%; flex-shrink:0}
.btn-icon-only .ico-share{width:20px; height:20px}
.style-text .ico-share{width:16px; height:16px}
.color-white .ico-share{background-image:url('/wp-content/themes/weloveu/images/ui/ico_share_dark.svg')}
/* .style-text{font-size:14px} */
/* .style-filled:not(.color-white){background-color:var(--comp-btn-text)} */
.btn-icon-only{width:38px; height:38px; padding:4px}
.btn.size-lg{min-width:200px; min-height:54px; font-size:16px; font-weight:500}
.style-text.lined{border-bottom:1px solid rgba(0, 0, 0, 0.4); border-radius:0; padding-bottom:2px}
.color-primary.style-text.lined{border-bottom:1px solid var(--smt-brand-a)}
.style-outline.color-sub1{box-shadow:inset 0 0 0 1px #00B585}
.style-outline.color-sub1 .ico-arrowtail-right-long{background-image:url('/wp-content/themes/weloveu/images/ui/ico_arrowtail_right_long_green.svg')}
.dark .style-filled.color-white{color:var(--comp-color-text-component)}

.btn-icon.color-primary .ico-arrow-right{background-image:url('/wp-content/themes/weloveu/images/ui/ico_arrow_right_blue.svg')}

.ico-plus:before,
.ico-arrowtail-right-long:before,
.ico-arrow-right::before{display:none}

.ico-share{width:18px; height:18px; background-image:url('/wp-content/themes/weloveu/images/ui/ico_sns_share.svg'); background-repeat:no-repeat; background-position:center}
.ico-arrowtail-right-long{width:20px; height:10px; background-image:url('/wp-content/themes/weloveu/images/ui/ico_arrowtail_right_long.svg')}
:is(.style-filled, .color-white) .ico-arrowtail-right-long{background-image:url('/wp-content/themes/weloveu/images/ui/ico_arrowtail_right_long_dark.svg')}
.ico-plus{width:10px; height:10px; background-image:url('/wp-content/themes/weloveu/images/ui/ico_plus.svg')}
.ico-arrow-right{width:12px; height:12px; background-image:url('/wp-content/themes/weloveu/images/ui/ico_arrow_right.svg')}
@media(min-width:768px){
  /* .btn{font-size:15px} */
  /* .btn:not(.style-text){padding:14px 32px} */
}
@media(min-width:1070px){
  .style-text:hover .ico-arrow-right{background-image:url('/wp-content/themes/weloveu/images/ui/ico_arrow_right_blue.svg')}
  .btn.style-outline::before{transform:scaleX(0); transform-origin:left; opacity:1; transition:transform 0.4s ease}
  .btn.style-outline::before{background-color:rgba(0, 0, 0, 0.03)}
  .btn.style-outline.color-white::before{background-color:rgba(255, 255, 255, 0.06)}
  .btn.style-outline:hover::before{transform:scaleX(1)}
}


.page-visual{position:relative; overflow:hidden}
.page-visual .visual-area{background-position:top; background-size:cover; background-repeat:no-repeat}
.page-visual .text-wrap{position:relative; z-index:1}

.visual-area{position:absolute; width:100%; height:100%; top:0; right:0; bottom:0; left:0}
.visual-area::before{content:''; position:absolute; top:0; right:0; bottom:0; left:0; background-color:#000; opacity:0.3}

.target-scroll{display:flex; width:40px; height:40px; justify-content:center; align-items:center; gap:44px; margin-top:8px; border-radius:999px; background:#FFF; cursor:pointer}
.target-scroll::before{content:''; width:24px; height:24px; display:block; background-image:url('/wp-content/themes/weloveu/images/ui/ico_arrow_down.svg'); background-position:center; background-repeat:no-repeat; background-size:100%}
@media(min-width:1070px){
  .target-scroll{width:44px; height:44px; margin-top:16px}
}



/* Typography */
/* .heading-1 {font-size:32px; line-height:1.2}
.heading-2 {font-size:28px; line-height:1.4}
.heading-3 {font-size:28px; line-height:1.4}
.heading-4 {font-size:26px; line-height:1.4}
.heading-5 {font-size:28px; line-height:1.4}
.heading-6 {font-size:24px; line-height:1.4}
.heading-7 {font-size:24px; line-height:1.4}
.heading-8 {font-size:20px; line-height:1.5}
.heading-9{font-size:22px; line-height:1.3}
.heading-10{font-size:22px; line-height:1.3}
.heading-11{font-size:14px; line-height:1.4}
.p1{font-size:16px; line-height:1.3}
.p2{font-size:15px; line-height:1.6}
.p3{font-size:14px; line-height:1.4}
.p4{font-size:15px; line-height:1.4}
.p5{font-size:14px}

@media(min-width:768px){
  .heading-1 {font-size:52px; letter-spacing:-0.6px}
  .heading-2 {font-size:44px; letter-spacing:-0.5px}
  .heading-3 {font-size:42px; letter-spacing:-0.5px; line-height:1.3}
  .heading-4 {font-size:38px; letter-spacing:-0.5px}
  .heading-5 {font-size:36px; letter-spacing:-0.3px; line-height:1.3}
  .heading-6 {font-size:36px; letter-spacing:-0.3px}
  .heading-7 {font-size:32px; letter-spacing:-0.5px; line-height:1.3}
  .heading-8 {font-size:28px; letter-spacing:-0.3px; line-height:1.4}
  .heading-9{font-size:26px; letter-spacing:-0.3px}
  .heading-10{font-size:24px; letter-spacing:-0.3px}
  .heading-11{font-size:16px}

  .p1{font-size:17px; letter-spacing:-0.4px; line-height:1.5}
  .p2{font-size:16px; letter-spacing:-0.1px}
  .p3{font-size:16px}
}

@media(min-width:1070px){
  .heading-1 {font-size:68px; letter-spacing:-1.2px}
  .heading-2 {font-size:64px; letter-spacing:-1px}
  .heading-3 {font-size:60px; letter-spacing:-0.9px}
  .heading-4 {font-size:56px; letter-spacing:-0.8px}
  .heading-5 {font-size:54px; letter-spacing:-0.4px}
  .heading-6 {font-size:50px; letter-spacing:-0.4px}
  .heading-7 {font-size:48px; letter-spacing:-1px}
  .heading-8 {font-size:45px}
  .heading-9{font-size:32px}
  .heading-10{font-size:28px}
  .heading-11{font-size:20px; letter-spacing:-0.3px}
  .p1{font-size:20px}
  .p2{font-size:19px}
  .p3{font-size:18px}
} */



/* typography */
.text-wrap > *:not(:first-child, h2, h3){margin-top:var(--spacing)}
.text-wrap.spacing-sm-2x > *:not(:first-child, h2, h3){margin-top:var(--spacing-2)}
.text-wrap :is(h2, h3):not(:first-child){margin-top:var(--spacing-4)}
.text-wrap h2 + h3:not(:first-child){margin-top:var(--spacing-2)}
.text-wrap p a{color:var(--smt-brand-a); text-underline-offset:4px}
.text-wrap p a:hover{text-decoration:underline}

.typo-deco::before{content:''; width:50px; height:2px; display:block; margin-bottom:16px; background-color:#8CBA0F}
.typo-deco.green::before{background-color:#8CBA0F}
.typo-deco.deepgreen::before{background-color:var(--smt-brand-b)}
.typo-deco.red::before{background-color:var(--smt-accent-b)}
.ta-center .typo-deco::before{margin-left:auto; margin-right:auto}
.typo-headline{font-size:22px; font-weight:600}
.typo-headline-2{font-size:20px; font-weight:600; line-height:1.3}
@media(min-width:768px){
  .typo-headline{font-size:24px; line-height:1.4}
  .typo-headline-2{font-size:22px}
}
@media(min-width:1070px){
  .text-wrap > *:not(:first-child, h2, h3){margin-top:var(--spacing-2)}
  .text-wrap :is(h2, h3):not(:first-child){margin-top:var(--spacing-5)}
  .typo-deco::before{margin:0 auto 20px}
  .typo-headline{font-size:30px}
  .typo-headline-2{font-size:24px}
}


/* Heading set */
.heading > *:not(:first-child, .btn){margin-top:0.5em}
.heading .title{font-size:22px; line-height:1.4; letter-spacing:-0.6px}
.heading .title:not([class*="fw-"]){font-weight:600}
.heading .subtit{font-size:18px; font-weight:600}
.heading :is(.btns, .btn){margin-top:1.5em; font-weight:500}
.heading .btns .btn{margin-top:0}
@media(min-width:768px){
  .heading .title{font-size:28px}
  .heading .subtit{font-size:20px}
  .heading .desc{font-size:18px; line-height:1.5}
}
@media(min-width:1070px){
  .heading > *:not(:first-child, .btn, .btns){margin-top:0.7em}
  .heading .title{font-size:36px}
  .heading .desc{font-size:19px}
  .heading :is(.btns, .btn){margin-top:2em}
}


/* page heading set */
.page-heading > *:not(:first-child){margin-top:var(--spacing)}
.page-heading .eyebrow{font-size:18px; font-weight:600}
.page-heading .title{font-size:28px; line-height:1.3; font-weight:600; letter-spacing:-0.02em}
.page-heading .sub{font-size:17px; line-height:1.4}
.page-heading .desc:not(.dark .page-heading .desc, .black),
.page-heading .desc p:not(.dark .page-heading .desc, .black){color:var(--comp-typo-desc-a)}
.page-heading .desc.black{color:var(--smt-neutral-e)}
.page-heading .btn{margin-top:var(--spacing-2)}
@media(min-width:768px){
  .page-heading .eyebrow{font-size:20px}
  .page-heading .title{font-size:40px}
  .page-heading .sub{font-size:18px}
  .page-heading .desc,
  .page-heading .desc p{line-height:1.6}
}
@media(min-width:1070px){
  .page-heading > *:not(:first-child){margin-top:var(--spacing-2)}
  .page-heading .eyebrow{font-size:26px}
  .page-heading .title{font-size:52px}
  .page-heading .sub{font-size:22px}
  .page-heading .btn{margin-top:var(--spacing-3)}
}


/* list heading */
/* .list-heading{font-size:20px; font-weight:600; margin-bottom:28px}
@media(min-width:768px){
  .list-heading{font-size:32px}
} */


/* section heading */
.section-heading{margin-bottom:20px}
.section-heading > *:not(:first-child){margin-top:var(--spacing)}
.section-heading .title{font-size:20px; font-weight:600; line-height:1.3}
.section-heading p{color:var(--comp-typo-desc-a)}
@media(min-width:576px){
  .section-heading{margin-bottom:30px}
}
@media(min-width:768px){
  .section-heading{margin-bottom:40px}
  .section-heading .title{font-size:24px}
}
@media(min-width:1070px){
  .section-heading > *:not(:first-child){margin-top:var(--spacing-2)}
  .section-heading .title{font-size:28px}
  .section-heading p{font-size:17px}
}


/* section content */

/* 개인정보 수집 및 이용 동의 안내 */
.privacy .section-content > *:not(:first-child){margin-top:20px}
.privacy .section-content .wp-block-table th{background-color:#e9e9e9; font-weight:600}
.privacy .section-content .wp-block-list li{padding:4px 0}


/* Photo grid */
.grid-wrapper{display:grid; grid-gap:8px; grid-auto-rows:120px; grid-auto-flow:dense}
.grid-wrapper.nogap{grid-gap:0}
.grid-wrapper > div{display:flex; justify-content:center; align-items:center}
.grid-wrapper > div > img{width:100%; height:100%; object-fit:cover}
.grid-wrapper .wide{grid-column:span 2}
.grid-wrapper .tall{grid-row:span 2}
.grid-wrapper .big{grid-column:span 2; grid-row:span 2}

.grid-wrapper.figcaption > div{position:relative}
.grid-wrapper.figcaption > div > figcaption{position:absolute; bottom:8px; right:8px; z-index:1; color:#fff; font-size:15px}
@media(min-width:768px){
  .grid-wrapper{grid-gap:16px; grid-auto-rows:200px; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr))}
}

.pagination{display:flex; align-items:center; gap:4px; flex-wrap:wrap}
.pagination :is(.prev, .next){font-size:0; background-repeat:no-repeat; background-position:center; background-size:20px}
.pagination .prev{background-image:url('/wp-content/themes/weloveu/images/ui/ico_page_prev.svg')}
.pagination .next{background-image:url('/wp-content/themes/weloveu/images/ui/ico_page_next.svg')}
@media(min-width:768px){
  .pagination .page-numbers{display:flex; align-items:center; justify-content:center; width:44px; height:44px; text-align:center}
}
@media(min-width:1070px){
  /* .pagination{margin-top:80px} */
}


/* Ken Burns Effect */
.visual-bg .active .photo,
.kenburns{
  --speed:3.5s;
	animation: kenburns-move var(--speed) ease !important;
	-ms-animation: kenburns-move var(--speed) ease !important;
	-webkit-animation: kenburns-move var(--speed) ease !important;
	-o-animation: kenburns-move var(--speed) ease !important;
	-moz-animation: kenburns-move var(--speed) ease !important;
	animation-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000) !important;
	transform: translateZ(0) scale(1) rotate(0deg);
	transition: 1800ms;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
    transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
@-webkit-keyframes kenburns-move {
  0% {
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
    opacity:0
  }
  100% {
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    opacity:1
  }
}


/* 언어체크 배너 */
.lang-check{background-color:#393c42; color:#fff}
.lang-check .container{padding-top:7px; padding-bottom:8px}
.lang-check p{font-size:13px}
.lang-check .btn{font-size:13px; gap:0; min-height:34px; --comp-padding-y:6px}
.lang-check .btn-yes{background-color:#279EFF; color:#fff}
.lang-check .btn-no{background-color:#e0f5ff; color:#279EFF !important}
@media(min-width:1070px){
  .lang-check .container{padding-top:8px}
  .lang-check .btn.style-filled:hover{box-shadow:none; color:inherit !important}
  .lang-check .btn-no.style-filled:hover{color:#279EFF !important}
}

/* 도넛 그래프 */
.donut{width:160px; height:160px; margin:0 auto; border-radius:50%; position:relative; text-align:center; transition:background .3s ease-in-out; background:conic-gradient(#3F8BC9 0% 0%, #e3e3e3 0% 100%); font-weight:600}
.donut::before {width:100px; height:100px; background:var(--smt-background-gray); border-radius:50%; position:absolute; left:50%; top:50%; display:flex; align-items:center; justify-content:center; content:attr(data-percent) '%'; transform:translate(-50%, -50%) skew(-0.03deg); font-size:20px}


/* main project */
.main-project .owl-theme .owl-nav.disabled + .owl-dots{margin-top:20px}
/* .main-project .row{--bs-gutter-x:8px; --bs-gutter-y:8px} */
.main-project .items .title{font-size:18px; font-weight:600}
.main-project .item-link{height:100%; padding:32px; min-height:282px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:10px; background-color:var(--smt-background-white); transition:all .35s ease-out}
.main-project .item-link .icon{width:48px; height:48px; background-position:center; background-repeat:no-repeat; background-size:100%; margin-bottom:8px}
.main-project .item-link .textbox{font-size:18px; line-height:1.4; font-weight:700}
.main-project .item-link .desc{font-size:16px; line-height:1.5; font-weight:600}

.main-project .item:nth-child(1) .icon{background-image:url('/wp-content/themes/weloveu/images/home/ico_project_01.svg')}
.main-project .item:nth-child(2) .icon{background-image:url('/wp-content/themes/weloveu/images/home/ico_project_02.svg')}
.main-project .item:nth-child(3) .icon{background-image:url('/wp-content/themes/weloveu/images/home/ico_project_03.svg')}
.main-project .item:nth-child(4) .icon{background-image:url('/wp-content/themes/weloveu/images/home/ico_project_04.svg')}
.main-project .item:nth-child(5) .icon{background-image:url('/wp-content/themes/weloveu/images/home/ico_project_05.svg')}
.main-project .item:nth-child(6) .icon{background-image:url('/wp-content/themes/weloveu/images/home/ico_project_06.svg')}
.main-project .item:nth-child(7) .icon{background-image:url('/wp-content/themes/weloveu/images/home/ico_project_07.svg')}
.main-project .item:nth-child(8) .icon{background-image:url('/wp-content/themes/weloveu/images/home/ico_project_08.svg')}

@media(min-width:768px){
  .main-project .owl-theme .owl-nav.disabled + .owl-dots{margin-top:24px}
  /* .main-project .row{--bs-gutter-x:16px; --bs-gutter-y:16px} */
  .main-project .items .title{font-size:20px}
  .main-project .item-link .textbox{font-size:20px; line-height:1.3}
}
@media(min-width:1070px){
  .main-project .project-carousel{width:90%; max-width:var(--container-xxl); margin:0 auto; display:flex; gap:16px; flex-wrap:wrap}
  .main-project .project-carousel .item{flex: 1 0 25%}
  .main-project .items .title{font-size:28px}
  .main-project .item-link .icon{width:56px; height:56px}
  .main-project .item-link .textbox{font-size:22px}
  .main-project .item-link:hover{box-shadow:0 44px 70px -20px rgba(0, 0, 0, 0.1)}
  .main-project .item-link:hover .icon{animation-name:fa-stack; -webkit-animation-name:fa-stack; animation-duration:1.5s; -webkit-animation-duration:1.5s; animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite}
  .main-project .item-link:hover .textbox{color:var(--smt-brand-a)}
}
@media(min-width:1400px){
  .main-project .project-carousel .item{flex: 1 0 20%}
}

@keyframes fa-stack {
	0% {transform: translateY(0%)}
	50% {transform: translateY(8%)}
	100% {transform: translateY(0%)}
}

@-webkit-keyframes fa-stack {
	0% {-webkit-transform: translateY(0%)}
	50% {-webkit-transform: translateY(8%)}
	100% {-webkit-transform: translateY(0%)}
}


/* main campaign */
.main-campaign .row{--bs-gutter-x:0}
.main-campaign [class^="col-"]{justify-content:space-between; display:flex; flex-direction:column}
.main-campaign .text-wrap{padding:40px; background:linear-gradient(180deg, rgba(255, 255, 255, 0.5) 20%, rgba(255, 255, 255, 1) 100%)}
.main-campaign .text-wrap > *:not(:first-child){margin-top:8px}
.main-campaign .category{padding:8px 16px; font-size:13px; border:1px solid var(--smt-neutral-body); display:inline-block}
.main-campaign .sub{font-size:17px; font-weight:600; line-height:1.3; letter-spacing:-.3px}
.main-campaign .title{font-size:24px; font-weight:700; line-height:1.3; letter-spacing:-.5px}
.main-campaign .title:lang(ko){letter-spacing:-1px}
.main-campaign p{font-size:17px; line-height:1.4; font-weight:600}
.main-campaign .image{padding-bottom:66%; background-position:bottom; background-size:100%; background-repeat:no-repeat}

.main-campaign .earth .image{background-image:url('/wp-content/themes/weloveu/images/home/campaign_01.jpg')}
.main-campaign .earth .sub{color:var(--smt-brand-b-2)}
.main-campaign .lives .image{background-image:url('/wp-content/themes/weloveu/images/home/campaign_02.jpg')}
.main-campaign .lives .sub{color:var(--smt-brand-c)}
.main-campaign .humanity .image{background-image:url('/wp-content/themes/weloveu/images/home/campaign_03_v2.jpg')}
.main-campaign .humanity .sub{color:var(--smt-brand-d)}
@media(min-width:768px){
  .main-campaign .title{font-size:28px}
}
@media(min-width:1070px){
  .main-campaign .text-wrap{padding:60px 0 40px}
  .main-campaign .title{font-size:32px}
}
@media(min-width:1400px){
  .main-campaign .text-wrap > *:not(:first-child){margin-top:12px}
  .main-campaign .title:lang(ko){font-size:36px}
  .main-campaign p{font-size:18px}
}


/* Page Heading : basic 형 */
.page-basic{padding-top:20px; padding-bottom:40px}
.page-basic:not(.ta-left){text-align:center;}
@media(min-width:1070px){
  .page-basic{padding-top:40px; padding-bottom:60px}
}

/* Page Heading : basic + left 형 */
@media(min-width:1070px){
  .page-basic.ta-left{padding-bottom:60px}
  .page-basic.ta-left > *{text-align:left}
  .page-basic.ta-left h1::before{margin-left:inherit}
}


/* category */
.category .page-heading > *{max-width:760px; margin-left:auto; margin-right:auto}
/* .category-title{padding-top:50px; padding-bottom:40px} */
/* .category-title *:not(:first-child){margin-top:8px} */

.category-list{padding-top:20px; padding-bottom:40px}
@media(min-width:1070px){
  .category-list{padding-top:40px; padding-bottom:80px}
}

/* tab */
.nav-category br{display:none}
.nav-category .cat-item:not(:first-child){margin:0}
.nav-category .cat-item{display:inline-block; font-weight:500;  flex-shrink:0}
.nav-category{width:100%}
.nav-category .cat-item a{padding:8px 14px; font-size:15px; letter-spacing:-0.01em; border:1px solid rgba(0, 0, 0, 0.1); border-radius:var(--br-4)}
.nav-category .cat-item a:hover{background-color:rgba(0,0,0,0.03)}
.nav-category .cat-item:first-child{margin-left:0}
.nav-category .current-cat a,
.nav-category .cat-item.current-cat a:hover{color:var(--comp-btn-dark-text); background-color:var(--comp-btn-dark-surface)}
.nav-category .category-menu{scroll-behavior:smooth; display:flex; flex-direction:row; flex-wrap:nowrap; overflow-x:auto; -ms-overflow-style:none; scrollbar-width:none; padding-top:8px; padding-bottom:8px; padding-right:60px; padding-left:5%; gap:8px}
.nav-category .category-menu.active {display:flex; flex-wrap:wrap}
.nav-category .category-menu::after{content:''; position:absolute; top:0; right:0; display:block; width:50px; height:50px;  background:linear-gradient(to right, rgba(255, 255, 255, 0.00) 0%, #FFF 30%)}
.nav-category{position:relative; --bs-gutter-x:1.5rem}
.nav-category .category-menu.content-ctr{justify-content:flex-start}
@media(min-width:500px){
  .nav-category .category-menu{padding-right:70px}
}
@media(min-width:768px){
  /* .nav-category .cat-item a{font-size:16px} */
  .nav-category .category-menu{padding-left:0; padding-right:30px}
}
@media(min-width:1070px){
  /* .nav-category{margin-bottom:24px} */
  /* .nav-category .cat-item{font-size:18px} */
  .nav-category .category-menu{flex-direction:inherit; overflow-x:inherit; flex-wrap:wrap; justify-content:center}
  .nav-category .category-menu.content-ctr{justify-content:center}
  .nav-category .category-menu::after{display:none}
}


/* With SDGs: 부모 category */
.category-sdgs .section-sdgs{max-width:1800px}
.category-sdgs .lists .list-item{min-height:445px}
.category-sdgs .lists .info .title{font-size:28px; line-height:1.2; font-weight:700}
.category-sdgs .lists .info .en{font-size:17px; font-weight:600; text-transform:uppercase}
@media(min-width:1070px){
  .category-sdgs .page-heading .title{font-size:40px}
}


/* With SDGs: 자식 category */
body[class*="category-sdgs-"] .page-heading{text-align:left}
body[class*="category-sdgs-"] .page-heading > *{margin-left:0; margin-right:0}
body[class*="category-sdgs-"] .page-heading > *:not(:first-child){margin-top:5px}
body[class*="category-sdgs-"] .page-heading p{font-size:15px; color:#888; line-height:1.6}
@media(min-width:768px){
  body[class*="category-sdgs-"] .page-heading .title{font-size:48px}
}
@media(min-width:1070px){
  /* body[class*="category-sdgs-"] .page-heading{max-width:1440px} */
  body[class*="category-sdgs-"] .page-heading > *:not(:first-child){margin-top:10px}
  body[class*="category-sdgs-"] .nav-category .category-menu{justify-content:left}
}


/* thum */
.lists .list-item .thum{overflow:hidden}
.lists .list-item .thum-img{transition:all 0.5s ease}
.lists .list-item:hover .thum-img{transform:scale(1.05)}




/* post-category */
/* .post-category{display:flex; align-items:center} */
.post-category div{display:inline-block}


/* video */
.video .lists .thum{position:relative}
.video .lists .thum-img{padding-bottom:56%}
.lists.list-lateral .video .time{font-size:10px; padding:3px 4px; bottom:5px; right:5px}
.video .lists .time{position:absolute; font-size:11px; padding:4px 6px; bottom:4px; right:4px; color:var(--comp-typo-white); border-radius:2px; background:rgba(0, 0, 0, 0.60); z-index:10}
.video .lists .post-title:not(.basic-sm .post-title){font-size:15px}
/* .media.shorts .post-title:not(.basic-sm .post-title){font-size:14px} */
/* .category-asez-shorts .video .post-title:not(.basic-sm .post-title){font-size:15px} */
.ico-play{display:flex; align-items:center; gap:6px}
.ico-play::before{content:''; width:14px; height:14px; margin:0; display:inline-block; background-image:url('/wp-content/themes/weloveu/images/ui/ico_play.svg'); background-position:center; background-repeat:no-repeat; background-size:100%}
.thum-ico-play::after{content:''; width:50px; height:50px; display:inline-block; background-image:url('/wp-content/themes/weloveu/images/ui/thum_ico_play_dark.svg'); background-position:center; background-repeat:no-repeat; background-size:100%; position:absolute; top:50%; left:50%; margin-left:-25px; margin-top:-25px; z-index:2}
@media(min-width:1070px){
  .video .lists .thum .time,
  .lists.list-lateral .video .time{font-size:12px}
  .video .lists .post-title:not(.basic-sm .post-title){font-size:17px}
  /* .media.shorts .post-title:not(.basic-sm .post-title){font-size:16px} */
  /* .category-asez-shorts .video .post-title:not(.basic-sm .post-title){font-size:18px} */
  /* .video .post-category:not(.basic-sm .post-category){font-size:15px} */
}



/* ---------------------------------------------
 Page - 구텐베르크 스타일
--------------------------------------------- */
/* heading */
.contents .heading .wp-block-group__inner-container > *:not(:first-child, .btn){margin-top:var(--spacing)}
.contents .heading .wp-block-group__inner-container .wp-block-buttons{margin-top:var(--spacing-2)}
@media(min-width:1070px){
  .contents .heading .wp-block-group__inner-container > *:not(:first-child, .btn){margin-top:var(--spacing-2)}
  .contents .heading .wp-block-group__inner-container .wp-block-buttons{margin-top:var(--spacing-4)}
}


/* 미디어+텍스트 */
.contents .wp-block-media-text{gap:20px}
.contents .wp-block-media-text .heading .title{font-size:22px}
@media(min-width:601px){

}
@media(min-width:1070px){
  .contents .wp-block-media-text{gap:0}
  .contents .wp-block-media-text .heading .title{font-size:28px; letter-spacing:-0.4px}
}
@media(max-width:1069px){
  .wp-block-media-text.is-stacked-on-mobile{grid-template-columns:100% !important}
  .wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__content{grid-column:1; grid-row:2; padding:0}
  .wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__media{grid-column:1; grid-row:1}
}

/* btn */
.contents .wp-block-button__link{min-width:185px; justify-content:center; padding:14px 20px; font-size:15px; font-weight:500; position:relative; overflow:hidden; display:flex; align-items:center; gap:4px; transition:all 0.2s
ease}
.contents .btn-line .wp-block-button__link{border:1px solid var(--smt-neutral-body); border-radius:0}
.contents .btn-line .wp-block-button__link:hover{background-color:var(--smt-neutral-body); color:#fff}
@media(min-width:1070px){
  .contents .wp-block-button__link{font-size:16px}
}

/* images */
.wp-block-gallery.has-nested-images figure.wp-block-image.width-100:not(#individual-image){width:100%}