/* bottom header */
.bottom-header-wrap{position:relative;}
.bottom-header-box{border-top:1px solid #efefef;}
.bottom-header-box .gnb-wrap{margin:0 auto;max-width:1280px;}

/* gnb */
.gnb-wrap{position:relative;}
.gnb-ul{text-align:center;}
.gnb-ul:after{content:'';display:block;clear:both;}
.gnb-ul > li{display:inline-block;margin:0 -4px 0 0;padding:0 45px;width:auto;}
.gnb-ul > li > a{display:block;position:relative;padding:22px 5px;font-size:18px;line-height:25px;color:#333;}
.gnb-ul > li > a:hover{font-weight:500;letter-spacing:-0.2px;line-height:23px;color:#0058a2;}
.gnb-ul > li > a:hover:before{content:'';display:block;position:absolute;top:50%;left:-4px;width:5px;height:5px;border-radius:5px;background:#ffa200;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);}
.gnb-ul > li > a.current{font-weight:500;letter-spacing:-0.2px;line-height:23px;color:#0058a2;}
.gnb-ul > li > a.current:before{content:'';display:block;position:absolute;top:50%;left:-4px;width:5px;height:5px;border-radius:5px;background:#ffa200;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);}
.gnb-ul > li.active > a{font-weight:500;letter-spacing:-0.2px;line-height:23px;color:#0058a2;}
.gnb-ul > li.active > a:before{content:'';display:block;position:absolute;top:50%;left:-4px;width:5px;height:5px;border-radius:5px;background:#ffa200;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);}
.gnb-ul > li > .sub-mn-box{display:none;position:absolute;top:calc(100% + 3px);left:0;right:0;z-index:40;width:100%;box-sizing:border-box;}
.gnb-ul > li > .sub-mn-box > p{display:none;/*margin:0 0 30px;padding:33px 0;border-bottom:1px dotted #fff;font-weight:500;font-size:25px;color:#fff;line-height:33px;*/}

/*.gnb-ul > li > .sub-mn-box .sub-mn{display:table;width:100%;table-layout:fixed;position:relative;}
.gnb-ul > li > .sub-mn-box .sub-mn > li{display:table-cell;padding:40px 20px 120px;width:100%;
	border-right:1px solid #e3e3e3;line-height:1;box-sizing:border-box;text-align:left;}*/

.gnb-ul > li > .sub-mn-box .sub-mn{display: flex;flex-wrap: wrap;justify-content: flex-start;position: relative;width: 100%;border-left:1px solid #e3e3e3;}
.gnb-ul > li > .sub-mn-box .sub-mn > li{display: block;padding: 35px 20px 0px;border-right: 1px solid #e3e3e3;line-height: 1;box-sizing: border-box;text-align: left;width: 25% !important;float: left;}

.gnb-ul > li > .sub-mn-box .sub-mn > li > a span{font-weight: 400;}   
.gnb-ul > li > .sub-mn-box .sub-mn > li > a{display:block;position:relative;font-weight:500;font-size:16px;line-height:21px;color:#333;}
.gnb-ul > li > .sub-mn-box .sub-mn02{padding:20px 0 0 0;}
.gnb-ul > li > .sub-mn-box .sub-mn02 > li{padding:0 0 15px;}
.gnb-ul > li > .sub-mn-box .sub-mn02 > li:last-of-type{padding:0;}
.gnb-ul > li > .sub-mn-box .sub-mn02 > li > a{display:inline-block;position:relative;padding:0 0 0 10px;font-weight:400;font-size:17px;color:#666666;line-height:23px;letter-spacing:-1px;}
.gnb-ul > li > .sub-mn-box .sub-mn02 > li > a:before{content:'';display:block;position:absolute;top:10px;left:0;width:3px;height:3px;border-radius:3px;background:#666;}
.gnb-ul > li > .sub-mn-box .sub-mn02 > li > a:hover{color:#0058a2;}
.gnb-ul > li > .sub-mn-box .sub-mn02 > li > a:hover:before{background:#0058a2;}
.gnb-ul > li > .sub-mn-box .sub-mn02 > li > a.active{color:#0058a2;}
.gnb-ul > li > .sub-mn-box .sub-mn02 > li > a.active:before{background:#0058a2;}

.gnb-ul > li > .sub-mn-box .col02 .sub-mn02{display:inline-block;padding-right:10px;width:calc(50% - 10px);vertical-align:top;}
.gnb-ul > li > .sub-mn-box .col02 .sub-mn02:nth-of-type(2n){padding-right:0;}

.gnb-bg{display:none;position:absolute;top: calc(100% + 0px);left: 0px;z-index: 30;width: 100%;border-top:3px solid #00579f;border-bottom:1px solid #e3e3e3;background:#fff url(../img/common/bg-logo03.png) no-repeat 3% 50%;background-size:200px;transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;}

.slideMenu{display:none;}
.btn-menu{display:none;}

@media screen and (max-width: 1280px) {
	/* gnb */
	.gnb-ul > li{padding:0 24px;}
}