@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{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 넣어도 보더 안생겨서 뺌*/

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(//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;}

/* 채팅탑메뉴 */
#talk_menu{position: relative; border-top: 1px solid #000000; border-bottom: 1px solid #000000;
background: #2e4872; /* Old browsers */
background: -moz-linear-gradient(top,  #36507d 0%, #294069 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#36507d), color-stop(100%,#294069)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #36507d 0%,#294069 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #36507d 0%,#294069 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #36507d 0%,#294069 100%); /* IE10+ */
background: linear-gradient(to bottom,  #36507d 0%,#294069 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36507d', endColorstr='#294069',GradientType=0 ); /* IE6-9 */
}
#talk_menu .main_category{overflow: hidden; text-align:center;}
#talk_menu .main_category li{float:left; width:20%; background: url(//appdata.hungryapp.co.kr/m_images/chat/line.jpg) no-repeat; text-align:center; height:57px;  position:relative;}
#talk_menu .main_category a{display:block; text-align:center;}
#talk_menu .main_category li:first-child{background:none;}
#talk_menu .main_category img{max-width:100%; max-height:57px; text-align:center;}
#talk_menu .main_category span.tic{ position:absolute; top:5px; left:60%; border: 1px solid #f70000;
background: #e80000; /* Old browsers */
background: -moz-linear-gradient(top,  #ff0000 0%, #e20000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0000), color-stop(100%,#e20000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff0000 0%,#e20000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff0000 0%,#e20000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff0000 0%,#e20000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ff0000 0%,#e20000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#e20000',GradientType=0 ); /* IE6-9 */
box-shadow: 1px 1px 1px #253757; padding:3px; color:#ffffff; 
border-radius:5px; font-size:10px;
}
.coupon_top{width:100%; line-height:60px; color:#fff; font-size:18px; text-align:center; font-weight:bold; float:left; position: relative;
background: #e80000; /* Old browsers */
background: -moz-linear-gradient(top,  #151833 0%, #313348 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#151833), color-stop(100%,#313348)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #151833 0%,#313348 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #151833 0%,#313348 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #151833 0%,#313348 100%); /* IE10+ */
background: linear-gradient(to bottom,  #151833 0%,#313348 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#151833', endColorstr='#313348',GradientType=0 ); /* IE6-9 */}

.coupon_top .back_btn{ position:absolute; top:10px; left:3%; background:url(//appdata.hungryapp.co.kr/m_images/new_main/back_btn_bg.png) no-repeat; background-size:100% 100%; width:55px; height:42px; text-align:right; color:#fff; font-size:14px; line-height:42px; padding-right:15px;}
.coupon_top .return_btn{ position:absolute; top:10px; right:3%;}

/* 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);
}




/* 14-10-15 모바일 회원 가임 수정*/
div.wrap-login { background:#e6e6e6; padding:10px; font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif }
div.wrap-login div.form { background:#fff; padding:10px; border:1px solid #bababa; position:relative }

div.wrap-login div.form span.ad { position:absolute; left:10px; top:10px }
div.wrap-login div.form span.ad img { width:77px; height:77px }
div.wrap-login div.input { padding:0 95px 0 90px }

div.wrap-login button.login { background:url(//appdata.hungryapp.co.kr/images/main1408/m/member/bg_btn01.gif) repeat-x; background-size:1px 100%; font-size:16px; font-weight:bold; color:#fff; border:1px solid #ff3c00; border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-ms-border-radius:2px; position:absolute; right:10px; top:10px; width:90px; height:77px }
div.wrap-login div.input input { background:#f7f7f7; border:1px solid #c1c1c1; border-radius:1px;-moz-border-radius:1px;-webkit-border-radius:1px;-ms-border-radius:1px; box-shadow:inset 1px 1px 5px 0 #b5b5b5; width:100%; height:34px; margin-bottom:5px }
div.wrap-login ul.btn {
	margin: 0 auto;
	overflow: hidden;
	padding-top: 10px;
	/*border-top: 1px solid #bababa;*/
	list-style: none;
	text-align: center;
	display: flex;
	width: 100%;
}
div.wrap-login ul.btn li { display:inline; float:left; width: 31%; margin-left: 3%;}
div.wrap-login ul.btn li:first-child {  margin-left: 1%;}
div.wrap-login ul.btn button { width:100%; font-size:13px;  letter-spacing:-.05em; background:url(//appdata.hungryapp.co.kr/images/main1408/m/member/bg_btn02.gif) repeat-x; background-size:1px 100%; border:1px solid #b9b9b9; border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-webkit-border-radius:2px; height:30px; vertical-align:top }
div.wrap-login ul.btn button.facebook_ { background:url(//appdata.hungryapp.co.kr/images/main1408/m/member/bg_btn03.gif) repeat-x; border:1px solid #243e8c }
div.wrap-login ul.btn button.facebook_ span { background:url(//appdata.hungryapp.co.kr/images/main1408/m/member/bg_btn03_2.gif) no-repeat 0 50%; background-size:13px; padding-left:20px; color:#fff }

div.wrap-login div.cont { margin-top:10px; letter-spacing:-.1em; background:url(//appdata.hungryapp.co.kr/images/main1408/m/member/bg_login01.png) no-repeat right; background-size:90px; background-position:right 50px }
div.wrap-login div.cont h3 { margin:0; padding:0; font-size:16px }
div.wrap-login div.cont ol { margin:10px 0 0 0; padding:0; list-style:none; font-size:13px; color:#666 }
div.wrap-login div.cont li { padding-left:18px; margin-bottom:4px; line-height:16px; text-shadow:1px 1px #e6e6e6 }
div.wrap-login div.cont li.first { background:url(//appdata.hungryapp.co.kr/images/main1408/m/member/bg_ol01.gif) no-repeat 0 1px; background-size:13px }
div.wrap-login div.cont li.second { background:url(//appdata.hungryapp.co.kr/images/main1408/m/member/bg_ol02.gif) no-repeat 0 1px; background-size:13px }
div.wrap-login div.cont li.thi rd { background:url(//appdata.hungryapp.co.kr/images/main1408/m/member/bg_ol03.gif) no-repeat 0 1px; background-size:13px }

div.wrap-step03 div.step03 { background:#fff; font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif }
div.wrap-step03 h2 { text-align:center; padding:16px 0 16px 0; margin:0; font-size:1.1em; letter-spacing:-.1em; color:#333; font-weight:normal }
div.wrap-step03 div.cont { background:url(//appdata.hungryapp.co.kr/images/main1408/m/member/bg_step03_1.gif); border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; padding:14px; font-size:13px; line-height:18px; color:#555 }
div.wrap-step03 h3 { margin:0 0 10px 0; padding:0; font-size:16px; color:#333; font-weight:normal }
div.wrap-step03 div.cont strong { color:#ff4600 }
div.wrap-step03 div.cont img { width:100%; margin:10px 0 10px 0 }
div.wrap-step03 div.cont span { font-size:11px; line-height:14px }
div.wrap-step03 ul.btn { margin:10px; padding:0; list-style:none; text-align:center; border:1px solid #999; background:url(//appdata.hungryapp.co.kr/images/main1408/m/member/bg_step03_btn.gif) repeat-x; background-size:1px 100%; overflow:hidden; border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-ms-border-radius:2px; font-size:12px; letter-spacing:-.1em }
div.wrap-step03 ul.btn li { display:inline; float:left; text-align:center; width:33.3%; border-right:1px solid #ccc; margin-left:-1px; color:#555; padding:10px 0 10px 0 }
div.wrap-step03 ul.btn li:last-child { border-right:0; margin-left:0 }


/* game/menu/top_menu.php */
#MBsgl_w {
position: relative;
float: left;
font-size: 12px;
color: #676767;
width: 100%;
margin: 0;
padding: 0;
text-align: center;
background-color: #f8f8f8;
}

.MBsgl_sc {
position: relative;
float: left;
width: 100%;
height: 49px;
padding: 0;
background: url('//appdata.hungryapp.co.kr/m_images/game_center/MBsgl_Tbg.jpg') left top repeat-x;
}

.MBsgl_search {
border: 1px solid #fb9624;
height: 25px;
margin: 7px 1% 20px 1%;
padding: 5px;
background: #000;
}

.search_button {
float: right;
width: 10%;
background: #000;
padding: 3px 0px 0px 0px;
}

#searchStr {
float: left;
width: 80%;
height: 25px;
margin: 0;
padding: 0 2px 2px 10px;
background: #000;
border: 0px;
color: #fff;
}

.MBsgl_menu {
position: relative;
float: left;
width: 100%;
height: 65px;
padding: 0;
background: url('//appdata.hungryapp.co.kr/m_images/game_center/MBsgl_CTbg.jpg') left top repeat-x;
}

.MBsgl_menu ul {
float: left;
width: 98%;
height: 45px;
margin: 10px 1% 0 1%;
}

.MBsgl_menu li {
float: left;
width: 24.5%;
height: 45px;
margin: 0 0.5% 0 0;
padding: 15px 0 0 0;
color: #fff;
font-weight: bold;
border: 1px solid #1a1a1a;
box-sizing: border-box;
background: url('//appdata.hungryapp.co.kr/m_images/game_center/MBsgl_CTmenu_off.jpg') left top repeat-x;
}

.MBsgl_menu li.MBsgl_m_on {
float: left;
width: 24.5%;
height: 45px;
margin: 0 0.5% 0 0;
padding: 15px 0 0 0;
color: #fff;
font-weight: bold;
border: 1px solid #1a1a1a;
box-sizing: border-box;
background: url('//appdata.hungryapp.co.kr/m_images/game_center/MBsgl_CTmenu_on.jpg') left top repeat-x;
}

div.MBsgl_RankDepth {
position: relative;
float: left;
width: 100%;
}

div.MBsgl_RankDepth ul.MBsgl_GameType {
width: 94%;
margin: 10px 1% 0 1%;
padding: 10px 2% 10px 2%;
border: 1px solid #ccc;
border-box;
background: #fff;
overflow: hidden;
}

div.MBsgl_RankDepth ul.MBsgl_GameType li {
display: inline;
float: left;
margin-right: 20px;
font: 13px 'NanumGothic', 'Malgun Gothic', '맑은 고딕', Gulim, Dotum, 돋움;
color: #333;
background: url(//appdata.hungryapp.co.kr/images/main1408/coupon/blt_games.gif) no-repeat 0 50%;
padding-left: 8px;
letter-spacing: -.1em;
}

.up {
background: url(//appdata.hungryapp.co.kr/images/main1408/gamecenter/bg_rank_up.gif) left 12px no-repeat;
padding: 11px 0 0 12px;
}

.down {
background: url(//appdata.hungryapp.co.kr/images/main1408/gamecenter/bg_rank_down.gif) left 12px no-repeat;
padding: 10px 0 0 12px;
}

.no_updown {
background: url(//appdata.hungryapp.co.kr/images/main1408/gamecenter/bg_rank_none2.gif) left 12px no-repeat;
padding: 10px 0 0 12px;
}

.ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.ri_menu_op {
text-align: right;
margin-right: 10px;
}

.news-btn{
padding: 10px 5px 0 5px;
display: flex;
}

#canvas-mask {
overflow: hidden;
background:url(//appdata.hungryapp.co.kr/images/main1408/m/common/bg_tt.png) repeat-x bottom #fff;
background-size:1px 100%;
border:1px solid #CCCCCC;
margin:0px 0px 5px 10px;
}

/* game/main/_game_main_list.php */
.MBsgl_list_w {
position: relative;
float: left;
width: 100%;
margin: 0!important;
}

.MBsgl_list_w .MBsgl_list {
width: 94%;
margin: 8px 1% 0 1%;
padding: 5px 2% 5px 2%;
border: 1px solid #ccc;
background: #eee;
overflow: hidden;
}

.MBsgl_list_w .MBsgl_list .MBsgl_icon {
float: left;
width: 65px;
height: 65px;
margin: 7px;
padding: 0;
}

.MBsgl_list_w .MBsgl_list .MBsgl_info {
float: left;
margin: 10px 1% 0 1%;
padding: 0;
overflow: hidden;
text-align: left;
line-height: 1.6em;
max-width: 60vw;
}

.MBsgl_list_w .MBsgl_list_low {
width: 94%;
margin: 8px 1% 0 1%;
padding: 5px 2% 5px 2%;
border: 1px solid #ccc;
background: #fff;
overflow: hidden;
}

.MBsgl_list_w .MBsgl_list_low .MBsgl_icon {
float: left;
width: 65px;
height: 65px;
margin: 7px;
padding: 0;
}

.MBsgl_icon img {
	width: 100%;
}

.MBsgl_list_w .MBsgl_list_low .MBsgl_info {
float: left;
margin: 10px 1% 0 1%;
padding: 0;
overflow: hidden;
text-align: left;
line-height: 1.6em;
width: 60vw;
}

.MBsgl_list_w .MBsgl_list_low {
width: 94%;
margin: 8px 1% 0 1%;
padding: 5px 2% 5px 2%;
border: 1px solid #ccc;
border-box;
background: #fff;
overflow: hidden;
}

.MBsgl_list_w .MBsgl_list_low .MBsgl_icon {
float: left;
width: 65px;
height: 65px;
margin: 7px;
padding: 0;
}

.MBsgl_list_w .MBsgl_list_low .MBsgl_info {
float: left;
margin: 10px 1% 0 1%;
padding: 0;
overflow: hidden;
text-align: left;
line-height: 1.6em;
}

.info_T {
font-size: 15px;
color: #ff4900;
font-weight: bold;
}

.info_T_low {
font-size: 15px;
color: #000000;
font-weight: bold;
}

.info_S {
font-weight: bold;
}

.info_I {
color: #ff4900;
font-weight: bold;
vertical-align: text-top;
}

.MBsgl_right {
	position:relative;
	float: right;
	padding: 14px 0 0 0;
}

.ri_menu_op_v {
position: absolute;
width: 130px;
top: 10px;
right: 20px;
margin: 0;
padding: 0;
border: 1px solid #fb9a2c;
background: #fff9ec;
overflow: hidden;
visibility: hidden;
}

.ri_menu_op_v ul {
width: 170px;
height: 30px;
margin: 0;
padding: 0;
}

.ri_menu_op_v.item_2 ul {
	height: 60px;
}

.ri_menu_op_v ul li {
height: 21px;
margin: 0;
padding: 9px 38px 0 0;
border-bottom: 1px solid #fb9a2c;
}

div.RankDepth {
margin-bottom: 5px;
overflow: hidden;
border-top: 1px solid #999;
border-bottom: 1px solid #999
}

div.RankDepth ul.Depth3 {
width: 100%;
border-bottom: 0;
overflow: hidden
}

div.RankDepth ul.Depth3 li {
width: 50%;
text-align: center;
font-size: 13px;
padding: 10px 0 10px 0;
float: left;
display: inline;
background: #eee;
color: #666;
box-shadow: inset 0 1px 2px 1px #ccc;
}

div.RankDepth ul.Depth3 li.active {
box-shadow: inset 0 3px 0 0 #dd0000;
background: #f7f7f7;
background: -moz-linear-gradient(top, #f7f7f7 0%, #fff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #fff));
background: -webkit-linear-gradient(top, #f7f7f7 0%, #fff 100%);
background: -o-linear-gradient(top, #f7f7f7 0%, #fff 100%);
background: -ms-linear-gradient(top, #f7f7f7 0%, #fff 100%);
background: linear-gradient(to bottom, #f7f7f7 0%, #fff 100%);
font-weight: bold;
color: #111
}

#canvas-mask2 {
overflow: hidden;
}

#canvas-mask2 .handle {
width: 640px;
}



/* game/main/_game_main_list2.php */
div.list-rank p.rank strong {
position: relative;
top: 5px;
}

div.m-gnb-2depth ul {
padding-left: 12px;
}

#canvas-mask2 ul {
text-align:left;
border: 1px solid #ccc ;
background: #fff;
}

#canvas-mask2 li {
background:url(//appdata.hungryapp.co.kr/images/main1408/coupon/blt_games.gif) no-repeat 0 50%;
padding-left:8px;
letter-spacing:-.1em;
}

#canvas-mask2 li.all_tab {
background-image: none;
padding-left:10px;
font: 13px 'NanumGothic','Malgun Gothic','맑은 고딕',Gulim,Dotum,돋움;
color: #333;
}

#ContentsTarget2 table {
background:#2b2b2b;
width:100%;
margin-top:10px;
padding-bottom:0px
}




/* game/main/_game_view.php */
.MBsgl_Tinfo{position:relative;float:left;width:100%;padding-bottom:10px;background:url('//appdata.hungryapp.co.kr/m_images/game_center/MBsgl_lkBbg.jpg') left top repeat-x;}

.MBsgl_Tinfo .MBsgl_lk{float:left;width:50px;height:50px;margin:10px 0 0 10px;padding:10px 0 0 0;color:#fff;font-weight:bold;background:url('//appdata.hungryapp.co.kr/m_images/game_center/MBsgl_lkbg.png') left top repeat-x;}

.MBsgl_Tinfo .MBsgl_icon{float:left;width:55px;height:55px;margin:11px 7px 7px 7px;padding:0;}
.MBsgl_Tinfo .MBsgl_info{float:left;margin:14px 1% 0 1%;padding:0;overflow: hidden;text-align:left;line-height:1.6em;
	width: 60vw;}
.info_A{font-size:12px;font-weight:bold;}
.lk_nb{ font-size:20px;font-weight:bold;padding:0;line-height:1.6em;}
.lk_lk{font-weight:bold;}

.MBsgl_game-store {position:relative;float:left;width:100%;}
.MBsgl_game-store ul.MBsgl_store {width:97%;margin:10px 1% 0 1%;padding:3px 0% 3px 1%;border: 1px solid #ccc ;border-box;background: #fff;overflow: hidden;}
.MBsgl_game-store li { display:inline; float:left; width:31%; border: 1px solid #ccc ;border-box;background: #fff;overflow: hidden; font-size:11px; margin:0 1% 0 0px; font-weight:bold; color:#666; letter-spacing:-.1em; padding:10px 0 10px 0 }
.MBsgl_game-store li:last-child {width:32%}

.MBsgl_game-store li.MBsgl_s_on{ border: 1px solid #ff8000 ;border-box;}
.MBsgl_game-store ul.MBsgl_store img { width:50px; margin-bottom:5px }
.MBsgl_cummunity {width:98%;height:60px;margin:0 1% 0 1%;padding:0 0 0 0;border: 1px solid #363535 ;border-box;overflow: hidden; background:url(//appdata.hungryapp.co.kr/m_images/game_center/MBsgl_Cbt_bg01.jpg) repeat-x;}
.MBsgl_cummunity .MBsgl_cm_bg{height:40px;margin:10px;padding:0 0 0 0;border: 1px solid #ff2400 ;border-box;overflow: hidden; background:url(//appdata.hungryapp.co.kr/m_images/game_center/MBsgl_Cbt_bg02.jpg) repeat-x;}
.MBsgl_cummunity .cm_txt{position:relative;height:30px;top:12px;padding:0;font-size:15px;color:#fff;font-weight:bold;}

.MBsgl_game-grf{position:relative;float:left;width:98%;margin:8px 1% 0 1%;padding:0;border: 1px solid #ff7a00 ;border-box;background: #fff;overflow: hidden;}
.MBsgl_game-grf .MBsgl_game-title{width:100%;height:30px;margin:0 1% 0 0;padding:10px 0 0 10px;background: #ff7a00;overflow: hidden;font-size:15px;color:#fff;font-weight:bold;text-align:left;}

.MBsgl_grade{position:relative;float:left;width:100%;height:105px;padding:0;margin:5px 0 10px 0;border: 1px solid #ccc ;border-box;background: #fff;overflow: hidden;}
p.grade { text-align:center; width:120px;height:105px;background: #e7e7e7;padding:5px 0 0 0;}
p.grade strong { font-size:40px; font-weight:normal; color:#ff4900; }
p.grade span.star img { width:17px; margin:4px 0 8px 0; }
p.grade span.total { font-size:11px; color:#333; }
p.grade span.total strong { font-size:14px; padding:0 3px 0 3px;}
div.gragh { padding-right:20px; margin:-103px 0 0 130px;text-align:left; }
div.gragh ul { position:relative; font-size:10px; vertical-align:top; }
div.gragh li { line-height:18px; padding-right:10px; float:left; width:100% ;}
div.gragh span.num { background:url(//appdata.hungryapp.co.kr/m_images/new_main/nm_star_on.png) no-repeat 0 50%; background-size:10px; font-size:11px; padding-left:12px; color:#666; margin-right:4px; }
div.gragh span.grf { width:100%;height:14px; background: #f2f2f2;}
div.gragh span.grf img { height:14px; }

div.section { overflow:hidden; position:relative }
div.section.game-slide { box-shadow: none }
div.section h2 {  float:left;width:50%;height:32px; color:#FFF; font-size:15px;text-align:left; }

.MBsgl_game-slide{position:relative;float:left;width:100%;height:250px;margin:8px 0% 0 0%;padding:0;border: 1px solid #OOO;border-box;background:url(//appdata.hungryapp.co.kr/m_images/game_center/MBsgl_Bbg.jpg) repeat-x;overflow: hidden;}
.MBsgl_game-slide .game-slide_img{position:relative;text-align:center; height:220px;margin:0%;padding:0;}


/* game/main/_game_main.php */
.m-contents {
	padding:0px !important
}

#ContentsTarget2 {
	display:none;margin:0;padding:0px
}


.MBsgl_game-store2 {position:relative;float:left;width:100%;}
.MBsgl_game-store2 ul.MBsgl_store {width:97%;margin:10px 1% 0 1%;padding:3px 0 3px 1%;border: 1px solid #ccc ;background: #fff;overflow: hidden;}
.MBsgl_game-store2 li { display:inline; overflow: hidden;float:left; width:32.3%; border: 1px solid #ccc;background: #fff;margin:0 1% 0 0; padding:12px 0 8px 0;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.MBsgl_game-store2 li.MBsgl_s_on{ border: 1px solid #ff8000;}
.MBsgl_game-store2 ul.MBsgl_store img { width:100px; margin-bottom:5px;}

#touchSlider6 { width:100%; height:200px; margin:0 auto; position:relative; overflow:hidden; }
#touchSlider6 ul { width:100%; position:absolute; top:0; left:0; overflow:hidden; }
#touchSlider6 ul li { float:left; width:100%; }

#touchSlider7 { width:100%; height:250px; margin:0 auto; position:relative; overflow:hidden; }
#touchSlider7 ul { width:100%; position:absolute; top:0; left:0; overflow:hidden; }
#touchSlider7 ul li { float:left; width:100%; }

/* game/main/_game_view2.php */
div.game-grf ul.select,
div.game-grf ul.select li {
	color: #fff;
	background: #6a3200;
	border: none;
}

div.game-grf ul.select li.active {
	background: #ff7a00;
}

#woojjaCanvas {
	width: 100%;
	background-color:#FFFFFF;border:1px solid #ff7a00;
}
#wrap-mobile {
	background: #fff;
}