@charset "utf-8";
body,ul,li,h1,h2,h3,h4,h5,h6,p{
    margin:0;
    font-family:'Pretendard', NotoSans;
    color:#000;
    box-sizing:border-box;
}
ul{
    padding:0;
    list-style:none;
}
a{
    text-decoration:none;
    color:#00c0ff;
}
.cf::after{
    content:"";
    display:block;
    clear:both;
}
.inner{
    width:1440px;
    margin:0 auto;
}
.fadeUp{
    opacity: 0; /* 초기 상태에서 투명하게 설정 */
    transform: translateY(30px); /* 아래에서 시작 */
    animation: fadeUp 1.2s ease forwards; /* 애니메이션 1초 동안 진행 */
}
@keyframes fadeUp {
    0% {
        opacity: 0;
        transform: translateY(30px); /* 아래에서 위로 올라오는 효과 */
    }
    100% {
        opacity: 1;
        transform: translateY(0); /* 제자리로 돌아옴 */
    }
}
.fadeUp2{
    opacity: 0; /* 초기 상태에서 투명하게 설정 */
    transform: translateY(30px); /* 아래에서 시작 */
    animation: fadeUp 1.2s ease 0.3s forwards; /* 애니메이션 1초 동안 진행 */
}
@keyframes fadeUp {
    0% {
        opacity: 0;
        transform: translateY(30px); /* 아래에서 위로 올라오는 효과 */
    }
    100% {
        opacity: 1;
        transform: translateY(0); /* 제자리로 돌아옴 */
    }
}
.fadeUp3{
    opacity: 0; /* 초기 상태에서 투명하게 설정 */
    transform: translateY(30px); /* 아래에서 시작 */
    animation: fadeUp 1.2s ease 0.4s forwards; /* 애니메이션 1초 동안 진행 */
}
@keyframes fadeUp {
    0% {
        opacity: 0;
        transform: translateY(30px); /* 아래에서 위로 올라오는 효과 */
    }
    100% {
        opacity: 1;
        transform: translateY(0); /* 제자리로 돌아옴 */
    }
}
#wrap .wideUp{
    width:100%;
    transition:1s;
}