:root{
  /* Hearder 높이 설정 */
  --header-height-mobile:54px;
  --header-height-desktop:70px;

  /* 변수 양수를 음수로 변환 > 변수 * (-1) :: 헤더 올라간 만큰 .contents margin-top를 위로 올릴 때 사용*/
  --header-height-mobile-minus:calc( var(--header-height-mobile) * (-1) );
  --header-height-desktop-minus:calc( var(--header-height-desktop) * (-1) );

  /* 'Search bar'의 'top' 여백 값 구하기 */
  /* 각 사이트에서 커스텀 계산된 'Header'에 추가 여백이 포함된 음수 값'header-desktop-top-margin'을 양수로 변환 */
  --searchbar-top-margin:calc( var(--header-desktop-top-margin) * (-1) );

  /* transition 설정 */
  --header-transition:all 0.1s ease;


  /* 컬러 설정 */
  /* 가장 진한 텍스트 색상 */
  /* --color-black-text:#1d1d1f; */

  /* 중간 회색 텍스트 */
  /* --color-gray-text: #6e6e73; */
}


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


/* Header START */
.ico-watv::before{width:inherit; margin-left:0; margin-right:0}
.header{position:sticky; position:-webkit-sticky}
.header--fixed {z-index:100; right:0; left:0; top:0}
.headroom {transition:all .25s ease-in-out; will-change:transform}
.headroom--pinned {transform:translateY(0)}
.headroom--pinned.headroom--not-top{background-color:rgba(255,255,255,.97); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px)}
.headroom--unpinned {transform:translateY(-100%)}
.headroom--top{background-color:transparent; backdrop-filter:none; -webkit-backdrop-filter:none}

.header .site-logo a{transition:var(--header-transition)}
.header .logo-link{display:flex; align-items:center}
.header .site-nav{display:flex; align-items:center; height:var(--header-height-mobile); /*position:relative*/; z-index:10}
.header .site-nav .menu{display:flex}
.header .nav-wrap{position:fixed; top:var(--header-height-mobile); left:0; width:100%; height:0; display:none; overflow-y:auto; background-color:#FFF}
.header .nav-wrap{
  webkit-transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
  transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1)
}
/* .header.headroom--not-top{box-shadow:0 0px 4px rgba(0,0,0,0.1)} */


/* Logo */
.site-logo > a{background-size:100%; background-repeat:no-repeat; background-position:center}
.site-logo > a,
#header.headroom--not-top .site-logo svg,
body.header-dark.active-search-btn #header.headroom--top .site-logo svg{fill:var(--color-black)}
/* 검색 UI 활성화시 + 헤더 다크모드 일 때 상위 아이콘 다크모드 색상 설정  */
body.header-dark .site-logo svg{fill:var(--color-white)}
@media(min-width:1070px){
  .header{padding-top:var(--header-desktop-top-padding-set)}
  body.header-lift .contents{margin-top:var(--header-desktop-top-margin)}
}


.header .nav-wrap > div{width:90%; max-width:600px; margin-left:auto; margin-right:auto}
.header div[class^="menu-main-nav"] > ul{flex-direction:column}
.header div[class^="menu-main-nav"] > .menu{height:100%; padding-top:15px; padding-bottom:15px}
.header div[class^="menu-main-nav"] > .menu > .menu-item{position:relative; border-bottom:1px solid rgba(0,0,0,0.05)}
.header div[class^="menu-main-nav"] > .menu > .menu-item > a{display:flex; align-items:center; font-weight:600}
/* sub-menu */
.header div[class^="menu-main-nav"] > .menu .sub-menu{display:none}
.header div[class^="menu-main-nav"] > .menu > .menu-item > .sub-menu{min-width:250px; left:0; padding-bottom:14px; border-radius:4px; z-index:1}
.header div[class^="menu-main-nav"] > .menu .sub-menu a{font-size:15px; padding:11px 15px; display:block}
.header .menu .sub-menu a:hover{opacity:0.6}
.header div[class^="menu-main-nav"] > .menu .sub-menu .current-menu-item a{opacity:0.6}
.header .submenu-btn{position:absolute; width:40px; right:0; cursor:pointer}
.header .submenu-btn::after{content: ''; position:absolute; width:8px; height:8px; top:50%; left:50%; margin-top:-7px; margin-left:-4px; border-top:1px solid #111; border-right:1px solid #111; display:inline-block; transform:rotate(135deg)}
.header .is-open > .submenu-btn::after{transform:rotate(315deg)}
/* 메뉴 높이 설정 */
.header .menu > .menu-item > a,
.header .menu .submenu-btn{height:44px}

/* search-btn */
.header .search-btn{margin-left:auto}
.header .search-btn .ico-btn{padding-right:0}
.header .search-btn .ico-search{font-size:22px}
@media(min-width:1070px){
  .header .search-btn .ico-search{font-size:24px}
}

/* Mobile NAV Button */
.header .nav-mobile-btn{cursor:pointer; width:40px; height:50px; position:relative; margin-right:-15px}
.header .nav-mobile-btn::before,
.header .nav-mobile-btn::after{content:''; height:1px; width:20px; margin-left:-10px; background-color:#222; top:50%; left:50%; position:absolute}

/* 애니메이션 공통 */
.header .nav-mobile-btn::before,
.header .nav-mobile-btn::after,
.header div[class^="menu-main-nav"] > .menu .submenu-btn::after{
  -webkit-transition: -webkit-transform .3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) .1008s;
  transition: -webkit-transform .3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) .1008s;
  transition: transform .3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) .1008s;
  transition: transform .3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) .1008s, -webkit-transform .3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) .1008s;
}
.header .nav-mobile-btn::before{margin-top:-4px}
.header .nav-mobile-btn::after{margin-top:3px}

/* .nav-on */
.nav-on .header .nav-wrap{display:block}
.nav-on .header .nav-mobile-btn::before{-webkit-transform:translateY(3px) rotate(45deg); transform:translateY(3px) rotate(45deg)}
.nav-on .header .nav-mobile-btn::after{-webkit-transform:translateY(-4px) rotate(-45deg); transform:translateY(-4px) rotate(-45deg)}
body.nav-on{overflow:hidden; touch-action:none}

/* secondary-nav */
.header .secondary-nav{display:flex; align-items:center}
.header div[class^="menu-header-nav"]{width:100%}
.header div[class^="menu-header-nav"] > .menu{display:flex; flex-direction:column}
.header div[class^="menu-header-nav"] > .menu > .menu-item{position:relative}
.header div[class^="menu-header-nav"] > .menu .sub-menu{display:none}
.header div[class^="menu-header-nav"] > .menu .sub-menu .menu-item > a{padding:8px 15px; display:block}
/* .header div[class^="menu-header-nav"] > .menu .sub-menu .menu-item > a:hover{background-color:rgba(51,51,51,0.05)} */
.header div[class^="menu-header-nav"] li:not(.wpml-ls-item) a{border:1px solid rgba(0,0,0,0.1); display:inline-block; padding:6px 10px 6px 12px; height:inherit; border-radius:3px; margin-bottom:6px}
.header div[class^="menu-header-nav"] li:not(.wpml-ls-item) a[target="_blank"]::after{content:'\e80b'; font-family:'fontello'; font-size:10px; display:inline-block; margin-left:5px}
.header .secondary-nav .wpml-ls-current-language > .sub-menu{right:-10px}
.header .secondary-nav .wpml-ls-current-language > a{display:flex; align-items:center}
.header .secondary-nav .wpml-ls-current-language > a > .wpml-ls-display{display:none}
.header .secondary-nav .wpml-ls-current-language > a > .wpml-ls-native{font-size:15px}
.header .secondary-nav .wpml-ls-current-language > a > .wpml-ls-native::before{content:'\E839'; font-family:'fontello'; font-size:16px; display:inline-block; vertical-align:-1px; margin-right:6px}
.header .secondary-nav div[class^="menu-header-nav"] .wpml-ls-current-language .sub-menu a{font-size:13px; padding:8px 21px}


/* search-bar */
.search-bar{opacity:0; transition:all 0.15s ease; z-index:-1; position:absolute; padding-top:calc( var(--header-height-mobile) + var(--vw-50) ); padding-bottom:var(--vw-100); top:0; left:0; width:100%; max-width:inherit; background-color:#FFF; box-shadow:0 1px 4px rgb(0 0 0 / 6%)}
.search-bar.active{opacity:1; z-index:1}
.search-bar.active .ico-left{transform:translateX(0)}
.search-bar .search-ui{margin-left:auto; margin-right:auto}
.search-bar .search-ui .ico{font-size:22px}
.search-bar .search-ui .input-field{font-size:18px}
.search-bar .search-ui .input-field{padding-left:5px; padding-right:12px}
.search-bar .search-ui .input-left-addon{margin-left:0; padding-left:0}
.search-bar .search-ui .input-right-addon{margin-right:0; padding-right:0}
.search-bar .search-ui .input{border:none}
.search-bar .search-ui .input:hover{box-shadow:none}
.search-bar .quick-link{margin-top:var(--vw-30)}
.search-bar .quick-link-title{color:#777}
.search-bar .quick-link-lists{margin-top:10px}
.search-bar .quick-link-lists a{padding-top:4px; padding-bottom:4px; padding-right:5px; display:block}
@media(min-width:1070px){
  .search-bar{padding-top:calc( var(--header-height-mobile) + var(--vw-80) ); padding-bottom:var(--vw-80)}
  .search-bar .search-ui .input-field{font-size:22px}
}

/* Search : 스크롤 버전 */
.search-bar{
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: -webkit-transform 240ms cubic-bezier(.4,0,.6,1);
  transition: -webkit-transform 240ms cubic-bezier(.4,0,.6,1);
  transition:all 240ms cubic-bezier(.4,0,.6,1);
}
.search-bar.active{transform:translateY(0)}
.search-bar.active .input,
.search-bar.active .quick-link-title,
.search-bar.active .quick-link-lists > li{opacity:0; animation:showing 0.5s; animation-fill-mode:forwards}
@keyframes showing{
  0%   {transform:translateY(-8px); opacity:0}
  100% {transform:translateY(0); opacity:1}
}
.search-bar.active .input{animation-delay:0.24s}
.search-bar.active .quick-link-title{animation-delay:0.26s}
.search-bar.active .quick-link-lists > li:nth-child(1){animation-delay:0.28s}
.search-bar.active .quick-link-lists > li:nth-child(2){animation-delay:0.30s}
.search-bar.active .quick-link-lists > li:nth-child(3){animation-delay:0.32s}
.search-bar.active .quick-link-lists > li:nth-child(4){animation-delay:0.34s}
.search-bar.active .quick-link-lists > li:nth-child(5){animation-delay:0.36s}
.search-bar.active .quick-link-lists > li:nth-child(6){animation-delay:0.38s}
.search-bar.active .quick-link-lists > li:nth-child(7){animation-delay:0.40s}
.search-bar.active .quick-link-lists > li:nth-child(8){animation-delay:0.42s}
.search .search-state strong{color:#407fe9}
.search-no-results .no-result li{line-height:1.3; margin-bottom:5px}
@media(max-width:1069px){
  /* 검색결과 목록 중 썸네일(.col-4) 인접 형제가 없을 경우 */
  .search-results .list-link .col-8:not(.col-4 + .col-8){width:100%}
}
@media(min-width:1070px){
  .search-bar{padding-top:calc( var(--header-height-mobile) + var(--vw-120) )}
}


/* 검색 UI 활성화 시 검색 보다 상위로 올라갈 요소 */
.header .mobile-logo,
.header .site-logo,
.header .search-btn,
.nav-mobile-btn{z-index:20}
@media(min-width:1070px){
  .header .nav-wrap{z-index:20}
}
/* 검색 UI 활성화시 + 헤더 다크모드 일 때 상위 아이콘 다크모드 색상 설정  */
body.header-dark.active-search-btn #header.headroom--top .site-logo a,
body.header-dark.active-search-btn #header.headroom--top button{color:#000}
body.header-dark.active-search-btn #header.headroom--top .nav-mobile-btn::before,
body.header-dark.active-search-btn #header.headroom--top .nav-mobile-btn::after{background-color:#000}
@media(min-width:1070px){
  body.header-dark.active-search-btn #header.headroom--top .menu > .menu-item > a{color:#333}
}


/* Mobile dark */
.nav-mobile-dark .nav-wrap{background-color:rgba(0,0,0,0.95)}
.nav-mobile-dark .nav-wrap a{color:#FFF}
.nav-mobile-dark .submenu-btn::after{border-top:1px solid #FFF; border-right:1px solid #FFF}
.nav-mobile-dark div[class^="menu-main-nav"] > .menu > .menu-item{border-color:rgba(255,255,255,0.1)}
.nav-mobile-dark div[class^="menu-main-nav"] > .menu .sub-menu a{color:#FFF}
.nav-mobile-dark div[class^="menu-header-nav"] li:not(.wpml-ls-item) a{border-color:rgba(255,255,255,0.3)}

@media(min-width:1070px){
  /* 모바일 NAV 해제 */
  .header .site-nav{height:var(--header-height-desktop)}
  .header .nav-wrap{display:flex; position:static; height:inherit !important; top:inherit; left:inherit; width:auto; overflow:inherit; background-color:inherit; webkit-transition:none; transition:none}.header .nav-wrap > div{padding-left:0; padding-right:0}
  .nav-on .header .nav-wrap{display:flex}
  .header .nav-wrap a{color:inherit; transition:var(--header-transition)}
  .header .nav-wrap > div{width:inherit}
  .header .submenu-btn,
  .header .nav-mobile-btn{display:none}
  .header div[class^="menu-main-nav"]{max-width:inherit}
  .header div[class^="menu-main-nav"] > ul{flex-direction:row}
  .header div[class^="menu-main-nav"] > .menu{margin-left:16px; margin-right:16px; padding-top:inherit; padding-bottom:inherit}
  .header div[class^="menu-main-nav"] > .menu > .menu-item{margin-left:14px; margin-right:14px; border:none}
  .header div[class^="menu-main-nav"] > .menu > .menu-item > a{height:100%}
  .header div[class^="menu-main-nav"] > .menu .sub-menu{display:block; transition:var(--header-transition)}
  .header div[class^="menu-main-nav"] > .menu > .menu-item > .sub-menu{display:none !important; position:absolute; background-color:rgba(8,8,8,0.93); padding-top:14px}
  .header div[class^="menu-main-nav"] > .menu > .menu-item:hover > .sub-menu,
  .header div[class^="menu-main-nav"] > .menu > .menu-item > .sub-menu > .menu-item:hover > .sub-menu{display:block !important}
  .header div[class^="menu-main-nav"] > .menu > .menu-item:hover > .sub-menu .sub-menu a{padding-left:35px}
  .header div[class^="menu-main-nav"] > .menu .sub-menu a{color:#FFF; height:36px; display:flex; align-items:center; padding-left:24px; padding-right:24px; padding-top:inherit; padding-bottom:inherit}
  .header .search-btn{margin-left:initial}
  .header div[class^="menu-header-nav"] a{font-size:12px}
  .header div[class^="menu-header-nav"] > .menu{display:flex; flex-direction:row}
  .header div[class^="menu-header-nav"] > .menu .sub-menu{position:absolute; min-width:140px; padding-top:8px; padding-bottom:8px; border-radius:8px; box-shadow:0 3px 5px rgba(0,0,0,0.09), 0 1px 0 rgba(0,0,0,0.07); background-color:#FFF}
  .header div[class^="menu-header-nav"] > .menu > .menu-item{margin-left:5px; margin-right:5px}
  .header div[class^="menu-header-nav"] li:not(.wpml-ls-item) a{display:flex; align-items:center; height:100%; border:none; padding:inherit;  border-radius:0; margin-bottom:0}
  .header div[class^="menu-header-nav"] li:not(.wpml-ls-item) a[target="_blank"]::after{display:none}
  .header .secondary-nav .wpml-ls-current-language > a > .wpml-ls-native{font-size:inherit}
  .header .secondary-nav .wpml-ls-current-language:hover > .sub-menu{display:block}
  .header .secondary-nav div[class^="menu-header-nav"] .wpml-ls-current-language .sub-menu a{padding:8px 15px; font-size:inherit}
}

/* nav-right */
.header .site-nav.nav-right .nav-wrap{margin-left:auto}

/* nav-center */
@media(min-width:1070px){
  .header .site-nav.nav-center .nav-wrap{flex-grow:1}
  .header .site-nav.nav-center .nav-wrap > div{margin-left:inherit; margin-right:inherit}
  .header .site-nav.nav-center .nav-wrap .menu-main-nav-container{flex-grow:1}
  .header .site-nav.nav-center .nav-wrap .menu-main-nav-container > .menu{justify-content:center}
}

/* nav-left */
.header .site-nav.nav-left .nav-wrap{flex:auto}
.header .site-nav.nav-left .nav-wrap .menu-main-nav-container{flex-grow:1}

/* Header Lift : 헤더를 띄우고 .contents를 헤더 높이만큼 위로 올릴 때 */
body.header-lift .contents{margin-top:var(--header-height-mobile-minus)}
@media(min-width:1070px){
  body.header-lift .contents{margin-top:var(--header-height-desktop-minus)}
}

/* Header Dark : 헤더 다크모드 */
body.header-dark #header.headroom--top .site-logo a,
body.header-dark #header.headroom--top button{color:#fff}
body.header-dark #header.headroom--top .nav-mobile-btn::before,
body.header-dark #header.headroom--top .nav-mobile-btn::after{background-color:#fff}
/* Header Dark : 서브 메뉴 + 언어 설정 */
@media(min-width:1070px){
  body.header-dark #header.headroom--top .menu > .menu-item > a{color:#fff}
  body.header-dark #header.headroom--top .menu > .menu-item > .sub-menu,
  body.header-dark #header.headroom--top .menu > .menu-item > .sub-menu{background-color:rgba(255,255,255,0.15)}
  body.header-dark #header.headroom--top .menu .sub-menu a{color:#fff}
}
body[class*="overlay-half-dark"] .header.headroom--top div[class^="menu-main-nav"] > .menu > .menu-item > a{}


/* 언어체크 */
.lang-check{font-size:13px; background-color:#F0F0F2; position:relative; z-index:101}
.lang-check .container{padding-top:10px; padding-bottom:10px}
.lang-check .container > *{display:inline-block}
.lang-check p{color:var(--grey-600); opacity:0.8; margin-right:15px; padding-top:6px; padding-bottom:6px}
.lang-check .btn-wrap{margin-top:5px; margin-bottom:5px}
.lang-check .btn-wrap > .btn:not(:first-child){margin-left:2px}
/* .lang-check .btn-yes{background-color:var(--color-black); color:var(--color-white)}
.lang-check .btn-no{background-color:var(--color-white); color:var(--grey-700) !important} */

/* 언어체크 : Dark */
.dark .lang-check{background-color:#333}
.dark .lang-check p{color:var(--color-white)}
.dark .lang-check .btn-yes{background-color:var(--color-primary); color:var(--color-white)}
.dark .lang-check .btn-no{background-color:var(--color-white); box-shadow:none}

/* Header END */


/* Footer */
.footer{color:#999}
.footer-tit{color:#555}
.footer .site-logo a{color:#555}
/* Footer Site Link */
.footer .site-link-left li{display:inline-block; margin-right:20px}
.footer .site-link-left li:last-child{margin-right:0}

/* Scroll Top */
.scroll-top{position:fixed; z-index:100; display:flex; align-items:center; justify-content:center; width:36px; height:36px; right:10px; bottom:10px; border-radius:8px; background-color:rgba(255,255,255,0.93)}
.scroll-top:hover{box-shadow:0 0 0 1px rgba(0,0,0,0.07)}
.scroll-top .ico{font-size:16px; color:#666}
@media(min-width:1070px){
  .scroll-top{width:50px; height:50px; right:20px; bottom:20px}
  .scroll-top .ico{font-size:24px}
}

/* 사진 저작권 표기 */
.copyright{position:relative; display:block}
.copyright::before{content:"무단전재 및 재배포 금지 / 저작권자 © 하나님의교회 세계복음선교협회"; position:absolute; width:100%; left:0; bottom:0; padding:4px 8px; opacity:0; font-size:9px; text-align:right; line-height:1.2; color:rgba(255,255,255,0.8); background-color:rgba(34,34,34,0.95); transition:all .3s ease-out}
.copyright:hover::before{opacity:1}
@media(min-width:768px){
  .copyright::before{font-size:11px; padding:6px 10px}
}


/* Single Post */
/* 텍스트 요소 공통 */
.single-header{width:87.5%; max-width:414px; margin-left:auto; margin-right:auto}
.single-contents > *,
.single-contents figcaption,
.single-contents .full-width figcaption,
.single-contents .wide figcaption{width:87.5%; max-width:414px; margin-left:auto; margin-right:auto; margin-bottom:15px}

/* 블럭 요소(사진, 캡션, 인용문, 구분선) 공통 */
.single-contents figure,
.single-contents figcaption,
.single-contents .video,
.single-contents .slick-slider,
.single-contents blockquote,
.single-contents hr,
.single-contents .img-grid{margin-top:25px; margin-bottom:25px}
.single-contents blockquote{margin-bottom:20px}

/* 타이포그래피 */
.single-contents figure img{width:100%}
.single-contents picture{display:block}
.single-contents figure.full-width{max-width:1920px; width:100%}
.single-contents figure.wide{max-width:var(--container-width); width:100%}
.single-contents figcaption{width:100%; color:#6e6e73; font-size:12px; margin-top:12px !important; line-height:1.5}
.single-contents .slick-slider figcaption{margin-bottom:0 !important}
.single-contents p a{color:#06c}
.single-contents p a:hover{text-decoration:underline}

.single-contents,
.single-contents > * {font-size:18px; line-height:1.7}
.single-contents h2,
.single-contents h3{font-weight:600; margin-top:44px; margin-bottom:16px; line-height:1.5}
.single-contents h2{font-size:21px}
.single-contents h3{font-size:19px}
.single-contents blockquote small,
.single-contents blockquote cite{display:block; font-size:14px; color:#6e6e73; margin-top:10px}
.single-contents ul li{list-style:disc}
.single-contents ol li{list-style:decimal}
.single-contents dt{font-weight:600}
.single-contents li{margin-left:20px; margin-bottom:25px}
.single-contents sup,
.single-contents sub{font-size:0.6em; position:relative; vertical-align:baseline}
.single-contents sup{top:-0.5em}
.single-contents sub{bottom:-0.25em}
.single-contents .sup-desc,
.single-contents .sup-desc li{color:#6e6e73; font-size:12px !important}
.single-contents .sup-desc li{margin-bottom:5px !important}
/* p 바로 위에 .sup-desc 가 있을 경우 상단 Margin 추가 */
.single-contents .sup-desc + p{margin-top:30px}
.single-contents hr{border:none; height:1px; background-color:#d2d2d7}
.single-contents .text-small{font-size:14px}
.single-contents .text-small > *{margin-bottom:21px}

/* 인접 선태자 */
/* h3 바로 위에 h2가 있을 경우 상단 Margin 축소 */
.single-contents h2 + h3{margin-top:16px}

/* h2 바로 위에 h3가 있을 경우 상단 Margin 축소 */
.single-contents h3 + h2{margin-top:16px}

/* 사진, video, carousel, blockquote 바로 위에 h2, h3가 있을 경우 상단 Margin 축소 */
.single-contents h2 + figure,
.single-contents h3 + figure,
.single-contents h2 + blockquote,
.single-contents h3 + blockquote,
.single-contents h2 + .video,
.single-contents h3 + .video,
.single-contents h2 + .slick-slider,
.single-contents h3 + .slick-slider,
.single-contents h2 + .img-grid,
.single-contents h3 + .img-grid{margin-top:0}
.single-contents .img-grid figure{margin-top:inherit; margin-bottom:inherit; padding-top:5px; padding-bottom:5px}
.single-contents .img-grid figure figcaption{margin-bottom:10px}
/* .single-contents .img-grid figure > picture{margin-bottom:10px} */
.single-contents .img-grid .img-grid-inner > figure:last-of-type > picture{margin-bottom:inherit}


/* AddToAny SNS Plugin Settings */
.addtoany_content{margin-top:24px !important; margin-bottom:24px !important}

.single-contents figure:not(.full-width):not(.wide) img,
.single-contents .video{border-radius:10px; overflow:hidden}₩

@media(min-width:768px){
  .single-contents:lang(ko){word-break:keep-all}
  /* 텍스트 요소 공통 */
  .single-header,
  .single-contents > *,
  .single-contents figcaption,
  .single-contents .full-width figcaption,
  .single-contents .wide figcaption{max-width:576px}

  .single-contents figure:not(.limit):not(.full-width):not(.wide),
  .single-contents .slick-slider:not(.limit):not(.full-width):not(.wide),
  .single-contents .video:not(.limit):not(.full-width):not(.wide){max-width:692px}
  .single-contents figure,
  .single-contents figcaption,
  .single-contents .video,
  .single-contents .slick-slider,
  .single-contents blockquote,
  .single-contents hr,
  .single-contents .img-grid{margin-top:36px; margin-bottom:36px}
  .single-contents h2,
  .single-contents h3{margin-top:48px}

  .single-contents .wide img{border-radius:10px; overflow:hidden}
}

@media(min-width:1070px){
  /* 텍스트 요소 공통 */
  /* .single-contents {font-size:17px} */
  .single-header,
  .single-contents > *,
  .single-contents figcaption,
  .single-contents .full-width figcaption,
  .single-contents .wide figcaption{max-width:var(--single-base-width)}
  .single-contents li{margin-bottom:30px}
  .single-contents blockquote{margin-bottom:25px}

  .single-contents figure,
  .single-contents figcaption,
  .single-contents blockquote,
  .single-contents .video,
  .single-contents .slick-slider,
  .single-contents hr,
  .single-contents .img-grid{margin-top:44px; margin-bottom:44px}
  .single-contents figure:not(.limit):not(.full-width):not(.wide),
  .single-contents .slick-slider:not(.limit):not(.full-width):not(.wide),
  .single-contents .video:not(.limit):not(.full-width):not(.wide){max-width:var(--single-lg-width)}

  /* .single-contents h2{font-size:22px}
  .single-contents h3{font-size:20px} */
  /* .single-contents {font-size:18px} */
  .single-contents h2,
  .single-contents h3{margin-top:52px}
  .single-contents blockquote small,
  .single-contents blockquote cite{margin-top:16px}

  .single-contents .img-grid{max-width:var(--single-lg-width)}
  .single-contents .img-grid .img-grid-inner{display:flex; flex-wrap:wrap; margin-left:-5px; margin-right:-5px}
  .single-contents .img-grid figure{flex:1 1 50%; max-width:inherit !important; padding:5px}

  /* 사진, video, carousel, blockquote 바로 위에 h2, h3가 있을 경우 상단 Margin 축소 */
  .single-contents h2 + figure,
  .single-contents h3 + figure,
  .single-contents h2 + blockquote,
  .single-contents h3 + blockquote,
  .single-contents h2 + .video,
  .single-contents h3 + .video,
  .single-contents h2 + .slick-slider,
  .single-contents h3 + .slick-slider,
  .single-contents h2 + .img-grid,
  .single-contents h3 + .img-grid{margin-top:22px}
}

@media(min-width:1920px){
  .single-contents figure.full-width img{border-radius:10px; overflow:hidden}
}

/* 본문 썸네일 추가 스타일 */
.post_thumbnail_wrap{max-width:100%; width:100%; position:relative}
.post_thumbnail{max-width:var(--single-xlg-width); margin-left:auto; margin-right:auto}
.post_thumbnail > img{height:inherit}
@media(min-width:1200px){
  .post_thumbnail_wrap .post_thumbnail{border-radius:10px; overflow:hidden}
}


/* 본문 목차 */
.table-of-contents{position:relative; margin-top:30px; margin-bottom:20px}
.table-of-contents .toc-header{display:flex; align-items:center}
.table-of-contents .toc-hd{font-size:16px; font-weight:600}
.table-of-contents .btn-toc-toggle{font-size:15px; margin-left:6px; transition:all 0.3s ease; cursor:pointer; transform:rotate(180deg) translateY(2px)}
.table-of-contents .btn-toc-toggle.close{transform:rotate(0deg) translateY(0)}
.table-of-contents ul{margin-top:10px; margin-bottom:30px}
.table-of-contents ul > li > ul{margin-top:5px; margin-bottom:10px}
.table-of-contents li{list-style:none !important; font-size:0; margin-left:15px; margin-bottom:4px; position:relative}
.table-of-contents li:last-child{margin-bottom:0}
.table-of-contents li::before{content:''; width:4px; height:4px; top:5px; left:-13px; border-radius:10px; background-color:#82523B; position:absolute; display:inline-block; }
.table-of-contents li a{display:inline-block; line-height:1.3; color:#82523B; font-size:14px}
.table-of-contents li a:hover{text-decoration:underline}
@media(min-width:768px){
  .table-of-contents{position:relative; margin-top:40px; margin-bottom:25px}
  .table-of-contents li{margin-bottom:8px}
  /* .table-of-contents li a{font-size:14px} */
  .table-of-contents li::before{top:7px}
}
@media(min-width:1070px){
  .table-of-contents ul{margin-bottom:50px}
}


/* addtoany_list */
.addtoany_list a{margin-left:6px !important; margin-right:6px !important}
.addtoany_list a:first-child{margin-left:0 !important}
.addtoany_list a:last-child{margin-right:0 !important}

/* Carousel */
.wds-carousel-ke-23021301.overlay-element .item{height:inherit; min-height:var(--vw-300)}
.wds-carousel-ke-23021301.overlay-element .item-caption{padding-top:var(--vw-80); padding-bottom:var(--vw-120)}
.wds-carousel-ke-23021301 .carousel-title{font-size:20px; letter-spacing:-0.3px}
.wds-carousel-ke-23021301 .carousel-desc{font-size:14px; line-height:1.6; margin-top:var(--vw-20)}
.wds-carousel-ke-23021301 .item-caption .text-item > .btn{margin-top:var(--vw-30)}
@media(min-width:1070px){
  .wds-carousel-ke-23021301.overlay-element .item{height:800px}
  .wds-carousel-ke-23021301 .carousel-title{font-size:45px; letter-spacing:-2px; line-height:1.4}
  .wds-carousel-ke-23021301 .carousel-desc{font-size:18px}
}


/* Carousel : overlay-element */
.slick-slider.overlay-element .photo::before{content:''; position:absolute; top:0; right:0; bottom:0; left:0; background-color:var(--color-black); opacity:0.3}

/* 유지관리모드 */
body.maintenance{display:flex; justify-content:center; align-items:center; flex-direction:column; padding-left:20px; padding-right:20px}
body.maintenance *{text-align:center}
.maintenance h1{font-size:22px; font-weight:600}
.maintenance .desc{margin-top:var(--vw-15)}
.maintenance .animation{z-index:-1; margin-top:-70px; margin-bottom:-40px}
.maintenance .guide{max-width:380px; margin-left:auto; margin-right:auto}
.maintenance .guide{display:none}
@media(min-width:768px){
  .maintenance .guide{max-width:inherit}
}


/* mobile-full-width-container : 모바일에서 사진이 포함된 .col이 가로 Full 사이즈로 확장됩니다. */
@media(max-width:767px){
  .mobile-full-width-container{width:100%; max-width:inherit; padding-left:inherit; padding-right:inherit}
  .mobile-full-width-container .row{margin-left:inherit; margin-right:inherit}
  .mobile-full-width-container .col-12{padding-left:inherit; padding-right:inherit}
  .mobile-full-width-container [class*="col-"]:not(.mobile-full-width-col),
  .mobile-full-width-container > *:not(.row){width:90%; margin-left:auto; margin-right:auto}
}


/* Category */
.category-menu > ul{display:flex}
.category-menu .cat-item:not(:first-child){margin-left:16px}
.category-menu .cat-item{padding-top:5px; padding-bottom:5px; display:inline-block}
.category-menu .current{border-bottom:2px solid; border-color:var(--color-primary)}


/* Single */
.single .single-title{font-size:32px; line-height:1.22; font-weight:700}
.single .single-title-sub{font-size:21px; line-height:1.28; font-weight:500}
.single .category-date{font-size:14px; margin-bottom:20px; color:var(--color-gray-text)}
.single .category-date > *:not(:first-child){margin-top:4px}
.single .single-header .views{font-size:14px; color:var(--color-gray-text)}
.single .single-title-sub,
.single .single-header .meta,
.single .single-header .views{margin-top:20px}
@media(min-width:768px){
  .single .single-title{font-size:40px}
}
@media(min-width:1070px){
  .single .single-title{font-size:40px; line-height:1.3}
  .single .single-title-sub{font-size:24px; line-height: 1.3}
}


/* slick-slider */
.slick-slider figure{max-width:inherit}
.slick-slider figcaption{max-width:inherit; margin:inherit}
.slick-slider .slick-arrow{ width:52px; height:52px; border-radius:100px; background-color:rgba(210,210,215,0.2) !important; display:flex; justify-content:center; align-items:center}
.slick-slider .slick-arrow::before{font-family:"fontello"; opacity:0.45; font-size:25px; font-style:normal; font-weight:normal; line-height:1em; display:inline-block; text-align:center}
.slick-slider .slick-arrow.slick-prev::before{content:'\a013'; margin-left:-2px}
.slick-slider .slick-arrow.slick-next::before{content:'\a014'; margin-right:-2px}
.slick-slider .slick-prev{left:-55px}
.slick-slider .slick-next{right:-55px}
.slick-dots{line-height:0}
.slick-dots li{list-style:none; margin:inherit; width:auto; height:inherit; display:inline-block}
.slick-dots li button{width:8px; height:8px; margin:5px 3px; background-color:rgba(134,134,139,0.4) !important; display:block; -webkit-backface-visibility:visible; transition:opacity 200ms ease; border-radius:30px; transition:all 0.3s ease-out; padding:inherit}
.slick-dots li button::before{display:none}
.slick-dots li:hover button{background-color: rgba(134,134,139,0.8) !important}
.slick-dots li.slick-active button{width:25px; background-color:rgba(134,134,139,0.8) !important}

.slick-slider.overlay-dots .slick-list{border-radius:10px}
.slick-slider.overlay-dots .slick-slide{padding-left:inherit; padding-right:inherit}
.slick-slider .slick-prev{left:-62.5px}
.slick-slider .slick-next{right:-62.5px}
.slick-slider.overlay-dots figure img{border-radius:inherit !important}
.slick-slider.overlay-dots .slick-dots{bottom:8px}
.slick-slider.overlay-dots li button{background-color:rgba(255,255,255,0.5) !important; box-shadow:0 0 0 1px rgba(0,0,0,0.11)}
.slick-slider.overlay-dots li.slick-active button{background-color:rgba(255,255,255,0.8) !important}

@media(max-width:767px){
  .slick-slider .slick-arrow{display:none !important}
}


/* Video */
.video .wp-block-embed__wrapper{position:relative; width:100%; height:0; overflow:hidden; padding-bottom:56.26%}
.video .wp-block-embed__wrapper iframe{position:absolute; top:0; left:0; width:100%; height:100%}


/* Search Results */
.search-results .lists .list-link{padding-top:20px; padding-bottom:20px; border-bottom:1px solid #e6e6e6}
.search-results .lists .info > *:not(:first-child){margin-top:0.5em}
@media(min-width:768px){
  .search-results .lists .list-link{padding-top:25px; padding-bottom:25px}
}
@media(min-width:1070px){
  .search-results .lists .list-link{padding-top:30px; padding-bottom:30px}
}


/* list-photo-2col */
.list-photo-2col .info{display:flex; align-items:center}
.list-photo-2col .photo{padding-bottom:35%; background-color:#333}
.list-photo-2col .text-wrap{max-width:400px; margin-left:auto; margin-right:auto}
.list-photo-2col .text-wrap > ul li{color:var(--color-gray-text)}
.list-photo-2col .text-wrap > ul li:not(:first-child){margin-top:0.4em}
@media(max-width:1069px){
  .list-photo-2col .photo{padding-bottom:64%}
}


/* Lists zigzag */
@media(min-width:767px){
  div[class*="list-zigzag"] .row{margin-left:inherit; margin-right:inherit}
}
@media(min-width:1070px){
  .list-zigzag-odd:nth-child(odd) .zigzag-content{order:-1!important} /* 홀수번째 적용 */
  .list-zigzag-even:nth-child(even) .zigzag-content{order:-1!important} /* 짝수번째 적용 */
}


/* Visual Carousel */
.visual-carousel{overflow:hidden; background-color:#333; display:flex; flex-direction:column; justify-content:flex-end}
.visual-carousel .owl-stage-outer{width:100%; top:0; right:0; bottom:0;left:0}
.visual-carousel .item{position:relative; display:flex}
.visual-carousel .photo{position:absolute; top:0; right:0; bottom:0; left:0; height:100%; width:100%; background-size:cover; background-repeat:no-repeat; background-position:center}
.visual-carousel .photo::before{content:''; position:absolute; top:0; right:0; bottom:0; left:0; background-color:#000; opacity:0.3}
.visual-carousel .photo figure{height:100%}
.visual-carousel .photo img{height:100%; object-fit:cover}
.visual-carousel .text-info{position:relative; margin-bottom:60px; margin-top:60px; display:flex}
/* .visual-carousel .text-in > *{opacity:0} */
.visual-carousel .title{/* font-size:28px; font-weight:600; line-height:1.2*/}
.visual-carousel .desc{/* line-height:1.6; color:#000; opacity:0.9*/}
.visual-carousel .visual-carousel,
.visual-carousel .item{height:70vh; min-height:500px; max-height:1050px}
.visual-carousel .text-in > *{opacity:0}
.visual-carousel .text-info .btn{margin-top:18px; animation-delay:0.4s}
.visual-carousel .text-in{width:100%}
/* Visual Carousel : Text Animation */
.visual-carousel .owl-item.active .text-in > *{
  -webkit-animation: slide_up 2s cubic-bezier(0.19, 1, 0.22, 1);
          animation: slide_up 2s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-animation-fill-mode:forwards;
          animation-fill-mode:forwards;
}
.visual-carousel .owl-item.active .text-in > *:nth-child(2){-webkit-animation-delay:0.1s; animation-delay:0.1s}
.visual-carousel .owl-item.active .text-in > *:nth-child(3){-webkit-animation-delay:0.2s; animation-delay:0.2s}
.visual-carousel .owl-item.active .text-in > *:nth-child(4){-webkit-animation-delay:0.3s; animation-delay:0.3s}
.visual-carousel .owl-item.active .text-in > *:nth-child(5){-webkit-animation-delay:0.4s; animation-delay:0.4s}
.visual-carousel .owl-item.active .text-in > *:nth-child(6){-webkit-animation-delay:0.5s; animation-delay:0.5s}
@-webkit-keyframes slide_up {
  0%   {transform:translateY(50px); -webkit-transform:translateY(50px); opacity:0}
  100% {transform:translateY(0);    -webkit-transform:translateY(0);    opacity:1}
}
@keyframes slide_up {
  0%   {transform:translateY(50px); -webkit-transform:translateY(50px); opacity:0}
  100% {transform:translateY(0);    -webkit-transform:translateY(0);    opacity:1}
}


/* 공지사항 */
:root{
  --brown-600:#C59C5E;
  /* semantic */
  --smt-brand-a:var(--brown-600);
}
.notice-overlay{display:none; position:absolute; top:80px; left:0; width:100%; padding-left:20px; padding-right:20px}
.notice-modal{max-width:400px; padding:24px 24px 16px 24px; border-radius:16px; margin-left:auto; margin-right:auto;  background-color:rgba(0,0,0,0.6); backdrop-filter:blur(90px); -webkit-backdrop-filter:blur(90px); position:relative; z-index:100; box-shadow:0 10px 30px rgba(0,0,0,0.6), inset 0 0 1px rgba(255,255,255,0.3)}
.notice-modal .tit{font-size:14px; color:var(--smt-brand-a)}
.notice-modal .modal-content{display:flex; align-items:center; gap:16px}
.notice-modal .ico-notice{display:inline-flex; width:36px; height:36px; justify-content:center; align-items:center; background-color:var(--smt-brand-a); border-radius:999px; flex-shrink:0}
.notice-modal .ico-notice img{filter:invert(94%) sepia(20%) saturate(150%) hue-rotate(226deg) brightness(108%) contrast(106%)}
.notice-modal .btns{display:flex; justify-content:flex-end; gap:4px; margin-top:16px}
.notice-modal .btns button{padding:6px 12px; background-color:rgba(0,0,0,0.3); border-radius:6px; color:var(--white-30)}
.notice-modal .btns button:hover{background-color:rgba(0,0,0,0.5); color:var(--white-60)}
.notice-modal{
  transform:translateY(-200%);
  animation:slide-up-ani 0.8s;
  animation-fill-mode:forwards;
  transition-timing-function:linear;
  animation-delay:0.9s
}
@keyframes slide-up-ani {
  0%   {transform:translateY(-200%)}
  100% {transform:translateY(0)}
}
@media(min-width:1070px){
  .notice-overlay{top:100px}
  .notice-modal{transform:translateY(-230%)}
  @keyframes slide-up-ani {
    0%   {transform:translateY(-230%)}
    100% {transform:translateY(0)}
  }
}






/* */