/* 관리자모드 *****/




/* 홈페이지 *****/





/* 댓글리스트 *****/

#comment_wrap				{margin-top:20px;}
#comment_wrap button		{display: inline-block;vertical-align:baseline;cursor: pointer;text-align:center;white-space:nowrap;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}

#comment_wrap #comment_secret_key		{width: 50px;}
#comment_wrap #comment_secret_image		{height: 35px;}
#comment_wrap input[type="text"],
#comment_wrap input[type="password"]	{border: 1px solid #bbb; padding: 3px 5px; margin: 2px 0px;width:100px;height: 27px;}


#comment_wrap .comment_passwdbox						{position:absolute;right: 0;bottom: 0px;background:#fff;}
#comment_wrap .comment_passwdbox #comment_passwd2		{margin:0px;height: 27px; vertical-align: top;width:121px;}


.comment_writebox			{overflow:hidden;background:#f9f9f9;padding:20px;border:1px solid #ddd;}
.comment_writebox textarea	{float:left;background:#ffffff;border:1px solid #ddd;width:85%;height:80px;padding: 5px;overflow-x: hidden;}
.comment_writebox button	{float:right;background: #525252;border:1px solid #454545;width:15%;height:80px;line-height:80px;color:#fff;font:300 1em 'Noto Sans Kr', sans-serif;}


.comment_write_subbox		{overflow:hidden;margin:10px 0px;}
.comment_write_subbox textarea	{float:left;background:#ffffff;border:1px solid #ddd;width:calc(100% - 60px);height:50px;padding: 5px;overflow-x: hidden;}
.comment_write_subbox button	{float:right;background: #efefef;border-top:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;width:60px;height:50px;line-height:50px;font:300 1em 'Noto Sans Kr', sans-serif;}


.comment_replybox												{padding:30px; border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #ddd;}

.comment_replybox .replyinfo									{overflow:hidden; padding-bottom:15px; border-bottom:1px solid #ddd;}
.comment_replybox .replyinfo .count								{float:left; color:#999; }
.comment_replybox .replyinfo .count span						{color: #333;}
.comment_replybox .replyinfo .tab								{float:right;}
.comment_replybox .replyinfo .tab li							{display:inline-block; margin-right:5px;color:#888;cursor:pointer;}
.comment_replybox .replyinfo .tab li:last-child					{margin-right:0;}
.comment_replybox .replyinfo .tab li.on							{font-weight:500;color:#333;}

.comment_replybox .replylists									{position:relative;  padding-bottom:25px;border-bottom:1px solid #e2e2e2;}
.comment_replybox .replylists li.depth1							{border-radius:5px;background:#f5f5f5;padding:10px;margin:10px 0px 0px 20px;border-top:0px;}
.comment_replybox .replylists li.depth2							{border-radius:5px;background:#f5f5f5;padding:10px;margin:10px 0px 0px 40px;border-top:0px;}
.comment_replybox .replylists li.depth3							{border-radius:5px;background:#f5f5f5;padding:10px;margin:10px 0px 0px 60px;border-top:0px;}
.comment_replybox .replylists li								{padding-top:25px;margin-top:25px;border-top:1px solid #e2e2e2;}
.comment_replybox .replylists li:first-child					{padding-top:10px;margin-top:15px;border-top:0px;}
.comment_replybox .replylists li.nolist							{padding-top:0px;margin-top:0px;border-top:0px;padding:70px 0px 45px 0px;}
.comment_replybox .replylists li .img							{float:left; width:40px; height:40px; }
.comment_replybox .replylists li .img img						{width:100%; height:100%; border-radius:50px; border:1px solid #efefef;}
.comment_replybox .replylists li .info							{padding-left:50px;}
.comment_replybox .replylists li .info div						{color:#999; font-size:0.85em;}
.comment_replybox .replylists li .info div.bold					{color:#222; font-size:0.95em;}
.comment_replybox .replylists li .info div button				{color:#999;margin-left:12px;font:300 1em 'Noto Sans Kr', sans-serif;}
.comment_replybox .replylists li .info div button:before		{position: absolute;content: '';width: 1px;height: 13px;background: #ccc;margin: 3px 0px 0px -6px;}
.comment_replybox .replylists li .content						{padding:15px 0;}
.comment_replybox .replylists li .controls						{position:relative;text-align:right;}
.comment_replybox .replylists li .controls button				{display:inline-block; margin:0 1px;width:65px; height:35px; line-height:34px; text-align:center; border:1px solid #ddd; color:#555; cursor:pointer;font:300 0.9em 'Noto Sans Kr', sans-serif;}
.comment_replybox .replylists li .controls button:hover			{border:1px solid #666;}
.comment_replybox .replylists li .controls button.good			{text-indent:17px; background:url('../image/icon_heart.png') no-repeat 13px 11px; background-size:15px auto;}
.comment_replybox .replylists li .controls button.on			{background:url('../image/icon_heart.png') no-repeat 13px -14px; background-size:15px auto;}


/* screen 768 */
@media screen and (max-width:768px) {

	#comment_wrap #comment_secret_image		{height: 30px;}
	#comment_wrap input[type="text"],
	#comment_wrap input[type="password"]	{width:84px;height: 22px;}

	#comment_wrap .comment_passwdbox #comment_passwd2			{height: 19px;width:105px;}


	.comment_writebox				{padding:0px;border:0px}
	.comment_writebox textarea		{background:#f9f9f9;font-size:0.85em;}

	.comment_writebox button,
	.comment_write_subbox textarea,
	.comment_write_subbox button	{font-size:0.85em;}

	.comment_replybox											{padding:20px;}

	.comment_replybox .replylists								{padding-bottom:20px;}
	.comment_replybox .replylists li							{padding-top:20px;margin-top:20px;}
	.comment_replybox .replylists li:first-child				{margin-top:10px;}
	.comment_replybox .replylists li.nolist						{font-size:0.85em;padding:56px 0px 45px 0px;}

	.comment_replybox .replyinfo .count,
	.comment_replybox .replyinfo .tab li,
	.comment_replybox .replylists li .info div,
	.comment_replybox .replylists li .info div.bold		{font-size:0.8em;}

	.comment_replybox .replylists li .content			{font-size:0.85em;line-height:145%;}

	.comment_replybox .replylists li .controls button	{font-size:0.8em;width:57px;height:27px; line-height:26px;}

	.comment_replybox .replylists li .controls button.good	{background-position: 13px 7px; }

	.comment_replybox .replylists li .controls button.on	{background-position: 13px -18px;}
}


/* screen 580  */
@media screen and (max-width:580px) {
	.comment_writebox textarea	{float:none;width:100%;}
	.comment_writebox button	{float:none;width:100%;height:36px;line-height:36px;}

	.comment_replybox .replyinfo .tab li	{margin-right:2px;}

}



/* 신고 *****/
#comment_report_fade			{position:absolute;top:0%;left:0%;width:100%;height:100%;background:#000;opacity:.80;z-index:999999998;}
#comment_report_layer			{position:fixed; width:600px;overflow:hidden;z-index:999999999;-webkit-overflow-scrolling:touch;margin:0 auto;}
#comment_report_layer #comment_report_layer_wrap	{background:#fff; margin-top:50px; height:100%;}
#comment_report_layer .comment_report_layer_close	{position:absolute; right:0; top:0; width:50px; height:50px; background:url('../image/layer_close.png') no-repeat center 0; background-size:50px;cursor:pointer;}



.comment_report_area			{margin:0 auto;width:500px;padding:40px 0 30px 0;}
.comment_report_area button		{display:inline-block;width:100%;text-align:center;line-height:60px;height:60px;color:#fff;background:#00a096;font-size:1.3em; border:1px solid #00a096; } 

.comment_report_area .report_top				{padding:0 0 30px 0; text-align:center;font-size:2.5em; color:#444; line-height:130%;}
.comment_report_area .report_head				{padding-bottom:5px;font-size:1.2em; color:#444; line-height:130%;}
.comment_report_area .report_box				{margin-bottom:20px;}
.comment_report_area .report_box .names			{color:#000000;padding-right:8px;}
.comment_report_area .report_box .mores			{color:#999999;position: relative;cursor:pointer;padding:2px 8px;}
.comment_report_area .report_box .mores:before	{position: absolute;left: 0;top: 50%;margin-top: -4px;width: 1px;height: 7px;background-color: #d8d8d8;content: '';}
.comment_report_area .report_cons				{display:none;padding:5px 0px 5px 20px;font-size:0.85em;}
.comment_report_area .report_line				{border-top:1px solid #e4e4e5;margin-top:20px;}
.comment_report_area .report_info				{padding:20px 0px;}
.comment_report_area .report_info p				{text-align:left; padding:0 0 0 15px; line-height:160%; font-size:0.85em; color:#333; font-weight:normal; background:url("../../../core/image/common/icon01.gif") no-repeat 4px 7px; }




 /* mobie screen 650 */
@media screen and (max-width:650px) { 

	#comment_report_layer			{width:90%;}

}


/* mobie screen 520 */
@media screen and (max-width:520px) { 

	.comment_report_area			{width:90%;}

}


/* mobie screen 460 */
@media screen and (max-width:460px) { 

	.comment_report_area			{padding:20px 0 ;}

	.comment_report_top				{padding:0 0 15px 0;} 
	.comment_report_top_tit			{font-size:2em;}

	.comment_report_textarea		{font-size:1.1em;padding: 10px 9px;margin:5px 0;}
	.comment_report_btn01			{height:52px; line-height:52px; font-size:1.1em;}
	
}