/* Global Web-font */
@font-face{ font-family: noto; src: url(/fonts/NotoSansKR-Regular-Hestia.ttf); }
body,input,textarea,button,select,table{ font-family: noto,Tahoma,Sans-serif }
table, tr { width:100%; }

/* Links */
a,
a: focus,
a: hover {
  color: #e14e4e;
}

.container {
	margin-top: 50px;
}

/* 타이틀 */
.menuTitle {
	font-weight: bolder;
	text-align: center;
	color: #041d44;
}

.sectionTitle {
	margin-top: 20px;
	font-weight: 900;
	font-size: 16px;
	color: #666;
	padding-bottom: 4px;
	border-bottom: 1px solid #a6badb;
}

.modalSectionTitle {
	font-weight: 900;
	font-size: 18px;
	color: #5d88cc;
}
.modalP {
	margin:4px 20px;
	font-weight: 900;
	font-size: 16px;
}
.modalPExam {
	margin-top:8px;
	margin-left:20px;
	font-weight: 900;
	font-size: 14px;
	opacity:.7;
}
.modalImgExam {
	width:90%;
	margin-left:20px;
	opacity:0.8;
}
/* 타이틀 */


/* 버튼들 */
.btnD {
	width: 100%;
	padding: 6px;
	border: 1px solid #e14e4e;
	border-radius: 5px;
	background-color: #e14e4e;
	color: #eee;
	box-shadow: 2px 2px 1px #999;
}

.btnB {
	width: 100%;
	padding: 6px;
	border: 1px solid #e14e4e;
	border-radius: 5px;
	background-color: #fff0;
	color: #e14e4e;
	box-shadow: 2px 2px 1px #bbb;
}
/* 버튼들 */



.cupnValidMark {
	display: block;
	font-size: 18px;
	font-weight: bolder;
	text-align: center;
	color: #e14e4e;
}

.cupnValidMark2 {
	display: inline;
	font-size: 14px;
	font-weight: bold;
	color: #e14e4e;
}

.cupnEndDttm {
	margin-top: 4px;
	display: block;
	font-size: 12px;
	text-align: center;
	color: #f4a742;
}

.guideDesc {
	font-size: 13px;
	color: #666;
}

.input-amt {
	text-align: right;
}

.curSeedAmtInputMark {
	text-align: right;
	font-size: 16px;
	font-weight: bold;
	color: #e14e4e;
	padding-right: 6px;
}

.seperator {
	height:1px;
	background-color: #999;
}

/* 가이드(플레이) 화면 */
.playHeader {
	font-size: 16px;
}
.playHeader div:first-child {
	height:40px;
}
.btnPlayStop {
	max-width:120px;
	text-align: center;
	position: absolute;
	right: 10px;
}
.btnPlayGuide {
	max-width:120px !important;
	text-align: center;
	position: absolute;
	left: 10px;
}

div.playPanel {
	margin-top: 10px;
	padding: 10px 0px;
	background-color: #000;
	opacity: 0.95;
	border-radius: 5px;
	color: #bbb;
}
div.playPanel table tr {
	font-size: 14px;
	font-weight: normal;
}
div.playPanel table tr:first-child {
	font-size: 16px;
}
div.playPanel table td {
	width: 50%;
	padding: 6px;
}


div.playLog {
	margin-top:20px;
	height: 68px;
	border: 1px solid #999;
	background-color: #f5f5f5;
	border-radius: 5px;
	color: #bbb;
	font-size: 20px;
}
div.playLog table td {
	width: 6.67%;
	text-align: center;
	font-weight: 900;
	height: 34px;
}
div.playLog table td.win {
	color: #326d33;
}
div.playLog table td.lose {
	color: #ba3939;
}

div.playGuide {
	font-size: 20px;
	font-weight: bold;
	color: #041d44;
}
div.playGuide #curBetAmt {
	color: #e14e4e;
}

div.playButtonContainer table td {
	width: 50%;
	padding: 0px;
}
div.playButtonContainer button {
	width: 98%;
	height: 80px;
	font-size: 18px;
	font-weight: 900;
	border-radius: 5px;
	box-shadow: 2px 2px 1px #bbb;
}
div.playButtonContainer button.btnWin {
	border: 4px solid #326d33;
	color: #326d33;
}
div.playButtonContainer button.btnLose {
	border: 4px solid #ba3939;
	color: #ba3939
}
div.resetButtonContainer {
	margin-top:20px;
	float:right;
}
.btnReset {
	border:2px solid #5d88cc99;
	color:#5d88cc99;
	border-radius:4px;
	background:#ffff;
	font-size:21px;
	padding:2px 40px;	
}
.btnResetHelp {
	border:0px;
	opacity:.7;
	color:#5d88cc;
	background:#ffff;
}


/* 리스트 */
table.cardList1 {
	width: 100%;
}
table.cardList1 tr {
	width: 100%;
	border-bottom: 1px solid #bbb;
}
table.cardList1 tr td {
	padding-top: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
}
table.cardList1 tr td:first-child {
	text-align: center;
	width: 68px;
}
table.cardList1 tr td p:nth-child(1) {
	font-size: 11px;
	color: #666;
	opacity: 0.8;
	text-align: right;
	margin-bottom: 0px;
}
table.cardList1 tr td p:nth-child(2) {
	font-size: 14px;
	color: #666;
	margin-bottom: 2px;
}
table.cardList1 tr td p:nth-child(3) {
	font-size: 12px;
	color: #666;
	margin-bottom: 4px;
}
table.cardList1 tr td p:nth-child(4) {
	font-size: 10px;
	color: #666;
}
.overallBox {
	width: 44px;
	height: 44px;
	padding: 0px;
	margin: 0px auto;
	text-align: center;
	font-size: 12px;
	font-weight: bolder;
	border-radius: 4px;
	color: #fff;
	vertical-align: middle;
	line-height: 44px;
	box-shadow: 2px 2px 1px #bbb;
}
.bgwin {
	background-color: #326d33;
}
.bgdraw {
	background-color: #c4c4c4;
}
.bglose {
	background-color: #ba3939;
}
.c-win {
	color: #326d33;
}
.c-draw {
	color: #c4c4c4;
}
.c-lose {
	color: #ba3939;
}

.topName {
	border: 1px solid #333;
	color: #0a4ab2;
}


table.availCupnList {
	width: 100%;
}
table.availCupnList tr {
	width: 100%;
	border-bottom: 1px solid #bbb;
}
table.availCupnList tr td {
	padding: 10px;
	text-align: center;
	vertical-align:middle;
}
table.availCupnList tr td:first-child {
	width: 70%;
}


table.cupnApplyList {
	width: 100%;
}
table.cupnApplyList tr.firstRow {
	height: 26px;
}
table.cupnApplyList tr.secondRow {
	font-size: 11px;
	color: #4286f4;
	opacity: 0.7;
}
table.cupnApplyList tr.thirdRow {
	font-size: 10px;
	color: #666;
	border-bottom: 1px solid #bbb;
}
table.cupnApplyList tr td {
	width: 33%;
	padding: 6px;
	text-align: center;
	vertical-align: middle;
}
table.cupnApplyList .cupnNm {
	font-size: 16px;
	color: #666;
	font-weight: bold;
	text-align: left;
}
table.cupnApplyList .payAmt {
	text-align: right;
}
table.cupnApplyList .noPay {
	color: #e14e4e;
}
/* 리스트 */



/* width */
.w100 { width:100%; }
/* width */

/* color */
.corange { color: #f4a742; }
.cred1 { color:#e12222; }
.cblue1 { color:#1a4384; }
.c333 { color: #333; }
.c666 { color: #666; }
.c999 { color: #999; }
.cbbb { color: #bbb; }
.ceee { color: #eee; }
/* color */

/* Font-Size */
.f10 { font-size: 10px; }
.f11 { font-size: 11px; }
.f12 { font-size: 12px; }
.f13 { font-size: 13px; }
.f14 { font-size: 14px; }
.f15 { font-size: 15px; }
.f16 { font-size: 16px; }
.f17 { font-size: 17px; }
.f18 { font-size: 18px; }
/* Font-Size */


/* Margin & Padding */
.mt0 { margin-top: 0px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt70 { margin-top: 70px; }
.mt80 { margin-top: 80px; }
.mt90 { margin-top: 90px; }
.mt100 { margin-top: 100px; }
.mb0 { margin-bottom: 0px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }
.mb70 { margin-bottom: 70px; }
.mb80 { margin-bottom: 80px; }
.mb90 { margin-bottom: 90px; }
.mb100 { margin-bottom: 100px; }

.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }

.pt0 { padding-top: 0px; }
.pt10 { padding-top: 10px; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }
.pt60 { padding-top: 60px; }
.pt70 { padding-top: 70px; }
.pt80 { padding-top: 80px; }
.pt90 { padding-top: 90px; }
.pt100 { padding-top: 100px; }
.pb0 { padding-bottom: 0px; }
.pb10 { padding-bottom: 10px; }
.pb20 { padding-bottom: 20px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }
.pb60 { padding-bottom: 60px; }
.pb70 { padding-bottom: 70px; }
.pb80 { padding-bottom: 80px; }
.pb90 { padding-bottom: 90px; }
.pb100 { padding-bottom: 100px; }
/* Margin & Padding */