@font-face { font-family: 'koreanRKT'; src: url('../../font/koreanRKT.ttf') format('truetype'); font-weight: normal; font-style: normal; } @import url('https://fonts.googleapis.com/css2?family=Knewave&display=swap'); @charset 'utf-8'; /* @import url(cm_font.css); */ /* ●●●●●●●●●● 기본설정 */ html {} body {width:100%; height:100%; margin:0; padding:0; background:#000 url("../../images/pc/full_bg.png");} body,p,pre,form,span,div,table,td,ul,ol,li,dl,dt,dd,input,textarea,label,button {color:#fff; word-wrap:break-word; word-break:break-all; font-size:13px; } 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:inherit; 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-track {-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5); background:#666;} body::-webkit-scrollbar-thumb {-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.8); border-radius:5px; background:#e27000;} /* 폼요소기본 */ 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:#fff; background:transparent; margin:0;padding:0; outline:none; border:0} textarea:focus {color:#fff !important;} select {color:#999; cursor:pointer; font-size: inherit ; font-family: inherit ;} /* 셀렉트는오류때문에 필수! */ /* 셀렉트박스 */ .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; overflow:hidden;} /* 이부분 실작업시 수정할것! */ .lineup {display:inline-block} /* float요소들 정렬시킬때 사용 */ .layout_fix, .title_box, .contents_wrap {max-width:1505px; position:relative; margin:0 auto;} /* 컨첸츠 레이아웃 전체값 */ .title_box .title, .title_box .title>span {font-family: 'koreanRKT'; color:#fff; font-size:20px; text-align:center; position:relative; margin: 20px;} .contents_box {min-height: 400px;} .upper_link {position:absolute; left:0; top:0; width:100%; height:100%; z-index:2;} .upper_link img {width:100%; height:100%;} .font_white {color:#fff;} .exchange_box {overflow:hidden; line-height:38px;} .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;} .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:13px;} .fsize12 {font-size:12px;} .fsize14 {font-size:14px;} .disable {pointer-events:none;} .moremoa_jackpot_banner {margin:10px auto !important;} .header { position:relative;} .header .info_data {height:42px; position:relative; margin-top:32px; margin-bottom:4px;} .header .info_data .head_login_box {float:right; overflow:hidden;} .header .info_data .head_login_box dd {float:left; border:1px solid #f00; border-radius:500px; overflow:hidden; margin-left:2px;} .header .info_data .head_login_box dd input {padding:0 15px; width:140px; height:35px;border: 2px solid #ffba00; background:#fff; border-radius:500px; } .header .info_data .head_login_box dd a {display:block; font-size:15px; width:112px; height:35px; line-height:35px; text-align:center; border: 2px solid #ffba00; color:#fff; background:#000;border-radius:500px; } .header .info_data .head_login_box dd a.login {color:#ff6000;} .header .info_data .wallet_data {width:550px; overflow:hidden; float:left;} .header .info_data .wallet_data li {margin-left:10px; float:left; border:1px solid #f00; border-radius:500px; overflow:hidden;} .header .info_data .wallet_data li:first-child {margin-left:0;} .header .info_data .wallet_data li .box {overflow:hidden; padding:0 15px; width:140px; height:35px; line-height:35px; border: 2px solid #ffba00; background:#000; border-radius:500px;} .header .info_data .wallet_data li .box .icon {float:left;} .header .info_data .wallet_data li .box .money {float:right;} .header .info_data .member_info {float:right; width:600px;} .header .info_data .member_info li {position:relative; float:left; width:100px; height:35px; line-height:35px;} .header .info_data .member_info li .name {font-size:16px;} .header .info_data .member_info li .msg {position:absolute; top:-12px; left:0;} .header .info_data .member_info li .msg_cnt {margin-left:55px; font-size:16px;} .header .info_data .member_info li .attendance_check {position:absolute; top:-15px; left:0; cursor:pointer;} .header .info_data .member_info li .bigwheel_btn {position:absolute; top:-15px; left:20px; cursor:pointer;} .header .info_data .member_info li.login {width:136px; float:right;} .header .info_data .member_info li.login .box { border:1px solid #f00; border-radius:500px; overflow:hidden;} .header .info_data .member_info li.login a {text-align:center; display:block; color:#fff; padding:0 15px; width:100%; height:35px; line-height:35px; border: 2px solid #ffba00; background:#000; border-radius:500px;} .header .nav_menu_box {border-radius: 15px; border:2px solid #ff6000; } .header .nav_menu_box .box {overflow:hidden; border-radius:14px; height:60px; border:1px solid #ffba00; background: -moz-linear-gradient( 90deg, rgb(255,225,163) 0%, rgb(255,201,87) 19%, rgb(90,64,9) 92%); background: -webkit-linear-gradient( 90deg, rgb(255,225,163) 0%, rgb(255,201,87) 19%, rgb(90,64,9) 92%); background: -ms-linear-gradient( 90deg, rgb(255,225,163) 0%, rgb(255,201,87) 19%, rgb(90,64,9) 92%); } .header .nav_menu_box .logo {position:absolute; top:-48px; left:50%; width:296px; height:195px; margin-left:-148px;} .header .nav_menu_box .logo_fire {width:218px; height:195px; background:url("../../images/pc/logo_main_fire.png") no-repeat;} .header .nav_menu_box .logo img {position:absolute; top:28px; left:-48px;} .header .nav_menu_box ul {overflow:hidden; width:50%; float:left; width:520px;} .header .nav_menu_box ul.right_ul {float:right; margin-right:60px;} .header .nav_menu_box li {float:left; width:33.333%; overflow:hidden; text-align:center;} .header .nav_menu_box li .menu { overflow:hidden;} .header .nav_menu_box li .icon {float:left; margin-top:10px; margin-right:4px;} .header .nav_menu_box li .txt {font-family: 'koreanRKT'; float:left; color:#fff; font-size:24px; line-height:62px; text-shadow: 2px 2px 4px #e27000; padding:0 4px;} .header .head_notice {border:2px solid #ff6000; margin:4px 0; border-radius:14px; overflow:hidden;} .header .head_notice marquee {display:block; overflow:hidden; height:40px; line-height:40px; font-size:18px; background:#000; font-weight:bold; color:#fff; border-radius:11px; border:1px solid #ffba00;} .main_character_1 {background:url("../../images/pc/bg_img1.png") no-repeat; width:222px; height:635px; position:absolute; top:346px; left:0; animation: moveUpDown1 3s ease-in-out infinite;} .main_character_2 {background:url("../../images/pc/bg_img2.png") no-repeat; width:198px; height:691px; position:absolute; top:846px; right:0; animation: moveUpDown2 3s ease-in-out infinite;} .main_character_3 {background:url("../../images/pc/bg_img3.png") no-repeat; width:254px; height:530px; position:absolute; top:1246px; left:0; animation: moveUpDown3 3s ease-in-out infinite;} @keyframes moveUpDown1 { 0%, 100% { top: 346px; } 50% { top: 326px; } } @keyframes moveUpDown2 { 0%, 100% { top: 846px; } 50% { top: 806px; } } @keyframes moveUpDown3 { 0%, 100% { top: 1246px; } 50% { top: 1206px; } } .main_banner {width:100%; height:346px; position:relative; background:url("../../images/pc/main_banner_bg.png") no-repeat;} .main_banner .character_1 {width:351px; height:340px; background:url("../../images/pc/main_banner_img1.png") no-repeat; position:absolute; top:3px; left:20px;} .main_banner .character_2 {width:773px; height:340px; background:url("../../images/pc/main_banner_img2.png") no-repeat; position:absolute; top:3px; right:2px;} .main_banner .exchange_list {position:absolute; top:32px; left:310px; z-index:1;} .main_banner .exchange_list .live_box {overflow:hidden;} .main_banner .exchange_list .live_box li {overflow:hidden; height:40px; line-height:40px; background:rgba(0,0,0,0.8); border-radius:500px; margin-bottom:2px;} .main_banner .exchange_list .live_box li div {float:left; width:33.333%; text-align:center;} .main_banner .exchange_list .live_box li .krw {color:#d45e20;} .main_banner .exchange_list .live_box li .time {color:#e8b538;} .light1{ position:absolute; right: 110px; top: 151px; z-index:1; animation: lightning1 5s ease infinite; } @keyframes lightning1{ 0% {opacity: 0.2;} 10% {opacity: 1;} 95% {opacity: 1;} 100% {opacity: 0.2;} } .light2{ position:absolute; right: 287px; top: 167px; z-index:1; animation: lightning2 2.5s ease infinite; } @keyframes lightning2{ 0% {opacity: 0.2;} 50% {opacity: 1;} 51% {opacity: 0.5;} 100% {opacity: 1;} } .light3{ position:absolute; right: 196px; top: 153px; z-index:1; animation: lightning3 2.5s ease infinite; } @keyframes lightning3{ 5% {opacity: 0.2;} 8% {opacity: 1;} 30% {opacity: 0.3;} 60% {opacity: 1;} 82% {opacity: 0.5;} 85% {opacity: 1;} 98% {opacity: 0.3;} } .light4{ position:absolute; right: 23px; top: 59px; animation: lightning4 1s ease infinite; z-index:1; } .light5{ position: absolute; left: 1520px; top: 40px; animation: lightning4 2s ease infinite; z-index: 1; } @keyframes lightning4{ 0% {opacity: 0;} 50% {opacity: 1;} 100% {opacity: 0;} } .select_tab_game_menu {overflow:hidden; margin-top:10px;} .select_tab_game_menu li { float:left; cursor:pointer; overflow:hidden; margin-left:12px;} .select_tab_game_menu li:first-child {margin-left:0;} .select_tab_game_menu li .box { border:2px solid #ff6000; border-radius:12px; background:#000;} .select_tab_game_menu li:hover .box { background-image: -moz-linear-gradient( 180deg, rgb(255,225,163) 0%, rgb(255,201,87) 25%, rgb(255,116,74) 100%); background-image: -webkit-linear-gradient( 180deg, rgb(255,225,163) 0%, rgb(255,201,87) 25%, rgb(255,116,74) 100%); background-image: -ms-linear-gradient( 180deg, rgb(255,225,163) 0%, rgb(255,201,87) 25%, rgb(255,116,74) 100%);} .select_tab_game_menu li img {width:740px; display:block; border:1px solid #ffba00; border-radius:8px;} .container {min-height:800px; position:relative;} .container .tab_menu_box {overflow:hidden; margin-top:30px; } .container .tab_menu_box li {float:left; cursor:pointer} .container .tab_menu_box li:nth-child(2) { margin:0 57px;} .container .tab_menu_box li a {display:block;} .search_box {margin-top:4px; position:relative; background-color: #000; box-shadow: 0px 0px 0px 2px #ffba00, 0px 0px 0px 4px #ff0000; border-radius: 39px; width:713px; height: 70px; overflow:hidden;} .search_box .search_input { overflow:hidden; background:none; } .search_box .search_input input {background:#000; height: 70px; color:#6d2903; font-size:22px; width:490px; padding-left:40px; font-weight:bold;} .search_box .search_input input::placeholder {color:#6d2903; background:#000;} .search_box .search_button {position:absolute; top:16px; right:30px;} .attendance {display:none; border: 1px solid #f00; position:absolute; top:54px; right:11%; z-index: 999;border-radius:15px; } .attendance .full_box {border: 2px solid #ffba00; background: #000; padding:30px 20px; overflow:hidden; width:398px; height:422px; border-radius:15px; } .attendance .event_logo {font-family:'koreanRKT'; color:#fff; font-size:30px; text-align:center;} .attendance .tit_box .today {color:#ff4d18; font-size:16px; text-align:center; margin-top:20px;} .attendance .calendar {width:360px; margin:30px auto;} .attendance .calendar ul {display: flex; flex-wrap: wrap;} .attendance .calendar li {flex: 0 0 calc(14.285% - 0px); } .attendance .calendar li .box {border:1px solid #ff4d18; border-radius:6px; margin:4px; text-align:center;} .attendance .calendar li .date {height:15px; line-height:15px; background:#ff4d18; color:#fff; font-weight:normal; font-size:11px;} .attendance .calendar li .num {height:26px; line-height:30px; } .attendance .calendar li .num .ok {font-family: 'koreanRKT'; font-size:18px; font-weight:bold; color:#fff; background-image: -webkit-linear-gradient(90deg, rgb(255,72,0) 15%, rgb(255,248,137) 90%); -webkit-background-clip: text; color: transparent;} .game_list_area {overflow:hidden; margin-top:40px;} .game_list_area .game_box {overflow:hidden; display:flex; flex-wrap:wrap; justify-content:center; } .game_list_area .game_box .item {position:relative; text-align:center; display:block; flex: 0 1 200px; margin:20px 2px;} .game_list_area .game_box .item .name {font-size:16px; font-weight:bold;} .game_list_area .game_box .maintenance {cursor:default; position:absolute; top:2px;left:2px; width:292px; height:410px; background:rgba(0,0,0,0.6) url("../../images/pc/casino/check.png?1") center center no-repeat; z-index:2; border-radius:12px;} .game_list_area .maintenance_img {cursor:default; position:absolute; top:1px;left:1px; width:209px; height:239px; background:rgba(0,0,0,0.6) url("../../images/pc/slot/check.png?1") center center no-repeat; background-size:100% 100%; z-index:2; border-radius:12px;} .casinogame_area {display:none;} .msg_area {overflow:hidden;} .msg_area .list.hd {overflow:hidden; border:1px solid #ff6000; border-radius:500px;} .msg_area .list.hd dl {overflow:hidden; background:#000; height:46px; line-height:46px; border:2px solid #ffba00; border-radius:500px;} .msg_area .list.hd dt {float:left; font-size:16px; color:#fff; width:20%; text-align:center;} .msg_area .list.hd dt:nth-child(1) {width:5%;} .msg_area .list.hd dt:nth-child(2) {width:75%;} .msg_area .list.contents {overflow:hidden;} .msg_area .list.contents .item {overflow:hidden;} .msg_area .list.contents .item dl {overflow:hidden; border-radius:500px; background:#9e3d1a;} .msg_area .list.contents .item:nth-child(odd) dl {background:#72311d;} .msg_area .list.contents dd {float:left; font-size:16px; color:#fff; width:15%; text-align:center; height:42px; line-height:42px;overflow:hidden;} .msg_area .list.contents dd:nth-child(1) {width:5%;} .msg_area .list.contents dd:nth-child(2) {width:75%;} .msg_area .buttons {overflow:hidden;margin-bottom:20px;} .msg_area .buttons div {cursor:pointer; float:left; margin-right:20px; font-size: 16px; color: #fff; } .msg_area .nolist {text-align:center; color:#fff; font-size:15px;padding:20px 0;} .wallet_box {background:url("/imgs/info_m_bg.png") no-repeat; width:1257px; height:36px; margin:5px auto; overflow:hidden; padding:0 100px; text-align:center;} .wallet_box dl {display:inline-block} .wallet_box dd {float:left; overflow:hidden; margin-left:100px;} .wallet_box dd:first-child {margin-left:0;} .wallet_box dd .icon {float:left;} .wallet_box dd .icon img {margin-top:6px;} .wallet_box dd .money {float:left; color:#eee; font-size:14px; line-height:36px; margin-left:5px;} .wallet_box dd .trans_btn {cursor:pointer; background:url("/imgs/bt_changemoney.png") no-repeat; background-position:14px 8px;width:120px; height:20px; text-align:center; padding-top:10px ;} .wallet_box dd .trans_btn:hover {background:url("/imgs/bt_changemoney_hover.png") no-repeat; background-position:14px 8px;} .log_box {float:right;} .log_box .login {background:#8c813b; color:#fff; width:104px; height:40px; line-height:40px; text-align:center; margin-top:30px; font-size:17px; float:left; } .log_box .logout {background:#8c813b; color:#fff; width:104px; height:40px; line-height:40px; text-align:center; margin-top:30px; font-size:17px; float:left;} .log_box .join {background:#535353; color:#fff; width:104px; height:40px; line-height:40px; text-align:center; margin-top:30px; margin-left:10px; font-size:17px; float:left;} .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 {clear:both; width:100%; border:0; height:50px;} .container .more div {border-radius:2px; text-align:center; width:500px; height:40px; line-height:40px; font-size:14px; margin:5px auto;; cursor:pointer; background:#8c2328; color:#fff; font-weight:bold} .container .more div:hover {background:#bc8fff; color:#111} .container .top_box {height:300px; background:rgba(0,0,0,0.4) url("/imgs/border_notice.png") no-repeat;} .container .bottom_box {background:rgba(0,0,0,0.4) url("/imgs/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/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/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:13px; 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;} .board_box {overflow:hidden;} .board_box dt { overflow:hidden; border-radius:500px; border:1px solid #ff6000;} .board_box dt ul {overflow:hidden; border-radius:500px; background:#000; border:2px solid #ffba00} .board_box dd {cursor:pointer; overflow: hidden; background:#9e3d1a; border-radius:500px; margin-top:3px;} .board_box dd:nth-child(odd) {background:#72311d} .board_box li { text-align:center; height:40px; line-height:40px; color:#fff; font-size:16px; letter-spacing:-1px; float:left;} .board_box li:first-child {width:70%;} .board_box li:last-child {width:30%;} .board_box.referer_list li:first-child {width:30%;} .board_box.referer_list li:nth-child(2) {width:25%} .board_box.referer_list li:nth-child(3) {width:25%} .board_box.referer_list li:last-child {width:20%} .jackpot_list_box.bigwin_list_box {overflow:hidden; background:url("/imgs/bigwinlist_bg.png") no-repeat; width:395px; height:476px; position:absolute; top:300px; left:20px; z-index:102; background-size:100% 100%;} .jackpot_list_box.live_box {overflow:hidden; background:url("/imgs/liveex_bg.png") no-repeat; width:395px; height:476px; position:absolute; top:300px; right:20px; z-index:102; background-size:100% 100%;} .jackpot_list_box dl {margin-top:100px; margin-left:45px; width:300px; overflow:hidden;} .jackpot_list_box dt {overflow:hidden; margin-bottom:10px;} .jackpot_list_box dd {overflow:hidden;} .jackpot_list_box dt li {color:#ffe166;} .jackpot_list_box li {float:left; width:25%; text-align:center; color:#fff; height:30px; line-height:30px; overflow:hidden;} .jackpot_list_box li strong {color:#ffe166;} .jackpot_list_box li img {width:80px;} .jackpot_list_box.live_box li {width:33.333%;} .latest_area {position:relative; overflow:hidden; background:url("/imgs_rave/main_notice_bg.png") no-repeat; height:377px; padding:30px 0;} .latest_area .box {overflow:hidden; width:472px; float:left; margin-left:30px;} .latest_area .box:first-child {margin-left:0;} .latest_area .box .tit {font-size: 24px; color:#fff; font-family: 'Knewave', cursive; text-shadow: 0px 0px 5px rgba(255, 0, 150), 0px 0px 13px rgba(255, 0, 150);} .latest_area .box .line {background:#fff; height:2px; box-shadow: 0px 0px 5px rgba(255, 0, 150), 0px 0px 18px rgba(255, 0, 150);} .latest_area .box ul {overflow:hidden; padding:16px;} .latest_area .box li {overflow:hidden; margin-top:4px; cursor:pointer;} .latest_area .box li:first-child {margin-top:0;} .latest_area .box li .txt {color:#eee; float:left; font-size:15px; } .latest_area .box li .date {color:#eee; float:right; font-size:15px; } .latest_area .box .live_box li {height:46px; line-height:46px; border-bottom:1px solid #888;} .latest_area .box .live_box li span {text-align:center; width:33.333%; float:left;color:#fff; font-size:15px; } .latest_area .box .live_box li .money {color:#ff5ee5;} .footer {position:relative; background:url("/images/pc/footer.png") no-repeat; overflow:hidden; height: 398px; background-size: 100% 100%;} .footer .logo {position: relative;top: 74%;width: 120px;left: 47%;} .footer .copyright {position: relative;top: 74%;width: 100%; text-align: center; font-weight: 700;} .box_bg {padding:20px; background:rgba(0,0,0,0.4); box-sizing:border-box; border:3px solid #433e1d; border-radius:10px;} .cbform .checkbox {width:8px; height:8px; border:2px solid #ffffff; background-color:#ffffff;} .cbform .checkbox.checked {background-color:#1c4c42;} .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 {overflow:hidden; width:1500px; margin-bottom:10px;} .game_page_box .game_category_area ul::-webkit-scrollbar {width:12px;} .game_page_box .game_category_area ul::-webkit-scrollbar-track {-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5); background:#111; border-radius:1px;} .game_page_box .game_category_area ul::-webkit-scrollbar-thumb {-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.8); border-radius:2px; background:#555;} .game_page_box .game_category_area {float:left; overflow:hidden; background:url("/imgs/list_company_bg.png?1") no-repeat; width:1298px; height:355px; position:relative; padding:7px; box-sizing:border-box;} .game_page_box .game_category_area ul {overflow-x:hidden; width:100%; height:100%; padding:5px; box-sizing:border-box;} .game_page_box .game_category_area li {float:left; text-align:center; position:relative; text-align:center; margin:4px; width:172px; height:74px; background:url("/imgs/bt_company_bg.png?1") no-repeat;} .game_page_box .game_category_area li .after {display:none;} .game_page_box .game_category_area li:hover {background:url("/imgs/bt_company_bg_hover.gif?1") no-repeat;} .game_page_box .game_category_area li.active {background:url("/imgs/bt_company_bg_hover.gif?1") no-repeat;} .game_page_box .game_category_area li:hover .before {display:none} .game_page_box .game_category_area li:hover .after {display:block} .game_page_box .game_category_area li .imgs {width:110px; height:42px; margin:5px auto;} .game_page_box .game_category_area li .name {color:#fff; font-size:13px;} .game_page_box .game_category_area li.RTG .imgs {background:url("/imgs/RTG.png?88888") no-repeat; background-size:100%;} .game_page_box .game_category_area li.GAMEPLAY .imgs {background:url("/imgs/GAMEPLAY.png?88888") no-repeat; background-size:100%;} .game_page_box .game_category_area li.MICROGM .imgs {background:url("/imgs/MICROGM.png?88888") no-repeat; background-size:100%;} .game_page_box .game_category_area li.BNGO .imgs {background:url("/imgs/BNGO.png?88888") no-repeat; background-size:100%;} .game_page_box .game_category_area li.QTECH .imgs {background:url("/imgs/QTECH.png?88888") no-repeat; background-size:100%;} .game_page_box .game_category_area li.TTG .imgs {background:url("/imgs/TTG.png?88888") no-repeat; background-size:100%;} .game_page_box .game_category_area li.HBNR .imgs {background:url("/imgs/HBNR.png?88888") no-repeat; background-size:100%;} .game_page_box .game_category_area li.PRAGMTIC .imgs {background:url("/imgs/PRAGMTIC.png?88888") no-repeat; background-size:100%;} .game_page_box .game_category_area li.AMEBA .imgs {background:url("/imgs/AMEBA.png?88888") no-repeat; background-size:100%;} .game_page_box .game_category_area li.ISOFT .imgs {background:url("/imgs/ISOFT.png?88888") no-repeat; background-size:100%;} .game_page_box .game_category_area li.PLAYNGO .imgs {background:url("/imgs/PLAYNGO.png?88888") no-repeat; background-size:100%;} .game_page_box .game_category_area li.GAMATRON .imgs {background:url("/imgs/GAMATRON.png?88888") no-repeat; background-size:100%;} .game_page_box .game_category_area li.CQ9 .imgs {background:url("/imgs/CQ9.png?88888") no-repeat; background-size:100%;} .game_page_box .game_category_area li.DREAMTECH .imgs {background:url("/imgs/DREAMTECH.png?88888") no-repeat; background-size:100%;} .game_page_box .game_category_area li.QUICKSPIN .imgs {background:url("/imgs/QUICKSPIN.png?88888") no-repeat; background-size:100%;} .game_page_box .game_category_area li.NETENT .imgs {background:url("/imgs/NETENT.png?88888") no-repeat; background-size:100%;} .game_page_box .game_category_area li.MAVERICK .imgs {background:url("/imgs/MAVERICK.png?88888") no-repeat; background-size:100%;} .game_page_box .game_category_area li.KIRON .imgs {background:url("/imgs/KIRON.png?88888") no-repeat; background-size:100%;} .game_page_box .game_category_area li.ELK .imgs {background:url("/imgs/ELK.png?88888") no-repeat; background-size:100%;} .game_page_box .game_category_area li.YGG .imgs {background:url("/imgs/YGG.png?88888") no-repeat; background-size:100%;} .game_page_box .game_category_area li.JOKERGAMING .imgs {background:url("/imgs/koker.png?88888") no-repeat; background-size:100%;} .game_page_box .game_category_area li.WORLDMATCH .imgs {background:url("/imgs/wm.png?88888") no-repeat; background-size:100%;} .game_page_box .game_category_area li.FUNKYGAMES .imgs {background:url("/imgs/funkygames.png?88888") no-repeat; background-size:100%;} /*BBIN {background-position:-197px -370px;} - 트랜스퍼만 지원*/ .game_page_box .game_category_area li .maintenence {background: url('/imgs/check.png?1') no-repeat; width:164px; height: 64px; position:absolute; top:4px; left:4px; background-size:100% 100%;} .game_page_box .live_casino {float:right; width:200px; height:275px; cursor:pointer;} .game_page_box .live_casino .after {display:none;} .game_page_box .live_casino:hover .before { display:none;} .game_page_box .live_casino:hover .after { display:block;} .list_game_title {display:none; width:1500px; height:52px; padding-top:3px; background:url("/imgs/list_game_title_bg.png") no-repeat; margin:4px 0;} .list_game_title .category_title {width:325px; height:47px; margin:0 auto;} .list_game_title .category_title.casino_title {background:url("/imgs/list_game_title_casino.png") no-repeat;} .list_game_title .category_title.slot_title {background:url("/imgs/list_game_title_slot.png") no-repeat;} .layer_bg {background:rgba(0,0,0,0.6); width:100%; height:100%; position:fixed; top:0; left:0; z-index:1000;} .game_menu_box {z-index:1001; width:1500px; height:750px; margin-left:-750px; position:fixed; top:50px; left:50%; border:1px solid #f00; border-radius:15px; } .game_menu_box .layout_fix {border:2px solid #ffba00; background:#000; overflow:hidden; border-radius:15px;} .game_menu_box .top_box {overflow:hidden; position:relative;height:140px; margin-top:20px;} .game_menu_box .top_box .title {position:absolute; top:30px; left:75px; } .game_menu_box .game_name {font-family: 'koreanRKT'; margin-top:2px; font-size:34px; background:linear-gradient(to top, #e95412, #f1de65); -webkit-background-clip:text; color:transparent; } .game_menu_box .top_box .title .edit {position:absolute; top:15px; left:250px; color:#fff; width:50px; cursor:pointer;} .game_menu_box .top_box .title .cancel {display:none; position:absolute; top:15px; left:250px; color:#fff; width:50px; cursor:pointer;} .game_menu_box .top_box .title .game_count {overflow:hidden; margin-top:10px; letter-spacing:-1px; color:#fff; font-size:16px;} .game_menu_box .top_box .title .game_count strong {color:#9e3d1a;} .game_menu_box .top_box .close {position:absolute; top:10px; right:30px; display:block; overflow:hidden; cursor:pointer} .game_menu_box .top_box .search_box {position:absolute; top:10px; left:50%; margin-left:-357px;} .game_menu_box ul {overflow-x:hidden; padding-left:60px; padding-top:20px; height:586px;} .game_menu_box ul::-webkit-scrollbar {width:5px; } .game_menu_box ul::-webkit-scrollbar-thumb {-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.8); border-radius:6px; background:#ffba00;} .game_menu_box li {float:left; position:relative; width:144px; height:176px;margin-left:20px; margin-bottom:20px;} .game_menu_box li .imgs {width:144px; height:144px; overflow:hidden; border-radius:12px; } .game_menu_box li .imgs img {width:100%; height:100%;} .game_menu_box li .txt {color:#eee; font-size:14px; letter-spacing:-0.5px;text-align:center; height:30px; line-height:30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .game_menu_box li .btn {display:none; overflow:hidden; position:absolute; top:0; left:0; background:rgba(0,0,0,0.8) ; width:100%; height:144px; text-align:center; border-radius:10px;} .game_menu_box li .btn a {display:block; height:144px;} .game_menu_box li .btn img {width:100%; height:100%;} .game_menu_box li:hover .btn {display:block;} .game_menu_box li .del_btn {display:none; position:absolute; top:-15px; right:-15px; z-index:999; cursor:pointer;} .game_menu_box li .del_btn img {width:22px; height:22px;} .game_menu_box li .bookmark {position:absolute; top:-8px; right:-8px; z-index:999; cursor:pointer; background:#333; border:1px solid #666; border-radius:500px; width:24px; height:24px;} .game_menu_box li .bookmark.on {background:url("/imgs_rave/icon_smile.png") no-repeat; background-size:100% 100%;} .game_menu_box li .company_name {color:#9e3d1a; font-size:15px; letter-spacing:-0.5px;} .game_menu_box .wish_list {overflow:hidden;} .game_menu_box .wish_list .imgs {width:148px; height:125px;} .game_menu_box .wish_list .name {color:#fff; text-align:center; height:30px; line-height:30px;} .msg_layer .list {overflow:hidden;} .msg_layer .list .item {overflow:hidden; overflow: hidden; margin-top: 3px; cursor:pointer } .msg_layer .list .item.readed {} .msg_layer .list ul {overflow:hidden; width:645px; margin:0 auto; background: #456e72; cursor: pointer; border-radius: 12px; padding: 0 30px; border:1px solid #0e423d; } .msg_layer .list li {overflow:hidden; float: left; height: 44px; line-height: 44px; color:#ddd; width:150px; font-size:15px; letter-spacing:-0.5px;} .msg_layer .list li:nth-child(1) {width:380px; text-align:left;} .msg_layer .list li:last-child {text-align:center; width:100px;} .msg_layer .list .checkbox {background:#fff; width:18px; height:18px; margin-top:12px;margin-left:10px;} .msg_layer .list .checkbox.checked {background:#b3a369} .msg_layer .list .substance {display:none; border:1px solid #9e3d1a; color:#fff; background:#000; padding: 20px; border-radius: 12px; height:300px; margin-top:3px; overflow-x:hidden; text-align:center; font-size:18px;} .msg_layer .list .substance .text {color:#fff; font-size:16px;} .msg_layer .list .substance .submit {cursor:pointer; background: #9e3d1a; color:#fff; height:40px; line-height:40px; text-align:center; border-radius: 2px; margin: 20px auto; width:196px; overflow:hidden;} .msg_layer .tab_menu {overflow:hidden; width:645px; margin:0 auto; } .msg_layer .tab_menu div {background: #5b3511; cursor: pointer; border-radius: 10px; float:left; height:44px; line-height:44px; text-align:center; color:#c39063; margin-right:10px; width:140px; font-size:13px; letter-spacing:-0.5px;} .layer_title {font-family: 'koreanRKT'; height:60px; line-height:70px; text-align:center; margin-top:10px; margin-bottom:20px; font-size: 28px; color:#fff;} .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; } .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;} @-webkit-keyframes scale-in-center { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes scale-in-center { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .join_layer {position:fixed; top:0; left:0; width:100%; height:100%; margin-left:0; z-index:999;background:rgba(0,0,0,0.8); -webkit-animation: scale-in-center 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: scale-in-center 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; } .join_layer .close {position:absolute; top:20px; right:15px; cursor:pointer;} .join_layer .tit_logo {text-align:center; margin:68px 0;} .join_layer .join_area {overflow:hidden; } .join_layer dl {width:298px; margin:0 auto} .join_layer dd {overflow:hidden; margin-bottom:6px;} .join_layer dd .con {overflow:hidden;} .join_layer dd .con span {float:left;} .join_layer dd .con input {background:#fff; width:278px; height:42px; line-height:42px; padding:0 10px; color:#999; font-size:15px; border-radius:0;} .join_layer dd .con .user_id {width:200px;} .join_layer dd .con .user_code {width:200px;} .join_layer dd .con .user_name {width:200px;} .join_layer dd .con select {background:#fff; width:298px; height:42px; line-height:42px; font-size:15px; padding:0 5px; border:none; outline:none; color:#999; border-radius:0;} .join_layer dd .con input.hp {width:76px; } .join_layer dd .con input.hp::placeholder {color:#333;} .join_layer dd .con a.chek_btn {color:#fff; background:#9e3d1a; width:78px; height:42px; line-height:42px; display:block; text-align:center;} .join_layer dd .con a.user_hp_check {color:#fff; background:#9e3d1a; width:78px; height:42px; line-height:42px; display:block; text-align:center;} .join_layer .notice {text-align:center; margin:40px 0;} .join_layer .notice li {color:#5b3413; font-size:15px; line-height:26px;} .join_layer .layer_btn_box {text-align:center; overflow:hidden; } .join_layer .layer_btn_box a {margin:10px; width:220px; font-size:18px; color: #fff; height:44px; line-height:44px; box-shadow:0px 0px 0px 2px #ffba00, 0px 0px 0px 4px #ff0000; border-radius:500px;} .join_layer .layer_btn_box a:hover, .join_layer .layer_btn_box a:focus, .join_layer .layer_btn_box a:active { -webkit-transform: scale(0.9); transform: scale(0.9); } .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;} .bg_icon_people {position:absolute; bottom:0; left:0; width:100%; height:694px;} .bigwin_box {width:1502px; height:212px; position:relative; background:url("/imgs_rave/jackpot_bg.png") no-repeat; display:block !important;} .bigwin_box .info_area {position:absolute; height:20px; bottom:20px; right:50px; overflow:hidden; margin:10px auto;} .bigwin_box .info {overflow:hidden;} .bigwin_box .info li {float:left; color:#fff; font-size:16px; margin-left:16px;} .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:600px;height:126px; position:absolute; top:-10px; right:10px; 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 {text-align:center; margin-left:90px; margin-top:30px;} .bigwin_box .box .krw .ani1 {height:50px; 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; color:#fff; font-size:90px; font-family: 'Knewave', cursive; text-shadow: 0px 0px 5px rgba(255, 0, 150), 0px 0px 13px rgba(255, 0, 150);} .bigwin_box .box .krw li.dot {margin-left:-15px; margin-right:-12px;} .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); } } .body_bg video { position : fixed; top : 0; left : 0; min-width : 100%; min-height : 100%; width : auto; height : auto; } .gnb_layer {z-index:5000; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); text-align:center;} .gnb_layer .close_layer {text-align:center; position:absolute; top:25px; right:25px; } .gnb_layer .layer_contents_area {overflow:hidden; position:absolute; top:25px; left:50%; border-radius:15px; text-align:left; width:658px; margin-left:-329px; border:1px solid #ff6000; } .gnb_layer .layer_contents_area .box {background:#000; border: 2px solid #ffba00; border-radius:15px; padding-bottom:40px;} .gnb_layer .layer_contents_area .title_box {margin-bottom:24px;} .gnb_layer .layer_contents_area .account_check {cursor:pointer; height:40px; line-height:40px; border-radius:20px; background:#ff5301; color:#fff; font-size:18px; text-align:center; font-family: 'koreanRKT';} .gnb_layer .layer_contents_area .account_check #bank_name {color:#fff; font-size:18px; margin:0 10px;} .gnb_layer .layer_contents_area .account_check #bank_number {color:#fff; font-size:18px; margin:0 10px;} .gnb_layer .layer_contents_area .layer_tab_menu {overflow:hidden;margin:30px 10px; width:80%;} .gnb_layer .layer_contents_area .layer_tab_menu ul {display: flex; justify-content: space-between; } .gnb_layer .layer_contents_area .layer_tab_menu li {flex: 1; } .gnb_layer .layer_contents_area .layer_tab_menu li .menu {font-family: 'koreanRKT'; text-shadow: 2px 2px 4px #e27000; text-align:center; display:block; color:#fff; opacity:0.3;font-size:28px;} .gnb_layer .layer_contents_area .layer_tab_menu li:hover .menu {opacity:1;} .gnb_layer .layer_contents_area .layer_tab_menu li .active {opacity:1;} .gnb_layer .layer_contents_area .wave {bottom:42px; height:70px; background-size:100% 100%;} .gnb_layer .contents_section {overflow-x:hidden; padding:0 30px; height:640px;} .gnb_layer .contents_section::-webkit-scrollbar {width:2px;} .gnb_layer .contents_section::-webkit-scrollbar-thumb {background:#9e3d1a;} .gnb_layer .contents_section.center_section {width:600px; margin:0 auto;} .gnb_layer .con_box {overflow:hidden; margin-top:20px; padding:0 50px;} .gnb_layer .con_box li {overflow:hidden; margin-bottom:6px; } .gnb_layer .con_box li .section {overflow:hidden; } .gnb_layer .con_box li .wallet_sel {height:150px;} .gnb_layer .con_box li .wallet_sel .left_con {height:150px;} .gnb_layer .con_box li .wallet_sel .left_con .txt { line-height:150px;} .gnb_layer .con_box li .wallet_sel dl { margin-top:25px;} .gnb_layer .con_box li .left_con {float:left; width:140px; text-align:center; } .gnb_layer .con_box li .left_con .txt {line-height:50px; color:#fff; font-size:18px; letter-spacing:-1px;} .gnb_layer .con_box li .right_con {float:right; overflow:hidden; width:332px; } .gnb_layer .con_box li .right_con dl {display: flex; justify-content: space-between;} .gnb_layer .con_box li .right_con dt {flex: 1; text-align:center;} .gnb_layer .con_box li .right_con dt .icon {float:left; margin-right:10px;} .gnb_layer .con_box li .right_con dt .icon img {} .gnb_layer .con_box li .right_con dt .money {float:left; margin-top:5px;color:#ff7300; font-size:18px;} .gnb_layer .con_box li .right_con dt .confirm_btn {color:#fff; display:block; font-size:16px; text-align:center; border:1px solid #ff36be; border-radius:6px; width:120px; height:42px; line-height:42px;} .gnb_layer .con_box li .right_con dt .confirm_btn:hover {background:#ff36be;} .gnb_layer .con_box li .right_con .txt {line-height:50px; color:#fff; font-size:18px; min-width:110px; text-align:left; letter-spacing:-1px;} .gnb_layer .con_box li .right_con .txt.strong {color:#681871; } .gnb_layer .con_box li .right_con .txt span {font-size:18px;} .gnb_layer .con_box li .right_con select {width:100%; height:42px; color:#ff7300; padding:0 20px; background:#000;outline:none; border:none; font-size:14px !important;} .gnb_layer .con_box li .right_con option {color:#fff; font-size:18px; height:42px;} .gnb_layer .con_box li .input_cover {overflow:hidden; border:1px solid #ff6000; border-radius:500px} .gnb_layer .con_box li .input_cover .select {width:330px; color:#fff; border: 2px solid #ffba00; border-radius:500px; font-size:14px;height:44px;} .gnb_layer .con_box li .input_cover input {width:326px; color:#fff; border: 2px solid #ffba00; border-radius:500px; font-size:14px; height:42px; text-indent:10px;} .gnb_layer .con_box li .right_con .cbform span {float:left; margin-right:10px; font-size: 16px; color: #ff6e1f; font-weight:bold;} .gnb_layer .con_box li .right_con .sender_name {color:#fff; font-size:18px; line-height:50px;} .gnb_layer .con_box li .right_con .sender_name span {color:#fff; font-size:18px; line-height:50px;} .gnb_layer .con_box li .right_con .sender_name #bank_number {margin:0 10px; color:#ff7300;} .gnb_layer .con_box li .right_con .box {overflow:hidden;} .gnb_layer .con_box li .right_con .box dd {overflow:hidden; text-align:center; cursor:pointer; margin-right:60px;} .gnb_layer .con_box li .right_con .box dd .radio {background:url("/imgs_b2b/check_off.png"); width:21px; height:21px;margin-top:10px;} .gnb_layer .con_box li .right_con .box dd.active .radio {background:url("/imgs_b2b/check_on.png");} .gnb_layer .con_box li .right_con .box dd .imgs {float:left; overflow:hidden; margin-right:12px;} .gnb_layer .con_box li .right_con .box dd .txt {color:#333; font-size:18px; float:left;} .gnb_layer .con_box li .money_function {overflow:hidden; width:332px;} .gnb_layer .con_box li .money_function li {float:left; margin-left:5px; border:1px solid #ff6000; border-radius:500px} .gnb_layer .con_box li .money_function div {cursor:pointer; text-align:center; width:101px; height:42px; line-height:42px; font-size:18px; color:#fff; border: 2px solid #ffba00; border-radius:500px;} .gnb_layer .con_box li .money_function div:hover {background:#ff7300; } .gnb_layer .con_box li .money_function .moneyclear {width:324px;} .gnb_layer .con_box li .money_function li:first-child {margin-left:0;} .gnb_layer .con_box li .money_function li:last-child {margin-left:0;} .gnb_layer .con_box li .money_function li:nth-child(4) {margin-left:0;} .gnb_layer .con_box li .money_function .point_all {width:186px} .gnb_layer .con_box li .cbform {overflow:hidden;} .gnb_layer .con_box li .cbform span {color:#fff; font-size:18px;} .gnb_layer .con_box li #bank_owner {color:#393939; font-size:18px; line-height:50px;} .gnb_layer .btn_box {overflow:hidden; text-align:center; margin-left:170px; width:220px; border:1px solid #ff6000; border-radius:500px;} .gnb_layer .btn_box .btn {font-family: 'koreanRKT'; text-shadow: 2px 2px 4px #e27000; display:block; height:46px; line-height:46px; color:#fff;font-size:24px; display:block; border: 2px solid #ffba00; border-radius:500px;} .gnb_layer .btn_box .btn.close {margin-left:10px; background:#5b5b5b; } .gnb_layer .notice_txt_box {padding:0;} .gnb_layer .notice_txt_box p {color:#ff7300; font-size:16px;} .gnb_layer .hold_tit {color:#fff;font-size:28px; margin-top:25px; text-align:center;} .gnb_layer .charge_list_box {overflow:hidden; margin-top:20px;} .gnb_layer .charge_list_box .title {color:#fff; font-size: 28px; text-align:left; } .gnb_layer .charge_list_box .sub {color:#fff; font-size:18px; margin-bottom:10px; text-align:left;} .gnb_layer .charge_list_box dt {overflow:hidden; border:1px solid #ff6000; border-radius:500px; } .gnb_layer .charge_list_box dt ul {border: 2px solid #ffba00; border-radius:500px;} .gnb_layer .charge_list_box dt li {color:#fff; font-size:16px; } .gnb_layer .charge_list_box dd {overflow:hidden; background:#878787; border-radius:12px; margin-top:3px;} .gnb_layer .charge_list_box ul {display: flex;justify-content: space-between;} .gnb_layer .charge_list_box li { flex: 1; text-align:center; height:50px; line-height:50px; color:#fff; font-size:14px; letter-spacing:-1px;} .gnb_layer .pw_check {width:450px; margin:60px auto; height:50px; background:#ddd; color:#fff; border-radius: 12px; } .gnb_layer .pw_check input {color:#333; font-size:16px; text-indent:30px; outline:none; background:none; border-radius:500px; width:100% !important;} .gnb_layer .pw_check input:focus {outline:none; background:none; } .gnb_layer input[type=text] {height:100%; color:#333; background:none;outline:none; border:none; font-size:18px;} .gnb_layer input[type=text]:focus {border:none; outline:none;} .gnb_layer input[type=password] {height:100%; color:#333; background:none;outline:none; border:none; font-size:18px; border-radius:12px; } @keyframes blink-effect { 50% { opacity: 0; } } .full_layer {border:0; top:0; left:0; width:100%; height:100%; margin-left:0; padding-top:120px;} .full_layer .layout_fix {width:716px;} .mypage_layer {padding:40px 80px;} .mypage_layer .top_box {text-align:center; margin:20px 0;} .mypage_layer .top_box dt {color:#000; font-size:17px; font-weight:bold;} .mypage_layer .top_box dd {color:#333; font-size:14px; margin-top:10px;} .mypage_layer .btn_box {margin-top:50px;} .mypage_layer .table_list dt {background:#222; border-radius:8px; margin-bottom:10px; overflow:hidden;} .mypage_layer .table_list li {height:40px; line-height:40px; text-align:center !important;} .mypage_layer .tab_menu li {width:50% !important;} .gnb_layer.point_layer {width:454px; height:500px; margin-left:-227px;} .gnb_layer.point_layer ul {margin:50px 0;} .gnb_layer.point_layer li {background:#456e72; overflow:hidden; padding:0 10px; height:44px; line-height:44px; border-radius:10px; width:374px; margin:5px auto;} .gnb_layer.point_layer li:nth-child(2) {background:#264245;} .gnb_layer.point_layer li .left_txt {float:left;width:50%; margin-top:0;} .gnb_layer.point_layer li .right_con {float:right;width:50%;text-align:right; } .info_txt {margin:30px 0; text-align:center; color:#55f3d0; } .gnb_layer.money_trans_layer {width:454px; min-height:500px; margin-left:-227px;} .gnb_layer.money_trans_layer .con_box {width:100%;} .gnb_layer.money_trans_layer .con_box li {margin-bottom:10px;} .gnb_layer.money_trans_layer .con_box li .con {margin:0 auto;} .gnb_layer.money_trans_layer .con_box li .con dd {margin-right:0;} .gnb_layer.money_trans_layer .con_box li .con dd:first-child {margin-right:30px;} .gnb_layer.money_trans_layer .con_box input {width:278px; margin-bottom:10px;} .gnb_layer.money_trans_layer .input_style {width:278px; height:46px; line-height:46px; padding:0 10px; color:#fcda6e; background:#3f3f3f; font-size:16px;} .gnb_layer.money_trans_layer .input_style span {color:#fcda6e; font-size:16px} .gnb_layer.money_trans_layer .input_style span.txt {color:#fff; line-height:46px; margin-bottom:0;} .gnb_layer.money_trans_layer .input_style span.numb {text-align:left;float: right;} .gnb_layer.money_trans_layer .money_type_select {width:298px; font-size:16px !important; padding:0 5px; background: #1b2d2f; border: 1px solid #426664; color:#eee;} .gnb_layer.money_trans_layer .money_type_select option {color:#fff;} .gnb06 .table_list li {width:50% !important;} .coupon_layer .table_list li {width:20% !important;} .gnb_layer .pagination {overflow:hidden; text-align:center; margin:40px 0;} .gnb_layer .pagination .page {color:#ddd; float:left; padding:8px 14px; font-size:14px; font-weight:bold; margin:0 6px; background:#72311d; border-radius:500px;} .gnb_layer .pagination .page.on {background:#9e3d1a; color:#fff;} .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:30px 0;} .gnb_layer .top_box {position:relative;} .gnb_layer .top_box .ask_btn { width:134px; height:50px; background-size:100% 100%; position:absolute; top:0; right:0;} .gnb_layer .tab_menu ul {display:flex; justify-content:space-between;} .gnb_layer .tab_menu li {flex:1} .gnb_layer .tab_menu li .menu {font-family:'koreanRKT'; text-shadow: 2px 2px 4px #e27000; display:block; color:#fff; opacity:0.3; font-size:22px; text-align:center;} .gnb_layer .tab_menu li .menu.active {opacity:1;} .gnb_layer.referer_layer .table_list li {width:30% !important;} .gnb_layer.referer_layer .table_list li:nth-child(3) {width:40% !important;} .rolling_txt {text-align:left; margin-bottom:10px;} .rolling_txt dt {color:#fff; font-size:24px;} .rolling_txt dd {color:#f75900; font-size:15px;} .mypage_tab {width:496px; margin:0 auto; padding-top:30px;} .mypage_box {overflow:hidden; text-align:center;} .mypage_box .top_box dt {color:#fff;font-size:38px;} .mypage_box .top_box dd {color:#f75900; letter-spacing:-1px;} .mypage_box .list {overflow:hidden; text-align:center; padding-top:20px;} .mypage_box .tit {overflow:hidden;height:42px; line-height:42px; box-shadow:0 0 6px 4px #222; margin-top:10px;} .mypage_box .mypage_table_list {overflow:hidden;} .mypage_box .mypage_table_list dt {float:left; width:50%; color:#fff; font-size:15px;} .mypage_box .mypage_table_list ul {margin-top:10px; padding:0 5px 5px 5px;} .mypage_box .mypage_table_list li {overflow:hidden; background:none; height:35px; line-height:35px; margin-bottom:0;} .mypage_box .mypage_table_list li:nth-child(odd) {background:#4d8084;} .mypage_box .mypage_table_list dd {float:left; width:50%; color:#fff; font-size:14px; letter-spacing:-1px;} .mypage_box .mypage_table_list dd .ok {color:#ffe25d;} .mypage_box .mypage_table_list3 dt {width:33.333%;} .mypage_box .mypage_table_list3 dd {width:33.333%;} .gnb_layer .detail_view {margin-top: 10px;} .gnb_layer .write_view {margin-top: 10px;} .board_view_box {overflow:hidden;} .board_view_box .view_box {margin-bottom:20px;} .board_view_box .view_box dt {overflow:hidden; background:#9e3d1a; border-radius:500px; height:40px; line-height:40px; padding:0 20px;} .board_view_box .view_box dt .tit {float:left; font-size:18px; color:#fff;} .board_view_box .view_box dt .date {float:right; color:#fff; font-size:17px; ;} .board_view_box .view_box dd {font-size:16px; line-height:20px; color:#fff; margin-top:10px; background:#1a1a1a; border:1px solid #9e3d1a; height:420px; border-radius:15px; overflow-x:hidden; padding:20px;} .board_view_box .view_box dd::-webkit-scrollbar {width:2px;} .board_view_box .view_box dd::-webkit-scrollbar-thumb {background:#9e3d1a;} .board_view_box .view_box dd td {font-size:17px; color:#eee; border:1px solid #eee;} .board_view_box .view_box dd table {font-size:17px; 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 {background:#350843; padding:20px 15px; border-radius:12px; margin-bottom:20px; border:1px solid #ff36be;} .board_view_box .comment_box li {overflow:hidden; } .board_view_box .comment_box li .info {overflow:hidden; border-bottom:1px solid #ff36be; padding-bottom:10px;} .board_view_box .comment_box li .icon {float:left; background:#ffc800; color:#111; font-size:12px; padding:2px 6px; border-radius:2px;margin-right:10px;} .board_view_box .comment_box li .name {float:left;color:#fff; font-size:15px;} .board_view_box .comment_box li .date {float:right; color:#fff; font-size:14px;} .board_view_box .comment_box li .txt {margin-top:10px; color:#fff; 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:#eacc54; color:#111; margin-right:0;} .board_write_box {overflow:hidden; margin-bottom:30px;} .board_write_box dt {overflow:hidden; margin-bottom:10px; border:1px solid #9e3d1a; border-radius:12px;} .board_write_box dt input[type=text] {width:100%; height:46px; border:0; font-size:15px; color:#fff; padding:0 10px; outline:none; } .board_write_box dd {overflow:hidden; height:300px; border:1px solid #9e3d1a; border-radius:10px; margin-bottom:10px;} .board_write_box dd textarea {resize:none; width:100%; height:300px;padding:10px; font-size:16px; color:#fff;} .board_write_box dd textarea:placeholder {color:#fff;} .money_type_select {width:100%; height:44px; color:#fff; font-size:17px !important; border:none; background:none; outline:none;} .money_type_select:focus option {color:#000;} .charge_list_layer {display:none; position:absolute; top:25%; left:50%; margin-left:-200px; width:400px; min-height:350px; background:#456e72; border:1px solid #104243; border-radius:12px; z-index:1;} .charge_list_layer .charge_list_close {position:absolute; top:10px; right:10px; cursor:pointer;} .charge_list_layer .top_line {overflow:hidden;padding:10px;} .charge_list_layer .top_line dt {color:#fee068; font-size:21px;} .charge_list_layer .top_line dd {color:#eee; letter-spacing:-1px;} .charge_list_layer .list {overflow:hidden; text-align:center; padding-top:20px;} .charge_list_layer .list .tit {height:42px; line-height:42px; box-shadow:0 0 6px 4px #222;} .charge_list_layer .list dt {float:left; color:#fff; font-size:15px;} .charge_list_layer .list dt:nth-child(1) {width:30%;} .charge_list_layer .list dt:nth-child(2) {width:20%;} .charge_list_layer .list dt:nth-child(3) {width:30%;} .charge_list_layer .list dt:nth-child(4) {width:20%;} .charge_list_layer .list ul {margin-top:10px; padding:0 5px;} .charge_list_layer .list li {overflow:hidden; background:none; height:35px; line-height:35px;} .charge_list_layer .list li:nth-child(odd) {background:#4d8084;} .charge_list_layer .list dd {float:left; color:#fff; font-size:14px; letter-spacing:-1px;} .charge_list_layer .list dd:nth-child(1) {width:30%;} .charge_list_layer .list dd:nth-child(2) {width:20%;} .charge_list_layer .list dd:nth-child(3) {width:30%;} .charge_list_layer .list dd:nth-child(4) {width:20%;} .charge_list_layer .list dd .ok {color:#ffe25d;} #unsettlement_rolling {width:100%; color:#fff47c; font-size:18px; text-align:left; line-height:50px;} #point_trans_money {color:#fff;} .max_btn {cursor:pointer; color:#fff !important; display:block; font-size:16px; text-align:center; background:#9e3d1a; border-radius:500px; width:120px; height:42px; line-height:42px;} .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 .left_txt {float:left; width:100px; color:#fff; font-size:19px;} .partner_layer .right_con {float:right;} .partner_layer .partner_notice {color:#888; font-size:16px; margin-bottom:20px;} .partner_layer .right_con .phone_input input {width:100px; text-align:center;} .partner_layer .right_con .phone_input select {width:125px; font-size:14px;} .partner_layer .right_con .phone_input select option {} .partner_layer .right_con .phone_input span {float:left; margin-left:5px;} .partner_layer .right_con .phone_input span:first-child {margin-left:0;} .partner_layer .right_con textarea {width:355px; background:#eee; resize:none; height:120px; 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:134px; left:50%; z-index:3002; width:1500px; margin-left:-670px; display:none;} .popup_area .popup {background:url("/imgs/popup_bg.png") no-repeat; width:450px; height:600px; position:absolute; top:9px; display:none;} .popup_area .popup .content {height:450px; padding:20px; box-sizing: border-box; overflow-y: scroll; margin-top:30px; } .popup_area .popup .content::-webkit-scrollbar {width:5px; } .popup_area .popup .content::-webkit-scrollbar-track {-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5); background:#ddd; display:none;} .popup_area .popup .content::-webkit-scrollbar-thumb {-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.8); border-radius:10px; background:#ff36be;} .popup_area .popup .content .subject {font-size: 20px; color: #111; text-align:center;} .popup_area .popup .content .body {color: #111;} .popup_area .pop01 {left:0;} .popup_area .pop02 {left:460px;} .popup_area .pop03 {left:900px;} .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:60px; left:0; width:450px; height:32px; } .popup_area .pop_only_close {float:left; background:#662121; color:#fff; font-weight:bold; padding:6px 6px; text-align:center; cursor:pointer; font-size:12px; border-radius:2px; margin-left:20px;} .popup_area .pop_close {float:right; cursor:pointer; color:#fff; background:#662121; font-weight:bold; font-size:12px; width:60px; height:20px; line-height:20px; text-align:center; border-radius:2px; margin-right:20px;} .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:0; left:0; z-index:3004; width:100%; height:100%; text-align:center; pointer-events:none;display:none ; padding-top:120px; } .center_popup_area_box .line_up {display:inline-block; overflow:hidden; pointer-events:auto; width:1380px;} .center_popup_area_box .center_popup_area {float:left; margin:5px; width:448px;} .center_popup_area_box .center_popup_area .conts {width:448px; height:558px;} .center_popup_area_box .center_popup_area .conts img {display:block; width: 100%; height: 100%;} .center_popup_area_box .center_popup_area .bottom {text-shadow: 0px 0px 5px rgba(255, 0, 150), 0px 0px 13px rgba(255, 0, 150); height:42px; line-height:42px; overflow:hidden; padding:0 10px;} .center_popup_area_box .center_popup_area .bottom input[type=checkbox] {width:16px; height:16px; margin-right:10px; } .center_popup_area_box .center_popup_area .bottom span {float:left; color:#fff; font-size:18px; cursor:pointer;} .center_popup_area_box .center_popup_area .bottom .pop_only_close {float:left; color:#fff; font-size:18px; 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%;} .rolling_box li {margin-top:10px;} .rolling_box .left_txt {float:left; color:#fff; font-size:19px; width:136px; margin-top:2px;} .rolling_box .right_con {float:right; color:#333; font-size:18px; width:340px;} .rolling_box .right_con .box {color:#fff; font-size:21px; font-weight:bold; } .rolling_box .right_con .box input {width:240px; color:#000; font-size:18px} .rolling_box .right_con label {height:32px;color:#ffe767; font-size:21px; font-weight:bold;} .rolling_box .btn {background:#1b2d2f; border:1px solid #406762; width:338px; height:44px; line-height:44px; text-align:center; display:block; color:#fff; font-size:16px;} .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; background:url("/imgs/triple_icon.png") left no-repeat; background-size:20px 20px; padding-left:30px;} .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:#ecce5e; cursor:pointer; color: #000; } .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; } .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 .game_menu_box li.more { width: 1040px; border: 0px; height: 42px; } .game_page_box .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 .game_menu_box li.more.hide { display: none; } .game_page_box .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.75); z-index:-1;} .guide {position:absolute; top:-195px; left:0; width:100%; height:100%; z-index:3001;} .guide .tutorial_01 {margin-top:272px; margin-left:105px;} .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;} .guide.onlyslot .tutorial_01 {margin-top:276px; margin-left:213px;} .trans_layer {z-index:5000; position:absolute; top:150px; left:50%; width:760px; margin-left:-380px; background:rgba(0,0,0,0.94); padding:40px; border:2px solid #9c68c3; } .trans_layer dl {overflow:hidden;} .trans_layer dd {float:left; text-align:center; box-sizing:border-box; } .trans_layer dd .imgs {height:40px;} .trans_layer dd .imgs img {width:100%; height:100%;} .trans_layer dd .text {color:#fff; font-size:16px;} .trans_layer .con_box {overflow:hidden; margin-top:50px;} .trans_layer .con_box li {overflow:hidden; margin-bottom:30px;} .trans_layer .con_box li .left_txt {float:left; color:#fff; width:100px; font-size:15px; line-height:40px;} .trans_layer .con_box li .left_txt span {font-size:inherit; font-weight:inherit; line-height:normal; color:inherit;} .trans_layer .con_box li .right_con {float:left; margin-left:10px; overflow:hidden;} .trans_layer .con_box li .right_con select {background:none; color:#fff; height:40px; border:1px solid #fff; padding:4px 10px; outline:none;} .trans_layer .con_box li .right_con select option {background: rgba(0, 0, 0, 0.3); color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); line-height:40px;} .trans_layer .con_box li .right_con span {float:left;} .trans_layer .con_box li .right_con input[type=text] {width:180px; height:38px; border:0; background:#fff; color:#000; outline:none; padding:0 10px;} .trans_layer .con_box li .right_con input[type=password] {width:180px; height:38px; border:0; background:#fff; color:#000; outline:none; padding:0 10px;} .trans_layer .con_box li .right_con select {width:200px; height:38px; border:0; background:#fff; color:#000; outline:none; padding:0 10px;} .trans_layer .con_box li .right_con .input_box {width:180px; height:38px; line-height:38px; border:0; background:#fff; color:#000; outline:none; padding:0 10px;} .trans_layer .con_box li .right_con .notice_txt {margin-top:6px; font-size:13px; font-weight:bold; color:#9c68c3;} .trans_layer .con_box li .right_con .max_btn {background:none; color:#fff; border:1px solid #fff; } .trans_layer .con_box li .btn_box {overflow:hidden; padding-left:255px;} .trans_layer .con_box li .btn_box a {display:block; width:120px; height:40px; line-height:40px; text-align:center; float:left; margin-right:5px;} .trans_layer .con_box li .btn_box .confirm_btn {background:#ceafff; color:#111; font-size:14px; font-weight:bold;} .gnb_layer .btn_box a.confirm_btn:hover, .gnb_layer .btn_box a.confirm_btn:focus, .gnb_layer .btn_box a.confirm_btn:active { -webkit-transform: scale(0.9); transform: scale(0.9); } .trans_layer .con_box li .btn_box .close_btn {background:#666; color:#eee; font-size:14px; font-weight:bold;} .trans_layer .top_box dt {color:#fff; font-weight:bold; font-size:22px; margin-bottom:10px; background:url("/imgs/icon_gnp.png") left no-repeat; background-size:20px 20px; padding-left:30px;} .trans_layer .con_box .right_con.money_type {overflow:hidden;} .trans_layer .con_box .right_con.money_type dd {float:left; cursor:pointer; margin-left:10px; text-align:center; box-sizing:border-box; padding:5px; border:2px solid #000;} .trans_layer .con_box .right_con.money_type dd:first-child {margin-left:0;} .trans_layer .con_box .right_con.money_type dd.active {border:2px solid #9c68c3; border-radius:3px;} .trans_layer .con_box .right_con.money_type dd.active .on {display:block;} .trans_layer .con_box .right_con.money_type dd.active .off {display:none;} .trans_layer .con_box .right_con.money_type dd .imgs {height:40px; text-align:center;} .trans_layer .con_box .right_con.money_type dd .imgs img {width:auto; height:40px;} .trans_layer .con_box .right_con.money_type dd .on {display:none;} .trans_layer .con_box .right_con.money_type dd .off {opacity:0.5;} .trans_layer .con_box .right_con.money_type dd .text {color:#fff; font-size: 16px; text-align:center;} .trans_layer .con_box .right_con.money_type dd .money {overflow:hidden; margin-top:5px; display:inline-block;} .trans_layer .con_box .right_con.money_type dd .money .num {color:#fff; font-size: 16px; text-align:center;} .trans_layer .con_box .right_con.money_type dd .money .unit {color:#fff; font-size: 16px; text-align:center;} .cash_flow_box .cash_flow_btn {overflow:hidden; margin:20px 40px;} .cash_flow_box .cash_flow_btn dd {display:flex; justify-content: space-between; text-align:center;} .cash_flow_box .cash_flow_btn dd .btn {flex: 1; font-size:14px; color:#ff36be; border-radius:6px; border:1px solid #ff36be; height:34px; line-height:34px; margin-left:4px;} .cash_flow_box .cash_flow_btn dd .btn:first-child {margin-left:0;} .cash_flow_box .cash_flow_btn dd .btn:hover {background:#ff36be; color:#000;} .cash_flow_box .cash_flow_btn dd .btn.on {background:#ff36be; color:#000;} .cash_flow_box .summary {text-align:center; margin:10px 0; color:#fff; overflow:hidden;} .cash_flow_box .summary .line_up {display:inline-block;} .cash_flow_box .summary .line_up span {font-size:15px; border:1px solid #f75900; height:36px; line-height:36px; border-radius:500px; padding:0 16px; color:#fff; margin:0 6px;} .cash_flow_box .list_view {overflow:hidden; padding:20px 40px;} .cash_flow_box .list_view .table_list {overflow:hidden;} .cash_flow_box .list_view .table_list dt {overflow:hidden; border:1px solid #ff6000; border-radius:500px;} .cash_flow_box .list_view .table_list dt ul {overflow:hidden; background:#000; height:40px; line-height:40px; border:2px solid #ffba00; border-radius:500px;} .cash_flow_box .list_view .table_list ul {display:flex; justify-content: space-between; text-align:center;} .cash_flow_box .list_view .table_list li {flex: 1; overflow:hidden; height:46px; text-overflow:ellipsis; white-space:nowrap;} .cash_flow_box .list_view .table_list li:last-child {flex:2;} .cash_flow_box .list_view .table_list dt li {font-size:15px;} .cash_flow_box .list_view .table_list dd {overflow:hidden; height:46px; line-height:46px; border-bottom:1px solid #333;} .blinking{ -webkit-animation:blink 0.5s linear 4 alternate; -moz-animation:blink 0.5s linear 4 alternate; animation:blink 0.5s linear 4 alternate; } @-webkit-keyframes blink{ 0% {opacity:0;} 100% {opacity:1;} } @-moz-keyframes blink{ 0% {opacity:0;} 100% {opacity:1;} } @keyframes blink{ 0% {opacity:0;} 100% {opacity:1;} } .money_trans_layer {width:600px; margin-left:-300px;} .pw_change li {margin-bottom:6px;} .pw_change input {font-size:14px !important; background:#fff !important; height:40px !important; border-radius:2px !important; width:300px;} .board_title { text-align:left !important; } .board_title span.mg40p { width:40px; }