
div.m-view { position: relative; width: auto; border: 1px solid #bbbbbb; 
	border-radius: 3px;
	webkit-border-radius: 3px;
	moz-border-radius: 3px;
	ms-border-radius: 3px;}

/* 제목 */
div.m-view-title { width: auto; padding: 10px; background:#fff}
div.m-view-title h2 { float: left; width: 50px; height: 100%; margin-right: 7px;}
div.m-view-title ul { width: auto;}
div.m-view-title ul li:first-child { display:table-cell; vertical-align: middle; height: 30px; font-size: 12px; letter-spacing: -1px;}

/* 주소복사 */
div.m-view-link { width: auto; padding: 10; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background:#fff}
div.m-view-link ul { width: 100%; padding: 10px 0; overflow: hidden;}
div.m-view-link ul li:first-child { float: left; padding-top: 10px; margin-left: 10px; line-height: 0; color: #999; font-size: 12px;}
div.m-view-link ul li:last-child { float: right; margin-right: 10px;}
button.btn_70x24 { display: inline-block; width: 70px; height: 24px; font-size: 11px; color: #000;}

/* 글내용 */
div.m-view-cont { width: auto; padding: 10px; background:#fff}
div.m-view-cont h2 { position: relative; width: auto; padding-bottom: 10px;}
div.m-view-cont h2 img { width: 100%;}
div.m-view-cont p { font-size: 12px;}
div.m-view-cont h3 { position: relative; width: 100%; text-align: center; margin: 30px 0;}
div.m-view-cont h3 a:first-child { display: inline-block; position: relative; width: 30%; max-width: 172px; margin-right: 5px;}
div.m-view-cont h3 a:first-child span { display: block; position: absolute; width: 20%; max-width: 32px; height: 50%; top: 50%; left: 10%; margin-top: -10%; padding-top: 3%; background: url(//appdata.hungryapp.co.kr/images/main1408/common/btn_view_symcon.png) no-repeat; background-size: 100%; text-align: center; color: #fff; font-size: 8px;}
div.m-view-cont h3 a:first-child img { width: 100%; max-width: 172px;}
div.m-view-cont h3 img:last-child { width: 20.5%; max-width: 118px;}
div.m-view-cont table { padding: 0; margin: 0; width: 100%; background: #cfcfcf; border:1px solid #eee;border-radius:4px;}
div.m-view-cont table td { padding:10px; text-align: center; 
background: rgb(255,255,255); /* Old browsers */


/* IE9 SVG, needs conditional override of 'filter' to 'none' */
/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNGU0ZTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(228,228,228,1) 100%); /* FF3.6+ */
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(228,228,228,1))); /* Chrome,Safari4+ */
/*background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(228,228,228,1) 100%); /* Chrome10+,Safari5.1+ */
/*background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(228,228,228,1) 100%); /* Opera 11.10+ */
/*background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(228,228,228,1) 100%); /* IE10+ */
/*background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(228,228,228,1) 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-8 */}


div.m-view-cont table tr td.sns_cell { width: 11%; text-align: center; border-right:1px solid #eee }
div.m-view-cont table tr td.sns_cell img { width:30px;overflow: hidden;
	border-radius: 3px;
	webkit-border-radius: 3px;
	moz-border-radius: 3px;
	ms-border-radius: 3px;}
div.m-view-cont table tr td.more_cell { width: 12%;}
div.m-view-cont table tr td.more_cell img { width: 60%; max-width: 34px;}
div.m-view-cont table tr td.bk_cell { width: 22%;}
div.m-view-cont table tr td.bk_cell img { width: 80%; max-width: 75px;}
div.m-view-cont h4 { position: relative; width: 100%; text-align: center; margin: 30px 0;}
div.m-view-cont h4 img { width: 23%; max-width: 172px; margin: 0 3px;}

div.view-btm-btn { background:#fff; overflow:hidden; position:relative; top:0px; margin-bottom:0px; bottom:-50px; padding:10px }
div.view-btm-btn ul { margin:0 auto; padding:0; text-align:center }
div.view-btm-btn li.btn01 { display:inline-block; text-align:center; float:right; }
div.view-btm-btn li.btn02 { display:inline-block; text-align:center; float:left; }

/* 리플영역 */
div.reply_section { margin: 0 10px; }

div.m-view-reply { width: 100%; margin-bottom: 10px; background: #fff; border:1px solid #bbb; overflow:hidden; 
	box-shadow: 0px 0px 1px 1px #d0d0d0;
	-webkit-box-shadow: 0px 0px 1px 1px #d0d0d0;
	-moz-box-shadow: 0px 0px 1px 1px #d0d0d0;
	-ms-box-shadow: 0px 0px 1px 1px #d0d0d0;
	border-radius:2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;}

/* 리플 tab : 140930 수정 */
ul.reply_tab { position: relative; width: 100%; overflow: hidden; border-bottom:1px solid #bbb }
ul.reply_tab li { position: relative; float: left; padding:0 13px 0 13px; height: 46px; border-right: 1px solid #bbb; text-align: center; line-height: 46px; font-size: 12px;}
ul.reply_tab li:last-child { float: right; border: 0; text-align:right; padding-right:10px; font-size:10px; letter-spacing:-.1em; color:#999 }
ul.reply_tab li:last-child span { color: #ff5b00; font-weight: bold; margin-left:4px } 
ul.reply_tab li.active { color: #222; font-weight: bold; box-shadow:inset 0 -4px 0 0 #ff4600}
ul.reply_tab li span.reply_tline { position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 4px; background: #ff4600; }

/* 리플리스트 : 140903 수정 */
div.reply_list { position:relative; width:100%; padding:10px; border-bottom: 1px solid #bbb; overflow:hidden }
div.reply_list span.pf-img img { margin-right:8px; float:left; width:25px; height:25px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; border:1px solid #ccc }
div.reply_list button { border:1px solid #aaa; background:#fff; font-size:11px; padding:5px 4px 5px 4px; border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px; letter-spacing:-.1em; }
div.reply_list button.re { color:#333; height:26px; }
div.reply_list span.re-cont ul { font-size:12px; overflow: hidden; margin-right: 10px; }
div.reply_list span.re-cont li.name { font-weight:bold; float:left }
div.reply_list span.re-cont li.report { float:right; padding-right:10px }
div.reply_list span.re-cont li.txt { margin-top:6px; line-height:16px; overflow:hidden; clear:both; float:left; padding-right:10px }
div.reply_list span.re-cont li.update { font-size:11px; color:#999; margin:4px 0 8px 0; clear:left; float:left }
div.reply_list span.re-cont li.update span.date { padding-right:6px; border-right:1px solid #ccc; margin-right:6px }
div.reply_list span.re-cont li.update span.date1 { padding-right:6px; margin-right:6px }
div.reply_list span.re-cont li.update span.re em { margin-left:2px; font-weight:bold; color:#ff4600 }
div.reply_list span.re-cont li.btn01 { float:left; clear:left }
div.reply_list span.re-cont li.btn02 { float:right; padding-right:10px }
div.reply_list span.re-cont li.btn03 { clear:both; float:left; margin-top:4px }
div.reply_list span.re-cont button.mod { height:26px; background:url(//appdata.hungryapp.co.kr/images/main1408/m/skin/board/btn_bg_mod.png) no-repeat 50% 50%; background-size:18px; width:26px; font-size:0; vertical-align:top }
div.reply_list span.re-cont button.del { height:26px; background:url(//appdata.hungryapp.co.kr/images/main1408/m/skin/board/btn_bg_del.png) no-repeat 50% 50%; background-size:18px; width:26px; font-size:0; vertical-align:top }
div.reply_list button.like { width:38px; height:26px; background:url(//appdata.hungryapp.co.kr/images/main1408/m/skin/board/btn_bg_like.png) no-repeat 6px 50%; background-size:8px; text-align:center; padding-left:10px; color:#3652ad }
div.reply_list button.dislike { width:38px; height:26px; background:url(//appdata.hungryapp.co.kr/images/main1408/m/skin/board/btn_bg_dislike.png) no-repeat 6px 50%; background-size:8px; text-align:center; padding-left:10px; color:#666 }
div.reply_list button.report { border:0; font-size:10px; padding:0; color:#666; background:url(//appdata.hungryapp.co.kr/images/main1408/m/skin/board/btn_bg_report.png) no-repeat 10px 50%; background-size:10px; padding-left:24px; height:10px; vertical-align:top }

div.reply_list2 { background:url(//appdata.hungryapp.co.kr/images/main1408/m/skin/board/bg_re_depth.png) no-repeat 10px 10px; background-size:25px }
div.reply_list2 span.pf-img img { margin-left:35px }
div.reply_list3{ background:url(//appdata.hungryapp.co.kr/images/main1408/m/skin/board/bg_re_depth.png) no-repeat 46px 10px; background-size:25px }
div.reply_list3 span.pf-img img { margin-left:70px }

/*
div.reply_list ul li.reply_cont { font-size: 12px; margin: 7px 0;}
div.reply_list p { float: left; margin: 0 10px;}
div.reply_list p.reply_reply { width: 70px;}
div.reply_list p.reply_reply img:first-child { width: 25%; vertical-align: top; margin-right: 5px;}
div.reply_list ul li.reply_btn img { width: 18%; max-width: 80px;}
div.reply_list ul li.reply_btn a { margin-right: 2px; }
div.reply_list ul li.reply_btn a.reply_view { position: relative; display: inline-block; width: 24%; max-width: 109px;}
div.reply_list ul li.reply_btn a.reply_view img { width: 100%; max-width: 109px;}
div.reply_list ul li.reply_btn a.reply_sys { position: relative; display: inline-block; width: 16%; max-width: 70px; float: right;}
div.reply_list ul li.reply_btn a.reply_sys img { width: 100%; max-width: 70px;}
div.reply_list ul li.reply_btn a.reply_sys span { position: absolute; top: 50%; line-height: 0; right: 7px; font-size: 8px;}
div.reply_list ul li.reply_btn a.reply_sin { display: inline-block; width: 20%; max-width: 80px;}
div.reply_list ul li.reply_btn a.reply_sin img { width: 100%; max-width: 80px;}
div.reply_list ul li.reply_btn a.reply_sys02 { position: relative; display: inline-block; width: 17.5%; max-width: 70px; float: right;}
div.reply_list ul li.reply_btn a.reply_sys02 img { width: 100%;}
div.reply_list ul li.reply_btn a.reply_sys02 span { position: absolute; top: 50%; line-height: 0; margin-top: ; right: 7px; font-size: 8px;}*/

/*140926 추가 (버튼수정) */




a.reply_view span { position: absolute; top: 50%; right: 5%; margin-top: -7px; background: #25b948; color: #fff; font-size: 6px; font-weight: bold; line-height: 14px; text-align: center; padding: 0 3px;
	box-shadow: 1px 1px 3px 1px #0d7c27 inset;
	webkit-box-shadow: 1px 1px 3px 1px #0d7c27 inset;
	moz-box-shadow: 1px 1px 3px 1px #0d7c27 inset;
	ms-box-shadow: 1px 1px 3px 1px #0d7c27 inset;
	border-radius: 10px;
	webkit-border-radius: 3px;
	moz-border-radius: 3px;
	ms-border-radius: 3px;}

/* ----- 리플쓰기 */
div.reply_write { position: relative; width: 100%; border-top: 1px dotted #cccccc; background: #f9f9f9;overflow: hidden;}
ul.reply_write_cont { position: relative; margin: 10px;}
ul.reply_write_cont li.check01 { position:absolute; color:#999; top:0; right:0 }
ul.reply_write_cont li.check01 input { vertical-align:middle; padding:0; margin:0 4px 0 0 }
ul.reply_write_cont li:first-child { margin: 15px 0 10px 0; color: #222; font-size: 12px; font-weight: bold;}
ul.reply_write_cont li:first-child span { color: #ff4600; font-weight: bold; margin-right: 5px;}
ul.reply_write_cont li textarea { width: 94%; border: 1px solid #ddd; padding: 3%;
	/*box-shadow: 1px 1px 1px 1px #b7b7b7 inset;
	webkit-box-shadow: 1px 1px 1px 1px #b7b7b7 inset;
	moz-box-shadow: 1px 1px 1px 1px #b7b7b7 inset;
	ms-box-shadow: 1px 1px 1px 1px #b7b7b7 inset;*/
	border-radius:3px;
	webkit-border-radius: 3px;
	moz-border-radius: 3px;
	ms-border-radius: 3px;}
ul.reply_write_cont li:last-child { width: 100%; text-align: right; margin-top: 5px; }
ul.reply_write_cont li:last-child img { width: 40%; max-width: 172px; margin: 0 2px; }



/* common.css에 추가되는 사항 S */

/* 카테고리 */
#main_title { background:#464858; color:#ffffff; height:30px; padding:0px 7px 0px 55px; position:relative;  border-top: 1px solid #1f3746; font-size:14px; padding-top:10px;}
#main_title li{ padding-top:10px;}
#main_title .listbtn{position: absolute; top: 0; left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding:5px 5px 5px 5px; text-align:center; border: 1px solid #1b1d23; color: #fff; font-weight: bold; text-shadow:2px 2px 2px #bd3108; margin:3px 7px;
border-radius: 7px;
background: #5e616f; /* Old browsers */
background: -moz-linear-gradient(top,  #767989 0%, #4a4d5a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#767989), color-stop(100%,#4a4d5a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #767989 0%,#4a4d5a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #767989 0%,#4a4d5a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #767989 0%,#4a4d5a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #767989 0%,#4a4d5a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#767989', endColorstr='#4a4d5a',GradientType=0 ); /* IE6-9 */}
/* /카테고리 */

/* view page 배너 */
div.m-view-banner { text-align:center; border-top: 1px solid #191919; border-bottom: 1px solid #191919;}
div.m-view-banner img { width:100%; max-width:620px;
	box-shadow:0px 1px 1px 1px #aeaeae;
	webkit-box-shadow: 0px 0px 1px 1px #aeaeae inset;
	moz-box-shadow: 0px 0px 1px 1px #aeaeae inset;
	ms-box-shadow: 0px 0px 1px 1px #aeaeae inset;}
/* /view page 배너 */

/* 회원레벨 */
span.user_Lv { display: inline-block; width: 41px; height: 16px; background: #25b948; color: #fff; font-size: 8px; font-weight: bold; line-height: 16px; text-align: center; margin-right: 5px;
	box-shadow: 1px 1px 3px 1px #0d7c27 inset;
	webkit-box-shadow: 1px 1px 3px 1px #0d7c27 inset;
	moz-box-shadow: 1px 1px 3px 1px #0d7c27 inset;
	ms-box-shadow: 1px 1px 3px 1px #0d7c27 inset;
	border-radius: 3px;
	webkit-border-radius: 3px;
	moz-border-radius: 3px;
	ms-border-radius: 3px;}
/* /회원레벨 */

/* 회원사진 */
span.user_Photo { display: inline-block; width: 45px; height: 45px; background: #ddd; background-size: 45px 45px;
	box-shadow: 1px 1px 5px 1px #999 inset;
	webkit-box-shadow: 1px 1px 5px 1px #999 inset;
	moz-box-shadow: 1px 1px 5px 1px #999 inset;
	ms-box-shadow: 1px 1px 5px 1px #999 inset;}
/* /회원사진 */

/* 닉네임 */
span.user_nickname { color: #222; font-size: 12px; font-weight: bold;}
/* /닉네임 */

span.view_space01 { padding: 0 5px; font-size: 13px; font-weight: bold;}

/* view page 등록 date */
span.view_date { color: #666; font-size: 12px;}
/* /view page 등록 date */

/* 리스트 페이징 css */
.m_list_pgno p { clear: both; text-align: center; padding: 10px 0; border-top: 1px solid #ccc;}
.m_list_pgno p a span { display: none;}
.m_list_pgno p a { display: inline-block; width: 22px; height: 22px; text-align: center; vertical-align: middle; border: 1px solid #b5b5b5; color: #8b8b8b; font-size: 11px; line-height: 22px;}
.m_list_pgno p a.on { display: inline-block; border: 1px solid #ff4600; color: #fff; font-weight: bold; background: #ff4600;}
.m_list_pgno p a.home { background: #e7e7e7 url(//appdata.hungryapp.co.kr/images/main1408/common/page_num.png) no-repeat 0px 0px;}
.m_list_pgno p a.pre { background: #e7e7e7 url(//appdata.hungryapp.co.kr/images/main1408/common/page_num.png) no-repeat -22px 0px; margin-right: 5px;}
.m_list_pgno p a.next { background: #e7e7e7 url(//appdata.hungryapp.co.kr/images/main1408/common/page_num.png) no-repeat -44px 0px; margin-left: 5px;}
.m_list_pgno p a.end { background: #e7e7e7 url(//appdata.hungryapp.co.kr/images/main1408/common/page_num.png) no-repeat -66px 0px;}

/* common.css에 추가되는 사항 E */

.view_op_btn { line-height:27px; float:left; border-top-left-radius:0px; overflow: hidden;
border-top-right-radius:7px;  
border-bottom-left-radius:0px;
border-bottom-right-radius:7px;
border:1px solid #cfcfcf;
text-align:center; color:#666; 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 */ }
.view_op_btn li { float: left; list-style: none;}
.view_op_btn li span { display: inline-block; height: 100%; padding: 0 10px; border-right: 1px solid #cfcfcf;}
.view_op_btn li:last-child span { border: none;}


.reply_list .btn a{display: inline-block; margin-left:0px; padding:3px; border: 1px solid #AAAAAA;color: #666666; box-shadow: 0 1px 1px #C5C5C5;
background: #fff;


.hidBtn{display:none;}
