/* BASIC css start */
.main_cont img{max-width:100%;}
.main_cont a{display:inline-block;/*margin-bottom: 1150px;*/}




/* 페이지 전환 시, 아래에서 올라오는 효과 */
#contentWrapper {
    width: 1460px;
    margin: 0 auto;
    overflow: hidden;
    transform: translateY(0%) scale(1);
    transition: transform 1.3s;
    animation: fadein 1.3s, changeShape 2.5s; /* 여기서 하나의 animation 속성으로 fadein과 changeShape를 함께 적용 */
    -moz-animation: fadein 1.3s, changeShape 2.5s; /* Firefox */
    -webkit-animation: fadein 1.3s, changeShape 2.5s; /* Safari and Chrome */
    -o-animation: fadein 1.3s, changeShape 2.5s; /* Opera */
}
#contentWrap{width:100%;}

@keyframes fadein {
    from {
        transform: translateY(80%) scale(0);
    }
    to {
        transform: translateY(0%) scale(1);
    }
}

@keyframes changeShape {
  0% {
    border-radius: 50%;
    
  }
  100% {
    border-radius: 0;
    
  }
}
/* BASIC css end */