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

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

******************************************************************/
#container_title{position: relative;}
#gw-sub-head-container {position:relative;background: #f8f8f8;height: 500px;}
.gw-sub-head-con-1200 {margin: 0 auto;width: 1200px;z-index: 10;text-align:center;}
.breadcrumb-container {gap: 10px;place-content:center;-webkit-filter: blur(20px);filter: blur(20px);opacity: 0;transition: filter 1s, opacity 1s, letter-spacing 1s;}
.breadcrumb-container > li {position: relative;}
.breadcrumb-container > li:not(:first-child):before {font-family: xeicon;content: "\e93f";display: inline-block;margin-right: 5px;color: rgba(255, 255, 255, 0.5);}
.breadcrumb-container > li > a {font-size:var(--main-text01);line-height:1.3;font-weight:300;letter-spacing:-0.025em;color: rgba(255, 255, 255, 0.8);}
.breadcrumb-container > li > a.active {color: #fff;}
#gw-sub-head-container.on .breadcrumb-container {-webkit-filter: blur(0);filter: blur(0);opacity: 1;}
#gw-sub-head-container .gw-sub-theme-title {margin-bottom:30px;font-size: var(--main-title01);color: #fff;text-shadow:0 0 60px rgba(0,0,0,0.3);-webkit-filter: blur(20px);filter: blur(20px);opacity: 0;transition: filter 1s, opacity 1s, letter-spacing 1s;}
#gw-sub-head-container.on .gw-sub-theme-title {-webkit-filter: blur(0);filter: blur(0);opacity: 1;}
#gw-sub-head-container .sub-theme-img-container {position: absolute;top: 0;left: 0;width:100%;height: 100%;}
.sub-theme-bg {overflow: hidden;height: 100%;border-radius: 0 0 70px 70px;}
.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-btn{display: none;}
#gw-sub-head-menu-container {position:absolute;bottom:4%;left: 0;width:100%;}
#gw-sub-head-menu-container > ul {margin: 0 auto;display: flex;gap: 10px;flex-wrap: wrap;justify-content: center;position: relative;text-align: center;align-items: center;height: 80px;border-radius: 80px;width: 97%;}
#gw-sub-head-menu-container > ul:before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); backdrop-filter: blur(5px); border-radius: 80px;}
#gw-sub-head-menu-container > ul > li > a {padding:0 15px;display: flex;align-items: center;place-content: center;height: 40px;border-radius: 50px;z-index: 1;position: relative;color: rgba(255,255,255,0.4);letter-spacing: -0.03em;font-size: 14px;}
#gw-sub-head-menu-container > ul > li > a.on {background: var(--main-color);color: #fff;border: 1px solid var(--main-color);}


@media screen and (max-width: 1440px) {
    .sub-theme-bg{border-radius: 0;}
    .gw-side-menu-btn{padding:0 20px;display: flex;justify-content:space-between;align-items:center;width: 100%;height: 60px;text-align: left;border-bottom: 1px solid #ddd;background: #fff;color: #000;}
    .gw-side-menu-btn > .gw-txt{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:400; font-size:15px;}
    #gw-sub-head-menu-container{position: relative;bottom:0;z-index:1000;}
    #gw-sub-head-menu-container > ul {overflow: hidden;display:none;position:absolute;top:100%;padding: 0;width: 100%;height:auto;border-radius: 0;}
    #gw-sub-head-menu-container > ul:before{display: none;}
    #gw-sub-head-menu-container > ul > li{border-bottom: 1px solid #ddd;background: #fff;}
    #gw-sub-head-menu-container > ul > li > a{place-content: flex-start;color: #666;background: #fff;border-radius: 0;}
    #gw-sub-head-menu-container > ul > li > a.on{border-radius: 0;}
}

@media screen and (max-width: 1024px) {
    #gw-sub-head-container {height: 300px;}
}