@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_visual {
	width: 100%; position: relative;
	background-size: cover;
}
	/*@media screen and (max-width: 575px) {
		.sub_visual {height: 180px;}
	}
	@media screen and (min-width: 576px) and (max-width: 767px) {
		.sub_visual {height: 180px;}
	}
	@media screen and (min-width: 768px) and (max-width: 991px) {
		.sub_visual {height: 360px;}
	}*/
	@media screen and (min-width: 992px) {
		.sub_visual {height: 650px;}
	}

.jumbotron_intro {background: url(../../intro/images/sub_visual.jpg) center top no-repeat;}
	/*@media screen and (min-width: 320px) and (max-width: 767px) {
		.jumbotron_intro {background: none;}
	}
	@media screen and (min-width: 768px) and (max-width: 991px) {
		.jumbotron_intro {background: none;}
	}*/
.jumbotron_program {background-image: url(../../program/images/sub_visual.jpg) center top no-repeat;}
.jumbotron_inform {background-image: url(../../inform/images/sub_visual.jpg) center top no-repeat;}
.jumbotron_board {background-image: url(../../board/images/sub_visual.jpg) center top no-repeat;}
.jumbotron_tour {background-image: url(../../tour/images/sub_visual.jpg) center top no-repeat;}

.subvisual_container {
	width:100%; height: 425px; border-radius: 3rem; box-shadow: 0.5rem 0.5rem 0 rgba(0, 0, 0, 1);
	position: absolute; left: 50%; transform: translate(-50%); top: 150px;
	background-size: cover;
}
	@media screen and (min-width: 320px) and (max-width: 767px) {/*****************************************/
		.subvisual_container {position: relative; top: inherit; height: 200px; margin-top: 1rem; box-shadow: 0.2rem 0.2rem 0 rgba(0, 0, 0, 1);}
	}
	@media screen and (min-width: 576px) and (max-width: 767px) {
		.subvisual_container {position: relative; top: inherit; height: 200px; margin-top: 1rem; box-shadow: 0.2rem 0.2rem 0 rgba(0, 0, 0, 1);}
	}
	@media screen and (min-width: 768px) and (max-width: 991px) {
		.subvisual_container {position: relative; top: inherit; height: 350px; margin-top: 2rem; box-shadow: 0.2rem 0.2rem 0 rgba(0, 0, 0, 1);}
	}
.subvisual_container::after {
	content: "";
	clear: both;
}
.subvisual_container_intro {background: url(../../intro/images/sub_img.jpg) center center no-repeat;}

.sub_copy {
	/*position: absolute; top:50%; transform: translatey(-50%);/*absolute시 y축 정중앙*/
	text-shadow: 0.2rem 0.2rem 0.5rem rgba(0, 0, 0, 0.9);
}

/*------------------------------------------------------------------------------------------------------
서브타이틀
---------------------------------------------------------------------------------------------------------*/
.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;}
	}