/*------------------------------------------------------------------------------------------------------
공통
---------------------------------------------------------------------------------------------------------*/
.container-fluid {margin:0!important; padding: 0!important;}
table {border-collapse:collapse;}

	/*
	부트스트랩 설정 변경
	*/
.table > thead > tr > th {vertical-align:middle;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {vertical-align:middle;}

/*------------------------------------------------------------------------------------------------------
서브비주얼 & 카피
---------------------------------------------------------------------------------------------------------*/
.sub_visual {height: 380px; background: url(../images/sub_visual.jpg) center top no-repeat;}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.sub_visual {display: none;}
	}

	/*-----------------------
	서브카피
	-----------------------*/
	.s_copy {position: absolute; z-index: 2;}
	.s_copy p:first-child {font-size: 60px; letter-spacing: -5px;}
		@media all and (min-width: 320px) and (max-width: 992px) {
			.s_copy p:first-child {font-size: 24px; letter-spacing: -1px;}
		}
	.s_copy p:first-child > strong {letter-spacing: normal; text-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.486);}
	
@media all and (min-width: 320px) and (max-width: 992px) {
	.s_copy p:last-child {display: none;}
}

/*------------------------------------------------------------------------------------------------------
현재위치
---------------------------------------------------------------------------------------------------------*/
.s_position {background-color: #1875d8;}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.s_position {
			background:none;
			font-size:0.75rem; color: inherit;
		}
	}
.s_position ul {
	color: #fff; text-transform: uppercase;
}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.s_position ul {
			font-size:0.75rem; color: inherit;
		}
	}
.s_position li {display: inline;}

/*------------------------------------------------------------------------------------------------------
서브타이틀
---------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------
서브메뉴
---------------------------------------------------------------------------------------------------------*/
.lnb_wrap > h2 {border-bottom:1px solid #1e1e46;}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.lnb_wrap > h2 {display: none;}
	}
.submain .row > * {padding: 0!important;}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.submain .row {--bs-gutter-x : 0!important;}
	}
.submain .lnb_wrap {border-right: 1px solid #efefef;}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.submain .lnb_wrap {border-right:none;}
	}
.lnb_wrap ul {list-style: none; padding: 0;}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.lnb_wrap ul {margin-top:10px;}
	}
.lnb_wrap li {border-bottom: 1px solid #efefef;}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.lnb_wrap li {display: inline-block; margin-top: -1px; margin-right: -4px;}
	}
.lnb_wrap a {
	display: block; padding: 18px 0 18px 20px;
	font-size: 18px; font-weight: 400;
}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.lnb_wrap a {
			min-width:100px; padding:5px 0; border-top: 1px solid #efefef; border-left: 1px solid #efefef; border-right: 1px solid #efefef; text-align: center;
			font-size: 12px;
		}
	}
.lnb_wrap a:hover {background-color: #f4f4f4;}

/*------------------------------------------------------------------------------------------------------
컨텐츠영역
---------------------------------------------------------------------------------------------------------*/
.contents_wrap {padding-left: 15px; white-space: pre-inline;}
.contents_wrap img {max-width: 100%; height: auto;}
.contents_wrap > h2 {margin:3rem 0 2rem 3rem; border-bottom: 1px solid #efefef;}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.contents_wrap > h2 {margin:1rem 0;}
	}
.content_container {margin-left:3rem; margin-bottom: 1.5rem;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.content_container {margin-left:0;}
	}