@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; }
}

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

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(135, 147, 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(135, 147, 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(135, 147, 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(135, 147, 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: #ff004c;
}
.btn_highlight:hover {
	color: #fff;
    background: #00aeff;
}

.btn_01 {
	text-align: center; color: #d3d9e3; padding: 8px;
	background-color: #494b53;
	border-radius: 5px;
}
.btn_01:hover { 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: #494b53; color: #d3d9e3; }
.btn_d:hover { background: #585a63; 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: #494b53; color: #d3d9e3; }
.btn_d_S:hover { background: #585a63; 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: #00aeff; color: #fff; }
.btn_h:hover { background: #ff004c; 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: #00aeff; }
.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: #00aeff;
}
.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: #00aeff; }


.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;}
.text_link:hover { color: #fff; }


@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 */



/* bg_box */
#bg_box{
    display: block;
    position: fixed;
    top: 0; left: 220px; right: 0; bottom: 0;
    overflow: hidden;
	background-position: center bottom;
	background-repeat: no-repeat;
}
#bg_box.main {
	right: 0;
	background-size: 100%;
	background-position: center bottom;
	background-image: url('/s/front/images/bg_box/bg_box_main.jpg');
}
#bg_box.sports {
	right: 260px;
	background-size: 100%;
	background-position: center bottom;
	background-image: url('/s/front/images/bg_box/bg_box_sports.jpg');
}
#bg_box.arcade {
	right: 0;
	background-size: 100%;
	background-position: center bottom;
	background-image: url('/s/front/images/bg_box/bg_box_arcade.jpg');
}
#bg_box.arcade_inner {
	right: 260px;
	background-size: 100%;
	background-position: center bottom;
	background-image: url('/s/front/images/bg_box/bg_box_arcade_inner.jpg');
}
#bg_box.mini_play {
	right: 0;
	background-size: 100%;
	background-position: center bottom;
	background-image: url('/s/front/images/bg_box/bg_box_mini_play.jpg');
}
#bg_box.casino {
	right: 0;
	background-size: 100%;
	background-position: center bottom;
	background-image: url('/s/front/images/bg_box/bg_box_casino.jpg');
}
#bg_box.event {
	right: 0;
	background-size: 100%;
	background-position: center bottom;
	background-image: url('/s/front/images/bg_box/bg_box_event.jpg');
}
@media all and (max-width:1490px){
	#bg_box {
		left: 0; right: 0;
	}
	#bg_box.sports,
	#bg_box.arcade_inner { right: 0; }
}
@media all and (max-width:1030px){
	#bg_box.main {
		background-image: url('/s/front/images/bg_box/bg_box_main_m.jpg');
	}

	#bg_box.sports {
		background-image: url('/s/front/images/bg_box/bg_box_sports_m.jpg');
	}
	#bg_box.arcade {
		background-image: url('/s/front/images/bg_box/bg_box_arcade_m.jpg');
	}
	#bg_box.arcade_inner {
		background-image: url('/s/front/images/bg_box/bg_box_arcade_m.jpg');
	}
	#bg_box.mini_play {
		background-image: url('/s/front/images/bg_box/bg_box_mini_play_m.jpg');
	}
	#bg_box.casino {
		background-image: url('/s/front/images/bg_box/bg_box_casino_m.jpg');
	}
	#bg_box.event {
		background-image: url('/s/front/images/bg_box/bg_box_event_m.jpg');
	}
}
/* bg_box */


.main_banner {
    position: absolute;
	width: 443px;
	height: 200px;
	padding: 15px 0 15px 170px;
	text-align: center;
	background-repeat: no-repeat;
	font-family: 'Noto Sans KR';
	box-sizing: border-box;
}

.main_banner_main {
	background-image: url('/s/front/images/rec.png');
    top: 100px;
    left: 260px
}

.main_banner h2 {
    font-weight: bold; color: #00eeff; font-size: 24px;
}
.main_banner p {
	font-weight: 900; padding: 15px 20px; font-size: 28px; letter-spacing: -1px;
	color: #fff;
}
.main_banner strong { line-height: 16px; color: #8d9ab8; font-weight: normal; font-size: 12px; margin-top: 10px; }

@media all and (max-width:1490px){
	.main_banner_main {
		top: auto;
		bottom: 20px; left: 50%;
		margin-left: -221.5px;
	}
}

@media all and (max-width:640px){
	.main_banner {
		width: 340px;
		height: 153px;
	}
	.main_banner_main {
		top: auto;
		bottom: 20px; left: 50%;
		margin-left: -170px;
		background-size: 100%;
		padding: 10px 0 10px 136px;
	}
	.main_banner h2 {
		font-size: 16px;
	}
	.main_banner p {
		font-size: 20px;
		padding: 12px 16px;
	}
	.main_banner strong { font-size: 11px;}
}


/*-------------- 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;
		background-color: rgba(7, 10, 15, 0.8);
	}
	.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%;
    padding: 0 30px;
    position: absolute;
    overflow-y: auto;
    top: 80px;
    bottom: 150px;
}

.gnb_wrap::-webkit-scrollbar {
	width: 10px;
	background-color: transparent;
}
.gnb_wrap::-webkit-scrollbar-thumb {
	background-color: #1f688a;
	border-radius: 10px;
	background-clip: padding-box;
	border: 3px solid transparent;
}
.gnb_wrap::-webkit-scrollbar-track {
	background-color: transparent;
	border-radius: 10px;
}
.logo { width: 100%; }
.logo a { display: block; width: 100%; height: 60px; background-size: 100px; background-position: center; background-repeat: no-repeat; }
.gnb_ul { padding: 0; width: 100%; }
.gnb_ul:after { content: ''; display: block; clear: both; visibility: hidden; }
.gnb_ul dt {
	width: 100%;
	color: #00aeff;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 5px;
}
.gnb_ul dd { padding: 0; width: 100%; }
.gnb_ul dd a {
	display: block;
	width: 100%; height:22px; line-height: 22px;
	font-size: 14px; font-size: 1.4rem; position: relative; font-weight: 400; color: #fff;display: block; padding: 0 10px 0 18px;
}
.gnb_ul dd a:before {
	display: block; position: absolute; top: 0; right: 10px;
	color: #888; font-size: 1.1rem; line-height: 22px;
}


.gnb_ul dd 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 dd.sports a:after { content: 'sports'; }
.gnb_ul dd.cyber a:after { content: 'cyber'; }
.gnb_ul dd.games a:after { content: 'games'; }
.gnb_ul dd.fx_game a:after { content: 'fx'; } */

.gnb_ul dd a.event_on:after,
.gnb_ul dd a.event_on:hover:after,
.gnb_ul dd a.selected.event_on:after,
.gnb_ul dd a.event_on:before,
.gnb_ul dd a.event_on:hover:before,
.gnb_ul dd a.selected.event_on:before { display: none; }
.gnb_ul dd a.selected, .gnb_ul dd a:hover {
	background: linear-gradient(to left, rgba(0, 0, 0, 0), #00aeff);
	border-radius: 11px 0 0 11px;
}
.gnb_ul dd a.selected:before, .gnb_ul dd a:hover:before { display: none; }
.gnb_ul dd a.selected:after, .gnb_ul dd a:hover:after { color: #fff; display: block; }
.gnb_ul dd 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 dd a em { font-style: normal; font-size: 1.1rem; }
.gnb_ul dd a span {
	line-height: 22px; padding: 0 10px; margin-left: 5px; border-radius: 10px; font-weight: bold; vertical-align: top; display: inline-block; background: #ff004c; color: #fff; font-size: 11px; font-size: 1.1rem;
}
.gnb_ul dd a span.event_new {
	line-height: 22px; padding: 0 10px; margin-left: 10px; border-radius: 10px; font-weight: bold; vertical-align: top; display: inline-block; background: #d6bd23; color: #fff; font-size: 11px; font-size: 1.1rem;
}
.gnb_ul dd.gnb_notice { width: 100%; height: 36px; border: none; margin: 6px 0 0; background: #101010; }
.gnb_ul dd.gnb_notice marquee { line-height: 36px; font-size: 16px; font-size: 1.6rem; }

.gnb_sub_wrap {
	padding: 20px 10px; height: 150px; border-top: 0.05rem solid rgba(135, 156, 170, 0.3); width: 100%;
	position: absolute; bottom: 0;
}
/* 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: #a6adb7; 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: 22px; font-size: 2.2rem; 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%; }
	.gnb_ul { padding: 0; width: 100%; }
	.gnb_ul dt { padding-top: 10px; }
	.gnb_ul dd { margin: 0; width: 100%; }
	.gnb_ul dd a { border: none; padding: 0 0 0 22px; }
	.gnb_ul dd a:after { right: 30px; }
	.gnb_ul dd a i { left: 30px; }

	.gnb_sub_wrap { width: 100%; padding: 20px 10px; }

	.clock_wrap { margin: 0; padding: 0; position: absolute; left: 0; bottom: 0; }
	ul.clockW li { line-height: 40px; }

	.messenger { margin: 0; }
	.messenger img { width: 34px; height: 34px; display: block; float: left; }
	.messenger p {
		width: calc( 100% - 34px );
	}
	.messenger p span { font-size: 11px; font-size: 1.1rem; }
	.messenger p strong { font-size: 22px; font-size: 2.2rem; }
}
@media all and (max-width:640px){
	.gnb_sub_wrap { height: 130px; }
	.messenger { width: 100%; margin: 0; padding: 0 5px 20px; }
	.messenger p { width: calc( 100% - 40px ); }
}

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



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

@media all and (max-width:1490px){
	#bet_slip.active_half .bet_drawing { display: block; }
	#bet_slip.active.active_half .bet_drawing { display: block; }
	.bet_drawing { display: block; }
}

.betting_zone_wrap { width: 100%; }
.cnt_wrap { color: #fff; font-size: 12px; font-size: 1.2rem; width: 100%; background: #00aeff; }
.cnt_wrap.time_finish { background: #303030; color: #999; }
.cnt_wrap .cnt_title { padding: 0 20px; width: 100%; height: 46px; line-height: 46px; background: #ff004c; }
.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 #00aeff;
    display: inline-block;
    width: 127px;
    overflow: hidden;
    vertical-align: middle;
    background-color: #35373e;
	border-radius: 4px;
}
.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: 32px; line-height: 32px; color: #fff; display: inline-block; text-align: center;
    background: #494b53; border-radius: 4px;
	font-size: 11px; font-size: 1.1rem;
}
.betting_btn_list a:hover{
    color: #fff;
    background: #5b6268;
	font-weight: bold;
}

.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: #00aeff; }
	.betting_zone_title a.trash { width: 36px; 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: #ff004c; 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: #ff004c; 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 - 베팅 선택 알람박스 ------------*/
.bet_alarm_box {
	display: none;
	line-height: 36px;
	width: 370px; margin-left: -185px;
	border-radius: 10px;
	color: #fff; z-index: 5;
	position: fixed; bottom: 2%; left: 50%;
	padding: 30px; font-size: 14px; font-size: 1.4rem;
	font-weight: bold;
	transform: translate3d(0,200%,0);
	background: #6f4d95;
}
.bet_alarm_box.content_opened { transform: translate3d(220px,200%,0); }
.bet_alarm_box.content_bet_opened { transform: translate3d(-260px,200%,0); }
.bet_alarm_box.active { transform: translate3d(0,0,0); }
.bet_alarm_box.active.content_opened { transform: translate3d(220px,0,0); }
.bet_alarm_box.active.content_bet_opened { transform: translate3d(-260px,0,0); }
.bet_alarm_box .btn_h { float:right; }

@media all and (max-width:1490px){
	.bet_alarm_box { display: block; }
}
@media all and (max-width:640px){
	.bet_alarm_box { width: 98%; max-width: auto; margin-left: -49%; }
}
/*-------------- 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;
	background-image: url('/s/front/images/logo.png');
	background-size: 100%; background-position: center;
	background-repeat: no-repeat;
}
#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; }
.btn_title_section > li.user_cash_m {
	display: none; font-size: 1.2rem; height: 50px;
}
.mb_bet_btn_box { display: none; }
.cart_len_box {
	display: none;
	width: 18px; height: 18px; border-radius: 10px;
	position: absolute; top: 0; right: 2px;
	background-color: #ff004c; color: #fff;
	text-align: center; line-height: 18px;
	font-weight: bold; font-size: 10px; font-size: 1.0rem;
}
.cart_len_box.active { display: block; }

/*-------------- header - 타이틀 내 버튼 css ------------*/
#my_info_mb_btn { display: none; }
#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: #00aeff; }
#btn_bet { display: none; }

@media all and (max-width:1490px){
	#title .main_logo { display: block; width: 100px; height: 60px; margin: 20px auto; }
	
	#title h2 { height: 60px; line-height: 60px; font-size: 20px; font-size: 2.0rem; }
	#btn_menu { left: 10px; }
	#my_info_mb_btn { display: block; }
	.btn_title_section { right: 10px; }
	.mb_bet_btn_box { display: block; }
	.btn_title_section > li.user_cash_m {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.btn_title_section > li.user_cash_m span { display:block; text-align: center; }
}
@media all and (max-width:640px){
	#title .main_logo { display: block; width: 80px; 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; }
	.btn_title_section > li.user_cash_m { height: 40px; }
}
/*-------------- header - 페이지 공통 타이틀 영역 ------------*/


/*-------------- header - 상단 내정보 영역 ------------*/
.top_my_info {
	width: calc( 100% - 220px ); height: 50px;
	display: block; position: absolute;
	top: 0; right: 0; background-color: #26282e;
}
.top_profile {
	display: block; position: absolute; right: 0; top: 0;
}
.top_profile li {
	display: inline-block;
	height: 50px; line-height: 50px;
}
/*-------------- header - 상단 내정보 영역 ------------*/


/*-------------- header - 내정보 팝업 레이어 ------------*/
.my_info_wrap {
	display: block; z-index: 10;
	width: calc( 100% - 220px ); height: 50px;
	position: fixed; top: 0; right: 0; background: #35373e;
}
.my_info_wrap.pc_tit { display: block !important; }
.my_info_wrap.pc_tit.bet_top_info {
	padding-right: 260px;
}
.account { width: 100%; }
.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 { padding-right: 20px; width: 100%; display: block; text-align: right; }
.account .profile li {
	height: 50px; line-height: 50px; display: inline-block;
	text-align: left;
	font-size: 14px; font-size: 1.4rem;
	padding: 0 10px;
}
.account .profile li em { font-style: normal; color: #999; }
.account .profile li .text_link { margin-right: 20px; }
.account .profile li .text_link:last-child { border-right: none; padding-right: 0; margin-right: 0; }
.account .profile li p { color: #999; display: inline-block; }
.account .profile li span { display: inline-block; }
.account .profile li.account_money { }

.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; }

@media all and (max-width:1490px){
	.my_info_wrap {
		display: none; z-index:15;
		width: 340px; height: auto;
		top: 65px; right: 5px; padding: 15px;
		border-radius: 10px; overflow: hidden;
	}
	.account .profile { position: relative; font-size: 0; word-spacing: 0; padding: 0; }
	.account .profile li {
		width: 100%; height: 40px; line-height: 40px;
		font-size: 14px; font-size: 1.4rem; position: relative;
	}
	.btn_point { 
		height: 32px; line-height: 32px; padding: 0 5px;
		position: absolute; top: 4px; right: 10px;
	}
	.account .profile li.btn_logout_box {
		text-align: right;
		position: absolute; top: 0; right: 0;
	}
}

@media all and (max-width:640px){
	.my_info_wrap { width: 96%; position: fixed; right: 50%; margin-right: -48%; }
}
/*-------------- header - 내정보 팝업 레이어 ------------*/

 

/*-------------- 도착 알림 레이어 ------------*/
.layer_alarm_wrap { z-index: 100; width: 500px; height: 300px; padding: 30px 0; background: #2f3138; 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: #00aeff; color: #fff; padding: 0 30px; height:50px; line-height: 50px; }
.layer_alarm_btn_wrap a:hover { background: #ff004c; }
 /*--------------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%; min-height: 735px; }
.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; }

/* 메인 배경이미지 */



/*소메뉴 탭영역*/
.tab_wrap {
	padding: 20px; width: 100%; margin-bottom: 20px; 
	position: relative; z-index: 5;
	background-color: rgba(47, 49, 56, 0.95);
	border-radius: 0 0 10px 10px;
}
.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); z-index: 5; position: relative; margin: 3px 0 3px 10px; height: 38px; display: inline-block; float: left;
	background-color: #494b53;
    border-radius: 5px;
}
.tab_wrap > ul > li.selected { background: #00aeff; height: 38px; z-index: 15; }
.tab_wrap > ul > li:nth-child(6n+1) { margin: 3px 0; }
.tab_wrap > ul > li > a {
	display: block; font-size: 14px; font-size: 1.4rem; width: 100%; height: 38px; line-height: 38px; padding: 0 15px; text-align: center;
	color: #d3d9e3;
}

.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; background: transparent; }

.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: #1a1c22; color: #d3d9e3; }
.tab_con li:hover a { background: #3b3c41; color: #fff; }
.tab_con li.selected a, .tab_con li.selected:hover a { background: #ff004c; color :#fff; }

.tab_wrap.pattern_tab { border-radius:0; }

@media all and (max-width:1490px){
	.tab_wrap {
		border-radius: 10px;
	}
}

@media all and (max-width:1030px){
	/* 모바일 tab_menu */
	.tab_wrap {
		padding: 0; border: none; border-top: 0.05rem solid rgba(135, 147, 170, 0.5); border-bottom: 0.05rem solid rgba(135, 147, 170, 0.5); margin: 0;
		border-radius: 0;
	}
	.tab_wrap > ul { border: none; overflow: hidden; height: auto; margin-bottom: -1px; }
	.tab_wrap > ul > li { height: 40px; margin: 0; display: block; float: left; width: 20%; border-right: 1px solid rgba(135, 147, 170, 0.5); border-bottom: 1px solid rgba(135, 147, 170, 0.5); border-radius: 0; background-color: transparent; }
	.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 { border-right: 1px solid rgba(135, 147, 170, 0.5); 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: #fff; font-weight: bold; }

	.tab_wrap > ul.tab_large_50,
	.tab_wrap ul.tab_sub_list { margin: 0; }

	.tab_wrap > ul.tab_large_33 { margin-bottom: -1px; border-bottom: 1px solid rgba(135, 147, 170, 0.5); }

	.tab_wrap > ul.tab_large_50 > li { width: 50%; }
	.tab_wrap > ul.tab_large_33 > li { width: 33.333333%; border-bottom: none; }

	.tab_wrap ul.tab_sub_list { padding: 0; margin-bottom: -1px; }

	.tab_con li { display: block; float: left; width: 20%; border-bottom: 1px solid rgba(135, 147, 170, 0.5); border-right: 1px solid rgba(135, 147, 170, 0.5); }
	.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 { 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.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: #0090d3; padding: 10px; margin-bottom: 10px; font-size: 1.5rem; border-radius: 10px 10px 0 0; }
.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(255, 255, 255, 0.05); }
.gal_list_wrap ul.gal_list li a:hover { background: #ff004c; }
.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;  font-size:12px; top: 15px; left: 15px; width: 100px; height: 36px; background: #00aeff; text-align: center; line-height: 36px; color: #fff; border-radius: 5px; }
.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: #a2ff5d; 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; }

	.gal_list_wrap ul.gal_list li a:after {position: absolute; top: 0; left: 0; content: ''; display: block; width: 100%; padding-top: 100%; background: transparent; }
}
@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: 60px; 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.333333%; padding: 5px; }
	.gal_list_wrap ul.gal_list.stock_list li { width: 33.333333%; 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 { width: 50%; }
	.gal_list_wrap ul.gal_list li a div.event_mark { top:0;  font-size:10px;  right: 0; left: auto; width: 70px; height: 24px; line-height: 24px; border-radius: 0; }
    .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: #2f3138; z-index: 1; top:50px; left:50%; margin-left:-370px;}
.popUpW_1{position:absolute; width:740px; background: #2f3138; z-index: 1; top:70px; left:50%; margin-left:-350px;}
.popUpW_2{position:absolute; width:740px; background: #2f3138; z-index: 1; top:90px; left:50%; margin-left:-330px;}
.popUpW_3{position:absolute; width:300px; background: #2f3138; z-index: 1; top:50%; left:50%; margin-left:-150px; margin-top:-89px;}
.popUpW_4{position:absolute; width:600px; height: 500px; background: #2f3138; 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 #2f3138;
    background: #2f3138;
    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.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: #070a0f; border-top:1px solid #00aeff; 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; }
.pop_content p img { width: 100% !important; }

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 #41444e; background: #2f3138; }
table.popTable_02 tr td { border: 1px solid #41444e; }

.noticeBottomW{ border-top: 1px solid #41444e; padding: 10px 20px; height:62px; background: #2f3138; 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: #35373e; 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: #00aeff; 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: 10px; color: #fff; }
dl.info-list > dt.important { background: #00aeff; }
dl.info-list > dt.important h3 { font-size: 16px; font-size: 1.6rem; vertical-align: middle; display: inline-block; }

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

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 > p.center_p { color: #ffcc00; font-weight: bold; }
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 > dd.mid_txt > p img {width: 28px; vertical-align: middle; margin-top:-3px ; margin-left:5px; }

@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:5; 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: #ff004c !important;}

/*text color-blue ex)임팽이*/
.txtBlue{color: #00aeff !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: #00aeff !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: #2f3138;
    width: 1200px; max-width: 100%; 
    position: absolute;
	z-index: 6;
	top: 30px; left: 50%; margin-left: -600px;
	height: 700px; max-height: 100%;
}

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

.kplayon-info {
	width: 100%;
	background: #282930; 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: #ffcc00; 
	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; }
}