@charset "utf-8";

/* ==========================================================================
   contents
   ========================================================================== */

/*slide*/
.bx-pager{position:absolute;}
.bx-pager-item { float:left; margin-right:6px; }
.bx-pager-item a { display:block; width:11px; height:12px;text-indent:1000px; font-size:0em;background:url(../images/common/slide_pager.png) no-repeat left top;}
.bx-pager-item a.active {width:24px;background-position:right top; }
.bx-controls-direction a{display:block;width:26px;height:48px;position:absolute;top:50%;margin-top:-25px;font-size:0px;text-indent:-9999em;background:url(../images/common/slide_prev.png) no-repeat left top;}
.bx-controls-direction a:hover,
.bx-controls-direction a:focus
.bx-controls-direction a:active{background-position:left bottom;}
.bx-controls-direction a.disabled{opacity:0.4;cursor:default;}
.bx-controls-direction .bx-prev{left:30px;}
.bx-controls-direction .bx-next{right:30px;background-image:url(../images/common/slide_next.png);}

/*스타일 가이드*/
.guide{}
.guide > h1{color:#000}
.guide > h2{margin:50px 0 20px}
.guide > h2:first-child{margin-top:0;}
.guide > h3{margin:30px 0 10px}
.guide > h4{margin:20px 0 10px}
.guide > p{margin-bottom:10px}

/*list_search*/
.list_search_wrap{overflow:hidden;}
.list_search_wrap .list_search{float:left;}
.list_search_wrap .txt{float:right;padding:4px 0;}
.list_search select{width:80px;}
.list_search input{width:186px;}
.list_search .hasDatepicker{width:66px;}
.list_search .button{}
.list_search.add_date > strong{margin-left:16px;}

/* brand */
.refresh_timer{font-weight:bold;font-size:14px;color:#333;}
.refresh_timer strong{font-weight:800; font-size:18px;color:#cb1919;}


/*main*/
.main{position:relative;background:#eff1f4;}
.main #footer{padding-left:0;text-align:center;color:#fff;background:#b6b7b9;border-color:#b6b7b9;}
.main #wrap h1{padding:13px 20px;font-size:16px;color:#fff;background:#4172c9;}
.main .login_box{ overflow:hidden; position:absolute;left:50%;top:40%;width:350px; background:#fff;border-radius:10px;box-shadow:0 1px 5px #999; transform: translate(-50%, -50%);}
.main .login_box h2{ padding:20px; font-size:25px;color:#1b1b1b; text-align:center;}
.main .login_box div{padding-left: 20px; color: #666666;}
.main .login_box div.error{color: #e04343;padding-top: 10px;}
.main .login_box ul{padding:0 20px 36px;border-bottom:1px solid #d7d8db;}
.main .login_box ul li{margin-top:15px;}
.main .login_box ul li input{width: 100%;line-height: 18px;padding: 20px 10px;font-size: 13px;border-width: 2px;border-radius: 5px;box-sizing: border-box;}
.main .login_box ul li input:hover,
.main .login_box ul li input:focus,
.main .login_box ul li input:active{border-color:#4172c9;}
.main .login_box ul li.btn{margin-top:25px;}
.main .login_box ul li .button {
	display: block;
	padding: 8px 0;
	font-size: 18px;
	border-radius: 5px;
	width: 100%;
}
.main_logo{padding:25px 0;text-align:center;}

.store_open{padding:50px 0 100px;}
.store_open li{width:300px;float:left;margin-left:30px;border:1px solid #d0d0d0;border-radius:10px;overflow:hidden;}
.store_open li:first-child{margin-left:0;}
.store_open li a{display:block;padding:50px 0;background:#888888;text-align:center;color:#cccccc;}
.store_open li a:hover,
.store_open li a:focus,
.store_open li a:active,
.store_open li.on a{background:#0785c2;color:#fff;}
.store_open li a span{display:inline-block;width:64px;height:33px;padding-top:27px;background:url(../images/contents/bg_storeOff.png) no-repeat;font-size:16px;font-weight:800;vertical-align:top;}
.store_open li a:hover span,
.store_open li a:focus span,
.store_open li a:active span,
.store_open li.on a span{background-image:url(../images/contents/bg_storeOn.png);}
.store_open li a strong{display:inline-block;padding-top:22px;margin-left:15px;font-size:32px;font-weight:800;line-height:1;vertical-align:top;}
.store_open li div{padding:10px 0;text-align:center;font-size:13px;}

.user_box { display:flex; background:#4172c9;}
.user_box .img { overflow:hidden; position:relative; width:100px; height:100px; border-radius:50%; background:#fff;}
.user_box .img img { position:absolute; top:0; left:0; width:100%; height:100%;}
.user_box .text_box { display:flex; flex-flow: column; margin-left:20px;}
.user_box .ico_group { display:flex;}
.user_box .ico_group a { display:flex; width:50px; height:50px; font-size:12px; color:#fff; background:#666666; letter-spacing: -0.5px; text-align:center; align-items: center; justify-content: center;}
.user_box .ico_group a + a { margin-left:2px;}
.user_box .text_box .text { display:flex; flex:1 1 auto; border:1px solid rgba(255,255,255,0.5); color:#fff; align-items: center; justify-content: center;}
.user_box .text_box * + .text { margin-top:10px;}
.user_box .text_box .text strong { margin-left:10px; font-size:16px;}
.user_box .btn_close {display:block; width:23px;height:23px; margin-left:10px;background:url(../images/common/pop_close.png) no-repeat center;text-indent: -9999em;}

.user_img { overflow:hidden; position:relative; width:100px; height:100px; margin:0 auto; border-radius:50%; background:#fff;}
.user_img.small { width:50px; height:50px;}
.user_img img { position:absolute; top:0; left:0; width:100%; height:100%;}

.tabZone ul {display: flex;padding: 0;margin-bottom: 9px;overflow-x: scroll;overflow-y: hidden;}
.tabZone ul::-webkit-scrollbar {height:0px}
.tabZone ul li {padding: 10px;min-width: 110px;cursor: pointer;background-color: rgb(11 11 11);border: solid 1px rgba(255,255,255,0.05);position: relative;color: white;text-align: center;}
.tabZone ul li.active {color: black;background: #e0b861;}

.head_sec { display:flex; color:white;}
.head_sec > div { display:flex; flex:1 1 auto; width:50%; padding:5px; box-sizing:border-box; flex-flow: column;}
.head_sec > div .box_style { flex:1 1 auto; padding:0;}
.head_sec > div .box { display:flex;}
.head_sec > div .box > div { flex:1 1 auto; text-align:center; width: 77px;}
.head_sec > div .box > div + div { border-left:1px solid #ccc;}
.head_sec > div .box h5 { display:flex; flex-flow: column; height:30px; align-items: center; justify-content: center; font-size: 12px;}
.head_sec > div .box p { padding:6px 3px; border-top:1px solid #ccc; font-size: 11px;}

.main_sec { display:flex; width:100%;}
.main_sec > div { display:flex; flex:1 1 auto; width:50%; padding:15px 20px; box-sizing:border-box; flex-flow: column;}
.main_sec > div h2 {margin-bottom:10px;}
.main_sec > div h3 {padding: 7px 20px; background:#f6f6f6;border-radius: 5px 5px 0px 0px;border-bottom: 1px solid #d6d5d5;}
.main_sec > div .box_style { flex:1 1 auto; padding:0; margin-bottom:15px;    border-radius: 5px;}
.main_sec > div .box { display:flex;}
.main_sec > div .box.today_info { cursor: pointer;}
.main_sec > div .tb_box { display:flex;padding: 5px;}
.main_sec > div .box > div { flex:1; text-align:center;}
.main_sec > div .box > div + div { border-left:1px solid #ccc;}
.main_sec > div .box h4 { display:flex; flex-flow: column; height:80px; align-items: center; justify-content: center; font-size:18px;}
.main_sec > div .box h4 span { display:block; font-size:14px;}
.main_sec > div .box p { padding: 5px;font-size: 15px;}
.main_sec > div .box .text { padding:30px 0; border-top:1px solid #ccc; font-size:20px;}


/* ============================= */ 
.check_tree_wrap{padding:10px 0;}
.check_tree_wrap:after{content:'';display:block;clear:both;}
.check_tree_wrap>li{float:left;width:33.33%;padding:0px 10px;box-sizing: border-box;}
.check_tree_wrap dl{border:1px solid #ddd;border-radius:4px;}
.check_tree_wrap dl+dl{margin-top:20px;}
.check_tree_wrap dl dt{background:#f1f1f1;padding:10px;}
.check_tree_wrap dl dd{padding:10px;}
.check_tree_wrap [class*=indent_]:before{content:'└';}
.check_tree_wrap .indent_1{margin-top:1em;}
.check_tree_wrap .indent_1:first-child{margin-top:0;}
.check_tree_wrap .indent_2:before{margin-left:1.2em;}

.memu_sort_wrap{height:700px;height:calc(100vh - 181px);background:#fafafa;border:1px solid #eee;margin-top:20px;overflow-x:hidden;overflow-y:auto;border-radius:8px;padding:10px;box-sizing: border-box;}
.memu_sort_item{position:relative;border:1px solid #ddd;background:#fff;border-radius:8px;padding:10px 80px 10px 40px;}
.memu_sort_item.checked{background:#fbfb90;}
.memu_sort_item .memu_sort_btn{position:absolute;right:10px;top:50%;margin-top:-12px;}
.memu_sort_item .memu_sort_btn .button{padding:0;height:24px;}
.memu_sort_item .memu_sort_btn i{font-size:18px;}
.memu_sort_item:before{display:block;position:absolute;left:10px;top:50%;margin-top:-10px;width:20px;color:#fff;border-radius:10px;line-height:20px;font-size:12px;text-align:center;}
.memu_sort_item.level_0:before{content:'0';background:#0D47A1;}
.memu_sort_item.level_1:before{content:'1';background:#1976D2;}
.memu_sort_item.level_2{margin-left:1.5em;}
.memu_sort_item.level_2:before{content:'2';background:#2196F3;}
.memu_sort_item.level_3{margin-left:3em;}
.memu_sort_item.level_3:before{content:'3';background:#64B5F6;}
.memu_sort_item+.memu_sort_item{margin-top:5px;}

.txt_icon{display:inline-block;padding: 0px 3px;background: #d10000;border-radius: 3px;text-align: center;color: white;vertical-align: middle;font-size: 10px;}
.chart_info{color: #4b4b4b; padding-left: 20px; padding-top: 10px;font-size: 12px;}
.chart_info>span{font-weight: bold;}
.chart_box{width: 350px;height: 170px;border-radius: 4px;margin: 15px;padding: 10px;background: white;}
.box_info{display: flex;text-align: center;}
.box_info>div{flex: auto;margin: 0px 0px 14px 30px;border: 1px solid #dfdfdf;border-radius: 12px;line-height: 30px;}
.box_info>div:first-child{margin-left: 0;}
.box_info>div>div:first-child{border-bottom: 1px solid #dfdfdf;border-radius: 12px 12px 0 0;}
.box_info>div>div>p{line-height: 25px;}

.tb_box_info{border: 1px solid #ddd;border-radius: 10px;}
.tb_box_info th{text-align: right; padding-right: 15px;}
.tb_box_info td{padding: 5px;}

.refresh{display: flex;margin-right: 15px;align-items: center;position: absolute;right: 0;top: 3px;}
.refresh>a{background-color: #eaeaea;width: 28px;height: 28px;border-radius: 50%;margin: 5px;color: #989898;text-align: center;cursor: pointer;}
.refresh>a:hover{background-color: #bababa;color: white;}
.refresh>a:active{transform:scale(0.95)}
.refresh>a>i::before{margin-top: 4px;}
.pop_detail_cont .refresh{right: 10px; top: 100px;}
.pop_detail_cont{display: flex;}
.pop_detail_cont>div{width: 100%; min-width: 600px;margin: 10px 20px 20px;border: 1px solid #ddd;border-radius: 10px;}
.pop_detail_cont>div>h4{border-bottom: 1px solid #ddd;padding: 10px 15px;}

.timepicker{width: 80px;text-align: center;}
.header_btn > div{display: flex;}
.header_btn > div > a{padding: 5px 3px;background: #f4f4f4;border: 1px solid #b7b7b7;border-radius: 3px;text-align: center;vertical-align: middle;font-weight: bold;font-size: 12px;box-sizing: border-box;cursor: pointer;min-width: 90px;margin-left: 3px;}

.user_details{color: #2b5aa8;text-decoration: underline;}
.user_details:hover{color: #3e7ee8;}

.pop_setting{display: inline-block !important; margin-right: 10px; max-width: 500px;}
.pop_info {display:flex;float:right;font-size:12px;align-items: center;margin: 7px 20px;}
.depth1{text-align: left !important; padding-left: 10px !important;}
.depth2{text-align: left !important; padding-left: 30px !important;}
.depth3{text-align: left !important; padding-left: 60px !important;}
.depth4{text-align: left !important; padding-left: 90px !important;}
.depth5{text-align: left !important; padding-left: 120px !important;}
.depth2::before,
.depth3::before,
.depth4::before{content: '\2514';margin-right: 5px;}

.more{float: right;}
.more:hover{color: #0785c2;}
.more>i{padding-left: 5px;vertical-align: bottom;}
.tp_box{display: flex;align-items: center;border: 1px solid #b6b6b6;padding: 5px;border-radius: 7px;}
.tp_box>div{margin-left: 20px;}
.tp_box>div>span{margin-left: 10px;font-weight: bold;font-size: 15px;}
.tp_box .button{margin-left: auto;}

/* loading */
.loadingBox {}
.loadingBox .text { margin-top:30px; color:#fff; font-size:18px; letter-spacing: -0.27px; line-height:1.5; text-align:center}
.loading{
	width: 17px;
	height: 17px;
	margin:0 auto;
	transform:rotate(45deg);
	animation:loading-ani1 3s ease-in-out infinite;
}
.loading i{
	width: 17px;
	height: 17px;
	display: inline-block;
	border-radius: 50%;
	position:absolute;
}
.loading i:nth-child(1){
	background: #0498c4;
	transform:translate(0,20px);
	animation:loading-ani2 3s ease-in-out infinite;
}
.loading i:nth-child(2){
	background: #58c5a7;
	transform:rotate(90deg) translate(0,20px);
	animation:loading-ani3 3s ease-in-out infinite;
}
.loading i:nth-child(3){
	background: #0498c4;
	transform:rotate(180deg) translate(0,20px);
	animation:loading-ani4 3s ease-in-out infinite;
}
.loading i:nth-child(4){
	background: #58c5a7;
	transform:rotate(270deg) translate(0,20px);
	animation:loading-ani5 3s ease-in-out infinite;
}
@keyframes loading-ani1{
25%{
	transform:rotate(135deg);
}
50%{
	transform:rotate(225deg);
}
75%{
	transform:rotate(315deg);
}
100%{
	transform:rotate(405deg);
}
}
@keyframes loading-ani2{
17.5%,25%,42.5%,50%,67.5%,75%,92.5%,100%{
	transform:translate(0,20px);
}
12.5%,37.5%,62.5%,87.5%{
	transform:translate(0,25px);
}
}
@keyframes loading-ani3{
17.5%,25%,42.5%,50%,67.5%,75%,92.5%,100%{
	transform:rotate(90deg) translate(0,20px);
}
12.5%,37.5%,62.5%,87.5%{
	transform:rotate(90deg) translate(0,25px);
}
}
@keyframes loading-ani4{
17.5%,25%,42.5%,50%,67.5%,75%,92.5%,100%{
	transform:rotate(180deg) translate(0,20px);
}
12.5%,37.5%,62.5%,87.5%{
	transform:rotate(180deg) translate(0,25px);
}
}
@keyframes loading-ani5{
17.5%,25%,42.5%,50%,67.5%,75%,92.5%,100%{
	transform:rotate(270deg) translate(0,20px);
}
12.5%,37.5%,62.5%,87.5%{
	transform:rotate(270deg) translate(0,25px);
}
}

/* layerPopup */
.layerPopWrap {
	visibility: hidden;
	overflow-y: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 150;
	width: 100%;
	height: 100%;
	padding: 20px 0;
	z-index: 100;
	opacity: 0;
	transition: all .2s ease;
	background: rgba(0, 0, 0, 0.7);
}
.layerPopWrap.on {
	visibility: visible;
	opacity: 1;
}
.layerPopWrap.on .layerPopCont {
	animation: fadeInDown .4s ease-in-out forwards;
}

.layerPopWrap {
	z-index: 1500;
}

.rmain .rlive, .rmain .rslot, .rmain .rmini{display: none;}
.rlive .rmain, .rlive .rslot, .rlive .rmini{display: none;}
.rslot .rlive, .rslot .rmain, .rslot .rmini{display: none;}
.rmini .rlive, .rmini .rslot, .rmini .rmain{display: none;}
.rliveslot .rmini, .rliveslot .rmain{display: none;}

.check_ip{position: relative;display: inline-block;}
.check_ip .list {visibility: hidden;background-color: white;text-align: center;border-radius: 6px;padding: 5px 0;position: absolute;z-index: 1;top: 120%;right: -20px;}
.check_ip .list.on{visibility: visible;}
.check_ip .list>h5{border-bottom: black 1px solid;color: black;}
.check_ip .list>li{font-size: 12px; text-align: left; margin-left: 3px;}
.check_ip .list::after {content: "";position: absolute;bottom: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: transparent transparent #c1c1c1 transparent;}


.tox-tinymce-aux {
	z-index: 2001;
}

/* 룰렛 */
.roulette-box {
	position: relative;
    width: 100%;
    height: 800px;
    background: url(../images/common/roul-bg.png) no-repeat left top #fff;
    background-size: 100% auto;
    overflow: hidden;
}


.roulette-bg {
	height: 100%;
	display: flex;
	z-index: 10;
	margin-top: -70px;
}

.roulette-money {
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 100;
	width: 1024px;
}

/* .roulette-container {
	position: absolute;
    right: 90px;
    top: 250px;
    width: 500px;
    z-index: 100;
    background: none;
} */
.roulette-container {
	position: absolute;
	right: 44px;
	top: 222px;
	width: 550px;
	z-index: 100;
	background: none;
}

.roulette {
	width: 100%;
	position: relative;
	display: block;
}

.roulette .wheel {
	position: absolute;
	width: 74%;
	top: 15%;
	left: 13%;
	transition: transform 6.5s cubic-bezier(0.3, 1, 0.7, 1),
		6.5s filter cubic-bezier(0.1, 1, 0.8, 1),
		6.5s -webkit-filter cubic-bezier(0.1, 1, 0.8, 1);
}

.roulette .wheel .roulete_img {
	will-change: transform;
	border-radius: 50%;
	box-shadow: 0 0 100px rgba(0, 0, 0, 0.5);
	width: 100%;
}

.roulette .wheel .coupon {
	width: 40%;
}

.roulette .outside{
	position: relative;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 100;
}

.roulette-container img {
	width: 100%;
	height: auto;
}

.roulette .roulette-btn {
	z-index: 103;
	position: absolute;
	transform: translate(-50%,-50%);
	top: 45.5%;
	left: 50%;
}

.roulette .start-btn {
	background-image: url(../images/common/start.png);
	background-size: cover;
	width: 95px;
	height: 95px;
	border-radius: 100px;
}

.roulette .start-btn:hover, .roulette .start-btn:disabled {
	background-image: url(../images/common/start_disable.png);
	background-size: cover;
	width: 98px;
	height: 98px;
	border-radius: 100px;
}

.roulette .money1 {
	color: aliceblue;
	font-size: 1.5em;
	position: inherit;
	left: 44%;
	top: 16%;
	width: 30%;
	height: 6%;
	color:#000;
	font-weight: 900;
	text-align: center;
	transform: rotate(287deg);
	-ms-transform:rotate(287deg); 	/* IE 9 */
	-moz-transform:rotate(287deg); 	/* Firefox */
	-webkit-transform: rotate(287deg); /* Safari 鍜� Chrome */
	-o-transform:rotate(287deg);
}
.roulette .money2 {
	color: magenta;
	font-size: 1.5em;
	position: inherit;
	left: 57%;
	top: 25%;
	width: 30%;
	height: 9%;
	color:#000;
	font-weight:900;
	text-align: center;
	transform:rotate(315deg);
	-ms-transform:rotate(315deg); 	/* IE 9 */
	-moz-transform:rotate(315deg); 	/* Firefox */
	-webkit-transform: rotate(315deg); /* Safari 鍜� Chrome */
	-o-transform:rotate(315deg);
}
.roulette .money3 {
	color: aliceblue;
	font-size: 1.5em;
	position: absolute;
	left: 63.5%;
	top: 39%;
	width: 30%;
	height: 7%;
	color:#000;
	font-weight:900;
	text-align: center;
	transform:rotate(348deg);
	-ms-transform:rotate(348deg); 	/* IE 9 */
	-moz-transform:rotate(348deg); 	/* Firefox */
	-webkit-transform: rotate(345deg); /* Safari 鍜� Chrome */
	-o-transform:rotate(348deg);
}
.roulette .money4 {
	color: magenta;
	font-size: 1.5em;
	position: absolute;
	left: 65%;
	top: 54%;
	width: 30%;
	height: 7%;
	color:#000;
	font-weight:900;
	text-align: center;
	transform:rotate(14deg);
	-ms-transform:rotate(14deg); 	/* IE 9 */
	-moz-transform:rotate(14deg); 	/* Firefox */
	-webkit-transform: rotate(14deg); /* Safari 鍜� Chrome */
	-o-transform:rotate(14deg);
}
.roulette .money5 {
	color: aliceblue;
	font-size: 1.5em;
	position: absolute;
	left: 57%;
	top: 68.5%;
	width: 30%;
	height: 9%;
	color:#000;
	font-weight:900;
	text-align: center;
	transform:rotate(39deg);
	-ms-transform:rotate(39deg); 	/* IE 9 */
	-moz-transform:rotate(39deg); 	/* Firefox */
	-webkit-transform: rotate(39deg); /* Safari 鍜� Chrome */
	-o-transform:rotate(39deg);
}
.roulette .money6 {
	color: magenta;
	font-size: 1.5em;
	position: absolute;
	left: 42%;
	top: 77%;
	width: 29%;
	height: 10%;
	color:#000;
	font-weight:900;
	text-align: center;
	transform:rotate(74deg);
	-ms-transform:rotate(74deg); 	/* IE 9 */
	-moz-transform:rotate(74deg); 	/* Firefox */
	-webkit-transform: rotate(74deg); /* Safari 鍜� Chrome */
	-o-transform:rotate(74deg);
}
.roulette .money7 {
	color: aliceblue;
	font-size: 1.5em;
	position: absolute;
	left: 26.4%;
	top: 74%;
	width: 29%;
	height: 10%;
	color:#000;
	font-weight:900;
	text-align: center;
	transform:rotate(109deg);
	-ms-transform:rotate(109deg); 	/* IE 9 */
	-moz-transform:rotate(109deg); 	/* Firefox */
	-webkit-transform: rotate(109deg); /* Safari 鍜� Chrome */
	-o-transform:rotate(109deg);
}
.roulette .money8 {
	color: magenta;
	font-size: 1.5em;
	position: absolute;
	left: 13%;
	top: 69%;
	width: 30%;
	height: 6%;
	color:#000;
	font-weight:900;
	text-align: center;
	transform:rotate(136deg);
	-ms-transform:rotate(136deg); 	/* IE 9 */
	-moz-transform:rotate(136deg); 	/* Firefox */
	-webkit-transform: rotate(136deg); /* Safari 鍜� Chrome */
	-o-transform:rotate(136deg);
}
.roulette .money9 {
	color: aliceblue;
	font-size: 1.5em;
	position: absolute;
	left: 5%;
	top: 55%;
	width: 30%;
	height: 7%;
	color:#000;
	font-weight:900;
	text-align: center;
	transform:rotate(165deg);
	-ms-transform:rotate(165deg); 	/* IE 9 */
	-moz-transform:rotate(165deg); 	/* Firefox */
	-webkit-transform: rotate(165deg); /* Safari 鍜� Chrome */
	-o-transform:rotate(165deg);
}
.roulette .money10 {
	color: magenta;
	font-size: 1.5em;
	position: absolute;
	left: 5%;
	top: 39%;
	width: 30%;
	height: 7%;
	color:#000;
	font-weight:900;
	text-align: center;
	transform:rotate(195deg);
	-ms-transform:rotate(195deg); 	/* IE 9 */
	-moz-transform:rotate(195deg); 	/* Firefox */
	-webkit-transform: rotate(195deg); /* Safari 鍜� Chrome */
	-o-transform:rotate(195deg);
}
.roulette .money11 {
	color: aliceblue;
	font-size: 1.5em;
	position: absolute;
	left: 12.5%;
	top: 23.5%;
	width: 30%;
	height: 7%;
	color:#000;
	font-weight:900;
	text-align: center;
	transform:rotate(225deg);
	-ms-transform:rotate(225deg); 	/* IE 9 */
	-moz-transform:rotate(225deg); 	/* Firefox */
	-webkit-transform: rotate(225deg); /* Safari 鍜� Chrome */
	-o-transform:rotate(225deg);
}
.roulette .money12 {
	color: magenta;
	font-size: 1.5em;
	position: absolute;
	left: 27.6%;
	top: 16.8%;
	width: 30%;
	height: 7%;
	color:#000;
	font-weight:900;
	text-align: center;
	transform:rotate(254deg);
	-ms-transform:rotate(254deg); 	/* IE 9 */
	-moz-transform:rotate(254deg); 	/* Firefox */
	-webkit-transform: rotate(254deg); /* Safari 鍜� Chrome */
	-o-transform:rotate(254deg);
}

.roulette-title {
	position: absolute;
	right: 0;
	width: 18%;
	font-size: 1em;
	justify-content: center;
	align-items: center;
	margin-right: .8em;
	margin-top: 0.2em;
}

.roulette-title .coupon {
	width: 50%;
	flex-grow: 1;
}

.roulette-title-coupon-box {
	position: absolute;
    right: 0;
    width: 18%;
    font-size: 1em;
    justify-content: center;
    align-items: center;
    margin-right: 51.8em;
    margin-top: 35.2em;
}

.roulette-title-coupon-box .coupon{
	width: 50%;
	flex-grow: 1;
}

.roulette-title-coupon-box .coupon-cnt {
    font-size: 4em;
    color: brown;
}

.attendance-reward-btn {
	position: absolute;
    right: 4em;
    margin-top: -47px;
}