@charset "UTF-8";
/*****************************************************************

Copyright C 그누위즈 테마 All rights reserved.
gnuwiz@naver.com & master@gnuwiz.com
본 페이지는 유료콘텐츠 그누위즈 테마 CSS입니다. 불법복제시 법적인 제제를 받으실 수 있습니다.
라이센스를 삭제하지 마세요. 라이센스 삭제시 불법 사용으로 간주될 수 있습니다.

******************************************************************/

.breadcrumb-container{place-content: center;gap:5px;margin-bottom:15px;}
.breadcrumb-container > li {position: relative;}
.breadcrumb-container > li:not(:first-child):before {font-family:xeicon;content: "\e93f";display: inline-block;margin-right: 5px;color: #9a9a9a}
.breadcrumb-container > li > a {color: #666;}
.breadcrumb-container > li > a.active {color: var(--main-color);}
#container_title {background: #f8f8f8;}
#container_title .gw-sub-theme-title-container{display:flex;flex-direction:column;align-items:center;place-content:center;z-index:100;-webkit-filter:blur(20px);filter:blur(20px);opacity:0;transition: filter 1s, opacity 1s, letter-spacing 1s;}
#container_title .gw-sub-theme-title-container > h2 {padding-bottom: 40px;font-size: var(--main-title01);text-align: center;}
#container_title.on .gw-sub-theme-title-container{-webkit-filter:blur(0);filter:blur(0);opacity:1;}
.sub-theme-img-container {position:relative;height: 330px;}
.sub-theme-img-container > div{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.sub-theme-bg > img {object-fit: cover;width: 100%;height: 100%;}
.sub-theme-mask > ul {display: flex; width:100%;height:100%;overflow: hidden;}
.sub-theme-mask > ul > li {flex:1;height: 100%;}
.sub-theme-mask > ul > li:not(:last-child) {border-right: 0px solid rgba(0,0,0,0);}
.sub-theme-mask > ul > li > div{width:100%;height: 100%;background: #f8f8f8;transition:all .5s;transform: scale(1,1);transform-origin: right;}
.sub-theme-mask> ul > li.on:not(:last-child) {border-right: 1px solid rgba(0,0,0,0.1);}
.sub-theme-mask > ul > li.on > div{transform: scale(0,1);}
.sub-theme-mask > ul > li.on > div:nth-of-type(2){transition-delay: 0.1s;}
.sub-theme-mask > ul > li.on > div:nth-of-type(3){transition-delay: 0.2s;}
.sub-theme-mask > ul > li.on > div:nth-of-type(4){transition-delay: 0.3s;}
.sub-theme-mask > ul > li.on > div:nth-of-type(5){transition-delay: 0.4s;}

/*다크모드*/
body.dark-mode .breadcrumb-container > li > a{color:rgba(255, 255, 255, 0.6) !important;}
body.dark-mode .breadcrumb-container > li:last-child > a{color:rgba(255, 255, 255, 1) !important;}


@media screen and (max-width:1280px){
    .sub-theme-img-container{height: 220px;}
}

@media screen and (max-width:576px){
    .sub-theme-img-container{height: 150px;}
}