/*
Theme Name:WATV Theme
Author:watvdesign
Author URI:http://www.watv.org
Description:하나님의교회 세계복음선교협회 테마
Version:1.0.0.
*/

/* ----------------------------------------
root
---------------------------------------- */
/* Color */
:root{
  /* global */
  --color-gray-10:#FBFBFB;
  --color-gray-50:#F9F9F9;
  --color-gray-100:#F4F4F4;
  --color-gray-200:#F1F2F3;
  --color-gray-300:#EAEAEA;
  --color-gray-400:#D9D9D9;
  --color-gray-500:#C4C4C4;
  --color-gray-600:#9D9D9D;
  --color-gray-700:#7B7B7B;
  --color-gray-800:#222222;

  /* semantic */
  --smt-brand-a:#C39553;
  --smt-brand-b:#B47E34;
  --smt-brand-c:#c36a1f;
  --smt-brand-d:#483B32;
  --smt-brand-e:#AC6000;

  --smt-text-body:var(--color-gray-800);
  --smt-text-desc:var(--color-gray-700);
  --smt-text-sub:var(--color-gray-600);
  --smt-text-white:var(--white-100);
}

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

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


/* ----------------------------------------
common
---------------------------------------- */
*{word-break:keep-all; overflow-wrap:break-word}
*::before, *::after{background-repeat:no-repeat; background-position:center; background-size:100%}
section{padding-top:40px; padding-bottom:40px}
body, th, td, input, select, textarea, button, p{color:var(--smt-text-body)}

.btn{width:fit-content; min-width:130px; height:fit-content; padding:12px 20px; border-radius:0; font-size:14px; color:var(--white); transition:all 0.3s ease}
.btn:hover, .btn.line:hover{background-color:#FBFAF9}
.btn.brand-a{background-color:var(--smt-brand-a)}
.btn.brand-a:hover{background-color:#a98047}
.btn.brand-d{background-color:var(--smt-brand-d); font-weight:300}
.btn.brand-d:hover{background-color:#29211c}
.btn.line{background-color:var(--white); border:1px solid var(--black-10); color:var(--smt-text-body)}
.btn .ico-arrow-right, .btn .ico-arrow-left{width:8px}
.btn .ico-arrow-right::before, .btn .ico-arrow-left::before{margin:0; margin-left:-4px}
br{display:none}
.br-mobile{display:none}
.br-desktop{display:none}
.br-fix{display:block}
.blind{display:none}
.thumb-img{width:100%; height:auto; display:block; object-fit:cover}
.white-filter{filter:invert(100%) sepia(0%) saturate(5063%) hue-rotate(220deg) brightness(99%) contrast(119%)}

/* text */
.tx-mgt-4 > *:not(:first-child){margin-top:4px}
.tx-mgt-8 > *:not(:first-child){margin-top:8px}
.tx-mgt-12 > *:not(:first-child){margin-top:12px}
.tx-mgt-16 > *:not(:first-child){margin-top:16px}

/* ico */
.ico-search::before{content:''; background-image:url('./images/ui/ico_search.svg'); width:24px; height:24px; display:block; background-size:22px; font-family:none}
.ico-share::before{content:''; background-image:url('./images/ui/ico_share.svg'); width:16px; height:16px; display:block; background-size:15px}
.ico-play::before{content:''; background-image:url('./images/ui/ico_play.svg'); width:14px; height:14px; display:block; background-size:11px; filter:invert(67%) sepia(7%) saturate(4%) hue-rotate(314deg) brightness(94%) contrast(85%); margin:0}
.ico-view::before{content:''; background-image:url('./images/ui/ico_view.svg'); width:14px; height:14px; display:block; background-size:13px; filter:invert(73%) sepia(0%) saturate(2394%) hue-rotate(353deg) brightness(86%) contrast(89%); margin:0}


@media(min-width:768px){
  br{display:block}
}

@media(min-width:1070px){
  section{padding-top:80px; padding-bottom:80px}
  .btn{padding:12px 24px; font-size:16px}
  .br-mobile{display:none}
  .br-desktop{display:block}
  .tx-lgfix-mgt-8 > *:not(:first-child){margin-top:8px}
  .tx-lgfix-mgt-12 > *:not(:first-child){margin-top:12px}
  .tx-lgfix-mgt-16 > *:not(:first-child){margin-top:16px}
  .tx-lgfix-mgt-24 > *:not(:first-child){margin-top:24px}
}


/* ----------------------------------------
header
---------------------------------------- */
body.header-dark .site-logo .logo-light{display:none}
body.header-dark .site-logo .logo-dark{display:block}

/* 검색 활성 화 시 로고는 라이트 모드 */
body.header-dark.active-search-btn .logo-light{display:block!important}
body.header-dark.active-search-btn .logo-dark{display:none!important}

body.header-lift .contents{padding:0!important}

/* 기본:다크 모드 (스크롤 맨 위) */
body.header-dark #header.headroom--top .ico-search::before{filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(123deg) brightness(104%) contrast(103%)}
body.header-dark.active-search-btn #header.headroom--top .ico-search::before{filter:none}


.header.headroom--pinned.headroom--not-top .logo-light{display:block}
.header.headroom--pinned.headroom--not-top .logo-dark{display:none}
.header{top:0; left:0; right:0; z-index:2000; background-color:transparent; transition:background 0.3s ease}
.header .site-logo{height:100%}
.header .site-logo > a{height:100%; padding-top:12px; padding-bottom:12px; display:block}
.header .site-logo .logo-dark{display:none}
.header .site-logo-img{height:100%}
.header div[class^="menu-main-nav"] > .menu > .menu-item > .sub-menu{border-radius:0}
.header .secondary-nav .menu-item a{font-size:14px}
.header .nav-mobile-btn::before,
.header .nav-mobile-btn::after{height:2px!important}

@media(min-width:1070px){
  .header .site-logo > a{padding-top:20px; padding-bottom:20px}
  .header div[class^="menu-main-nav"] > .menu > .menu-item > .sub-menu{min-width:160px; margin-top:-16px}
}

/* search-bar */
.header .search-bar{background-color:#F6F3F0}
.header .search-bar .input{padding-left:12px; padding-right:12px; background-color:var(--white); border-radius:0; box-shadow:inset 0 0 0 1px #d9d9d9}
.header .search-bar .ico-search::before{filter:invert(53%) sepia(0%) saturate(0%) hue-rotate(177deg) brightness(91%) contrast(87%);
}
.header .search-bar .input:hover,
.header .search-bar .input:focus-within,
.header .search-bar .input.input-focus{box-shadow:inset 0 0 0 1px #d9d9d9}
.header .search-bar .input:focus-within{box-shadow:inset 0 0 0 1px #a59789}
.header .search-bar .input-field:focus{outline:none; box-shadow:none}
.header .search-bar .search-ui{position:relative}
.header .search-bar .search-ui::after{content:''; display:block; width:80px; height:80px; background-image:url('./images/ui/search_bag.png'); background-size:100%; background-repeat:no-repeat; position:absolute; bottom:-20px; right:0; opacity:0.3}
.header .search-bar .search-ui .input-field{padding:12px 0; font-size:16px}
.header .search-bar .search-ui .input-field:placeholder{color:var(--smt-text-desc)}
.header .search-bar .search-ui .input .input-left-addon{padding-right:0}
.header .search-bar .quick-link{margin-top:24px}
.header .search-bar .quick-link .quick-link-title{font-weight:500; color:var(--smt-brand-b)}
.header .search-bar .quick-link .quick-link-lists{margin-top:8px}

@media(min-width:1070px){
  .header .search-bar{padding-top:130px; padding-bottom:100px}
  .header .search-bar .input{padding-left:20px; padding-right:20px}
  .header .search-bar .search-ui::after{width:140px; height:140px; bottom:-40px; right:30px}
  .header .search-bar .search-ui .input-field{padding:16px 0; font-size:18px}
  .header .search-bar .quick-link{margin-top:32px}
}

/* ----------------------------------------
footer
---------------------------------------- */
.footer{background-color:#2F2D2B}
.footer .footer-menu .menu{display:flex; flex-direction:column}
.footer .footer-menu .menu .menu-item{padding-top:8px; padding-bottom:8px; font-size:14px; color:var(--white-90)}
.footer .footer-bottom{margin-top:24px}
.footer .footer-bottom .copy{margin-top:12px; font-size:13px; color:var(--white-40); word-break:keep-all}
.footer .logo-footer{width:90px; background-size:100%; opacity:0.6}
.footer .logo-footer a{display:block; height:100%}
.footer .sns-share{display:flex; gap:12px; margin-top:24px}
.footer .sns-share a{opacity:0.4}
.footer .btns{margin-top:24px; display:flex; gap:24px; align-items:center; justify-content:space-between; flex-wrap:wrap}
.footer .family-site{position:relative}
.footer .family-site .menu{display:none; padding-top:12px; padding-bottom:12px; flex-wrap:wrap; flex-direction:column; position:absolute; bottom:50px; background-color:#1D1D1D; z-index:10}
.footer .family-site .menu .menu-item{min-width:200px; max-width:240px; font-size:14px; color:var(--white-80)}
.footer .family-site .menu .menu-item a{display:block; padding:8px 16px}
.footer .btn-family{min-width:160px; height:50px; padding:0; display:flex; align-items:center; justify-content:space-between; font-size:13px; color:var(--white-90); border-bottom:1px solid var(--white-40)}
.footer .btn-family .ico::before{margin-left:16px; margin-right:0}
.footer .btn-share{width:50px; height:50px; display:flex; align-items:center; justify-content:center;background-color:var(--white-10)}
.footer .family-site.open .menu{display:flex}
.footer .family-site .btn-family .ico::before{transition:all 0.2s ease}
.footer .family-site.open .btn-family .ico::before{transform:rotate(45deg)}
.footer .scroll-top{backdrop-filter:blur(20px); border:1px solid rgba(0,0,0,0.1); border-radius:2px; right:16px; bottom:16px}

@media(min-width:1070px){
  .footer .footer-menu .menu{flex-direction:row; gap:32px}
  .footer .footer-menu .menu .menu-item{font-size:15px}
  .footer .logo-footer{width:100px}
  .footer .footer-bottom{margin-top:40px; display:flex; gap:40px}
  .footer .footer-bottom .footer-info{flex:1}
  .footer .footer-bottom .copy{margin-top:16px; font-size:14px}
  .footer .btns{margin-top:0; justify-content:flex-start}
  .footer .family-site .menu{padding-top:16px; padding-bottom:16px; right:0}
  .footer .family-site .menu .menu-item a{padding:8px 24px}
  .footer .scroll-top{width:40px; height:40px; right:24px; bottom:24px}
  .footer .scroll-top .ico{font-size:20px}
}


/* ----------------------------------------
page-head
---------------------------------------- */
.contents{padding-top:40px; padding-bottom:60px}
/* .contents .page-head{max-width:var(--container-sm);} */
.contents .page-head .page-title{font-size:24px; font-weight:600; position:relative; line-height:1.3}
.contents .page-head .desc{margin-top:8px; font-size:16px; color:var(--smt-text-desc); line-height:1.6}
.contents .page-head .page-title::before{content:''; width:24px; height:3px; margin-bottom:16px; display:block; background-color:var(--smt-brand-a); position:inherit}

@media(min-width:1070px){
  .contents{padding-top:80px; padding-bottom:120px}
  .contents .page-head{margin-left:auto; margin-right:auto; text-align:center}
  .contents .page-head .page-title{font-size:36px}
  .contents .page-head .desc{max-width:700px; margin-top:24px; margin-left:auto; margin-right:auto; font-size:17px; line-height:1.6}
  .contents .page-head .page-title::before{width:40px; height:3px; margin-bottom:24px; left:50%; transform:translateX(-50%)}
}


/* ----------------------------------------
section
---------------------------------------- */
.contents .section:first-child{padding-top:0}
.contents .section{padding-top:40px; padding-bottom:40px}
.contents .section > div > *:not(:first-child){margin-top:24px}
.contents .text-wrap > div > *:not(:first-child){margin-top:12px}
.contents .section-title{font-size:22px; font-weight:600; position:relative}
.contents .section-title.line::before{content:''; width:24px; height:3px; margin-bottom:12px; display:block; background-color:var(--smt-brand-a); position:inherit}
.contents .section-sub-title{font-size:17px; font-weight:600; color:var(--smt-text-body)}
.page-single .desc{font-size:16px; color:var(--smt-text-desc); line-height:1.6}
.contents .wp-block-image img{width:1200px}

@media(min-width:1070px){
  .contents .container-sm{max-width:780px}
  .contents .section{padding-top:80px; padding-bottom:80px}
  .contents .section > div > *:not(:first-child){margin-top:60px}
  .contents .text-wrap > div > *:not(:first-child){margin-top:24px}
  .contents .section-title{font-size:32px}
  .contents .section-title.line::before{width:40px; height:3px; margin-bottom:24px; left:50%; transform:translateX(-50%)}
  .contents .section-sub-title{font-size:20px}
  .contents .desc{font-size:17px}
  .page-single .desc{margin-left:auto; margin-right:auto}
}

/* ----------------------------------------
category-contents
---------------------------------------- */
.nav-category .category-wrap{width:100%; display:flex; gap:8px; margin-top:32px;  overflow-x:auto; white-space:nowrap; scrollbar-width:none; -webkit-overflow-scrolling:touch}
.nav-category .cat-item{display:inline-block; background-color:#F5F1ED; font-size:15px}
.nav-category .cat-item a{display:inline-block; padding:10px 16px}
.nav-category .cat-item.current-cat{background-color:var(--smt-brand-d); color:var(--white)}
.category-content .row{margin:32px -6px; row-gap:28px}
.category-content .list-item{padding-left:6px; padding-right:6px; padding-bottom:10px}
.category-content .list-item .thum-img{position:relative; padding-bottom:60%; overflow:hidden}
.category-content .list-item .thum-img img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:0.3s ease}
.category-content .list-item .thum-img::before{content:''; position:absolute; inset:0; border:1px solid rgba(0,0,0,0.05); z-index:2; pointer-events:none; will-change:opacity}
.category-content .list-item .thum-img .play-overlay{position:absolute; inset:0; background-color:rgba(0,0,0,0.5); z-index:100; opacity:0;; transition:background-color 0.3s ease; pointer-events:none}
.category-content .list-item .info{margin-top:12px}
.category-content .list-item .info-item{display:flex; align-items:center; gap:4px; font-size:13px; color:var(--smt-text-sub); line-height:1.2}
.category-content .list-item .info .post-title{font-size:15px; font-weight:500; line-height:1.3}

@media(max-width:767px){
  .nav-category .category-wrap{max-width:700px; margin-left:0; margin-right:0; padding-left:5%; padding-right:5%;}
  .category-content .row{margin:32px -6px; row-gap:28px}
}

@media(min-width:768px){
  .category-content .row{margin-left:-10px; margin-right:-10px}
  .category-content .list-item{padding-left:10px; padding-right:10px}
  .category-content .list-item .info{margin-top:16px}
  .category-content .list-item .info .post-title{font-size:16px}
}

@media(min-width:1070px){
  .nav-category .category-wrap{width:100%; max-width:1280px; margin-top:60px; margin-left:auto; margin-right:auto; padding-left:40px; padding-right:40px; justify-content:center}
  .nav-category .cat-item{font-size:17px}
  .category-content .row{margin:60px 0; row-gap:28px}
  .category-content .list-item:hover .thum-img .play-overlay{opacity:1}
  .category-content .list-item .thum-img .play-overlay::after{content:''; position:absolute; top:50%; left:50%; width:48px; height:48px; margin-top:-24px; margin-left:-24px; border-radius:50%; display:block; background:rgba(255,255,255,0.25) url('./images/ui/ico_play_wh.svg') no-repeat center center; background-position:calc(50% + 2px) center; background-size:14px; backdrop-filter:blur(6px); z-index:2; opacity:0; pointer-events:none}
  .category-content .list-item:hover .thum-img img{transform:scale(1.05)}
  .category-content .list-item:hover .thum-img .play-overlay::after{opacity:1}
}


/* ----------------------------------------
pagination
---------------------------------------- */
.pagination{display:flex; justify-content:center; gap:4px}
.pagination .page-numbers{border-radius:2px}
.pagination .page-numbers:hover{background-color:#f5f5f3}
.pagination .page-numbers.current{background-color:var(--smt-brand-d)}


/* ----------------------------------------
episode-banner
---------------------------------------- */
.episode-banner{margin-top:60px; padding:56px 40px; background-image:linear-gradient(0deg, rgba(255, 247, 241, 0.70) 0%, rgba(255, 247, 241, 0.70) 100%), url('./images/ui/banner_episode.jpg'); background-size:cover; background-position:center; background-repeat:no-repeat}
.episode-banner > *:not(:first-child){margin-top:12px}
.episode-banner .banner-title{font-size:22px; font-weight:600}
.episode-banner .banner-desc{color:var(--smt-text-desc)}
.episode-banner .btn{margin-top:20px}

@media(min-width:1070px){
  .episode-banner{margin-top:100px; padding:100px}
  .episode-banner > *:not(:first-child){margin-top:16px}
  .episode-banner .banner-title{font-size:32px}
  .episode-banner .banner-desc{font-size:18px}
  .episode-banner .btn{margin-top:24px}
}


/* ----------------------------------------
next-page
---------------------------------------- */
.next-page{padding:0; display:flex; align-items:center; position:relative; overflow:hidden}
.next-page .next-link{width:100%; min-height:220px; padding:40px; display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; z-index:10; text-align:center}
.next-page .next{margin-bottom:4px; font-size:15px; font-weight:500; color:var(--smt-brand-a)}
.next-page .page-title{font-size:28px; color:var(--white)}
.next-page .next-img{height:100%; position:absolute; inset:0; overflow:hidden; z-index:1; display:flex; justify-content:center; align-items:center; transition:all 0.3s ease}
.next-page .next-img .thum{width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover}
.next-page .next-img::after{content:''; position:absolute; inset:0; background:linear-gradient(rgba(0,0,0,0.7)); z-index:2}
.next-page:hover .next-img{transform:scale(1.05)}

@media(min-width:1070px){
  .next-page .next-link{min-height:320px}
  .next-page .next{font-size:18px; gap:30px}
  .next-page .next .css-arrow-tail.arrow-long{height:60px}
  .next-page .page-title{font-size:36px}
}

.next-page.introduction .next-img .thum{background-image:url('./images/ui/next_intro.jpg')}
.next-page.addition .next-img .thum{background-image:url('./images/ui/next_addition.jpg')}
.next-page.guide .next-img .thum{background-image:url('./images/ui/next_guide.jpg')}
.next-page.faq .next-img .thum{background-image:url('./images/ui/next_faq.jpg')}
.next-page.dad-run .next-img .thum{background-image:url('./images/ui/next_webtoon.jpg')}
.next-page.video .next-img .thum{background-image:url('./images/ui/next_video.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.introduction .next-img .thum{background-image:url('./images/ui/next_intro@2x.jpg')}
  .next-page.addition .next-img .thum{background-image:url('./images/ui/next_addition@2x.jpg')}
  .next-page.guide .next-img .thum{background-image:url('./images/ui/next_guide@2x.jpg')}
  .next-page.faq .next-img .thum{background-image:url('./images/ui/next_faq@2x.jpg')}
  .next-page.dad-run .next-img .thum{background-image:url('./images/ui/next_webtoon@2x.jpg')}
  .next-page.video .next-img .thum{background-image:url('./images/ui/next_video@2x.jpg')}
}


/* ----------------------------------------
Modal share
---------------------------------------- */
.modal-share{position:fixed; display:flex; display:none; justify-content:center; align-items:center; top:0; right:0; bottom:0; left:0; z-index:10000; background-color:rgba(0,0,0,0.5)}
.modal-share.on{display:flex; max-width:100%}
.modal-contents{width:300px; border-radius:14px; padding:20px 20px 15px 20px; background-color:var(--white); z-index:101; position:relative}
.modal-header{display:flex; justify-content:space-between; align-items:center; margin-bottom:15px}
.modal-title{font-size:18px; font-weight:500; color:var(--smt-text-body)}
.modal-close{display:inline-block; width:15px; height:15px; background-image:url('./images/sns/ico_share_close.svg'); background-size:100%; background-repeat:no-repeat; cursor:pointer}
.modal-share .sns-share .addtoany_shortcode{display:inline}
.modal-share .sns-share .addtoany_shortcode .addtoany_list{display:flex; flex-wrap:wrap; line-height:20px!important}
.modal-share .sns-share .addtoany_shortcode .addtoany_list a,
.modal-share .sns-share .kakaotalk{display:flex; flex-direction:column; align-items:center; width:25%; height:auto; padding-bottom:10px; margin:0 !important; opacity:1; overflow:hidden; position:relative; background-image:inherit}
.modal-share .sns-share .addtoany_shortcode .addtoany_list a::before,
.modal-share .sns-share .kakaotalk::before{content:''; position:relative; display:block; width:40px; height:40px; border-radius:14px; top:0; right:0; bottom:0; left:0; background-position:center; background-repeat:no-repeat; box-shadow:0px 0px 0px 1px rgb(0 0 0 / 7%) inset}
.modal-share .sns-share .addtoany_shortcode .addtoany_list a.a2a_button_facebook::before {background-color:#3F5594; background-image:url('./images/sns/ico_share_facebook.svg')}
.modal-share .sns-share .addtoany_shortcode .addtoany_list a.a2a_button_twitter::before  {background-color:#1B97F0; background-image:url('./images/sns/ico_share_twitter.svg')}
.modal-share .sns-share .addtoany_shortcode .addtoany_list a.a2a_button_email::before    {background-color:#7D7D7D; background-image:url('./images/sns/ico_share_mail.svg')}
.modal-share .sns-share .addtoany_shortcode .addtoany_list a.a2a_button_line::before     {background-color:#21CD5B; background-image:url('./images/sns/ico_share_line.svg')}
.modal-share .sns-share .addtoany_shortcode .addtoany_list a.a2a_button_kakao::before    {background-color:#FDBF00; background-image:url('./images/sns/ico_share_story.svg')}
.modal-share .sns-share .addtoany_shortcode .addtoany_list a.a2a_button_sms::before      {background-color:#4F67ED; background-image:url('./images/sns/ico_share_sms.svg')}
.modal-share .sns-share .addtoany_shortcode .addtoany_list a.a2a_button_copy_link::before{background-color:#FFFFFF; background-image:url('./images/sns/ico_share_link.svg')}
.modal-share .sns-share .addtoany_shortcode .addtoany_list a.a2a_button_x::before{background-color:#000000; background-image:url('./images/sns/ico_share_x.svg')}
.modal-share .sns-share .kakaotalk::before{background-color:#FFE300; background-image:url('./images/sns/ico_share_kakaotalk.svg')}
.modal-share .sns-share .addtoany_shortcode .addtoany_list > a:after,
.modal-share .sns-share .kakaotalk:after{content:attr(title); position:relative; display:block; text-align:center; font-size:11px; font-weight:500; color:var(--text-body); margin-top:2px}
.modal-share .sns-share .addtoany_shortcode .addtoany_list a::before,
.modal-share .sns-share .kakaotalk::before{background-size:24px 24px}


/* ----------------------------------------
search
---------------------------------------- */
.search .search-wrap{max-width:980px; min-height:480px}
.search .input{border-radius:0; background-color:var(--white)}
.search .input button{background-color:transparent}
.search .input .input-field{padding:12px 16px}
.search .input:hover,
.search .input:focus-within,
.search .input.input-focus{box-shadow:inset 0 0 0 1px #d9d9d9}
.search .input:focus-within{box-shadow:inset 0 0 0 1px #a59789}
.search .search-state{font-weight:500}
.search .search-state strong{color:var(--smt-brand-b)}

@media(min-width:1070px){
  .search .search-wrap{min-height:800px}
  .search .input .input-field{padding:16px 20px}
  .search .search-state{margin-top:40px; font-size:19px}
}

/* search-list */
.search-results .lists .info > *:not(:first-child){margin-top:6px}
.search-list .list-item{cursor:pointer}
.search-list .list-item .list-link{padding-top:16px; padding-bottom:16px; border:none}
.search-list .list-item .post-category{font-size:14px; color:var(--smt-brand-b)}
.search-list .list-item .post-title{font-size:16px; font-weight:500}
.search-list .list-item .post-excerpt{font-size:14px}
.search-list .list-item .thum-img{position:relative; padding-bottom:60%; border-radius:0; overflow:hidden}
.search-list .list-item .thum-img img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:0.3s ease}
.search-list .list-item .thum-img::before{content:''; position:absolute; inset:0; border:1px solid rgba(0,0,0,0.05); z-index:1}
.search-list .list-item:hover .thum-img img{transform:scale(1.05)}

@media(min-width:1070px){
  .search-results .lists .info > *:not(:first-child){margin-top:8px}
  .search-list .list-item .post-title{font-size:18px}
  .search-list .list-item .post-excerpt{font-size:16px}
}

/* no-result */
.search .no-result .result-title{font-size:18px; font-weight:600}
.search .no-result .result-title::before{content:''; background-image:url('./images/ui/search_none.png'); width:100px; height:100px; display:block; margin-bottom:20px}
.search .no-result ul{margin-top:8px}
.search .no-result ul li{margin-bottom:4px; font-size:15px; color:var(--smt-text-desc); display:flex; gap:8px; line-height:1.4}
.search .no-result ul li::before{content:''; display:inline-block; width:4px; height:4px; background-color:var(--smt-text-desc); border-radius:999px; flex-shrink:0; margin-top:8px}

@media(min-width:1070px){
  .search .no-result .result-title{font-size:20px}
}


/* ----------------------------------------
404
---------------------------------------- */
.error404{background-color:#F5F1ED}
.error{padding-top:60px; padding-bottom:120px}
.error section{display:flex; flex-direction:column; align-items:center; justify-content:center}
.error .heading{font-size:24px; font-weight:600}
.error .heading::before{content:''; background-image:url('./images/ui/ico_404.gif'); width:100px; height:100px; display:block; margin:0 auto 16px}
.error .desc{font-size:16px}
.error .btns{display:flex; gap:8px; justify-content:center; flex-wrap:wrap}
.error .btns .btn-home{background-color:var(--white); color:var(--smt-text-body)}

@media(min-width:1070px){
  .error{padding-top:160px; padding-bottom:320px}
  .error .heading{font-size:32px}
  .error .heading::before{width:140px; height:140px}
  .error .desc{font-size:18px}
}