@charset "utf-8";
/***** 이벤트 (_app/event) - 원본 event.css 기준, 홈페이지는 .event_wrap 범위로 한정 *****/


/* 리스트 */
.event_wrap .listbox							{overflow:hidden; width:100%;}
.event_wrap .listbox .list						{position:relative; float:left; width:calc(34% - 2%); margin:0 2% 2% 0; box-sizing:border-box; border:1px solid #ddd;}
.event_wrap .listbox .list:hover				{border-color:#5193f6;}
.event_wrap .listbox .list:nth-child(3n)		{margin-right:0;}
.event_wrap .listbox .list a					{display:block;}
.event_wrap .listbox .img						{position:relative; height:260px; overflow:hidden;}
.event_wrap .listbox .img img					{width:100%;}
.event_wrap .listbox .layer						{position:absolute; top:0; left:0; display:none; background:rgba(0,0,0,0.3) url("../img/btn_more.png") no-repeat 50% 50%; z-index:1; width:100%; height:100%;}
.event_wrap .listbox .list:hover .layer			{display:block;}
.event_wrap .listbox .listHead					{padding:30px;}
.event_wrap .listbox .subject					{font-size:1.2em; line-height:1.4; color:#333; font-weight:700; overflow:hidden; height:50px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}
.event_wrap .listbox .date						{font-size:0.95em; color:#999; margin-top:12px;}
.event_wrap .listbox .nolist					{float:none; width:100%; margin:0; border-top:2px solid #5e5e5e; padding:70px 0; text-align:center; border-bottom:1px solid #dfdfdf;}


/* 뷰페이지 */
.event_wrap .practice_view_date					{font-size:0.9em; color:#999; margin-top:8px;}
.event_wrap .event_main_img						{max-width:100%;}
.event_wrap .event_reply_top					{overflow:hidden; background:#f9f9f9; padding:20px; border:1px solid #ddd; border-bottom:0; margin-top:30px;}
.event_wrap .event_enter_zone:after				{content:''; display:block; clear:both;}
.event_wrap .event_write_content				{float:left; width:85%;}
.event_wrap .event_write_content .input_form	{background:#fff; border-color:#ddd; margin:0; box-sizing:border-box;}
.event_wrap .event_write_content .event_file	{margin-top:5px;}
.event_wrap .event_write_submit					{float:right; width:15%;}
.event_wrap .event_write_submit .btn			{border:1px solid #002f59; background:#002f59; height:80px; line-height:80px; width:100%; color:#fff; font-size:1.2em; cursor:pointer;}
.event_wrap .event_write_submit .btn:hover		{background:#000; border-color:#000;}
.event_wrap .event_select_zone					{overflow:hidden;}
.event_wrap .event_select_zone .event_lt		{width:90px; float:left; line-height:35px; font-weight:500; color:#333;}
.event_wrap .event_select_zone .event_rt		{float:left; width:calc(100% - 98px);}
.event_wrap .event_select_zone .event_rt label	{display:inline-block; font-weight:500; font-size:1.05em; margin:2px 0;}
.event_wrap .event_select_zone .input_form		{border-color:#ddd; height:32px;}
.event_wrap .event_privacy_tit					{font-weight:700; margin-bottom:5px;}
.event_wrap .event_privacy_info					{font-size:0.85em; margin-bottom:10px;}
.event_wrap .event_reply_top .form_privacy_wrap	{background:#fff;}
.event_wrap .event_reply_top .form_privacy_wrap .box	{height:80px; overflow:auto;}
.event_wrap .event_reply_top .form_privacy_wrap .bottom	{text-align:left;}
.event_wrap .event_hintbtn						{font-weight:500; color:#fff; line-height:48px; width:150px; background:#e00e1c; margin:0 auto; border-radius:50px; text-align:center; cursor:pointer;}
.event_wrap .event_hintbtn:hover				{background:#000;}
.event_wrap .event_secret						{margin:20px 0; text-align:center;}
.event_wrap .reply_content .img					{position:relative; width:250px; height:160px; border:1px solid #eaeaea; margin-top:20px;}
.event_wrap .reply_content .img img				{width:100%; height:100%; object-fit:cover;}
.event_wrap .reply_content .img .layer			{position:absolute; top:0; left:0; display:none; background:rgba(0,0,0,0.5) url("../img/btn_more.png") no-repeat 50% 50%; z-index:1; width:100%; height:100%;}
.event_wrap .reply_content .img:hover .layer	{display:block;}
.event_wrap .h10p								{height:10px;}
.event_wrap .h20p								{height:20px;}


/* 이벤트 참여 레이어 / 힌트 레이어 (body 에 추가됨) */
#event_layer_fade								{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:.8; z-index:999990;}
#event_layer									{display:none; position:fixed; width:600px; max-width:94%; max-height:94%; overflow-y:auto; z-index:999991; -webkit-overflow-scrolling:touch;}
#event_layer #event_area						{background:#fff; margin-top:50px; padding:40px 20px 30px 20px; text-align:left;}
#event_layer .event_top_tit						{text-align:center; font-size:1.8em; font-weight:500; letter-spacing:-1px; margin-bottom:20px;}
#event_layer .event_content img					{width:100%;}
#event_layer .event_form .event_tel				{font-size:1.3em; font-weight:500; letter-spacing:-1px; margin-right:10px; line-height:30px;}
#event_layer .event_form h5						{font-weight:700; margin-bottom:8px;}
#event_layer .event_form .privacy_wrap			{padding:15px; border:1px solid #e6e6e6;}
#event_layer .privacy_wrap .box					{height:150px; overflow-y:scroll; font-size:0.9em; line-height:160%;}
#event_layer .privacy_wrap .agree				{background:#f9f9f9; padding:10px 15px; font-size:0.9em; margin-top:10px;}
#event_layer .event_layer_btns					{margin-top:20px; text-align:center;}
#event_layer .event_layer_btns .sb_b			{cursor:pointer;}
#event_layer .event_layer_close,
#event_hint_layer .event_layer_close			{position:absolute; right:0; top:0; width:50px; height:50px; background:url('../img/login_layer_close.png') no-repeat center 0; background-size:50px; cursor:pointer;}
#event_hint_layer								{display:none; position:fixed; width:1200px; max-width:94%; max-height:94%; overflow-y:auto; z-index:999991;}
#event_hint_layer .event_img_div				{background:#fff; margin-top:50px;}


/* 관리자 */
.event_admin_prize								{display:inline-block; margin-right:10px;}
.event_admin_thumb								{max-width:120px; max-height:80px;}


@media screen and (max-width:1024px) {
	.event_wrap .listbox .listHead				{padding:20px;}
	.event_wrap .listbox .subject				{font-size:1.1em;}
	.event_wrap .event_hintbtn					{line-height:42px; font-size:0.9em;}
}

@media screen and (max-width:768px) {
	.event_wrap .listbox .list					{width:49%; margin:0 0 15px 0;}
	.event_wrap .listbox .list:nth-child(2n)	{float:right;}
	.event_wrap .event_select_zone .event_lt	{float:none; width:100%; font-size:0.9em;}
	.event_wrap .event_select_zone .event_rt	{float:none; width:100%; font-size:0.9em;}
}

@media screen and (max-width:580px) {
	.event_wrap .listbox .list					{float:none !important; width:100%;}
	.event_wrap .listbox .img					{height:auto;}
	.event_wrap .event_write_content			{float:none; width:100%; margin-bottom:5px;}
	.event_wrap .event_write_submit				{float:none; width:100%;}
	.event_wrap .event_write_submit .btn		{height:40px; line-height:40px;}
}