@charset "utf-8";
@import url("https://fonts.googleapis.com/earlyaccess/nanumgothic.css");
html,body{width:100%; height:100%; -webkit-text-size-adjust:none; word-break:break-all;}
html,body,h1,h2,h3,h4,h5,h6,div,span,p,blockquote,pre,abbr,acronym,address,cite,code,del,dfn,em,img,figure,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,form,fieldset,legend,a,textarea,input[type="text"],input[type="password"],select,option,button,label,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {margin:0; padding:0; -webkit-box-sizing:border-box; box-sizing:border-box; -moz-box-sizing:border-box; vertical-align:top; -webkit-appearance:none; appearance:none; -moz-appearance:none; resize:none; outline:0}
body, button, table,tr,td {font-family:'나눔고딕', nanum gothic,'Malgun Gothic','맑은고딕','돋움',Dotum,'Apple SD Gothic Neo',Helvetica,sans-serif;  font-size:12px; }
	
a {color:inherit; vertical-align:top}
a:link{text-decoration:none}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0; text-decoration:none}
a:visited{text-decoration:none}

h1, h2, h3, h4, h5, h6{font-weight:normal; font-size:inherit}
b, strong{font-weight:bold}
address, caption, cite, code, dfn, em, var{font-style:normal; font-weight:normal}
abbr, acronym, img, button{border:0}
span,em,strong{vertical-align:top}
input[type="radio"], input[type="checkbox"] {vertical-align:middle}

ul, ol, dl, li {list-style:none; display:block;}
li {float:left;}

button{cursor:pointer}
button, input, select, textarea{border:0 none; outline:0 none; }
textarea{vertical-align:top; border:solid 1px #ccc}

table{border-collapse:collapse; empty-cells:show; border-spacing:0; table-layout:fixed}
table caption {overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; text-indent:-9999em}
fieldset legend{display:block; overflow:hidden; position:absolute; top:-1000em; left:0}

.select {width:145px; height:27px; color:#434343; font-size:12px; border:1px solid #d6d4d4; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; background:url("../img/common/ico_select.png") 95% 50% no-repeat}
.select:focus {border-color:dodgerBlue; box-shadow:0 0 8px 0 dodgerBlue;}

input.Ipt {height:20px; padding:2px 5px; font-size:12px;color:#674d38; border:1px solid #d6d4d4; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px}
input.Ipt:focus {border-color:dodgerBlue; box-shadow:0 0 8px 0 dodgerBlue;}

#price{font-weight:bold;font-size:14px; width:130px; line-height:23px;}
#divd{background-color: #ffcc00;border:none;font-weight:bold; font-size:14px; line-height:23px;}
#eprice{background-color: #ffcc00;border:none;font-weight:bold; font-size:14px; line-height:23px;}

.CartIpt {width:85px;  text-align:right;}
input.NoIpt {height:24px; padding:2px 5px; background-color:transparent; border:#333333; color:#3CF; font-weight:bold; font-family:'나눔고딕', nanum gothic,'Malgun Gothic','맑은고딕','돋움',Dotum;}
input.NoIpt:focus {border-color:dodgerBlue; box-shadow:0 0 8px 0 dodgerBlue;}



.textarea {width:100%; padding:10px; color:#333; font-size:12px; border:1px solid #d6d4d4; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px}
.textarea:focus {border-color:dodgerBlue; box-shadow:0 0 8px 0 dodgerBlue;}



body {background-color:#2f2f32}
#Wrap {width:100%;  overflow:hidden; display:block; min-width:1400px;}


#Header {position:relative; z-index:100; /*background-color:#434343; 충돌나는부분*/ color:#fbfcfc; text-align:center; margin-bottom:15px;}
#Header .HeaderInner {width:1400px; margin:0 auto; }
#Header .TopNav {width:100%; height:34px; background-color:#242323;}


#Header .TopNav li {padding-left:13px; line-height: 34px;}
#Header .TopNav li p {position: relative; margin-right: 5px; padding-left: 11px; color: #7c7d7e;}
#Header .TopNav li p:before {position:absolute; top:50%; left:0; width:4px; height:4px; margin-top:-2px; background-color:#657388; content: "";}
#Header .TopNav li img {width:20px; height:20px; margin-top:7px;}
#Header .TopNav li .button {margin-top:8px;}
#Header .TopNav .Memoicon img {height:12px !important; margin-top:12px;}

.menu {
  margin:0 auto;
  width:1400px;
  height: 90px;
}
.menu h1 {
	    padding: 16px 15px 0 10px;
}
.menu ol {
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
}
.menu ol {
  display: flex;
}
.menu .menu-item {
  flex: 1;
  font-size:14px;
  font-weight: bold;
  margin-left:40px;
}
.menu .menu-item:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 5px;
  left: calc(0%);
  background: #5CAAEF;
  will-change: transform;
  transform: scale(0);
  transition: transform 0.2s ease;
}

.menu  .menu-selected:after{
  transform: scale(1);
}


.menu  .menu-item:hover:after {
  transform: scale(1);
}
.menu-item {
  position: relative;
  line-height: 2.5rem;
  text-align: center;
}
.menu-item a {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  color: #FFF;
  font-size:18px;
}

.menu-item a:hover, .menu-selected > a{ color:#5CAAEF; }
.menu-item a:before { color:#5CAAEF; opacity: 0;}
.menu-item a.menu-item a:hover:before { opacity: 1.0; }

.menu-item a, .menu-item a:before{
	-webkit-transition: all 0.2s ease;
          transition: all 0.2s ease;
}


.sub-menu .menu-item {
  padding: 3px 0;
  margin-left: -15px;
  width: 150px;
  background: #202934;
  opacity: 0;
  transform-origin: bottom;
  animation: enter 0.2s ease forwards;
}
/*
.sub-menu .menu-item:nth-child(1) {
  animation-duration: 0.2s;
  animation-delay: 0s;
}
.sub-menu .menu-item:nth-child(2) {
  animation-duration: 0.2s;
  animation-delay: 0s;
}
.sub-menu .menu-item:nth-child(3) {
  animation-duration: 0.3s;
  animation-delay: 0.1s;
}
.sub-menu .menu-item:nth-child(4) {
  animation-duration: 0.3s;
  animation-delay: 0.1s;
}
.sub-menu .menu-item:nth-child(5) {
  animation-duration: 0.4s;
  animation-delay: 0.2s;
}
.sub-menu .menu-item:nth-child(6) {
  animation-duration: 0.4s;
  animation-delay: 0.2s;
}
.sub-menu .menu-item:nth-child(7) {
  animation-duration: 0.5s;
  animation-delay: 0.3s;
}
.sub-menu .menu-item:nth-child(8) {
  animation-duration: 0.5s;
  animation-delay: 0.3s;
}
*/

.sub-menu .menu-item:hover {
  background: #333;
}
.sub-menu .menu-item:hover a{
  color: #feef00;
}
.sub-menu .menu-item a {
  padding: 0 0.75rem;
}
.sub-menu {
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  display: none;
  z-index: 1000;
}
.menu-item:hover > .sub-menu {
  display: block;
}
@keyframes enter {
  from {
	opacity: 0;
	transform: scaleY(0.98) translateY(10px);
  }
  to {
	opacity: 1;
	transform: none;
  }
}
@keyframes fade {
  from {
	opacity: 0;
  }
  to {
	opacity: 1;
  }
}

#Container {width:100%; clear:both;}
#Container .MainViewer {position:relative; width:100%; min-width:1400px; height:225px; text-align:center; border-bottom:1px solid #313030; background:/*url(/images/my/main_bg.png) top center no-repeat*/ #282727; background-size:cover;}
#Container .MainViewer .MainVewInner {width:1400px; background-position:70px 30px; height:220px; margin:0px auto;}
#Container .MainViewer .MainVewInner .MainClock {width:900px; margin-left:200px; padding-top:60px; }
#Container .MainViewer .LeftImg {position:absolute; top:0; left:0; z-index:100; width:100%; min-width:1400px; position:relative;}
#Container .MainViewer .RightImg { position:absolute; top:0; right:0; z-index:100;}

#Container .Content { background:#434343; text-align:center; overflow:hidden; display:block; position:relative; height:725px; text-align:center; }
#Container .Content .ContentInner {width:1400px; margin:50px auto; }
#Container .Content .ContentA {color:#db533e; float:left; width:49.5%; text-align:left;}
#Container .Content .ContentB {color:#f9b947; float:right; width:49.5%; text-align:left;}
#Container .Content .ContentInner p {font-size:26px; font-weight:bold; padding-bottom:10px;}

#LatestTable { border-top:2px solid #282727; border-bottom:1px solid #282727; border-left:1px solid #282727;}
#LatestTable td { border-right:1px solid #282727; border-bottom:1px solid #282727; font-size:11px; letter-spacing:-1px; word-break:break-all; line-height:26px; height:26px; color:#c9c9c9;}
#LatestTable .LeagueImg {max-height:17px; margin:5px 3px 0 5px;}
#LatestTable .over-clip {width:100px; white-space:nowrap; text-overflow:clip; overflow:hidden;}  
#LatestTable .WinTd {background-color:#007ad8;}


#ContainerSub {width:100%; background-image:url(/images/bgbody.png); background-repeat: repeat; /*background:#282727;*/ position:relative; display:block; color:#efefef; overflow:hidden; text-align:center; }
#ContainerSub .Content .ContentLeft {float:left; width:1142px;}
#ContainerSub .Content .ContentRight {float:right;width:248px; margin-left:10px; display:block; }
#ContainerSub .Content .ContentRight p {padding:3px 0;}
#ContainerSub .MidMenu {display:block; overflow:hidden; text-align:right;}


#ContainerSubInner {width:1400px; margin:0px auto 50px auto; overflow:hidden; display:block; clear:both; }
#ContainerSubInner .NoticeBar {background-image: url(/images/bgbody.png);background-repeat: repeat; height:43px;}
#ContainerSubInner h1 {color:#FC0; font-size:24px; font-weight:bold; padding:15px 0; text-align:left;}
#ContainerSubInner h2 {color:#fafafa; font-size:14px; font-weight:bold; line-height:230%; clear:both; padding-bottom:10px;}
#ContainerSubInner h3 {color:#fafafa; font-size:24px; font-weight:bold; float:left; padding-right:20px;}
#ContainerSubInner h4 {color:#434343; font-size:16px; font-weight:bold; background-color:#f1f1f3; padding:7px 10px; margin:15px 0; text-align:left; clear:both;}
#ContainerSubInner label {clear:both; display:block; }
#ContainerSubInner label p {display:block; float:left; line-height:230%;}




#TableBox {font-size:12px;  display:inline-table; margin-top:10px;}
#TableBox th {background:#434343; color:#fafafa; border-bottom:1px solid #383838; padding:10px 7px; }
#TableBox td {background:#242323; color:#a3a1a1; border-bottom:1px solid #383838; padding:10px 7px;}
#TableBox td.TdA {background:#1e1e1e; color:#36C; border-right:1px solid #383838; border-left:1px solid #383838; }
#TableBox td.TdB {background:#2c2c2c;}

.BoxA {display:block; overflow:hidden; clear:both; margin:10px 0px 20px 0px; text-align:left; color:#c9c9c9;border-radius: 8px;}

.BoxB {display:block; overflow:hidden; clear:both; margin:10px 0px 20px 0px; text-align:left; color:#c9c9c9;border-radius: 8px;}
.BoxB p {background-color:#007ad8; color:#FFF; font-weight:bold; font-size:14px; padding:7px; text-align:left; border-bottom:1px solid #2d2d2d; border-bottom:1px solid #2d2d2d; }
.BoxB h5 {font-size:14px;  line-height:23px; width:100%; background-color:#425a71; padding:10px; color:#b4d3f2; font-weight:bold; border-radius: 3px 3px 0px 0px;}

.BoxC {display:block; overflow:hidden; clear:both; margin:20px 0 5px 0; text-align:left; color:#c9c9c9;border-radius: 8px;}



/*베팅*/
#BetTable { border-top:1px solid #383838; border-bottom:1px solid #383838;}
#BetTable th { border-right:1px solid #323232; border-bottom:1px solid #383838; background:#242323; text-align:center; vertical-align:middle; line-height:40px; color:#FC0; font-size:15px; height:40px;}
#BetTable td { border-right:1px solid #282727; border-bottom:1px solid #282727; /*background:#434343;*/ color:#c9c9c9; font-size:13px; padding:11px 0;}
#BetTable .Betleague {background:#202934; border-radius: 8px 8px 0px 0px / 8px 8px 0px 0px; solid #656565; border-bottom:1px solid #121212; padding-top:4px; padding-bottom:4px; padding-left:7px; color:#FFF; font-weight:bold;line-height:19px;}
#BetTable .Betleague4 {background:#1d1d1d; border-top:5px solid #333; border-bottom:5px solid #1b1b1b; padding-top:5px; padding-bottom:2px; padding-left:7px; color:#FFF; font-weight:bold;}

#BetTable .Power{}
#BetTable .Power td{border-right:1px solid #474747; border-bottom:1px solid #474747; padding-top:15px; padding-bottom:15px; color:#}

#BetTable .no_border {border-right:none;}

#BetTableA { border-top:1px solid #383838; border-bottom:1px solid #383838;}
#BetTableA th { border-right:1px solid #323232; border-bottom:1px border-top:1px solid #383838; background:#242323;  line-height:140%;  color:#FC0; font-size:13px; vertical-align:middle!important;}
#BetTableA td { border-right:1px solid #282727; border-bottom:1px border-top:1px solid #282727; line-height:140%; color:#c9c9c9; font-size:13px; vertical-align:middle !important;}
#BetTableA .no_border {border-right:none;}




.btlist { background-color: #1c1c1c; }
.guess { color : #ff00b4; font-weight: bold;}
.noguess { color: #837beb; font-weight: bold;} 
.finish { background-color: #400000; } /* 마감 */
.einish { background-color: #2e2e2e; } /* 베팅마감시 */
.ginish { background-color: #232323; } /* 대기1 */
.jinish { background-color: #313131; } /* 베팅 */
.minish { background-color: #333333; } /* 베팅 */


.BetType {margin:0 auto;}
.BetType td {}
.BetType a:link {display:block; font-size:11px; background: #282727; height:70px; width:87.8px; text-align:center; color:#CCC; }
.BetType a:visited {background: #282727; color:#CCC; }
.BetType a:hover {background:#232323; color:#bbe3ff; }

.BetType img {padding-top:3px; padding-bottom:7px;}
.BetTypeA {display:block; overflow:hidden; margin:20px 0 10px 0;}

.PageBox {text-align:center; clear:both; overflow:hidden; display:block; margin-top:30px;}
.PageBox span {padding:0 10px;} 
.PageBox a {color:#FFF;}

/*베팅카트*/
#CartBox {clear:both; display:block; overflow:hidden; /*width:209px;*/width:247px;}
#CartBox .CartBoxTop { background-color:#000; height:47px; text-align:right;}
#CartBox .CartBoxTop span {padding-right:5px;}
#CartBox .CartBoxInner {clear:both; display:block; overflow:hidden; background-color:#333333; padding:7px; /*width:209px;*/width:247px;}
#CartBox .CartBoxInner ul {}
#CartTable th { font-size:12px; color:#fff; font-weight:bold; line-height:21px; padding-top:2px;}
#CartTable td { font-size:12px; color:#fff; font-weight:bold; line-height:21px; padding-top:3px;}
#CartTable .Tright{ font-size:14px; }

/*베팅게임*/
.cartDiv{
    position: relative;
    margin: 4px 0;
    background-color: rgb(46, 46, 53);
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
    padding: 0.3rem;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(58, 58, 66);
    border-image: initial;
    border-radius: 5px;
}
#CartTable2{ background-color: #161616; border-radius:5px}

@media screen and (-webkit-min-device-pixel-ratio:0) { /*크롬만 익스에서 제대로 안먹힘*/
	#CartTable2 tr:first-child td:first-child{border-radius:4px 0 0 0;}
	#CartTable2 tr:first-child td:last-child{border-radius:0 4px 0 0;}
	#CartTable2 tr:last-child td:first-child{border-radius:0 0 0 4px;}
	#CartTable2 tr:last-child td:last-child{border-radius:0 0 4px 0;}
}

#CartTable2 td {
	font-size: 13px; 
	font-weight:bold;
	line-height:25px;
	height:25px;}

.CartTd1 {color: #fff;}
.CartTd2 {color: #fff; background-color:#222227}
.CartTd3 li{
	position: relative;
    color: rgb(80, 226, 228);
    background-color: rgb(46, 46, 53);
    border-radius: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(70, 70, 80);
    border-image: initial;
    text-align: center;
}
.CartTd3 .betSel{
	background-color: rgb(80, 226, 228);
	color: rgb(0, 0, 0);
	border-color: rgb(53, 252, 255);
}

.kjlhRI {
    position: relative;
    width: 25px;
    height: 25px;
    font-size: 1.5rem;
    color: rgb(80, 226, 228);
    background-color: rgb(46, 46, 53);
    box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(58, 58, 66);
    border-image: initial;
    border-radius: 5px;
    outline: none;
}

.kjlhRI::before, .kjlhRI::after {
    content: "";
    position: absolute;
    width: 3px;
    height: 60%;
    top: 50%;
    left: 50%;
    background-color: rgb(80, 226, 228);
}

.kjlhRI::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.kjlhRI::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.remove-market {
    position: absolute;
    top: -3px;
    right: -1px;
}


.ResultBox {display:block; overflow:hidden;  margin:0px 0 5px 0; background-color:#222; padding:15px 0px; height:60px;}
.ResultBox li span {padding-right:15px; padding-left:15px;}

.bet_slip{ 
	float: left;
    color: #ffcc00;
    font-weight: bold;
    font-size: 23px;
    padding-left: 17px;
    line-height: 15px;
	padding-top:5px;}

/*게시판*/
.Bno{padding-top:8px;}
.Bsubject img { max-height:20px;}
.BoardBet {background-color:#1c1c1c; display:block; overflow:hidden; margin-bottom:30px; }


#BankBox {clear:both; display:block; overflow:hidden; width:209px; margin-bottom:20px;}
#BankBox .BankBoxTop {background-color:#806047; border-bottom:1px solid #9e7e65; text-align:left; color:#ece0d1; font-size:14px; font-weight:bold; padding:7px;}

#BankBox .BankBoxInner {clear:both; display:block; overflow:hidden; background-color:#ece0d1; border-top:1px solid #d5c4af; border-bottom:1px solid #6f4e35; padding:7px; text-align:left; color:#674d38; }
#BankBox .BankBoxInner label {border-bottom:2px solid #a8866b; padding:7px 0; line-height:17px; }
#BankBox .BankBoxInner label span {font-size:11px; }
#BankBox .BankBoxInner label h6 {font-size:12px; padding:0px; font-weight:bold; width:100%; border-bottom:1px solid #d5c4af; margin-bottom:5px; }




/*메인*/






/*하단*/

#Footer {width:100%; background:#2f2f32; text-align:center; }
#Footer .FooterInner {width:1400px; padding:10px 0; display:block; margin:0 auto;  background-position:0px 30px; font-family:Arial, Helvetica, sans-serif;}
#Footer p {padding-bottom:10px; color:#999; font-weight:700; font-size:12px; text-align:center;}
#Footer .Copyright {line-height:21px; display:inline-block; color:#8a8b8d; font-size:11px; text-align:center;}







/*공용*/
.Left {float:left;}
.Right {float:right;}
.Tleft {text-align:left;}
.Tright {text-align:right;}
.Tcenter {text-align:center;}


.F18 {font-size:18px;}
.F14 {font-size:14px;}
.F13 {font-size:13px;}
.F12 {font-size:12px;}
.F11 {font-size:11px;}


.p7 {padding-left:7px; padding-right:7px;}
.p10 {padding:10px;}


.Bold {font-weight:bold;}
.700 {font-weight:700;}
.900 {font-weight:900;}

.Red {color:#ff0000;}
.Red a {color:#ff0000;}
.Red a:hover{color:#fd575c;}

.Sky {color:#00eaff;}
.Sky a {color:#00eaff;}
.Sky a:hover{color:#68e6f1;}

.Orange {color:#FE7200;}
.Orange a {color:#FE7200;}
.Orange a:hover{color:#ff9641;}

.Yellow {color:#FC0;}
.Yellow a {color:#FC0;}
.Yellow a:hover{color:#f8dd70;}

.Green1 {color:#90ff00;}
.Green1 a {color:#90ff00;}
.Green1 a:hover{color:#87e95b;}

.Pink {color:#ff00b4;}
.Pink a {color:#ff00b4;}
.Pink a:hover {color:#ff5dcf;}

.Blue1 {color:#007AD8;}
.Blue1 a {color:#007AD8;}
.Blue1 a:hover {color:#005ca3;}

.White {color:#FFF;}
.White a {color:#FFF;}
.White a:hover {color:#e8f9ff;}

.Gray {color:#e0f2ff;}
.Gray a {color:#e0f2ff;}
.Gray a:hover {color:#81919e;}

.Black {color:#000;}
.Black a {color:#000;}
.Black a:hover {color:#222;}

.Navy {color:#6d6d8c;}
.Navy a {color:#6d6d8c;}
.Navy a:hover {color:#51516d;}

.text-yellow{color:#FFA604;}


/* 버튼 */
.button {
  border: 0 none;
  border-radius: 2px 2px 2px 2px;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  line-height:100%;

  text-transform: none;
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  /* auto */
  text-align: center;
  /* DELETE WHEN WIDTH AUTO */
}

.button.red1 {
  background: none repeat scroll 0 0 #E0645C;
  color: #FFFFFF;
}
.button.red1:hover {
  background: none repeat scroll 0 0 #999999;
  color: #FFFFFF;
}
.button.dark {
  background: none repeat scroll 0 0 #444444;
  color: #FFFFFF;
}
.button.dark:hover {
  background: none repeat scroll 0 0 #2DB6CF;
  color: #FFFFFF;
}
.button.light {
  background: none repeat scroll 0 0 #999999;
  color: #FFFFFF;
}
.button.light:hover {
  background: none repeat scroll 0 0 #444444;
  color: #FFFFFF;
}
.button.nyellow {
  background: none repeat scroll 0 0 #f2bc00;
  color: #FFFFFF;
}
.button.nyellow:hover {
  background: none repeat scroll 0 0 #444444;
  color: #FFFFFF;
}

.button.exca {
  background: none repeat scroll 0 0 #cdaf69;
  color: #202123ff;
  font-weight:bold;
}
.button.exca:hover {
  background: none repeat scroll 0 0 #444444;
  color: #FFFFFF;
  font-weight:bold;
}

.button.green {
  background: none repeat scroll 0 0 #46b98a;
  color: #FFFFFF;
}
.button.green:hover {
  background: none repeat scroll 0 0 #444444;
  color: #FFFFFF;
}
.button.blue {
  background: none repeat scroll 0 0 #2080ee;
  color: #FFFFFF;
}
.button.blue:hover {
  background: none repeat scroll 0 0 #444444;
  color: #FFFFFF;
}

.BtnLogin {
  border: 0 none;
  border-radius: 0px 0px 3px 3px;
  color: #425a71;
  cursor: pointer;
  display: inline-block;
  line-height:100%;
  font-size:16px;
  font-weight:bold;
  text-transform: none;
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  letter-spacing:1.8;
  /* auto */
  text-align: center;
  /* DELETE WHEN WIDTH AUTO */

  background: none repeat scroll 0 0 #b4d3f2;
  background-position:45px 10px;
  width:100%;
  margin-bottom:20px;
  padding:16px 0;
}
.BtnLogin:hover {
  background: none repeat scroll 0 0 #425a71;
  background-position:30px 10px;
  color: #b4d3f2;
}

.BtnBet {
		text-transform: uppercase;
		width:100%;
		margin-top:5px;
		margin-bottom:5px;
		font-size: 16px;
		font-weight: bold;
		color: #fff;
		border-radius: 8px;
		height: 50px;
		line-height: 50px;
		background: #2080ee;
		transition: all 0.3s ease-in;
		display: inline-block;	}
.BtnBet:hover {
		color: #fff;
		background:#2080ee;
		color:#FC0;
}
.BtnBet:active {
	position:relative;
	top:1px;
}

.BtnNavy {
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	text-decoration:none;
}
.BtnNavy:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color:#0061a7;
}
.BtnNavy:active {
	position:relative;
	top:1px;
}




.BtnS {padding:3px 10px; font-size:11px;}
.BtnM {padding:7px 25px; font-size:12px; font-weight:bold;}
.BtnL {padding:15px 50px; font-size:14px; font-weight:bold;}
.BtnXL {padding:30px 75px; font-size:16px; font-weight:bold;}


.cartCbtn { 
	width: 74px;
    height: 25px;
    margin:0 0 3px 0;
	line-height:20px;
}

/*메인화면*/
.mainbox{width:1400px; margin:0 auto;}
	/*.mainbox .box{width:250px; height:250px; float:left; padding:10px;}*/
	.mainbox .box{width: 213.3px; height: 195px; margin: 10px 10px; float:left; margin-top:20px;}
	.mainbox .box > a > img{width:180px; height:190px;}

.pop_icon{position: relative;}
.pop_icon:hover{border: 1px solid #deb879; border-radius: 10px; box-sizing: border-box;}
.pop_icon:hover .sub_play_bg, .pop_icon:hover .sub_play_bg02{opacity: 1;}
.sub_play_bg{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 10;
	background: url('/images/mainicon/sub_play_bg.png') center center no-repeat;
	background-size: 100% 100%;
	opacity: 0;
	transition: .7s;
}
.sub_play_bg02{
	position: absolute;
	z-index: 20;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	transition: .7s;
}
	
/*분석*/
/* 마스크 뛰우기 */
#mask {  
    position:absolute;  
    z-index:9000;  
    background-color:#000;  
	display:none;  
    left:0;
    top:0;
} 
/* 팝업으로 뜨는 윈도우 css  */ 
.window{
    display: none;
    position:fixed;  
    left:50%;
    top:100px;
    margin-left: -447px;
    width:894px;
    height:700px;
    background-color:#FFF;
    z-index:10000;   
 }

#score_loading{
	width:100%; height:100%; background-color:#fff;position:absolute; z-index:100;
}

#score_loading > img {
	width: 80px;
	height: 80px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -40px 0px 0 -40px;
}

.close > p{
	text-align: center;
	color: #fff;
	background: #2d5191;
	padding: 10px;
	font-weight: bold;
	font-size: 13px;	
}	


/**
 * ================================
 * slideThree
 * ================================
 */

.slideThree > section input[type="checkbox"] {
    visibility: hidden;
}

.slideThree > section {
    width: 82px;
   display: inline-block;
    position: relative;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}                               
/*
.ANIMATE {
    width: 80px;
    height: 26px;
    background: #333;
    border-radius: 50px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.4);
}
.ANIMATE:before,
.ANIMATE:after {
    position: absolute;
    z-index: 0;
    font:bold 12px/26px Arial, sans-serif;
    color: #000;
}
.ANIMATE:before {
    content: 'ON';
    color: #27ae60;
    position: absolute;
    left: 10px;
}
.ANIMATE:after {
    content: "OFF";
    right: 10px;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, .15);
}
.ANIMATE label {
    display: block;
    width: 34px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    left: 3px;
    top: 3px;
    z-index: 1;
    background: #fcfff4;
    border-radius: 50px;
    background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    box-shadow: inset 0 -2px 1px 0 rgba(0, 0, 0, 0.5);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.ANIMATE input[type="checkbox"]:checked + label {
    left: 43px;
}
*/
input#ANIMATE{
  display:none;
  }

input#ANIMATE + label{
  cursor:pointer;
 }

input#ANIMATE + label > span{
  vertical-align: middle;
  padding-left: 5px;
  font-size: 20px;
  font-weight: bold;
  color: #ffcc00;
 }

/* label:before에 체크하기 전 상태 CSS */
input#ANIMATE + label:before{
  content:"";
  display:inline-block;
  width:20px;
  height:20px;
  border:2px solid #ffcc00;
  border-radius: 4px;
  vertical-align:middle;
  }
  
/* label:before에 체크 된 상태 CSS */  
input#ANIMATE:checked + label:before{
  content: "\2714";
	background-color: #ffcc00;
	border-color: #ffcc00;
	color:#000;
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.pagination>li {
    display: inline;
}


.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #428bca;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pagination-sm>li>a, .pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 12px;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #428bca;
    border-color: #428bca;
}

.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.btn .dropdown { 
	
	position: absolute;
    /* top: 100%; */
    /* left: 0; */
	color:#000;
    z-index: 100;
    background: #FFFFFF;
    width: 150px;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    text-align: left;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;

} 
.btn:focus .dropdown, .btn:active .dropdown { 
	-webkit-transform: translate(0, 20px); 
	transform: translate(0, 20px); 
	opacity: 1; 
	visibility: visible; 
}

.dropdown li{

	float:none;

}


/*다중선택 박스*/
input[type=checkbox].css-checkbox {
	position:absolute; 
	z-index:-1000; 
	left:-1000px; 
	overflow: hidden; 
	clip: rect(0 0 0 0); 
	height:1px; width:1px; 
	margin:-1px; padding:0; 
	border:0;
}

input[type=checkbox].css-checkbox + label.css-label {
	/*padding-left:33px;
	height:28px;
	display:inline-block;
	line-height:28px;
	cursor:pointer;
	vertical-align:middle;
	*/
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:14px;
	background-size: 16px;
	padding-left: 20px;
	margin-left: 15px;
	line-height: 16px;
	display: inline !important;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position: 0 -16px;
}
label.css-label {
	background-image:url(/img_kan/csscheckbox.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


/* 셀렉트 튜닝 */
.dropdown2 {
  display: inline-block;
  width:140px;
  height:25px;
  position: relative;
  overflow: hidden;
  background: #f2f2f2;
  border: 1px solid;
  border-color: white #f7f7f7 whitesmoke;
  border-radius: 3px;
  background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
  background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
  background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.06));
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
}

.dropdown2:before, .dropdown2:after {
  content: '';
  position: absolute;
  z-index: 2;
  top: 4px;
  right: 10px;
  width: 0;
  height: 0;
  border: 4px dashed;
  border-color: #888888 transparent;
  pointer-events: none;
}

.dropdown2:before {
  border-bottom-style: solid;
  border-top: none;
}

.dropdown2:after {
  margin-top: 7px;
  border-top-style: solid;
  border-bottom: none;
}

.sel {
  position: relative;
  width: 130%;
  margin: 0;
  padding: 2px 8px 0px 10px;
  line-height: 25px;
  font-size: 12px;
  color: #62717a;
  text-shadow: 0 1px white;
  background: #f2f2f2; /* Fallback for IE 8 */
  background: rgba(0, 0, 0, 0) !important; /* "transparent" doesn't work with Opera */
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
}

.sel:focus {
  z-index: 3;
  width: 100%;
  color: #394349;
  outline: 2px solid #49aff2;
  outline: 2px solid -webkit-focus-ring-color;
  outline-offset: -2px;
}

.sel > option {
  margin: 3px;
  padding: 6px 8px;
  text-shadow: none;
  background: #f2f2f2;
  border-radius: 3px;
  cursor: pointer;
}

/* Fix for IE 8 putting the arrows behind the select element.*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.sel{padding-top:0px;}
}
.lt-ie9 .dropdown2 {
  z-index: 1;
}

.lt-ie11 .sel {
  z-index: -1;
}

.lt-ie9 .sel:focus {
  z-index: 3;
}

.TextCancle {
	text-decoration: line-through; color: red !important;
}

.title-info {
    color: #3574a7;
    /* background-color: #b7dbf9; */
    border-color: #a5d3f7;
}

.wrap_border{
	border: 10px solid #272c32;
}

.cartnotice_box {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: rgb(0 0 0 / 10%);
	background-clip: border-box;
	position: relative;
	border: 1px solid #dbe2eb;
	box-shadow: 0px 6px 8px rgb(4 4 7 / 10%);
	border-radius: 8px;
	margin-top:10px;
}
.notice_box {font-size: 14px;padding:10px;}

.cartnotice_box-header {
	background: transparent;
	padding: 3px;
	border-bottom: 1px solid #dfb762ff;
	position: relative;
	font-weight: 900;
	color: #dfb762ff;
	font-size:24px;
}

.cartnotice_box-header:before {
	background-color: #dfb762ff;
	content: "";
	position: absolute;
	left: 0px;
	padding: 3px;
	border-radius: 0 50px 50px 0;
	height: 25px;
	box-sizing: border-box;
}

.cartnotice_box-header:after {
	background-color: #dfb762ff;
	content: "";
	position: absolute;
	right: 0px;
	padding: 3px;
	border-radius: 50px 0px 0px 50px;
	height: 25px;
	box-sizing: border-box;
}

.levelblue {
	background: #9aadd9;
	border-radius: 0.8em;
	-moz-border-radius: 0.8em;
	-webkit-border-radius: 0.8em;
	color: #ffffff;
	display: inline-block;
	font-weight: bold;
	line-height: 1.3em;
	margin-right: 5px;
	text-align: center;
	width: 1.3em; 
}

.cd-top {
	display: inline-block;
    height: 70px;
    width: 70px;
    position: fixed;
    bottom: 40px;
    right: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    /* text-indent: 100%; */
    padding: 46px 0 0 20px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    white-space: nowrap;
    background: rgba(232, 98, 86, 0.8) url(/images/cd-top-arrow.svg?v=1) no-repeat center 39%;
    background-size: 50% 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}