@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,blockquote,iframe,th,td { margin:0; padding:0; }
body { background: #0a0416; color:#fff; font:normal 12px Verdana,Arial,San-Serif,'돋움', 'dotum'; margin:0; padding:0; }
dl,ul,ol { list-style: none; }
a { text-decoration: none; color:#fff; }
img { border:none; vertical-align: middle; }
textarea{resize:none;outline: none;}
input::-webkit-input-placeholder { /* Webkit browsers */
color: #ccc;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #ccc;
opacity: 1;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #ccc;
opacity: 1;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #ccc;
}
input[type=text]::-ms-clear {display: none;}

textarea,input {ime-mode: active;}

/*--------------초기화 End------------*/

.btn_default {
	display: inline-block; padding: 0 15px; height: 29px; line-height: 29px; text-align: center; color: #fff; border-radius: 5px;
    background: #514e6c;
}
.btn_default:hover {
	color: #fff;
	background: #5b5877;
}
.btn_highlight {
	display: inline-block; padding: 0 15px; height: 29px; line-height: 29px; text-align: center; color: #fff; border-radius: 5px;
	background: #759E45;
	border-top: 1px solid #8BC34A;
}
.btn_highlight:hover {
	color: #fff;
    background: #8BC34A;
    border-top: 1px solid #AAE465;
}


/*------------loading progress----------*/
.loading_progress {
	width: 300px; height: 300px; text-align: center;
	position: fixed; box-sizing: border-box; z-index: 105;
	top: 50%; left: 50%; margin-top: -150px; margin-left: -150px;
	display: none;
    align-items: center; justify-content: center;
}
.loading_progress.active { display: flex; }
.loading_progress p { color: #fff; font-size: 14px; font-weight: bold; }
.loading_progress p i {
	font-size: 30px;
}
.progress {animation: rotate_progress 1s linear infinite;transform-origin: 50% 50%;} 

@keyframes rotate_progress{ 100% { transform: rotate(360deg); } }
/*------------loading progress----------*/


/*------------회원가입 start----------*/
.signUpW {width: 746px; position: relative; margin: 0 auto;}
.signUpW .signUpLogo {height: 96px; margin-top:190px; text-align: center; font-size:14px; font-weight:normal; }
.signUpW .signUpLogo p {margin-top:5px; color:#aaa;}
.signUpW .signFormW { width:746px; background: rgba(0, 0, 0, 0.7); padding:40px 0; border:1px solid #1f1d2c;}
.signUpW .signFormW table{width:706px; table-layout: fixed; border-collapse: collapse; border-spacing: 0; margin:0 auto;}
.signUpW .signFormW table tr td{border-bottom: 1px solid #444; height: 35px; padding-left: 10px;}
.signUpW .signFormW table tr td:first-child{ text-align: right; padding-right: 10px;}
.signUpW .signFormW table tr td input{width: 219px; height: 28px; border:0; padding:0 0 0 5px; outline:none; color:#777; font-size:12px;}
.signUpW .signFormW table tr td input.email{width:150px;}
.signUpW .signFormW table tr td select{height: 28px; border: 0; outline: none; font-size: 12px;}
.signUpW .signFormW table tr td span{margin-left: 5px;}
.signUpW .signFormW table tr td .selEmail{width: 137px;}
.signUpW .signFormW table tr td .selBank{width: 152px; margin-left:1px;}

.signUpW .btnSignUp {width:240px; height: 49px; display: block; background: url('../images/btn_signup.png') no-repeat; margin:23px auto;}
.signUpW .signInfo{border-top:1px solid #444;}
.signUpW .signInfo ul{margin:15px auto;}
.signUpW .signInfo ul li {height: 24px; margin-left: 15px; color:#aaa;}

/*------------회원가입 end----------*/

/*------------메인 start----------*/
.mainImgW{ width:1100px; margin: 10px auto;}

/*팝업*/
.popUpW_0{position:absolute; width:870px; border:1px solid #111; background: #1f1d2c; z-index: 1; top:50px; left:50%; margin-left:-500px;}
.popUpW_1{position:absolute; width:870px; border:1px solid #111; background: #1f1d2c; z-index: 1; top:100px; left:50%; margin-left:-430px;}
.popUpW_2{position:absolute; width:870px; border:1px solid #111; background: #1f1d2c; z-index: 1; top:150px; left:50%; margin-left:-360px;}
.popUpW_3{position:absolute; width:300px; border:1px solid #111; background: #1f1d2c; z-index: 1; top:50%; left:50%; margin-left:-150px; margin-top:-89px;}
.popUpW_4{position:absolute; width:600px; height: 500px; border:1px solid #111; background: #1f1d2c; z-index: 1; top:50%; left:50%; margin-left:-300px; margin-top:-250px;}

h1.titleNotice{ padding: 10px 0 10px 15px; background: #0a0416; border-top:3px solid #6e47e3; margin-bottom: 0 !important;}
h1.titleNotice strong { font-size: 18px; margin-right: 10px; }
h1.titleNotice span { font-size: 12px; }
h2.pop_tit { width: 585px; line-height: 36px; padding-left: 15px; font-size: 14px; font-weight: bold; color: #fff; background: #0a0416; }
h2.pop_tit a { margin-top:6px; float: right; margin-right: 10px; background:#1f1d2c; display: inline-block; font-size: 11px; font-weight: normal; line-height: 20px; height: 20px; width: 40px; text-align: center; }
h2.pop_tit a:hover { background:#514e6c; }
.pop_scroll_w { width: 570px; height: 434px; padding: 15px; overflow-y:auto; }
table.popTable{width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0;}
table.popTable tr:first-child{ height:40px;}
/*table.popTable tr td:first-child{ background: #555; text-align: center; padding-left:0;}*/
table.popTable tr td{text-align: left; border-bottom:1px solid #0a0416; padding-left:15px;}
table.popTable tr td span{ width:770px; display: block; margin:15px 0; line-height: 24px;}
table.popTable_02 { width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0; }
table.popTable_02 tr th, table.popTable_02 tr td { height: 30px; text-align: center; }
table.popTable_02 tr th { border: 1px solid #444; background: #514e6c; }
table.popTable_02 tr td { border: 1px solid #514e6c; }

.noticeBottomW{height:42px; background: #0a0416; line-height: 42px; overflow: hidden;}
.noticeBottomW input[type=checkbox]{vertical-align: middle; margin-left:15px;}
.noticeBottomW a.btnClose{width:92px; height:31px; background: url('../images/btn_window_close.png') no-repeat; display: inline-block; position: relative; right:15px; top:6px; float:right;}/*------------메인 end----------*/


/*------------header Start-----------*/
.header_wrap{ margin-bottom: 3px; }

.headWrap {position: relative; width: 100%; }
.main_menu_wrap {
    width: 100%; height: 60px;
	background: #271d3e;
    /*background: url('/s/front/images/main_menu_wrap_bg.jpg') repeat-x;*/
}
.main_menu_wrap .headWrapIn{ width: 1300px; position: relative; margin:0 auto; }
.main_menu_wrap .headWrapIn h1.logoW{ width:110px; height:60px; position: absolute; top: 9px; left: 0; }



/* 쪽지 도착 알림 레이어 */
.layer_message_wrap { z-index: 150; border-radius: 5px; background: #666; padding: 10px; display:inline-block; position:absolute; top: 3px; left: 114px; }
.layer_message_wrap span.layer_arrow { display: block; width: 0; border-bottom: 7px solid #666; border-top: 7px solid transparent; border-left: 7px solid transparent; border-right: 7px solid transparent; position: absolute; top: -14px; left: 50%; margin-left: -7px; }
.layer_message_wrap span.event_eff { display: block; text-align: center; font-weight: bold; font-size: 12px; color:#fff; height: 30px; line-height: 30px; }
.layer_message_btn_wrap { text-align: center; height: 30px; }
.layer_message_btn_wrap a { display: inline-block; background: #1f1d2c; color: #fff; padding: 0 15px; height:30px; line-height: 30px; }
.layer_message_btn_wrap a:hover { background: #514e6c; }
.layer_message_btn_wrap a.highlight { background: #8BC34A; color: #fff; }
.layer_message_btn_wrap a.highlight:hover { background: #AAE465; }


.headWrap .subWrap{ width: 100%; background: #0a0416;  height: 34px; line-height: 34px; padding: 5px 0; }
.headWrap .subWrap .sub { width: 1300px; margin: 0 auto; overflow: hidden; }
.headWrap .subWrap .sub img {vertical-align: middle;}
.headWrap .subWrap .sub div.idWrap{float:left; overflow: hidden;}
.headWrap .subWrap .sub div.idWrap span.id_info { display: inline-block; float: left; height: 34px; line-height: 34px; }
.headWrap .subWrap .sub div.idWrap a.btn_modify { overflow: hidden; border-radius: 17px; background: #514e6c; display: inline-block; float: left; padding: 2px; width: 30px; height: 30px; }
.headWrap .subWrap .sub div.idWrap a.btn_modify:hover { background: #444;}
.headWrap .subWrap .sub div.idWrap span.btn_message { margin-left: 10px; overflow: hidden; border-radius: 17px; background: #514e6c; display: inline-block; float: left; padding: 2px 10px; height: 30px; }
.headWrap .subWrap .sub div.idWrap span.btn_message:hover { background: #444; }
.headWrap .subWrap .sub div.idWrap span.btn_message a { display: block; height: 30px; line-height: 30px; }
.headWrap .subWrap .sub div.idWrap span.btn_message a img { vertical-align: top; }
.headWrap .subWrap .sub div.idWrap a.btn_logout { margin-left: 10px; overflow: hidden; border-radius: 17px; background: #514e6c; display: inline-block; float: left; padding: 2px 10px; height: 30px; line-height: 30px; color: #aaa; }
.headWrap .subWrap .sub div.idWrap a.btn_logout:hover { color: #fff; background: #444; }
.headWrap .subWrap .sub div.subMenuWrap{ float:right; margin-right:10px; overflow: hidden;}
.headWrap .subWrap .sub div.subMenuWrap span{float: left; margin-right: 20px; color: #999; letter-spacing: -0.2px;}
.headWrap .subWrap .sub div.subMenuWrap .btnPointC { background: #514e6c url('/s/front/images/ico_refresh.png') 5px center no-repeat; margin-left: 10px; overflow: hidden; border-radius: 17px; display: inline-block; float: left; padding: 2px 10px 2px 35px; height: 30px; line-height: 30px; }
.headWrap .subWrap .sub div.subMenuWrap .btnPointC:hover { background-color: #444; }
.headWrap .subWrap .sub div.idWrap a.txtGray_w:hover { text-decoration: underline; }


.headWrap .subWrap .sub_b { width: 1300px; margin: 0 auto; overflow: hidden; }
.headWrap .subWrap .sub_b span, .headWrap .subWrap .sub_b a { margin: 0 5px; display: inline-block; }
.headWrap .subWrap .sub_b a {padding: 0 10px; height: 34px; line-height: 34px; border-radius: 17px; background: #514e6c; }
.headWrap .subWrap .sub_b a:hover { background: #5f5c7c; }
.headWrap .subWrap .sub_b a.btn_modify { padding: 2px; width: 30px; height: 30px; }
.headWrap .subWrap .sub_b a img { vertical-align: middle;}
.headWrap .subWrap .sub_b span.id_info { padding: 0 5px; background: #000; }
.headWrap .subWrap .sub_b span.id_info img { vertical-align: top; }

/* 보유 추천장 레이어 */
.dim_layer {z-index: 10; display:none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0 ,0.7); }
.layer_my_item {z-index: 15; display:none; position: fixed; top: 50%; left: 50%; margin-top:-150px; margin-left: -300px; border: 4px solid #444; padding: 7px; width: 570px; height: 270px; background: #1f1d2c; }
.layer_my_item h2 { font-size: 14px; padding-bottom: 5px; overflow: hidden; }
.layer_my_item h2 a { float: right; font-size: 11px; display: inline-block; padding: 5px 10px; background: #111; color: #fff; }
.layer_my_item .headWrap.layer_item_w { width: 100%; height: 238px; overflow-y:auto; }
.layer_my_item .layer_item_w a.btn_item_use { display: inline-block; padding: 5px 10px; background: #f00; color: #fff; border-radius:3px; }
.layer_my_item .layer_item_w a.btn_item_use:hover {background:#E40303;}

/*gnb full version*/
.headWrap .gnbWrap{ height: 60px; position: relative; text-align: center;}
.headWrap .gnbWrap ul { display: inline-block; height: 60px; padding-right: 0; }
.headWrap .gnbWrap ul li {float: left; position: relative; }

    .headWrap .gnbWrap ul li.live_spo a .live_spo_sp {
        display: inline-block;
        background-color:red;
        position: absolute;
        width: 40px; height: 16px; line-height: 16px; text-align:center;
        font-size: 11px; border-radius: 8px;
        left: 50%; margin-left: -20px;
        top: 5px;
    }

	.headWrap .gnbWrap ul li.hd a .hd-new {
        display: inline-block;
        background-color:#ffcc00;
        position: absolute;
        width: 40px; height: 16px; line-height: 16px; text-align:center;
        font-size: 11px; border-radius: 8px;
        left: 50%; margin-left: -20px;
        top: 5px; color: #000 !important;
    }

    .headWrap .gnbWrap ul li.sepa {
        height: 60px;
        line-height: 60px;
        font-size: 16px;
        font-weight: normal;
        color: #777;
    }
.headWrap .gnbWrap ul li.sepa.active { color: #fff; }
.headWrap .gnbWrap ul li.sepa.left { margin-left: 5px; }
.headWrap .gnbWrap ul li.sepa.right { margin-right: 5px; }

.headWrap .gnbWrap ul li.adult a { padding-left: 32px; color: #fe1d1d; }
.headWrap .gnbWrap ul li a{ position: relative; text-align: center; padding: 0 8px; display: block; height: 60px; line-height: 60px; font-size: 15px; font-weight: bold; letter-spacing: -0.5px; color: #ddd; }
.headWrap .gnbWrap ul li.active a { color: #fff; }
.headWrap .gnbWrap ul li a span.adult_ico {position: absolute; left:10px; top: 20px; background: #fe1d1d; display: inline-block; width: 20px; height: 20px; line-height: 20px; border-radius: 50%; font-size: 10px; text-align: center; color: #fff; }
.headWrap .gnbWrap ul li a:hover span.adult_ico { background: #ffc600; color: #000; }
.gnbWrap ul li div.new_page {padding: 0; color: #111; font-size: 10px; font-family: Tahoma, sans-serif; font-weight: bold; background: #ffc600; display: inline-block; position: absolute; width: 40px; height: 14px; text-align: center; line-height: 14px; border-radius: 8px; left: 50%; margin-left: -20px; top: 5px; }
.gnbWrap ul li.live div.new_page { color: #000; background: #48d3ff; }
.headWrap .gnbWrap ul li.charge a{ color:#B82A17;}
.headWrap .gnbWrap ul li.exchange a { color:#036DB1; }
.headWrap .gnbWrap ul li a.event_menu { color: #878fff; padding-right: 35px; }
.headWrap .gnbWrap ul li a.event_menu span.event_stat { font-size: 9px; color: #000; line-height: 20px; text-align: center; background: url('/s/front/images/event_star.png') center no-repeat; display: block; width: 20px; height: 20px; position: absolute; top: 19px; right: 10px; }
.headWrap .gnbWrap ul li a.selected span.event_stat,
.headWrap .gnbWrap ul li a.event_menu:hover span.event_stat { background: url('/s/front/images/event_star_on.png') center no-repeat; }
.headWrap .gnbWrap ul li a.event_menu div.event_copy { position: absolute; top: 70px; left: 50%; margin-left: -110px; width: 200px; background: #c53232; border-radius: 5px; padding: 10px; display: none; z-index: 10; }
.headWrap .gnbWrap ul li a.event_menu:hover div.event_copy { display: block; }
.headWrap .gnbWrap ul li a.event_menu div.event_copy span.arrow { display: block; width: 0; border-bottom: 7px solid #c53232; border-top: 7px solid transparent; border-left: 7px solid transparent; border-right: 7px solid transparent; position: absolute; top: -14px; left: 50%; margin-left: -7px; }
.headWrap .gnbWrap ul li a.event_menu div.event_copy p { font-size: 12px; color: #fff; text-align: center; font-weight: bold; line-height: 36px; }

/* 라이브 베팅 카운트 */
.headWrap .gnbWrap ul li.live a span{text-align: center; display: block; width: 25px; height: 24px; line-height: 24px; margin:11px 0 0 2px; font-family: 'Tahoma', sans-serif; font-weight: bold; font-size: 13px; color: #000; background: #e6ec1a; float:right; border-radius:14px;}

.headWrap .gnbWrap ul li a:hover { color: #00ffea; }
.headWrap .gnbWrap ul li a.selected{ color: #00ffea; }
.headWrap .gnbWrap ul li.charge a:hover { color: #FF2D11; }
.headWrap .gnbWrap ul li.charge a.selected{ color: #FF2D11; }
.headWrap .gnbWrap ul li.exchange a:hover { color: #009BFF; }
.headWrap .gnbWrap ul li.exchange a.selected{ color: #009BFF; }


/*흐르는 공지영역*/
.headWrap .noticeWrap{ width: 1302px; margin: 10px auto; position: relative; overflow: hidden;}
.headWrap .noticeWrap div.flowNotice { box-sizing: border-box; position: relative; padding: 0 10px; width: 79%; border-radius: 3px; background: #3f3c59 url('/s/front/images/flowNotice_bg.png') repeat-x; float:left; height: 40px; line-height: 40px; }
.headWrap .noticeWrap div.flowNotice div.marquee_wrap { position: absolute; width: calc(100% - 20px); top: -40px; left: 10px; }
.headWrap .noticeWrap div.right_guide { float: right; width: 20%; }
.headWrap .noticeWrap div.flowNotice span{ margin-right: 20px; }
.headWrap .noticeWrap div.fixNotice{ width:199px; height: 36px; line-height: 36px; background: url('../images/bg_fixedNotice.png') no-repeat; float: left; margin:12px 0 12px 6px; text-align: center;}
.headWrap .noticeWrap div.statusNotice{ overflow: hidden; font-size: 18px; width:120px; height: 32px; padding: 3px 0; float: right; margin:0 0 0 6px; text-align: center;}
.headWrap .noticeWrap div.statusNotice a {
	width:120px; height: 30px; text-align: center; border-radius: 5px;
	/* FF3.6+ */
	background: -moz-linear-gradient(top, #514e6c 0%, #1f1d2c 100%);
	/* Chrome,Safari4+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#514e6c), color-stop(100%,#1f1d2c));
	/* Chrome10+,Safari5.1+ */
	background: -webkit-linear-gradient(top,  #514e6c 0%,#1f1d2c 100%);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #514e6c 0%,#1f1d2c 100%);
	/* IE10+ */
	background: -ms-linear-gradient(top, #514e6c 0%,#1f1d2c 100%);
	/* IE6-9 */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#514e6c', endColorstr='#1f1d2c',GradientType=0 );
	/* W3C */
	background: linear-gradient(to bottom, #514e6c 0%,#1f1d2c 100%);
	border-top: 1px solid #444;
	border-bottom: 1px solid #111;
}
.headWrap .noticeWrap div.statusNotice a span { line-height: 30px; font-size: 12px; font-weight: bold; }
.headWrap .noticeWrap div.liveScore a {width:120px;}
.headWrap .noticeWrap div.liveScore{ width:120px; height: 36px; line-height: 36px; overflow: hidden; text-indent: -500px; font-size: 18px; background: url('../images/bg_livescore.gif') no-repeat; float: left; margin:0 0 0 6px; text-align: center; }
.headWrap .noticeWrap div.event{ overflow: hidden; font-size: 12px; width:165px; line-height: 39px; background: url('../images/bg_event_03.png') no-repeat; float: left; margin: 0 6px; text-align: center;}
.headWrap .noticeWrap div a { display: block; width: 165px; height: 36px; }
.headWrap .noticeWrap div a strong { font-size: 14px; line-height: 36px; }
.headWrap .noticeWrap div a span { font-size: 11px; line-height: 36px; }

/*소메뉴 탭영역*/
.tabWrap{ box-sizing: border-box; position: absolute; bottom: 0; left:0; width: 100%; height: 38px; z-index: 5; background: #312e3f; border-top: 1px solid #000; border-bottom: 3px solid #666;}
.tabWrap ul{ overflow: hidden; display: inline-block; border-right: 1px solid #000; }
.tabWrap ul li { border-left:1px solid #000; height: 37px; float: left; display: inline-block; position: relative; }
.tabWrap ul li a{ font-size: 12px; height: 34px; line-height: 34px; font-weight: normal; z-index: 10; position: relative; padding: 0 8px; color:#b4b4b4; text-align: center; display:block;  }
.tabWrap ul li:first-child { border-left: none; }
.tabWrap ul li.selected { z-index: 100; position: relative; }
.tabWrap ul li a:hover { background: #393649; color: #ccc; border-bottom: 3px solid #777; }
.tabWrap ul li.selected a{font-weight: bold; background: #393649; border-bottom:3px solid #47e3d6; color: #fff; background-position: right 0; z-index: 110; position: relative;}

.tabWrap ul li.btn_pattern { position: absolute; top: 0px; right: 0; clear: both;}
.tabWrap ul li.btn_pattern a { font-size:12px; height: 37px; border: 0; background: #4897ff; color: #fff; padding: 0 20px; margin: 0; }
.tabWrap ul li.btn_pattern a:hover { background: #4c93f0; }
.tabWrap ul li.btn_pattern a img { margin-right: 5px; }

/*------------header End-----------*/


/*-------------body Start---------*/
.body_wrap{ width:1300px; margin: 0 auto; position:relative; overflow: hidden; }
.body_wrap.wide { width: 100%; }
.main_wrap{
	position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.entrance_wrap{
	position: absolute;
    width: 100%;
	min-width: 1920px;
	left: 50%;
	margin-left: -960px;
    height: auto;
    overflow: hidden;
}
h1.title{ box-sizing: border-box; border-bottom: 1px solid #000; width: 100%; height: 102px; color: #48d3ff; background: url('/s/front/images/title_bg.png') no-repeat; background-size: 100%; position: relative; padding: 10px 0 10px 15px;}
h1.title strong { font-size: 18px; margin-right: 10px; }
h1.title span { font-size: 12px; font-weight:normal; }
h1.title .title_img { width: 300px; height: 100px; position: absolute; right:0; top:0; z-index: 5; }
.tit_btn {
	position: absolute; top: 50%; margin-top: -20px; right: 20px;
	display: inline-block; padding: 0 20px; height: 40px; line-height: 40px; border-radius: 5px;
	background-color: #f01d0e; color: #fff; text-align: center;
	z-index: 10; font-size: 14px;
}
.tit_btn:hover { background-color: #cf1c0f; }


/*table 공통 Start*/
.boardTable{width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0; margin-bottom:10px;}
.boardTable th {background: #514e6c; height: 34px; color: #ddd; border-left: 1px solid #000;font-weight:500;}
.boardTable th:first-child{border-left: 0;}
.boardTable tr td { color: #ddd; border-bottom: 1px solid #514e6c; height:28px; text-align:center; }
/*.boardTable tr td span { vertical-align: middle; }*/
.boardTable tr td a { color: #ddd; }
.boardTable tr td a:hover { text-decoration: underline; }
.boardTable tr td span.tai_result {padding-left: 5px; margin-top: 1px; display:inline-block; width: 50px; text-align:left; line-height: 20px;}
.boardTable tr.trNotice td {background: #1f1d2c; height: 28px; border-bottom: 1px solid #111;}
/*table 공통 End*/

.boardTable td div.bg_pwball{ width:22px; line-height: 22px; text-align: center; background: url('/s/front/images/arcade/pwb_bg.png') no-repeat; background-size:100%; margin:0 auto; }

.boardTable td div.bg_black{
	line-height: 20px; text-align: center; border-radius: 10px; display: inline-block;
	background: #514e6c; font-size: 11px; padding: 0 5px;
}
.boardTable td div.bg_red{
	line-height: 20px; text-align: center; border-radius: 10px; display: inline-block;
	background: #e52222; font-size: 11px; padding: 0 5px;
}
.boardTable td div.bg_blue{
	line-height: 20px; text-align: center; border-radius: 10px; display: inline-block;
	background: #2d86ec; font-size: 11px; padding: 0 5px;
}
.boardTable td div.bg_color{
	width:35px; line-height: 20px; text-align: center; display: inline-block;
	padding-left: 25px; border-radius: 2px;
	background-size: 20px; background-position: 10px top;
	background-repeat: no-repeat; font-size: 11px;
}
.boardTable td div.bg_color span { font-size: 11px; color: #fff; }
.color_result_1, .color_result_4 { background-color: #444; }
.color_result_2, .color_result_3 { background-color: #e52222; }

/* 볼 형식 결과 클래스 */
.boardTable td span.ball_result {
	vertical-align: middle; font-size: 10px; letter-spacing: -1px; font-weight: bold; display: inline-block; width: 20px; height: 20px; line-height: 20px; text-align: center; overflow: hidden; border-radius: 50%;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.33);
    -webkit-font-smoothing: antialiased;
}
/* 카드 형식 결과 클래스 */
.boardTable td span.square_result { background: #514e6c; overflow: hidden; border-radius: 10%; font-size: 10px; width: 20px; height: 20px; line-height: 20px; display:inline-block; }

.boardTable tr td.text_left { text-align: left; padding-left: 86px; }
.boardTable td span.square_result_w {
	background: #fff; overflow: hidden; border-radius: 10%; font-size: 11px; width: 46px; height: 20px; line-height: 20px; display:inline-block;
	vertical-align: middle; letter-spacing: -1px; text-align: center; -webkit-font-smoothing: antialiased; font-weight: normal; margin-top: 1px;
	color: #000; box-sizing: border-box;
}
.boardTable td span.square_result_w i { margin-right: -3px; }

/* 바카라 결과 */
.boardTable tr td span.v_result { vertical-align: middle; font-size: 10px; letter-spacing: -1px; width: 20px; height: 20px; line-height: 20px; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.33); -webkit-font-smoothing: antialiased; font-weight: normal; margin-top: 1px; display:inline-block; }
.boardTable td span.ball_result.v_result_0 { background: #2d86ec; }
.boardTable td span.ball_result.v_result_1 { background: #514e6c; }
.boardTable td span.ball_result.v_result_2 { background: #e52222; }
.boardTable td span.ball_result.v_result_3 { background: #666; }
/* 바카라 결과 */

/*총판 테이블*/
.recoTable{width: 100%; table-layout: fixed; border-spacing: 0; margin-bottom:10px;}
.recoTable th {background: #514e6c; height: 34px; color: #ddd; border-left: 1px solid #000;font-weight:500;}
.recoTable th:first-child{border-left: 0;}
.recoTable tr td {border-bottom: 1px solid #444; height:28px; text-align:center;}
.recoTable tr td span.tai_result {padding-left: 5px; margin-top: 1px; display:inline-block; width: 50px; text-align:left; line-height: 20px;}
.recoTable tr.trNotice td {background: url('../images/bg_table_notice.jpg') repeat-x; height: 33px; border-bottom: 1px solid #111;}

/*총판 테이블*/

/* 컨텐츠 없을 시 문구출력 */
.conNull { width: 100%; height: 226px; line-height: 226px; text-align: center; font-size: 14px; color:#fff; font-weight: bold; }

/*왼쪽영역*/
.gLeftWrap { width: 1030px; position: relative; float:left; min-height: 823px; }


/*오른쪽영역*/
.gRightWrap { width: 263px; float:left; margin-left: 7px; border-bottom: none; }
.gRightWrap .right_guide_wrap { width: 263px; overflow: hidden; }
.gRightWrap .right_guide_wrap a.btnGuide {float: left; width:131px; display: block; height: 31px; line-height: 31px; background: #312e3f; border-right: 1px solid #000; text-align: center; color:#ccc;}
.gRightWrap .right_guide_wrap a.btnGuide:hover { background: #3b384b; color: #fff; }
.gRightWrap .right_guide_wrap a.btnGuide img {vertical-align:middle; margin-right: 5px;}
.gRightWrap ul.bannerWrap { overflow: hidden; border-top: 1px solid #111; }
.gRightWrap ul.bannerWrap li { float: left; width: 100%; border-top: 1px solid #3f3f3f; border-bottom: 1px solid #111; position: relative; }
.gRightWrap ul.bannerWrap li a {display: block; width: 243px; padding:0 10px; height: 34px; line-height: 34px; background: #312e3f; overflow: hidden; }
.gRightWrap ul.bannerWrap li a:hover { background: #3b384b; }
.gRightWrap ul.bannerWrap li a img { width: 20px; }
.gRightWrap ul.bannerWrap li a span { font-size: 10px; color: #666; float: right; vertical-align: middle; }

.gRightWrap ul.bannerWrap li p.sns_id {
	box-sizing: border-box;
	width: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    padding-left: 82px;
    line-height: 44px;
    font-weight: bold;
    font-size: 22px;
}

/* 자주묻는질문 */
dl.faq_list { width: 100%; }
dl.faq_list dt { overflow: hidden; box-sizing: border-box; width:100%; height: 34px; line-height: 34px; background: #514e6c; text-align: left; padding-left: 20px; color: #ff5fff; }
dl.faq_list dt span { float: right; font-size: 11px; padding-right: 15px; color: #999; }
dl.faq_list dd { box-sizing: border-box; width:100%; padding: 20px 20px; background: #1f1d2c; line-height: 20px; letter-spacing:-0.5px; margin-bottom: 20px; color:#999; }
dl.faq_list dd p { line-height:30px; margin:10px 0; }
dl.faq_list dd h2 { font-size: 14px; color:#fff; line-height:30px; margin:10px 0; }
dl.faq_list dd p img { vertical-align: middle; }

table.guideTable { font-size: 12px; border:1px solid #514e6c; width: 100%; margin:20px 0; text-align:center; table-layout: fixed; border-collapse: collapse; border-spacing: 0; }
table.guideTable th { height: 30px; background: #514e6c; color:#fff; }
table.guideTable td { height: 30px; border:1px solid #514e6c; }
table.guideTable td.bgTd { background: #272727; color:#fff; }

.dim { z-index:100; width: 100%; height: 100%; position:fixed; top:0; left:0; background:rgba( 0, 0, 0, 0.7); }
.layer_dim,
.loading_dim { display: none; z-index:20; width: 100%; height: 100%; position:absolute; top:0; left:0; right: 0; bottom: 0; background:rgba( 0, 0, 0, 0.7); }
.layer_dim.active,
.loading_dim.active { display: block; }

/* 아바타 게임 페이지*/
#avartar_01, #avartar_02 { display:none; }
/* 아바타 게임 페이지*/

/*---------------body End-------------*/

/*--------------footer start-------------*/
.footer_wrap{ background: #000; text-align: center; border-top: 1px solid #1f1d2c; width: 100%; color:#aaa; letter-spacing: 1.1px;  padding:0 0 10px 0;}
.footer_wrap a.btnMobileV{ display: block; width: 100%; background: #f45530; text-align: center; height: 40px; line-height: 40px; color: #fff; }
.footer_wrap span { text-align: center; display: block; padding: 15px 0; }
/*--------------footer End-------------*/


/*-----------컬러 클래스들 start----------------*/
/*text color-red ex)네팽이*/
.txtRed{color: #fe1d1d !important;}

/*text color-blue ex)임팽이*/
.txtBlue{color: #2984ea !important;}

/*text color-green ex)드팽이*/
.txtGreen{color: #0fbd00 !important;}

/*text color-형광green ex)배당*/
.txtFluoGreen{color: #01f000 !important;}

/*text color-형광SkyBlue */
.txtFluoSkyBlue{color: #24FCFF !important;}

/*text color-yellow ex)아이디*/
.txtYellow{color: #ffcc00 !important;}

/*text color-pink ex)총판*/
.txtPink{color: #ff5fff !important;}

/*text color-white*/
.txtWhite{color: #fff !important;}

/*text color-skyblue ex)게시판공지*/
.txtSkyBlue{color: #22d3ff !important;}

/*text color-gray ex)게시판 비활성 텍스트*/
.txtGray{color: #777 !important;}

/*text color-gray ex)게시판 비활성 텍스트*/
.txtGray_w{color: #aaa !important;}

/*text color-orange*/
.txtOrange{color: #ff5400 !important;}

.txtYGreen{ color: #d9ec90 !important;}

.txtPasBlue{ color: #b6c1d5 !important;}

.txtPasOrange{ color: #f2dfd9 !important; }

/*-----------컬러 클래스들 end----------------*/

/*----------- 기본 float속성 클래스 start----------------*/
.floatLeft { float: left; }
.floatRight { float: right; }
/*----------- 기본 float속성 클래스 end----------------*/

/*모바일버전으로 보기 버튼*/
.headWrap a.btnMobileV { border-radius: 18px; float: left; background: #f45530; text-align: center; display: inline-block; height: 34px; line-height: 34px; color: #fff; margin-left: 10px; padding: 0 10px; }
/*금고*/
.safeW{ float: left; width: 389px; border:1px solid #514e6c; padding:10px; }
.safeW.rightW { margin-left:8px;}
.safe_bottomW{ float: left; width: 810px; margin-top: 10px; background: #1f1d2c; padding:20px 10px; }
.safe_dim { position: absolute; top:0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.8); }

.safeW h3 { margin: 0 0 10px 0; height: 36px; text-indent: -100em; background: url('../images/bg_safe.jpg') 0 0 no-repeat;}
.safeW h4 { font-size: 1.3em;}
.safeW.rightW h3 { background-position: 0 -36px; }
.safeW table.info{ width: 100%; table-layout: fixed; border-collapse:collapse; border-spacing:0;}
.safeW table.info tr td{ height:40px; background: #514e6c; border-bottom: 1px solid #1f1d2c; padding-left: 8px;}
.safeW table.info tr td:first-child { background: #444; text-align: center; padding-left:0; border-right: 1px solid #1f1d2c; }
.safeW .explainW{ margin-top: 10px; padding: 10px 0; border-top:1px solid #514e6c;}
.safeW .explainW ul{ margin-top:5px;}
.safeW .explainW ul li{ margin-left: 6px; padding:2px 0;}

.safeW table.safeCharge { margin-top:10px; }
.safeW table.safeCharge tr td { background: #444; text-align: center; border-bottom: 1px solid #1f1d2c; border-right: 1px solid #1f1d2c; }
.safeW table.safeCharge tr td.even { text-align: left; background: #514e6c; height:40px; background: #514e6c; padding-left: 8px; border-right: none; }
.safeW table.safeCharge tr td.even input.boxCash{ border: 0; width: 140px; height: 27px; margin-right: 3px; text-align: right; padding-right: 5px; }
.safeW table.safeCharge tr td.even a{ display: inline-block;}
.safeW table.safeCharge tr td.even a.btnUnitCash{ background: url('../images/charge/btn_unitCash.png') 0 0 no-repeat; width: 92px; height: 31px; vertical-align: middle; margin-top:5px; }
.safeW table.safeCharge tr td.even a.btnUnitCash.w2{ background-position: 0 -31px; }
.safeW table.safeCharge tr td.even a.btnUnitCash.w3{ background-position: 0 -62px; }
.safeW table.safeCharge tr td.even a.btnUnitCash.w4{ background-position: 0 -93px;  margin-bottom:5px; }
.safeW table.safeCharge tr td.even a.btnUnitCash.w5{ background-position: 0 -124px; margin-bottom:5px; }
.safeW table.safeCharge tr td.even a.btnUnitCash.w6{ background-position: 0 -155px; margin-bottom:5px; }
.safeW table.safeCharge tr td.even a.btnReset{ background: url('../images/charge/btn_reset.png') 0 0 no-repeat; width: 92px; height: 31px; vertical-align: middle; }
.safeW a.btnEnter{ width: 96px; height: 49px; display: inline-block; position: relative; margin: 18px auto; background: url('../images/btn_enter.png') 0 0 no-repeat; text-indent: -100em; overflow: hidden; }
.safeW a.btnExchange{ width: 96px; height: 49px; display: inline-block; position: relative; margin: 18px auto; background: url('../images/btn_exchange.png') 0 0 no-repeat; text-indent: -100em; overflow: hidden; }
.safeW a.btnHistory{ width: 96px; height: 49px; display: inline-block; position: relative; margin: 18px auto; background: url('../images/btn_safeHis.png') 0 0 no-repeat; text-indent: -100em; overflow: hidden; }
.safeW a.btnDep{ width: 96px; height: 49px; display: inline-block; position: relative; margin: 18px 0; background: url('../images/btn_deposit.png') 0 0 no-repeat; text-indent: -100em; overflow: hidden;}
.safeW a.btnExchangeS{ width: 96px; height: 49px; display: inline-block; position: relative; margin: 18px 0; background: url('../images/btn_exchange2.png') 0 0 no-repeat; text-indent: -100em; overflow: hidden; }

.pw2 div.contentW{ padding:25px;}
.pw2 div.contentW input{ border: 0; height: 32px; padding-left:8px;}


.jk_wrap { position: relative; width: 100%; height: 990px; background: url('/s/front/images/jk.jpg') center top no-repeat; background-size: 100%; }
.jk_layer_wrap { box-sizing: border-box; padding: 50px; width: 830px; position: absolute; top: 120px; left: 50%; margin-left: -415px; z-index: 200; background: #1f1d2c;  }
.jk_layer_wrap h3 {padding: 5px 0; border-bottom: 2px solid #514e6c; margin-bottom: 15px; line-height: 1.5em; font-size: 16px; color: #fff; }
.jk_layer_wrap p {margin-bottom: 40px; line-height: 1.5em; font-size: 12px; color: #bbb; }
.jk_layer_wrap a.btn_highlight { font-size: 16px; text-align: center; width: 200px; padding: 15px 0; display: block; margin: 0 auto; }

.jk_inner_box {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #3b384b;
	background-color: #1a1a1a;
	padding: 30px;
}
.jk_inner_li {
	margin: 15px 0;
	padding-left: 20px;
}
.jk_strong {
	display: inline-block;
	padding-left: 16px;
	position: relative;
}
.jk_strong::before {
	content: '※';
	display: inline-block;
	position: absolute;
	top: 0; left: 0;
}
.jk_center {
	text-align: center;
	font-size: 14px;
	margin-top: 30px;
}
.jk_center span {
	font-weight: bold;
	font-size: 30px;
}
.jk_center span:hover {
	text-decoration: underline;
}