@charset 'UTF-8';

@font-face {
	font-family: 'SpoqaHanSansNeo-M';
	src: url('fonts/SpoqaHanSansNeo-Medium.eot'); /* IE9 Compat Modes */
	src: url('fonts/SpoqaHanSansNeo-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('fonts/SpoqaHanSansNeo-Medium.woff2') format('woff2'), /* Super Modern Browsers */
		url('fonts/SpoqaHanSansNeo-Medium.woff') format('woff'), /* Pretty Modern Browsers */
		url('fonts/SpoqaHanSansNeo-Medium.ttf')  format('truetype'); /* Safari, Android, iOS */
		font-weight: 500;
		font-style: normal;
		font-stretch: normal;
}

@font-face {
  font-family: 'SpoqaHanSansNeo-B';
  src: url('fonts/SpoqaHanSansNeo-Bold.eot'); /* IE9 Compat Modes */
  src: url('fonts/SpoqaHanSansNeo-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/SpoqaHanSansNeo-Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/SpoqaHanSansNeo-Bold.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/SpoqaHanSansNeo-Bold.ttf')  format('truetype'); /* Safari, Android, iOS */
	   font-weight: 700;
	   font-style: normal;
	   font-stretch: normal;
}

@font-face {
  font-family: 'VitroCore';
  src: url('fonts/VitroCore.eot'); /* IE9 Compat Modes */
  src: url('fonts/VitroCore.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/VitroCore.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/VitroCore.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/VitroCore.ttf')  format('truetype'); /* Safari, Android, iOS */
	   font-weight: 700;
	   font-style: normal;
	   font-stretch: normal;
}



/* Color */
:root {
	--purple: #6f0fff;
	--orange: #f59f3d;
	--red: #F94646;
	--pale-red: #ffcfcf;
	--deep-red: #CC1C1C;
	--green: #009cad;
	--light-green: #dfff6c;
	--blue: #3796F0;
	--light-blue: #A2CCF3;
	--white: #fff;
	--pale-gray: #fafafd;
	--weak-gray: #f5f4fA;
	--light-gray: #e0e0e7;
	--neutral-gray: #b0b0b9;
	--gray: #707076;
	--deep-gray: #4d4d53;
	--dark-gray: #28282b;
	--black: #000;
	--bg-color: #0b0708;
}

.color-purple {
	color: var(--purple) !important;
}

.color-orange {
	color: var(--orange) !important;
}

.color-red {
	color: var(--red) !important;
}

.color-pale-red {
	color: var(--pale-red) !important;
}

.color-deep-red {
	color: var(--deep-red) !important;
}

.color-green {
	color: var(--green) !important;
}

.color-light-green {
	color: var(--light-green) !important;
}

.color-blue {
	color: var(--blue) !important;
}

.color-light-blue {
	color: var(--light-blue) !important;
}

.color-white {
	color: var(--white) !important;
}

.color-pale-gray {
	color: var(--pale-gray) !important;
}

.color-weak-gray {
	color: var(--weak-gray) !important;
}

.color-light-gray {
	color: var(--light-gray) !important;
}

.color-neutral-gray {
	color: var(--neutral-gray) !important;
}

.color-gray {
	color: var(--gray) !important;
}

.color-deep-gray {
	color: var(--deep-gray) !important;
}

.color-dark-gray {
	color: var(--dark-gray) !important;
}

.color-black {
	color: var(--black) !important;
}

.color-bg-color {
	color: var(--bg-color) !important;
}
/* End Color */



/* Typography */
body {
    font-family: 'SpoqaHanSansNeo-M';
	font-weight: normal;
    font-size: 100%;
	letter-spacing: -.03em;
	line-height: 1.5;
	word-break: keep-all;
	color: var(--white);
	background-color: var(--bg-color);
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	font-family: 'VitroCore';
	line-height: 1.3;
	letter-spacing: -.03em;
	color: var(--white);
}

h1 p, 
h2 p, 
h3 p, 
h4 p, 
h5 p, 
h6 p {
	display: inline-block;
	background: linear-gradient(to top, rgba(204, 204, 204, 1) 0%, rgba(255, 255, 255, 1) 60%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	filter: drop-shadow(0 2px 0 #444);
}

h1 {
	font-size: 72px;
	filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.5));
}

h2 {
	font-size: 60px;
	filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.5));
}

h3 {
	font-size: 46px;
}

h3#pragmatic-evo, h4#vip-service {
	font-size: 60px;
	filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.5));
}

h4 {
	font-size: 38px;
}

h5 {
	font-size: 22px;
}

h6 {
	font-size: 18px;
}


/** Customization based on Blogs Requirements */
.font-bold {
	font-weight: bold;
}

.blog-info > *,
h1.blog-title,
h2.blog-sub-title {
	color: #000 !important;
	filter: none;
}

h2.blog-sub-title,
h3.blog-sub-title,
h4.blog-sub-title,
h5.blog-sub-title,
h6.blog-sub-title {
	text-align: justify;
  	text-justify: inter-word;
}

h2.blog-sub-title {
	font-size: 50px;
}

h3.blog-sub-title,
h4.blog-sub-title {
	font-size: 30px;
}

/* lg */
@media (max-width: 1019.98px) {
	h1 {
		font-size: 60px;
	}
	
	h2 {
		font-size: 46px;
	}
	
	h3 {
		font-size: 38px;
	}
	
	h4 {
		font-size: 22px;
	}
	
	h5 {
		font-size: 18px;
	}
	
	h6 {
		font-size: 16px;
	}

	h3#pragmatic-evo, h4#vip-service {
		font-size: 46px;
	}
}

/* sm */
@media (max-width: 575.98px) {
	h1 {
		font-size: 46px;
	}
	
	h2 {
		font-size: 38px;
	}
	
	h3 {
		font-size: 22px;
	}
	
	h4 {
		font-size: 18px;
	}
	
	h5 {
		font-size: 16px;
	}
	
	h6 {
		font-size: 14px;
	}

	h3#pragmatic-evo, h4#vip-service {
		font-size: 38px;
	}
}
/* End Typography */



/* Media Query */
@media (min-width: 576px) {
	.container-sm, .container {
		max-width: 767.98px;
	}
}

@media (min-width: 768px) {
	.container-md, .container-sm, .container {
		max-width: 1019.98px;
	}
}

@media (min-width: 1020px) {
	.container-lg, .container-md, .container-sm, .container {
		max-width: 1099.98px;
	}
}

@media (min-width: 1280px) {
	.container-xl {
		max-width: 1100px;
	}

	.container-lg {
		max-width: 1020px;
	}

	.container-md {
		max-width: 730px;
	}

	.container-sm {
		max-width: 576px;
	}
}

@media (min-width: 1540px) {
	.container-xxl {
		max-width: 1540px;
	}

	.container-xl {
		max-width: 1100px;
	}

	.container-lg {
		max-width: 1020px;
	}

	.container-md {
		max-width: 730px;
	}

	.container-sm {
		max-width: 576px;
	}
}

/* xxxl */
@media (max-width: 1799.98px) {
}

/* xxl */
@media (max-width: 1539.98px) { 
}

/* xl */
@media (max-width: 1279.98px) {
}

/* lg */
@media (max-width: 1019.98px) {
}

/* md */
@media (max-width: 767.98px) {
}

/* sm */
@media (max-width: 575.98px) {
	.container {
		padding-left: 15px;
		padding-right: 15px;
	}
}
/* End Media Query */



/* Common */
body { 
    height: 100vh;
	background-color: var(--bg-color);
	scroll-behavior: smooth;
}

::-moz-selection {
	background: var(--purple);
	color: var(--white);
}
 
::selection {
	background: var(--purple);
	color: var(--white);
}

img {
    border: 0;
    vertical-align: bottom;
	width: 100%;
    max-width: 100%;
}

ul {
    list-style: none;
}

a,
a:hover {
    text-decoration: none;
	word-break: keep-all;
	color: var(--dark-gray);
}

a:hover {
	color: var(--purple) !important;
	-webkit-transition: all .3s; 
	transition: all .3s;
}

input {
	color: var(--dark-gray);
	font-size: 15px;
}

input::placeholder {
	color: var(--gray);
}

textarea {
	display: block;
	padding: 20px;
	width: 100%;
	min-height: 350px;
	background-color: var(--white);
	border: 2px solid var(--light-gray);
	border-radius: 10px;
	color: var(--dark-gray);
	font-size: 16px;
}

a:focus, 
input:focus, 
select:focus, 
textarea:focus {
	outline: none !important;
	border-color: var(--blue);
	box-shadow: 0 0 5px var(--blue);
}

strong {
	font-family: 'SpoqaHanSansNeo-B';
	color: var(--dark-gray);
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

table {
	width: 100%;
}

table, th, td {
	border: 1px solid var(--light-gray);
}

th, td {
	padding: 19px 15px;
}

th {
	font-family: 'SpoqaHanSansNeo-B';
	font-size: 16px;
	color: var(--dark-gray);
	border-bottom: 1px solid var(--deep-gray);
}

td {
	font-family: 'SpoqaHanSansNeo-M';
	font-size: 16px;
	color: var(--deep-gray);
}

.data-table-light {
	border-top: 1px solid var(--deep-gray);
	border-bottom: 1px solid var(--deep-gray);
	border-left: 0;
	border-right: 0;
}

.data-table-light th, 
.data-table-light td {
	padding: 17px 65px 19px 65px;
	border-left: 0;
	border-right: 0;
}

.data-table-light th:first-child, 
.data-table-light td:first-child {
	background-color: var(--weak-gray);
}

.data-table-light tbody tr:last-child td {
	border-bottom: 1px solid var(--deep-gray);
}

.data-table-dark {
	border-top: 1px solid var(--neutral-gray);
	border-bottom: 1px solid var(--neutral-gray);
	border-left: 0;
	border-right: 0;
}

.data-table-dark th, 
.data-table-dark td {
	padding-left: 65px;
	border-top: 1px solid var(--neutral-gray);
	border-bottom: 1px solid var(--neutral-gray);
	border-left: 0;
	border-right: 0;
}

.data-table-dark th:first-child, 
.data-table-dark td:first-child {
	background-color: rgba(245, 244, 250, 0.5);
}

button {
	border: 0;
}

/* 비디오 컨트롤러를 숨깁니다. */
video::-webkit-media-controls {
	display: none !important;
}
video::-webkit-media-controls-enclosure {
	display: none !important;
}
video::-webkit-media-controls-panel {
	display: none !important;
}

.undisplay { display: none !important; }
.undisplay-after::after { display: none !important; }
.undisplay-before::before { display: none !important; }

.disabled { opacity: 0.2 !important; }

.desktop-item { display: block !important; }
.tablet-item { display: none !important; }
.mobile-item { display: none !important; }

.w100p { width: 100% !important; }
.w80px { width: 80px !important; }
.w140px { width: 140px !important; }
.w160px { width: 160px !important; }

.mt5px { margin-top: 5px; }
.mt10px { margin-top: 10px; }
.mt20px { margin-top: 20px; }
.mt30px { margin-top: 30px; }
.mt40px { margin-top: 40px; }
.mt50px { margin-top: 50px; }
.mt60px { margin-top: 60px; }
.mt140px { margin-top: 140px; }

.mr5px { margin-right: 5px; }
.mr10px { margin-right: 10px; }

/* xxxl */
@media (max-width: 1799.98px) {
}

/* xxl */
@media (max-width: 1539.98px) { 
}

/* xl */
@media (max-width: 1279.98px) {
}

/* lg */
@media (max-width: 1019.98px) {
}

/* md */
@media (max-width: 767.98px) {
	.desktop-item { display: none !important; }
	.tablet-item { display: block !important; }
	.mobile-item { display: block !important; }

	.data-table-light th, 
	.data-table-light td, 
	.data-table-dark th, 
	.data-table-dark td {
		padding: 16px 10px;
		font-size: 12px;
	}
}

/* sm */
@media (max-width: 575.98px) {
	.tablet-item { display: none !important; }
}
/* End Common */



/* Button */
.icon-button, 
.text-button {
	display: inline-block;
	position: relative;
	min-width: 50px;
	height: 50px;
	font-family: 'SpoqaHanSansNeo-B';
	font-size: 18px;
	background: rgb(187,187,187);
	background: linear-gradient(0deg, rgba(187, 187, 187, 1) 0%, rgba(255, 255, 255, 1) 100%);
	border-radius: 100px;
	filter: drop-shadow(0 3px 0 #444);
	vertical-align: middle;
}

.icon-button:active, 
.text-button:active {
	margin-bottom: -3px;
	filter: drop-shadow(0 0 0 #444);
	-webkit-transition: all 0s; 
	transition: all 0s;
}

.icon-button {
	padding: 7px 7px 0 7px;
}
.icon-button  .dis{
	display: flex;
	align-items: center;
}
.icon-button  .dis span{
	padding: 0 10px;
}

.icon-button img {
	width: 36px;
	height: 36px;
}

.text-button {
	padding: 12px 43px 0 25px;
}

.text-button::after {
	position: absolute;
	display: block;
	content: ' ';
	top: 16px;
	right: 20px;
	width: 9px;
	height: 16px;
	background: url('../images/icon-next-light.png') no-repeat right center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}
/* End Button */



/* Form */
.medium-input,
.medium-select {
	display: inline-block;
	padding: 0 20px;
	min-width: 200px;
	height: 55px;
	background-color: var(--white);
	border: 2px solid var(--light-gray);
	border-radius: 10px;
	color: var(--dark-gray);
	font-size: 16px;
}

.medium-select {
	appearance: none;
	-webkit-appearance: none;
	background: url('../images/icon-arrow-down.svg') no-repeat right 15px center;
	background-color: var(--white);
}

.medium-input::placeholder {
	color: var(--gray);
}

.input-error {
	outline: none !important;
	border-color: var(--red);
	box-shadow: 0 0 5px var(--red);
}

.input-message, 
.input-error-message {
	display: block;
	padding: 5px 0 0 20px;
	font-size: 14px;
	color: var(--blue);
}

.input-error-message {
	color: var(--red) !important;
}

.input-checkbox, 
.input-radio {
	display: inline !important;
	width: 22px !important;
	height: 22px !important;
	border: 1px solid var(--light-gray) !important;
	border-radius: 3px;
	vertical-align: middle;
}

.input-checkbox:focus, 
.input-checkbox:checked, 
.input-radio:focus, 
.input-radio:checked {
	accent-color: var(--deep-gray);
	border-radius: 3px;
}
/* End Form */



/* Header */
.header {
	position: fixed;
	top: 0;
	width: 100%;
	height: 95px;
	text-align: center;
	z-index: 999;
}

.header .logo {
	position: fixed;
	width: 110px;
	top: 20px;
	left: 30px;
}

#logo {
	opacity: 0;
}

.logo-on {
	opacity: 1 !important;
	-webkit-transition: all .3s; 
	transition: all .3s;
}

.logo-off {
	opacity: 0 !important;
	-webkit-transition: all .3s; 
	transition: all .3s;
}

.header .main-menu {
	position: fixed;
	top: 35px;
	right: 30px;
}

.header .main-menu a {
	margin-right: 15px;
}

.header .main-menu a:last-child {
	margin-right: 0;
}

/* xxl */
@media (max-width: 1539.98px) { 
}

/* xl */
@media (max-width: 1279.98px) {
}

/* lg */
@media (max-width: 1019.98px) {
}

/* md */
@media (max-width: 767.98px) {
	.header {
		height: 70px;
	}

	.header .logo {
		width: 80px;
		left: 15px;
		top: 10px
	}

	.header .main-menu {
		top: 15px;
		right: 15px;
	}

	.header .main-menu a {
		margin-right: 5px;
	}

	.header .main-menu .text-button span {
		display: none;
	}
}

/* sm */
@media (max-width: 575.98px) {
}
/* End Header */



/* FAB */
.fab {
	display: none;
	position: fixed;
	right: 30px;
	bottom: 30px;
	z-index: 999;
}

.fab-on {
	display: block !important;
	opacity: 1;
	-webkit-transition: all .3s; 
	transition: all .3s;
}

.fab-off {
	display: none !important;
	opacity: 0;
	-webkit-transition: all .3s; 
	transition: all .3s;
}

/* md */
@media (max-width: 767.98px) {
	.fab {
		right: 15px;
		bottom: 15px;
	}
}
/* End FAB */



/* Footer */
.footer {
	position: relative;
	padding: 30px 30px;
	margin-top: 100px;
	font-size: 16px;
	letter-spacing: -.03em;
	color: var(--neutral-gray);
	text-align: center;
	z-index: 100;
}

/* md */
@media (max-width: 767.98px) {
	.footer {
		padding: 40px 15px;
		margin-top: 40px;
		font-size: 12px;
		letter-spacing: -.03em;
		color: var(--white);
		text-align: center;
	}
}
/* End Footer */



/* Home */
#wrap {
	position: relative;
	z-index: 200;
}

#backplate {
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 0;
	z-index: 1;
	background: url('../images/hero-background-back.jpg') no-repeat center center scroll;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-attachment: scroll;
}

.hero {
	text-align: center;
}

.hero-logos {
	width: 90%;
	max-width: 855px;
	margin: 0 auto;
	margin-top: 20vh;
}

.hero-copy {
	width: 90%;
	max-width: 996px;
	margin: 0 auto;
	margin-top: -6.5vw;
}

.hero .text-button {
	position: absolute;
	left: 50%;
	margin-left: -94px;
	margin-top: -4vw;
	z-index: 990;
}

.benefit {
	position: relative;
	width: 100vw;
	height: 1620px;
	padding: 0 15px;
	padding-top: 60vh;
	margin-top: -200px;
	background: url('../images/hero-background-front.png') no-repeat top scroll;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-attachment: scroll;
	text-align: center;
}

.benefit-logo {
	width: 60%;
	max-width: 393px;
	margin-bottom: -35px;
}

.benefit .live-video {
	width: 100%;
	max-width: 1160px;
	border: solid 4px var(--white);
	/* filter: drop-shadow(0 40px 60px rgba(0, 0, 0, 0.5)); */
	margin-top: 80px;
}

.benefit-copy-left, 
.benefit-copy-right {
	position: absolute;
	z-index: 998;
	/* filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.5)); */
	text-align: left;
}

.benefit-copy-left p, 
.benefit-copy-right p {
	position: relative;
	min-width: 260px;
	padding: 8px 25px 7px 62px;
	font-size: 24px;
	filter: drop-shadow(2px 3px 0 #2f0076);
	background-color: var(--white);
	border: 4px solid var(--purple);
	border-radius: 100px;
	color: var(--purple);
}

.benefit-copy-left {
	left: 10vw;
	top: 50vh;
}

.benefit-copy-right {
	right: 10vw;
	top: 60vh;
}

.benefit-copy-left img, 
.benefit-copy-right img {
	position: absolute;
	top: 8px;
	left: 20px;
	width: 36px;
	height: 36px;
	margin-right: 5px;
	vertical-align: middle;
}

.event {
	padding: 180px 15px;
}

.event h3 img {
	width: 80%;
	max-width: 546px;
}

.event h2 {
	margin-top: 30px;
}

.event ul {
	margin-top: 30px;
}

.event li {
	font-size: 26px;
}

.event li strong {
	color: var(--orange);
}

.event .checked {
	width: 26px;
	vertical-align: middle;
	margin-right: 10px;
}

.event .banners {
	margin-top: 100px;
}

.event .banners a:first-child {
	margin-right: 35px;
}

.event .banners img {
	display: inline-block;
	width: 45%;
	max-width: 360px;
}

#dimmed {
	width: 100vw;
	height: 100vh;
	backdrop-filter: blur(30px);
	-webkit-backdrop-filter: blur(30px);
	opacity: 0;
}

.dimmed-on {
	opacity: 1 !important;
	-webkit-transition: all .3s; 
	transition: all .3s;
}

.dimmed-off {
	opacity: 0 !important;
	-webkit-transition: all .3s; 
	transition: all .3s;
}

.event-items {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	width: 90%;
	max-width: 1600px;
	height: 700px;
	margin: 0 auto;
	margin-top: 20vh;
}

.event-items-1, 
.event-items-2, 
.event-items-3 {
	position: relative;
	width: 30%;
	margin: 20px;
}

.event-items-1 p, 
.event-items-2 p, 
.event-items-3 p {
	position: absolute;
	font-size: 24px;
	bottom: 45px;
}

.event-items-1 img, 
.event-items-3 img {
	position: absolute;
}

.event-items-1 {
	height: 700px;
	background-color: var(--purple);
	border-radius: 20px;
	padding: 45px 40px;
}

.event-items-1 h5 {
	color: var(--pale-red);
	margin-bottom: 10px;
}

.event-items-1 p strong {
	font-family: 'SpoqaHanSansNeo-M';
	color: var(--pale-red);
}

.event-items-1 .img-1 {
	top: 120px;
	right: -40px;
	width: 280px;
}

.event-items-1 .img-2 {
	top: 250px;
	left: -80px;
	width: 320px;
}

.event-items-1 .img-3 {
	top: 140px;
	left: 30px;
	width: 300px;
}

.event-items-1 .img-4 {
	top: 300px;
	right: -80px;
	width: 350px;
}

.event-items-2 {
	height: 700px;
}

.event-items-2-1 {
	position: relative;
	height: 310px;
	margin: 0;
	padding: 45px 40px;
	background: url('../images/event-2-backplate.jpg') no-repeat center scroll;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-attachment: scroll;
	border: 3px solid #4f4a3f;
	border-radius: 20px;
}

.event-items-2 h5 {
	color: var(--orange);
	margin-bottom: 10px;
}

.event-items-2 p {
	color: var(--orange);
}

.event-items-2-2 {
	position: relative;
	height: 310px;
	margin: 40px 0 0 0;
	padding: 45px 40px;
	background: url('../images/event-3-backplate.jpg') no-repeat center scroll;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-attachment: scroll;
	border: 3px solid #4f4a3f;
	border-radius: 20px;
}

.event-items-2-2 p {
	top: 148px;
	left: 190px;
}

.event-items-3 {
	height: 700px;
	background-color: var(--green);
	border-radius: 20px;
	padding: 45px 40px;
}

.event-items-3 h5 {
	color: var(--light-green);
	margin-bottom: 10px;
}

.event-items-3 p {
	color: var(--light-green);
}

.event-items-3 img {
	top: 260px;
	left: -50px;
	width: 120%;
	max-width: 120%;
}

.vip {
	padding: 190px 15px 160px 15px;
	background: url('../images/vip-background.jpg') no-repeat center center fixed;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-attachment: fixed;
	text-align: center;
}

.vip .description {
	margin: 30px auto;
	font-size: 30px;
}

.vip .description strong {
	display: block;
	color: var(--orange);
	font-family: 'SpoqaHanSansNeo-M';
}

.partnership {
	padding: 160px 15px 0 15px;
	max-width: 1680px;
	margin: 0 auto;
	text-align: center;
}

.partnership .logos {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	margin-top: 50px;
}

.partnership .logos .logos-item {
	width: 180px;
	height: 80px;
	margin: 10px;
	border-radius: 15px;
	background-color: rgba(255, 255, 255, 0.08);
}

/** Custom */

#seotags {
	text-align: center;
	position: absolute;
	z-index: -1;
}
#seotags.custom-tags > * {
	font-size: 12px;
	color: #6f0fff;
}

#seotags.custom-info > * {
	font-size: 12px;
	background-color: #0c0608;
	color: #0c0608;
}

.blog-wrapper {
	padding: 180px 15px 0 15px;
	text-align: center;
}

.blog-info {
	--bs-bg-opacity: 1;
    /* background-color: rgba(32,35,48, 1); */
    background-color: rgba(244, 245, 250, 1);
	text-align: center;
	padding: 3rem;
}

.blog-header {
	display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	margin-bottom: 2rem;
}

.blog-header > img {
	margin-bottom: 2rem;
	width: 200px;
}

.blog-text {
    font-size: 1.25rem;
	margin-right: auto;
    margin-left: auto;
	text-align: justify;
  	text-justify: inter-word;
}

footer > ul > li > a.footer-links {
	display: block;
	text-decoration: none;
    background: 0 0;
    border: 0;
	padding: 0.5rem 1rem;
	padding-right: 0.5rem;
    padding-left: 0.5rem;
	margin-bottom: 1rem;
    font-weight: 400;
    color: #84868e;
    transition: color 0.15s;
}

.footer > ul > li > a:hover {
	color: #fff !important;		
}

.footer > ul > li > a:focus {
	box-shadow: none !important;
}

/* xxl */
@media (max-width: 1539.98px) {
	.hero-copy {
		margin-top: -9vw;
	}
	
	.hero .text-button {
		margin-top: -8vw;
	}

	.benefit-copy-left {
		left: 5px;
		top: 45vh;
	}
	
	.benefit-copy-right {
		right: 5px;
		top: 60vh;
	}

	.event-items h4 {
		font-size: 32px;
	}

	.event-items h5 {
		font-size: 20px;
	}

	.event-items-1, 
	.event-items-2-1, 
	.event-items-2-2, 
	.event-items-3 {
		padding: 35px 30px;
	}

	.event-items-1 p, 
	.event-items-2 p, 
	.event-items-3 p {
		font-size: 18px;
		bottom: 35px;
	}

	.event-items-2-2 p {
		top: 138px;
		left: 150px;
	}

	.event-items-1 .img-1 {
		top: 120px;
		right: -4vw;
		width: 240px;
	}
	
	.event-items-1 .img-2 {
		top: 250px;
		left: -6vw;
		width: 300px;
	}
	
	.event-items-1 .img-3 {
		top: 140px;
		left: -1vw;
		width: 260px;
	}
	
	.event-items-1 .img-4 {
		top: 300px;
		right: -6vw;
		width: 320px;
	}
}

/* xl */
@media (max-width: 1279.98px) {
	.hero-copy {
		margin-top: -11vw;
	}
	
	.hero .text-button {
		margin-top: -8vw;
	}

	.event-items-1 .img-1 {
		width: 200px;
	}
	
	.event-items-1 .img-2 {
		width: 260px;
	}
	
	.event-items-1 .img-3 {
		width: 220px;
	}
	
	.event-items-1 .img-4 {
		width: 280px;
	}

	.event-items-3 img {
		left: -30px;
	}
}

/* lg */
@media (max-width: 1019.98px) {
	.hero-copy {
		margin-top: -12vw;
	}
	
	.hero .text-button {
		margin-top: -10vw;
	}

	.benefit {
		margin-top: -100px;
		background: url('../images/hero-background-front-sm.png') no-repeat top scroll;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-attachment: scroll;
	}

	.benefit-copy-left, 
	.benefit-copy-right {
		position: relative;
		left: auto;
		right: auto;
		margin-top: 20px;
		margin-bottom: 10px;
	}

	.benefit-copy-left {
		left: auto;
		top: auto;
	}
	
	.benefit-copy-right {
		right: auto;
		top: auto;
	}
	
	.benefit-copy-left p, 
	.benefit-copy-right p {
		width: 100%;
		font-size: 18px;
	}

	.benefit-copy-left img, 
	.benefit-copy-right img {
		top: 4px;
	}
	
	.event .banners a:first-child {
		margin-right: 10px;
	}
	
	.event-items {
		overflow: hidden;
		display: block;
		width: 100%;
		height: 100%;
		padding: 0 !important;
		margin: 0 !important;
		margin-top: 60px !important;
	}

	.event-items-1, 
	.event-items-2, 
	.event-items-2-1, 
	.event-items-2-2, 
	.event-items-3 {
		display: block;
		width: 100%;
		margin: 10px 0;
	}

	.event-items-1 {
		height: 450px;
	}

	.event-items-2 {
		height: auto;
	}

	.event-items-2-1 {
		height: 250px;
	}

	.event-items-2-2 {
		height: 250px;
	}

	.event-items-2-2 p {
		top: 130px;
	}

	.event-items-3 {
		height: 450px;
	}

	.event-items-3 img {
		top: 100px;
		left: auto;
		right: 0;
		width: 60%;
		max-width: 100%;
	}

	.event-items-1 .img-1 {
		top: 40px;
		right: -4vw;
		width: 240px;
	}
	
	.event-items-1 .img-2 {
		top: 150px;
		left: auto;
		right: 200px;
		width: 300px;
	}
	
	.event-items-1 .img-3 {
		top: 50px;
		left: auto;
		right: 150px;
		width: 260px;
	}
	
	.event-items-1 .img-4 {
		top: auto;
		bottom: -50px;
		right: -6vw;
		width: 320px;
	}
	
	.partnership .logos .logos-item {
		width: 135px;
		height: 60px;
	}

	/** Customization */

	#hide-mob {
		visibility: hidden;
		display: none;
	}

}

/* md */
@media (max-width: 767.98px) {
	.hero-logos {
		margin-top: 30vh;
	}

	.hero-copy {
		margin-top: -13vw;
	}
	
	.hero .text-button {
		margin-top: -8vw;
	}

	.benefit {
		margin-top: 50px;
		height: 1500px;
	}

	.benefit .live-video {
		margin-top: 40px;
	}

	.event {
		padding: 80px 15px;
	}

	.event li {
		font-size: 16px;
	}

	.event .checked {
		width: 18px;
		margin-right: 5px;
	}

	.event .banners {
		margin-top: 50px;
	}

	.event-items-3 img {
		top: 200px;
		left: auto;
		right: 0;
		width: 100%;
		max-width: 340px;
	}

	.vip .description {
		margin: 20px auto;
		font-size: 20px;
	}

	/** Custom Mobile */

	.blog-wrapper {
		padding: 100px 0px 0px 0px;
	}
	
	.blog-info {
		padding: 1rem;
	}
	
	.blog-title {
		font-size: 2rem;
	}

	.blog-sub-title,
	h2.blog-sub-title,
	h3.blog-sub-title,
	h4.blog-sub-title,
	h5.blog-sub-title,
	h6.blog-sub-title {
		font-size: 1.5rem;
	}
	
	.blog-text {
		font-size: 15px;
		margin-right: auto;
		margin-left: auto;
	}

	footer > ul > li > a.footer-links {
		padding: 0rem 0.5rem 0.2rem 0.5rem;
		margin-bottom: 0.5rem;
	}

	.carousel-control-next-icon, .carousel-control-prev-icon {
		position: absolute;
		top: 18vh;
	}
}

/* sm */
@media (max-width: 575.98px) {
	.hero-copy {
		margin-top: -10vw;
	}
	
	.hero .text-button {
		margin-top: -4vw;
	}

	.benefit {
		height: 1250px;
	}

	.benefit-logo {
		margin-bottom: -15px;
	}

	.event-items-1 .img-1 {
		top: 80px;
		right: -4vw;
		width: 180px;
	}
	
	.event-items-1 .img-2 {
		top: 150px;
		left: -6vw;
		width: 240px;
	}
	
	.event-items-1 .img-3 {
		top: 100px;
		left: 15vw;
		width: 200px;
	}
	
	.event-items-1 .img-4 {
		top: 200px;
		right: -6vw;
		width: 220px;
	}

	.partnership {
		padding: 80px 15px 0 15px;
	}
	
	.partnership .logos {
		margin-top: 20px;
	}
	
	.partnership .logos .logos-item {
		width: 90px;
		height: 40px;
		margin: 5px;
		border-radius: 10px;
	}

	.blog-sub-title {
		font-size: 1.5rem;
	}
}

/* iOS Hack */
@supports (-webkit-hyphens: none) {
	.vip {
		background-attachment: scroll !important;
	}
}
/* End Home */