.header-box{display:flex;justify-content: space-between;height:100px;position:relative;}
.header-box .logo{display: flex;align-items: center;background-color:#273AC3;padding: 30px 46px;height: 140px;box-sizing: border-box;z-index: 21;}

.gnb-box{display:flex;align-items:center;}

.gnb-box .gnb-ul{display:flex;}
.gnb-box .gnb-ul > li{position:relative;padding:0 80px 0 0;box-sizing:border-box;}
.gnb-box .gnb-ul > li:last-child{padding-right:0;}
.gnb-box .gnb-ul > li > a{display:block;font-weight:700;font-size:18px;color:#fff;line-height:28px;}

.sub-mn-box{display:none;position:absolute;top:100%;left:0;z-index:30;padding:20px 10px 20px 0;width:100%;box-sizing:border-box;}
.sub-mn > li > a{display:inline-block;position:relative;padding:8px 22px 8px 0;width:100%;font-weight:400;font-size:16px;color:#666;line-height:21px;box-sizing:border-box;}
.sub-mn > li > a:hover{background:url(/_res/kookmin/sookmyung/img/main-b/ico-path-depth-arr.png) no-repeat right 10px center;color:#0c2e87;}
.sub-mn > li > a:hover:before{content:'';position:absolute;top:0;left:-10px;z-index:-10;width:calc(100% + 10px);height:100%;border-radius:5px;background-color:#f3f4f6;}

.sub-mn02{display:none;}

.gnb-link-box{display:flex;align-items:center;justify-content:center;width:350px;background-color:#F7F8FF;}
.gnb-link-box > ul{display:flex;align-items:center;}
.gnb-link-box > ul > li{position:relative;margin-right:32px;}
.gnb-link-box > ul > li:not(:last-of-type):after{content:'';position:absolute;top:50%;right:0;margin:-6px 0 0;width:1px;height:11px;background-color:rgba(223,223,223,0.15);}
.gnb-link-box > ul > li:last-of-type{margin:0;padding:0;}
.gnb-link-box > ul > li > a{display:inline-block;}
.gnb-link-box > ul > li span{display:inline-block;font-weight:600;font-size:14px;color:#fff;line-height:24px;}
.gnb-link-box > ul > li:hover  span{color:#0c2e87;}

.on .header-box, .mo-gnb-open .header-box{background-color: #fff;border-bottom-color:#eaeaea;}
.on .header-box .logo a img.pc.open{display:inline-block;}
.on .header-box .logo a img.pc:not(.open){display:none;}
.on .header-box .logo a span, .mo-gnb-open .header-box .logo a span{color:#5d4f3a;}
.on .gnb-box .gnb-ul > li > a{color:#333;}
.on .gnb-link-box > ul > li:not(:last-of-type):after{background-color:#dfdfdf;}
.on .gnb-link-box > ul > li span{color:#666;}

.mo-gnb-open .header-box .logo a img.mo.open{display:inline-block;}
.mo-gnb-open .header-box .logo a img.mo:not(.open){display:none;}

.main .gnb-bg{100%;border-top: 0;}
.gnb-bg{display:none;position:absolute;top:100%;left:0;z-index:20;width:100%;background-color:#fff;box-shadow:0 10px 10px rgba(0,0,0,0.1);}
.gnb-mo-box{display:none;}

body:not(.main) .bottom-header-box .logo a span{color:#5d4f3a;}
body:not(.main) .gnb-box .gnb-ul > li > a{color:#333;}
body:not(.main) .gnb-link-box > ul > li span{color:#666;}
body:not(.main) .bottom-header-box .logo a img{display:none;}
body:not(.main) .bottom-header-box .logo a img.pc.open{display:inline-block;}

@media screen and (min-width:1025px){
	.gnb-link-box > ul > li .g-lang-box > p{background-image:url(/_res/cuk/_share/img/common/bg-google-arr-w.png);}
	.on .gnb-link-box > ul > li .g-lang-box > p{background-image:url(/_res/cuk/_share/img/common/bg-google-arr.png);}
}

@media screen and (max-width:1800px){
	.bottom-header-box{padding:0 20px;box-sizing:border-box;}
}

@media screen and (max-width:1650px){
	
	.header-box .logo img{width:154px;}
	
	.gnb-box .gnb-ul > li{padding:0 60px 0 0;}
	.gnb-box .gnb-ul > li > a{font-size:16px;line-height:26px;}

	.sub-mn > li > a{font-size:14px;line-height:19px;}
	
	.gnb-link-box {width:250px;}
	.gnb-link-box > ul > li{margin:0 10px 0 0;padding:0 10px 0 0;}
}

@media screen and (max-width:1400px){
	.gnb-box .gnb-ul > li{padding:0 40px 0 0;}
	
	.gnb-link-box {width:140px;}
}

@media screen and (max-width:1024px){
	.header-box{display:block;position:relative;box-sizing:border-box;background-color:#07157A;height:64px;}
	.header-box .logo{display:inline-block;padding:9px 20px;background-color:transparent;height:auto;}
	.header-box .logo a img.mo{display:inline-block;width:52px;}
	.header-box .logo a img.pc, .header-box .logo a img.mo.open{display:none;}

	body:not(.mo-gnb-open) .gnb-link-box{visibility:hidden;}
	body.mo-gnb-open .gnb-link-box{display:none;}
	.mo-gnb-open .header-box{background-color: #07157A;border-bottom-color:#eaeaea;}
	.gnb-link-box{position:fixed;bottom:0;left:0;z-index:9999999;padding:0 18px 23px;width:180px;text-align:left;box-sizing:border-box;opacity:0;transition:opacity 1s;}
	.gnb-link-box > ul{display:block;}
	.gnb-link-box > ul > li{margin:0;padding:0 0 14px;}
	.gnb-link-box > ul > li:after{display:none;}
	.gnb-link-box > ul > li span{color:#666;}

	.gnb-box{display:none;}
	.gnb-mo-box{display:block;}

	.btn-m-menu{display:block;position:absolute;top:0;right:0;width:64px;height:64px;background:url(/_res/temp/temp16/img/main-sub/ico-menu.png) no-repeat center center;background-color:#fff;box-sizing:border-box;}

	/* Mobile menu */
	.slideMenu{display:none;position:absolute;top:100%;right:-100%;z-index:999999;width:100%;height:calc(100vh - 72px);border-top:5px solid #e3e3e4;background-color:#fff;text-align:left;box-sizing:border-box;}
	.slideMenu .m-util-box{position:absolute;bottom:10px;left:0;width:100%;max-width:154px;}
	.slideMenu .m-util-box > li{border-bottom:1px solid #ffffff1a;}
	.slideMenu .m-util-box > li:last-of-type{border-bottom:0;}
	.slideMenu .m-util-box > li:first-of-type{background:#005dca;}
	.slideMenu .m-util-box > li > a{display:block;padding:20px 24px;font-weight:400;font-size:14px;color:#fff;line-height:19px;}

	.m-gnb{position:relative;height:100%;background-color:#f8f8f8;box-sizing:border-box;}
	.m-gnb .dep1{width:180px;max-height:calc(100% - 145px);overflow-y:auto;box-sizing:border-box;}
	.m-gnb .dep1 > li{border-bottom:1px solid #e3e3e4;}
	.m-gnb .dep1 > li > a{display:block;position:relative;padding:18px;font-weight:700;font-size:18px;color:#000;line-height:23px;}
	.m-gnb .dep1 > li > a.selected{background:#fff url(/_res/temp/temp16/img/main-sub/bg-mo-gnb-arr.png) no-repeat right 12px center/7px;color:#0c2e86;}
	.m-gnb .dep1 > li > a.selected + ul{display:block;}

	.m-gnb .dep2{display:none;position:absolute;top:0;right:0;padding:22px 24px;width:calc(100% - 180px);height:100%;border-left:1px solid #e3e3e4;background-color:#fff;box-sizing:border-box;overflow-y:auto;}
	.m-gnb .dep2 > li{position:relative;padding:0 0 18px 0;}
	.m-gnb .dep2 > li:last-of-type{padding:0;}
	.m-gnb .dep2 > li > a{position:relative;display:block;font-weight:500;font-size:15px;line-height:20px;}
	.m-gnb .dep2 > li.has-dep > a:after{content:'';position:absolute;top:3px;right:0;width:16px;height:16px;background:url(/_res/cuk/_share/img/common/ico-deps-open.png) no-repeat center center;}
	.m-gnb .dep2 > li.has-dep.open > a:after{background-image:url(/_res/cuk/_share/img/common/ico-deps-close.png);}
	.m-gnb .dep2 > li > a:hover, .m-gnb .dep2 > li > a.selected{color:#0c2e86;}

	.m-gnb .dep3{display:none;padding:23px 0 0 0;}
	.m-gnb .dep3 > li{padding:0 0 19px;}
	.m-gnb .dep3 > li:last-of-type{padding:0;}
	.m-gnb .dep3 > li > a{font-weight:400;font-size:16px;color:#111;line-height:22px;}
	.m-gnb .dep3 > li > a:hover, .m-gnb .dep3 > li > a.active{color:#030f89;}

	.slide-close{display:none;position:absolute;top:50%;right:20px;z-index:10;margin:-8px 0 0;width:15px;height:15px;background:url(/_res/temp/temp16/img/main-sub/ico-close.png) no-repeat center/100%;box-sizing:border-box;}
	.m-gnb-bg{display:none;position:fixed;top:142px;left:0;z-index:20;width:100%;height:calc(100% - 100px);background-color:rgba(0,0,0,0.9);}

	.mo-gnb-open .btn-m-menu{display:none;}
	.mo-gnb-open .slide-close{display:block;}

	body:not(.main) .btn-m-menu{background-image:url(/_res/temp/temp16/img/main-sub/ico-menu.png)}
	body:not(.main) .header-box .logo a img.pc.open{display:none;}
	body:not(.main) .header-box .logo a img.mo.open{display:inline-block;}

}

@media screen and (max-width:320px){
	.m-gnb .dep1{width:150px;max-height:calc(100% - 130px);}
	.m-gnb .dep1 > li > a{padding:18px 14px;}
	.m-gnb .dep2{width:calc(100% - 150px);}

	.gnb-link-box{padding:0 14px 15px;width:150px;}
	.gnb-link-box > ul > li{padding:0 0 10px 0;}

}