@charset "UTF-8";
@media screen and (max-width: 1100px) {

/*=========================================================================================================
MODAL【 RING 】
=========================================================================================================*/

/*【 MODAL RING SETTING 】■■■■■■■■■■■■■■■■■■■■■■■■*/
/*.【 RING SETTING 】=============================================*/
/*..《 RING AREA 》____________________________________●*/
#RING{
	width: 25px;
	height: 25px;
	position: relative;
	top: 47%;
	left: 48%;
	z-index: 1;
	transition: 300ms ease-out;
	transform: translate(-50%,-50%);
	}
/* _____________________________《 RING AREA / END 》..●*/

/*..《 RING SETTING 》_________________________________●*/
#RING::before, #RING::after{
	content: "";
	width: 100%;
	height: 100%;
	border-radius: 30px;
	border: 2px solid #46B400;
	transform: translate3d(0,0,0);
	position: absolute;
	}
/* ___________________________《 RING SETTING/ END 》..●*/

/*..《 RING【 MOVIE 】SETTING 》_______________________●*/
#RING::before {
	animation: anime 2000ms ease-out infinite;
	}
#RING::after{
	animation: anime 2000ms ease-out 150ms infinite;
	}
	
	@keyframes anime{
		  0%	{ transform: scale(1.7,1.7); opacity: 1 }
		100%	{ opacity: 0.1 } to { transform: scale(1.2); opacity: 0 }
	}
/* _________________《 RING【 MOVIE 】SETTING/ END 》..●*/
/* =====================================【 RING SETTING / END 】.*/
/*■■■■■■■■■■■■■■■■■■■■■【 MODAL RING SETTING / END 】*/	
}

/*=========================================================================================================
RING【 MODAL 】 / END
=========================================================================================================*/