/*  리스트  ==================================================================================== */


.list_item 					{position:relative;}
.list_item:after			{content:""; display:block; clear:both;}
.list_item li				{position:relative; float:left; width:31%; box-sizing:border-box; margin:0 3% 2% 0;}
.list_item li:nth-child(3n)	{margin-right:0;}
.list_item li .img			{position:relative; height:370px; text-align:center; border-top:1px solid #eaeaea; -webkit-box-shadow: 0 5px 8px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0 5px 8px 0px rgba(0,0,0,0.2);box-shadow: 0 5px 8px 0px rgba(0,0,0,0.2);display:flex;justify-content:center;align-items:center;}
.list_item li .img img		{max-width:100%; max-height:100%; flex:0 0 auto;}
.list_item li .info			{margin:25px 0 0 0; min-height:80px;}
.list_item li .info .tit	{font-family:"NotoKrM", sans-serif; font-size:1.1em; color:#222; line-height:140%;}
.list_item li .info .etc	{font-size:0.9em; margin-top:5px; color:#444}
.list_item .nolist			{float:none; width:100%;}
.list_item li .layer		{position:absolute; top:0; left:0; display:none; background:rgba(0,0,0,0.5) url("../image/btn_more.png") no-repeat 50% 50%; z-index:1;
							width:100%; height:100%; transition:0.5s; opacity:.7; text-align:center;}
.list_item li:hover .layer	{display:block;}


.list_item2 				{position:relative;}
.list_item2:after			{content:""; display:block; clear:both;}
.list_item2 li				{position:relative; float:left; width:23.5%; box-sizing:border-box; margin:0 2% 2% 0;}
.list_item2 li:nth-child(4n)	{margin-right:0;}
.list_item2 li .img			{position:relative; height:200px; text-align:center; border-top:1px solid #eaeaea; -webkit-box-shadow: 0 5px 8px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0 5px 8px 0px rgba(0,0,0,0.2);box-shadow: 0 5px 8px 0px rgba(0,0,0,0.2);display:flex;justify-content:center;align-items:center;}
.list_item2 li .img img		{max-width:100%; max-height:100%; }
.list_item2 li .info		{margin:20px 0 0 0; min-height:80px;}
.list_item2 li .info .tit	{font-family:"NotoKrB", sans-serif; font-size:1.25em; color:#222; line-height:140%;}
.list_item2 li .info .etc	{font-size:0.9em; margin-top:7px; color:#444}
.list_item2 .nolist			{float:none; width:100%;}
.list_item2 li .layer		{position:absolute; top:0; left:0; display:none; background:rgba(0,0,0,0.5) url("../image/btn_more.png") no-repeat 50% 50%; z-index:1;
							width:100%; height:100%; transition:0.5s; opacity:.7; text-align:center;}
.list_item2 li:hover .layer	{display:block;}


/*  뷰페이지  ==================================================================================== */

.list_item_view 				{position:relative;}
.list_item_view_top				{}
.list_item_view_top:after		{content:""; display:block; clear:both;}
.list_item_view_top .img		{float:left; width:50%;  height:570px;  border-top:1px solid #eaeaea; -webkit-box-shadow: 0 5px 8px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0 5px 8px 0px rgba(0,0,0,0.2);box-shadow: 0 5px 8px 0px rgba(0,0,0,0.2);display:flex;justify-content:center;align-items:center;}
.list_item_view_top .img img	{width:100%; max-height:100%;}
.list_item_view_top .info		{float:right; width:45%;}
.list_item_view_top .info em	{background:#0a95a4; font-style:normal; font-size:0.85em; color:#fff; padding:2px 10px;}
.list_item_view_top .info .tit	{font-family:"NotoKrB", sans-serif; font-size:1.5em; color:#333; padding:12px 0 25px 0; line-height:140%;}
.list_item_view_top .info_list	{border-bottom:1px solid #d5d5d5; border-top:1px solid #d5d5d5; padding:15px 0;}
.list_item_view_top .info dl		{overflow:hidden;  padding:8px 0;}
.list_item_view_top .info dl dt	{float:left; font-family:"NotoKrB", sans-serif; color:#222;}
.list_item_view_top .info dl dd	{padding-left:120px; color:#444;}


.vpage_bar						{text-align:center; margin:50px 0; border-top:1px solid #ddd;}

.vpage_btnarea					{text-align:center; padding:40px 0; margin:50px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.vpage_btn						{display:inline-block;text-align:center; background:#41464a; color:#fff; padding:0 30px; line-height:42px; margin:0 1px; cursor:pointer; font-size:0.95em; min-width:90px;vertical-align:middle; }
.vpage_btn:hover				{background:#981937;}




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

#ecategory_sub_add_box		{position:absolute;z-index:20;background-color:#ffffff;}

.list_item_date1			{color:#333333;font-weight:bold;}
.list_item_date2			{color:#666666;font-weight:bold;}

.list_item_nolist				{padding:70px 0;text-align:center;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}


.list_item_view_box1			{padding:6px 4px; letter-spacing:0; border:solid 1px #bbb;word-break:break-all;} 
.list_item_view_box2			{padding:15px 4px 5px 4px; letter-spacing:0; border:solid 1px #bbb;word-break:break-all;width:100%;} 
.list_item_view_box2 li		{display:inline-block;width:calc(25% - 4px);text-align:center;margin-bottom:10px;} 



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

.list_item_form_btn			{display:inline-block;line-height:40px;padding:0 35px;color:#fff;background:#a0a0a0;border:1px solid #a0a0a0;border-radius:2px;margin:0 3px;cursor:pointer;font-weight:bold;letter-spacing:1px;vertical-align:middle;}

.list_item_form_btn02			{display:inline-block;line-height:40px;padding:0 35px;color:#fff;background:#d92a34;border:1px solid #d92a34;border-radius:2px;margin:0 3px;cursor:pointer;font-weight:bold;letter-spacing:1px;vertical-align:middle;}

.list_item_form_btn03			{display:inline-block;line-height:40px;padding:0 35px;color:#fff;background:#029f71;border:1px solid #029f71;border-radius:2px;margin:0 3px;cursor:pointer;font-weight:bold;letter-spacing:1px;vertical-align:middle;}

.list_item_form_btn04			{display:inline-block;line-height:40px;padding:0 35px;color:#fff;background:#fb8801;border:1px solid #fb8801;border-radius:2px;margin:0 3px;cursor:pointer;font-weight:bold;letter-spacing:1px;vertical-align:middle;}

.list_item_form_btn05			{display:inline-block;line-height:20px;padding:0 10px;color:#333;background:#fff;border:1px solid #a0a0a0;margin:0 3px;cursor:pointer;font-weight:bold;letter-spacing:1px;vertical-align:middle;}

.list_item_form_btn06			{display:inline-block;text-align:center;line-height:26px;height:26px;padding:0 11px;color:#fff;font-size:1em;background:#555;border:1px solid #333;cursor:pointer;vertical-align:middle;}




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

	.list_item li .info, .list_item2 li .info				{margin:20px 0 30px 0; min-height:100%;}
	.list_item li .info .tit, .list_item2 li .info .tit		{font-size:1.1em; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
	.list_item li .info .etc, .list_item2 li .info .etc		{font-size:0.85em; margin:3px 0 0 0;}

	
	.list_item_view_top .info em		{font-size:0.8em;}
	.list_item_view_top .info .tit		{font-size:1.2em; padding:10px 0 20px 0;}
	.list_item_view_top .info_list		{padding:3px 0;}
	.list_item_view_top .info dl		{font-size:0.85em; padding:5px 0;}

	.vpage_btnarea						{padding:30px 0;}

}



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


	.list_item li						{width:48%;}
	.list_item li:nth-child(2n)			{margin-right:0; float:right;}	
	.list_item li:nth-child(6n)			{margin:0 0 1% 0;}
	.list_item2 li .img img				{width:auto;}

	.list_item2 li						{width:48%; margin:0 2% 3% 0;}
	.list_item2 li:nth-child(2n)		{margin-right:0; float:right;}
	.list_item2 li .img					{height:220px;}

	.list_item_view_top .img			{float:none; width:100%; height:100%;}
	.list_item_view_top .info			{float:none; width:100%; margin-top:20px;}


}


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


	.list_item2 li .img				{height:150px;}

}


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


	.list_item li					{float:none; width:100%;}
	.list_item li:nth-child(2n)		{float:none;}
	.list_item li .img				{height:100%;}

	.list_item2 li					{float:none; width:100%;}
	.list_item2 li:nth-child(2n)	{float:none;}
	.list_item2 li .img				{height:100%;}
	.list_item2 li .img img					{width:100%;}

}



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

	.list_item_form_btn				{line-height:35px;padding:0 25px;}
	.list_item_form_btn02			{line-height:35px;padding:0 25px;}
	.list_item_form_btn03			{line-height:35px;padding:0 25px;}
	.list_item_form_btn04			{line-height:35px;padding:0 25px;}

}