.photo_list li							{margin:0 15px;}
.photo_list figure						{height:210px; border:1px solid #eaeaea; border-radius:20px; overflow:hidden;}
.photo_list figure img					{width:100%; height:100%; object-fit:cover; transition:all .5s ease;}
.photo_list li:hover figure img			{transform: scale(1.12);}
.photo_list .subject p					{font-family: 'GmarketSansMedium'; font-size:1.15em; color:#333; height:50px; line-height:1.45; letter-spacing:-0.75px; margin:20px 0 10px 0; overflow:hidden; text-overflow: ellipsis;-o-text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; word-wrap: break-word;}
.photo_list .subject em					{font-family: 'Spoqa Han Sans Neo', 'sans-serif'; font-weight:400; font-style:normal; color:#999;}
.photo_list  .nolist					{width:100%; text-align:center; padding:60px 0; color:#777;}

.photo_arrow							{position:absolute; top:-10px; right:0;}
.photo_arrow p							{position:relative; display:inline-block; width:40px; height:40px; line-height:34px; text-align:center; border:2px solid #c6c6c6; cursor:pointer; vertical-align:top; border-radius:100%;}
.photo_arrow .prev:after				{content:''; display:inline-block; margin:0 0 0 3px; border:solid #555; border-width:0 0 3px 3px; padding:4px; transform:rotate(45deg); border-radius:2px;}
.photo_arrow .next:after				{content:''; display:inline-block; margin:0 3px 0 0; border:solid #555; border-width:3px 3px 0 0; padding:4px; transform:rotate(45deg); border-radius:2px;}
.photo_arrow .stop						{line-height:36px;}
.photo_arrow .stop:before				{content:''; display:inline-block; width:3px; height:13px; background:#555; border-radius:2px;}
.photo_arrow .stop:after				{content:''; display:inline-block; width:3px; height:13px; background:#555; border-radius:2px; margin-left:3px;}
.photo_arrow .play						{line-height:37px; text-indent:3px;}
.photo_arrow .play:after				{content:''; display:inline-block; width:0; height:0; border-style:solid; border-width:7px 0 7px 10px; border-color:transparent transparent transparent #555; border-radius:3px;}
.photo_arrow .more:before				{position:absolute; top:12px; left:17px; content:''; display:inline-block; width:3px; height:13px; background:#555; border-radius:2px;}
.photo_arrow .more:after				{position:absolute; top:17px; left:12px; content:''; display:inline-block; width:13px; height:3px; background:#555; border-radius:2px;}
.photo_arrow p:hover					{border-color:#194895; background:#194895;}
.photo_arrow p:hover:after,
.photo_arrow p:hover:before				{border-color:#fff;}
.photo_arrow .stop:hover:after,
.photo_arrow .stop:hover:before,
.photo_arrow .more:hover:before,
.photo_arrow .more:hover:after			{background:#fff;}
.photo_arrow .play:hover:after			{border-color:transparent transparent transparent #fff;}


@media screen and (max-width:1400px) {
	.photo_arrow					{right:20px;}
}

@media screen and (max-width:1200px) {
	.photo_list li					{margin:0 10px;}
}


@media screen and (max-width:1024px) {
	.photo_list li					{margin:0 5px;}
	.photo_list figure				{height:180px;}
	.photo_list .subject p			{font-size:1.05em; height:42px; margin:15px 0 5px 0;}
	.photo_list .subject em			{font-size:0.85em;}

	.photo_arrow					{top:0; right:0;}
	.photo_arrow p					{width:32px; height:32px; line-height:24px;}
	.photo_arrow .prev:after		{padding:3px;}
	.photo_arrow .next:after		{padding:3px; margin:0 2px 0 0;}
	.photo_arrow .stop				{line-height:28px;}
	.photo_arrow .stop:after		{margin-left:2px; height:11px;}
	.photo_arrow .stop:before		{height:11px;}
	.photo_arrow .more:after		{top:13px; left:9px; width:11px;}
	.photo_arrow .more:before		{top:9px; left:13px; height:11px;}
	.photo_arrow .play				{line-height:27px;}
	.photo_arrow .play:after		{border-width:6px 0 6px 8px;}
}