@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: 1400px;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: 30px 0;}
#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; font-size: 18px;}
#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);}
#gw-sub-head-menu-container > ul > li > a:hover{background: var(--main-color);color: #fff; transition:all 0.5s;}

#gw-sub-head-menu-container > ul::-webkit-scrollbar { width: 10px; height:10px; }
#gw-sub-head-menu-container > ul::-webkit-scrollbar-thumb { background-color: #0f2859; border-radius:20px;}
#gw-sub-head-menu-container > ul::-webkit-scrollbar-track {  background-color: #f6f6f6; }

/*다크모드*/

@media screen and (max-width: 1400px) {
	
.gw-sub-head-con-1200{width: 90%;}	
	
}




@media screen and (max-width: 1024px) {
	#gw-sub-head-container .gw-sub-theme-title{font-size: 50px;}
    #gw-sub-head-menu-container > ul {overflow-x: auto;overflow-y: hidden;white-space: nowrap;flex-wrap: nowrap; padding-bottom: 5px;}
}


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


@media screen and (max-width: 820px) {
	#gw-sub-head-container .gw-sub-theme-title{font-size: 40px;}
	
}





@media screen and (max-width: 576px) {
    #gw-sub-head-container {height: 300px;}
	.gw-sub-head-con-1200{width: 100%;    padding-left: 5%;}
	#gw-sub-head-menu-container{padding: 30px 0 30px 5%;}
}






@media screen and (max-width: 414px) {
   .breadcrumb-container{margin-top: 50px;}
}