@charset "utf-8";
/* sub_Layout (서브페이지 구조) */

.sub-wrap{
	margin-top:3rem;
}
@media (min-width: 1200px) {
	.sub-wrap{
		margin-top:6.3rem;
	}
}
@media (min-width: 992px) {
	.sub-lg-mb-0{
		margin-bottom:-8rem;
	}
}
@media (max-width: 991px) {
	.sub-lg-my-0{
		margin-bottom:-5rem;
	}
}

/*------------------------------------
  sub-visual
-------------------------------------*/
.sub-visual{
	height:12rem;
	position:relative;	
	background:url('../images/sub/sub-visual-bg01.jpg') no-repeat 50% / cover;
}
.sub-visual.sub-bg-213{
	background-image:url('../images/sub/sub-visual-bg02.jpg');
}
.sub-visual.sub-bg-218{
	background-image:url('../images/sub/sub-visual-bg03.jpg');
}
.sub-visual.sub-bg-251{
	background-image:url('../images/sub/sub-visual-bg04.jpg');
}
.sub-visual.sub-bg-226{
	background-image:url('../images/sub/sub-visual-bg05.jpg');
}
.sub-visual.sub-bg-215{
	background-image:url('../images/sub/sub-visual-bg06.jpg');
}
.sub-visual::before{
	content:'';
	display:block;
	width:100%;
	height:50%;
	position:absolute;
	left:0;
	top:0;
	background: -moz-linear-gradient(top,  rgba(41,49,56,0.3) 0%, rgba(41,49,56,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(41,49,56,0.3) 0%,rgba(41,49,56,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(41,49,56,0.3) 0%,rgba(41,49,56,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
@media (min-width: 1200px) {
	.sub-visual{
		padding-top:00px;
	}
}
.sub-visual h1{
	display:inline-block;
	font-weight:500;
	font-size:2rem;
	text-transform:uppercase;
	margin:1.5rem 0 0;
	letter-spacing:-0.1rem;
	color:#fff;
}
.sub-visual .title-text{
	color:rgba(255, 255, 255, 0.8);
	font-size:0.9rem;
	font-weight:400;
	margin:0.5rem 0 0; 
}
@media (min-width: 768px) {
	.sub-visual{
		height:15rem;
	}
}
@media (min-width: 992px) {
	.sub-visual{
		height:20rem;
		margin-top:0;
	}
	.sub-visual h1{
		font-size:2.6rem;
		margin:0;
	}
	.sub-visual .title-text{
		font-size:1.15rem;
	}
}

/*------------------------------------
  sub-nav
------------------------------------*/
#sub-nav{
	position: relative; 
	z-index:100;
	background-color:#8d1528;
	box-shadow:5px 5px 20px 0 rgba(0, 0, 0, 0.25);
	max-width:1400px;
	margin:0 auto;
}
/* location_map */
.location_map {
	width: 100%; 
	height: 42px; 
	margin:0 auto;
}
ul.location {
	position: relative; 
	letter-spacing:-0.02rem;
}
ul.location > li{
	float: left;
	border: solid rgba(255, 255, 225, 0.1);
	border-width:0 0 0 1px;
}
ul.location li p{
	padding:0;
	margin:0;
}
ul.location > li > p > a{
	display:block;
	height:42px;
	line-height:42px;
	color:#fff;
	padding:0 35px 0 12px;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
ul.location li.home{
	border-width:0;
}
ul.location li.home a{
	font-size:0.9rem;
	width:40px;
	background:#222;
	padding:0 ;
	text-align:center;
}
ul.location > li.m-name{
	width: calc(50% - 21px);
	position: relative; 
}
ul.location > li.group > p > a::after{
	content: '';
	display: block;
	position:absolute;
	right:12px;
	top:40%;
	width: 7px;
	height: 7px;
	border-right: 0.1rem solid #fff;
	border-top: 0.1rem solid #fff;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
	vertical-align:middle;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out; 
}
ul.location > li.group > p.active > a::after{
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top:45%;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out; 
}
ul.location li.group ul {
	display: none; 
	position: absolute;
	left: -1px; 
	top: 42px; 
	width:calc(100% + 2px);
	background-color: #fff; 
	z-index: 200; 
	overflow: hidden;
	box-shadow:5px 5px 5px 0 rgba(0,0,0,0.05);
}
ul.location li.group ul li a {
	display: block; 
	position: relative; 
	padding:12px 12px 15px; 
	line-height: 1.2;
	font-size:0.97rem;
	border-left: 1px solid #d6d6d6; 
	border-right: 1px solid #d6d6d6;
	color:#333; 
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out; 
}
ul.location li.group ul li:last-child a {
	border-bottom: 1px solid #d6d6d6; 
}
ul.location li.group ul a.active{
	color:#a00025; 
	background-color: #f5f5f5;
	font-weight:700;
}
ul.location li.group ul a:hover{
	background-color: #f5f5f5;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out; 
}
#sub-nav .logo-text{
	position:absolute;
	right:-30px;
	top:13px;
	background:#1e1e1e;
	color:rgba(255, 255, 255, 0.4);
	text-align:center;
	padding:0.5rem 4rem;
	font-size:0.7rem;
	font-weight:800;
	text-transform:uppercase;
	letter-spacing:0.1rem;
}


@media (min-width: 992px) {
	#sub-nav{
		position: relative; 
		z-index:100;
		background-color:#8d1528;
		box-shadow:5px 5px 20px 0 rgba(0, 0, 0, 0.25);
		margin-top:-29px;
	}
	/* location_map */
	.location_map {
		width: 100%; 
		height: 58px; 
		margin:0 auto;
	}
	ul.location {
		position: relative; 
		letter-spacing:-0.02rem;
	}
	ul.location > li{
		float: left;
		border-width:0 1px 0 0;
	}
	ul.location li p{
		padding:0;
		margin:0;
	}
	ul.location > li > p > a{
		display:block;
		height:58px;
		line-height:58px;
		color:#fff;
		padding:0 45px 0 18px;
		word-break: break-all;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
	ul.location li.home a{
		font-size:0.9rem;
		background:#222;
		width:60px;
	}
	ul.location > li.m-name{
		min-width: 260px;
		width:auto;
		position: relative; 
	}
	ul.location > li.group > p > a::after{
		content: '';
		display: block;
		position:absolute;
		right:18px;
		top:40%;
		width: 9px;
		height: 9px;
		border-right: 2px solid #fff;
		border-top: 2px solid #fff;
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		-o-transform: rotate(135deg);
		transform: rotate(135deg);
		vertical-align:middle;
		-webkit-transition: .2s ease-in-out;
		transition: .2s ease-in-out; 
	}
	ul.location > li.group > p.active > a::after{
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top:45%;
		-webkit-transition: .2s ease-in-out;
		transition: .2s ease-in-out; 
	}
	ul.location li.group ul {
		display: none; 
		position: absolute;
		left: -1px; 
		top: 58px; 
		width:calc(100% + 2px);
		background-color: #fff; 
		z-index: 200; 
		overflow: hidden;
		box-shadow:5px 5px 5px 0 rgba(0,0,0,0.05);
	}
	ul.location li.group ul li a {
		display: block; 
		position: relative; 
		padding:15px 18px 18px; 
		line-height: 1.2;
		font-size:0.97rem;
		border-left: 1px solid #d6d6d6; 
		border-right: 1px solid #d6d6d6;
		color:#333; 
		-webkit-transition: .2s ease-in-out;
		transition: .2s ease-in-out; 
	}
	ul.location li.group ul li:last-child a {
		border-bottom: 1px solid #d6d6d6; 
	}
	ul.location li.group ul a.active{
		color:#a00025; 
		background-color: #f5f5f5;
		font-weight:700;
	}
	ul.location li.group ul a:hover{
		background-color: #f5f5f5;
		-webkit-transition: .2s ease-in-out;
		transition: .2s ease-in-out; 
	}
	#sub-nav .logo-text{
		position:absolute;
		right:-30px;
		top:13px;
		background:#1e1e1e;
		color:rgba(255, 255, 255, 0.4);
		text-align:center;
		padding:0.5rem 4rem;
		font-size:0.7rem;
		font-weight:800;
		text-transform:uppercase;
		letter-spacing:0.1rem;
	}
}


/*------------------------------------
  sub-content
------------------------------------*/
h2.sub-content-tit{
	color:#222;
	padding:0;
	font-size:1.15rem;
	font-weight:500;
	text-align:center;
	z-index:1;
	margin:2rem 0 2.5rem;
}
h2.sub-content-tit::after{
	content:'';
	display:block;
	margin:0 auto;
	width:25px;
	height:1.5rem;
	border-bottom:1px solid #a00025;
}
#sub-content div.sub-body{
	padding-bottom:5rem;
	position:relative;
}

@media (min-width: 992px) {
	h2.sub-content-tit{
		font-size:2.8rem;
		letter-spacing:-0.1rem;
		margin:5rem 0 4rem;
	}
	h2.sub-content-tit::after{
		width:50px;
		height:2rem;
	}
	#sub-content div.sub-body{
		padding-bottom:8rem;
		min-height:30rem;
	}
}