/********************************************************** 
* sub_page - 공통
***********************************************************/ 
.sub_top{
    position:relative; width:100%; height:100%; overflow:hidden; text-align:center; height: 40.625rem;  
}
.sub_top .tits {	position:absolute; top:45%; left:50%; transform:translateX(-50%); width: 100%; color:#fff;} 
.sub_top .tit01{  font-family: 'Noto Serif KR', serif; font-size:2.688rem;  font-weight: 400;line-height: 1;}
.sub_top .tit01 span{ font-size: 3.563rem; }
.sub_top .txt01 { font-size: 1.25rem; margin-top:3.5rem; line-height: 1.5; font-weight: 400;}
.sub_top .txt02 { font-size: 1.438rem; margin-top:0.5rem; line-height: 1.5;}
.sub_top_view_bg{
    position:absolute; top:0px; left:0; width:100%; height:100%; overflow:hidden;
    transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);  
    animation: sub_top_view_bg forwards 5s 0.5s ease-in-out; 
}
@keyframes sub_top_view_bg {
    0% {
        transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0); 
        -webkit-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);  
        -moz-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);  
        -ms-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);  
        -o-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);
    }
    100% {
        transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0); 
        -webkit-transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0);  
        -moz-transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0);  
        -ms-transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0);  
        -o-transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0);
    }
}

.s_cont .upBtn { overflow:hidden; position:relative;}
.s_cont .upBtn span { display: block; transition:0.4s; }
.s_cont .upBtn span:nth-of-type(1) { transform: translateY(0);}
.s_cont .upBtn span:nth-of-type(2) { position: absolute;  top:0 ; transform: translateY(200%);}
.s_cont a:hover .upBtn span:nth-of-type(1) {transform: translateY(-200%);}
.s_cont a:hover .upBtn span:nth-of-type(2) {transform: translateY(0);}

strong { font-weight: 700;}

.emphasize { color:#42213c; }
.s_txt16 { font-size: 1rem;}
.s_txt18 { font-size: 1.125rem;}
.s_txt20 { font-size: 1.25rem;}
.s_txt24 { font-size: 1.5rem;}
.s_txt34 { font-size: 2.125rem;}

.inner { margin: 0 auto;}