@import url('https://cdn.jsdelivr.net/gh/leetaewook/gmarket-sans-dynamic-subset/GmarketSans.css');


img {
	vertical-align:top
}
.contents {
	width:1100px;
	margin:0 auto;

}
.index .header {
	z-index:20;
	width:1100px;
	height:75px;
	margin:0 auto
}
.index .body {
	z-index:auto;
	width:auto;
	padding-top:12px;
	margin:0 auto

}
.top_banner {
	width:980px;
	height:130px;
	padding-top:0px;


	margin:0 auto
}
.top_banner .ad_top {
	float:left;
	height:120px;
}
.top_banner .ad_top_Rt {
	float:right;
	width:222px;
	height:120px;
}

 

/* ¸ÞÀκñÁê¾ó ·Ñ¸µ */
.main_visual {
	width:980px;
	height:270px;
	margin:0 auto
}
.main_grade {
	width:980px;
	height:118px;
	margin:0 auto
}



/* ¿¹¾àÇϱâ */
.winner_reserved {
	width:980px;
	height:278px;
	margin:0 auto;
	padding-bottom:50px;

}

.winner_reserved .main_reserved1{
	width:490px;
	height:228px;
	float: left;
	margin:0 auto;	
	padding-top:75px;
	padding-left:20px;
	background:#fff url("/new_images/main/main_b_001.png") center repeat-x;
}

.winner_reserved .main_reserved3{
	width:490px;
	height:228px;
	float: left;
	margin:0 auto;
	background:#fff url("/new_images/main/main_b_002.png") center repeat-x;
}


.index div.footer {
	border-top:0px solid #e0e0e0
}



.index .sub_body {
	z-index:auto;
	width:auto;
	margin:0 auto

}
.sub_body .cont_wrap {
	height:550px;
	border-left:1px solid #ededed;
	border-right:1px solid #ededed;

}



.main_visual2 { background:#000 url(../../bill_images/main_visual_bg_250311.jpg)no-repeat; background-position:50% 48%; height:560px; margin:0 auto; padding-top:45px; overflow:hidden; animation: grow 30s linear infinite; }

@keyframes grow {
	0%   { background-size: 100% auto; }
	50% { background-size: 120% auto; }
	100% { background-size: 100% auto; }
}


.main_con { width:1100px; margin:0 auto; padding:110px 0 140px 0; }
.main_con > p { text-align:center;color:#fff; font-size:50px; font-weight:600; text-shadow: 0px 0px 10px #000; font-family: 'Gmarket Sans'; }

.gameresult2 { background:#000 url(../../bill_images/main_visual_bg_250311.jpg)no-repeat top; background-size:cover; height:190px; margin:0 auto; padding-top:1.px; overflow:hidden; }

.gameresult { height: 190px; width: 100%; padding-bottom: 40px; background-color: rgba(0, 0, 0, 0.8);  }
.gameresult .inn { width:1100px; margin:0 auto; }
.gameresult .inn_left { width:30%; float:left; color:#fff; font-size:34px; font-weight:600; text-align:center; padding-top:40px; line-height:200%;}
.gameresult .inn_left select { font-size:32px; color:#fff; background:none; border:4px solid #fff; height:60px; vertical-align:2px; }
.gameresult .inn_left p { color:#fff; font-size:28px; letter-spacing:0; }
.gameresult .inn_right { width:70%; float:right; text-align:center; padding-top:30px;}

.gameresult .ballbox { width:100%; display:ruby; text-align:center;}
.gameresult .balltext { width:100%; display:inline-block; }
.gameresult .balltext div { margin:0 auto; text-align:center; }
.gameresult .balltext p { color:#fff; display:inline-block; font-size:22px; margin-right:15px; padding-top:10px;}
.gameresult .balltext p span { color:#fff000; font-weight:600; }

.lball { font-family: 'Gmarket Sans'; font-weight:600; color:#fff; height:70px; width:70px; font-size:32px; float:left; border-radius:50px; padding:18px 0; text-align:center; margin:5px; }
.ball_1, .ball_2, .ball_3, .ball_4, .ball_5 , .ball_6, .ball_7, .ball_8, .ball_9, .ball_10 { background-color:#f3bc37; }
.ball_11, .ball_12, .ball_13, .ball_14, .ball_15, .ball_16, .ball_17, .ball_18, .ball_19, .ball_20 { background-color:#3178ef; }
.ball_21, .ball_22, .ball_23, .ball_24, .ball_25, .ball_26, .ball_27, .ball_28, .ball_29, .ball_20 { background-color:#ec4545; }
.ball_31, .ball_32, .ball_33, .ball_34, .ball_35, .ball_36, .ball_37, .ball_38, .ball_39, .ball_30 { background-color:#666666; }
.ball_41, .ball_42, .ball_43, .ball_44, .ball_45 { background-color:#2bb011; }

.sel_style option { background: black; color: #fff; padding: 3px 0; }

.top_sec { box-shadow: rgb(0, 0, 0, 10%) 12px 15px 12px; border:1px solid #d7d7d7; width:31.75%; height:305px; float:left; margin:60px 0.75%;  }
.top_ban1 { padding:20px; }
.top_ban1 .ban1_tit { font-size:22px; line-height:110%; font-weight:600;}
.top_ban1 div.info { padding:10px; text-align:center; }
.top_ban1 p.num { color:#0569c6; font-size:36px; line-height:110%;  font-weight:600; }
.top_ban1 p.clo { font-size:18px; font-weight:500; }
.top_ban1 p.off { color:#ff0000; font-size:16px; font-weight:500; }

.top_ban2 { padding:20px; }

.top_ban2 .ban2_tit { font-size:22px; line-height:110%; font-weight:600; text-align:center;}
.top_ban2 table { border-collapse: collapse; margin-top:10px; }
.top_ban2 table tr { border:1px solid #d7d7d7; }
.top_ban2 table tr th { background-color:#e6f0f9; padding:0 10px; }
.top_ban2 table tr td { height:36px; border-bottom:1px solid #d7d7d7; padding:0 10px; }

.top_ban2 .top_ban2_btn1 { text-align:center; width:49%; color:#fff; height:25px; margin-top:10px; font-size:1em; line-height:1em; font-weight:600; display:inline-block; float:left; background-color:#4a8c29; padding-top:10px; }
.top_ban2 .top_ban2_btn2 { text-align:center; width:49%; color:#fff; height:25px; margin-top:10px; font-size:1em; line-height:1em; font-weight:600; display:inline-block; float:right; background-color:#666; padding-top:10px; }



.top_ban3 {  }

.grade_system { clear:both; }
.grade_system .grade_con { width:1100px; height:410px; margin:0 auto; text-align:center; background:#000 url(../../bill_images/grade_bg.jpg)no-repeat center; padding:50px 0; position:relative; }
.grade_system .grade_con p.grade_tit { text-align:center; color:#fff; font-size:44px; font-weight:600; margin-bottom:30px; display:inline-block;  text-shadow: 0px 0px 10px #000;}
.grade_system .grade_con ul { text-align:center; margin:0 2%; }
.grade_system .grade_con ul li { width:23.5%; height:190px; margin:0 0.75%; float:left; background-color:#fff; padding:30px 10px; }
.grade_system .grade_con ul li p { line-height:130%; }
.grade_system .grade_con ul li p:nth-child(1) { color:#333; font-size:18px; }
.grade_system .grade_con ul li p:nth-child(2) { font-size:32px; font-weight:600; }
.grade_system .grade_con ul li p:nth-child(3) { color:#333; border-top:1px solid #d7d7d7; font-size:20px; padding-top:10px; font-weight:500; margin-top:10px; }

.grade_system { clear:both; }
.grade_system .grade_con2 { width:1100px; margin:0 auto; text-align:center; padding:40px 0; position:relative; }
.grade_system .grade_con2 p.grade_tit { text-align:center; color:#0569c6; font-size:44px; font-weight:600; margin-bottom:30px; display:inline-block; }
.grade_system .grade_con2 ul { text-align:center; margin:0 2%; }
.grade_system .grade_con2 ul li { width:23.5%; height:390px; margin:0 0.75%; float:left; background-color:#fff; padding:35px 12px; box-shadow: rgb(0, 0, 0, 10%) 12px 15px 12px; border: 1px solid #d7d7d7;}
.grade_system .grade_con2 ul li p { line-height:140%; }
.grade_system .grade_con2 ul li p:nth-child(1) { color:#333; font-size:18px; }
.grade_system .grade_con2 ul li p:nth-child(2) { font-size:32px; font-weight:600; }
.grade_system .grade_con2 ul li p:nth-child(3) { color:#333; border-top:1px solid #d7d7d7; font-size:20px; padding-top:10px; font-weight:500; margin-top:10px; }
.grade_system .grade_con2 ul li p:nth-child(4) { color:#333; font-size:18px; padding-top:5px; padding-bottom:20px; }
.grade_system .grade_con2 ul li p:nth-child(5) { color:#ee0000; font-size:30px; font-weight:600; padding-bottom:10px; }


.grade_system .animated { position:absolute; }
.grade_system .grade_icon1 { top:115px; right:540px; }
.grade_system .grade_icon2 { top:115px; right:12px; }
.grade_system .grade_icon3 { top:0; right:540px; }
.grade_system .grade_icon4 { top:0; right:12px; }

.animated {
  animation-duration: 2.5s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
  40% {transform: translateY(-15px);}
  60% {transform: translateY(-5px);}
}
.bounce {
  animation-name: bounce;
}



.ft_orange { color:#ee560b; }
.ft_green { color:#31b400; }
.ft_blue { color:#105edd; }
.ft_grey { color:#637780; }

.more_btn { border:2px solid #fff; color:#fff; border-radius:50px; padding:5px 15px; font-size:16px; vertical-align:8px; display:inline-block; }

.bill_login { background:#000 url(../../bill_images/login_bg.jpg)no-repeat top; padding:40px 50px; text-align:center; height:305px; }
.bill_login .bill_login_title { color:#fff; text-align:center; margin:0 auto; font-size:32px; font-weight:600; }
.bill_login .login_after1 { font-size:26px; color:#fff; word-break:keep-all; line-height:140%; }
.bill_login .login_after1 span { color:#fff000; font-weight:600; }
.bill_login .login_after2 { color:#fff; font-size:18px; padding:20px 0; }
.bill_login .login_after2 span { font-weight:600; text-decoration:underline;}



.csinfo { background-color:#f8f8f8; margin-top:60px; }
.csinfo .csinfo_con { width:1100px; height:350px; margin:0 auto; text-align:center; padding:60px 0; }

.csinfo ul.csinfo_list li { width:49%; border:1px solid #d7d7d7; box-shadow: rgb(0, 0, 0, 10%) 12px 15px 12px; padding:20px 30px; text-align:left; background-color:#fff; }
.csinfo ul.csinfo_list li .bill_tit { font-size:26px; font-weight:600; color:#555; }
.csinfo ul.csinfo_list li.cs1 { height:220px; float:left;  }
.csinfo ul.csinfo_list li.cs2 { height:220px; float:right;  }

.csinfo ul.csinfo_list li.cs1 {  }
.csinfo ul.csinfo_list li.cs1 .account { padding:10px 0; }
.csinfo ul.csinfo_list li.cs1 .account img { padding-right:10px; vertical-align:-9px; }
.csinfo ul.csinfo_list li.cs1 .account p { font-size:20px; line-height:180%; }
.csinfo ul.csinfo_list li.cs1 .account p:nth-child(3) { font-size:16px; color:#666; padding-top:5px; }

.csinfo ul.csinfo_list li.cs2 p.num { color:#0569c6; font-size:46px; font-weight:600; }
.csinfo ul.csinfo_list li.cs2 p.clo { font-size:20px; font-weight:500; }
.csinfo ul.csinfo_list li.cs2 p.off { color:#ff0000; font-size:16px; font-weight:500; }