@charset "utf-8";
/*-------------------------------------------------------------------
	파일정의 : style
	작성날짜 : 2021-06-16 김하연
	참고사항 : 이 파일은 전체 style을 정의한다.
	분류순서 : 기본정책 > 유틸리티 > 사용자정의(컬러, 폰트, 보더, 간격 등)
	속성순서 : 표시 > 위치 > 넘침/흐름 > 크기/간격 > 박스모양 > 폰트/정렬 > 기타
-------------------------------------------------------------------*/

html{
    min-width: 980px;
}
body{
    font-family: 'Hankook TTF', 'Arial', Sans-Serif;
    color: #333;
    background: #dcdddf;
}
.set_inner{
    position: relative;
    width: 1440px;
    max-width: 100%;
    margin: 0 auto;
}
section{
    min-height: 100vh;
    overflow: hidden;
}
/*-------------------------------------------------------------------
    ## Animation
-------------------------------------------------------------------*/
.ani_el,
.el_depth2{
    opacity: 0;
}
.ani_el.group{
    opacity: 1;
}
.ani_el.ani_in,
.el_depth2.ani_in{
    opacity: 1!important;
    animation: fadeInUp cubic-bezier(.2,.38,.24,1) 1.4s forwards;
}
.ani_el.img_el.ani_in,
.el_depth2.img_el.ani_in{
    animation-name: fadeInUpImg;
}
.ani_el.bg_wrap,
iframe.ani_el,
.video_sec.ani_el{
    opacity: 1;
}
.ani_el.bg_wrap.ani_in,
iframe.ani_el.ani_in,
.video_sec.ani_el.ani_in{
    animation-name: none;
}

/*-------------------------------------------------------------------
    ## Footer
-------------------------------------------------------------------*/
/*footer{
    height: 48px;
}
footer h1{
    float: left;
    margin-top: 14px;
}
footer h1 a{
    display: block;
    width: 125px;
    height: 26px;
    background: url(../img/logo.png)center no-repeat;
}
footer .copy{
    float: left;
    font-size: 14px;
    font-weight: 500;
    color: #999;
    line-height: 1;
    padding: 17px 0 18px 40px;
}*/


@keyframes fadeInUp {
    0%{
        opacity: 0;
        -webkit-transform: translateY(60px);
        -moz-transform: translateY(60px);
        -ms-transform: translateY(60px);
        -o-transform: translateY(60px);
        transform: translateY(60px);
    }
    60%{
        opacity: 1;
    }
    100%{
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes fadeInUpImg {
    0%{
        opacity: 0;
        -webkit-transform: translateY(80px);
        -moz-transform: translateY(80px);
        -ms-transform: translateY(80px);
        -o-transform: translateY(80px);
        transform: translateY(80px);
    }
    70%{
        opacity: 1;
    }
    100%{
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}






@media only screen and (max-width: 1550px) {
    .set_inner{
        width: 100%;
        padding: 0 40px;
    }
}



@media only screen and (max-width: 980px) {
    section{
        min-height: 0;
    }
}

@media only screen and (max-width: 1024px) {

}

@media only screen and (max-width: 834px) {

}

@media only screen and (max-width: 800px) {
}

@media only screen and (max-width: 767px) {
}

@media only screen and (max-width: 640px) {

}

@media only screen and (max-width: 500px) {

}

@media only screen and (max-width: 320px) {

}