@charset "utf-8";
#main_container_wrapper{	 max-width: 1100px; margin:0 auto; }
#main_container_wrapper ul{list-style:none;}

#head_wrap, main, #main_wrap {  min-width: 1100px; }
.navbar-brand{padding:0;}

@media (min-width: 768px){
   .container {    max-width: auto !important; }
   #head_wrap, main, #main_wrap {  min-width: 100%; }
 }
@media (min-width: 576px){
   .container {    max-width: auto !important; }
 }

body { 	padding-top: 0;
	font-family: 'Malgun Gothic', "굴림", "돋움", sans-serif; 
	border-collapse: collapse; 	font-size:0.8em;}
} 
ul, li, dl,dt,dd {margin:0;padding:0;list-style:none}
.lime{color:lime;}

.col_33 {color:#333;}
.col_ff {color:#fff;}
.col_red {color:#ed6b55;}
.col_red2 {color:#a40000;}
.col_yel {color:#fec400;}
.col_yel2 {color:#fff700;}
.col_bul {color: #64c5e6;}
.col_bul2 {color: #4a5ba9;}
.col_bul3 {color: #1c237d;}

.b_color1{ background-color: #f5f6f1;}
.b_color2{ background-color: #f2f1f6;}

.pt50 {padding-top:50px;}
.pb30 {padding:10px 0 30px 0;}

/* Align */
.tal { text-align: left; }
.tac { text-align: center; }
.tar { text-align: right; }

/*------------------------ main -----*/

#main_wrap {  	width:100%;	float:left;  }
.main_wrap_box {
	width:100%;
	margin-right: auto;
	margin-left: auto;
	padding:0;
}
.main_box {
	max-width:1200px;
	margin-right: auto;
	margin-left: auto;
	padding:40px 0;
}
					
/*---퀵---*/
.quick_box {
	position:relative;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;	
}
.quick_r{
	width:122px;
	position:absolute;
	right:-135px;
	top:35px;
	padding:0;
	margin:0;
	border:1px solid #ddd;
}
.quick_r li{
	list-style:none;	
}
/*------------왼쪽 1 --*/
#con_left{
	width:520px;
	float:left;
	margin-right:15px;
}

/*--당첨번호--*/
.m_nomb {
	width:390px;
	border:1px solid #ddd;
	padding:0;
}
.nom_h {
	padding-top:5px;
	text-align:center;
}
.num_tit {
	font-size: 1em; 
	color:#e95247;
	font-weight:bold;	
}
.num_txt {
	font-size: 0.7em; 
	color:#555;
	padding:0;
}
.num_day {
	font-size: 0.6em; 
	color:#777;
}
.num_p { 
	text-align:center;
	padding:5px 0 0 0;
	margin:5px 0;
}
.num_p img{ width:45px;}
.num_dat {	
	font-size:1em;
	text-align:center;
	padding:11px 0;
	color:#333;
	background-color:#f8f8f8;
	border-top: 1px solid #ddd;
}

/*--복권현황--*/
.m_bord {
	width:390px;
	border:1px solid #ddd;
	padding:0;
	margin-top:10px;
	color:#333;
}
.bod_h {
	text-align:center;
	font-weight:bold;	
	font-size:1.1em;
	padding:8px 0;
    margin: 0;
	color:#fff;
    background-color:#4a5ba9;
	border-bottom: 1px solid #ddd;
}
.bod_h a{
	color:#fff;
}
.bod-body {
	padding: 5px 15px;
	font-weight:normal;
}
.main_tab{
	width:100%;	
}
.main_tab th{
	text-align:center;
	padding: 7px 5px;
	border-bottom: 2px solid #ddd;
}
.main_tab td{
	text-align:center;
	padding: 7px 5px;
	border-bottom: 1px solid #ddd;
}

/*----------가운데 1 --*/
#con_cent{
	float:left;
	width:310px;	
	margin-right:15px;
	border:1px solid #ddd;
}

/*------------ 오른쪽 1 --*/
#con_right{
	float:left;
	width:390px;
	margin:0;
	padding:0;
}
.m_join {
	width:390px;
	margin-bottom:15px;
}
.m_ban {
	border:1px solid #ddd;
}

/*------------------ 2------*/

/*-- 성적표--*/
.m_sj {
	width:590px;
	float:left;
	margin-right:20px;	
}
.main_tab02 {
	width:100%;	
	height:220px;
	border:1px solid #ddd;
	padding:0;
	text-align:center;
}
.main_tab02 th{
	height:40px;
	padding:0;
	border-bottom: 2px solid #ddd;
	color:#333;
	background-color:#f8f8f8;
}
.main_tab02 td{
	border-bottom: 1px solid #ddd;
}
.m_fot {
	text-align:right;
	padding-right:80px;
}
.sj_h {
	font-size:1.3em;
	font-weight:bold;	
	letter-spacing: -0.009em; 
	padding:0 0 7px 8px;
}

/*-- 당첨자--*/
.xxm_list { 	width:270px;	 }


/* 당첨 */
#m_bg {
	float:left;
	width:100%;
	padding:30px 0;
	margin-top:20px;
	background:url(../img/main_mj.jpg) 0 0;
}
.m_box2 {	
	max-width: 1220px;
	padding:0;
	margin-right: auto;
	margin-left: auto;
}
.mj_p {
	font-size: 2em; 
	color:#fff;
	font-weight:bold;
	padding:0;
	text-align:center;
	padding:10px 0 20px 0;
	letter-spacing: -0.08em;  
}


/* 명예전당 */
#mj_wrap {
	float:left;
	width:100%;
	position:relative;
	background:url(../img/main_mj.jpg) 0 0;
	margin:10px 0 20px 0;
}
.mj_box {
	height:330px;
	max-width:1200px;
	margin-right: auto;
	margin-left: auto;
	color:#fff;
	padding:25px 0 0 20px;
}
.mj_h {
	font-size: 2.5em; 
	color:#fff;
	font-weight:bold;
	letter-spacing: -0.08em; 
	margin:15px 0;
}
p.mj_txt{	
	font-size: 1.35em; 
	letter-spacing: -0.09em; 
	font-weight: bold;
	margin:15px 0;
}
.mj_bt {padding-top:20px;}

.btn-primary2 {font-size:1.1em;font-weight: bold;color:#fff;background-color:#ed1c24;padding:10px 45px 12px 45px;}
.btn-primary2 a{text-decoration:none;}
.btn-primary2:hover{color:#fff;background-color:#ed1c24;text-decoration:none;}

/*------- 당첨번호 -----*/
#numb_wrp{
	width:100%;
	display:inline-block;
	margin-bottom:15px;	
}
.numb_box {
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;	
}
.numb_a {
	float:left;
	width:100%;
	max-width:805px;
	padding:0;
	margin-right:8px;
}
.numb_b {
	float:left;
	width:100%;
	max-width:385px;
	height:260px;
	padding:0;
	margin:0;
}


/*------- 상담예약 -----*/
#fot_wrap {
	width:100%;
}

.fot_wr {
	max-width:1200px;
	margin-right: auto;
	margin-left: auto;
	padding:40px 0;
}

.fot_box {
	margin:15px 0;
	padding:0;
   border-right:1px solid #ccc;
}
.fot_box3 {
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	margin:15px 0;
}

.fot_ul {
	color:#999;
	padding:0;
	margin:0;
}
.fot_ul li{
	text-align:center;
	list-style: none;
	text-align:center;
}

.fot_ul2 {
	color:#1970de;
	padding:0;
	margin:20px 0 5px 0;
	font-size:1.1em;
}
.fot_ul2 li{
	line-height:170%;
	text-align:center;
	list-style: none;
	font-weight: bold;
	font-size:1.2em;
}


.fot_box h2{
	font-size:1.8em;
	margin:5px 0 15px 0;
}
.fot_01 {	
	font-size:1.8em;
	font-weight: bold;
}
.fot_02 {	
	color: #333; 
	margin-top:25px;
}
.fot_03 {	
	font-size:1em;
	margin:25px 0 15px 0;
	letter-spacing: -0.08em; 
}
.fot_04 {	
	font-size:1.4em;
	font-weight: bold;
	color:#306ac3;
	padding:0;
	margin:0;
}

/*---- tail 이용 약관 ----*/
#us_wrap{
	float:left;
	clear:both; 
	width:100%;
	background-color:#576c82;;
	margin-bottom:20px;
	padding:0;
}
.us_box {
	max-width:500px;
	margin-right: auto;
	margin-left: auto;	
	padding:20px 0 0px 0;
}
.us_box ul{
	list-style:none;
	font-size: 1em; 
}
.us_box ul li{
	position:relative;
	list-style:none;
	display: inline; 
	color:#fff;
	font-weight: bold;
	padding:0 20px;
}
.us_box ul li a{
	color:#fff;
	text-decoration:none;
}

#tail_wrap{
	width:100%;
	max-width:1200px;
	margin-right: auto;
	margin-left: auto;	
	padding-top:15px;
}
.tail_box {
	display:table; 
	width:100%;
}
.tail_logo{
	float:left;
	width:160px;
	margin:15px 30px 15px 0;
}
.tail_text{
	float:left;
	max-width:1000px;
	font-size: 0.8em; 
}



/*-------------------- sub-----------------------*/
/*---- 페이시스템 -------*/
#ceo_wra {
	clear: left; 
	width:100%;
	margin-right: auto;
	margin-left: auto;
	padding:0;
	background:url(../img/ceo_bg.jpg) no-repeat 0 0;	
}
.ceo_box {
	max-width:1200px;
	min-height:620px;
	margin-right: auto;
	margin-left: auto;
	padding:0;
}
.ceo {
	max-width:730px;
	 background-color: rgba( 255, 255, 255, 0.85 );
	padding:30px;
}
.ceo_box p {
	font-size: 1.1em; 
	color: #111; 
	letter-spacing: -0.03em; 
	line-height:210%;
}
.ceo_po {
	font-size: 1.3em; 
	color: #2e3296;
	letter-spacing: -0.01em; 
	line-height:230%;
}
.ceo_h2 {	
	clear: left; 
	font-size: 1.8em; 
	margin:0 0 0.2em 0; 
	padding: 2em 0 0.5em 1em; 
	color: #333; 
	font-weight: bold;
	text-align: left; 
	letter-spacing: -0.01em; 
}

#step_wra {
	clear: left; 
	width:100%;
	padding:0;
}
.step_box {
	max-width:1200px;
	margin-right: auto;
	margin-left: auto;
	padding:0;
}
.step_h2 {	
	font-size: 2.5em; 
	margin:1.5em 0 0 0; 
	padding: 20px 0 5px 0; 
	color: #333; 
	font-weight: bold;
	text-align: center;
	line-height:140%;
	letter-spacing: -0.01em; 
}
.step_h22 {	
	font-size: 1.1em; 
	margin:0; 
	padding:0 0 3em 0; 
	color: #999; 
	font-weight: bold;
	text-align: center;
	line-height:140%;
	letter-spacing: -0.01em; 
}


.wow_h {
	color:#444;
	font-size:20px;
	margin:15px 0 10px 0;
	font-weight: 600;
	letter-spacing: -2px;
}

.ste_im {
	margin:3em 0;
	text-align: center;
}
.step_h3 {	
	font-size: 1.4em; 
	margin:1em 0; 
	padding: 30px 10px; 
	text-align: center;
	line-height:140%;
	letter-spacing: -0.09em; 
	background-color: #333;
	color: #fff; 
}




/*---- 통합시스템 -------*/

.sub_h2 {	
	clear: left; 
	font-size: 1.8em; 
	margin:1em 0; 
	xxpadding: 0.1em 0 1em 0; 
	color: #333; 
	font-weight: bold;
	text-align: left; 
	line-height:140%;
	letter-spacing: -0.01em; 
}
.sub_h3 {	
	clear:both;
	font-size: 1.6em; 
	margin:0 0 0.2em 0; 
	padding: 0; 
	color: #ff4444; 
	font-weight: bold;
	text-align: left; 
	line-height:140%;
	letter-spacing: -0.1em; 
}
.sub_h4 {	
	float:left;
	font-size: 1.6em; 
	margin:0 1em 0.2em 0; 
	padding-top: 10px; 
	color: #ff4444; 
	font-weight: bold;
	text-align: left; 
	line-height:140%;
	letter-spacing: -0.1em; 
}
.sub_h6 {	
	clear: left; 
	font-size: 1.2em; 
	margin:50px 0 7px 7px; 
	padding:0; 
	color: #333; 
	font-weight: bold;
	text-align: left; 
	letter-spacing: -0.01em; 
}
#sub_tip {
	clear: left; 
	font-size: 1.1em; 
	text-align: left; 
	line-height:160%;
	letter-spacing: -0.05em; 
}

.sub_tip_p {
	width:100%;
	padding:15px;
	margin:15px 0;
}
.cor01 {
	background-color:#534741;
	color:#fff;
}
.cor02 {
	background-color:#6e5143;
	color:#fff;
}
.cor03 {
	background-color:#4d89a6;
	color:#fff;
}

.sub_sh {
	float:right;
	text-align:left;
}

.s_graph01 {
	float:left;
	width:100%;
	max-width:1200px;
	font-size: 1em; 
	padding:5px 0 2px ;
	margin:10px 0;
	border:3px solid #4ca0c9;
	border-radius:5px;
}
.s_graph01 td{
	float:left;
	padding:0 5px;
	margin:0;
}
.sub_btn a{
	float: right;
	font-size: 1.2em; 
	letter-spacing: -0.1em; 
	background-color:#b40506;
	color:#fff;
	font-weight:bold;
	margin:5px 0 30px 0;
	padding:10px;
}
.sub_btn2 a{
	float: right;
	font-size: 1.2em; 
	letter-spacing: -0.1em; 
	background-color:#b40506;
	color:#fff;
	font-weight:bold;
	margin:0 0 0 5px;
	padding:0 20px;
}

/* 04.구간별_테이블 */
table.tstyle { 
	/*float:left;*/
	width:100%;
	font-size: 1em; 
	margin:7px 0 30px 0; 
	border-top:3px solid #438fb5;
	color:#111;
	line-height:160%; 
	font-weight:bold;
}
table.tstyle th, table.tstyle td { 
	border: 1px solid #084462;
}
table.tstyle th { 
	background-color:#266889;
	font-weight: bold; 
	color:#ffffff; 
	text-align: center; 
	vertical-align: middle;
	padding:8px 3px 6px; 
}
table.tstyle td { 
	background: #ffffff; 
	padding:6px 6px 4px 8px; 
	line-height:250%; 
}
table.tstyle td.tstyle_bg { 
	background: #eef7ff;
	font-weight: bold;
}
table.tstyle td.tstyle_bg2 {	
	padding:10px;
	background: #266889;
	color:#fff;
	font-weight: bold;
}
/* 05.최종분석_테이블 */
table.tstyle01 { 
	width:100%;
	margin:8px 0 13px 0; 
	border-top:3px solid #6684c1;
	border-bottom:1px solid #6684c1;
	border-right:1px solid #6684c1;
	border-left:1px solid #6684c1;
	color:#555555;
}
table.tstyle01 th, table.tstyle01 td { 
	line-height:200%; 
	border: 1px solid #fff;
}
table.tstyle01 th { 
	background-color:#114eae;
	font-weight: bold; 
	font-size: 1.2em; 
	color:#ffffff; 
	text-align: center; 
	vertical-align: middle;
	padding:8px 3px 6px; 
}
table.tstyle01 td { 
	background: #ffffff; 
	padding:6px 6px 4px; 
	font-size: 14px; 
	line-height:160%; 
	text-align:left;
}
table.tstyle01 td.item { 
	font-weight: bold;
	color: #03337e; 
}
table.tstyle01 td.item_li { 
	background: #6684c1;
}
.sub_p {
	text-align:left;
	font-weight: bold; 
	font-size: 1em; 
}

.poin_btn {	
	clear:both;
}

.sub_p2 {
	text-align:right;
	font-weight: bold; 
	font-size: 1.1em; 
	color: #ff0000; 
}
.sub_p3 {
	text-align:right;
	font-weight: bold; 
	font-size: 1.1em; 
	color: #333; 
	margin:3px 10px 20px 0;
}

/* 06.조합결과_테이블 */
table.tstyle02 { 
	width:100%; 
	font-size: 1em; 
	margin:8px 0 13px 0; 
	border-top: 2px solid #7CB5CD;
	color:#555555;
}
table.tstyle02 th, table.tstyle02 td { 
	line-height:200%; 
	border: 1px solid #ccc;
}
table.tstyle02 th { 
	background-color:#114eae;
	font-weight: bold; 
	color:#ffffff; 
	text-align: center; 
	vertical-align: middle;
	padding:8px 3px 6px; 
}
table.tstyle02 td { 
	background: #ffffff; 
	padding:15px 10px; 
	line-height:160%; 
}
table.tstyle02 td.item { 
	width:30%;
	background: #003f13;
	font-weight: bold;
	color: #ffffff; 
}


.sub_numimg {
	clear: left; 
	margin:0;
	padding:0;
}
.sub_numimg p{
	float:left;
	padding:3px;
	margin:0 2px;
}

/* ---------- 인공지능 -------- */

#sub_ex {
	float:right;
}
.sub_ex_p {
	float:left;
	display: inline;
	color:#0000ff;
	font-size: 1em; 
	padding-top:10px;
}
.sub_ex_b {
	float:left;
	display: inline;
	margin:0 0 3px 3px;
}
.sub_ex_b a{
	font-size: 1em; 
	letter-spacing: -0.1em; 
	color:#fff;
	font-weight:bold;
	text-decoration: none; 
}



.sub_btn02 a{
	float:left;
	font-size: 1.2em; 
	letter-spacing: -0.1em; 
	color:#fff;
	font-weight:bold;
	padding:10px;
	background-color:#00256c;
}

.sub_btn03 {
	float:left;
	width:100%;
	margin-bottom:20px;
}


.colors01 {background-color:#467ae0;	padding:5px 10px; border-radius:5px; }
.xxxxxxcolors02 {background-color:#0048d3;	padding:10px;}

.sub_ex_p2{
	color:#444;
	font-size: 1.2em; 
	font-weight: bold;
	letter-spacing: -0.05em; 
	line-height:160%; 
}
.sub_ex_p3{
	float:left;
	font-size: 1em; 
	padding:0;
	margin:3px 0 0 25px;
	line-height:140%; 
}
.sub_ex_p4{
	float:left;
	font-size: 1em; 
	padding:0;
	margin:18px 0 0 25px;
	line-height:140%; 
}

.sub_img {
	clear: left; 
	margin:10px 0 15px 0;
	padding:0;
}
.sub_img2 {
	clear: left; 
	margin:15px 0;
	padding:0;
}


/* 번호입력 테이블 */
table.tstyle06 { 
	float:left;
	width:100%;
	font-size: 1em; 
	border-top:3px solid #438fb5;
	color:#333;
	line-height:160%; 
	font-weight:bold;
}
table.tstyle06 th, table.tstyle06 td { 
	border: 1px solid #084462;
}
table.tstyle06 td { 
	background: #ffffff; 
	padding:5px 0; 
}
table.tstyle06 td.item { 
	background: #266889;
	font-weight: bold;
	color: #ffffff; 

}

/* 홀수회차 테이블 */
.te_app th, td { 
	line-height:140%; 
	font-size: 1.1em; 
}
.te_app
th { 
	font-weight: bold; 
	color:#555; 
	text-align: center; 
	vertical-align: middle;
    padding:6px 0 4px 0; 
}
.te_app
td { width:7%; text-align: center; 
	background: #fff; 
	padding:6px 6px 4px; 
}
.te_app
td.item_tt { 
	background: #fbfbfb;
	font-weight: bold;
	color:#555; 
}
.te_app
.item_t{background:#F7F7FF; color:#2D5757;}
.thbg{border-top:2px solid #00723e; 	background:#f4f4f4; }
.thbg2{ background: #FFF;}


/* 회기 테이블 */
.stu_font{
	font-weight: bold; 
	font-size: 1.5em; 
	color:#ba0304; 	
	letter-spacing: -0.05em; 
}

.stu2 {
	font-size: 1em; 
}
.stu2 td{
	float:left;
	padding:0 5px;
}

table.teble_exp { 
	width:100%; 
	border:5px solid #d5d5d5;
	margin:8px 0 10px 0;
	padding:10px 0 8px 8px;
}
table.teble_exp td { 
	padding:5px 0 3px 8px;
}

/* 회차 테이블 */
table.te_nom { 
	font-size: 1em; 
	border-collapse: collapse; 
	width:100%; 
	margin:0.3em 0 0.5em 0; 
	border-top:2px solid #00723e;
	color:#828282;
}
table.te_nom th, table.te_nom td { 
	line-height:140%; 
	border: 1px solid #888888;
}
table.te_nom th { 
	background-color:#fcbf71; 
	font-weight: bold; 
	color:#555; 
	text-align: center; 
	vertical-align: middle;
	letter-spacing:-0.1em;
	padding:8px 3px 6px; 
}
table.te_nom td { 
	background: #fff; 
	padding:6px 6px 4px; 
}
table.te_nom td.item { 
	background: #cccccc;
	font-weight: bold;
}


/* 회차 테이블 */
table.te_app2 { 
/*	float:left; */
	font-size: 1em; 
	margin:5px 30px 0 0; 
	border-collapse: collapse; 
	border-top:2px solid #00723e;
	color:#828282;
}
table.te_app2 th, table.te_app2 td { 
	line-height:140%; 
	border: 1px solid #d9d9d9;
}
table.te_app2 th { 
	background-color:#fcbf71; 
	font-weight: bold; 
	color:#555; 
	text-align: center; 
	vertical-align: middle;
	padding:8px 3px 6px; 
}
table.te_app2 td { 
	background: #fff; 
	padding:6px 20px;
}
table.te_app2 td.item { 
	background: #F7F7FF; 
	font-weight:bold;
}
table.te_app2 td.item_t {  
	cursor:pointer;
	background: #fbfbfb;
	font-weight: bold;
	color:#555; 
}



/* 수신조합 */
table.tstyle03, table.tstyle04{border:1px solid #ccc; width:100%;}
table.tstyle03 th{background:#EEF7FF; font-size: 1em;  padding:7px 0 5px;}
table.tstyle03 td{text-align:center; background:#F4FFEA; font-weight:bold; xxcolor:#FFF; padding:7px 0 5px;}

table.tstyle04 td{text-align:center; background:#FBFBFB; font-weight:bold; xxcolor:#FFF; padding:7px 0 5px;}

table.tstyle05 { 
	font-size: 1em; 
	border-collapse: collapse; 
	margin:8px 0 0 0; 
	border-top:3px solid #438fb5;
	color:#555555;
	line-height:160%; 
}
table.tstyle05 th, table.tstyle05 td { 
	border: 1px solid #438fb5;
}

table.tstyle05 th{background:#80a95b; color:#FFF;font-size:1.2em;padding:10px 0; }
.cell5{background:#e1f5d9; }

table.tstyle05 td { 
	padding:6px 6px 4px; 
}
table.tstyle05 td.item { 
	background: #266889;
	font-weight: bold;
	color: #ffffff; 
}
.pb15 {
	margin-bottom:20px;
}
.my_h {
	font-size: 1.3em; 
	font-weight: bold;
	letter-spacing: -0.05em; 
	color: #353535; 	
}


/* 나만의 꿈번호 */
.sys_font{
	font-size: 1.2em; 
	font-weight: bold;
	color:#555555;
}
.sub_my {
	float:left;
	width:100%;
	font-size: 1em; 
}

/* 번호입력 테이블 */
table.tstyle07 { 
	width:100%; 
	height:35px;
	font-family: 'Malgun Gothic', "굴림", "돋움", sans-serif; 
	border-collapse: collapse; 
	margin:3px 0 2px 0; 
	border-top:2px solid #f8a053;
	color:#555555;
	line-height:160%; 
}
table.tstyle07 th, table.tstyle07 td { 
	border: 1px solid #f8a053;
	height:13px;
}
table.tstyle07 td { 
	background: #ffffff; 
	padding:2px 0; 
	font-size:  1em; 
}
table.tstyle07 td.item { 
	width:160px;
	background: #ff781e;
	font-weight: bold;
	color: #ffffff; 
}
table.tstyle07 td.item1 { 
	background: #ffeedf;
}

/* color */
.orange {color:#f96f00;}
.black {color:#555;}
.blue {color:#0773c7;}
.txt_point {color:#0a6ce1;}

.red{color:#FF0000;}
.redbold{color:#FF0000; font-weight:bold;}

.gblue{color: #0066CC;}


.tac { text-align: center; }
.tar { text-align: right; }


/* 당첨그림분석 */
#sub04_wrap {clear:both;width:100%;}
.sub04_box {	width:49%; padding:3px 0 3px;  }



#sub04_wrap table.calend { 
	width:100%; 
	min-height:35px;
	border-top:2px solid #64686d;
	border-left:1px solid #64686d;
	border-right:1px solid #64686d;
	border-bottom:1px solid #64686d;
	border-collapse: collapse; 
	color:#828282;
}
#sub04_wrap table.calend th, table.calend td { 
	border: 1px solid #64686d;
	height:13px;
}
#sub04_wrap table.calend th { 
	background-color:#e6ecff; 
	font-weight: bold; 
	color:#263266; 
	text-align: center; 
	vertical-align: middle;
	padding:8px 3px 6px; 
	font-size:  1em; 
}
#sub04_wrap table.calend td { 
	background: #ffffff; 
	text-align:center;
	padding:2px 0; 
	font-size:  1em; 
}
#sub04_wrap table.calend td.item { 
	background: #5167c0;
	color:#ffffff;
}
#sub04_wrap table.calend td.item01 { 
	background: #ff8a00;
	color:#ffffff;
}



/* 반자동조합기 */
#auto_wrap {
	width:100%;
	margin:25px 0;
}
.auto_box {
	float: left;
}
.auto_box2 {	
	float: left;
	margin-left:5px;
}
.auto_h {
	font-size: 1.5em; 
	color: #d64307; 
	font-weight: bold;
	text-align:center;
	margin:15px 0;
}

.auto_numb {
	font-size: 1.2em; 
	font-weight:bold;
	color:#222;
	margin:0;
	padding:0;
}
.auto_numb td {
	float: left;
	border:2px solid #603913;
	margin-right:3px;
	padding:5px;
}



/* 당첨공색분석 */
.nu_ti {
	width:100%;
}
.nu_ti p {
	float: left;
	padding:5px;
}

table.color_tstyle { 
	border-collapse: collapse; 
	width:100%; 
	margin:15px 0; 
	border-top:2px solid #7ecdf9;
	color:#828282;
}
table.color_tstyle th, table.color_tstyle td { 
	line-height:140%; 
	border: 1px solid #d9d9d9;
}
table.color_tstyle th { 
	background-color:#fffed5; 
	font-weight: bold; 
	color:#555; 
	font-size:1em;
	text-align: center; 
	vertical-align: middle;
	padding:8px 3px 6px; 
	height:15px;
}
table.color_tstyle td { 
	background: #fff; 
	padding:6px 6px 4px; 
	text-align:center;
}
table.color_tstyle td.item { 
	background: #fbfbfb;
	font-weight: bold;
	text-align:center;
}




.sub_filt {
	width:100%;
	border:2px solid #dddddd;
	margin:7px 0 12px 0; 
	padding:10px;
}	
.sub_filt li{
	line-height:180%;
}	
.filt_tit {
	width:100%;
	height:30px;
	background:url(../img/filt_option_bg.gif) repeat-x;
	color:#fff;
	font-weight: bold;
	text-align:center;
	margin-bottom:10px;
}


.ft_item{
	font-weight: bold;
	color: #334595; 
	font-size: 1em; 
	text-align: left; 
}
.fild_option{
	width:100%;
	padding: 5px 3px;
}
.fild_option td{
	border-bottom: 1px solid #d9d9d9;
}

.vip_p {
	float: left; 
	width:100%;
	background: #333;
	font-size: 1.4em; 
	font-weight: bold;
	color:#fff;
	text-align:center;
	padding:8px 0;
	margin:15px 0 0 0 ;
}

.vip_p2 {
	float: left; 
	width:100%;
	background: #ddd;
	font-size: 1em; 
	font-weight: bold;
	color:#000;
	text-align:center;
	padding:15px 0;
	margin:0;
	letter-spacing: -0.1em; 
}

/* -------------마이페이지--서비스 이용정보---------------*/ 
table.tstyle6 { 
	width:100%; 
	border-collapse: collapse; 
	border-top:2px solid #333;
	color:#555555;
	margin:15px 0 30px 0;
	font-weight:bold;
}
table.tstyle6 th, table.tstyle6 td { 
	border: 1px solid #333;
}
table.tstyle6 td { 
	background: #ffffff; 
	padding:3px 0; 
	font-size: 1.1em; 
}

#dangTbl tr:first-child td, #svcTbl tr:first-child td, #basicTbl tr:first-child td {background:#F0F8FF;}


table.tstyle7{
	width:100%;
	border:1px solid #ccc; 
}
table.tstyle7 td{
	text-align:center; 
	background:#ddd; 
	font-weight:bold; 
	padding:7px 0 5px;
}

/* 번호입력 테이블 */
table.tstyle8 { 
	width:100%; 
	height:35px;
	border-collapse: collapse; 
	margin:3px 0 2px 0; 
	border-top:2px solid #f8a053;
	color:#555555;
	line-height:160%; 
}
table.tstyle8 th, table.tstyle8 td { 
	border: 1px solid #f8a053;
	height:13px;
}
table.tstyle8 td { 
	background: #ffffff; 
	padding:2px 0; 
	font-size: 13px; 
}
table.tstyle8 td.item { 
	width:130px;
	background: #ff781e;
	font-weight: bold;
	color: #ffffff; 
}
table.tstyle8 td.item1 { 
	background: #ffeedf;
}

.margin10{margin-top:20px;}


/* -------------마이페이지--조합보관함---------------*/ 
.keep_tit {
	clear:both;
	border:1px solid #eee; 
	padding:7px 10px; 
	height:40px;
}
table.tstyle9 {
	clear:both;
	width:100%; 
	border-collapse: collapse; 
	margin:7px 0 ; 
	border-top:2px solid #ccc;
	border-bottom:2px solid #ccc;
	color:#555555;
	line-height:160%; 
}
table.tstyle9 th { 
	font-size: 1.1em; 
	height:30px;
	background: #4c87d4;
	font-weight: bold;
	color: #ffffff; 
}
table.tstyle9 td { 
	text-align:center;
	background: #ffffff; 
	padding:6px 6px 4px; 
	font-size: 1em; 
	border-bottom: 1px solid #438fb5;
}

.keep_p {	
	float: left; 
	width:100%;
	font-size: 1.1em; 
	font-weight: bold;
	padding-bottom:10px;
}
.col_blu {
	color:#c40c42;
}


/* -------------결제---------------*/ 
#pay_wra{
	clear: left; 
	width:100%;
	margin-right: auto;
	margin-left: auto;
	padding:0;
	background:url(../img/pay_bg2.jpg) no-repeat 0 0;	
	background-color: #0c0b37;
}
.pay_box {
	max-width:1200px;
	margin-right: auto;
	margin-left: auto;
	padding:2em 0 0 1.8em;
}
.pay_h3 {
	font-size:1em;
	font-weight:bold;	
	letter-spacing: -0.009em; 
	padding:0;
	margin:0;
	color:#fec400;
}
.pay_h2 {
	font-size:1.8em;
	font-weight:bold;	
	letter-spacing: -0.1em; 
	padding:0 0 7px 0;
	color:#fff;
}
.pay_h4 {
	font-size:0.9em;
	padding:0 0 7px 0;
	font-weight:bold;	
	color:#fff;
}
.pay_tx {
	max-width:520px;
	margin-right: auto;
	margin-left: auto;
	text-align:center;	
	padding-bottom:25px;
}
.pay_txt {
	width:70%;
	margin: 0 auto;
	text-align:center;	
	border-top:2px solid #256fec;
	border-bottom:2px solid #256fec;
	padding:10px 0;
}
.pay_p1{
	font-size: 1.75em; 
	color:#fff;
	line-height:140%;
	letter-spacing: -0.1em; 
	padding-bottom:10px;
	margin:0;
}
.pay_p2{
	padding:0;
	margin:0;
	font-size: 1em; 
	color:#fff;
}
#pay_tab {
	width:100%;
	margin-right: auto;
	margin-left: auto;
	padding-top:70px;
}

/*--tab--*/
    .p_tabs {width:100%;padding-bottom:100px;} /* 탭의 가로크기 */

    .contabroll2 dl {
        display: none;
        width: 100%;
        height: 100%; /* 탭 내용 영역의 높이 지정 */        
        box-sizing: border-box;
    }

    .contabroll2 dl.on {
        display: block;
    }

    .contabroll2 dd {
        float: left;
        width: 25%; /* 탭의 갯수만큼 width 조정 (100% 가로이니 탭이 4개라면 25%) */        
        font-weight: bold;
        margin: 0px;
        padding: 20px 0;
        text-align: center;
        font-size: 20px;
        cursor: pointer;
        box-sizing: border-box;
		color:#333;
		background-color:#f5f5f5;
		border-top:1px solid #070827;
		border-bottom:1px solid #070827;
		border-right:1px solid #999;
    }
    
    .contabroll2 dd span{
	font-size: 14px;
    letter-spacing: 1px;
    margin-left: 7px;
    color: #6d6d6d;
    font-weight: 400;


    }
    /* 
    활성화 표기를위한 탭 라인 꼼수.
    전체 탭의 갯수로 세팅하세요.
    탭이 4개라면 두번째 nth-child 는 4가 되겠쬬?
    dd:nth-child(1)
    dd:nth-child(4)
    */
    .contabroll2 dd:nth-child(1) {box-sizing: border-box;}
    .contabroll2 dd:nth-child(3) {box-sizing: border-box;}

    .contabroll2 dd.on {
        font-weight: bold;
        box-sizing: border-box;
		color:#fff;
		background-color:#a07735;
		border:1px solid #070827;
    }
    .contabroll2 dd.on span{   
	font-size: 13px;
    letter-spacing: 1px;
    margin-left: 7px;
    color: #fff2dc;
    font-weight: 400;
    }
    

.patab_cont_area {
	max-width:1200px;
	padding:20px; 
}
.paypp {
	float: left;
	width:65%;
	font-size: 18px;
	letter-spacing: -0.05em;
	margin-left: 15px;
	color: #fff;
	font-weight: bold;
	line-height:200%; 
}
.paypp2 {
	float: right;
	width:20%;
	right:0;
}
.payh {
    font-size: 36px;
    color: #fff;
    letter-spacing: -0.05em;
    font-weight: bold;
    margin-bottom: 40px;
}
.payh span{
    display: inline-block;
    text-transform: uppercase;
    font-size: 16px;
    margin-left: 15px;
    color: #d7b37a;
    letter-spacing: 0.1em;
    font-weight: 700;
    margin-top: 20px;
	line-height:300%; 
}
/*--/ tab --*/
.pay_ser02{
	width:100%;
	margin:20px 0; 
	color:#333;
	font-size: 18px;
}
table.pay_ser02 th, table.pay_ser02 td { 
	line-height:200%; 
	border-top: 1px solid #464577;
	border-bottom: 1px solid #464577;
}
table.pay_ser02 th{
	font-weight: bold; 
	color:#fff; 
	text-align: center; 
	vertical-align: middle;
	letter-spacing:-0.1em;
	padding:8px 3px 6px; 
	font-size:1.2em;
	border-top: 2px solid #fff;
}
table.pay_ser02 td{
	color:#fff; 
	padding:8px 6px 6px; 
	font-weight: normal; 
	text-align: center; 
	vertical-align: middle; 
}
.pa_bt {
	color:#fff; 
	font-size:1.1em;
	font-weight: bold; 
	background-color:#a07735;
}
.pa_bt a{
	text-decoration: none; 
	color:#fff; 
	font-weight: bold; 
	background-color:#a07735;
}

/* ---table--*/ 
.pay_table {
	max-width:1200px;
	 background-color:#fff;
	 margin:30px 0 10px 0;
	 padding:0;
}
.pay_ser{
   min-width:70%;
	max-width:1190px;
	margin:5px auto; 
	color:#333;
	font-size: 1em; 
}
table.pay_ser th, table.pay_ser td { 
	line-height:140%; 
	border: 1px solid #d9d9d9;
}
.pay_ser th{
	background-color:#f9f9f9; 
	font-weight: bold; 
	color:#333; 
	text-align: center; 
	vertical-align: middle;
	letter-spacing:-0.1em;
	padding:8px 3px 6px; 
	font-size:1.2em;
}
.pay_ser td{
	padding:8px 6px 6px; 
	font-weight: normal; 
	text-align: center; 
	vertical-align: middle; 
}
.tfot td{ 
	background: #f9f9f9; 
	font-weight: bold; 
	text-align: center; 
	vertical-align: middle; 
}

.items td{
	color:#333;
	font-weight: bold; 
}
.pay_out {
	background:url(../img/out.png) no-repeat 0 0;	
}
.pay_hit {
	background:url(../img/hit.gif) no-repeat 0 0;	
}
.pay_btn {
	font-size: 1.2em; 
	color:#fff;
	font-weight:bold;
	background-color:#00256c;
	letter-spacing:-0.1em;
}



/* ------------- 꿈분석 ---------------*/ 
.tab_dre {
	width:100%; 
	font-size: 1em; 
	font-weight:bold;
	border-collapse: collapse; 
	margin:5px 0 15px 0; 
	border:1px solid #9db874;
	color:#555555;
	line-height:160%; 
}
.tab_dre th { 
	color:#333;
	background: #cbe99e; 
	padding:13px;
	text-align:left;
}

.dre_btn {
	float:right;
	margin:0;
}
.dre_btn a{
	font-size: 1em; 
	color:#fff;
	font-weight:bold;
	text-decoration: none; 
}

.dre_tx {
	float: left
	font-size: 1em; 
	color:#333;
	font-weight:bold;
	padding:0;
	margin:0 5px 0 0;
}



/******** ktg ***/
.btn {box-shadow:2px 2px 2px #ddd;}
a.btn_b01, .btn_b01 {
    background: #6c757d;  color: #fff;
    text-decoration: none; vertical-align: middle;
}

a.btn_b02, .btn_b02 {
    background: #0066CC;  color: #fff;
    text-decoration: none; vertical-align: middle;
}

.sub_btn00 a, .sub_btn03 a{ font-size: 1.2em; 	letter-spacing: -0.1em; 	color:#fff !important;
	font-weight:bold;	padding:8px 20px 10px;	background-color:#00256c;
    border-radius:3px; border:1px solid #00256c; text-decoration:none; box-shadow:3px 3px 3px #ccc;
}
.sub_btn03 a{	float:left;}

.sub_btn4 a{	/*float: left;*/
	font-size: 1em; 	background-color:#b40506;	color:#fff;
	font-weight:bold;	margin-left:3px; padding:3px 10px 5px;
	border-radius:3px; border:1px solid #b40506; text-decoration:none; box-shadow:3px 3px 3px #ccc;
}
.sub_btn3 a{	float: left;	font-size: 1em; 	background-color:#9a24ed;	color:#fff;
	font-weight:bold;	margin-right:3px;	padding:2px 10px 4px;
	border-radius:3px; border:1px solid #9a24ed; text-decoration:none; box-shadow:3px 3px 3px #ccc;
}
.sub_btn3 a:hover, .sub_btn4 a:hover, .sub_btn03 a:hover{background-color: #000; }

.tar2 a{	float:right;	font-size: 1em; 	background-color:#333;	color:#fff;
	font-weight:bold;	margin-right:20px; padding:1px 10px 2px;
    border-radius:3px; border:1px solid #333; text-decoration:none; box-shadow:1px 1px 1px #ccc;
}
.tar2 a:hover{background-color: red; }

.colors04 a{	background-color:#c10102;	padding:0px 15px 4px; box-shadow:3px 3px 3px #ccc;}
.colors02 a{	background-color:#0048d3;	padding:2px 15px 5px; box-shadow:3px 3px 3px #ccc; font-size:12pt;}
.colors03 a{	background-color:#00256c;	padding:2px 15px 5px; box-shadow:3px 3px 3px #ccc; font-size:12pt;}
}

.white{color:#FFF;}
.pay_btn a{color:#fff; text-decoration:none; cursor:pointer; }
.items td.pay_btn{color:#fff; }

.btnk, .btnk_cancel{height:30px;line-height:27px; padding:0px 20px; background:#808000;color:#FFF; border:1px solid #ddd;box-shadow:3px 3px 3px #ccc; border-radius:5px; cursor:pointer;}
.submit{height:30px;line-height:27px; padding:0px 20px; background:#004080; color:#FFF; border:1px solid #ddd;box-shadow:3px 3px 3px #ccc; border-radius:5px; cursor:pointer;}
.btnk:hover, .btnk_cancel:hover{background:#000;}
.submit:hover{background:#F80000;}

.td_bg{background:#F3FFE8;}


.sub_btn a, .sub_ex_b a{border-radius:5px; text-decoration:none; font-weight:normal;}
.sub_btn a:hover, .sub_ex_b a:hover{background:#0078F0;}

.sch_btn{margin-top:2px;width:60px; height:25px;}

/**----------ball */
.circleA {  width:32px; height:32px; line-height:32px; border-radius:16px; padding-top:2px; /* padding-left:1px;*/
 -moz-border-radius : 16px; -webkit-border-radius : 16px; -ms-border-radius :16px;
 -khtml-border-radius : 16px; -o-border-radius :16px;
 text-align:center; border:1px solid #ccc; /*box-shadow:2px 2px 3px #ccc;*/ display:inline-block; margin-left:12px;
 font:bold 14px/28px  "Arial","Tahoma";
}

.ball1{ background:#fbc400;  color:#000;}
.ball2{ background:#0064C8; color:#fff; }
.ball3{ background:#B53A00;  color:#fff; }
.ball4{ background:#4B4B4B;  color:#fff; }
.ball5{ background:#008040; color:#FFF; }
.ball0{ background:#F8F8F8;  color:#B8B8B8; } /**낙첨볼**/

.ed{width:150px; text-align:center;}
.s_graph01 td{padding-top:3px;}
.ime{ime-mode:active;}
table.tstyle02 img{width: 35px;}
.item_t{font-family: Stencil, Tahoma;}
.center{text-align:center;}
.bold{font-weight:bold;}
.hidden{display:none;}
.pointer{cursor:pointer;}

#container_titlek{margin-top:50px;  margin-bottom:25px; font-weight:bold;font-size:13pt;}

#popLayer, #popLayer2 , #popLayer3{
position:absolute; left:50%; top:50%; background:#FFF; text-align:center;
padding:20px 15px; border:1px solid #ccc; width:660px;  
z-index:500; margin-left:-330px; display:none; 
font-family:Malgun Gothic,dotum; border-radius:4px; box-shadow:3px 3px 3px #999;
}
#popLayer2{font-size:10pt; font-weight:bold;}

/*수기결제 내역등록**/
#popLayer3 { font-size:0.85em;} 
#mname{font-size:12pt;}
#popLayer3 input{text-align:center;}
#paycontent li{margin:5px; padding:5px; border-bottom:1px dashed #ddd;}

.btn_frmline {  display: inline-block;  background: #808040;  color: #fff !important; text-align:center;
    height: 32px; line-height: 30px;   border: 0;   border-radius: 5px; font-weight:bold;
    padding: 0 10px 10px;   border: 1px solid #FFF;   box-shadow: 3px 3px 3px #ccc;
    min-width: 80px;   cursor: pointer;
}
.btn_bg_blue { background: #0077d1;  color: #fff; }
.btn_frmline:hover{background: #000; }


.bg-dark2 {background: #3b4cc7; }

mark {background: #ffff00;font-size:0.9em;}





.dropdown-item { border: none; background-color:#FFF;}
a.dropdown-item:hover{font-weight:bold;color:#F80000 !important;}
.dropdown-menu {
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #DDD; box-shadow:1px 1px 3px #DDD;
	padding-top:.0rem;
}

.navbar-nav .nav-item:nth-child(6) .dropdown-menu {  right: -100px;}


.navbar {color:#000; border-bottom:1px solid #ddd;}

.bg-fff  {background: #fff; }

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption .mtx_mx {
    font-size: 2.5rem;
    line-height: 1.3;
	letter-spacing: -0.1em; 
	padding:0;
	margin:15px 0 35px 0;
  }
  .carousel-caption .mtx_s {
    font-size: 1.3rem;
	letter-spacing: -0.09em; 
	color:#fec400;
	padding:0;
	margin:0;
    font-weight: bold;
  }
}

.btn-join1 {font-size:0.8em;font-weight: bold;color:#333;background-color:#fff;padding:10px 45px 12px 45px; border-radius:5px;}
.btn-join1 a{text-decoration:none;}
.btn-join1:hover{color:#333;background-color:#fff;text-decoration:none;}

.btn-join2 {font-size:0.8em;font-weight: bold;color:#fff;background-color:#ed1c24;padding:10px 65px 12px 65px;  border-radius:5px;}
.btn-join2 a{text-decoration:none;}
.btn-join2:hover{color:#fff;background-color:#ed1c24;text-decoration:none;}


/*---- sub_ sms -----*/
.sms_h3{
    font-size:1.2em;
    font-weight: bold;
	padding: 15px 0;
	margin-bottom:20px;
    letter-spacing: -0.08em;
	text-align: center;
    color: #fff;
	background-color: #27368b;
}
.sms_p {
    font-size:1.1em;
	padding:50px 0 5px 0;
    color: #000;
}
.sms_p a{
    color: #000;
}
.sms_img {
	width:100%;
	max-width:988px;
	border:1px solid #ddd;
}

.pb50 {
	margin-bottom:80px;
}
#sms_tab {
	margin-bottom:30px;
}
/*--tab--*/
    .c_tabs {width:100%;} /* 탭의 가로크기 */

    .contabroll dl {
        display: none;
        width: 100%;
        height: 100%; /* 탭 내용 영역의 높이 지정 */        
        margin-top: -1px;
        box-sizing: border-box;
    }

    .contabroll dl.on {
        display: block;
    }

    .contabroll dd {
        float: left;
        width: 33.33333%; /* 탭의 갯수만큼 width 조정 (100% 가로이니 탭이 4개라면 25%) */
        height: 51px;
        margin: 0px;
        padding-top: 15px;
        border: 1px solid #eee;
        text-align: center;
        border-bottom: 1px solid #000;
        font-size: 1.1em;
        cursor: pointer;
        box-sizing: border-box;
		background-color:#f5f5f5;
    }
    
    /* 
    활성화 표기를위한 탭 라인 꼼수.
    전체 탭의 갯수로 세팅하세요.
    탭이 4개라면 두번째 nth-child 는 4가 되겠쬬?
    dd:nth-child(1)
    dd:nth-child(4)
    */
    .contabroll dd:nth-child(1) {border-right: 1px solid #fff;box-sizing: border-box;}
    .contabroll dd:nth-child(3) {border-left: 1px solid #fff;box-sizing: border-box;}

    .contabroll dd.on {
        font-weight: bold;
        border: 1px solid #000;
        border-bottom: 1px solid #fff; /* 활성화 표기를위한 탭 라인 꼼수. */
        box-sizing: border-box;
		background-color:#fff;
    }
    
    .tab_cont_area {
        padding:20px; /* 탭 내용의 여백 */
    }
.formtext{border:1px solid #ccc;}


/*** main mobile**/
.container{position:relative;}

@media all and (max-width:850px){
  .quick_box  ,.quick_r{display:none;}
#main_wrap{width:100%;}

.main_box { padding:0;}
.main_wrap_box {width:455px;}

.carousel-caption {
	width:88%;
	top:4rem;
	left:2.5rem;
	}
.carousel-caption p {
    font-size: 1.6em;	
	letter-spacing: -0.09em; 
    line-height: 1.4;
	padding:0;
	margin:0 0 15px 0;
	}
.carousel-item {
	height: 20rem;
	}

.m_nomb{width:450px;margin:0;}
.m_bord {width:450px;;margin:10px 0;}
.bod-body {width:100%}
.main_tab {width:100%}


#con_cent{width:100%}
.m_ban{width:100%margin:5px 0;}
.m_sj {width:440px;}
.main_tab02 {	width:100%}
.m_list {	width:100%;margin-top:50px;}

.fot_box3 {	border:0;}
#mj_wrap {width:455px;}

.tail_logo {padding:0;margin:0;}
.tail_text {padding:0 20px;}

.pay_ser{width:430px;}
.step_h3 {width:430px;}
.ceo {width:430px;}
 
#pay_wra {width:455px;}
.pay_box {width:455px;
	margin: 0;
	padding:50px 0 0 10px;
}
 .contabroll2 dd {width:50%;}
 .fot_wr {width:455px;}

}

.mtp20 {margin-top:15px;}
.bbt {border:1px solid #333;}

/******* 24-07-19 ktg *****/
.btn1, .btn4, .btn5{display: inline-block; min-width:80px; text-align:center; height:37px;line-height:35px; border: 1px solid #ddd; border-radius: 5px;  padding: 0 10px; margin: 0 0 10px 20px; text-decoration:none;}
.btn4{   box-shadow: 0 0 8px #0076EC; width:290px; font-size:14px; }
.btn5{   box-shadow: 0 0 8px #0076EC; background: green; color:#FFF;}	 /*#008442*/
.btn5:hover{background:red; color:#FFF; cursor:pointer; }
a{text-decoration:none; }

.status_box { width:100%; max-width:1100px; margin:0 auto;}
.status_box li{ width:49%; display:inline-block;}

#main_type_link{ display: flex; justify-content: center; }
#main_type_link li{ text-align:center; padding:10px 20px; margin:0 10px; border:1px solid #ddd; border-radius:5px; }
#main_type_link img{width:95%; max-width:110px; }

#main_banner{	width:100%; max-width:1100px; margin:0 auto; }
#main_banner img{ width:100%;}

.fot_box3, fot_box{ margin-top:25px; margin-bottom:25px; 	}

#topmenu{    font-size: 1em;	   background: linear-gradient(-135deg, #2d627c, #256fec) fixed;    clear: both;	 }
#topmenu > li a {	padding: 17px 0;	display: inline-block;  color: #fff;	   font-weight: bold;   font-size: 1.1em; }
.nav-link {	 color: #fff;	   font-weight: bold;   font-size: 1.4em;	}
.nav-link:hover{color:yellow !important;}
.top_menu_bar .fa{	  font-size:1.3em; color:#FFF;}

 .win_money, .winner_cnt{font-size:13px;}
.win_money{font-weight:bold;}
.wr_date{ font-size:12px;}
#succ_ball span{
    border-radius: 50%;
    background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(240,185,5,1) 43%, rgba(196,151,4,1) 78%, rgba(255,197,5,1) 91%, rgba(255,197,5,1) 98%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(43%, rgba(240,185,5,1)), color-stop(78%, rgba(196,151,4,1)), color-stop(91%, rgba(255,197,5,1)), color-stop(98%, rgba(255,197,5,1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(240,185,5,1) 43%, rgba(196,151,4,1) 78%, rgba(255,197,5,1) 91%, rgba(255,197,5,1) 98%);
    background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(240,185,5,1) 43%, rgba(196,151,4,1) 78%, rgba(255,197,5,1) 91%, rgba(255,197,5,1) 98%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(240,185,5,1) 43%, rgba(196,151,4,1) 78%, rgba(255,197,5,1) 91%, rgba(255,197,5,1) 98%);
    background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(240,185,5,1) 43%, rgba(196,151,4,1) 78%, rgba(255,197,5,1) 91%, rgba(255,197,5,1) 98%);
    padding-top: 3px;   margin-left: 5px;   height: 35px;	  width: 35px;  box-shadow: 2px 2px #5C5B53;
    font-family: Century;   font-weight: bold;	 font-size: 20px;
    float: left; line-height:30px;
}


@media (max-width: 800px) {
   .status_box { max-width:100%;  }
  .status_box li{ display:block; width:90%; margin:0 auto;}
  #top_btn{  display:none;}

 .btn-join1 {font-size:0.8em;font-weight: bold;color:#333;background-color:#fff;padding:10px 30px 12px 30px; border-radius:5px;}
 .btn-join2 {font-size:0.8em;font-weight: bold;color:#fff;background-color:#ed1c24;padding:10px 30px 12px 30px;  border-radius:5px;}

 #main_type_link li{width:24%; text-align:center; padding:7px; margin:0 3px; border:1px solid #ddd; border-radius:5px; }
}