/**  Fonts  **/
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,600);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);	
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@import url(https://fonts.googleapis.com/earlyaccess/kopubbatang.css);

/**  Set default  **/
html, body { overflow-x: hidden;
			margin: 0; 
			font: 14px/1.5 'Nanum Gothic', NanumGothic, 'Open Sans', Arial, sans-serif; 
			
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; margin: 0; }
h1, h2, h3, h4, h5, p, span { margin: 0; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }

/**  Forms  **/
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; background: transparent; border: 0; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }

/**  Tables  **/
div, ul, li { word-wrap: break-word; word-break: break-all; font: 14px/1.5 'Nanum Gothic', NanumGothic, 'Open Sans', Arial, sans-serif;}
dl, dt, dd, ul, li, ol { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }
th, td { padding: 0; font: 14px/1.5 'Nanum Gothic', NanumGothic, 'Open Sans', Arial, sans-serif;}
caption { display: none; }

/**  Links  **/
/*a { color: #555; text-decoration: none; }*/
a:hover { text-decoration: none; }
a:active, a:focus {background: none; text-decoration: none; }

/** button **/
.btn {
	display: inline-block;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.blue-black {
	background: #101b2b;
	color: #fff;
}

/** layout **/
.none {	display: none; }
.fl { float: left; }
.fr { float: right; }

.cf::before, .cf::after {
	display: table;
	content: '';
}
.cf::after {
	clear: both;
}

.clearfix::after {
	content: '';
	display: block;
	clear: both;
	/*visibility: hidden;
	height: 0;*/
}

.row {
	margin: 0 auto;
	width: 1000px;
}

.row2 {
	margin: 0 auto;
	width: 840px;
	float:right;
}

.row3 {
	margin: 0 auto;
	width: 800px;
}
.row4 {
	margin: 0 auto;
	width: 985px;
}

header, .container, footer {
	margin: 0 auto;
	width: 100%;
}
.container board_view {
	margin: 0 auto;
	width: 100%;	
}
#pop-event {
	position: relative;
	overflow: hidden;
}
#pop-event .close {
	position: absolute;
	top: 15px;
	right: 15px;
}
.pop-event-bg div:first-child {
	width: 50%;
	height: 84px;
	background: url(../images/pop-event-bg01.png) no-repeat top right #ffeb00;
}
.pop-event-bg div:last-child {
	width: 50%;
	height: 84px;
	background: url(../images/pop-event-bg02.png) no-repeat top left #383f4c;
}
.pop-event-txt {
	position: relative;
}
.pop-event-txt div:first-child, .pop-event-txt div:last-child {
	width: 499px;	
}
.pop-event-txt div:first-child {
	position: absolute;
	top: 0;
	left: 0;
}
.pop-event-txt div:first-child img {
	margin-top: 8px;
	margin-left: 20px;
}
.pop-event-txt div:last-child {
	position: absolute;
	top: 0;
	right: 0;
}
.pop-event-txt div:last-child img {
	margin-top: 11px;
	margin-left: 70px;
}
.header-area {
	height: 130px;
}
.header-area h1 img {
	margin-top: 15px;
	margin-left: 20px;
}
.header-area .lotto-num img {
	margin-top: 22px;
	margin-left: 28px;
}
nav {
	
	background: url(../images/menu-bg.png);
	border-bottom: 5px solid #ff9000;
	text-align: center;
	border-top-left-radius:30px;
	border-top-right-radius: 30px;
	color:#FFF;
}
nav ul {
	height: 50px;
	padding: 0;
}
nav ul li {
	display: inline-block;
	text-align: center;
	width: 139px;
	line-height: 40px;
	color:#FFF;
	/*background: url(../images/menu-bar.png) right no-repeat;*/
}
nav ul li:last-child, footer .menu ul li:last-child {
	background: transparent;
}
nav ul li.on {
	
	height:40px;
	/*background: url(../images/menu-on-bg.png) repeat-x repeat-y;*/
	background-color:#F60;
	font-weight: bold;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
}
nav ul li a {
	color: #ecedef;
	
	text-shadow: 0.5px 0.9px 1px rgba(0, 0, 0, 0.2);
}
nav ul li, nav ul li.on a, nav ul li.on a:hover {
	color: #FFFFFF;
}
nav ul li a:hover {
	
	font-weight: bold;
	color: #FFFFFF;
}
.login-area, .logout-area {
	/*color: #101b2b;*/
	color: #fefefe;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	/*background: rgb(215, 217, 219);*/
	background: rgb(29, 159, 117);
	/*background: -moz-linear-gradient(90deg, rgb(215, 217, 219) 45%, rgb(203, 206, 208) 75%);
	background: -webkit-linear-gradient(90deg, rgb(215, 217, 219) 45%, rgb(203, 206, 208) 75%);
	background: -o-linear-gradient(90deg, rgb(215, 217, 219) 45%, rgb(203, 206, 208) 75%);
	background: -ms-linear-gradient(90deg, rgb(215, 217, 219) 45%, rgb(203, 206, 208) 75%);
	background: linear-gradient(180deg, rgb(215, 217, 219) 45%, rgb(203, 206, 208) 75%);*/
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
}
.login-area > .row input.id, .login-area > .row input.pw {
	width: 160px;
	height: 28px;
	background: #fff;
	border: 1px solid #0F1B2B;
}
.login-area > .row input.id {
	padding: 0 8px;
	margin-right: 20px;
}
.login-area > .row input.pw {
	padding: 0 8px;
	margin-right: 10px;
}
.login-area > .row > a.btn {
	color: #fff;
	width: 80px;
	height: 28px;
	line-height: 28px;
	background: #101B2B;
	margin-right: 10px;
	text-align: center;
}
.login-area > .row > span {
	margin-right: 10px;
}
.login-area > .row > span i {
	margin-right: 6px;
}
.login-area > .row > span:nth-child(6), .login-area > .row > span:nth-child(7) {
	margin: 0 10px;
	padding-left: 22px;
	background: url(../images/login-bar.png) no-repeat;
}
.container {
	position: relative;
}
.rolling-bg {
	height: 400px;
	background: rgb(237, 238, 239);
	background: -moz-linear-gradient(90deg, rgb(237, 238, 239) 45%, rgb(229, 231, 233) 75%);
	background: -webkit-linear-gradient(90deg, rgb(237, 238, 239) 45%, rgb(229, 231, 233) 75%);
	background: -o-linear-gradient(90deg, rgb(237, 238, 239) 45%, rgb(229, 231, 233) 75%);
	background: -ms-linear-gradient(90deg, rgb(237, 238, 239) 45%, rgb(229, 231, 233) 75%);
	background: linear-gradient(180deg, rgb(237, 238, 239) 45%, rgb(229, 231, 233) 75%);
	/*border-bottom: 1px solid #cccfd2;*/
}
.rolling-banner {
	position: relative;
}
.rolling-banner .t-banner {
	padding-top: 0px;
}
.rolling-banner .c-banner {
	position: absolute;
	top: 400px;
	left: -1px;
}
.lotto-list-area .list-01 {
	margin-top: 28px;
}
.lotto-list-area .list-02, .event-area, .site-more {
	margin-top: 42px;
}
.canter-area {
	margin-top: 22px;
}
.notice-area{
	margin-top: 0px;
}
.notice-area .com-01 {
	margin-top:20px;
}
.lotto-list-area .list-01 div:first-child {
	margin-top: -9px;
	margin-right: 29px; 
}
.lotto-list-area .list-02 div:first-child {
	margin-top: 1px;
	margin-right: 29px;
}
.notice-area > div.fl {
	margin-top:10px;
	margin-right: 20px;
}
.notice-area > div.fl:last-child, .canter-area > div.fl:last-child {
	margin-right: 0;
}
.event-area {
	height: 441px;
	background: url(../images/event-bg.png);
}
.event-area > .row img {
	margin-top: 37px;
}
.canter-area > div.fl {
	margin-right: 10px;
}
.site-more > .row {
	text-align: center;
	border: 6px solid #c7d3d9;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.site-more > .row img {
	margin-top: 6px;
}
footer {
	margin-top: 30px;
}
footer .menu {
	/*background: url(../images/footer-bg-01.png);*/
	background-color:#005ca9;
	text-align: center;
}
footer .menu ul {
	height: 42px;
	padding: 0;
	margin: 0;
}
footer .menu ul li {
	display: inline-block;
	text-align: center;
	padding: 0 26px;
	line-height: 42px;

}
footer .menu ul li a:hover {
	color: #4dabfa;
}
footer .menu ul li a {
	color: #ecedef;
	text-shadow: 0.5px 0.9px 1px rgba(0, 0, 0, 0.2);
}
footer .copy-area {
	height: 200px;
	background-color:#eeeeee;
	border:1px #d2d2d2 solid;
	border-top:0;
	padding-bottom:5px
	/*background: url(../images/footer-bg-02.png);*/
}
.copy-area .footer-logo {
	margin: 59px 70px 0 20px;
}
.copy-area .copyright {
	margin-top: 34px;
}
.copy-area .copyright > p {
	/*color: #0f1b2b;*/
	color: #9a9a9a;
	font-size: 13px;
	line-height: 18px;
	font-weight: bold;
	text-shadow: 0.5px 0.9px 1px rgba(0, 0, 0, 0.1);
	margin-bottom: 10px;
}
.quick-left, .quick-left-sub, .quick-right, .quick-right-sub {
	position: absolute;
	z-index:1;
}
.quick-left, .quick-right {
	top: -60px;
	left: 50%;
}
.quick-left-sub, .quick-right-sub {
	top: -10px;
	left: 50%;
}
.quick-left, .quick-left-sub {
	margin-left: -630px;
}
.quick-right, .quick-right-sub {
	margin-left: 510px;
}
.tab-menu {
	margin-top: 21px;
	margin-bottom: 21px;
	max-width: 100%;
	overflow: hidden;
}
.tab-menu a.tab-btn {
	display: block;
	float: left;
	font-size: 26px;
	font-weight: bold;
	width: 490px;
	height: 80px;
	text-align: center;
	line-height: 80px;
	color:#000;
	/*background: url(../images/sub-menu-bg.gif);*/
	border:#000 1px solid;
}
.tab-menu a.tab-btn.on {
	background-color:#000;
	color: #FFFF00;
}
.tab-menu a.tab-btn:last-child, .list-menu .left-btn:last-child {
	margin-left: 10px;
}
.tab-menu a.tab-btn i {
	margin-right: 8px;
}
.list-menu {
	margin-bottom: 21px;
	overflow: hidden;
}
.list-menu .left-align {
	/*float: left;*/	
	text-align:center;
	width: 100%;
}
.list-menu .left-btn, .list-menu .right-btn {
	position: relative;
	display: block;
	float: left;
	font-weight: bold;
}
.list-menu .left-btn i {
	position: absolute;
	top: 15%;
	left: 34px;	
	font-size: 80px;
}
.list-menu .right-btn i {
	position: absolute;
	top: 15%;
	/*left: 20px;*/
	text-align:center;
	font-size: 80px;
}
.list-menu .left-btn {
	border:#666 1px solid;
	border-radius:10px;
	margin-left:10px;
	font-size: 20px;
	width: 147px;
	height: 147px;
}
.list-menu .left-btn span, .list-menu .right-btn span {
	position: absolute;
	right: 10px;
	bottom: 10px;
}
.list-menu .left-btn:nth-child(1) {
	background: #ffffff;
	color: #000000;
}
.list-menu .left-btn:nth-child(2) {
	background: #ffffff;
	color: #000000;
}

.list-menu .right-align {
	float: right;
	width: 494px;
}
.list-menu .right-btn {
	font-size: 20px;
	width: 147px;
	height: 147px;
}
.list-menu .right-btn:nth-child(2) i {
	top:20%;
	font-size: 40px;
}
.list-menu .right-btn:nth-child(1), .list-menu .right-btn:nth-child(2) {
	margin-bottom: 10px;
}
.list-menu .right-btn:nth-child(1), .list-menu .right-btn:nth-child(3) {
	margin-right: 10px;
}
.list-menu .right-btn:nth-child(1), .list-menu .right-btn:nth-child(4) {
	background: #f5a356; 
	color: #e8690c;
}
.list-menu .right-btn:nth-child(2), .list-menu .right-btn:nth-child(3) {
	background: #fae194; 
	color: #ffae00;
}
.list h2 {
	max-width: 100%;
	height: 42px;
	line-height: 42px;
	padding-left: 10px;
	border-bottom: 2px solid #717985;	
}
.list > .list-type thead tr {
	height: 40px;
	line-height: 40px;
	background: #fcfcfc;
	border-bottom: 1px solid #ddd;
}
.list > .list-type thead th > span {
	display: block;
	width: 100%;
	height: 20px;
	text-align: center;
	border-right: 1px solid #ddd;
	box-sizing: border-box;
}
.list > .list-type thead th:last-child > span {
	border-right: 0;
}
.list > .list-type tbody tr {
	height: 40px;
	line-height: 50px;
	border-bottom: 1px solid #ddd;
	
}
.list > .list-type tbody tr td {
	text-align: center;
}
.list > .list-type tbody tr td:nth-child(2) {
	text-align:left;padding-left:5px;
}
.list > .list-type tbody tr td:nth-child(3) {
	padding-left: 10px;
}
.list > .list-type tbody tr td > span.filter {
	color: #9254bb;
}
.list > .list-type tbody tr td > span.best {
	color: #efa600;
}
.list > .list-type tbody tr td > span.notice {
	color: #87a4d0;
}
.list > .list-type tbody tr td > span i {
	font-size: 16px;
	vertical-align: middle;
	margin-right: 4px;
}

.paging-area {
	
	width:840px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-bottom: 2px solid #717985;
}
.paging-area > .btn, .paging-area > .paging {
	
	display: inline-block;
}
.paging-area > .btn a, .paging-area > .paging a {
	display: inline-block;
	padding: 0 8px;
}
.paging-area > .btn a i, .paging-area > .paging a i {
	font-size: 16px;
	color: #006bc4;
	vertical-align: middle;
}
.paging-area > .btn a:hover, .paging-area > .paging a:hover, .paging-area > .btn a i:hover, .paging-area > .paging a i:hover {
	color: #006bc4;
}
.paging-area > .paging a.on {
	color: #006bc4;
	font-weight: bold;
}

.pagecount_board{text-align:center;margin-top:15px;}
.pagecount_board li{display:inline;padding:5px 5px 5px 5px;background:url(../images/slash2.gif) no-repeat 100% 3px;font-family:tahoma;}
*html .pagecount_board li{display:inline;padding:5px 5px 5px 5px;background:url(../images/slash2.gif) no-repeat 100% 3px;font-family:tahoma;}
.pagecount_board li img{margin-top:3px;}
*html .pagecount_board li img{margin-top:1px;}
.board_btn{float:right;margin:-17px 10px 0 0;}
*html .board_btn{float:right;margin:-17px 5px 0 0;}
.inline{display:inline-block}
.left{float:left}
.bor{border:1px solid #eee}
.both{clear:both}


#top_menu li{float:left}
#sangpum{width:720px;height:120px;margin-top:5px}
#rolling{width:720px;height:412px;;margin-top:5px}
#kakao{width:720px;height:800px;margin-top:5px}

#top_left{width:720px;float:left}
#top_right{width:272px;height:950px;margin-left: 7px;}
#top_login{width:272px;height:180px}
#top_news{width:720px;height:330px}

.row2 img{max-width:100%}