@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; }

/***************************************************************************
 * event
 ***************************************************************************/
.event_list{float:left; width:100%;}
.event_list li.listn{float:left; position:relative; line-height:39px; font-weight:bold; width:95%; padding-left:5%; background:#f5f5f5; border-bottom:1px solid #cfcfcf;} 
.event_list li.rolling{float:left; position:relative; width:100%;background:#f5f5f5;}
.event_list li span.tep_dot{ position:absolute; width:100%; text-align:center; bottom: 7px;}

/***************************************************************************
 * URL : /news/news_main.php
 * Page : /news/main/_news_main.php
 * PageName : 뉴스 메인
 * Last : 신정훈
 ***************************************************************************/
.main_news{float:left; width:100%;}
.news_list{float:left; width:100%;}
.news_list li{float:left; width:80%; padding-left:20%; position:relative; font-size:14px; padding-top:7px; padding-bottom:7px; border-bottom:1px solid #cfcfcf; line-height:18px;}
.news_list li.on{float:left; width:80%; padding-left:20%; position:relative; font-size:14px; padding-top:7px;  padding-bottom:7px; border-bottom:1px solid #cfcfcf; background:#f5f5f5;}
.news_list li span.infon{ position:absolute; top:7px; left:10px; color:#ff690f; font-weight:bold; width:60px;}
.news_list li a{ font-size:1em; font-weight:bold; width:99%; /*white-space:nowrap;*/ overflow:hidden; display:block; text-overflow:ellipsis; }
.news_list li p{ font-size:12px;}
.news_list 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%;}
.news_list li.last_more a{ width:100%; display:block; padding-right:15px; color:#fff; padding:5px 0;}

/***************************************************************************
 * 
 ***************************************************************************/
.graph_data{width:100%; float:left; background:url(http://appdata.hungryapp.co.kr/m_images/new_main/nm_game_bg1.jpg); line-height:45px}
.graph_data li{float:left; width:20%; font-size:14px; font-weight:bold; position:relative; color:#fff;}
.graph_data li:first-child{float:left; width:30%; text-align:center; }
.graph_data li:nth-child(2){float:left; width:15%; text-align:left; color:#fcff01;}
.graph_data li:nth-child(4){float:left; width:15%; text-align:left; color:#fcff01;}
.graph_data li:nth-child(3){float:left; width:20%; text-align:center;}
.graph_data li:last-child{float:left; width:20%;}
.graph_data li span{ font-size:12px; background:#292b3b; padding:7px; border:1px solid #6b6d82; font-weight:100; border-radius:5px;}

/***************************************************************************
 * 중간 타이틀
 ***************************************************************************/
.mn_title3{border:0; margin:0; float:left; position:relative; width:100%; background:#e5e5e5; border-bottom: 1px solid #cfcfcf;padding:10px 0; border-top:1px solid #fff;} 
.mn_title3 li.b_title{font-size:16px; font-weight:bold; color:#000; text-align:left; padding-left:10px;}
.mn_title3 li.s_title{color:#8f8f8f;}
.mn_title3 .mod_btn{position: absolute; top: 0; right:0; padding:5px; text-align:center;margin-right:10px; margin-top:5px;}

/* 뉴스센터 메뉴 */
.news_menu{width:100%; background:#f5f5f5; float:left;}
.news_menu li{width:20%; background:#f5f5f5; float:left; font-size:13px; font-weight:bold;}
.news_menu li a{ width:100%; display:inline-block; padding:8px 0 8px 20%;}
.news_menu li a.on{color:#ff4608;}
.news_menu li:nth-child(2){width:28%; background:#f5f5f5; float:left; font-size:13px; font-weight:bold; }
.news_menu li:nth-child(6){width:28%; background:#f5f5f5; float:left; font-size:13px; font-weight:bold; }

.photo_news{ position:relative; padding-top:15px; float:left; width:100%; margin-bottom:10px;}
.photo_news li{float:left; width:50%; text-align:center;color:#ooo; display:block; padding:5px 0; position:relative;color:#fff; }
.photo_news li img{ width:160px; height:110px; border:1px solid #d3d3d3;}
.photo_news li span{ position:absolute; bottom:5px; left:50%;width:160px; line-height:25px; background:#000; opacity:0.7; margin-left:-80px;}
.photo_news li p{ position:absolute; bottom:8px; left:50%;width:160px; line-height:25px; color:#fff;}
/* review */
.review_layout{ position:relative; padding-top:15px; float:left; width:100%; margin-bottom:10px;}
.nm_review{ position:relative; padding-top:15px; float:left; width:100%; margin-bottom:10px;}
.nm_review li{float:left; width:27%; text-align:center; position: relative; font-weight:bold; color:#ooo; display:block;}
.nm_review .arow_back{position:absolute; left:0; top:50%; width:9%; text-align:center;}
.nm_review .arow_next{position:absolute; right:0; top:50%; width:9%; text-align:center;}
.nm_review a{display:block; text-align:center;}
.nm_review li:first-child{background:none; width:9%; padding-top:20px; text-align:center;}
.nm_review li:last-child{width:8%; padding-top:20px; text-align:center; float:left;}
.nm_review li span.tit_info{ background:#ffe5cb; border:1px solid #cbab86; position:absolute; top:-10px; left:3px; border-radius:5px;  color:#e15500; font-weight:bold; padding:3px 5px;}
.nm_review li p{ padding-top:5px; overflow:hidden;}
.nm_review li p.on{ padding-top:5px; overflow:hidden; color:#ef490a;}
.review_layout .roll_btn{float:left; width:100%; text-align:center; padding-top:10px;}
/* 중간메뉴 */
.sub_menu{ position:relative;}
.sub_menu li{float:left; width:25%; text-align:center; position: relative; font-weight:bold;  background:#eeeeee url(http://appdata.hungryapp.co.kr/m_images/new_main/nm_line2.jpg) no-repeat; padding:12px 0; border-top:3px solid #c3c3c3; border-bottom:2px solid #c3c3c3;}
.sub_menu a{display:inline-block; text-align:center;}
.sub_menu li:first-child{background:#eeeeee none;}
/* 중간메뉴 뉴버튼 */
.arrow_box {
	position:absolute;
	background: #ff3605;
	border-radius: 3px;
	color:#ffffff;
	text-align:center;
	width:30%;
	box-shadow:1px 2px 3px #8f8f8f;
	top:-10px;
	right:0px;
	font-size:11px;
	padding:3px;
	z-index:99;
}
.arrow_box:after {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #ff3605;
	border-width: 9px 9px 9px 0;
	left: 40%;
	
}
/* 이벤트 */
.event{ float:left; width:100%;}
.event li{float:left; width:33%; text-align:center; position: relative; font-weight:bold; padding:10px 0;}
.event a{display:inline-block; text-align:center;}
.event li:first-child{background:none; width:34%;}
.event li img { border:1px solid #bbbbbb; max-width:87%;}
.event li p {margin:5px 5px 0 5px; overflow:hidden;}
/* 핫 추천게임 타이틀 */
.mn_title1{border:0; padding:10px; margin:0; float:left; position:relative; width:100%;} 
.mn_title1 li.b_title{font-size:16px; font-weight:bold; color:#000; text-align:left;}
.mn_title1 li.s_title{color:#8f8f8f;}
.mn_title1  .mod_btn{position: absolute; top: 0; right:0;  padding:5px; text-align:center; border: 2px solid #c7c7c7; margin-right:32px; margin-top:5px;}
/* 핫 추천게임 */
.hot_game{ background:url(http://appdata.hungryapp.co.kr/m_images/new_main/nm_game_bg.jpg); float:left; width:100%; padding-bottom:10px; border-bottom:1px solid #cfcfcf; border-top:1px solid #cfcfcf;}
.hot_game li{float:left; width:25%; position: relative; display:block; text-align:center;}
.hot_game a{display:block; }
.hot_game .box{ display:inline-block;text-align:center; vertical-align:middle; background:#f5f5f5; border:1px solid #d4cdcd; width:90%; line-height:15px;}
.hot_game .box li{ width:100%; float:left;}
.hot_game .box .img{ text-align:center; padding:5px 0;}
.hot_game .box .info{ padding-top:5px; background:#ffffff; border-top:1px solid #cfcfcf; color:#ooo;}
.hot_game .box .star{ background:#fff; text-align:center;  padding:3px 0; }
/* 아이콘메뉴 */
.icon_menu{ position:relative;}
.icon_menu li{float:left; width:25%; text-align:center; position: relative; background:url(http://appdata.hungryapp.co.kr/m_images/new_main/nm_line2.jpg) no-repeat; padding:7px 0; border-bottom:1px solid #c3c3c3;}
.icon_menu a{display:inline-block; text-align:center; width:100%; height:100%;}
/* 다운로드 */
.app_down{ position:relative;}
.app_down li{float:left; width:100%; text-align:center; position: relative; background:#cbcbcb; padding:7px 0; border-bottom:2px solid #c3c3c3;}
.app_down a{display:inline-block; text-align:center; width:90%; height:100%; padding:10px; background:#eeeeee; border:1px solid #adadad; border-radius: 10px; font-size:14px;}
/* 공지사항 */
.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%;}

/* 채팅타이틀 */
.main_title{position:relative;border-top: 1px solid #000000; border-bottom: 1px solid #000000; color:#ffffff; font-weight:bold;
background: url(http://appdata.hungryapp.co.kr/m_images/chat/title_bg.jpg) repeat; /* Old browsers */
background: -moz-linear-gradient(top,  #363f4f 0%, #294069 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c3341), color-stop(100%,#294069)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #363f4f 0%,#2c3341 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #363f4f 0%,#2c3341 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #363f4f 0%,#2c3341 100%); /* IE10+ */
background: linear-gradient(to bottom,  #363f4f 0%,#2c3341 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#363f4f', endColorstr='#2c3341',GradientType=0 ); /* IE6-9 */
text-align:center; width:100%; float:left;
}
.main_title li{ float: left; color:#ffffff; font-weight:bold; width:100%; height:15px;
text-align:center; padding:10px 0; background: url(http://appdata.hungryapp.co.kr/m_images/chat/title_bg.png) repeat; /* Old browsers */
}
.main_title p{ position:absolute; top:7px; right:7px;}


/* 메인검색 */
.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 */}

/* 채팅검색 */
.search1{clear: both; padding:5px; border-bottom:1px solid #c0c9d6; background:#eef3fa; }
.search1 p{padding:0 0 5px 15px; font-weight:bold; font-size:14px;}
.search1 .form{position: relative; padding-right:70px;}
.search1 input[type=text]{-webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 40px; padding-left: 1em; border: 1px solid #acb9cc; border-radius:20px; background-color: #fff; font-weight: bold; font-size:14px;}
.search1 .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; text-shadow:2px 2px 2px #2b3240;
border-radius: 20px; font-size:14px;
background: #7b879c; /* Old browsers */
background: -moz-linear-gradient(top,  #7b879c 0%, #2b3240 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b879c), color-stop(100%,#2b3240)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7b879c 0%,#2b3240 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7b879c 0%,#2b3240 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7b879c 0%,#2b3240 100%); /* IE10+ */
background: linear-gradient(to bottom,  #7b879c 0%,#2b3240 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b879c', endColorstr='#2b3240',GradientType=0 ); /* IE6-9 */}

/* 채팅창검색 */
.search2{ position:absolute; bottom:0; left:0; padding:5px; border-top:1px solid #4c4c4c; background:#f0f0ee; width:97%;}
.search2 p{padding:0 0 5px 15px; font-weight:bold; font-size:14px;}
.search2 .form{position: relative; padding-right:70px;}
.search2 input[type=text]{-webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 40px; padding-left: 1em; border: 1px solid #b2b2b2; border-radius:7px; background-color: #fff; font-weight: bold; font-size:14px; box-shadow: 1px 1px 1px #ffffff;}
.search2 .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;}

/* 채팅내친구 */
.hList li{ border-bottom:1px solid #c0c9d6; }
.hList li.gr{ background:#ffffff; }
.hList li a{ position:relative;display:block;height:40px;padding:7px 5px 5px 56px;border-top:1px solid #fff; }
.hList li a b{ display:block;overflow:hidden;width:100%; font-size:14px;line-height:37px;color:#000; height:40px;}/* 120911�섏젙 */
.hList li a strong{ display:block;overflow:hidden;width:100%;height:9px;padding:3px 0 0;text-overflow:ellipsis;font-size:8px;font-weight:bold;line-height:18px;color:#323232; }
.hList li a .thumb{ position:absolute;top:5px;left:5px;display:block;width:40px;height:40px;}
.hList li a .wri{ display:block;padding:7px 0 0;font-size:11px;color:#616161; }
.hList li a .wri em{ color:#bbbbbb; }
.hList li a .date{ display:block;padding:2px 0 0;font-size:11px;letter-spacing:0;color:#adadad; }
.hList li a .reple{
		position:absolute;right:5px;top:5px;padding:5px;letter-spacing:0;font-style:normal;color:#646464; max-width:50%; overflow:hidden; height:25px; max-height:100%;
		vertical-align: middle; text-align:center; display: table-cell; 
		border-radius:10px;border:solid 1px #dcdcdc;box-shadow:1px 1px 2px rgba(96,96,96,.2);
		background:#fff;
		background:#fff -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f4f4f4));
		background:#fff -moz-linear-gradient(top, #fff, #f4f4f4);
		border-radius:10px;  
		
	}
.hList li a .reple img{ position:absolute;left:-15px;top:10px; z-index:99; }
.hList li a .reple .triangle{ top:45%;left:0;border-color:#green #red #red #red;border-style:solid;border-width:1px;width:0;height:0; }
.hList li a .text{
		position:absolute;right:50%;top:50%;
	}
.hList a .btn{position:absolute; right:5px; top:7px; display: inline-block; padding: 10px 15px; border: 1px solid #cbcbcb; border-radius: 5px; color: #6d6d6d; box-shadow: 0 1px 1px #cacaca;
background: #f6f7f8; /* Old browsers */ font-weight:bold;
background: -moz-linear-gradient(top,  #f6f7f8 0%, #d1d7e0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f7f8), color-stop(100%,#d1d7e0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f6f7f8 0%,#d1d7e0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f6f7f8 0%,#d1d7e0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f6f7f8 0%,#d1d7e0 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f6f7f8 0%,#d1d7e0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f7f8', endColorstr='#d1d7e0',GradientType=0 ); /* IE6-9 */}

/* 받은 친구요청 */
.hList_new li{ border-bottom:1px solid #c0c9d6; }
.hList_new li.gr{ background:#eef3fa; }
.hList_new li { position:relative;display:block;height:40px;padding:7px 5px 5px 56px;border-top:1px solid #fff; }
.hList_new li b{ display:block;overflow:hidden;width:100%; font-size:14px;line-height:37px;color:#000; height:40px;}/* 120911�섏젙 */
.hList_new li strong{ display:block;overflow:hidden;width:100%;height:9px;padding:3px 0 0;text-overflow:ellipsis;font-size:8px;font-weight:bold;line-height:18px;color:#323232; }
.hList_new li a .thumb{ position:absolute;top:5px;left:5px;display:block;width:40px;height:40px;}

.hList_new a .btn{position:absolute; right:5px; top:7px; display: inline-block; padding: 10px 15px; border: 1px solid #cbcbcb; border-radius: 5px; color: #6d6d6d; box-shadow: 0 1px 1px #cacaca;
background: #f6f7f8; /* Old browsers */ font-weight:bold;
background: -moz-linear-gradient(top,  #f6f7f8 0%, #d1d7e0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f7f8), color-stop(100%,#d1d7e0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f6f7f8 0%,#d1d7e0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f6f7f8 0%,#d1d7e0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f6f7f8 0%,#d1d7e0 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f6f7f8 0%,#d1d7e0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f7f8', endColorstr='#d1d7e0',GradientType=0 ); /* IE6-9 */}
.hList_new a .btn1{position:absolute; right:70px; top:7px; display: inline-block; padding: 10px 15px; border: 1px solid #cbcbcb; border-radius: 5px; color: #6d6d6d; box-shadow: 0 1px 1px #cacaca;
background: #f6f7f8; /* Old browsers */ font-weight:bold;
background: -moz-linear-gradient(top,  #f6f7f8 0%, #d1d7e0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f7f8), color-stop(100%,#d1d7e0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f6f7f8 0%,#d1d7e0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f6f7f8 0%,#d1d7e0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f6f7f8 0%,#d1d7e0 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f6f7f8 0%,#d1d7e0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f7f8', endColorstr='#d1d7e0',GradientType=0 ); /* IE6-9 */}

/* 채팅리스트 타이틀 */
.mHit{ position:relative;}	
.mHit h4{ height:16px;padding:5px 0 0 5px;color:#465163; background:#eef3fa; border-bottom:1px solid #c0c9d6; border-top:1px solid #ffffff; font-weight:bold;}

/* 채팅리스트 타이틀 */
.setBtn{text-align:center; color:#fff;   
background: #656e7e; /* Old browsers */
background: -moz-linear-gradient(top,  #656e7e 0%, #838c9a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#656e7e), color-stop(100%,#838c9a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #656e7e 0%,#838c9a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #656e7e 0%,#838c9a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #656e7e 0%,#838c9a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #656e7e 0%,#838c9a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#656e7e', endColorstr='#838c9a',GradientType=0 ); /* IE6-9 */}
.setBtn img{ vertical-align:middle; }
.setBtn a{width:100%; color:#ffffff; height:18px; display:block; padding:7px 0;}

/* 채팅친구관리 버튼리스트*/
.delete{ position:relative; height:35px; background:#eef3fa; padding:5px; border-bottom:1px solid #c0c9d6;}
.delete li{float:left;}
.delete li.btn{float:right;}
.delete a{display: inline-block; padding: 10px 15px; border: 1px solid #cbcbcb; border-radius: 5px;color: #6d6d6d; box-shadow: 0 1px 2px #cacaca;
background: #f6f7f8; /* Old browsers */ font-weight:bold;
background: -moz-linear-gradient(top,  #f6f7f8 0%, #d1d7e0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f7f8), color-stop(100%,#d1d7e0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f6f7f8 0%,#d1d7e0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f6f7f8 0%,#d1d7e0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f6f7f8 0%,#d1d7e0 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f6f7f8 0%,#d1d7e0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f7f8', endColorstr='#d1d7e0',GradientType=0 ); /* IE6-9 */}

/* 채팅친구관리 버튼*/
.hdelete .btn{text-align:right; width:99%; position:absolute; right:5px; top:7px;}
.hdelete .btn a{display: inline-block; padding: 10px 15px; border: 1px solid #cbcbcb; border-radius: 5px; color: #6d6d6d; box-shadow: 0 1px 1px #cacaca;
background: #f6f7f8; /* Old browsers */ font-weight:bold;
background: -moz-linear-gradient(top,  #f6f7f8 0%, #d1d7e0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f7f8), color-stop(100%,#d1d7e0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f6f7f8 0%,#d1d7e0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f6f7f8 0%,#d1d7e0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f6f7f8 0%,#d1d7e0 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f6f7f8 0%,#d1d7e0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f7f8', endColorstr='#d1d7e0',GradientType=0 ); /* IE6-9 */}

/* 채팅친구관리 리스트*/
.hdelete li.gr{ background:#ffffff; }
.hdelete li{ position:relative;display:block;height:40px;padding:7px 5px 5px 75px;border-bottom:1px solid #c0c9d6; }
.hdelete li b{ display:block;overflow:hidden;width:100%; font-size:14px;line-height:40px;color:#000; height:40px;}/* 120911�섏젙 */
.hdelete li .thumb{ position:absolute;top:5px;left:30px;display:block;width:40px;height:40px; border-radius: 10px;}
.hdelete li a.check{ position:absolute;top:14px;left:5px;display:block;width:20px;height:20px;}
.hdelete li a.check img{width:20px;height:20px;} 

/* 채팅리스트*/
.chat_list li{ border-bottom:1px solid #c0c9d6; border-top:1px solid #ffffff;background:#eef3fa;}
.chat_list li.gr{ background:#ffffff; }
.chat_list li a{ position:relative;display:block;height:60px;padding:7px 5px 5px 56px;border-top:1px solid #fff; }
.chat_list li a b{ display:block;overflow:hidden;width:100%; font-size:14px;line-height:22px;color:#000; height:25px;}/* 120911�섏젙 */
.chat_list li a strong{ display:block;overflow:hidden;width:80%;padding:3px 0 0; height:30px; text-overflow:ellipsis;line-height:15px;color:#2e5ca6; }
.chat_list li a .thumb{ position:absolute;top:5px;left:6px;display:block;width:40px;height:40px;}
.chat_list li a .wri{ display:block;padding:15px 0 0;font-size:11px;color:#616161; }
.chat_list li a .wri em{ color:#bbbbbb; }
.chat_list li a .date{ display:block;padding:2px 0 0;font-size:11px;letter-spacing:0;color:#adadad; }
.chat_list li a .reple{
		position:absolute;right:5px;top:5px;padding:5px;letter-spacing:0;color:#bababa; max-width:50%; overflow:hidden; height:60px; max-height:100%; font-style:normal;}
.chat_list li a .reple_num{
		position:absolute;left:5px;top:47px;padding:3px 0; letter-spacing:0; width:40px; overflow:hidden; max-height:100%; font-style:normal;
		border-radius: 5px;color: #ffffff; 
background: #f00000; /* Old browsers */ text-align:center;font-weight:bold;}
.chat_list li a .reple img{ position:absolute;left:-15px;top:10px; z-index:99; }
.chat_list li a .reple .triangle{ top:45%;left:0;border-color:#green #red #red #red;border-style:solid;border-width:1px;width:0;height:0; }

/* 채팅 둥근이미지*/
.hList li a .curved {
-moz-border-radius:10px;
-webkit-border-radius:10px;
behavior:url(border-radius.htc);
}
.hList li a .img{
	position:absolute;top:5px;left:7px;display:block;width:40px;height:40px;
	border:1px solid #fff;
	background:url(http://appdata.hungryapp.co.kr/m_images/chat/img_icon1.png) no-repeat;
	font-size:0px;
	text-align:right;
	background-size:100% 100%;
	border-radius: 5px;
}
/* 채팅 프로필*/
.profile_list li{ border-bottom:1px solid #c0c9d6; }
.profile_list li.gr{ background:#465163; }
.profile_list li { position:relative;display:block;height:160px;padding:10px 5px 5px 125px;border-bottom:1px solid #1b2431; background:#465163; }
.profile_list li.text{ position:relative;display:block;height:40px;padding:7px 5px 5px 10px;border-bottom:1px solid #1b2431; border-top:1px solid #636d7c; background:#465163; }
.profile_list li.text2{ position:relative;display:block;height:60px;padding:7px 5px 5px 10px;border-bottom:1px solid #1b2431; border-top:1px solid #636d7c; background:#465163; }
.profile_list li b{ display:block;overflow:hidden;width:90%; font-size:16px;line-height:20px;color:#fff; height:30px;}/* 120911�섏젙 */
.profile_list li b.text{ display:block;overflow:hidden;width:90%; font-size:14px;line-height:16px;color:#fff; height:20px;}/* 120911�섏젙 */
.profile_list li strong{ display:block;overflow:hidden; max-width:80%;height:34px;padding:3px 0 0;text-overflow:ellipsis; line-height:16px;color:#8994a6;font-size:14px; }
.profile_list li strong.text{ display:block;overflow:hidden; max-width:90%; padding:5px 0 0 0;text-overflow:ellipsis; line-height:14px; ;color:#8994a6; font-size:11px; }
.profile_list li .wri{ display:block;padding:15px 0 0; color:#ffea00;  font-weight:bold; font-size:14px;}
.profile_list li .reple img{ position:absolute;left:-7px;top:5px; z-index:99; }
.profile_list li .reple .triangle{ top:45%;left:0;border-color:#green #red #red #red;border-style:solid;border-width:1px;width:0;height:0; }
/* 채팅 프로필 버튼*/
.profile_list .btn a{position:absolute; left:50%; bottom:10px; display: inline-block; padding: 10px 25px; border: 1px solid #732905; border-radius: 7px; font-size:14px; color: #ffffff; box-shadow: 0 1px 2px #732905;
background-size:100% 100%; margin-left:-60px;
background:url(http://appdata.hungryapp.co.kr/m_images/chat/btn_bg.png); text-shadow:1px 1px 1px #732905;}

.profile_list .btn1 a{position:absolute; left:50%; bottom:10px; display: inline-block; padding: 10px 25px; border: 1px solid #732905; border-radius:7px; font-size: 14px; color: #ffffff; box-shadow: 0 2px 2px #732905;
background-size:100% 100%; margin-left:-140px;
background:url(http://appdata.hungryapp.co.kr/m_images/chat/btn_bg.png); text-shadow:1px 1px 1px #732905;}

.profile_list .btn2 a{position:absolute; left:50%; bottom:10px; display: inline-block; padding: 10px 25px; border: 1px solid #732905; border-radius: 7px; font-size: 14px; color: #ffffff; box-shadow: 0 2px 2px #732905;
background-size:100% 100%; margin-left:0px;
background:url(http://appdata.hungryapp.co.kr/m_images/chat/btn_bg.png); text-shadow:1px 1px 1px #732905;}

.profile_list .btn3 a{position:absolute; right:0px; top:0; display: inline-block; padding: 7px 10px 5px 10px;font-size: 14px; color: #ffffff; height:40px;
background:url(http://appdata.hungryapp.co.kr/m_images/chat/line3.png) no-repeat; }

.profile_list li .img{
	position:absolute;top:15px;left:10px;display:block;width:90px;height:90px;
	border:1px solid #fff;
	background:url(http://appdata.hungryapp.co.kr/m_images/chat/img_icon2.png) no-repeat;
	font-size:0px;
	text-align:right;
	background-size:100% 100%;
	border-radius: 10px;
}
/* 채팅창*/
.chatting{position:relative; background:url(http://appdata.hungryapp.co.kr/m_images/chat/chatting_bg.png) repeat; height:100%; width:100%; float:left;}
.chatting li{ float:left; padding:5px 5px 5px 5px; max-width:100%;}
.chatting p{ font-size:14px; color:#fff; padding:5px 0 0 12px; float:left;}
.chatting span{font-size:11px; color:#8da0c3; margin:15px 0 0 0;}
.chatting li.me{ float:right; padding:5px 5px 5px 5px; max-width:100%;}
.chatting p.me{ font-size:14px; color:#fff; padding:5px 0 0 12px; float:right;}
.chatting span.me{font-size:11px; color:#8da0c3; margin:15px 0 0 0;}
.chatting li .thumb{ position:absolute;top:5px;left:5px;display:block;width:40px;height:40px;}
/* 채팅 대화 나*/
.chatting_box {
	position:relative;
	border-radius: 5px;
	color:#000000;
	text-align:center;
	padding:5px;
	box-shadow:1px 1px 2px #013f75;
	margin-left:4px;
	background: #f6f7f8; /* Old browsers */ font-weight:bold;
background: -moz-linear-gradient(top,  #ffffff 0%, #d4d4d4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffff), color-stop(100%,#d4d4d4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fffff 0%,#d4d4d4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#d4d4d4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#d4d4d4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#d4d4d4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d4d4d4',GradientType=0 ); /* IE6-9 */
}
.chatting_box:after {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.chatting_box:after {
	border-color: rgba(136, 183, 213, 0);
	border-right-color: #f5f5f5;
	border-width: 0 10px 10px 10px;
	top: 30%;
	margin-right:-2px;
	
}
/* 채팅 대화 상대*/
.chatting_box2 {
	position:relative;
	border-radius: 5px;
	color:#000000;
	text-align:center;
	padding:5px;
	box-shadow:1px 1px 2px #013f75;
	margin-right:8px;
	background: #fcea97; /* Old browsers */ font-weight:bold;
background: -moz-linear-gradient(top,  #fcea97 0%, #d5c57b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcea97), color-stop(100%,#d5c57b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fcea97 0%,#d5c57b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fcea97 0%,#d5c57b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fcea97 0%,#v 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fcea97 0%,#d5c57b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcea97', endColorstr='#d5c57b',GradientType=0 ); /* IE6-9 */
}
.chatting_box2:after {
	left: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.chatting_box2:after {
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #eddc8c;
	border-width: 0 10px 10px 10px;
	top: 30%;
	margin-left:-2px;
}

/***************************************************************************
 * URL : /join/join_step_02.php
 * Page : /join/join_step_02.php
 * PageName : 회원가입 회원정보입력
 * Last : 신정훈
 ***************************************************************************/
.membership{clear: both; padding:3%; background:#eeeeee;}
.membership02{clear: both; padding:10px 0 10px 0; background:#ffe8b4; border-bottom:1px solid #d3d3d3; text-align:center;}
.membership02 img{ border:0; margin:0; padding:0; width:100%;}
.membership01{position: relative; border-bottom:1px solid #d3d3d3; line-height:60px; font-weight: bold; text-align:center; font-size:16px; background:#eeeeee; } 
.membership .form03{position: relative; line-height:45px; font-weight: bold; text-align:center; font-size:16px; padding-bottom:10px; }
.membership01 img { vertical-align:middle;}
.membership img { vertical-align:middle; margin-left:15px;}
.membership .check{
 width:100%;
 height:45px;
 line-height:45px;
 background:#dadada;
border:1px #d1d1d1;
border-radius:7px;
font-size:14px; font-weight:bold;
}
.membership .srcBtn01{position: absolute; top: 0; right: 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 120px; height:45px; text-align:center; border: 1px solid #c0c0c0; color: #fff; font-weight: bold; 
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright:7px; 
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:7px; 
-webkit-border-top-left-radius:0px;
-webkit-border-top-right-radius:7px; 
-webkit-border-bottom-left-radius:0px;
-webkit-border-bottom-right-radius:7px;
border-top-left-radius:0px;
border-top-right-radius:7px; 
border-bottom-left-radius:0px;
border-bottom-right-radius:7px;
font-size:14px; font-weight:bold; font-size:14px;
background: #ff3002; /* Old browsers */
background: -moz-linear-gradient(top,  #757575 0%, #929292 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#757575), color-stop(100%,#929292)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #757575 0%,#929292 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #757575 0%,#929292 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #757575 0%,#929292 100%); /* IE10+ */
background: linear-gradient(to bottom,  #757575 0%,#929292 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#757575', endColorstr='#929292',GradientType=0 ); /* IE6-9 */}
.membership .form{position: relative; padding-left: 80px; padding-bottom:10px;}
.membership .form01{position: relative;  padding-bottom:10px; }
.membership input[type=text]{-webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 40px; padding-left: .5em; border: 1px solid #d1d1d1; border-radius: 5px; background-color: #fff; font-weight: bold; font-size:14px;}
.membership select{-webkit-box-sizing: border-box; box-sizing: border-box; width: 25%; height: 40px; padding-left: .5em; border: 1px solid #d1d1d1; border-radius: 5px; background-color: #fff; font-weight: bold; font-size:14px;}
.membership input[type=password]{-webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 40px; padding-left: .5em; border: 1px solid #d1d1d1; border-radius: 5px; background-color: #fff; font-weight: bold; font-size:14px;}
.membership textarea[type=text]{-webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 50px; padding-left: .5em; border: 1px solid #d1d1d1; border-radius: 5px; background-color: #fff; font-weight: bold; font-size:14px;}
.membership .srcBtn03{-webkit-box-sizing: border-box; box-sizing: border-box; width:100%; height:40px; text-align:left;  font-weight: bold; font-size:14px; background:#d2d2d2; color:#ff3203; text-align:center; border-radius: 7px; margin-bottom:10px; line-height:40px;}
.membership .srcBtn{position: absolute; top: 0; left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 80px; height:40px; text-align:left;  font-weight: bold; font-size:14px; line-height:40px;}
.membership .srcBtn02{position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height:70px; text-align:center; border: 1px solid #d83900; color: #fff; font-weight: bold; text-shadow:2px 2px 2px #bd3108;
border-radius: 7px; font-size:20px;
margin:10px 0;
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 */}
.membership .srcBtn04{position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height:60px; text-align:center; border: 1px solid #464857; color: #fff; font-weight: bold; text-shadow:2px 2px 2px #464857;
border-radius: 7px; font-size:14px;
background: #464857; /* Old browsers */
background: -moz-linear-gradient(top,  #55576a 0%, #464857 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#55576a), color-stop(100%,#464857)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #55576a 0%,#464857 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #55576a 0%,#464857 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #55576a 0%,#464857 100%); /* IE10+ */
background: linear-gradient(to bottom,  #55576a 0%,#464857 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient ( startColorstr='#55576a', endColorstr='#464857',GradientType=0 ); /* IE6-9 */}

/* 게임센터 메인 */
.favorite_game{ position:relative; padding:5px 0; float:left; width:100%;  background-size:auto 100%; border-top:1px solid #adadad; border-bottom:1px solid #adadad; height:35px;}
.favorite_game li{float:left; width:11.5%; text-align:center; position: relative; font-weight:bold; color:#ooo; display:block; margin:0 auto; height:35px;}
.favorite_game li:frist_child{ width:4%;}
.favorite_game a{display:block; text-align:center;}
.favorite_game li span{display:block; text-align:center; color:#ffffff; width:35px; height:35px; vertical-align:middle; border-radius:7px; margin:0 auto; color:#a1a1a1; line-height:35px; }
.favorite_game li span.icon{display:block; text-align:center; color:#ffffff; width:31px; height:31px; vertical-align:middle; background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e2e2e2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e2e2e2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e2e2e2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e2e2e2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#e2e2e2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient ( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */ border-radius:7px; margin:0 auto; color:#a1a1a1; line-height:31px; border:2px solid
#0066ff; margin-bottom:-10px;}
.favorite_game li span.none{display:block; text-align:center; color:#ffffff; width:34px; height:34px; vertical-align:middle; background: #f5f5f5; border:1px solid #cfcfcf; text-align:center;}
.favorite_game li span.none img{ vertical-align:middle; margin-top:-3px; margin-left:3px;}
.favorite_game li p{ padding-top:5px; overflow:hidden;}
.favorite_game .arow_b{position:absolute; top:12px; left:2%; z-index:9;}
.favorite_game .arow_n{position:absolute; top:12px; right:2%; z-index:9;}
.favorite_game li p.on{ padding-top:5px; overflow:hidden; color:#ef490a;}

/* 서브검색 */
.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;}

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

.mission_btn{-webkit-box-sizing: border-box; box-sizing: border-box; width: 110px; height:40px; text-align:center; border: 1px solid #2c2e3c; color: #fff; font-weight: bold; line-height:40px; margin:0 auto; width:97%;
border-radius: 7px; font-size:14px;
background: #474959; /* Old browsers */
background: -moz-linear-gradient(top,  #474959 0%, #2c2e3c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#474959), color-stop(100%,#2c2e3c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #474959 0%,#2c2e3c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #474959 0%,#2c2e3c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #474959 0%,#2c2e3c 100%); /* IE10+ */
background: linear-gradient(to bottom,  #474959 0%,#2c2e3c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474959', endColorstr='#2c2e3c',GradientType=0 ); /* IE6-9 */}

.mission_input .srcBtn01{-webkit-box-sizing: border-box; box-sizing: border-box; width: 110px; height:40px; text-align:center; border: 1px solid #2c2e3c; color: #fff; font-weight: bold; 
border-radius: 7px; font-size:14px; float:left; display:block;
background: #474959; /* Old browsers */
background: -moz-linear-gradient(top,  #474959 0%, #2c2e3c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#474959), color-stop(100%,#2c2e3c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #474959 0%,#2c2e3c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #474959 0%,#2c2e3c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #474959 0%,#2c2e3c 100%); /* IE10+ */
background: linear-gradient(to bottom,  #474959 0%,#2c2e3c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474959', endColorstr='#2c2e3c',GradientType=0 ); /* IE6-9 */}

.friend_write {float:left; text-align:center; height:60px; position:relative; width:50%; padding-top:10px;}
.friend_write .friBtn01{text-align:center; border: 1px solid #2c2e3c; color: #fff; font-weight: bold; line-height:30px; display:block; text-align:right; margin-left:7px;
border-radius: 5px; font-size:14px; padding:7px 25px;
background: #474959; /* Old browsers */
background: -moz-linear-gradient(top,  #474959 0%, #2c2e3c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#474959), color-stop(100%,#2c2e3c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #474959 0%,#2c2e3c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #474959 0%,#2c2e3c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #474959 0%,#2c2e3c 100%); /* IE10+ */
background: linear-gradient(to bottom,  #474959 0%,#2c2e3c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474959', endColorstr='#2c2e3c',GradientType=0 ); /* IE6-9 */}
.friend_write .friBtn02{ border: 1px solid #d83900; color: #fff; font-weight: bold; line-height:30px;display:block; margin-right:7px; float:right;
border-radius: 5px; font-size:14px; padding:7px 25px; 
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 */}


.my_info11{clear: both; padding:10px; height:40px;}
.my_info11 .form{position: relative; padding-right: 75px;}
.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;}

/*서브 메뉴 */
.sub_menu_m{clear: both;  border-bottom:1px solid #d9d9d9;  background:#f5f5f5; float:left; width:96%; padding:2%;}
.sub_menu_m .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_menu_m .form li{ text-align:center; width:25%; border-bottom:1px solid #d9d9d9; float:left; line-height:35px; background:url(http://appdata.hungryapp.co.kr/m_images/new_main/menu_line.jpg) no-repeat; background-position:0 0;}
.sub_menu_m .form li:first-child{ text-align:center; width:25%; line-height:35px; border-bottom:1px solid #d9d9d9; float:left; background:#8a8ca1; background:none;} 
.sub_menu_m .form li:nth-child(5){ text-align:center; width:25%; line-height:35px; border-bottom:none; float:left; } 
.sub_menu_m .form li:nth-child(6){ text-align:center; width:25%; line-height:35px; border-bottom:none; float:left; } 
.sub_menu_m .form li:nth-child(7){ text-align:center; width:25%; line-height:35px; border-bottom:none; float:left; } 
.sub_menu_m .form li:nth-child(8){ text-align:center; width:25%; line-height:35px; border-bottom:none; float:left; } 
.sub_menu_m .form li.on_first{ text-align:center; width:25%; line-height:35px; float:left; background:#8a8ca1; color:#fff;
border-top-left-radius:6px;
border-top-right-radius:0px;
border-bottom-left-radius:0px;
border-bottom-right-radius:0px;} 
.sub_menu_m .form li.on_four{ text-align:center; width:25%; line-height:35px; float:left; background:#8a8ca1; color:#fff;
border-top-left-radius:0px;
border-top-right-radius:6px;
border-bottom-left-radius:0px;
border-bottom-right-radius:0px;} 
.sub_menu_m .form li.on_five{ text-align:center; width:25%; line-height:35px; float:left; background:#8a8ca1; color:#fff;
border-top-left-radius:0px;
border-top-right-radius:0px;
border-bottom-left-radius:6px;
border-bottom-right-radius:0px;} 
.sub_menu_m .form li.on_last{ text-align:center; width:25%; line-height:35px; float:left; background:#8a8ca1; color:#fff;
border-top-left-radius:0px;
border-top-right-radius:0px;
border-bottom-left-radius:0px;
border-bottom-right-radius:6px;} 
.sub_menu_m .form li.on{ text-align:center; width:25%; line-height:35px; float:left; background:#8a8ca1; color:#fff;}

/* game_list */
.game_list{float:left; width:100%;}
.game_list ul{float:left; width:100%; position:relative; font-size:14px; font-weight:bold; padding-top:7px; padding-bottom:7px; border-bottom:1px solid #cfcfcf; line-height:18px;}
.game_list ul.on{float:left; width:100%; position:relative; font-size:14px; font-weight:bold; padding-top:7px;  padding-bottom:7px; border-bottom:1px solid #cfcfcf; background:#f5f5f5;}
.game_list li.num{float:left; width:15%; text-align:center; font-weight:bold; padding-top:5px; position:relative; }
.game_list li span{float:left; width:100%; display:block;}
/*.game_list li p.up{ position:absolute; bottom:10px; left:4%; text-align:center; display:block; padding:0 5px; color:#fff; font-size:11px; font-weight:bold; background:#e90000; border:1px solid #a50000; border-radius:3px; width:20px;} 신정훈삭제 */
.game_list li p.up{ position:absolute; left:50%; margin-left:-15px; top:50%; margin-top:2px; text-align:center; display:block; padding:0px 5px; color:#fff; font-size:0.7em; font-weight:bold; background:#e90000; border:1px solid #a50000; border-radius:3px; width:20px;} /* 신정훈추가 */
.game_list li.img{float:left; width:15%;padding-top:3px; text-align:center;}
.game_list li.info{float:left; width:45%; padding-top:5px; font-size:14px;}
.game_list li.info div { width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:1em; } /* 신정훈추가 */
.game_list li.info span { font-size:0.8em; font-weight:normal; } /* 신정훈추가 */
.game_list li.star{float:left; width:25%; text-align:center; padding-top:5px; font-size:1em; font-weight:bold; }
.game_list li.btn{float:left; width:45%; text-align:center; padding-top:5px;}

/***************************************************************************
 * URL : /bbs/gameFriend_main.php
 * Page : /bbs/main/_gameFriend_main.php
 * PageName : 게임친구 메인
 * Last : 신정훈
 ***************************************************************************/
.gfgame_list{float:left; width:100%;}
.gfgame_list ul{float:left; width:100%; position:relative; font-size:14px; font-weight:bold; padding-top:7px; padding-bottom:7px; border-bottom:1px solid #cfcfcf; line-height:18px;}
.gfgame_list li.img{float:left; width:60px;padding-top:3px; text-align:center;}
.gfgame_list li.info{float:left; width:45%; font-weight:bold; padding-top:5px; font-size:14px;}
.gfgame_list li.info p { width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:1em; font-weight:bold; } 
.gfgame_list li.info span { font-size:0.8em; font-weight:normal; }
.gfgame_list li.btn{ float:left; width:35%; text-align:center; padding-top:5px; }

.friend_srcBtn01{
	position: absolute; top: 10px; right:80px; -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: 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 */
}
.friend_srcBtn02{
	position: absolute; top: 10px; right:5px; -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: 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 */
}

/***************************************************************************
 * 서브탭메뉴
 ***************************************************************************/
.sub_tep{clear: both; border-bottom:1px solid #d9d9d9;  background:#f5f5f5; float:left; width:96%; padding:2%;}
.sub_tep .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_tep .form li{ text-align:center; width:25%;  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; position:relative;}
.sub_tep .form li:first-child{ background:none;}
.sub_tep .icon{ position:absolute; top:-10px; right:0px;}
.sub_tep .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_tep .form li.on_last{ text-align:center; float:left; background:#8a8ca1; color:#fff;
border-top-left-radius:0px;
border-top-right-radius:6px;
border-bottom-left-radius:0px;
border-bottom-right-radius:6px;} 
.sub_tep .form li.on{ text-align:center; float:left; background:#8a8ca1; color:#fff;}

/* 게임정보상세 */
.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;}

/* 게임평가*/
.game_star{clear: both; padding-left:10px; float:left; width:98%; line-height:35px;}
.game_star li:first-child{ float:left; color:#949494; font-weight:bold; padding:0px 3px;}
.game_star li.tit{ float:left; color:#949494; font-weight:bold; padding:0px 2px;}
.game_star li.info{ float:left; color:#000; padding:0px 2px;}

/* 서브탭메뉴2 */
.sub_tep2{clear: both; background:#8a8ca1; float:left; width:100%; font-size:14px; font-weight:bold; position:relative}
.sub_tep2 ul { margin:5px 0 -5px 10px }
.sub_tep2 li{ text-align:center; width:20%; padding:0 10px 0 10px; float:left; line-height:40px; color:#dcdeeb; float:left }
.sub_tep2 em{ color:#ff0000; }
.sub_tep2 li.on{ text-align:center; float:left; background:#fff; color:#000; }
.sub_tep2 li.step03 { position:absolute; width:40%; top:4px; right:0;text-align:right;font-size:10px; color:#dcdeeb }
.sub_tep2 li.step03 span.on { font-weight:bold; color:#fff; background:url(http://appdata.hungryapp.co.kr/images/main1408/m/skin/board/bg_btn01_3.gif) no-repeat 0 50%; padding-left:10px }
.sub_tep2 li.step03 span.vr { border-right:1px solid #65677b; margin:0 10px 0 10px }

/* 서브탭메뉴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;}

/* 서브탭메뉴6 */
.sub_tep6{border-top:1px solid #d9d9d9;  background:#f5f5f5; float:left; width:100%;}
.sub_tep6 .form{ float:left;
 width:95%; margin:7px 10px; }
.sub_tep6 .form li{ text-align:center; width:30%;  float:left; line-height:40px; border-radius: 5px; font-size:14px;  color:#000; font-weight: bold;
border:1px solid #c4c4c4; margin-right:2.5%;
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_tep6 .form li:last-child{ text-align:center; width:30%;  float:right; line-height:40px; border-radius: 5px; font-size:14px;  color:#000; font-weight: bold;
border:1px solid #c4c4c4;
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 */} 
 .sub_tep6 .form li.on{ text-align:center; float:left; background:#8a8ca1; color:#fff;}

/* 서브탭메뉴c */
.sub_tepc{border-top:1px solid #d9d9d9;  background:#f5f5f5; float:left; width:100%;}
.sub_tepc .form{ float:left;
 width:95%; margin:7px 10px; }
.sub_tepc .form li{ text-align:center; width:46%;  float:right; line-height:40px; border-radius: 5px; font-size:14px;  color:#000; font-weight: bold;
border:1px solid #c4c4c4; margin-right:2.5%;
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_tepc .form li:first-child{ text-align:center; width:46%;  float:left; line-height:40px; border-radius: 5px; font-size:14px;  color:#000; font-weight: bold;
border:1px solid #c4c4c4;
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 */} 

/* 서브탭메뉴 게임친구 */
.sub_tepf{clear: both; border-bottom:1px solid #d9d9d9;  background:#f5f5f5; float:left; width:96%; padding:2%;;}
.sub_tepf .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_tepf .form li{ text-align:center; width:50%;  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_tepf .form li:first-child{ background:none;}
.sub_tepf .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_tepf .form li.on_last{ text-align:center; float:left; background:#8a8ca1; color:#fff;
border-top-left-radius:0px;
border-top-right-radius:6px;
border-bottom-left-radius:0px;
border-bottom-right-radius:6px;} 

/* 서브탭메뉴4 */
.sub_tep4{clear: both; background:#8a8ca1; float:left; width:100%; margin-bottom:7px; font-size:14px; font-weight:bold;}
.sub_tep4 li{ text-align:center; width:25%;  float:left; line-height:40px; color:#fff;}
.sub_tep4 li.on{ text-align:center; width:19%; line-height:35px; float:left; background:#fff; margin:5px 3% 0 3%; color:#000; } 

/* 서브탭메뉴4 */
.sub_tep5{clear: both; background:#8a8ca1; float:left; width:100%; margin-bottom:7px; font-size:14px; font-weight:bold;}
.sub_tep5 li{ text-align:center; width:50%;  float:left; line-height:40px; color:#fff;}
.sub_tep5 li.on{ text-align:center; width:44%; line-height:35px; float:left; background:#fff; margin:5px 3% 0 3%; color:#000; } 

/* 페이징 */
.paging{ width:100%;margin:10px auto; text-align:center; float:left; display:inline; }
.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}

/* 동영상 */
.game_movie{ width:100%;text-align:center; float:left; display:inline; padding:10px 0; position:relative; }
.game_movie .arow_back{ position:absolute; top:50%; left:5%; margin-top:-15px;}
.game_movie .arow_next{ position:absolute; top:50%; right:5%;  margin-top:-15px;}

/* 플레이 */
.game_play{width:100%; float:left; border-bottom:1px solid #a6a6a6; border-top:1px solid #a6a6a6;}
.game_play img{padding-bottom:3px; vertical-align:middle;} 
.game_play li.btn{width:75%; float:left;}
.game_play li.community{-webkit-box-sizing: border-box; box-sizing: border-box; width: 25%; text-align:center; font-weight: bold; float:left; height:80px; line-height:80px; border-left:1px solid #a6a6a6;
font-size:14px; font-weight:bold; font-size:14px;
background: #fff; /* Old browsers */
background: -moz-linear-gradient(top,  #fff 0%, #d7d7d7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,d7d7d7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fff 0%,#d7d7d7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fff 0%,#d7d7d7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fff 0%,#d7d7d7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fff 0%,#d7d7d7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#d7d7d7',GradientType=0 ); /* IE6-9 */}

.game_play .list_top{width:100%; float:left; background:#d1d1d1; border-bottom:1px solid #a6a6a6;}
.game_play .list_top li{width:33.3%; float:left; background:url(http://appdata.hungryapp.co.kr/m_images/new_main/game_link_line.jpg) repeat-y right; line-height:39px; text-align:center;  color:#fff;}
.game_play .list_top li:last-child{width:33.3%; float:left; background:none; line-height:39px; text-align:center;  color:#fff;}
.game_play .list_top li.on{color:#f45827; font-weight: bold; }
.game_play .list_bottom{width:100%; float:left; background:#d1d1d1; }
.game_play .list_bottom li{width:33.3%; float:left; background:url(http://appdata.hungryapp.co.kr/m_images/new_main/game_link_line.jpg) repeat-y right; line-height:40px; text-align:center; color:#fff; color:#ooo;}
.game_play .list_bottom li.on{ color:#000; font-weight: bold;}
.game_play .list_bottom li.on_last{ width:33.4%; color:#000; font-weight: bold;}
.game_play .list_bottom li:last-child{width:33.4%; float:left; background:none; line-height:40px; text-align:center;}

/* 평가작성*/
.write{clear: both; padding:0 10px; float:left; width:100%; border-bottom:1px solid #d8d8d8;}
.write textarea{ width:89%; border-radius:5px; -moz-box-shadow:inset 2px 2px 3px #bdbdbd;
-webkit-box-shadow:inset 2px 2px 3px #bdbdbd;
box-shadow:inset 2px 2px 3px #bdbdbd; border:1px solid #bdbdbd; line-height:14px; padding:10px; height:40px;}
.write .form{position: relative; padding-bottom:5px;}
.write .form li.star{ line-height:35px;}
.write .srcBtn{position: absolute; top:65px; right: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 80px; height:35px; text-align:center; border: 1px solid #d83900; color: #fff; font-weight: bold;
border-radius: 5px; 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 */}

.write_list{clear: both; padding:10px; float:left; width:calc(100% - 20px); border-bottom:1px solid #d8d8d8;}
.write_list .form{position: relative; }
.write_list .form li.id{width:55%; float:left; font-weight:bold;  padding-bottom:5px;}
.write_list .form li.id span{ padding:3px 7px; background:#fff; border:1px solid #d9d9d9; color:#a4a4a4; margin-right:5px;}
.write_list .form li.star{width:40%; text-align:right; float:left;}
.write_list .form li.text{width:95%; float:left; padding-top:5px;}
.write_list .form li.btn{width:95%; float:left;}
.write_list .w_btn{width:100%; float:left; border:1px solid #d9d9d9; background:#fff; margin-top:5px;}
.write_list .w_btn li{width:25%; float:left; border-right:1px solid #d9d9d9; padding:7px 10px;} 
.write_list .w_btn li span{ text-align:right; color:#eb3700; float:right;}
.write_list .w_btn li:last-child{width:25%; float:left; border-right:none;}

.write_list .profile{position: relative; width:52px; float:left;}
.write_list .form01{position: relative; width:calc(100% - 52px); float:left;}
.write_list .form01 li.id{width:55%; float:left; font-weight:bold;}
.write_list .form01 li.id span{ padding:3px 7px; background:#fff; border:1px solid #d9d9d9; color:#a4a4a4; margin-right:5px;}
.write_list .form01 li.btn{width:100%; float:left;  padding-top:5px;}
.write_list .form01 li.btn span{ padding:3px; background:#fff; border:1px solid #d9d9d9; color:#a4a4a4; margin-right:3px; float:left;  font-size:11px;}
.write_list .form01 li.btn span.reply{ color:#000;;}
.write_list .form01 li.btn span.right{ color:#000; float:right; margin-right:0;}
.write_list .form01 li.star{width:45%; text-align:right; float:left;}
.write_list .form01 li.text{width:100%; float:left; padding:10px 0;font-size: 13px;line-height: 1.5;}

.rewrite_list{clear: both; padding:10px; float:left; width:calc(100% - 20px); border-bottom:1px solid #d8d8d8;}
.rewrite_list .form{position: relative; padding-left:30px;}
.rewrite_list .form li.id{width:60%; float:left; font-weight:bold; }
.rewrite_list .form li.id span{ padding:3px 7px; background:#fff; border:1px solid #d9d9d9; color:#a4a4a4; margin-right:5px; font-size:11px; font-weight:100;}
.rewrite_list .form li.star{width:35%; text-align:right; float:left;}
.rewrite_list .form li.text{width:95%; float:left; padding-top:5px;}
.rewrite_list .form li.btn{width:95%; float:left;}
.rewrite_list .form li.btn span{ padding:3px; background:#fff; border:1px solid #d9d9d9; color:#a4a4a4; float:left;  font-size:11px;margin-right:3px; margin-top:5px;}
.rewrite_list .form li.btn span.reply{ color:#000;;}
.rewrite_list .form li.btn span.right{ color:#000; float:right; margin-right:0;}
.rewrite_list .form li textarea{width:70%; border-radius:7px; -moz-box-shadow:inset 2px 2px 3px #bdbdbd;
-webkit-box-shadow:inset 2px 2px 3px #bdbdbd;
box-shadow:inset 2px 2px 3px #bdbdbd; border:1px solid #bdbdbd; line-height:14px; padding:10px; height:30px;}
.rewrite_list .form01{position: relative; padding-left:50px;}
.rewrite_list .form01 li.id{width:60%; float:left; font-weight:bold; }
.rewrite_list .form01 li.id span{ padding:3px; background:#fff; border:1px solid #d9d9d9; color:#a4a4a4; }
.rewrite_list .form01 li.star{width:40%; text-align:right; float:left;}
.rewrite_list .form01 li.text{width:100%; float:left; padding:10px 0;font-size: 13px;line-height: 1.5;}
.rewrite_list .form01 li.btn{width:100%; float:left;}
.rewrite_list .form01 li.btn span{ padding:3px; background:#fff; border:1px solid #d9d9d9; color:#a4a4a4; margin-right:3px; float:left; font-size:11px; margin-top:5px;}
.rewrite_list .form01 li.btn span.reply{ color:#000;;}
.rewrite_list .form01 li.btn span.right{ color:#000; float:right; margin-right:0;}
.rewrite_list .form01 li textarea{width:70%; border-radius:7px; -moz-box-shadow:inset 2px 2px 3px #bdbdbd;
-webkit-box-shadow:inset 2px 2px 3px #bdbdbd;
box-shadow:inset 2px 2px 3px #bdbdbd; border:1px solid #bdbdbd; line-height:14px; padding:10px; height:30px;}
.rewrite_list .w_btn{width:100%; float:left; border:1px solid #d9d9d9; background:#fff; margin-top:5px;}
.rewrite_list .w_btn li{width:26%; float:left; border-right:1px solid #d9d9d9; padding:7px 10px;} 
.rewrite_list .w_btn li span{ text-align:right; color:#eb3700; float:right;}
.rewrite_list .w_btn li:last-child{width:25%; float:left; border-right:none;}
.rewrite_list .rebtn{position: absolute; top:0; left:5px;}
.rewrite{position: absolute; top: 0; right:20px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height:50px;  padding:0 7px;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 */}

.nwrite_list{clear: both; float:left; width:100%; background: #f3f2f2; /* Old browsers */
background: -moz-linear-gradient(top,  #f3f2f2 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f2f2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f3f2f2 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f3f2f2 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f3f2f2 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f3f2f2 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ border-top:1px solid #d8d8d8;}
.nwrite_list .profile{position: relative; float:left;  padding:10px; line-height:32px; font-weight:bold;}
.nwrite_list .form{position: relative; width:75%; float:right; padding:7px 10px 5px 0; }
.nwrite_list .form li.id{width:50%; float:left;}
.nwrite_list .form li.id span{ padding:3px 7px; background:#fff; border:1px solid #d9d9d9; color:#a4a4a4; margin-right:5px;}
.nwrite_list .form li.star{width:45%; text-align:right; float:right;}
.nwrite_list .form li.subject{width:95%; float:left; padding-bottom:5px; font-weight:bold; font-size:13px;}

/* 게임지수 */
.game_index{ float:left; width:50%; border-bottom:1px solid #d8d8d8;}
.game_index li{ float:left; }
.game_index li span{ float:right; }
.game_index li span.num_name{ width:85%; position:absolute; top:10px; text-align:center; font-size:12px; color:#9d9d9d;}
.game_index li.num{ float:left; width:35%; text-align:center; color:#e90000; font-weight:bold; font-size:18px; padding-top:35px; position:relative;}
.game_index li.vs{ float:right; width:50%; line-height:33px; border-bottom:1px solid #d8d8d8; border-left:1px solid #d8d8d8;padding:0 10px;
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_index li.percent{ float:right; width:50%;line-height:34px;border-left:1px solid #d8d8d8; padding:0 10px;
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_roll{ position:relative; width:50%; float:left; background:#d9d9d9; border-bottom:1px solid #d8d8d8; }
.game_roll .form{width:95%; padding:10px 10px 20px 10px; float:left;}
.game_roll .form li:first-child{ float:left; width:15%; text-align:center; padding-top:10px;}
.game_roll .form li:nth-child(2){ float:left; width:30%; text-align:center;}
.game_roll .form li:nth-child(3){ float:left; width:40%;}
.game_roll .form li:last-child{ float:left; width:15%; text-align:center;  padding-top:10px;}
.game_roll .form p{ position: absolute; width:100%; float:left; bottom:3px; left:0px; text-align:center;}

/* 공략사이트 메인 리스트 신정훈 추가*/
.atcom_list{float:left; width:50%; }
.atcom_list ul{float:left; width:100%; position:relative; font-size:14px; font-weight:bold; padding-top:3px; padding-bottom:3px; border-bottom:1px solid #cfcfcf; line-height:18px; padding-left:10px; background:url(http://appdata.hungryapp.co.kr/m_images/new_main/menu_line.jpg) repeat-y right; background-position:1px;}
.atcom_list ul.on{float:left; width:100%; position:relative; font-size:14px; font-weight:bold; padding-top:3px; padding-bottom:3px; border-bottom:1px solid #cfcfcf; line-height:18px; padding-left:10px; background: #f5f5f url(http://appdata.hungryapp.co.kr/m_images/new_main/menu_line.jpg) repeat-y right; background-position:1px;}
.atcom_list li span{float:left; width:100%; display:block;}
.atcom_list li.img{float:left; width:40px;padding-top:3px;}
.atcom_list li.info{float:left; width:60%; padding-top:5px; }
.atcom_list li.info p{ font-size:0.9em; font-weight:bold; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  }
.atcom_list li.info span{ font-size:0.7em; font-weight:normal; }
.atcom_list ul.title{float:left; width:100%; position:relative; font-size:14px; font-weight:bold; padding-top:3px; padding-bottom:3px; border-bottom:1px solid #cfcfcf; line-height:18px; padding-left:10px; }
.atcom_list li.title{float:left; width:90%; text-align:center; padding-top:5px; font-size:14px; font-weight:bold; color:#000; line-height:25px;}



/* 커뮤니티메인리스트 */
.com_list{float:left; width:50%; }
.com_list ul{float:left; width:100%; position:relative; font-size:14px; font-weight:bold; padding-top:3px; padding-bottom:3px; border-bottom:1px solid #cfcfcf; line-height:18px; padding-left:10px; background:url(http://appdata.hungryapp.co.kr/m_images/new_main/menu_line.jpg) repeat-y right; background-position:1px;}
.com_list ul.on{float:left; width:100%; position:relative; font-size:14px; font-weight:bold; padding-top:3px; padding-bottom:3px; border-bottom:1px solid #cfcfcf; line-height:18px; padding-left:10px; background: #f5f5f url(http://appdata.hungryapp.co.kr/m_images/new_main/menu_line.jpg) repeat-y right; background-position:1px;}
.com_list li span{float:left; width:100%; display:block;}
.com_list li p.up{ position:absolute; bottom:10px; left:4%; text-align:center; display:block; padding:0 5px; color:#fff; font-size:11px; font-weight:bold; background:#e90000; border:1px solid #a50000; border-radius:3px; width:20px;}
.com_list li.img{float:left; width:30%;padding-top:3px;}
.com_list li.info{float:left; width:60%; font-weight:bold; padding-top:5px; font-size:14px;}
.com_list li.star{float:left; width:25%; text-align:center; padding-top:5px; font-size:14px; font-weight:bold;}
.com_list ul.title{float:left; width:100%; position:relative; font-size:14px; font-weight:bold; padding-top:3px; padding-bottom:3px; border-bottom:1px solid #cfcfcf; line-height:18px; padding-left:10px; background:#cbcbcb;}
.com_list li.title{float:left; width:100%; text-align:center; padding-top:5px; font-size:14px; font-weight:bold; color:#000; line-height:25px;}

/* 커뮤니티 리스트 */
.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%;}
.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 */ }

/* 말풍선 */
.tutorial{
	position:absolute;
	border-radius: 20px;
	color:#000;
	text-align:left;
	font-weight:bold;
	line-height:22px;
	border:10px solid #ff6c00;
	top:0px;
	right:0px;
	font-size:14px;
	padding:10px;
	z-index:99;
	background: #ffffff;}
.tutorial:after {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.tutorial:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #ff6c00;
	border-width: 30px 30px 30px 0;
	left: 10%;
	
}


.tutorial01 {
	position:absolute;
	top:80px;
	padding:10px;
	border-radius: 25px;
	right:20px;
	background: #ffffff;
	border: 7px solid #ff590c;
	z-index:99;
	font-weight:bold;
	line-height:22px;
	font-size:14px;
	-moz-box-shadow: 0px 0px 5px #000000;
	-webkit-box-shadow: 0px 0px 5px #000000;
	box-shadow: 0px 0px 5px #000000;
}
.tutorial01:after, .tutorial01:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.tutorial01:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #ffffff;
	border-width: 15px;
	left: 50%;
	margin-left: -18px;
	
}
.tutorial01:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #ff590c;
	border-width: 25px;
	left: 50%;
	margin-left: -28px;
	
}

.bubble{
	position:relative;
}
.bubble .label{
	color:#ffffff;
	background-color:#66aa11;
	border-radius:5px;
	padding:10px;
}
.bubble .tail{
	left:50%;
	margin-left:-18px;
	border-right :18px solid transparent;
	border-top:18px solid #66aa11;
	border-left : 18px solid transparent;
	position:absolute;
	bottom:-18px;
	width:0; height:0;
}
/*커뮤니티 메뉴*/
.com_ginfo{ width:62%; float:left; position:absolute; top:0px; left:50px;}
.com_ginfo li.img{float:left;margin-right:5px; margin-top:-3px; }
.com_ginfo li.name{float:left;}
.com_ginfo li span{float:right; text-align:right;vertical-align:middle;}

/*커뮤니티 메뉴*/
.contents_link{ width:100%; float:left; background:#fbf8ec; border-top:1px solid #d9d9d9;}
.contents_link ul{ width:100%; float:left; border-bottom:1px solid #d9d9d9;}
.contents_link li{ width:20%; float:left; color:#938652; text-align:center;vertical-align:middle; background:url(http://appdata.hungryapp.co.kr/m_images/new_main/menu_line.jpg) repeat-y right; padding:7px 0; height:50px;}
.contents_link p{ padding-top:5px;}
.contents_link li:last-child{background:none;}
.contents_link li img{ vertical-align:middle;}
.contents_link li span{color: #eb3700; margin-left:10px;}

/* 즐겨찾기 클릭시 */
.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;}

/* 메뉴 클릭시 */
.menu_open{ width:50%; float:left; background:#20212d; position:absolute; top:208px; left:0px; z-index:99;}
.menu_open li.title{ width:90%; float:left; color:#636574;line-height:35px; padding:0 5%; font-weight:bold;} 
.menu_open li.s_title{ width:94%; float:left; color:#fff;line-height:35px; border-bottom:1px solid #20212d; border-top:1px solid #636574;padding:0 3%; background:#464858 url(http://appdata.hungryapp.co.kr/m_images/new_main/menu_list.png) no-repeat; background-position:95% 48%; font-weight:bold; background-size:10px auto;} 


/* 게임친구 */
.friend_info{ float:left; padding:10px; width:100%;}
.friend_info .form{ float:left; background:#f5f5f5; border:1px solid #d9d9d9; width:90%; position:relative; padding:5px 10px;}
.friend_info .paper{ position:absolute; bottom:-5px; right:-1px; z-index:99;}
.friend_info .list{  float:left; width:100%; position:relative;}
.friend_info .list .icon01{position:absolute; top:40px; right:0; }
.friend_info .list .icon02{position:absolute; top:40px; right:60px; }
.friend_info .list li{  float:left; width:100%;line-height:22px; }
.friend_info .list li span{  float:right; font-size:12px; font-weight:100; color:#939393;}
.friend_info .list li.title{  float:left; width:100%; background:url(http://appdata.hungryapp.co.kr/m_images/new_main/width_line.jpg) repeat-x bottom; line-height:30px; color:#000; font-weight:bold; margin-bottom:5px; font-size:14px;}

/* 게임쿠폰 */
.coupon_list{float:left; width:100%; border-top:1px solid #d9d9d9;}
.coupon_list li.coupon{float:left; width:60%; border-bottom:1px solid #d9d9d9; height:90px; position:relative;}
.coupon_list li.ev_coupon{float:left; width:100%; position:relative; background:#e1e1e1 url(http://appdata.hungryapp.co.kr/m_images/new_main/event_line.png) repeat-x bottom; text-align:center; padding:5px 0;}
.coupon_list li.ev_coupon01{float:left; width:100%; position:relative; background:#e1e1e1; text-align:center; padding:3px 0 0 0;}
.coupon_list li.coupon_img{float:left; width:35%; height:80px; position:relative;}
.coupon_list li.name{float:left; width:58%; position:relative; height:70px; line-height:20px; font-weight:bold; padding:10px; color:#000; font-size:16px; padding-top:20px;}
.coupon_list li.myname{float:left; width:58%; position:relative; height:70px; line-height:20px; font-weight:bold; padding:10px; color:#000; font-size:16px; padding-top:5px;}
.coupon_list .day{float:left;position:relative;font-weight:bold; padding:5px 7px; color:#fff; font-size:16px; background:#a32600; border-radius:5px; margin-top:5px;}
.coupon_list .day_off{float:left;position:relative;font-weight:bold; padding:5px 7px; color:#cfcfcf; font-size:16px; border-radius:5px; background:#737373; margin-top:5px;}
.coupon_list .num{ position:absolute; bottom:0; left:0; background:#000; color:#fff; font-weight:bold; padding:5px 10px;}
.coupon_list li.btn{float:left; width:40%; border-bottom:1px solid #d9d9d9; position:relative; height:80px; text-align:center; line-height:16px; padding-top:10px; color:#989898;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ebebeb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#ebebeb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */}
.coupon_list li.btn_on{float:left; width:35%; border-bottom:1px solid #d9d9d9; position:relative; height:80px; text-align:center; line-height:16px; font-weight:bold; padding-top:10px; color:#000;  background:#f5f5f5;}
.coupon_list .list_arow{position:absolute; top:50%; right:5%; margin-top:-6px;}
.coupon_list li span{ color:#a3a3a3;}
.coupon_list ul.coupon_g{float:left; width:94%; border-bottom:1px solid #d9d9d9; height:80px; position:relative; float:left; padding:3%;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ebebeb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#ebebeb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */}

.lawWrap{ width:95%; padding:10px; float:left;}
.lawWrap td{ vertical-align:top;}
.lawWrap p.bsubtit{font-weight:bold; line-height:35px;}


.coupon_popup {width:94%; margin:0 auto; background:#e7e7e7; border-radius:15px; box-shadow:3px 3px 5px #000;}
.coupon_popup  .srcBtn02{position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; width: 94%; height:50px; text-align:center; border: 1px solid #d83900; color: #fff; font-weight: bold; text-shadow:2px 2px 2px #bd3108; margin:0 3% 3% 3% ; 
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 */}
.coupon_popup input[type=text]{-webkit-box-sizing: border-box; box-sizing: border-box; width: 94%; height: 40px; padding-left: .5em; border: 1px solid #d1d1d1; border-radius: 5px; background-color: #fff; font-weight: bold; font-size:14px; margin:3%; }

@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%;}

.ganada{width:100%; float:left; background:#ececec;}
.ganada li{width:12.5%; line-height:30px; text-align:center; background:url(http://appdata.hungryapp.co.kr/m_images/new_main/line.png) repeat-y right; float:left; border-bottom:1px solid #cfcfcf; display:block;}
.ganada li a{width:12.5%; height:30px; text-align:center;  }

.genre_tep{width:100%; float:left; background:#ececec;}
.genre_tep li{width:25%; line-height:30px; text-align:center; background:url(http://appdata.hungryapp.co.kr/m_images/new_main/line.png) repeat-y right; float:left; border-bottom:1px solid #cfcfcf; }
.genre_tep li a{width:25%; height:30px; text-align:center; }

/* 알림타이틀 */
.mn_title_a{border:0; padding:10px; margin:0; float:left; position:relative; width:100%; background:#fbf5cb; border-bottom: 1px solid #d3cb94; border-top: 1px solid #d3cb94; clear:both;} 
.mn_title_a li.b_title{font-size:16px; font-weight:bold; color:#000; text-align:left;}
.mn_title_a li.s_title{color:#8f8f8f;}
.mn_title_at{border:0; padding:5px 10px; margin:0; float:left; position:relative; width:100%; background:#e5e5e5; border-bottom: 1px solid #cfcfcf; height:35px;}
.mn_title_att{border:0; padding:5px 10px; margin:0; float:left; position:relative; width:100%; background:#e5e5e5; border-bottom: 1px solid #cfcfcf; text-align:center; border-bottom: 1px solid #cfcfcf; border-top: 1px solid #cfcfcf; margin-bottom:10px;}

/* 알림버튼 */
.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 */ }



/* 쿠폰 */
.sub_tep_cu{clear: both; border-bottom:1px solid #d9d9d9;  background:#f5f5f5; float:left; width:96%; padding:1%;}
.sub_tep_cu .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_tep_cu .form li{ text-align:center; width:20%;  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_tep_cu .form li:first-child{ background:none;}
.sub_tep_cu .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_tep_cu .form li.on_last{ text-align:center; float:left; background:#8a8ca1; color:#fff;
border-top-left-radius:0px;
border-top-right-radius:6px;
border-bottom-left-radius:0px;
border-bottom-right-radius:6px;} 
.sub_tep_cu .form li.on{ text-align:center; float:left; background:#8a8ca1; color:#fff;}

/* 서브탭메뉴4 */
.sub_tep_cup{clear: both; background:#8a8ca1; float:left; width:100%; margin-bottom:7px; font-size:14px; font-weight:bold;}
.sub_tep_cup li{ text-align:center; width:33%;  float:left; line-height:40px; color:#fff;}
.sub_tep_cup li.on{ text-align:center; width:28%; line-height:35px; float:left; background:#fff; margin:5px 3% 0 3%; color:#000; } 

/* 게임친구 */
.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 */ }

/* 리플작성*/
.write_reply_nm{clear: both; padding:0 10px; float:left; width:100%; border-bottom:1px solid #d8d8d8; background:#f2f3f9;}
.write_reply_nm textarea{ width:89%; border-radius:5px; -moz-box-shadow:inset 2px 2px 3px #bdbdbd;
-webkit-box-shadow:inset 2px 2px 3px #bdbdbd;
box-shadow:inset 2px 2px 3px #bdbdbd; border:1px solid #bdbdbd; line-height:14px; padding:10px; height:40px;}
.write_reply_nm .form{position: relative; padding-bottom:10px; padding-top:10px;}
.write_reply_nm .form li.star{ line-height:35px;}
.write_reply_nm .srcBtn{position: absolute; top:80px; right: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 80px; height:35px; text-align:center; border: 1px solid #bdbdbd; color: #000; font-weight: bold;
border-radius: 5px; font-size:14px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #d3d3d3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d3d3d3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#d3d3d3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#d3d3d3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#d3d3d3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#d3d3d3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d3d3d3',GradientType=0 ); /* IE6-9 */}

.refresh_btn{width:100%; background:#fbf8ec; text-align:center; vertical-align:middle; line-height:40px; border-bottom:1px solid #cfcfcf; float:left; font-weight:bold; border-top:1px solid #cfcfcf; font-size:14px;}
.refresh_btn img{vertical-align:middle; margin-top:-3px}

.pop_banner{width:100%; background:#f2f3fc; text-align:center; vertical-align:middle; line-height:40px; border-bottom:1px solid #cfcfcf; float:left; color:#235da4;}
.pop_banner img{vertical-align:middle; margin-top:-3px}

/* 공략정보 뷰수정*/
.com_list02{float:left; width:100%;}
.com_list02 ul.pro_img{float:left; width:100%; border-bottom:1px solid #cfcfcf; border-top:2px solid #464858;}
.com_list02 li.subject{float:right; width:80%; padding-left:3%; padding-right:2%; position:relative; font-size:14px; padding-top:5px; padding-bottom:5px; border-bottom:none; line-height:20px; font-weight:bold; background:url(http://appdata.hungryapp.co.kr/m_images/new_main/menu_line.jpg) repeat-y;}
.com_list02 li.profile{float:left; width:15%; text-align:center;}
.com_list02 li.view{float:right; width:82%; padding-left:3%; position:relative; padding-top:0; padding-bottom:7px; line-height:20px; padding-right:0;  background:url(http://appdata.hungryapp.co.kr/m_images/new_main/menu_line.jpg) repeat-y;}
.com_list02 li.view span.sos{ padding:3px 5px; border:1px solid #cfcfcf; margin-right:3px; margin-right:3px;  font-size:12px; border-radius:5px; margin-left:5px;
background: #f6f6f6; /* Old browsers */}
.com_list02 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_list02 li.link{float:left; width:100%; padding-left:10px; position:relative; font-size:14px; padding-top:7px; padding-bottom:7px; border-bottom:none; }
.com_list02 li.mis_btn{width:47%; text-align:center; float:left;border-bottom:none;}

.com_list02 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_list02 li.content img{ height:auto; }
.com_list02 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_list02 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_list02 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_list02 li span.infon{position:absolute; top:7px; right:20px; color:#ff690f; font-weight:bold; width:80px; background-color:#F00}
.com_list02 li span.type{ color:#5d9f41; margin-right:5px; }
.com_list02 li p{ font-size:12px;}
.com_list02 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_list02 li.last_more a{ width:100%; display:block; padding-right:15px; color:#fff; padding:5px 0;}
.com_list02 .arow_next{position:absolute; right:5%; top:50%; margin-top:-10px;}

.com_list02 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 */ }

/* 뷰페이지 버튼들 */
.nm_view_btn{ padding:15px 10px; width:96%; float:left;}
.nm_view_btn  li{ padding:10px 2%; float:left; text-align:center; background:#f6f6f6 url(http://appdata.hungryapp.co.kr/m_images/new_main/com_btn_line.png) no-repeat right; background-size:1px 100%; border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; color:#959595; margin-top:5px;}
.nm_view_btn  li:first-child{border-left:1px solid #cfcfcf;}
.nm_view_btn  li:last-child{border-right:1px solid #cfcfcf; background:#f6f6f6;}
.nm_view_btn .write_btn{ width:24%; line-height:45px; float:right; border-top-left-radius:0px;
border-top-right-radius:7px;  
border-bottom-left-radius:0px;
border-bottom-right-radius:7px;
border:1px solid #cfcfcf;
text-align:center; color:#ec4800; font-size:15px; font-weight:bold;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #d4d4d4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d4d4d4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#d4d4d4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#d4d4d4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#d4d4d4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#d4d4d4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d4d4d4',GradientType=0 ); /* IE6-9 */ }
.nm_view_btn .list_btn{ width:24%; line-height:45px; float:right; border-top-left-radius:7px;
border-top-right-radius:0px;
border-bottom-left-radius:7px;
border-bottom-right-radius:0px;
border:1px solid #cfcfcf; border-right:none;
text-align:center; color:#000; font-size:15px; font-weight:bold;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #d4d4d4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d4d4d4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#d4d4d4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#d4d4d4 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #ffffff 0%,#d4d4d4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#d4d4d4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d4d4d4',GradientType=0 ); /* IE6-9 */ }

.com_best_list2{clear:both; width:100%; float:left;}
.com_best_list2 ul.tex_list{padding:0 10px 0 15px; border-bottom:1px solid #cfcfcf;clear:both;}
.com_best_list2 .title{ background:#e5e5e5 url(http://appdata.hungryapp.co.kr/m_images/new_main/best_icon01.png) no-repeat; background-size:35px auto; border-top:1px solid #cfcfcf; padding:0 10px 0 50px; line-height:35px; background-position:10px 0; font-size:14px; font-weight:bold; border-bottom:1px solid #cfcfcf;}
.com_best_list2 .list{ width:80%;line-height:35px; float:left; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.com_best_list2 .list01{ width:20%;line-height:35px;float:left;}
.com_best_list2 .num{ padding:3px 7px; color:#fff; background:#ff5400; border:1px solid #cb0000;  border-radius:3px; margin-right:5px; font-size:11px;}
.com_best_list2 .day{ float:right}

.com_wriBtn{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 #000000; color: #fff; font-weight: bold; 
border-radius: 5px; font-size:14px;
background:#515466; box-shadow:1px 1px 2px #33343f;}
.com_wriBtn img{vertical-align:middle; margin-top:-3px;}

/* 멤버타이틀 */
.mn_title_mem{border:0; padding:10px; margin:0; background:#e5e5e5; border-bottom: 1px solid #cfcfcf; border-top: 1px solid #cfcfcf; clear:both;} 
.mn_title_mem li.b_title{font-size:16px; font-weight:bold; color:#000; text-align:left;}
.mn_title_mem  li.s_title{color:#8f8f8f;}

.member_end{width:100%; clear:both;} 
.member_end p{ margin:0; padding:0; border:0; float:left; width:100%;}

.member_end p img{ margin:0; padding:0; border:0; float:left; width:100%;}

/* 선택초대하기 */
.check_list{width:100%; float:left;}
.check_list ul{width:100%; padding:0 10px; border-bottom:1px solid #cfcfcf; float:left;}
.check_list li{ float:left;}
.check_list li.img   { float:left;  width:10%;  padding-top:10px; height:35px;  }
.check_list li.name { float:left;  width:20%;  line-height:45px; }
.check_list li.phone  { float:left;  width:45%; line-height:45px; text-align:left;}
.check_list li.state  { float:right; width:20%; line-height:45px;}
.check_list li.state span{color:#ff5400;}
.check_list ul.on{width:100%; padding:0 10px; border-bottom:1px solid #cfcfcf; background:#fdfbee;}




.srcBtns{top: 0; right: 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 98%; height:50px; 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 */}