.bottom-content-start{display: flex;gap: 40px;align-items: center;justify-content: space-between;}    
.bottom-content-start h1{padding:10px 0 40px;font-size:0;line-height:1;}
.bottom-content-start h1 > a{display:inline-block;font-size:0;}
.bottom-content-start h1 > a img{display:inline-block; width: 188px; height: 50px;}
.bottom-content-start h1 > a .logo-green{display:none;}
.bottom-content-start a span {display: inline-block;font-size: 18px;font-weight:500;color: #fff;padding-left: 10px;margin-left: 10px;vertical-align: middle;border-left: 1px solid #fff;line-height: 1;}
header.active .bottom-content-start a span {color: #24417a;border-left: 1px solid #24417a;}

/* gnb */
.depth_01{display:flex;padding:15px 0 0;white-space:nowrap;} /* 메뉴 전체 줄바꿈 원천 방지 */
.depth_01 > li{position:relative;margin:0 35px 0 0;} /* 메뉴 간격을 기존 65px에서 35px로 축소하여 한 줄 유지 */
.depth_01 > li:last-of-type{margin:0;}
.depth_01 > li > a{display:block;position:relative;margin:0 0 50px 0;padding:0 0 0 20px;font-size:18px;line-height:25px;color:#fff;} /* 폰트 크기를 살짝 줄여 공간 확보 */
.depth_01 > li > a:hover:after,
.depth_01 > li.on > a:after{content:'';display:block;position:absolute;bottom:-5px;right:0;width:calc(100% - 20px);height:2px;background:#006e38;}
.depth_01 > li > a:hover:before,
.depth_01 > li.on > a:before{content:'';display:block;position:absolute;top:7px;left:0;width:9px;height:12px;background:url(../img/common/ico-gnb-active.png) no-repeat center center/100%;}

.depth_02{display:none;position:absolute;top:100%;left:50%;z-index:10;padding:20px 15px 25px;min-width:180px;background-color:#fff;box-sizing:border-box;transform:translateX(-50%);-ms-transform:translateX(-50%);}
.on > .depth_02{display:block;}
.depth_02 > li{position:relative;padding:0 0 25px;}
.depth_02 > li:last-of-type{padding:0;}
.depth_02 > li > a{display:block;position:relative;font-size:17px;line-height:25px;letter-spacing:-0.5px;color:#333;text-align:center;}
.depth_02 > li.on > a,
.depth_02 > li > a:hover,
.depth_02 > li > a:focus{color:#053824;}

.sub-mn02{display:none;position:absolute;top:0;left:calc(100% - 1px);padding:8px 10px 12px 25px;min-width:125px;border-radius:0 10px 10px 0;background-color:#006e38;box-sizing:border-box;}
.on > .sub-mn02{display:block;}
.sub-mn02 > li{padding:0 0 15px 0;}
.sub-mn02 > li:last-of-type{padding:0;}
.sub-mn02 > li > a{font-size:14px;color:#fff;line-height:21px;letter-spacing:-0.5px;}
.sub-mn02 > li > a:hover{text-shadow:0 0 1px #fff;}
.gnb-ul > li:last-of-type .sub-mn02{left:auto;right:calc(100% - 1px);border-radius:10px 0 0 10px;}
.gnb-ul > li:last-of-type .sub-mn-box{padding:20px 15px;}

header.active{background:#fff;}
header.active .bottom-content-start h1 > a p span{color:#006e38;}
header.active .bottom-content-start h1 > a .logo-green{display:inline-block;}
header.active .bottom-content-start h1 > a .logo-white{display:none;}
header.active .depth_01 > li > a{color:#222;}

/* 모바일 메뉴 관련 */
.btn-menu{display:none;}
.slideMenu{display:none;}
.slide-close{display:none;}
.m-gnb-bg{display:none;}


@media screen and (max-width:1600px){
	.depth_01 > li{margin:0 25px 0 0;} /* 해상도가 조금만 줄어들어도 간격을 더 좁혀서 줄바꿈 방지 */
}

@media screen and (max-width:1500px){
	.depth_01> li:last-of-type .sub-mn-box{left:unset;right:0;transform:unset;}
}

@media screen and (max-width:1400px){
	.depth_01 > li{margin:0 18px 0 0;}
	.bottom-content-start h1 > a p span{display:block;}
}

@media screen and (max-width:1024px){
	.bottom-content-start{gap: 0;}
	.bottom-content-start h1{padding:0;}
	.bottom-content-start h1 > a img{width: 156px; height: auto;}
	.bottom-content-start .gnb-wrap{display:none;}		
	.btn-menu{display:block;position:absolute;top:23px;right:10px;width:30px;height:30px;background:url(../img/common/btn-m-menu-metro05.png) no-repeat 0 0/100%;}

	.gnb-box .pc-box{display:none;}
	.gnb-box .mo-box{display:block;}	
	.gnb-box .mo-box .btn-m-menu{display:inline-block;width:34px;height:34px;background:url(../img/common/btn-m-menu-metro05.png) no-repeat 50% 50%/100%;vertical-align:middle;}

	/* 모바일메뉴 */
	.slideMenu{position:fixed;top:0;right:-100%;width:82%;height:100%;background:#fff;overflow-y:auto;box-sizing:border-box;z-index: 999;}	
	.slideMenu.on + .slide-close + .m-gnb-bg{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);}
	.slideMenu.on + .slide-close{display:inline-block;position:absolute;top:30px;right:calc(82% + 20px);z-index:10;width:30px;height:30px;background:url(../img/common/btn-m-menu-close.png) no-repeat 50% 50%/100%;}

	.m-gnb-header{padding:15px 35px;background:#053824;}
	.m-gnb-header .m-util-box ul li{display:inline-block;position:relative;margin:0 30px 0 0;padding:0 30px 0 0;}
	.m-gnb-header .m-util-box ul li:last-of-type{margin:0;padding:0;}
	.m-gnb-header .m-util-box ul li:after{content:'';display:block;position:absolute;top:9px;right:0;width:1px;height:13px;background:#fff;}
	.m-gnb-header .m-util-box ul li:last-of-type:after{display:none;}
	.m-gnb-header .m-util-box ul li a{font-size:20px;line-height:28px;color:#fff;}
	.m-gnb .dep1 > li{border-bottom:1px solid #eaeaea;}
	.m-gnb .dep1 > li > a{display:block;position:relative;padding:15px 65px 15px 35px;font-weight:400;font-size:16px;line-height:24px;color:#212121;}
	.m-gnb .dep1 > li > a.selected{background:#e6ebe9;color:#053824;}
	.m-gnb .dep1 > .has-dep > a:after{content:'';display:block;position:absolute;top:50%;right:35px;width:20px;height:20px;background:url(../img/common/ico-has-dep.png) no-repeat 50% 50%/100%;transform:translateY(-50%);-ms-transform:translateY(-50%);}
	.m-gnb .dep1 > .has-dep > a.selected:after{width:20px;height:2px;background-image:url(../img/common/ico-has-dep-open.png);}
	.m-gnb .dep2{padding:15px 35px;}
	.m-gnb .dep2 > li{padding:0 0 15px;}
	.m-gnb .dep2 > li:last-of-type{padding:0;}
	.m-gnb .dep2 > li > a{display:inline-block;position:relative;padding:0 0 0 10px;font-weight:200;font-size:15px;line-height:23px;}
	.m-gnb .dep2 > li > a:before{content:'';display:block;position:absolute;top:9px;left:0;width:4px;height:4px;border-radius:50%;background:#053824;}
	.m-gnb .dep2 > li > a.selected,
	.m-gnb .dep2 > li > a.active{font-weight:500;color:#006e38;}
	.m-gnb .dep3{padding:5px 0 0 15px;}
	.m-gnb .dep3 > li{padding:0 0 3px;}
	.m-gnb .dep3 > li:last-of-type{padding:0;}
	.m-gnb .dep3 > li > a{position:relative;padding:0 0 0 10px;font-weight:200;font-size:14px;line-height:22px;}
	.m-gnb .dep3 > li > a:before{content:'';display:block;position:absolute;top:11px;left:0;width:5px;height:1px;background:#000;}
	.m-gnb .dep3 > li > a.selected,
	.m-gnb .dep3 > li > a.active{color:#006e38;}
	.m-gnb .dep3 > li > a.selected:before,
	.m-gnb .dep3 > li > a.active:before{background:#006e38;}
}

@media screen and (max-width:768px){
	.bottom-content-start h1 > a img{width:128px;}
	.bottom-content-start h1 a span{font-size:14px;}
	.gnb-box .mo-box .btn-m-menu{width:25px;height:25px;}

	.m-gnb-header{padding:15px;align-items:center}
	.m-gnb-header .slide-close{width:20px;height:20px;}
	.m-gnb-header .m-util-box ul li{margin:0 10px 0 0;padding:0 10px 0 0;}
	.m-gnb-header .m-util-box ul li:after{top:8px;height:10px;}
	.m-gnb-header .m-util-box ul li a{font-size:14px;line-height:22px;}

	.m-gnb .dep1 > .has-dep > a:after{right:15px;width:17px;height:17px;}
	.m-gnb .dep1 > .has-dep > a.selected:after{width:17px;}
	.m-gnb .dep1 > li > a{padding:12px 45px 12px 17px;}
	.m-gnb .dep2{padding:12px 17px;}
	.m-gnb .dep2 > li{padding:0 0 12px;}

	.slideMenu.on + .slide-close{right:calc(82% + 10px);}
}

@media screen and (max-width:480px){
	.bottom-content-start h1 > a p span{display:block;}
}