/* 컬처메이커즈몰 신청 목록 */
.mall_gallery_list					{overflow:hidden; }
.mall_gallery_list li					{position:relative; float:left; width:32.4%; margin-right:1.4%; margin-bottom:10px; background:#fff; border:1px solid #e1e1e1; border-radius:10px; overflow:hidden; }
.mall_gallery_list li:nth-child(3n)	{margin-right:0;}
.mall_gallery_list .list_img			{position:relative; height:175px; overflow:hidden; background:#77b5d8; }
.mall_gallery_list .list_img img		{width:100%; height:100%;}
.mall_gallery_list .list_txt			{position:relative; padding:20px 25px; overflow:hidden;}
.mall_gallery_list .tname		{margin-top:10px; }
.mall_gallery_list .cont		{overflow:hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical; word-wrap:break-word;}

.mall_gallery_list .badge{position:absolute; top:20px; right:20px; background:#f39a02; color:#fff; border-radius:20px; font-size:0.9em; padding:0 12px;height:26px; line-height:24px; text-align:center; z-index:1;}

.mall_gallery_list .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;
}

.mall_gallery_list li:hover .layer	{display:block;}


.mall_gallery_list .project			{height:50px; font-size:1.25em; font-weight:600; color:#414141; overflow:hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; word-wrap:break-word; }
.mall_gallery_list span				{font-weight:500; color:#414141;}



/* 목록 서브메뉴 */
.sub_tabmenu 						{overflow:hidden; margin-bottom:40px;border-left:1px solid #ebebeb;}
.sub_tabmenu li						{float:left; height:52px; text-align:center; width:33.3%; border-top:1px solid #ebebeb; }
.sub_tabmenu li a					{display:block; color:#555; line-height:51px; height:51px; font-weight:500; background:#fff; border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb;}
.sub_tabmenu .on  					{font-weight:600; background:#f67624; color:#fff;}
.sub_tabmenu .on a					{font-weight:600; background:#f67624; color:#fff;}
.sub_tabmenu a:hover				{font-weight:600; background:#f67624; color:#fff;}

.sub_tabmenu .atab_on				{color:#f67624; }


/* 신청 view */
.mall_sin_view .img				{height:420px; }
.mall_sin_view .img img		{width:100%; height:100%; }
.mall_sin									{width:230px; height:40px; line-height:40px; margin:0 auto; text-align:center; font-size:1.15em; font-weight:500; background:#FFA500; color:#fff; cursor:pointer; }
.mall_sin:hover						{background:#33353a; }
.mall_sin_form						{display:none; }

/* 마이페이지 신청내역 */

.mall_list_box			{overflow:hidden;color:#333;line-height:40px;background:#fff;border-top:1px solid #555;border-bottom:1px solid #ddd;}

.mall_list_box div.title			{float:left;width:13%;font-weight:500;text-align:center;background:#f9f9f9;}
.mall_list_box div.content		{float:left;width:87%;border-left:1px solid #ddd;padding-left:10px;background:#f9f9f9;}
.mall_list_box div.title1		{float:left;width:13%;font-weight:500;text-align:center;border-top:1px solid #ddd;}
.mall_list_box div.content1		{float:left;width:37%;border-top:1px solid #ddd;border-left:1px solid #ddd;padding-left:10px;}
.mall_list_box div.content1_col	{float:left;width:87%;border-top:1px solid #ddd;border-left:1px solid #ddd;padding-left:10px;}
.mall_list_box div.title2		{float:left;width:13%;font-weight:500;text-align:center;border-top:1px solid #ddd;border-left:1px solid #ddd;}
.mall_list_box div.content2		{float:left;width:37%;border-top:1px solid #ddd;border-left:1px solid #ddd;padding-left:10px;}


/* 교육검색 */
.ab_Wsearch {
	display: inline-block;
    cursor: pointer;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
	-ms-touch-action:manipulation;
	touch-action:manipulation;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	background-image:none;
    border-radius: 2px;
    box-shadow: 0 1px 0 #d9d9d9;
    padding: 0 10px;

	letter-spacing:1px;
	line-height:23px;
    color: #444;
	font-size:0.9rem;

    border: 1px solid #bbb;
    background: #fff;

	border:1px solid #5a6370;
	background:#646e7d;
	color:#fff;
}

.ab_search {
	display: inline-block;
    cursor: pointer;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
	-ms-touch-action:manipulation;
	touch-action:manipulation;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	background-image:none;
    border-radius: 2px;
    box-shadow: 0 1px 0 #d9d9d9;
    padding: 0 10px;

	letter-spacing:1px;
	line-height:23px;
    color: #444;
	font-size:0.9rem;

    border: 1px solid #bbb;
    background: #fff;
}


.ab_select {
	display: inline-block;
    cursor: pointer;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
	-ms-touch-action:manipulation;
	touch-action:manipulation;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	background-image:none;
    border-radius: 2px;
    box-shadow: 0 1px 0 #d9d9d9;
    padding: 0 10px;

	letter-spacing:1px;
	line-height:23px;
    color: #444;
	font-size:0.9rem;

    border: 1px solid #bbb;
    background: #fff;

	border:1px solid #f1502f;
	background:#f36a5a;
	color:#fff;
}


/* screen 860px */
@media screen and (max-width:860px) {
		.mall_gallery_list li						{width:48.4%; }
}



/* screen 550px */
@media screen and (max-width:550px) {
		.mall_gallery_list li						{width:100%; }
}


