/*--------------------------------------------------------------
# 이벤트
--------------------------------------------------------------*/
/* PC (해상도 1170px ~ )*/ 
@media all and (min-width:1170px) {
	.eventWrap {
		width: 100%;
		position: relative;
		margin-top: 73px;
		padding:0 10px;
	}
	.ewBox{
		margin-bottom:-26px;
	}

	.evBox{
		float:left;
		width:32%;
		margin:0 0 56px 1%;
		position:relative;
	}

	.evImgBox{
		width:100%;
		position:relative;
		padding-bottom:66%;
		border-radius:10px;
		overflow:hidden;
	}
	.evImgBox img{
		width:100%;
		height:100%;
		left:0px;
		top:0px;
		position:absolute;
		z-index:100;
	}
	.evOFF{
		width:100%;
		height:100%;
		left:0px;
		top:0px;
		position:absolute;
		z-index:140;
		background-color:rgba(0,0,0,0.5);
	}
	.evI_on{
		font-size: 14px;
		text-align: center;
		z-index: 120;
		position: absolute;
		right: 15px;
		top: 15px;
		border-radius: 50%;
		background-color: #E94827;
		width: 60px;
		height: 60px;
		color: #fff;
		line-height: 62px;
		z-index:160;
	}
	.evI_off{
		font-size: 14px;
		text-align: center;
		z-index: 120;
		position: absolute;
		right: 15px;
		top: 15px;
		border-radius: 50%;
		background-color: #333333;
		width: 60px;
		height: 60px;
		color: #fff;
		line-height: 62px;
		z-index:160;
	}
	.evTitleBox{
		display:block;
		padding-top:18px;
	}
	.evTitle{
		display:block;
		letter-spacing: -0.5px;
		color: #222;
		font-size: 19px;
		font-weight: 500;
	}
	.evTitle a{
		letter-spacing: -0.5px;
		color: #222;
		font-size: 19px;
		font-weight: 500;
		
		display: block;
		display: -webkit-box;
		margin: 0px 0px 0px 0px;
		height: 26px;
		overflow: hidden;
		white-space: normal;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		cursor: pointer;
	}
	.evTitle a:hover{
		text-decoration:underline;
	}
	.evDay{
		margin-top: 6px;
		font-family: 'Inter', sans-serif;
		color: #E94827;
		font-size: 16px;
		font-weight: 500;
	}
}

/* 테블릿 가로, 테블릿 세로 (해상도 1008px ~ 1169px)*/ 
@media all and (min-width:1008px) and (max-width:1169px) { 
	.eventWrap {
		width: 100%;
		position: relative;
		margin-top: 73px;
		padding:0 10px;
	}
	.ewBox{
		margin-bottom:-26px;
	}

	.evBox{
		float:left;
		width:32%;
		margin:0 0 56px 1%;
		position:relative;
	}

	.evImgBox{
		width:100%;
		position:relative;
		padding-bottom:66%;
		border-radius:10px;
		overflow:hidden;
	}
	.evImgBox img{
		width:100%;
		height:100%;
		left:0px;
		top:0px;
		position:absolute;
		z-index:100;
	}
	.evOFF{
		width:100%;
		height:100%;
		left:0px;
		top:0px;
		position:absolute;
		z-index:140;
		background-color:rgba(0,0,0,0.5);
	}
	.evI_on{
		font-size: 14px;
		text-align: center;
		z-index: 120;
		position: absolute;
		right: 15px;
		top: 15px;
		border-radius: 50%;
		background-color: #E94827;
		width: 60px;
		height: 60px;
		color: #fff;
		line-height: 62px;
		z-index:160;
	}
	.evI_off{
		font-size: 14px;
		text-align: center;
		z-index: 120;
		position: absolute;
		right: 15px;
		top: 15px;
		border-radius: 50%;
		background-color: #333333;
		width: 60px;
		height: 60px;
		color: #fff;
		line-height: 62px;
		z-index:160;
	}
	.evTitleBox{
		display:block;
		padding-top:18px;
	}
	.evTitle{
		display:block;
		letter-spacing: -0.5px;
		color: #222;
		font-size: 19px;
		font-weight: 500;
	}
	.evTitle a{
		letter-spacing: -0.5px;
		color: #222;
		font-size: 19px;
		font-weight: 500;
		
		display: block;
		display: -webkit-box;
		margin: 0px 0px 0px 0px;
		height: 26px;
		overflow: hidden;
		white-space: normal;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		cursor: pointer;
	}
	.evTitle a:hover{
		text-decoration:underline;
	}
	.evDay{
		margin-top: 6px;
		font-family: 'Inter', sans-serif;
		color: #E94827;
		font-size: 16px;
		font-weight: 500;
	}
}

/* 모바일 가로, 모바일 세로 (해상도 0px ~ 767px)*/ 
@media all and (min-width:0px) and (max-width:1007px) { 
	.eventWrap {
		width: 100%;
		position: relative;
		margin-top: 50px;
		padding:0 20px;
	}
	.ewBox{
		margin-bottom:-26px;
	}

	.evBox{
		float:left;
		width:100%;
		margin:0 0 30px 0;
		position:relative;
	}

	.evImgBox{
		width:100%;
		position:relative;
		padding-bottom:66%;
		border-radius:10px;
		overflow:hidden;
	}
	.evImgBox img{
		width:100%;
		height:100%;
		left:0px;
		top:0px;
		position:absolute;
		z-index:100;
	}
	.evOFF{
		width:100%;
		height:100%;
		left:0px;
		top:0px;
		position:absolute;
		z-index:140;
		background-color:rgba(0,0,0,0.5);
	}
	.evI_on{
		font-size: 14px;
		text-align: center;
		z-index: 120;
		position: absolute;
		right: 15px;
		top: 15px;
		border-radius: 50%;
		background-color: #E94827;
		width: 60px;
		height: 60px;
		color: #fff;
		line-height: 62px;
		z-index:160;
	}
	.evI_off{
		font-size: 14px;
		text-align: center;
		z-index: 120;
		position: absolute;
		right: 15px;
		top: 15px;
		border-radius: 50%;
		background-color: #333333;
		width: 60px;
		height: 60px;
		color: #fff;
		line-height: 62px;
		z-index:160;
	}
	.evTitleBox{
		display:block;
		padding-top:10px;
	}
	.evTitle{
		display:block;
		letter-spacing: -0.5px;
		color: #222;
		font-size: 15px;
		font-weight: 500;
	}
	.evTitle a{
		letter-spacing: -0.5px;
		color: #222;
		font-size: 15px;
		font-weight: 500;
		
		display: block;
		display: -webkit-box;
		margin: 0px 0px 0px 0px;
		height: 23px;
		overflow: hidden;
		white-space: normal;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		cursor: pointer;
	}
	.evTitle a:hover{
		text-decoration:underline;
	}
	.evDay{
		margin-top: 0px;
		font-family: 'Inter', sans-serif;
		color: #E94827;
		font-size: 12px;
		font-weight: 500;
	}
}

/*이벤트 리스트*/

/*이벤트 갤러리*/

@media all and (min-width:1008px) { 
.event_total {position:relative; margin-bottom: 1.5rem; line-height: 2.0rem; font-size: 1.8rem; color: #666; font-weight: 500; padding-left:9.5rem;}
.event_total em {color: #0841a8; font-weight: bold;}

.event_gallery { }
.event_gallery ul {width: 100%; margin:0 auto; *zoom: 1; text-align:center;}
.event_gallery ul:after {display: block; content: ""; clear: both;}
.event_gallery ul li { margin: 0; display:inline-block; text-align:left; }
.event_gallery ul li > a {width: 46.0rem; margin:0 2.0rem 4.0rem 2.0rem; background-color: #f7f7f7; display:inline-block; }
.event_gallery ul li .thumb { width:46.0rem; height: 23.4rem; overflow: hidden;}
.event_gallery ul li .thumb img { width:100%; }
.event_gallery ul li .txt {position: relative; padding: 7.0rem 3.0rem 1.0rem; height: auto;background-color: #f9f9f9;}
.event_gallery ul li .state {position: absolute; top: 1.0rem; left: 2.0rem; width: 7.2rem; line-height: 3.4rem; font-size: 1.6rem; color: #fff; -webkit-border-radius: 3.0rem; -moz-border-radius: 3.0rem; border-radius: 3.0rem; text-align: center;}
.event_gallery ul li .state.ing {background-color: #e02e31;}
.event_gallery ul li .state.end {background-color: #000000;}
.event_gallery ul li .subject {height: 3.5rem; line-height: 3.5rem; font-size: 2.5rem; color: #000; font-weight: 500; overflow: hidden;}
.event_gallery ul li .desc {margin-top: 0.5rem; height: 5.0rem; line-height: 2.5rem; font-size: 1.8rem; color: #666; overflow: hidden;}
.event_gallery ul li .period {margin-top: 1.0rem; font-size: 1.4rem; color: #999;}
.event_gallery ul li > a:hover .subject {text-decoration: underline;}
}

@media all and (min-width:460px) and (max-width:1007px) { 
.event_total {position:relative; margin-bottom: 1.5rem; line-height: 2.0rem; font-size: 1.8rem; color: #666; font-weight: 500; padding-left:2.5%; padding-top:2.5%;}
.event_total em {color: #0841a8; font-weight: bold;}

.event_gallery { }
.event_gallery ul {width: 96%; margin:0 2%; *zoom: 1; text-align:center;}
.event_gallery ul:after {display: block; content: ""; clear: both;}
.event_gallery ul li { margin: 0; display:inline-block; text-align:left; }
.event_gallery ul li > a {width: 46.0rem; margin:0 2.0rem 4.0rem 2.0rem; background-color: #f7f7f7; display:inline-block; }
.event_gallery ul li .thumb { width:100%; height: 23.4rem; overflow: hidden;}
.event_gallery ul li .txt {position: relative; padding: 7.0rem 3.0rem 1.0rem; height: auto;background-color: #f9f9f9;}
.event_gallery ul li .state {position: absolute; top: 1.0rem; left: 2.0rem; width: 7.2rem; line-height: 3.4rem; font-size: 1.6rem; color: #fff; -webkit-border-radius: 3.0rem; -moz-border-radius: 3.0rem; border-radius: 3.0rem; text-align: center;}
.event_gallery ul li .state.ing {background-color: #e02e31;}
.event_gallery ul li .state.end {background-color: #000000;}
.event_gallery ul li .subject {height: 3.5rem; line-height: 3.5rem; font-size: 2.5rem; color: #000; font-weight: 500; overflow: hidden;}
.event_gallery ul li .desc {margin-top: 0.5rem; height: 5.0rem; line-height: 2.5rem; font-size: 1.8rem; color: #666; overflow: hidden;}
.event_gallery ul li .period {margin-top: 1.0rem; font-size: 1.4rem; color: #999;}
.event_gallery ul li > a:hover .subject {text-decoration: underline;}
}

@media all and (min-width:0px) and (max-width:459px) { 
.event_total {position:relative; margin-bottom: 1.5rem; line-height: 2.0rem; font-size: 1.8rem; color: #666; font-weight: 500; padding-left:2.5%; padding-top:2.5%; }
.event_total em {color: #0841a8; font-weight: bold;}

.event_gallery { }
.event_gallery ul {width: 96%; margin:0 2% 4% 2%; *zoom: 1; text-align:center;}
.event_gallery ul:after {display: block; content: ""; clear: both;}
.event_gallery ul li { margin: 0; display:inline-block; text-align:left; }
.event_gallery ul li > a {width: 95%; background-color: #f7f7f7; margin:2.5%;}
.event_gallery ul li .thumb { width:100%; overflow: hidden;}
.event_gallery ul li .thumb img { width:100%; }
.event_gallery ul li .txt {position: relative; padding: 7.0rem 3.0rem 1.0rem; height: auto;background-color: #f9f9f9;}
.event_gallery ul li .state {position: absolute; top: 1.0rem; left: 2.0rem; width: 7.2rem; line-height: 3.4rem; font-size: 1.6rem; color: #fff; -webkit-border-radius: 3.0rem; -moz-border-radius: 3.0rem; border-radius: 3.0rem; text-align: center;}
.event_gallery ul li .state.ing {background-color: #e02e31;}
.event_gallery ul li .state.end {background-color: #000000;}
.event_gallery ul li .subject {height: 3.5rem; line-height: 3.5rem; font-size: 2.5rem; color: #000; font-weight: 500; overflow: hidden;}
.event_gallery ul li .desc {margin-top: 0.5rem; height: 5.0rem; line-height: 2.5rem; font-size: 1.8rem; color: #666; overflow: hidden;}
.event_gallery ul li .period {margin-top: 1.0rem; font-size: 1.4rem; color: #999;}
.event_gallery ul li > a:hover .subject {text-decoration: underline;}
}