/* ================== 서브메뉴시작 ================== */
.page-top-nav{width:100%; height:52px; min-width:1024px; z-index:1;  position:sticky; position:-webkit-sticky}

@media only screen and (min-width:768px) {
.page-top-nav > div{position:relative; margin:0 auto; max-width:100%; padding:0}
.page-top-nav .row{width:var(--container-sm); padding-left:var(--container-w-pd); padding-right:var(--container-w-pd)}
/* .page-sub-nav nav ul li a:hover{text-decoration:underline} */
}
@media only screen and (min-width:1070px) {
  .page-top-nav .row{width:100%}
}

@media only screen and (max-width:1044px) {
  .page-top-nav {min-width:320px}
}
@media only screen and (max-width:767px) {
  .page-top-nav {height:48px}
}

.topnav-play {display:none}
.page-top {position:absolute; top:0; left:0; width:100%; height:auto; min-height:100%; margin:0 auto; z-index:1}
.justify-content-between {margin:0 auto; max-width:1200px; padding:0 22px; position:relative; z-index:2; padding-left:calc(22px + constant(safe-area-inset-left)); padding-right:calc(22px + constant(safe-area-inset-right))}
@supports (padding:calc(max(0px))) {
  .justify-content-between {padding-left:calc(max(22px, env(safe-area-inset-left))); padding-right:calc(max(22px, env(safe-area-inset-right)))}
}
@media only screen and (max-width:1023px) {
  .justify-content-between {border-bottom:none}
}
@media only screen and (max-width:1069px) {
  .justify-content-between {padding:0; width:90%; margin:0 auto !important}
}

.localnav-curtain {background:rgba(0,0,0,0.4); opacity:0; position:fixed; top:0; left:0; width:0; height:0; z-index:99; -webkit-transition:opacity 0.2s ease; transition:opacity 0.2s ease}
@media only screen and (max-width:1069px) {
  .localnav-curtain {-webkit-transition:opacity 1s ease 0.2s,width 0s ease 1.2s,height 0s ease 1.2s; transition:opacity 1s ease 0.2s,width 0s ease 1.2s,height 0s ease 1.2s}
}

.topnav-play:checked ~ .localnav-curtain,.topnav-play:target ~ .localnav-curtain {-webkit-transition:opacity 1s ease 0.1s; transition:opacity 1s ease 0.1s}
@media only screen and (max-width:1069px) {
  .topnav-play:checked ~ .localnav-curtain,.topnav-play:target ~ .localnav-curtain {opacity:1; right:0; bottom:0; width:100%; height:100%}
}

.topnav-actions {float:left}
.topnav-action {margin-left:24px; float:left}
@media only screen and (max-width:1069px){
  .topnav-actions{right:var(--container-w-pd); padding:0; position:absolute; top:0; z-index:1; padding-right:calc(22px + constant(safe-area-inset-right))}
  /* @supports (padding:calc(max(0px))) {
    .topnav-actions {padding-right:calc(max(22px, env(safe-area-inset-right)))}
  } */
  .topnav-action {line-height:56px}
  .topnav-actions-center {left:50%}
  .topnav-actions-center .topnav-action-menucta {margin-left:-20px; left:0; position:absolute; z-index:1}
  .topnav-action-button,.topnav-action-violator {margin-left:35px; float:right}
}
@media only screen and (max-width:767px){
  .topnav-actions{right:0}
}

.topnav-action-product {position:absolute; clip:rect(1px 1px 1px 1px); clip:rect(1px, 1px, 1px, 1px); -webkit-clip-path:inset(0px 0px 99.9% 99.9%); clip-path:inset(0px 0px 99.9% 99.9%); overflow:hidden; height:1px; width:1px; padding:0; border:0; top:auto; left:auto}
.topnav-action-menucta {position:relative; z-index:1; display:none}
@media only screen and (max-width:1069px) {
  .topnav-action-menucta {float:left; display:block}
}

.page-top-background {position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; -webkit-transition:background-color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1); transition:background-color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1)}
@media only screen and (max-width:1069px) {
  .page-top-background {min-height:48px; -webkit-transition:background-color 0.5s ease 0.7s; transition:background-color 0.5s ease 0.7s}
}



.localnav-scrim.localnav.localnav-noblur .page-top-background {-webkit-backdrop-filter:initial; backdrop-filter:initial; background-color:rgba(255,255,255,0.9)}
.topnav-play:checked ~ .page-top-nav .page-top-background,
.topnav-play:target ~ .page-top-nav .page-top-background {background-color:#fff; max-height:none; -webkit-transition:background-color 0.5s ease; transition:background-color 0.5s ease; -webkit-transition-property:background-color, -webkit-backdrop-filter; transition-property:background-color, -webkit-backdrop-filter; transition-property:background-color, backdrop-filter; transition-property:background-color, backdrop-filter, -webkit-backdrop-filter}
.topnav-play:checked ~ .page-top-nav .page-top-background:after,
.topnav-play:target ~ .page-top-nav .page-top-background:after {background-color:rgba(51,51,51,0.1)}

@supports ((-webkit-backdrop-filter:initial) or (backdrop-filter:initial)) {
  .topnav-play:checked ~ .page-top-nav .page-top-background,
  .topnav-play:target ~ .page-top-nav .page-top-background {-webkit-backdrop-filter:saturate(180%) blur(20px); backdrop-filter:saturate(180%) blur(20px); background-color:rgba(255,255,255,0.9)}
}

.topnav-play:checked ~ .localnav.localnav-noblur .page-top-background,.topnav-play:target ~ .localnav.localnav-noblur .page-top-background {-webkit-backdrop-filter:initial; backdrop-filter:initial; background-color:#fff}
.page-top-background:after {margin-left:-490px; left:50%; content:""; display:block; position:absolute; top:100%; width:980px; height:1px; z-index:1}
@media only screen and (max-width:1023px) {
  .page-top-background:after {margin-left:0; left:0; width:100%}
}

.topnav-play:checked ~ .page-top-nav .page-top-background:after,.topnav-play:target ~ .page-top-nav .page-top-background:after {margin-left:0; left:0; width:100%}
.page-sub-nav{font-size:12px; font-weight:400; letter-spacing:0em; width:auto; line-height:40px; margin-top:0; display:flex; align-items:center}
@media only screen and (max-width:1069px) {
  .page-title-parent h3{font-size:17px}
  .page-sub-nav{font-size:14px; line-height:1.5; font-weight:400; letter-spacing:-.01em; padding-top:0; width:100%}
}
@media only screen and (max-width:1069px) {
  .page-sub-nav nav {float:none; overflow:hidden; pointer-events:none; visibility:hidden; width:100%; max-height:0; -webkit-transition:max-height 0.5s cubic-bezier(0.28, 0.11, 0.32, 1) 0.4s,visibility 0s linear 1s; transition:max-height 0.5s cubic-bezier(0.28, 0.11, 0.32, 1) 0.4s,visibility 0s linear 1s}
  .topnav-play:checked ~ .page-top-nav nav,.topnav-play:target ~ .page-top-nav nav {max-height:400px; max-height:calc(100vh - 48px - 48px); overflow-y:auto; -webkit-overflow-scrolling:touch; pointer-events:auto; visibility:visible; -webkit-transition-delay:0.2s, 0s; transition-delay:0.2s, 0s}
}
@media only screen and (max-width:1069px) and (orientation:landscape) {
  .topnav-play:checked ~ .page-top-nav nav,.topnav-play:target ~ .page-top-nav nav {max-height:280px; max-height:calc(100vh - 48px - 48px)}
}
@media only screen and (max-width:1069px) {
  .topnav-play:checked ~ .localnav.localnav-opening .page-sub-nav nav,.topnav-play:target ~ .localnav.localnav-opening .page-sub-nav nav {overflow-y:hidden}
}
@media only screen and (max-width:1069px) {
  .page-sub-nav nav ul {opacity:0; padding:10px 16px 28px 16px; -webkit-transform:translate3d(0, -150px, 0); transform:translate3d(0, -150px, 0); -webkit-transition:opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s,-webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s; transition:opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s,-webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s; transition:transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s,opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s; transition:transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s,opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s,-webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s}
  .topnav-play:checked ~ .page-top-nav nav ul,.topnav-play:target ~ .page-top-nav nav ul {opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); -webkit-transition-delay:0.2s, 0.4s; transition-delay:0.2s, 0.4s}
}

.page-sub-nav nav ul li {margin-left:24px; float:left; list-style:none}
@media only screen and (max-width:1069px) {
  .page-sub-nav nav ul li a{color:#333!important}
  .page-sub-nav nav ul li {margin-left:0; display:inline-block; float:none; width:100%; height:42px}
  .page-sub-nav nav ul li:first-child a {border-top:0}
  .page-sub-nav nav ul li:nth-child(1) a {-webkit-transition-delay:0.07s; transition-delay:0.07s}
  .page-sub-nav nav ul li:nth-child(2) a {-webkit-transition-delay:0.14s; transition-delay:0.14s}
  .page-sub-nav nav ul li:nth-child(3) a {-webkit-transition-delay:0.21s; transition-delay:0.21s}
  .page-sub-nav nav ul li:nth-child(4) a {-webkit-transition-delay:0.28s; transition-delay:0.28s}
  .page-sub-nav nav ul li:nth-child(5) a {-webkit-transition-delay:0.35s; transition-delay:0.35s}
  .page-sub-nav nav ul li:nth-child(6) a {-webkit-transition-delay:0.42s; transition-delay:0.42s}
  .page-sub-nav nav ul li:nth-child(7) a {-webkit-transition-delay:0.49s; transition-delay:0.49s}
  .page-sub-nav nav ul li:nth-child(8) a {-webkit-transition-delay:0.56s; transition-delay:0.56s}
  .page-sub-nav nav ul li:nth-child(9) a {-webkit-transition-delay:0.64s; transition-delay:0.64s}
  .page-sub-nav nav ul li:nth-child(10) a {-webkit-transition-delay:0.70s; transition-delay:0.70s}
  .page-sub-nav nav ul li:nth-child(11) a {-webkit-transition-delay:0.77s; transition-delay:0.77s}
  .page-sub-nav nav ul li:nth-child(12) a {-webkit-transition-delay:0.83s; transition-delay:0.83s}
  .topnav-play:checked ~ .page-top-nav nav ul li:nth-child(1) a,.topnav-play:target ~ .page-top-nav nav ul li:nth-child(1) a {-webkit-transition-delay:0.90s; transition-delay:0.90s}
  .topnav-play:checked ~ .page-top-nav nav ul li:nth-child(2) a,.topnav-play:target ~ .page-top-nav nav ul li:nth-child(2) a {-webkit-transition-delay:0.83s; transition-delay:0.83s}
  .topnav-play:checked ~ .page-top-nav nav ul li:nth-child(3) a,.topnav-play:target ~ .page-top-nav nav ul li:nth-child(3) a {-webkit-transition-delay:0.75s; transition-delay:0.75s}
  .topnav-play:checked ~ .page-top-nav nav ul li:nth-child(4) a,.topnav-play:target ~ .page-top-nav nav ul li:nth-child(4) a {-webkit-transition-delay:0.68s; transition-delay:0.68s}
  .topnav-play:checked ~ .page-top-nav nav ul li:nth-child(5) a,.topnav-play:target ~ .page-top-nav nav ul li:nth-child(5) a {-webkit-transition-delay:0.61s; transition-delay:0.61s}
  .topnav-play:checked ~ .page-top-nav nav ul li:nth-child(6) a,.topnav-play:target ~ .page-top-nav nav ul li:nth-child(6) a {-webkit-transition-delay:0.56s; transition-delay:0.56s}
  .topnav-play:checked ~ .page-top-nav nav ul li:nth-child(7) a,.topnav-play:target ~ .page-top-nav nav ul li:nth-child(7) a {-webkit-transition-delay:0.49s; transition-delay:0.49s}
  .topnav-play:checked ~ .page-top-nav nav ul li:nth-child(8) a,.topnav-play:target ~ .page-top-nav nav ul li:nth-child(8) a {-webkit-transition-delay:0.42s; transition-delay:0.42s}
  .topnav-play:checked ~ .page-top-nav nav ul li:nth-child(9) a,.topnav-play:target ~ .page-top-nav nav ul li:nth-child(9) a {-webkit-transition-delay:0.35s; transition-delay:0.35s}
  .topnav-play:checked ~ .page-top-nav nav ul li:nth-child(10) a,.topnav-play:target ~ .page-top-nav nav ul li:nth-child(10) a {-webkit-transition-delay:0.28s; transition-delay:0.28s}
  .topnav-play:checked ~ .page-top-nav nav ul li:nth-child(11) a,.topnav-play:target ~ .page-top-nav nav ul li:nth-child(11) a {-webkit-transition-delay:0.21s; transition-delay:0.21s}
  .topnav-play:checked ~ .page-top-nav nav ul li:nth-child(12) a,.topnav-play:target ~ .page-top-nav nav ul li:nth-child(12) a {-webkit-transition-delay:0.14s; transition-delay:0.14s}
}

.page-sub-nav nav ul li a{color:#333; display:inline-block; line-height:22px; white-space:nowrap; font-size:12px}
@media only screen and (max-width:1069px) {
  .page-sub-nav nav ul li a {border-top:1px solid rgba(214,214,214,0.5); display:block; line-height:42px; opacity:0; -webkit-transform:translate3d(0, -25px, 0); transform:translate3d(0, -25px, 0); -webkit-transition:0.5s ease; transition:0.5s ease; -webkit-transition-property:opacity, -webkit-transform; transition-property:opacity, -webkit-transform; transition-property:transform, opacity; transition-property:transform, opacity, -webkit-transform}
  .topnav-play:checked ~ .page-top-nav nav ul li a,.topnav-play:target ~ .page-top-nav nav ul li a {color:#333 !important; opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0)}
  .topnav-play:checked ~ .page-top-nav h3 a,.topnav-play:target ~ .page-top-nav h3 a{color:#333 !important; -webkit-transition:0.5s ease; transition:0.5s ease}
  .topnav-play:checked ~ .page-top-nav nav ul li.current_page_item a, .topnav-play:target ~ .page-top-nav nav ul li.current_page_item a{color: #33333380 !important}
}

.localnav-menucta {margin-right:-11px; cursor:pointer; display:block; overflow:hidden; width:40px; height:48px; -webkit-tap-highlight-color:transparent}
.topnav-action-ico {display:block;position:relative;width:100%;height:100%;z-index:1;-webkit-transition:-webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1),
-webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);transition:-webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1),
-webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);transition:transform 1s cubic-bezier(0.86, 0, 0.07, 1),
transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);transition:transform 1s cubic-bezier(0.86, 0, 0.07, 1),
transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1),
-webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1),
-webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1),
-ms-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);-webkit-transform:translateY(16%);-ms-transform:translateY(16%);transform:translateY(16%)}
.topnav-action-ico::before,
.topnav-action-ico::after {content:"";display:block;position:absolute;top:40%;width:12px;height:1px;z-index:1;-webkit-transition:-webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1),
-webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);transition:-webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1),
-webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);transition:transform 1s cubic-bezier(0.86, 0, 0.07, 1),
transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);transition:transform 1s cubic-bezier(0.86, 0, 0.07, 1),
transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1),
-webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1),
-webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1),
-ms-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1)}
.topnav-action-ico::before {right:50%}
.topnav-action-ico::after {left:50%}
.topnav-action-ico::before,.topnav-action-ico::after {background:#333}
.dark .topnav-action-ico::before,.dark .topnav-action-ico::after {background:#fff}
.topnav-action-ico::before {-webkit-transform-origin:100% 100%; -ms-transform-origin:100% 100%; transform-origin:100% 100%; -webkit-transform:rotate(40deg) scaleY(1.5); -ms-transform:rotate(40deg) scaleY(1.5); transform:rotate(40deg) scaleY(1.5)}
.topnav-action-ico::after {-webkit-transform-origin:0% 100%; -ms-transform-origin:0% 100%; transform-origin:0% 100%; -webkit-transform:rotate(-40deg) scaleY(1.5); -ms-transform:rotate(-40deg) scaleY(1.5); transform:rotate(-40deg) scaleY(1.5)}
.topnav-play:checked ~ .page-top-nav .topnav-action-ico,.topnav-play:target ~ .page-top-nav .topnav-action-ico {-webkit-transform:translateY(0%); -ms-transform:translateY(0%); transform:translateY(0%)}
.topnav-play:checked ~ .page-top-nav .topnav-action-ico::before,.topnav-play:target ~ .page-top-nav .topnav-action-ico::before {background:#333; -webkit-transform-origin:100% 0%; -ms-transform-origin:100% 0%; transform-origin:100% 0%; -webkit-transform:rotate(-40deg) scaleY(1.5); -ms-transform:rotate(-40deg) scaleY(1.5); transform:rotate(-40deg) scaleY(1.5)}
.topnav-play:checked ~ .page-top-nav .topnav-action-ico::after,.topnav-play:target ~ .page-top-nav .topnav-action-ico::after {background:#333; -webkit-transform-origin:0% 0%; -ms-transform-origin:0% 0%; transform-origin:0% 0%; -webkit-transform:rotate(40deg) scaleY(1.5); -ms-transform:rotate(40deg) scaleY(1.5); transform:rotate(40deg) scaleY(1.5)}

.page-title-parent{font-size:24px; line-height:2.125; letter-spacing:-0.2px; font-weight:500; cursor:default; width:auto; margin:0; padding:0; height:52px; white-space:nowrap}
.page-title-parent h3{display:inline-block; line-height:1; margin:0; text-decoration:none; white-space:nowrap; vertical-align:middle; font-size:17px; font-weight:600}
.page-title-parent, .page-title-parent h3{color:#111; -webkit-transition:color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1); transition:color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1)}
@media only screen and (max-width:1069px) {
  .page-title-parent {font-size:20px; line-height:2; font-weight:500; display:inline-block; line-height:48px; height:48px}
}

@media(min-width:1070px){
  body:not(.parent-pageid-1824) .page-top{max-width:100%; position:relative; padding:0}
  body:not(.parent-pageid-1824) .page-top .row{flex-wrap:nowrap; margin:0 auto; padding-left:var(--container-w-pd); padding-right:var(--container-w-pd)}
  body:not(.parent-pageid-1824) .page-sub-nav nav {margin-left:20px; padding:9px 0}
  body:not(.parent-pageid-1824) .page-sub-nav nav ul{display:flex; flex-direction:row; flex-wrap:wrap}
  body:not(.parent-pageid-1824) .page-sub-nav nav ul li{margin-left:15px; line-height:0; float:none}
  body:not(.parent-pageid-1824) .page-sub-nav nav ul li a{position:relative}
  body:not(.parent-pageid-1824) .page-sub-nav nav ul li.current_page_item a::after{content:''; display:inline-block; width:100%; height:1px; background-color:#333; position:absolute; bottom:0; left:0}
  body:not(.parent-pageid-1824) .page-sub-nav nav ul li a:hover::after{content:''; display:inline-block; width:100%; height:1px; background-color:#333; position:absolute; bottom:0; left:0}
  body:not(.parent-pageid-1824) .dark .page-sub-nav nav ul li.current_page_item a::after{background-color:#fff;}
  body:not(.parent-pageid-1824) .topnav-actions{display:none}
  body:not(.parent-pageid-1824) .justify-content-between{max-width:var(--container-md);margin:0 auto;padding:0}
}
@media(min-width:1260px){
  body:not(.parent-pageid-1824) .justify-content-between{max-width:1440px}
}

.nav-curtain {background:rgba(0,0,0,0.4); opacity:0; position:fixed; top:0; left:0; width:0; height:0; z-index:96; -webkit-transition:opacity 0.2s ease; transition:opacity 0.2s ease}
#topnav-play:checked ~ .nav-curtain,#topnav-play:target ~ .nav-curtain {-webkit-transition:opacity 1s ease 0.1s; transition:opacity 1s ease 0.1s}
@media only screen and (max-width:1069px) {
  .nav-curtain {-webkit-transition:opacity 1s ease 0.2s,width 0s ease 1.2s,height 0s ease 1.2s; transition:opacity 1s ease 0.2s,width 0s ease 1.2s,height 0s ease 1.2s}
  #topnav-play:checked ~ .nav-curtain,#topnav-play:target ~ .nav-curtain {opacity:1; right:0; bottom:0; width:100%; height:100%}
}

.page-top{-webkit-transition: background-color 0.3s ease 0.1s; transition: background-color 0.3s ease 0.1s;}
.headroom--not-top .page-top-nav{-webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); background-color:rgba(255,255,255,0.9); -webkit-transition:background-color 0.2s ease 0.3s; transition:background-color 0.2s ease 0.3s; -webkit-transition: background-color 0.2s cubic-bezier(0.28, 0.11, 0.32, 1);
transition: background-color 0.2s cubic-bezier(0.28, 0.11, 0.32, 1);}
.headroom--not-top .page-top-nav .page-top-background:after {background-color:rgba(51,51,51,0.1); margin-left:0; left:0; width:100%}
.headroom--not-top .page-top-nav .page-title-parent h3 a{color:#333 !important; transition:all 0.7s ease}
.headroom--not-top .page-top-nav .page-sub-nav nav ul li a{color:#333 !important;}
.headroom--not-top .page-top-nav .topnav-action-ico::before, .headroom--not-top .page-top-nav .topnav-action-ico::after{background:#333}
.page-truth .topnav-actions{display:none}

/* 메뉴 focus */
.site-nav .menu > .current-menu-item > a,
.site-nav .menu > .current_page_ancestor > a,
.site-nav .menu > .current-page-ancestor > a,
.site-nav .menu > .current_page_ancestor > ul > li.current-menu-item > a,
.site-nav .menu > .current_page_ancestor > ul > li > ul > li.current-menu-item > a{opacity:0.65}

@media(min-width: 1070px){
body .dark .page-sub-nav nav ul li a:hover::after{background-color:#fff}
body .headroom--not-top .dark .page-sub-nav nav ul li a::after,
body .headroom--not-top .dark .page-sub-nav nav ul li a:hover::after{background-color:#333}
}
/* ================== 서브메뉴끝 ================== */


/* lists */
.lists{--bs-gutter-y:.5em}
.list-lateral-sm .list-link{align-items:center}
.lists .info > *:not(:first-child){margin-top:4px}
.lists .info .post-category{font-size:13px; color:var(--smt-neutral-d)}
/* .lists .info .post-category > div{display:flex; align-items:center; gap:3px; flex-direction:row} */
/* .lists .info .post-category > div:not(:first-child)::before{content:''; width:2px; height:2px; display:inline-block; border-radius:var(--br-circle); background-color:var(--smt-neutral-d); margin-left:2px} */
.lists .info .post-title{font-size:16px; font-weight:500; line-height:1.4}
.lists .info .post-title i{font-weight:500}
.lists .info .post-sub{display:none; font-size:14px; color:var(--comp-typo-desc-b)}
.lists .info .post-date{display:block; font-size:13px; color:var(--smt-neutral-b)}
.lists .info .btn{display:none}
@media(min-width:576px){
  .lists{--bs-gutter-y:1em}
  .lists .info .post-sub{display:-webkit-box}
  .lists .info .btn{display:inline-flex}
}
@media(min-width:768px){
  .lists .info > *:not(:first-child){margin-top:6px}
  .lists .info .post-title{font-size:17px}
}
@media(min-width:1070px){
  .lists{--bs-gutter-y:24px}
}
@media(min-width:1260px){
  .lists .info .post-title{font-size:19px; font-weight:600}
  .lists .info .post-title i{font-weight:600}
  .lists .info .post-sub{font-size:15px}
  .lists .info .post-date{font-size:14px}
}


/* related-post */
.related-post{padding-top:40px; padding-bottom:40px; background-color:var(--smt-background-gray)}
.related-post .title{font-size:20px; font-weight:600}
@media(min-width:1070px){
  .related-post{padding-top:80px; padding-bottom:80px}
  .related-post .title{font-size:28px}
}


/* 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:999; 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:#FFF; 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}
.modal-close{display:inline-block; width:15px; height:15px; background-image:url('/wp-content/themes/weloveu/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}
.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('/wp-content/themes/weloveu/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('/wp-content/themes/weloveu/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('/wp-content/themes/weloveu/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('/wp-content/themes/weloveu/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('/wp-content/themes/weloveu/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('/wp-content/themes/weloveu/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('/wp-content/themes/weloveu/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('/wp-content/themes/weloveu/images/sns/ico_share_x.svg')}
.modal-share .sns-share .kakaotalk::before {background-color:#FFE300; background-image:url('/wp-content/themes/weloveu/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}


/* sns */
/* .footer .sns-share{display:flex; align-items:center; flex-wrap:wrap}
.footer .sns-share.sns-center{justify-content:center}
.footer .sns-share .kakaotalk{width:40px; height:40px; margin:6px 6px 6px 0; margin-left:0 !important; border-radius:8px; background-position:center; background-repeat:no-repeat; background-size:24px; transition:all 0.3s ease}
.footer .addtoany_shortcode .a2a_kit img{display:none}
.footer .kakaotalk{background-image:url('/wp-content/themes/watv/images/sns/kakao_footer.svg')}
.footer .addtoany_shortcode .a2a_kit .a2a_button_facebook{background-image:url('/wp-content/themes/watv/images/sns/facebook_footer.svg')}
.footer .addtoany_shortcode .a2a_kit .a2a_button_x{background-image:url('/wp-content/themes/watv/images/sns/x_footer.svg')}
.footer .addtoany_shortcode .a2a_kit .a2a_button_copy_link{background-image:url('/wp-content/themes/watv/images/sns/link_footer.svg')}
.footer .addtoany_list a:hover{background-repeat:no-repeat !important; background-position:center !important}

@media(min-width:1070px){
  .footer .sns-share .kakaotalk:hover,
  .footer .addtoany_shortcode .a2a_kit a:hover{transform:translateY(-5px)}
  .footer .addtoany_list a:hover{background-color:#404040 !important}
} */


/* footer - sitemap */
.sitemap-head{display:flex; gap:4px; align-items:center; font-size:14px; font-weight:600; cursor:pointer}
.sitemap-head .toggle-btn .ico::before{transition:all 0.5s ease}
.sitemap-menu{display:none; flex-direction:column; margin-top:8px}
.sitemap-menu, .sitemap-menu .menu{gap:20px}
.sitemap-menu .menu-item-has-children > a{font-size:14px; font-weight:600}
.sitemap-menu .menu{display:flex; flex-direction:column}
.sitemap-menu .menu-item{font-size:13px; flex-grow:1; color:var(--smt-neutral-e); transition:all 0.2s ease}
.sitemap-menu .menu-item.other{flex-shrink:0}
.sitemap-menu .menu-item a{padding:4px; display:inline-block}
.sitemap-menu .sub-menu{padding-top:4px}
.sitemap-menu [class*="nav-container"]{width:100%}
.sitemap-menu div[class^="menu-main-nav"]{flex:7}
.sitemap-menu div[class^="menu-sitemap-nav"]{flex:3}

.sitemap.on .sitemap-menu{display:flex}
.sitemap.on .toggle-btn .ico::before{transform:rotate(-180deg)}

@media(min-width:1070px){
  .sitemap-head{display:none}
  .sitemap-menu{display:flex; margin-top:0}
  .sitemap-menu, .sitemap-menu .menu{flex-direction:row; gap:28px}
  .sitemap-menu .menu-item:hover{color:var(--smt-neutral-c)}
  .sitemap-menu .sub-menu{padding-top:8px}

}


/* footer - copy*/
.copy{border-top:1px solid rgba(0,0,0,0.1); color:var(--smt-neutral-light)}
.copy .row, .copy .left{gap:28px}
.copy .left{display:flex; flex-direction:column}
.copy .left .logo{max-width:200px; height:66px; flex-shrink:0; background-image:url('/wp-content/themes/weloveu/images/ui/footer_logo.png'); background-size:100%; background-position:center; background-repeat:no-repeat}
/* .copy .left .logo img{width:180px} */
.copy .left .info{font-size:12px}

.copy .right .top{display:flex; flex-wrap:wrap; gap:4px}
.copy .right .top .contact{padding-right:4px; text-transform:uppercase; font-size:12px}
/* .copy .right .top .btn{color:var(--smt-neutral-light)} */

.copy .family{position:relative}
.copy .family .btn{cursor:pointer; font-size:13px; height:38px}
.copy .family .btn .ico{transition:all 0.5s ease}
.copy .family div[class^="menu-family-site-menu"]{min-width:200px; position:absolute; bottom:50px; left:0; display:none; padding:12px 0}
.copy .family div[class^="menu-family-site-menu"] a{display:inline-block; padding:4px 16px; line-height:1.4}

.copy .family.on .btn .ico{transform:rotate(-45deg)}
.copy .family.on div[class^="menu-family-site-menu"]{display:block; border-radius:8px; font-size:13px; box-shadow:var(--comp-border-shadow); background-color:var(--smt-background-white)}

@media(min-width:1070px){
  .copy .row{gap:0}
  .copy .left{flex-direction:row; gap:60px}
  .copy .left .logo img{width:200px}
  /* .copy .left .info{font-size:12px} */
  .copy .right .top{gap:8px; justify-content:flex-end}
  .copy .right .top .contact{font-size:13px}
  .copy .right .top .contact:hover{color:var(--smt-neutral-dark)}
  .copy .family div[class^="menu-family-site-menu"] a:hover{color:var(--smt-neutral-body)}

  .copy .family .btn{font-size:14px}
}


/* 큐폼 - 서명하기 : 소개, 챌린지 본문 */
.form .inner{background-color:#F8F9FA; border-radius:20px; padding:30px}
.form .quform-label{margin-bottom:10px}
.form .quform-label-text{font-size:16px; color:#777; font-weight:500}
.form .quform-group-title{font-size:17px; color:#444; font-weight:500; margin-bottom:20px}
.form .quform-field,
.form .select2-container--quform .select2-selection{padding:15px; font-size:15px; border-radius:4px; border:1px solid rgba(0, 0, 0, 0.08); background:#fff; cursor:pointer}
.form .quform-element-submit > div{width:100%; margin:0}
.form .quform-element-submit button{width:100%; color:#fff; padding:16px 20px; font-size:16px; background-color:#3F70F3; border-radius:8px}
.form .quform-element-submit button::before{content:''; display:inline-block; width:20px; height:20px; background-image:url('/wp-content/themes/weloveu/images/ui/ico_btn_sign.svg'); background-size:20px; background-position:center; vertical-align:middle; margin-right:5px}
.form .quform-field-icon-right,
.form .select2-container--quform .select2-selection__arrow{right:15px}
.select2-container--quform .select2-results__option--highlighted[aria-selected]{background-color:#F8F9FA; background-image:none !important; border-color:transparent; color:#3F70F3}
@media(min-width:768px){
  .form .inner{padding:40px}
}


/* 지지서명 체크박스 */
.quform .quform-option input[type=checkbox]:checked{position:relative}
.quform .quform-option input[type=checkbox]:checked:before{content:''; transition:opacity .1s ease; margin:auto; top:0; bottom:3px; width:14px; height:8px; border:2px solid #222; border-radius:1px; border-top:none; border-right:none; transform:rotate(-45deg); background-color:transparent}
.quform input[type=checkbox]:checked:before{box-sizing:border-box; font-family:"uncodeicon"; margin:auto; position:absolute; top:0; left:0; bottom:0; right:0; line-height:1.2em; font-size:11px}
.quform-option input[type=checkbox]:checked{border-color:var(--accent-d); background-color:var(--accent-d)}


/* 큐폼 지지서명 에러, 성공 메시지 */
.quform-error > .quform-error-inner,
.quform-success-message{background-color:transparent; border-left:none; padding:5px 0; font-size:15px}
.quform-error > .quform-error-inner{color:#F33F3F}

.quform-success-message{display:flex; align-items:center; color:#2E88FF}
.quform-success-message-icon{font-size:18px; position:relative; display:inline-block; margin:0; left:0}
.quform-success-message-has-icon .quform-success-message-content{padding-left:10px}


/* 로그인 */
.weloveu-login{min-height:1000px; background-image:linear-gradient(180deg, #F9F9F7 0%, rgba(249, 249, 247, 0) 48.53%), url('/wp-content/themes/weloveu/images/login_visual.jpg'); background-repeat:no-repeat; background-size:100% auto, cover; background-position:top, center bottom -250px}
.weloveu-login .loginbox .wp-block-column{padding:28px; gap:16px; display:flex; flex-direction:column; align-items:center; background-color:#fff; border-radius:16px}
.weloveu-login .loginbox .wp-block-column h3{font-size:22px; font-weight:600; }
.weloveu-login .loginbox .wp-block-column:nth-child(1) h3 strong{color:#004EA2}
.weloveu-login .loginbox .wp-block-column:nth-child(2) h3 strong{color:#009E96}
.weloveu-login .loginbox .wp-block-column .wp-block-image img{width:150px}
.weloveu-login .loginbox .wp-block-column .wp-block-buttons{width:100%}
.weloveu-login .loginbox .wp-block-column .wp-block-button__link{padding:12px 16px; justify-content:center; font-size:17px}

@media(min-width:768px){

}
@media(min-width:1070px){
  .weloveu-login{min-height:1500px; background-position:top, center bottom -350px}
  .weloveu-login .loginbox .wp-block-column{padding:48px; gap:32px}
  .weloveu-login .loginbox .wp-block-column h3{font-size:28px}
  .weloveu-login .loginbox .wp-block-column .wp-block-image img{width:170px}
  .weloveu-login .loginbox .wp-block-column .wp-block-button__link{padding:16px 24px; font-size:19px}
}

.section-404{background-position:center; background-size:cover; background-repeat:no-repeat}
.section-404.bg-img1{background-image:url('/wp-content/themes/weloveu/images/error_bg_01.jpg')}
.section-404.bg-img2{background-image:url('/wp-content/themes/weloveu/images/error_bg_02.jpg')}
.section-404.bg-img3{background-image:url('/wp-content/themes/weloveu/images/error_bg_03.jpg')}
.section-404.bg-img4{background-image:url('/wp-content/themes/weloveu/images/error_bg_04.jpg')}
.section-404.bg-img5{background-image:url('/wp-content/themes/weloveu/images/error_bg_05.jpg')}
.section-404.bg-img6{background-image:url('/wp-content/themes/weloveu/images/error_bg_06.jpg')}
.section-404.bg-img7{background-image:url('/wp-content/themes/weloveu/images/error_bg_07.jpg')}
.section-404.bg-img8{background-image:url('/wp-content/themes/weloveu/images/error_bg_08.jpg')}


/* error404 */
.error404 .section-404{position:relative; margin-top:var(--header-height-mobile-minus);; min-height:500px; display:flex; align-items:center}
.error404 .section-404::before{content:''; display:block; position:absolute; top:0; right:0; bottom:0; left:0; background-color:#fff; opacity:0.8}
.error404 .heading{position:relative; z-index:1}
/* .error404 .heading::before{content:''; width:72px; height:72px; display:block; margin:0 auto 8px; background-image:url('/wp-content/themes/weloveu/images/ui/ico_404_3.png'); background-position:center; background-repeat:no-repeat; background-size:100%; animation:floatUpDown 2s ease-in-out infinite} */
.error404 .heading p{color:var(--comp-typo-desc-a)}
/* .error404 .heading .btns{margin-top:20px} */
/* .error404 .heading .btns > *{margin-left:2px; margin-right:2px} */
.error404 .heading .btn{margin:2px}
/* .error404 .heading .btn:hover{color:inherit} */
@media(min-width:576px){
}
@media(min-width:1070px){
  .error404 .section-404{min-height:1000px; margin-top:var(--header-height-desktop-minus)}
  /* .error404 .heading .btns{margin-top:24px} */
  /* .error404 .heading::before{width:88px; height:88px} */
}


/* 404 나침반 아이콘 */
.compass-wrap{position:relative; display:inline-block; width:260px; height:140px; overflow:visible}
.compass-wrap .compass{position:absolute; left:50%; top:65%; transform:translate(-50%,-50%); animation:compass-float 3s ease-in-out infinite}
.compass-wrap .compass img{display:block; width:70px; height:auto}
.compass-shadow{position:absolute; left:50%; top:80%; transform:translateX(-50%); width:320px; height:80px; background:radial-gradient(30% 20% at 50% 30%, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.1) 40%, rgba(0,0,0,0) 100%); animation:compass-shadow 3s ease-in-out infinite; background-blend-mode:multiply; mix-blend-mode:multiply; opacity:0.38; pointer-events:none; border-radius:50%}
@media(min-width:1070px){
  .compass-wrap .compass{top:55%}
  .compass-wrap .compass img{width:90px}
  .compass-shadow{top:85%}
}
@keyframes compass-float{
    0%{transform:translate(-50%,-50%) translateY(0);}
    50%{transform:translate(-50%,-50%) translateY(-14px);}
    100%{transform:translate(-50%,-50%) translateY(0);}
}
@keyframes compass-shadow{
    0%{transform:translateX(-50%) scale(1); opacity:0.4}
    50%{transform:translateX(-50%) scale(0.85); opacity:0.20}
    100%{transform:translateX(-50%) scale(1); opacity:0.4}
}


/* search-bar common */
.search-bar .search-ui .input,
.input-search{padding:8px 16px; gap:16px; border-radius:0}
.search-bar .search-ui .input{box-shadow:inset 0 0 0 1px var(--smt-border)}
.search-bar .search-ui .input:hover{box-shadow:inset 0 0 0 1px var(--smt-neutral-body)}
.search-bar .search-ui .input:hover .input-right-addon{opacity:0.95}
.input-search .input-field,
.search-bar .search-ui .input-field{padding:0; font-size:15px}
.input-search .input-field::placeholder{color:var(--comp-typo-info)}
.search-bar .input .ico{color:var(--comp-typo-info)}
.search-bar .input .ico::before{margin:0}
.input-search .ico::before{margin:0}
@media(min-width:1070px){
  .search-bar .search-ui .input,
  .input-search{padding:16px 20px; gap:20px}
  .input-search .input-field,
  .search-bar .search-ui .input-field{font-size:16px}
}

/* search */
/* .input-search{box-shadow:inset 0 0 0 1px #027aff43} */
.input-search .ico{color:var(--smt-neutral-body)}
.input-search .input-right-addon{padding:0}
.section-search{padding-top:50px; padding-bottom:50px; min-height:480px}
.section-search .lists{--bs-gutter-y:0}
.section-search .list-item-award .thum{padding:8px 0}
.section-search .list-item-award .thum-img{background-size:contain; background-repeat:no-repeat}
.section-search .list-item-press{display:flex; align-items:center; flex-wrap:wrap; gap:4px; padding-top:8px; padding-bottom:8px}
.section-search .list-item-press .post-title [class*=" ico-"]:before{margin:0}
.section-search .list-item-press .post-info{font-size:13px; color:var(--comp-typo-info)}
.search .search-state{font-size:18px; font-weight:500}
.search .search-state strong{color:var(--smt-color-primary)}
@media(min-width:1070px){
  .section-search{padding-top:100px; padding-bottom:100px}
  .section-search .list-item-press{gap:8px; padding-top:10px; padding-bottom:10px}
  .section-search .list-item-press .post-info{font-size:15px}
  .search .search-state{font-size:20px}
}

.section-search .tabs{box-shadow:inset 0 -1px rgba(0, 0, 0, .15)}
.section-search .tab-menu{width:90%; margin:0 auto; align-items:center}
.section-search .tab-menu .tab-item{display:flex; align-items:center; gap:4px; box-shadow:none; word-break:keep-all; white-space:nowrap; font-size:15px}
/* .section-search .tab-menu li:first-child .tab-item{padding-left:0} */
.section-search .tab-menu .tab-item .count{opacity:.7; font-size:15px}
.section-search .tabs:not([class^="color-"]) .tab-menu .tab-item,
.section-search .tabs:not([class^="color-"]) .tab-content{color:var(--comp-typo-info)}
.section-search .tabs.color-complete .tab-menu .tab-item.current{color:var(--smt-neutral-body); font-weight:500}
.section-search .tabs.color-complete .tab-menu .tab-item.current::before{background-color:var(--smt-neutral-body)}
@media(min-width:768px){
  .section-search .tab-menu{max-width:var(--container-sm); padding-left:var(--container-w-pd); padding-right:var(--container-w-pd)}
}
@media(min-width:1070px){
  .section-search .tab-menu{max-width:var(--container-md)}
}

/* search result */
.search-results .lists .list-link{padding-top:12px; padding-bottom:12px; border-bottom:none}
.search-results .lists .thum{margin-right:12px; overflow:hidden}
.search-results .lists .info .post-excerpt{display:none}
.search-results .lists .info .post-info{display:none; color:var(--comp-typo-cite)}
.search-results .lists .post-category div{display:inline-block}
@media(min-width:768px){
  .search-results .lists .list-link{padding-top:20px; padding-bottom:20px}
  .search-results .lists .thum{margin-right:24px}
  .search-results .lists .info .post-info{display:inline-block}
}
@media(min-width:1070px){
  .search-results .lists .thum{margin-right:32px}
  .search-results .lists .info .post-excerpt{display:-webkit-box}
}


/* search no result */
.search-no-results .search-state{display:none}
.search-no-results .no-result .tit::before{content:''; width:100px; height:80px; display:block; margin-bottom:16px; background-image:url('/wp-content/themes/weloveu/images/ui/ico_search_2.png'); background-position:center; background-repeat:no-repeat; background-size:100%; animation:floatUpDown 2s ease-in-out infinite}
.search-no-results .no-result ul{font-size:16px}
.search-no-results .no-result ul[type = "disk"]{padding-inline-start:13px}
.search-no-results .no-result ul li{padding-inline-start:4px}
.search-no-results .no-result ul li::marker{font-size:12px}
@media(min-width:1070px){
  .search-no-results .no-result .tit::before{width:120px; height:100px}
  .search-no-results .no-result ul{font-size:17px}
}

@keyframes floatUpDown {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); } /* 위로 이동 */
}


/* 모바일 팝업 시 아래 스크롤 제한 */
@media(max-width:767px){
  html.lock,
  html.lock body{height:100%; overflow:hidden}
}


/* 공지사항 */
.content-box{position:relative}
.notice-wrap{position:fixed; left:0; right:0; z-index:999; bottom:0; padding:20px; overflow:visible}
/* .notice{position:absolute; left:0; right:0; z-index:50; overflow:hidden} */
/* .notice .wrap{padding:8px 0} */
/* .notice .container{padding:0}
.notice .info{max-width:700px; margin-left:auto; margin-right:auto; display:flex; justify-content:center; align-items:center; padding-top:4px; padding-bottom:4px; position:relative}
.notice .info:hover .link{text-decoration:underline}
.notice .info:hover .link::after{transform:translateX(3px)} */
/* .notice .ico-notice{width:16px; height:20px; margin-right:8px; flex-shrink:0; display:inline-block; background-image:url('/wp-content/themes/watv/images/ico_notice.png'); background-size:100%; background-repeat:no-repeat} */
.notice .txt{line-height:1.4}
/* .notice .tit{margin-right:8px} */
.notice .link{flex-shrink:0; white-space:nowrap; color:#A2D8FF}
.notice .link::after{content:''; width:6px; height:8px; margin-left:5px; vertical-align:1px; position:relative; display:inline-block; background-image:url("/wp-content/themes/watv/images/ico_notice_arrow.png"); background-size:100%; background-repeat:no-repeat; transition:all .2s ease-out}
.notice p{margin-top:0}

.notice-wrap.notice-none{display:none !important}
.notice{max-width:1070px; margin-left:auto; margin-right:auto}
/* .notice-header{display:flex; justify-content:end} */
/* .notice-header-title{display:flex; align-items:center; font-weight:600} */
/* .notice-header-title::before{content:''; width:28px; height:28px; display:inline-block; margin-right:2px; background-image:url('https://watv.org/wp-content/themes/watv/images/home/ico_notice_bell.png'); background-size:100%; background-repeat:no-repeat}
.notice-header .bn-layerClose{width:27px; height:27px; border:none; background-color:transparent; background-image:url('https://watv.org/wp-content/themes/watv/images/home/ico_notice_close.png'); background-size:100%; background-repeat:no-repeat} */
.notice-inner{position:relative; z-index:11; max-width:421px; margin-left:auto; margin-right:auto; /*padding-top:20px; border-radius:20px; padding-bottom:25px; */ border-bottom-left-radius:0; border-bottom-right-radius:0; text-align:center}
.notice-inner .notice-contents{max-height:min(450px, 80dvh); overflow-y:auto}
.notice-inner .notice-image{margin-bottom:16px; width:100%; padding-bottom:22%; background-size:contain; background-position:center; background-repeat:no-repeat}
/* .notice-inner h3{font-size:15px; color:var(--smt-brand-a)}
.notice-inner h2{font-size:20px; color:var(--smt-neutral-body); letter-spacing:-0.4px; font-weight:700; line-height:1.4}
.notice-inner p{font-size:15px; color:var(--comp-typo-desc-a); line-height:1.45} */
/* .notice-inner .btn-link{font-size:16px; color:#FFF; background-color:var(--smt-brand-a); border-radius:8px; padding:14px 10px; display:flex; justify-content:center; align-items:center} */
/* .notice-inner .btn-link::after{content:''; width:28px; height:14px; margin-left:10px; display:inline-block; background-image:url('https://watv.org/wp-content/themes/watv/images/home/ico_notice_arrow.png'); background-size:100%; background-repeat:no-repeat} */
.notice-inner .owl-carousel .owl-item .notice-btn img{width:inherit; margin-left:auto; margin-right:auto}

.notice-bottom{background-color:#FFF}
.notice-inner .form label{cursor:pointer}
.notice-inner .form input{display:none}
.notice-inner .form,
.notice-bottom .bn-layerClose{font-size:13px; color:var(--smt-neutral-light); padding:12px 16px; cursor:pointer}

.notice-cover{position:fixed; top:0; right:0; bottom:0; left:0; background-color:#000; opacity:0; z-index:10; transition:all 0.3s ease-in-out}

/* .notice-wrap .owl-carousel .item{height:inherit !important} */
.notice-wrap .owl-carousel.overlay-dots .owl-dots{bottom:-80px; margin:16px 0 10px}
.notice-wrap .owl-carousel.overlay-dots .owl-dots .owl-dot span{box-shadow:none; background-color:#000; opacity:0.1}
.notice-wrap .owl-carousel.overlay-dots .owl-dots .owl-dot.active span{background-color:#000; opacity:0.3}
.notice-wrap .owl-carousel.overlay-dots .owl-dots .owl-dot:hover span{background-color:#000; opacity:0.2}

/* 애니-기본 */ .notice-wrap .notice-inner{
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: background-color 1s ease-in-out 1.8s, color 1s ease-in-out 1.8s, -webkit-transform .5s ease-in-out;
  transition: -webkit-transform .5s ease-in-out;
  transition: transform .5s ease-in-out;
}
/* 애니-열기 */ .notice-open .notice-inner{transform:translateY(0); -webkit-transform: translateY(0)}
              .notice-open .notice-cover{opacity:0.4}
/* 애니-닫기 */ .notice-hide .notice-inner{transform:translateY(100%); -webkit-transform: translateY(100%)}
              .notice-hide .notice-cover{opacity:0}

@media(min-width:421px){
  /* 애니-기본 */ .notice-wrap .notice-inner{transform: translateY(calc(100% + 30px)); -webkit-transform: translateY(calc(100% + 30px))}
  /* 애니-열기 */ .notice-open .notice-inner{transform:translateY(0); -webkit-transform: translateY(0)}
  /* 애니-닫기 */ .notice-hide .notice-inner{transform:translateY(calc(100% + 30px)); -webkit-transform: translateY(calc(100% + 30px))}
  /* .notice-inner{border-radius:20px; margin-bottom:30px} */
}
@media(min-width:1070px){
  /* 애니-기본 */
  .notice-wrap .notice-inner{
  transform: translateY(calc(-100% - 170px)); -webkit-transform: translateY(calc(-100% - 170px));
  -webkit-transition: -webkit-transform .8s ease-in-out;
  transition: -webkit-transform .8s ease-in-out;
  transition: transform .8s ease-in-out}
  /* 애니-열기 */ .notice-open .notice-inner{transform:translateY(0); -webkit-transform: translateY(0)}
  /* 애니-닫기 */
  .notice-hide .notice-inner{transform:translateY(calc(-100% - 170px)); -webkit-transform: translateY(calc(-100% - 170px))}
  .notice-wrap{max-width:1440px; padding:0; position:absolute; bottom:inherit; top:0; margin-left:auto; margin-right:auto}
  .notice-inner{max-width:500px; margin-right:40px; margin-top:20px; box-shadow:0 4px 10px rgba(0,0,0,0.2)}
  .notice-inner .notice-contents{max-height:none}
  .notice-cover{display:none}
  .notice-inner h2{font-size:22px; line-height:1.3}

  .notice-inner .form,
  .notice-bottom .bn-layerClose{font-size:14px; padding:16px 20px}

  .notice-inner .form:hover,
  .notice-bottom .bn-layerClose:hover{color:var(--smt-neutral-body)}
}
@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){
  .notice-header-title::before{background-image:url('https://watv.org/wp-content/themes/watv/images/home/ico_notice_bell@3x.png')}
  .notice-header .bn-layerClose{background-image:url('https://watv.org/wp-content/themes/watv/images/home/ico_notice_close@3x.png')}
  .notice-inner .btn-link::after{background-image:url('https://watv.org/wp-content/themes/watv/images/home/ico_notice_arrow@3x.png')}
}


/* 수상내역 페이지 - 개발3과 작업 전 목록 */
.awards .lists .list-item .thum{padding:20px 16px; background-color:var(--smt-background-gray)}
.awards .lists .thum-img{background-size:contain}
.awards .nav-category .cat-item a{padding:10px 14px}
.awards .lists .info .post-title{font-size:15px}
.awards .lists .info .post-date{font-size:13px}
.awards .lists .info .post-country{font-size:13px; color:var(--smt-neutral-b)}
.awards .pagination{justify-content:center}
@media(min-width:1070px){
  .awards .category-list{padding-top:60px; padding-bottom:40px}
  .awards .lists .list-item{flex:0 0 20%; max-width:20%}
}

/* 언론보도 페이지 - 개발3과 작업 전 목록 */
.press .nav-category.style2{}
.press .nav-category.style2 .category-menu .cat-item{padding:0}
.press .nav-category.style2 .cat-item a{padding:0 10px; display:inline-block; background-color:transparent; color:var(--smt-neutral-body); border:0; font-size:15px}
.press .nav-category.style2 .cat-item:first-child a{padding-left:0}
.press .nav-category.style2 .cat-item.current-cat a{color:var(--smt-brand-a)}
.press .nav-category.style2 .cat-item.current-cat a::after{content:''; display:block; width:100%; height:2px; transition: all 0.2s; background-color:var(--smt-brand-a); border-radius:0}
.press .nav-category .cat-item a{font-size:14px}

.press .list-table{}
.press .list-table .list-table-header .info > *{color:var(--smt-neutral-body); font-size:15px; font-weight:500}
.press .list-table .info > *:not(:first-child){margin-top:0}
.press .list-table .info{border-bottom:1px solid #f1f1f1; padding:10px 0; display:flex; gap:2px 8px; text-align:left; flex-wrap:wrap}
.press .list-table .list-item:last-child .info{border-bottom:none}
.press .list-table .info .post-media{font-size:13px; word-break:break-word}
.press .list-table .info .post-media::after{content:''; width:1px; display:inline-block; background-color:#d8d8d8; height:12px; vertical-align:middle; margin-left:5px}
.press .list-table .info .post-title{font-weight:500}
.press .list-table .info .post-title:not(.list-table-header .post-title){width:100%; font-size:15px}
.press .list-table .info .post-link{width:100%}
.press .list-table .info .post-link .btn{display:flex; padding:8px 10px; margin-top:2px; width:fit-content; font-size:13px; border-radius:0; background-color:#fff; min-height:auto; line-height:1.2}
.press .list-table .info .post-link .btn .ico{flex-basis:auto}

@media(min-width:768px) and (max-width:1069px){
  .press :is(.container, .container-lg){max-width:var(--container-md)}
}
@media(min-width:768px){
  .press .list-table .list-table-header{border-bottom:0}
  .press .list-table .info *:not(.post-title){flex-basis:100px}
  .press .list-table .list-item:not(.list-table-header):hover{background-color:transparent}
  .press .list-table .list-item:not(.list-table-header) .info:hover{border-bottom-color:var(--smt-brand-a)}
  .press .list-table .list-item:not(.list-table-header) .info:hover :is(.post-title, .post-media, .post-date){color:var(--smt-brand-a)}
  .press .list-table .info *:not(.post-title){flex-basis:80px}
  .press .list-table .info .post-media{flex-basis:100px; order:-1}
  .press .list-table .info .post-media::after{display:none}
  .press .list-table .info .post-title{flex-basis:280px}
  .press .list-table .info .post-link{width:auto}
  .press .list-table .info .post-link .btn{margin-top:0}
  .press .list-table .info .post-link .btn:hover{box-shadow:inset 0 0 0 1px var(--smt-brand-a); color:var(--smt-brand-a)}
  .press .list-table .info .post-link .btn:hover::before{transform: scaleX(0)}
}
@media(min-width:1070px){
  .press .nav-category.style2 .category-menu{padding-bottom:16px}
  .press .nav-category.style2 .cat-item:first-child a{padding-left:14px}
  .press .nav-category.style2 .cat-item a{font-size:17px}
  .press .list-table .info{gap:16px; padding:10px 8px}
  .press .list-table .info *:not(.post-title){flex-basis:100px}
  .press .list-table .info .post-media{flex-basis:120px; font-size:14px}
  .press .list-table .info .post-title{flex-basis:520px}
  .press .list-table .info .post-title:not(.list-table-header .post-title){font-size:16px}
  .press .list-table .info .post-date{font-size:14px}
  .press .list-table .info .post-date:lang(en){flex-basis:80px}
  .press .list-table .info .post-link:lang(en){flex-basis:120px}
  /* .press .list-table .info .post-link{width:auto} */

}