/*------------------------------------------------------------------------------------------------------
공통
---------------------------------------------------------------------------------------------------------*/
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 .carousel-caption {
	display:-webkit-flex;
	display:-moz-flex;
	display:-o-flex;
	display:-ms-flex;
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	flex-wrap:wrap;
	align-items:center;
	/*position: absolute; */bottom: 150px; right: 0; left: 0;
	padding-top: 1.25rem; padding-bottom: 1.25rem; text-align: inherit;
}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.sub_visual {display: none;}
	}
.cp-48 {font-family: Jalnan; font-size: 48px; text-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);}

	/*-----------------------
	캐러셀 화살표
	-----------------------*/
	@media all and (min-width: 993px) {
		.visual_btn {/*width:100%; position: absolute; left: 0; bottom: 30px; z-index: 1;*/}
		/*.carousel-control-prev,
		.carousel-control-next {width: 97%!important;}화살표 중앙으로*/
		.varrow {width: 10%!important;}
	
		.carousel-control-prev-icon,
		.carousel-control-next-icon {
			display: inline-block;
			width: 3rem; height: 3rem;
			border-radius: 100px;
			background-color: #20262c;
			background-repeat: no-repeat;
			background-position: 50%;
			background-size: 100% 100%;
		}
	}

/*------------------------------------------------------------------------------------------------------
현재위치
---------------------------------------------------------------------------------------------------------*/
.s_position {position: relative;}
.s_position ul {
	position: absolute; right: 0; top:-100px;
	margin: 0; padding: 0; list-style: none;
	color: #fff; text-transform: uppercase;
}
.s_position ul.s_position_intro {top: -70px;}/*현재위치 지정*/

	@media all and (min-width: 320px) and (max-width: 992px) {
		.s_position ul, .s_position ul.s_position_intro {
			position: relative; top: 5px;
			font-size:0.75rem; color: inherit;
		}
	}
.s_position li {display: inline;}

/*------------------------------------------------------------------------------------------------------
서브메뉴
---------------------------------------------------------------------------------------------------------*/
.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;}
		.submain .lnb_wrap h2 {display: 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;}
	}