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

.st_box{ position:relative; z-index:1; background-color:rgba(0,0,0,.5); height: 100vh;}
.st_txt{position: absolute; top: 50%; left: 0; transform: translateY(-50%); width:100%; margin:0 auto; text-align:center; word-break:keep-all; color:#fff; }
.st_txt > h2{ font-size:20px; font-weight:300; line-height:1.2em; margin-bottom:30px; padding-bottom: 30px; position: relative; letter-spacing: 5px;}
.st_txt > h2::before{content: ""; width: 100px; height: 1px; background-color: #fff; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.st_txt > p{ font-size:30px; font-weight:500; line-height:1.3em; }

article{ padding:4rem 0; }
.art_con{ width:100%; margin:0 auto; padding: 0 15px;}
.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;}

.sub-wrap{width: 100%; display: flex;}
.sub-menu{width: 20%; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.sub-cont{width: 80%; padding: 3rem 0 3rem 3rem;}

.nav-con > ul > li > a{display: block; padding: 1rem; font-size: 16px; border-bottom: 1px solid #ddd; font-weight: 500;}
.nav-con > ul > li > a.active{color: #fff;}
/* .nav-con > ul > li:last-child > a{border-bottom: none;} */

.nav-con .nav{padding: 15px; background-color: #fafafa;}
.nav-con .nav > li > a{display: block; font-size: 14px; color: #666; padding: 5px; transition: .3s;}
.nav-con .nav > li > a.active{font-weight:500;}

@media(min-width:601px){
	.sub-mn{display: none;}
}

@media(max-width:991px){
	.st_box{ padding:150px 15px; }
}
@media(max-width:600px){
	.st_box{ padding:100px 15px; }

	.st_txt > h2{ font-size:15px; }
	.st_txt > h2::before{width: 60px;}
	.st_txt > p{ font-size:17px; }

	.sub-wrap{flex-direction: column;}
	.sub-menu{display: none;}
	.sub-cont{width: 100%; padding: 2rem 0 0 0;}

	.sub-mn{
		display: block;
		width: 100%;
		padding: .375rem .75rem;
		font-size: 1rem;
		font-weight: 400;
		line-height: 1.5;
		color: #212529;
		background-color: #fff;
		background-clip: padding-box;
		border: 1px solid #ced4da;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border-radius: .25rem;
		transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	}
	.sub-mn:focus{
		color: #212529;
		background-color: #fff;
		border-color: #86b7fe;
		outline: 0;
		box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
	}
}