.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; position: relative;}
.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;}


#greyLayer{
    position: fixed; top: 0; left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    display: none;
    z-index: 9999;
  }
#overLayer{
    position: fixed; top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 60%;
    min-height: 100px;
    padding: 10px;
    background-color: #fff;
    display: none;
    z-index: 99999999;
}
#overLayer::after{
    content: "x";
    display: block;
    width: 30px; height: 30px;
    border-radius: 50%;
    background-color: #fff;
    color: #1c1c1c;
    line-height: 26px;
    font-size: 20px;
    text-align: center;
    position: absolute; top: 1.5rem; right: 1.5rem;
    cursor: pointer;
}
#overLayer img{width: 100%;}
.gray_mask{
    display:none;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.7);
}

@media(max-width:1699px){
	.art_con{padding: 0 3rem;}
    .sub-link{right: 3rem;}
}
@media(max-width:991px){
	.st_box{ padding:150px 15px; }
	.art_con{padding: 0 15px;}
    .sub-link{display: none;}

    #overLayer{padding: 7px; width: 97%; min-height: 80px;}
    #overLayer::after{top: 15px; right: 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; }
}