@charset "utf-8"; body,h1,h2 {	padding: 0;	margin: 0;	font-size: 12px;	font-family: "Malgun Gothic", arial, Tahoma, sans-serif;}img {	border: none;}a {	text-decoration: none;	color: #000;}table {	border-spacing: 0;}h1 {	font-family: "맑은 고딕";	font-size: 23px;	line-height: 28px;	font-weight: bold;	padding: 10px 0;}h2 {	font-family: "맑은 고딕";	font-size: 16px;	line-height: 24px;	font-weight: bold;	padding: 0 0 10px;	color: #06C;	border-bottom: 1px solid #dedede;}#con {	padding: 10px 8px;}.body_txt {	line-height: 28px;	font-size: 16px;	font-family: "맑은 고딕";	color: #333333;	letter-spacing: -0.5px;	text-align: justify;	word-break: break-all;	padding: 10px 0;}.agree {	font-size: 10px;	color: #333;	font-family: '맑은고딕';	padding: 5px 0 5px 0;}@media screen and (max-width: 480px) {	.agree {		display: block;	}}#circle {	position: fixed;	bottom: 0;	max-width: 640px;	z-index: 1;}.event_roul_wrap {	width: 95%;	max-width: 600px;	margin: 0 auto;}.event_roul_wrap .db_container {	display: none;}.roulette_container {	position: relative;}.event_roul_wrap img {	display: block;	width: 100%;}.roulette_container .roulette {	position: absolute;	left: 50%;	top: 66%;	transform: translate(-50%, -50%);}.roulette_container .roulette.roul_outer {	width: 80%;}.roulette_container .roulette.roul_inner {	width: 75%;}.roulette_container .roulette .roul_rotate.rotate {	animation: roul 2s forwards ease-out;}.roulette_container .roulette.roul_arrow {	width: 8%;	top: 36%;}.roulette_container .roulette.roul_btn {	width: 25%;	cursor: pointer;}@keyframes roul {	0% {		transform: rotate(0deg);	}	100% {		transform: rotate(680deg);	}}