@import url(//fonts.googleapis.com/earlyaccess/jejugothic.css); @import url(//fonts.googleapis.com/earlyaccess/jejumyeongjo.css); @charset 'utf-8'; /* @import url(cm_font.css); */ /* ●●●●●●●●●● 기본설정 */ html {width:100%; height:100%;} body {margin:0; padding:0; background:#000; overflow-x:hidden;} body,p,pre,form,span,div,table,td,ul,ol,li,dl,dt,dd,input,textarea,label,button {color:#666; word-wrap:break-word; word-break:break-all; font-size:12px; font-weight:400} b,strong {word-wrap:break-word; word-break:break-all; font-family:inherit; font-weight:600} p,form,span,h1,h2,h3,h4,h5,h6 {margin:0; padding:0; font-weight:normal} div,table {margin:0; padding:0; border-spacing:0; border-collapse:collapse; border:0px none; } ul,ol,li,td,dl,dt,dd {margin:0; padding:0; list-style-type:none;} em,i {font-style:normal} a,span {display:inline-block;} img {border:0;} a:link, a:visited {color:#999; text-decoration: none; cursor:pointer} a:hover, a:active {color:#333; text-decoration: none;} /* 마우스 드래그시 컬러 (디자인적으로 필요하면 사용) 하위브라우저 적용안됨 */ ::selection {background:#bbb; color:#fff; text-shadow: none;} ::-moz-selection {background:#bbb; color:#fff; text-shadow: none;} ::-webkit-selection {background:#bbb; color:#fff; text-shadow: none;} body::-webkit-scrollbar {width:6px; } body::-webkit-scrollbar-thumb { background:#cdae5b;} /* 폼요소기본 */ label {display:inline-block; overflow:hidden; cursor:pointer; color:#888} label:hover {color:#333} label input[type=checkbox],label input[type=radio] {float:left; margin-right:5px; height:13px; width:13px; cursor:pointer; outline:none} input[type=submit],input[type=button],button {cursor:pointer; border:0; -webkit-appearance:none; -webkit-border-radius:0; border-radius:0; outline: none; background:transparent;} input[type=text],input[type=password],input[type=search],input[type=email],input[type=number],input[type=tel] {margin:0; padding:0; -webkit-appearance:none; -webkit-border-radius:0; border-radius:0; border:0; outline: none;} input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {-webkit-appearance:none; margin:0; border:0;} /* number 오른쪽에 나타나는 화살표 버튼없애기 */ input[type=date]::-webkit-outer-spin-button, input[type=date]::-webkit-inner-spin-button {-webkit-appearance:none; margin:0; border:0;} /* 오른쪽에 나타나는 화살표 버튼없애기 */ input {color:#666; background:transparent; margin:0;padding:0;} input:focus {color:#999 !important;} textarea {color:#999; background:transparent; margin:0;padding:0; outline:none; border:0} textarea:focus {color:#333 !important;} select {color:#999; cursor:pointer; font-size: inherit !important; font-family: inherit !important;} /* 셀렉트는오류때문에 필수! */ /* 셀렉트박스 */ .select {height:35px; overflow:hidden; position:relative; border:1px solid #333; background:#333; margin-bottom:3px; box-sizing:border-box;} .select:only-of-type {margin-bottom:0;} .select select {outline:none; width:100%; padding:9px; height:35px; box-sizing:border-box; border:none; color:#999; letter-spacing:-0.5px; position:absolute; left:0; top:0; -webkit-appearance:none; background:transparent;} .select .ic_arrow {width:35px; height:35px; position:absolute; right:0; top:0; background:transparent url('/imgs/view_select_ic.png?1') center center no-repeat; background-size:14px; border-left:1px solid #444} /* 사용법
*/ /* placeholder는 아직 브라우저 환경때문에 PC버전에서 사용안함 */ input::-webkit-input-placeholder {color:#999} input::input-placeholder {color:#999} textarea::-webkit-textarea-placeholder {color:#ff0000} textarea::textarea-placeholder {color:#ff0000} /* 이미지롤오버 */ .roll_off {display:block;} .roll_over {display:none;} a:hover .roll_off {display:none;} a:hover .roll_over {display:block;} .roll_hit .roll_off {display:none;} .roll_hit .roll_over {display:block;} /* Use */ .wrap {position:relative;} /* 이부분 실작업시 수정할것! */ .lineup {display:inline-block} /* float요소들 정렬시킬때 사용 */ .layout_fix {max-width:1320px; position:relative; margin:0 auto;} /* 컨첸츠 레이아웃 전체값 */ .upper_link {position:absolute; left:0; top:0; width:100%; height:100%; z-index:2999;} .upper_link img {width:100%; height:100%;} .exchange_box {overflow:hidden; line-height:38px; color:#feff85; font-size:16px;} .exchange_box span {color:#feff85; font-size:16px;} .partner_notice {text-align:center; color:#999; font-size:15px; margin-top:10px;} .cnt {font-family:inherit;font-size:inherit;color:inherit;} .margin10 {margin-top:10px;} .margin20 {margin-top:20px !important;} .point {font-size:inherit;font-weight:inherit;color:inherit} .point_text {color:#eee; font-weight:bold; font-size:14px; line-height:38px;} .sexy_baccart {font-size:16px; text-align: center; height:40px; background-color:#999; line-height:40px; color: #000;} .fsize11 {font-size:11px;} .fsize12 {font-size:12px;} .fsize14 {font-size:14px;} .disable {pointer-events:none;} .tournaments_popup {width:1024px; height:356px; margin-top:20px;} .tournaments_popup iframe {width:100%; height:100%; } .header { position:relative; height:183px; background:url("/imgs/mxwin/bg_top.png?1") no-repeat; background-size:100% 100%;} .header .logo {position:absolute; top:0; left:0; z-index:1; width:400px; height:183px; overflow:hidden;} .header .logo img {width:100%; height:100%;} .nav_menu_box {overflow:hidden; position:absolute; top:100px; left:0; width:100%;} .nav_menu_box.login_after {top:34px;} .nav_menu_box .menu_box {float:left; margin-left:400px;} .nav_menu_box .login_box {float:right;} .nav_menu_box li {float:left; margin-left:10px;} .nav_menu_box li:first-child {margin-left:0;} .nav_menu_box li .menu {display:block;} .nav_menu_box .hover_on {display:none;} .nav_menu_box li:hover .hover_off {display:none;} .nav_menu_box li:hover .hover_on {display:block;} .myarea {overflow:hidden; background:url("/imgs/mxwin/info_bg.jpg") ; height:52px;} .myarea dd {float:left; margin-left:60px; position:relative; overflow:hidden;} .myarea dd .box {width:62px; height:44px; line-height:44px; text-align:right; padding:0 10px; cursor:pointer; float:left;} .myarea dd:first-child {margin-left:0;} .myarea dd:first-child .box {background:url("/imgs/mxwin/icon_slot.png?1") no-repeat; background-position:0 15px } .myarea dd:nth-child(2) .box {background:url("/imgs/mxwin/icon_casino.png?1") no-repeat; background-position:0 15px} .myarea dd:nth-child(3) .box {background:url("/imgs/mxwin/icon_point.png?1") no-repeat; background-position:0 15px} .gradcircle { width: 100px; height: 100px; border-radius: 5rem; background: linear-gradient(to top, #d0b244, #e9dfac, #e59518); } .myarea dd .point {float:left; line-height:48px; margin-left:6px; font-size:17px; font-weight:bold; background: linear-gradient(to top, #d0b244, #e9dfac, #e59518); color: transparent; -webkit-background-clip: text; } .myarea dd .money {margin-left:20px;} .myarea dd .help_txt {display:none; position:absolute; bottom:-12px; right:-15px; width:80px; height:24px; line-height:24px; background:rgba(0,0,0,0.8); text-align:center; color:#fff; border-radius:2px; font-size:12px; letter-spacing:-1px; font-weight:bold;} .myarea dd:hover .help_txt {display:block;} .myarea dt {float:right; overflow:hidden; } .myarea dt li {float:left; color:#fff; font-size:15px; font-weight:bold; overflow:hidden;} .myarea dt li:last-child {float:right;} .myarea dt li .name {font-size:16px; color:#fff; margin-top:16px; font-family: 'Jeju Gothic', serif; letter-spacing:-1px;text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; } .myarea dt li a {display:block; overflow:hidden;} .myarea dt li .logout {color:#fefa72; font-size:16px; margin-top:16px; font-family: 'Jeju Gothic', serif; letter-spacing:-1px;text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; padding:0 30px;} .myarea dt li .telegram { margin-top:12px; float:left; font-size:16px; color:#fff; } .myarea dt li .telegram_img {margin-top:9px; float:left; margin-right:10px;} .container {min-height:750px; overflow:hidden;} .main_left_box {width:240px; overflow:hidden; float:left; border-radius:3px;} .main_right_box {width:240px; overflow:hidden; float:right; border-radius:3px;} .container .more {float:right; font-size:12px; margin-top:2px;} .container .more:hover {color:#ddd} .container .top_box {height:300px; background:rgba(0,0,0,0.4) url("/imgs/turbo/border_notice.png") no-repeat;} .container .bottom_box {background:rgba(0,0,0,0.4) url("/imgs/turbo/border_event.png") no-repeat; height:390px; margin-top:12px;} .container .bottom_box .title {border-bottom:1px solid #444;} .main_right_box.board_box .top_box {background:url("/imgs/turbo/border_top5.png") no-repeat;;} .board_box .title {color:#eee; font-size:15px; font-weight:bold; padding:12px 12px 8px 12px; border-bottom:1px solid #4d1d71; margin:0 12px;} .board_box .notice_list {padding:20px 12px;} .board_box .notice_list li .list{margin-bottom:13px; font-size:13px; color:#ddd; background:url("/imgs/turbo/list_symbol.gif") left no-repeat; width:200px; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; padding-left:10px;} .board_box .notice_list li:hover .list {color:#ffc600;} .board_box .event_list {padding:2px 12px 20px 12px; overflow:hidden;} .board_box .event_list li {width:100px; position:relative; margin-top:22px; margin-left:10px; float:left;} .board_box .event_list li:first-child {margin-left:0;} .board_box .event_list li:nth-child(3) {margin-left:0;} .board_box .event_list li img {width:100%; height:50px; border:1px solid #444; border-radius:2px;} .board_box .event_list li .txt {color:#ddd; font-weight:bold; font-size:13px; text-align:center; padding:2px 0;} .board_box .event_list li .date {color:#ffc600; font-size:11px; margin-top:1px; letter-spacing:-1px; text-align:center;} .board_box .exchange_list li {overflow:hidden; width:210px; height:40px; margin:6px auto; text-align:center; background-size:100% 100%;} .board_box .exchange_list li:first-child {margin-top:14px; background:url("/imgs/lank_1.png") no-repeat;} .board_box .exchange_list li:nth-child(2) {background:url("/imgs/lank_2.png") no-repeat;} .board_box .exchange_list li:nth-child(3) {background:url("/imgs/lank_3.png") no-repeat;} .board_box .exchange_list li:nth-child(4) {background:url("/imgs/lank_4.png") no-repeat;} .board_box .exchange_list li:nth-child(5) {background:url("/imgs/lank_5.png") no-repeat;} .board_box .exchange_list li .name {color:#ddd; font-size:13px; font-weight:bold; margin-top:5px;} .board_box .exchange_list li .money {color:#ffc600; font-size:13px; font-weight:bold; letter-spacing:-0.5px; margin-top:2px;} .board_box .realtime_list {height:278px; margin:15px 20px; padding:15px 10px; border-radius:5px; background:#111; border:1px solid #333; overflow-x:hidden;} .board_box .realtime_list::-webkit-scrollbar {width:8px;} .board_box .realtime_list::-webkit-scrollbar-track {-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5); background:#111; border-radius:5px;} .board_box .realtime_list::-webkit-scrollbar-thumb {-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.8); border-radius:10px; background:#555;} .board_box .realtime_list li {overflow:hidden; font-size:16px; color:#999; margin-bottom:5px; font-weight:bold;} .board_box .realtime_list li .time {float:left; color:#ffc600;} .board_box .realtime_list li .name {float:left; margin-left:10px; color:#ffc600;} .board_box .realtime_list li .money {float:right; color:#ddd;} .top_area {overflow:hidden; position:absolute; top:50px; left:400px;} .search_box {overflow:hidden; } .search_box .search_input {overflow:hidden; float:left; width:408px; height:34px; line-height:34px; border:3px solid #d3bb75; border-radius:500px; background:#000;} .search_box .search_input input {color:#eee; background:none; width:378px; padding:0 10px; font-size:14px; font-weight:bold; border:none; letter-spacing:-1px; outline:none;} .search_box .search_input input:focus {background:none;} .search_box .search_button {overflow:hidden; float:left; margin-left:6px; } .search_box .search_button button { background:none; border:none;} .search_result_txt {overflow:hidden; text-align:center; color:#eee; font-size:14px; letter-spacing:-1px; position:absolute; top:220px; left:42%;} .search_result_txt strong {color:#cdae5b} .game_list_layer .search_box {float:none; clear:both; width:545px; margin-top:170px; margin-left:300px;} @-webkit-keyframes wobble-hor-bottom { 0%, 100% { -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } 15% { -webkit-transform: translateX(-30px) rotate(-6deg); transform: translateX(-30px) rotate(-6deg); } 30% { -webkit-transform: translateX(15px) rotate(6deg); transform: translateX(15px) rotate(6deg); } 45% { -webkit-transform: translateX(-15px) rotate(-3.6deg); transform: translateX(-15px) rotate(-3.6deg); } 60% { -webkit-transform: translateX(9px) rotate(2.4deg); transform: translateX(9px) rotate(2.4deg); } 75% { -webkit-transform: translateX(-6px) rotate(-1.2deg); transform: translateX(-6px) rotate(-1.2deg); } } @keyframes wobble-hor-bottom { 0%, 100% { -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } 15% { -webkit-transform: translateX(-10px) rotate(-6deg); transform: translateX(-10px) rotate(-6deg); } 30% { -webkit-transform: translateX(15px) rotate(6deg); transform: translateX(15px) rotate(6deg); } 45% { -webkit-transform: translateX(-10px) rotate(-3.6deg); transform: translateX(-10px) rotate(-3.6deg); } 60% { -webkit-transform: translateX(15px) rotate(2.4deg); transform: translateX(15px) rotate(2.4deg); } 75% { -webkit-transform: translateX(-6px) rotate(-1.2deg); transform: translateX(-6px) rotate(-1.2deg); } } .msg_icon {margin: 14px 10px;} .msg_icon:hover {-webkit-animation: wobble-hor-bottom 0.8s both; animation: wobble-hor-bottom 0.8s both;} .game_list_box {overflow:hidden; width:1000px; margin-left:10px; float:left;} .game_list_box li {position:relative; overflow:hidden; width:152px; height:193px; float:left; margin-left:12px; margin-bottom:10px; text-align:center; background:url("/imgs/border_s.png?1") no-repeat; } .game_list_box li:first-child {width:318px; height:300px; background:url("/imgs/border_rtg.png?1") no-repeat;} .game_list_box li:first-child .imgs {width:270px; height:254px; margin-top:22px; margin-left:24px;} .game_list_box li:first-child .game_logo {width:270px !important; border-radius:0; left:24px !important;} .game_list_box li:first-child .game_logo img {width:160px;} .game_list_box li:first-child .imgs img:nth-child(2) {left:500px;} .game_list_box li:first-child:hover .imgs img {transform:scale(1.0) !important;} .game_list_box li:nth-child(2) {width:318px; height:300px; margin:0 10px; border:0; background:none;} .game_list_box li:nth-child(2) .imgs {width:270px; height:97px; margin-top:22px; margin-left:24px;} .game_list_box li:nth-child(2) .imgs img:nth-child(2) {left:500px;} .game_list_box li:nth-child(2) .game_logo {width:269px !important; border-radius:0; left:24px !important;} .game_list_box li:nth-child(2) .game_logo img {width:160px;} .game_list_box li:nth-child(2):hover .imgs img {transform:scale(1.0) !important;} .game_list_box li:nth-child(3) {width:318px; height:300px; margin-left:0; border:0; background:none;} .game_list_box li:nth-child(3) .imgs {width:270px; height:97px; margin-top:22px; margin-left:24px;} .game_list_box li:nth-child(3) .imgs img:nth-child(2) {left:500px;} .game_list_box li:nth-child(3) .game_logo {width:269px !important; border-radius:0; left:24px !important;} .game_list_box li:nth-child(3) .game_logo img {width:160px;} .game_list_box li:nth-child(3):hover .imgs img {transform:scale(1.0) !important;} .game_list_box li .box {position:relative; overflow:hidden; margin-top:10px; height:145px; background:url("/imgs/border_g.png?1") no-repeat;} .game_list_box li .box:first-child {margin-top:0;} .game_list_box li .box .game_logo {position:absolute; z-index:2001; top:40px; left:0; height:66px; width:100%; background:rgba(0,0,0,0.7);} .game_list_box li .imgs {width:122px; height:163px; position:relative; margin-top:14px; margin-left:15px; overflow:hidden; background:rgba(0,0,0,0.4);} .game_list_box li .imgs img {width:100%; height:100%; position:absolute; border-radius:14px;} .game_list_box li .imgs img:first-child {left:0;} .game_list_box li .imgs img:nth-child(2) {left:500px;} .game_list_box li .title {color:#eee; font-weight:bold; font-size:16px; margin:6px 0; display:none;} .game_list_box li:first-child .game_logo {position:absolute; z-index:2001; top:115px; left:0; height:66px; width:100%; background:rgba(0,0,0,0.7);} .game_list_box li .game_logo {position:absolute; bottom:14px; left:14px; background:rgba(0,0,0,0.8); width:123px; height:40px; border-radius:0 0 14px 14px;} .game_list_box li .game_logo img {width:100px;} .game_list_box li:hover .title {color:#ffc600} .game_list_box li:hover .imgs img:first-child {animation:imgRotator1 2s ease-in-out infinite 0.5s; -moz-animation:imgRotator1 2s ease-in-out infinite 0.5s; -ms-animation:imgRotator1 2s ease-in-out infinite 0.5s;} .game_list_box li:hover .imgs img:last-child {animation:imgRotator2 2s ease-in-out infinite 0.5s; -moz-animation:imgRotator2 2s ease-in-out infinite 0.5s; -ms-animation:imgRotator2 2s ease-in-out infinite 0.5s;} @keyframes imgRotator1 { 0% { opacity: 0; left: 0; } 15%, 50% { opacity: 1; left: 400px; } 100% { opacity: 1; left: 0; } } @keyframes imgRotator2 { 0% { opacity: 0; left: 50px; } 30%, 80% { opacity: 1; left: 0; } 100% { opacity: 0; left: -50px; } } @-moz-keyframes imgRotator1 { 0% { opacity: 0; left: 0; } 15%, 50% { opacity: 1; left: 400px; } 100% { opacity: 1; left: 0; } } @-moz-keyframes imgRotator2 { 0% { opacity: 0; left: 50px; } 30%, 80% { opacity: 1; left: 0; } 100% { opacity: 0; left: -50px; } } @-ms-keyframes imgRotator1 { 0% { opacity: 0; left: 0; } 15%, 50% { opacity: 1; left: 400px; } 100% { opacity: 1; left: 0; } } @-ms-keyframes imgRotator2 { 0% { opacity: 0; left: 50px; } 30%, 80% { opacity: 1; left: 0; } 100% { opacity: 0; left: -50px; } } .gradcircle { width: 100px; height: 100px; border-radius: 5rem; background: linear-gradient(to left, #ffbd86, #d743bb); } .footer {background:#000; position:relative; margin-top:75px; height:110px; line-height:110px;} .footer .copyright {text-align:center; color:#a08649; font-size:14px;} .box_bg {padding:20px; background:rgba(0,0,0,0.4); box-sizing:border-box; border:3px solid #433e1d; border-radius:10px;} .contents {overflow:hidden; width:1000px; margin-left:10px; float:left;} .contents .game_title {font-size:20px; color:#eee; font-weight:bold; margin-bottom:10px;} .contents .money_function {overflow:hidden;} .contents .money_function div {cursor:pointer; float:left; width:68px; height:36px; line-height:36px; text-align:center; font-size:14px; font-weight:bold; background:#333; color:#eee; margin-left:10px;} .contents .money_function div:first-child {margin-left:0;} .contents .money_function div:hover {background:#111;} .contents .submit {cursor:pointer; background:#ffc600; color:#000; font-weight:bold; font-size:15px; text-align:center; width:200px; height:40px; line-height:40px; margin:30px auto;} .contents input {border:0; width:200px; height:40px; padding:0 10px; background:#eee; outline:none; font-size:14px;} .contents .money_wrap {overflow:hidden; line-height:40px;} .contents .money_wrap span {float:left; font-size:14px; color:#eee; font-weight:bold; margin-right:10px;} .contents .money_wrap .txt {margin-right:30px;} .contents .money_guide {padding:10px 0; color:#ffc600; font-size:13px;} .contents .cbform>div {display:inline-block; vertical-align:middle;} .cbform .checkbox {width:14px; height:14px; border:2px solid #ffffff; background-color:#ffffff;} .cbform .checkbox.checked {background-color:#b1871c;} .event_area {overflow:hidden; margin-bottom:50px;} .event_area li {float:left; text-align:center; position:relative; width:240px; height:300px; background:#333; margin-left:10px; border:1px solid #444;} .event_area li:hover {background:#222;} .event_area li:first-child {margin-left:0;} .event_area li .title {font-size:17px; font-weight:bold; padding:10px 0; color:#fff;} .event_area li .imgs {margin-bottom:5px; overflow:hidden; width:240px;} .event_area li .imgs img {width:100%;} .event_area li dd {font-size:13px; padding:4px 10px; color:#ddd;} .event_area li .date {position:absolute; bottom:10px; left:0; width:100%; text-align:center; color:#ffc600; font-size:14px; font-weight:bold;} .notice_area {overflow:hidden; margin-bottom:50px;} .notice_area li {float:left; text-align:center; position:relative; width:324px; height:380px; background:#333; margin-left:10px; border:1px solid #444; margin-bottom:10px;} .notice_area li:hover {background:#222;} .notice_area li:first-child {margin-left:0;} .notice_area li:nth-child(4) {margin-left:0;} .notice_area li .title {font-size:18px; font-weight:bold; color:#fff; padding:0 10px; margin-bottom:10px;} .notice_area li .imgs {overflow:hidden; height:130px;} .notice_area li .imgs img {width:100%; height:100%;} .notice_area li .date {color:#ddd; text-align:center; color:#ffc600; font-size:14px; font-weight:bold; padding:10px 0;} .notice_area li .con {padding:0 18px; color:#bbb; font-size:13px; line-height:20px;} .notice_area li .btn {background:#ffc600; color:#222; width:140px; height:36px; line-height:36px; font-weight:bold; font-size:15px; border-radius:500px; position:absolute; bottom:12px; left:50%; margin-left:-70px;} .game_page_box {width:1320px; } .game_page_box .slots_area {overflow:hidden;position:relative; } .game_page_box .slots_area .game_menu_area {overflow:hidden;background:url("/imgs/mxwin/slot_list_bg.png?1") no-repeat; height:806px; position:relative; } .game_page_box .game_menu_area ul {overflow-y:auto; height:670px; width:1265px; margin-top:60px; margin-left:30px;} .game_page_box ul::-webkit-scrollbar {width:4px;} .game_page_box ul::-webkit-scrollbar-thumb { background:#cdae5b;} .game_page_box ul li {position:relative; overflow:hidden; height:160px; margin:6px 5px 12px 5px; float:left; text-align:center; position:relative; } .game_page_box ul li:hover .imgs {-webkit-animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;} .game_page_box ul li .imgs {width:200px; height:160px;} .game_page_box ul li .name {position:absolute; top:12px; right:13px; color:#fff; font-size:15px; font-family: 'Jeju Gothic', serif; letter-spacing:-1px;text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; } .game_page_box .maintenence {position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; text-align:center; background:rgba(0,0,0,0.8); color:#fff; font-size:14px; line-height:160px; font-weight:bold;} @-webkit-keyframes scale-up-center { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes scale-up-center { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .casino_area { margin-top:35px; position:relative;} .casino_area .casino_box {overflow:hidden; background:url("/imgs/mxwin/casino_list_bg.png?2") no-repeat; height:452px;} .casino_area .casino_box ul {overflow-y:auto; height:370px; width:1265px; margin-top:60px; margin-left:30px; } .bt_casinotop_btn {cursor:pointer; position:absolute; top:-6px; right:0;width:207px; height:42px; line-height:42px; background:url("/imgs/mxwin/bt_casinotop_bg.png") no-repeat; text-align:center; color:#fff; font-weight:bold;} .bt_casinotop_btn:hover {background:url("/imgs/mxwin/bt_casinotop_bg_hover.png") no-repeat;} .game_page_box .slots_area .bottom_btn_box {overflow:hidden; position:absolute; bottom:8px; left:8px; width:100%;} .game_page_box .slots_area .bottom_btn_box .btn {display:block; float:left; width:190px; height:41px; background:url("/imgs/menu_map.png?88888") no-repeat;} .game_page_box .slots_area .bottom_btn_box .btn:first-child {background-position:-5px -623px;} .game_page_box .slots_area .bottom_btn_box .btn:last-child {background-position:-198px -623px;} .game_page_box .slots_area .bottom_btn_box .btn:first-child:hover {background-position:-398px -622px;} .game_page_box .slots_area .bottom_btn_box .btn:last-child:hover {background-position:-591px -622px;} .game_page_box .right_area {float:left; overflow:hidden;} .game_page_box .right_area .game_menu_box ul::-webkit-scrollbar {width:4px;} .game_page_box .right_area .game_menu_box ul::-webkit-scrollbar-thumb {background:#cdae5b;} .jackpot_banner_box {background:url("/imgs/jackpot_banner_box.png") no-repeat; position:relative; width:1500px; height:89px; margin-bottom:20px; overflow:hidden;} .jackpot_banner_box ul {position: absolute; overflow:hidden;} .jackpot_banner_box li {float: left; width:292px; height: 89px; text-align:center; padding-left:40px; box-sizing:border-box;} .jackpot_banner_box li:first-child {padding-left:0;} .jackpot_banner_box li .txt {font-size:20px; font-weight:bold; color:#999; margin-top:30px;} .jackpot_banner_box li .krw {font-size:16px; font-weight:bold; color:#fff; margin-top:5px;} .right_game_menu_box {overflow:hidden; width:320px; float:right; background:#333; border:1px solid #444; border-radius:3px; padding:20px 12px;} .right_game_menu_box li {width:68px; height:120px; float:left; text-align:center; padding:0 5px; position:relative;} .right_game_menu_box li:first-child {width:96px;} .right_game_menu_box li:nth-child(2) {width:96px;} .right_game_menu_box li:nth-child(3) {width:96px;} .right_game_menu_box li:hover .imgs img:first-child {display:none;} .right_game_menu_box li:hover .imgs img:last-child {display:block;} .right_game_menu_box li .imgs img {width:100%; display:none;} .right_game_menu_box li .imgs img:first-child {display:block;} .right_game_menu_box li .txt {color:#ddd; font-size:12px; letter-spacing:-0.3px; font-weight:bold; padding:5px 0;} .right_game_menu_box li .game_logo img {width:24px;} .rtgjackpot_banner {margin:0 auto; } .nolist {text-align:center; padding:20px 0; color:#999; font-size:16px; letter-spacing:-1px; font-weight:bold;} .pagenation {overflow:hidden; padding:20px 0; text-align:center;} .pagenation .number {background:rgba(0,0,0,0.4); border:1px solid #333; width:34px; height:34px; text-align:center; line-height:34px; font-size:13px; font-weight:bold; margin:0 auto;} .login_area {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:3003;} .login_layer {position:absolute; top:180px; left:50%; width:456px; min-height:585px; padding-bottom:15px; margin-left:-236px; z-index:3004; background:url("/imgs/mxwin/login_bg.png") no-repeat; background-size:100% 100%;} .login_layer .close {background:#767676; color:#eee; width:172px; height:44px; line-height:44px; cursor:pointer; text-align:center; font-size:15px; font-weight:bold; margin:36px auto;} .login_layer .logo {text-align:center; margin-top:46px;} .login_layer ul {width:170px; margin:30px auto;} .login_layer li {margin-bottom:7px; overflow:hidden;} .login_layer li .captcha_area {margin-left:-10px; border:1px solid #333;} .login_layer input {width:170px; height:44px; background:#fff; padding:0 10px; color:#000; font-size:15px; box-sizing:border-box;} .login_layer input:focus {color:#000 !important;} .login_layer a {display:block; width:170px; height:44px; line-height:44px; text-align:center; background:#ffd360; color:#000; font-weight:bold; font-size:15px;} .login_layer a.join_btn {background:#735a1a; color:#fff;} .login_layer a.disable {pointer-events:none; color:#aaa;} .login_layer .alert {color:yellow; text-align:center; display:none;} .join_layer {position:absolute; top:140px; left:50%; width:1161px; min-height:793px; padding-bottom:30px; margin-left:-560px; z-index:3004; background:url("/imgs/mxwin/sub_bg.png") no-repeat; background-size:100% 100%;} .join_layer .title_txt {font-weight:bold; font-size:24px; color:#fee191; text-align:center; text-align:left; padding:40px 60px;;} .join_layer dl {overflow: hidden; display: flex ; flex-direction: column; align-items: center;} .join_layer dd {overflow:hidden; margin-bottom:7px; width: 355px;} /* .join_layer dd .con {margin-left:80px;} */ .join_layer dd .con .flex_box {float:left; margin-left:7px; overflow:hidden; height:44px;} .join_layer dd .con .flex_box:first-child {margin-left:0;} .join_layer dd .con input {background:#fff; width:240px; height:44px; line-height:44px; padding:0 10px;} .join_layer dd .con select {background:#fff; width:220px; height:44px; line-height:44px; padding:0 10px;} .join_layer dd .con input.hp {width:50px; border:none;} .join_layer dd .con input.hp::placeholder {color:#ededed;} .join_layer dd .con .notice {color:#ffd360; text-align:left; margin-top:4px; font-size:11px; clear:both;} .join_layer dd .con a {color:#111; background:#ffd360; height:44px; line-height:44px; padding:0 20px;} .join_layer .bottom_btn_box {overflow:hidden; margin-top:50px; text-align:center;} .join_layer .bottom_btn_box .notice {color:#fed39e; font-size:11px; margin-bottom:10px;} .join_layer .bottom_btn_box ul {display:inline-block;} .join_layer .bottom_btn_box li {float:left; margin-left:12px;} .join_layer .bottom_btn_box li a {display:block; width:172px; height:44px; line-height:44px; text-align:center; color:#111; font-size:15px; font-weight:bold; background:#ffd360;} .join_layer .bottom_btn_box li:last-child a {background:#777} .coupon_list {overflow:hidden;} .coupon_list dt {overflow:hidden; background:rgba(0,0,0,0.4); border-bottom:2px solid #4d1d71;} .coupon_list ul {overflow:hidden; width:100%;} .coupon_list dt li {font-weight:bold; color:#fff; font-size:17px; font-weight:bold;} .coupon_list dd {overflow:hidden; border-bottom:1px solid #4d1d71} .coupon_list li {float:left; width:16.666%; color:#eee; font-size:14px; height:44px; line-height:44px; text-align:center;} .coupon_list li:first-child {width:10%;} .coupon_list li:last-child {width:23%;} .coupon_list .coupon_on {margin:10px auto; display:block; border-radius:500px; width:64px; height:20px; line-height:20px; text-align:center; background:#111; font-size:12px; color:#fee737; border:1px solid #fee737;} .nav_layer_area {overflow:hidden;} .nav_layer_area .top_menu {overflow:hidden; border-top:1px solid #8e8e8e; border-bottom:1px solid #181818;} .nav_layer_area .top_menu li {float:left; width:16.666%; height:45px; line-height:45px; text-align:center; box-sizing:border-box;} .nav_layer_area .top_menu li.active .menu {background:#408fe7; color:#fee737;} .nav_layer_area .top_menu .menu {background:url("/imgs/layer_top_menu_bg.gif"); font-size:15px; font-weight:bold; color:#9d9c9c; display:block; border-left:1px solid #545454; border-right:1px solid #0d0d0d;} .nav_layer_area .top_menu .menu:hover {background:#408fe7; color:#fee737;} .nav_layer_area .top_menu li:first-child .menu {border-left:0;} .nav_layer_area .box {padding:20px 30px; overflow:hidden;} .nav_layer_area .box .info {color:#fff; font-size:15px; line-height:20px; margin:20px 0;} .nav_layer_area .box .danger_info {color:#9c945b;} .nav_layer_area .box .default_list {overflow:hidden;} .nav_layer_area .box .default_list li {margin-bottom:14px; overflow:hidden;} .nav_layer_area .box .default_list li .left {float:left; width:120px; font-size:15px; color:#fff; font-weight:bold; line-height:38px;} .nav_layer_area .box .default_list li .right {float:left;} .nav_layer_area .box .default_list li .right .notice {color:#fee737; font-size:12px; margin-top:8px;} .nav_layer_area .box .default_list li input[type=text] {height:38px; width:150px; border:none; background:#fff; font-size:14px; padding:0 10px;} .nav_layer_area .box .default_list li input[type=password] {height:38px; width:180px; border:none; background:#fff; font-size:14px; padding:0 10px;} .nav_layer_area .box .default_list li select {height:38px; width:170px; border:none; background:#fff; font-size:13px; padding:0 10px;} .nav_layer_area .box .default_list li dl {overflow:hidden; float:left; margin-left:10px;} .nav_layer_area .box .default_list li dd {float:left; margin-left:2px; width:68px; height:36px; line-height:36px; text-align:center; background:#464646; border:1px solid #fee737;} .nav_layer_area .box .default_list li dd:first-child {margin-left:0;} .nav_layer_area .box .default_list li dd .money {display:block; color:#fff; font-size:15px; font-weight:bold;} .nav_layer_area .box .center_list {width:430px; margin:30px auto; padding-top:130px;} .nav_layer_area .box .game_trans_list {overflow:hidden; float:left;} .nav_layer_area .box .game_trans_list li {margin-bottom:27px; overflow:hidden; background:#1d1d1d; width:423px; height:33px; line-height:33px; } .nav_layer_area .box .game_trans_list li dd {float:left; color:#fff; font-size:14px; padding:0 10px;} .nav_layer_area .box .game_trans_list li dt {float:right; color:#fee737; font-size:14px; padding:0 10px;} .nav_layer_area .box .money_trans {float:right; width:260px;} .nav_layer_area .box .money_trans li .left {width:60px;} .nav_layer_area .box .money_trans li .right .notice {width:150px;} .nav_layer_area .box .money_trans li dl {width:220px; overflow:hidden;} .nav_layer_area .box .money_trans li dd {margin-bottom:2px;} .nav_layer_area .box .money_trans li dd:nth-child(4) {margin-left:0;} .nav_layer_area .box .table_list {overflow:hidden;} .nav_layer_area .box .table_list ul {overflow:hidden; width:100%;} .nav_layer_area .box .table_list dt {overflow:hidden; background:#999; border-radius:20px;} .nav_layer_area .box .table_list dt li {font-weight:bold; color:#000;} .nav_layer_area .box .table_list dd {overflow:hidden; border-bottom:1px solid #3a3a3a; cursor:pointer;} .nav_layer_area .box .table_list dd:hover {background:#222;} .nav_layer_area .box .table_list li {float:left; width:16.666%; color:#eee; font-size:14px; height:44px; line-height:44px; text-align:center;} .nav_layer_area .box .table_list li:first-child {width:10%;} .nav_layer_area .box .table_list li:last-child {width:22%;} .nav_layer_area .box .coupon_on {margin:10px auto; display:block; border-radius:500px; width:64px; height:20px; line-height:20px; text-align:center; background:url("/imgs/coupon_bg.gif"); font-size:12px; color:#fee737; border:1px solid #fee737} .nav_layer_area .box .coupon_off {cursor:default !important; color:#555;} .nav_layer_area .box .pagination {overflow:hidden; text-align:center; padding-top:20px; border-top:2px solid #fee737;} .nav_layer_area .box .pagination .page {color:#ddd; float:left; height:17px; line-height:17px; width:20px; font-size:16px; font-weight:bold; margin:0 5px;} .nav_layer_area .box .btn_box {text-align:center; margin-top:20px;} .nav_layer_area .checkbox_box {overflow:hidden;} .nav_layer_area .checkbox_box span {float:left; color:#fff; font-size:15px; margin-right:10px; } .nav_layer_area .checkbox_box span input[type=checkbox] {border:2px solid #ddd; background:#6e6e6e; width:20px; height:20px;} .view_btn_box {overflow:hidden; margin-bottom:30px;} .view_btn_box .btn {width:200px; height:32px; font-size:15px; font-weight:bold; line-height:32px; text-align:center; color:#c9c9c9; border:1px solid #c9c9c9; background:url("/imgs/search_btn_bg.gif"); } .write_area {overflow:hidden; margin-top:30px;} .write_area dt {margin-bottom:10px;} .write_area input[type=text] {background:#fff; height:40px; width:100%; padding:0 10px;} .write_area textarea {resize:none; background:#fff; padding:10px; width:100%; height:100px;} .board_view_layer .top_menu li {width:50%;} .board_view_layer .contents .table_list li {width:20% !important;} .board_view_layer .contents .table_list li:nth-child(2) {width:60% !important;} .board_view_layer .view_box {height:300px; padding:14px; border-top:2px solid #fde74f; border-bottom:2px solid #fde74f; color:#fff; font-size:14px;} .board_view_layer .btn_box .btn {width:100px; height:34px; line-height:34px; text-align:center; font-size:13px; font-weight:bold; background:#999; color:#000; float:left;} .board_view_layer .btn_box .btn:nth-child(2) {margin:0 5px; background:#408fe7; color:#fee737;} .nav_layer_area {} .mypage_layer0 {display:block;} .mypage_layer .top_menu_title {background:url("/imgs/layer_top_menu_bg.gif"); height:45px; line-height:45px; color:#fff; font-size:16px; font-weight:bold; border-bottom:1px solid #111; padding-left:30px;} .mypage_layer .my_point {color:#f8ff8d; font-size:15px; margin:20px 0;} .mypage_layer .date_search {overflow:hidden;} .mypage_layer .date_search span {float:left;margin-right:10px;} .mypage_layer .date_search span input {width:120px; height:34px; border:0; padding:0 10px; font-size:15px; color:#000; background:#fff;} .mypage_layer .date_search span .btn {width:60px; height:32px; font-size:15px; font-weight:bold; line-height:32px; text-align:center; color:#c9c9c9; border:1px solid #c9c9c9; background:url("/imgs/search_btn_bg.gif"); } .mypage_layer .table_area {overflow:hidden;} .mypage_layer .table_area.table1 dl {overflow:hidden;} .mypage_layer .table_area.table1 li {width:16.666%;} .mypage_layer .table_area.table2 dl {overflow:hidden; float:left; width:430px;} .mypage_layer .table_area.table2 dl:last-child {float:right;} .mypage_layer .table_area.table2 li {width:60%;} .mypage_layer .table_area.table2 li:first-child {width:40%;} .mypage_layer .table_area.table3 dl {overflow:hidden; float:left; width:288px; margin-left:14px;} .mypage_layer .table_area.table3 dl:first-child {margin-left:0;} .mypage_layer .table_area.table3 li {width:50%;} .mypage_layer .table_area.table4 li {width:33.33%;} .mypage_layer .table_area.table5 li {width:25%;} .mypage_layer .table_area dt {background:#1a1a1a; overflow:hidden;} .mypage_layer .table_area dd {border-bottom:1px solid #555; overflow:hidden;} .mypage_layer .table_area li {float:left; font-size:15px; color:#ddd; height:42px; line-height:42px; text-align:center;} .mypage_layer .table_list li {line-height:38px;} .bigwin_box {width:1320px; margin:0 auto; height:149px; position:relative; margin-top:50px; margin-bottom:12px; background:url("/imgs/mxwin/jackpot_bg.png") no-repeat;} .bigwin_box .title_banner {position:absolute; top:5px; left:120px;} .bigwin_box .title_banner.ani img {animation-duration: .5s; animation-name: bounce; -webkit-animation-fill-mode: forwards; -moz-animation-duration: .5s; -moz-animation-name: bounce; -moz-animation-fill-mode: forwards; -ms-animation-duration: .5s; -ms-animation-name: bounce; -ms-animation-fill-mode: forwards;} .bigwin_box .info_area {position:absolute; height:16px; bottom:30px; left:450px; overflow:hidden;} .bigwin_box .info {overflow:hidden;} .bigwin_box .info li {float:left; color:#fff; font-size:14px; font-family: 'Jeju Gothic', serif; letter-spacing:-1px;text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; margin-left:50px;} .bigwin_box .info li:first-child {margin-left:0;} .bigwin_box .info.ani1 {animation-duration: .3s; animation-name: sliderighttocenter; opacity: 0; -webkit-animation-fill-mode: forwards; -ms-animation-duration: .5s; -ms-animation-name: sliderighttocenter; -ms-animation-fill-mode: forwards; -moz-animation-duration: .5s; -moz-animation-name: sliderighttocenter; -moz-animation-fill-mode: forwards;} .bigwin_box .info.ani2 {animation-duration: .3s; animation-name: slidecentertoleft; opacity: 0; -webkit-animation-fill-mode: forwards; -ms-animation-duration: .5s; -ms-animation-name: slidecentertoleft; -ms-animation-fill-mode: forwards; -moz-animation-duration: .5s; -moz-animation-name: slidecentertoleft; -moz-animation-fill-mode: forwards;} .bigwin_box .box { width:650px; height:140px; position:absolute; top:-17px; left:400px; animation-duration: .5s; animation-name: slideup; animation-delay: 1s; opacity: 0; -webkit-animation-fill-mode: forwards; -moz-animation-duration: .5s; -moz-animation-name: slideup; -moz-animation-delay: 1s; -moz-animation-fill-mode: forwards; -ms-animation-duration: .5s; -ms-animation-name: slideup; -ms-animation-delay: 1s; -ms-animation-fill-mode: forwards;} .bigwin_box .box .krw {margin-top:45px; text-align:center; overflow:hidden; margin-left:142px;} .bigwin_box .box .krw .ani1 {animation-duration: .3s; animation-name: fadeIn; opacity: 0; -webkit-animation-fill-mode: forwards; -ms-animation-duration: .5s; -ms-animation-name: fadeIn; -ms-animation-fill-mode: forwards; -moz-animation-duration: .5s; -moz-animation-name: fadeIn; -moz-animation-fill-mode: forwards;} .bigwin_box .box .krw .ani2 {animation-duration: .3s; animation-name: fadeOut; opacity: 0; -webkit-animation-fill-mode: forwards; -ms-animation-duration: .5s; -ms-animation-name: fadeOut; -ms-animation-fill-mode: forwards; -moz-animation-duration: .5s; -moz-animation-name: fadeOut; -moz-animation-fill-mode: forwards;} .bigwin_box .box .krw li {float:left; width:64px; height:60px; overflow:hidden; text-align:center; margin-left:-8px; margin-right:-10px; opacity:0;} .bigwin_box .box .krw li.krw_1 {margin-right:-18px; margin-left:-10px;} .bigwin_box .box .krw li.krw_7 {margin-right:-16px;} .bigwin_box .box .krw li.comma {margin-left:-17px; margin-right:-20px; margin-top:12px;} .bigwin_box .box .krw li.dot {margin-left:-15px; margin-right:-12px;} .bigwin_box .box .won_icon {padding-top:20px; margin-left:20px;} .won_icon { float:left;} @keyframes slideup { from { margin-top: 30px; opacity: 0; } to { margin-top: 0px; opacity: 1; } } @keyframes sliderighttocenter { from { margin-left: 100%; filter: blur(20px); -moz-filter: blur(20px); -ms-filter: blur(20px); opacity: 0; } to { margin-left: 0%; filter: blur(0px); -moz-filter: blur(0px); -ms-filter: blur(0px); opacity: 1; } } @keyframes slidecentertoleft { from { margin-left: 0%; filter: blur(0px); -moz-filter: blur(0px); -ms-filter: blur(0px); opacity: 1; } to { margin-left: -100%; filter: blur(20px); -moz-filter: blur(20px); -ms-filter: blur(20px); opacity: 0; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes bounce { 0% { transform: translate(0, 0) scale(0.8); } 15% { transform: translate(0, 0) scale(1); } 30% { transform: translate(0, 0) scale(1.2); } 40% { transform: translate(0, 0) scale(1); } 50% { transform: translate(0, 0) scale(0.8); } 65% { transform: translate(0, 0) scale(1); } 80% { transform: translate(0, 0) scale(1.2); } 100% { transform: translate(0, 0) scale(1); } } @-moz-keyframes slideup { from { margin-top: 30px; opacity: 0; } to { margin-top: 0px; opacity: 1; } } @-moz-keyframes sliderighttocenter { from { margin-left: 100%; -moz-filter: blur(20px); filter: blur(20px); opacity: 0; } to { margin-left: 0%; -moz-filter: blur(0px); filter: blur(0px); opacity: 1; } } @-moz-keyframes slidecentertoleft { from { margin-left: 0%; -moz-filter: blur(0px); filter: blur(0px); opacity: 1; } to { margin-left: -100%; -moz-filter: blur(20px); filter: blur(20px); opacity: 0; } } @-moz-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @-moz-keyframes bounce { 0% { transform: translate(0, 0) scale(0.8); } 15% { transform: translate(0, 0) scale(1); } 30% { transform: translate(0, 0) scale(1.2); } 40% { transform: translate(0, 0) scale(1); } 50% { transform: translate(0, 0) scale(0.8); } 65% { transform: translate(0, 0) scale(1); } 80% { transform: translate(0, 0) scale(1.2); } 100% { transform: translate(0, 0) scale(1); } } @-ms-keyframes slideup { from { margin-top: 30px; opacity: 0; } to { margin-top: 0px; opacity: 1; } } @-ms-keyframes sliderighttocenter { from { margin-left: 100%; -ms-filter: blur(20px); filter: blur(20px); opacity: 0; } to { margin-left: 0%; -ms-filter: blur(0px); filter: blur(0px); opacity: 1; } } @-ms-keyframes slidecentertoleft { from { margin-left: 0%; -ms-filter: blur(0px); filter: blur(0px); opacity: 1; } to { margin-left: -100%; -ms-filter: blur(20px); filter: blur(20px); opacity: 0; } } @-ms-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-ms-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @-ms-keyframes bounce { 0% { transform: translate(0, 0) scale(0.8); } 15% { transform: translate(0, 0) scale(1); } 30% { transform: translate(0, 0) scale(1.2); } 40% { transform: translate(0, 0) scale(1); } 50% { transform: translate(0, 0) scale(0.8); } 65% { transform: translate(0, 0) scale(1); } 80% { transform: translate(0, 0) scale(1.2); } 100% { transform: translate(0, 0) scale(1); } } .game_menu_area .square{width:898px; height:670px; position:absolute; top:46px; left:0; z-index:10;} .game_menu_area .square .light {position:absolute; width:60px;height:59px; } .game_menu_area .square .light img {width:100%; } .game_menu_area .square .line1 {animation:line1 6s infinite;} .game_menu_area .square .line2 {animation:line2 6s infinite;} .game_menu_area .square .line3 {animation:line3 6s infinite;} .game_menu_area .square .line4 {animation:line4 6s infinite;} .casino_area .square{width:429px; height:670px; position:absolute; top:46px; left:0; z-index:10;} .casino_area .square .light {position:absolute; width:60px;height:59px; } .casino_area .square .light img {width:100%; } .casino_area .square .line1 {animation:c_line1 6s infinite;} .casino_area .square .line2 {animation:c_line2 6s infinite;} .casino_area .square .line3 {animation:c_line3 6s infinite;} .casino_area .square .line4 {animation:c_line4 6s infinite;} @keyframes line1 { 0% {top:-20px; left:-10px; } 100% {top:-20px; left:830px;} } @keyframes line2 { 0% {right:8px; top:0; } 100% {right:8px; top:610px;} } @keyframes line3 { 0% {bottom:0; right:8px;} 100% {bottom:0; right:860px;} } @keyframes line4 { 0% {left:-25px; bottom:0; } 100% {left:-25px; bottom:630px;} } @keyframes c_line1 { 0% {top:-20px; left:-10px; } 100% {top:-20px; left:390px;} } @keyframes c_line2 { 0% {right:-20px; top:0; } 100% {right:-20px; top:610px;} } @keyframes c_line3 { 0% {bottom:0; right:-20px;} 100% {bottom:0; right:392px;} } @keyframes c_line4 { 0% {left:-25px; bottom:0; } 100% {left:-25px; bottom:630px;} } #mymessage {cursor:pointer;} .display_on {display:none;} .display_off:hover .on {display:block;} .body_bg {z-index:-1; position:fixed; top:0; left:0; width:100%; height:100%; background:url("/imgs/mxwin/bg_bottom.png") no-repeat; background-size:cover;} .game_list_layer { z-index:5000; position:absolute; top:150px; left:50%; width:1162px; height:922px; margin-left:-603px; padding:0 13px; background:url('/imgs/mxwin/gamelist_bg.png?1') no-repeat; background-size:100% 100%; -webkit-animation: scale-up-center 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; animation: scale-up-center 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;} .game_list_layer .company_logo {overflow:hidden; text-align:center; margin-top:160px; height:50px; color:#cdae5b; font-size:27px; font-weight:bold;} .game_list_layer .layer_logo {position:absolute; top:160px; left:65px; width:140px; } .game_list_layer .layer_logo img {width:100%; height:100%;} .game_list_layer .kr_title {color:#cdae5b; font-size:27px; position:absolute; top:165px; left:0; width:100%; text-align:center; font-weight:bold;} .game_list_layer .close {position:absolute; top:180px; right:60px; font-size:15px; font-weight:bold; color:#fff;} .game_list_layer .game_list {overflow-x:hidden; width:1080px; height:622px; margin-top:265px;padding-left:50px;} .game_list_layer .game_list::-webkit-scrollbar {width:4px; } .game_list_layer .game_list::-webkit-scrollbar-thumb {background:#cdae5b;} .game_list_layer .game_list.search_list {margin-top:50px;} .game_list_layer .game_list li {position:relative; float:left; width:120px; height:173px; border:1px solid #cdae5b; margin:4px; overflow:hidden; background:#111;} .game_list_layer .game_list li:hover .upper_link {background:rgba(255,255,255,0.8) url("/imgs/mxwin/play.png") center center no-repeat; height:107px; margin-top:30px;} .game_list_layer .game_list li .bookmark {cursor:pointer; position:absolute; top:4px; right:5px; z-index:1; background:url("/imgs/mxwin/icon_wish_off.png") no-repeat; width:20px; height:20px;} .game_list_layer .game_list li .bookmark.on {background:url("/imgs/mxwin/icon_wish_on.png") no-repeat; animation-duration: .5s; animation-name: bounce; -webkit-animation-fill-mode: forwards; -moz-animation-duration: .5s; -moz-animation-name: bounce; -moz-animation-fill-mode: forwards; -ms-animation-duration: .5s; -ms-animation-name: bounce; -ms-animation-fill-mode: forwards;} .game_list_layer .game_list li .game_logo {height:30px; overflow:hidden;} .game_list_layer .game_list li .game_logo img {width: 55px;height: unset;margin-top:2px;} .game_list_layer .game_list li .imgs {height:113px; overflow:hidden;} .game_list_layer .game_list li img {width:100%; height:100%;} .game_list_layer .game_list li .game_tit {width:120px; height:25px; text-align:center; line-height:25px; margin-top:3px; color:#fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .game_list_layer .game_list .none_game {text-align:center; font-size:17px; margin-top:150px; font-weight:bold; } .gnb_layer {z-index:5000; position:absolute; top:150px; left:50%; width:1161px; min-height:793px; margin-left:-590px; padding:40px; background:url("/imgs/mxwin/sub_bg.png") no-repeat; background-size:100% 100%;} .gnb_layer .top_box {text-align:left;} .gnb_layer .top_box dt {color:#ffe093; font-weight:bold; font-size:28px; margin-top:10px;} .gnb_layer .top_box dd {color:#fff; font-size:15px; line-height:24px; margin-top:10px;} .gnb_layer .top_box dd span {color:#fff; font-size:15px; line-height:24px; margin-top:10px;} .gnb_layer .top_box .line_up>* {float:left; margin-right: 5px;} .gnb_layer .top_box input {display:block; float:left; width:120px; height:30px; line-height:30px; text-align:center; font-size:12px; font-weight:bold; margin-right: 5px; border:0px; outline:none; background:#fff;} .gnb_layer .top_box input.from, .gnb_layer .top_box input.to { width: 90px; } .gnb_layer .top_box input.fromtime, .gnb_layer .top_box input.totime { width: 70px; } .gnb_layer .top_box .line_up {margin-top:10px;} .gnb_layer .top_box a.btn {display:block; float:left; width:80px; height:30px; line-height:30px; text-align:center; font-size:12px; font-weight:bold; background:#333; margin-right: 5px;} .gnb_layer .top_box a.btn.on {background:#fee2a3; color:#000;} .gnb_layer .top_box a.btn:hover {color:#999;} .gnb_layer .top_box a.btn.on:hover {color:#000;} .gnb_layer .con_box {overflow:hidden; padding:40px ;} .gnb_layer .con_box li {overflow:hidden; margin-bottom:20px;} .gnb_layer .con_box li .left_txt {float:left; width:186px; min-height:38px; line-height:38px; color:#fff; font-size:18px; text-align:center; } .gnb_layer .con_box li .left_txt span {line-height: normal; color: inherit; font-size: inherit; font-weight: inherit;} .gnb_layer .con_box li .left_txt2 {float:left; width:120px; line-height:38px; color:#fff; font-size:15px; font-weight:bold;line-height:normal;} .gnb_layer .con_box li .right_con {float:left; overflow:hidden;} .gnb_layer .con_box li .right_con input[type=text] {width:210px; height:44px; border:0; background:#fff; color:#000; outline:none; padding:0 10px; font-size:15px; } .gnb_layer .con_box li .right_con input[type=password] {width:210px; height:44px; border:0; background:#fff; color:#000; outline:none; padding:0 10px;} .gnb_layer .con_box li .right_con select {width:200px; height:38px; border:0; background:#fff; color:#000; outline:none; padding:0 10px;} .gnb_layer .con_box li .right_con .money_type {width:230px; height:44px; font-size:15px !important; padding:0 5px;} .gnb_layer .con_box li .right_con .money_type option {font-size:15px;} .gnb_layer .con_box li .right_con .cbform span {float:left; margin-right:10px; font-size: 13px; color: #fdd49e;} .gnb_layer .con_box li .right select {height:38px; border:0; background:#fff; color:#000; outline:none; padding:0 10px;} .gnb_layer .con_box li .right_con .input_box {width:210px; height:44px; line-height:44px; border:0; background:#fff; outline:none; padding:0 10px;} .gnb_layer .con_box li .right_con .sender_name {color:#555; font-size:15px;} .gnb_layer .con_box li .right_con .input_box_long {width:320px; height:38px; line-height:38px; border:0; background:#fff; color:#000; outline:none; padding:0 10px;} .gnb_layer .con_box li .right_con .notice_txt {margin-top:6px; font-size:13px; color:#e2c373;} .gnb_layer .con_box li .right_con .box {overflow:hidden;} .gnb_layer .con_box li .right_con .box dd {float:left; overflow:hidden; text-align:center; cursor:pointer; opacity:0.4; margin-right:60px;} .gnb_layer .con_box li .right_con .box dd .imgs { margin-bottom:3px; overflow:hidden;} .gnb_layer .con_box li .right_con .box dd .imgs img {width:45px; height:45px;} .gnb_layer .con_box li .right_con .box dd.active {opacity:1;} .gnb_layer .con_box li .right_con .box dd .txt {color:#fff; font-size:15px; padding:2px 0; letter-spacing:-0.8px;} .gnb_layer .con_box li .right_con .box dd .txt .point {color:#fff; font-size:15px;} .gnb_layer .con_box li .money_function {overflow:hidden;} .gnb_layer .con_box li .money_function div {float:left; cursor:pointer; margin-left:6px; text-align:center; width:75px; height:39px; line-height:39px; font-size:14px; color:#fff; font-weight:bold; background:#000; border:3px solid transparent;border-radius: 2px; background-image: linear-gradient(#000, #000), linear-gradient(to top, #a3802c, #e3c370); background-origin: border-box; background-clip: content-box, border-box;} .gnb_layer .con_box li .money_function div:first-child {margin-left:0;} .gnb_layer .con_box li .money_function div:hover {background:#a78430;} .gnb_layer .btn_box {margin-bottom:20px;overflow:hidden; text-align:center;} .gnb_layer .btn_box.in_li {display:flex; justify-content: center;} .gnb_layer .btn_box .btn {display:block; float:left; width:172px; height:44px; line-height:44px; text-align:center; font-size:16px; font-weight:bold; background:#ffd360; color:#000;} .gnb_layer .btn_box .btn:last-child {margin-left:10px; background:#777; } .trans_txt {color:#fff; font-weight:bold; font-size:16px; margin:20px 0; text-align:center; overflow:hidden;} .trans_txt span {color:#eacc54; font-weight:bold; font-size:16px; } .gnb_layer .table_list {overflow:hidden; padding:30px 0;} .gnb_layer .table_list dt {overflow:hidden; background:#333; line-height:38px;} .gnb_layer .table_list dd {overflow:hidden; cursor:pointer; border-bottom:1px solid #333;} .gnb_layer .table_list dd:hover {background:#222;} .gnb_layer .table_list li {float:left; height:38px; overflow:hidden; width:10%; font-weight:bold; font-size:13px; text-align:center; color:#ddd; } .gnb_layer .event_list li {width:30%; text-align:center; height:44px; line-height:44px; font-size:14px; } .gnb_layer .event_list li:nth-child(2) {width:40%;} .gnb_layer .event_list dd li:nth-child(2) {text-align:left;} .gnb_layer .table_list li.gold {color:gold;} .gnb_layer .table_list li .icon {padding-top:2px;} .cashflow .table_list li {width:25% !important;} .cashflow .table_list li .red {color:#b32525; font-weight:bold;} .cashflow .table_list li .blue {color:#1277d6; font-weight:bold;} .cashflow .table_list li .betting_bum {color:#eacc54; font-weight:bold;} .cashflow .summary {text-align:center; color:#fff; font-size: 16px;font-weight: bold; margin-top:20px;} .gnb06 .table_list li {width:50% !important;} .coupon_layer .table_list ul {display:flex;} .coupon_layer .table_list li {width:unset; flex:1;} .gnb_layer .pagination {overflow:hidden; text-align:center; margin-bottom:20px;} .gnb_layer .pagination .page {color:#fff; float:left; display:block; width:34px; height:34px; line-height:34px; text-align:center; font-size:14px; font-weight:bold; margin:0 6px; } .gnb_layer .pagination .page.on {color:#ffd360; font-size:18px;} .gnb_layer .like_list li {width:25% !important; box-sizing:border-box;} .coupon_layer .coupon_on {background:#e73837; color:#fff; padding:4px 8px; border-radius:2px; display:inline;} .coupon_layer .coupon_off {background:#333; color:#999; padding:4px 8px; border-radius:2px; display:inline;} .gnb_layer .tab_menu {overflow:hidden; margin-bottom:30px;} .gnb_layer .tab_menu ul {display:flex;} .gnb_layer .tab_menu li {float:left; width:33.333%; box-sizing:border-box;} .gnb_layer.point_layer .tab_menu li {width:50%;} .gnb_layer.gnb05 .tab_menu li {width:50%;} .gnb_layer.gnb06 .tab_menu li {width:25%;} .gnb_layer.gnb07 .tab_menu li {width:25%;} .gnb_layer.gnb08 .tab_menu li {width:25%;} .gnb_layer.referer_layer .tab_menu li {width:25%;} .gnb_layer.branch_layer .tab_menu li {width:25%;} .gnb_layer.msg_layer .tab_menu li {width:50%;} .gnb_layer .tab_menu li .menu {display:block; border-left:1px solid #111; height:40px; line-height:40px; color:#fff; font-size:16px; font-weight:bold; text-align:center; background: #927016;} .gnb_layer .tab_menu li .menu.active {background:#e7bb49; color: #111;} .gnb_layer .tab_menu li:hover .menu {background:#e7bb49; color: #111;} .gnb_layer .tab_menu li:first-child .menu {border-left:0; border-radius:6px 0 0 6px;} .gnb_layer .tab_menu li:last-child .menu {border-radius:0 6px 6px 0;} .gnb_layer.referer_layer .table_list li {width:30% !important;} .gnb_layer.referer_layer .table_list li:nth-child(3) {width:40% !important;} .gnb_layer.pwcheck_layer {overflow:hidden; text-align:center;} .gnb_layer.pwcheck_layer li {overflow:hidden;margin:10px 0;} .gnb_layer.pwcheck_layer li .box {display:inline-block;} .gnb_layer.pwcheck_layer li .box span {float:left;} .gnb_layer.pwcheck_layer li .box input[type=password] {background:#fff; height:40px; border:0; padding:0 10px; outline:none; color:#111;} .gnb_layer .detail_view {margin-top: 10px;} .gnb_layer .write_view {margin-top: 10px;} .board_view_box {overflow:hidden;} .board_view_box .view_box {overflow-x:hidden; height:550px;background:#333; padding:20px; border-radius:3px; margin-bottom:10px;} .board_view_box .view_box::-webkit-scrollbar {width:4px; } .board_view_box .view_box::-webkit-scrollbar-thumb {background:#ffd360;} .board_view_box .view_box dt {overflow:hidden; border-bottom:1px solid #999; padding-bottom:10px;} .board_view_box .view_box dt .tit {float:left; font-size:17px; font-weight:bold; color:#fff;} .board_view_box .view_box dt .date {float:right; color:#ddd; font-size:14px; margin-top:5px;} .board_view_box .view_box dd {font-size:13px; line-height:20px; color:#eee; margin-top:10px; min-height:300px;} .board_view_box .view_box dd td {font-size:13px; color:#eee; border:1px solid #eee;} .board_view_box .view_box dd table {font-size:13px; color:#eee; border:1px solid #eee;} .board_view_box .view_box dd * {font-size:inherit; color:inherit; line-height:normal; max-width:100%;} .board_view_box .view_box dd span {display:unset;} .board_view_box .comment_box {overflow:hidden; margin-bottom:20px;} .board_view_box .comment_box li {overflow:hidden; background:#ddd; padding:20px; border-radius:3px; margin-top:10px;} .board_view_box .comment_box li .info {overflow:hidden; border-bottom:1px solid #999; padding-bottom:10px;} .board_view_box .comment_box li .icon {float:left; background:#ce3131; color:#fff; font-size:11px; padding:2px 4px; margin-right:10px;} .board_view_box .comment_box li .name {float:left; font-weight:bold; color:#111; font-size:15px;} .board_view_box .comment_box li .date {float:right; color:#111; font-size:14px;} .board_view_box .comment_box li .txt {margin-top:10px; color:#333; font-size:14px; line-height:20px;} .board_view_box .image img {max-width:100%;} .board_btn_box {overflow:hidden; text-align:center;} .board_btn_box .btn {float:left; margin-right:10px; background:#222; color:#fff; font-weight:bold; width:100px; height:36px; line-height:36px; font-size:14px;} .board_btn_box .btn:last-child {float:right; background:#999; color:#111; margin-right:0;} .board_write_box dt {overflow:hidden; margin-bottom:10px;} .board_write_box dt input {width:1140px; height:40px; background:#fff; border:0; font-size:14px; color:#111; padding:0 10px; outline:none; border-radius:3px;} .board_write_box dd {overflow:hidden; margin-bottom:10px;} .board_write_box dd textarea {resize:none; width:1140px; height:300px; background:#fff; padding:10px; border-radius:3px; font-size:14px; color:#111;} .charge_list {overflow:hidden; margin-top:20px;} .charge_list dt {overflow:hidden; background:#333;} .charge_list dt li {color:#fff; font-weight:bold;} .charge_list dd {overflow:hidden; border-bottom:1px solid #333;} .charge_list li {float:left; text-align:center; width:20%; height:38px; line-height:38px; color:#ddd;} .max_btn {background:#ffd360; color:#000 !important; font-weight:bold; padding:12px; margin-left:10px;} .myarea dd:nth-child(2) {cursor:pointer;} #msg_box {width:100%;} .jackpot_layer .area_box {overflow:hidden;} .jackpot_layer .jackpot_list {width:580px; float:left;} .jackpot_layer .jackpot_list .tit_logo {text-align:center; border-bottom:2px solid #fff; width:200px; margin:0 auto;} .jackpot_layer .jackpot_list .tit_logo .tit_txt {color:#fff; font-weight:bold; font-size:17px; margin-top:5px; padding-bottom:10px;} .jackpot_layer .jackpot_list dl {margin-top:30px; margin-bottom:20px;} .jackpot_layer .jackpot_list dt {overflow:hidden; padding:0 10px; margin-bottom:10px;} .jackpot_layer .jackpot_list dt li {color:#fff; font-size:15px;} .jackpot_layer .jackpot_list dd {overflow:hidden; background:#3b3b3b; margin-top:1px; height:32px; line-height:32px; padding:0 10px;} .jackpot_layer .jackpot_list li {float:left; color:#cfcfcf; font-weight:bold; font-size:14px; width:120px; text-align:center;} .jackpot_layer .jackpot_list li:nth-child(2) {width:80px;} .jackpot_layer .jackpot_list li img {width:55px; margin-top:5px;} .jackpot_layer .exchange_list {width:270px; float:right;} .jackpot_layer .exchange_list .tit_logo {text-align:center; border-bottom:2px solid #fff; width:200px; margin:0 auto;} .jackpot_layer .exchange_list .tit_logo .tit_txt {color:#fff; font-weight:bold; font-size:17px; margin-top:5px; padding-bottom:10px;} .jackpot_layer .exchange_list dl {margin-top:30px; margin-bottom:20px;} .jackpot_layer .exchange_list dt {overflow:hidden; padding:0 10px; margin-bottom:10px;} .jackpot_layer .exchange_list dt li {color:#fff; font-size:15px !important;} .jackpot_layer .exchange_list dd {overflow:hidden; background:#3b3b3b; margin-top:1px; height:32px; line-height:32px; padding:0 10px;} .jackpot_layer .exchange_list li {float:left; color:#fff; font-weight:bold; font-size:14px; width:55px; text-align:center;} .jackpot_layer .exchange_list li:nth-child(2) {width:100px;} .jackpot_layer .exchange_list li:nth-child(3) {width:80px;} .partner_layer .tit_logo {text-align:center; border-bottom:2px solid #fff; width:200px; margin:0 auto;} .partner_layer .tit_logo .tit_txt {color:#fff; font-weight:bold; font-size:17px; margin-top:5px; padding-bottom:10px;} .partner_layer .right_con .phone_input input {width:80px !important;} .partner_layer .right_con .phone_input select {width:100px !important;} .partner_layer .right_con textarea {width:550px; background:#eee; resize:none; height:100px; padding:10px; font-size:14px; color:#111;} .partner_layer .right_con input[type=radio] {width:20px; height:20px; border:1px solid #111;} .input_wrap {overflow:hidden; margin:20px 0;} .reply_input {float: left; resize:none; height:80px; width:700px; background:#fff; color:#222; padding:10px; font-size:13px; border-radius:3px;} .reply_insert {float:right; background:#ffc600; color:#222; width:170px; height:100px; line-height:100px; text-align:center; font-size:14px; font-weight:bold; border-radius:3px;} .popup_area {position:absolute; top:120px; left:50%; z-index:3002; width:1500px; margin-left:-670px; display:none;} .popup_area .popup {background-color:black; no-repeat; width:430px; height:560px; position:absolute; top:0; display:none;} .popup_area .popup .content {height:560px; padding:2px; box-sizing: border-box; overflow-y: scroll;} .popup_area .popup .content::-webkit-scrollbar {width:4px; } .popup_area .popup .content::-webkit-scrollbar-thumb {background:##ffe658;} .popup_area .popup .content .subject {font-size: 20px; color: #fff; text-align:center;} .popup_area .popup .content .body {color: #fff;} .popup_area .pop01 {left:0;} .popup_area .pop02 {left:440px;} .popup_area .pop03 {left:880px;} .popup_area .popup .subject {font-weight:bold;} .popup_area .popup p {color:#ddd;} .popup_area .popup .content .body * {color:inherit;} .popup_area .close_box {position:absolute; bottom:-32px; left:0; width:410px; height:32px; background:#ffe658; padding:0 10px;} .popup_area .pop_only_close {float:left; background:#72630c; color:#fff; font-weight:bold; padding:4px 6px; margin-top:4px; cursor:pointer;} .popup_area .pop_close {float:right; cursor:pointer; background:url("/imgs/popup_x.png") 38px 2px no-repeat; color:#000; font-weight:bold; font-size:15px; width:60px; height:20px; line-height:20px; margin-top:4px;} .popup_checknotice {position:fixed; top:120px; left:50%; margin-left:-545px; z-index:3002; overflow:hidden;} .popup_checknotice .conts img {display:block;} .popup_checknotice .bottom {background:#000; height:38px; line-height:38px; overflow:hidden; padding:0 10px;} .popup_checknotice .bottom span {float:left; color:#fff; font-size:15px; cursor:pointer;} .popup_checknotice .bottom .pop_only_close {float:left; color:#fff; font-size:15px; cursor:pointer;} .popup_checknotice .bottom .pop_close {float:right; } .center_popup_area_box {position:absolute; top:100px; left:0; z-index:3002; width:100%; overflow-x:hidden; text-align:center; display:none;} .center_popup_area_box::-webkit-scrollbar {width:8px;} .center_popup_area_box::-webkit-scrollbar-track {-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5); background:#111; border-radius:5px;} .center_popup_area_box::-webkit-scrollbar-thumb {-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.8); border-radius:10px; background:#555;} .center_popup_area_box .line_up {display:inline-block; overflow:hidden; width:1500px;} .center_popup_area_box .center_popup_area {float:left; padding:0 5px; width:365px; } .center_popup_area_box .center_popup_area .conts {height:475px; background:#000; overflow:hidden; border:none; border-bottom:0;border-image: linear-gradient(to top, #fd00b2, #ff3f3a, #fee2a3); border-image-slice: 1; animation: scale-up-center 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;} .center_popup_area_box .center_popup_area .conts img {display:block; width:100%; height:100%;} .center_popup_area_box .center_popup_area .bottom {background:#d3bb75; height:38px; line-height:38px; overflow:hidden; padding:0 10px;} .center_popup_area_box .center_popup_area .bottom span {float:left; color:#fff; font-size:15px; cursor:pointer;} .center_popup_area_box .center_popup_area .bottom .pop_only_close {float:left; color:#fff; font-size:15px; cursor:pointer;} .center_popup_area_box .center_popup_area .bottom .pop_close {float:right; } .left_popup_area {position:fixed; top:200px; left:0; z-index:2999; cursor:pointer; overflow:hidden;} .left_popup_area .next {float:left;} .left_popup_area .conts {background:rgba(0,0,0,0.8); width:390px; height:448px; float:left; border:1px solid #886916; margin-left:-392px;} .left_popup_area .conts .tit {overflow:hidden; padding:10px;} .left_popup_area .conts .tit .imgs {float:left;} .left_popup_area .conts .tit .txt {float:left; color:#ffd738; font-size:30px; font-weight:bold; margin-left:12px;} .left_popup_area .conts dd {color:#fff; font-size:14px; margin-top:25px; margin-left:20px; background:url("/imgs/star_icon.png") left top no-repeat; padding-left:20px;} .left_popup_area .conts dt {color:#ffd738; font-size:14px; margin-top:30px; margin-left: 40px;} .right_popup_area {position:fixed; top:200px; right:0; z-index:2999; cursor:pointer; overflow:hidden;} .right_popup_area .next {float:right;} .right_popup_area .conts {background:rgba(0,0,0,0.8); width:210px; height:448px; border:1px solid #886916; float:right; margin-right: -212px;} .right_popup_area .conts .tit {text-align:center; margin-top:10px;} .right_popup_area .conts .tel {text-align:center; margin-top:10px;} .right_popup_area .conts li {overflow:hidden; margin-bottom:5px} .right_popup_area .conts li:first-child {margin-top:10px;} .right_popup_area .conts li span {float:left; overflow:hidden; margin-left:20px;} .right_popup_area .conts li span.icon {margin-left:15px;} .right_popup_area .conts li .imgs {margin-bottom:4px;} .right_popup_area .conts li .txt {color:#fff; font-size:15px; text-align:center;} .right_popup_area .conts li .qr {width:104px;} .right_popup_area .conts li .qr img {width:100%;} #branch_box {width:100%;} .branch_layer { width: 1200px; margin-left: -642px; } .branch_layer .contents {width: 100%; margin-left:0px;} .branch_layer table {width: 100%; background-color: #131313; color: #fff; font-size: 16px;} .branch_layer table td {padding:8px; color:#fff; font-size: 16px; text-align: center;} .branch_layer .footnote_wrap .footnote {color:#fff; font-weight:bold; font-size:22px; margin-bottom:10px; } .branch_layer .search_wrap select, .branch_layer .search_wrap input { width: 100px; height: 30px; font-size: 14px !important; outline: none; } .branch_layer .search_wrap .bt { width: 80px; display: inline-block; height: 30px; line-height:30px; text-align:center; background:linear-gradient(0deg, rgba(226,56,29,1) 0%, rgba(255,119,97,1) 100%); cursor:pointer; color: #fff; border-radius: 100px; } .contents .table { } .contents .table>div { height: 33px; line-height: 33px; font-size: 0px; letter-spacing: 0px; word-spacing: 0px; } .contents .table .nolist { line-height: 33px; } .contents .table>div>div { height: 33px; vertical-align: middle; } .contents .table>div div { display: inline-block; text-align: center; font-size: 14px; } .contents .table>div div:first-child { margin-left: 0px; } .contents .table .header { border-bottom:2px solid #999; height:40px; line-height:40px; } .contents .table .header div {color:#ddd; font-size:15px; font-weight:bold;} .contents .table .row { border-top: 1px solid #565656; } .contents .table .row div {color:#ddd;} .contents .table .row span {color:#ddd;} .contents .table .calculate_button .calculate { width: 75px; height: 24px; background-color: #ffe440; color: #1e2915; line-height: 24px; margin: 0 auto; margin-top: 5px; cursor: pointer; } .contents .table .statistics_shortcut .shortcut_wrap { margin: 0 auto; text-align: center; font-size: 0px; letter-spacing: 0px; word-spacing: 0px; } .contents .table .statistics_shortcut .shortcut { width: 76px; height: 25px; line-height: 25px; background: linear-gradient( to top, #23221f, #62605d ); color: #fff; margin-left: 3px; margin-right: 3px; cursor: pointer; border-radius:1px; font-size:12px; font-weight:bold; } /* The Loader Curtain */ #loader-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000; overflow: hidden; background:rgba(0,0,0,0.9) } .loding_box {position:absolute; top:50%; left:50%;} .no-js #loader-wrapper { display: none; } #loader-wrapper .loader-section { position: fixed; top: 0; width: 51%; height: 100%; background: #222; z-index: 10000; } #loader-wrapper .loader-section.section-left { left: 0; } #loader-wrapper .loader-section.section-right { right: 0; } /* Loaded styles */ .loaded #loader-wrapper .loader-section.section-left { transform: translateX(-100%); transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); } .loaded #loader-wrapper .loader-section.section-right { transform: translateX(100%); transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); } .loaded #loader { opacity: 0; transition: all 0.4s ease-out; } .loaded #loader-wrapper { visibility: hidden; transform: translateY(-100%); transition: all 0.3s 1s ease-out; } /* loader circle animation */ #loader { position: absolute; display: inline-block; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; width: 40px; height: 40px; border: 2px solid transparent; border-radius: 50%; -webkit-animation-name: spinnerRotate; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spinnerRotate; -moz-animation-duration: 1s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spinnerRotate; -ms-animation-duration: 1s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; } #loader::before, #loader::after { left: -2px; top: -2px; display: none; position: absolute; content: ''; width: inherit; height: inherit; border: inherit; border-radius: inherit; } #loader, #loader::before, #loader::after { z-index: 10001; display: inline-block; border-color: transparent; border-top-color: transparent; box-sizing:border-box; } #loader::before { transform: rotate(120deg); } #loader::after { transform: rotate(240deg); } #loader, #loader::before, #loader:after { border-top-color: #fa4d01; } /* loader */ @-webkit-keyframes spinnerRotate { from{-webkit-transform:rotate(0deg);} to{-webkit-transform:rotate(360deg);} } @-moz-keyframes spinnerRotate { from{-moz-transform:rotate(0deg);} to{-moz-transform:rotate(360deg);} } @-ms-keyframes spinnerRotate { from{-ms-transform:rotate(0deg);} to{-ms-transform:rotate(360deg);} } .main_left_box {display:none;} .main_right_box {display:none;} .text_strong .txt {color:#fff !important; font-size:22px !important;} .text_strong .krw {color:#f4d74f !important;} .game_page_box .right_area .game_menu_box li.more { width: 100%; border: 0px; height: 42px; grid-column: 1 / 7;} .game_page_box .right_area .game_menu_box li.more div { width: 100%; height: 40px; background-color: #999; border: 1px solid #aaa; color: #000; line-height:40px; font-size: 16px; text-align: center; cursor:pointer; } .game_page_box .right_area .game_menu_box li.more.hide { display: none; } .game_page_box .right_area .game_menu_box li.more.disable { pointer-events: none; } .board_area .new {background:#ffc600; color:#000; font-size:13px; font-weight:bold; width:120px; height:36px; line-height:36px; text-align:center; cursor:pointer; border-radius:3px;} .board_area .board_head {overflow:hidden; margin-top:20px;} .board_area .board_head .item {overflow:hidden; height:42px; line-height:42px; background:#444; border-radius:3px;} .board_area .board_con .item {overflow:hidden; height:42px; line-height:42px; border-bottom:1px solid #333; cursor:pointer;} .board_area .board_con .item:hover {background:#111;} .board_area .board_con .item span {color:#fff;} .board_area .item li {float:left; text-align:center; color:#fff;} .board_area .item li:first-child {width:10%;} .board_area .item li:nth-child(2) {width:60%;} .board_area .item li:nth-child(3) {width:15%;} .board_area .item li:last-child {width:15%;} .board_area .nolist {background:#000; text-align:center; padding:50px 0; font-size:14px; color:#999; font-weight:bold; border-bottom:1px solid #444;} .board_area .board_head .number {float:left;} .board_area .board_head .title {float:left; width:70%; text-align:center; color:#fff;} .board_area .board_head .writer {float:left; width:15%; text-align:center; color:#fff;} .board_area .board_head .date {float:left; width:15%; text-align:center; color:#fff;} .board_area .board_con .title {float:left; width:70%; text-align:center; color:#fff;} .board_area .board_con .writer {float:left; width:15%; text-align:center; color:#fff;} .board_area .board_con .date {float:left; width:15%; text-align:center; color:#fff;} .board_area .veiw_contents {min-height:300px; background:#ddd; color:#222; padding:20px; font-size:16px; } .board_area .input_wrap {overflow:hidden; margin-top:20px;} .board_area .reply_input {float:left; resize:none; height:80px; width:820px; border-radius:3px; background:#ddd; color:#222; padding:10px; font-size:14px;} .board_area .reply_insert {float:right; background:#ffc600; color:#222; width:140px; height:100px; line-height:100px; text-align:center; font-size:15px; font-weight:bold; cursor:pointer; border-radius:3px;} .board_area .reply { margin-top:10px;} .board_area .reply .item {overflow:hidden; padding:10px; background:#eee; border:1px solid #ddd; border-radius:3px; margin-top:10px; position:relative;} .board_area .reply .name {position:absolute; top:12px; left:100px; font-size:13px; font-weight:bold;} .board_area .reply .buttons {height:20px !important;} .board_area .reply .delete {position:absolute; top:10px; right:10px; background:#c61b1b; color:#fff; padding:0 6px; height:14px !important; border-radius:1px; cursor:pointer;} .board_area .reply .message {min-height:50px; margin-top:18px;} .board_area .reply .date {position:absolute; top:12px; left:10px;} .board_area .buttons {overflow:hidden;} .board_area .buttons .center {float:right; overflow:hidden; margin:30px 0;} .board_area .buttons .bt.modify {border-radius:3px; margin-right:10px;float:left; width:100px; height:34px; line-height:34px; font-size:14px; font-weight:bold; text-align:center; background:#444; color:#eee; cursor:pointer;} .board_area .buttons .bt.delete {border-radius:3px; float:left; width:100px; height:34px; line-height:34px; font-size:14px; font-weight:bold; text-align:center; background:#c61b1b; color:#eee; cursor:pointer;} .board_area .write_header .text {font-size:15px; font-weight:bold; color:#fff; padding:5px 0;} .board_area .write_header .name {background:#fff; font-size:15px;height:40px; line-height:40px; font-weight:bold; padding:0 10px;} .board_area .write_header .date {background:#fff; font-size:15px;height:40px; line-height:40px; font-weight:bold; padding:0 10px;} .board_area #tx_article_title {width:1180px; background:#fff; height:40px; padding:0 10px;} .board_area .write_contents {margin-top:20px;} .board_area .write_contents #tx_content {width:1180px; min-height:400px; background:#fff; padding:10px; resize:none;} .board_area .write_buttons {overflow:hidden; width:250px; margin:20px auto;} .board_area .write_buttons .bt.write {float:left; background:#ffc600; color:#111; font-size:13px; font-weight:bold; width:120px; height:38px; line-height:38px; text-align:center;} .board_area .write_buttons .bt.cancel {margin-left:10px; float:left; background:#444; color:#eee; font-size:13px; font-weight:bold; width:120px; height:38px; line-height:38px; text-align:center;} .subpage_area {background:url('../img/subpage_bg.jpg') no-repeat; height:917px; border-top:2px solid #7c7e7b; overflow:hidden; border-bottom:2px solid #7c7e7b; padding-top:98px;} .subpage_area .layout_fix {overflow:hidden;} .subpage_area li {float:left; width:293px; height:376px; position:relative; margin-left:9px; margin-bottom:30px;} .subpage_area li:first-child {margin-left:0;} .subpage_area li:nth-child(5) {margin-left:0;} .subpage_area li dt {color:#fdfdbd; font-weight:bold; font-size:18px; padding:14px; text-align:center;} .subpage_area li dd {color:#fff; padding-bottom:8px; text-align:center;} .subpage_area li .btn_box {position:absolute; bottom:0; left:0; overflow:hidden; width:293px; height:33px; text-align:center;} .subpage_area li .btn_box .line_up {display:inline-block; overflow:hidden;} .subpage_area li .btn_box .btn {float:left; overflow:hidden; margin-left:10px;} .subpage_area li .btn_box .btn:first-child {margin-left:0;} .shadow {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.9); z-index:2; display:none;} .guide {position:absolute; top:0; left:0; width:100%; height:100%; z-index:3001;} .guide .tutorial_01 {margin-top:72px; margin-left:200px;} .guide .tutorial_02 {position:absolute; top:200px;right:0;} .guide .close_btn_box {position:absolute; top:10px; right:0; width:100%; display:none;} .guide .tutorial_only_close {float:right; color:#fff; font-weight:bold; margin-top:10px; cursor:pointer; font-size:16px;} .guide .tutorial_close {float:right; margin-left:20px;cursor:pointer; border:2px solid #fff; border-radius:50px; background:url("/imgs/popup_x.png") 38px 2px no-repeat; color:#fff; font-weight:bold; font-size:16px; padding:10px 20px;} .guide .tutorial_close:hover {background:#fff; color:#000;} .loader1{ position: relative; height: 40px; width: 40px; border-radius: 80px; border: 3px solid #ffd360; top: 28%; top: -webkit-calc(50% - 43px); top: calc(50% - 43px); left: 35%; left: -webkit-calc(50% - 43px); left: calc(50% - 43px); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: loader1 3s linear infinite; animation: loader1 3s linear infinite; } .loader1:after{ content: ""; position: absolute; top: -5px; left: 20px; width: 11px; height: 11px; border-radius: 10px; background-color: #fff; } @-webkit-keyframes loader1{ 0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(360deg);} } @keyframes loader1{ 0%{transform:rotate(0deg);} 100%{transform:rotate(360deg);} } @-webkit-keyframes scale-up-center { 0% { -webkit-transform: scale(0.5); transform: scale(0.5); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes scale-up-center { 0% { -webkit-transform: scale(0.5); transform: scale(0.5); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .pagination .num_prev, .pagination .num_next { width: 50px; text-decoration-line: none; } .pagination { display: flex; justify-content: center; margin: 15px 0 5px 0; } .pagination .cur { width: 22px; text-decoration-line: none; border: none !important; } .pagination .num { background: #666; color: #ffd360; float: left; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; font-size: 14px; font-weight: bold; margin: 0 6px; border-radius: 500px; } .pagination .inner_paging { display: flex; } .pagination .num_prev, .pagination .num_next, .pagination .cur, .btn2 { background: #ffe093; color: #000; font-size: 14px; display: flex; align-items: center; justify-content: center; border-radius: 20px; } .attendance-calendar { width: 100%; border-spacing: 1px; border-collapse: separate; margin: 10px 0 0; } .attendance-calendar th { color: #fff; font-size: 12px; height: 40px; font-weight: normal; text-align:center; background-color: #000; } .attendance-calendar td { width: 14.28%; height: 90px; text-align: center; background-color: #111111; position: relative; transition: 0.3s; } .attendance-calendar td.empty{ pointer-events:none; background-color: rgba(0, 0, 0, 0.15); border-color: #535353; } .attendance-calendar td.today { background-color: rgba(56, 59, 63, 1.0); } .attendance-calendar td .date { width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; margin: 0 auto; border-radius: 50%; color: #8b929b; position: absolute; left:8px; top:8px; z-index: 10; } .attendance-calendar td.un-chk .date { background: #454545; } .attendance-calendar td.un-chk .today { color: #000; background-image: linear-gradient(rgb(201, 195, 136), #ffd360); } .attendance-calendar td .info-panel { color: #ffd360; font-size: 36px; } .gnb_layer.coupon .table_list li { width: 20%; line-height: 39px; } .marquee { float: left; width: 100%; height: 40px; line-height: 40px; color: #ffc600; font-size: 16px; border: 1px solid #433e1d; border-left: 0; border-right: 0; font-family: 'Jeju Gothic', serif; }