.subTileText {opacity:0;position: absolute;top: 50%;transform:translateY(-50%);left: 352px;animation: subtop_ani1 1s .3s 1 linear forwards}
.no_top .subTileText {opacity:0;position: absolute;top: 50%;left:352px;transform:translateY(-50%);left: 352px;animation: subtop_ani2 1s .3s 1 linear forwards}
.bd_top .subTileText {opacity:0;position: absolute;top: 50%;left:352px;transform:translateY(-50%);left: 352px;animation: subtop_ani3 2s .3s 1 linear forwards}
.bn_top .subTileText {opacity:0;position: absolute;top: 50%;left:352px;transform:translateY(-50%);left: 352px;animation: subtop_ani4 1s .3s 1 linear forwards}

@keyframes subtop_ani1 {
    0% {left:220px;opacity:0}
    100% {left:352px;opacity:1}
}
@keyframes subtop_ani2 {
    0% {width:0;opacity:0}
    100% {width:480px;opacity:1}
}
@keyframes subtop_ani3 {
    0% {opacity:0}
    100% {opacity:1}
}
@keyframes subtop_ani4 {
    0% {width:480px;opacity:0}
    50% {width:530px;opacity:1}
    100% {width:480px;opacity:1}
}

#sub_contents .sub_info .sub_infoCont {width:800px;position:relative} 
#sub_contents .sub_info h2 b {color:#333;opacity:1;-webkit-animation: star_ani2 .3s 0s infinite ease alternate;animation: star_ani2 .5s 0s infinite ease alternate;}
#sub_contents .no_info h2 b {color:#333;opacity:1;-webkit-animation: star_ani3 .3s 0s infinite ease alternate;animation: star_ani3 .5s 0s infinite ease alternate;}
#sub_contents .bd_info h2 b {color:#333;opacity:1;-webkit-animation: star_ani4 .3s 0s infinite ease alternate;animation: star_ani4 .5s 0s infinite ease alternate;}
#sub_contents .bn_info h2 b {color:#333;opacity:1;-webkit-animation: star_ani5 .3s 0s infinite ease alternate;animation: star_ani5 .5s 0s infinite ease alternate;}
#sub_contents .sk_info h2 b {color:#333;opacity:1;-webkit-animation: star_ani5 .3s 0s infinite ease alternate;animation: star_ani6 .5s 0s infinite ease alternate;}
#sub_contents .br_info h2 b {color:#333;opacity:1;-webkit-animation: star_ani5 .3s 0s infinite ease alternate;animation: star_ani7 .5s 0s infinite ease alternate;}

#sub_top .star1 {opacity:0;-webkit-animation: star_ani1 .5s 0s infinite ease alternate;animation: star_ani1 .5s 0s infinite ease alternate;}
#sub_top .star2 {opacity:0;-webkit-animation: star_ani1 .5s .3s infinite ease alternate;animation: star_ani1 .5s .3s infinite ease alternate;}
#sub_top .star3 {opacity:0;-webkit-animation: star_ani1 .5s .6s infinite ease alternate;animation: star_ani1 .5s .6s infinite ease alternate;}

@keyframes star_ani1 {
    0% {opacity: .4}
    100% {opacity: 1}
}
    
@keyframes star_ani2 {
    from {color:#333;opacity:1}
    to {color:#e84d6f;opacity:1}
}
@keyframes star_ani3 {
    from {color:#333;opacity:1}
    to {color:#00729c;opacity:1}
}
@keyframes star_ani4 {
    from {color:#333;opacity:1}
    to {color:#f9cf28;opacity:1}
}
@keyframes star_ani5 {
    from {color:#333;opacity:1}
    to {color:#00853b;opacity:1}
}
@keyframes star_ani6 {
    from {color:#333;opacity:1}
    to {color:#18aca2;opacity:1}
}
@keyframes star_ani7 {
    from {color:#333;opacity:1}
    to {color:#8c53b8;opacity:1}
}

#sub_contents .sub_info .sub_infoCont > div {position:absolute}

.sub_infoCont .infoCont1 {top: 30px;left: 0px;opacity: 0}
.sub_infoCont .infoCont2 {top: 30px;left: 125px;opacity:0}
.sub_infoCont .infoCont3 {top: 30px;left: 260px;opacity:0}
.sub_infoCont .infoCont4 {top: 30px;left: 395px;opacity:0}
.sub_infoCont .infoCont5 {top: 30px;left: 530px;opacity:0}
.sub_infoCont .infoCont6 {top: 30px;left: 665px;opacity:0}

.sub_infoCont .ani1 {animation: sub_ani1 1s .3s 1 linear forwards}
.sub_infoCont .ani2 {animation: sub_ani2 1s .5s 1 linear forwards}
.sub_infoCont .ani3 {animation: sub_ani3 1s .7s 1 linear forwards}
.sub_infoCont .ani4 {animation: sub_ani4 1s .9s 1 linear forwards}
.sub_infoCont .ani5 {animation: sub_ani5 1s 1.1s 1 linear forwards}
.sub_infoCont .ani6 {animation: sub_ani6 1s 1.3s 1 linear forwards}

@keyframes sub_ani1 {
0% {top: 30px;opacity:0}
100% {top: 0;opacity:1}
}
@keyframes sub_ani2 {
    0% {top:30px;opacity:0}
    100% {top:0;opacity:1}
}
@keyframes sub_ani3 {
    0% {top:30px;opacity:0}
    100% {top:0;opacity:1}
}
@keyframes sub_ani4 {
    0% {top:30px;opacity:0}
    100% {top:0;opacity:1}
}
@keyframes sub_ani5 {
    0% {top:30px;opacity:0}
    100% {top:0;opacity:1}
}
@keyframes sub_ani6 {
    0% {top:30px;opacity:0}
    100% {top:0;opacity:1}
}