/*@media screen and (min-width: 576px) and (max-width: 767px) {
	.container, .container-sm {max-width:100%!important;}
}*/

/*------------------------------------------------------------------------------------------------------
탑메뉴
---------------------------------------------------------------------------------------------------------
@media screen and (min-width: 992px) {
	.sub_top #nav > ul > li > a {color: #333!important;}
}*/

/*------------------------------------------------------------------------------------------------------
서브비주얼 transform: translateX(-50%);/*absolute시 x축 정중앙
------------------------------------------------------------------------------------------------------*/
/* 서브 헤더 */
.sub-header_sj {
  position: relative;
  padding: 80px 0;
  background-color: var(--primary-color_sj);
  color: var(--white_sj);
  overflow: hidden;
}
.sub-header_sj::before {
  content: '';
  position: absolute; top: 0; left: 0; width: 100%; height: 100%;
  background-size: cover; background-position: center; z-index: 1;
  animation: kenBurns_sj 20s infinite alternate;
}
.sub-header_sj .container { position: relative; z-index: 2; }
@keyframes kenBurns_sj { from { transform: scale(1);} to { transform: scale(1.6);} }

/* 서브 헤더 배경 이미지 */
.headerimg_intro::before {background-image: linear-gradient(rgba(22, 109, 109, 0.8), rgba(0, 51, 102, 0.8)), url('../intro/images/sub_visual.jpg');}/*회사소개*/

/* 서브 헤더 타이포그래피 */
.sub-header-badge_sj { display: inline-block; font-size: .9rem; font-weight: 700; letter-spacing: 3px; color: var(--accent-color_sj); margin-bottom: 1.5rem; position: relative; padding-bottom: 10px; }
.sub-header-badge_sj::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 40px; height: 2px; background-color: var(--accent-color_sj); }
.sub-header-title_sj { font-size: 4rem; font-weight: 900; margin-bottom: 1.5rem; line-height: 1.1; letter-spacing: -1px; text-shadow: 0 10px 30px rgba(0,0,0,.3); }
.sub-header-title-en_sj { display: block; font-size: 1.2rem; font-weight: 300; letter-spacing: 0.35em; opacity: .8; margin-top: 10px; font-family: 'Pretendard', 'Noto Sans KR', sans-serif; }
.sub-header-divider_sj { width: 1px; height: 60px; background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.5), rgba(255,255,255,0)); margin: 0 auto 1.5rem; }
.sub-header-desc_sj { font-size: 1.3rem; font-weight: 300; opacity: .9; letter-spacing: 1px; margin-bottom: 0; }
@media (max-width: 768px) { .sub-header-title_sj { font-size: 2.8rem; } .sub-header-title-en_sj { font-size: 1rem; letter-spacing: 4px; } }

/*------------------------------------------------------------------------------------------------------
서브타이틀
---------------------------------------------------------------------------------------------------------*/
.menu_title {
	padding-top: 6px; position: relative;
	font-size: 1rem;
}
/*.menu_title::before {
	content: "";
	position: absolute; top: 0;	left: 50%;
	width: 30px; height: 0;
	border-top:3px solid #f05133;
	transform: translateX(-50%);/*absolute시 x축 정중앙
}*/
.sub_title {font-size: 2rem;}

/*------------------------------------------------------------------------------------------------------
서브메뉴
---------------------------------------------------------------------------------------------------------*/
.lnb_wrap {border-bottom: 1px solid #ccc;}
	@media screen and (min-width: 320px) and (max-width: 991px) {
		.lnb_wrap {border-bottom: none; display: none;}
	}

.lnb_wrap li {}
	@media screen and (max-width: 575px) {
		.lnb_wrap li {width: 49%; margin: 0 !important; border-bottom: 1px solid #ccc;}
		.lnb_wrap li:after {
			content: "";
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			width: 1px;
			height: 100%;
			background-color: #ccc;
		}
	}
	@media screen and (min-width: 576px) and (max-width: 767px) {
		.lnb_wrap li {width: 32%; margin: 0 !important; border-bottom: 1px solid #ccc;}
		.lnb_wrap li:nth-child(1n+1) {border-right: 1px solid #ccc;}
		.lnb_wrap li:nth-child(3n) {border-right: none;}
	}
	@media screen and (min-width: 768px) and (max-width: 991px) {
		.lnb_wrap li {width: 24%; margin: 0 !important; border-bottom: 1px solid #ccc;}
		.lnb_wrap li:nth-child(1n+1) {border-right: 1px solid #ccc;}
		.lnb_wrap li:nth-child(4n) {border-right: none;}
	}
	@media screen and (min-width: 992px) {
		.lnb_wrap li {}
	}

.lnb_wrap a {
	width: 100%; height: 100%;
	color: #000; font-weight: 700;
}
	@media screen and (max-width: 575px) {
		.lnb_wrap a {
			padding: 0.2rem; border-top: none; text-align: center;
			font-size: 0.9rem;
		}
	}
	@media screen and (min-width: 576px) and (max-width: 767px) {
		.lnb_wrap a {
			padding: 0.2rem; border-top: none; text-align: center;
			font-size: 0.9rem;
		}
	}
	@media screen and (min-width: 768px) and (max-width: 991px) {
		.lnb_wrap a {
			padding: 0.2rem; border-top: none; text-align: center;
			font-size: 0.9rem;
		}
	}
	@media screen and (min-width: 992px) {
		.lnb_wrap a {
			padding: 1.5rem; border-top: 3px solid rgba(0, 184, 156, 0);
			font-size: 1.2rem;
		}
	}
.lnb_wrap a:hover {color: #f05133;}
	@media screen and (max-width: 575px) {
		.lnb_wrap a:hover {border-top: none;}
	}
	@media screen and (min-width: 576px) and (max-width: 767px) {
		.lnb_wrap a:hover {border-top: none;}
	}
	@media screen and (min-width: 768px) and (max-width: 991px) {
		.lnb_wrap a:hover {border-top: none;}
	}
	@media screen and (min-width: 992px) {
		.lnb_wrap a:hover {border-top: 3px solid #f05133;}
	}