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

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

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

.breadcrumb-container{margin-bottom:15px;gap:5px; -webkit-filter: blur(20px);filter: blur(20px);opacity: 0;transition: filter 1s, opacity 1s, letter-spacing 1s;transition-delay: 0.3s}
.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;vertical-align:middle;}
.breadcrumb-container > li > a {color: rgba(255,255,255,0.8);}
.breadcrumb-container > li > a.active {color: #fff;}
#container_title {background: #f8f8f8;}
#container_title .gw-sub-con-1200 {padding-bottom: 100px;margin-bottom: 0;align-items: flex-end;position: absolute;top: 0;left: 50%;transform: translateX(-50%);z-index:99;height: 100%;}
#container_title .gw-sub-theme-visual > div{position: absolute;top:0;left:0;width: 100%;height:100%;transform:scale(1.1,1.1);transition:transform 3s linear;}
#container_title .gw-sub-theme-title-container{display:flex;flex-direction:column;align-items:center;place-content:center;z-index:100;}
#container_title .gw-sub-theme-title {font-size: 60px;color:#fff;filter: blur(20px);-webkit-filter: blur(20px);opacity: 0;transition: filter 0.7s, opacity 0.7s, letter-spacing 0.7s;font-family: 'NanumSquareNeoExtraBold', sans-serif;}
#container_title.on .gw-sub-theme-title{filter: blur(0);-webkit-filter: blur(0);opacity: 1;}
#container_title.on .gw-sub-theme-visual > div{transform: scale(1.0,1.0) rotate(0.002deg);}
#container_title.on .breadcrumb-container{filter: blur(0);-webkit-filter: blur(0);opacity: 1;}
.gw-sub-theme-visual {overflow: hidden;height: 520px;}
.sub-theme-bg{height: 100%;}
.sub-theme-bg:before{content: "";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.35);}
.sub-theme-bg > img {object-fit: cover;width: 100%;height: 100%;}
.gw-side-menu-container{filter: blur(20px);-webkit-filter: blur(20px);opacity: 0;transition: filter 0.7s, opacity 0.7s, letter-spacing 0.7s;}
.gw-side-menu-container.on{filter: blur(0);-webkit-filter: blur(0);opacity: 1;}
.gw-side-menu-container > .gw-flex {place-content: center;}
.gw-side-menu-container > .gw-flex > div {position: relative;}
.gw-side-menu-container > .gw-flex > div:not(:first-child):before {content: "";display: block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 12px;background: rgba(255,255,255,0.5);}
.gw-side-menu-container .gw-home {margin-right: 20px;display:flex;justify-content:center;align-items:center;background:var(--main-color);border-radius:50px;width:40px;height:40px;}
.gw-side-menu-container .gw-home > a {display: flex;place-content: center;justify-content: center;}
[class*="gw-side-menu-depth"]{padding:0 20px;position: relative;}
[class*="gw-side-menu-depth"] > button{position:relative;z-index:1;text-align: left;color:#fff;padding:18px 20px 18px 0;width: 200px;font-size:18px;font-family: "NotoKr_M", sans-serif;border-bottom: 1px solid rgba(255,255,255,0.2);}
[class*="gw-side-menu-depth"] > button:after{font-family:xeicon;content: "\e942";font-weight: 600;transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.gw-side-menu-depth01 > button{transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);}
.gw-side-menu-depth01 > button:after{color: #fff;}
.gw-side-menu-depth01.on > button{}
.gw-side-menu-depth02{box-shadow:0px 10px 20px rgba(0,0,0,.05);}
[class*="gw-side-menu-depth"] > ul {display:none;position: absolute;left:0;padding: 28px;width: 100%;background: #fff;box-shadow: 0px 10px 20px rgba(0,0,0,.05);}
[class*="gw-side-menu-depth"] > ul > li:not(:last-child) {padding-bottom: 28px;}
[class*="gw-side-menu-depth"]  > ul > li > a{color: #666;}
[class*="gw-side-menu-depth"]  > ul > li > a.active {color: var(--main-color);font-family: "NotoKr_B", sans-serif;}


/* 서브페이지 메뉴리스트
.lnb {background:#fff url('../img/bg_lnb.gif') left bottom repeat-x; margin-top:-62px;}
.lnb li {}
.lnb li a {display:block; font-size:16px; color:#777; text-align:center; line-height:60px; border-left:1px solid #d8d8d8;}
.lnb li:last-child a {border-right:1px solid #d8d8d8;}
.lnb li a.on {border-bottom:2px solid #9acb34;} */

.lnbwrap {width:100%; height:70px; text-align: center; border-bottom: 1px solid #eeeeee;}
.lnb {display:inline-block;}
.lnb ul{padding:0;}
.lnb li {height:70px; position:relative; float:left; top:-20px; margin:0;}
.lnb li::after {content:""; width:1px; height:24px; background:#dfdfdf; display:inline-block; position:absolute; top:50%; transform:translateY(-50%); right:0;}
.lnb li:last-child::after {display:none;}
.lnb li a {display:inline-block; font-size:16px; color:#888; text-align:center; line-height:60px; padding:0 65px;}
.lnb li:last-child a {}
.lnb li a.on {font-weight:500; color:#0f5db1;}


/*다크모드*/
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:1200px) {
    #container_title .gw-sub-con-1200{align-items:center;padding-bottom: 0;flex-direction: column;justify-content: center;}
}

@media screen and (max-width:768px){
    [class*="gw-side-menu-depth"]{display: block;}
    [class*="gw-side-menu-depth"] > ul{padding-top: 40px;}
}

@media screen and (max-width:576px){
    .gw-sub-theme-visual{height: 300px;}
    #container_title .gw-sub-theme-title{font-size: 35px;}
    .gw-side-menu-container{width: 100%;}
    .gw-side-menu-container > .gw-flex > div{width:50%;}
    .gw-side-menu-container > .gw-flex > div.gw-side-menu-depth01:before{display: none;}
    .gw-side-menu-container .gw-home{display: none;}
    [class*="gw-side-menu-depth"] > button{width: 100%;}
}