/* ***** HEADER  ***** */
.currency-wrapper {	align-items: center; gap: 8px;}
.currency-wrapper .grid-item	{	align-items: center; gap: 8px; opacity: 0.45;}
.currency-wrapper sup {	top: initial; color: rgba(255, 255, 255, 0.764); }

header section.top-comment-box {
	/* background-image: url('/coinnexio/images/common/header-bar-bg.png'); */
	background-position:center;
	background-size:125% 100%;
}
header section.top-comment-box a.btn:hover {
	color: var(--lqd-color-blue-200)
}
header .menu-user li { margin-right: 20px; font-size: 13px; font-weight: 600;}
header .menu-user li a { color: #aebccf;}
header .menu-user li a:hover { color: #9ac5ff;}

header section.menu-link .main-nav {
	padding: 0;
	margin: 0;
	list-style: none;
}
header section.menu-link .main-nav li a {
	color: #FFF;
	line-height: 30px;
}
.main-nav li {
	padding: 10px 0;
}
.subMenu {
	position: absolute;
	top: 40px;
	left: 8px;
	background: #383843;
	display: none;
	flex-direction: column;
	width: clamp(80px, 8vw, 120px);
}
.subMenu > a {
	min-width: 80px;
	width: 100%;
	padding: 4px 8px 4px 12px;
}
.subMenu > a span {
	font-size: 13px;
}
.subMenu > a + a {
	border-top: 1px solid rgba(0, 0, 0, 0.25);
}

.mainMenu:hover .subMenu {
	display: flex;
}

.btn_leng.dropdown {
	position: relative;
	right: initial;
	z-index: 99;
	top: initial;
	margin: 0 0;
	line-height: 100%;
}


/* ***** HEADER MOBILE ***** */
.lqd-mobile-sec .navbar-header .btn_leng.dropdown {
	position: absolute;
	top: 50%;
	right: 4rem;
	transform: translateY(-50%);
	width: auto;
	flex: initial;
}
.lqd-mobile-sec-nav ul.menu-user {
	background: rgba(46, 48, 50, 0.9);
	position: relative;
	display: flex;
	flex-direction: row;
	width: 100%;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5em;
	text-transform: none;
	letter-spacing: 0;
	text-align: start;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	padding: 0.725rem;
}
.lqd-mobile-sec-nav ul.menu-user li { color: #FFFFFF;}
.lqd-mobile-sec-nav ul.menu-user.login-before {
	padding: 0.452rem;
	gap: 0.452rem;
}
.lqd-mobile-sec-nav ul.menu-user.login-before li {
	width: 100%;
	text-align: center;
	margin: unset;
}
.lqd-mobile-sec-nav ul.menu-user.login-before li a {
	display: block;
	background-color: rgba(0, 0, 0, 0.7);
	height: 100%; width: 100%;
	padding: 0.45rem;
}
.lqd-mobile-sec-nav ul.menu-user .btn.btn-logout {
	background: #0f3978;
	border: 1px solid;
	border-color: #0f3c7d;
	font-size: 12px;
	color: rgba(255, 255, 255, 0.7);
	font-weight: 600;
}
.lqd-mobile-sec-nav .mobile-navbar-collapse ul > li > a {
	color: #FFF;
	font-weight: 600;
}
.lqd-mobile-sec ul.main-nav.lqd-mobile-main-nav > li > a {
	color: var(--lqd-color-slate-800);
	font-weight: 600;
}


.lqd-mobile-sec .navbar-header .logoBox {
	width:50%;
}
.lqd-mobile-sec .navbar-header .logoBox  img.logo {
	width: 100%;
	max-width: 175px;
}
.ee-main-banner h1 {
	font-weight: 700;
}


/* ***** Coin status ***** */
.coin-status-box	{
	position: relative;
	overflow: hidden;
	width: 100%;
	border: 1px solid;
	border-color: rgba(0, 0, 0, 0.075);
	border-radius: 16px;
}
.coin-status-box .flex .counter-box	{
	margin: 0 0;
	padding: 24px 32px;
	border-bottom:1px solid;
	border-color: rgba(0, 0, 0, .1);
	background: rgba(255, 255, 255, 0.75);
}
.coin-status-box .flex .counter-box .lqd-counter-element	{
	position: relative;
	margin: 0;
	font-weight: bold;
	font-size: 24px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row;
	flex-wrap: nowrap;
	gap: 12px;
}
.percent-label	{
	border-radius: 12px;
	font-size: 12px;
	font-weight: 600;
	line-height: 100%;
	padding: 3px 6px;
	font-style: normal;
}
.percent-label.uppercent	{
	background-color:#ffece9;
	color: #FF5538;
}
.percent-label.downpercent	{
	background-color:#e9edff;
	color: #3872ff;
}
.ee-market-status {
	background-color: rgba(0, 0, 0, 0);
	border:1px solid;
	border-color: rgba(255, 255, 255, .1);
	border-left: none;
	border-right: none;
}

/* ***** Slide Carousel ***** */
.slide-carousel .lqd-shape-top svg	{
	height: 165px;
	transform: translateX(-50%) rotateY(180deg);
}
.slide-carousel .module-img	{
	right: -2%;
}
.slide-carousel .module-shadow	{
	min-height: 245px;
}
.slide-carousel .carousel-item-content	{
	font-size: 7vw;
}
.slide-carousel .carousel-item-content>*	{
	white-space: nowrap;
}
.coin-status-box.carousel-items	{
	border: none;
}
.carousel-item.has-one-child .carousel-item-inner,
.carousel-item.has-one-child .carousel-item-content	{
	width: 100%;
	gap: 8px;
	align-items: center;
}
.carousel-container .coin-status-box .carousel-item	{
	width: 25%; min-width: fit-content; padding: 0 10px;
}
.coin-status-box.carousel-items .counter-box	{
	padding: 1.75rem 0.75rem;
	border: none;
	min-width: fit-content;
	max-width: fit-content !important;
	background: none;
}
.coin-status-box.carousel-items .counter-box .lqd-counter	{
	width: 100%;
	height: 100%;
	gap: 8px;
	min-width: fit-content;
}
.coin-status-box.carousel-items .counter-box .coin-title	{
	font-weight: bold;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	word-break: keep-all;
	text-wrap: nowrap;
}
.coin-status-box .counter-box .coin-title .coin-name	{
	font-family: "Poppins", sans-serif;
	font-weight: 700;
	line-height: 125%;
}
.coin-status-box.carousel-items .counter-box .lqd-counter-element	{	font-size: 18px;}

/* ***** Banner ***** */
.ee-event-banner .carousel-items {
	border-radius: 16px;
}
.banner_conmment	{
	width: calc(100% - 16px);
	height: 246px;
	margin: 0 auto;
	padding-left: 45px;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: center;
}
.banner_conmment h1	{
	font-size: 32px;
	font-weight: 800;
	line-height: 125%;
}
.banner_conmment .imgs	{
	position: absolute;
	height: calc(100% + 40px);
	top: -40px;
	right: 0;
	z-index: 998;
}
.banner_conmment .imgs > img	{
	height: 100%;
	width: auto;
}
.banner .btn-naked	{
	--icon-font-size: 1em;
	--icon-mt: 04px;
	--icon-me: 0px;
	--icon-mb: 0px;
	--icon-ms: 20px;
}
.banner .btn-hover-txt-switch:hover	{
	color: var(--lqd-color-blue-600);
	background-color: var(--lqd-color-blue-100);
}
.banner .lqd-imggrp-single[data-float]	{
	--float-animate-to: 4%;
	--float-animation-ease: ease-in-out;
}
.module-img .lqd-promo-default .lqd-imggrp-container .lqd-imggrp-inner::after {
	overflow: visible;
	content: '';
	background-image: url(/_coinnexio/images/444368bb-5e12-4675-a4ae-cdc375151b8.webp);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-origin: content-box;
	height: 100vw;
	width: 100vw;
	max-width: 1500px;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
	opacity: 0.65;
}



/* ***** Features ***** */
.features .lqd-tabs-nav>li>a,
.features .lqd-tabs-nav .h3,
.features .lqd-tabs-nav>li>a .lqd-tabs-nav-txt	{
	font-family: var(--lqd-h1-font-family);
	font-size: 35px;
	line-height: 1.14em;
}
.features .lqd-tabs-nav>li .lqd-tabs-nav-txt::before	{
	background-color: transparent;
	background-image: linear-gradient(90deg, #AEBAE0 30%, #E6A042 70%);
}
.features .lqd-tabs .lqd-tabs-nav>li .lqd-tabs-nav-txt span	{
	background-color: #A5B5C3;
}
.features .lqd-tabs-nav a.active .lqd-tabs-nav-txt:before	{
	opacity: 1;
}
.features .lqd-slsh-item .ld-slideelement-hidden-inner,
.features .lqd-tabs-nav a.active .lqd-tabs-nav-txt span	{
	opacity: 0;
}
.features .lqd-tabs-nav a.active~.lqd-tabs-nav-ext	{
	opacity: 1;
	transform: translateX(var(--lqd-tabs-nav-translate, 0));
}
.features .module-section	{
	min-height: 510px;
}
.features .lqd-tabs-content .container	{
	max-width: 980px;
}
.features .btn-solid	{
	--icon-mt: 0;
	--icon-me: 0;
	--icon-mb: 0;
	--icon-ms: 40px;
}
.features .btn-icon-right:hover	{
	color: #FFFFFF;
	background-color: #30546F;
}
.features .module-btn-xs:hover	{
	background-color: var(--lqd-color-blue-700);
	color: #ffffff;
}


/* ***** Text Box Image ***** */
.text-box-image .lqd-imggrp-single[data-float]	{
	--float-animate-from: -2%;
	--float-animate-to: 1%;
	--float-delay: 0s;
	--float-animation-ease: ease-in-out;
}
.text-box-image .lqd-iconbox-scale:hover .iconbox-icon-container	{
	color: #FFFFFF;
	background-color: #2A63EB;
}

/* ***** Tab Items ***** */
.tab-items .lqd-tabs-nav	{
	--icon-size: 34px;
}
.tab-items .lqd-tabs-style-2 .lqd-tabs-nav a.active .lqd-tabs-nav-progress-inner	{
	transform-origin: left;
	transform: scaleX(1);
}
.tab-items .lqd-imggrp-single[data-float]	{
	--float-animate-from: -3%;
	--float-animate-to: 3%;
	--float-animation-ease: ease-in-out;
}


/*	*********************************************************
	FOOTER
********************************************************	*/
footer.ee-footer {
	padding-top: 45px;
	padding-bottom: 45px;

}
footer .footer-linkmenu li { margin-left: 30px;}
footer .footer-linkmenu li a {
	font-size: 14px;
	color: var(--lqd-color-slate-500);
	justify-content: flex-end;
}
footer .footer-linkmenu li a .link-icon {
	display: inline-flex;
	margin-inline-end: .75em;
}
footer .footer-linkmenu li a .link-icon img,
footer .footer-linkmenu li a .link-icon svg	{
	width: 15px;
	opacity: 0.7;
}
footer .ld-fancy-heading strong {
	font-weight: bold;
}
footer .ld-fancy-heading h5 {
	font-weight: 600;
	font-size: 74%;
}

footer.sub-footer {
	background-color: #04469b;
	background-color: #172b46;
}
footer.sub-footer .footer-linkmenu li a {
	color: var(--lqd-color-slate-200);
}
footer.sub-footer .footer-linkmenu li a .link-icon img {
	filter: invert(1);
	opacity: 0.5;
}
footer.sub-footer .divider { padding: 10px 0;}
footer.sub-footer .divider .separator { display: none;}
footer.sub-footer .ld-fancy-heading,
footer.sub-footer .ld-fancy-heading h5 {
	color: var(--lqd-color-slate-400);
}




/*	*********************************************************
	SUB STYLE
********************************************************	*/
#wrap.sub-common::after {
	content: '';
	position: absolute;
	top: -100px;
	left: -25%;
	width: 150%;
	height: 400px;
	background-image: linear-gradient(180deg, #a1afd7 0%, #ffffff 80%);
	opacity: 0.75;
	z-index: -9;
	transform: rotate(5deg);
}
header.sub-header {}

#header.sub-header .inr-c {
	min-width: 980px;
}
#header.sub-header .logo { margin-right: 1.5vw;}

.sub .path {
	position: relative;
	background: none;
	border-bottom: 1px solid;
	border-color: rgba(3, 70, 155, 0.15);
	padding: 40px 0;
}

.sub .path::after {
	content: '';
	width: 100%;
	height: 200%;
	position: absolute;
	z-index: -1;
	top: -100%;
	left: 0;
	opacity: 0.45;
	filter: grayscale(0.45);
	background-image: url(/_coinnexio/images/content/bg-sub-tit.png);
	background-position: center right;
	background-size: 80% auto;
}

.sub .path::before {
	content: '';
	width: 100%;
	height: 120%;
	position: absolute;
	z-index: initial;
	top: -10%;
	left: 0;
	background-repeat: no-repeat;
	background-size: auto 100%;
	filter: drop-shadow(8px 8px 8px #00000070);
	--float-animate-to: 4%;
	--float-animation-ease: ease-in-out;
	--float-animate-from: 0;
	--float-delay: 0;
	animation: lqdFIFloatOne 1s var(--float-animation-ease) infinite alternate;
	animation-delay: var(--float-delay);
}
/* 
.sub.swap .path::before {
	background-image: url(/_coinnexio/images/content/crypto-trading-hit.png);
	background-position: 70vw center;
}
.sub.customer .path::before {
	background-image: url(/_coinnexio/images/content/img-coin-ee.png);
	background-position: 70vw center;
}
.sub.mypage .path::before {
	background-image: url(/_coinnexio/images/content/img-innovative-trade.png);
	background-position: 70vw center;
}
.sub.wallet .path::before {
	background-image: url(/_coinnexio/images/content/img-security.png);
	background-position: 70vw center;
	height: 150%;
	top: -20%;
}
.sub.landing .path::before {
	background-image: url(/_coinnexio/images/content/img-banking.png);
	background-position: 70vw center;
}
*/
.sub .path .tit {
	color: #ffffff;
	text-shadow: 0px 0px 2px #34353d;
	text-align: center;
	text-transform: uppercase;
	font-size: 30px;
}

@media (hover: hover)	{
	#header.sub-header .gnb > ul > li > a:hover {
		transform: scale(1.1);
		transform-origin: center;
		font-weight: bold;
		color: #0f61ca;
	}
}



/*	*********************************************************
	RESPONSIVE
********************************************************	*/
@media screen and (min-width: 1980px)	{
	.coin-status-box.carousel-items .carousel-item	{	width:16.666%;	padding: 0 0;}
}
@media screen and (min-width: 960px)	{
}

@media screen and (max-width: 1199px)	{
	main.content section.ee-feature,
	main.content section.ee-event-banner,
	main.content section.ee-coin-listbox,
	main.content section.y-scroll-feature .ca-initvalues-applied.lqd-animations-done,
	footer.ee-footer .row,
	footer.ee-footer .ld-fancy-heading.module-text {
		margin-left: 4.5vw;
		margin-right: 4.5vw;
	}
	.bg-shape	{	margin: 0;}
	.slide-carousel	{	padding-top: 180px;	padding-bottom: 170px;}
	.slide-carousel .lqd-shape-top svg	{	height: 120px;}
	.slide-carousel .module-column	{	margin-bottom: 30px;}
	/* ***** Banner ***** */
	.banner	{	padding: 100px 14px 0 14px;}
	.banner .module-content	{	margin: 0 40px 0 0;}
	.banner .module-left	{	padding: 10px 0 10px 36px;}
	.banner .ld-fancy-heading h1	{	font-size: 36px;}
	.banner-inside-btn a.btn { font-size: 16px; font-weight: bold;}
	.img-sticky-mobile {
		position: absolute;
		width: 50%;
		right: 0;
		top: 0;
		opacity: 0.25;
	}
	.ee-coin-listbox > .container > .row {
		flex-direction: column-reverse;
		align-items: center;
	}
	.banner_conmment {
		padding-left: 15px;
	}
	.features	{	padding: 40px 14px 0 14px;}
	.features .module-section	{	padding-right: 25px;	padding-left: 25px;}
	.features .ld-fancy-heading h2	{	font-size: 32px;}
	.text-box-image	{	padding: 60px 14px;}
	.text-box-image .lqd-imggrp-single	{	margin: -40px 0 -80px 0;}
	.tab-items	{	padding: 0 14px 0 14px;}
	.tab-items .lqd-tabs-content	{	padding: 0 14px 80px 14px;}
	.tab-items .module-img	{	margin-bottom: -160px;}
	.tab-items .module-img .lqd-imggrp-img-container	{	width: 32%;}
	.tab-items .lqd-tabs-nav	{	--icon-size: 25px;}
}

@media screen and (max-width: 991px) {
	:root	{
		--lqd-body-font-size: 14px;
	}
	/* header .lqd-mobile-sec { box-shadow: 0 16px 32px 0 rgba(27, 32, 75, .1);} */
	header .lqd-mobile-sec .lqd-mobile-sec-nav { box-shadow: 0 16px 32px 0 rgba(27, 32, 75, .1); background-color: rgba(255, 255, 255, 0.9)}
	header .lqd-mobile-sec .main-nav li { border-top: 1px solid rgba(0, 0, 0, 0.075)}
	#lqd-contents-wrap > section h2 { font-size: 26px;}
	.ee-feature .iconbox h3 {	font-size: 16px;}
	.ee-feature .iconbox .content { font-size: 13px;}
	.banner_conmment .imgs {
		width: 30vw;
		height: auto;
		top: 50%;
		right: 0;
		transform: translate(0px, -65%);
	}
	.tab-items .lqd-tabs	{	flex-direction: column;	flex-wrap: nowrap;}
}

@media screen and (max-width: 767px)	{
	.features	{	padding: 40px 6px 0 6px;}
	.features .lqd-tabs	{	padding-bottom: 40px;}
	.text-box-image	{	padding: 60px 6px 80px 6px;}
	.text-box-image .module-section	{	margin-top: 60px;}
	.text-box-image .ld-fancy-heading h2	{	font-size: 32px;}
	.text-box-image .lqd-imggrp-single	{	margin: -40px 0 -40px 0;}
	.tab-items	{	padding: 80px 6px 0 6px;}
	.tab-items .lqd-tabs-content	{	padding: 0 6px;}
	.tab-items .module-title h2	{	font-size: 32px;}
	.tab-items .module-avatar	{	margin-right: -50px;}
	.tab-items .lqd-tabs-nav	{	--icon-size: 32px;}
	.tab-items .module-content	{	padding: 20px;}
	.tab-items .module-content .module-avatar	{	width: 25%;}
	.tab-items .module-content .module-text	{	width: 75%;}

	.slide-carousel .lqd-shape svg	{	height: 100px;}
	.slide-carousel .module-img		{	top: -59px;}
	.slide-carousel .carousel-item-content	{	font-size: 10vw;}
	/* ***** Banner ***** */
	.banner	{	padding: 120px 6px 0 6px;}
	.banner .module-content	{	margin: 0;}
	.banner .ld-fancy-heading h1	{	font-size: 40px;}
	.banner .module-text p	{	font-size: 16px;}
	.ee-main-banner .module-content { margin-left: 4.5vw;	margin-right: 4.5vw;}

	.y-scroll-feature .img-sticky-mobile { width: 75%;}

	.coin-status-box .flex .counter-box {	padding: 16px 24px;}
	.coin-status-box .counter-box .coin-title .coin-name { font-size: 14px;}
	.coin-status-box .counter-box .coin-title i.w-30 { width: 18px;}
	.coin-status-box .flex .counter-box .lqd-counter-element { font-size: 18px;}
	.module-eecoin {
		top: 40px; left: initial; right: 0;
		--float-animation-ease: ease-in-out;
		--float-animate-from: 0;
		--float-animate-to: 5%;
		--float-delay: 0;
		animation: lqdFIFloatOne 1s var(--float-animation-ease) infinite alternate;
		animation-delay: var(--float-delay);
	}
	.ee-event-banner .carousel-items .carousel-item-inner.h-300	{	height: 45vw; padding-top: 0;}
	.ee-event-banner .banner_conmment { height: 100%;}
	.ee-event-banner .banner_conmment h1 {	font-size: 28px; line-height: 100%;}
	.ee-event-banner .banner_conmment .imgs { transform: translate(0px, -60%); z-index: -1; opacity: 0.65;}
	main.content section.y-scroll-feature .ca-initvalues-applied.lqd-animations-done,
	footer.ee-footer .row, 
	footer.ee-footer .ld-fancy-heading.module-text { margin-left: 0; margin-right: 0;}
	footer .footer-linkmenu { gap: 20px;}
	footer .footer-linkmenu li { margin: 0 0;}
	footer .footer-linkmenu li a { font-size: 12px; font-weight: bold;}
	footer .footer-linkmenu li a .link-icon {	display: none;}
}

@media screen and (max-width: 480px) {
	:root	{
		--lqd-body-font-size: 13px;
	}
	.banner { padding: 100px 0 0 0;}
	.banner .ld-fancy-heading h1 { font-size: 28px;}
	#lqd-contents-wrap > section h2 { font-size: 22px;}
	.ee-feature	.iconbox-icon-wrap.mb-40 { margin-bottom: 10px;}
	.ee-event-banner .banner_conmment { padding: 0 0;}
	.ee-event-banner .banner_conmment h1 { font-size: 22px;}
	.ee-event-banner .banner_conmment .text-slate-400 { line-height: 100%;}
	.ee-coin-listbox { padding-top: 50px;}
	.coin-status-box .flex .counter-box { padding: 14px 14px;}
	.coin-status-box .counter-box .coin-title .coin-name { font-size: 12px; line-height: 100%;}
	.coin-status-box .counter-box .coin-title .link-badge { font-size: 10px;}
	.coin-status-box .flex .counter-box .lqd-counter-element { 	font-size: 14px;}

	footer.ee-footer .row.px-10 { display: flex; flex-direction: column; align-items: center; padding: 0 0;}
	footer.ee-footer .footer-linkmenu { margin-top: 24px;}
	footer.ee-footer .footer-linkmenu li a { font-size: 11px;}
	footer.ee-footer .row.px-10 + .divider { padding: 20px 0;}
}