@charset "utf-8";
/* *******************************************************
 * filename : main_responsive.css
 * description : 메인 레이아웃 및 컨텐츠 반응형 CSS
 * date : 2022-08-08
******************************************************** */

/* ****************** 
	* Mouse Pointer
********************** */
@media all and (max-width: 800px) {
	.mouse-pointer .pointer-txt {
		font-size: 1.6rem;
	}

	.mouse-pointer.hover .pointer-circle {
		width: 8rem;
		height: 8rem;
	}
}

/* ******************  메인 비주얼 ********************** */
@media all and (max-width: 1720px) {

	/* 제품 이미지 추가 css */
	/* item-02 */
	.main-visual-item.item-02 .main-visual-prd-con .prd-img {
		margin-right: 0;
	}

	/* item-03 */
	.main-visual-item.item-03 .main-visual-prd-con .prd-img {
		margin-right: 70px;
	}
}

@media all and (max-width: 1520px) {

	/* 메인 비주얼 :: 스크롤아이콘 */
	.main-scroll-icon {
		display: none;
	}
}

@media all and (max-width:1410px) {

	/* 메인 비주얼 :: 텍스트 */
	.main-visual-item .main-visual-txt-con .main-visual-txt1,
	.main-visual-item .main-visual-txt-con .main-visual-txt2,
	.main-visual-item .main-visual-txt-con .main-visual-txt3 {
		padding-left: 0;
	}

	/* 제품 이미지 추가 css */
	/* item-02 */
	.main-visual-item.item-02 .main-visual-prd-con .prd-img {
		height: 487px;
	}

	/* item-03 */
	.main-visual-item.item-03 .main-visual-prd-con {
		margin-top: -300px;
	}

	.main-visual-item.item-03 .main-visual-prd-con .prd-img {
		height: 637px;
		margin-right: 90px;
	}

	.main-visual-item.item-03 .more-view-btn {
		right: -85px;
	}

	/* 메인 비주얼 :: 화살표 */
	.main-visual-con .slick-arrow {
		position: absolute;
		width: 100px;
		height: 100px;
		bottom: 105px;
		left: auto;
	}

	.main-visual-con .slick-arrow.slick-prev {
		left: 15px;
		margin-left: 0;
	}

	.main-visual-con .slick-arrow.slick-next {
		left: 135px;
		margin-left: 0;
	}
}

@media all and (max-width:1280px) {
	.gamelistInfo .container ul {
		width: 80%;
	}

	.gamelistInfo .container ul li {
		width: 48.5%;
	}

	.gamelistInfo .container ul li:nth-child(3n) {
		margin-right: 2%;
	}

	.gamelistInfo .container ul li:nth-child(2n) {
		margin-right: 0;
	}

	.gamelistInfo .container ul li:nth-child(3)::before {
		display: none;
	}

	.gamelistInfo .container ul li:nth-child(2)::before {
		content: '';
		position: absolute;
		right: -107%;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: #2bb673;
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
	}

	.gamelistInfo .container ul li:nth-child(4)::before {
		display: none;
	}

	.gamelistInfo .container ul li:nth-child(5)::before {
		content: '';
		position: absolute;
		left: -107%;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: #0ba9b5;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
	}

	.AvatarBox .container {
		width: 100%;
		padding: 0 2rem;
	}

	.PartnerBox .container {
		width: 100%;
		padding: 0 2rem;
	}
}

@media all and (max-width:1024px) {

	/* 제품 이미지 추가 css */
	/* item-02 */
	.main-visual-item.item-02 .main-visual-prd-con {
		/* margin-top:-166.5px; */
		margin-top: -210px;
	}

	.main-visual-item.item-02 .main-visual-prd-con .prd-img {
		height: 387px;
	}

	/* item-03 */
	.main-visual-item.item-03 .main-visual-prd-con {
		margin-top: -223.5px;
	}

	.main-visual-item.item-03 .main-visual-prd-con .prd-img {
		height: 537px;
		margin-right: 90px;
	}

	.main-visual-item.item-03 .more-view-btn {
		top: 4%;
		right: -95px;
	}

	.gamelistInfo .container ul {
		position: relative;
		padding-top: 20rem;
	}

	.gamelistInfo .container ul li:first-child {
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		width: 100%;
		text-align: center;
	}

	.gamelistInfo .container ul li:nth-child(5)::before {
		display: none;
	}

	.gamelistInfo .container ul li:nth-child(6)::before {
		content: '';
		position: absolute;
		left: -107%;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: #0ba9b5;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
	}

	.gamelistInfo .container ul li:nth-child(2)::before {
		display: none;
	}

	.gamelistInfo .container ul li:nth-child(3)::after {
		content: '';
		position: absolute;
		right: -107%;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: #2bb673;
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
	}

	.gamelistInfo .container ul li:nth-child(3n) {
		margin-right: 0;
	}

	.gamelistInfo .container ul li:nth-child(5n) {
		margin-right: 0;
	}

	.gamelistInfo .container ul li:nth-child(2n) {
		margin-right: 2%;
	}

	.TransferBox h4 {
		width: 100%;
		padding: 0 2rem;
	}

	.blockchain {
		width: 96%;
	}

	article {
		padding: 5rem 0;
	}

	.PartnerBox .container ul li {
		width: 31.7%;
	}

	.PartnerBox .container ul li:nth-child(4n) {
		margin-right: 2%;
	}

	.PartnerBox .container ul li:nth-child(3n) {
		margin-right: 0;
	}
}

@media all and (max-width: 800px) {
	#mainVisual {
		height: auto;
		padding-bottom: 25px;
	}

	#mainVisual .main-visual-item>.item-inner {
		margin-bottom: 0;
		height: auto;
	}

	/* 제품 이미지 추가 css */
	.main-visual-item .main-visual-prd-con {
		display: none;
	}

	/* 메인 비주얼 :: 이미지 */
	.main-visual-item .main-visual-pc-img {
		display: none;
	}

	.main-visual-item .main-visual-m-img {
		display: block;
		position: relative;
	}

	.main-visual-item .main-visual-m-img a {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translateX(-50%);
	}

	.main-visual-m-img img {
		width: 100%;
	}

	/* 제품 더보기버튼 추가 css */
	.main-visual-item .more-view-btn {
		display: none;
	}

	/* 메인 비주얼 :: 텍스트 */
	.main-visual-item .main-visual-txt-con {
		text-align: center;
		margin-top: -35%;
	}

	.main-visual-item .main-visual-txt-con .main-visual-txt1 {
		font-size: 10px;
		margin-bottom: 10px
	}

	.main-visual-item .main-visual-txt-con .main-visual-txt2 {
		font-size: 55px;
		line-height: 1;
		margin-bottom: 4%;
	}

	.main-visual-item .main-visual-txt-con .main-visual-txt3 {
		display: block;
		font-size: 14px;
		line-height: 28px;
		margin-bottom: 0;
	}

	/* 메인 비주얼 :: 화살표 */
	#mainVisual .slick-arrow {
		width: 50px;
		height: 50px;
		bottom: -25px;
		font-size: 16px;
	}

	.main-visual-con .slick-arrow.slick-prev {
		left: 15px;
	}

	.main-visual-con .slick-arrow.slick-next {
		left: auto;
		right: 15px;
	}
}

@media all and (max-width: 750px) {
	.PartnerBox .container ul li {
		width: 48.5%;
	}

	.PartnerBox .container ul li:nth-child(3n) {
		margin-right: 2%;
	}

	.PartnerBox .container ul li:nth-child(2n) {
		margin-right: 0;
	}


}

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

	/* 메인 비주얼 :: 텍스트 */
	/* item-03 */
	.main-visual-item.item-03 .main-visual-txt-con .main-visual-txt2 {
		font-size: 42px;
	}

	.main-visual-item .main-visual-txt-con .main-visual-txt2 {
		font-size: 42px;
		margin-bottom: 2%;
	}

	.main-visual-item .main-visual-txt-con .main-visual-txt3 {
		display: block;
		font-size: 13px;
		line-height: 24px;
		margin-bottom: 0;
	}

	.gamelistInfo .container ul {
		width: 90%;
	}

	.main-tit-box p {
		font-size: 8rem;
	}

	.main-transfer-con {
		padding-top: 20rem;
	}

	.avatar-title h2 {
		line-height: 1;
	}
}