@charset "utf-8";
body{ -webkit-text-size-adjust:none; }
body{ font-family:나눔고딕,'Nanum Gothic',돋움,Dotum,Arial,Helvetica,sans-serif; font-size:13px; }
body, div, table, tr, td, th, dl, dt, dd, ul, li, p, form, img, h1, h2, h3, h4, h5{ margin:0px; padding:0px; border:none; list-style:none; }
p{  }
a{ text-decoration:none; color:#666666; }
a:hover{ color:#666666; }
select{ font:normal 12px Arial; }
label{ word-break:break-all; text-overflow:ellipsis; white-space:nowrap; }
i{ color:inherit; }
.blind{ display:none; }
.clearBoth{ clear:both; }
iframe{ border:none; }

::selection{ background-color:#bfdbff; }
::-webkit-selection{ background-color:#bfdbff; }
::-moz-selection{ background-color:#bfdbff; }

html, body{ height:100%; font-family:'Nanum Gothic'; font-size:12px; }
input, button, textarea{ outline-style:none; -webkit-appearance:none; -webkit-border-radius:0; }
button{ cursor:pointer; }

body{ background:#818285; }

.red{ color:#fd6a6f; }
.orange{ color:#f8b045; }
.blue{ color:#87caff; }
.green{ color:#86ff8b; }
.gray{ color:#c0c0c0; }
.gold{ color:#e3c613; }

/* wrap */
.wrap{ position:relative; min-width:320px; overflow:hidden; }

	/* headerWrap */
	.headerWrap{ z-index:1; position:relative; max-width:1100px; height:270px; margin:0 auto; }
	.headerWrap{ transition:all .2s; }
	.headerWrap:before{ display:block; content:""; position:absolute; top:0; left:-100vw; right:-100vw; height:100%; background:#407796; }

		/* logoWrap */
		.headerWrap .logoWrap{ position:absolute; top:30px; left:-200px; width:120px; height:120px; }
		.headerWrap .logoWrap{ transition:all .2s; }
		.headerWrap .logoWrap a{ display:block; width:100%; height:100%; }
		.headerWrap .logoWrap a:hover{ opacity:.9; }
		.headerWrap .logoWrap a:active{ opacity:.5; }
		.headerWrap .logoWrap a img{ width:100%; height:100%; }
		/* logoWrap */

		/* quickMenuWrap */
		.headerWrap .quickMenuWrap{ position:absolute; top:20px; left:0; right:0; }
		.headerWrap .quickMenuWrap{ transition:all .2s; }
		.headerWrap .quickMenuWrap ul{ position:absolute; top:0; left:0; font-size:0; }
		.headerWrap .quickMenuWrap ul{ transition:all .2s; }
		.headerWrap .quickMenuWrap ul li{ display:inline-block; position:relative; font-size:13px; color:#ffffff; text-align:center; }
		.headerWrap .quickMenuWrap ul li a{ display:inline-block; color:#fff78f; }
			/* userInfo */
			.headerWrap .quickMenuWrap .userInfo{  }
			.headerWrap .quickMenuWrap .userInfo li{ margin-right:10px; }
			.headerWrap .quickMenuWrap .userInfo li a{ padding:5px 10px; }
			.headerWrap .quickMenuWrap .userInfo li a:hover{ background:rgba(0, 0, 0, .05); }
			.headerWrap .quickMenuWrap .userInfo li a:active{ background:rgba(0, 0, 0, .1); }
			.headerWrap .quickMenuWrap .userInfo li i{ position:absolute; top:5px; left:0; font-size:24px; line-height:30px; }
			.headerWrap .quickMenuWrap .userInfo li span{ margin-left:30px; line-height:30px; color:#ffffff; }
			.headerWrap .quickMenuWrap .userInfo li a span{ margin-left:40px; color:inherit; }
			.headerWrap .quickMenuWrap .userInfo li.userid{ width:155px; text-align:left; }
			.headerWrap .quickMenuWrap .userInfo li.userid i{ top:4px; }
			.headerWrap .quickMenuWrap .userInfo li.userid span{ vertical-align:middle; display:inline-block; max-width:100px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
			.headerWrap .quickMenuWrap .userInfo li.notice i{ color:inherit; left:10px; }
			.headerWrap .quickMenuWrap .userInfo li.mypage i{ color:inherit; left:10px; }
			/* userInfo */

			/* userMoney */
			.headerWrap .quickMenuWrap .userMoney{ left:420px; padding-top:3px; }
			.headerWrap .quickMenuWrap .userMoney li{ margin-right:5px; text-align:right; }
			.headerWrap .quickMenuWrap .userMoney li a{ width:150px; height:30px; overflow:hidden; padding:2px 10px; background:rgba(0, 0, 0, .1); }
			.headerWrap .quickMenuWrap .userMoney li a:hover{ background:rgba(0, 0, 0, .15); }
			.headerWrap .quickMenuWrap .userMoney li a:active{ background:rgba(0, 0, 0, .2); }
			.headerWrap .quickMenuWrap .userMoney li a i{ position:absolute; top:2px; left:10px; font-size:13px; font-weight:800; line-height:30px; font-style:normal; color:inherit; }
			.headerWrap .quickMenuWrap .userMoney li a i:after{ margin-left:5px; }
			.headerWrap .quickMenuWrap .userMoney li a span{ margin-left:50px; line-height:30px; color:#ffffff; }
			.headerWrap .quickMenuWrap .userMoney li.money a{ padding-left:30px; }
			.headerWrap .quickMenuWrap .userMoney li.money a i:after{ content:"보유머니"; }
			.headerWrap .quickMenuWrap .userMoney li.point a{ padding-left:15px; }
			.headerWrap .quickMenuWrap .userMoney li.point a i:after{ content:"포인트"; }

			.headerWrap .quickMenuWrap .userMoney li.bonus a{ padding-left:15px; }
			.headerWrap .quickMenuWrap .userMoney li.bonus a i:after{ content:"올인머니"; }

			.headerWrap .quickMenuWrap .userMoney li.message a{ width:120px; padding-left:5px; }
			.headerWrap .quickMenuWrap .userMoney li.message a i:after{ content:"쪽지"; }
			/* userMoney */

			/* userGuide */
			.headerWrap .quickMenuWrap .userGuide{ left:auto; right:0px; padding-top:3px; }
			.headerWrap .quickMenuWrap .userGuide li{ margin-right:5px; }
			.headerWrap .quickMenuWrap .userGuide li a{ width:50px; height:30px; overflow:hidden; padding:2px 10px; font-weight:800; line-height:30px; }
			.headerWrap .quickMenuWrap .userGuide li a:hover{ background:rgba(0, 0, 0, .05); }
			.headerWrap .quickMenuWrap .userGuide li a:active{ background:rgba(0, 0, 0, .1); }
			/* userGuide */

			/* mobileMenu */
			.headerWrap .quickMenuWrap .mobileMenu{ display:none; left:auto; top:0px; right:5px; text-align:right; }
			.headerWrap .quickMenuWrap .mobileMenu li{ position:absolute; top:0; right:0; }
			.headerWrap .quickMenuWrap .mobileMenu li a{ display:block; height:36px; color:#ffffff; }
			.headerWrap .quickMenuWrap .mobileMenu li a i{ font-size:22px; line-height:36px; color:#ffffff; }
			.headerWrap .quickMenuWrap .mobileMenu li.open{  }
			.headerWrap .quickMenuWrap .mobileMenu li.open a{ width:36px; }
			.headerWrap .quickMenuWrap .mobileMenu li.money{ right:140px; }
			.headerWrap .quickMenuWrap .mobileMenu li.money a{ position:relative; padding-left:30px; line-height:36px; font-weight:bold; white-space:nowrap; }
			.headerWrap .quickMenuWrap .mobileMenu li.money a span{ color:#fff78f; }
			.headerWrap .quickMenuWrap .mobileMenu li.money a i{ position:absolute; top:2px; left:10px; font-size:13px; font-weight:800; line-height:30px; font-style:normal; }
			.headerWrap .quickMenuWrap .mobileMenu li.money a i:after{ margin-left:5px; }
			.headerWrap .quickMenuWrap .mobileMenu li.notice{ right:90px; }
			.headerWrap .quickMenuWrap .mobileMenu li.notice a{ position:relative; padding-left:30px; line-height:36px; font-weight:bold; white-space:nowrap; }
			.headerWrap .quickMenuWrap .mobileMenu li.notice a i{ position:absolute; top:2px; left:10px; font-size:13px; font-weight:800; line-height:30px; font-style:normal; }
			.headerWrap .quickMenuWrap .mobileMenu li.notice a i:after{ margin-left:5px; }
			.headerWrap .quickMenuWrap .mobileMenu li.message{ right:50px; }
			.headerWrap .quickMenuWrap .mobileMenu li.message a{ width:36px; }
			.headerWrap .quickMenuWrap .mobileMenu li.message a i{ font-size:22px; line-height:36px; }
			.headerWrap .quickMenuWrap .mobileMenu li.message a span{ display:block; position:absolute; top:0; right:-5px; min-width:12px; padding:3px; border-radius:12px; background:#ff0000; text-align:center; font:bold 9px Arial; color:#ffffff; }
			.headerWrap .quickMenuWrap .mobileMenu li.message.message0  a span{ display:none; }
			/* mobileMenu */
		/* quickMenuWrap */

		/* sideMenuWrap */
		.headerWrap .sideMenuWrap{ display:none; z-index:10; position:fixed; top:0; bottom:0; right:-300px; width:300px; box-shadow:0 0 30px rgba(0, 0, 0, .5); background:rgba(0, 0, 0, .9); color:#ffffff; }
		.headerWrap .sideMenuWrap{ transition:all .2s; }
			/* sideLogo */
			.headerWrap .sideMenuWrap .sideLogo{ display:none; padding:30px 0 0; text-align:center; }
			.headerWrap .sideMenuWrap .sideLogo img{ width:60px; height:60px; opacity:.3; }
			/* sideLogo */

			/* menuClose */
			.headerWrap .sideMenuWrap .menuClose{ display:none; position:absolute; top:0; bottom:0; left:0; right:0; }
			.headerWrap .sideMenuWrap .menuClose a{ display:block; position:absolute; top:0; bottom:0; left:-100vw; right:300px; background:rgba(0, 0, 0, .5); }
			.headerWrap .sideMenuWrap .menuClose a i{ position:absolute; top:15px; right:0px; width:34px; box-shadow:0 0 30px rgba(0, 0, 0, .5); font-size:22px; line-height:34px; text-align:center; background:rgba(0, 0, 0, .9); color:#ffffff; }
			/* menuClose */

			/* userInfo */
			.headerWrap .sideMenuWrap .userInfo{ position:relative; padding:10px 10px 20px; line-height:22px; }
			.headerWrap .sideMenuWrap .userInfo li{ position:relative; text-align:right; }
			.headerWrap .sideMenuWrap .userInfo li.userid{ top:10px; left:0; right:0; height:26px; margin-bottom:10px; font-size:12px; text-align:left; }
			.headerWrap .sideMenuWrap .userInfo li.userid span{ display:inline-block; max-width:120px; text-indent:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:top; }
			.headerWrap .sideMenuWrap .userInfo li.userid i{ vertical-align:top; }
			.headerWrap .sideMenuWrap .userInfo li.userLogout{ position:absolute; top:15px; right:10px; width:34px; font-size:22px; line-height:34px; text-align:center; }
			.headerWrap .sideMenuWrap .userInfo li.userLogout a{ display:block; padding:0; color:#ffffff; }
			.headerWrap .sideMenuWrap .userInfo li.userLogout a i{ position:relative; font-size:22px; line-height:34px; }
			.headerWrap .sideMenuWrap .userInfo li.userSetting{ position:absolute; top:15px; right:50px; padding-left:16px; font-weight:bold; font-size:12px; line-height:34px; text-align:center; }
			.headerWrap .sideMenuWrap .userInfo li.userSetting a{ display:block; padding:0; color:#ffffff; }
			.headerWrap .sideMenuWrap .userInfo li.userSetting a i{ position:absolute; top:0; left:0; font-size:12px; line-height:34px; }
			/* userInfo */

			/* userMoney */
			.headerWrap .sideMenuWrap .userMoney{ position:relative; font-size:0; text-align:center; }
			.headerWrap .sideMenuWrap .userMoney li{ display:inline-block; padding:0 3px; font-size:11px; }
			.headerWrap .sideMenuWrap .userMoney li a{ display:block; width:100px; height:50px; border-radius:3px; color:#ffffff; }
			.headerWrap .sideMenuWrap .userMoney li a i{ display:block; height:30px; font-size:13px; line-height:30px; font-style:normal; color:#ffffff; }
			.headerWrap .sideMenuWrap .userMoney li a span{ font:bold 12px Arial; color:#fff78f; }
			.headerWrap .sideMenuWrap .userMoney li a span:after{ color:#ffffff; }
			.headerWrap .sideMenuWrap .userMoney li.money a i:after{ display:inline-block; content:"보유머니"; margin-left:3px; font-size:11px; }
			.headerWrap .sideMenuWrap .userMoney li.money a span:after{ display:inline-block; content:"원"; margin-left:2px; font-weight:normal; }
			.headerWrap .sideMenuWrap .userMoney li.point a i{ font-weight:800; }
			.headerWrap .sideMenuWrap .userMoney li.point a i:after{ display:inline-block; content:"보유포인트"; margin-left:3px; font-size:11px; }
			.headerWrap .sideMenuWrap .userMoney li.point a span:after{ display:inline-block; content:"점"; margin-left:2px; font-weight:normal; }

			.headerWrap .sideMenuWrap .userMoney li.bonus a i:after{ display:inline-block; content:"올인머니"; margin-left:3px; font-size:11px; }
			.headerWrap .sideMenuWrap .userMoney li.bonus a span:after{ display:inline-block; content:"원"; margin-left:2px; font-weight:normal; }

			.headerWrap .sideMenuWrap .userMoney li.message{ }
			.headerWrap .sideMenuWrap .userMoney li.message a{ width:60px; }
			.headerWrap .sideMenuWrap .userMoney li.message a i:after{ display:inline-block; content:"쪽지"; margin-left:3px; font-size:11px; }
			.headerWrap .sideMenuWrap .userMoney li.message a span:after{ display:inline-block; content:"통"; margin-left:2px; font-weight:normal; }
			/* userMoney */

			/* etcMenu */
			.headerWrap .sideMenuWrap .etcMenu{ position:relative; width:258px; margin:20px auto 10px; padding:0; font-size:0; text-align:left; }
			.headerWrap .sideMenuWrap .etcMenu{ border:solid 1px rgba(255, 255, 255, .15); border-width:0 1px 1px 0; }
			.headerWrap .sideMenuWrap .etcMenu li{ display:inline-block; width:86px; vertical-align:top; background:rgba(255, 255, 255, .1); }
			.headerWrap .sideMenuWrap .etcMenu li.new:before{ display:block; content:"New"; position:absolute; top:5px; right:5px; padding:0px 3px; border-radius:20px; background:#ffff93; font:bold 9px Arial; color:#000000; }
			.headerWrap .sideMenuWrap .etcMenu li a{ display:block; height:80px; font-size:12px; color:#ffffff; text-align:center; }
			.headerWrap .sideMenuWrap .etcMenu li a{ border:solid 1px #ffffff; border-color:rgba(255, 255, 255, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(255, 255, 255, .1); }
			.headerWrap .sideMenuWrap .etcMenu li a i{ display:block; font-size:26px; line-height:55px; }
			/* etcMenu */

			/* bannerWrap */
			.headerWrap .sideMenuWrap .bannerWrap{ position:relative; padding:0 20px; }
			.headerWrap .sideMenuWrap .bannerWrap li a{ display:block; margin-bottom:5px; font-size:0; }
			.headerWrap .sideMenuWrap .bannerWrap li a img{ width:100%; border-radius:7px; }
			/* bannerWrap */
		/* sideMenuWrap */

		/* navWrap */
		.headerWrap .navWrap{ position:absolute; top:120px; left:0; right:0; height:60px; font-size:0; }
		.headerWrap .navWrap:before{ display:block; content:""; position:absolute; bottom:0; left:-100vw; right:-100vw; height:1px; background:rgba(255, 247, 143, .25); }
		.headerWrap .navWrap{ transition:all .2s; }
		.headerWrap .navWrap ul{ display:table; position:absolute; top:0; left:0; width:60%; font-size:0; }
		.headerWrap .navWrap ul li{ display:table-cell; position:relative; }
		.headerWrap .navWrap ul li a{ display:block; position:relative; width:100%; text-align:center; font-size:18px; line-height:40px; font-weight:800; color:#ffffff; }
		.headerWrap .navWrap ul li a:hover{ color:#fff78f; background:rgba(0, 0, 0, .05); }
		.headerWrap .navWrap ul li a:active{ background:rgba(0, 0, 0, .1); }
		.headerWrap .navWrap ul li a span{ position:relative; }
		.headerWrap .navWrap ul li.active a{ color:#fff78f; }
		.headerWrap .navWrap ul li.active a:after{ display:block; content:""; position:absolute; bottom:-20px; left:50%; width:0px; margin-left:-6px; border:solid 6px transparent; border-top:none; border-bottom-color:#fff78f; }
		.headerWrap .navWrap ul li.new a span:before{ display:block; content:"New"; position:absolute; top:-10px; right:-30px; padding:2px 4px; border-radius:20px; background:#ffff93; }
		.headerWrap .navWrap ul li.new a span:before{ font:bold 11px Arial; text-align:center; color:#407796; }
		.headerWrap .navWrap ul li.new:hover a span:before{ -webkit-animation:navWrapNewMove 1s linear infinite; }
		@-webkit-keyframes navWrapNewMove{ 50%{ margin-top:-3px; } }
		.headerWrap .navWrap ul.etcMenu{ left:60%; width:40%; }
		.headerWrap .navWrap ul.etcMenu li a{ font-size:14px; }
		/* navWrap */

		/* noticeWrap */
		.headerWrap .noticeWrap{ position:absolute; bottom:0; left:0; right:0; height:55px; }
		.headerWrap .noticeWrap:before{ display:block; content:""; position:absolute; top:0; bottom:0; left:-100vw; right:-100vw; background:#636466; }
		.headerWrap .noticeWrap .notice{ position:relative; z-index:1; padding:0 270px 0 30px; line-height:55px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#ffffff; }
		.headerWrap .noticeWrap .notice i{ position:absolute; top:0; left:0; font-size:24px; line-height:55px; color:#fff78f; }
		.headerWrap .noticeWrap .notice span{ font-size:12px; color:#ffffff; }
			/* chargeWrap */
			.headerWrap .noticeWrap ul.chargeWrap{ z-index:1; position:absolute; top:10px; right:0; font-size:0; }
			.headerWrap .noticeWrap ul.chargeWrap li{ display:inline-block; margin-left:10px; }
			.headerWrap .noticeWrap ul.chargeWrap li a{ display:block; width:75px; height:35px; font-size:14px; line-height:35px; color:#fff78f; text-align:center; background:rgba(255, 255, 255, 0.15); }
			.headerWrap .noticeWrap ul.chargeWrap li a:hover{ background:rgba(255, 255, 255, 0.2); }
			.headerWrap .noticeWrap ul.chargeWrap li a:active{ color:#ffffff; background:rgba(255, 255, 255, 0.1); }
			.headerWrap .noticeWrap ul.chargeWrap li.vip a{ width:100px; }
			/* chargeWrap */
		/* noticeWrap */
	/* headerWrap */

	/* contentHeaderWrap */
	.contentHeaderWrap{ position:relative; display:block; max-width:1100px; height:70px; margin:0 auto; }
	.contentHeaderWrap:before{ display:block; content:""; position:absolute; top:0; left:-100vw; right:-100vw; height:50px; border-bottom:solid 20px #58585a; background:#407796; }
		/* tabMenu */
		.contentHeaderWrap .tabMenu{ position:absolute; top:0; left:0; font-size:0; }
		.contentHeaderWrap .tabMenu li{ display:inline-block; position:relative; margin-right:20px; }
		.contentHeaderWrap .tabMenu li:last-child{ margin-right:0; }
		.contentHeaderWrap .tabMenu li a{ position:relative; display:block; padding:0 10px; font-size:14px; line-height:50px; color:#ffffff; }
		.contentHeaderWrap .tabMenu li a i{ margin-right:10px; font-size:18px; line-height:inherit; }
		.contentHeaderWrap .tabMenu li.active a{ color:#fff78f; }
		.contentHeaderWrap .tabMenu li.active a:before{ display:block; content:""; position:absolute; bottom:0; left:0; right:0; height:2px; background:#fff78f; }
		.contentHeaderWrap .tabMenu li.new:before{ display:block; content:"New"; position:absolute; top:7px; right:-10px; padding:0px 2px; border-radius:20px; background:#ffff93; }
		.contentHeaderWrap .tabMenu li.new:before{ font:bold 9px Arial; text-align:center; color:#407796; }
		/* tabMenu */

		/* searchWrap */
		.contentHeaderWrap .searchWrap{ position:absolute; top:0; right:0; }
		.contentHeaderWrap .searchWrap label{ position:relative; display:block; width:360px; padding-top:12px; }
		.contentHeaderWrap .searchWrap label .keyword{ text-indent:10px; width:100%; height:26px; padding:0; border:none; border-radius:5px; font-size:14px; line-height:26px; color:#333333; background:#ffffff; }
		.contentHeaderWrap .searchWrap label .keyword::-webkit-input-placeholder{ color:#999999; }
		.contentHeaderWrap .searchWrap label .search{ position:absolute; top:12px; right:0px; height:26px; width:30px; border-radius:5px; font-size:0; background:#ffffff; border:none; text-align:center; }
		.contentHeaderWrap .searchWrap label .search i{ font-size:16px; color:#6b6c6e; }
		/* searchWrap */
	/* contentHeaderWrap */

	/* contentSideWrap */
	.contentSideWrap{ position:relative; display:block; max-width:1100px; height:0; margin:0 auto; }
	.contentSideWrap .quickBanner{ z-index:1; position:absolute; bottom:0; left:0; }
	.contentSideWrap .quickBanner ul{ position:absolute; top:10px; right:10px; font-size:0; }
	.contentSideWrap .quickBanner ul li{ overflow:hidden; margin-bottom:3px; border:solid 1px #000000; border-radius:10px; box-shadow:0 0 10px rgba(0, 0, 0, .5); }
	.contentSideWrap .quickBanner ul li img{ position:relative; margin:-1px; }
	.contentSideWrap .quickBanner ul li a:hover{ opacity:.8; }
	/* contentSideWrap */

	/* noticePopupWrap */
	.noticePopupWrap{ display:none; z-index:10; position:absolute; top:0; left:0; width:100%; cursor:pointer; }
	.noticePopupWrap:after{ display:block; content:""; position:absolute; top:-100vh; left:0; width:100%; height:1000vh; background:rgba(0, 0, 0, .5); }
		/* noticePopup */
		.noticePopupWrap .noticePopup{ z-index:1; position:relative; max-width:1100px; margin:0 auto; }
		.noticePopupWrap .noticePopup{ -ms-overflow-style:none; -webkit-overflow-scrolling:touch; }
		.noticePopupWrap .noticePopup::-webkit-scrollbar{ display:none; }
		.noticePopupWrap .noticePopup dt{ margin:30px auto 10px; border-radius:10px; background:#333333; font-weight:bold; font-size:12px; line-height:40px; text-align:center; color:#fff78f; }
		.noticePopupWrap .noticePopup dd ul{ font-size:0; text-align:center; }
		.noticePopupWrap .noticePopup dd ul li{ display:inline-block; width:calc(50% - 5px); margin:0 5px 10px; border-radius:10px; overflow:hidden; text-align:center; }
		.noticePopupWrap .noticePopup dd ul li:nth-child(2n+1){ margin-left:0; }
		.noticePopupWrap .noticePopup dd ul li:nth-child(2n+2){ margin-right:0; }
		.noticePopupWrap .noticePopup dd ul li img{ position:relative; width:100%; max-width:550px; border-radius:inherit; }
		/* noticePopup */
	/* noticePopupWrap */

	/* middleWrap */
	.middleWrap{ position:relative; display:block; max-width:1200px; min-height:400px; margin:0 auto; padding:10px 0; }
	.middleWrap:after{ display:block; content:""; clear:both; }
		/* tabMenuWrap */
		.middleWrap .tabMenuWrap{ display:table; width:100%; margin:0px 0px 10px; }
		.middleWrap .tabMenuWrap>li{ display:table-cell; padding:5px 0px; font-size:0; }
			/* tabMenu */
			.middleWrap .tabMenuWrap .tabMenu{ padding:0; text-align:left; white-space:nowrap; }
			.middleWrap .tabMenuWrap .tabMenu .btn{ position:relative; margin-right:-1px; padding:10px 20px; border-radius:0; font-size:13px; }
			.middleWrap .tabMenuWrap .tabMenu .btn:hover{ z-index:1; }
			.middleWrap .tabMenuWrap .tabMenu .btn:first-child{ border-top-left-radius:5px; border-bottom-left-radius:5px; }
			.middleWrap .tabMenuWrap .tabMenu .btn:last-child{ border-top-right-radius:5px; border-bottom-right-radius:5px; }
			/* tabMenu */

			/* searchWrap */
			.middleWrap .tabMenuWrap .searchWrap{ padding:0; text-align:right; }
			.middleWrap .tabMenuWrap .searchWrap label{ position:relative; display:inline-block; width:100%; max-width:300px; }
			.middleWrap .tabMenuWrap .searchWrap label .keyword{ text-indent:10px; width:100%; height:26px; padding:0; border:none; border-radius:5px; font-size:14px; line-height:26px; color:#333333; background:#ffffff; }
			.middleWrap .tabMenuWrap .searchWrap label .keyword::-webkit-input-placeholder{ color:#999999; }
			.middleWrap .tabMenuWrap .searchWrap label .search{ position:absolute; top:0px; right:0px; height:26px; width:30px; border-radius:5px; font-size:0; background:#ffffff; border:none; text-align:center; }
			.middleWrap .tabMenuWrap .searchWrap label .search i{ font-size:16px; color:#6b6c6e; }
			/* searchWrap */
		/* tabMenuWrap */

		/* contentWrap */
		.middleWrap .contentWrap{ min-height:480px; padding:10px; border-radius:10px; background:#555555; box-shadow:0 0 10px rgba(0, 0, 0, .3); color:#ffffff; }
		.middleWrap .contentWrap img{ max-width:100%; }
			/* cententTitle */
			.middleWrap .contentWrap h2.cententTitle{ padding:5px 0 10px; font-weight:bold; font-size:18px; color:#fff78f; }
			.middleWrap .contentWrap h2.cententTitle a{ color:inherit; }
			.middleWrap .contentWrap h2.cententTitle .description{ display:inline-block; padding:1%; font-size:.7em; color:#ffffff; }
			/* cententTitle */

			.middleWrap .contentWrap h3.subTitle{ padding:5px 10px 0; font-weight:bold; font-size:14px; color:#ffffff; }

			/* boardList */
			.middleWrap .contentWrap .boardList{ margin-top:10px; }
				/* listWrap */
				.middleWrap .contentWrap .boardList .listWrap{ background:#444444; box-shadow:0 0 10px rgba(0, 0, 0, .5); }
				.middleWrap .contentWrap .boardList .listWrap ul{ display:table; width:100%; margin-bottom:1px; font-size:12px; }
				.middleWrap .contentWrap .boardList .listWrap ul li{ position:relative; display:table-cell; padding:5px 5px; line-height:24px; text-align:left; background:#606164; vertical-align:middle; word-break:keep-all; }
				.middleWrap .contentWrap .boardList .listWrap ul li.num{ width:100px; text-align:center; color:#dddddd; }
				.middleWrap .contentWrap .boardList .listWrap ul li.writer{ width:100px; font-weight:bold; text-align:center; }
				.middleWrap .contentWrap .boardList .listWrap ul li.date{ width:60px; text-align:center; color:#dddddd; }
				.middleWrap .contentWrap .boardList .listWrap ul li.count{ width:60px; text-align:center; color:#dddddd; }
				.middleWrap .contentWrap .boardList .listWrap ul li.no_rows{ padding:30px 0; text-align:center; }
				.middleWrap .contentWrap .boardList .listWrap ul li a{ color:#ffffff; }
				.middleWrap .contentWrap .boardList .listWrap dt{  }
				.middleWrap .contentWrap .boardList .listWrap dt ul li{ font-size:11px; text-align:center; background:#58585a; }
				.middleWrap .contentWrap .boardList .listWrap dd ul:hover li{ background:#6d6e71; }
				.middleWrap .contentWrap .boardList .listWrap dd.open ul li{ color:#fee300; background:#6d6e71; }
				.middleWrap .contentWrap .boardList .listWrap dd.open ul li a{ color:#fee300; }
				/* listWrap */
			/* boardList */

			/* bettingList */
			.middleWrap .contentWrap .bettingList{ margin-top:10px; }
				/* listWrap */
				.middleWrap .contentWrap .bettingList .listWrap{ margin-bottom:20px; background:#444444; box-shadow:0 0 10px rgba(0, 0, 0, .5); }
				.middleWrap .contentWrap .bettingList .listWrap dt:first-child{ margin-top:0px; }
				.middleWrap .contentWrap .bettingList .listWrap ul{ display:table; width:100%; margin-bottom:1px; }
				.middleWrap .contentWrap .bettingList .listWrap ul li{ position:relative; display:table-cell; border-right:solid 1px #58585a; text-align:center; background:#083A69; vertical-align:middle; word-break:keep-all; font-size:11px; line-height:30px; }
				.middleWrap .contentWrap .bettingList .listWrap ul li:last-child{ border-right:none; }
				.middleWrap .contentWrap .bettingList .listWrap ul li.title{ text-align:left; line-height:30px; }
				.middleWrap .contentWrap .bettingList .listWrap ul li.title span{ position:relative; display:inline-block; color:#ffffff; vertical-align:middle; }
				.middleWrap .contentWrap .bettingList .listWrap ul li.title span.league{ padding-left:10px; font-size:12px; }
				.middleWrap .contentWrap .bettingList .listWrap ul li.title span.league .icon{ max-width:30px; max-height:30px; margin-right:5px; vertical-align:middle; }
				.middleWrap .contentWrap .bettingList .listWrap ul li.title span.time{ margin-left:20px; }
				.middleWrap .contentWrap .bettingList .listWrap ul li.etc{ text-align:right; }
				.middleWrap .contentWrap .bettingList .listWrap ul li.date_num{ width:15%; min-width:65px; padding:0; font-size:0; line-height:0; }
				.middleWrap .contentWrap .bettingList .listWrap ul li.date_num:after{ display:block; content:""; position:absolute; top:0; left:50%; height:100%; border-right:solid 1px #58585a; }
				.middleWrap .contentWrap .bettingList .listWrap ul li.date_num div{ display:inline-block; width:50%; font-size:11px; line-height:30px; }
				.middleWrap .contentWrap .bettingList .listWrap ul li.score_result{ width:15%; min-width:45px; padding:0; font-size:0; line-height:0; }
				.middleWrap .contentWrap .bettingList .listWrap ul li.score_result:after{ display:block; content:""; position:absolute; top:0; left:50%; height:100%; border-right:solid 1px #58585a; }
				.middleWrap .contentWrap .bettingList .listWrap ul li.score_result div{ display:inline-block; width:50%; font-size:11px; line-height:180%; }
				.middleWrap .contentWrap .bettingList .listWrap dt{  }
				.middleWrap .contentWrap .bettingList .listWrap dt ul li{ font-size:11px; background:#0E1726; font-weight: normal;}
				.middleWrap .contentWrap .bettingList .listWrap dt ul li span{ line-height:34px; vertical-align:middle; }
				.middleWrap .contentWrap .bettingList .listWrap .winlose .num{ color:#fee300; }
				.middleWrap .contentWrap .bettingList .listWrap .special .num{ color:#ffffff; }
				.middleWrap .contentWrap .bettingList .listWrap .underover .num{ color:#84ff00; }
				.middleWrap .contentWrap .bettingList .listWrap .handicab .num{ color:#00eaff; }
				/* listWrap */

				/* teamWrap */
				.middleWrap .contentWrap .bettingList .teamWrap{ display:table; width:100%; }
				.middleWrap .contentWrap .bettingList .teamWrap .team{ display:table-cell; position:relative; width:50%; height:100%; padding:0 10px; font-size:11px; line-height:34px; vertical-align:middle; word-break:keep-all; }
				.middleWrap .contentWrap .bettingList .teamWrap .team{ border-right:solid 1px #575759; text-align:left; }
				.middleWrap .contentWrap .bettingList .teamWrap .team:last-child{ border-right:none; }
				.middleWrap .contentWrap .bettingList .teamWrap .team.active{ background:rgba(69, 92, 105, 1); }
				.middleWrap .contentWrap .bettingList .teamWrap .team.select{ background:#BF4D4D; }
				.middleWrap .contentWrap .bettingList .teamWrap .team.lose{ background:rgba(69, 92, 105, .5); }
				.middleWrap .contentWrap .bettingList .teamWrap .team .ratio{ position:absolute; top:0; right:10px; color:#F9B83C; }
				.middleWrap .contentWrap .bettingList .teamWrap .team .ratio i{ padding:0 5px; font-style:normal; }
				.middleWrap .contentWrap .bettingList .teamWrap .team .ratio i.over{ color:#fd6a6f; }
				.middleWrap .contentWrap .bettingList .teamWrap .team .ratio i.under{ color:#00aeef; }
				.middleWrap .contentWrap .bettingList .teamWrap.cell2 .team{ width:50%; }
				.middleWrap .contentWrap .bettingList .teamWrap.cell3 .team{ width:33.33333%}
				.middleWrap .contentWrap .bettingList .teamWrap.cell4 .team{ width:25%; }
				.middleWrap .contentWrap .bettingList .teamWrap.cell5 .team{ width:20%; }
				.middleWrap .contentWrap .bettingList .teamWrap.cell6 .team{ width:16.66666%; }
				.middleWrap .contentWrap .bettingList .teamWrap.cell_oldSports .team:nth-child(1){ width:45%; }
				.middleWrap .contentWrap .bettingList .teamWrap.cell_oldSports .team:nth-child(2){ width:10%; min-width:30px; text-align:center; color:#fff78f; }
				.middleWrap .contentWrap .bettingList .teamWrap.cell_oldSports .team:nth-child(2) .ratio{ display:none; }
				.middleWrap .contentWrap .bettingList .teamWrap.cell_oldSports .team:nth-child(3){ width:45%; }
				.middleWrap .contentWrap .bettingList .sports .teamWrap .team:nth-child(3){ text-align:right; }
				.middleWrap .contentWrap .bettingList .sports .teamWrap .team:nth-child(3) .ratio{ left:10px; right:initial; }
				/* teamWrap */

				/* bettingResultWrap */
				.middleWrap .contentWrap .bettingList .bettingResultWrap{ display:table; margin-top:5px; }
				.middleWrap .contentWrap .bettingList .bettingResultWrap li{ display:table-cell; position:relative; border:none !important; background:#6d6e71; vertical-align:middle; }
				.middleWrap .contentWrap .bettingList .bettingResultWrap li:after{ display:block; content:""; position:absolute; top:0; right:0; height:100%; border-right:solid 1px #58585a; }
				.middleWrap .contentWrap .bettingList .bettingResultWrap li:last-child:after{ border-right:none; }
				.middleWrap .contentWrap .bettingList .bettingResultWrap li div{ height:34px; font-size:11px; line-height:34px; border-bottom:solid 1px #58585a; }
				.middleWrap .contentWrap .bettingList .bettingResultWrap li div.h{ background:#808080; }
				/* bettingResultWrap */
			/* bettingList */
		/* contentWrap */

		/* gameFrameWrap */
		.middleWrap .gameFrameWrap{ z-index:0; position:relative; margin-bottom:10px; padding-right:215px; }
			/* frameWrap */
			.middleWrap .gameFrameWrap .frameWrap{ position:relative; overflow:hidden; border:solid 5px #6d6e71; border-radius:10px; background:#58585a; font-size:0; }
				/* frameLoading */
				.middleWrap .gameFrameWrap .frameWrap .frameLoading{ position:absolute; top:calc(50% - 50px); left:calc(50% - 50px); width:100px; height:100px; text-align:center; }
				.middleWrap .gameFrameWrap .frameWrap .frameLoading{ -webkit-animation:frameLoadingRotate 2s linear infinite; }
				.middleWrap .gameFrameWrap .frameWrap .frameLoading i{ font-size:2vw; line-height:100px; color:#ffffff; }
				@-webkit-keyframes frameLoadingRotate{ 0%{ transform:rotate(0deg); } 50%{ transform:rotate(180deg); } 100%{ transform:rotate(360deg); } }
				/* frameLoading */

				/* scaleWrap */
				.middleWrap .gameFrameWrap .frameWrap .scaleWrap{ position:relative; overflow:hidden; margin:-1px; font-size:0; }
				.middleWrap .gameFrameWrap .frameWrap .scaleWrap iframe{ position:relative; width:100%; height:100%; }
				/* scaleWrap */
			/* frameWrap */
		/* gameFrameWrap */

		/* gameListWrap */
		.middleWrap .gameListWrap{ display:block; min-height:600px; padding-right:215px; }
		.middleWrap .gameListWrap ul{ display:table; width:100%; font-size:0; }
		.middleWrap .gameListWrap ul li{ position:relative; display:table-cell; padding:0 10px; border-right:solid 1px #818285; color:#ffffff; text-align:center; }
		.middleWrap .gameListWrap ul li:last-child{ border-right:none; }
		.middleWrap .gameListWrap ul li.type{ width:10%; text-align:center; }
		.middleWrap .gameListWrap ul li.home{ width:40%; }
		.middleWrap .gameListWrap ul li.vs{ width:auto; }
		.middleWrap .gameListWrap ul li.away{ width:40%; }
		.middleWrap .gameListWrap ul li .ratio{ position:absolute; top:0; right:10px; text-align:center; color:#fff78f; }
		.middleWrap .gameListWrap ul li .ratio i{ padding:0 5px; font-style:normal; }
		.middleWrap .gameListWrap ul li .ratio i.over{ color:#fd6a6f; }
		.middleWrap .gameListWrap ul li .ratio i.under{ color:#00aeef; }
		.middleWrap .gameListWrap ul li.home .ratio{ left:auto; right:10px; }
		.middleWrap .gameListWrap ul li.vs .ratio{ position:relative; left:initial; right:initial; }
		.middleWrap .gameListWrap ul li.away .ratio{ left:10px; right:auto; }
		.middleWrap .gameListWrap ul.li2 li{ width:50%; }
		.middleWrap .gameListWrap ul.li3 li{ width:33.33333%; }
		.middleWrap .gameListWrap ul.li4 li{ width:25%; }
		.middleWrap .gameListWrap ul.li5 li{ width:20%; }
		.middleWrap .gameListWrap ul.li6 li{ width:16.66666%; }
			/* gameHeader */
			.middleWrap .gameListWrap .gameHeader{ margin-bottom:10px; font-size:0; }
			.middleWrap .gameListWrap .gameHeader li{ font-size:12px; line-height:40px; background:#58585a; }
			/* gameHeader */

			/* gameWrap */
			.middleWrap .gameListWrap .gameWrap{  }
			.middleWrap .gameListWrap .gameWrap dt{ position:relative; margin:10px 0 5px; line-height:40px; background:#95979a; }
			.middleWrap .gameListWrap .gameWrap dt:after{ display:block; content:""; clear:both; }
			.middleWrap .gameListWrap .gameWrap dt:first-child{ margin-top:0; }
			.middleWrap .gameListWrap .gameWrap dt span{ position:relative; display:inline-block; color:#ffffff; vertical-align:middle; }
			.middleWrap .gameListWrap .gameWrap dt span.league{ padding-left:10px; font-weight:bold; font-size:15px; }
			.middleWrap .gameListWrap .gameWrap dt span.league i{ position:absolute; top:0; left:10px; color:#58585a; font-size:22px; line-height:40px; }
			.middleWrap .gameListWrap .gameWrap dt span.league .icon{ max-width:30px; max-height:30px; margin-right:5px; vertical-align:middle; }
			.middleWrap .gameListWrap .gameWrap dt span.time{ margin-left:20px; }
			.middleWrap .gameListWrap .gameWrap dt span.bettingTimer{ margin-left:10px; }
			.middleWrap .gameListWrap .gameWrap dt span.notice{ float:right; padding-right:10px; font-size: 14px;}
			.middleWrap .gameListWrap .gameWrap dd ul{ margin-bottom:1px; }
			.middleWrap .gameListWrap .gameWrap dd ul li{ font-size:12px; line-height:30px; text-align:left; background:#6d6e71; word-break:keep-all; cursor:pointer; }

			/* ::_C 191121 */
			.middleWrap .gameListWrap .gameWrap dd ul li.left:hover{ background:rgba(66, 66, 121, .5); }
			.middleWrap .gameListWrap .gameWrap dd ul li.right:hover{ background:rgba(121, 66, 66, .5); }
			.middleWrap .gameListWrap .gameWrap dd ul li.left.active{ background:rgba(66, 66, 121, 1); }
			.middleWrap .gameListWrap .gameWrap dd ul li.right.active{ background:rgba(121, 66, 66, 1); }
			/* ::_C 191121 END */

			.middleWrap .gameListWrap .gameWrap dd ul li:hover{ background:rgba(121, 66, 66, .5); }
			.middleWrap .gameListWrap .gameWrap dd ul li.active{ background:rgba(121, 66, 66, 1); }


			.middleWrap .gameListWrap .gameWrap dd ul li.type{ text-align:center; }
			.middleWrap .gameListWrap .gameWrap dd ul li.home{ text-align:left; }
			.middleWrap .gameListWrap .gameWrap dd ul li.vs{ text-align:center; }
			.middleWrap .gameListWrap .gameWrap dd ul li.away{ text-align:right; }
			.middleWrap .gameListWrap .gameWrap dd ul.winlose li.type{ color:#fee300; }
			.middleWrap .gameListWrap .gameWrap dd ul.special li.type{ color:#ffffff; }
			.middleWrap .gameListWrap .gameWrap dd ul.underover li.type{ color:#84ff00; }
			.middleWrap .gameListWrap .gameWrap dd ul.handicab li.type{ color:#00eaff; }
			.middleWrap .gameListWrap .gameWrap dd ul li.home{ cursor:pointer; }
			.middleWrap .gameListWrap .gameWrap dd ul li.home:hover{ background:rgba(69, 92, 105, .5); }
			.middleWrap .gameListWrap .gameWrap dd ul li.home.active{ background:rgba(69, 92, 105, 1); }
			.middleWrap .gameListWrap .gameWrap dd ul li.home .ratio{ color:#fff78f; }
			.middleWrap .gameListWrap .gameWrap dd ul li.away{ cursor:pointer; }
			.middleWrap .gameListWrap .gameWrap dd ul li.away:hover{ background:rgba(121, 66, 66, .5); }
			.middleWrap .gameListWrap .gameWrap dd ul li.away.active{ background:rgba(121, 66, 66, 1); }
			.middleWrap .gameListWrap .gameWrap dd ul li.away .ratio{ color:#fff78f; }
			.middleWrap .gameListWrap .gameWrap dd ul li.vs{ cursor:default; }
			.middleWrap .gameListWrap .gameWrap dd ul li.vs:hover{ background:#6d6e71; }
			.middleWrap .gameListWrap .gameWrap dd ul li.vs .ratio{ color:#ffffff; }
			.middleWrap .gameListWrap .gameWrap dd ul li.vs.bet{ cursor:pointer; }
			.middleWrap .gameListWrap .gameWrap dd ul li.vs.bet:hover{ background:rgba(116, 94, 61, .5); }
			.middleWrap .gameListWrap .gameWrap dd ul li.vs.bet.active{ background:rgba(116, 94, 61, 1); }
			.middleWrap .gameListWrap .gameWrap dd ul li.vs.bet .ratio{ color:#fff78f; }
			/* gameWrap */
		/* gameListWrap */

		/* gameCartWrap */
		.middleWrap .gameCartWrap{ z-index:1; position:absolute; top:0; right:0; width:205px; margin-top:10px; }
			/* clockWrap */
			.middleWrap .gameCartWrap .clockWrap{ position:relative; height:58px; margin-bottom:10px; text-align:center; background:#58585a; }
			.middleWrap .gameCartWrap .clockWrap:before{ display:block; content:""; position:absolute; top:0; left:0; right:0; height:29px; background:#404041; }
			.middleWrap .gameCartWrap .clockWrap span{ position:relative; font-weight:bold; font-size:44px; line-height:56px; color:#ffffff; }
			/* clockWrap */

			/* gameCart */
			.middleWrap .gameCartWrap .gameCart{ color:#ffffff; }
			.middleWrap .gameCartWrap .gameCart dt{ position:relative; height:50px; padding:0 20px; background:#407796; font-weight:bold; font-size:16px; line-height:50px; color:#ffffff; }
			.middleWrap .gameCartWrap .gameCart dt:after{ display:block; content:""; position:absolute; bottom:0; left:10px; right:10px; height:2px; background:#455c69; }
			.middleWrap .gameCartWrap .gameCart dt span{ word-spacing:-3px; text-align:center; color:#ffffff; }
			.middleWrap .gameCartWrap .gameCart dt label.toggle{ position:absolute; top:18px; right:10px; color:#ffffff; cursor:pointer; }
			.middleWrap .gameCartWrap .gameCart dt label.toggle input:checked+label span.toggle{ background:#455c69; }
			.middleWrap .gameCartWrap .gameCart dt label.toggle input:checked+label i{ color:#455c69; }
			.middleWrap .gameCartWrap .gameCart dt label.toggle>span{ display:inline-block; padding:1px 0 0 2px; }
			.middleWrap .gameCartWrap .gameCart dt .cartOpen{ z-index:-1; display:none; position:absolute; top:-20px; left:0; right:0; height:20px; font-size:20px; line-height:20px; text-align:center; }
			.middleWrap .gameCartWrap .gameCart dt .cartOpen a{ display:inline-block; width:60px; background:#407796; color:#ffffff; border-radius:20px 20px 0 0; box-shadow:0 0 10px rgba(0, 0, 0, .3); }
			.middleWrap .gameCartWrap .gameCart dt .cartOpen a.close{ display:none; }
			.middleWrap .gameCartWrap .gameCart dt .cartOpen i.cartCount{ display:none; opacity:1; position:absolute; top:-5px; left:calc(50% + 18px); min-width:12px; padding:3px; border-radius:12px; background:#ff0000; font:bold 9px Arial; letter-spacing:0; }
			.middleWrap .gameCartWrap.active .gameCart dt .cartOpen a.open{ display:none; }
			.middleWrap .gameCartWrap.active .gameCart dt .cartOpen a.close{ display:inline-block; }
			.middleWrap .gameCartWrap .gameCart dd{ position:relative; background:#407796; }
				/* bettingMoney */
				.middleWrap .gameCartWrap .gameCart dd.bettingMoney{ padding:10px; font-size:0; }
				.middleWrap .gameCartWrap .gameCart dd.bettingMoney label{ display:block; position:relative; height:32px; overflow:hidden; font-size:12px; line-height:32px; }
				.middleWrap .gameCartWrap .gameCart dd.bettingMoney label:before{ display:inline-block; width:70px; font-size:12px; }
				.middleWrap .gameCartWrap .gameCart dd.bettingMoney label:after{ display:block; position:absolute; top:0; right:5px; line-height:31px; color:#333333; }
				.middleWrap .gameCartWrap .gameCart dd.bettingMoney label input{ width:90px; height:24px; padding:0 20px 0 5px; border:none; font-size:13px; line-height:24px; color:#333333; text-align:right; background:#ffffff; }
				.middleWrap .gameCartWrap .gameCart dd.bettingMoney label.betmoney:before{ content:"배팅금액"; }
				.middleWrap .gameCartWrap .gameCart dd.bettingMoney label.betmoney:after{ content:"￦"; }
				.middleWrap .gameCartWrap .gameCart dd.bettingMoney label.ratio:before{ content:"예상배당률"; }
				.middleWrap .gameCartWrap .gameCart dd.bettingMoney label.ratio:after{ content:"배"; }
				.middleWrap .gameCartWrap .gameCart dd.bettingMoney label.ratio input{ cursor:default; }
				.middleWrap .gameCartWrap .gameCart dd.bettingMoney label.winmoney:before{ content:"예상적중금"; }
				.middleWrap .gameCartWrap .gameCart dd.bettingMoney label.winmoney:after{ content:"￦"; }
				.middleWrap .gameCartWrap .gameCart dd.bettingMoney label.winmoney input{ cursor:default; }
				/* bettingMoney */

				/* bettingButtons */
				.middleWrap .gameCartWrap .gameCart dd.bettingButtons{ padding:0px 10px 15px; text-align:center; font-size:0; }
				.middleWrap .gameCartWrap .gameCart dd.bettingButtons:after{ display:block; content:""; position:absolute; bottom:0; left:10px; right:10px; height:2px; background:#455c69; }
				.middleWrap .gameCartWrap .gameCart dd.bettingButtons button{ height:30px; margin-bottom:2px; border:none; font-size:11px; line-height:30px; color:#ffffff; text-align:center; background:#455c69; vertical-align:top; }
				.middleWrap .gameCartWrap .gameCart dd.bettingButtons button:hover{ opacity:.8; }
				.middleWrap .gameCartWrap .gameCart dd.bettingButtons button:active{ opacity:1; }
				.middleWrap .gameCartWrap .gameCart dd.bettingButtons button.choice1{ width:38px; }
				.middleWrap .gameCartWrap .gameCart dd.bettingButtons button.choice5{ width:38px; }
				.middleWrap .gameCartWrap .gameCart dd.bettingButtons button.choice10{ width:48px; }
				.middleWrap .gameCartWrap .gameCart dd.bettingButtons button.choice100{ width:55px; }
				.middleWrap .gameCartWrap .gameCart dd.bettingButtons button.allin{ width:58px; color:#fee300; }
				.middleWrap .gameCartWrap .gameCart dd.bettingButtons button.max{ width:58px; color:#fee300; }
				.middleWrap .gameCartWrap .gameCart dd.bettingButtons button.cancel{ width:65px; color:#fee300; }
				.middleWrap .gameCartWrap .gameCart dd.bettingButtons button.betting{ width:185px; height:40px; margin-top:5px; font-weight:bold; font-size:18px; line-height:40px; letter-spacing:3px; background:#794242; }
				.middleWrap .gameCartWrap .gameCart dd.bettingButtons .choice button{ margin-right:2px; }
				.middleWrap .gameCartWrap .gameCart dd.bettingButtons .choice button:last-child{ margin-right:0; }
				.middleWrap .gameCartWrap .gameCart dd.bettingButtons .action button{ margin-right:2px; }
				.middleWrap .gameCartWrap .gameCart dd.bettingButtons .action button:last-child{ margin-right:0; }
				/* bettingButtons */

				/* bettingList */
				.middleWrap .gameCartWrap .gameCart dd.bettingList{ padding:10px 10px 5px; color:#ffffff; }
					/* bettingType */
					.middleWrap .gameCartWrap .gameCart dd.bettingList .bettingType{ font-weight:bold; font-size:13px; line-height:30px; }
					/* bettingType */

					/* bettingItem */
					.middleWrap .gameCartWrap .gameCart dd.bettingList .bettingItem{ position:relative; margin-bottom:8px; padding-bottom:8px; }
					.middleWrap .gameCartWrap .gameCart dd.bettingList .bettingItem:after{ display:block; content:""; position:absolute; bottom:0; left:0; right:0; height:1px; background:#455c69; }
					.middleWrap .gameCartWrap .gameCart dd.bettingList .bettingItem .league{ font-weight:bold; font-size:12px; line-height:20px; color:#fee300; }
					.middleWrap .gameCartWrap .gameCart dd.bettingList .bettingItem .team{ font-size:12px; line-height:20px; }
					.middleWrap .gameCartWrap .gameCart dd.bettingList .bettingItem .home{ font-size:12px; line-height:15px; }
					.middleWrap .gameCartWrap .gameCart dd.bettingList .bettingItem .away{ font-size:12px; line-height:15px; }
					.middleWrap .gameCartWrap .gameCart dd.bettingList .bettingItem .delete{ position:absolute; top:0; right:0; }
					.middleWrap .gameCartWrap .gameCart dd.bettingList .bettingItem .delete button{ border:none; background:none; color:#fee300; }
					.middleWrap .gameCartWrap .gameCart dd.bettingList .bettingItem .delete span{ display:inline-block; font-weight:bold; font-size:12px; }
					.middleWrap .gameCartWrap .gameCart dd.bettingList .bettingItem .delete span.win{ color:#ffffff; }
					.middleWrap .gameCartWrap .gameCart dd.bettingList .bettingItem .delete span.lose{ color:#ffffff; }
					/* bettingItem */
				/* bettingList */

				/* bettingNotice */
				.middleWrap .gameCartWrap .gameCart dd.bettingNotice{ padding:10px 8px; background:#58585a; font-size:11px; line-height:160%; }
				/* bettingNotice */

				/* bettingBanner */
				.middleWrap .gameCartWrap .gameCart dd.bettingBanner{ background:none; }
				.middleWrap .gameCartWrap .gameCart dd.bettingBanner a{ display:block; overflow:hidden; margin-top:5px; border-radius:5px; font-size:0; }
				.middleWrap .gameCartWrap .gameCart dd.bettingBanner a img{ width:100%; }
				.middleWrap .gameCartWrap .gameCart dd.bettingBanner a img:hover{ opacity:.8; }
				/* bettingBanner */
			/* gameCart */
		/* gameCartWrap */
	/* middleWrap */

	/* footerWrap */
	.footerWrap{ position:relative; max-width:1100px; margin:0 auto; padding:20px 0; }
	.footerWrap:before{ display:block; content:""; position:absolute; top:0; left:-100vw; right:-100vw; height:100%; background:#58585a; }
		/* curacao */
		.footerWrap .partner{ z-index:1; position:absolute; top:17px; left:0; width:77px; height:70px; background:url(/renew/img/footer_icon_partner.png) no-repeat; }
		.footerWrap .partner a{ display:block; position:absolute; top:0; left:0; width:100%; height:100%; text-indent:-100%; font-size:0; }
		.footerWrap .curacao{ position:absolute; top:17px; left:92px; width:47px; height:70px; text-indent:-100%; font-size:0; background:url(/renew/img/footer_icon_curacao.png) no-repeat; background-position:0 0; }
		.footerWrap .curacao2{ position:absolute; top:17px; left:154px; width:61px; height:70px; text-indent:-100%; font-size:0; background:url(/renew/img/footer_icon_curacao.png) no-repeat; background-position:-47px 0; }
		/* curacao */

		/* footerIcons */
		.footerWrap .footerIcons{ position:relative; padding:7px 0; font-size:0; text-align:right; }
		.footerWrap .footerIcons li{ position:relative; display:inline-block; width:82px; height:56px; overflow:hidden; margin-left:15px; text-indent:-100%; background:url(/renew/img/footer_icon_sports.png) no-repeat; }
		.footerWrap .footerIcons li.icon01{ display:none; background-position:0 0; }
		.footerWrap .footerIcons li.icon02{ background-position:0 -56px; width:54px; }
		.footerWrap .footerIcons li.icon03{ background-position:0 -112px; width:54px; }
		.footerWrap .footerIcons li.icon04{ background-position:0 -168px; }
		.footerWrap .footerIcons li.icon05{ background-position:0 -224px; }
		.footerWrap .footerIcons li.icon06{ background-position:0 -280px; }
		.footerWrap .footerIcons li.icon07{ background-position:0 -336px; width:54px; }
		.footerWrap .footerIcons li.icon08{ background-position:0 -392px; }
		.footerWrap .footerIcons li.icon09{ background-position:0 -448px; width:54px; }
		.footerWrap .footerIcons li.icon10{ background-position:0 -504px; width:54px; }
		.footerWrap .footerIcons li.icon11{ background-position:0 -560px; }
		.footerWrap .footerIcons li a{ display:block; width:100%; height:100%; text-indent:-100%; }
		/* footerIcons */

		/* caution */
		.footerWrap .caution{ position:relative; padding-top:20px; font-weight:bold; font-size:11px; line-height:20px; color:#ffffff; }
		.footerWrap .caution .gambling{ position:absolute; top:20px; right:0; width:95px; height:56px; overflow:hidden; text-indent:-100%; background:url(/renew/img/footer_icon_gambling.png); font-size:0; }
		.footerWrap .caution a{ margin-right:20px; color:#ffffff; }
		/* caution */

		/* copyright */
		.footerWrap .copyright{ display:none; position:relative; height:20px; font:bold 12px Arial; line-height:20px; text-align:center; color:#ffffff; }
		/* copyright */
	/* footerWrap */
/* wrap */

/* userLevel */
i.userLevel{ position:relative; font-size:20px !important; line-height:20px !important; color:transparent; }
i.userLevel:after{ position:absolute; top:1px; left:0; right:0; text-align:center; font:normal 9px Arial; line-height:20px !important; color:#f8f18d; text-shadow:0 0 10px #000000; }
i.userLevel.level1{ color:#c63c92; }
i.userLevel.level1:after{ content:"1"; }
i.userLevel.level2{ color:#bd9e0d; }
i.userLevel.level2:after{ content:"2"; }
i.userLevel.level3{ color:#bd113d; }
i.userLevel.level3:after{ content:"3"; }
i.userLevel.level4{ color:#153791; }
i.userLevel.level4:after{ content:"4"; }
i.userLevel.level5{ color:#525254; }
i.userLevel.level5:after{ content:"5"; }
/* userLevel */

/* forms */
label.toggle{ display:inline-block; position:relative; font-weight:normal; font-size:11px; line-height:15px; color:#666666; }
label.toggle *{ transition:all .2s; }
label.toggle input{ position:absolute; top:0px; left:0px; width:30px; height:15px; margin:0; padding:0; opacity:0; }
label.toggle label{ display:inline-block; position:relative; width:30px; height:15px; overflow:hidden; background:#ffffff; cursor:pointer; }
label.toggle label{ border-radius:20px; vertical-align:top; }
label.toggle label i{ position:absolute; top:2px; left:-1px; font-size:10px; color:#ffffff; }
label.toggle label span.toggle{ display:inline-block; position:absolute; top:1px; left:1px; width:13px; height:13px; background:#b8b8b8; }
label.toggle label span.toggle{ border-radius:20px; }
label.toggle input:checked+label i{ left:4px; color:#167ac6; }
label.toggle input:checked+label span.toggle{ left:16px; background:#167ac6; }
label.toggle span{ line-height:15px; vertical-align:top; }

label.check{ display:inline-block; position:relative; font-weight:normal; font-size:11px; line-height:15px; color:#666666; }
label.check *{ transition:all .2s; }
label.check input{ position:absolute; top:0px; left:0px; width:15px; height:15px; margin:0; padding:0; opacity:0; }
label.check label{ display:inline-block; position:relative; width:13px; height:13px; overflow:hidden; border:solid 1px #545454; background:#ffffff; cursor:pointer; }
label.check label{ border-radius:3px; vertical-align:top; }
label.check label i{ position:absolute; top:-5px; left:0; width:100%; font-size:11px; text-align:center; opacity:0; }
label.check input:checked+label i{ top:2px; color:#167ac6; opacity:1; }
label.check span{ line-height:15px; vertical-align:top; }

textarea{ height:60px; padding:5px 5px; resize:none; }
input[type=text], input[type=password]{ height:22px; padding:0 5px; }
input[type=text], input[type=password], textarea{ width:calc(100% - 12px); margin:0; border:solid 1px #666666; border-radius:5px; font-size:12px; line-height:160%; outline-style:none; vertical-align:middle; }
input[type=text], input[type=password], textarea{ box-shadow:inset 0 1px 1px rgba(0,0,0,.075); transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
input[type=text], input[type=password], textarea{ background:#444444; color:#ffffff; }
input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, textarea::-webkit-input-placeholder{ color:#aaaaaa; }
input[type=text]:focus, input[type=password]:focus, textarea:focus{ border-color:#a6a6a6; box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px #a6a6a6; }
input.number{ width:70px; padding-right:5px; text-align:right; }
/* forms */

/* btn */
.btn{ position:relative; display:inline-block; padding:3px 8px; border:solid 1px #cbcbcb; outline-style:none; font-size:12px; line-height:1; color:#333333; vertical-align:middle; }
.btn{ border-radius:3px; background:#dfdfdf; background-image:linear-gradient(to bottom, #fdfdfd 0, #dfdfdf 100%); text-shadow:0 1px 0 #ffffff; }
.btn{ text-align:center; cursor:pointer; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; touch-action:manipulation; }
.btn:after{ position:absolute; top:0px; left:0px; width:100%; height:100%; content:""; opacity:.2; }
.btn:hover{ border-color:#acacac; }
.btn:hover:after{ background:#dfdfdf; }
.btn:active{ box-shadow:0px 20px 30px -20px rgba(0,0,0,.7) inset; }
.btn.smaller{ padding:1px 2px; font-size:9px; line-height:1; }
.btn.small{ padding:3px 5px; font-size:11px; line-height:1; }
.btn.big{ padding:5px 10px; font-size:13px; line-height:1; }
.btn.bigger{ padding:8px 20px; font-size:13px; line-height:1; }
.btn.red{ color:#ffffff; border-color:#7b3838; background:#ab4949; background-image:linear-gradient(to bottom, #cf6565 0, #ab4949 100%); text-shadow:0 1px 0 #ab4949; }
.btn.red:hover:after{ background:#ab4949; }
.btn.blue{ color:#ffffff; border-color:#24547f; background:#275b89; background-image:linear-gradient(to bottom, #3377b2 0, #275b89 100%); text-shadow:0 1px 0 #275b89; }
.btn.blue:hover:after{ background:#275b89; }
.btn.orange{ color:#ffffff; border-color:#e28c19; background:#ea931d; background-image:linear-gradient(to bottom, #efaa4d 0, #ea931d 100%); text-shadow:0 1px 0 #ea931d; }
.btn.orange:hover:after{ background:#ea931d; }
.btn.green{ color:#ffffff; border-color:#3c8e3f; background:#3f9542; background-image:linear-gradient(to bottom, #58b55b 0, #3f9542 100%); text-shadow:0 1px 0 #3f9542; }
.btn.green:hover:after{ background:#3f9542; }
.btn.gold{ color:#ffffff; border-color:#d6ba0c; background:#d6ba0c; background-image:linear-gradient(to bottom, #f2dc60 0, #d6ba0c  100%); text-shadow:0 1px 0 #d6ba0c; }
.btn.gold:hover:after{ background:#d6ba0c; }
.btn.w100p{ width:100%; }
.btn.w30{ width:30px; }
.btn.w40{ width:40px; }
.btn.w50{ width:50px; }
.btn.w60{ width:60px; }
.btn.w100{ width:100px; }
.btn.w150{ width:150px; }
.btn.w200{ width:200px; }
.btn i{ margin:0 2px; color:inherit; }
/* btn */

/* highlight */
.highlight{ position:relative; display:inline-block; padding:3px 3px; font-size:12px; line-height:1; color:#333333; vertical-align:middle; border-radius:2px; background:#dfdfdf; }
.highlight{ text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; touch-action:manipulation; }
.highlight.smaller{ padding:1px 1px; font-size:9px; line-height:1; }
.highlight.small{ padding:2px 2px; font-size:11px; line-height:1; }
.highlight.big{ padding:4px 4px; font-size:13px; line-height:1; }
.highlight.bigger{ padding:5px 5px; font-size:13px; line-height:1; }
.highlight.red{ color:#ffffff; background:#ab4949; }
.highlight.blue{ color:#ffffff; background:#275b89; }
.highlight.orange{ color:#ffffff; background:#ea931d; text-shadow:0 0 1px #a5911a; }
.highlight.green{ color:#ffffff; background:#3f9542; }
.highlight.gold{ color:#ffffff; background:#d6ba0c; text-shadow:0 0 1px #a5911a; }
.highlight.w100p{ width:100%; }
.highlight.w30{ width:30px; }
.highlight.w40{ width:40px; }
.highlight.w50{ width:50px; }
.highlight.w60{ width:60px; }
.highlight.w100{ width:100px; }
.highlight.w150{ width:150px; }
.highlight.w200{ width:200px; }
.highlight i{ margin:0 1px 0 2px; color:inherit; }
/* highlight */

/* tableWrap */
.tableWrap{ margin:10px 0; }
.tableWrap table{ width:100%; border-spacing:1px; background:#444444; box-shadow:0 0 10px rgba(0, 0, 0, .5); color:#ffffff; table-layout:fixed; }
.tableWrap table tr{ }
.tableWrap table tr th,
.tableWrap table tr td{ height:22px; padding:5px 10px; font-size:11px; line-height:180%; word-break:keep-all; }
.tableWrap table tr th.lf,
.tableWrap table tr td.lf{ white-space:normal; }
.tableWrap table tr th,
.tableWrap table tr td{ background:#666666; }
.tableWrap table tr th:first-child,
.tableWrap table tr td:first-child{ border-left:none; }
.tableWrap table thead tr th,
.tableWrap table thead tr td{ background:#555555; }
.tableWrap table tbody tr th{ background:#555555; }
.tableWrap table tbody tr td{ background:#666666; }
/* tableWrap */

/* controllWrap */
.controllWrap{ display:table; width:100%; margin:15px 0px; }
.controllWrap>li{ display:table-cell; padding:5px 0px; }
.controllWrap li.left{ text-align:left; }
.controllWrap li.center{ text-align:center; }
.controllWrap li.right{ text-align:right; }
@media(max-width:720px){
	.controllWrap{ display:block; }
	.controllWrap>li{ display:block; }
	.controllWrap .paging{ text-align:center; }
}
/* controllWrap */

/* paging */
.paging{ width:100%; }
.paging a:first-child{ border-radius:5px 0px 0px 5px; }
.paging a:last-child{ border-radius:0px 5px 5px 0px; }
.paging a{ display:inline-block; position:relative; margin-right:-1px; padding:5px 8px; border:solid 1px #cbcbcb; outline-style:none; font-size:12px; color:#333333; }
.paging a{ background:#dfdfdf; background-image:linear-gradient(to bottom, #fdfdfd 0, #dfdfdf 100%); text-shadow:0 1px 0 #ffffff; }
.paging a{ text-align:center; cursor:pointer; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; touch-action:manipulation; }
.paging a:after{ position:absolute; top:0px; right:0px; left:0px; bottom:0px; content:""; opacity:.2; }
.paging a:hover{ z-index:1; border-color:#acacac; color:#333333; }
.paging a:hover:after{ background:#dfdfdf; }
.paging a:active{ box-shadow:0px 20px 30px -20px rgba(0,0,0,.7) inset; }
.paging a.now{ color:#ffffff; border-color:#e28c19; background:#ea931d; background-image:linear-gradient(to bottom, #efaa4d 0, #ea931d 100%); text-shadow:0 1px 0 #ea931d; }
.paging a.now:hover:after{ background:#ea931d; }
/* paging */


/* warning popup */
.noticePopupWrap.warning-popup {
    display: block;
    position: fixed;
    height: 100%;
}
.noticePopupWrap.warning-popup .noticePopup {
    background: #FFC33B;
    color: #171717;
    padding: 7px;
    margin-top: 80px;
    font-size: 17px;
    line-height: 30px;
    border-radius: 7px;
    width: 620px;
    max-width: 90%;
    cursor: initial;
    height: auto;
}
.noticePopupWrap.warning-popup .noticePopup .popup-content {
    border: 3px solid #171717;
    border-radius: 7px;
    position: relative;
}
.noticePopupWrap.warning-popup .noticePopup .popup-content .popup-header,
.noticePopupWrap.warning-popup .noticePopup .popup-content .popup-body {
    padding: 20px 40px;
}
.noticePopupWrap.warning-popup .noticePopup .popup-content .popup-header {
    background: #171717;
    color: #FFC33B;
}
.noticePopupWrap.warning-popup .noticePopup .popup-header h2 {
    background:url(/renew/img/warning-icon.png) no-repeat;
    line-height: 28px;
    font-size: 20px;
    padding-left: 40px;
}
.noticePopupWrap.warning-popup .noticePopup .close-button {
    background:url(/renew/img/popup-close-icon.png) no-repeat 6.5px 6.5px;
    text-indent: -10000px;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 20px;
    right: 20px;
    border: 2px solid #fff;
    border-radius: 50%;
    cursor: pointer;
}
.noticePopupWrap.warning-popup .noticePopup .account-change-checked-wrapper {
    margin-top: 1rem;
    padding-top: 1rem;
    position: relative;
}
.noticePopupWrap.warning-popup .noticePopup .account-change-checked-wrapper:before {
    content: "";
    border-top: 1px solid #000;
    opacity: 0.5;
    width: 100%;
    position: absolute;
    top: 0;
}
.noticePopupWrap.warning-popup .noticePopup label {
    margin: 0;
    white-space: initial;
}
.noticePopupWrap.warning-popup .noticePopup strong {
    color: #3B85D0;
    font-size: 16px;
}
.noticePopupWrap.warning-popup .noticePopup .red {
    color: #D82B29;
}
.noticePopupWrap.warning-popup .noticePopup .checkboxer {
    display: flex;
    align-items: center;
    margin-right: 10px;
}
.noticePopupWrap.warning-popup .noticePopup .checkboxer label.toggle label {
    background: #171717 !important;
}
.noticePopupWrap.warning-popup .noticePopup .checkboxer label.toggle label span.toggle {
    background: #FFC33B;
}
.noticePopupWrap.warning-popup .noticePopup .checkboxer label.toggle label i {
    color: #FFC33B;
}
/* warning popup - END */