/*  컬렉션 리스트  ==================================================================================== */
.collect_top				{padding:20px; margin-bottom:30px; border:5px solid #f3f4f5; line-height:150%;}
.collect_top p				{font-family:"NotoKrB", sans-serif; font-size:1.5em; color:#981937; margin-bottom:15px; text-align:center;}

.cgroup_list_item			{border-top:1px solid #333;}
.cgroup_list_item li		{position:relative; border-bottom:1px solid #ddd; padding:20px 0;}
.cgroup_list_item li:after	{content:""; display:block; clear:both;}
.cgroup_list_item .img		{position:relative; float:left; width:42%; height:310px; -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);}
.cgroup_list_item .img img	{width:100%; height:100%;}
.cgroup_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;
	padding-top:50px;
	text-align:center;
}

.cgroup_list_item li:hover .layer	{display:block;}
.cgroup_list_item .info		{float:right; width:58%;}
.cgroup_list_item .info dl	{padding:30px;}
.cgroup_list_item .info dl dt	{font-family:"NotoKrB", sans-serif; font-size:1.5em; color:#333; margin-bottom:15px; letter-spacing:-1px;}
.cgroup_list_item .info .txt	{min-height:80px;line-height:140%; overflow:hidden; color:#555;
								text-overflow: ellipsis;-o-text-overflow: ellipsis;display:	-webkit-box;-webkit-line-clamp: 3;
								-webkit-box-orient: vertical; word-wrap: break-word; }
.cgroup_list_item .info .count	{color:#333;}

.cgroup_list_item .nolist		{float:none; width:100%;}	


/*  소장품 리스트  ==================================================================================== */
.collect_item .img			{overflow:hidden;}
.collect_item .img img		{width:auto !important;}

.collect_search_box			{position:relative; border-top:1px solid #333; margin-bottom:30px;}
.collect_search_box dl		{overflow:hidden; border-bottom:1px solid #ddd; background:#f8f8f8; padding:12px 30px;}	
.collect_search_box dt		{float:left; font-family:"NotoKrM", sans-serif; font-size:1em; color:#333; line-height:35px;}
.collect_search_box dd		{padding-left:80px;}
.collect_search_box dd p	{float:left; margin:0 2px;}
.collect_search_box dd p a	{display:inline-block; font-size:0.9em; border:1px solid #c9c9c9; padding:7px 12px; background:#fff; color:#333; border-radius:2px;}
.collect_search_box dd p a:hover	{border-color:#981937;}
.collect_search_box .on 	{font-family:"NotoKrB", sans-serif; color:#981937;  border-color:#981937;}
.collect_search_wrap		{overflow:hidden;float:left; width:82%;}
.collect_search_wrap .input_form	{float:left; width:77%; height:28px; line-height:28px; border-color:#c9c9c9; margin:0;}
.collect_search_btn			{ float:right; width:20%; text-align:center; border:1px solid #981937; background:#981937; color:#fff; line-height:33px; cursor:pointer; vertical-align:middle; }
.collect_search_btn:hover	{background:#41464a; border-color:#41464a;}
.collect_reset_btn			{float:right; width:105px; text-indent:30px; border:1px solid #c8c8c8; border-right:1px solid #9c9c9c; border-bottom:1px solid #9c9c9c;background:#fff; color:#333; 
							background:url("../image/ico_reset.png") no-repeat 12px 50% #fff; background-size:15px; line-height:33px; cursor:pointer; font-size:0.85em; vertical-align:middle; }
.collect_reset_btn:hover	{border-color:#000;}
.book_research_btn01		{background:#583fa0; color:#fff; font-size:0.85em; padding:2px 10px;}

.collect_list_item 					{position:relative;}
.collect_list_item:after			{content:""; display:block; clear:both;}
.collect_list_item li				{position:relative; float:left; width:31%; box-sizing:border-box; margin:0 3% 2% 0;}
.collect_list_item li:nth-child(3n)	{margin-right:0;}
.collect_list_item li .img			{position:relative; height:200px; text-align:center; -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);}
.collect_list_item li .img img		{width:100%; height:100%; object-fit:cover;}
.collect_list_item li .info			{margin:25px 0 0 0; min-height:80px;}
.collect_list_item li .info .tit	{font-family:"NotoKrB", sans-serif; font-size:1.25em; color:#222; line-height:140%;}
.collect_list_item li .info .etc	{font-size:0.9em; margin-top:7px; color:#444}
.collect_list_item .nolist			{float:none; width:100%;}

.collect_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;
	padding-top:50px;
	text-align:center;
}

.collect_list_item li:hover .layer	{display:block;}



/*  소장품 뷰페이지  ==================================================================================== */

.collect_item .vpage_btnarea	{border-bottom:0; margin-bottom:0;}
.cgroup_item .vpage_btnarea		{border-bottom:0; margin-bottom:0;}

#collect_bigimg_layer .list_item_view_top .img	{width:68%;}
#collect_bigimg_layer .list_item_view_top .info	{width:28%;}
#collect_bigimg_layer .list_item_view_top .img img	{width:auto; max-width:100%;}


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

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



.cgroup_table				{width:900px;table-layout:fixed;}

#cgroup_box					{padding:1%;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;height:420px;overflow:auto;text-align:center;}
#cgroup_box li				{display:inline-block;width:360px;margin:4px;border:1px solid #cccccc;background:#f5f5f5;padding:6px 10px;cursor:pointer;text-align:left;}
#cgroup_box li:first-child	{margin-top:15px;}
#cgroup_box li:last-child	{margin-bottom:15px;}
#cgroup_box .collect_nolist	{font-size:2em;text-align:center;padding:135px 0px;}

#cgroup_cart					{padding:1%;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;height:420px;overflow:auto;text-align:center;}
#cgroup_cart li					{position:relative;display:inline-block;width:360px;margin:4px;border:1px solid #cccccc;background:#f5f5f5;padding:6px 10px;text-align:left;cursor:pointer;}
#cgroup_cart li:first-child		{margin-top:15px;}
#cgroup_cart li:last-child		{margin-bottom:15px;}
#cgroup_cart li .clone_delbtns	{position:absolute;right:5px;top:5px;width:18px;}
#cgroup_cart .placeholder		{font-size:1em;text-align:center;padding:150px 0px;}
.cgroup_cart_dot				{background:#efefef;}
.cgroup_cart_hover				{background:#ffc034;}
.cgroup_cart_sort				{margin-top:7px;border:1px dashed #000 !important;height:30px;}

.cgroup_select					{height:25px;}
.cgroup_help					{padding-top:10px;color:#ff6600;}

.cgroup_info					{border: 1px solid #dbdbdb;padding: 7px 10px 8px 10px;background-color: #f8f8f8;}
.cgroup_info p					{background:url("../../../web/korean/image/common/icon01.gif") no-repeat 4px 5px;padding-left:15px;}


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


.cgroup_content				{overflow:auto;}


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


	.collect_search_wrap					{width:82%;}
	

}


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

	.collect_top							{padding:10px; margin-bottom:20px; font-size:0.85em;}
	.collect_top p							{font-size:1.2em; margin-bottom:5px; }

	.cgroup_list_item li					{padding:10px 0;}
	.cgroup_list_item .info dl				{padding:20px;}
	.cgroup_list_item .info dl dt			{font-size:1.2em; margin-bottom:7px;}
	.cgroup_list_item .info dl dd			{font-size:0.85em;}

	.collect_search_box dl					{padding:10px;}
	.collect_search_box dt					{font-size:0.9em;}
	.collect_search_box	dd					{padding-left: 70px;}
	.collect_search_box dd p a				{font-size:0.85em;padding:5px 10px; margin:1px;}
	.collect_search_btn						{font-size:0.85em;}

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


}


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

	.cgroup_list_item .img					{float:none; width:100%; height:100%;}
	.cgroup_list_item .info					{float:none; width:100%;}
	.cgroup_list_item .info dl				{padding:20px 0;}

	.collect_search_wrap					{width:75%;}
	.collect_search_wrap .input_form		{width:75%;}

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

	#collect_bigimg_layer .list_item_view_top .img	{width:100%;}
	#collect_bigimg_layer .list_item_view_top .info	{width:100%;}
	#collect_bigimg_layer .list_item_view_top .img img	{width:100%;}



}


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

	.collect_search_wrap .input_form		{width:70%;}
	.collect_search_btn						{width:22%;}
	.collect_search_wrap					{float:none; width:100%;}
	.collect_reset_btn						{float:none; margin:5px 0 0 0;}


}


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


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


}