@charset "utf-8";
@import url("http://fonts.googleapis.com/earlyaccess/notosanskr.css"); /*굵기별 본고딕*/

body {
	color: #333333;
	font-style: normal;
	font-size: 14px;
	font-family: 'Noto Sans KR', dotum, verdana, arial;
	letter-spacing:-0.03em;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	-webkit-appearance: none;
	word-break: keep-all;
}

*    	  	{margin:0; padding:0;}

/* Table Style */
table  		{border-collapse:collapse;}
ul, ol, li						{list-style:none; margin:0px 0px 0px 0px;}

/* Link Style */
a:link		{font-size:14px; text-decoration:none; color:#333;}
a:visited	{font-size:14px; text-decoration:none; color:#333;}
a:hover	{font-size:14px; text-decoration:none; color:#2565cf;}
a:active	{font-size:14px; text-decoration:none; color:#333;}


#header	{ width:100%;}
#header:after	{ content:''; display:block; clear:both;}
#content	{width:1000px; margin:0 auto; padding:0 0 40px 0}
#content:after	{ content:''; display:block; clear:both;}
#footer	{ padding:20px 0;  border-top:1px solid #d9d9d9; font-size:14px; color:#323232; text-align:center; font-weight:300}

.topmy	{width:100%; height:40px; padding:12px 0 0 0; background:#f4f4f4; }
.topmy	.mymoney	{text-align:center}
.topmy	.mymoney	li	{display:inline-block; padding:0 25px;vertical-align:middle}
.b	{font-weight:bold; color:#000}
.topmy	.mymoney	li	img	{margin:0 5px 0 0; vertical-align:middle}
.topmy	.member	{width:1000px; margin:0 auto; text-align:right}
.topmy	.member		li	{display:inline-block; margin:0 2px 0 0}
.topmy	.member		li:last-child	{margin:0}
.topmy	.member		li	.input	{width:133px; height:28px; padding:0 0 0 5px; border:1px solid #c6c6c6; background:#fff; vertical-align:middle; letter-spacing:-1px}

.btn01	{height:28px; background:#7a7a7a; padding:0 10px 0 10px; color:#fff;  font-weight:500; border:none; vertical-align:middle; font-size:13px; letter-spacing:-0.3px; cursor:pointer ;transition: background 0.3s}
.btn01:hover	{background:#494949}
.btn02	{height:28px; background:#ff7b7b; padding:0 10px 0 10px; color:#fff;  font-weight:500; border:none; vertical-align:middle; font-size:13px; letter-spacing:-0.3px; cursor:pointer ;transition: background 0.3s}
.btn02:hover	{background:#ff5a5a}



.logo		{width:1000px; margin:0 auto; text-align:center; padding:33px 0; position:relative;}
.logo	.partnercall	{width:165px; height:120px; background: url(/images/partnerbg.png) no-repeat ; position:absolute; top:8px; left:-30px; color:#fff;}
.logo	.partnercall	.txt01		{font-size:20px; font-weight:500; display:inline-block; margin:12px 0 0 0; line-height:110%}
.logo	.partnercall	.txt02		{font-size:14px; }

.menu	{width:100%; height:45px; background:#2565cf; padding:18px 0 0 0;  text-align:center;}
.menu	li	{padding:0 50px; font-size:18px;  font-weight:400; display:inline-block;}
.menu	li a		{font-size:18px; color:#fff; transition: color 0.2s ease-in; }
.menu	li a:hover	{color:#fff600; text-decoration:none;   animation:none;}


.maincon01	{width:100%; height:433px; background:#000 url(/images/main01.png) center no-repeat ; }
.maincon02	{width:100%; text-align:center; }


.subtlt		{width:100%; height:60px; background: url(/images/subtltbg.gif) repeat ; overflow:hidden; margin:40px 0 20px 0; overflow:hidden;}
.subtlt		.tlt		{width:220px; height:50px; background:#fff; color:#333; font-size:28px; font-weight:500; padding:10px 0 0 0; text-align:center; margin:0 0 0 30px;}

.proce	{width:100%; overflow:hidden; padding:20px; box-sizing:border-box; border:1px solid #2565cf; text-align:center; margin:0 0 30px 0}
.proce	li	{display:inline-block; vertical-align:middle; padding:0 50px 0 0}
.proce	li	img	{margin:0 10px 0 0; vertical-align:middle}

.monthsearch	{width:100%; font-size:20px; text-align:center; padding:10px 0; vertical-align:middle}
.monthsearch	img	{margin:0 10px; vertical-align:middle}

table.table01	{width:100%; border-top:2px solid #2565cf; border-left:1px solid #d5d5d5;}
table.table01	th	{border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; background:#f4f4f4; padding:10px;}
table.table01	td	{border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;  padding:10px; text-align:center; }
table.table01	td.l	{text-align:right;}
input.inputstyle01	{width:150px; height:28px; padding:0 5px 0 0; border:1px solid #c6c6c6; background:#fff; vertical-align:middle; letter-spacing:-0.5px; text-align:right;}
table.table01	td.l	{text-align:left;}
table.table01	td.r	{text-align:right;}


table.table02	{width:100%; border-top:2px solid #2565cf; }
table.table02	th	{border-bottom:1px solid #d5d5d5; background:#f4f4f4; padding:10px;}
table.table02	td	{border-bottom:1px solid #d5d5d5;  padding:10px; text-align:center; }
table.table02	td.l	{text-align:left;}
table.table02	td.r	{text-align:right;}

table.table02	a:link		{font-size:14px; text-decoration:none; color:#333;}
table.table02	a:visited	{font-size:14px; text-decoration:none; color:#333;}
table.table02	a:hover	{font-size:14px; text-decoration:none; color:#2565cf;}
table.table02	a:active	{font-size:14px; text-decoration:none; color:#333;}

.txtbox	{width:100%; border-left:1px solid #d5d5d5; border-top:1px solid #d5d5d5; margin:20px 0 0 0; box-sizing:border-box;}
.txtbox	li	{ border-bottom:1px solid #d5d5d5; border-right:1px solid #d5d5d5; padding:10px 20px;}
.txtbox	li:nth-child(1)	{background:#f4f4f4; }

.titstyle01	{font-size:16px; font-weight:500; padding:20px 0 10px 0; color:#2565cf}

.tab {
			list-style: none;
			margin: 0;
			padding: 0;
			overflow: hidden;
		}
		/* Float the list items side by side */
		.tab li {width:50%;	 float: left; text-align: center; border-bottom:1px solid #2565cf;}
		/* Style the links inside the list items */
		.tab li a {
			display: inline-block;
			color: #000;
			text-align: center;
			text-decoration: none;
			padding: 14px 16px;
			font-size: 20px;
			transition:0.3s;
			
		}
		/* Style the tab content */
		.tabcontent {
			display: none;
			padding: 30px 20px;
			border-left:1px solid #2565cf;border-right:1px solid #2565cf;border-bottom:1px solid #2565cf;
		}
		ul.tab li.current{box-sizing:border-box;
			border-left:1px solid #2565cf;border-right:1px solid #2565cf;border-top:1px solid #2565cf;border-bottom:none;
		}
		ul.tab li.current a {color:#2565cf; font-weight:600;}
		.tabcontent.current {
			display: block;
		}


.introsy01	{width:100%; text-align:center; margin:0 0 10px 0; font-size:16px}
.introsy01	.lottointroimg	{width:50%; float:left; margin:0 0 20px 0}
.introsy01	input.url	{width:600px; height:28px; padding:0 0 0 5px; border:1px solid #c6c6c6; background:#f4f4f4; vertical-align:middle; letter-spacing:-1px; margin:0 10px}

.introsy02	{width:100%; border-bottom:1px solid #d5d5d5; padding:20px 0; overflow:hidden;}
.introsy02	.bnsize	{width:100%; background:#f8f8f8; padding:15px; font-size:16px; box-sizing:border-box; overflow:hidden;}
.introsy02	.bnbtn	{width:200px; float:right; text-align:right}
.introsy02	.imgst		{width:100%; text-align:center; padding:15px 0}
.introsy02	textarea.txtarea	{width:100%; height:50px; margin:0 auto; padding:10px; box-sizing:border-box; border:1px solid #c6c6c6;}


.pagenum	{width:100%; text-align:center; margin:20px 0 0 0}
.pagenum	li	{width:25px; display:inline-block; border:1px solid #d5d5d5; padding:5px; cursor:pointer}
.pagenum	li.on	{background:#2565cf; color:#fff}

.boardinp	{width:100%; height:28px;  border:1px solid #c6c6c6;}

.mem01		{width:100%; padding:10px 0 0 0; text-align:right}
.mem02		{ height:28px;  border:1px solid #c6c6c6;}


.proce_search	{width:100%; overflow:hidden; padding:20px; box-sizing:border-box; border:1px solid #2565cf; margin:0 0 30px 0}
.proce_search	.ps_left {width:70%; float:left;}
.proce_search	.ps_left p {padding:0 5px; display:inline-block; font-size:16px}
.proce_search	.ps_left p	select		{height:30px;}
.proce_search	.ps_left p span.pstxt01	{font-size:20px;}
.proce_search	.ps_right {width:30%; float:left; text-align:right;}