/* 별별궁리 리스트 ===================================================================================== */
.listbox3 					{position:relative; overflow:hidden; border:1px solid #ddd; border-radius:5px; margin-bottom:30px;}
.listbox3:hover				{border-color:#5193f6;}
.listbox3 .img				{position:relative; float:left; width:30%; height:260px; overflow:hidden;}
.listbox3 .img img			{width:100%; }
.listbox3 .img span			{position:absolute; left:0; top:0; width:85px; height:42px; line-height:42px; color:#fff; font-size:0.9em; letter-spacing:-1px; text-align:center; z-index:2;}
.listbox3 .img .ing			{background:#dc4d0e;}
.listbox3 .img .finish		{background:#4b5059;}
.listbox3 .info				{position:relative; float:right; width:69%; height:260px;}
.listbox3 .wrap				{padding:30px; height:100%;}
.listbox3 .tit				{font-weight:700; font-size:1.4em; line-height:140%; margin:0 0 15px 0; letter-spacing:-1.5px; color:#333; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.ideainfo_list				{}
.ideainfo_list dl			{overflow:hidden; padding:2px 0;}
.ideainfo_list dl dt		{float:left; width:80px; font-weight:500; color:#414141;}
.ideainfo_list dl dd		{padding:0 0 0 85px; color:#797979;}
.ideainfo_btn_wrap			{margin:30px 0 0 0;}

.listbox3 .layer			{position:absolute; top:0; left:0; display:none; background:rgba(0,0,0,0.3) url("../image/btn_more.png") no-repeat 50% 50%; z-index:1; width:100%; height:100%;}
.listbox3:hover .layer		{display:block;}

.jb_container .ideainfo_btn_wrap		{margin:40px 0; text-align:center;}

/* 별별궁리 폼 ===================================================================================== */
.idea_form_container				{position:relative; overflow:hidden; margin-bottom:20px; border:1px solid #ddd;}
.idea_form_container .poster		{position:relative;float:left; width:35%; height:430px;}
.idea_form_container .poster .ps	{position:absolute; bottom:0; background-color:#fff; background-color:rgba( 255, 255, 255, 0.5 ); color:#fff; font-size:0.85em; width:100%; text-align:center; padding:3px;}
.idea_form_container .poster .img img	{width:100%; height:100%; }
.idea_form_container .poster .layer		{position:absolute; top:0; left:0; display:none; background:linear-gradient(#dddddd, #eeeeee); z-index:1; width:100%; height:100%; transition:0.5s; opacity:.7;}
.idea_form_container .poster .layer	img	{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.idea_form_container .poster:hover .layer		{display:block;}

.idea_form_container .infobox		{position:relative; float:right; width:65%;}
.idea_form_container .idea_view_info	{border:0; margin:0;}

.idea_view_info						{border:1px solid #ddd; padding:30px; margin-bottom:30px;}
.idea_view_info	.t2					{margin: 0 0 10px 0 !important;}					
.idea_notice_list					{margin-top:20px; padding-top:20px; border-top:1px solid #efefef;}

.form_privacy_wrap					{border:1px solid #e6e6e6; padding:15px; }
.form_privacy_wrap .box				{font-size:0.9em;}			
.form_privacy_wrap .bottom			{background:#f9f9f9; text-align:center; padding:10px 15px; margin-top:10px; font-size:0.9em;}
.form_privacy_wrap .bottom p		{padding:2px 0;}

.idea_view_info .sub_list01			{font-size:0.9em; background-position:0 8px;}


/* 별별궁리 공모현황 ===================================================================================== */
.idea_joinlist						{}
.idea_joinlist .t					{color:#333; font-weight:500; font-size:1.1em;}
.idea_joinlist ul					{border-top:1px solid #999; margin-top:10px;}
.idea_joinlist ul li				{border-bottom:1px solid #dfdfdf; overflow:hidden; padding:10px 0;}
.idea_joinlist .top					{background:#fafafa; }
.idea_joinlist .top p				{font-weight:500; color:#333; text-align:center; font-size:0.9em; }
.idea_joinlist .name				{float:left; width:20%; text-align:center; color:#222; font-size:0.9em;}
.idea_joinlist .subject				{float:left; width:60%; font-size:0.9em; overflow: hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; white-space:nowrap;}
.idea_joinlist .date				{float:right; width:20%; text-align:center; color:#999; font-size:0.85em;}

.idea_view_conut					{font-size:0.9em; margin-bottom:7px;}

.idea_view_joinlist					{border-top:#4c4c4c solid 2px; margin-bottom:30px;}
.idea_view_joinlist li				{overflow:hidden; padding:12px 0; border-bottom:1px solid #ddd;}
.idea_view_joinlist .head			{background:#fafafa;}
.idea_view_joinlist .head p			{font-size:1em; color:#333; font-weight:500; text-align:center;}
.idea_view_joinlist .seq			{float:left; width:5%; text-align:center; color:#222;}
.idea_view_joinlist .name			{float:left; width:15%; text-align:center; color:#222;}
.idea_view_joinlist .subject		{float:left; width:65%; text-align:left; color:#555; line-height:140%;}
.idea_view_joinlist .date			{float:right; width:15%; text-align:center; color:#999; font-size:0.9em;}
.idea_view_joinlist .admin_btn		{margin-top:5px;}

.idea_view_joinlist .bbs_btn01		{line-height:25px; min-width:45px; font-size:0.8em; margin:0; padding:0;}

.idea_view_join_mylist					{border-top:#4c4c4c solid 2px; margin-bottom:30px;}
.idea_view_join_mylist li				{overflow:hidden; padding:12px 0; border-bottom:1px solid #ddd;}
.idea_view_join_mylist .head			{background:#fafafa;}
.idea_view_join_mylist .head p			{font-size:1em; color:#333; font-weight:500; text-align:center;}
.idea_view_join_mylist .seq				{float:left; width:10%; text-align:center; color:#222;}
.idea_view_join_mylist .subject			{float:left; width:50%; text-align:left; color:#555; line-height:140%;}
.idea_view_join_mylist .date			{float:left; width:20%; text-align:center; color:#999; font-size:0.9em;}
.idea_view_join_mylist .model			{float:right; width:20%; text-align:center;}

.idea_view_join_mylist .bbs_btn01		{line-height:27px; padding:0 9px; min-width:50px; font-size:0.85em; margin:0;}


/* 별별궁리 등록공모 목록 ===================================================================================== */
.idea_mylist						{border-top:#4c4c4c solid 2px; border-bottom:1px solid #ddd; padding:15px 10px;}
.idea_mylist dl						{overflow:hidden; padding:2px 0;}
.idea_mylist dl dt					{float:left; width:80px; color:#333; font-weight:500;}
.idea_mylist dl dd					{padding:0 0 0 90px;}


/* 공모확인 팝업레이어 ===================================================================================== */
#idea_layer						{display:none; position:absolute;  left:50%; top:45%; transform:translate(-50%, -50%); width:600px; z-index:9999999; overflow:auto;}
#idea_layer #login_form2		{background:#fff; margin-top:50px; height:100%;}
#idea_layer .idea_layer_close	{position:absolute; right:0; top:0; width:50px; height:50px; background:url('../image/login_layer_close.png') no-repeat center 0; background-size:50px;cursor:pointer;}

#idea_layer .member_top			{padding:0 0 10px 0;}

#idea_img_layer							{display:none; position:absolute;  left:50%; top:58%; transform:translate(-50%, -50%); z-index:9999999; }
#idea_img_layer	.idea_img_div			{background:#fff; margin-top:50px; height:100%; }
#idea_img_layer .idea_img_layer_close	{position:absolute; right:0; top:0; width:50px; height:50px; background:url('../image/login_layer_close.png') no-repeat center 0; background-size:50px;cursor:pointer;}



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

	.idea_form_container .poster		{float:none; width:100%; height:100%;}
	.idea_form_container .infobox		{float:none; width:100%;}
	.idea_view_info						{padding:20px;}
	.jb_container .ideainfo_btn_wrap	{margin:20px 0; }

	.idea_joinlist .date				{font-sizE:0.8em;}

	.idea_view_joinlist li				{padding:10px;}
	.idea_view_joinlist .head			{display:none;}
	.idea_view_joinlist .seq			{display:none;}
	.idea_view_joinlist .name			{float:none; width:100%; text-align:left; font-size:0.85em;}
	.idea_view_joinlist .subject		{float:none; width:100%; padding:5px 0 2px 0;font-size:0.9em }
	.idea_view_joinlist .date			{float:none; width:100%; text-align:left; font-size:0.8em;}
	.idea_view_joinlist .model			{float:none; width:100%; text-align:left; margin-top:7px;}

	.idea_view_join_mylist li				{padding:10px;}
	.idea_view_join_mylist .head			{display:none;}
	.idea_view_join_mylist .seq				{display:none;}
	.idea_view_join_mylist .subject			{float:none; width:100%; padding:5px 0 2px 0;}
	.idea_view_join_mylist .date			{float:none; width:100%; text-align:left; font-size:0.8em;}
	.idea_view_join_mylist .model			{float:none; width:100%; text-align:left; margin-top:7px;}


}


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

	.listbox3 .img						{float:none; width:100%; height:100%;}
	.listbox3 .info						{float:none; width:100%;; height:100%;}
	.listbox3 .info span				{font-size:0.9em; line-height:30px; }
	.listbox3 .tit						{font-size:1.2em;}
	.listbox3 .info .wrap				{padding:20px;}	
	.ideainfo_list dl					{padding:0;}
	.ideainfo_btn_wrap					{margin:20px 0 0 0;}

	.idea_joinlist ul li				{padding:10px;}		
	.idea_joinlist .top					{display:none; }
	.idea_joinlist .name				{float:none; width:100%; text-align:left; color:#333;}
	.idea_joinlist .subject				{float:none; width:100%; text-align:left; color:#555; padding:5px 0;}
	.idea_joinlist .date				{float:none; width:100%; text-align:left;}
	.idea_view_joinlist .admin_btn		{margin:5px 0;}	

	.idea_view_info						{padding:20px;}

}




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



}