:root{

  /*---------- Color ----------*/
  /* brand */
  --primary:#67191f;
  --secondary:#B3946E;
  --secondary-dark:#A17E5A;

  /* white */
  --white-5:rgba(255,255,255,0.05);
  --white-10:rgba(255,255,255,0.1);
  --white-20:rgba(255,255,255,0.2);
  --white-30:rgba(255,255,255,0.3);
  --white-40:rgba(255,255,255,0.4);
  --white-50:rgba(255,255,255,0.5);
  --white-60:rgba(255,255,255,0.6);
  --white-70:rgba(255,255,255,0.7);
  --white-80:rgba(255,255,255,0.8);
  --white-90:rgba(255,255,255,0.9);
  --white-100:rgba(255,255,255,1);

  /* black */
  --black-4:rgba(0,0,0,0.04);
  --black-5:rgba(0,0,0,0.05);
  --black-6:rgba(0,0,0,0.06);
  --black-7:rgba(0,0,0,0.07);
  --black-8:rgba(0,0,0,0.08);
  --black-9:rgba(0,0,0,0.09);
  --black-10:rgba(0,0,0,0.1);
  --black-15:rgba(0,0,0,0.15);
  --black-20:rgba(0,0,0,0.2);
  --black-30:rgba(0,0,0,0.3);
  --black-40:rgba(0,0,0,0.4);
  --black-50:rgba(0,0,0,0.5);
  --black-60:rgba(0,0,0,0.6);
  --black-70:rgba(0,0,0,0.7);
  --black-80:rgba(0,0,0,0.8);
  --black-90:rgba(0,0,0,0.9);
  --black-100:rgba(0,0,0,1);

  /* text */
  --text-body:#333333;
  --text-gray-dark:#666666;
  --text-gray:#777777;
  --text-gray-light:#999999;
  --text-gray-brown:#7b756e;
  --text-white:var(--white-100);
  --text-black:var(--black-100);

  /* bg */
  --bg-brown-1:#F9F8F6;
  --bg-brown-2:#FAF7F2;
  --bg-brown-3:#F6EEE4;
  --bg-dark:#161616;
}

:root{
  /*---------- Unit ----------*/
  /*-- #1 Primitive --*/
  --unit-05x:4px;
  --unit-075x:6px;
  --unit-1x:8px;
  --unit-2x:16px;
  --unit-3x:24px;
  --unit-4x:32px;
  --unit-5x:40px;
  --unit-6x:48px;
  --unit-7x:56px;
  --unit-8x:64px;
  --unit-9x:72px;
  --unit-10x:80px;
  --unit-15x:120px;
  --unit-20x:160px;
  --unit-25x:200px;
  --unit-30x:240px;
  --unit-35x:280px;
  --unit-40x:320px;
  --unit-45x:360px;
  --unit-50x:400px;
  --full:999px;

  --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;

  /* Container */
  --container-xs:650px;
  --container-sm:760px;
  --container-md:980px;
  --container-lg:1140px;
  --container-xl:1280px;
  --container-xxl:1400px;
  --container:1600px;

  /*-- #2 Semantic --*/
  /* radius */
  --radius-sm:2px;
  --radius-md:var(--unit-1x);
  --radius-lg:var(--unit-2x);
  --radius-circle:var(--full);
}


/*---------- Typography ----------*/
:root{
  --body-text:var(--typo-paragraph-3);
  /* --font-serif:'NotoSerifKR', serif; */

  --typo-display-1:32px;
  --typo-display-2:28px;
  --typo-display-3:26px;
  --typo-display-4:24px;
  --typo-display-5:22px;
  --typo-display-6:18px;

  --typo-paragraph-1:16px;
  --typo-paragraph-2:16px;
  --typo-paragraph-3:15px;
  --typo-paragraph-4:15px;
  --typo-paragraph-5:14px;
  --typo-paragraph-6:13px;
  --typo-paragraph-7:12px;
}

@media (min-width:1070px){
:root{
  --typo-display-1:70px;
  --typo-display-2:48px;
  --typo-display-3:40px;
  --typo-display-4:32px;
  --typo-display-5:26px;
  --typo-display-6:21px;

  --typo-paragraph-1:18px;
  --typo-paragraph-2:17px;
  --typo-paragraph-3:16px;
  --typo-paragraph-4:15px;
  --typo-paragraph-5:14px;
  --typo-paragraph-6:13px;
  --typo-paragraph-7:12px;
 }
}


/* 기준 폭 설정 ================================ */
.container{max-width:var(--container); margin-left:auto; margin-right:auto}
.container-xxl{max-width:var(--container-xxl); margin-left:auto; margin-right:auto}

.display-1{font-size:var(--typo-display-1); line-height:1.3; letter-spacing:-0.4px}
.display-2{font-size:var(--typo-display-2); line-height:1.4; letter-spacing:-0.3px}
.display-3{font-size:var(--typo-display-3); line-height:1.4; letter-spacing:-0.3px}
.display-4{font-size:var(--typo-display-4); line-height:1.4; letter-spacing:-0.2px}
.display-5{font-size:var(--typo-display-5); line-height:1.4; letter-spacing:-0.2px}
.display-6{font-size:var(--typo-display-6); line-height:1.5; letter-spacing:-0.2px}

.paragraph-1{font-size:var(--typo-paragraph-1); line-height:1.3}
.paragraph-2{font-size:var(--typo-paragraph-2); line-height:1.6}
.paragraph-3{font-size:var(--typo-paragraph-3); line-height:1.6}
.paragraph-4{font-size:var(--typo-paragraph-4); line-height:1.5}
.paragraph-5{font-size:var(--typo-paragraph-5)}
.paragraph-6{font-size:var(--typo-paragraph-6)}
.paragraph-7{font-size:var(--typo-paragraph-7)}


/* Page Layout Coding ================================ */
.component-page{margin:40px auto}
.component-page h2.page{margin-top:16px}
.component-page h3.page{margin-top:16px; font-size:18px; color:var(--secondary-dark); font-weight:500}
.component-page section{margin-bottom:48px; padding-bottom:24px;border-bottom:1px solid var(--black-10)}
.component-page section:first-child{margin-top:48px}
.component-page .group-container{display:flex; flex-direction:column; align-items:flex-start; margin-bottom:48px}
.component-page .group{display:flex; flex-direction:row; gap:24px; margin-top:24px; flex-wrap:wrap; padding:40px 0}
.component-page .w-100{width:100%}
.component-page .group.bg{background-color:var(--black-10); padding:24px; border-radius:var(--radius-md)}
.component-page .group.bg-dark{flex-direction:column; background-color:var(--gray-900); border-radius:var(--radius-md); padding:60px}
.component-page .group.flex-col{flex-direction:column; align-items:flex-start}



/*Color ================================ */
/* BG Color */
.bg-brown-1{background-color:var(--bg-brown-1)}
.bg-brown-2{background-color:var(--bg-brown-2)}
.bg-brown-3{background-color:var(--bg-brown-3)}
.bg-dark{background-color:var(--bg-dark)}

/* Text Color */
.txt-primary{color:var(--primary)}
.txt-secondary{color:var(--secondary)}
.txt-white{color:var(--text-white)}
.txt-gray{color:var(--text-gray)}

/* Button Fill Color */
.fill-primary{background-color:var(--primary)}
.fill-secondary{background-color:var(--secondary)}
.fill-secondary-dark{background-color:var(--secondary-dark); color:var(--text-white)}
.fill-transparent{background-color:var(--white-10); color:var(--white-80)}
.fill-white{color:var(--text-body); background-color:var(--white-100)}
.fill-black{background-color:var(--black-100); color:var(--text-white)}
.fill-brown-1{background-color:var(--bg-brown-1)}


/* Button ================================ */
.btn-txt{width:fit-content; display:flex; align-items:center; gap:var(--unit-1x); font-size:var(--typo-paragraph-4); line-height:1.3}
.btn-txt.line{position:relative; padding:4px 0; line-height:1.6}
.btn-txt.line::before,
.btn-txt.line::after{content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:var(--secondary)}
.btn-txt.line::before{transform-origin:right}
.btn-txt.line::after{transform:scaleX(0); transform-origin:left}
.btn-txt.arrow{gap:var(--unit-05x)}
.btn-txt.ico-link{font-size:var(--typo-paragraph-3); display:inline-block; line-height:1.4; transition:transform .3s ease}
.btn-txt.ico-link::before{display:none}
.btn-txt.ico-link::after{content:''; display:inline-block; width:16px; height:16px; vertical-align:middle; margin-top:-2px; background-image:url('/wp-content/themes/watv/images/ui/ico_external_link.svg'); background-position:center; background-repeat:no-repeat; background-size:100%; margin-left:var(--unit-05x); transition:transform .3s ease;}

/* hover */
@media (hover:hover) and (pointer:fine){
  .btn-txt.ico-link:hover{transform:translateX(12px);}
  .btn-txt.ico-link:hover::after{transform:translateY(-2px);}
  .link-wrap li{opacity:1; transition:opacity .3s ease;}
  .link-wrap:has(a:hover) li{opacity:.35;}
  .link-wrap:has(a:hover) li:has(a:hover){opacity:1;}
}


.btn-txt.txt-primary .ico-arrow-circle{background-color:var(--primary)}
.btn-txt.txt-secondary .ico-arrow-circle{background-color:var(--secondary)}

.btn-txt .ico-arrow-circle{position:relative; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; transition:all .5s cubic-bezier(.34,1.56,.64,1)}
.btn-txt .ico-arrow-circle::after{content:''; position:absolute; inset:0; border-radius:50%; border:10px solid; transform:scale(1); pointer-events:none}
.btn-txt.txt-primary .ico-arrow-circle::after{border-color:var(--primary)}
.btn-txt.txt-secondary .ico-arrow-circle::after{border-color:var(--secondary)}

.btn-txt.txt-primary{--wave-color:rgba(103,25,31,.4)}
.btn-txt.txt-secondary{--wave-color:rgba(179,148,110,.4)}

/* hover */
@media (hover:hover) and (pointer:fine){
  .btn-txt:hover .ico-arrow-circle{transform:scale(1.15)}
  .btn-txt:hover .ico-arrow-circle::after{animation:wave 1s ease-out infinite}
  @keyframes wave{
    0%{box-shadow:0 0 0 0 var(--wave-color)}
    100%{box-shadow:0 0 0 14px rgba(0,0,0,0)}
  }
}


.btn-filled{cursor:pointer; display:inline-flex; align-items:center; position:relative; line-height:1.4; transition:all .25s ease;}
.btn-filled.round{border-radius:var(--radius-circle); font-size:16px; padding:12px 24px; text-align:center}
.btn-filled.square{border-radius:var(--radius-sm); padding:12px 18px; font-size:var(--typo-paragraph-4); gap:var(--unit-075x); line-height:1.4}
.btn-filled.line{border:1px solid var(--black-10)}
.btn-filled.line-gradient::before{content:''; position:absolute; inset:0; padding:1px; border-radius:inherit; background:linear-gradient(90deg,#333333 20%,#888888 50%,#333333 80%);
background-size:200% 100%; -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite:xor; mask-composite:exclude; animation:shine 4s linear infinite;}
@keyframes shine{
  0%{background-position:200% 0;}
  100%{background-position:-200% 0;}
}

/* btn-tab */
.btn-tab-toggle{display:none; justify-content:right; align-items:center; position:absolute; top:0; right:5%; width:40px; height:40px; background:linear-gradient(to right, rgba(255, 255, 255, 0.00) 0%, #FFF 30%); cursor:pointer; z-index:10}
.btn-tab-toggle::after{content:''; display:inline-block; width:14px; height:14px; background-image:url('/wp-content/themes/watv/images/ui/ico_arrow.svg'); background-repeat:no-repeat; background-size:contain; background-position:center}
.btn-tab-toggle.active::after {transform:rotate(180deg)}
.btn-tab-toggle.active{padding-top:0}
@media(min-width:768px){
  .btn-tab-toggle{right:5%}
}
@media(min-width:1070px){
  .btn-tab-toggle::after{width:12px; height:12px}
  .btn-tab-toggle{display:none !important}
}

/* hover */
@media (hover:hover) and (pointer:fine){
  .btn-filled.round:hover{scale:1.1;}
  .btn-filled.fill-transparent:hover{background-color:var(--white-20);}
}

/* ico ================================ */
.ico{background-position:center; block-size:100%; display:inline-block; flex-shrink:0}
.ico-arrow-circle{width:34px; height:34px; background-image:url('/wp-content/themes/watv/images/ui/ico_arrow_right.svg');  border-radius:var(--radius-circle); background-repeat:no-repeat; flex-shrink:0}
.ico-arrow-chevron{width:12px; height:12px; background-image:url('/wp-content/themes/watv/images/ui/ico_chevron_right.svg');  border-radius:var(--radius-circle); background-repeat:no-repeat; flex-shrink:0}
.ico-share{width:18px; height:18px; background-image:url('/wp-content/themes/watv/images/ui/ico_share.svg'); background-repeat:no-repeat}
.ico-share.dark{background-image:url('/wp-content/themes/watv/images/ui/ico_share_dark.svg')}
.ico-open{width:18px; height:18px; background-image:url('/wp-content/themes/watv/images/ui/ico_open_in_new_b.svg'); background-repeat:no-repeat}
.ico-open.dark{background-image:url('/wp-content/themes/watv/images/ui/ico_open_in_new_w.svg')}

/* nav-category ================================ */
.nav-category{width:100%; position:relative; display:flex; justify-content:flex-start}
.nav-category .cat-item:not(:first-child){margin:0}
.nav-category .category-menu .cat-item{padding:0 0 4px; line-height:1.6; box-shadow:none; word-break:keep-all; white-space:nowrap}
.nav-category .category-menu .cat-item:hover,
.nav-category .category-menu .cat-item.current-cat{color:var(--primary); border-bottom:2px solid var(--primary)}
.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; gap:var(--unit-2x)}
.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:40px; height:40px;  background:linear-gradient(to right, rgba(255, 255, 255, 0.00) 0%, #FFF 30%)}

.nav-category.secondary .category-menu::after{background:linear-gradient(to right,rgba(22,22,22,0) 0%,#161616 30%)}
.nav-category.secondary .category-menu .cat-item{color:var(--text-gray-light)}
.nav-category.secondary .category-menu .cat-item:hover,
.nav-category.secondary .category-menu .cat-item.current-cat{color:var(--secondary); border-bottom:2px solid var(--secondary)}
@media(min-width:500px){
  .nav-category .category-menu{padding-right:70px}
}
@media(min-width:768px){
}
@media(min-width:1070px){
  .nav-category .category-menu{flex-direction:inherit; overflow-x:inherit; flex-wrap:wrap; justify-content:center}
  .nav-category .category-menu::after{display:none}
}


/* Heading ================================ */
/* common */
.brow{font-size:14px; font-weight:500; text-transform:uppercase}
:is(.page-title, .section-title) .desc{font-size:var(--typo-paragraph-2); color:var(--text-gray); line-height:1.6}
.dark :is(.page-title, .section-title) .desc{color:var(--white-70)}

/* page-title */
.page-title *{max-width:var(--container-sm)}
.page-title.container-sm{margin-left:0; margin-right:0; padding-left:0; padding-right:0}
.page-title > *:not(:first-child){margin-top:12px}
.page-title .title:not([class*="display-"]){font-size:var(--typo-display-2); line-height:1.4}
.page-title .btn-filled{margin-top:var(--unit-3x)}
@media(min-width:1070px){
  .brow{font-size:16px; line-height:1.4}
  .page-title > *:not(:first-child){margin-top:var(--unit-2x)}
  .page-title.center *{margin-left:auto; margin-right:auto}
  .page-title .btn-filled{margin-top:var(--unit-4x)}
}

/* section-title */
.section-title.ta-center .btn-txt{width:100%; justify-content:center}
.section-title *{max-width:var(--container-sm)}
.section-title > *:not(:first-child){margin-top:12px}
.section-title .title{line-height:1.4}
.section-title .title:not([class*="display-"]){font-size:var(--typo-display-3)}
.section-title .btn-txt{margin-top:var(--unit-3x)}
@media(min-width:1070px){
  .section-title.center *{margin-left:auto; margin-right:auto; text-align:center}
  .section-title > *:not(:first-child){margin-top:var(--unit-2x)}
  .section-title .btn-txt{margin-top:var(--unit-4x)}
}


/* Pagination ================================ */
.pagination{display:flex; gap:var(--unit-05x)}
.pagination .page-numbers{display:flex; align-items:center; justify-content:center; border-radius:var(--radius-circle); font-size:var(--typo-paragraph-4); min-width:32px; height:32px; text-align:center; padding:4px}
.pagination:not([class^="color-"]) .page-numbers:not(.current){color:inherit}
.pagination .page-numbers.prev{padding-left:0; padding-right:12px; font-size:var(--typo-paragraph-4)}
.pagination .page-numbers.next{padding-left:12px; padding-right:12px; font-size:var(--typo-paragraph-4)}
.pagination .page-numbers.prev:hover,
.pagination .page-numbers.next:hover{background-color:inherit;}

/* Pagination dark */
.pagination.dark:not([class^="color-"]) .page-numbers:not(.current){color:var(--white-70)}
.pagination.dark .page-numbers.current{background-color:var(--white-100); color:var(--text-body)}

main.contents.dark .pagination:not([class^="color-"]) .page-numbers:not(.current){color:var(--white-70)}
main.contents.dark .pagination .page-numbers.current{background-color:var(--white-100); color:var(--text-body)}

@media(min-width:1070px){
  .pagination .page-numbers{width:44px; height:44px; padding:9px 16px; font-size:var(--typo-paragraph-1)}
}


/* List(card) ================================ */
/* Play time */
.play-time{font-size:var(--typo-paragraph-7); color:var(--white-40); display:flex; align-items:center; justify-items:center}
.play-time::before{content:''; background-image:url('/wp-content/themes/watv/images/ui/ico_play.svg'); display:inline-block; width:14px; height:14px;  background-repeat:no-repeat; background-size:10px 10px; background-position:left center}

@media(min-width:1070px){
  .play-time{font-size:var(--typo-paragraph-6)}
}

.lists{row-gap:var(--unit-3x)}
:is(.lists .category, .post-category) > div{display:inline-block}


/* Video Card - Main ================================ */
.lists.video{--spacing: 16px; --bs-gutter-x: var(--spacing); row-gap: var(--spacing)}
.lists.video .list-item a{display:block; transition:.3s ease;}
.lists.video .thum-img{padding-bottom:56%}
.lists.video .list-item .info{padding-top:var(--unit-1x)}
.lists.video .list-item .info .category{color:var(--secondary); font-size:var(--typo-paragraph-6)}
.lists.video .list-item .info .title{color:var(--white-80); font-size:var(--typo-paragraph-3); line-height:1.4; max-height:calc(1.4em * 2); overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.lists.video .list-item .info .desc{color:var(--white-60); font-weight:300; line-height:1.4; max-height:calc(1.4em * 2); overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.lists.video .list-item .info > *:not(:first-child){margin-top:var(--unit-1x)}

@media(min-width:768px){
  .lists.video{--spacing: 24px}
  .lists.video .list-item .info{padding-top:var(--unit-3x)}
  .lists.video{row-gap:var(--unit-5x)}
}

@media(min-width:1070px){
  .lists.video{--spacing: 32px}
  .lists.video .list-item.line a{border:1px solid var(--white-10)}
  .lists.video .list-item.line .info{padding:var(--unit-3x) var(--unit-3x); background:#222}
}

/* News Card - Main ================================ */
.list-item.main-news{width:100%; height:300px;}
.list-item.main-news .list-link{overflow:hidden; position:relative}
.list-overlay .list-link{display:flex; height:100%; z-index:1; position:relative;}
.list-item.main-news .thum{overflow:hidden; position:absolute; inset:0; width:100%; height:100%; z-index:0;}
.list-item.main-news .thum-img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; z-index:0;}
.list-overlay .thum::after{content:''; position:absolute; inset:0; width:100%; height:100%; background:linear-gradient(to top, rgba(0,0,0,1) 10%, rgba(0,0,0,0.6) 40%, rgba(0,0,0,0) 70%); z-index:1; opacity:0.8;}
.list-item.main-news .info{z-index:1; padding:24px; align-self:flex-end; width:100%;}
.list-item.main-news .info .title{color:var(--text-white); font-size:var(--typo-display-6); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.list-item.main-news .info .country{color:var(--white-70); font-size:var(--typo-paragraph-5);}
.list-item.main-news .info .btn-txt{display:none; align-self:flex-start; margin-top:16px;}
.list-item.main-news .info .desc{display:none;}

@media(min-width:768px){
  .list-item.main-news{height:500px}
  .list-overlay .list-link{position:relative}
  .list-item.main-news .info{padding:40px}
  .list-item.main-news .info > *{margin-top:10px}
  .list-item.main-news .info .desc,
  .list-item.main-news .info .country{display:block}
  .list-item.main-news .info .desc{color:var(--white-80); font-size:var(--typo-paragraph-3); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; line-height:1.4}
}
@media(min-width:1070px){
  .list-item.main-news{height:634px; width:100%}
  .list-item.main-news .info .btn-txt{display:inline-block}
}


/* News Card - Page ================================ */
.lists-news{row-gap:var(--unit-5x); margin-left:-16px; margin-right:-16px}
.lists-news .list-item{padding-left:16px; padding-right:16px}
.lists-news .list-item .list-link{display:flex; flex-direction:column}
.lists-news .list-item .thum{position:relative}
.lists-news .list-item .thum-img{height:100%; padding-bottom:0; object-fit:cover}

.lists-news .list-item:not(.empty):not(.recent):nth-child(9n+1) .thum,
.lists-news .list-item:not(.empty):not(.recent):nth-child(9n+6) .thum,
.lists-news .list-item:not(.empty):not(.recent):nth-child(9n+8) .thum{height:184px}

.lists-news .list-item:not(.empty):not(.recent):nth-child(9n+2) .thum,
.lists-news .list-item:not(.empty):not(.recent):nth-child(9n+4) .thum,
.lists-news .list-item:not(.empty):not(.recent):nth-child(9n+9) .thum{height:400px}

.lists-news .list-item:not(.empty):not(.recent):nth-child(9n+3) .thum,
.lists-news .list-item:not(.empty):not(.recent):nth-child(9n+5) .thum,
.lists-news .list-item:not(.empty):not(.recent):nth-child(9n+7) .thum{height:200px}

.lists-news .list-item .info{display:flex; flex-direction:column; margin-top:var(--unit-3x)}
.lists-news .list-item .info > *:not(:first-child){margin-top:var(--unit-075x)}
.lists-news .list-item .info .category{display:inline-block; width:fit-content; color:var(--primary); font-size:var(--typo-paragraph-4); line-height:1.4}
.lists-news .list-item .info .title{font-size:var(--typo-display-6); letter-spacing:-0.3px}
.lists-news .list-item .info .desc{color:var(--text-gray); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:var(--typo-paragraph-3); line-height:1.4}
.lists-news .list-item .info .meta{color:var(--text-gray-light); font-size:var(--typo-paragraph-5)}

.lists-news .list-item.recent .list-link{width:100%}


@media(min-width:768px){
  .lists-news .list-item:not(.empty):not(.recent):nth-child(9n+1) .thum,
  .lists-news .list-item:not(.empty):not(.recent):nth-child(9n+6) .thum,
  .lists-news .list-item:not(.empty):not(.recent):nth-child(9n+8) .thum{height:320px}

  .lists-news .list-item:not(.empty):not(.recent):nth-child(9n+2) .thum,
  .lists-news .list-item:not(.empty):not(.recent):nth-child(9n+4) .thum,
  .lists-news .list-item:not(.empty):not(.recent):nth-child(9n+9) .thum{height:500px}

  .lists-news .list-item:not(.empty):not(.recent):nth-child(9n+3) .thum,
  .lists-news .list-item:not(.empty):not(.recent):nth-child(9n+5) .thum,
  .lists-news .list-item:not(.empty):not(.recent):nth-child(9n+7) .thum{height:440px}
}

@media(min-width:1070px){
  .lists-news{row-gap:var(--unit-9x)}
  .lists-news .list-item .info .meta{margin-top:20px}
  .lists-news .list-item.recent .list-link{flex-direction:column-reverse}
  .lists-news .list-item.recent .info{margin-top:0; margin-bottom:40px}
  .lists-news .list-item.recent .info .category{padding:12px 14px; border:1px solid rgba(103, 25, 31, 0.2); border-radius:var(--radius-circle); margin-bottom:16px}
  .lists-news .list-item.recent .info .title{font-size:var(--typo-display-4)}
  .lists-news .list-item.recent .info .desc{margin-top:var(--unit-1x); font-size:var(--typo-paragraph-2); line-height:1.6}

  .lists-news .list-item:not(.empty):not(.recent):nth-child(9n+2) .thum,
  .lists-news .list-item:not(.empty):not(.recent):nth-child(9n+4) .thum,
  .lists-news .list-item:not(.empty):not(.recent):nth-child(9n+9) .thum{height:600px}
}

/* thum hover */
@media(min-width:1070px){
  .lists .list-item .thum{overflow:hidden}
  .lists .list-item .thum-img{transition:all 0.4s ease}
  .lists .list-item:hover .thum-img{transform:scale(1.05)}
}

/* Banner ================================ */
.page-banner{display:flex; flex-direction:column; width:100%; background:#3a2d22; color:var(--text-white)}
.page-banner .banner-text{padding:32px}
.page-banner .eyebrow{color:#b78a5d; font-size:var(--typo-paragraph-5); letter-spacing:0.2em}
.page-banner .title{margin-top:10px; font-size:var(--typo-display-3); line-height:1.4}
.page-banner .btn-txt{margin-top:var(--unit-3x)}
.page-banner .banner-img .img{height:280px; background-image:url('/wp-content/themes/watv/images/banner_award.jpg'); background-position:center; background-size:cover; background-repeat:no-repeat}
.banner-media{background-color:#21283E}
.banner-media .banner-img .img{background-image:url('/wp-content/themes/watv/images/banner_media.jpg')}

@media(min-width:768px){
  .page-banner{flex-direction:row; align-items:stretch; min-height:400px}
  .page-banner .banner-text{width:50%; height:600px; display:flex; justify-content:center; align-items:center}
  .page-banner .banner-text .inner{width:100%;; max-width:438px; display:flex; flex-direction:column; justify-content:center; align-items:flex-start}
  .page-banner .banner-img{width:50%; height:auto}
  .page-banner .banner-img .img{height:100%}
}

@media(min-width:1070px){
  .page-banner .banner-img{overflow:hidden}
  .page-banner .banner-img .img{transition:all 0.5s ease}
  .page-banner:hover .banner-img .img{transform:scale(1.05)}
}

@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){
  .page-banner .banner-img .img{background-image:url('/wp-content/themes/watv/images/banner_award@2x.jpg')}
  .banner-media .banner-img .img{background-image:url('/wp-content/themes/watv/images/banner_media@2x.jpg')}
}


/* Next Banner ================================ */
.next-banner{position:relative; display:block; width:100%; min-height:200px; color:var(--text-white); text-decoration:none; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover; transition:3s ease;}
.next-banner::after{content:''; position:absolute; top:0; right:0; bottom:0; left:0; background:linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(44,29,25,0.8) 50%, rgba(36,21,18,1) 100%); z-index:1}
.next-banner::before{content:''; position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,0.3); z-index:1; transition: all 0.3s ease;}
.next-banner .next-img{position:absolute; inset:0; z-index:0; background-position:center; background-repeat:no-repeat; background-size:cover; transition: all 0.3s ease;}
.next-banner .inner{position:relative; z-index:2; max-width:1400px; margin:0 auto; min-height:inherit; display:flex; align-items:center; justify-content:flex-end}
.next-banner-text{position:relative; padding:24px; text-align:left}
.next-banner-text .label{display:inline-flex; align-items: center; gap:6px; font-size:16px; color:var(--text-white); letter-spacing:-0.2px; opacity:0.8}
.next-banner-text .label::after{content:'→'; display:inline-block; transition:transform .4s cubic-bezier(.22,.61,.36,1)}
.next-banner-text .title{margin-top:var(--unit-1x); font-size:var(--typo-display-3)}
.next-banner-text .subtitle{margin-top:var(--unit-075x); font-size:var(--typo-paragraph-4); color:var(--white-70)}
@media(min-width:768px){
  .next-banner{min-height:420px}
  .next-banner::after{display:none}
  .next-banner-text{padding:48px 56px; background:rgba(36,21,18,0.9)}
  .next-banner-text .label{font-size:21px;}
}

/* Page - Next banner Img */
.next-page.greetings .next-img{background-image:url('/wp-content/themes/watv/images/next_greetings.jpg')}
.next-page.history .next-img{background-image:url('/wp-content/themes/watv/images/next_history.jpg')}
.next-page.organization .next-img{background-image:url('/wp-content/themes/watv/images/next_organ.jpg')}
.next-page.newsroom .next-img{background-image:url('/wp-content/themes/watv/images/next_newsroom.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){
  .next-page.greetings .next-img{background-image:url('/wp-content/themes/watv/images/next_greetings@2x.jpg')}
  .next-page.history .next-img{background-image:url('/wp-content/themes/watv/images/next_history@2x.jpg')}
  .next-page.organization .next-img{background-image:url('/wp-content/themes/watv/images/next_organ@2x.jpg')}
  .next-page.newsroom .next-img{background-image:url('/wp-content/themes/watv/images/next_newsroom@2x.jpg')}
}

/* hover */
@media (hover:hover) and (pointer:fine){
  .next-page:hover .next-banner::before{background-color:rgba(0,0,0,0.5)}
  .next-page:hover .next-img{transform: scale(1.03);}
  .next-banner:hover .label::after{transform:translateX(12px);}
}


/* Award Page - slide ================================ */
.award-carousel .owl-stage{display:flex}
.award-carousel .owl-item{display:flex}
.award-carousel .item{width:100%; height:100%; background:var(--bg-brown-1); border-radius:var(--radius-lg); padding:var(--unit-5x) var(--unit-3x); /*max-width:335px;*/ text-align:center}
.award-carousel .item .award-thumb{display:flex; justify-content:center}
.award-carousel .item .award-thumb img{width: auto; max-height:180px;}
.award-carousel .item .award-body{margin-top:32px}
.award-carousel .item .award-body > *:not(:first-child){margin-top:10px}
.award-carousel .item .award-body .title{font-size:var(--typo-display-6); line-height:1.47;font-weight:600}
.award-carousel .item .award-body .desc{color:var(--text-gray); font-size:var(--typo-paragraph-4); line-height:1.4}
.award-carousel .item .award-body .quote{color:#8A6846; font-size:var(--typo-paragraph-4); font-weight:400; line-height:1.6}
.award-carousel .item .award-body .name{font-weight:500; font-size:var(--typo-paragraph-5)}
.award-carousel .item .award-body .btns{margin-top:var(--unit-3x); display:flex; gap:var(--unit-1x); justify-content:center; flex-wrap:wrap}

.award-carousel.owl-theme .owl-nav.disabled+.owl-dots{margin-top:var(--unit-3x)}
.award-carousel.owl-theme .owl-dots{display:flex; justify-content:center; align-items:center; margin-top:22px}
.award-carousel.owl-theme .owl-dots .owl-dot span{margin:0; background:rgba(0,0,0,0.1)}
.award-carousel.owl-theme .owl-dots .owl-dot.active span{width:8px; background:var(--primary)}

@media(min-width:1070px){
  .award-carousel{max-width:var(--container-xxl); margin:0 auto; padding-left:var(--container-w-pd); padding-right:var(--container-w-pd);}
  .award-carousel .item{height:100%; padding:var(--padding-60)}
  .award-carousel .owl-stage{display:flex}
}