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

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

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

.breadcrumb-container{place-content: center;gap:5px;}
.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: rgba(255,255,255,0.5);}
.breadcrumb-container > li > a.active {color: #fff;}
#container_title {background: #f8f8f8;height:660px;}
#container_title .gw-sub-theme-visual{display:flex;align-items:center;place-content:center;height:100%;}
#container_title .gw-sub-theme-title-container{display:flex;flex-direction:column;align-items:center;place-content:center;z-index:100;width:1440px;height:100%;-webkit-filter:blur(20px);filter:blur(20px);opacity:0;transition: filter 1s, opacity 1s, letter-spacing 1s;}
#container_title.on .gw-sub-theme-title-container{-webkit-filter:blur(0);filter:blur(0);opacity:1;}
#container_title .gw-sub-theme-title {margin-bottom:15px;font-size: var(--main-title01);text-align: center;color:#fff;}
.sub-theme-bg{overflow:hidden;height: 100%;}
.sub-theme-bg:before{content: "";display: block;position: absolute;top: 0;left: 0;z-index:1;width: 100%;height: 100%;background: rgba(0,0,0,0.35);}
.sub-theme-bg > img {object-fit: cover;width: 100%;height: 100%;transform:scale(1.1,1.1);transition:transform 3s linear;}
.sub-theme-bg.on > img{transform: scale(1.0,1.0) rotate(0.002deg);}
.gw-side-menu-wrap { position: relative;left:50%;transform:translateX(-50%);z-index:200;margin-top: -68px;max-width: 1440px;height: 68px;transform-origin: center;transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);}
.gw-side-menu-wrap:before { content: '';display: block;padding: 0 30px;position: absolute;top: 0;left: 50%;width: 100%;height: 100%;background-color: var(--main-color);max-width: 1440px;transform: translateX(-50%);}
.gw-side-menu-container{margin:0 auto;width: 1440px;}
.gw-side-menu-container01 {width: 100%;}
[class*="gw-side-menu-depth"]{position: relative;z-index:1000;flex:1;}
[class*="gw-side-menu-depth"] > button{position:relative;z-index:1;text-align: left;color:#fff;padding:0 28px;width: 100%;height:68px;font-size:var(--main-title04);font-family: "Noto Sans KR", sans-serif; font-weight: 500;}
[class*="gw-side-menu-depth"] > button:after{font-family:xeicon;content: "\e942";color:#fff;font-weight: 600;display:flex;align-items:center;place-content:center;width:2.5rem;height:2.5rem;border-radius:100%;border:2px solid rgba(255,255,255,0.3);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);position: absolute;right: 20px;top: 50%;transform: translateY(-50%);}
[class*="gw-side-menu-depth"] > ul {display:none;position: absolute;padding: 28px;padding-top:48px;width: 100%;top: 66px;background: var(--main-color);}
[class*="gw-side-menu-depth"] > ul > li:not(:last-child) {padding-bottom: 28px;}
[class*="gw-side-menu-depth"] > ul > li > a {color: rgba(255,255,255,0.6);}
[class*="gw-side-menu-depth"] > ul > li > a.active {color: rgba(255,255,255,1);font-family: "Noto Sans KR", sans-serif; font-weight: 800;}
[class*="gw-side-menu-depth"].on > button:after{transform:translateY(-50%) rotate(180deg); }
#container_title .sub-theme-img-container{position: absolute;top:0;left:0;width: 100%;height:100%;}
.fixed-side-menu { margin-top: 0;position: fixed;top: 0;width: 100%;max-width: 100%;}
.fixed-side-menu:before{max-width: 100%;}


/*다크모드*/
body.dark-mode .gw-side-menu-depth02{background: #111;color:#fff;}
body.dark-mode .gw-side-menu-depth02 > button{color: #fff;}
body.dark-mode .gw-side-menu-depth02 > button:after{color: #fff;}
body.dark-mode .gw-side-menu-depth02 > ul{background: #111;}
body.dark-mode .gw-side-menu-depth02 > ul > li > a{color: rgba(255,255,255,0.6);}
body.dark-mode .gw-side-menu-depth02 > ul > li > a.active{color: rgba(255,255,255,1);}

@media screen and (max-width:768px){
    .gw-side-menu-wrap{width:100%;}
    .gw-side-menu-container{bottom:-97px;width:100%;}
    .gw-side-menu-container > .gw-flex{flex-direction:column;}
    [class*="gw-side-menu-depth"]{display: block;width:100vw;}
    [class*="gw-side-menu-depth"] > button{width:100vw;height: 60px;}
    [class*="gw-side-menu-depth"] > ul{padding-top: 40px;}
    .gw-side-menu-depth01{display: none;}
    .gw-side-menu-container01 > .gw-side-menu-depth01 {display: block;}

}

@media screen and (max-width:576px){
    #container_title{height: 400px;}
}