#gnb {
    width: 1920px;
    height: 102px;
    position: fixed;
    z-index: 100000;
}

#gnb .se01_gnb {
    width: 1920px;
    height: 102px;
}

#gnb .se01_menu01 {
    width: 146px;
    height: 27px;
    position: absolute;
    top: 38px;
    right: 1025px;
}

#gnb .se01_menu02 {
    width: 146px;
    height: 27px;
    position: absolute;
    top: 38px;
    right: 843px;
}

#gnb .se01_menu03 {
    width: 146px;
    height: 27px;
    position: absolute;
    top: 38px;
    right: 678px;
}

#gnb .se01_menu04 {
    width: 146px;
    height: 27px;
    position: absolute;
    top: 38px;
    right: 483px;
}

#gnb .se01_menu05 {
    width: 146px;
    height: 27px;
    position: absolute;
    top: 38px;
    right: 257px;
}

#gnb .se01_menu06 {
    width: 146px;
    height: 27px;
    position: absolute;
    top: 38px;
    right: 34px;
}

#link_btn {
    width: 194px;
    height: 194px;
    position: fixed;
    top: 724px;
    right: 36px;
    transition: all 1s;
    z-index: 100000;
}

#link_btn.on{
    transform: translateY(-100px);
    opacity: 0;
}


/*---------------main_01--------------*/

#section01 {
    width: 100vw;
    height: 27000px;
    position: absolute;
    top: 102px;
}

#section01 .se01_main_img_01 {
    width: 1920px;
    height: 998px;
    position: absolute;
}

#section01 .se01_main_hidden {
    width: 480px;
    height: 494px;
    position: absolute;
    top: 224px;
    overflow: hidden;
}

#se01_main_index {
    width: 1456px;
    height: 1456px;
    position: absolute;
    left: -1004px;
    top: -478px;
    animation: se01_main_index 80s linear infinite;
}

@keyframes se01_main_index {
    100%{
        transform: rotate(1turn);
    }
}

#section01 .se01_main_title {
    width: 1201px;
    height: 714px;
    position: absolute;
    left: 480px;
}

#section01 .se01_letter_view_01 {
    width: 243px;
    height: 222px;
    position: absolute;
    overflow: hidden;
}

#section01 .se01_letter_01 {
    width: 206px;
    height: 218px;
    position: absolute;
    top: 56px;
    left: 55px;
    transform: translateY(-100px);
    transition: all 3s;
    opacity: 0;
}

#section01.on .se01_letter_01 {
    opacity: 1;
    transform: translateY(0);
}

#section01 .se01_letter_view_02 {
    width: 243px;
    height: 222px;
    position: absolute;
    left: 239px;
    overflow: hidden;
}

#section01 .se01_letter_02 {
    width: 236px;
    height: 452px;
    position: absolute;
    top: -130px;
    left: 4px;
    transform: translateY(100px);
    transition: all 3s 0.5s;
    opacity: 0;
}

#section01.on .se01_letter_02 {
    opacity: 1;
    transform: translateY(0);
}

#section01 .se01_letter_view_03 {
    width: 243px;
    height: 249px;
    position: absolute;
    left: 238px;
    top: 222px;
    overflow: hidden;
}

#section01 .se01_letter_03 {
    width: 161px;
    height: 210px;
    position: absolute;
    top: -30px;
    left: 101px;
    transform: translateX(100px);
    transition: all 3s;
    opacity: 0;
}

#section01.on .se01_letter_03 {
    opacity: 1;
    transform: translateX(0);
}


#section01 .se01_letter_view_04 {
    width: 243px;
    height: 249px;
    position: absolute;
    left: 479px;
    top: 222px;
    overflow: hidden;
}

#section01 .se01_letter_04 {
    width: 236px;
    height: 452px;
    position: absolute;
    top: -111px;
    left: 4px;
    transform: translateY(100px);
    transition: all 2s 1s;
    opacity: 0;
}

#section01.on .se01_letter_04 {
    opacity: 1;
    transform: translateY(0);
}


#section01 .se01_letter_view_05 {
    width: 243px;
    height: 249px;
    position: absolute;
    left: 719px;
    top: 468px;
    overflow: hidden;
}

#section01 .se01_letter_05 {
    width: 214px;
    height: 210px;
    position: absolute;
    top: 119px;
    left: -28px;
    transform: translateY(-100px);
    transition: all 3s;
    opacity: 0;
}

#section01.on .se01_letter_05 {
    opacity: 1;
    transform: translateY(0);
}

#section01 .se01_letter_view_06 {
    width: 243px;
    height: 249px;
    position: absolute;
    left: 960px;
    top: 470px;
    overflow: hidden;
}

#section01 .se01_letter_06 {
    width: 219px;
    height: 210px;
    position: absolute;
    top: 41px;
    left: -28px;
    transform: translateX(-100px);
    transition: all 2s 1s;
    opacity: 0;
}

#section01.on .se01_letter_06 {
    opacity: 1;
    transform: translateY(0);
}





/*-----------se02-----------*/

#section02 {
    width: 100vw;
    height: 8460px;
    position: absolute;
    top: 1081px;
}

#section02 .se02_bg_01 {
    width: 1920px;
    height: 8460px;
}

#section02 .se02_txt_01 {
    width: 552px;
    height: 686px;
    position: absolute;
    top: 265px;
    left: 675px;
}

#section02 .se02_main_title {
    width: 1093px;
    height: 680px;
    position: absolute;
    top: 307px;
    /*left: 424px;*/
    left: 524px;
    opacity: 0;
}

#section02 .se02_index_title {
    width: 1665px;
    height: 257px;
    position: absolute;
    top: 1147px;
    left: 127px;
}

#section02 .se02_index {
    width: 1662px;
    height: 518px;
    position: absolute;
    /*top: 1549px;*/
    left: 127px;
    top: 1649px;
    opacity: 0;
}

#section02 .se02_mo_list01 {
    width: 1920px;
    height: 2497px;
    position: absolute;
    top: 2319px;
}

#section02 .se02_mo_01 {
    width: 1920px;
    height: 980px;
    position: absolute;
}

#section02 .se02_mo_02 {
    width: 1312px;
    height: 756px;
    position: absolute;
    top: 381px;
    /*left: -50px;*/
    left: 150px;
    opacity: 0;
}

#section02 .se02_mo_03 {
    width: 1151px;
    height: 1014px;
    position: absolute;
    top: 1385px;
    left: 777px;
}

#section02 .se02_mo_04 {
    width: 664px;
    height: 909px;
    position: absolute;
    top: 1589px;
    /*left: -210px;*/
    left: -410px;
    opacity: 0;
}

#section02 .se02_mo_05 {
    width: 664px;
    height: 909px;
    position: absolute;
    top: 1589px;
    /*left: 477px;*/
    left: 277px;
    opacity: 0;
}

#section02 .se02_mo_info {
    width: 100%;
    height: 3085px;
    position: absolute;
    top: 5063px;
}

#section02 .se02_mo_06 {
     width: 851px;
     height: 3085px;
     position: absolute;
    left: 537px;
}

#section02 .se02_arrow01 {
    width: 140px;
    height: 350px;
    position: absolute;
    left: 125px;
    /*top: 165px;*/
    top: 65px;
    opacity: 0;
}

#section02 .se02_arrow01_01 {
     width: 411px;
     height: 338px;
     position: absolute;
     right: 125px;
     /*top: 37px;*/
    top: -37px;
    opacity: 0;
}

#section02 .se02_arrow02 {
    width: 410px;
    height: 264px;
    position: absolute;
    right: 125px;
    /*top: 953px;*/
    top: 853px;
    opacity: 0;
}

#section02 .se02_arrow03 {
    width: 411px;
    height: 274px;
    position: absolute;
    left: 125px;
    /*top: 1705px;*/
    top: 1605px;
    opacity: 0;
}

#section02 .se02_arrow04 {
    width: 411px;
    height: 294px;
    position: absolute;
    right: 125px;
    /*top: 2438px;*/
    top: 2338px;
    opacity: 0;
}





/*-----------se03-----------*/

#section03 {
    width: 100vw;
    height: 4103px;
    position: absolute;
    top: 9566px;
    background: #fff;
}

#section03 .se03_top {
    width: 1791px;
    height: 3904px;
    position: absolute;
    top: 64px;
    left: 64px;
}

#section03 .se03_back {
    width: 1574px;
    height: 1011px;
    position: absolute;
    top: 251px;
    left: 277px;
}

#section03 .se03_se03_title_01 {
    width: 273px;
    height: 202px;
    position: absolute;
    /*top: 422px;*/
    top: 372px;
    left: 277px;
    opacity: 0;
}

#section03 .se03_txt_01 {
    width: 874px;
    height: 79px;
    position: absolute;
    top: 463px;
    /*left: 973px;*/
    left: 873px;
    opacity: 0;
}

#section03 .se03_txt_02 {
    width: 367px;
    height: 78px;
    position: absolute;
    top: 637px;
    /*left: 1486px;*/
    left: 1386px;
    opacity: 0;
}

#section03 .se03_time_second {
    width: 345px;
    height: 345px;
    position: absolute;
    top: 1137px;
    left: 1118px;
    z-index: 10;
    transform: rotate(-20deg);
}

#section03 .se03_box02 {
    width: 1748px;
    height: 737px;
    position: absolute;
    top: 1395px;
    left: 172px;
}

#section03 .se03_graph_back {
    width: 1748px;
    height: 737px;
    position: absolute;
}

#section03 .se03_graph_01 {
    width: 787px;
    height: 154px;
    position: absolute;
    /*top: 175px;*/
    top: 75px;
    left: 489px;
    opacity: 0;
}

#section03 .se03_graph02_cover {
    width: 1217px;
    height: 305px;
    position: absolute;
    top: 329px;
    left: 272px;
    overflow: hidden;
}

#section03 .se03_graph_02 {
    width: 1217px;
    height: 305px;
    position: absolute;
    top: -100px;
    opacity: 0;
}

#section03 .se03_box03 {
    width: 1748px;
    height: 751px;
    position: absolute;
    top: 2129px;
    left: 172px;
}

#section03 .se03_box03_title {
    width: 429px;
    height: 66px;
    position: absolute;
    top: 51px;
    left: 63px;
}

#section03 .se03_arrow_01 {
    width: 76px;
    height: 12px;
    position: absolute;
    top: 297px;
    /*left: 723px;*/
    left: 673px;
}

#section03 .se03_box03_01 {
    width: 545px;
    height: 186px;
    position: absolute;
    top: 209px;
    /*left: 175px;*/
    left: 125px;
}

#section03 .se03_box03_01_txt {
    width: 649px;
    height: 164px;
    position: absolute;
    top: 227px;
    /*left: 891px;*/
    left: 791px;
    opacity: 0;
}

#section03 .se03_arrow_02 {
    width: 76px;
    height: 12px;
    position: absolute;
    top: 563px;
    /*left: 723px;*/
    left: 673px;
}

#section03 .se03_box03_02 {
    width: 545px;
    height: 186px;
    position: absolute;
    top: 473px;
    /*left: 175px;*/
    left: 125px;
}

#section03 .se03_box03_02_txt {
    width: 649px;
    height: 164px;
    position: absolute;
    top: 517px;
    /*left: 891px;*/
    left: 791px;
    opacity: 0;
}

#section03 .se03_box04 {
    width: 1746px;
    height: 1015px;
    position: absolute;
    top: 2882px;
    left: 172px;
}

#section03 .box04_back {
    width: 1746px;
    height: 1015px;
    position: absolute;
    top: 47px;
    left: 63px;
}

#section03 .se03_box04_txt_01 {
    width: 564px;
    height: 560px;
    position: absolute;
    /*top: 307px;*/
    top: 207px;
    left: 164px;
    opacity: 0;
}

#section03 .se03_box04_txt_02 {
    width: 752px;
    height: 560px;
    position: absolute;
    /*top: 307px;*/
    top: 207px;
    left: 863px;
    opacity: 0;
}





/*-----------se04-----------*/

#section04 {
    width: 100vw;
    height: 9607px;
    position: absolute;
    top: 13664px;
}

#section04 .se04_bg_03 {
    width: 1920px;
    height: 9581px;
}

#section04 .se04_circle_bg {
    width: 846px;
    height: 846px;
    position: absolute;
    top: 507px;
    left: 532px;
}

#section04 .se04_title_01 {
    width: 1516px;
    height: 146px;
    position: absolute;
    top: 281px;
    left: 204px;
}

#section04 .se04_sub_01 {
    width: 175px;
    height: 1251px;
    position: absolute;
    top: 173px;
    left: 200px;
}

#section04 .se04_mo_01 {
    width: 958px;
    height: 645px;
    position: absolute;
    /*top: 619px;*/
    top: 719px;
    left: 482px;
    opacity: 0;
}

#section04 .se04_mo_02 {
    width: 1369px;
    height: 919px;
    position: absolute;
    /*top: 1625px;*/
    top: 1725px;
    left: 274px;
    opacity: 0;
}

#section04 .se04_mo_watch_01 {
    width: 267px;
    height: 439px;
    position: absolute;
    top: 729px;
    left: -50px;
    /*opacity: 0;*/
}

#section04 .se04_mo_watch_02 {
    width: 499px;
    height: 1329px;
    position: absolute;
    top: 913px;
    /*left: 1420px;*/
    left: 1470px;
    /*opacity: 0;*/
}

#section04 .se04_mo_list01 {
    width: 1920px;
    height: 6496px;
    position: absolute;
    top: 2863px;
}

#section04 .se04_mo_03_bg {
    width: 1920px;
    height: 1013px;
    position: absolute;
}

#section04 .se04_mo_03 {
    width: 1419px;
    height: 722px;
    position: absolute;
    top: 406px;
    /*left: 418px;*/
    left: 118px;
    opacity: 0;
}

#section04 .se04_mo_04 {
    width: 633px;
    height: 835px;
    position: absolute;
    top: 1270px;
    /*left: 80px;*/
    left: -20px;
}

#section04 .se04_mo_05 {

    width: 1151px;
    height: 835px;
    position: absolute;
    top: 1270px;
    /*right: 0;*/
    right: -100px;
}

#section04 .se04_se04_title_02 {
    width: 633px;
    height: 835px;
    position: absolute;
    /*top: 2430px;*/
    top: 2470px;
    opacity: 0;
}

#section04 .se04_color {
    width: 670px;
    height: 86px;
    position: absolute;
    top: 2559px;
    /*left: 170px;*/
    left: 120px;
    opacity: 0;
}

#section04 .se04_fonts {
    width: 684px;
    height: 54px;
    position: absolute;
    top: 2559px;
    /*right: 170px;*/
    right: 100px;
    opacity: 0;
}

#section04 .se04_mo_06 {
    width: 1599px;
    height: 907px;
    position: absolute;
    /*top: 2897px;*/
    top: 2897px;
    left: 167px;
    opacity: 0;
}

#section04 .se04_sub_02 {
    width: 1331px;
    height: 22px;
    position: absolute;
    top: 3991px;
    left: 211px;
}

#section04 .se04_mo_07 {
    width: 1492px;
    height: 801px;
    position: absolute;
    top: 4092px;
    /*left: 195px;*/
    left: 145px;
    opacity: 0;
}

#section04 .se04_mo_07_02 {
    width: 305px;
    height: 642px;
    position: absolute;
    top: 4106px;
    /*right: 186px;*/
    right: 136px;
    opacity: 0;
}

#section04 .se04_line_01 {
    width: 1920px;
    height: 1px;
    position: absolute;
    top: 4892px;
}

#section04 .se04_mo_list02 {
    width: 1920px;
    height: 1457px;
    position: absolute;
    top: 7916px;
}

#section04 .se04_mo_08 {
    width: 1196px;
    height: 697px;
    position: absolute;
    top: 73px;
    left: -50px;
    opacity: 0;
}

#section04 .se04_mo_09 {
    width: 643px;
    height: 567px;
    position: absolute;
    right: 0;
}

#section04 .se04_mo_10 {
    width: 1185px;
    height: 588px;
    position: absolute;
    left: 95px;
    top: 871px;
}

#section04 .se04_mo_11 {
    width: 1185px;
    height: 588px;
    position: absolute;
    /*top: 679px;*/
    top: 497px;
    left: 634px;
    opacity: 0;
}





/*-----------se05-----------*/

#section05 {
    width: 100vw;
    height: 6231px;
    position: absolute;
    top: 23244px;
}

#section05 .se05_main_01 {
    width: 1607px;
    height: 869px;
    position: absolute;
    top: 169px;
    left: 159px;
}

#section05 .se05_main_img {
    width: 580px;
    height: 753px;
    position: absolute;
    top: 45px;
    left: 509px;
    z-index: 10;
}

#section05 .se05_main_txt {
    width: 580px;
    height: 753px;
    position: absolute;
    /*top: 93px;*/
    top: -3px;
    left: 333px;
    opacity: 0;
}

#section05 .se05_sub_txt {
    width: 1582px;
    height: 859px;
    position: absolute;
}

#section05 .se05_title_01 {
    width: 1587px;
    height: 123px;
    position: absolute;
    top: 227px;
    left: -300px;
    opacity: 0;
}

#section05 .se05_title_02 {
    width: 1588px;
    height: 126px;
    position: absolute;
    top: 389px;
    left: 300px;
    opacity: 0;
}

#section05 .se05_title_03 {
    width: 1587px;
    height: 123px;
    position: absolute;
    top: 543px;
    left: -300px;
    opacity: 0;
}

#section05 .se05_planing {
    width: 1661px;
    height: 2180px;
    position: absolute;
    top: 1264px;
    left: 127px;
}

#section05 .se05_planing_01 {
    width: 1631px;
    height: 425px;
    position: absolute;
    left: 29px;
    top: 100px;
    opacity: 0;
}

#section05 .se05_planing_02 {
    width: 1661px;
    height: 393px;
    position: absolute;
    /*top: 544px;*/
    top: 644px;
    opacity: 0;
}

#section05 .se05_planing_03 {
    width: 1661px;
    height: 233px;
    position: absolute;
    /*top: 1045px;*/
    top: 1145px;
    opacity: 0;
}

#section05 .se05_circle_01 {
    width: 1345px;
    height: 303px;
    position: absolute;
    top: 1493px;
    /*left: 162px;*/
    left: 62px;
    opacity: 0;
}

#section05 .se05_circle_02 {
    width: 1349px;
    height: 307px;
    position: absolute;
    /*top: 1714px;*/
    top: 1614px;
    left: 162px;
    opacity: 0;
}

#section05 .se05_txt_01 {
    width: 1335px;
    height: 26px;
    position: absolute;
    /*top: 2149px;*/
    top: 2249px;
    left: 168px;
    opacity: 0;
}

#section05 .se05_mo_list_01 {
    width: 1920px;
    height: 2177px;
    position: absolute;
    top: 3776px;
}

#section05 .se05_sticker_01 {
    width: 302px;
    height: 158px;
    position: absolute;
    left: 1457px;
    top: 622px;
}

#section05 .se05_tag_01 {
    width: 3869px;
    height: 787px;
    position: absolute;
    margin-left: 50%;
    left: -1934px;
    top: 985px;
}

#section05 .se05_mo_01 {
    width: 1481px;
    height: 772px;
    position: absolute;
    left: 300px;
    top: 100px;
    opacity: 0;
}

#section05 .se05_mo_02 {
    width: 1318px;
    height: 679px;
    position: absolute;
    left: 300px;
    /*top: 827px;*/
    top: 727px;
    opacity: 0;
}

#section05 .se05_mo_03 {
    width: 458px;
    height: 692px;
    position: absolute;
    left: 67px;
    top: 343px;
}

#section05 .se05_mo_04 {
    width: 731px;
    height: 417px;
    position: absolute;
    /*left: 128px;*/
    left: 28px;
    top: 1741px;
    opacity: 0;
}

#section05 .se05_mo_05 {
    width: 731px;
    height: 417px;
    position: absolute;
    /*right: 128px;*/
    right: 28px;
    top: 1741px;
    opacity: 0;
}

#section05 .se05_line_01 {
    width: 1px;
    height: 577px;
    position: absolute;
    left: 961px;
    top: 1665px;
}