.wheel-base { width: 477px; height: 477px; background: url("../images/rl_img3.png") center center no-repeat; font-family: CSI; font-size: 30px; }

.wheel-base .text_area p {
    position: absolute;
    top: 0px;
    text-align: right;
    font-size: 27px;
    margin: 0px;
    font-family: CSI;
    color: #000;
	font-weight: bold;
}

p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}



.wheel-manual { position: absolute; right: 50px; top: 320px; width: 380px; font-size: 14px; color: #fff; text-align: center; }
.wheel-manual .main-tt { display: block; color: #0084FF; font-size: 16px; font-weight: bold; }
.wheel-manual .sub-tt { display: block; color: #fff; font-size: 14px; font-weight: normal; margin: 10px 0 0; }
.wheel-manual .btm-tt { display: block; color: #aaa; font-size: 12px; font-weight: normal; margin: 30px 0 0; }

.rlt-cont { display: block; padding: 0 0 30px; text-align: center; }
.rlt-cont h5 { display: block; color: #999; font-size: 20px; font-weight: 100; line-height: 1; }
.rlt-cont h5 span { color: #fff; font-weight: bold; font-size: 35px; position: relative; top: 6px; margin: 0 0 0 5px; }
.rlt-cont h5 cc { display: block; color: #aaa; font-size: 11px; font-weight: 100; line-height: 1; margin: 10px 0 0; }

.gl-box-wrap { display: block; margin: 0 0 60px; letter-spacing: 0; position: relative; }
.gl-titlename { height: 50px; border-radius: 15px; background: #000; display: block; color: #fff; font-size: 15px; box-shadow:rgba(0, 0, 0, 0.5) 0 1px 3px; position: relative; }
.gl-titlename .dvs-flag { position: absolute; top: 15px; left: 15px; }
.gl-titlename .dvs-name { padding: 15px 15px 0 45px; color: #999; font-size: 14px; font-weight: bold; }
.gl-titlename .dvs-name cc { color: #fff; }
.gl-titlename .namepd { padding: 15px; }
.gl-titlename .dvs-name .dvs-type { display: inline-block; border: 1px #faa432 solid; border-radius: 10px; padding: 1px 5px 2px; color: #faa432; font-size: 12px; }

.minigame-tab { display: flex; margin: 10px 10px 0; flex-wrap: nowrap; background: #222; }
.minigame-tab div { justify-content: flex-start; align-items: center; flex: 20%; }
.minigame-tab div button { color: #fff; font-size: 16px; padding: 15px 0; width: 100%; border: 1px #333 solid; border-bottom: 0; }
.minigame-tab div button:hover { background: #3289db; border: 1px #3289db solid; border-bottom: 0; }
.minigame-tab div .on { background: #3289db; border: 1px #3289db solid; border-bottom: 0; }

.gl-bb-wrap { border-radius: 15px; background: #0b1423; border: 1px #121f34 solid; min-height: 50px; margin: 8px 0 0; padding: 10px; }

.minig-button-wtap { margin: 15px; }

.time-reaming { display: block; position: relative; text-align: right; padding: 0 10px 10px; font-size: 44px; color: #f00; font-weight: bold; }
.time-reaming .labelname { position: absolute; top: 16px; right: 130px; color: #f00; font-size: 20px; line-height: 1; }
.time-reaming .labelname span { color: #777; font-size: 12px; position: relative; top: -5px; }
.time-reaming .labeldata { position: absolute; top: 16px; left: 10px; color: #ffa200; font-size: 20px; line-height: 1; }
.time-reaming .labeldata span { color: #fff; }

.button-locked { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.8; z-index: 10; }
.button-locked .locked-wrap { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; }
.button-locked .locked-wrap img { width: 100px; }

.minig-layout { display: flex; flex-direction: row; align-items: stretch; flex-wrap: wrap; }
.minig-layout .layout-div { display: flex; flex: 50%; justify-content: center; align-items: center; }
.minig-layout .fulldiv { flex: 100%; }

.button-div { position: relative; display: block; width: 100%; justify-content: center; align-items: center; text-align: center; }

.game-event-name { padding: 10px; text-align: center; font-size: 14px; color: #fff; }
.game-event-name span { color: #00a2ff; }
.game-event-name span cc { color: #ff6060; }

.game-button-liner { margin: 12px 0 0; display: block; clear: both; text-align: center; position:relative; padding-bottom: 10px; border-bottom: 1px #132035 solid; }

.game-button-style { display: inline-block; height: 60px; background: linear-gradient(#344461, #132035); cursor: pointer; border: 1px #3a4b68 solid; box-shadow:rgba(0, 0, 0, 0.5) 0 2px 2px; position: relative; margin: 0 2px 0; vertical-align: top; line-height: 1;
	-moz-transition: all .15s ease;
	-ms-transition: all .15s ease;
	-o-transition: all .15s ease;
	transition: all .15s ease;
}
.game-button-style:hover { transform: scale(1.03); background: #4f617f; }
.gbs-red-gb:hover { transform: scale(1.03); background: #ff6060; }
.gbs-blue-gb:hover { transform: scale(1.03); background: #60a3ff; }

.game-button-style .gbs-name { text-align: center; color: #b2b8be; font-size: 16px; line-height: 1; position: absolute; width: 40%; left: 50%; margin-left: -20%; z-index: 1; top: 50%; margin-top: -2px;  }
.game-button-style .gbs-name .wfont { color: #fff; }
.game-button-style .gbs-name .gfont { color: #fff; }
.game-button-style .gbs-name .odds { color: #ffa200; }
.game-button-style .pwbname { color: #b2b8be; }

.game-button-style.game-select { background: #4f617f; }
.gbs-red-gb.game-select { background: #ff6060; }
.gbs-blue-gb.game-select { background: #60a3ff; }

.gbs-wn2 { width:48%; }
.gbs-wn4 { width:24%; }
.gbs-wn3 { width:30.888%; }
.gbs-wn6 { width:15.222%; }
.gbs-wn10 { width:8.933%; }

.gbs-top-info { position: absolute; width: 100%; top: 4px; left: 0; text-align: center; clear: both; }

.gbs-info-hol { display: inline-block; border-radius: 5px; background-color: #111; text-align: center; color: #60a3ff; font-size: 16px; width: 40%; height: 48px; padding: 5px 0 0; }
.gbs-info-jak { display: inline-block; border-radius: 5px; background-color: #111; text-align: center; color: #ff6060; font-size: 16px; width: 40%; height: 48px; padding: 5px 0 0; }
.gbs-info-normal { display: inline-block; border-radius: 5px; background-color: #111; text-align: center; color: #fff; font-size: 16px; width: 40%; height: 48px; padding: 5px 0 0; }
.gbs-info-gold { display: inline-block; border-radius: 5px; background-color: #111; text-align: center; color: #ffad42; font-size: 16px; width: 40%; height: 48px; padding: 5px 0 0; }


.button-position-layout { display: inline-block; width: 45%; vertical-align: top; margin: 0 10px 0; position: relative; }
.button-position-layout .layoutname { display: block; text-align: center; color: #999; font-size: 12px; padding: 10px 0; border-bottom: 1px #282828 solid; }

.button-position-layout2 { display: inline-block; width: 92%; vertical-align: top; margin: 0 10px 0; position: relative; }
.button-position-layout2 .layoutname { display: block; text-align: center; color: #999; font-size: 12px; padding: 10px 0; border-bottom: 1px #282828 solid; }


.game-button-style2 { display: inline-block; height: 55px; border-radius: 20px; background: #333; cursor: pointer; border: 1px #444 solid; box-shadow:rgba(0, 0, 0, 0.5) 0 2px 2px; position: relative; margin: 0 2px 0; vertical-align: top;
	-moz-transition: all .15s ease;
	-ms-transition: all .15s ease;
	-o-transition: all .15s ease;
	transition: all .15s ease;
}
.game-button-style2:hover { transform: scale(1.04); background: #555; }
.game-button-style2 .gbs-name { display: block; padding-top: 10px; display: block; text-align: center; color: #999; font-size: 16px; line-height: 1; }
.game-button-style2 .gbs-name .wfont { color: #fff; }
.game-button-style2 .gbs-name .gfont { color: #ff9000; }
.game-button-style2 .gbs-name .hfont { color: #559dff; }
.game-button-style2 .gbs-name .jfont { color: #f24f4f; }
.game-button-style2 .gbs-name .odds { font-size: 12px; color: #fc0; }
.gbs2-wn2 { width:43%; }
.gbs2-wn4 { width:23%; }
.gbs2-wn3 { width:29%; }

.video-area {
    display: flex; /* 플렉스 박스를 사용하여 정렬 */
    justify-content: center; /* 수평 가운데 정렬 */
    align-items: center; /* 수직 가운데 정렬 */
    height: 100%; /* 부모 요소의 높이를 설정 */
}

.video-area iframe {
    max-width: 100%; /* iframe의 최대 너비를 부모 요소에 맞춤 */
    height: auto; /* 비율을 유지하면서 높이를 자동 조정 */
}

.board-view { display: block; padding: 30px 0 0; border: 1px #333 solid; background: #222; }
.board-view .view-title { display: block; border-bottom: 1px #333 solid; padding: 0 20px 10px; text-align: left; font-size: 20px; color: #fff; }
.board-view .view-title cc { display: block; }
.board-view .view-title .title-date { display: block; font-size: 12px; color: #999; }
.board-view .view-cont { display: block; border-bottom: 1px #333 solid; padding: 30px 20px; text-align: left; font-size: 14px; color: #fff; }

.popup { padding:0; z-index:9999; background:linear-gradient(#111 0%, #222 100%); color:#eee; box-shadow:rgba(0, 0, 0, 0.8) 0 10px 20px; border:1px #333 solid; width:400px; position:absolute; top:10%; right:20%; }
.popup h1 { position:relative; padding:10px; font-size:12px; font-weight:400; line-height:20px; background:#000; color:#eee; }
.popup .topline { position:relative; bottom:0; margin:0 10px 0; height:50px; }
.popup .topline h2 { position:relative; float:right; line-height:50px; color:#eee; font-size:12px; font-weight:400; }
.popup .topline .closebox { position:relative; float:right; margin:18px 10px; }
.popup .topline .check { position:relative; float:right; margin:18px 5px 0 0; }

.select-search-div { display:block; padding: 10px 10px; clear: both; text-align: left; }
.select-search-div .ssd-box { display: inline-block; width: 140px; height: 40px; margin: 0 15px 0 0; }
.select-search-div .ssd-box select { color: #26f496; font-display: 16px; font-weight: bold; width: 100%; height: 40px; background: transparent; border: 0; }
.select-search-div .ssd-box select:focus { outline: none; }
.select-search-div .ssd-box select option { background: #000; color: #fff; }