@charset 'utf-8'; 

.hide_text {display:inline-block; text-indent: -9999px; font-size:1px; overflow: hidden;}

#wrap {overflow: hidden;}

header {position: fixed; top:0; backdrop-filter: blur(40px); width:100%; height:100px; padding:0 74px; display:flex; align-items: center; justify-content: space-between; z-index:1; font-weight: 300; z-index:2;}
header h1.logo a {display:block; width:231px; height:36px; background:url(../img/common/ari_logo.svg)no-repeat center;}
.load header {top:0;}

#gnb {display:flex; gap:47px;}
#gnb > ul {display:flex; justify-content: center; gap:29px;}
#gnb .depth1 {position: relative; height:100px; }
#gnb .depth1 > a {display:block; height:100%; font-size:14px; color:var(--primary); display:flex; align-items: center; padding:16px;}
#gnb .depth1.mypage_m {display:none;}
#gnb .depth2 {display: none; position: absolute; left:50%; top:calc(100% - 20px); transform: translateX(-50%); background-color: #0b0c0e; width: 176px; border-radius: 24px; border:1px solid #333437; z-index: 1; padding:29px 24px 5px 24px; opacity: 0.8;}
#gnb .depth2 > a {display:block; margin-bottom:20px; color:#fff; transition: 0.2s; font-size:15px;}
#gnb .depth2 > a:hover {color:var(--primary);}
#gnb .sign_pc {display:none; text-align: center; justify-content: space-between; gap:8px;}
#gnb .sign_pc li {display:inline-block; border-radius: 28px; height:56px; width:100%;}
#gnb .sign_pc li.signup {background:#FF5670; }
#gnb .sign_pc li.signin {background:#000; border:1px solid #FF5670 }
#gnb .sign_pc li.signout {background:#000; border:1px solid #FF5670 }
#gnb .sign_pc li a {line-height:56px;}
#gnb .wallet a:after {display:none;}

.util {display:flex; align-items: center; gap:30px;}
.util .sign li {display:inline-block; font-size:12px; color: var(--white); background:var(--primary-light); border-radius: 2px; height:26px; line-height: 26px; width:65px; text-align: center;}
.util .sign li:not(last-child) {margin-right:6px;}
.util .sign li:hover {color: #ffc2ce}
.util .lang {position: relative; display:flex; align-items: center; height:100px;}
.util .lang button {display:block; width:24px; height:24px; background:url(../img/common/icon-globe-white.svg)no-repeat center;}
.util .lang .depth2 {display: none; position: absolute; left:50%; top:calc(100% - 20px); transform: translateX(-50%); background-color: #0b0c0e; border-radius: 24px; border:1px solid #333437; z-index: 1; padding:29px 24px 5px 24px; opacity: 0.8;}
.util .lang .depth2 > a {display:block; margin-bottom:20px; color:#fff; font-size:13px; transition: 0.2s;}
.util .lang .depth2 > a:hover,
.util .lang .depth2 > a.on {color:var(--primary);}

#BtnGnbM {display:none; position: relative; background-color:transparent; width:24px; height:23px; cursor: pointer;}
#BtnGnbM i {display:block; margin-top:6px; height:3px; width:100%; background:#fff; transition: 0.3s;}
#BtnGnbM i:first-child {margin-top:0 !important;}
#BtnGnbM i:nth-child(1) {animation : menubar1 .75s forwards;}
#BtnGnbM i:nth-child(2) {transition : all .25s; opacity : 1;}
#BtnGnbM i:nth-child(3) {animation : menubar2 .75s forwards;}
#BtnGnbM.close i {animation :close-menubar1 0.75s forwards;}
#BtnGnbM.close i:nth-child(1) {top:0; transform: rotate(-45deg); top:50%;}
#BtnGnbM.close i:nth-child(2) {opacity : 0;}
#BtnGnbM.close i:nth-child(3) {animation : close-menubar3 .75s forwards; width:100%;}

@keyframes close-menubar1 {
    0% {transform:translateY(0) rotate(0);} 
    50% {transform:translateY(3px) rotate(0);} 
    100% {transform:translateY(11px) rotate(45deg);}
}
@keyframes close-menubar3 {
    0% {transform : translateY(0) rotate(0);} 
    50% {transform : translateY(-7px) rotate(0);} 
    100% {transform : translateY(-7px) rotate(-45deg);}
}
@keyframes menubar1 {
    0% {transform : translateY(8.5px) rotate(45deg);} 
    50% {transform : translateY(8.5px) rotate(0);} 
    100% {transform : translateY(0) rotate(0);}
}
@keyframes menubar2 {
    0% {transform : translateY(-9px) rotate(-45deg);} 
    50% {transform : translateY(-9px) rotate(0);} 
    100% {transform : translateY(0) rotate(0);}
}

@media (max-width: 1480px){
    header {padding:0 60px;}
}

@media (max-width: 1240px){
    header {padding:0 30px; height:60px;}
    header h1.logo a {width:154px; height:24px; background-size:contain;}
    .util .sign {display:none;}
    .util .lang {height:60px;}
    .util .lang .depth2 {left:auto; right:0; transform: translateX(0); top:calc(100% - 10px);}
    #BtnGnbM {display:block;}
    #gnb {display:none; position: absolute; left:0; top:60px; width:100%; height:100vh; background:#000; padding:40px 16px 0;}
    #gnb.active {display:block; position: absolute; left:0; top:60px; width:100%; height:100vh; background:#000;}
    #gnb ul {flex-direction: column; gap:0;}
    #gnb .depth1 {height:auto;}
    #gnb .depth1 > a {border:1px solid #B0AFB0; color:#bfbfbf; font-family:'NeueKaine'!important; border-width:0 0 1px 0; height:60px; font-size:20px;}
	#gnb .depth1.mypage_m {display:flex;}
	#gnb .depth1:hover > a{border-color:#fff; font-weight: 700; color:#fff;}
	#gnb .depth1:last-child a {border-width:0;}
    #gnb .depth2 {position: relative; transform: none; width:100%; top:0; left:0; border:none; border-radius: 0; padding:10px 0; background:none;}
    #gnb .depth2 > a { height:36px; line-height: 36px; margin-bottom:0;}
	#gnb .sign_pc {display:flex;}
}

@media (max-width: 480px){
    header {padding:0 16px;}
}

.main_container .visual {position: relative; width:100%; /*max-height:980px;*/ height:100vh; height: var(--vh);}

.loaded .main_container .visual{ transform: scale(1);}

.main_container .visual_img_ani {position: absolute; left:0; width:100%; height:100%; z-index:0;}
.main_container .visual_img_ani div {width:803px; height: 645px; background:url("/assets/img/main/ari_mark_3d.png")no-repeat center; background-size:contain;}
.main_container .visual_img_ani .img_left{position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); margin-left:-600px; margin-top:100px;}
.main_container .visual_img_ani .img_right{position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); margin-left:600px; margin-top:-100px;}
.main_container .visual_text {position: relative; max-width:1480px; margin:0 auto; height:100%; display:flex; align-items: center; justify-content: center; text-align: center; z-index: 1;}
.main_container .visual_text h2 {font-family:'NeueKaine'!important; font-weight: bold;}
.main_container .visual_text h2 strong {display:block; color:#fff; font-size:var(--mv-tit-2xl);}
.main_container .visual_text h2 b {display:block; color:#fff; font-size:var(--mv-tit-2xl); font-weight: 700; text-transform: uppercase;}
.main_container .visual_text h2 b em {color:var(--primary)}
.main_container .sub_text { margin-top:45px}
.main_container .sub_text .btn_box {gap:7px; margin:70px 0 55px;}
.main_container .sub_text .day_count {display:flex; font-size:96px;justify-content: center; gap:20px; font-weight: 500; color:var(--primary); font-family:'NeueKaine'!important;}
.main_container .sub_text .day_count_end {display:flex; font-size:60px;justify-content: center; gap:20px; font-weight: 700; color:transparent !important; background-image: linear-gradient(to right, var(--primary), #FFB8B8); -webkit-background-clip: text; font-family:'NeueKaine'!important;}
.main_container .sub_text p {font-size:var(--tit-lg); color:#fff; opacity: 0.8; font-weight: 700}
.main_container .sub_text p b {color:var(--primary)}
.main_container .visual_btn {position: relative; margin-top:60px; display:flex; gap:40px; z-index: 3;}
html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate.visual_btn {opacity:1;}
.main_container .visual_btn .sns {display:flex; gap:20px;}
.main_container .visual_btn .sns a {display:block; width:56px; height:56px; background:rgba(246, 78, 106, 0.6); background-repeat: no-repeat; background-position: center; background-size:25px auto; border-radius: 50%; transition: 0.3s;}
.main_container .visual_btn .sns a:hover {background-color:rgba(246, 78, 106, 0.8);}
.main_container .visual_btn .sns a.discord {background-image: url(../img/common/sns_discord_white.svg);}
.main_container .visual_btn .sns a.twitter {background-image: url(../img/common/sns_x_white.svg);}
.main_container .visual_btn .sns a.telegram {background-image: url(../img/common/sns_tele_white.svg);}
.main_container .visual_btn .sns a.github {background-image: url(../img/common/logo_githurb_white.svg);}

.walletAddress_wrap {display:flex; justify-content: end; align-items: center; width:80%}
.walletAddress_wrap button {width:30px; height:30px; background:transparent url("/assets/img/common/icon_copy.png")no-repeat center; border-radius: 5px; filter: brightness(5)}
.walletAddress_wrap #walletAddress {text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width:calc(80% - 30px);}

.day_count_end {position: relative;height:69px;}
.day_count_end h1 {
	position: relative;
	font-size: 60px;
	min-width:11px;
	white-space: nowrap;
	position: fixed;
	color:transparent;
	font-weight: 700;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);

}

.day_count_end h1::before {
	content: "$ARI ICO Coming soon";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color:transparent !important; background-image: linear-gradient(to right, var(--primary), #FFB8B8); -webkit-background-clip: text;
	overflow: hidden;
	border-right: 1px solid #fff;
	animation: typing 5s steps(31) infinite ;
}

@keyframes typing{
	0% {
		width: 0%;
	}

	50% {
		width: 100%;
	}

	100% {
		width: 0%;
	}
}

@media (max-width: 1600px){

}
@media (max-width: 1024px){
	.main_container .sub_text .day_count {font-size:36px; font-weight: 700}
}
@media (max-width: 768px){
	.day_count_end {position: relative;height:69px;}
	.day_count_end h1 {
		position: relative;
		font-size: 20px;
		min-width:11px;
		white-space: nowrap;
		position: fixed;
		color: transparent;
		font-weight: 700;
		top:50%;
		left:50%;
		transform: translate(-50%, -50%);

	}

	.day_count_end h1::before {
		content: "$ARI ICO Coming soon";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		color: var(--primary);
		overflow: hidden;
		border-right: 1px solid #fff;
		animation: typing 5s steps(31) infinite;
	}


	.main_container .sub_text .day_count {gap:10px;}
	.main_container .visual_text h2 strong {font-size:20px; }
	.main_container .visual_text h2 b {font-size:48px; margin-top:20px;}
	.main_container .sub_text .btn_box {margin-top:200px; margin-bottom:24px;}
	.main_container .visual_img_ani .img_left {margin-left:0; margin-top:33px;}
	.main_container .sub_text p {font-size:16px; padding:0 30px;}

	.walletAddress_wrap {justify-content: start; width:100%;}
	.walletAddress_wrap button {width:30px; height:30px; background:transparent url("/assets/img/common/icon_copy.png")no-repeat center; border-radius: 5px; filter: brightness(5)}
	.walletAddress_wrap #walletAddress {text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width:calc(100% - 30px);}
}
@media (max-width: 480px){
	.main_container .visual {position: relative; width:100%; /*max-height:980px;*/ height:initial; height:initial; padding:100px 0;}
	.main_container .visual_img_ani .img_left {margin-top:-45px;}
	.main_container .visual_img_ani div {width:580px;}
	.main_container .visual .sub_text .btn_box {padding:0 20px;}
	.main_container .visual .sub_text .btn_box button {width:100%;}
}

.main_container .ico_status {position: relative; background-size:cover; display:flex; align-items: center; overflow: hidden;}
.main_container .ico_status .status_wrap {margin:0 auto; width:1480px; max-width:1000px;}
.joinico_wrap .ico_status .status_wrap {margin:-100px auto 0;}
.main_container .ico_status h3 {font-size: 40px; color:var(--primary); font-weight: bold; text-align: center; font-family:'NeueKaine'!important;}
.main_container .ico_status .progress {position: relative; width:100%; height:28px; background:#3F3D56; padding:5px; border-radius: 30px;}
.main_container .ico_status .progress:after {content:''; position: absolute; left:10%; top:-17px; height:60px; width:2px; background:#fff;}
.main_container .ico_status .progress #prgBar {background:#FFB8B8; position: relative; border-radius: 30px;}
.main_container .ico_status .progress #prgBar:after {content:''; position: absolute; right:0; top:-19px; z-index: -1; height:60px; width:2px; background:var(--primary);}
.main_container .ico_status .progress #prgBar:before {content:'livecap.';  position: absolute; right:-25px; top:40px; z-index: -1;;}
.main_container .ico_status #prgTop {width:100%; position: relative; height:100px;}
.main_container .ico_status #prgTop > div {position: absolute; top:50px;}
.main_container .ico_status #prgTop > div:first-child {left:calc(10% - 20px);}
.main_container .ico_status #prgTop > div:last-child {right:0;}
.main_container .ico_status #prgBottom {width:100%; position: relative; height:100px;}
.main_container .ico_status #prgBottom > div {position: absolute; top:25px;}
.main_container .ico_status #prgBottom > div:first-child {left:calc(10% - 20px);}
.main_container .ico_status #prgBottom > div:last-child {right:0;}
.main_container .ico_status .progress_wrap p {text-align: right; padding:14px 0;}
.main_container .ico_status .progress_wrap p b {color:var(--primary)}

.joinico_wrap .ico_status {position: relative; background-size:cover; display:flex; align-items: center; overflow: hidden;}
.joinico_wrap .ico_status .status_wrap {margin:0 auto; width:1480px; max-width:1000px;}
.joinico_wrap .ico_status .status_wrap {margin:-100px auto 0;}
.joinico_wrap .ico_status h3 {font-size: 40px; color:var(--primary); font-weight: bold; text-align: center; font-family:'NeueKaine'!important;}
.joinico_wrap .ico_status .progress {position: relative; width:100%; height:28px; background:#3F3D56; padding:5px; border-radius: 30px;}
.joinico_wrap .ico_status .progress:after {content:''; position: absolute; left:10%; top:-17px; height:60px; width:2px; background:#fff;}
.joinico_wrap .ico_status .progress #prgBar {background:#FFB8B8; position: relative; border-radius: 30px;}
.joinico_wrap .ico_status .progress #prgBar:after {content:''; position: absolute; right:0; top:-19px; z-index: -1; height:60px; width:2px; background:var(--primary);}
.joinico_wrap .ico_status .progress #prgBar:before {content:'livecap.';  position: absolute; right:-25px; top:40px; z-index: -1;;}
.joinico_wrap .ico_status #prgTop {width:100%; position: relative; height:100px;}
.joinico_wrap .ico_status #prgTop > div {position: absolute; top:50px;}
.joinico_wrap .ico_status #prgTop > div:first-child {left:calc(10% - 20px);}
.joinico_wrap .ico_status #prgTop > div:last-child {right:0;}
.joinico_wrap .ico_status #prgBottom {width:100%; position: relative; height:100px;}
.joinico_wrap .ico_status #prgBottom > div {position: absolute; top:25px;}
.joinico_wrap .ico_status #prgBottom > div:first-child {left:calc(10% - 20px);}
.joinico_wrap .ico_status #prgBottom > div:last-child {right:0;}
.joinico_wrap .ico_status .progress_wrap p {text-align: right; padding:14px 0;}
.joinico_wrap .ico_status .progress_wrap p b {color:var(--primary)}

@media (max-width: 1480px){
	.ico_status .status_wrap {padding:0 20px;}
}

@media (max-width: 768px){
	.ico_status .progress_wrap p {display:none;}
	.main_container .ico_status h3 {font-size:36px;}
}

.preorder {position: relative; background-size:cover; height:100vh; min-height:880px; display:flex; align-items: center; overflow: hidden;}
.preorder:after {content:''; position: absolute; top:0; left:0; width:100%; height:100%; background:url(../img/preorder_bg.svg)no-repeat center; animation: circle 10s ease-in-out infinite alternate;}
.preorder:before {content:''; position: absolute; top:0; left:0; width:100%; height:100%; background:url(../img/preorder_bg2.png)no-repeat center;}
.preorder .preorder_wrap {position: relative; z-index: 1; width:1480px; margin:0 auto; display:flex; justify-content:center; gap:200px}
.preorder .preorder_text {margin:auto 0;}
.preorder .preorder_text .info i {display:inline-block; width:48px; height:24px; background:url(../img/main/icon_preorder01.svg)no-repeat center; margin-right:12px;}
.preorder .preorder_text strong {display:block; font-family:'NeueKaine'!important; font-size:var(--tit-xl); font-weight: bold; margin-bottom:38px;}
.preorder .preorder_text .info {margin:40px 0;}
.preorder .preorder_text .info > span {display:block; font-size:var(--txt-lg);}
.preorder .preorder_text .info > b {display:block; color:#ffc2ce; font-size:var(--mv-tit-2xl); font-weight: 500; margin-top:12px;}
.preorder .preorder_text .btn_box {margin-top:28px; display:flex; gap:24px;}
.preorder .preorder_text .btn_box img {width:100px;}
.preorder .movie {display:flex; justify-content: center;}
.preorder .mokup {max-width:320px; aspect-ratio:1/2; border-radius: 48px; padding:9px; background:#fff; overflow: hidden}
.preorder .mokup video {width:100%; height:100%; object-fit: cover; border-radius: 42px;}

@keyframes circle {
	0%{transform: rotate(0) scale(1)}
	100%{transform: rotate(180deg) scale(1);}
}

.preorder .preorder_text.step2 strong {display:block; font-size:var(--tit-xl); text-align: center; font-weight: bold; text-transform: uppercase}
.preorder .apply_sheet {width:730px; border-radius: 64px; backdrop-filter: blur(40px); background:rgb(255 255 255 / 7%); padding:60px; margin-top:40px;}
.preorder .apply_sheet .title {font-size:var(--tit-lg); margin-bottom:40px; font-weight: 500;}
.preorder .apply_sheet .sheet form {display:flex; gap:16px; flex-direction: column}
.preorder .apply_sheet .sheet .email {display:flex; width:100%; gap:10px;}
.preorder .apply_sheet .sheet .email span {width:100%;}
.preorder .apply_sheet .sheet .email input {border:1px solid #8c8d8f; border-width:0 0 1px 0; background:none; height:56px; width:100%;}
.preorder .apply_sheet .sheet .email input:focus {border-color:var(--primary);}
.preorder .apply_sheet .sheet .email button {color:#fff; border-radius:20px; height:56px; line-height: 56px; background:rgba(255,255,255,0.2); width:120px; flex-shrink: 0;}
.preorder .apply_sheet .sheet .email button:disabled {opacity: 0.5; cursor: default;}
.preorder .apply_sheet .sheet .verification_code {display:flex; width:100%; gap:10px;}
.preorder .apply_sheet .sheet .verification_code span {display:flex; align-items: center; justify-content: space-between; width:100%; position: relative;}
.preorder .apply_sheet .sheet .verification_code span .code_time {position: absolute; top:50%; right:0; transform: translateY(-50%); display:block; color:#f64e6a;}
.preorder .apply_sheet .sheet .verification_code input {border:1px solid #8c8d8f; border-width:0 0 1px 0; background:none; height:56px; width:100%;}
.preorder .apply_sheet .sheet .verification_code input:focus {border-color:var(--primary);}
.preorder .apply_sheet .sheet .verification_code button {color:#fff; border-radius:20px; height:56px; line-height: 56px; border:1px solid #fff; background:transparent; width:120px; flex-shrink: 0;}
.preorder .apply_sheet .sheet .verification_code button:disabled {opacity: 0.5; cursor: default;}

.select {position: relative;}
.select .option-list {display:none; position: absolute; top: 100%; left: 0; width: 100%; overflow: hidden;}
.select.active .option-list {display:block;}

.divSelect {width:100%;}
.divSelect .select { cursor: pointer}
.divSelect .select .text {display:flex; align-items:center; border:1px solid #8c8d8f; border-radius: 16px; padding:0 16px; height:56px; color:rgba(255,255,255,0.6);}
.divSelect .select .text:after {content:''; position: absolute; right:20px; top:calc(50% - 3px); width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 7px dashed; border-top: 7px solid #fff; border-right: 7px solid transparent; border-left: 7px solid transparent; color: #1e1e1e; border-radius: 0px;}
.divSelect .select .text.open:after {transform: rotate(-180deg)}
.divSelect .select .text img {width:30px; height:20px; margin:0 10px;}
.divSelect .select .option-list {padding:20px 0; list-style: none; backdrop-filter: blur(40px);border:1px solid #8c8d8f; border-radius: 20px; overflow-y: auto; background:rgba(0,0,0,0.9); z-index:2;}
.divSelect .select .option_list_inner {max-height:160px; overflow-y: auto;}
.divSelect .select .option-list .option {display:flex; align-items: center; gap:10px; padding:0 16px; font-size:16px; line-height: 40px;}
.divSelect .select .option-list .option img {width:30px; height:20px;}
.preorder .apply_sheet .btn_solid_01 {width:100%; margin-top:40px;}
#nationalityCode {width:50%;}

.preorder .success_sheet {width:730px; border-radius: 64px; backdrop-filter: blur(40px); background:rgb(255 255 255 / 7%); padding:60px; margin-top:40px;}
.preorder .success_sheet .logo {width:100%; text-align: center}
.preorder .success_sheet .logo img {width:64px;}
.preorder .success_sheet .mssg span {display:block; text-align: center; font-size:var(--tit-lg); margin:16px 0 40px;}
.preorder .success_sheet .mssg b {display:block; text-align: center; font-size:var(--tit-lg); font-weight: 500; margin:16px 0 40px; color:#ffc2ce;}
.preorder .success_sheet .sns {display:flex; justify-content: space-between; margin:40px 0 60px;}
.preorder .success_sheet .sns a {display:flex; gap:10px; align-items: center; font-size:22px;}
.preorder .success_sheet .sns a i {display:block; width:56px; height:56px; background-color: rgba(246, 78, 106, 0.6); background-repeat: no-repeat; background-position: center; border-radius: 50%}
.preorder .success_sheet .sns a.discord i {background-image: url(../img/common/sns_discord_white.svg);}
.preorder .success_sheet .sns a.twitter i {background-image: url(../img/common/sns_x_white.svg);}
.preorder .success_sheet .sns a.telegram i {background-image: url(../img/common/sns_tele_white.svg);}
.preorder .success_sheet .sns a.github i {background-image: url(../img/common/logo_githurb_white.svg);}

@media (max-width: 1600px){
	.preorder .preorder_wrap {padding:0 60px;}
}
@media (max-width: 1240px){
	.preorder .preorder_wrap {padding:0 30px;}
	.preorder {height:auto; padding:60px 0;}
	.preorder .preorder_wrap {flex-direction: column-reverse; align-items: center; gap:30px;}
	.preorder_text {text-align: center}
	.btn_solid_01 {margin:0 auto;}
	.preorder .apply_sheet {margin-top:24px;}
}
@media (max-width: 768px){
	.item_wrap.btn_box:has(#nationalityCode) {flex-direction: column;}
	#nationalityCode { width:100%;}
	.preorder_text {width:100%;}
	.preorder .success_sheet {width:auto;}
	.preorder .movie {width:auto;}
	.preorder .preorder_text .btn_box {flex-direction: column; gap:12px; margin-top:77px;}
	.preorder .preorder_text .btn_box img {width:180px}

	.preorder .apply_sheet {width:100%; padding:30px 10px; border-radius: 32px;}
	.preorder .preorder_text.step2 strong {font-size:var(--mv-tit-2xl)}
	.preorder .apply_sheet .sheet .email button {width:94px;}
	.preorder .apply_sheet .sheet .verification_code button {width:94px;}

	.preorder .success_sheet {margin-top:24px;}
	.preorder .success_sheet .mssg span {margin:16px 0 20px;}
	.preorder .success_sheet {padding:30px 28px; border-radius: 30px}
	.preorder .success_sheet .sns {margin:0;}
	.preorder .success_sheet .sns a {flex-direction: column; font-size:16px;}
}

@media (max-width: 480px){
	.preorder .preorder_wrap {padding:0 16px;}
}

.intro {position: relative; background:url(../img/ARICHAIN_BG_03.png)no-repeat center; background-size:cover; height:100vh; min-height:880px; display:flex; align-items: center; overflow: hidden;}
.intro .intro_img {position: absolute; width:100%; height:100%; left:0; top:0; /*animation: maincircle01 3s ease-in-out infinite alternate;*/ z-index: 0;}
.intro .intro_img:before {content:''; position: absolute; width:100%; height:100%; background:url(../img/ARICHAIN_BG_03_earth.png)no-repeat center; background-size:cover; height:880px;}
.intro .intro_text {position: relative; z-index: 1; width:1480px; margin:0 auto; display:flex; justify-content: end; z-index: 1;}
.intro .intro_text strong {display:block; font-family:'NeueKaine'!important; font-size:var(--tit-xl); color:#fff; margin-bottom:64px; font-weight: 700; text-align: right;}
.intro .intro_text p {display:block; font-size:var(--txt-lg); color:var(--white8);}
.intro .intro_text .intro_text_wrap {display:flex; gap:20px;}
.intro .intro_text .intro_text_wrap > div {width:308px; padding:24px; border:1px solid #3e3c3e; border-radius:10px; background:radial-gradient(rgba(0,0,0,1), rgba(0,0,0,0.5))}
.intro .intro_text .intro_text_wrap > div b {display:block; margin-bottom:10px;}
.intro .intro_text .intro_text_wrap > div p {font-size:16px; line-height: 25px;}

@media (max-width: 1520px){
    .intro .inner {padding:0 60px;}
}

@media (max-width: 1024px){
    .intro {height:760px;}
	.intro .intro_text strong {text-align: left; font-size:36px;}
	.intro .intro_text .intro_text_wrap {flex-direction: column}
	.intro .intro_text .intro_text_wrap > div {text-align: left; width:100%;}
}

@media (max-width: 768px){
	.intro .inner {padding:0 30px;}
    .intro {background-position: left -100px center; margin-top:-150px; z-index: 1;}
    .intro .intro_img:after{background-position: left -100px center;}
    .intro .intro_img:before{background-position: 32% 287px;}
    .intro .inner {padding:0 16px;}
    .intro .intro_text {justify-content: center; text-align: center;}
    .intro .intro_text strong {margin-bottom:32px;}
    .intro .intro_text p {font-size:14px;}

}

.arichain {background:#000 url(../img/ARICHAIN_BG_main_apply.png)no-repeat center; background-size:cover; min-height:880px; display:flex; align-items: center; justify-content: center; text-align: center;}
.arichain .arichain_top_wrap {display:flex; justify-content: space-between}
.arichain .title {font-size:56px; text-align: left; line-height: 140%; font-weight: 700; font-family:'NeueKaine'!important;}
.arichain .info {display:flex; flex-direction: column; text-align: left; gap:34px; font-family:'NeueKaine'!important;}
.arichain .info > div {}
.arichain .info > div em {margin-bottom:18px; display:block; font-size:21px; text-transform: uppercase}
.arichain .info > div strong {font-size:56px; display:block; color:var(--sub_color); font-weight: 700;}
.arichain .box {display:flex; gap:20px; margin:64px 0 56px;}
.arichain .box > div {position: relative; width:341px; aspect-ratio:1 / 0.7; border-radius: 10px; overflow: hidden}
.arichain .box > div .name {position: absolute; left:24px; bottom:26px;}

@media (max-width: 1600px){
    .arichain .inner {padding:0 60px;}
    .arichain .inner {width:100%;}
    .arichain .box {gap:16px; justify-content: space-between;}
}

@media (max-width: 768px){
	.arichain {background-position: center 500px;}
	.arichain .arichain_top_wrap {flex-direction: column;}
    .arichain .inner {padding:0 30px;}
    .arichain .box {flex-wrap:wrap; margin:28px 0 32px; align-items: center;}
    .arichain .box > div {width:calc(50% - 8px);}
    .arichain .info {flex-direction: column; gap:24px;}
    .arichain .info > div:first-child {padding:23px 0 10px 0;}
    .arichain .info > div:last-child {padding:10px 0 23px 0;}
    .arichain .info > div em {margin-bottom:9px;}
	.arichain .info > div strong {font-size:36px;}
	.arichain .box > div .name {left:10px; bottom:10px;}
	.arichain .title {font-size:36px;}
}

@media (max-width: 480px){
    .arichain .inner {padding:0 16px;}
}

.dapi {position: relative; background:url(../img/main/DAPI_bg.png)no-repeat center; background-size:cover; height:100vh; min-height:880px; display:flex; align-items: center; overflow: hidden;}
.dapi .dapi_bg {position: absolute; top:0; left:0; width:100%; height:100%; z-index: 0;}
.dapi .dapi_bg:after {content:''; position: absolute; top:0; left:0; width:100%; height:100%; background:url(../img/main/DAPI_img.png)no-repeat center; background-size:cover; height:880px; /*animation: maincircle01 3s ease infinite alternate;*/}
/*.dapi .dapi_bg:before {content:''; position: absolute; top:0; left:0; width:100%; height:100%; background:url(../img/ARICHAIN_BG_05_light.png)no-repeat center; background-size:cover; height:880px; animation: maincircle03 1s ease-in-out infinite alternate;}*/
.dapi .intro_text {position: relative; width:1480px; margin:0 auto; display:flex; justify-content: start;}
.dapi .intro_text .title {display:block; font-family:'NeueKaine'!important; font-size:48px; color:#fff; margin-bottom:36px;}
.dapi .intro_text .title h3 {font-size:64px; font-weight: 700; margin-bottom:12px;}
.dapi .intro_text p {display:block; font-size:var(--txt-lg); color:var(--white8); margin-bottom:64px;}

@keyframes maincircle01 {
    0%{transform: translate(0);}
    100%{transform: translate(0, -2%);}
}

@keyframes maincircle02 {
    0%{transform: rotate(0);}
    50%{transform: rotate(5deg);}
    100%{transform: rotate(-1deg);}
}

@keyframes maincircle03 {
    0%{opacity: 0;}
    100%{opacity: 1;}
}

@keyframes maincircle04 {
    0%{transform: translate(0); opacity: 0;}
    100%{transform: translate(0, -2%); opacity: 1;}
}


@media (max-width: 1520px){
    .dapi {padding:0 60px;}
}

@media (max-width: 1024px){
    .dapi {height:600px; padding:0 30px;}
}

@media (max-width: 768px){
    .dapi {background-position: right 30% center; min-height: initial;}
	.dapi .dapi_bg {top:10%;}
    .dapi .dapi_bg:before {background-position: right 30% center;}
    .dapi .dapi_bg:after {background-position: right 25% center; background-size:1000px;}
    .dapi .intro_text {width:100%; transform: translateY(-50px); ustify-content: center}
	.dapi .intro_text .title h3 {font-size:36px;}
	.dapi .intro_text .title {font-size:20px;}
    .dapi .intro_text strong {margin-bottom:32px;}
    .dapi .intro_text p {margin-bottom:32px;}
    .dapi .intro_text .btn_line_01 {margin:0 auto;}
}
@media (max-width: 425px){
    .dapi {padding:0 16px;}
    br.br_pc {display:none;}
}

.trusted { padding:0 0 120px; overflow: hidden; margin-top:-50px}
.trusted .sponsored ul {display:flex; width:11000px; /*animation: maqueeL 300s linear infinite;*/ gap:100px;}
.trusted .sponsored ul div {display:flex; gap:50px;}

.trusted2 {background:url("../img/trustedby_bg.png"); padding:120px 0; overflow: hidden;}
.trusted2 .title {font-family:'NeueKaine'!important; text-align: center; margin-bottom:64px; font-size:var(--tit-xl); font-weight: 700;}
.trusted2 .trustedby {margin-bottom:120px; }
.trusted2 .trustedby ul {display:flex; gap:20px; justify-content: center;max-width:1064px; margin:0 auto;}
.trusted2 .trustedby ul li {border:1px solid #3e3c3e; background:radial-gradient(rgba(0,0,0,1), rgba(0,0,0,0.5)); box-shadow: rgba(255, 186, 196, 0.12) 0px 1px 1px 0px inset, rgba(255, 186, 196, 0.1) 0px 24px 48px 0px inset; width:1000px; height:122px; border-radius:16px; display:flex; justify-content: center; align-items: center;}
.trusted2 .trustedby ul li img {max-width:133px;}
.trusted2 .sponsored2 {display:flex; height:456px; overflow: hidden; justify-content: center; /*gap:78px;*/ flex-direction: column; align-items: center;}
.trusted2 .sponsored2 .title {display:flex; align-items: center; text-align: left}
.trusted2 .sponsored2 .marquee_wrap {position: relative; display:flex; gap:24px; overflow: hidden; height:400px;}
/*.trusted2 .sponsored2 .marquee_wrap:after {content:''; position: absolute; left:0; top:0; width:100%; height:100%; backdrop-filter: blur(10px);}*/
.trusted2 .sponsored2 .marquee li {margin-bottom:24px; border:1px solid #3e3c3e; background:radial-gradient(rgba(0,0,0,0.12), rgba(0,0,0,0.5)); width:251px; height:122px; border-radius:16px; display:flex; justify-content: center; align-items: center;}
.trusted2 .sponsored2 .marquee li img {max-width:70%;}

@media (max-width: 1520px){
    /*.trusted {padding:70px 0;}*/
}

@media (max-width: 1024px){
    .trusted2 .trustedby {padding:30px 20px;}
	.trusted2 .trustedby ul {justify-content: start;}
	.trusted2 .trustedby ul li {width:100%; height:61px;}
	.trusted2 .trustedby ul li img {max-width:97px; max-height:80%}
	.trusted2 .sponsored2 {flex-direction: column; gap:32px; /*align-items: normal;*/ overflow:initial }
	.trusted2 .sponsored2 .title {margin-bottom:0; padding:0 20px 30px 20px;}
	.trusted2 .sponsored2 .marquee_wrap {/*overflow: hidden; flex-direction: column; overflow:initial; height:initial;*/}
	.trusted2 .sponsored2 .marquee_wrap:after {top:-16px; height:calc(100% + 50px)}
}

@media (max-width: 768px){
    .trusted .title {margin-bottom:32px;}
	.trusted .trustedby {margin-bottom:80px;}
	.trusted .trustedby ul {width:1510px;}
    .trusted ul {gap:60px !important;}
    .trusted ul li {flex-shrink: 0;}
	.trusted .trustedby ul li.m {display:block;}
	.sponsored2 .js-marquee {display:flex;}
	.trusted2 .title {font-size:36px; margin-bottom:32px;}
	.trusted2 .trustedby {margin-bottom:90px;}
	.trusted2 .trustedby ul {flex-wrap: wrap;}
	.trusted2 .trustedby ul li {width:calc(50% - 10px);}
	.trusted2 .sponsored2 .marquee_wrap {gap:12px;flex-direction: column; height:auto;}
	.trusted2 .sponsored2 ul {flex-wrap: wrap; justify-content: start; height:initial !important;}
	.trusted2 .sponsored2 .marquee li {width:161px; height:61px;margin-bottom:0; margin-left:12px;}
	.trusted2 .sponsored2 .marquee img {max-height:22px;}
	.trusted2 .sponsored2 {height:auto; align-items: normal;}
}

.future {position: relative; background:url(../img/dark_bg04.jpg)no-repeat center; background-size:cover; height:100vh; min-height:880px; display:flex; align-items: center; overflow: hidden;}
.future .intro_text {width:1480px; margin:0 auto; display:flex; justify-content: end;}
.future .img {position: absolute; bottom:0; left:0;}
.future .intro_text b {display:block; font-size:var(--tit-lg); color:#fff; font-weight: 500; margin-bottom:12px;}
.future .intro_text strong {display:block; font-size:var(--tit-xl); color:#fff; margin-bottom:64px; font-weight: 500;}
.future .intro_text p {display:block; font-size:var(--txt-lg); color:var(--white8); margin-bottom:64px}

/*@media (max-width: 1520px){*/
/*    .future .inner {padding:0 60px;}*/
/*}*/

/*@media (max-width: 1024px){*/
/*    .future {background-position: left 20% center; height:760px;}*/
/*    .future .inner {padding:0 30px;}*/
/*}*/

/*@media (max-width: 768px){*/
/*    .future .inner {padding:0 16px; text-align: center;}*/
/*    .future .intro_text {transform: translateY(-50px); justify-content: center;}*/
/*    .future .intro_text b { margin-bottom:8px;}*/
/*    .future .intro_text strong {margin-bottom:32px;}*/
/*    .future .intro_text p {margin-bottom:32px;}*/
/*    .future .intro_text .btn_line_01 {margin: 0 auto;}*/
/*}*/

footer {background:var(--dark);}
footer .inner {display:flex; justify-content: space-between; max-width:1480px; margin:0 auto; padding:80px 0;}
footer .logo > a {display:block; width:192px; height:30px; background:url(../img/common/ari_logo.svg)no-repeat center; background-size: contain}
footer .adr {font-size:13px; color:var(--white6); margin-top:16px; letter-spacing: 0.1px;}
footer .adr b {font-weight: normal}
footer .sitemap {display:flex; gap:80px;}
footer .sitemap li > div {color:#fff; font-size:var(--txt-md); margin-bottom:20px;}
footer .sitemap li > a {display:block; color:rgba(255, 255, 255, 0.6); font-size:var(--txt-md); margin-bottom:10px; transition: 0.1s;}

footer .sitemap li.social > a {display:block; width:48px; height:48px; border-radius: 50%; background:rgba(255, 255, 255, 0.1); margin-bottom:16px; background-repeat: no-repeat; background-position: center; background-size:25px auto; transition: 0.3s;}

footer .sitemap li.social a.discord {background-image: url(../img/common/sns_discord_white.svg);}
footer .sitemap li.social a.twitter {background-image: url(../img/common/sns_x_white.svg);}
footer .sitemap li.social a.telegram {background-image: url(../img/common/sns_tele_white.svg);}
footer .sitemap li.social a.github {background-image: url(../img/common/logo_githurb_white.svg);}

footer .social_m {display:none; gap:8px; padding:20px 0;}
footer .social_m > a {display:block; width:48px; height:48px; border-radius: 50%; background:rgba(255, 255, 255, 0.1); margin-bottom:16px; background-repeat: no-repeat; background-position: center; background-size:25px auto; transition: 0.3s;}
footer .social_m a.discord {background-image: url(../img/common/sns_discord_white.svg);}
footer .social_m a.twitter {background-image: url(../img/common/sns_x_white.svg);}
footer .social_m a.telegram {background-image: url(../img/common/sns_tele_white.svg);}
footer .social_m a.github {background-image: url(../img/common/logo_githurb_white.svg);}

@media (hover: hover) {
    footer .sitemap li > a:hover {color:rgba(246, 78, 106, 0.6)}
    footer .sitemap li.social > a:hover {background-color:rgba(255, 255, 255, 0.3)}
}
footer .copyright {background:rgba(255, 255, 255, 0.05); text-align: center; padding:40px 0; font-size:14px; color:#b3b4b7; line-height: 1.8em}

@media (max-width: 1520px){
    footer .inner {padding:80px 60px;}
}

@media (max-width: 1024px){
    footer .inner {padding:40px 30px;}
    footer .sitemap {display:none;}

}

@media (max-width: 768px){
    footer .inner {flex-direction: column; gap:40px;}
    footer .adr {margin-top:12px;}
	footer .social_m {display:flex;}
    footer .sitemap {gap:30px; justify-content: space-between;}
    footer .copyright {padding:30px 0; border-top:1px solid #bfbfbf; background:none; text-align: left; margin:0 20px;}
}

@media (max-width: 480px){
    footer .inner {padding:40px 16px;}
    footer .sitemap {flex-direction: column;}
}

.coming_soon {height:100vh; background:url(../img/comingsoon_bg.jpg)no-repeat center; background-size:cover; padding:0 60px;}
.coming_soon h1.logo {display:flex; flex-direction: column; align-items: center; width:100%;}
.coming_soon h1.logo a {display:block; width:304px; height:48px; background:url(../img/common/ari_logo.svg)no-repeat center; background-size:contain;}
.coming_soon h1:after {content:''; display:block; width:500px; height:1px; background-image:linear-gradient(to right, #0d0911, #c1c1c1 49%, #0c0910); margin:50px 0 30px;}
.coming_soon .content {height:100%; display:flex; align-items: center; justify-content: center; flex-direction: column;}
.coming_soon .content .text {display:flex; justify-content: space-between; font-family: 'NeueKaine'!important; width:100%; max-width:1132px; font-size:var(--mv-tit-2xl); font-weight:300; color:var(--white8); text-transform: uppercase;}
.coming_soon .content .text span {text-align: center;}
.coming_soon .content button {margin-top:140px;}

/*@media (max-width: 768px){*/
/*    .coming_soon { padding:0 30px;}*/
/*    .coming_soon h1.logo a {width:194px; height:30px;}*/
/*    .coming_soon h1:after { margin:40px 0 20px; width:100%;}*/
/*    .coming_soon .content button {margin-top:80px;}*/
/*}*/

/*.signin_wrap {height:100%;}*/
/*.signin_wrap {background:url(../img/ARICHAIN_BG_signin.jpg)no-repeat center; background-size:cover;}*/
.signin_wrap .member-box {position: relative; flex-direction: column; z-index: 1; width:1480px; margin:0 auto; display:flex; justify-content: center; gap:50px; align-items: center; height:100%; /*min-height:980px;*/ padding:150px 0;}
.signin_wrap .contit {font-size:var(--tit-lg);}
.signin_wrap .contit span {font-size:var(--mv-tit-2xl); display:block;}
.signin_wrap .contit strong {font-size:32px; display:block; text-align: center;}
.signin-form {/*backdrop-filter: blur(40px);background:rgb(255 255 255 / 7%); padding:60px 60px 80px 60px; border-radius: 64px; */width:430px;}
.signin-form .formtit {font-size:var(--tit-lg); margin-bottom:40px;}
.member-item label {font-size:24px; margin-bottom:10px; display:block; font-weight: 700}
.member-item label i.q_mark {display:inline-block; width:20px; height:20px; cursor:pointer; background:url(../img/common/icon-help-circle-bk.svg)no-repeat center; vertical-align: middle; margin-left:8px;}
.member-item label i.imp_mark {display:inline-block; color:var(--primary); margin-left:4px; font-weight: bold; cursor:pointer;}
.member-item {position: relative; margin-bottom:16px;}
.member-item .form-basic {background:transparent; border:none; padding:0; height:56px; line-height: 56px; width:100%; border:1px solid #8c8d8f; padding:0 16px; border-radius: 16px;}
.member-item textarea.form-basic {height:auto; line-height: auto;}
.member-item .form-basic:disabled {color:rgba(255,255,255,0.5) !important; background:rgba(255,255,255,0.1) !important; padding:0 10px;}
.member-item .form-basic:focus {border-color:var(--primary);}
.member-item .form-basic::placeholder {font-size:15px;}
.member-item .error_msg {color:var(--primary); margin-top:8px; font-size:var(--txt-sm);}
#errorMsgIn {display:none; position: absolute; width:0px; height:0px; right:0;}
.member-item .emailbox .time {position: absolute; right:16px; top:20px; font-size:14px;}
.item_wrap {position: relative}
.item_wrap.btn_box {display:flex; gap:10px;}
.member-item .keyShow {top:auto; bottom:0; right:16px;}
.pw_condition {display:flex; gap:10px;}
.pw_condition > div {margin-top:10px;}
.pw_condition > div:before {content:'';vertical-align: middle; display:inline-block; width:20px; height:20px; background: transparent url(../img/common/icon_check_20s.svg) no-repeat center; background-size:14px auto;}
.pw_condition > div.check:before {background: transparent url(../img/common/icon_check_20s_blue.svg) no-repeat center; background-size:14px auto;}
.btn_stit {color:var(--white8);}
.btn_signup {width:100%;}
.reference_message {background:rgba(246, 78, 106, 0.3); border-radius: 16px; padding:16px; text-align: center; color:#F8A607}
.reference_message:before {content:''; display:inline-block; width:20px; height:20px; background:url("../img/common/alert-triangle.svg")no-repeat center;transform:translate(-10px, 10px)}
#btnSignIn.btn_solid_62 {width:100%;}

.signin_checks {display: flex; align-items: center; height:22px; flex-wrap: wrap; gap: 40px; margin-bottom: 40px;}

@media (max-width: 1520px){
	.signin_wrap .member-box {width:100%; padding:150px 60px 80px;}
}

@media (max-width: 1240px){
	.signin_wrap .member-box {flex-direction: column; padding:150px 30px 80px; justify-content: center}
	.signin_wrap .contit {transform:translateY(0); text-align: center}
	/*.signin_wrap {height:100%;}*/
	.signin-form {width:100%; margin-top:20px; min-height:auto;}
}

@media (max-width: 768px){
	.signin-form {padding:40px 0; border-radius: 32px;}
	.signin-form .formtit {text-align: center}
	.pw_condition {font-size:10px;}
}

@media (max-width: 480px){
	.signin-form {padding:30px 0;}
	.signin-form .formtit {margin-bottom:20px;}
	.member-item.mb40 {margin-bottom:20px !important;}
	a.pwfind.mb40 {margin-bottom:20px !important;}
	/*.member-item label {display:none;}*/
	.member-item label.mobile_show {display:block;}
	.signin_wrap .member-box {padding:140px 16px 62px; min-height: auto;}
}

/*.signup_wrap {height:100%;}*/
.signup_wrap .member-box {position: relative; z-index: 1; width:1480px; margin:0 auto; display:flex; justify-content: center; gap:100px; min-height:980px; padding:180px 0;}
/*.signup_wrap {background:url(../img/ARICHAIN_BG_signin.jpg)no-repeat center; background-size:cover;}*/
.signup_wrap .contit {font-size:var(--tit-lg); transform: translateY(-190px)}
.signup_wrap .contit span {font-size:var(--mv-tit-2xl); display:block;}
.signup_wrap .contit strong {font-size:var(--mv-tit-3xl); display:block;}
.signup-form {backdrop-filter: blur(40px);background:rgb(255 255 255 / 7%); padding:60px 60px 121px 60px; border-radius: 64px; width:730px; min-height:640px;}
.signup-form .formtit {font-size:var(--tit-lg); margin-bottom:40px;}
.formtit_h3 {font-size:32px; margin-bottom:40px;}

.signup-step {margin-bottom:40px;}
.signup-step ul li span {display:inline-block; width:40px; height:40px; line-height: 40px; text-align: center; vertical-align: middle; background:#8c8d8f; border-radius: 50%; font-size:var(--txt-md);}
.signup-step ul li.on span {background:var(--primary)}
.signup-step ul {display:flex;}
.signup-step ul li:before {content:''; display:inline-block; width:40px; height:2px; background:#8c8d8f; margin:0 4px; vertical-align: middle;}
.signup-step ul li.on:before {background:var(--primary);}
.signup-step ul li:first-child:before {display:none;}
.signup_wrap .btn_solid_62 {width:100%;}
.signup_wrap .check-text {margin-left:10px;}

.all-agree {border:1px solid #fff; border-radius: 20px; height:56px; display:flex; align-items: center; padding:0 16px; margin-bottom:24px; font-size:17px;}
.terms-box li {position: relative; border-bottom:1px solid #8c8d8f; height:56px; display:flex; align-items: center; padding:0 16px; margin-bottom:16px;}

.terms-box .more_info {position: absolute; right:0; top:50%; transform: translateY(-50%) rotate(-90deg); width:20px; height:20px; background:url("../img/common/icon-downopen-20s.svg")no-repeat center;}
.csup {font-size:var(--tit-lg); margin-bottom:30px; color:var(--white8);}
.masterkey_info {color:var(--white8); font-size:var(--txt-md); margin-bottom:20px;}
.masterkey_info + .item_wrap { width:100%; border-bottom:1px solid #8c8d8f;}
.masterkey_num {background:transparent; border:none; padding:0; height:56px; line-height: 56px; font-size:15px; width:calc(100% - 50px); overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.item_wrap .btn_copy {position: absolute; right:0; top:50%; transform: translateY(-50%); width:24px; height:24px; background:url("../img/common/icon-copy-bk.svg")no-repeat center;}
@media (max-width: 1520px){
	.signup_wrap .member-box {width:100%; padding:160px 60px;}
}

@media (max-width: 1240px){
	.formtit_h3 {margin-bottom:16px;}
	.signup-step {margin-bottom:0;}
	.signup_wrap .member-box {flex-direction: column; padding:80px 30px; justify-content: center; min-height:auto; gap:0;}
	.signup_wrap .contit {transform:translateY(0); text-align: center}
	/*.signup_wrap {height:100%;}*/
	.signup-form {width:100%; margin-top:20px; min-height:auto;}
}

@media (max-width: 768px){
	.signup-form {padding:40px 20px; border-radius: 32px;}
	.signup-form .formtit {text-align: center}
	.signup_wrap .btn_solid_62 {font-size:16px;}
}

@media (max-width: 480px){
	.signup-form {padding:30px 10px;}
	.signup-form .formtit {margin-bottom:20px;}
	.member-item.mb40 {margin-bottom:20px !important;}
	.signup-step ul li:before {width:15px;}
}
@media (max-width: 320px){
	.signup-form {padding:30px 10px;}
	.signup-form .formtit {margin-bottom:20px;}
	.member-item.mb40 {margin-bottom:20px !important;}
	.signup-step ul li:before {width:10px;}
}

#wrap.wallet {background:url(/assets/img/ARICHAIN_BG_wallet.jpg) no-repeat; background-size:100%; background-position: top center;}

.wallet .btnwrap {gap:8px;}
.wallet .bs-caret .caret {transform: translateY(-40%); width:20px; height:20px; background:url(../img/common/icon-downopen-20s.svg)no-repeat center; border:none;}
.wallet .dropdown.open .bs-caret .caret {transform: translateY(-40%) rotate(180deg);}

.ico_status_wrap {background:url(../img/ARICHAIN_BG_03.png)no-repeat center; background-size:cover; height:100%;}
.ico_status_wrap .ico_status_box {position: relative; z-index: 1; width:1480px; margin:0 auto; height:100%; /*min-height:980px;*/ padding:200px 0;}
.ico_status_wrap .ico_status_box h2 {font-size:40px; font-weight: 700; text-transform: uppercase}
.ico_status_wrap .ico_status_box .content {display:flex;}
.ico_status_wrap .ico_status_box .content .img_box {transform: scaleX(-1);}
.ico_status_wrap .ico_status_box .content .img_box img {transform: translateY(-50px)}
.ico_status_wrap .ico_status_box .content .status_box {width:80%; max-width:911px; flex-shrink: 0; margin-top:20px;}
.ico_status_wrap .ico_status_box .content .status_box .token {text-align: right; margin-bottom:77px; font-size:20px;}
.ico_status_wrap .ico_status_box .content .status_box .token em {color:var(--primary)}
.ico_status_wrap .ico_status_box .content .status_box .profile dl {display:flex; align-items: center; justify-content: space-between; border:1px solid #fff; border-radius: 15px; margin-bottom:40px; height:94px; padding:0 70px; font-size:24px; font-weight: 700;}
.ico_status_wrap .ico_status_box .content .status_box .profile dl.kyc .verified {color:#fff;}
.ico_status_wrap .ico_status_box .content .status_box .profile dl.kyc .declined {color:red;}
.ico_status_wrap .ico_status_box .content .bottom {font-size:24px; font-weight: 700;}
.ico_status_wrap .ico_status_box .content .bottom .declined {color:red;}
.ico_status_wrap .ico_status_box .content .bottom .declined h3{color:red; margin-bottom:13px; font-weight: 700;}
.ico_status_wrap .ico_status_box .content .bottom .declined p{font-size:20px;}

.joinico_wrap .ico_status {flex-direction: column; height:auto; background:url(../img/ARICHAIN_BG_03.png)no-repeat center; background-size:cover; z-index:0; padding-top:50px;}
.joinico_wrap .ico_status .img_box img {width:720px; transform: scaleX(-1);}
.joinico_wrap .ico_status #prgTop {padding-top:0;}
.joinico_wrap .ico_join {width:1000px; margin:0 auto; padding:30px 0 60px;}
.joinico_wrap .join_wrap h2 {margin-bottom:67px; font-size:48px; font-weight: 700}
.joinico_wrap .join_wrap h2 p {font-size:30px; font-weight: normal; margin-top:30px;}
.joinico_wrap .input_radio {display:flex; justify-content: space-between; width:100%; border:1px solid #fff; padding:20px 42px; border-radius:15px;}
.joinico_wrap .input_radio label {margin-bottom:0; font-size:30px; font-weight: 700}

@media (max-width: 780px){
	.ico_status_wrap {height:initial;}
	.ico_status_wrap .ico_status_box h2 {font-size:24px;}
	.ico_status_wrap .ico_status_box {width:100%; padding:100px 0;}
	.ico_status_wrap .ico_status_box .content {flex-direction: column}
	.ico_status_wrap .ico_status_box h2 {text-align: center}
	.ico_status_wrap .ico_status_box .content .status_box {width:100%; padding:0 20px;}
	.ico_status_wrap .ico_status_box .content .status_box .token {margin-bottom:12px; text-align: left;}
	.ico_status_wrap .ico_status_box .content .status_box .profile dl {margin-bottom:12px; background:#2B2A2B; border:none;}
	.ico_status_wrap .ico_status_box .content .bottom {margin-top:24px; text-align: center}
	.ico_status_wrap .ico_status_box .content .status_box .profile dl {padding:16px; flex-direction: column; align-items: start}
	.ico_status_wrap .ico_status_box .content .status_box .profile dt {font-size:14px;}
	.ico_status_wrap .ico_status_box .content .bottom .declined {text-align: left}
	.ico_status_wrap .ico_status_box .content .img_box img {transform: translateY(0)}
	.ico_status_wrap .ico_status_box .content .status_box .token {font-size:14px;}
	.joinico_wrap .ico_join {width:100%; padding:36px 20px;}
	.joinico_wrap .ico_status .status_wrap {width:100%;}
	.joinico_wrap .join_wrap h2 {font-size:24px; margin:24px 0;}
	.joinico_wrap .join_wrap h2 p {font-size:16px;}
	#employmentFundingForm .font30 {font-size:16px;}
	.joinico_wrap .input_radio {padding:12px 16px;}
	.joinico_wrap .input_radio label {font-size:16px; line-height: 150%;}
	.joinico_wrap .input_radio.mb30 {margin-bottom:12px !important;}
	.joinico_wrap .member-item.mb30 .mb40 {margin-bottom:12px !important;}
	.ico_join .step4 .signup-step {flex-direction: column; gap:24px; align-items: start}
	.join_wrap .status_box .profile dl dd #ariAmount {height:40px;}
	.ico_join .step4 .status_box dl {flex-direction: column; }

}

.dropdown-menu li a {background: #000 !important;}
.dropdown-menu>li {border:none;}
.dropdown-toggle {background:transparent !important; padding:0; color:#fff; border:1px solid #fff; border-radius: 16px}
.dropdown-menu {border:none; border-radius: 20px; background:#000 !important;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu li a:hover {background:none; color:#fff; padding:0 20px; height:70px; line-height: 70px; text-align: left!important;}

.dropdown-menu li a {background:none; color:#fff; padding:0 20px; height:70px; line-height: 70px; text-align: left!important;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {color:#fff;}
.dropdown-menu li a:hover {color:#fff !important; background:var(--primary) !important;}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {padding:0 16px;}
.bootstrap-select .dropdown-toggle .caret {top:25px; right:20px;}
.caret {color:#fff; border-top:10px dashed;}

/* img file */
.file-box input[type="file"] {position: absolute;width: 1px; height: 1px;padding: 0; margin: -1px;border: 0;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);clip-path: inset(50%);word-break: initial; word-wrap: initial;}
.file-box { width: 100%; }
.file-box .img-wrap.img-preview .img-box label { display:flex; justify-content: center; align-items: center; width: 100%; height:100%; position:absolute; top:0; left:0; border-radius: var(--radius20); border: 2px dashed var(--gray10); overflow: hidden; }
.file-box .img-wrap.img-preview .img-box label > img { display: none; width:100%; height:100%; object-fit: cover}
.file-box .img-wrap.img-preview .img-box label .text {font-size:30px; text-align: center}
.file-box .img-wrap.img-preview .img-box label.preview-is img { display: block; opacity: 1;  }
.file-box .img-wrap.img-preview .img-box .del-preview i { width:20px; height: 20px; line-height: 20px; font-size: var(--font10); color: var(--white); text-align: center; border-radius: 50%; background-color: var(--black); opacity: 0.54; cursor: pointer; }
.file-box .img-wrap.img-uploading .img-box { opacity: 0.5; pointer-events: none; }
.file-box .img-box { position: relative; height:250px; border-radius:15px; border:2px dotted #fff; overflow: hidden; box-shadow: 0 0 0 1px rgba(0,0,0,0.03) inset; width:100%;}

.join_wrap .status_box {margin-top:20px;}
.join_wrap .status_box .token {text-align: right; /*margin-bottom:35px;*/ font-size:20px;}
.join_wrap .status_box .token em {color:var(--primary)}
.join_wrap .status_box .profile dl {display:flex; align-items: center; justify-content: space-between; border:1px solid #fff; border-radius: 15px; height:94px; padding:0 20px; font-size:24px; font-weight: 700;}
.join_wrap .status_box .profile dl dt {font-size:16px;}
.join_wrap .status_box .profile dl dd {font-size:36px; display:flex; align-items: center}
.join_wrap .status_box .profile dl dd #ariAmount {background:none; border:none; text-align: right; font-size:48px; font-weight: 700; max-width: 400px;}
.join_wrap .status_box .profile dl dd #ariAmount::-webkit-inner-spin-button {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}
.join_wrap .status_box .profile dl dd b {font-size:48px; vertical-align: bottom}
.join_wrap .status_box .error_msg {display:flex; justify-content: space-between; margin-top:10px;}
.join_wrap .status_box .error_msg .msg {color:red; font-weight: bold; font-size:20px;}
.join_wrap .status_box .error_msg .minmax {color:#F64E6A; font-weight: bold;}
.join_wrap .status_box .error_msg .minmax span:first-child {margin-right:26px;}
.join_wrap .status_box .address {display:flex;align-items: center; width:100%; gap:20px; margin-top:25px;}
.join_wrap .status_box .address .title {color:#ff5d00;}
.join_wrap .status_box .address .qr_img {background:#fff; padding:10px; border-radius: 15px;}
.join_wrap .status_box .address .qr_ad {background:#fff; border-radius: 16px; display:flex; align-items: center; padding:20px; flex-grow: 1}
.join_wrap .status_box .address .qr_ad p {color:#000; text-decoration: underline;width:calc(100% - 24px); text-align: center}
.join_wrap .status_box .address .qr_ad button {background:none;width:24px;}
.join_wrap .status_box .select_Network dd,
.join_wrap .status_box .token dd {width:250px;}
.join_wrap .status_box .select_Network dd .dropdown-toggle,
.join_wrap .status_box .token dd .dropdown-toggle {border:none;}
.join_wrap .status_box .kyc_mssg {text-align: right; color:#35FFD0; font-size:20px; margin-top:10px; font-weight: 700}
.join_wrap .dropdown-toggle .filter-option-inner-inner {font-size:36px; font-weight: bold;}
.join_wrap .deposit_error_msg {font-size:32px; text-align: center; margin:62px 0;}
.join_wrap .deposit_error_msg b {color:red;}
.joinico_wrap.complete {height: 100%}
.joinico_wrap.complete .joinico_box {height: 100%}
.joinico_wrap.complete .content {height: 100%}
.joinico_wrap.complete .ico_status {height: 100%; justify-content: center; z-index:0;}
.joinico_wrap.complete .complete_text {margin-bottom:85px; font-size:24px; text-align: center}
.joinico_wrap.complete .complete_text p {margin-bottom:40px; font-size:32px;}

.stepLoading {padding:150px 0;}
.stepLoading .loading_img {display:flex; justify-content: center; align-items: center; margin-bottom:30px}
.stepLoading .spinner {border: 5px solid #2c2c2c; /* Light grey */ border-top: 5px solid var(--primary); /* Blue */ border-radius: 50%; width: 80px; height: 80px; animation: spin 1s linear infinite; margin-right: 10px;}
.stepLoading .text {font-size:24px; text-align: center}
.stepLoading .text p:first-child {margin-bottom:56px;}
@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

/*하이차트*/
.ico_chart {background:url("../img/ico_chat_bg.png")no-repeat center; background-size:cover; height:880px; display:flex; flex-direction: column; align-items: center; justify-content: center; background-size:cover;}
.ico_chart_wrap {margin:0 auto;}
.ico_chart #container {width:100%; position: relative; height:500px;}
.ico_chart #container:before {content:''; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:300px; height:300px; background:url("/assets/img/ari_mark_small.png")no-repeat center;}
.highcharts-background {fill:transparent;}
.highcharts-title {display:none;}
.highcharts-legend {display:none;}
.highcharts-label {font-size:20pt;}
.highcharts-label.highcharts-data-label text{ fill:#fff !important; font-family: 'pretendard'}
.highcharts-data-label-connector {stroke:#fff;}
.highcharts-text-outline {
	display:none;
}
path {stroke:none;}
.annouce {padding-bottom:100px;}
.annouce .title {font-size:40px;width:1480px; font-family:'NeueKaine'!important; font-weight: 700; margin:50px auto 50px 200px;}
.annouce .twitter_swiper {margin-left:200px; overflow: hidden}
.annouce .twitter_swiper .swiper-slide {width:500px;}
.annouce .twitter_box {display:flex; gap:10px; border-top:1px solid #555; padding:10px 0 0;}
.annouce .twitter_box .profile_img {position: relative;}
.annouce .twitter_box .profile_img:after {content:''; position: absolute; width:1px; height:100%; background:#555; left:50%; bottom:-10px;}
.annouce .twitter_box .profile_img p {position: relative; width:50px; height:50px; border-radius: 50%; background:#fff; overflow: hidden; z-index: 1}
.annouce .twitter_box .profile_img p img {object-fit: cover; width:100%; height:100%;}
.annouce .twitter_box .content {width:100%;}
.annouce .twitter_box .content .profile {display:flex; gap:5px; align-items: center}
.annouce .twitter_box .content .profile .user_id {color:#555; font-size:11px;}
.annouce .twitter_box .content .profile .date {color:#555; font-size:11px;}
.annouce .twitter_box .content .profile .marker img {width:15px; vertical-align: middle}
.annouce .twitter_box .content .content_text {padding:5px 0 10px; max-height:100px; min-height: 57px;}
.annouce .twitter_box .content .content_text p { text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3; font-size:12px;}
.annouce .twitter_box .content .img_box p {width:100%; aspect-ratio:1 / 0.5; border:1px solid #fff; border-radius: 15px; overflow: hidden}
.annouce .twitter_box .content .img_box p img {width:100%; height:100%; object-fit: cover}
.annouce .twitter_box .content .bottom {display:flex; justify-content: space-between; opacity: 0.5; margin-top:10px; font-size:12px;}
.annouce .twitter_box .content .bottom i {margin-right:5px;}
.annouce .twitter_box .content .bottom i img {width:15px;}

.support .support_wrap {width:482px; margin:0 auto; padding:160px 0 100px;}
.support .support_wrap .title {font-size:40px; font-family:'NeueKaine'!important; font-weight: 700;}

.chart_legend_m {display:none;}


@media (max-width: 1240px){
	.annouce .title {margin-left:100px;}
	.annouce .twitter_swiper {margin-left:100px;}
}

@media (max-width: 768px){
	.annouce .title {margin-left:20px;}
	.annouce .twitter_swiper {margin-left:20px;}
	.annouce .twitter_box .profile_img p {width:30px; height:30px;}
	/*.ico_chart .highcharts-data-labels {display:none;}*/
	.bootstrap-select .dropdown-toggle .caret {top:22px;}
	.file-box .img-wrap.img-preview .img-box label .text {font-size:16px;}

	#errorMsg .minmax { display:none !important;}
	.join_wrap .status_box .error_msg .minmax {/*display:none; */font-size:12px;}
	.join_wrap .status_box .error_msg .minmax span:first-child {margin-right:10px;}

	.chart_legend_m {display:block; padding:0 0 50px 0;}
	.chart_legend_m dl {margin-bottom:23px; padding-left:20px; position: relative}
	.chart_legend_m dl dt {font-size:16px;}
	.chart_legend_m dl dt i {width:16px; height:16px; border-radius: 50%; position: absolute; left:0; top:2px; vertical-align: middle;}
	.chart_legend_m dl dd {font-size:30px; font-family:'NeueKaine'!important; font-weight: 700; margin-top:10px;}
	.join_wrap .status_box .profile dl,
	.join_wrap .status_box .token dl {align-items: start!important; justify-content: center!important;}
	.join_wrap .status_box .profile dl dd {font-size:16px}
	.join_wrap .status_box .profile dl dd #ariAmount {/*width:100%;*/ font-size:24px; text-align: left; width:1px}
	#errorMsgIn {display:none; position: relative; width:initial; height:initial;}
	.join_wrap .status_box .error_msg .msg {font-size:12px; font-weight: normal;}
	.join_wrap .status_box .address {flex-direction: column}
	.join_wrap .status_box .address .qr_ad {width:100%; padding:12px 16px;}
	.join_wrap .status_box .address .qr_ad p {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
	.join_wrap .status_box .select_Network,
	.join_wrap .status_box .token{flex-direction: column;}
	.join_wrap .status_box .select_Network dd,
	.join_wrap .status_box .token dd {width:100%;}
	.join_wrap .status_box .kyc {flex-direction: column;}
	.join_wrap .status_box .profile dl dd b {font-size:24px;}
	.step5 .bootstrap-select .dropdown-toggle .filter-option-inner-inner {padding:0;}
	.joinico_wrap.complete .btn_solid_01 {width:100% !important;}
	.joinico_wrap.complete .member-btn-line {width:100% !important; padding:0 20px; margin-bottom:20px;}
	.joinico_wrap.complete {height:initial}
	.joinico_wrap.complete .complete_text {padding:0 20px; text-align: center; font-size: 16px; margin-bottom:57px;}
	.support .support_wrap {padding:100px 20px; width:100%;}

	.join_wrap .status_box .error_msg {flex-direction: column}
	.join_wrap .status_box .profile dl{height:initial; padding:20px}
}

.form-basic.datepicker {background:url("/assets/img/icon_calendar.png")no-repeat center; background-size:20px; background-position: center right 20px;}

/*autocomplete*/
.ui-autocomplete {font-family:'NeueKaine'!important; font-weight: 500; border-radius: 10px; overflow: hidden; border:none; padding:10px 0; max-height:200px; overflow-y: auto;}
.ui-autocomplete li {line-height: 40px;}
.ui-autocomplete li div { padding:0 10px;}
.ui-autocomplete li .ui-state-active {background:var(--primary)!important; border:none;}
.ui-menu-item-wrapper {display:flex; align-items: center; gap:10px;}