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

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

******************************************************************/
#wrapper > #container_wr > #container_title { }


.breadcrumb-container{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: #fff;}
#container_title .gw-sub-con-1200 {/*padding-bottom: 100px; height: 100%;*/margin-bottom: 0; position: absolute;top: 173px;left: 50%;transform: translateX(-50%);z-index:99;}
#container_title .gw-sub-theme-visual > div{position: absolute;top:0;left:0;width: 100%;height:400px;}
#container_title .gw-sub-theme-title-container{display:flex;flex-direction:column;place-content:center;z-index:100;}
#container_title .gw-sub-theme-title { text-align: center; margin-bottom:5px;font-size: 52px;font-weight: 600; letter-spacing: -1.5px; color:#fff;
    filter: blur(20px);-webkit-filter: blur(20px);opacity: 0;transition: filter 0.7s, opacity 0.7s, letter-spacing 0.7s;}
#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{ text-align: center; margin:0 auto; filter: blur(0);-webkit-filter: blur(0);opacity: 1;}
#container_title.on .breadcrumb-container li a {font-weight: bold; letter-spacing: -1px; font-size: 15px;}


.gw-sub-theme-visual{overflow:hidden;height:400px;}
.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 {opacity: 1; pointer-events: auto; transition: opacity 0.7s, letter-spacing 0.7s; margin-top: -60px;}

/* depth 메뉴 리스트 기본 숨김 */
[class*="gw-side-menu-depth"]>ul {display: none;position: absolute;top: calc(100% - 30px);left: 0;right: 0;z-index: 11;padding-top: 30px;padding-bottom: 20px;}

/* depth01 배경색 */
.gw-side-menu-depth01>ul { background:#029894; }
/* depth02 배경색 */
.gw-side-menu-depth02>ul { background:#ffb607; }

/* 호버나 on 클래스일 때 드롭다운 표시 */
.gw-side-menu-depth01:hover > ul,
.gw-side-menu-depth02:hover > ul,
.gw-side-menu-depth01.on > ul,
.gw-side-menu-depth02.on > ul {
    display: block;
}

/*.gw-side-menu-container{opacity:0;transition:opacity 0.7s,letter-spacing 0.7s;}*/
.gw-side-menu-container.on{opacity:1;margin-top:63px;}
.gw-side-menu-container>.gw-flex{place-content:center;}
.gw-side-menu-container>.gw-flex>div{margin-left:0;position:relative;width:400px;background:#029894;}
.gw-side-menu-container>.gw-flex>.gw-side-menu-depth01{background:#029894;}
.gw-side-menu-container>.gw-flex>.gw-side-menu-depth02{background:#ffb607;}
.gw-side-menu-container.on>.gw-flex>div{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}

[class*="gw-side-menu-depth"]{position:relative;}
[class*="gw-side-menu-depth"]>button{position:relative;display:block;width:100%;height:60px;padding:0 20px 0 25px;text-align:left;z-index:102;overflow:hidden;color:#fff;}
[class*="gw-side-menu-depth"]>button>.gw-side-txt{position:relative;display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:60px;font-weight:600;letter-spacing:-0.02em;z-index:100;}
[class*="gw-side-menu-depth"]>button>.gw-side-txt: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%);}

/* depth01 */
.gw-side-menu-depth01:hover > button {background: #029894 !important;}
.gw-side-menu-depth01>button{transition:all 0.3s ease;background:#029894;}
.gw-side-menu-depth01>button:hover{background:#029894;}
.gw-side-menu-depth01>button:after{color:#fff;}
.gw-side-menu-depth01.on>button{background:#029894;}

/* depth02 */
.gw-side-menu-depth02{box-shadow:0px 10px 20px rgba(0,0,0,.05);}
.gw-side-menu-depth02>button{transition:all 0.3s ease;background:#ffb607;}
.gw-side-menu-depth02>button:hover{background:#ffb607;}
.gw-side-menu-depth02.on>button{background:#ffb607;}

[class*="gw-side-menu-depth"]>ul{display:none;position:absolute;top:calc(100% - 30px);left:0;right:0;z-index:11;padding-top:30px;padding-bottom:20px;}
.gw-side-menu-depth01>ul{background:#029894;}
.gw-side-menu-depth02>ul{background:#ffb607;}
.gw-side-menu-depth01>ul>li:not(:last-child)>a,
.gw-side-menu-depth02>ul>li:not(:last-child)>a{padding-bottom:20px;}
.gw-side-menu-depth01>ul>li>a,
.gw-side-menu-depth02>ul>li>a{padding:0 20px 0 25px;display:block;width:100%;color:#fff;}
.gw-side-menu-depth01>ul>li>a.active,
.gw-side-menu-depth02>ul>li>a.active{font-family:"NotoKr_B",sans-serif;}



@media screen and (max-width:1024px){
    #container_title .gw-sub-con-1200{padding-bottom:50px;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:30px;}
    .gw-side-menu-container{width:100%;}
    .gw-side-menu-container>.gw-flex{ }
    .gw-side-menu-container>.gw-flex>div{margin-left:0;flex:1;width:auto;}
    [class*="gw-side-menu-depth"]{display:block;}
    [class*="gw-side-menu-depth"]>ul{padding-top:40px;}
    .gw-side-menu-container.on{margin-top:70px;}

    .gw-sub-con-1200 {padding:0;}
    .gw-sub-con-1400 {padding:0;}
}

@media screen and (max-width:576px){
    .gw-sub-theme-visual{height:200px;}
    #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-depth01>button,
    .gw-side-menu-depth02>button{padding:0 1rem;width:100%;height:50px;}
    .gw-side-menu-depth01>button>.gw-side-txt,
    .gw-side-menu-depth02>button>.gw-side-txt{line-height:50px;}
    .gw-side-menu-container.on{margin-top:30px;}
    #container_title .gw-sub-con-1200 {top: 80px;}

    #container_title .gw-sub-theme-visual > div{height:200px;}

    .gw-side-menu-container { margin-top: -10px;}
}