html,
body {
    padding: 0;
    margin: 0;
    height: 100%;
}

.container {
    width: 1400px;
    margin: 0 auto;
}

.animate {
    opacity: 0;
}

@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');


@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 300;
    src: url(../wzd_lib/fonts/notokr-light.eot);
    src: url(../wzd_lib/fonts/notokr-light.eot?#iefix) format('embedded-opentype'), url(../wzd_lib/fonts/notokr-light.woff) format('woff'), url(../wzd_lib/fonts/notokr-light.ttf) format('truetype');
}

@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 500;
    src: url(../wzd_lib/fonts/notokr-regular.eot);
    src: url(../wzd_lib/fonts/notokr-regular.eot?#iefix) format('embedded-opentype'), url(../wzd_lib/fonts/notokr-regular.woff) format('woff'), url(../wzd_lib/fonts/notokr-regular.ttf) format('truetype');
}

@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 700;
    src: url(../wzd_lib/fonts/notokr-medium.eot);
    src: url(../wzd_lib/fonts/notokr-medium.eot?#iefix) format('embedded-opentype'), url(../wzd_lib/fonts/notokr-medium.woff) format('woff'), url(../wzd_lib/fonts/notokr-medium.ttf) format('truetype');
}

@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 900;
    src: url(../wzd_lib/fonts/notokr-bold.eot);
    src: url(../wzd_lib/fonts/notokr-bold.eot?#iefix) format('embedded-opentype'), url(../wzd_lib/fonts/notokr-bold.woff) format('woff'), url(../wzd_lib/fonts/notokr-bold.ttf) format('truetype');
}

/* font-family: 'NotoSans'; */
.section01 {
    height: 100%;
    background: url('../img/landing05/sec01_bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    display:flex;
    align-items: center;
    justify-content: center;
}
.section01 .title  {
    text-align: center;
    margin-top: 100px;
}
.section01 .title h1 {
    margin-bottom: 40px;
}
.section01 .title h2 {
    margin-bottom: 30px;
}
.section01 .title h3 {
    margin-bottom: 75px;
}
.section01 .title h4 {
    margin-bottom: 20px;
}

.section02  {
    background: #fff;
    text-align: center;

}
.section03  {
    background: #0d0d0d;
    text-align: center;

}
.section04  {
    background: url('../img/landing05/sec04_bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    /* padding-top: 200px; */
    padding-top: 90px;
    padding-bottom: 70px;

} 
.section05  {
    background: #fbfbfc;
    text-align: center;

}
.section06  {
    background: #fff;
    text-align: center;

}
.section07  {
    background: #fbfbfc;
    text-align: center;

}
.section08  {
    background: #fff;
    text-align: center;

}
.section09  {
    background: #0f0f10;
    text-align: center;

}
.section10  {
    background: url('../img/landing05/sec10_bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 200px;
    padding-bottom: 150px;

}
.section11  {
    background: url('../img/landing05/sec11_bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 170px;
    padding-bottom: 170px;
     position: relative;

}
.section11 .link_wrap {
     position: absolute;
}
.section11 .link_wrap a.link01 {
    position: relative;
     width: 530px;
     height: 280px;
     background: #000;
     display:block;
     margin-left: 680px;
     margin-top: 272px;
     opacity: 0;
}