@charset "utf-8";

html,
body{padding:0 !important;margin:0 !important;overflow-x:hidden}
.wrapper{position:relative;width:1920px;margin:0 auto;overflow:hidden}
.wrapper *{font-family:var(--font-family-Pretendard)}
.wrapper .section{position:relative}

.wrapper .section01{}
.wrapper .section01 .bg{position:relative}
.wrapper .section01 .bg .layer{position:absolute;display:flex;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%, -50%)}
.wrapper .section01 .bg .layer img{width:calc(100% / 2)}
.wrapper .section01 .txtCont{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center}
.wrapper .section01 .txtCont .aniBox{opacity:0}
.wrapper .section01 .txtCont strong{font-family:var(--font-family-paybooc);font-weight:700;line-height:44px;font-size:36px;color:#050505}
.wrapper .section01 .txtCont h1{display:block;font-family:var(--font-family-Play);font-weight:700;line-height:120px;margin-top:14px;font-size:100px;color:#fff}
.wrapper .section01 .txtCont p{font-weight:700;line-height:52px;margin-top:21px;font-size:40px;color:#fff}
.wrapper .section01 .scroll{position:absolute;bottom:10%;left:50%;transform:translateX(-50%)}
.wrapper .section01 .scroll span{display:block;width:4px;height:40px;transform-origin:top;transform:scaleY(1);transition:height 0.1s ease-out;background:#fff}
.wrapper .section01.active .bg .layer{}
.wrapper .section01.active .bg .layer .left{animation:fade-left 1s .3s forwards}
.wrapper .section01.active .bg .layer .right{animation:fade-right 1s .3s forwards}
.wrapper .section01.active .txtCont .aniBox{animation:show-up 1s 0.5s forwards;opacity:0}

.wrapper .section02{background:#111}
.wrapper .section02 .inner{width:1300px;padding:110px 0;margin:0 auto}
.wrapper .section02 .inner strong{font-family:var(--font-family-paybooc);font-weight:700;line-height:96px;font-size:66px;color:#fff}
.wrapper .section02 .inner strong span{color:#2d61ff}
.wrapper .section02 .inner .imgCont{margin-top:80px}
.wrapper .section02 .inner p{font-weight:400;line-height:54px;margin-top:50px;font-size:36px;color:#fff}

.wrapper .section03{position:relative;background:#040506}
.wrapper .section03 .tit{position:absolute;top:10%;left:16%}
.wrapper .section03 .tit strong{font-family:var(--font-family-paybooc);font-weight:700;line-height:96px;font-size:66px;color:#fff}
.wrapper .section03 .tit strong span{color:#2d61ff}
.wrapper .section03 .aniCont{position:absolute;display:flex;width:1300px;flex-flow:row nowrap;align-items:center;justify-content:space-around;bottom:10%;left:50%;transform:translateX(-50%)}
.wrapper .section03 .aniCont li{opacity:0}

.wrapper .section03.active .aniCont li{animation:show-up-type2 2s forwards}
.wrapper .section03.active .aniCont li:nth-of-type(1){animation-delay:.5s}
.wrapper .section03.active .aniCont li:nth-of-type(2){animation-delay:1s}
.wrapper .section03.active .aniCont li:nth-of-type(3){animation-delay:1.5s}
.wrapper .section03.active .aniCont li:nth-of-type(4){animation-delay:2s}
.wrapper .section03.active .aniCont li:nth-of-type(5){animation-delay:2.5s}
.wrapper .section03.active .aniCont li:nth-of-type(6){animation-delay:3s}
.wrapper .section03.active .aniCont li:nth-of-type(7){animation-delay:3.5s}

.wrapper .section04{background:url('../../../img/content/international/section04-bg01.png') no-repeat center}
.wrapper .section04 .inner{position:relative;width:1300px;padding:110px 0 90px;margin:0 auto}
.wrapper .section04 .inner .tit{}
.wrapper .section04 .inner .tit strong{font-family:var(--font-family-paybooc);font-weight:700;line-height:96px;font-size:66px;color:#fff}
.wrapper .section04 .inner .tit strong span{color:#2d61ff}
.wrapper .section04 .inner .imgCont{position:relative;margin-top:140px}
.wrapper .section04 .inner .imgCont .absolute{position:absolute;z-index:1}
.wrapper .section04 .inner .imgCont .absolute:nth-of-type(1){top:-23%;left:32%}
.wrapper .section04 .inner .imgCont .absolute:nth-of-type(2){top:36%;left:0}
.wrapper .section04 .inner .imgCont .absolute:nth-of-type(3){top:36%;left:62%}
.wrapper .section04 .inner .imgCont .ani{position:relative;text-align:center;animation:spin 30s linear infinite;z-index:0}



@media screen and (max-width: 1300px)
{
    .wrapper{padding-top:66px}
    .wrapper .section01{background:url('../../../img/content/international/section01-mo-img01.png') no-repeat center;background-size:100%}
    .wrapper .section01 .bg{display:none}
    .wrapper .section01 .txtCont{position:relative;inset:0 !important;padding:88px 20px;transform:none}
    .wrapper .section01 .txtCont strong{line-height:20px;font-size:16px}
    .wrapper .section01 .txtCont h1{line-height:36px;margin-top:8px;font-size:30px}
    .wrapper .section01 .txtCont p{line-height:24px;margin-top:14px;font-size:18px}
    .wrapper .section01 .scroll{display:none}
    
    .wrapper .section02 .inner{padding:30px 16px 60px}
    .wrapper .section02 .inner strong{display:block;line-height:32px;font-size:26px}
    .wrapper .section02 .inner .imgCont{margin-top:26px;text-align:center}
    .wrapper .section02 .inner .imgCont img{width:100%}
    .wrapper .section02 .inner p{line-height:18px;margin-top:26px;text-align:center;font-size:12px}

    /* .wrapper .section03{padding:40px 20px;background:url('../../../img/content/international/section03-mo-bg01.png') no-repeat center;background-size:100%} */
    .wrapper .section03{padding:40px 20px}
    /* .wrapper .section03 .bg{display:none} */
    .wrapper .section03 .bg{position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%, -50%)}
    .wrapper .section03 .bg img{width:100%;transform:scale(1.4)}
    .wrapper .section03 .tit{position:relative;inset:0}
    .wrapper .section03 .tit strong{display:block;width:100%;line-height:30px;font-size:24px}
    .wrapper .section03 .aniCont{position:relative;width:100%;flex-flow:row nowrap;align-items:center;justify-content:flex-start;gap:10px;inset:0 !important;transform:none;padding-top:188px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
    /* .wrapper .section03 .aniCont li{width:70px;flex-shrink:0} */
    .wrapper .section03 .aniCont li{width:calc(100% / 7);flex-shrink:0}
    .wrapper .section03 .aniCont li img{width:100%;display:block}
    
    .wrapper .section04{background:url('../../../img/content/international/section04-mo-bg01.png') no-repeat center;background-size:100%}
    .wrapper .section04 .inner{padding:30px 16px 100px}
    .wrapper .section04 .inner .tit{}
    .wrapper .section04 .inner .tit strong{line-height:32px;font-size:26px}
    .wrapper .section04 .inner .imgCont{position:relative;width:220px;height:220px;overflow:hidden;white-space:nowrap;margin:40px auto}
    .wrapper .section04 .inner .imgCont .absolute{position:relative;display:inline-block;inset:0 !important;vertical-align:top}
    .wrapper .section04 .inner .imgCont .ani{display:none}

    .wrapper .section04 .inner .imgClone{position:relative;width:220px;height:220px;overflow:hidden;white-space:nowrap;margin:40px auto}
    .wrapper .section04 .inner .imgClone .absolute{position:relative;display:inline-block;inset:0 !important;vertical-align:top}

}


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

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