.clear:after {
	display: block;
	content: '';
	clear: both;
}
.hr_logo {
	display: inline-block;
}
.hr_logo img {
	width: 100%;
	/* max-width: 280px; */
	max-width: 228px;
}
.pop_search {
	display: inline-block;
	width: 62px;
	height: 62px;
	background: var(--color-sky-blue) url('../img/new/icon_search.png') no-repeat 50% 50%;
}
.header_gnb {
}

/*pc*/
@media all and (min-width: 780px) {
	.DB_lnb_wrap {
		height: 92px;
	} /*fixed 될경우 메뉴의 높이값 확보*/

	.DB_lnb {
		position: relative;
		width: 100%;
		height: 92px;
		background: #fff;
	}
	.DB_lnb.fixed {
		position: fixed;
		z-index: 99999;
		top: 0;
	}
	.DB_lnb .title {
		display: none;
	}
	.DB_lnb .toggle {
		display: none;
	}
	.DB_lnb .bg {
		position: absolute;
		z-index: 10;
		left: 0;
		top: 92px;
		width: 100%;
		height: 0;
		border-top: 1px solid var(--color-grey-line);
		background: var(--color-greyF4);
		transition: 0.3s;
	}
	.DB_lnb .inner {
		position: absolute;
		z-index: 11;
		left: 0;
		width: 100%;
	}
	.DB_lnb .gnb_group {
		margin: 0 auto;
		width: 1200px;
		height: 92px;
	}
	.DB_lnb .gnb_group:after {
		display: block;
		visibility: hidden;
		clear: both;
		content: "";
	}
	.DB_lnb .gnb_group .gnb_logo {
		float: left;
		display: inline-block;
		margin-top: 30px;
	}
	.DB_lnb .gnb_group .gnb_search {
		margin-top: 30px;
		float: right;
		display: inline-block;
	}
	.DB_lnb .d1 {
		position: relative;
		top: 0;
		/* max-width: 600px; */
		max-width: 800px;
		margin: 0 auto 0;
	}
	.DB_lnb .d1 > li {
		float: left;
		/* width: 25%; */
		width: 19%;
		height: 100%;
	}
	.DB_lnb .d1 > li > a {
		margin-top: 30px;
		display: block;
		font-size: var(--font-regular);
		font-weight: var(--weight-400);
		height: 62px;
		line-height: 62px;
		text-align: center;
	}
	.DB_lnb .d1 > li:hover > a {
		color: var(--color-sky-blue);
	}
	.DB_lnb .d1 > li:hover .d2 {
		position: relative;
		z-index: 10;
		background: var(--color-sky-blue);
		color: var(--color-white);
	}
	.DB_lnb .d1 > li:hover .d2 a {
		color: var(--color-white);
	}
	.DB_lnb .d1 > li:first-child .d2 {
		border-left: 1px solid #e4e8ed;
	}

	.DB_lnb .d2 {
		border-right: 1px solid #e4e8ed;
		height: 0;
		overflow: hidden;
		transition: 0.3s;
	}
	.DB_lnb .d2 > li {
		position: relative;
	}
	.DB_lnb .d2 > li:first-child {
		padding-top: 20px;
	}
	.DB_lnb .d2 > li.be > a {
		background: url('../img/gnb/ico_be.png') no-repeat 95% center;
	}
	.DB_lnb .d2 > li > a {
		display: block;
		height: 40px;
		line-height: 40px;
		font-size: 1.1em;
		font-weight: var(--weight-400);
		text-align: center;
	}
	.DB_lnb .d2 > li:hover {
		position: relative;
		z-index: 10;
	}
	.DB_lnb .d2 > li:hover a > span {
		display: inline;
		border-bottom: 2px solid #ff0000;
	}
	.DB_lnb .d2 > li:hover .d3 {
		display: block;
	}
	.DB_lnb .d2:hover {
		overflow: visible;
	}
	.DB_lnb .d2 span.tx_line {
		padding: 0 10px;
	}
	.DB_lnb:hover .bg {
		height: 250px;
		transition: 0.3s;
	}
	.DB_lnb:hover .d2 {
		height: 250px;
		transition: 0.3s;
	}
	.mpbile_gnb_logo {
		display: none;
	}
	.mobile_gnb_search {
		display: none;
	}
}

/*mobile*/
@media all and (max-width: 779px) {
	.header_util .list_util a {
		height: 48px;
		line-height: 48px;
	}
	.header_util .list_util > span {
		display: none;
	}

	.mpbile_gnb_logo {
		position: absolute;
		z-index: 99;
		top: 0;
		height: 48px;
		padding: 7px 0 5px 5px;
	}
	.mobile_gnb_search {
		position: absolute;
		z-index: 99;
		top: 49px;
		right: 0;
		width: 45px;
	}
	.mobile_gnb_search .pop_search {
		width: 45px;
		height: 45px;
	}
	.mpbile_gnb_logo .hr_logo img {
		width: 100%;
		max-width: 170px;
	}
	.DB_lnb_wrap {
		position: relative;
		z-index: 10;
		height: 30px;
	} /*fixed 될경우 메뉴의 높이값 확보*/
	.DB_lnb {
		position: relative;
		background: #fff;
	}
	.DB_lnb .title {
		position: relative;
		z-index: 20;
		height: 45px;
		background: #fff;
	}
	.DB_lnb .toggle {
		position: absolute;
		width: 45px;
		height: 45px;
		background: url('../img/gnb/toggle_open.gif') no-repeat center;
		background-size: cover;
	}
	.DB_lnb .path {
		float: right;
		margin-right: 10px;
	}
	.DB_lnb .path i i {
		display: inline-block;
		font-style: normal;
		line-height: 45px;
		padding: 0 15px;
		background: url('../img/gnb/arrow.png') no-repeat right center;
		background-size: 8px;
		color: #184074;
		font-size: 3.7vw;
	}
	.DB_lnb .bg {
		display: none;
		position: fixed;
		z-index: 10;
		left: 0;
		top: 0px;
		width: 100%;
		height: 100%;
		background: rgba(255, 255, 255, 0.95);
	}
	.DB_lnb .inner {
		display: none;
		position: absolute;
		left: 0;
		width: 100%;
		z-index: 20;
		overflow: hidden;
	}

	.DB_lnb .d1 {
		position: relative;
		width: 100%;
		left: 0;
		transition: 0.3s;
	}
	.DB_lnb .d1 > li:nth-child(1) {
		border-top: 1px solid #636a74;
	}
	.DB_lnb .d1 > li {
		line-height: 45px;
		border-bottom: 1px solid #636a74;
	}
	.DB_lnb .d1 > li > a {
		display: block;
		font-size: 3.5vw;
		line-height: 45px;
		color: #000;
		text-align: center;
	}
	.DB_lnb .d1 > li.be > a {
		background: url('../img/gnb/ico_be.png') no-repeat 95% center;
	}
	.DB_lnb .d1 > li.on {
		background: #009ebb;
	}

	.DB_lnb .d1 > li.on .d2 {
		display: block;
	}

	.DB_lnb .d2 {
		display: none;
		position: absolute;
		width: 100%;
		left: 100%;
		top: 0;
	}
	.DB_lnb .d2 > li:nth-child(1) {
		border-top: 1px solid #636a74;
	}
	.DB_lnb .d2 > li {
		line-height: 45px;
		border-bottom: 1px solid #636a74;
	}
	.DB_lnb .d2 > li > a {
		display: block;
		font-size: 3.5vw;
		line-height: 45px;
		color: #000;
		text-align: center;
	}
	.DB_lnb .d2 > li.be > a {
		background: url('../img/gnb/ico_be.png') no-repeat 95% center;
	}
	.DB_lnb .d2 > li.on {
		background: #1d7098;
	}
	.DB_lnb .d2 > li.on .d3 {
		display: block;
	}

	.DB_lnb .d3 {
		display: none;
		position: absolute;
		width: 100%;
		left: 100%;
		top: 0;
	}
	.DB_lnb .d3 li {
		line-height: 45px;
		border-bottom: 1px solid #636a74;
	}
	.DB_lnb .d3 li > a {
		display: block;
		font-size: 3.5vw;
		line-height: 45px;
		color: #fff;
		text-align: center;
	}
	.DB_lnb .d3 li.on {
		background: #183f76;
	}

	/*open*/
	.DB_lnb.on .toggle {
		background: url('../img/gnb/toggle_close.gif') no-repeat center;
		background-size: cover;
	}
	.DB_lnb.on .bg {
		display: block;
	}
	.DB_lnb.on .inner {
		display: block;
	}
	.DB_lnb.on .d1.step1 {
		left: -100%;
		transition: 0.3s;
	}
	.DB_lnb.on .d1.step2 {
		left: -200%;
		transition: 0.3s;
	}
	.DB_lnb.on.fixed {
		position: fixed;
		width: 100%;
		top: 0;
	}
	.DB_lnb .path {
		float: right;
		margin-right: 65px;
	}
}
@media all and (max-width: 779px) {
	.gnb_logo {
		display: none;
	}
	.gnb_search {
	}
	.gnb_search .pop_search {
		display: none;
	}
}