/* /////////////////////////////////////////////////////////////////////////// */
@media (max-width: 1024px) {
	#section-register .reg-frm {
		position: absolute;
		top: 45%;
		left: 50%;
		transform: translateX(-50%);
	}

	#section-register .reg-frm .reg-frm-bg,
	#section-register .reg-frm .reg-frm-title,
	#section-register .reg-frm .reg-frm-title-mb
	#section-register .reg-frm .reg-frm-btn-mb {
		display: none;
	}
	
	#section-register .reg-frm .reg-frm-bg-tb,
	#section-register .reg-frm .reg-frm-title-tb {
		display: block;
	}

	#section-register .reg-frm .reg-frm-title-tb img,
	#section-register .reg-frm .reg-frm-title-mb img {
		width: 100%;
	}

	#section-register #reg-frm form {
		top: 30%;
		width: 80%;
	}

	#section-register #reg-frm input {
		font-size: 18px;
		margin-bottom: 20px;
	}

	#section-register #reg-frm .reg-frm-btn {
		margin-top: 16px;
	}

	.btn-google-play {
		top: 750px;
		left: 16%;
	}
	
	.btn-app-store {
		top: 750px;
		left: 51%;
	}

	.btn-google-play img,
	.btn-app-store img {
		width: 332px;
		height: auto;
	}

	#section-register .pc,
	#section-guage .pc,
	#section-video .pc,
	#section-register .mb,
	#section-guage .mb,
	#section-video .mb {
		display: none;
	}

	#section-register .tb,
	#section-guage .tb,
	#section-video .tb {
		display: block;
	}

	.ghost-float img {
		width: 80%;
	}

	#section-guage #preregis-guage {
		width: 76%;
		top: 40%;
	}

	#section-guage #preregis-guage .guage-bg img,
	#section-guage #preregis-guage .guage-mask img {
		width: 100% !important;
	}

	#section-video .btn-play-vdo {
		top: 520px;
	}

	#modal-not-support .modal-content {
		font-size: 34px;
	}

	#section-guage #preregis-guage .guage-inner .guage-icon img {
		margin-top: -8%;
	}

	.modal#modal-prereg-item .item-list img {
		width: 280px;
	}
}

/* /////////////////////////////////////////////////////////////////////////// */
@media only screen and (min-width: 1080px) and (max-width: 1200px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
}

/* /////////////////////////////////////////////////////////////////////////// */
@media only screen and (min-width : 768px) and (max-width : 1023px) and (-webkit-min-device-pixel-ratio: 1) {
}

/* /////////////////////////////////////////////////////////////////////////// */
@media only screen and (min-width : 768px) and (max-width : 1023px) and (-webkit-min-device-pixel-ratio: 2) {
	#section-register #reg-frm form {
		top: 28%;
	}
	
	#section-register #reg-frm input {
		font-size: 15px;
	}

	#section-register #reg-frm .reg-frm-btn {
		margin-top: 0.5%;
	}

	.ghost-float img {
		width: 75%;
	}

	#section-guage #preregis-guage .guage-inner .guage-icon img {
		margin-top: -8%;
	}

	.modal#modal-prereg-item .item-list {
		margin-left: 20px;
		margin-right: 20px;
	}

	.modal#modal-prereg-item .item-list img {
		width: 230px;
	}
}

/* /////////////////////////////////////////////////////////////////////////// */
@media only screen and (max-width: 767px) {
	#section-guage #preregis-guage .guage-inner .guage-icon img {
		margin-top: -8%;
		width: 25px;
	}
}

/* /////////////////////////////////////////////////////////////////////////// */
@media only screen and (max-width: 480px) {
	#section-register .reg-frm {
		top: 44%;
	}

	#section-register .reg-frm .reg-frm-bg,
	#section-register .reg-frm .reg-frm-title,
	#section-register .reg-frm .reg-frm-bg-tb,
	#section-register .reg-frm .reg-frm-title-tb,
	#section-register .reg-frm .reg-frm-btn {
		display: none;
	}
	
	
	#section-register .reg-frm .reg-frm-bg-mb,
	#section-register .reg-frm .reg-frm-title-mb,
	#section-register .reg-frm .reg-frm-btn-mb {
		display: block;
	}
	
	#section-register .pc,
	#section-guage .pc,
	#section-video .pc,
	#section-register .tb,
	#section-guage .tb,
	#section-video .tb {
		display: none !important;
	}

	#section-register .mb,
	#section-guage .mb,
	#section-video .mb {
		display: block !important;
	}

	.ghost-float img {
		width: 50%;
	}

	#section-register #reg-frm input {
		font-size: 15px;
	}

	.btn-google-play {
		left: 0;
	}
	
	.btn-app-store {
		right: 0;
	}

	.btn-google-play a {
		float: right;
	}

	.btn-app-store a {
		float: left;
	}

	.btn-google-play,
	.btn-app-store {
		width: 50%;
		top: 800px;
	}

	.btn-google-play img,
	.btn-app-store img {
		width: 170px;
		height: auto;
	}

	#section-video .vdo-mask-bg {
		top: 385px;
	}

	#section-video .vdo-mask-bg img {
		width: 270px;
	}

	#section-video .btn-play-vdo {
		top: 450px;
	}

	#section-video .btn-play-vdo img {
		width: 50px;
	}

	#section-footer .txt {
		font-size: 14px;
	}

	.close {
		font-size: 0.8rem;
	}

	#section-guage #preregis-guage {
		top: 38%;
	}

	#section-guage #preregis-guage .guage-inner .guage-icon img {
		margin-top: -8%;
		width: 25px;
	}

	#section-guage .btn-item-detail {
		position: absolute;
		bottom: 6%;
		width: 100%;
	}

	#section-guage .btn-item-detail img {
		width: 210px !important;
		margin-left: unset;
		left: 50%;
        transform: translateX(-50%);
	}

	#section-footer .txt {
		font-size: 11px;
	}

	#section-footer .img-logo {
		text-align: center;
	}

	#section-footer .img-logo img {
		width: 26%;
	}

	.modal#modal-prereg-item .header-banner img {
		width: 250px;
	}

	.modal#modal-prereg-item .item-list {
		margin-left: 10px;
		margin-right: 10px;
	}

	.modal#modal-prereg-item .item-list img {
        width: 180px;
    }
}

/* /////////////////////////////////////////////////////////////////////////// */
@media only screen and (max-width: 390px) {
	#section-footer .txt {
		font-size: 11px;
	}

	#section-footer .img-logo {
		text-align: center;
	}

	#section-footer .img-logo img {
		width: 25%;
	}

	#section-register #reg-frm form {
		top: 25%;
	}

	#section-register #reg-frm input {
		margin-bottom: 14px;
	}

	#section-guage .btn-item-detail {
        bottom: 4%;
    }

	#section-guage .btn-item-detail img {
		width: 180px !important;
		margin-left: unset;
	}

	.modal#modal-prereg-item .header-banner img {
		width: 250px;
	}

	.modal#modal-prereg-item .item-list {
		margin-left: 10px;
		margin-right: 10px;
	}

	.modal#modal-prereg-item .item-list img {
        width: 180px;
    }
}