@charset "utf-8";

* { padding: 0; margin: 0; }

/* --------------------------------------------------------------------------
	태그 베이스
-------------------------------------------------------------------------- */ 
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
html, body { width:100%; height:100%; line-height: 150%; /* background-color:#cbd2db;  */}
html, body, input, select { font-family: "돋음", "돋음체", dotum, Arial; font-size: 13px; color:#343434; }
fieldset, img { vertical-align:top; border:0; }
ul, ol { list-style:none; }
ul li { list-style: none; }
ol.d { list-style-type: decimal; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:0; }
caption, legend {display:none; }
textarea {resize: none;} /* 크롬,사파리 */
img { border: 0; vertical-align: top; }
img.btn { cursor:pointer; _cursor /**/:hand; }
img.btn_over { cursor:pointer; _cursor /**/:hand; }
span.btn { cursor:pointer; _cursor /**/:hand; }
button { cursor:pointer; _cursor /**/:hand; }
audio, bgsound { display: none }

input { vertical-align: middle; line-height:23px; }
input[type="text"]{ height: 20px; border: solid 1px #ddd; padding: 0 3px 0 3px; }
input[type="password"]{ height: 20px; border: solid 1px #ddd; padding: 0 3px 0 3px; }
input[type="checkbox"]{ vertical-align: middle; cursor:pointer; _cursor /**/:hand; }
input[type="radio"]{ vertical-align: middle; cursor:pointer; _cursor /**/:hand; }

input.dp { width: 70px; } 
input.dtp { width: 94px; } 
input.han {ime-mode:active;}
input.eng {ime-mode:inactive;}
input.onlyeng {ime-mode:disable;}

ol.decimal { list-style-type:decimal; }

a { color: #343434; text-decoration: none; cursor:pointer; _cursor /**/:hand; }
a:hover { color: #343434; text-decoration: underline; }
a:active { color: #343434; }

select { height: 22px; padding: 1px 1px 1px 1px; border: solid 1px #ddd; vertical-align: middle; }


i { display: inline-block; }
i.btn { cursor:pointer; _cursor /**/:hand; }
i.btn_over { cursor:pointer; _cursor /**/:hand; }

/* --------------------------------------------------------------------------
	공통속성
-------------------------------------------------------------------------- */

.c_hand { cursor:pointer; _cursor /**/:hand; }
.hide { display: none; }
.level_img { padding-top: 1px; }
.user_name { float: right; padding-top: 0px; }

.ta_left { text-align: left; }
.ta_center { text-align: center; }
.ta_right { text-align: right; }

.f_left { float: left; }
.f_center { float: center; }
.f_right { float: right; }

.fw_bold { font-weight: bold }

.mr20 { margin-right: 20px; }

.tab_menu { float: left; width: 100%; height: 35px; margin-top: 8px; margin-bottom: 6px; border-bottom: solid 1px #676767;}
.tab_menu .tab_items { float: left; width: 100%; }
.tab_menu img { float: left; padding-left: 6px; }
.tab_menu .f_right { margin-top:2px; }
.tab_menu .underbar { float: left; width: 100%; height: 10px; background-image: url(/imgs/clubm/tab_menu/2nd/bg_underbar.gif); margin-top: 6px; } 
.has_subtab { margin-bottom: 60px; }

.tab_menu_sub { float: left; width: 100%; margin-top: 8px; padding: 4px 0 4px 17px; }
.tab_menu_sub .sep_line { margin: 0 17px 0 17px; padding-top: 4px; }

.date_box { float: left; width: 920px; height: 20px; background-color: #343434; color: #ffcc00; font-weight: bold; padding: 2px 0 2px 10px; margin: 0 0 10px 0;}
.date_box li { float: left; }
.date_box li.game_cnt { float: right; padding-right: 10px; }

/* --------------------------------------------------------------------------
	기본 레이아웃
-------------------------------------------------------------------------- */

/* .loading { width: 100%; height: 100%; background-image: url(/imgs/clubm/icon/loading1.gif); background-position:center center; background-repeat:no-repeat; background-attachment:fixed;  } */
.loading { width: 100%; height: 100%; }
.victory_msg { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; z-index: 3; display: none; text-align: center; padding-top: 200px; }

.mainContainer { float: left; width: 100%; padding-top: 5px; display: none; }
.wrap { width:970px; position:relative;  }

.contents { float: left; width:970px; height: 100%; background-color:#ffffff; display:inline-block; padding:0px 0px 0 0px; position:relative; }
.contents .container { float: left; padding:20px 20px 20px 20px; }
.contents .slide_container { float: left; padding:20px 20px 20px 20px; display: none; }
.contents .slide_container_long { float: left; padding:20px 20px 20px 20px; display: none; }
.contents .fadein_container { float: left; padding:20px 20px 20px 20px; display: none; }
.contents div.contents_title { float: left; width: 100%; font-weight: bold; padding-top:0px; padding-bottom: 15px; margin-top: 5px; }

/* --------------------------------------------------------------------------
	상단 슬라이드 공지사항 영역
-------------------------------------------------------------------------- */ 

.title_box { float: left; margin-bottom: 5px; }
.title_box #clock { position: absolute; left: 5px; top: 2px; color: #fff; font-weight: bold; }
.title_box .slide_notice { float:left; width: 810px; height: 21px; font-weight: bold; color: #FFBF00; background-color: #1b2215; padding: 2px 0px 0 160px; /* margin-left: 5px; margin-top: 5px; */ overflow:hidden; }
.title_box .top_menu { float: right; margin-top: 2px; margin-right: 10px; }
.title_box .top_menu a { text-decoration:none; }
.title_box .top_menu a:hover { color: red; text-decoration:none; }
.title_box_btns { position: absolute; top: 2px; right: 8px; color: #f7f7f7; }
.title_box_btns a { color: #f7f7f7; }

/* --------------------------------------------------------------------------
	GNB 
-------------------------------------------------------------------------- */ 

.gnb_menu { position: absolute; top: 55px; left: 0px; width: 100%; text-align: center; display: none; }
.gnb_menu ul { margin-left: 32px; }
.gnb_menu ul.d_menu li.d1 { text-align: center; padding: 4px 0 0 0; }
.gnb_menu ul.d_menu li.d1 { display: inline-block; float: left; }

.gnb_menu ul.d_menu li.d1 div.sub_menu {
	position: absolute; 
	top: 34px; 
	width: 220px; 
	z-index: 1; 
	padding-bottom: 5px; 
	background-color: #292929; 
	background-position: right bottom; 
	background-repeat: no-repeat;
	border: solid 1px #c6c6c6;
	display: none; 
}
.gnb_menu ul.d_menu li.d1 div.sub_menu ul { float: left; margin: 10px 0 15px 20px; width: 120px; }
.gnb_menu ul.d_menu li.d1 div.sub_menu li { padding: 10px 0 8px 0; border-bottom: solid 1px #454545; text-align: left; }
.gnb_menu ul.d_menu li.d1 div.sub_menu .triangle { position: absolute; margin-top: -8px; }
.gnb_menu ul.d_menu li.right_gap { margin-right: 33px; }

.gnb_menu ul.d_menu div.d2_info { background-image: url(/imgs/clubm/gnb2/bg_d2_info.jpg); left: 18px; }
.gnb_menu ul.d_menu div.d2_toto { background-image: url(/imgs/clubm/gnb2/bg_d2_toto.jpg); left: 127px; }
.gnb_menu ul.d_menu div.d2_lottory { background-image: url(/imgs/clubm/gnb2/bg_d2_lottory.jpg); left: 268px; }
.gnb_menu ul.d_menu div.d2_game { background-image: url(/imgs/clubm/gnb2/bg_d2_game.jpg); left: 369px; }
.gnb_menu ul.d_menu div.d2_charge { background-image: url(/imgs/clubm/gnb2/bg_d2_inout.jpg); left: 470px; }
.gnb_menu ul.d_menu div.d2_board { background-image: url(/imgs/clubm/gnb2/bg_d2_bbs.jpg); left: 600px; }
/* .gnb_menu ul.d_menu div.d2_shop { background-image: url(/imgs/clubm/gnb2/bg_d2_shop.jpg); left: 600px; } */
.gnb_menu ul.d_menu div.d2_mypage { background-image: url(/imgs/clubm/gnb2/bg_d2_mypage.jpg); left: 700px; }
.gnb_menu ul.d_menu div.d2_cs { background-image: url(/imgs/clubm/gnb2/bg_d2_cs.jpg); left: 840px;  }

.gnb_menu ul.d_menu .triangle { display: none;  }

.gnb_menu ul.d_menu div.d2_info .triangle { left: 44px; }
.gnb_menu ul.d_menu div.d2_toto .triangle { left: 60px; }
.gnb_menu ul.d_menu div.d2_game .triangle { left: 50px; }
.gnb_menu ul.d_menu div.d2_charge .triangle { left: 54px; }
.gnb_menu ul.d_menu div.d2_board .triangle { left: 41px; }
.gnb_menu ul.d_menu div.d2_shop .triangle { left: 40px; }
.gnb_menu ul.d_menu div.d2_mypage .triangle { left: 59px; }
.gnb_menu ul.d_menu div.d2_cs .triangle { left: 52px; }

/* --------------------------------------------------------------------------
	왼쪽 영역
-------------------------------------------------------------------------- */ 
.common_icon {
	background-image: url(/imgs/clubm/imgset/common.gif);
}

.common_icon_over {
	background-image: url(/imgs/clubm/imgset/common_over.gif);
}

/*///////// Header (왼쪽 메뉴) 영역  시작 //////////// */
.livescore_menu {
	width: 76px; height: 16px;
	background-position: 0px 0px;
}

.vdl_menu {
	width: 40px; height: 16px;
	background-position: -79px 0px;
}

.handi_menu {
	width: 40px; height: 16px;
	background-position: -123px 0px;
}

.special_menu {
	width: 40px; height: 16px;
	background-position: -165px 0px;
}

.seperate {
	width: 2px; height: 7px;
	background-position: -285px 0px;
	margin-bottom: 4px;
}

.baccarat_menu {
	width: 76px; height: 16px;
	background-position: -207px 0px;
}

.btn_myinfo_up {
	width: 190px; height: 12px;
	background-position: 0px -31px;
}

.btn_myinfo_down {
	width: 190px; height: 12px;
	background-position: 0px -18px;
}

.icon_hit_rate {
	width: 13px; height: 12px;
	background-position: 0px -61px;
}

.icon_login_count {
	width: 13px; height: 12px;
	background-position: -14px -61px;
}

.icon_board_count {
	width: 13px; height: 12px;
	background-position: -28px -61px;
}

.icon_comment_count {
	width: 13px; height: 12px;
	background-position: -42px -61px;
}

.icon_logout {
	width: 51px; height: 16px;
	background-position: -56px -61px;
}

.icon_change_money {
	width: 27px; height: 14px;
	background-position: -108px -61px;
	margin-top: 1px;
}

.icon_msg {
	width: 16px; height: 13px;
	background-position: -136px -61px;
	vertical-align: middle;
	margin-right: 4px;
}

.icon_money {
	width: 12px; height: 12px;
	background-position: -153px -61px;
	vertical-align: middle;
}

.icon_bonus {
	width: 12px; height: 12px;
	background-position: -167px -61px;
	vertical-align: middle;
}

.btn_login_check {
	width: 172px; height: 28px;
	background-position: -191px -18px;
}

/*///////// Header (왼쪽 메뉴) 영역  끝 //////////// */

/*///////// footer  영역  시작 //////////// */
.icon_quick {
	width: 46px; height: 21px;
	background-position: -191px -47px;
	margin-bottom: 5px;
}

.btn_guide {
	width: 46px; height: 69px;
	background-position: 0px -78px;
	margin-bottom: 5px;
}

.btn_charge {
	width: 46px; height: 54px;
	background-position: -47px -78px;
	margin-bottom: 5px;
}

.btn_exchange {
	width: 46px; height: 54px;
	background-position: -94px -78px;
	margin-bottom: 5px;
}

.btn_bet_log {
	width: 46px; height: 54px;
	background-position: -141px -78px;
	margin-bottom: 5px;
}

.btn_download {
	width: 46px; height: 69px;
	background-position: -188px -78px;
}

.btn_invitation {
	width: 46px; height: 54px;
	background-position: -235px -84px;
	margin-bottom: 5px;
}

.btn_top {
	width: 30px; height: 31px;
	background-position: -275px -47px;
}

.icon_logo {
	width: 120px; height: 52px;
	background-position: 0px -273px;
}

.btn_katalk {
	width: 20px; height: 20px;
	background-position: -306px -47px;
	margin-bottom: 7px;
}


/*///////// footer  영역  끝 //////////// */

.left_box { float: left; width:190px; position:absolute; top:0; left:-195px; text-align:left; color: #fff; }
.left_box .menu_mark { position:absolute; top: 127px; left: 21px; }
.left_box .logo { float: left; }

.left_box .toto_menu { text-align: center; color: #d7d7d7; background-color: #2A2A2A; padding-bottom: 5px; }
.left_box .toto_menu a { color: #d7d7d7; }
.left_box .toto_menu a:hover { color: #14a7ec; text-decoration: underline; }
.left_box .toto_menu span.sep { margin: 0 2px 0 2px; }

.left_box .toto_menu .sep_line { padding: 4px 3px 0 3px; }
.left_box .toto_menu .bet_links { margin-bottom: 3px; }

/* --------------------------------------------------------------------------
	회원정보
-------------------------------------------------------------------------- */ 

.gauge_box { float: left; width: 176px; padding: 0 7px 0 7px; color: #d7d7d7; background-color: #2A2A2A; }
.gauge_box .gauge { float: left; width: 176px; margin: 3px 0 7px 0; }
.gauge_box .gauge .ac_on { display: none; }
.gauge_box .gauge span.speed_g { margin-right: 3px; }
.gauge_box .gauge #rpm_gauge_red { display: none; }

.myinfo { float: left; width: 176px; padding: 0px 7px 9px 7px; color: #d7d7d7; background-color: #2A2A2A; }
.myinfo .invitation { text-align: center; margin-top: 8px; width: 176px; }

.myinfo div.h_line { padding: 5px 0 5px 0; text-align: center; }
.myinfo div.info_btns { text-align: center; padding-top: 1px; }
.myinfo div.info_btns a { color: #d7d7d7; }
.myinfo div.info_btns a:hover { color: #fff; }

.myinfo .myinfo_links { float: left; width: 100%; text-align: center; }
.myinfo .myinfo_links a { color: #d7d7d7; }
.myinfo .myinfo_links a:hover { color: #14a7ec; text-decoration: underline; }

.myinfo .attendance { float: left; width: 100%; text-align: center; margin-top: 8px; }

.myinfo div.ratio_detail { float: left; display: none; }
.myinfo a.ratio_detail { color: #d7d7d7; }
.myinfo a.ratio_detail:hover { color: #fff; }

.myinfo_default { float: left; margin-bottom: 5px; width: 100%; }
.myinfo_detail { float: left; width: 100%; display: none; }
.myinfo_detail .avatar { padding: 8px 0 8px 0; text-align: center; }

.myinfo .tbl_myinfo { width: 100%; }
.myinfo .tbl_myinfo td { }
.myinfo .tbl_myinfo td span.slash { padding: 0; }
.myinfo .tbl_myinfo td.sub_title { padding-left: 17px; }
.myinfo .tbl_myinfo td.bt_logout { vertical-align: top; text-align: right; padding-top: 2px; padding-right: 1px; }
.myinfo .tbl_myinfo td.right { text-align: right; }
.myinfo .tbl_myinfo td.money { text-align: right; color: #FFBF00; font-weight: bold; }
.myinfo .tbl_myinfo td.mileage { text-align: right; color: #707070; font-weight: bold; }
.myinfo .tbl_myinfo img.icon { vertical-align: top; padding-top: 3px;  }
.myinfo .tbl_myinfo img.icon_msg { vertical-align: top; padding-top: 4px;  }
.myinfo .tbl_myinfo label.msg { cursor: pointer; padding-top: 1px; }
.myinfo .tbl_myinfo label.unread_msg { font-weight: bold; color: #E26767; }
.myinfo .tbl_myinfo span.msg_cnt { padding-left: 1px; }
.myinfo .tbl_myinfo .bt_trans_money { vertical-align: top; padding-top: 2px; }

.myinfo .money_info { margin-top: 1px; }

.myinfo ul { margin-left: 10px; width: 170px; }
.myinfo ul li { display: inline; float: left; }
.myinfo ul li.title { width: 80px; float: left; text-align: left; }
.myinfo ul li.right { width: 90px; float: left; text-align: right; }
.myinfo ul li.bold { width: 90px; float: left; font-weight: bold; text-align: right; }
.myinfo ul li.money { width: 90px; float: left; color: #CCB500; font-weight: bold; text-align: right; padding-right: 3px; }
.myinfo ul li.myinfo_menu { width: 170px; float: left; text-align: center; }

.chat_h_line { width: 190px; text-align: center; background-color: #2A2A2A; display: none; }
.btn_myinfo_toggle { float: left; width: 190px; overflow: hidden; }
#btn_myinfo_up { display: none; }
#btn_myinfo_down { }

/* --------------------------------------------------------------------------
	메인화면 로그인창
-------------------------------------------------------------------------- */ 

.login_box { float: left; width: 190px; background-color: #2A2A2A; }
.login_box .login_title { padding: 5px 0 7px 0; text-align: center; }
.login_box .h_line { padding: 5px 0 5px 0; text-align: center; }
.login_box .login_cont { padding-left: 12px; }
.login_box .login_cont li { padding-bottom: 6px; }
.login_box .login_cont ul { padding-top: 7px; }
.login_box .login_cont li.input_t img { padding-top: 7px; }
.login_box .login_cont input { height: 24px; padding-left: 5px; padding-right: 5px; font-weight: bold; background-color: #BCBCBC; width: 128px; border: solid 1px #000; }
.login_box .login_btns { text-align: center; padding-top: 5px; padding-bottom: 10px; }

.gnb_q_menuBox { width:140px; position:absolute; top:416px; left:23px; }
.gnb_q_menuBox p { height:2px; line-height:0; font-size:0; }
.gnb_q_menu { width:140px; display:inline-block; margin:4px 0; }
.gnb_q_menu li { position:relative; }
.gnb_q_menu li div { position:absolute; top:0; left:0; }
.gnb_q_share { width: 133px; margin-top:8px; text-align: right; }

/* --------------------------------------------------------------------------
	왼쪽 하단 배너
-------------------------------------------------------------------------- */ 

.left_banner { float: left; margin-top: 5px; }
.left_banner img.download { padding-bottom: 5px; }
.left_banner img { padding-bottom: 5px; }

/* --------------------------------------------------------------------------
	사용자 팝업 정보
-------------------------------------------------------------------------- */ 
.user_summary { position: absolute; width: 300px; background-color: #292929; color:#cdcdcd; border: solid 1px white; padding: 8px 12px 8px 12px; display: none; z-index: 5; }
.user_summary div.user_info_btns { text-align: center; padding: 3px 0 2px 0; }
.user_summary .tbl_user_info { width: 170px; }
.user_summary .tbl_user_info td.right { text-align: right; }
.user_summary div.h_line { padding: 5px 0 5px 0; text-align: center; }
.user_summary .user_info { float: left; }
.user_summary .avatar { float: left; padding: 8px 20px 0 4px; } 


/* --------------------------------------------------------------------------
	비주얼 박스
-------------------------------------------------------------------------- */ 
.visual_box { float: left; width:970px; overflow:hidden; margin-bottom: 0; z-index: 0; }
.visual_box .bg { float: left; z-index: 0; }

.rolling_box { float: left; width:970px; height:244px; overflow:hidden; }
.rolling_box div { float:left; }

.visual_box_sub { position:relative; width:970px; height:100px; overflow:hidden; margin-bottom: 5px; }
.visual_box_sub .bg { position:absolute; top:0px; left:0px; }

.rolling_box_sub { float: left; width:970px; height:100px; overflow:hidden; }
.rolling_box_sub div { float:left; }

.visual_title {position:absolute; top:250px; left:30px; font-size:0;}
.visual_title_sub {position:absolute; top:45px; left:30px; font-size:0;}

.visual_num { position:absolute; bottom:20px; left:30px; font-size:0; }
.visual_num span { display:inline-block; margin-right:5px; }


/* --------------------------------------------------------------------------
	우측 상단 메뉴
-------------------------------------------------------------------------- */

#right_top_menu { position:fixed; _position:absolute; _z-index:-1; left:1170px; top: 33px; float: left; width:46px; background: #292929; padding:10px; }
#right_top_menu img { margin-bottom: 7px; }

/* --------------------------------------------------------------------------
	탑 버튼
-------------------------------------------------------------------------- */
#topBtn { position:fixed; _position:absolute; _z-index:-1; float: left; left:1170px; bottom: 70px; }

/* --------------------------------------------------------------------------
	모달 팝업 
-------------------------------------------------------------------------- */
.modalBg { position:absolute; width: 100%; height: 100%; background:#000000; z-index: 9; display: none; }
.modalPopupContainer { position:absolute; z-index: 9; display: none; }
.modalPopupContainer .popupCon { position:absolute; }

/* --------------------------------------------------------------------------
	쪽지 알림
-------------------------------------------------------------------------- */ 
.new_msg_alert { position: fixed; border: solid 2px blue; left: 0px; bottom: 0px; background-color: #fff; font-weight: bold; z-index: 9; display: none; }
.dicejack_invitation_msg_alert { position: fixed; border: solid 2px black; width:217px; height:127px; right: 0; bottom: 0; font-weight: bold; z-index: 9; display: none; background-image: url('http://mettu78.diskn.com/clubm/msg/msg_dicejack_invitation.jpg'); }

.dicejack_invitation_msg_alert #invitation_room_no { font-size:16px; color:#E8B600;  position: fixed; right: 150px; bottom: 13px;  font-weight: bold; z-index: 9; }
.dicejack_invitation_msg_alert #invitation_bet_money {font-size:16px; color:#E8B600;  position: fixed; right: 28px; bottom: 13px; font-weight: bold; z-index: 9; }



.siconleft {
    background-color: transparent;
    background: url('/imgs/icon-sport.png') no-repeat scroll 32px 79px;
    text-decoration: none;
    padding-left: 10px;
    width:10px;
    height:14px;
    float: left;
}
/*
53*몇번째 하면 좌표나옴
*/
.icon_basketball {
    background-position: -1px 0 !important
}

.icon_soccer {
    background-position: -1px -53px !important
}

.icon_tenis {
    background-position: -1px -106px !important
}

.icon_baseball {
    background-position: -1px -212px !important
}
.icon_esports{
    background-position: -1px -1640px !important
}
.icon_americanfootball{
	background-position: -1px -265px !important
}
.icon_icehockey{
	background-position: -1px -159px !important
}
.icon_rugby{
	background-position: -1px -689px !important
}
.icon_volleyball{
	background-position: -1px -848px !important
}