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

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

******************************************************************/
.gw-sec-container{margin:0 auto;width: 1520px;}
.breadcrumb-container{gap:5px;}
.breadcrumb-container > li {margin-top:1rem;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.8);}
.breadcrumb-container > li > a.active {color: #fff;}
#container_title {background: #f8f8f8;height:405px;}
#container_title .gw-sub-theme-visual > div{position: absolute;top:0;left:0;width: 100%;height:100%;}
#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: var(--main-title02);color:#fff;letter-spacing: -0.03em;font-weight: 700;}
.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 { position: absolute;bottom: 0;left: 0;z-index: 999;width:100%;height: calc(5rem + 2px);border-top: 2px solid rgba(255,255,255,0.1);}
.gw-side-menu-container .gw-sec-container{height: 100%;}
.gw-side-menu-container .gw-home {width: 2rem;}
.gw-side-menu-container .gw-home > a{display: block;width: 100%;height: 100%;}
[class*="gw-side-menu-depth"]{position: relative;width: calc(50% - 4rem);}
[class*="gw-side-menu-depth"] > button{padding:0 5rem 0 2rem;color:#fff;position:relative;z-index:1;text-align: left;width: 100%;height:calc(5rem + 2px);font-size:var(--main-text01); font-weight: 500;}
[class*="gw-side-menu-depth"] > button:after{font-family:xeicon;content: "\e942";color:#fff;font-size:1.5rem;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{border-radius:3.5rem 0 0 3.5rem;transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);}
.gw-side-menu-depth02 > button{border-radius: 0 3.5rem 3.5rem 0;}
[class*="gw-side-menu-depth"] > ul {display:none; position:absolute; top:100%; left:-1px; right:0; border:1px solid #ddd; border-top:0; background-color:#fff; z-index:11; padding-bottom:10px}
[class*="gw-side-menu-depth"] > ul > li > a{display:block; padding:10px 2rem; word-break:keep-all; line-height:1.5;transition: all 0.4s ease;}
[class*="gw-side-menu-depth"].on button:after{transform: translateY(-50%) rotate(180deg);}
[class*="gw-side-menu-depth"] > ul > li > a:hover{color: var(--main-color);}

@media screen and (max-width:768px){
    .gw-side-menu-container{height: calc(4rem + 2px);}
    .gw-side-menu-container .gw-sec-container{padding: 0;}
    [class*="gw-side-menu-depth"]{padding-left:1rem;width: calc(50% - 1rem);}
    [class*="gw-side-menu-depth"] > button{padding:0;font-size: 16px;height: calc(4rem + 2px);}
}

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