@CHARSET "UTF-8"; @import url("../../fonts/font_nanum.css"); @import url("money.css?v=4"); @import url("cart.css?v=1"); @import url("tab.css?v=3"); html {margin:0px;padding:0px;} body { margin: 0px; padding: 0px; font-family:"Nanum Gothic", Malgun Gothic, dotum, Verdana, sans-serif; font-size: 12px; word-break:break-all; background:url(../images/body_bg5.jpg) no-repeat top center fixed #000000; } div, ul, dl, ol, li, dt, dd, h1, h2, h3, h4, h5, h6, span, strong, p, a, td, th { margin: 0px; padding: 0px; font-family:"Nanum Gothic", Malgun Gothic, dotum, Verdana, sans-serif; font-size: 12px; word-break:break-all; } div, ul, li, ol, dl, dt, dd {list-style:none;} img {border:none;vertical-align:middle;} span {vertical-align:middle;} form, legend, fieldset {margin:0;padding:0;border:none;} caption, legend {display:none;} /* default link */ a:link {text-decoration:none;} a:hover {text-decoration:none;} a:active {text-decoration:none;} a:visited {text-decoration:none;} /* Input */ input {margin:0;padding:0;vertical-align:middle;} input[type~="text"] {padding:3px 3px;font-family:"Nanum Gothic", Malgun Gothic, dotum, Verdana, sans-serif;} input[type~="password"] {padding:3px 3px;} input[type~="radio"] {border:none;} input[type~="checkbox"] {border:none;} input[type~="button"] {border:none;} select {margin:0;padding:0;vertical-align:middle;} textarea {margin:0;padding:5px;border:none;font:normal 12px/150% "Dotum", Tahoma;color:#000000;} /* clear Float */ .clear {clear:both;height:0px;} .clear:after {clear:both;height:0px;} .clear:before {clear:both;height:0px;} .clearFix {clear:both;height:auto;} .clearFix:after {clear:both;height:auto;} .clearFix:before {clear:both;height:auto;} .league_icon { vertical-align:middle; margin-right:3px; } /* ******************************************** 로그인 페이지 시작 ******************************************** */ body.login {background:url(../images/login/bg.jpg) no-repeat top center #000000;} h1.login {margin:480px auto 0 auto;width:333px;height:100px;background:url(../images/login/logo.png) no-repeat center top;} .loginFrame {margin:0 auto;margin-top:20px;width:300px;} .loginFrame ul li {margin-bottom:10px;} .loginFrame ul li.IDPW { border:1px solid #b9b9b9; background:rgba(0,0,0,0.2); box-shadow:inset 0 0 15px rgba(255,255,255,0.8); } .loginFrame ul li.IDPW input { box-sizing:border-box; margin:0; padding:0; width:298px; height:22px; border:0; background:none; text-align:center; color:#ffffff; font-size:14px; } .loginFrame ul li.IDPW input::-ms-input-placeholder {color:#efefef;font-weight:normal;} .loginFrame ul li.IDPW input::-webkit-input-placeholder {color:#efefef;font-weight:normal;} .loginFrame ul li.IDPW input::-moz-placeholder {color:#efefef;font-weight:normal;} .loginFrame ul li.IDPW input::-moz-placeholder {color:#efefef;font-weight:normal;} .loginFrame ul li.capt { display:flex; justify-content:space-between; align-items:center; padding:1px; } .loginFrame ul li.capt img { width:52px; height:26px; } .loginFrame ul li.capt input { width:calc(100% - 52px); } .loginFrame ul li.LoginBtn {display:flex;justify-content:space-between;} .loginFrame ul li.LoginBtn input {margin:0;padding:0;border:0;text-indent:-9999px;width:145px;height:24px;cursor:pointer;} .loginFrame ul li.LoginBtn input.login {background:url(../images/login/btn_login.png) no-repeat;} .loginFrame ul li.LoginBtn input.btn_join {background:url(../images/login/btn_join.png) no-repeat;} .loginFrame .btn_ask_pass { cursor:pointer; display:block; margin:0 auto; box-sizing:border-box; margin-top:20px; width:100%; height:26px; border:1px solid rgb(255 255 255 / 50%); background-color:rgb(255 255 255 / 15%); text-align:center; color:#ffffff; } /* 추천인 코드 */ body.login .propose { position:absolute;z-index:100; top:406px; display:none;width:100%;} body.login .propose .proposeBox {margin:0 auto;padding:10px;width:330px;height:125px;border:2px solid #88735c; background:rgba(58, 41, 26, 0.92);} body.login .propose .proposeBox .title { margin-top:5px;color:#fff; font-weight:bold; text-align:center; line-height:18px; height:18px; font-size:15px; } body.login .propose .proposeBox .code { margin-top:5px;margin-bottom:20px;height:40px; text-align:center;} body.login .propose .proposeBox .code input { width:180px; color:#ffffff; background-color:#080604;line-height:18px; height:18px; margin:10px auto;border:1px solid #7d6857;text-align:center;} body.login .propose .proposeBox .btn { height:25px; text-align:center;} body.login .propose .proposeBox .btn div { display:inline-block; vertical-align:middle; width:58px; height:21px; color:#000000; line-height:18px; font-weight:bold; cursor:pointer; *cursor:hand; border-radius:3px; } body.login .propose .proposeBox .btn .btn_propose_ok {background:#b99d81;border:1px solid #e4cdb8;} body.login .propose .proposeBox .btn .btn_propose_close {background:#61564b;color:#cecece;border:1px solid #9a8773;} /* 로그인 문의 */ .LoginQframe { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); box-sizing:border-box; padding:20px; width:400px; background:#ffffff; border-radius:10px; text-align:center; } .LoginQframe h1 {margin-bottom:20px;text-align:center;color:#000000;font-weight:bold;font-size:16px;} .LoginQframe .loginQbox ul li {margin-bottom:10px;} .LoginQframe .loginQbox ul li input, .LoginQframe .loginQbox ul li textarea {box-sizing:border-box;margin:0;padding:0 10px;width:100%;border-radius:4px;border:1px solid #aaaaaa;background-color:#f7f7f7;color:#000000;} .LoginQframe .loginQbox ul li input {height:29px;} .LoginQframe .loginQbox ul li textarea {height:69px;} .LoginQframe .Qguide {margin-bottom:5px;color:#ff6600;} .LoginQframe .loginQbtn {margin-top:20px;text-align:center;} .LoginQframe .loginQbtn a {display:inline-block;vertical-align:top;padding:0 30px;line-height:33px;background:#01509d;border-radius:6px;color:#ffffff;font-weight:bold;} .blockUI.blockOverlay {background:rgba(0,0,0,0.7)!important;opacity:1.0!important;} /* 24시 고객센터 안내 로그인 */ .KokaoGuide {position:absolute;z-index:100;width:100%;top:300px;display:none;} .kakaoPopUp {margin:0 auto;width:230px;height:136px;background:#333333;border:3px solid #666666;} .kakaoPopUp .lKGuide {padding:20px 10px;} .kakaoPopUp .lKGuide p {font-size:12px;text-align:center;color:#eeeeee;} .kakaoPopUp p.Login_kakao { margin:0 auto; padding:12px 5px 5px 50px; width:140px;height:28px; border-radius:30px; background:url(../images/common/kakao.png) no-repeat 5px 5px #000000; font-weight:bold; font-size:16px; color:#ffd900; } /* ******************************************** 로그인 페이지 끝 ******************************************** */ /* ******************************************** 회원가입 페이지 시작 ****************************************** */ h1.joinTitle {margin:30px auto 20px auto;text-align:center;font-size:45px;color:#bda78d;text-transform:uppercase;} .join_wrap {margin:0 auto 10px auto;padding:20px;width:840px;background:#3c3029;border:1px solid #71625a;border-radius:2px;} .join_wrap .form {margin:0;padding:0;background:none;} .join_wrap .form .row { clear:both;padding-top:2px;padding-bottom:2px;margin-bottom:1px;background:#6d5e55;border-radius:2px;} .join_wrap .form .row .name { float:left; width:95px; font-weight:bold;line-height:30px; text-align:center; margin-right:5px; color:#fff;} .join_wrap .form .row .info { float:left;padding-top:4px;color:#FFFFFF;line-height:28px;} .join_wrap .form .row .info input {margin:0 5px;padding:0;width:200px;height:20px;border:1px solid #90837c;background:#27201b;color:#FFFFFF;} .join_wrap .form .row .info2 { float:left;color:#aaa;line-height:28px;} .join_wrap .form .row .info2 input {margin:0 5px;padding:0;width:60px;height:20px;border:1px solid #90837c;background:#27201b;color:#FFFFFF;} .join_wrap .form .row p {line-height:130%;margin-bottom:5px;padding:5px 20px 5px 20px;font-weight:normal;color:#fde9de;} .join_wrap .form .row p:first-child {margin-top:10px;} .join_wrap .form .row p .redb {color:#fff000 !important;} .join_wrap .form .row .info .user_pw_check_result { margin-left:5px; color:#ffaa00;} .join_wrap .form .row.dbl .name {line-height:60px;height:60px;} .JOINbtn {margin-bottom:100px;padding-top:10px;text-align:center;} .JOINbtn a {display:inline-block;text-align:center;color:#FFFFFF;font-weight:bold;font-size:15px;line-height:28px;border-radius:4px;text-shadow:0px 2px 1px #343434;} .JOINbtn a.btn_join {width:73px;height:30px;background:#886753;border:1px solid #ceab96;} .JOINbtn a.btn_cancel {width:73px;height:30px;background:#5b5b5b;border:1px solid #7b7b7b;} /* ******************************************** 회원가입 페이지 끝 ****************************************** */ .login_notice {position:absolute;top:300px;left:200px;width:435px;z-index:9999;border:3px solid #ccc;background-color: #fff;padding:10px;font-size:10pt;} .login_notice .title {color:#f60;font-size:13pt;font-weight:bold;} /* ******************************************** 메인 페이지 시작 ******************************************** */ .content_wrapMain {position:relative;margin:0 auto;padding:0;width:1200px;/*background:url(../images/common/con_bg.png);*/} .mainImage {position:relative;margin:0 auto;width:1200px;height:800px;background:url(../images/main/main_image.png) no-repeat center top;} /* 메인 공지사항 팝업 */ .layer-notice-view {position: relative;top:-31px;display:none} .layer-notice-view .notice-item {margin:0px;color:#fff;border:2px solid #d49d3a;text-align:center;vertical-align:middle;background:#585151;box-shadow:0 3px 5px rgba(0,0,0,0.5);position:absolute;left:0;top:-120px;z-index:1000;} .layer-notice-view .notice-item.p1 {left:280px} .layer-notice-view .notice-item.p2 {left:605px} .layer-notice-view .notice-item.p3 {top:244px;left:280px} .layer-notice-view .notice-item.p4 {top:244px;left:605px} .layer-notice-view .notice-item .title { text-align:left; vertical-align:middle; height:20px; line-height:20px; padding:10px; color:#ffffff; font-weight:bold;font-size:16px;text-align:center;} .layer-notice-view .notice-item .content { margin:10px; padding:0px; min-height:250px; overflow:auto; text-align:left; vertical-align:middle; color:#000000; line-height:18px; font-size:11pt; background-color:#ffffff; box-shadow:0 0 5px rgba(0,0,0,0.5) inset; } .layer-notice-view .notice-item .foot { height:37px; line-height:37px; text-align:right; padding:0 10px;color:#bfbfbf; } .layer-notice-view .notice-item .foot img { vertical-align:middle; cursor:pointer; *cursor:hand; } .layer-notice-view .notice-item .foot input { vertical-align:middle;} /* ******************************************** 메인 페이지 끝 ******************************************** */ /* ******************************************** 컨텐츠 레이아웃 시작 ******************************************** */ /* Game page */ .content_wrap {position:relative;margin:20px auto 10px auto;padding:0 0 40px 0;width:1200px;} .content_wrap .content_top {position:relative;margin-bottom:10px;height:31px;} .content_wrap .content_top .resultSelect {position:absolute;top:5px;right:10px;text-align:right;} .content_wrap .content_top .resultSelect select {padding:0 10px;height:27px;line-height:27px;font-size:17px;background:#111111;border-color:#aaaaaa;color:#cccccc;} .content_wrap .content {padding:0;} /* Etc Page */ .content_wrap.short .content {clear:both;padding:0 0 0 10px;width:940px;} .content_wrap.short .content_top {position:relative;margin-bottom:10px;width:940px;height:31px;} .content_wrap.short .content_top select {position:absolute;top:10px;right:3px;} .content_wrap.short .content_bottom {width:750px;height:86px;} /* CWCC Page */ .cwcc_wrap {float:none;margin:0 auto;width:1300px;height:900px;overflow-y:hidden;} .cwcc_wrap iframe {margin:0 auto;width:1300px;height:900px;border:nonoe;} .cwcc_btn {position: relative;} /* Subtitle */ .content_wrap .content_top h1 {margin-left:10px;font-size:23px;font-weight:bold;color:#FFFFFF;background:none;} .content_wrap .content_top h1 span {display:inline-block;margin-left:10px;font-size:16px;font-weight:normal;color:#969696;} .content_wrap .content_top h1 span.resultSpan {margin-left:5px;color:#fff000;font-size:24px;vertical-align:top;} /* h1.section_title {display:inline-block;margin-left:10px;width:500px;height:31px;} h1.section_title.game_winlose {background: url(../images/subtitle/title0001.png) left top no-repeat;} h1.section_title.game_handicap {background: url(../images/subtitle/title0002.png) left top no-repeat;} h1.section_title.game_special {background: url(../images/subtitle/title0003.png) left top no-repeat;} h1.section_title.game_realTime {} h1.section_title.game_cross {background: url(../images/subtitle/title_multi.png) left top no-repeat;} h1.section_title.game_racing {background: url(../images/subtitle/title_race.png) left top no-repeat;} h1.section_title.game_result {background: url(../images/subtitle/title0004.png) left top no-repeat;} h1.section_title.board_event {background: url(../images/subtitle/title0005.png) left top no-repeat;} h1.section_title.board_custom {background: url(../images/subtitle/title0006.png) left top no-repeat;} h1.section_title.board_qna {background: url(../images/subtitle/title0007.png) left top no-repeat;} h1.section_title.betting_list {background: url(../images/subtitle/title0008.png) left top no-repeat;} h1.section_title.money_deposit {background: url(../images/subtitle/title0009.png) left top no-repeat;} h1.section_title.money_deposit_list {background: url(../images/subtitle/title0010.png) left top no-repeat;} h1.section_title.money_withdraw {background: url(../images/subtitle/title0011.png) left top no-repeat;} h1.section_title.money_withdraw_list {background: url(../images/subtitle/title0012.png) left top no-repeat;} h1.section_title.game_rules {background: url(../images/subtitle/title0013.png) left top no-repeat;} h1.section_title.game_guide {background: url(../images/subtitle/title0018.png) left top no-repeat;} h1.section_title.game_rules2 {background: url(../images/subtitle/cwcc_title.png) left top no-repeat;} h1.section_title.game_rules3 {background: url(../images/subtitle/liveRule_title.png) left top no-repeat;} h1.section_title.member_edit {background: url(../images/subtitle/title0014.png) left top no-repeat;} h1.section_title.member_join {background: url(../images/subtitle/title0015.png) left top no-repeat;} h1.section_title.game_event {background: url(../images/subtitle/title0016.png) left top no-repeat;} h1.section_title.letter {background: url(../images/subtitle/title0017.png) left top no-repeat;} h1.section_title.game_guide {background: url(../images/subtitle/title0018.png) left top no-repeat;} h1.section_title.point_list {background: url(../images/subtitle/title0019.png) left top no-repeat;} h1.section_title.game_oddeven {background: url(../images/subtitle/title0020.png) left top no-repeat;} h1.section_title.game_ladder {background: url(../images/subtitle/title0020.png) left top no-repeat;} h1.section_title.game_ntry_pb {background: url(../images/subtitle/title0021.png) left top no-repeat;} h1.section_title.game_lowhigh {background: url(../images/subtitle/title_lowhigh.png) left top no-repeat;} */ /* ******************************************** 컨텐츠 레이아웃 끝 ******************************************** */ /* ******************************************** 상단 스포츠 링크(서브타이틀 동일 라인위치) 시작 ********************************************** */ .spLink_top {position:absolute;top:7px;right:15px;/*width:315px;*/height:40px;display:none;} .spLink_top ul {height:39px;} .spLink_top ul li {float:left;} .spLink_top ul li a {display:block;width:45px;height:39px;text-indent:-9999px;} .spLink_top ul li a.spt_1 {background:url(../images/sportslink/top/sp_1.png) no-repeat;} .spLink_top ul li a.spt_1:hover {background:url(../images/sportslink/top/sp_1_on.png) no-repeat;} .spLink_top ul li a.spt_2 {background:url(../images/sportslink/top/sp_2.png) no-repeat;} .spLink_top ul li a.spt_2:hover {background:url(../images/sportslink/top/sp_2_on.png) no-repeat;} .spLink_top ul li a.spt_3 {background:url(../images/sportslink/top/sp_3.png) no-repeat;} .spLink_top ul li a.spt_3:hover {background:url(../images/sportslink/top/sp_3_on.png) no-repeat;} .spLink_top ul li a.spt_4 {background:url(../images/sportslink/top/sp_4.png) no-repeat;} .spLink_top ul li a.spt_4:hover {background:url(../images/sportslink/top/sp_4_on.png) no-repeat;} .spLink_top ul li a.spt_5 {background:url(../images/sportslink/top/sp_5.png) no-repeat;} .spLink_top ul li a.spt_5:hover {background:url(../images/sportslink/top/sp_5_on.png) no-repeat;} .spLink_top ul li a.spt_6 {background:url(../images/sportslink/top/sp_6.png) no-repeat;} .spLink_top ul li a.spt_6:hover {background:url(../images/sportslink/top/sp_6_on.png) no-repeat;} .spLink_top ul li a.spt_7 {background:url(../images/sportslink/top/sp_7.png) no-repeat;} .spLink_top ul li a.spt_7:hover {background:url(../images/sportslink/top/sp_7_on.png) no-repeat;} .spLink_top ul li a.spt_8 {background:url(../images/sportslink/top/sp_8.png) no-repeat;} .spLink_top ul li a.spt_8:hover {background:url(../images/sportslink/top/sp_8_on.png) no-repeat;} /* ******************************************** 상단 스포츠 링크(서브타이틀 동일 라인위치) 끝 ********************************************** */ /* ******************************************** 푸터 레이아웃 - 사이트별 시작 ******************************************** */ .footer_wrap {margin:0 auto;padding-top:0px;width:100%;} /* 하단 스포츠 링크 */ .footer_wrap .spLink_bottom { display:none; margin:0 auto; width:1200px; background:#13100f url("../images/game/header_light.png") repeat-x scroll center top; text-align:center; } .footer_wrap .spLink_bottom ul {clear:both;display:inline-block;padding-top:10px;height:40px;} .footer_wrap .spLink_bottom ul li {display:inline-block;margin:0 2px;} .footer_wrap .spLink_bottom ul li a {display:block;width:122px;height:40px;text-indent:-9999px;} .footer_wrap .spLink_bottom ul li a.spb_1 {background:url(../images/sportslink/bottom/sp_1.png) no-repeat;} .footer_wrap .spLink_bottom ul li a.spb_2 {background:url(../images/sportslink/bottom/sp_2.png) no-repeat;} .footer_wrap .spLink_bottom ul li a.spb_3 {background:url(../images/sportslink/bottom/sp_3.png) no-repeat;} .footer_wrap .spLink_bottom ul li a.spb_4 {background:url(../images/sportslink/bottom/sp_4.png) no-repeat;} .footer_wrap .spLink_bottom ul li a.spb_5 {background:url(../images/sportslink/bottom/sp_5.png) no-repeat;} .footer_wrap .spLink_bottom ul li a.spb_6 {background:url(../images/sportslink/bottom/sp_6.png) no-repeat;} .footer_wrap .spLink_bottom ul li a.spb_7 {background:url(../images/sportslink/bottom/sp_7.png) no-repeat;} .footer_wrap .spLink_bottom ul li a.spb_8 {background:url(../images/sportslink/bottom/sp_8.png) no-repeat;} .footer_wrap .FooterArea {margin:0 auto 0 auto;padding:30px 0;border-top:1px solid #4a4a4a;width:100%;height:100px;background:rgba(171, 171, 171, 0.12);} .footer_wrap .FooterArea p {padding:15px 0 15px 0;text-align:center;color:#777777;font-family:"Tahoma";font-size:11px;} /* ******************************************** 푸터 레이아웃 - 사이트별 끝 ******************************************** */ /* ******************************************** 상단 헤더 영역 시작 ******************************************** */ .headerTop {position:relative;margin:0 auto;width:100%;} /* 상단 개인 정보 및 이벤트, 베팅내역, 환전, 충전, 베팅규정 보기 버튼 */ .topUtilArea {width:100%;height:30px;background:rgba(0,0,0,0.2);border-bottom:1px solid #555555;} .topUtilArea .BoxTop {margin:0 auto;width:1200px;height:30px;} .topUtilArea .BoxTop .goButton {float:right;height:30px;} .topUtilArea .BoxTop .goButton ul li {float:left;height:28px;border:1px solid #777777;border-left:none;background:#555555;} .topUtilArea .BoxTop .goButton ul li:first-child {border-left:1px solid #777777;} .topUtilArea .BoxTop .goButton ul li a {display:block;padding:0 20px;height:28px;color:#FFFFFF;line-height:27px;font-weight:bold;} .topUtilArea .BoxTop .goButton ul li a:hover {background:#ffffff;color:#000000;text-decoration:none;} .header_wrap {position:relative;width:1200px;height:76px;margin:0 auto;} .header_wrap .live_TV {display:block;position:absolute;top:7px;left:245px;width:80px;height:22px;text-indent:-9999px;background:url(../images/live_tv.png) no-repeat;} .header_wrap .minfBox {position:absolute;bottom:10px;left:240px;display:flex;justify-content:flex-start;align-items:center;} .header_wrap .minfBox a {display:inline-block;} .header_wrap .minfBox strong {display:inline-block;} .header_wrap .minfBox span {display:inline-block;} .header_wrap .minfBox span.user_level {height:32px;} .header_wrap .minfBox ul {display:flex;justify-content:flex-start;align-items:center;} .header_wrap .minfBox ul li {display:flex;justify-content:flex-start;align-items:center;margin-left:10px;} .header_wrap .minfBox ul li:first-child {margin-left:5px;} .header_wrap .minfBox ul li:first-child strong {margin-right:3px;color:#FFFFFF;} .header_wrap .minfBox ul li:first-child span {color:#999999;} a.topInfoModi {padding:0 10px;height:18px;border:1px solid #999999;background:#6b6b6b;color:#FFFFFF;line-height:16px;} a.topInfoModi:hover {text-decoration:none;} a.topLogout {padding:0 5px;height:18px;border:1px solid #666666;background:#333333;color:#cccccc;line-height:18px;} a.topLogout:hover {text-decoration:none;} .header_wrap .minfBox ul li.messGo a, .header_wrap .minfBox ul li.coupon a {color:#dcdcdc;} .header_wrap .minfBox ul li.messGo a span, .header_wrap .minfBox ul li.coupon a span {margin-top:-2px;margin-right:3px;font-weight:bold;color:#ffffff;} .header_wrap .minfBox ul li.messGo a:hover, .header_wrap .minfBox ul li.coupon a:hover {text-decoration:none;color:#ffffff;} .header_wrap .minfBox ul li.moneyInfo span {color:#dddddd;margin-left:3px;} .header_wrap .minfBox ul li.moneyInfo span.moneyN {font-weight:bold;color:#FFFFFF;} .header_wrap .minfBox ul li.moneyInfo span.pointF {margin:0 0 0 10px;} .header_wrap .minfBox ul li.moneyInfo span.pointN {font-weight:bold;color:#ffd500;} .header_wrap .minfBox ul li.moneyInfo a.point_conv {display:inline-block;margin-left:5px;padding:0 5px;height:18px;border:1px solid #ffd51a;background:#333333;color:#ffd51a;line-height:18px;} .header_wrap .minfBox ul li.moneyInfo a:hover {text-decoration:none;} /* 상단 로고 */ .header_wrap .topLogoLink {position:absolute;z-index:99;top:10px;left:10px;width:215px;height:56px;} .header_wrap .topLogoLink .logoSet {position:relative;margin:0;width:215px;height:56px;} .header_wrap .topLogoLink .logoSet a {display:block;position:absolute;z-index:99;width:215px;height:56px;background:none;text-indent:-9999px;} .header_wrap .topLogoLink .logoSet .LogoImg { position:absolute;z-index:89; top:0;left:0; width:215px;height:56px; background:url(../images/common/top_logo.png) no-repeat center; text-align:center; } .header_wrap .moneyCHEX {position:absolute;bottom:15px;right:20px;} .header_wrap .moneyCHEX a { display:block; float:left; margin-left:5px; padding:0 10px; height:25px; line-height:23px; font-size:13px; font-weight:bold; color:#ffffff; border:1px solid #eeeeee; box-shadow:inset 0 0 20px rgba(255,255,255,0.5); } .header_wrap .moneyCHEX a:hover {border:1px solid #fff000;box-shadow:inset 0 0 20px rgba(255,255,255,0.9);color:#fff000;} /* *************************************************** main menu (GNB) 시작 *************************************************** */ .maenuArea {width:100%;height:40px;background:rgba(160, 145, 114, 0.15);box-shadow:inset 0 0 20px rgba(222, 186, 108, 0.3);} .maenuArea .main_menu {display:flex;justify-content:space-between;margin:0 auto;width:1200px;height:40px;background:url(../images/common/menu_bar.png) no-repeat top center;} .maenuArea .main_menu ul {display:flex;justify-content:center;height:40px;text-align:center;} .maenuArea .main_menu ul li {position:relative;} .maenuArea .main_menu ul li .GM { display:block; padding:0; height:36px; line-height:36px; text-align:center; font-weight:bold; color:#000000; border:2px solid transparent; border-left:0; border-right:0; border-radius:5px; } .maenuArea .main_menu ul li:hover .GM {border-color:#ffffff;box-shadow:inset 0 0 20px rgba(255,255,255,0.8);background:rgba(255,255,255,0.2);} .maenuArea .main_menu ul.gameMenu {margin:0 20px;width:800px;} .maenuArea .main_menu ul.gameMenu li .GM {padding:0 17px;font-size:16px;} .maenuArea .main_menu ul.pageMenu {margin-right:40px;width:320px;} .maenuArea .main_menu ul.pageMenu li {width:calc(100% / 5);} .maenuArea .main_menu ul.pageMenu li .GM {padding:0 8px;font-size:13px;color:#ffffff;letter-spacing:-0.1em;} .maenuArea .main_menu ul.pageMenu li:hover a {background:none;} .maenuArea .main_menu ul li .Subm { display:none; position:absolute; z-index:100; top:40px; left:50%; transform:translateX(-50%); width:140px; background-color:#ffffff; box-shadow:0 5px 5px rgb(0 0 0 / 60%); } .maenuArea .main_menu ul li .Subm .SM { display:block; line-height:30px; text-align:center; color:#000000; border-top:1px solid #000000; } .maenuArea .main_menu ul li .Subm .SM:hover {text-decoration:none;background-color:#e8e8e8;} .maenuArea .main_menu ul li:hover .Subm {display:block;} .maenuArea .main_menu ul li .Subm.casino {display:none;width:1000px;left:180px;} .maenuArea .main_menu ul li .Subm.casino .SM {display:block;padding:10px 0;width:calc(100% / 6);height:80px;text-indent: -9999px;border-right: 1px solid #eeeeee;background-repeat:no-repeat;background-position:center center;background-size:auto 160px;} .maenuArea .main_menu ul li .Subm.casino .SM:last-child {border-right:none} .maenuArea .main_menu ul li .Subm.casino .SM.evol {background-image: url(../images/casino/evolution.png)} .maenuArea .main_menu ul li .Subm.casino .SM.dg {background-image: url(../images/casino/dreamgame.png)} .maenuArea .main_menu ul li .Subm.casino .SM.bota {background-image: url(../images/casino/bota.png?v=3)} .maenuArea .main_menu ul li .Subm.casino .SM.ag {background-image: url(../images/casino/asiagame.png)} .maenuArea .main_menu ul li .Subm.casino .SM.mg {background-image: url(../images/casino/microgame.png)} .maenuArea .main_menu ul li .Subm.casino .SM.pp {background-image: url(../images/casino/ppcasino.png)} .maenuArea .main_menu ul li:hover .Subm.casino {display:flex;} /* *************************************************** main menu (GNB) 끝 *************************************************** */ /* 공지사항 */ .topNBOX {margin:0 auto;width:1200px;height:30px;} .topNBOX label {display:inline-block;width:90px;line-height:30px;color:#cccccc;vertical-align:top;text-align:center;} .topNBOX marquee {display:inline-block;width:1090px;line-height:30px;color:#fff000;vertical-align:top;} /* Level */ .user_level { text-align:center;vertical-align:middle; margin-right:0;display:inline-block;height:32px;background-position: center center; background-repeat: no-repeat; } .level_1 { background-image:url(../images/level/level_1.png);width:32px;} .level_2 { background-image:url(../images/level/level_2.png);width:32px;} .level_3 { background-image:url(../images/level/level_3.png);width:32px;} .level_4 { background-image:url(../images/level/level_4.png);width:32px;} .level_5 { background-image:url(../images/level/level_5.png);width:32px;} .level_6 { background-image:url(../images/level/level_6.png);width:32px;} .level_adm { background-image:url(../images/level/level_A.png);width:50px;} /* CWCC 크롬 사용 안내 */ #browser_layer {position:absolute;top:0;left:0;color:#000;padding:10px;width:274px;height:204px;border:4px solid #777777;text-align:center;background:#313131;display:none;} #browser_layer h1 {text-align:center;font-weight:bold;font-size:20px;font-family:"Malgun Gothic";margin-top:10px;margin-bottom:15px;color:#FFFFFF;} #browser_layer p {margin-bottom:10px;font-size:11px;letter-spacing:-1px;text-align:center;color:#FFFFFF;} #browser_layer a {display:inline-block;margin-top:15px;padding:0;width:207px;height:71px;background: url(../images/ch_down.png) no-repeat;} /* ******************************************** 상단 헤더 영역 끝 ******************************************** */ /* ******************************************** LiveCasino Boxy ******************************************** */ .LIVECASINO .HEAD_INC {display:none;} .LIVECASINO .content_top {display:none;} .LIVECASINO .content_wrap {margin:0;padding:0;width:100%;border-radius:0;background:none;} .LIVECASINO .content {box-sizing:border-box;padding:0px 0px;width:100%;height:100%;position:relative;} .LIVECASINO .footer_wrap {display:none;} /* casino agree */ .casino_agree {box-sizing:border-box;position:absolute;z-index:100;top:50%;left:50%;transform:translate(-50%, -50%);padding:30px;width:500px;border:0 solid #ff6700;border-top-width:3px;background-color:#ffffff;} .casino_agree .title {display:block;margin-bottom:20px;text-align:center;color:#000000;font-size:17px;font-weight:600;} .casino_agree ol {padding-left:20px;} .casino_agree li {list-style:decimal;margin-top:15px;line-height:18px;font-size:13px;} .casino_agree li:first-child {margin-top:0;} .casino_agree .intxt {margin-bottom:20px;} .casino_agree .exbox {padding:10px;border:2px dotted #aaaaaa;background-color:#f8f8f8;} .casino_agree .ex {display:block;margin-bottom:10px;width:60px;height:24px;line-height:24px;background-color:#555555;text-align:center;color:#ffffff;} .casino_agree .agree_confirm {display:flex;justify-content:center;padding:10px;border:1px solid #ffd0d0;background-color:#fffbfb;} .casino_agree .agc {display:block;box-sizing:border-box;margin:0 5px;height:30px;line-height:28px;border:1px solid #ff7979;background-color:#ffffff;text-align:center;font-size:15px;color:#ffffff;} .casino_agree .inp {width:200px;color:#e10000;font-weight:600;} .casino_agree .inp::-webkit-input-placeholder {font-weight:400;color:#777777;} .casino_agree .btn {padding:0 20px;background-color:#a90026;border-color:#82001d;} .casino_agree_ok {display:block;margin-bottom:20px;text-align:center;color:#ffcd00;font-size:17px;} .casino_agree_ok b {color:#ffffff;} /* Casino Game */ .casino_games_box {margin:0 auto;padding:20px 0;width:1220px;} .casino_games_box .CBTN {display:block;box-sizing:border-box;margin:10px;padding:10px;padding-bottom:30px;width:calc(100% / 3 - 20px);border-radius:8px;border:1px solid #000000;background-color:#ffffff;overflow:hidden;text-align:center;font-size:20px;font-weight:600;color:#000000;} .casino_games_box .CBTN img {display:block;margin:0 auto;max-width:100%;} .casino_games_box .CBTN.hidden {display:none;} .casino_games_box .casino_games {display:flex;justify-content:flex-start;flex-wrap:wrap;} .casino_games_box .full_list {width:100%;} .casino_games_box .full_list .CBTN {margin:5px;padding:0;width:calc(100% / 8 - 10px);} .casino_games_box .full_list .CBTN img {width:100%;} .casino_games_box .full_list .CBTN .slot_name {display:block;padding:10px;text-align:center;font-size:11px;} .casino_search, .casino_search_in {display:flex;justify-content:center;align-items:center;} .casino_search {margin-top:20px;padding:10px;border-radius:12px;background-color:rgb(0 0 0 / 40%);} .casino_search_in {padding:5px;border-radius:6px;border:2px solid #ffffff;background-color:#000000;} .casino_search_in .in_tit {display:block;margin-right:10px;margin-left:10px;font-size:16px;color:#ffffff;} .casino_search_in .inp-query {box-sizing:border-box;padding:0 10px;width:250px;border:0;background:none;font-size:16px;font-weight:500;color:#ffffff;} .casino_search_in .btn-search {padding:0 20px;line-height:36px;border-radius:4px;background-color:#ffea00;font-size:15px;font-weight:500;color:#000000;} .casinoFrame {width:100%;height:100vh;} /* .casino_games_box .evolution {background-image:url("../images/casino/evolution.png");} .casino_games_box .dreamgame {background-image:url("../images/casino/dreamgame.png");} .casino_games_box .sexycasino {background-image:url("../images/casino/sexycasino.png");} .casino_games_box .boongo {background-image:url("../images/casino/boongo.png");} .casino_games_box .wmlive {background-image:url("../images/casino/wmlive.png");} .casino_games_box .ppcasino {background-image:url("../images/casino/ppcasino.png");} .casino_games_box .evoplay {background-image:url("../images/casino/evoplay.png");} .casino_games_box .cq9 {background-image:url("../images/casino/cq9.png");} .casino_games_box .wazdan {background-image:url("../images/casino/wazdan.png");} .casino_games_box .habanero {background-image:url("../images/casino/habanero.png");} .casino_games_box .vivo {background-image:url("../images/casino/vivo.png");} .casino_games_box .ezugi {background-image:url("../images/casino/ezugi.png");} .casino_games_box .playstar {background-image:url("../images/casino/playstar.png");} .casino_games_box .relaxgame {background-image:url("../images/casino/relaxgame.png");} .casino_games_box .tpg {background-image:url("../images/casino/tpg.png");} .casino_games_box .gameart {background-image:url("../images/casino/gameart.png");} .casino_games_box .blueprint {background-image:url("../images/casino/blueprint.png");} */ /* ******************************************** 푸터 레이아웃 - 사이트별 시작 ******************************************** */ .footer_wrap {width:100%;min-width:1400px;background-color:#353c4a;} .footer_wrap .bottomLink {display:flex;justify-content:center;margin:0 auto;padding:30px 0;background-color:#313847;} .footer_wrap .bottomLink .Slink {display:block;width:calc(1400px / 12);height:80px;text-indent:-9999px;background-repeat:no-repeat;background-position:center center;} .footer_wrap .bottomLink .Slink.naver {background-image:url("../images/link/naver.png");} .footer_wrap .bottomLink .Slink.named {background-image:url("../images/link/named.png");} .footer_wrap .bottomLink .Slink.s7m {background-image:url("../images/link/7m.png");} .footer_wrap .bottomLink .Slink.flashscore {background-image:url("../images/link/flashscore.png");} .footer_wrap .bottomLink .Slink.chams {background-image:url("../images/link/chams.png");} .footer_wrap .bottomLink .Slink.mlb {background-image:url("../images/link/mlb.png");} .footer_wrap .bottomLink .Slink.kbo {background-image:url("../images/link/kbo.png");} .footer_wrap .bottomLink .Slink.nba {background-image:url("../images/link/nba.png");} .footer_wrap .bottomLink .Slink.nhl {background-image:url("../images/link/nhl.png");} .footer_wrap .bottomLink .Slink.kbl {background-image:url("../images/link/kbl.png");} .footer_wrap .bottomLink .Slink.wkbl {background-image:url("../images/link/wkbl.png");} .footer_wrap .bottomLink .Slink.kovo {background-image:url("../images/link/kovo.png");} .footer_wrap .FooterArea {margin:0 auto;padding-top:30px;padding-bottom:100px;} .footer_wrap .FooterArea p {text-align:center;color:rgb(255 255 255 / 30%);font-size:11px;text-transform:uppercase;} .player_wrap .player {width:800px;height:655px; margin: 0 auto} /* ******************************************** 게임 리스트 시작 ******************************************** */ .game_list {width:940px;min-height:500px;background:none;} /***** List Header */ .game_list .list_head { display:inline-block; margin:0px 0px 2px 0; background:rgba(160, 160, 160, 0.3); border:1px solid #555555; } .game_list .list_head div {float:left;margin-right:2px;line-height:21px;text-align:center;color:#ffffff;} .game_list .list_head .date {width:110px;} .game_list .list_head .win {width:363px;} .game_list .list_head .draw {width:50px;} .game_list .list_head .lose {width:363px;} .game_list .list_head .status {width:44px;margin-right:0;} /* List Header *****/ .game_list .nogame { padding:150px 70px;text-align:center;font-size:15px; color:#bfbfbf; text-shadow:0 3px 5px rgba(0,0,0,0.5);background:#111111;border:1px solid #333333;} .game_list .game {display:inline-block;color:#888;line-height:20px;margin:0 0 5px 0;width:940px;opacity:0.4;} .game_list .game div {float:left;margin-right:2px;height:23px;line-height:23px;background:#111111;border:1px solid #333333;text-align:center;color:#ffffff;} .game_list .game .date {width:100px;} .game_list .game .win {width:363px;} .game_list .game .draw {width:50px;} .game_list .game .lose {width:363px;} .game_list .game .status {width:46px;margin-right:0;} .game_list .game.active {opacity:1.0;} .game_list .game_leg.active {padding-top:3px;color:#ae9c7b;} .game_list .game.active .status {color:#ecc68d;font-weight:bold;} .game_list .bonus .rate {float:left;margin-right:2px;width:784px;background:#241e15; border:1px solid #2b2319; text-align:center;font-weight:bold; } /* 리그명 */ .game_list .game_leg { margin-top:5px;margin-bottom:5px;height:26px; background:url(../images/game/leagueTitleBg.png) bottom repeat-x; border-bottom:1px solid #303030; text-align:left; line-height:24px; } .game_list .game_leg .leg_icon { margin-left:5px; margin-top:3px;float:left; } .game_list .game_leg .leg_icon img { vertical-align:middle; } .game_list .game_leg .leg_name {float:left;margin-left:5px;font-weight:bold;font-size:15px;color:#ffe91d;text-shadow:1px 1px #000000;} .game_list .game_leg .leg_name_bonus {padding-top:5px;font-weight:bold;color:#ff5f00; text-shadow:1px 1px #000000; text-align: center;} .game_list .game_leg .game_date { display:none; } .game_list .game.active .clickable {cursor:pointer; *cursor:hand;} .game_list .game .team_name img {height:21px;margin-top:1px;vertical-align:top;} /***** Game Default */ .game_list .game .win { border-color:#565656; background:rgba(0,0,0,0.7); box-shadow:inset 0 0 10px rgba(255, 255, 255, 0.3) } .game_list .game .win div {display:inline;color:#ffffff;font-weight:bold;border:0;background:none;} .game_list .game .win .team_name {float:left;margin-left:5px;width:280px;text-align:left;} .game_list .game .win .rate {float:right;margin-right:5px;width:70px;text-align:right;} .game_list .game .draw { border-color:#333333; background:rgba(0,0,0,0.7); box-shadow:inset 0 0 10px rgba(255, 255, 255, 0.3) } .game_list .game .draw div {float:none;font-weight:bold;text-align:center;color:#ffffff;border:0;background:none;} .game_list .game .lose { border-color:#565656; background:rgba(0,0,0,0.7); box-shadow:inset 0 0 10px rgba(255, 255, 255, 0.3) } .game_list .game .lose div {display:inline;color:#ffffff;font-weight:bold;border:0;background:none;} .game_list .game .lose .team_name {float:right;margin-right:5px;width:280px;text-align:right;} .game_list .game .lose .rate {float:left;margin-left:5px;width:70px;text-align:left;} /* Game Default *****/ /* Game Active */ .game_list .game.active .win img {margin-right:5px;} .game_list .game.active .win span.handi_mark {color:#96ff00;font-weight:bold;} .game_list .game.active .lose img {margin-left:5px;} .game_list .game.active .lose span.handi_mark {color:#ffa700;font-weight:bold;} /*********** Game Over Event ***********/ /* Game Left */ .game_list .game.active .win.hover { border-color:#d8ab3e; background:rgba(148, 109, 49, 0.53); } .game_list .game.active .win.hover .rate span.handi_mark {font-weight:bold;} .game_list .game.active .draw.hover { border-color:#d8ab3e; background:rgba(148, 109, 49, 0.53); } .game_list .game.active .lose.hover { border-color:#d8ab3e; background:rgba(148, 109, 49, 0.53); } .game_list .game.active .lose.hover .rate span.handi_mark {font-weight:bold;} /*********** Game Checked (Active) ***********/ .game_list .game.active .win.checked { border-color:#d8ab3e; background:rgba(148, 109, 49, 0.53); } .game_list .game.active .win.checked div {color:#ffe8af;} .game_list .game.active .win.checked .rate span.handi_mark {font-weight:bold;} .game_list .game.active .draw.checked { border-color:#d8ab3e; background:rgba(148, 109, 49, 0.53); } .game_list .game.active .draw.checked div {color:#ffe8af;} .game_list .game.active .lose.checked { border-color:#d8ab3e; background:rgba(148, 109, 49, 0.53); } .game_list .game.active .lose.checked div {color:#ffe8af;} .game_list .game.active .lose.checked .rate span.handi_mark {font-weight:bold;} /* Game Bar Bonus */ .game_list .game.active.bonus .clickable { border-color:#5d5d5d; background:linear-gradient(#2b2b2b 0%, #070707 100%); background:-ms-linear-gradient(#2b2b2b 0%, #070707 100%); color:#fff000; } .game_list .game.active.bonus .clickable.hover { border-color:#ffc090; background:linear-gradient(#ffaf70 0%, #be5300 100%); background:-ms-linear-gradient(#ffaf70 0%, #be5300 100%); color:#000000; } .game_list .game.active.bonus .clickable.checked { border-color:#ffc090; background:linear-gradient(#ffaf70 0%, #be5300 100%); background:-ms-linear-gradient(#ffaf70 0%, #be5300 100%); color:#000000; } .game_list .score_info {margin-top:15px;height:72px;background:url(../images/score_bg.png) no-repeat center center;position: relative;color:#fff} .game_list .score_info .home {position: absolute;top:25px;left:100px;width:200px;font-family:Dotum,verdana;font-weight:bold;font-size:12pt;text-align:center;} .game_list .score_info .away {position: absolute;top:25px;left:500px;width:200px;font-family:Dotum,verdana;font-weight:bold;font-size:12pt;text-align:center;} .game_list .score_info .score{position: absolute;top:13px;left:310px;width:180px;font-family:verdana;font-weight:bold;font-size:24pt;text-align:center;} .icon_over {display:inline-block;background: url(../images/icon_over.gif) no-repeat; background-size: contain;width:13px; height:14px; vertical-align: middle;} .icon_under {display:inline-block;background: url(../images/icon_under.gif) no-repeat; background-size: contain;width:13px; height:14px; vertical-align: middle;} .link_large {font-size:14pt;font-weight:bold; text-align:center;margin:0 0 15px 0;} .link_large a {color:#fc0} .link_large a:hover{text-decoration: underline;} /* 가상축구, 가상경견 */ .Vgame {width:940px;text-align:center;background:#222222;} .Vgame iframe {margin:0 auto;display:inline-block;} .game_list.VHOUND .game_leg {padding:0 5px;} .game_list.VHOUND .game_leg strong {font-size:15px;color:#666666;} .game_list.VHOUND .game_leg.active strong {color:#ffffff;font-weight:bold;} .game_list.VHOUND .game_leg.active img {height:19px;vertical-align:top;} .game_list.VHOUND .game {height:35px;} .game_list.VHOUND .game .win {padding:5px;width:457px;} .game_list.VHOUND .game .lose {padding:5px;width:457px;margin-right:0;} .game_list.VHOUND .game .team_name {float:left;text-align:left;margin-left:5px;} .game_list.VHOUND .game .rate {float:right;text-align:right;margin-right:5px;} .game_list.VHOUND .position {display:block;float:left;width:23px;height:23px;background: url(../images/icon_hound.png) no-repeat 100px 100px !important;background-size: 23px 296px !important;border:0;} .game_list.VHOUND .position.pos1 {background-position: 0 0 !important;} .game_list.VHOUND .position.pos2 {background-position: 0 -39px !important;} .game_list.VHOUND .position.pos3 {background-position: 0 -78px !important;} .game_list.VHOUND .position.pos4 {background-position: 0 -117px !important;} .game_list.VHOUND .position.pos5 {background-position: 0 -156px !important;} .game_list.VHOUND .position.pos6 {background-position: 0 -195px !important;} .game_list.VHOUND .position.pos7 {background-position: 0 -234px !important;} .game_list.VHOUND .position.pos8 {background-position: 0 -273px !important;} /* 주만지 Frame */ .game_list .Jumanji_frame {margin-bottom:5px;padding:0;width:940px;overflow:hidden;text-align:center;background:#504a46;} .game_list .Jumanji_frame iframe {display:inline-block;margin:0 auto;margin-top:-50px;width:830px; height:630px;border:none;overflow:hidden;} /* ******************************************** 게임 리스트 끝 ******************************************** */ /* ******************************************** 게임 결과 페이지 시작 ******************************************** */ .result_wrap {position:relative;} .result_wrap .nogame {padding:300px 0;background:#111111;border:1px solid #333333;text-align:center;color:#888888;font-size:14px;} .game_result {margin:0 auto;padding-bottom:10px;background:none;} .game_result .game {margin-bottom:5px;color:#ddd;} .game_result .game div {float:left;margin-right:2px;padding:0 5px;height:23px;line-height:23px;background:#111111;border:1px solid #333333;text-align:center;color:#ffffff;} .game_result .game .date {clear:left;width:100px;} .game_result .game .league {width:180px;text-align:left;} .game_result .game .team_name img {height:21px;margin-top:1px;vertical-align:top;} .game_result .game .win { width:340px; border-color:#565656; background:rgba(0,0,0,0.7); box-shadow:inset 0 0 10px rgba(255, 255, 255, 0.3) } .game_result .game .win div {border:0;background:none;} .game_result .game .win .team_name {float:left;display:inline;width:195px;text-align:left;} .game_result .game .win .rate {float:right;display:inline;width:55px;text-align:right;} .game_result .game .draw { width:60px; border-color:#444444; background:rgba(0,0,0,0.4); box-shadow:inset 0 0 10px rgba(255, 255, 255, 0.3) } .game_result .game .draw div {float:none;text-align:center;border:0;background:none;} .game_result .game .draw .blackb {color:#eeeeee !important;font-weight:normal;} .game_result .game .lose { width:340px; border-color:#565656; background:rgba(0,0,0,0.7); box-shadow:inset 0 0 10px rgba(255, 255, 255, 0.3) } .game_result .game .lose div {border:0;background:none;} .game_result .game .lose .team_name {float:right;display:inline;width:195px;text-align:right;} .game_result .game .lose .rate {float:left;display:inline;width:55px;text-align:left;} .game_result .game.active .win.checked { border-color:#d8ab3e; background:rgba(148, 109, 49, 0.53); font-weight:bold; } .game_result .game.active .draw.checked { border-color:#d8ab3e; background:rgba(148, 109, 49, 0.53); } .game_result .game.active .lose.checked { border-color:#d8ab3e; background:rgba(148, 109, 49, 0.53); } .game_result .game .status {width:98px;margin-right:0;} .game_result .game .status .result_win { color: #ffab00; font-weight:bold;} .game_result .game .status .result_lose { color: #03a7b6; font-weight:bold;} .game_result .game .status .result_draw { color: #48d500; font-weight:bold;} .game_result .list_head { margin:0px 0px 5px 0; background:linear-gradient(#4d4d4d 0%, #343434 100%); background:-ms-linear-gradient(#4d4d4d 0%, #343434 100%); border:1px solid #555555; } .game_result .list_head div {float:left;margin:0 2px 0 0;padding:0 5px;line-height:21px;text-align:center;color:#ffffff;} .game_result .list_head .date {width:100px;} .game_result .list_head .league {width:180px;} .game_result .list_head .win {width:342px;} .game_result .list_head .draw {width:62px;} .game_result .list_head .lose {width:342px;} .game_result .list_head .status {width:100px;margin-right:0;} /* ******************************************** 게임 결과 페이지 끝 ******************************************** */ /* rules */ .rule_H3 {margin:25px 0 0 5px;padding:0 0 5px 0;font-weight:bold;font-size:16px;color:#b7b7b7;} .topGuideTxt {padding:15px;background:#111111;color:#ffc400;border:2px dotted #9c9184;} .topGuideTxt ul li {margin-top:5px;} .topGuideTxt ul li:first-child {margin-top:0;font-weight:bold;} .rules_wrap {margin:0 auto;} .rules_wrap .sub_title { color:#FFFFFF;font-weight:bold;padding:3px 3px 3px 10px; margin-top:10px;line-height:25px; background:linear-gradient(to top, #0f0f0f 0%, #2e3c1d 100%); background:-webkit-linear-gradient(top, #0f0f0f 0%, #2e3c1d 100%); background:-moz-linear-gradient(top, #0f0f0f 0%, #2e3c1d 100%); border: 1px solid #37491f; } .rules_wrap .sub_list { margin:0px; padding:1px;color:#aaa;background:#202b18;} .rules_wrap .sub_list p { margin:20px;color:#b5b5b5; } .rules_wrap table td { padding:3px;color:#939393; } .rules_wrap table td strong {padding-left:10px;font-weight:bold;font-size:15px;color:#ffc400;} .rules_wrap table{ border-collapse:separate; border-spacing:1px; } .rules_wrap .handicap_title{ color:#ff3600; font-size:34px; line-height:34px; text-shadow:1px 1px #000000; font-family:Verdana, Helvetica, sans-serif, Dotum; } /* rules */ .guide_wrap {padding:10px;} .guide_wrap .box { width:940px; margin:0px auto; } .guide_wrap .lined_box { border-left:#666 1px solid; border-top:#666 1px solid; } .guide_wrap .lined_box td { border-right:#666 1px solid; border-bottom:#666 1px solid; } /* member edit */ .member_tab { display:inline-block;margin:15px; } .member_tab a { display:block; float:left; width:60px; height:24px;margin-right:5px;cursor:pointer; *cursor:hand; } .member_tab .tab_1 { background:url(../images/btn_myInfo_off.png) no-repeat; width:75px;} .member_tab .tab_2 { background:url(../images/btn_point_off.png) no-repeat; } .member_tab .tab_3 { background:url(../images/btn_memo_off.png) no-repeat; } .member_tab .tab_1.on { background:url(../images/btn_myInfo.gif) no-repeat; } .member_tab .tab_2.on { background:url(../images/btn_point.gif) no-repeat; } .member_tab .tab_3.on { background:url(../images/btn_memo.gif) no-repeat; } .member_tab .tab_1.hover { background:url(../images/btn_myInfo.gif) no-repeat; } .member_tab .tab_2.hover { background:url(../images/btn_point.gif) no-repeat; } .member_tab .tab_3.hover { background:url(../images/btn_memo.gif) no-repeat; } .member_wrap {position:relative;} .member_wrap .form {margin:0 auto;padding:30px; color:#fff;background:rgba(255,255,255,0.05);border:1px solid #444444;} .member_wrap .form .row { clear:both;margin-top:10px;padding:0 0 0 0; overflow:auto;background:#312c25;border:1px solid #8c8271;} .member_wrap .form .row .name { float:left;margin-right:10px;padding:5px 10px; width:120px; font-weight:bold;line-height:20px; text-align:left; margin-right:2px; color:#cab99f; background:#484034;} .member_wrap .form .row .info { float:left; padding:4px 5px 4px 10px;width:515px; color:#eaeaea;} .member_wrap .form .row .info .user_pw_check_result { margin-left:5px; color:#ffaa00;} .member_wrap .form input {width:250px;height:18px; padding:3px 5px 0 5px; border:1px solid #ded3c2; background-color:#a9a093; color:#000000; } .member_wrap .btn { text-align:center; margin:25px 0;} .member_wrap .authcode_get {} .member_wrap .authcode_check { display:none; } .point_list_wrap {} .point_list_wrap .list { color:#333;margin:0 auto 10px;width:930px;} .point_list_wrap .list .nodata { height: 100px; line-height:100px; text-align:center;font-size:25px; color:#ffffff; text-shadow:0 3px 5px rgba(0,0,0,0.5); } .point_list_wrap .list .head {font-weight: bold;text-align: center;margin-bottom:5px; background-color:#fff;} .point_list_wrap .list .head div {padding:3px;margin-right:2px;} .point_list_wrap .list .head .name {background: #fff;} .point_list_wrap .list .head .amount {background: #f0f0f0;} .point_list_wrap .list .head .point {background: #fff;} .point_list_wrap .list .head .date {background: #f0f0f0;} .point_list_wrap .list .row div {background: #3c3c3c;text-align:center;padding:3px;line-height:20px;margin-right:2px; color:#eee;} .point_list_wrap .list .even div {background: #2f2f2f;} .point_list_wrap .list .name {width:200px; float:left;} .point_list_wrap .list .amount {width:300px;float:left;} .point_list_wrap .list .point {width:200px;float:left;} .point_list_wrap .list .date {width:200px;float:left;margin-right:0px !important;} .point_list_wrap .summary {background: #4bc1d2;text-align:right;margin:0 auto;width:930px;line-height:24px;color:#eee; padding-right:5px;} .point_list_wrap .summary .point {color: #FA0;font-weight: bold; font-size:20px; text-shadow:1px 1px #204142;} /* letter */ .letter_wrap { *zoom:1;} .letter_list { display:inline-block;line-height:24px;color:#ddd; margin:0;width:1200px;min-height:400px;} .letter_list .nodata {padding:150px 50px;color:#8a8a8a;text-align:center;background:#222222;} .letter_list .head { height:23px; background:rgba(160, 160, 160, 0.3); border:1px solid #555555; font-weight:bold; } .letter_list .head div { float:left;line-height:23px;olor:#ffffff;text-align:center; } .letter_list .num { width:80px; float:left;clear:left; padding:2px;text-align:center; } .letter_list .title { width:860px; float:left; font-weight:bold;padding:2px; } .letter_list .reg_date { width:120px; float:left;padding:2px;text-align:center; } .letter_list .delete { width:80px; float:left;padding:2px;text-align:center; } .letter_list .row { margin-bottom:1px; border-bottom:1px solid #555555;color:#bebebe;} .letter_list .row a { color:#ffffff; } .letter_list .row a:link { color:#ffffff; } .letter_list .row a:hover { color:#fff000;} .letter_list .row .btn_letter_delete { display:inline-block; vertical-align:middle;cursor:pointer; *cursor:hand; background:url(../images/board_btn_coment_del.gif) no-repeat; width:13px; height:11px; } .letter_list .row.readed {opacity:0.4;} .letter_list .row.readed .title {font-weight:normal;} .letter_list .letter_btn {padding:10px 0 0;} .letter_list_wrap .icon_trash { display:inline-block; vertical-align:middle;cursor:pointer; *cursor:hand; background:url(../images/x.gif); width:12px; height:12px;} .letter_wrap .view_body { padding:0px;color:#ccc; } .letter_wrap .view_body .board_head {display:inline-block;padding-top:3px;width:1200px;height:26px;text-align:center;background:#464646;border-top:1px solid #979797;} .letter_wrap .view_body .board_head div { line-height:22px; height:22px; float:left;color:#333;} .letter_wrap .view_body .board_head strong {display:inline-block;margin:0 5px 0 10px;color:#bebebe;vertical-align:top;} .letter_wrap .view_body .board_head span {display:inline-block;color:#FFFFFF;vertical-align:top;} .letter_wrap .view_body .title { width:930px; clear:left; font-weight:bold;text-align:left;} .letter_wrap .view_body .reg_date { width:220px;text-align:right; } .letter_wrap .view_body .detail { margin-bottom:15px; color:#ccc; display:inline-block;} .letter_wrap .view_body .detail div { line-height:22px; height:22px; float:left;margin-right:1px; text-align:center; } .letter_wrap .view_body .detail .title { text-align:left; } .letter_wrap .view_body .content { padding:10px; color:#000000; font-size:12px; font-weight:bold; line-height:18px; margin:0px; width:auto; border:1px solid #e7e7e7; margin-bottom:20px; min-height:200px; padding:10px;background-color:#e1e1e1;background-image:none; } *html .letter_wrap .view_body .content { height:100%; } .letter_wrap .btn_wrap { text-align:right;margin:10px 0px; } .letter_wrap .btn_wrap img { cursor:pointer; *cursor:hand; } /* 쪽지 버튼 */ .letter_wrap .btn_wrap span { display:inline-block; vertical-align:middle; padding:0 0 0 0; width:100px; height:30px; line-height:30px; background:#614f32; border:1px solid #bfad90; text-align:center; text-shadow:1px 1px 0px #2e2e2e; font-size:14px; font-weight:bold; color:#ffffff; box-shadow:inset 0 0 15px rgba(255,255,255,0.3); cursor:pointer; *cursor:hand; } .letter_wrap .btn_wrap span:hover { background:#7b6849; border-color:#fff1d9; } /* board */ .board_list {display:inline-block;margin:0 auto;width:1200px;line-height:24px;color:#e2bda5;text-align:left;} /* Board List Header */ .board_list .head { height:23px; background:rgba(160, 160, 160, 0.3); border:1px solid #555555; } .board_list .head div { float:left;padding:0 2px;color:#ffffff;text-align:center;height:23px;line-height:23px;} .board_list .head .title {margin-top:0;} .board_list .num {width:70px;float:left;clear:left;text-align:center;} .board_list .title {width:822px;float:left;font-weight:bold;color:#dedede;} .board_list .title b {color:#ff4900;} .board_list .writer {width:170px;float:left;font-weight:bold;} .board_list .writer .user_level {vertical-align:top;margin-right:5px;} .board_list .reg_date {width:80px;float:right !important;text-align:center;color:#dedede;} .board_list .cnt {width:80px;float:left;text-align:center; } .board_list .row {padding:3px 0;border-bottom:1px solid #474747;background-color:#e7e7e7;} .board_list .row div {padding:0 2px;height:32px;line-height:32px;color:#555555;} .board_list .row a { color:#ffffff; } .board_list .row a:link { color:#000000; } .board_list .row a:hover { color:#ff7000;} .board_list .row a:visited { color:#777777 } /* 게시판 공지사항 */ .board_list .notice {color:#FF0000;background:#dadada;border-bottom:1px solid #000000;} .board_list .notice .num { font-weight:bold; color:#ff6600;} .board_list .notice .title { font-weight:bold; } .board_list .notice .title a {color:#000000;} .board_list .notice a:link { color:#000000; } .board_list .notice a:hover { color:#ff0000;} .board_list .notice a:visited {color:#666666;} .board_list .notice .writer {color:#444444;} .board_list .board_btn { text-align:center;margin:10px 0px; float:right;} .board_list .board_btn .btn_open_detail { font-weight:bold; color:#fff;line-height:14px; } /* Button */ .board_list .board_btn span { display:inline-block; vertical-align:middle; padding:0 0 0 0; width:100px; height:30px; line-height:30px; background:#614f32; border:1px solid #bfad90; text-align:center; text-shadow:1px 1px 0px #2e2e2e; font-size:14px; font-weight:bold; color:#ffffff; box-shadow:inset 0 0 15px rgba(255,255,255,0.3); cursor:pointer; *cursor:hand; } .board_list .board_btn span:hover { background:#7b6849; border-color:#fff1d9; } /* 페이지 넘버 */ .pagination { font-size:12px; font-weight:bold; text-align:center; padding:10px 5px 0; margin-top:10px;} .pagination .first { font-size:10px; margin:0px 5px;} .pagination .prev { font-size:10px; margin:0px 5px;} .pagination .next { font-size:10px; margin:0px 5px;} .pagination .last { font-size:10px; margin:0px 5px;} .pagination .cur { color:#000000; background-color:#ecc280; border-radius:5px; padding:3px 7px;} .pagination .num { color:#ffffff; margin:0px 2px;} .pagination span {vertical-align:top;} .pagination a {vertical-align:top;} .pagination a:link { color:#ffffff; background-color:#545454; border-radius:5px; padding:3px 7px;} .pagination a:visited { color:#888888; background-color:#2f2f2f; border-radius:5px; padding:3px 7px;} /* .pagination .first { display:block; background:url(/a3/img/icon_back_orange.gif); line-height:12px; height:12px; font-size:0; } .pagination .last { display:block; background:url(/a3/img/icon_next_orange.gif); line-height:12px; height:12px;font-size:0; } */ .board_wrap { *zoom:1; padding:0px;} /* 글쓰기 */ .board_wrap .write_body { padding:10px 0 0 0; background:url(../images/board/header_light.png) repeat-x top; border-top:1px solid #656565; } .board_wrap .write_body .title { display:inline-block;line-height:24px; height:24px; margin-bottom:5px;color:#000; } .board_wrap .write_body .title .name { float:left; clear:left; width:80px; text-align:center; font-weight:bold; color:#ebebeb; margin-right:5px;height:100%; font-family:"Malgun Gothic"; font-size:15px; font-weight:bold; } .board_wrap .write_body .title .item { float:left; width:1090px; text-align:center; font-weight:bold; color:#ccc; height:100%; } .board_wrap .write_body .title input { margin-bottom:10px;padding:0 5px;width:100%; font-size:14px; line-height:24px; height:24px;background-color:#b9b9b9; border:2px solid #f5f5f5;color:#000000;} .board_wrap .write_body .content {clear:both;padding:0px; margin:10px 0 0 0; width:auto; margin-bottom:20px; background-image:none;background-color:#efefef;} .board_wrap .write_body #game_detail {display:inline-block;*zoom:1; } .board_wrap .se2_inputarea { color:#000000;} /* 게시판 보기 */ .board_wrap .view_body { padding:0px;color:#FFFFFF; } .board_wrap .view_body .board_head {padding:0 10px;width:1180px;font-weight:bold;background:#484848;border-top:1px solid #8f8f8f;} .board_wrap .view_body .board_head div {padding-left:5px;line-height:22px; height:22px; float:left;color:#FFFFFF;font-weight:bold;padding:3px;} .board_wrap .view_body .board_head div.reg_date {float:right;} .board_wrap .view_body .board_head div strong {color:#b4b4b4;vertical-align:top;} .board_wrap .view_body .board_head div span {color:#FFFFFF;vertical-align:top;} .board_wrap .view_body .title { width:845px; clear:left; font-weight:bold;} .board_wrap .view_body .writer { width:150px;text-align:right;} .board_wrap .view_body .reg_date { width:125px; text-align:right;} .board_wrap .view_body .cnt { width:80px; } .board_wrap .view_body .detail { color:#fff; background:url(../images/board/br_tit.png) repeat-x bottom;} .board_wrap .view_body .detail div {line-height:22px; height:22px; float:left;margin-right:1px; text-align:left; padding:3px;} .board_wrap .view_body .content { padding:10px; color:#000000; font-size:12px; line-height:18px; margin:0px; width:auto; border:1px solid #fdfdfd; margin-bottom:20px;min-height:200px; background-color:#eeeeee;background-image:none; } .board_wrap .view_body .content img {max-width: 100%;} *html .board_wrap .view_body .content { height:100%; } /* 댓글 영역 */ .board_wrap .cmt_list_wrap {clear:both;margin:0 auto;width:1200px;} .board_wrap .cmt_list {width:100%; line-height:12px;} .board_wrap .cmt_list tr { border-bottom:1px solid #3d3d3d; } .board_wrap .cmt_list td { padding:5px; } .board_wrap .cmt_list .cmt_name b {color:#c8c8c8;} .board_wrap .cmt_list .cmt_content { font-weight:bold; } .board_wrap .cmt_list .cmt_content img {margin-top:2px;margin-left:10px;cursor:pointer;} .board_wrap .cmt_list .cmt_content span {display:inline-block;padding-bottom:2px;color:#cacaca;} .board_wrap .cmt_form {padding:5px 0;height:54px;font-family:Verdana, Dotum;font-size:12px;margin-bottom:0;background:#000000; } .board_wrap .cmt_form ul {} .board_wrap .cmt_form ul li {float:left;} .board_wrap .cmt_form ul li:first-child { width:176px; height:52px; background:linear-gradient( #d6d0c6 0%, #ab9f8e 100%); background:-ms-linear-gradient( #d6d0c6 0%, #ab9f8e 100%); border:1px solid #ffffff; text-align:center; } .board_wrap .cmt_form ul li:first-child span {display:inline-block;line-height:52px;font-size:18px;color:#000000;} .board_wrap .cmt_form ul li.inputArea { width:904px; height:52px; border:1px solid #ffffff; background:linear-gradient( #151515 0%, #2c2c2c 100%); background:-ms-linear-gradient( #151515 0%, #2c2c2c 100%); } .board_wrap .cmt_form ul li input.cmt_content {padding:20px;width:864px;height:12px;background:none;border:none;color:#FFFFFF;} .board_wrap .board_btn { text-align:right;margin:10px 0px;padding:10px 0;/*border-top:1px solid #2d2d2d;*/} .board_wrap .board_btn img { cursor:pointer; *cursor:hand; } /* Button */ .board_wrap .board_btn span { display:inline-block; vertical-align:middle; padding:0 0 0 0; width:100px; height:30px; line-height:30px; background:#614f32; border:1px solid #bfad90; text-align:center; text-shadow:1px 1px 0px #2e2e2e; font-size:14px; font-weight:bold; color:#ffffff; box-shadow:inset 0 0 15px rgba(255,255,255,0.3); cursor:pointer; *cursor:hand; } .board_wrap .board_btn span:hover { background:#7b6849; border-color:#fff1d9; } .board_list_wrap .letter_btn { text-align:right; } /* 날짜 검색 부분 */ .search_panel {text-align:right; padding:15px; color:#75665b; margin-bottom:5px;border:1px solid #565656;background:rgba(255,255,255,0.1);} .search_panel .date_input { color:#FFFFFF;background:#4a453a;border:1px solid #bda87f;box-shadow:none;} /* 검색 버튼 */ .search_panel .btn_search { margin-left:5px; width:60px; height:21px; line-height:21px; vertical-align:middle; border:1px solid #d2c2a2; background:#736853; color:#ffffff; cursor:pointer; *cursor:hand; } /* order */ .betting_wrap {margin-bottom:0;padding-bottom:5px;} .betting_wrap .nogame {color:#fff;padding:200px 0; height:50px; line-height:50px; text-align:center;font-size:15px; color:#999999; text-shadow:0 3px 5px rgba(0,0,0,0.5); background:#0e0907;border:1px solid #292421} /* 게시판 첨부 베팅내역 BG */ .betting_wrap .item {margin:0 auto 10px auto;padding:5px 0;width:1200px;background:none;} /****** Bet History Header */ .betting_wrap .item .head { margin:0px 0px 8px 0; background:rgba(160, 160, 160, 0.4); border:1px solid #555555; } .betting_wrap .item .head div {float:left;margin-right:2px;padding:0 5px;line-height:21px;text-align:center;font-size:11px;color:#ffffff;} .betting_wrap .item .head .date {width:82px;} .betting_wrap .item .head .league {width:182px;} .betting_wrap .item .head .win {width:332px;} .betting_wrap .item .head .draw {width:52px;} .betting_wrap .item .head .lose {width:332px;} .betting_wrap .item .head .result {width:92px;} .betting_wrap .item .head .status {margin-right:0;width:44px;} /* Bet History Header ******/ .betting_wrap .item .row {display:inline-block;margin-bottom:5px;color:#ddd;} .betting_wrap .item .row div {float:left;margin-right:2px;padding:0 5px;height:23px;line-height:23px;background:#111111;border:1px solid #333333;text-align:center;color:#ffffff;} .betting_wrap .item .row .date {clear:left;width:80px;} .betting_wrap .item .row .league {width:180px;text-align:left;white-space:nowrap;overflow:hidden;} .betting_wrap .item .row .team_name img {height:21px;margin-top:1px;vertical-align:top;} .betting_wrap .item .row .win { width:330px; border-color:#565656; background:rgba(0,0,0,0.7); box-shadow:inset 0 0 10px rgba(255, 255, 255, 0.3) } .betting_wrap .item .row .win div {border:0;background:0;} .betting_wrap .item .row .win .team_name {float:left;text-align:left;} .betting_wrap .item .row .win .rate {float:right;text-align:right;} .betting_wrap .item .row .draw { width:50px; border-color:#444444; background:rgba(0,0,0,0.4); box-shadow:inset 0 0 10px rgba(255, 255, 255, 0.3) } .betting_wrap .item .row .draw div {float:none;border:0;background:0;} .betting_wrap .item .row .lose { width:330px; border-color:#565656; background:rgba(0,0,0,0.7); box-shadow:inset 0 0 10px rgba(255, 255, 255, 0.3) } .betting_wrap .item .row .lose div {border:0;background:0;} .betting_wrap .item .row .lose .team_name {float:right;text-align:right;} .betting_wrap .item .row .lose .rate {float:left;text-align:left;} .betting_wrap .item .row .win.selected { border-color:#d8ab3e; background:rgba(148, 109, 49, 0.53); } .betting_wrap .item .row .draw.selected { border-color:#d8ab3e; background:rgba(148, 109, 49, 0.53); } .betting_wrap .item .row .lose.selected { border-color:#d8ab3e; background:rgba(148, 109, 49, 0.53); } .betting_wrap .item .row .result {width:90px;color:#a2a2a2;} .betting_wrap .item .row .status {margin-right:0px !important;width:44px;} .betting_wrap .item .row .status .result_waiting { color:#949494; } .betting_wrap .item .row .status .result_hit { color:#ffbb00; font-weight:bold; } .betting_wrap .item .row .status .result_miss { color:#e20000; font-weight:bold; } .betting_wrap .item .row .status .result_special { color:#00d9ff; font-weight:bold; } .betting_wrap .item .bet_summary { margin:5px 0px 0 0; padding:5px 0; text-align:center; color:#ddd; } .betting_wrap .item .bet_summary span {line-height:22px;} .betting_wrap .item .bet_summary .bet_rate { color:#ffd500; } .betting_wrap .item .bet_summary.bet_result_hit { color:#ffd200; } .betting_wrap .item .bet_summary.bet_result_miss { text-decoration: line-through; } .betting_wrap .item .bet_summary.canceled { text-decoration: line-through; } .betting_wrap .bet_summary .cash { color:#f30 } .betting_wrap .btn_wrap { padding:10px;} /*************************************** 버튼 모음 시작 ***************************************/ .betting_wrap .icon_trash { display:inline-block; vertical-align:middle; background:url(../images/x.gif); width:12px; height:12px; cursor:pointer; *cursor:hand; } /* 베팅내역 - 취소된 내역 개별 삭제 버튼 */ .betting_wrap .bet_summary .btn_bet_delete { display:inline-block; vertical-align:middle; margin-top:-2px; width:63px;height:22px; background:#000000; border:1px solid #6b6b6b; color:#c7c7c7; cursor:pointer; *cursor:hand; } /* 베팅내역(게시판 내역 첨부시) - 삭제*/ .betting_wrap .bet_summary .btn_bet_remove { display:inline-block; vertical-align:middle; margin-top:-2px; width:63px;height:22px; background:#000000; border:1px solid #6b6b6b; color:#c7c7c7; cursor:pointer; *cursor:hand; } /* 베팅내역 - 베팅취소 버튼 */ .betting_wrap .bet_summary .btn_bet_cancel { display:inline-block; vertical-align:middle; margin-top:-2px; width:63px;height:22px; background:#2b2420; border:1px solid #e47a2e; color:#ffe5d2; cursor:pointer; *cursor:hand; } /* 게시판 내역첨부 - 팝업 */ .betting_wrap .bet_summary .btn_bet_apply { display:inline-block; vertical-align:middle; margin-top:-2px; width:63px;height:22px; background:#2b2420; border:1px solid #e47a2e; color:#ffe5d2; cursor:pointer; *cursor:hand; } /* 게시판 - 댓글쓰기 버튼 */ .board_wrap .cmt_form ul li span.btn_cmt_write { display:inline-block; padding:0 0 0 0; width:114px; height:52px; line-height:52px; background:linear-gradient( #d6d0c6 0%, #ab9f8e 100%); background:-ms-linear-gradient( #d6d0c6 0%, #ab9f8e 100%); border:1px solid #ffffff; text-align:center; font-weight:700; font-size:14px; color:#000000; cursor:pointer; } /* 베팅 내역 - 전체삭제버튼 */ a.btn_delete_all { display:inline-block; padding:0 30px; line-height:31px; background:#4e300c; border:1px solid #968981; text-align:center; text-shadow: 1px 0px 0px #000000; font-weight:bold; color:#FFFFFF; } /* 입금계좌정보요청 */ .money_wrap .form .account_info .btn_account_request { display:inline-block; vertical-align:middle; margin-top:-4px; padding:0; width:110px;height:24px; background:linear-gradient(to top, #766a62 0%, #503223 100%); background:-webkit-linear-gradient(top, #766a62 0%, #503223 100%); background:-moz-linear-gradient(top, #766a62 0%, #503223 100%); border:1px solid #968981; text-align:center; text-shadow: 1px 0px 0px #000000; line-height:23px; font-weight:bold; color:#FFFFFF; } /* 금액 버튼 */ .money_wrap .form .row .btn_cash { display:inline-block; vertical-align: middle; width:64px;height:24px; text-align:center;color:#000000; line-height:25px; font-weight:bold; cursor:pointer; border-radius:3px; } .money_wrap .form .row .btn_cash.c1 {background:#fad572;} .money_wrap .form .row .btn_cash.c3 {background:#fad572;} .money_wrap .form .row .btn_cash.c5 {background:#fad572;} .money_wrap .form .row .btn_cash.c10 {background:#fad572;} .money_wrap .form .row .btn_cash.c50 {background:#fad572;} /* 정정 */ .money_wrap .form .row .btn_reset { display:inline-block; vertical-align: middle; width:64px;height:24px; background:#c55a00; border:1px solid #ff7400; text-align:center; line-height:23px; font-weight:bold; border-radius:3px; } /****************** 충전, 환전, 전환 버튼 Start ******************/ .money_wrap .btn {text-align:center;} .money_wrap .btn a { display:inline-block; vertical-align:middle; padding:0 0 0 0; width:100px; height:30px; line-height:30px; background:#614f32; border:1px solid #bfad90; text-align:center; text-shadow:1px 1px 0px #2e2e2e; font-size:14px; font-weight:bold; color:#ffffff; box-shadow:inset 0 0 15px rgba(255,255,255,0.3); cursor:pointer; *cursor:hand; } .money_wrap .btn a:hover { background:#7b6849; border-color:#fff1d9; } .money_wrap .btn span { display:inline-block; vertical-align:middle; padding:0 0 0 0; width:100px; height:30px; line-height:30px; background:#614f32; border:1px solid #bfad90; text-align:center; text-shadow:1px 1px 0px #2e2e2e; font-size:14px; font-weight:bold; color:#ffffff; box-shadow:inset 0 0 15px rgba(255,255,255,0.3); cursor:pointer; *cursor:hand; } .money_wrap .btn span:hover { background:#7b6849; border-color:#fff1d9; } /****************** 충전, 환전, 전환 버튼 End ******************/ /* 회원정보 수정 */ .member_wrap .btn_reg { display:inline-block; vertical-align:middle; padding:0 0 0 0; width:100px; height:30px; line-height:30px; background:#614f32; border:1px solid #bfad90; text-align:center; text-shadow:1px 1px 0px #2e2e2e; font-size:14px; font-weight:bold; color:#ffffff; box-shadow:inset 0 0 15px rgba(255,255,255,0.3); cursor:pointer; *cursor:hand; } .member_wrap .btn_reg:hover { background:#7b6849; border-color:#fff1d9; } /* 쪽지 전체 삭제 */ .btn_letter_delete_all { display:inline-block; padding:0 30px; line-height:31px; background:#4e300c; border:1px solid #968981; text-align:center; text-shadow: 1px 0px 0px #000000; font-weight:bold; color:#FFFFFF; } .money_wrap .btn_deposit {} /*************************************** 버튼 모음 끝 ***************************************/ body.popup { background-color:#151515;height:auto; } body.popup .betting_wrap { margin:0 auto;width:1160px; } body.popup .betting_wrap .spacer { display:none; } .game_notice {margin:0 7px 5px 7px;} .game_notice marquee {line-height:16px;color:#ffb300;} /* Mini Game Menu */ .miniMenu {position:absolute;top:173px;left:-100px;display:none;} .miniMenu h2 {margin-bottom:5px;text-align:center;font-weight:bold;color:#cccccc;} .miniMenu ul {margin-bottom:10px;} .miniMenu ul li {margin-bottom:3px;} .miniMenu ul li a {display:block;padding:0 10px;width:70px;line-height:28px;border-radius:4px;background:#444444;color:#ffffff;} .miniMenu ul li a:hover {text-decoration:none;} /* sports select */ .sportsKind {position:absolute;z-index:99;top:0px;right:-10px;height:28px;} .sportsKind ul li {float:left;margin-left:2px;} .sportsKind ul li a {display:block;padding:0 10px 0 35px;height:26px;line-height:26px;border:1px solid #cea621;font-weight:bold;color:#ffffff;opacity:0.6;} .sportsKind ul li a:hover {opacity:1.0;text-decoration:none;border-color:#ffc70c;} .sportsKind ul li a.on {opacity:1.0;border-color:#339cff;} .sportsKind ul li a.spk01 {padding:0 20px;background:#674c14;} .sportsKind ul li a.spk02 {background:url(../images/sptab/spc_02.png) no-repeat left center #674c14;} .sportsKind ul li a.spk03 {background:url(../images/sptab/spc_03.png) no-repeat left center #674c14;} .sportsKind ul li a.spk04 {background:url(../images/sptab/spc_04.png) no-repeat left center #674c14;} .sportsKind ul li a.spk05 {background:url(../images/sptab/spc_05.png) no-repeat left center #674c14;} .sportsKind ul li a.spk06 {background:url(../images/sptab/spc_06.png) no-repeat left center #674c14;} .sportsKind ul li a.spk07 {background:url(../images/sptab/spc_07.png) no-repeat left center #674c14;} .sportsKind ul li a.spk08 {background:url(../images/sptab/spc_08.png) no-repeat left center #674c14;} /*********************** 출석체크 ****************************/ .attTopFrame {padding:6px;border-radius:6px;border:1px solid #333333;background-color:#ffffff;overflow:hidden;} .attTopMess {display:flex;justify-content:center;margin-bottom:5px;padding:0 10px;border-radius:5px;background-color:#555555;} .attTopMess .messTxt {display:block;margin:0 10px;line-height:40px;font-weight:700;font-size:19px;color:#ffab00;} .att_messages {position:relative;padding:10px;min-height:40px;border-radius:6px;border:1px solid #cccccc;background-color:#f6f6f6;} .att_messages .btn_attendance {position:absolute;top:50%;right:20px;display:flex;justify-content:flex-end;margin-top:-20px;} .att_messages .btn_attendance .attbin {display:block;height:40px;line-height:40px;} .att_messages .btn_attendance .txt {font-size:15px;font-weight:500;} .att_messages .btn_attendance .btn {margin-left:20px;width:150px;border-radius:40px;background-image:linear-gradient(#333333 50%, #111111 50%);text-align:center;font-size:19px;font-weight:500;color:#ffffff;} .att_messages .attOK {position:relative;top:0;right:0;margin:0;padding-left:20px;justify-content:space-between;} .att_messages .attOK .txt {font-size:19px;} .att_messagesIN {margin:10px 10px;} .att_messagesIN .attx {display:block;margin-right:10px;line-height:40px;color:#555555;font-size:17px;letter-spacing:-1px;} .att_messagesIN .tit, .att_messagesIN .num {margin-right:5px;} .att_messagesIN .tit {font-weight:600;} .att_messagesIN .tit::before {content:"";display:inline-block;vertical-align:top;margin:17px 0;margin-right:6px;width:6px;height:6px;border-radius:50%;background-color:#777777;} .att_messagesIN .num {font-weight:600;color:#000000;} .att_messagesIN .num::after {content:"원";margin-left:2px;} .att_messagesIN .attOpBox {display:flex;justify-content:flex-start;margin-right:10px;padding:0 10px;border-radius:4px;} .att_messagesIN .todayState {width:calc(100% - 430px);background-color:#858585;} .att_messagesIN .todayState .attx {color:#ffffff;} .att_messagesIN .todayState .tit::before {background-color:#eeeeee;} .att_messagesIN .todayState .num {margin-right:30px;} /* 날짜선택 */ .AttDayBox {display:flex;justify-content:center;padding:10px;} .AttDayBox .Day {display:block;height:60px;line-height:60px;background-repeat:no-repeat;font-size:33px;font-weight:600;color:#ffffff;} .AttDayBox .btn {margin:0 20px;width:40px;text-indent:-9999px;background-position:center center;background-size:contain;} .AttDayBox .prev {background-image:url("../images/ico_day_pre.svg");} .AttDayBox .next {background-image:url("../images/ico_day_next.svg");} /* 달력 */ .attFrame {padding:10px;border-radius:6px;border:1px solid #000000;background-color:#333333;} .att_cal {box-sizing:border-box;width:100%;background-color:#ffffff;border:1px solid #333333;overflow:hidden;border-radius:6px;} .att_cal table {width:100%;} .att_cal table th, .att_cal table td {border-style:solid;border-width:0;border-left-width:1px;border-bottom-width:1px;} .att_cal table th:first-child, .att_cal table td:first-child {border-left-width:0;} .att_cal table th {padding:0 10px;height:30px;line-height:30px;background-color:#8f8f8f;font-size:15px;color:#ffffff;border-color:#333333;} .att_cal table th:first-child {background-color:#e60e2e;} .att_cal table th:last-child {background-color:#0273ff;} .att_cal table td {position:relative;padding:20px 10px;height:40px;border-color:#aaaaaa;} .att_cal table td:first-child {background-color:#fff7f7;} .att_cal table td:last-child {background-color:#f1f8ff;} .att_cal table td .day {display:block;position:absolute;top:10px;left:10px;font-size:17px;font-weight:600;color:#000000;} .att_cal table td:first-child .day {color:#ff0027;} .att_cal table td:last-child .day {color:#0074ff;} .att_cal table tr:last-child td {border-bottom-width:0;} .att_cal table td .CR {position:absolute;display:block;top:50%;right:10px;margin-top:-30px;width:50px;height:60px;filter:opacity(15%);background-repeat:no-repeat;background-position:right center;background-size:contain;} .att_cal table td .CHNO {background-image:url("../images/ico_att_no.svg");} .att_cal table td .CHOK {background-image:url("../images/ico_att_ok.svg");filter:opacity(100%);} /* 출석 포인트 내역 */ .att_log {margin-top:10px;overflow:hidden;} .att_log .head {line-height:30px;border-radius:4px;background-color:rgb(255 255 255 / 10%);text-align:center;color:#ffffff;font-size:15px;} .att_log .nodata {margin:0 auto;line-height:60px;text-align:center;color:#666666;font-size:15px;} .att_log .attBox {display:flex;justify-content:flex-start;flex-wrap:wrap;padding-top:8px;} .att_log .att {display:flex;justify-content:space-between;box-sizing:border-box;margin:3px;padding:5px 10px;width:calc(100% / 4 - 6px);border-radius:6px;border:1px solid #ffffff;background-color:#e1e1e1;} .att_log .att::after {content:"";filter:opacity(30%);display:block;box-sizing:border-box;width:30px;background-repeat:no-repeat;background-position:center center;background-size:contain;background-image:url("../images/ico_completed.svg");} .att_log .att .atp {display:block;margin-right:15px;height:20px;line-height:20px;font-size:13px;color:#000000;} .att_log .att .date {font-weight:400;color:#666666;} .att_log .att .days::after {content:"일 출첵 상금";font-weight:400;margin-left:2px;} .att_log .atpin {display:flex;justify-content:flex-start;margin-top:4px;} .att_log .active {cursor:pointer;background-color:#ffffff;border-color:#000000;} .att_log .active .atp {font-weight:600;color:#000000;} .att_log .active .atpin .atp {color:#ff0000;} .att_log .active::after {filter:opacity(100%);background-image:url("../images/ico_download.svg");} /* ******************* 룰렛 ******************* */ .inTabMenu {margin-bottom:10px;} .inTabMenu ul {display:flex;justify-content:space-between;} .inTabMenu li {box-sizing:border-box;width:calc(100% / 2 - 1px);} .inTabMenu li:first-child {border-left-width:0;} .inTabMenu.IT3 li {width:calc(100% / 3);} .inTabMenu.IT4 li {width:calc(100% / 4);} .inTabMenu.IT5 li {width:calc(100% / 5);} .inTabMenu.IT6 li {width:calc(100% / 6);} .inTabMenu.IT7 li {width:calc(100% / 7);} .inTabMenu .itb {display:flex;justify-content:center;align-items:center;height:36px;line-height:36px;border:1px solid #aaaaaa;background-color:#444444;text-align:center;} .inTabMenu .itt {display:block;font-size:17px;color:#eeeeee;} .inTabMenu .itt::before {margin-left:10px;margin-right:3px;} .inTabMenu .num {font-weight:600 !important;} .inTabMenu .num::before {content:"보유한 쿠폰";font-weight:400 !important;} .inTabMenu .marked .itb {border-color:#ffffff;background-color:#f6f6f6;font-weight:500;color:#000000;} .inTabMenu .marked .itt {color:#000000;font-weight:500;} .rouletteFrame {padding:30px 0;background-color:rgb(0 0 0 / 30%);border:1px solid #444444;} .rouletteBox {box-sizing:border-box;position:relative;margin:0 auto;width:800px;height:800px;border-radius:50%;border:30px solid #f6c61e;background-color:#382f0f;box-shadow:0 0 0 4px #9b7a00;} .rouletteBox .OBJ {box-sizing:border-box;position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background-repeat:no-repeat;} .rouletteBox .END {z-index:400;border-radius:0;width:100%;height:100%;display:none;} .rouletteBox .BTN {z-index:300;top:50%;left:50%;margin-top:-90px;margin-left:-90px;width:180px;height:180px;cursor:pointer;background-color:rgb(0 0 0 / 90%);background-size:contain;background-image:url("../images/roulette/start.png");box-shadow:0 0 15px rgb(0 0 0 / 70%);} .rouletteBox .BTN:hover {background-image:url("../images/roulette/start_on.png");} .rouletteBox .PIN {z-index:200;top:-20px;left:50%;margin-left:-100px;width:200px;height:100px;border-radius:0;background-position:top center;background-image:url("../images/roulette/pin.png");} .rouletteBox .BOARD {margin:20px;width:calc(100% - 40px);height:calc(100% - 40px);border:10px solid #ffab00;background-color:#ffffff;box-shadow:0 0 0 6px #ffffff;} .rouletteBox .roulBoard {position:absolute;z-index:200;top:0;bottom:0;left:0;right:0;border-radius:50%;width:100%;height:100%;overflow:hidden;transform:rotate(36deg);} .rouletteBox .roulBoard div {position:absolute;} .rouletteBox .roulBoard .mid_c {z-index:100;box-sizing:border-box;top:50%;left:50%;margin-top:-130px;margin-left:-130px;width:260px;height:260px;border-radius:50%;border:6px solid #ffc800;background-color:#362525;box-shadow:0 0 10px rgb(0 0 0 / 50%);} .rouletteBox .roulBoard .Rarea {z-index:90;top:0;left:0;width:100%;height:100%;} .rouletteBox .roulBoard .Rarea::before, .rouletteBox .roulBoard .Rarea::after {content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);height:50%;} .rouletteBox .roulBoard .Rarea::before {z-index:90;width:8px;background-color:#ffab00;box-shadow:2px 0px 3px rgb(0 0 0 / 20%);} .rouletteBox .roulBoard .Rarea::after {z-index:100;width:1px;background-color:#737373;} .rouletteBox .roulBoard .ra1 {transform:rotate(0deg);} .rouletteBox .roulBoard .ra2 {transform:rotate(72deg);} .rouletteBox .roulBoard .ra3 {transform:rotate(144deg);} .rouletteBox .roulBoard .ra4 {transform:rotate(216deg);} .rouletteBox .roulBoard .ra5 {transform:rotate(288deg);} /* Roulette Conuter */ .rouletteBox .R_result {box-sizing:border-box;position:absolute;z-index:100;top:0;width:100%;height:100%;} .rouletteBox .R_result .rnum {display:block;box-sizing:border-box;position:absolute;z-index:100;top:0;padding-top:50px;width:100%;height:100%;text-align:center;color:#ffffff;font-size:38px;font-weight:700;letter-spacing:-2px;} .rouletteBox .R_result::before {content:"";display:block;position:absolute;z-index:90;top:0;left:0;box-sizing:border-box;width:100%;height:100%;background-repeat:no-repeat;background-position:top center;background-size:contain;} .rouletteBox .RR1 {transform:rotate(0deg);} .rouletteBox .RR2 {transform:rotate(72deg);} .rouletteBox .RR3 {transform:rotate(144deg);} .rouletteBox .RR4 {transform:rotate(216deg);} .rouletteBox .RR5 {transform:rotate(288deg);} /* 4개 구간 */ .REC4 .R_result::before {background-image:url("../images/roulette/roulette_num_bg_4.svg");} .REC4 .RR1::before {filter:hue-rotate(0deg);} .REC4 .RR2::before {filter:hue-rotate(30deg);} .REC4 .RR3::before {filter:hue-rotate(144deg);} .REC4 .RR5::before {filter:grayscale(100%) brightness(800%);} /* 5개 구간 */ .REC5 .R_result::before {background-image:url("../images/roulette/roulette_num_bg_5.svg");} .REC5 .RR1::before {filter:hue-rotate(0deg);} .REC5 .RR2::before {filter:hue-rotate(30deg);} .REC5 .RR3::before {filter:hue-rotate(144deg);} .REC5 .RR4::before {filter:hue-rotate(72deg);} .REC5 .RR5::before {filter:grayscale(100%) brightness(800%);} /* 6개 구간 */ .REC6 .R_result::before {background-image:url("../images/roulette/roulette_num_bg_6.svg");} .REC6 .RR1::before {filter:hue-rotate(174deg);} .REC6 .RR2::before {filter:hue-rotate(296deg);} .REC6 .RR3::before {filter:hue-rotate(8deg);} .REC6 .RR4::before {filter:hue-rotate(26deg);} .REC6 .RR5::before {filter:hue-rotate(60deg);} .REC6 .RR6::before {filter:hue-rotate(76deg);} /* 8개 구간 */ .REC8 .R_result::before {background-image:url("../images/roulette/roulette_num_bg_8.svg");} .REC8 .RR1::before {filter:hue-rotate(174deg);} .REC8 .RR2::before {filter:hue-rotate(296deg);} .REC8 .RR3::before {filter:hue-rotate(8deg);} .REC8 .RR4::before {filter:hue-rotate(26deg);} .REC8 .RR5::before {filter:hue-rotate(60deg);} .REC8 .RR6::before {filter:hue-rotate(76deg);} .REC8 .RR7::before {filter:hue-rotate(120deg);} .REC8 .RR8::before {filter:hue-rotate(139deg) brightness(200%);} /* Recent Coupon Count */ .Rticket {display:block;padding-top:20px;} .Rticket .R_tik {margin:0 auto;margin-top:10px;width:600px;border-radius:6px;border:1px solid #7e6b29;background-color:#362f16;text-align:center;box-shadow:inset 0 4px 8px rgb(0 0 0 / 80%);} .Rticket .R_tik .RT_tit {display:inline-block;vertical-align:top;padding:0 20px;line-height:60px;color:#ffffff;font-size:23px;} .Rticket .R_tik .RT_txt {display:inline-block;vertical-align:top;padding:0 5px;line-height:60px;color:#ffffff;font-size:23px;} .Rticket .R_tik .RT_txt.Num {color:#ffd900;font-weight:800;font-size:31px;} /** Premium **/ .premium .rouletteBox {border-color:#f6331e;background-color:#570000;box-shadow:0 0 0 4px #370b06;} .premium .rouletteBox .roulBoard .mid_c {border-color:#d33100;background-color:#1c0606;} .premium .rouletteBox .BOARD {background-color:#f3ddc3;box-shadow:0 0 0 6px #ffd100;} .premium .rouletteBox .roulBoard .Rarea::after {width:2px;background-color:#1a0506;} .premium .Rticket .R_tik {border-color:#c00008;background-color:#5b171a;} /* List */ .rl_list {margin-top:20px;margin-bottom:30px;} .rl_list .roulette_list_tit {margin:0 5px;margin-bottom:10px;text-align:center;color:#ffffff;font-size:21px;font-weight:500;} .rl_list ul {display:flex;justify-content:space-between;border:0px solid #aaaaaa;border-bottom-width:1px;} .rl_list ul:last-child {border-color:#999999;} .rl_list li {padding:10px 0;width:calc(100% / 4);text-align:center;color:#ffffff;} .rl_list .header {background-color:#565656;border-width:1px;border-top-width:2px;border-left-width:0;border-right-width:0;} .rl_list .header li {color:#ffffff;}