
/* 이벤트 뷰페이지 ===================================================================================== */
.event_reply_top					{overflow:hidden; background:#f9f9f9; padding:20px; border:1px solid #ddd; border-bottom:0;}
.event_enter_zone					{content: ''; display: block; clear: both;}
.event_write_content				{float:left; width:85%;}
.event_write_content .input_form	{background:#fff; border-color:#ddd; margin:0;}
.event_write_submit					{float:right; width:15%;}
.event_write_submit .btn			{border:1px solid #002f59; background: #002f59; height:80px; line-height:80px; width:100%; color:#fff; font-size:1.2em; }
.event_write_submit .btn:hover		{background:#000; border-color:#000;}

.event_select_zone					{overflow:hidden;}
.event_select_zone .event_lt		{width:80px; float:left; line-height:35px; font-weight:500; color:#333;}
.event_select_zone .event_rt		{float:left; width:calc(100% - 98px);}
.event_select_zone .event_rt label	{display:inline-block; font-weight:500; font-size:1.1em; margin:2px 0;}
.event_select_zone .input_form		{border-color:#ddd;}

.event_write_content_hp				{height:50px;}
.event_write_content_hp_left		{width:80px; float:left; line-height:35px;}
.event_write_content_hp_right		{float:left; width:calc(100% - 98px);}

.event_reply_top .form_privacy_wrap		{background:#fff; }
.event_reply_top .form_privacy_wrap .box	{height:80px; overflow-x:hidden; overflow:auto;}

.event_hintbtn							{font-weight:500; color:#fff; line-height:48px; width:150px; background:#e00e1c; margin:0 auto; border-radius:50px; text-align:center; } 	
.event_hintbtn:hover					{background:#000;}

/* 이벤트 팝업레이어 ===================================================================================== */
#event_layer							{display:none; position:absolute;  left:50%; top:45%; transform:translate(-50%, -50%); width:600px; z-index:9999999; overflow:auto;}
#event_layer #event_area				{background:#fff; margin-top:50px; height:100%; padding:50px 10px 30px 10px;}
#event_layer .event_top_tit				{text-align:center; font-size:1.9em; font-weight:500; letter-spacing:-1px; padding:0; margin-bottom:20px;}
#event_layer .event_form .event_tel		{text-align:center; font-size:1.5em; font-weight:500; letter-spacing:-1px; padding:0; margin-right:10px; line-height:30px;}
#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;}
#event_layer .privacy_wrap .center		{background:#f9f9f9; padding:10px 15px; font-size:0.9em; margin-top:10px;}


#event_layer .event_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;}

#event_layer .member_top				{padding:0 0 10px 0;}



/* 이벤트 팝업레이어(자유제안에서 띄울 레이어) ===================================================================================== */
#event_img_layer							{display:none; position:absolute;  left:50%; top:45%; transform:translate(-50%, -50%); width:800px; z-index:9999999; overflow:auto;}

#event_img_layer .event_img_div				{background:#fff; margin-top:50px;}
#event_img_layer .event_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;}

.head_ing_eventbox							{width:750px; margin:0 auto; margin-top:50px;}


/* 이벤트 팝업레이어(이벤트 힌트 띄울 레이어) ===================================================================================== */
#event_img_layer2							{display:none; position:absolute;  left:50%; top:45%; transform:translate(-50%, -50%); width:1200px; z-index:9999999; overflow:auto;}

#event_img_layer2 .event_img_div				{background:#fff; margin-top:50px;}
#event_img_layer2 .event_img_layer_close2		{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;}


/*	댓글에 이미지 올렸을때 레이어	*/
.reply_content .img							{position:relative;width:250px; height:160px; border:1px solid #eaeaea; margin-top:20px;}
.reply_content .img img						{width: 100%; height:100%; object-fit: cover;}
.reply_content .img .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;}
.reply_content .img:hover .layer			{display:block;}


/* screen 1024 */
@media screen and (max-width:1024px) {

	.head_ing_eventbox					{margin-top:20px; width:100%; padding:0 10px;}
	.event_select_zone .event_rt label	{font-size:1em;}
	.event_hintbtn						{line-height:42px; font-size:0.9em;}

}



/* screen 768 */
@media screen and (max-width:768px) {

	.event_write_submit .btn			{font-size:0.9em;}
	.event_reply_top					{border-bottom:0; }
	.event_write_content .event_write_content_hp	{padding-top:5px;}
	.event_select_zone .event_lt		{float:none; width:100%; font-size:0.9em;}
	.event_select_zone .event_rt		{float:none; width:100%; font-size:0.9em;}

	.w740		{width:100%;}


}


/* screen 580  */
@media screen and (max-width:580px) {

	.event_write_content			{float:none; width:100%; margin-bottom:5px;}

	.event_write_submit				{float:none; width:100%;}
	.event_write_submit .btn		{height:36px; line-height:36px; margin-top:0px;}
	.event_reply_area				{border-top:1px solid #ddd;}


}


