@charset "utf-8";

/* 공통 */
#pg-main {font-family: "proxima-nova", sans-serif;font-weight:400;}


/* 비디오 */
.mVideoBox {width:100%;margin:0 auto;padding:0 80px;box-sizing:border-box;font-size:0;line-height:0;}
.mVideoBox video {width:100%;border-radius: 30px;overflow:hidden;}

@media all and (max-width:1920px){
	.mVideoBox {padding:0 20px;}
}
@media all and (max-width:999px){
	.mVideoBox {padding:0;}
	.mVideoBox video {border-radius: 0;}
}


/* 소개 */
.mInfo-Box {width:100%;max-width:1640px;margin:120px auto 0 auto;padding:0 20px;box-sizing:border-box;text-align:left;}
.mInfo-Box .inbox {position:relative;width:100%;padding:60px 0;box-sizing:border-box;display:flex;}
.mInfo-Box .inbox:before {display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius: 50px 550px 50px 50px;background: #F3F3F3;z-index:-1;}
.mInfo-Box .img-box {width:38.5625%;display:flex;align-items: center;}
.mInfo-Box .img-box img {width:100%;height:auto;}
.mInfo-Box .txt-box {width:61.4375%;padding-left:60px;box-sizing:border-box;}
.mInfo-Box .mInfo-logo {padding-bottom:30px;}
.mInfo-Box .title {color: #000;font-size: 50px;font-weight: 700;line-height: 120%;letter-spacing:-0.02em;padding-bottom:30px;}
.mInfo-Box .text {color: #555;font-size: 22px;font-weight: 500;line-height: 140%;}
.mInfo-Box .list {color: #333;font-size: 22px;font-weight: 600;line-height: 150%;padding:30px 0;display:flex;flex-direction: column;row-gap:5px;}
.mInfo-Box .address {display:flex;column-gap:20px;align-items:center;padding-top:30px;}
.mInfo-Box .address .pTit {display:flex;align-items:center;height:47px;padding: 0 20px;border-radius: 360px;background: #E63786;color: #FFF;font-size: 17px;font-weight: 700;line-height:110%;box-sizing:border-box;}
.mInfo-Box .address .pTxt {color: #333;font-size: 22px;font-weight: 700;line-height:110%;}

@media all and (max-width:999px){
	.mInfo-Box {margin-top:60px;}
	.mInfo-Box .img-box {width:30%;}
	.mInfo-Box .txt-box {width:70%;}
	.mInfo-Box .inbox:before {border-radius: 30px 150px 30px 30px;}
	.mInfo-Box .mInfo-logo img {width:200px;}
	.mInfo-Box .title {font-size: 40px;padding-bottom:20px;}
	.mInfo-Box .text {font-size: 17px;}
	.mInfo-Box .list {font-size: 17px;padding:20px 0;}
	.mInfo-Box .address {;padding-top:20px;}
	.mInfo-Box .address .pTit {font-size: 16px;}
	.mInfo-Box .address .pTxt {font-size: 17px;}
}
@media all and (max-width:799px){
	.mInfo-Box .inbox {display:block;padding:40px;}
	.mInfo-Box .img-box {width:100%;}
	.mInfo-Box .txt-box {width:100%;padding-left:0;}
}
@media all and (max-width:599px){
	.mInfo-Box {margin-top:40px;}
	.mInfo-Box .inbox:before {border-radius: 20px 100px 20px 20px;}
}


/* 다운로드 */
.mDown-Box {padding:120px 0;}
.mDown-Box .list {width:100%;padding:0 80px;box-sizing:border-box;display:flex;column-gap:20px;}
.mDown-Box .list > li {width:25%;}
.mDown-Box .list > li > a {height:540px;display:flex;align-items:center;justify-content:center;flex-direction: column;background:url(/eng/_Img/Main/mDown_01.png) no-repeat 50% 50%/cover;border-radius: 30px;overflow:hidden;}
.mDown-Box .list .lTit {color: #FFF;font-size: 40px;font-weight: 700;letter-spacing: -0.8px;line-height:120%;}
.mDown-Box .list .lTit span {display:inline-block;}
.mDown-Box .list .lBtn {position:relative;width: 0;height: 0;background:url(/eng/_Img/Main/btn_down.png) no-repeat 100% 100%/cover;margin-top:0;transition:all .3s ease;}
.mDown-Box .list > li:nth-child(1) > a {background-image:url(/eng/_Img/Main/mDown_01.png);}
.mDown-Box .list > li:nth-child(2) > a {background-image:url(/eng/_Img/Main/mDown_02.png);}
.mDown-Box .list > li:nth-child(3) > a {background-image:url(/eng/_Img/Main/mDown_03.png);}
.mDown-Box .list > li:nth-child(4) > a {background-image:url(/eng/_Img/Main/mDown_04.png);}
.mDown-Box .list .lBtn.down {background-image:url(/eng/_Img/Main/btn_down.png);}
.mDown-Box .list .lBtn.link {background-image:url(/eng/_Img/Main/btn_link.png);}
.mDown-Box .list > li > a:hover .lBtn {width: 90px;height: 90px;margin-top:50px;}

@media all and (max-width:1499px){
	.mDown-Box .list {padding:0 20px;}
}
@media all and (max-width:999px){
	.mDown-Box {padding:60px 0;}
	.mDown-Box .list {flex-wrap:wrap;gap:20px;}
	.mDown-Box .list > li {width: calc(50% - 10px);}
	.mDown-Box .list > li > a {height:440px;}
	.mDown-Box .list .lTit {font-size: 30px;}
}
@media all and (max-width:599px){
	.mDown-Box {padding:40px 0;}
	.mDown-Box .list > li > a {height:340px;}
	.mDown-Box .list .lTit {font-size: 26px;}
	.mDown-Box .list > li > a:hover .lBtn {width: 50px;height: 50px;margin-top:20px;}
}
@media all and (max-width:499px){
	.mDown-Box .list {flex-wrap:wrap;gap:10px;}
	.mDown-Box .list > li {width: 100%;}
	.mDown-Box .list .lTit {font-size: 24px;}
	.mDown-Box .list > li > a {height:200px;}
	.mDown-Box .list > li > a:hover .lBtn {width: 40px;height: 40px;}
}


/* NFT */
.mNft-box {background: #212121;padding: 120px 0;}
.mNft-box .inbox {position:relative;width:100%;display:flex;margin:0 auto;box-sizing:border-box;padding-left:calc(50% - 60px);}
.mNft-box img {width:100%;}
#mNft-wr .img-box-wr {position:absolute;top:0;left:0;width: calc(50% - 60px);display:flex;justify-content: flex-end;box-sizing:border-box;padding-right:60px;}
#mNft-wr .img-box-wr .img-box {width: 100%;max-width:680px;}
#mNft-wr {width: 100%;text-align:left;display: flex;flex-direction: column;justify-content: space-between;}
#mNft-wr .mNft-text {max-width:860px;padding-right:20px;}
#mNft-wr .mNft-text .title {color: #FFF;font-size: 50px;font-weight: 700;letter-spacing: -1px;line-height:120%;}
#mNft-wr .mNft-text .text {color: #DDD;font-size: 22px;font-weight: 500;line-height: 140%;padding-top:40px;}
#mNft-wr .ctrl-btns {padding-top:45px;}
#mNft-wr .ctrl-btns button {position:relative;width: 70px;height: 50px;border-radius: 50px;background: #5E5E5E;border:0;font-size:0;color:transparent;transition:all .3s ease;margin-right:10px;}
#mNft-wr .ctrl-btns button:hover {background: #C7C7C7;}
#mNft-wr .ctrl-btns button:before {display:block;content:'';position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;width:20px;height:21px;background:url(/eng/_Img/Main/arr1.png) no-repeat 0 0;}
#mNft-wr .ctrl-btns .owl-prev:before {transform:rotate(180deg);}
#mNft-wr #mNft {position:relative;width:100%;height:250px;padding-top:45px;overflow:hidden;}
#mNft-wr #mNft .mNft-sld {position:absolute;bottom:0;left:-270px;width: calc(100% + 110px)}
#mNft-wr #mNft .mNft-sld .item .img {display:block;width:250px;height:250px;}

@media all and (max-width:1599px){
	.mNft-box {padding-left:20px;}
}
@media all and (max-width:1399px){
	#mNft-wr #mNft {height:200px;}
	#mNft-wr #mNft .mNft-sld {left:-220px;width: calc(100% + 220px)}
	#mNft-wr #mNft .mNft-sld .item .img {width:200px;height:200px;}
}
@media all and (max-width:999px){
	.mNft-box {padding-top: 60px;padding-bottom: 60px;}
	.mNft-box .inbox {padding-left: calc(45% - 30px);}
	#mNft-wr .img-box-wr {width: calc(45% - 30px);padding-right:60px;}
	#mNft-wr .mNft-text .title {font-size: 30px;}
	#mNft-wr .mNft-text .text {font-size: 18px;padding-top:30px;}
	#mNft-wr .ctrl-btns {text-align:center;}
	#mNft-wr .ctrl-btns button {width: 60px;height: 40px;}
	#mNft-wr #mNft {height:150px;}
	#mNft-wr #mNft .mNft-sld {left:-170px;width: calc(100% + 170px)}
	#mNft-wr #mNft .mNft-sld .item .img {width:150px;height:150px;}
}
@media all and (max-width:799px){
	.mNft-box {padding-left:0;}
	.mNft-box .inbox {padding-left:0;}
	#mNft-wr .mNft-text {padding-left:20px;}
	#mNft-wr .img-box-wr {position:relative;top:auto;left:auto;width: 100%;padding:0 20px;margin:40px auto 0 auto;max-width:400px;}
	#mNft-wr .ctrl-btns {padding-top:20px;}
	#mNft-wr #mNft {padding-top:20px;height:100px;margin:0 20px;width:calc(100% - 40px)}
	#mNft-wr #mNft .mNft-sld {left:0;width: 100%;}
	#mNft-wr #mNft .mNft-sld .item .img {width:100px;height:100px;}
}
@media all and (max-width:599px){
	.mNft-box {padding-top: 40px;padding-bottom: 40px;}
	#mNft-wr #mNft {height:80px;}
	#mNft-wr #mNft .mNft-sld .item .img {width:80px;height:80px;}
}


/* Partnership */
.mPartnership-Box {padding:120px 20px 0 20px;box-sizing:border-box;max-width:1640px;width:100%;margin:0 auto;text-align:left;}
.mPartnership-Box .m-tit {color: #000;font-size: 50px;font-weight: 700;letter-spacing: -1px;line-height:120%;margin-bottom:40px;}
.mPartnership-Box .list {width:100%;display:flex;flex-wrap:wrap;gap:30px 20px;}
.mPartnership-Box .list > li {width: calc(16.66% - 16.66px);border-radius: 15px;background: #F8F8F8;overflow:hidden;display: flex;justify-content: center;align-items: center;box-sizing:border-box;padding:20px;}
.mPartnership-Box .list > li img {max-width: 100%;}
.mPartnership-Box .list .mode-mult img {mix-blend-mode: multiply;}

.mDistribution-Box {padding-top:80px;padding-bottom:120px;}

@media all and (max-width:999px){
	.mPartnership-Box {padding-top: 60px;}
	.mPartnership-Box .m-tit {font-size: 40px;margin-bottom:30px;}
	.mPartnership-Box .list > li {width: calc(25% - 15px);}

	.mDistribution-Box {padding-top:50px;padding-bottom:60px;}
}
@media all and (max-width:599px){
	.mPartnership-Box {padding-top: 40px;}
	.mPartnership-Box .m-tit {font-size: 34px;margin-bottom:20px;}
	.mPartnership-Box .list {gap:10px;}
	.mPartnership-Box .list > li {width: calc(33.33% - 6.66px);padding:15px 20px;}

	.mDistribution-Box {padding-top:40px;padding-bottom:40px;}
}
@media all and (max-width:399px){
	.mPartnership-Box .list > li {width: calc(50% - 5px);}
}



/* Global */
.mGlobal-Box {padding:100px 0;box-sizing:border-box;max-width:100%;margin:0 80px;text-align:left;border-radius: 30px;background: #F2F2F2;overflow:hidden;margin-bottom:100px;}
.mGlobal-Box .txt-box {padding:0 80px;}
.mGlobal-Box .m-tit {color: #000;font-size: 50px;font-weight: 700;letter-spacing: -1px;line-height:120%;margin-bottom:20px;}
.mGlobal-Box .m-txt {color: #333;font-size: 24px;font-weight: 500;line-height: 140%;}
.mGlobal-Box .list-box li {display:flex;align-items:center;column-gap:15px;}
.mGlobal-Box .list-box .flag {display:inline-block;width:50px;height:50px;overflow:hidden;border-radius:50%;position: relative;}
.mGlobal-Box .list-box .flag img {width:auto;min-height:100%;position: absolute;left: 50%;top:50%;transform: translate(-50%, -50%);;}
.mGlobal-Box .list-box .ltxt {display:inline-block;color: #555;font-size: 29px;font-weight: 600;letter-spacing: -0.58px;}

.mGlobal-Box .list1 {display: flex;gap:70px;width: 200%;animation: GlobalscrollRight 50s linear infinite;margin-top:80px;}
.mGlobal-Box .list1 li {flex: 0 0 auto;list-style: none;}
.mGlobal-Box .list2 {display: flex;gap:70px;width: 200%;animation: Globalscrollleft 50s linear infinite;margin-top:50px;}
.mGlobal-Box .list2 li {flex: 0 0 auto;list-style: none;}

@media all and (max-width:1920px){
	.mGlobal-Box {margin-left: 20px;margin-right: 20px;}
}
@media all and (max-width:999px){
	.mGlobal-Box {padding-top: 60px;padding-bottom: 60px;margin-bottom:60px;}
	.mGlobal-Box .txt-box {padding:0 40px;}
	.mGlobal-Box .m-tit {font-size: 40px;}
	.mGlobal-Box .m-txt {font-size: 20px;}
	.mGlobal-Box .list-box li {column-gap:10px;}
	.mGlobal-Box .list-box .flag {width:45px;height:45px;}
	.mGlobal-Box .list-box .ltxt {font-size: 22px;}
	.mGlobal-Box .list1 {gap:50px;margin-top:60px;}
	.mGlobal-Box .list2 {gap:50px;margin-top:40px;}
}
@media all and (max-width:599px){
	.mGlobal-Box {padding-top: 40px;padding-bottom: 40px;margin-bottom:40px;}
	.mGlobal-Box .m-tit {font-size: 34px;}
	.mGlobal-Box .m-txt {font-size: 17px;}
	.mGlobal-Box .list-box .flag {width:40px;height:40px;}
	.mGlobal-Box .list-box .ltxt {font-size: 18px;}
	.mGlobal-Box .list1 {gap:40px;margin-top:40px;}
	.mGlobal-Box .list2 {gap:40px;margin-top:30px;}
}

@keyframes GlobalscrollRight {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes Globalscrollleft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}