.subtop, .subtop *{ 
	box-sizing:border-box; 
}
*{ 
	box-sizing:border-box; 
}
.subtop{ 
	position:relative; 
	z-index:1; 
	overflow:hidden; 
	background-color:#333; 
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
#st_bdo{ 
	position:absolute; 
	z-index:1; 
	top:0; 
	bottom:0; 
	left:0; 
	right:0; 
}

.st_box{ 
	position:relative; 
	z-index:1; 
}

.st-caption{
	width: 100%; 
	padding: 0 15px; 
	position: absolute; 
	top: 50%; 
	left: 0; 
	text-align: center; 
	color: #fff; 
	z-index: 3;
}
.st-caption > h2{
	font-size: 40px; 
	font-weight: 400;
	line-height: 1.3;
}
.st-caption > h5{
	font-size: 18px; 
	font-weight: 400; 
	margin-top: 10px;
}

article{ 
	padding:4rem 0; 
}
.art_con{ 
	width:100%; 
	margin:0 auto; 
}
.art_con_full{ 
	width:100%; 
	box-sizing: border-box;
}
.article-full{
	padding: 0;
}

.st-img-wrap{
	display: flex; 
	justify-content: center; 
	align-items: center; 
	padding-top: 2rem;
}
.st-img-box{
	padding: 0 0.2rem;
}
.st-img{
	padding: 5px; 
	overflow: hidden; 
	border-radius: 10px; 
	border: 1px solid #ddd;
}
.st-img img{
	border-radius: 5px;
}

.document_popup_menu{
	display: none;
}

/* fixed - 퀵메뉴 */
.fixed-wrap{width: 180px; height: 100vh; padding: 20px; position: fixed; top: 0; right: -180px; z-index: 9999999999; background-color: #fff; border-left: 1px solid #eee; transition: .5s; display: flex; flex-direction: column; justify-content: center;}
.fixed-wrap.fw-act{right: 0;}

.fixed-btn-wrap{position: absolute; top: 50%; left: -70px; transform: translateY(-50%); transition: .5s;}
.fixed-btn{display: block; width: 50px; height: 50px; border-color: #d61313; background-color: #d61313; color: #fff; border-radius: 50%; position: relative; cursor: pointer; transition: .5s;}
.fixed-btn > span{font-size: 20px; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); line-height: 1;}

.fixed-btn.on > span.fb-left{opacity: 1;}
.fixed-btn.on > span.fb-right{opacity: 0;}

.fixed-btn.on.act > span.fb-right{opacity: 1;}
.fixed-btn.on.act > span.fb-left{opacity: 0;}

.fixed-wrap.fw-act .fixed-btn-wrap{left: -60px;}

.fixed-img{display: flex; margin-bottom: 10px;}
.fixed-img img{width: 100%; max-width: 139px;}

.fixed-cont{margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ddd;}
.fixed-cont.last{margin-bottom: 0; padding-bottom: 0; border-bottom: 0;}

.fixed-cont > ul > li{margin-bottom: 5px;}
.fixed-cont > ul > li:last-child{margin-bottom: 0;}
.fixed-cont > ul > li > a{display: block; width: 100%; text-align: center; border: 1px solid #ddd; font-size: 14px; font-weight: 400; color: #000; padding: 10px; transition: .4s;}
.fixed-cont > ul > li > a:hover{background-color: #000; color: #fff; border-color: #000;}

.fixed-cont > ul > li > a > span{display: inline-block; margin-right: 3px; }

.fixed-cont > h5{font-size: 12px; margin-bottom: 5px;}
.fixed-cont > h3{font-size: 16px; margin-bottom: 5px;}
.fixed-cont > p{font-size: 12px;}

@media(max-width:1199px){

	.st-caption > h2{
		font-size: 28px;
	}
	.st-caption > h5{
		font-size: 16px;
	}

	.st-caption{
		transform: translateY(-30%);
	}

	.fixed-wrap{display: none;}

}
@media(max-width:600px){



}