@charset "utf-8";
* { box-sizing: border-box; }
html { font: normal 62.5% 'Nanum Barun Gothic'; }
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; }

@media all and (max-width:1490px){
	body { position: relative; }
}
@media all and (max-width:1030px){
	body { background-image: none; background-color: #111; }
}
dl,ul,ol { list-style: none; }
a { text-decoration: none; color:#fff; }
img { border:none; vertical-align: middle; }
em { font-style: normal; }
textarea{resize:none;outline: none;}
input::-webkit-input-placeholder { /* Webkit browsers */
color: #999;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #999;
opacity: 1;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #999;
opacity: 1;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #999;
}
input[type=text]::-ms-clear {display: none;}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	display: none;
	-webkit-appearance: none;
    margin: 0;
}
input[type=number]::-moz-inner-spin-button,
input[type=number]::-moz-outer-spin-button {
	display: none;
	-moz-appearance: none;
    margin: 0;
}
input[type=number]:-moz-inner-spin-button,
input[type=number]:-moz-outer-spin-button {
	display: none;
	-moz-appearance: none;
    margin: 0;
}
input[type=number]:-ms-inner-spin-button,
input[type=number]:-ms-outer-spin-button {
	display: none;
	-ms-appearance: none;
    margin: 0;
}

textarea,input {ime-mode: active;}
input.not-kor { ime-mode: disabled; }

textarea::-webkit-input-placeholder { /* Webkit browsers */
	color: #999;
}
textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #999;
	opacity: 1;
}
textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #999;
	opacity: 1;
}
textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #999;
}

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

/*-------------- 애니메이션 css ------------*/
.transition-f { transition: 0.05s; -webkit-transition: 0.05s; -moz-transition: 0.05s; -o-transition: 0.05s; -ms-transition: 0.05s; }
.transition-s { transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; -ms-transition: 1s; }
.transition {
	transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease;
}


/*-------------- 공통 레이아웃 css ------------*/
.float_left { float: left; }
.float_right { float: right; }
.txt-right { text-align: right; }
.txt-center { text-align: center; }
.txt-left { text-align: left; }
.text-cut { text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; }


/*-------------- 공통 말풍선 css ------------*/
.arrow_top { width: 0; height: 0; display: block; border: 7px solid transparent; position: absolute; }
.arrow_down { width: 0; height: 0; display: block; border: 7px solid transparent; position: absolute; }


/*-------------- 공통 폼태그 css ------------*/
.select_box_01 { 
	vertical-align: middle; display:inline-block; width: 100px; height: 36px; line-height: 36px; color: #fff; font-size: 12px; padding: 0 0 0 5px;
	background-color: rgba(0, 0, 0, 0.5);
	border: 0.05rem solid rgba(143, 135, 170, 0.5);
}

.input_box_01 { 
	vertical-align: middle; display:inline-block; width: 140px; height: 36px; line-height: 36px; color: #fff; font-size: 12px; padding: 0 5px;
	background-color: rgba(0, 0, 0, 0.5);
	border: 0.05rem solid rgba(143, 135, 170, 0.5);
}

.input_box { 
	vertical-align: middle;
	display:inline-block; border:none; padding: 0 20px;
	background-color: rgba(0, 0, 0, 0.5);
	border: 0.05rem solid rgba(143, 135, 170, 0.5);
    height: 40px;
    line-height: 40px;
	color: #fff;
	font-size: 16px; font-size: 1.6rem;
	width: 100%;
}

.select_box { 
	vertical-align: middle; display:inline-block; width: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	border: 0.05rem solid rgba(143, 135, 170, 0.5);
	height: 40px; line-height: 40px;
	color: #fff;
	font-size: 12px; padding: 0 20px; 
}

.w-150 { width: 150px; }
.w-200 { width: 200px; }


/*-------------- 공통 버튼 css ------------*/
.btn_box { margin: 15px 0; width: 100%; position: relative; overflow: hidden; }
.btn_box.board_btn_box { text-align: left; }
.btn_box.left { text-align: left; }
.btn_box.center { text-align: center; }
.btn_box.right { text-align: right; }
.btn_box_msg { color: #999; font-size: 11px; }

/* 공통버튼 위치 css */
.left_top { position: absolute; top: 0; left: 0; }
.left_bottom { position: absolute; bottom: 0; left: 0; }
.right_top { position: absolute; top: 0; right: 0; }
.right_bottom { position: absolute; bottom: 0; right: 0; }
.btn_submit { position: absolute; top: 0; right: 0; }

.btn_highlight {
	font-size: 18px; font-size: 1.8rem;
	display: inline-block; width: 100%; max-width: 300px; height: 46px; line-height: 46px; text-align: center; color: #fff; border-radius: 4px;
	background: #810185;
}
.btn_highlight:hover {
	color: #fff;
    background: #6a016d;
}

.btn_01 { text-align: center; color: #ccc; border: 1px solid #777; padding: 4px 8px; }
.btn_01:hover { color: #fff; border-color: #fff; }

.btn_d { cursor: pointer; text-align: center; vertical-align: middle; border-radius: 4px; font-size: 12px; font-size: 1.2rem; display: inline-block; height: 36px; line-height: 36px; padding: 0 15px; background: #444; color: #ccc; }
.btn_d:hover { background: #4f4f4f; color: #fff; }

.btn_d_s { cursor: pointer; text-align: center; vertical-align: middle; border-radius: 4px; font-size: 12px; font-size: 1.2rem; display: inline-block; height: 30px; line-height: 30px; padding: 0 15px; background: #444; color: #ccc; }
.btn_d_S:hover { background: #4f4f4f; color: #fff; }

.btn_h { cursor: pointer; text-align: center; vertical-align: middle; border-radius: 4px; font-size: 12px; font-size: 1.2rem; display: inline-block; height: 36px; line-height: 36px; padding: 0 15px; background: #810185; color: #fff; }
.btn_h:hover { background: #6a016d; color: #fff; }

.btn_d_s i { vertical-align: middle; margin: 0 5px; line-height: 30px; }
.btn_d i,
.btn_h i { vertical-align: middle; margin: 0 5px; line-height: 36px; font-size: 18px; font-size: 1.8rem; }

.btn_icon { display: block; position: relative; width: 50px; height: 50px; border-radius: 50%; }
.btn_icon:active { opacity: 0.7; }
.btn_icon:hover,
.btn_icon.active { background: #810185; }
.btn_icon i { font-size: 24px; font-size: 2.4rem; width: 100%; height: 50px; line-height: 50px; text-align: center; }
.alarm-item {
	position: absolute; bottom: -50px; right: 0; text-align: center; width: 200px; height: 40px; border-radius: 20px; background: #810185;
}
.alarm-item a { color: #fff; font-size: 12px; font-size: 1.2rem; line-height: 40px; }
.alarm-item .arrow_top { top: -14px; right: 20px; border-bottom-color: #810185; }


.icon_tooltip { display: block; border-radius: 15px; width: 60px; height: 24px; line-height: 24px; position: absolute; top: -10px; left: 50%; margin-left: -30px; background: #333; color: #fff; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; opacity: 0; }
.icon_tooltip.long { width: 100px; margin-left: -50px; }
.icon_tooltip.active { top: -20px; display: block; opacity: 1; }
.icon_tooltip .arrow_down { bottom: -14px; left: 50%; margin-left: -7px; border-top-color: #333; }

.text_link { color: #999; text-decoration: underline;}


@media all and (max-width:1030px){
	.btn_box { padding: 0 10px; }
	.btn_box.board_btn_box { text-align: center; }

	.left_top { position: absolute; top: 0; left: 10px; }
	.left_bottom { position: absolute; bottom: 0; left: 10px; }
	.right_top { position: absolute; top: 0; right: 10px; }
	.right_bottom { position: absolute; bottom: 0; right: 10px; }
	.btn_submit { height: 44px; line-height: 44px; border-radius: 0; margin-top: 20px; width: 100%; position: relative; display: block; top: auto; right: auto; }
}
@media all and (max-width:640px){
	.btn_box_msg { display: block; line-height: 36px; }
}
/*-------------- 공통 버튼 css ------------*/



/* table-dl */
.table-dl { width: 100%; font-size: 14px; font-size: 1.4rem; display: table; }
.table-dl > dt { display: table-row; margin: 0; padding: 0; }
.table-dl > dt > div { padding: 10px 0; background-color: #101010; color: #ddd; text-align: center; vertical-align: middle; display: table-cell; }
.table-dl > dd { display: table-row; margin: 0; padding: 0; }
.table-dl > dd > div { vertical-align: middle; padding: 10px 0; display: table-cell; }

@media all and (max-width:640px){
	.table-dl { font-size: 12px; font-size: 1.2rem; }
}
/* table-dl */


/*-------------- main_gnb ------------*/
.main_gnb_wrap { display: none; }
@media all and (max-width:1490px){
	.main_gnb_wrap { border-bottom: 1px solid rgba(255, 255, 255, 0.1); border-top: 1px solid rgba(255, 255, 255, 0.1); width: 100%; display: block; }
	.main_gnb:after { content: ''; display: block; clear: both; visibility: hidden; }
	.main_gnb li { border: 0.05rem solid rgba(255, 255, 255, 0.1); float: left; width: 20%; padding: 10px; }
	.main_gnb li a { padding: 20px 0; font-size: 16px; font-size: 1.6rem; display: block; width: 100%; text-align: center; position: relative; }
	.main_gnb li a i { display: block; font-size: 30px; font-size: 3.0rem; margin-bottom: 10px; }
	.main_gnb li a span {
		display: block; font-size: 1.1rem; margin-bottom: 10px; text-align: center;
		color: #777; margin-top: 5px;
		position: absolute; bottom: -5px; width: 100%;
	}
}
@media all and (max-width:640px){
	.main_gnb li { padding: 10px 0; width: 25%; }
	.main_gnb li a { font-size: 12px; font-size: 1.2rem; }
}
/*-------------- main_gnb ------------*/


/*-------------- header - 좌측메뉴 ------------*/

.gnb_wrap { width: 100%; position: relative; }
.logo { float: left; width: 150px; height: 150px; }
.logo a { display: block; width: 100%; height: 150px; background-size: 100px; background-position: center; background-repeat: no-repeat; }
.gnb_ul { padding: 35px 20px 0 0; float: left; width: calc(100% - 410px); }
.gnb_ul:after { content: ''; display: block; clear: both; visibility: hidden; }
.gnb_ul li { padding: 3px; width: 11%; float: left; }
.gnb_ul li a {
	border: 0.05rem solid rgba(143, 135, 170, 1); display: block;
	width: 100%; height:34px; line-height: 33px;
	font-size: 14px; font-size: 1.4rem; position: relative; font-weight: 400; color: #fff;display: block; padding: 0 20px 0 26px;
}
.gnb_ul li a:before {
	display: block; position: absolute; top: 0; right: 10px;
	color: #888; font-size: 1.1rem; line-height: 34px;
}


.gnb_ul li a:after { content: ' '; display: none; width: 6px; height: 6px; border-radius: 50%; background: #fff; overflow: hidden; position: absolute; top: 50%; right: 12px; margin-top: -3px; }

.gnb_ul li.string a:after {
	display: block; width: auto; height: auto;
	top: 2px; right: 10px;
	color: #888; font-size: 1.1rem; line-height: 34px;
	border-radius: 0; background: transparent; overflow: hidden; position: absolute; 
	text-align: right;
}

.gnb_ul li.sports a:after { content: 'sports'; }
.gnb_ul li.cyber a:after { content: 'cyber'; }
.gnb_ul li.games a:after { content: 'games'; }
.gnb_ul li.fx_game a:after { content: 'fx'; }

.gnb_ul li a.event_on:after,
.gnb_ul li a.event_on:hover:after,
.gnb_ul li a.selected.event_on:after,
.gnb_ul li a.event_on:before,
.gnb_ul li a.event_on:hover:before,
.gnb_ul li a.selected.event_on:before { display: none; }
.gnb_ul li a.selected, .gnb_ul li a:hover {
	background: linear-gradient(to right, rgba(0, 0, 0, 0), #810185);
}
.gnb_ul li a.selected:before, .gnb_ul li a:hover:before { display: none; }
.gnb_ul li a.selected:after, .gnb_ul li a:hover:after { color: #fff; display: block; }
.gnb_ul li a i { display: block; position: absolute; top: 50%; left: 0; margin-top: -15px; width: 30px; height: 30px; line-height: 30px; text-align: center; }
.gnb_ul li a em { font-style: normal; font-size: 1.1rem; }
.gnb_ul li a span {
	line-height: 20px; padding: 0 10px; margin-left: 10px; border-radius: 10px; font-weight: bold; vertical-align: middle; display: inline-block; background: #ffcc00; color: #000; font-size: 11px; font-size: 1.1rem;
	position: absolute;
    top: 6px;
    right: 5px;
    z-index: 10;
}
.gnb_ul li.gnb_notice { width: 100%; height: 36px; border: none; margin: 6px 0 0; background: #101010; }
.gnb_ul li.gnb_notice marquee { line-height: 36px; font-size: 16px; font-size: 1.6rem; }

.gnb_sub_wrap { padding: 30px 25px; height: 150px; border-left: 0.05rem solid rgba(143, 135, 170, 0.5); width: 260px; float: left; }
/* header - 현재시간 표기 */
.clock_wrap { font-family: 'DS-DIGIT'; width: 100%; padding: 0; background: rgba(255, 255, 255, 0.1); text-align: center; }
ul.clockW li { line-height: 34px; display:inline; color: #fff; font-size: 30px; font-size: 3.0rem; }
ul.clockW li.date { width: 100%; display: block; }

.messenger { margin: 10px 0 0; padding: 0; width: 100%; overflow: hidden; }
.messenger img { width: 40px; height: 40px; display: block; float: left; }
.messenger p { padding-left: 10px; width: calc( 100% - 70px ); display: block; float: left; }
.messenger p span { display: block; color: #fff; font-weight: 400; text-align: left; font-size: 11px; padding: 0; font-size: 1.1rem; }
.messenger p strong { color: #fff; font-weight: 600; font-size: 24px; font-size: 2.4rem; display: block; float: left; font-family: 'Khand'; }

#point { position:relative; -moz-animation:mymove 1s ease infinite; -webkit-animation:mymove 1s ease infinite; padding:0; }

@-webkit-keyframes mymove
{
	0% {opacity:1.0; text-shadow:0 0 20px #00c6ff;}
	50% {opacity:0; text-shadow:none; }
	100% {opacity:1.0; text-shadow:0 0 20px #00c6ff; }
}
@-moz-keyframes mymove
{
	0% {opacity:1.0; text-shadow:0 0 20px #00c6ff;}
	50% {opacity:0; text-shadow:none; }
	100% {opacity:1.0; text-shadow:0 0 20px #00c6ff; }
}
@media all and (max-width:1490px){
	.logo { width: 100%; height: 150px; }
	.gnb_ul { padding: 0; width: 100%; }
	.gnb_ul li { margin: 0; width: 100%; float: left; }
	.gnb_ul li a { border: none; padding: 8px 30px 8px 70px; line-height: 18px; }
	.gnb_ul li a:after { right: 30px; }
	.gnb_ul li a i { left: 30px; }

	.gnb_sub_wrap { border: none; height: auto; padding: 0; width: 100%; float: left; }

	.clock_wrap { margin: 20px auto; padding: 20px; }
	ul.clockW li { line-height: 40px; }

	.messenger { margin: 20px 0; padding: 0; }
	.messenger img { width: 40px; height: 40px; display: block; float: left; }
	.messenger p span { font-size: 12px; font-size: 1.2rem; }
	.messenger p strong { font-size: 30px; font-size: 3.0rem; }
}
@media all and (max-width:640px){
	.messenger { width: 100%; margin: 0; padding: 0 20px 20px; }
	.messenger p { width: calc( 100% - 40px ); }
}

/*-------------- header - 좌측메뉴 ------------*/



/*-------------- header - 우측 베팅존 ------------*/

.mobile_bet_btn_wrap { display: none; }
@media all and (max-width:1490px){
	.mobile_bet_btn_wrap { display: block; box-shadow: -10px -10px -10px rgba(0, 0, 0, 0.9); position: absolute; top: -40px; width: 100%; }
	.mobile_bet_btn { cursor: pointer; position: relative; width: 80px; height: 40px; overflow: hidden; margin: 0 auto; }
	.mobile_bet_btn i { text-align: center; line-height: 40px; font-size: 20px; font-size: 2.0rem; display: block; width: 80px; height: 80px; background-color: #810185; border-radius: 40px; }
	#bet_slip.active_half .bet_drawing { display: none; }
	#bet_slip.active.active_half .bet_drawing { display: block; }
	.bet_drawing { display: block; overflow-y: auto; max-height: 131px; }
}

.betting_zone_wrap { width: 100%; }
.cnt_wrap { color: #fff; font-size: 12px; font-size: 1.2rem; width: 100%; background: #810185; }
.cnt_wrap.time_finish { background: #303030; color: #999; }
.cnt_wrap .cnt_title { padding: 0 20px; width: 100%; height: 46px; line-height: 46px; background: #6a016d; }
.cnt_wrap.time_finish .cnt_title { background: #222; }
.cnt_wrap .cnt_title p { float: left; }
.cnt_wrap .cnt_title span { float: right;}
.cnt_wrap .cnt_time { font-family: 'DS-DIGIT'; width: 100%; height: 90px; line-height: 96px; text-align: center; font-size: 70px; font-size: 7.0rem; }
.cnt_wrap.time_finish .cnt_time { background: #222; color: #999; }

.betting_zone_title { background: #000; height: 50px; position: relative; }
.betting_zone_title a.trash {display: block; width:50px; height: 50px; padding: 5px; box-sizing: border-box; position: absolute; top:0; right:0; }
.betting_zone_title a.trash i { border-radius: 50%; font-size: 20px; font-size: 2.0rem; display: block; width: 40px; height: 40px; text-align: center; line-height: 40px; }
.betting_zone_title a.trash:hover i { background: #000; color: #fff; }
.betting_zone_title h2 { text-align: left; color:#fff; font-size: 16px; font-size: 1.6rem; width: 120px; height: 50px; line-height: 50px; margin:0; padding: 0 0 0 10px; }
.betting_zone_title h2 i { font-size: 16px; font-size: 1.6rem; }

.betting_money { width: 100%; padding: 15px; }
.betting_money li { text-align: right; line-height: 36px; width: 100%; padding-left: 35%; position: relative; font-size: 14px; font-size: 1.4rem; color: #999; }
.betting_money li p { text-align: left; width: 35%; position: absolute; top: 0; left: 0; }
.betting_money li strong { display: inline-block; margin-right: 5px; color: #fff; }
.betting_money li strong.ex_cash { color: #ffcc00; font-size: 18px; font-size: 1.8rem; font-weight: 600; }
.betting_money li em { display: inline-block; }
.betting_money li article { border: 0.05rem solid #8f87aa; display: inline-block; width: 127px; overflow: hidden; vertical-align: middle; }
.betting_money li article input { color: #fff; background: transparent; float: left; border: none; outline: none; width: 125px; height: 36px; line-height: 36px; padding: 0 5px; text-align: right; }
.betting_money li article .inputCashClear { cursor: pointer; font-weight: 600; color: #fff; float: left; display: inline-block; width: 15px; height: 36px; line-height: 36px; text-align: center; }

.betting_btn_list_wrap { width: 100%; padding: 15px; text-align: center; }
.betting_btn_list { margin: -3px; overflow: hidden; }
.betting_btn_list li { float: left; width: 33.33%; padding: 3px; }
.betting_btn_list li a{
    width: 100%; height: 27px; line-height: 27px; color: #fff; display: inline-block; text-align: center; margin-bottom: 5px;
    background: #000; border: 0.05rem solid #8f87aa;
}
.betting_btn_list a:hover{
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
    border: 0.05rem solid #fff;
}

.betting_win_cash { text-align: right; line-height: 36px; width: 100%; padding: 0 15px; padding-left: 35%; position: relative; font-size: 14px; font-size: 1.4rem; color: #999; }
.betting_win_cash p { text-align: left; width: 30%; position: absolute; top: 0; left: 15px; }
.betting_win_cash strong.ex_cash { display: inline-block; margin-right: 5px; color: #ffcc00; font-size: 18px; font-size: 1.8rem; font-weight: 600; }
.betting_win_cash em { display: inline-block; }

.btn_bet_wrap { padding: 0 15px; }
.btn_bet_wrap .btn_highlight { max-width: 100%; }
@media all and (max-width:1490px){
	.betting_zone_title { height: 36px; background: #810185; }
	.betting_zone_title a.trash { height: 36px; padding: 0; }
	.betting_zone_title a.trash i { font-size: 16px; font-size: 1.6rem; width: 36px; height: 36px; line-height: 36px; }
	.betting_zone_title h2 { font-size: 14px; font-size: 1.4rem; height: 36px; line-height: 36px; }
	.betting_zone_title h2 i { font-size: 14px; font-size: 1.4rem; }

	.cnt_wrap:after { content: ''; display: block; clear: both; visibility: hidden; }
	.cnt_wrap .cnt_title { background: #6a016d; float: left; width: 50%; height: 50px; padding: 10px; }
	.cnt_wrap .cnt_title p,
	.cnt_wrap .cnt_title span { line-height: 1.5; background: float: left; width: 100%; }
	.cnt_wrap .cnt_time { background: #6a016d; height: 50px; line-height: 50px; font-size: 40px; font-size: 4.0rem; float: right; width: 50%; }
	.betting_money,
	.betting_btn_list_wrap { padding: 5px 15px; }
	.betting_money li { line-height: 30px; }
	.betting_money li article { height: 30px; }
	.betting_money li article input { height: 30px; line-height: 28px; }
	.betting_money li article .inputCashClear { height: 30px; line-height: 30px; }
}
@media all and (max-width:1030px){
	.btn_bet_wrap { padding: 0; }
	.btn_bet_wrap .btn_highlight { border-radius: 0; }
}
/*-------------- header - 우측 베팅존 ------------*/


/*-------------- header - 페이지 공통 타이틀 영역 ------------*/
#title h2 { display: inline-block; height: 80px; line-height: 80px;  font-size: 30px; font-size: 3.0rem; }
#title .main_logo { display: none; width: 150px; height: 55px; margin: 22.5px auto; }
#title .main_logo img { width: 100%; }
.btn_title_section { height: 50px; position: absolute; top: 50%; right: 30px; margin-top: -25px; }
.btn_title_section > li { float: right; position: relative; }

/*-------------- header - 타이틀 내 버튼 css ------------*/
#btn_menu { background-color: transparent; color: #fff; border: none; outline:none; position: absolute; top: 50%; left: 30px; margin-top: -25px; display: none; }
#btn_my_info.active { background: #810185; }
#btn_bet { display: none; }

@media all and (max-width:1490px){
	#title .main_logo { display: block; width: 80px; height: 65px; margin: 22.5px auto; }
	
	#title h2 { height: 60px; line-height: 60px; font-size: 20px; font-size: 2.0rem; }
	#btn_menu { left: 10px; }
	.btn_title_section { right: 10px; }
}
@media all and (max-width:640px){
	#title .main_logo { display: block; width: 50px; height: 40px; margin: 5px auto; }

	#title h2 { height: 50px; line-height: 50px; font-size: 16px; font-size: 1.6rem; }
	#btn_menu { left: 0; margin-top: -20px; }
	.btn_title_section { height: 40px; margin-top: -20px; right: 0; }
}
/*-------------- header - 페이지 공통 타이틀 영역 ------------*/


/*-------------- header - 내정보 팝업 레이어 ------------*/
.my_info_wrap { display: none; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.8); width: 340px; position: absolute; top: 60px; right: 0; background: #000; border: 0.05rem solid rgba(143, 135, 170, 1); }
.my_info_wrap .arrow_top { display: none; top: -14px; right: 17px; border-bottom-color: #333; }
.account { width: 100%; overflow: hidden; }
.account .profile_icon { width: 30%; height: 130px; float: left; position: relative; }
.account .profile_icon i { position: absolute; top: 50%; left: 50%; margin-top: -35px; margin-left: -35px; text-align: center; border-radius: 35px; width: 70px; height: 70px; line-height: 70px; background: #3f3f3f; font-size: 40px; font-size: 4.0rem; }
.account .profile { width: 70%; float: left; padding: 25px 20px 20px 0; }
.account .profile li { height: 34px; line-height: 34px; display: block; text-align: left; font-size: 14px; font-size: 1.4rem; }
.account .profile li em { font-style: normal; color: #999; margin-right: 15px; }
.account .profile li .text_link { border-right: 1px solid #555; padding-right: 15px; margin-right: 15px; }
.account .profile li .text_link:last-child { border-right: none; padding-right: 0; margin-right: 0; }
.account .profile li p { color: #999; display: block; width: 30%; float: left; }
.account .profile li span { display: block; width: 70%; float: left; }
.account .profile li.account_money { height: 44px; border-top: 0.05rem solid rgba(143, 135, 170, 1); padding-top: 10px; margin-top: 10px; }

.account .profile.recom { padding: 20px; width: 100%; border-top: 0.05rem solid rgba(143, 135, 170, 1); }
.account .profile.recom li p { color: #999; display: block; width: 40%; float: left; }
.account .profile.recom li span { display: block; width: 60%; float: left; }

.account_btn { border-top: 0.05rem solid rgba(143, 135, 170, 1); border-bottom: 0.05rem solid rgba(143, 135, 170, 1); overflow: hidden; }
.account_btn li { width: 33.33%; float: left; border-right: 0.05rem solid rgba(143, 135, 170, 1); }
.account_btn li:last-child { border-left: none; }
.account_btn li a { font-size: 12px; font-size: 1.2rem; background: #2d2d2d; color: #ccc; display: block; text-align: center; line-height: 40px; }
.account_btn li a:hover { background: #3f3f3f; color: #fff; }
.account_btn li a i { vertical-align: middle; font-size: 16px; font-size: 1.6rem; margin-right: 5px; }
@media all and (max-width:640px){
	.my_info_wrap { width: 96%; position: fixed; right: 50%; margin-right: -48%; }
	.my_info_wrap .arrow_top { display: none; }
}
/*-------------- header - 내정보 팝업 레이어 ------------*/





/*-------------- 도착 알림 레이어 ------------*/
.layer_alarm_wrap { z-index: 100; width: 500px; height: 300px; padding: 30px 0; background: rgba(255, 255, 255, 0.1); position: fixed; top: 50%; left: 50%; margin-top: -150px; margin-left: -250px; }
.layer_alarm_wrap.message { z-index: 110; }
.layer_alarm_wrap span.event_eff { margin-bottom: 10px; display: block; text-align: center; font-size: 80px; font-size: 8.0rem; color:#fff; }
.layer_alarm_wrap h2 { margin-bottom: 15px; display: block; text-align: center; font-weight: 400; font-size: 30px; font-size: 3.0rem; color:#fff; height: 60px; line-height: 60px; }
.layer_alarm_btn_wrap { text-align: center; }
.layer_alarm_btn_wrap a { font-size: 16px; font-size: 1.6rem; display: inline-block; background: #810185; color: #fff; padding: 0 30px; height:50px; line-height: 50px; }
.layer_alarm_btn_wrap a:hover { background: #6a016d; }


/*--------------footer start-------------*/
.footer_wrap { background: #000; text-align: center; border-top: 1px solid #222; width: 100%; color:#aaa; letter-spacing: 1.1px; }
.footer_wrap.main_footer { position: absolute; bottom: 0; }
.footer_inner { border-bottom: 1px solid #222; width: 100%; text-align: center; font-size: 0px; letter-spacing: 0px; word-spacing: 0px; }
.footer_info { vertical-align: top; display: inline-block; padding: 30px; width: 45%; }
.footer_info:first-child { border-right: 1px solid #222; }
.guide_wrap { width: 100%; overflow: hidden; text-align: left; padding: 20px 0; }
.guide_wrap a { display: inline-block; font-size: 16px; font-size: 1.6rem; margin-right: 10px; }
.guide_wrap a i { margin-right: 5px; }
.footer_wrap span { font-size: 14px; font-size: 1.4rem; text-align: center; display: block; padding: 30px 0; }
@media all and (max-width:1030px){
	.footer_wrap.main_footer { position: relative; }
}
/*--------------footer End-------------*/


/* 메인 배경이미지 */
.main_index_wrap { overflow: hidden; position: absolute; top: 0; right: 0; left: 0; bottom: 0; width:100%; }
.main_copy { opacity: 0; position: absolute; width: 500px; height: 184px; top: 30%; left: 50%; margin-top: -92px; margin-left: -250px; }
.main_copy.welcome { opacity: 1; top: 50%; }
.main_copy h1 { font-family: 'TimeLineR'; width: 100%; text-align: center; font-size: 50px; font-size: 5.0rem; }
.main_copy .main_welcome { display: block; text-align: center; }
@media all and (max-width:1490px){
	.main_index_wrap { display: none;}
}
/* 메인 배경이미지 */



/*소메뉴 탭영역*/
.tab_wrap { padding: 20px; width: 100%; margin-bottom: 20px; background-color: rgba(0, 0, 0, 0.6); border: 0.05rem solid rgba(143, 135, 170, 0.5); }
.tab_wrap > ul { z-index: 10; position: relative; width: 100%; }
.tab_wrap > ul:after { content: ''; display: block; visibility: hidden; clear: both; }
.tab_wrap > ul > li {
	width: calc(16.666666% - 10px); border: 1px solid #8f87aa; z-index: 5; position: relative; margin: 3px 0 3px 10px; height: 40px; display: inline-block; float: left;
}
.tab_wrap > ul > li.selected { background: linear-gradient(to right, rgba(0, 0, 0, 0), #810185); height: 40px; z-index: 15; }
.tab_wrap > ul > li:nth-child(6n+1) { margin: 3px 0; }
.tab_wrap > ul > li > a { display: block; color: #999; font-size: 14px; font-size: 1.4rem; width: 100%; height: 38px; line-height: 38px; padding: 0 15px; }

.tab_wrap > ul > li > a:hover { color: #ddd; background-color: rgba(255, 255, 255, 0.05); }
.tab_wrap > ul > li.selected > a { color: #fff; }
.tab_wrap > ul > li.selected > a:hover { color: #fff; background-color: transparent; }
.tab_wrap > ul > li > a img { width: 26px; }


.tab_wrap ul.tab_sub_list { height: auto; padding: 10px 0; border: none; overflow: hidden; }
.tab_wrap ul.tab_sub_list > li { width: 100%; border: none; margin: 0; height: auto; }

.tab_con { overflow: hidden; }
.tab_con li { display: inline-block;}
.tab_con li a { font-size: 12px; font-size: 1.2rem; display: inline-block; height: 36px; line-height: 36px; padding: 0 15px; border-radius: 18px; background: #222; color: #aaa; }
.tab_con li:hover a { background: #2f2f2f; color: #fff; }
.tab_con li.selected a, .tab_con li.selected:hover a { background: #810185; color :#fff; }

@media all and (max-width:1030px){
	/* 모바일 tab_menu */
	.tab_wrap { padding: 0; border: none; border-top: 0.05rem solid rgba(143, 135, 170, 0.5); border-bottom: 0.05rem solid rgba(143, 135, 170, 0.5); margin: 0; }
	.tab_wrap > ul { border: none; overflow: hidden; height: auto; }
	.tab_wrap > ul > li { margin: 0; display: block; float: left; width: 20%; border: none; border-right: 1px solid #333; border-bottom: 1px solid #333; }
	.tab_wrap > ul > li:nth-child(6n+1) { margin: 0; }
	.tab_wrap > ul > li:nth-child(5n) { border-right: none; }
	
	.tab_wrap > ul > li.selected { background: #ffcc00; border: none; border-right: 1px solid #333; height: 40px; }
	.tab_wrap > ul > li > a { padding: 0; font-size: 10px; font-size: 1.0rem; text-align: center; }
	.tab_wrap > ul > li > a img { display: none; }
	.tab_wrap > ul > li.selected > a { color: #000; }
	.tab_wrap > ul.tab_large_50 > li { width: 50%; }
	.tab_wrap > ul.tab_large_33 > li { width: 33.333333%; }

	.tab_wrap ul.tab_sub_list { padding: 0; }

	.tab_con li { display: block; float: left; width: 20%; border-bottom: 1px solid #2f2f2f; border-right: 1px solid #2f2f2f; }
	.tab_con li a { font-size: 11px; font-size: 1.1rem; padding: 0; border-radius: 0; background: transparent; display: block; width: 100%; height: 34px; line-height: 34px; text-align: center; }
}
/*소메뉴 탭영역*/



/* 통계 레이어 */
.stat_layer_wrap {
	background: #000; display: none;
	width: 100%;
	z-index: 100;
	position: fixed; top: 60px; left: 0;
	padding: 50px;
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);
}
.stat_layer_wrap.pc_tit { top: 80px; position: absolute; width: 100%; }
.stat_layer_wrap.pc_tit.fixed { position: fixed; top: 80px; width: calc(100% - 260px); margin-right: 260px; }
.stat_layer_wrap a.btn_close {
	background: #191919;
	position: absolute; bottom: -25px; left: 50%; margin-left: -25px; z-index: 50;
}
.stat_layer_wrap .stat_layer { width: 100%; overflow-x: auto; font-weight: normal; color: #fff; position: relative; border-top: 1px solid #2a2a2a;  }
.stat_layer_wrap .stat_layer .pattern_list { background-image: url('/s/front/images/arcade/bg_cell_rs.png'); display: inline-block; min-height: 211px; font-size: 0; padding-bottom: 30px; position: relative; white-space: nowrap; overflow: hidden; }
.stat_layer_wrap .stat_layer .pattern_list dl { display: inline-block; vertical-align: top; }
.stat_layer_wrap .stat_layer .pattern_list dl dt {
	position: relative;
	z-index: 1;
	font-size: 12px; font-size: 1.2rem;
}
.stat_layer_wrap .stat_layer .pattern_list dl dt, .stat_layer_wrap .stat_layer .pattern_list dl dd {
	width: 31px;
    height: 31px;
    line-height: 30px;
    padding: 1px 2px 2px 1px;
	text-align: center;
}
.stat_layer_wrap .stat_layer .pattern_list dl dt.pattern_2 { color: #aaa }
.stat_layer_wrap .stat_layer .pattern_list dl dt.pattern_1 { color: #e74c3c }
.stat_layer_wrap .stat_layer .pattern_list dl dt.pattern_0 { color: #3498db }
.stat_layer_wrap .stat_layer .pattern_list dl dd span {
	color: #fff;
	border-radius: 14px;
	display: block;
	width: 28px;
	height: 28px;
	text-align: center;
	line-height: 28px;
	font-size: 12px; font-size: 1.2rem;
}
.stat_layer_wrap .stat_layer .pattern_list dd span.pattern_2{
	background-color: #aaa;
}
.stat_layer_wrap .stat_layer .pattern_list dd span.pattern_1{
	background-color: #e74c3c;
}
.stat_layer_wrap .stat_layer .pattern_list dd span.pattern_0{
	background-color: #3498db;
}
.stat_layer_wrap .con_null { background: url('/s/front/images/arcade/pattern_bg_rs.jpg') center no-repeat; width: 100%; height: 300px; text-align: center; line-height: 300px; font-size: 20px; color: #fff; font-weight: bold;  }

.stat_layer_wrap .stat_layer .pattern_list dl dd.length {
	position: absolute;
  bottom: 0;
	font-size: 12; font-size: 1.2rem;
}

.stat_layer_wrap .layerBtnW { background: #222; text-align: right; }
.stat_layer_wrap .layerBtnW a { display: inline-block; padding: 15px 20px; background: #111; color: #ccc; font-size: 12px; font-weight: normal; }
/* 통계 레이어 */


/*------------갤러리형 리스트 페이지 start-------------*/
.sub_tit { background-color: #222; padding: 10px; margin-bottom: 10px; font-size: 1.5rem; }
.gal_list_wrap { width: 100%; overflow: hidden; }
.gal_list_wrap ul.gal_list { margin: -10px; overflow: hidden; }
.gal_list_wrap ul.gal_list * { box-sizing: border-box; }
.gal_list_wrap ul.gal_list li { position: relative; width: 25%; padding: 10px; float: left; }
.gal_list_wrap ul.gal_list li.event_33 { width: 33.33%; padding: 10px; }
.gal_list_wrap ul.gal_list li.event_50 { width: 50%; padding: 10px; }
.gal_list_wrap ul.gal_list li a { background: #000; position: relative; padding: 0 0 20px 0; width: 100%; display: block; text-align: center; }
.gal_list_wrap ul.gal_list li a:after {position: absolute; top: 0; left: 0; content: ''; display: block; width: 100%; padding-top: 100%; background: rgba(0, 0, 0, 0.2); }
.gal_list_wrap ul.gal_list li a:hover { background: #810185; }
.gal_list_wrap ul.gal_list li a:hover:after { display: none;}
.gal_list_wrap ul.gal_list li a img { width: 100%; }
.gal_list_wrap ul.gal_list li a div.event_mark { position: absolute; top: 15px; left: 15px; width: 100px; height: 36px; background: #810185; text-align: center; line-height: 36px; color: #fff; border-radius: 0 0 5px 0; }
.gal_list_wrap ul.gal_list li a div.event_mark_2 { position: absolute;  font-size:12px; top: 15px; left: 15px; width: 100px; height: 36px; background: #f5de6b; text-align: center; line-height: 36px; color: #000; border-radius: 5px;   font-weight:bold;  }
.gal_list_wrap ul.gal_list li a strong { display: block; font-size: 16px; font-size: 1.6rem; margin: 20px 0 0 0; }
.gal_list_wrap ul.gal_list li a span { font-size: 12px; font-size: 1.2rem; margin-top: 15px; display: block; color: #999; }
.gal_list_wrap ul.gal_list li a > em { 
	display: block;
	font-style: normal;
	position: absolute;
	width: 100%; height: 30px;
	font-family: Impact, sans-serif;
	font-size: 2.8rem;
	text-align: center;
	top: 66%; left: 0; 
}
.gal_list_wrap ul.gal_list li a:hover strong { color: #fff; }
.gal_list_wrap ul.gal_list li a:hover span { color: #fff; }

.stock_time_btn { text-align: center; line-height: 30px; position:relative; color: #ddd; width: 120px; height: 30px; background: #555; margin: 10px auto 0; }
.stock_time_layer {
	z-index: 10; opacity: 0; display:block; position: absolute; top: 0; left: 0; width: 100%; padding: 15px 15px 10px 15px; background: #353536;
	transform: translate3d(0px, -50px, 0px);
}
.stock_time_layer p { margin-top: 5px; text-align: left; height: auto; padding: 0; display: block; color: #8d8d8d; }
.gal_list_wrap ul.stock_list li ul.stock_time_day {  margin-top: 5px; display: block; width: 100%; height: 26px; }
.gal_list_wrap ul.stock_list li ul.stock_time_day li { padding: 0; margin-right: 5px; display:inline-block; width: 26px; height: 26px; border-radius: 50%; text-align: center; line-height: 26px; color: #fff; background: #ff0065; }
.gal_list_wrap ul.stock_list li ul.stock_time_day li.disabled { background: #000; color: #555; }

ul.stock_list li a:hover .stock_time_btn { background: #ff0065; color: #fff; }
ul.stock_list li a:hover .stock_time_layer { transform: translate3d(0px, 0px, 0px); opacity: 1; }
/*------------갤러리형 리스트 페이지 end-------------*/


.noservice {
	width: 100%;
	text-align: center;
}
.noservice img {
	display: inline-block;
	width: 100%;
	max-width: 430px;
}



@media all and (max-width:1490px){
	#btn_menu, #btn_bet { display: block; }
}
@media all and (max-width:1030px){
/* 모바일 공통 버튼 */
	.btn_icon i { font-size: 20px; font-size: 2.0rem; }
	.icon_tooltip.active { display: none; }

	

	/* 모바일 통계레이어 */
	.stat_layer_wrap { top: 50px; padding: 0 0 50px 0; }

	/* 모바일 footer */
	.footer_info { width: 100%; }
	.footer_info:first-child { border-right: none; border-bottom: 1px solid #222; }
	.footer_link.right li { width: 50%; }

	/* 갤러리형 리스트 페이지 */
	.gal_list_wrap ul.gal_list { margin: 0; }
	.gal_list_wrap ul.gal_list li { width: 33.33%; padding: 5px; }
	.gal_list_wrap ul.gal_list.stock_list li { width: 50%; padding: 5px; }
	.gal_list_wrap ul.gal_list li a { background: #333; padding-bottom: 10px; }
	.gal_list_wrap ul.gal_list li a:after { display: none; }
	.gal_list_wrap ul.gal_list li a strong { margin-top: 10px; font-weight: normal; font-size: 12px; font-size: 1.2rem; }
	.gal_list_wrap ul.gal_list li a span { display: none; }
}

@media all and (max-width:640px){
	.gal_list_wrap ul.gal_list li a div.event_mark { top:0; right: 0; left: auto; width: 70px; height: 30px; line-height: 30px; }
    .gal_list_wrap ul.gal_list li a div.event_mark_2 { top:0; font-size:10px; right: 0; left: auto; width: 70px; height: 24px; line-height: 24px; border-radius: 0; }
	.btn_icon { width: 40px; height: 40px; }
	.btn_icon i { height: 40px; line-height: 40px; font-size: 20px; font-size: 2.0rem; }
	.gal_list_wrap ul.gal_list li a > em { font-size: 1.8rem; }
}








/*------------메인 start----------*/

/*팝업*/
.popUpW_0{position:absolute; width:740px; background: #222; z-index: 1; top:50px; left:50%; margin-left:-370px;}
.popUpW_1{position:absolute; width:740px; background: #222; z-index: 1; top:70px; left:50%; margin-left:-350px;}
.popUpW_2{position:absolute; width:740px; background: #222; z-index: 1; top:90px; left:50%; margin-left:-330px;}
.popUpW_3{position:absolute; width:300px; background: #222; z-index: 1; top:50%; left:50%; margin-left:-150px; margin-top:-89px;}
.popUpW_4{position:absolute; width:600px; height: 500px; background: #222; z-index: 1; top:50%; left:50%; margin-left:-300px; margin-top:-250px;}


.popUpW_slot{
	position: absolute;
	width: 65.625%;
    height: 69%;
    border: 1px solid #222;
    background: #222;
    z-index: 200;
    top: 2%;
    left: 50%;
    margin-left: -32.8125%;
    box-sizing: border-box;
	display: block;
	overflow: hidden;
}
.pop_header {
	background-color: #000;
	background-image: url('/s/front/images/logo_rs.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 60px;
	height: 11%;
	position: relative;
}
.pop_btn_close {
	position: absolute;
	width: 40px; height: 40px;
	top: 50%; margin-top: -20px;
	right: 20px; color: #ddd;
	cursor: pointer;
}
.pop_btn_close i {
	width: 40px; height: 40px; line-height: 40px;
	text-align: center; font-size: 24px;
}
.pop_btn_close:hover { color: #fff; }
.pop_iframe{
	width: 100%; height: 89%;
	margin:0px; z-index: 1;
	border: none; display: block;
}

@media all and (max-width:1260px){
	.popUpW_slot{
		width: 100%;
		max-width: 100%;
		height: 100vh;
		top: 0; left: 0; right: 0; bottom: 0;
		margin: 0; margin-left: 0;
	}
	.pop_header {
		height: 0;
	}
	.pop_btn_close {
		top: 0; margin-top: 0;
		right: 0; background-color: rgba(0, 0, 0, 0.7);
	}
	.pop_iframe{
		height: 100vh;
	}
}


h1.titleNotice{ font-weight: normal; padding: 20px 0; text-align: center; font-size: 30px; font-size: 3.0rem; background: #111; border-top:1px solid #810185; margin: 0;}
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: #111; }
h2.pop_tit a { margin-top:6px; float: right; margin-right: 10px; background:#222; 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:#333; }
.pop_scroll_w { width: 570px; height: 434px; padding: 15px; overflow-y:auto; }

.pop_content { padding: 30px; }
.pop_content h2 { font-size: 24px; font-size: 2.4rem; }
.pop_content p { padding-top: 20px; font-size: 16px; font-size: 1.6rem; }

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 #111; 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: #333; }
table.popTable_02 tr td { border: 1px solid #333; }

.noticeBottomW{ border-top: 1px solid #444; padding: 10px 20px; height:62px; background: #222; line-height: 42px; overflow: hidden;}
.noticeBottomW input[type=checkbox]{vertical-align: middle; margin-left:15px;}
.noticeBottomW label { font-size: 16px; font-size: 1.6rem; }
.noticeBottomW a.btn_default{ font-size: 16px; font-size: 1.6rem; }


@media all and (max-width:740px){
	.popUpW_0,
	.popUpW_1,
	.popUpW_2{position:absolute; width:90%; background: #222; z-index: 1; top:90px; left:50%; margin-left:-45%;}
	h1.titleNotice { font-size: 24px; font-size: 2.4rem; }
	.pop_content { padding: 20px; }
	.pop_content h2 { font-size: 20px; font-size: 2.0rem; }
	.pop_content p { padding-top: 20px; font-size: 16px; font-size: 1.6rem; }
	.noticeBottomW label { font-size: 12px; font-size: 1.2rem; }
	.noticeBottomW a.btn_default{ font-size: 12px; font-size: 1.2rem; }
}


/*table 공통 Start*/
.boardTable{width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0; margin-bottom:10px; font-size: 12px;}
.boardTable th {background: #333; height: 34px; color: #ddd; border-left: 1px solid #222;font-weight:500;}
.boardTable th:first-child{border-left: 0;}
.boardTable tr td { color: #ddd; border-bottom: 1px solid #333; height:28px; text-align:center; }
.boardTable tr td a { color: #ddd; }
.boardTable tr td a:hover { text-decoration: underline; }

.boardTable tr.trNotice td {background: #222; height: 28px; border-bottom: 1px solid #111;}


/*table 공통 End*/



.boardTable td div.bg_black{
	line-height: 20px; text-align: center; border-radius: 10px; display: inline-block;
	background: #333; 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 tr td.text_left { text-align: left; padding-left: 86px; }



/*총판 테이블*/
.recoTable{width: 100%; table-layout: fixed; border-spacing: 0; margin-bottom:10px;}
.recoTable th {background: #333; 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% !important; height: 226px; line-height: 226px; text-align: center; font-size: 16px; font-size: 1.6rem; color:#fff; font-weight: bold; }

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

/* 콘텐츠영역 레이어 */
.con_layer { width: 445px; position: absolute; top: 110px; left: 50%; margin-left: -222.5px; background: #222; padding: 30px 30px 30px 125px; }
.con_layer .icon_img { text-align: center; width: 80px; position: absolute; top: 30px; left: 30px; }
.con_layer .icon_img i { color: #810185; line-height: 80px; font-size: 80px; font-size: 8.0rem; }
.con_layer h3 { font-size: 20px; font-size: 2.0rem; font-weight: bold; color: #fff; }
.con_layer p { font-size: 16px; font-size: 1.6rem; color: #999; margin: 0 0 20px; }
.con_layer .btn_box { text-align: right; }
@media all and (max-width:640px){
	.con_layer { padding: 125px 20px 20px 20px;  width: 100%; top: 0; margin-top: 0; margin-left: 0; left: 0; }
	.con_layer .icon_img { text-align: center; width: 80px; position: absolute; top: 30px; left: 50%; margin-left: -40px; }
	.con_layer h3 { text-align: center; }
	.con_layer .btn_box { text-align: center; }
}


/* 공통 info-list */
dl.info-list { width: 100%; font-size: 14px; font-size: 1.4rem; }
dl.info-list > dt { box-sizing: border-box; overflow: hidden; width:100%; text-align: left; padding: 20px 10px; color: #fff; }
dl.info-list > dt.important { background: #810185; }
dl.info-list > dt.important h3 { font-size: 16px; font-size: 1.6rem; vertical-align: middle; display: inline-block; }
dl.info-list > dt .right_box { display: inline-block; vertical-align: middle; float: right; }
dl.info-list > dt p.right_box.recom span { margin-left: 10px; }
dl.info-list > dd { font-size: 14px; font-size: 1.4rem; box-sizing: border-box; width:100%; padding: 20px 20px; background: rgba( 0, 0, 0, 0.5); line-height: 1.5; letter-spacing:-0.5px; margin-bottom: 20px; color:#999; }
dl.info-list > dd.table-wrap { padding: 0; }
dl.info-list > dd > strong { color: #2984ea; display: block; }
dl.info-list > dd > p { line-height:1.5; margin:0 0 10px; }
dl.info-list > dd > p.indent { padding-left: 60px; position: relative; }
dl.info-list > dd > p.indent strong { display: block; width: 60px; position: absolute; top: 0; left: 0; line-height:1.5; }
dl.info-list > dd > h2 { font-size: 14px; color:#fff; line-height:30px; margin:10px 0; }
dl.info-list > dd > p img { vertical-align: middle; }

dl.info-list > dt.important.im_bg { font-weight: bold; background: #ff0062; color: #fff; }
dl.info-list > dd.important {
	border: 4px solid #ff0062; text-align: center;
	font-weight: bold; font-size: 16px; font-size: 1.6rem;
	color: #fff;
}
dl.info-list > dd.important span { color: #ff0062; }

@media all and (max-width:640px){
	dl.info-list > dt p.right_box.recom,
	dl.info-list > dt p.right_box.recom span { clear: both; display: block; width: 100%; }
	dl.info-list > dt p.right_box.recom span { margin-left: 0; margin-top: 10px;  }

	dl.info-list > dd.important {
		font-size: 12px; font-size: 1.2rem;
	}
}
/* 공통 info-list */



.dim { display: none; z-index:100; width: 100%; height: 100%; position:fixed; top:0; left:0; background:rgba( 0, 0, 0, 0.7); }
.dim-layer { display: none; z-index:10; width: 100%; height: 100%; position:absolute; top:0; left:0; background:rgba( 0, 0, 0, 0.7); }

.dim_slot { display: block; z-index:100; width: 100%; height: 100%; position:fixed; top:0; left:0; background:rgba( 0, 0, 0, 0.7); }

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




/*-----------컬러 클래스들 start----------------*/
/*text color-red ex)네팽이*/
.txtRed{color: #ce1039 !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: #ffc600 !important;}

.txtYellow_b{color: #cc7a00 !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: #810185 !important;}

.txtYGreen{ color: #d9ec90 !important;}

.txtPasBlue{ color: #b6c1d5 !important;}

.txtPasOrange{ color: #f2dfd9 !important; }

.disable .txtRed,
.disable .txtBlue {color: #444 !important;}

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


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


/* 도메인 이전 공지 레이어 */
.transfer_wrap { position: relative; width: 100%; height: 990px; background: url('/s/front/images/transfer.jpg') center top no-repeat; background-size: 100%; }
.transfer_layer_wrap { box-sizing: border-box; padding: 50px; width: 830px; position: absolute; top: 180px; left: 50%; margin-left: -415px; z-index: 200; background: #222;  }
.transfer_layer_wrap h3 {padding: 5px 0; border-bottom: 2px solid #333; margin-bottom: 15px; line-height: 1.5em; font-size: 16px; color: #fff; }
.transfer_layer_wrap p {margin-bottom: 40px; line-height: 1.5em; font-size: 12px; color: #bbb; }
.transfer_layer_wrap a.btn_highlight { font-size: 16px; text-align: center; width: 200px; padding: 15px 0; display: block; margin: 0 auto; }




.chat_btn {
	position: fixed;
	bottom: 20px; right: 20px;
	width: 60px; height: 60px;
	border-radius: 30px;
	background-color: #6956d4;
	text-align: center;
	cursor: pointer;
	display:none;
}
.chat_btn:hover {
	background-color: #ffcc00;
}
.chat_btn.active { display: block; }
.chat_btn i { line-height: 60px; font-size: 30px; }

.chat_btn::before {
	content: '계정을 잊어버리셨나요? 실시간 상담으로 문의해보세요.';
	display: block;
	padding: 0 15px; border-radius: 5px;
	background-color: #6956d4; color: #fff;
	width: 330px; height: 40px; line-height: 40px;
	position: absolute; top: 50%; right: 70px;
	margin-top: -20px;
	font-size: 1.2rem;
}
.chat_btn::after {
	content: '';
	display: block;
	width: 0; height: 0;
	border: 10px solid transparent;
	border-left-color: #6956d4;
	position: absolute; top: 50%; right: 55px;
	margin-top: -10px;
}
.chat_btn:hover::before {
	background-color: #ffcc00;
	color: #000;
}
.chat_btn:hover::after {
	border-left-color: #ffcc00;
}

@keyframes chat_effect {
	0% { background-color: #6956d4; }
	20% { background-color: #ffcc00; }
	60% { background-color: #6956d4; }
	80% { background-color: #ffcc00; }
	100% { background-color: #6956d4; }
}

@keyframes chat_arrow_effect {
	0% { border-left-color: #6956d4; }
	20% { border-left-color: #ffcc00; }
	60% { border-left-color: #6956d4; }
	80% { border-left-color: #ffcc00; }
	100% { border-left-color: #6956d4; }
}

.chat_btn.on {
	animation: chat_effect 1s linear;
}
.chat_btn.on::before {
	animation: chat_effect 1s linear;
}
.chat_btn.on::after {
	animation: chat_arrow_effect 1s linear;
}

.chat_wrap {
	display: block;
	width: 96%; max-width: 400px;
	position: fixed;
	bottom: 90px; right: 50%;
	margin-right: -48%;
	z-index: 100; overflow: hidden;
	transform: scale(0);
	transform-origin: bottom right;
}

.chat_wrap.active {
	transform: scale(1);
}

.chat_wrap * { box-sizing: border-box; }
.chat_wrap::after { content: ''; display: block; clear: both; visibility: hidden; }
.chat_user_list_box {
	width: 30%;
	float: left;
	border: 1px solid #333;
	padding: 10px 0;
}
.chat_user_list_box h3 {
	color: #fff;
	padding: 10px;
}
.chat_user_list {
	list-style: decimal;
	padding-left: 30px;
}

.chat_user_list li {
	width: 100%;
	cursor: pointer;
	padding: 5px 10px 5px 0;
}
.chat_user_list li:hover {
	color: #fff;
}
.chat_user_list li.active {
	color: #ffcc00;
}
.chat_list_box {
	width: 68%;
	float: right;
}

.chat_list::after { content: ''; display: block; clear: both; visibility: hidden; }

.chat_list li {
	width: 33.333333%;
	padding: 5px;
	float: left;
	display: none;
}
.chat_list li.active { display: block; }
.chat_box {
	width: 100%;
	background-color: #32295f;
	color: #fff;
}
.chat_user_stat {
	padding-right: 36px;
	position: relative;
	background-color: #261f47;
}

.chat_strName {
	width: 100%; text-align: left; line-height: 36px;
	font-size: 12px; font-weight: bold; color: #fff;
	padding-left: 15px;
}
.chat_close {
	width: 36px; height: 36px;
	position: absolute; top: 0; right: 0;
	border: 0; background: transparent;
	cursor: pointer; color: #fff;
	outline: none;
}
.chat_close:hover { color: #fff; }

.chat_area_box {
	width: 100%; height: 200px; overflow-y: auto;
	padding: 5px 20px;
}
.chat_area_box::-webkit-scrollbar {
	width: 6px;
}
.chat_area_box::-webkit-scrollbar-thumb {
	background-color: #646a77;
	border-radius: 10px;
	background-clip: padding-box;
	border: 2px solid transparent;
}
.chat_area_box::-webkit-scrollbar-track {
	background-color: transparent;
	border-radius: 10px;
}

.m_a_box { text-align: left; margin-bottom: 3px; }
.m_a_box > .message {
	display: inline-block;
	background-color: #fff;
	border-radius: 4px;
	color: #000; padding: 8px;
	position: relative;
	font-size: 1.2rem;
}
.m_a_box > .message::before {
	content: '';
	display: block;
	width: 0; height: 0;
	border: 10px solid transparent;
	border-top-color: #fff;
	position: absolute; top: 5px; left: -10px;
}
.m_q_box { text-align: right; margin-bottom: 3px; }
.m_q_box > .message {
	display: inline-block;
	background-color: #ffeb33;
	border-radius: 4px;
	color: #000; padding: 8px;
	position: relative;
	text-align: left;
	font-size: 1.2rem;
}
.m_q_box > .message::before {
	content: '';
	display: block;
	width: 0; height: 0;
	border: 10px solid transparent;
	border-top-color: #ffeb33;
	position: absolute; top: 5px; right: -10px;
}
.note_box { position: relative; text-align: center; margin-bottom: 3px; }
.note_box::after {
	content: '';
	display: block;
	width: 100%;
	height: 0;
	border-top: 1px dashed #494077;
	position: absolute; top: 50%; left: 0;
}
.note_box > .message {
	display: inline-block;
	background-color: #32295f;
	border-radius: 4px;
	color: #fff; padding: 8px 12px;
	position: relative;
	text-align: left;
	font-size: 12px;
	position: relative;
	z-index:10;
}
.note_box_dummy { display: none; }


.chat_input_box { padding-right: 36px; width: 100%; position: relative; }
.chat_input_box input {
	width: 100%; border: 1px solid #bbb; height: 36px; line-height: 36px; padding-right: 36px; outline:none;
}
.chat_input_box input:focus {
	background-color: #ffeb33;
}
.chat_input:disabled {
	background-color: #363346;
	border: 1px solid #201e29;
}
.chat_input_box button.chat_submit { 
	width: 36px; height: 36px; text-align: center; line-height: 36px;
	position: absolute; right: 0; bottom: 0; margin: 0; padding: 0;
	border: 1px solid #bbb; background-color: #ddd;
	border-left-color: transparent; cursor: pointer;
}
.chat_input_box button.chat_submit:hover {
	background-color: #ccc;
}
.chat_input_box button.chat_submit:disabled {
	background-color: #4f4c64;
	border: 1px solid #49455a;
	color: #807c94;
	cursor: default;
}



.alarm_btn {
	position: fixed;
	bottom: 20px; right: 20px;
	width: 60px; height: 60px;
	border-radius: 30px;
	background-color: #6956d4;
	text-align: center;
	cursor: pointer;
	display:none;
}
.alarm_btn:hover {
	background-color: #ffcc00;
}
.alarm_btn.active { display: block; }
.alarm_btn i { color: #fff; line-height: 60px; font-size: 30px; }

.alarm_btn::before {
	content: '비밀번호를 잊어버리셨나요?\A비밀번호 변경하러가기>';
	display: block;
	padding: 0 15px; border-radius: 5px;
	background-color: #6956d4; color: #fff;
	width: 330px; height: 40px; line-height: 40px;
	position: absolute; top: 50%; right: 70px;
	margin-top: -20px;
	font-size: 1.2rem;
}
.alarm_btn::after {
	content: '';
	display: block;
	width: 0; height: 0;
	border: 10px solid transparent;
	border-left-color: #6956d4;
	position: absolute; top: 50%; right: 55px;
	margin-top: -10px;
}

.alarm_btn:hover::before {
	background-color: #ffcc00;
	color: #000;
}
.alarm_btn:hover::after {
	border-left-color: #ffcc00;
}

@keyframes chat_effect {
	0% { background-color: #6956d4; }
	20% { background-color: #ffcc00; }
	60% { background-color: #6956d4; }
	80% { background-color: #ffcc00; }
	100% { background-color: #6956d4; }
}

@keyframes chat_arrow_effect {
	0% { border-left-color: #6956d4; }
	20% { border-left-color: #ffcc00; }
	60% { border-left-color: #6956d4; }
	80% { border-left-color: #ffcc00; }
	100% { border-left-color: #6956d4; }
}

.alarm_btn.on {
	animation: chat_effect 1s linear;
}
.alarm_btn.on::before {
	animation: chat_effect 1s linear;
}
.alarm_btn.on::after {
	animation: chat_arrow_effect 1s linear;
}

.auth_wrap * { box-sizing: border-box; }
.auth_wrap {
	z-index: 9999;
	width: 500px; height: 500px;
	position: fixed; top: 50%; left: 50%;
	margin-top: -250px; margin-left: -250px;
	background-color: #32295f;
	box-sizing: border-box; display: none;
}
.auth_wrap.active { display: block; }
.auth_box {
	width: 100%; display: none;
}
.auth_box.active { display: block; }
.auth_box h3 {
	background-color: #5647aa;
	width: 100%;
	padding: 10px;
}
.auth_box > p {
	padding: 10px;
}
.auth_box p {
	color: #97b2bd;
}
.auth_box .btn_box {
	text-align: center;
}
.auth_box .btn_box .btn_highlight { display: none; }
.auth_box .btn_box .btn_highlight.active { display: inline-block; }

.auth_box input {
	width: 180px; height: 34px;
	border: none; line-height: 34px;
	outline: none; font-size: 12px;
	padding: 0 5px;
}
.auth_box input:disabled {
	color: #fff;
}

.mb_info_check_li_box { padding: 10px; }
.mb_info_check_li {
	width: 100%; font-size: 12px; display: table;
}
.mb_info_check_li > li { display: none; margin: 0; padding: 0; }

.mb_info_check_li > li.active,
.mb_info_check_li > li.mb_info_check_id{ display: table-row; }

.mb_info_check_li > li > div {
	vertical-align: middle; padding: 4px 0; display: table-cell;
	border-bottom: 1px solid #5647aa;
}

.mb_info_check_li > li > div.col-1 { width: 20%; }
.mb_info_check_li > li > div.col-2 { width: 80%; }
.mb_info_check_li > li > div.col-3 { width: 100%; }


.auth_box p.bank_name {
	display: inline-block; width: 180px; height: 34px; background-color: #6b658a;
	vertical-align: bottom; font-size: 12px; line-height: 34px; padding: 0 5px;
	color: #fff;
}
.mb_info_check_li > li > div img#img_captcha_image_pw { height: 34px; }

.auth_close {
	width: 36px; height: 36px;
	position: absolute; top: 0; right: 0;
	border: 0; background: transparent;
	cursor: pointer; color: #6c5ba8;
	outline: none;
}
.auth_close:hover { color: #fff; }

@media all and (max-width:520px){
	.auth_wrap {
		width: 100%; height: 100vh;
		top: 0; left: 0;
		margin-left: 0; margin-top: 0;
	}
	.auth_box input { width: 48%; }
	.auth_box p.bank_name { width: 48%; }

	.mb_info_check_li > li > div.col-1 { width: 25%; }
	.mb_info_check_li > li > div.col-2 { width: 75%; }
	.mb_info_check_li > li > div.col-2 span { display: block; }
}


.kplayon-info-box {
	padding: 50px 30px;
    background-color: #383838;
    width: 1200px; max-width: 100%;
    position: absolute;
	z-index: 12;
	top: 30px; left: 50%; margin-left: -600px;
	height: 700px; max-height: 100%;
}

.kplayon-info-box h1 {
	font-size: 26px; font-size: 2.6rem; color: #00f7ff;
}

.kplayon-info {
	width: 100%; overflow-y: auto;
	background: #2c2c2c; padding: 30px; border-radius: 20px;
	margin-top: 20px;
	height: 550px; max-height: 550px; overflow-y: auto;
}

.kplayon-info::-webkit-scrollbar {
	width: 10px;
	background-color: transparent;
}
.kplayon-info::-webkit-scrollbar-thumb {
	background-color: #1f688a;
	border-radius: 10px;
	background-clip: padding-box;
	border: 3px solid transparent;
}
.kplayon-info::-webkit-scrollbar-track {
	background-color: transparent;
	border-radius: 10px;
}

.kplayon-info dt { 
	font-size: 16px; font-size: 1.6rem; color: #00ff80; 
	font-weight: bold;
}

.kplayon-info dd {
	font-size: 14px; font-size: 1.4rem; color: #a2a5b3;
	padding: 15px 0 30px; line-height: 1.9rem;
}

.kplayon-sub-ul li {
	display: block;
	padding-left: 15px;
	position: relative;
	line-height: 24px;
	margin-bottom: 8px;
}
.kplayon-sub-ul li::before {
	content: '▷';
	display: flex;
	width: 10px; height: 24px;
	align-items: center; justify-content: center;
	position: absolute; top: 0; left: 0;
}

button.xmark {
	width: 40px; height: 40px; color: #aaa;
	position: absolute; top: 20px; right: 20px;
	display: flex; outline: none; border: none;
	align-items: center;
	justify-content: center;
	font-size: 38px; font-size: 3.8rem;
	cursor: pointer; background: transparent;
}
button.xmark:hover { color: #fff; }


.scroll-info {
	display: none;
	text-align: center;
	position: fixed;
	bottom: 0; left: 0;
	width: 100%;
	background: rgb(0,0,0);
	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	z-index: 10;
	font-size: 3.0rem;
	padding: 30px 0;
}
.scroll-info::before {
	content:'';
	display: block;
	width: 100%;
	position: fixed;
	z-index: 11;
	top: 150px; bottom: 0; left: 0; right: 0;
}

@media all and (max-width:1200px){
	.kplayon-info-box {
		width: 100%; top: 0; left: 0; margin: 0;
		height: auto; max-height: fit-content;
	}	
	.kplayon-info {
		height: auto; max-height: fit-content; overflow-y:visible;
	}
}

@media all and (max-width:640px){
	.kplayon-info-box { padding: 20px 5px; }
	.kplayon-info-box h1 {
		font-size: 20px; font-size: 2.0rem;
	}
	.kplayon-info-box .xmark { top: 5px; right: 5px; }
	.kplayon-info { padding: 15px 10px; border-radius: 0; }
	.kplayon-info dt { font-size: 14px; font-size: 1.4rem; }
	.kplayon-info dd { font-size: 12px; font-size: 1.2rem; }
}