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

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

******************************************************************/
#gw-sub-head-container {background: #f8f8f8;height:500px;}
.gw-sub-head-con-1200{margin: 0 auto;width: 1200px;z-index: 10;}
.breadcrumb-container{gap:10px;-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 {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 {font-size: var(--main-title01);color:#fff;-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 {height: 100%;}
.sub-theme-bg{height: 100%;overflow: hidden;}
.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-sub-head-menu-container{padding-top: 70px;}
#gw-sub-head-menu-container > ul {display: flex;gap: 10px;flex-wrap: wrap;} 
#gw-sub-head-menu-container > ul > li > a{padding: 0 20px;display: block;height: 40px;line-height:40px;border-radius: 50px;border: 1px solid #ddd;}
#gw-sub-head-menu-container > ul > li > a.on {background: var(--main-color);color: #fff;border: 1px solid var(--main-color);box-shadow: 0px 4px 10px rgba(15,40,89,.15);}

/*다크모드*/


@media screen and (max-width:1280px) {
    .gw-sub-head-con-1200{padding: 0 40px;width: 100%;}
}

@media screen and (max-width:1024px){
    .gw-sub-head-con-1200{padding: 0 20px;padding-top:30px;}
    #gw-sub-head-menu-container{padding-top: 60px;}
    #gw-sub-head-menu-container > ul{overflow-x:auto;overflow-y: hidden;white-space: nowrap;flex-wrap:nowrap;}

}

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