@charset "utf-8";
/* base */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button{margin:0; padding:0; -webkit-text-size-adjust:none; font-weight:normal; letter-spacing:-1px; font-size:12px}
h2,h3,h4,h5{font-size:12px;}
body,input,textarea,select,table,button{font-size:12px; font-family:Helvetica,"Helvetica-Normal";}
body{background-color:#fff; color:#666; word-wrap:break-word; word-break:break-all; letter-spacing:-0.05em;}
/*table, th, td{border:0; border-spacing:0px; border-collapse:collapse;} 2014-02-04 김정득 게시글에 border=1 넣어도 보더 안생겨서 뺌*/
table, th, td{border-spacing:0px; border-collapse:collapse;}
img{border:0; font-size:0; padding:0; margin:0;}
fieldset{border:0;}
textarea, input, select,img{color:#666;}
textarea, input, select{border-radius:0;}
ul,ol{list-style:none;}
a{color:#666; text-decoration:none !important; cursor:pointer}
em,address{font-style:normal}
hr,legend{display:none;}
@media screen and (max-width:400px){font-size:66%;}
@media screen and (max-width:640px){font-size:88%;}
@media screen and (max-width:720px){font-size:100%;}
@media screen and (max-width:800px){font-size:110%;} 

#wrap{width:100%;}
/* 메인 탑메뉴 */
#top_menu{border-bottom: 1px solid #adadad;
background: #dfdfde; /* Old browsers */
background: -moz-linear-gradient(top,  #fefefe 0%, #d1d1d1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#d1d1d1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fefefe 0%,#d1d1d1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fefefe 0%,#d1d1d1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fefefe 0%,#d1d1d1 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fefefe 0%,#d1d1d1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#d1d1d1',GradientType=0 ); /* IE6-9 */
}
#top_menu .main_cate{overflow: hidden; text-align:center;}
#top_menu .main_cate li{float:left; width:20%; background: url(http://appdata.hungryapp.co.kr/m_images/new_main/nm_line1.jpg) no-repeat; text-align:center; height:25px;position: relative; font-size:14px; font-weight:bold; padding-top:32px; color:#ooo; display:block; }
#top_menu .main_cate a{display:block; text-align:center;}
#top_menu .main_cate li:first-child{background:none; width:24%; padding:0;}
#top_menu .main_cate li:last-child{width:16%; padding:0; height:57px;}
#top_menu .main_cate img{max-width:100%; max-height:57px; text-align:center;}
#top_menu .main_cate p{margin-top:10px; margin-bottom:7px;}
#top_menu .main_cate p.tic_off{ position:absolute; top:-5px; left:50%; border: 1px solid #ffffff; width:40px; margin-left:-20px;
border-radius: 15px;
background: #c6c6c6; /* Old browsers */
box-shadow:inset 2px 2px 5px #a5a5a5; padding:6px 0 0 0 ; color:#ffffff;}
#top_menu .main_cate p.tic_on{ position:absolute; top:-5px; left:50%; border: 1px solid #ffffff; width:40px; margin-left:-20px;
border-radius: 15px;
background: #ff4c0f; /* Old browsers */
box-shadow:inset 2px 2px 5px #cf3e0c; padding:3px 0; color:#ffffff;}

/* 메인메뉴 */
#main_menu{border-top:1px solid #d83900;
background: #ff5111; /* Old browsers */
background: -moz-linear-gradient(top,  #ff6b11 0%, #ff2f02 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6b11), color-stop(100%,#ff2f02)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff6b11 0%,#ff2f02 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff6b11 0%,#ff2f02 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff6b11 0%,#ff2f02 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ff6b11 0%,#ff2f02 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6b11', endColorstr='#ff2f02',GradientType=0 ); /* IE6-9 */
}
#main_menu .main_cate2{overflow: hidden; text-align:center; padding-left:2%;}
#main_menu .main_cate2 li{float:left; width:16%; text-align:center; position: relative; font-weight:bold; color:#ooo; display:block; margin:3px 0; font-size:13px;color:#ffffff;height:42px; line-height:42px;}
#main_menu .main_cate2 a{display:block; text-align:center; }
#main_menu .main_cate2 li:first-child{background:none; width:14%;}
#main_menu .main_cate2 li:nth-child(2){ width:19%;}
#main_menu .main_cate2 li:nth-child(4){ width:14%;}
#main_menu .main_cate2 li:nth-child(5){ width:19%;}
#main_menu .main_cate2 img{max-width:100%; max-height:115px; text-align:center;}
#main_menu .main_cate2 p{margin-top:20px; margin-bottom:15px;}
#main_menu .main_cate2 li.on{ margin:3px 0;
border-radius: 7px;
background: #7d1600; /* Old browsers */
color:#FF0;
}
/* 메인검색 */
#main_search{border-bottom: 1px solid #c1c1c1;}
#main_search li{float:left;}
#main_search li.input{border: 3px solid #c1c1c1; border-radius: 5px; background:#fff; margin:10px; height:70px; width:82%}
#main_search .btn{float: right;}
#main_search .btn a{display: inline-block; padding:18px; border: 1px solid #dd6236; border-radius: 5px; font-size: 30px; color: #ffffff; box-shadow:inset 1px 1px 2px #ff6228; margin:10px 0; text-shadow:2px 2px 2px #bd3108; 
background: #fff; /* Old browsers */
background: -moz-linear-gradient(top,  #ff5011 0%, #ff3002 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff5011), color-stop(100%,#ff3002)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff5011 0%,#ff3002 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff5011 0%,#ff3002 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff5011 0%,#ff3002 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ff5011 0%,#ff3002 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5011', endColorstr='#ff3002',GradientType=0 ); /* IE6-9 */
}
#main_search .btn span{display: inline-block; background: url(../images/footer_ico_top.gif) no-repeat 0 1px;}
/* 메뉴위치 */
#main_title{ background:#464858; color:#ffffff; height:30px; padding:0px 7px 0px 55px; position:relative;  border-top: 1px solid #1f3746; font-size:14px; padding-top:10px;}
#main_title li{ padding-top:10px;}
#main_title .listbtn{position: absolute; top: 0; left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding:5px 5px 5px 5px; text-align:center; border: 1px solid #1b1d23; color: #fff; font-weight: bold; text-shadow:2px 2px 2px #bd3108; margin:3px 7px;
border-radius: 7px;
background: #5e616f; /* Old browsers */
background: -moz-linear-gradient(top,  #767989 0%, #4a4d5a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#767989), color-stop(100%,#4a4d5a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #767989 0%,#4a4d5a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #767989 0%,#4a4d5a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #767989 0%,#4a4d5a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #767989 0%,#4a4d5a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#767989', endColorstr='#4a4d5a',GradientType=0 ); /* IE6-9 */}

#contents{ position:relative; overflow: hidden; clear: both; width:100%;}
/* 푸터 */
#footer{overflow: hidden; clear: both; height:100px;}
#footer li{display:block; padding: 7px 0; width:100%; float:left;  text-align:center;}
#footer li a{font-weight: bold; letter-spacing: -.05em; text-align:center;  }
#footer .generalInformation {color: #898989;margin: 5px 15px 0 15px;line-height: 1.7}
#footer .copyright{float: left;}
#footer .webaward{float: left; margin: 32px 0 0 67px;}
#footer .btn{text-align:center; width:100%;}
#footer .btn a{display: inline-block; margin-left:5px; padding:7px; border: 1px solid #AAAAAA; border-radius: 5px; color: #666666; box-shadow: 0 1px 1px #C5C5C5;
background: #fff; /* Old browsers */
background: -moz-linear-gradient(top,  #fff 0%, #F1F1F1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#F1F1F1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fff 0%,#F1F1F1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fff 0%,#F1F1F1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fff 0%,#F1F1F1 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fff 0%,#F1F1F1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#F1F1F1',GradientType=0 ); /* IE6-9 */
}
#footer .btn span{display: inline-block; padding-left: 11px; background: url(../images/footer_ico_top.gif) no-repeat 0 1px;}

/* button 
---------------------------------------------- */
/*
.button {
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}
*/
/* color styles 
---------------------------------------------- */

/* black */
.black {
	color: #d7d7d7;
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.black:hover {
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.black:active {
	color: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background: -moz-linear-gradient(top,  #000,  #444);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}

/* gray */
.gray {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.gray:hover {
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.gray:active {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

/* white */
.white {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/* orange */
.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* red */
.red {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.red:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}

/* blue */
.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

/* rosy */
.rosy {
	color: #fae7e9;
	border: solid 1px #b73948;
	background: #da5867;
	background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));
	background: -moz-linear-gradient(top,  #f16c7c,  #bf404f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f');
}
.rosy:hover {
	background: #ba4b58;
	background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));
	background: -moz-linear-gradient(top,  #cf5d6a,  #a53845);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845');
}
.rosy:active {
	color: #dca4ab;
	background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c));
	background: -moz-linear-gradient(top,  #bf404f,  #f16c7c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c');
}

/* green */
.green {
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.green:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}

.green:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}

.attack_orange_list{font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #bd1802;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#fad384 0%,
		#ffc821 25%,
		#fc841c);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#fad384),
		color-stop(0.25, #ffc821),
		to(#fc841c));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #fa9b3c;
	-moz-box-shadow:
		0px 1px 3px rgba(179,179,179,0.5),
		inset 0px -1px 0px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(179,179,179,0.5),
		inset 0px -1px 0px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 3px rgba(179,179,179,0.5),
		inset 0px -1px 0px rgba(255,255,255,0.7);
	text-shadow:
		0px -1px 1px rgba(173,173,173,0.2),
		0px 1px 0px rgba(255,255,255,0.3);
}


@charset "utf-8";
/* 광고배너 */
.banner{ float:left; padding:0px; margin:0px; border:0; background:#c1c1c1; width:100%; height:auto;}
.banner a{display:block; text-align:center;  height:auto; float:left; width:100%;  height:auto;padding:0px; margin:0px; border:0; }
.banner li{ float:left; padding:0px; margin:0px; border:0; width:100%; overflow:hidden; height:auto;}
.banner img{padding:0px; margin:0px; border-top:1px solid #000;border-bottom:1px solid #000; max-width:100%; display:inline-block; max-height:auto;}
/* 즐겨찾기 타이틀 */
.mn_title{border:0; padding:10px; margin:0; float:left; position:relative; width:100%; background:#e5e5e5; border-bottom: 1px solid #cfcfcf; border-top: 1px solid #cfcfcf;} 
.mn_title li.b_title{font-size:16px; font-weight:bold; color:#000; text-align:left;}
.mn_title li.s_title{color:#8f8f8f;}
.mn_title span.day_p{float:right;}
.mn_title  .mod_btn{position: absolute; top: 0; right:7%; padding:5px; text-align:center; margin-top:5px;}
.mn_title  .day{ background:#fff; color:#ea0000; text-align:center; padding:3px 5px; float:right;  margin-right:20px; border-radius:7px; margin-top:-3px; margin-left:5px;} 
/* 커뮤니티 타이틀 */
.mn_title01{border:0; padding:10px; margin:0; float:left; position:relative; width:100%; background:#8a8ca1; } 
.mn_title01 li.b_title{font-size:12px; font-weight:bold; color:#fff; text-align:left;}
.mn_title01 li.s_title{color:#fff;}
.mn_title01  .mod_btn{position: absolute; top: 0; right:0; padding:5px; text-align:center;margin-right:32px; margin-top:5px; color:#fff;}

/* 친구추가 타이틀 */
.mn_title02{border:0; padding:10px; margin:0; float:left; position:relative; width:100%; background:#410f10; } 
.mn_title02 li.b_title{font-size:12px; font-weight:bold; color:#fff; text-align:left;}
.mn_title02 li.s_title{color:#fff;}
.mn_title02  .mod_btn{position: absolute; top: 0; right:0; padding:5px; text-align:center;margin-right:32px; margin-top:5px; color:#fff;}



/* 즐겨찾기 */
.favorite_layout{ position:relative; float:left; width:100%; padding-top:15px;  border-bottom: 1px solid #cfcfcf; }
.favorite{  float:left; width:100%; }
.favorite_layout .arow01{ position:absolute; text-align:center; top:35px; left:0; width:7%;}
.favorite_layout .arow02{ position:absolute; text-align:center; top:35px; right:0; width:7%;}
.favorite li{float:left; width:17%; text-align:center; position: relative; font-weight:bold; color:#ooo; display:block; margin-bottom:10px;}
.favorite a{display:block; text-align:center;}
.favorite li:first-child{background:none; width:7%; padding-top:20px;}
.favorite li:last-child{width:7%; padding-top:20px;}
.favorite li span{display:block; text-align:center; color:#ffffff;height:45px; width:45px; vertical-align:middle; background:#f5f5f5; border:1px solid #c7c7c7; border-radius:12px; margin:0 auto;}
.favorite li p{ padding-top:5px; overflow:hidden;}
.favorite li p.on{ padding-top:5px; overflow:hidden; color:#ef490a;}

/***************************************************************************
 * URL : /index.php
 * Page : /main/_hot_play.php
 * PageName : 탑 순위
 * Last : 신정훈
 ***************************************************************************/
.lsitn{width:100%; float:left;}
.lsitn li{width:50%; float:left;}
.lsitn li.eventn{width:49.5%; border-left:1px solid #cfcfcf;}
.best_seven{float:left; width:85%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; background:#f4f4f4; padding-right:15%; }
.best_seven li{float:left; position:relative; line-height:40px; font-weight:bold; width:85%; padding-left:20%; } 
.best_seven li.on{float:left; background:#f4f4f4;  width:85%; padding-left:15%; }
.best_seven li p{ width:60%; font-size:1em; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } 
.best_seven li span{ float:left; }
.best_seven li span.name{ position:absolute; top:7px; left:45px;}
.best_seven li span.graph{ position:absolute; top:0px; right:-10%;}
.best_seven li span.graph img{ vertical-align:middle;}
.best_seven li span.num_o{ position:absolute; top:9px; left:5px; background:#ff4c0f; border-radius:3px; border:1px solid #b61301; color:#fff; padding:0 6px; line-height:18px; font-size:12px; }
.best_seven li span.num_b{ position:absolute; top:9px; left:5px; background:#454545; border-radius:3px; border:1px solid #000; color:#fff; padding:0 6px; line-height:18px; font-size:12px; }
.best_seven_on{float:left; width:85%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; background:#ffffff; padding-right:15%; }
.best_seven_on li{float:left; position:relative; line-height:40px; font-weight:bold; width:85%; padding-left:20%; } 
.best_seven_on li.on{float:left; background:#f4f4f4;  width:85%; padding-left:15%; }
.best_seven_on li p{ width:60%; font-size:1em; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } 
.best_seven_on li span{ float:left; }
.best_seven_on li span.name{ position:absolute; top:7px; left:45px;}
.best_seven_on li span.graph{ position:absolute; top:0px; right:-10%;}
.best_seven_on li span.graph img{ vertical-align:middle;}
.best_seven_on li span.num_o{ position:absolute; top:9px; left:5px; background:#ff4c0f; border-radius:3px; border:1px solid #b61301; color:#fff; padding:0 6px; line-height:18px; font-size:12px; }
.best_seven_on li span.num_b{ position:absolute; top:9px; left:5px; background:#454545; border-radius:3px; border:1px solid #000; color:#fff; padding:0 6px; line-height:18px; font-size:12px; }



/* 메인검색 */
.search{clear: both; padding:10px;}
.search .form{position: relative; padding-right: 65px;}
.search input[type=text]{-webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 40px; padding-left: .5em; border: 2px solid #c1c1c1; border-radius: 5px; background-color: #fff; font-weight: bold; font-size:14px;}
.search .srcBtn{position: absolute; top: 0; right: 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 56px; height:40px; text-align:center; border: 1px solid #d83900; color: #fff; font-weight: bold; text-shadow:2px 2px 2px #bd3108;
border-radius: 7px; font-size:14px;
background: #ff3002; /* Old browsers */
background: -moz-linear-gradient(top,  #ff6b11 0%, #ff431b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6b11), color-stop(100%,#ff431b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff6b11 0%,#ff431b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff6b11 0%,#ff431b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff6b11 0%,#ff431b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ff6b11 0%,#ff431b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6b11', endColorstr='#ff431b',GradientType=0 ); /* IE6-9 */}


/* 서브검색 */
.search_sub{clear: both; padding:10px; border-bottom:1px solid #d9d9d9; border-top:1px solid #d9d9d9;}
.search_sub .form{position: relative; padding-right: 65px;}
.search_sub input[type=text]{-webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 40px; padding-left:35px; border: 2px solid #c1c1c1; border-radius: 5px; background-color: #fff; font-weight: bold; font-size:14px; background:url(http://appdata.hungryapp.co.kr/m_images/new_main/search_img.jpg) no-repeat; background-size: 20px 20px; background-position: 7px 7px;}
.search_sub .srcBtn{position: absolute; top: 0; right: 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 64px; height:40px; text-align:center; border: 1px solid #7b879c; color: #fff; font-weight: bold; border-radius: 7px; font-size:14px;
background: #7b879c; /* Old browsers */
background: -moz-linear-gradient(top,  #465675 0%, #253552 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#465675), color-stop(100%,#253552)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #465675 0%,#253552 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #465675 0%,#253552 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #465675 0%,#253552 100%); /* IE10+ */
background: linear-gradient(to bottom,  #465675 0%,#253552 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#465675', endColorstr='#253552',GradientType=0 ); /* IE6-9 */ box-shadow: 1px 1px 1px #ffffff;}

/* 서브검색 */

/* 서브탭메뉴3 */
.sub_tep3{clear: both; border-bottom:1px solid #d9d9d9;  background:#f5f5f5; float:left; width:96%; padding:2%;}
.sub_tep3 .form{ float:left; border: 1px solid #d9d9d9; color: #000; font-weight: bold; 
border-radius: 7px; font-size:14px; width:100%; 
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #eaeaea 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#eaeaea 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */}
.sub_tep3 .form li{ text-align:center; width:33.3%;  float:left; line-height:40px; background:url(http://appdata.hungryapp.co.kr/m_images/new_main/menu_line.jpg) no-repeat; background-position:0 0;}
.sub_tep3 .form li:first-child{ background:none;}
.sub_tep3 .form li.on_first{ text-align:center; float:left; background:#8a8ca1; color:#fff;
border-top-left-radius:6px;
border-top-right-radius:0px;
border-bottom-left-radius:6px;
border-bottom-right-radius:0px;} 
.sub_tep3 .form li.on_last{ text-align:center; float:left; background:#8a8ca1; color:#fff; width:33.4%;
border-top-left-radius:0px;
border-top-right-radius:6px;
border-bottom-left-radius:0px;
border-bottom-right-radius:6px;} 
.sub_tep3 .form li.on{ text-align:center; float:left; background:#8a8ca1; color:#fff;}

.mn_title01{border:0; padding:10px; margin:0; float:left; position:relative; width:100%; background:#8a8ca1; } 
.mn_title01 li.b_title{font-size:12px; font-weight:bold; color:#fff; text-align:left;}
.mn_title01 li.s_title{color:#fff;}
.mn_title01  .mod_btn{position: absolute; top: 0; right:0; padding:5px; text-align:center;margin-right:32px; margin-top:5px; color:#fff;}


.com_list01{float:left; width:100%;}
.com_list01 li{float:left; width:80%; padding-left:10px; position:relative; font-size:14px; padding-top:7px; padding-bottom:7px; border-bottom:1px solid #cfcfcf; line-height:20px; padding-right:20%; background:#fff }
.com_list01 li.view{float:left; width:100%; padding-left:10px; position:relative; font-size:14px; padding-top:7px; padding-bottom:7px; border-bottom:1px solid #cfcfcf; line-height:20px; padding-right:20%;}
.com_list01 li.view span.sos{ padding:3px 5px; border:1px solid #cfcfcf; margin-right:3px; margin-right:3px;  border-radius:5px; font-size:12px; font-weight:bold;
background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top,  #f4f4f4 0%, #d4d4d4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#d4d4d4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4f4f4 0%,#d4d4d4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4f4f4 0%,#d4d4d4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4f4f4 0%,#d4d4d4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f4f4f4 0%,#d4d4d4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#d4d4d4',GradientType=0 ); /* IE6-9 */}
.com_list01 li.friend{float:left; width:85%; padding-left:10px; position:relative; font-size:16px; padding-top:7px; padding-bottom:7px; border-bottom:1px solid #cfcfcf; line-height:30px; height:30px; font-weight:bold; padding-right:15%;}
.com_list01 li.link{float:left; width:100%; padding-left:10px; position:relative; font-size:14px; padding-top:7px; padding-bottom:7px; border-bottom:none; }
.com_list01 li.mis_btn{width:47%; text-align:center; float:left;border-bottom:none;}
.com_list01 li.subject{float:left; width:90%; padding-left:10px; position:relative; font-size:13px; padding-top:7px; padding-bottom:7px; border-bottom:1px solid #cfcfcf; line-height:30px; background:#f5f5f5; font-weight:bold;}
.com_list01 li.content{float:left; width:95%; padding-left:10px; position:relative; font-size:14px; padding-top:7px; padding-bottom:7px; border-bottom:none; line-height:18px; }
.com_list01 li.content img{ height:auto; }
.com_list01 li.mission{float:left; width:100%; padding-left:10px; position:relative; font-size:14px; padding-top:7px; line-height:35px; background:#a8aabf; color:#fff; border-bottom:none;}
.com_list01 li.event{float:left; width:100%; padding-left:10px; position:relative; font-size:14px; padding-top:7px; line-height:40px; background:#ebf6fa; color:#fff; border-bottom:none;  border-bottom:2px solid #bfd9e2;border-top:2px solid #bfd9e2; color:#000; font-weight:bold;}
.com_list01 li.on{float:left; width:100%; padding-left:10px; position:relative; font-size:14px; padding-top:7px;  padding-bottom:7px; border-bottom:1px solid #cfcfcf; background:#f5f5f5;}
.com_list01 li span.infon{position:absolute; top:7px; right:20px; color:#ff690f; font-weight:bold; width:80px; background-color:#F00}
.com_list01 li span.type{ color:#5d9f41; margin-right:5px; }
.com_list01 li p{ font-size:12px;}
.com_list01 li.last_more{float:left; width:85%;  position:relative; font-size:12px; color:#fff; background:#bcbcbc;  padding-top:none; padding-bottom:none; text-align:right; padding-left:none; padding-right:15%;}
.com_list01 li.last_more a{ width:100%; display:block; padding-right:15px; color:#fff; padding:5px 0;}
.com_list01 .arow_next{position:absolute; right:5%; top:50%; margin-top:-10px;}

.com_list01 li.friend .arrow_box02 {
	position:absolute;
	border-radius: 5px;
	color:#000;
	text-align:center;
	font-weight:bold;
	line-height:30px;
	border:1px solid #bdbdbd;
	top:4px;
	right:20px;
	font-size:14px;
	padding:3px 10px;
	z-index:99;
	background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top,  #f4f4f4 0%, #d4d4d4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#d4d4d4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4f4f4 0%,#d4d4d4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4f4f4 0%,#d4d4d4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4f4f4 0%,#d4d4d4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f4f4f4 0%,#d4d4d4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#d4d4d4',GradientType=0 ); /* IE6-9 */ }
/* 중간메뉴 뉴버튼 */
.arrow_box01 {
	position:absolute;
	border-radius: 7px;
	color:#ff6c00;
	text-align:center;
	font-weight:bold;
	width:30px;
	height:22px;
	line-height:22px;
	border:1px solid #d3d3d3;
	top:0px;
	right:0px;
	font-size:14px;
	padding:3px;
	z-index:99;
	background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top,  #f4f4f4 0%, #d4d4d4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#d4d4d4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4f4f4 0%,#d4d4d4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4f4f4 0%,#d4d4d4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4f4f4 0%,#d4d4d4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f4f4f4 0%,#d4d4d4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#d4d4d4',GradientType=0 ); /* IE6-9 */ }

.arrow_box01:after {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box01:after {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #d4d4d4;
	border-width: 8px 8px 8px 8px;
	left: 11px;
	
}
/* 기사더보기 */
.arrow_box_new {
	border-radius: 7px;
	color:#ff6c00;
	text-align:center;
	font-weight:bold;
	width:30px;
	height:22px;
	line-height:22px;
	border:1px solid #d3d3d3;
	top:0px;
	right:0px;
	font-size:14px;
	padding:3px;
	z-index:99;
	background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top,  #f4f4f4 0%, #d4d4d4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#d4d4d4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4f4f4 0%,#d4d4d4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4f4f4 0%,#d4d4d4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4f4f4 0%,#d4d4d4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f4f4f4 0%,#d4d4d4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#d4d4d4',GradientType=0 ); /* IE6-9 */ }

.arrow_box01:after {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box01:after {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #d4d4d4;
	border-width: 8px 8px 8px 8px;
	left: 11px;
	
}


.arrow_box02 {
	position:absolute;
	border-radius: 5px;
	color:#000;
	text-align:center;
	font-weight:bold;
	line-height:30px;
	border:1px solid #bdbdbd;
	top:4px;
	right:0;
	font-size:14px;
	padding:3px 10px;
	z-index:99;
	background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top,  #f4f4f4 0%, #d4d4d4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#d4d4d4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4f4f4 0%,#d4d4d4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4f4f4 0%,#d4d4d4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4f4f4 0%,#d4d4d4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f4f4f4 0%,#d4d4d4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#d4d4d4',GradientType=0 ); /* IE6-9 */ }


.arrow_box03 {
	position:absolute;
	border-radius: 5px;
	color:#000;
	text-align:center;
	line-height:30px;
	top:4px;
	right:80px;
	font-size:12px;
	padding:3px 10px;
	z-index:99;
	background: #ffea00;
	font-weight:100;
}
.arrow_box03:after {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box03:after {
	border-color: rgba(136, 183, 213, 0);
	border-right-color: #ffea00;
	border-width: 7px;
	top: 50%;
	margin-top: -7px;
}
.arrow_box04 {
	position:absolute;
	border-radius: 5px;
	color:#000;
	text-align:center;
	font-weight:bold;
	line-height:30px;
	border:1px solid #bdbdbd;
	bottom:10%;
	left:50%;
	margin-left:-25%;
	font-size:14px;
	padding:0 7px;
	z-index:99;
	background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top,  #f4f4f4 0%, #d4d4d4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#d4d4d4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4f4f4 0%,#d4d4d4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4f4f4 0%,#d4d4d4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4f4f4 0%,#d4d4d4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f4f4f4 0%,#d4d4d4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#d4d4d4',GradientType=0 ); /* IE6-9 */ }



/* 페이징 */
.paging{ width:100%;margin:10px auto; text-align:center; float:left; display:inline; background:#fff }
.paging ul{ margin:0 auto; display:inline-block; border: 1px solid #CCC;}
.paging ul li{ font-weight:bold; width:30px; height:30px;float:left; border-right: 1px solid #CCC; line-height:30px; font-size:14px;}
.paging ul li img{ margin-top:-7px;}
.paging ul li:first-child{ background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #eaeaea 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#eaeaea 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */}
.paging ul li:last-child{ border-right:none; background: #ffffff; /* Old browsers */ 
background: -moz-linear-gradient(top,  #ffffff 0%, #eaeaea 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#eaeaea 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */}
.paging ul li.selected{ font-weight:bold; float:left; background:#aaaaaa; color:#ffffff;}
.paging li img{padding-top:7px}


/* 공지사항 */
.notice{ position:relative;}
.notice li{float:left; width:70%; text-align:left; position: relative;  padding:12px 0; height:16px; background:#dedede url(http://appdata.hungryapp.co.kr/m_images/new_main/game_link_line.jpg) repeat-y; color:#000; }
.notice li:first-child{background:none; width:15%; color:#777777; background:#dedede; text-align:center;}
.notice li:last-child{ width:15%; text-align:center;}
.notice a{display:inline-block; width:100%; height:100%;}



/* 게임친구 */
.com_friend_list{float:left; width:100%;}
.com_friend_list ul{float:left; width:100%; border-bottom:1px solid #cfcfcf;}
.com_friend_list li.text{float:left; width:82%; padding-left:3%; font-size:14px; padding-top:7px; padding-bottom:7px; line-height:20px;}
.com_friend_list li.btn{float:left; width:15%;  position:relative; font-size:14px; padding-top:7px; padding-bottom:7px; line-height:20px;}
.com_friend_list .arrow_box02 {
	position:absolute;
	border-radius: 5px;
	color:#000;
	text-align:center;
	font-weight:bold;
	line-height:30px;
	border:1px solid #bdbdbd;
	top:7px;
	right:3%;
	font-size:14px;
	padding:3px 10px;
	z-index:99;
	background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top,  #f4f4f4 0%, #d4d4d4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#d4d4d4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4f4f4 0%,#d4d4d4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4f4f4 0%,#d4d4d4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4f4f4 0%,#d4d4d4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f4f4f4 0%,#d4d4d4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#d4d4d4',GradientType=0 ); /* IE6-9 */ }



/* 게임정보상세 */
.game_info{clear: both; padding:10px; background:#f5f5f5; float:left; width:100%; }
.game_info li{ float:left;}
.game_list li p{float:left; width:100%; text-align:center; display:block; line-height:20px; font-size:11px; color:#7b7b7b;}
.game_info li.img{ width:20%;}
.game_info li.info{ width:60%; font-size:16px; font-weight:bold; padding-top:5px;}
.game_info li.rank{ width:20%; font-size:24px; font-weight:bold; color:#ff3706; text-align:center; padding-top:5px; position:relative;}


.add_popup{width:85%;
background-color:#CCC;
margin:0 auto;
float:left;
border:1px solid #bebebe;
background:-moz-linear-gradient(top, #ffffff 0%, #dfdfdf 100%); /* FF3.6+ */
 background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */
 background:-webkit-linear-gradient(top, #ffffff 0%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */
 background:-o-linear-gradient(top, #ffffff 0%,dfdfdf 100%); /* Opera 11.10+ */
 background:-ms-linear-gradient(top, #ffffff 0%,#dfdfdf 100%); /* IE10+ */
 background:linear-gradient(top, #ffffff 0%,#dfdfdf 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dfdfdf',GradientType=0); /* IE6-9 */}
 
.add_popup li.title{width:100%;
text-align:center;
color:#ffffff;
padding:12px 0 12px 0;
font-size:14pt;
font-weight:bold;
float:left;
text-shadow:1px 2px 2px #a74400;
background:-moz-linear-gradient(top, #ff9800 0%, #ff6200 100%); /* FF3.6+ */
 background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9800), color-stop(100%,#ff6200)); /* Chrome,Safari4+ */
 background:-webkit-linear-gradient(top, #ff9800 0%,#ff6200 100%); /* Chrome10+,Safari5.1+ */
 background:-o-linear-gradient(top, #ff9800 0%,ff6200 100%); /* Opera 11.10+ */
 background:-ms-linear-gradient(top, #ff9800 0%,#ff6200 100%); /* IE10+ */
 background:linear-gradient(top, #ff9800 0%,#ff6200 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9800', endColorstr='#ff6200',GradientType=0); /* IE6-9 */}
.add_popup li.text{width:100%;
text-align:center;
color:#888787;
padding:15px 0 15px 0;
font-size:11pt;
border-bottom:1px solid #c6c6c6;
float:left;}
.add_popup li.btn{width:100%;
text-align:center;
font-size:11pt;
padding:15px 0 0 0;
border-top:1px solid #ffffff;
float:left;}

.add_popup li.btn p.btn_talk{width:78%;
background-color:#CCC;
float:left;
color:#613000;
padding:12px;
margin-left:20px;
-moz-border-radius: 8px; /*모질라*/
-webkit-border-radius: 8px; /*웹킷*/
/*IE9+,FF4+,chrome,Safari5,+opera*/
border-radius: 8px;
border:1px solid #daba0c;
display:inline-block;
letter-spacing:-1px;
text-shadow:1px 1px 1px #f0dea0;
background:-moz-linear-gradient(top, #f9e60f 0%, #c58300 100%); /* FF3.6+ */
 background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9e60f), color-stop(100%,#c58300)); /* Chrome,Safari4+ */
 background:-webkit-linear-gradient(top, #f9e60f 0%,#c58300 100%); /* Chrome10+,Safari5.1+ */
 background:-o-linear-gradient(top, #f9e60f 0%,c58300 100%); /* Opera 11.10+ */
 background:-ms-linear-gradient(top, #f9e60f 0%,#c58300 100%); /* IE10+ */
 background:linear-gradient(top, #f9e60f 0%,#c58300 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9e60f', endColorstr='#c58300',GradientType=0); /* IE6-9 */}
 .add_popup li.btn p.btn_game{width:32%;
background-color:#CCC;
margin-top:7px;
color:#ffffff;
padding:12px;
float:left;
margin-left:20px;
display:inline-block;
-moz-border-radius: 8px; /*모질라*/
-webkit-border-radius: 8px; /*웹킷*/
/*IE9+,FF4+,chrome,Safari5,+opera*/
border-radius: 8px;
border:1px solid #f16200;
text-shadow:1px 2px 2px #b35100;
background:-moz-linear-gradient(top, #ff9800 0%, #ff6200 100%); /* FF3.6+ */
 background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9800), color-stop(100%,#ff6200)); /* Chrome,Safari4+ */
 background:-webkit-linear-gradient(top, #ff9800 0%,#ff6200 100%); /* Chrome10+,Safari5.1+ */
 background:-o-linear-gradient(top, #ff9800 0%,ff6200 100%); /* Opera 11.10+ */
 background:-ms-linear-gradient(top, #ff9800 0%,#ff6200 100%); /* IE10+ */
 background:linear-gradient(top, #ff9800 0%,#ff6200 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9800', endColorstr='#ff6200',GradientType=0); /* IE6-9 */}
 .add_popup li.btn p.btn_cancle{width:32%;
background-color:#CCC;
margin-top:7px;
margin-left:15px;
float:left;
color:#ffffff;
padding:12px;
display:inline-block;
-moz-border-radius: 8px; /*모질라*/
-webkit-border-radius: 8px; /*웹킷*/
/*IE9+,FF4+,chrome,Safari5,+opera*/
border-radius: 8px;
border:1px solid #999999;
text-shadow:1px 2px 2px #5c5c5c;
background:-moz-linear-gradient(top, #989898 0%, #606060 100%); /* FF3.6+ */
 background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#989898), color-stop(100%,#606060)); /* Chrome,Safari4+ */
 background:-webkit-linear-gradient(top, #989898 0%,#606060 100%); /* Chrome10+,Safari5.1+ */
 background:-o-linear-gradient(top, #989898 0%,606060 100%); /* Opera 11.10+ */
 background:-ms-linear-gradient(top, #989898 0%,#606060 100%); /* IE10+ */
 background:linear-gradient(top, #989898 0%,#606060 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#989898', endColorstr='#606060',GradientType=0); /* IE6-9 */}
.add_popup li.btn p.btn_cancle1{width:78%;
background-color:#CCC;
margin-top:7px;
float:left;
margin-left:20px;
color:#ffffff;
padding:12px;
display:inline-block;
-moz-border-radius: 8px; /*모질라*/
-webkit-border-radius: 8px; /*웹킷*/
/*IE9+,FF4+,chrome,Safari5,+opera*/
border-radius: 8px;
border:1px solid #999999;
text-shadow:1px 2px 2px #5c5c5c;
background:-moz-linear-gradient(top, #989898 0%, #606060 100%); /* FF3.6+ */
 background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#989898), color-stop(100%,#606060)); /* Chrome,Safari4+ */
 background:-webkit-linear-gradient(top, #989898 0%,#606060 100%); /* Chrome10+,Safari5.1+ */
 background:-o-linear-gradient(top, #989898 0%,606060 100%); /* Opera 11.10+ */
 background:-ms-linear-gradient(top, #989898 0%,#606060 100%); /* IE10+ */
 background:linear-gradient(top, #989898 0%,#606060 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#989898', endColorstr='#606060',GradientType=0); /* IE6-9 */}
 
 .add_popup li.btn span.btn_talk{width:78%;
background-color:#CCC;
float:left;
color:#613000;
padding:12px;
margin-left:20px;
-moz-border-radius: 8px; /*모질라*/
-webkit-border-radius: 8px; /*웹킷*/
/*IE9+,FF4+,chrome,Safari5,+opera*/
border-radius: 8px;
border:1px solid #daba0c;
display:inline-block;
letter-spacing:-1px;
text-shadow:1px 1px 1px #f0dea0;
background:-moz-linear-gradient(top, #f9e60f 0%, #c58300 100%); /* FF3.6+ */
 background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9e60f), color-stop(100%,#c58300)); /* Chrome,Safari4+ */
 background:-webkit-linear-gradient(top, #f9e60f 0%,#c58300 100%); /* Chrome10+,Safari5.1+ */
 background:-o-linear-gradient(top, #f9e60f 0%,c58300 100%); /* Opera 11.10+ */
 background:-ms-linear-gradient(top, #f9e60f 0%,#c58300 100%); /* IE10+ */
 background:linear-gradient(top, #f9e60f 0%,#c58300 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9e60f', endColorstr='#c58300',GradientType=0); /* IE6-9 */}
 .add_popup li.btn span.btn_game{width:32%;
background-color:#CCC;
margin-top:7px;
color:#ffffff;
padding:12px;
float:left;
margin-left:20px;
display:inline-block;
-moz-border-radius: 8px; /*모질라*/
-webkit-border-radius: 8px; /*웹킷*/
/*IE9+,FF4+,chrome,Safari5,+opera*/
border-radius: 8px;
border:1px solid #f16200;
text-shadow:1px 2px 2px #b35100;
background:-moz-linear-gradient(top, #ff9800 0%, #ff6200 100%); /* FF3.6+ */
 background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9800), color-stop(100%,#ff6200)); /* Chrome,Safari4+ */
 background:-webkit-linear-gradient(top, #ff9800 0%,#ff6200 100%); /* Chrome10+,Safari5.1+ */
 background:-o-linear-gradient(top, #ff9800 0%,ff6200 100%); /* Opera 11.10+ */
 background:-ms-linear-gradient(top, #ff9800 0%,#ff6200 100%); /* IE10+ */
 background:linear-gradient(top, #ff9800 0%,#ff6200 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9800', endColorstr='#ff6200',GradientType=0); /* IE6-9 */}
 .add_popup li.btn span.btn_cancle{width:32%;
background-color:#CCC;
margin-top:7px;
margin-left:15px;
float:left;
color:#ffffff;
padding:12px;
display:inline-block;
-moz-border-radius: 8px; /*모질라*/
-webkit-border-radius: 8px; /*웹킷*/
/*IE9+,FF4+,chrome,Safari5,+opera*/
border-radius: 8px;
border:1px solid #999999;
text-shadow:1px 2px 2px #5c5c5c;
background:-moz-linear-gradient(top, #989898 0%, #606060 100%); /* FF3.6+ */
 background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#989898), color-stop(100%,#606060)); /* Chrome,Safari4+ */
 background:-webkit-linear-gradient(top, #989898 0%,#606060 100%); /* Chrome10+,Safari5.1+ */
 background:-o-linear-gradient(top, #989898 0%,606060 100%); /* Opera 11.10+ */
 background:-ms-linear-gradient(top, #989898 0%,#606060 100%); /* IE10+ */
 background:linear-gradient(top, #989898 0%,#606060 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#989898', endColorstr='#606060',GradientType=0); /* IE6-9 */}
 .add_popup li.btn span.btn_cancle1{width:78%;
background-color:#CCC;
float:left;
color:#ffffff;
padding:12px;
margin-left:20px;
-moz-border-radius: 8px; /*모질라*/
-webkit-border-radius: 8px; /*웹킷*/
/*IE9+,FF4+,chrome,Safari5,+opera*/
border-radius: 8px;
border:1px solid #999999c;
display:inline-block;
letter-spacing:-1px;
text-shadow:1px 1px 1px #5c5c5c;
background:-moz-linear-gradient(top, #989898 0%, #606060 100%); /* FF3.6+ */
 background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#989898), color-stop(100%,#606060)); /* Chrome,Safari4+ */
 background:-webkit-linear-gradient(top, #989898 0%,#606060 100%); /* Chrome10+,Safari5.1+ */
 background:-o-linear-gradient(top, #989898 0%,606060 100%); /* Opera 11.10+ */
 background:-ms-linear-gradient(top, #989898 0%,#606060 100%); /* IE10+ */
 background:linear-gradient(top, #989898 0%,#606060 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#989898', endColorstr='#606060',GradientType=0); /* IE6-9 */}


 .srcBtn01{position: absolute; top: 0; right: 0; -webkit-box-sizing: border-box; box-sizing: border-box; line-height:40px;  padding:0 10px;text-align:center; border: 1px solid #bdbdbd; color: #000; font-weight: bold; 
border-radius: 7px; font-size:14px;
background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top,  #f4f4f4 0%, #d4d4d4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#d4d4d4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4f4f4 0%,#d4d4d4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4f4f4 0%,#d4d4d4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4f4f4 0%,#d4d4d4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f4f4f4 0%,#d4d4d4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#d4d4d4',GradientType=0 ); /* IE6-9 */}
.com_srcBtn01{position: absolute; top: 5px; right: 95px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height:45px;  padding:0 10px;text-align:center; border: 1px solid #bdbdbd; color: #000; font-weight: bold; 
border-radius: 5px; font-size:14px;
background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top,  #f4f4f4 0%, #d6d8ed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#d6d8ed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4f4f4 0%,#d6d8ed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4f4f4 0%,#d6d8ed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4f4f4 0%,#d6d8ed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f4f4f4 0%,#d6d8ed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#d6d8ed',GradientType=0 ); /* IE6-9 */}
.com_srcBtn02{position: absolute; top: 5px; right: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height:45px;  padding:0 10px;text-align:center; border: 1px solid #bdbdbd; color: #000; font-weight: bold; 
border-radius: 5px; font-size:14px;
background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top,  #f4f4f4 0%, #d4d4d4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#d4d4d4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4f4f4 0%,#d4d4d4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4f4f4 0%,#d4d4d4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4f4f4 0%,#d4d4d4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f4f4f4 0%,#d4d4d4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#d4d4d4',GradientType=0 ); /* IE6-9 */}
.com_srcBtn03{position: absolute; top: 5px; right: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height:35px;  padding:0 10px;text-align:center; border: 1px solid #71738c; color: #fff; font-weight: bold; 
border-radius: 5px; font-size:14px;
background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top,  #8a8ca1 0%, #66687d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8a8ca1), color-stop(100%,#66687d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #8a8ca1 0%,#66687d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #8a8ca1 0%,#66687d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #8a8ca1 0%,#66687d 100%); /* IE10+ */
background: linear-gradient(to bottom,  #8a8ca1 0%,#66687d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a8ca1', endColorstr='#66687d',GradientType=0 ); /* IE6-9 */}
.com_srcBtn04{position: absolute; top: 3px; right: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height:30px;  padding:0 10px;text-align:center; border: 1px solid #bdbdbd; color: #000; font-weight: bold; 
border-radius: 5px; font-size:14px;
background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top,  #f4f4f4 0%, #d4d4d4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#d4d4d4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4f4f4 0%,#d4d4d4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4f4f4 0%,#d4d4d4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4f4f4 0%,#d4d4d4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f4f4f4 0%,#d4d4d4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#d4d4d4',GradientType=0 ); /* IE6-9 */}
.com_srcBtn05{position: absolute; top: 5px; right:12%; -webkit-box-sizing: border-box; box-sizing: border-box; line-height:30px;  padding:0 10px;text-align:center; border: 1px solid #bdbdbd; color: #000; font-weight: bold; 
border-radius: 5px; font-size:14px;
background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top,  #f4f4f4 0%, #d6d8ed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#d6d8ed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4f4f4 0%,#d6d8ed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4f4f4 0%,#d6d8ed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4f4f4 0%,#d6d8ed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f4f4f4 0%,#d6d8ed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#d6d8ed',GradientType=0 ); /* IE6-9 */}

.com_srcBtn06{-webkit-box-sizing: border-box; box-sizing: border-box; line-height:35px;  padding:0 10px;text-align:center; border: 1px solid #bdbdbd; color: #eb3700; font-weight: bold; 
border-radius: 7px; font-size:18px; width:70px; margin:0 auto;
background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top,  #f4f4f4 0%, #d6d8ed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#d6d8ed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4f4f4 0%,#d6d8ed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4f4f4 0%,#d6d8ed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4f4f4 0%,#d6d8ed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f4f4f4 0%,#d6d8ed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#d6d8ed',GradientType=0 ); /* IE6-9 */}
.com_srcBtn06 p{width:100%; color:#8a8ca1; font-size:12px; font-weight:bold; border-bottom: 1px solid #d5d6df; line-height:24px;}



/* 즐겨찾기 클릭시 */
.favorite_open{ width:75%; position:absolute; margin-top:0; right:0px;  z-index:99;}
.favorite_open .close{float:right; background:#20212d; padding:3%; color:#fff;}
.favorite_open .title_s{ width:94%; float:left; color:#fff; line-height:35px; font-weight:bold; padding:0 3%; background:#20212d; font-size:14px; }
.favorite_open .title{ width:94%; float:left; color:#fff; font-weight:bold; padding:12px 3%; background:#20212d; font-size:16px; position:relative;}
.favorite_open .title span{ float:right; margin-left:5px; color:#8a8ca1; display:block; border-radius:7px; font-weight:100; font-size:14px; background:#464857; padding:5px 7px; position:absolute; right:3%; top:10px;}
.favorite_open .tep{ width:100%; float:left; border-top:1px solid #d9d9d9; text-align:center; font-weight:bold;}
.favorite_open .tep li{ width:50%; float:left; color:#787878; background:#ffffff url(http://appdata.hungryapp.co.kr/m_images/new_main/line.png) repeat-y right; line-height:35px; border-bottom:1px solid #d9d9d9;} 
.favorite_open .tep li.on{ width:50%; float:left; color:#000000; background:#f5f5f5 url(http://appdata.hungryapp.co.kr/m_images/new_main/line.png) repeat-y right; border-bottom:1px solid #f5f5f5;}
.favorite_open .list{ width:94%; background:#20212d; float:left; padding:0 3%;}
.favorite_open .list img{ vertical-align:middle;}
.favorite_open .list ul{ width:100%; float:left; border-bottom:1px solid #cfcfcf;}
.favorite_open .list li{ width:94%; float:left; padding:5px 3%; font-weight:bold; background:#fff;}
.favorite_open .list li.none{ float:left; padding:5px 3%; font-weight:bold; background:#fff;}
.favorite_open .list b{ margin:0 10px; font-size:18px; font-weight:bold; height:25px; padding-top:5px; vertical-align:middle;}
.favorite_open .list li.on{ background:#ffffff; float:left;}
.favorite_open .list span{ float:right; margin-left:5px;display:block; padding:0px 6px; z-index:99;
	border:1px solid #cecece; border-radius:5px; color:#000; line-height:28px;
	background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e3e3e3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e3e3e3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e3e3e3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e3e3e3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e3e3e3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #v 0%,#e3e3e3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-9 */ }

.favorite_open .list span.btn{ float:right; display:block; padding:0px 8px; z-index:99;
	border:1px solid #cecece; border-top-left-radius:5px; margin-left:0px; margin-top:2px;
border-top-right-radius:0px;
border-bottom-left-radius:5px;
border-bottom-right-radius:0px;  color:#000; line-height:30px;
	background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e3e3e3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e3e3e3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e3e3e3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e3e3e3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e3e3e3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #v 0%,#e3e3e3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-9 */ }
.favorite_open .list span.btn01{ float:right; display:block; padding:0px 8px; z-index:99;
	border:1px solid #cecece; border-top-left-radius:0; border-left:none;margin-top:2px;
border-top-right-radius:5px;margin-left:0px;
border-bottom-left-radius:0;
border-bottom-right-radius:5px;  color:#000; line-height:30px;
	background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e3e3e3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e3e3e3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e3e3e3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e3e3e3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e3e3e3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #v 0%,#e3e3e3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-9 */ }
/* 페이징 */
.fav_paging{ text-align:center; float:left; display:inline; background:#20212d; width:94%; margin:0 auto; padding:3%; }
.fav_paging ul{ margin:0 auto; display:inline-block;}
.fav_paging ul li{ font-weight:bold; width:25px; height:25px; float:left; line-height:25px; font-size:14px;}
.fav_paging ul li:first-child{ background: #595b70; border-radius:7px;}
.fav_paging ul li:last-child{ border-right:none; background: #595b70;  border-radius:7px;}
.fav_paging ul li.selected{ font-weight:bold; float:left; color:#ffffff;}
.fav_paging li img{ vertical-align:middle;}


/* 즐겨찾기검색 */
.favorite_open .favorite_search{width:94%; float:left; color:#fff; line-height:35px; font-weight:bold; font-size:14px; padding:0 3% 10px 3%; background:#20212d;}
.favorite_open .favorite_search .form{position: relative; padding-right: 45px;}
.favorite_open .favorite_search input[type=text]{-webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 35px; padding-left:35px; border: 2px solid #c1c1c1; border-radius: 5px; background-color: #fff; font-weight: bold; font-size:14px; background:#fff url(http://appdata.hungryapp.co.kr/m_images/new_main/search_img.jpg) no-repeat; background-size: 20px 20px; background-position: 5px 5px;}
.favorite_open .favorite_search .srcBtn{position: absolute; top: 0; right: 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 40px; height:37px; text-align:center; border: 1px solid #000; color: #fff; font-weight: bold; border-radius: 7px; font-size:14px;
background: #7b879c; /* Old browsers */
background: -moz-linear-gradient(top,  #465675 0%, #253552 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#465675), color-stop(100%,#253552)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #465675 0%,#253552 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #465675 0%,#253552 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #465675 0%,#253552 100%); /* IE10+ */
background: linear-gradient(to bottom,  #465675 0%,#253552 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#465675', endColorstr='#253552',GradientType=0 ); /* IE6-9 */ box-shadow: 1px 1px 1px #000;}


/* 알림버튼 */
.alim_all{position: relative; padding:8px; text-align:center; border: 1px solid #c4c4c4; font-weight: bold;
border-radius: 7px; font-size:14px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e3e3e3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e3e3e3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e3e3e3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e3e3e3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e3e3e3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #v 0%,#e3e3e3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-9 */ }
.alim_del{position: relative; padding:8px; text-align:center; border: 1px solid #c4c4c4; font-weight: bold; color:#ff3704;
border-radius: 7px; font-size:14px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e3e3e3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e3e3e3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e3e3e3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e3e3e3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e3e3e3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #v 0%,#e3e3e3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-9 */ }
.alim_list{width:100%; float:left;}
.alim_list ul{width:100%; padding:0 10px; border-bottom:1px solid #cfcfcf; float:left;}
.alim_list li{ float:left;}
.alim_list li.img   { float:left;  width:9%;  padding-top:10px; height:35px;  }
.alim_list li.img01 { float:left;  width:9%;  padding-top:7px;  height:38px;  }
.alim_list li.text  { float:left;  width:55%; padding-top:3px; padding-right:3px; line-height:20px;}
.alim_list li.time  { float:right; width:14%; line-height:45px;}
.alim_list li.btn{ float:right; width:12%;}
.alim_list ul.on{width:100%; padding:0 10px; border-bottom:1px solid #cfcfcf; background:#fdfbee;}
.alim_del01{padding:5px; text-align:center; border: 1px solid #c4c4c4; font-weight: bold; float:left; margin-right:5%; margin-top:5px;
border-radius: 7px; font-size:14px; height:22px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e3e3e3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e3e3e3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e3e3e3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e3e3e3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e3e3e3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #v 0%,#e3e3e3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-9 */ }

/*151027*/
div.game_ranking { background:#fff }