:root {
  /* #1 primitive */
  --color-brand-30:#F5F2F0;
  --color-brand-50:#E1DFDE;
  --color-brand-100:#DCD1CC;
  --color-brand-200:#C1B9B5;
  --color-brand-300:#B39D90;
  --color-brand-400:#997C6F;
  --color-brand-500:#8D6C5A;
  --color-brand-700:#644D40;
  --color-brand-alpha-50:rgba(141, 107, 90, 0.05);
  --color-brand-alpha-100:rgba(141, 107, 90, 0.10);
  --color-brand-alpha-150:rgba(141, 107, 90, 0.15);
  --color-brand-alpha-300:rgba(141, 107, 90, 0.30);
  --color-brand-alpha-500:rgba(141, 107, 90, 0.40);
  --color-brand-alpha-700:rgba(141, 107, 90, 0.50);
  --color-brand-alpha-900:rgba(141, 107, 90, 0.60);
  --color-support-press-blue-100:#E6F7F9;
  --color-support-press-blue-300:#54CBD8;
  --color-support-press-blue-500:#00B1C5;
  --color-support-press-blue-700:#00A1B3;
  --color-support-press-blue-900:#004A53;
  --color-support-award-blue-100:#E9F2FF;
  --color-support-award-blue-300:#6CA5FD;
  --color-support-award-blue-500:#2379FC;
  --color-support-award-blue-600:#0062E5;
  --color-support-award-blue-700:#1956B3;
  --color-support-award-blue-900:#0F336A;
  --color-neutral-gray-white:#FFFFFF;
  --color-neutral-gray-50:#FAFAFA;
  --color-neutral-gray-100:#F7F7F7;
  --color-neutral-gray-150:#F0F0F0;
  --color-neutral-gray-200:#E6E7E9;
  --color-neutral-gray-250:#D8D8D8;
  --color-neutral-gray-300:#999999;
  --color-neutral-gray-500:#808080;
  --color-neutral-gray-600:#565656;
  --color-neutral-gray-700:#222222;
  --color-neutral-gray-black:#000000;
  --color-neutral-white-alpha-90:rgba(255, 255, 255, 0.9);
  --color-neutral-white-alpha-80:rgba(255, 255, 255, 0.8);
  --color-neutral-white-alpha-70:rgba(255, 255, 255, 0.7);
  --color-neutral-white-alpha-60:rgba(255, 255, 255, 0.6);
  --color-neutral-white-alpha-50:rgba(255, 255, 255, 0.5);
  --color-neutral-white-alpha-40:rgba(255, 255, 255, 0.4);
  --color-neutral-white-alpha-30:rgba(255, 255, 255, 0.3);
  --color-neutral-white-alpha-20:rgba(255, 255, 255, 0.2);
  --color-neutral-white-alpha-10:rgba(255, 255, 255, 0.1);
  --color-neutral-black-alpha-90:rgba(0, 0, 0, 0.9);
  --color-neutral-black-alpha-80:rgba(0, 0, 0, 0.8);
  --color-neutral-black-alpha-70:rgba(0, 0, 0, 0.7);
  --color-neutral-black-alpha-60:rgba(0, 0, 0, 0.6);
  --color-neutral-black-alpha-50:rgba(0, 0, 0, 0.5);
  --color-neutral-black-alpha-40:rgba(0, 0, 0, 0.4);
  --color-neutral-black-alpha-30:rgba(0, 0, 0, 0.3);
  --color-neutral-black-alpha-20:rgba(0, 0, 0, 0.2);
  --color-neutral-black-alpha-10:rgba(0, 0, 0, 0.1);
  --color-neutral-black-alpha-05:rgba(0, 0, 0, 0.05);

  /* #2 Sementic */
  --bg-white:var(--color-neutral-gray-white);
  --color-bg-gray:var(--color-neutral-gray-50);
  --color-bg-warm:#F9F8F7;
  --bg-cool:var(--color-accent-blue-50);
  --bg-cool-light:var(--color-accent-blue-30);
  --bg-brand:var(--color-brand-100);
  --bg-blue:var(--color-accent-blue-500);
  --bg-black:var(--color-neutral-gray-700);
  --text-primary:var(--color-neutral-gray-700);
  --text-primary-muted:var(--color-neutral-black-alpha-50);
  --text-secondary:var(--color-brand-500);
  --text-point:var(--color-brand-500);
  --text-muted:var(--color-neutral-gray-500);
  --text-point-light:var(--color-neutral-gray-300);
  --text-inverse:var(--color-neutral-gray-white);
  --text-inverse-muted:var(--color-neutral-white-alpha-70);
  --text-inverse-subtle:var(--color-neutral-white-alpha-50);
  --button-outline-gray:var(--color-neutral-gray-500);
  --button-outline-light-gray:var(--color-neutral-black-alpha-10);
  --button-outline-brand:var(--color-brand-500);
  --button-solid-brand:var(--color-brand-500);
  --button-solid-white:var(--bg-white);
  --button-solid-cool:var(--bg-cool);
  --button-solid-point:var(--color-brand-500);
  /* --button-solid-point:var(--bg-blue); */
  --button-solid-press:var(--color-support-press-blue-500);
  --button-solid-award:var(--color-support-award-blue-500);
  --button-label-black:var(--color-neutral-gray-700);
  --button-label-brand:var(--color-brand-500);
  --button-label-white:var(--color-neutral-gray-white);
  --button-icon-white:var(--text-inverse);
  --button-icon-brand:var(--color-brand-500);
  --button-icon-gray:var(--color-neutral-gray-500);
  --button-icon-black:var(--text-primary);
  --button-tab-brown:var(--color-brand-500);
  --button-tab-blue:var(--color-support-award-blue-500);

  /* #3 Component */
  --container-brand:var(--text-secondary);
  --container-brand-light:var(--color-brand-30);
  --container-black:var(--text-primary);
  --container-default:var(--text-inverse);
  --card-eyebrow:var(--text-point);
  --card-title-dark:var(--text-primary);
  --card-title-light:var(--text-inverse);
  --card-date-white:var(--text-inverse-muted);
  --card-date-black:var(--text-muted);
  --card-desc:var(--text-muted);
  --card-active-gray:var(--color-bg-gray);
  --card-icon-point:var(--text-point);
  --card-icon-point-mute:var(--color-accent-brown-300);
  --card-icon-white:var(--text-inverse);
  --card-icon-black:var(--text-primary);
  --card-video-label:var(--color-neutral-white-alpha-90);
  --card-video-bg:var(--color-neutral-black-alpha-60);
  --card-badge-navigation:var(--text-primary);
  --card-badge-navigation-label:var(--text-inverse);
  --card-bg-warm:var(--color-bg-warm);
  --card-bg-white:var(--bg-white);
  --card-bg-brown:var(--color-accent-brown-50);
  --card-bg-green:var(--color-accent-green-50);
  --card-bg-red:var(--color-accent-red-50);
  --card-button-award:var(--color-button-solid-award);
  --card-button-press:var(--button-solid-press);
  --card-thum-stroke:#FFFFFF;
  --card-press-stroke:var(--color-brand-50);
  --list-award-thum:var(--bg-cool);
  --list-award-category:var( --color-support-award-blue-500);
  --list-award-title:var(--text-primary);
  --list-award-date:var(--text-muted);
  --list-info-eyebrow:var(--text-point);
  --list-info-title:var(--text-primary);
  --list-info-date:var(--text-muted);
  --list-info-desc:var(--text-muted);
  --list-info-tag:#3071DA;
  --logo-white:var(--text-inverse);
  --logo-white-alpha:var(--text-inverse-muted);
  --logo-black:var(--text-primary);
  --logo-dark-alpha:var(--color-neutral-white-alpha-20);
  --logo-light-alpha:var(--color-neutral-black-alpha-20);
  --logo-light-alpha-2:var(--color-neutral-black-alpha-20);
  --button-home-bg:var(--button-solid-cool);
  --button-home-label:var(--color-brand-700);
  --button-toggle-stroke:var(--color-neutral-gray-250);
  --button-toggle-icon:var(--button-icon-gray);
  --button-toggle-bg:var(--button-solid-white);
  --ui-menu-more:#FFFFFF;
  --ui-press-icon:var(--button-icon-black);
  --ui-swiper-bar:var(--bg-brand);
  --ui-swiper-loading:var(--color-brand-500);
  --ui-search-icon-ico-search:var(--button-icon-gray);
  --ui-search-home-input:var(--color-neutral-white-alpha-70);
  --ui-search-home-input-stroke:var(--color-brand-500);
  --ui-search-home-placeholder:var(--color-brand-200);
  --ui-search-home-icon:var(--button-icon-brand);
  --ui-search-home-tag:var(--text-secondary);
  --ui-search-page-input:var(--text-inverse);
  --ui-search-page-input-stroke:var(--color-neutral-gray-200);
  --ui-search-page-placeholder:var(--color-neutral-gray-300);
  --ui-search-page-result-text:var(--text-primary);
  --ui-search-page-result-strong:var(--text-point);
  --ui-search-active-page-input:var(--text-inverse);
  --ui-search-active-page-input-stroke:var(--color-neutral-gray-200);
  --ui-search-active-page-placeholder:var(--color-neutral-gray-300);
  --ui-search-active-page-icon:var(--color-neutral-gray-500);
  --ui-select-bx-icon:var(--button-icon-gray);
  --ui-select-bx-option:var(--text-primary);
  --ui-select-bx-stroke:var(--color-neutral-gray-200);
  --tab-video-default-text:var(--text-primary);
  --tab-video-default-stroke:var(--button-outline-light-gray);
  --tab-video-default-badge:var(--color-neutral-gray-150);
  --tab-video-default-label:var(--color-neutral-gray-600);
  --tab-video-active-text:var(--button-solid-point);
  --tab-video-active-badge:var(--button-solid-point);
  --tab-video-active-stroke:var(--color-brand-alpha-150);
  --tab-video-active-label:var(--text-inverse);
  --tab-video-active-bg:var(--color-brand-alpha-50);
  --tab-activity-active:var(--button-solid-cool);
  --tab-activity-text:var(--button-label-black);
  --tab-button-church:var(--button-tab-brown);
  --tab-button-awards:var(--button-tab-blue);
  --tab-button-press:var(--button-tab-blue);
  --tab-button-default:var(--text-primary);
  --page-head-eyebrow:var(--text-point);
  --page-head-title-black:var(--text-primary);
  --page-head-desc:var(--text-muted);
  --page-head-date:var(--text-point-light);
  --page-head-title-white:var(--text-inverse);
  --page-head-desc-white-alpha:var(--text-inverse-muted);
  --page-head-single-category:var(--text-point);
  --page-head-single-title:var(--text-primary);
  --page-head-single-desc:var(--text-muted);
  --page-head-single-date:var(--text-point-light);
  --page-head-award-category:var(--color-support-award-blue-600);
  --page-head-award-title:var(--text-primary);
  --page-head-award-desc:var(--text-primary);
  --page-head-award-presenter:var(--text-primary);
  --page-head-award-date:var(--text-point);
  --page-press-text:var(--text-primary);
  --page-press-name:var(--color-accent-blue-500);
  --page-press-info:var(--text-point);
  --page-press-icon:var(--text-primary-muted);
  --page-press-stroke:var(--color-neutral-gray-200);
  --page-press-sub-text:var(--text-point);
  --page-press-tabel-head:var(--text-point);
  --page-press-tabel-headline:var(--text-primary);
  --bg-white:var(--color-neutral-gray-white);
  --bg-gray:var(--color-neutral-gray-50);
  --bg-warm:#F9F8F7;
  --bg-cool:#F5F5F7;
  --bg-cool-light:#F8F8FA;
  --bg-brand:var(--color-brand-100);
  --bg-black:var(--color-neutral-gray-700);
  --banner-title:var(--text-inverse);
  --banner-desc:var(--text-inverse-muted);
  --banner-award-eyebrow:var(--text-point);
  --banner-award-title:var(--text-primary);
  --banner-award-desc:var(--text-muted);
  --banner-press-eyebrow:var(--color-support-press-blue-500);
  --banner-press-title:var(--text-primary);
  --banner-press-desc:var(--text-point);
  --header-fill-white:var(--bg-white);
  --header-fill-white-alpha:var(--text-inverse-muted);
  --header-fill-black:var(--bg-black);
  --footer-fill-black:var(--bg-black);
  --footer-fill-white:rgba(255, 255, 255, .06);
  --footer-text-gray:var(--text-muted);
  --footer-text-white:var(--text-inverse);
  --footer-stroke:var(--text-inverse-subtle);
  --footer-sns:var(--color-neutral-white-alpha-60);
  --pagination-current:var(--button-solid-cool);
  --pagination-active-txt:var(--button-label-black);
  --pagination-default:var(--button-label-black);
  --pagination-disabled:var(--button-icon-gray);
  --pagination-active:var(--button-label-black);

  /* padding */
  /* #1 Primitive */
  --padding-12:12px;
  --padding-16:16px;
  --padding-20:20px;
  --padding-24:24px;
  --padding-30:30px;
  --padding-40:40px;
  --padding-60:60px;
  --padding-80:80px;
  --padding-120:120px;
  --padding-160:160px;
  --padding-240:240px;
  --radius-4:4px;
  --radius-8:8px;
  --radius-16:16px;
  --radius-999:999px;

  /* #2 Sementic */
  --spacing-xxs:var(--padding-12);
  --spacing-xs:var(--padding-16);
  --spacing-sm:var(--padding-20);
  --spacing-md:var(--padding-24);
  --spacing-lg:var(--padding-30);
  --spacing-xl:var(--padding-40);
  --spacing-2xl:var(--padding-60);
  --spacing-3xl:var(--padding-80);
  --spacing-4xl:var(--padding-120);
  --spacing-5xl:var(--padding-160);
  --spacing-6xl:var(--padding-240);

  /* container */
  --container-sm:760px;
  --container-md:1020px;
  --container-xl:1400px;
  --container-xxl:1520px;
  --container-single:960px;

  /* radius */
  --radius-sm:var(--radius-4);
  --radius-md:var(--radius-8);
  --radius-lg:var(--radius-16);
  --radius-circle:var(--radius-999);

  /* header-lift */
  --header-height-mobile:60px;
  --header-height-desktop:80px;
}


/* #3 Component */
:root {
  --padding-container-xs:var(--spacing-xs);
  --padding-container-sm:var(--spacing-md);
  --padding-container-md:var(--spacing-lg);
  --padding-container-lg:var(--spacing-2xl);
  --padding-container-xl:var(--spacing-4xl);
  --padding-container-2xl:var(--spacing-6xl);
  --padding-container-footer:var(--spacing-2xl);
}

@media(min-width:1070px){
  :root {
    --padding-container-xs:var(--spacing-md);
    --padding-container-sm:var(--spacing-lg);
    --padding-container-md:var(--spacing-2xl);
    --padding-container-lg:var(--spacing-4xl);
    --padding-container-xl:var(--spacing-5xl);
    --padding-container-footer:var(--spacing-3xl);
  }
}


/* ==== common ==== */
/* component */
/* .component-group{display:flex; flex-wrap:wrap; gap:16px}
.component-group:not(first-child){margin-top:16px}
@media(max-width:374px){
  .home .section-head .title br,
  .home .section-head .desc br{display:none}
} */

/* header */
.category-header .headroom--top{background-color:var(--bg-warm)}
header .logo-pc{display:none}
header .logo-m{display:block}
header .site-logo a{display:block; width:146px; height:30px}

.headroom--pinned.headroom--not-top .logo-light{display:block}
.headroom--pinned.headroom--not-top .logo-dark{display:none}

.header-dark .logo-light{display:none}
:not(.header-dark) .logo-dark {display:none}
.header-dark .logo-dark{display:block}
.header .site-nav{justify-content:space-between}
.header div[class^="menu-main-nav"] > .menu:last-child{margin-right:0}
@media(min-width:1070px){
  .category-header .headroom--top{background-color:#fff}
  .header .site-nav{font-size:18px}
  header .logo-pc{display:block}
  header .logo-m{display:none}
  header .site-logo a{width:380px; height:30px}
  .header .site-nav .menu{column-gap:4px; font-size:19px}
}

/* 페이지별 개별 컨테이너 */
@media(min-width:1070px){
  .page-awards .header .site-nav,
  .page-awards .footer .container-xxl,
  .page-about-activities .header .site-nav,
  .page-about-activities .footer .container-xxl,
  .category .header .site-nav,
  .category .footer .container-xxl{max-width:1400px; margin-left:auto; margin-right:auto}
  .page-press .global-container :is(.container, .container-xxl):not(.item){max-width:1200px}
}

/* footer */
footer{background-color:var(--footer-fill-black); padding-top:var(--padding-container-footer); padding-bottom:var(--padding-container-footer)}
footer .simbol{width:48px; height:48px; display:block}
footer .logo-footer{width:320px; height:30px; margin-top:20px; display:block}
footer .copy{/*margin-top:8px;*/ font-size:13px; line-height:1.3; color:var(--footer-text-gray)}
footer .copy a{text-decoration:underline; font-weight:600}
footer .footer-links{margin-top:24px; display:flex; align-items:center; justify-content:space-between; position:relative}
footer .footer-links > button{padding:16px 0; font-size:15px; font-weight:600; border-radius:0; display:flex; align-items:center; color:var(--footer-text-white)}
footer .footer-links > button:not(:first-child){margin-left:8px}
footer .footer-links > button.btn-family{width:160px; border-bottom:1px solid var(--footer-stroke, rgba(255, 255, 255, 0.50)); justify-content:space-between}
footer .footer-links > button.btn-share{width:50px; height:50px; border-radius:var(--radius-md); background-color:rgba(255, 255, 255, 0.06); transition:all .3s}
footer .footer-links > button.btn-share:hover{background-color:rgba(255, 255, 255, 0.1)}
footer .footer-links > button .ico{filter:brightness(100); width:18px; height:18px}
footer .footer-links .menu-family-site-menu-container{display:none; min-width:160px; position:absolute; left:8px; bottom:60px; padding-top:12px; padding-bottom:12px; background-color:#111; border-radius:var(--radius-md); z-index:10}
footer .footer-links .menu a{display:block; font-size:14px; padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:10px}
footer .footer-links .ico-plus{transition:all 0.2s ease}
footer .footer-links .on .ico-plus{transform:rotate(45deg)}
footer .menu > .menu-item a:hover{color:#fff}
footer .related-sites{margin-top:16px}
footer .related-sites a{display:inline-block; width:30px; height:30px; background-size:contain; background-position:center; transition:.2s}
footer .related-sites a:hover{filter:brightness(1.5)}
footer .related-sites .link-watv{background-image:url('./images/ui/ico_watv.svg')}
footer .related-sites .link-mediacast{background-image:url('./images/ui/ico_mediacast.svg')}
footer .related-sites .link-awards{background-image:url('./images/ui/ico_awards.svg')}
footer .related-sites .link-press{background-image:url('./images/ui/ico_press.svg')}
footer .related-sites .link-youtube{background-image:url('./images/ui/ico_youtube.svg')}
.ico-plus{position:relative; width:14px; height:14px}
.ico-plus::before,
.ico-plus::after {content:''; position:absolute; background-color:var(--footer-text-white); top:50%; left:50%; transform:translate(-50%, -50%)}
.ico-plus::before{width:1px; height:14px}
.ico-plus::after {width:14px; height:1px}
@media(min-width:1070px){
  /* footer .logo-footer{margin-top:24px} */
  footer .footer-links{justify-content:space-between}
  footer .footer-links .menu-family-site-menu-container{left:inherit; right:12px; bottom:120px}
  footer .footer-links{margin-top:0; justify-content:flex-end}
  footer .footer-links .btn-family{margin-top:0}
  footer .footer-links > button{padding:16px 0}
  footer .footer-links > button:not(:first-child){margin-left:24px}
  footer .footer-links > button.btn-family{justify-content:space-between}
  footer .footer-links > button .ico{filter:brightness(100)}
  footer .footer-links .menu-family-site-menu-container{max-width:260px; right:80px; bottom:120px; padding-top:12px; padding-bottom:12px; background-color:#111; border-radius:var(--radius-md); z-index:10}
  footer .footer-links .menu a{display:block; font-size:14px; padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:10px}
  .ico-plus{position:relative; width:14px; height:14px}
  .ico-plus::before,
  .ico-plus::after {content:''; position:absolute; background-color:var(--footer-text-white); top:50%; left:50%; transform:translate(-50%, -50%)}
  .ico-plus::before{width:1px; height:14px}
  .ico-plus::after {width:14px; height:1px}
}

/* Page Visual */
.page .page-visual{overflow:hidden}
.page .page-visual.dark{position:relative}
.page .page-visual.dark .visual-area::before{content:''; position:absolute; top:0; right:0; bottom:0; left:0; background:linear-gradient(180deg, rgba(0, 0, 0, 0.50) 0.05%, rgba(0, 0, 0, 0.30) 63.02%, rgba(0, 0, 0, 0.15) 99.95%)}
.page .page-visual .container{position:relative; min-height:480px; padding-top:50px; padding-bottom:50px; display:flex; align-items:center; flex-direction:column; justify-content:center}
.visual-area{position:absolute; width:100%; height:100%; top:0; right:0; bottom:0; left:0}

/* kenburns */
.kenburns{--speed:2.5s; animation:kenburns var(--speed) ease; transform:scale(1); transition:.8s; transition-timing-function:cubic-bezier(0.165, 0.840, 0.440, 1)}
@keyframes kenburns{
  0%{
    transform-origin:center center;
    transform:scale(1.05);
  }
  100%{
    transform:scale(1);
  }
}

/* page-head */
.page-visual{min-height:480px; display:flex; justify-content:center}
.page-head:not(.home .page-head){max-width:380px}
.page-head > *:not(:first-child){margin-top:8px}
.page-head .eyebrow{font-size:15px; color:var(--page-head-eyebrow)}
.page-head .title{font-size:28px; line-height:1.3; letter-spacing:-1px; color:var(--page-head-title-black)}
.page-head .desc,
.page-head .desc p{font-size:15px; line-height:1.5; color:var(--page-head-desc)}
.dark .page-head .title{color:var(--page-head-title-white)}
.dark .page-head .desc{color:var(--page-head-desc-white-alpha)}
@media(min-width:768px){
  .page-head:not(.home .page-head){max-width:640px}
  .page-head > *:not(:first-child){margin-top:16px}
  .page-head .eyebrow{font-size:16px}
  .page-head .title{font-size:38px; letter-spacing:-2px}
  .page-head .desc,
  .page-head .desc p{font-size:16px; line-height:1.6; color:var(--page-head-desc)}
}
@media(min-width:1070px){
  .page-visual{min-height:680px}
  .page-head .eyebrow{font-size:18px}
  .page-head .title{font-size:54px; letter-spacing:-3px}
  .page-head .desc,
  .page-head .desc p{font-size:18px}
}

/* section-head */
.section-head{width:100%; max-width:650px}
.section-head.center{text-align:center; margin-left:auto; margin-right:auto}
.section-head > *:not(:first-child){margin-top:12px}
.section-head .eyebrow{font-size:14px; line-height:1.2; color:var(--page-head-eyebrow)}
.section-head .title{font-size:26px; line-height:1.3; letter-spacing:-1.5px; color:var(--page-head-title-black)}
.section-head .title br{display:block}
.section-head .desc,
.section-head .desc p{font-size:15px; line-height:1.5; letter-spacing:-0.03px; color:var(--page-head-desc)}
@media(min-width:768px){
  .section-head{width:100%; max-width:540px}
  .section-head > *:not(:first-child){margin-top:16px}
  .section-head .eyebrow{font-size:16px; line-height:1.4}
  .section-head .title{font-size:32px; letter-spacing:-1.5px}
  .section-head .desc,
  .section-head .desc p{font-size:16px}
}
@media(min-width:1070px){
  .section-head{width:100%; max-width:650px}
  .section-head > *:not(:first-child){margin-top:24px}
  .section-head .eyebrow{font-size:20px}
  .section-head .title{font-size:48px; letter-spacing:-2.8px}
  .section-head .desc,
  .section-head .desc p{font-size:18px; line-height:1.6}
}

/* list-head*/
.list-head{padding-top:var(--padding-container-md); padding-bottom:var(--padding-container-sm)}
.list-head > *:not(:first-child):not(img){margin-top:16px}
.list-head .title-wrap{display:flex; align-items:center; gap:8px}
.list-head .head-img{width:40px; height:40px}
.list-head .title{font-size:32px; line-height:1.3; letter-spacing:-1.2px}
.list-head .desc{font-size:16px; line-height:1.5; color:var(--page-head-desc)}
@media(min-width:1070px){
  .list-head .title-wrap{align-items:center; gap:12px}
  .list-head .head-img{width:80px; height:80px}
  .list-head .title{font-size:54px; letter-spacing:-2.2px}
  .list-head .desc{font-size:18px; line-height:1.6}
}

/* button */
[class^="ico-"]:before, [class*=" ico-"]:before{margin:0}
.btn{padding:12px 18px; font-size:14px; border-radius:8px}
@media(min-width:1070px){
  .btn{padding:14px 22px; font-size:16px}
}

.btn .ico{margin-top:-1px; background-size:contain; transition:all .4s ease; flex-shrink:0}
.ico-local{width:14px; height:14px; background-image:url('./images/ui/ico_local.svg')}
.ico-share{width:14px; height:14px; background-image:url('./images/ui/ico_share.svg')}
.ico-link{width:12px; height:12px; margin-left:-2px;  background-image:url('./images/ui/ico_link.svg')}
.ico-link:before{display:none}
.ico-search{width:16px; height:16px; background-image:url('./images/ui/ico_search.svg')}
.ico-search:before{display:none}
.ico-arrow{display:inline-block; position:relative; width:16px; height:1px; background-color:black}
.ico-arrow.down{transform:rotate(90deg); width:12px; margin-left:-2px}
.ico-arrow::after{content:""; position:absolute; top:50%; right:0; width:8px; height:8px; border-top:1px solid black; border-right:1px solid black; transform:translateY(-50%) rotate(45deg)}
.ico-chevron{display:inline-block; width:8px; height:8px; margin-left:-4px; border-right:1px solid black; border-top:1px solid black; transform:rotate(45deg)}
.ico-chevron.up{transform:rotate(-45deg)}
.ico-chevron.down{transform:rotate(135deg)}
.ico-chevron.left{transform:rotate(225deg)}

:root {
  --ico-fill-brand:invert(47%) sepia(4%) saturate(3216%) hue-rotate(337deg) brightness(92%) contrast(80%);
  --ico-fill-white:invert(100%) sepia(0%) saturate(7481%) hue-rotate(346deg) brightness(111%) contrast(97%);
  --ico-fill-gray:invert(53%) sepia(4%) saturate(8%) hue-rotate(354deg) brightness(93%) contrast(82%);
}
.btn.style-white{background-color:var(--button-solid-white)}
.btn.style-text{padding:0; padding-right:4px; color:var(--button-label-brand); background-color:transparent}
.btn.style-text .ico{filter:var(--ico-fill-brand)}
.btn.style-filled{background-color:var(--button-solid-brand); color:var(--button-label-white)}
.btn.style-filled .ico{filter:var(--ico-fill-white)}
.btn.style-outline{background-color:transparent; color:var(--button-label-brand); box-shadow:inset 0 0 0 1px var(--button-outline-brand)}
.btn.style-outline .ico{filter:var(--ico-fill-brand)}
.btn.color-white{background-color:var(--button-solid-white); color:var(--button-label-brand)}
.btn.color-white .ico{filter:var(--ico-fill-brand)}
.btn.style-lined{background-color:var(--button-solid-white); color:var(--button-label-black); box-shadow:inset 0 0 0 1px var(--color-neutral-black-alpha-10)}
.btn.style-white .ico,
.award-carousel .btn .ico,
.btn.style-lined .ico{filter:var(--ico-fill-gray)}
.btn.style-circle .background .ico{margin:0}
.btn.style-circle .background .ico-arrow{width:14px; filter:invert(100%) sepia(1%) saturate(7500%) hue-rotate(313deg) brightness(101%) contrast(111%)}

/* arrow ani */
.btn .icon-wrap{width:20px; height:20px; display:flex; align-items:center; justify-content:center; gap:4px; overflow:hidden}
.btn .icon-wrap:not(.arrow-down) .ico-arrow{transform:translateX(-12px); transition:all .4s ease}
.btn:hover .icon-wrap:not(.arrow-down) .ico-arrow{transform:translateX(8px)}

/* arrow down ani*/
.btn .icon-wrap.arrow-down{flex-direction:column; gap:18px; margin-left:-4px}
.btn .ico-arrow.down{transform:rotate(90deg) translateX(-10px) translateY(0px)}
.btn:hover .ico-arrow.down{transform:rotate(90deg) translateX(10px) translateY(0px)}

/* chevron ani */
.btn.style-text .icon-wrap{width:8px; height:20px; gap:8px; margin-left:-4px}
.btn.style-text .icon-wrap .ico-chevron{transform:rotate(45deg) translateX(-4px) translateY(4px)}
.btn.style-text:hover .icon-wrap .ico-chevron{transform:rotate(45deg) translateX(4px) translateY(-4px)}

/* link ani */
.btn .icon-wrap.link{margin-left:-4px}
.btn .icon-wrap.link{width:18px; height:18px; gap:8px;}
.btn .icon-wrap .ico-link:nth-child(1){transform:translateX(-4px) translateY(14px)}
.btn .icon-wrap .ico-link:nth-child(2){transform:translateX(-8px) translateY(0px)}
.btn:hover .icon-wrap .ico-link:nth-child(1){transform:translateX(10px) translateY(0px)}
.btn:hover .icon-wrap .ico-link:nth-child(2){transform:translateX(6px) translateY(-14px)}
.btn .icon-wrap.background{gap:16px}
.btn .icon-wrap.background .ico{transform:translateX(-16px)}
.btn:hover .icon-wrap.background .ico{transform:translateX(14px)}

.about-association .subdivision-tab-group{margin-bottom:24px}
.subdivision-tab-group{width:100%; display:flex; gap:8px; justify-content:center}

/*==============================================================
26.6.18 부산경남 메인홈 About Association 버튼 스타일 적용-jhn작업
================================================================*/

/* [기본 설정] 모바일/전체 공통 스타일 */
.subdivision-tab-group {
  display: flex;
  flex-wrap: wrap; /* ⭐ 공간 부족하면 다음 줄로 넘기기 */
  justify-content: center;
  gap: 8px;
  padding: 0 16px;
}

.subdivision-tab-group .btn {
  font-size: 14px; 
  line-height: 1.35; 
  padding: 10px 16px; /* ⭐ 위아래는 줄이고, 좌우는 늘려서 안정감 있게 */
  color: var(--button-home-label);
  white-space: nowrap;
}

.subdivision-tab-group .btn.active {
  background: var(--black-7);
}

/* [PC 설정] 화면 너비가 1070px 이상일 때 */
@media(min-width: 1070px) {
  .about-association .subdivision-tab-group {
    margin-bottom: 32px;
  }
  
  .subdivision-tab-group {
    flex-wrap: nowrap; /* PC에서는 한 줄로 고정 */
  }

  .subdivision-tab-group .btn {
    font-size: 15px; 
    line-height: 1.4; 
    padding: 20px 13px; 
  }
}


/* category-list */
.category-list .list-item .post-category{font-size:13px; color:var(--list-info-eyebrow)}
.post-category > *:not(:first-child)::before{content:''; display:inline-block; width:3px; height:3px; vertical-align:4px; margin-left:4px; margin-right:4px; border-radius:var(--radius-circle); background-color:var(--page-head-single-category)}
.list-item .post-category > *:not(:first-child)::before{width:2px; height:2px; margin-left:4px; margin-right:4px}
.category-list .list-item .thum{border-radius:var(--radius-md); overflow:hidden}
.category-list .list-item .post-info{margin-top:16px}
.category-list .list-item .post-info > *:not(:first-child){margin-top:4px}
.category-list .list-item .post-title{margin-top:4px;  line-height:1.4; }
.category-list .list-item .post-title a{font-size:15px;color:var(--list-info-title);  font-weight:500}
.category-list .list-item .post-date{font-size:13px; color:var(--list-info-date)}
.category-list .list-item .post-tags{font-size:13px; color:var(--list-info-tag); padding-top:8px; display:flex; align-items:center; column-gap:6px}
.tag-link:hover{text-decoration:underline; color:#0164BC}
.btns{width:100%; display:flex; align-items:center; gap:8px; justify-content:center; margin-top:48px; flex-wrap:wrap}
@media(min-width:1070px){
  .category-list .list-item .post-title a{font-size:18px; line-height:1.5}
  .category-list .list-item .post-tags{font-size:13px; color:var(--list-info-tag); margin-top:8px}
  .post-category > *:not(:first-child)::before{width:3px; height:3px; margin-left:8px; margin-right:8px}
}
/* ani */
.thum-img{transition:all .5s ease}
.post-item:hover .thum-img,
.list-item:hover .thum-img{transform:scale(1.05)}

/* banner */
.section-banner{padding-top:16px; padding-bottom:16px}
.section-banner.container{width:100%}
.section-head + .banner-wrap{margin-top:24px}
.banner-wrap{display:flex; flex-direction:column; gap:16px}
.banner-wrap > *{background-position:center; background-size:cover}
.banner{padding-top:var(--padding-container-lg); padding-bottom:var(--padding-container-lg); background-color:#f7f8f9; display:flex; align-items:center; justify-content:center; background-size:cover; background-position:center; background-repeat:no-repeat}
.banner .item{max-width:360px; z-index:2; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center}
.banner .item > *:not(:first-child):not(:last-child){margin-top:8px}
.banner .eyebrow{font-size:14px; color:var(--card-eyebrow); text-transform:capitalize}
.banner .title{font-size:26px; color:var(--card-title-dark)}
.banner .desc{font-size:15px; color:var(--card-desc); line-height:1.5; width: 285px;}
.banner .btn{margin-top:24px}
.banner-press .eyebrow{color:var(--banner-press-eyebrow)}
.banner-press .btn{background:var(--button-solid-press)}
@media(max-width:767px){
  .section-banner .banner-wrap{flex-direction:column}
}
@media(min-width:768px){
  .banner-wrap{display:flex; gap:16px}
  .section-banner{padding-left:16px; padding-right:16px}
  .banner{border-radius:var(--radius-md)}
  .banner-wrap .banner{flex:1}
}
@media(min-width:1070px){
  .section-banner{padding-left:var(--container-w-pd); padding-right:var(--container-w-pd); padding-top:var(--padding-container-lg); padding-bottom:var(--padding-container-lg)}
  .banner-wrap{gap:24px; flex-direction:row}
  .banner{border-radius:var(--radius-lg)}
  .banner .item > *:not(:first-child):not(:last-child){margin-top:16px}
  .banner .eyebrow{font-size:18px}
  .banner .title{font-size:44px}
  .banner .desc{font-size:17px; width: 346px;}
  .banner .btn{margin-top:32px}
  .section-head + .banner-wrap{margin-top:56px}
}

/* banner-awards, banner-press */
.section-banner .banner-awards::after{content:''; display:block; position:absolute; left:0; right:0; top:0; bottom:0; background-color:rgba(253, 250, 249, 0.85)}
.section-banner .banner-awards{background-image:url('./images/banner/banner_awards.jpg'); position:relative}
.section-banner .banner-press{background-image:url('./images/banner/banner_press.jpg')}
@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){
  .section-banner .banner-awards{background-image:url('./images/banner/banner_awards@2x.jpg')}
  .section-banner .banner-press{background-image:url('./images/banner/banner_press@2x.jpg')}
}
@media(min-width:768px){
  .section-banner .banner-press{background-image:url('./images/banner/banner_press_pc.jpg')}
  @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){
    .section-banner .banner-press{background-image:url('./images/banner/banner_press_pc@2x.jpg')}
  }
}

/* search-list */
.list-lateral{padding-bottom:var(--padding-container-md)}
.list-lateral .list-item{padding-top:var(--padding-container-xs); padding-bottom:var(--padding-container-xs)}
.list-lateral .list-item .thum{display:block; border-radius:var(--radius-md); overflow:hidden}
.list-lateral .list-item .thum-img{padding-bottom:67%}
.list-lateral .list-item .info{margin-left:16px; display:flex; flex-direction:column; justify-content:center}
.list-lateral .list-item .info > *:not(:first-child),
.search-results .lists .info > *:not(:first-child){line-height:1.4; margin-top:3px}
.list-lateral .list-item .post-category{color:var(--list-info-eyebrow); font-size:12px}
.list-lateral .list-item .post-title{font-size:14px; color:var(--list-info-title); -webkit-line-clamp:1}
.list-lateral .list-item .post-date{font-size:12px; color:var(--list-info-date)}
.list-lateral .list-item .post-tags{font-size:12px; color:var(--list-info-tag); display:flex; flex-wrap:wrap; gap:6px; row-gap:2px}
@media(min-width:768px){
  .list-lateral .list-item .info{margin-left:24px}
  .list-lateral .list-item .info > *:not(:first-child),
  .search-results .lists .info > *:not(:first-child){line-height:1.5; margin-top:6px}
  .list-lateral .list-item .post-title{font-size:18px; -webkit-line-clamp:2}
  .list-lateral .list-item .post-category,
  .list-lateral .list-item .post-date,
  .list-lateral .list-item .post-tags{font-size:13px}
}
@media(min-width:1070px){
  .list-lateral .list-item .info{margin-left:32px}
  .list-lateral .list-item .info > *:not(:first-child),
  .search-results .lists .info > *:not(:first-child){margin-top:8px}
  .list-lateral .list-item .post-title{font-size:22px}
}

/* pagination */
.pagination{display:flex; align-items:center; gap:4px; justify-content:center; padding-bottom:var(--padding-container-lg)}
.pagination > *{transition:all .2s}
.pagination .page-numbers.current{background-color:var(--pagination-current); color:var(--pagination-active-txt); border-radius:var(--radius-md)}
.pagination .prev,
.pagination .next{font-size:0; width:42px; height:42px; display:flex; align-items:center; justify-content:center}
.pagination .prev::after,
.pagination .next::after{content:''; display:inline-block; width:8px; height:8px; border-left:1px solid black; border-bottom:1px solid black}
.pagination .prev::after{transform:rotate(45deg)}
.pagination .next::after{transform:rotate(225deg)}


/* about-church :video */
.section-video{padding-top:var(--padding-container-md)}
.section-video .section-head{width:auto; margin-left:0!important; margin-right:0!important}
.section-video .head-wrap .btn{display:none}
.section-video .intro-video{margin-top:24px}
.section-video .intro-video .intro{padding-bottom:24px}
.section-video .videoWrap{border-radius:var(--radius-md); overflow:hidden}
.section-video .intro-video .lists{display:flex; flex-direction:column; height:100%; margin-top:8px}
.section-video .intro-video .intro .video-link{width:100%; padding:16px; display:flex; flex:1; align-items:center; gap:8px; box-shadow:inset 0px 1px 0px 0px var(--tab-video-default-stroke); cursor:pointer}
.section-video .intro-video .intro .video-link:first-child{box-shadow:none}
.section-video .intro-video .intro .video-link:hover{background-color:var(--tab-video-active-bg)}
.section-video .intro-video .intro .video-link:hover .part{background-color:var(--color-brand-alpha-100)}
.section-video .intro-video .intro .video-link.active{border-radius:var(--radius-8); box-shadow:inset 0px 0px 1px 1px var(--tab-video-active-stroke, rgba(141, 108, 90, 0.15)); background-color:var(--tab-video-active-bg)}
.section-video .intro-video .intro .video-link.active .video-title{color:var(--button-label-brand)}
.section-video .intro-video .intro .video-link.active + .video-link{box-shadow:none}
.section-video .intro-video .intro .video-link.active .part{color:var(--tab-video-active-label); background-color:var(--button-solid-point); border-radius:var(--radius-sm)}
.section-video .intro-video .intro .video-link .part{font-size:11px; line-height:1.3; padding:3px 6px; background-color:var(--tab-video-default-badge); border-radius:var(--radius-sm)}
.section-video .intro-video .intro .video-title{font-size:15px; line-height:1.4; font-weight:500; color:var(--tab-video-default-text)}
@media(min-width:1070px){
.section-video{padding-bottom:var(--padding-container-md)}
.section-video .head-wrap{display:flex; justify-content:space-between; align-items:flex-end}
.section-video .head-wrap .btn{display:flex}
.section-video .videoWrap{border-radius:var(--radius-lg)}
.section-video .intro-video{margin-top:56px}
.section-video .intro-video .lists{margin-top:0}
.section-video .intro-video .intro .video-link{padding:16px 24px; gap:12px}
.section-video .intro-video .intro .video-link .part{font-size:12px; padding:6px 8px}
.section-video .intro-video .intro .video-title{font-size:17px; line-height:1.5}
}

/* special */
.section-video .special-container{width:90%; max-width:640px; margin-left:auto; margin-right:auto; padding-top:24px; padding-bottom:60px}
.section-video .special{display:flex; max-width:680px; margin-left:auto; margin-right:auto; flex-direction:column; gap:16px}
.section-video .video-link-wrap{display:flex; flex-direction:column}
.section-video .special .special-video-tit{width:100%; padding:20px; font-size:15px; font-weight:500; color:var(--card-title-dark); line-height:1.5}
.section-video .special .title{font-size:26px; line-height:1.3; letter-spacing:-1.9px}
.section-video .special .title br{display:none}
.section-video .special .desc{margin-top:8px}
.section-video .special .video-link{display:flex; align-items:center; overflow:hidden; cursor:pointer; padding:12px 0; border-bottom:1px solid rgba(0, 0, 0, 0.05)}
.section-video .special .video-link:last-child{border-bottom:none}
.section-video .special .video-link .thum{width:140px; flex-shrink:0; position:relative; border-radius:var(--radius-md); overflow:hidden}
.section-video .special .video-link .thum .time{position:absolute; right:8px; bottom:8px; padding:4px 5px; font-size:13px; line-height:1; border-radius:var(--radius-sm); color:var(--card-video-label); background-color:var(--card-video-bg)}
.section-video .special .video-link .thum-img{width:100%; padding-bottom:65%; background-size:contain; background-repeat:no-repeat; background-size:cover}
.section-video .intro-video .btn-wrap{margin-top:24px; text-align:center}
.section-video .special .video-link.video1 .thum-img{background-image:url('./images/about/thum_7minutes.jpg')}
.section-video .special .video-link.video2 .thum-img{background-image:url('./images/about/thum_facts.jpg')}
.section-video .special .video-link.video3 .thum-img{background-image:url('./images/about/thum_whats_the_difference.jpg')}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:1.5dppx) {
  .section-video .special .video-link.video1 .thum-img{background-image:url('./images/about/thum_7minutes@2x.jpg')}
  .section-video .special .video-link.video2 .thum-img{background-image:url('./images/about/thum_facts@2x.jpg')}
  .section-video .special .video-link.video3 .thum-img{background-image:url('./images/about/thum_whats_the_difference@2x.jpg')}
}
@media(min-width:768px){
  .section-video .special-container{width:100%; max-width:100%; padding-bottom:48px; margin-top:0}
  .section-video .special{gap:24px}
  .section-video .special .video-link{flex-direction:column; background-color:var(--card-bg-white); padding:0; border-radius:var(--radius-md); box-shadow:0px 2px 16px 0px rgba(0, 0, 0, 0.00), 0px 10px 16px 0px rgba(0, 0, 0, 0.04)}
  .section-video .special .video-link .thum{width:100%; border-radius:0}
  .section-video .video-link-wrap{flex-direction:row; gap:16px}
  .section-video .video-link-wrap > *{flex:1}
  .section-video .special .special-video-tit{padding:16px; font-size:15px; font-weight:500; color:var(--card-title-dark); line-height:1.5}
}
@media(min-width:1070px){
  .section-video .special-container{background-color:transparent; padding-left:var(--container-w-pd); padding-right:var(--container-w-pd)}
  .section-video .special{max-width:1440px; padding:60px; display:flex; flex-direction:row; gap:32px; border-radius:var(--radius-lg); background-color:var(--bg-gray)}
  .special .row .section-head{margin-bottom:0}
  .section-video .special .title{font-size:32px; line-height:1.3; letter-spacing:-1.9px}
  .section-video .special .title br{display:block}
  .section-video .special .desc{margin-top:16px}
  .section-video .special .video-link{border-radius:var(--radius-lg)}
  .section-video .special .special-video-tit{min-height:94px; padding:24px; font-size:15px; font-weight:500; color:var(--card-title-dark); line-height:1.5}
  .section-video .intro-video .btn-wrap{display:none}
  .section-video .video-link-wrap > div{transition:all .2s ease}
  .section-video .video-link-wrap > div:hover{transform:translate3D(0, -3%, 0); box-shadow:rgba(0, 0, 33, 0.07) 0px 16px 22.4px 4.8px, rgba(0, 0, 33, 0.05) 0px 3.2px 16px 0px, rgba(0, 0, 33, 0.07) 0px 0px 1px 0px}
}

/* about-church :service */
.section-service{padding-top:var(--padding-container-lg); padding-bottom:var(--padding-container-xs); text-align:center; overflow:hidden}
.section-service .img-app{ padding-bottom:50%; margin-top:24px; background-size:contain; background-position:center; background-repeat:no-repeat; background-image:url('./images/about/service_app_m.jpg')}
@media(min-width:768px){
  .section-service{padding-top:var(--padding-container-md); padding-bottom:0}
  .section-service .img-app{padding-bottom:31%; margin-top:48px; background-image:url('./images/about/service_app_pc.jpg')}
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:1.5dppx) {
  .section-service .img-app {background-image:url('./images/about/service_app_m@2x.jpg')}
  @media (min-width:768px) { .section-service .img-app {background-image:url('./images/about/service_app_pc@2x.jpg')}
  }
}

/* awards */
.section-awards{padding-top:var(--padding-container-lg); padding-bottom:var(--padding-container-md)}
.section-awards .award-container{width:100%}
.section-awards .award-container .row{row-gap:16px}
.section-awards .thum{width:100%; padding-bottom:68%; background-color:var(--list-award-thum); border-radius:var(--radius-md); background-position:50% 50%; background-size:auto 78%; position:relative; background-repeat:no-repeat; transition:all .2s}
.section-awards li a{display:block; transition:all 0.3s ease}
.section-awards a:not(.btn):hover{transform:translateY(-5px)}
.section-awards a:hover .award-title{color:var(--list-award-category)}
.section-awards .list-item .info{margin-top:12px}
.section-awards .info >*:not(:first-child){margin-top:2px}
.section-awards .list-item .area{font-size:13px; margin-top:12px; color:var(--list-award-category)}
.section-awards .list-item .award-title{font-size:16px; font-weight:500; line-height:1.4; transition:all 0.3s ease}
.section-awards .list-item .date{font-size:13px; font-weight:400; color:var(--list-award-date)}
.section-awards .joint-award-count{display:flex; gap:1px; align-items:center; position:absolute; padding:4px 7px; background-color:rgba(0, 0, 0, 0.6); backdrop-filter:blur(6px); right:6px; bottom:6px; border-radius:999px; font-size:14px; color:#ffffff; line-height:1.3}
.section-awards .joint-award-count::before{content:''; width:18px; height:18px; background:url('./images/ui/ico_person.svg') no-repeat center; background-size:100%; filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(86deg) brightness(107%) contrast(101%)}
@media(min-width:1070px){
  .section-awards .award-container .row{row-gap:32px}
}

/* press */
.section-press{padding-top:var(--padding-container-md); padding-bottom:var(--padding-container-lg)}
.section-press .press-container{width:100%}
.section-press .press-container .row{row-gap:12px; margin-right:-8px; margin-left:-8px}
.section-press .press-container .row > *{padding-right:calc(8px); padding-left:calc(8px)}
.section-press .press-container .list-item a{padding:20px; gap:20px; display:flex; align-items:center; justify-content:space-between; border-radius:var(--radius-md); border:1px solid var(--card-press-stroke); background:var(--card-bg-warm); transition:all 0.3s ease}
.section-press .press-container .list-item a:where([href]):hover {border:1px solid rgba(163, 119, 100, 0.80); background:var(--card-bg-white); box-shadow:0px 2px 16px 0px rgba(0, 0, 0, 0.00), 0px 10px 16px 0px rgba(0, 0, 0, 0.04)}
.section-press .press-container .list-item a:where([href]):hover  .ico{transform:translateX(4px)}
.section-press .press-container .list-item .ico{width:16px; transition:all .4s ease}
.section-press .press-container .list-item .ico{filter:var(--ico-fill-brand)}
.section-press .press-container .list-item .list-wrap{display:flex; gap:8px; padding-bottom:0}
.section-press .press-container .list-item .list-wrap > *{font-size:13px; line-height:1.5}
.section-press .press-container .list-item .info >*:not(:first-child){margin-top:8px}
.section-press .press-container .press{color:var(--card-eyebrow)}
.section-press .press-container .date{color:var(--card-date-black)}
.section-press .press-container .press-title{font-size:15px; font-weight:500; line-height:1.4; letter-spacing:-.09px; color:var(--card-title-dark)}
@media(min-width:1070px){
  .section-press .press-container .row{row-gap:16px; margin-right:-8px; margin-left:-8px}
  .section-press .press-container .row > *{padding-right:calc(8px); padding-left:calc(8px)}
  .section-press .press-container .list-item a{padding:24px; border-radius:var(--radius-md)}
  .section-press .press-container .list-item .list-wrap{display:flex}
  .section-press .press-container .list-item .info >*:not(:first-child){margin-top:8px}
  .section-press .press-container .press-title{font-size:18px; font-weight:500; line-height:1.5; letter-spacing:-.09px}
}

/* ==== category ==== */
.slidenav{width:100%; overflow:hidden; position:relative; z-index:1}
.slidenav .nav-category{width:100%; position:relative; --bs-gutter-x:1.5rem}
.category .category-title > *,
.category .section-head{max-width:380px}
.category .list-wrap{padding-bottom:var(--padding-container-lg); row-gap:32px}
.category .category-menu{display:flex; flex-direction:row; flex-wrap:nowrap; overflow-x:auto; gap:4px 12px; padding-left:25px; padding-right:50px; font-size:0; scroll-behavior:smooth;  overflow:auto; scrollbar-width:none}
.category .category-menu::-webkit-scrollbar {display:none}
.category .category-menu::after{content:''; display:block; width:66px; height:40px; position:absolute; right:0; background:linear-gradient(90deg, rgba(255, 255, 255, 0.20) 19.7%, #FFF 80.3%)}
.category .category-menu .cat-item{padding:0; margin:0; border-radius:var(--radius-circle); overflow:hidden; flex-shrink:0}
.category .category-menu .cat-item a{display:inline-block; padding:12px 0; font-size:15px; font-weight:500; line-height:1.4}
.category .category-menu .cat-item.current-cat a{padding:12px 14px;  background-color:var(--tab-activity-active)}
.category-controls{padding-bottom:var(--padding-container-sm)}
.category-controls .wrap{display:flex; gap:4px; justify-content:space-between}
.mo .ico{display:block; background-repeat:no-repeat; background-position:center; filter:invert(56%) sepia(0%) saturate(0%) hue-rotate(184deg) brightness(90%) contrast(90%)}
.mo .ico-search{width:20px; height:20px}
body.active-search-btn .search-btn .ico-search{background-image:url('./images/ui/ico_close.svg')}
.select-bx-wrap .select-bx{padding-right:32px!important}
.category-controls .search-filter .category-search-bar{display:none; width:100%; padding-right:0!important; margin-top:8px}
.category-controls .search-filter .category-search-bar.active{display:block}
.category-controls .search-filter{width:90%; margin-right:auto; margin-left:auto; padding-left:0; padding-right:0; gap:8px; margin-top:24px}
.category-controls .search-filter .select-bx{font-size:14px; text-align:left}
.category-controls .search-filter .btn,
.category-controls .search-filter .category-search-bar{padding:12px 14px; background-color:#fff; border:1px solid var(--ui-select-bx-stroke); border-radius:8px}
.category-controls .search-filter .input{box-shadow:none; padding-right:0}
.category-controls .search-filter input{padding:0; font-size:14px}

.select-bx-wrap{position:relative}
.select-bx-wrap::after{content:''; display:block; position:absolute; right:18px; top:-4px; bottom:0; margin:auto; width:8px; height:8px; border-right:1.5px solid var(--ui-select-bx-icon); border-top:1.5px solid var(--ui-select-bx-icon); transform:rotate(135deg)}
.input-search .ico-search{filter:invert(56%) sepia(0%) saturate(0%) hue-rotate(184deg) brightness(90%) contrast(90%)}

/* btn-more */
.btn-tab-toggle::after{content:''; display:block; position:absolute; justify-content:right; align-items:center; position:absolute; top:0; right:-20px; width:66px; height:40px; z-index:-1; cursor:pointer}
.btn-tab-toggle .ico-chevron{margin-left:0}
.btn-tab-toggle {position:absolute; right:18px; width:40px; height:40px; border-radius:var(--radius-circle); background-color:var(--button-toggle-bg); box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.06); border:1px solid var(--button-toggle-stroke);  z-index:1;display:flex; align-items:center; justify-content:center; padding-bottom:4px}
.btn-tab-toggle.active > .down {transform:rotate(-45deg); margin-top:8px}
.category-menu.active{flex-wrap:wrap}
@media(min-width:376px){
.category .category-menu{width:90%; margin-right:auto; margin-left:auto; padding-left:0}
}
@media(min-width:768px){
  .category-controls .search-filter{width:auto}
  .category .category-menu{width:100%; padding-left:0; margin-right:inherit; margin-left:inherit}
  .category .section-head{max-width:480px}
  .category-controls{max-width:760px; margin-right:auto; margin-left:auto; padding-left:var(--container-w-pd); padding-right:var(--container-w-pd)}
}
@media(min-width:1070px){
  .category-controls .search-filter .category-search-bar{display:block; margin-top:0}
  .mo{display:none}
  .search{display:block}
  .category-controls{max-width:1400px; display:flex; justify-content:space-between}
  .category .list-wrap{row-gap:56px}
  .category .category-menu{gap:0}
  .category .category-menu .cat-item:first-child a{padding-left:0}
  .category .category-menu .cat-item a{padding:12px 20px; font-size:18px}
  .category .category-menu .cat-item.current-cat a{padding:12px 20px}
  .category .category-menu .cat-item:first-child.current-cat a{padding-left:20px}
  .category-controls .search-filter{display:flex;  align-items:center; gap:8px; margin-top:0; justify-content:flex-end}
  .category-controls .search-filter .select-bx{font-size:15px}
  .category-controls .search-filter .btn,
  .category-controls .search-filter .search--bar{padding:12px 18px; background-color:#fff; border:1px solid var(--ui-select-bx-stroke); border-radius:8px}
  .category-controls .search-filter .input{box-shadow:none; padding-right:0}
  .category-controls .search-filter input{padding:0; font-size:15px}
  .category-controls .search-filter .search{width:200px}
  .select-bx-wrap{position:relative}
  .select-bx-wrap::after{content:''; display:block; position:absolute; right:18px; top:-4px; bottom:0; margin:auto; width:8px; height:8px; border-right:1.5px solid var(--ui-select-bx-icon); border-top:1.5px solid var(--ui-select-bx-icon); transform:rotate(135deg)}
  .select-bx-wrap .select-bx{padding-right:32px}
  .input-search .ico-search{filter:invert(56%) sepia(0%) saturate(0%) hue-rotate(184deg) brightness(90%) contrast(90%)}
}


/* ==== page-awards ==== */
.page-awards .headroom--top{background-color:#f8f8fa}
.page-awards .visual-award{background:#f8f8fa; padding-bottom:var(--padding-container-md)}
.award-carousel{width:100%}
.award-carousel .item{gap:24px; height:100%; padding-left:50px; padding-right:50px; padding-top:30px; padding-bottom:40px; display:flex; flex-direction:column; align-items:center; justify-content:center; border-radius:15px; background:var(--card-bg-white)}
.award-carousel .item[data-link]:not([data-link=""]){cursor:pointer}
.award-carousel .img{display:flex; justify-content:center}
.award-carousel .img img{width:auto !important; max-height:180px}
.award-carousel .textbox{max-width:360px; display:flex; gap:8px; flex-direction:column; align-items:center; justify-content:center; text-align:center}
.award-carousel .title{font-size:20px; font-weight:500}
.award-carousel .info{font-size:14px; font-weight:500; color:rgba(0, 0, 0, 0.7)}
.award-carousel .desc{font-size:15px; color:#666}
.award-carousel .sub-text{font-size:14px; color:#0048C8}
.award-carousel .btns{margin-top:24px}
.award-carousel .btns >*{padding:10px 15px; font-size:15px; border-radius:6px}
.award-carousel .btns .btn-more{background-color:var(--button-solid-award); color:#fff}
.award-carousel .btns .btn-articles{background-color:var(--button-solid-cool)}
.award-carousel .owl-stage{display:flex}
.owl-theme .owl-nav.disabled + .owl-dots{margin-top:32px!important}
@media(min-width:768px){
  .owl-carousel.visible, .owl-carousel.visible .owl-stage-outer{overflow:hidden}
}
@media(min-width:1070px){
  .category-award .owl-carousel{margin-bottom:50px}
  .award-carousel .textbox{gap:10px}
}
@media(min-width:1280px){
  .award-carousel picture img{height:140px}
  .award-carousel .title{font-size:24px}
}