/* main */
#mainWrap {padding-top:0px;}
#mainWrap:after {content:"";display:block;clear:both;}
#mainWrap section {max-width:910px;margin:0 auto;position:relative;}
#mainWrap section:after {content:"";display:block;clear:both;}



/* event */
#eventCon {margin:0 -5px;position:relative;}
#eventCon .eventRoll .con {position:relative;}
#eventCon .eventRoll .con a {display:block;}
#eventCon .eventRoll .con .box {margin:0 5px;}
#eventCon .eventRoll .con .img {overflow:hidden;}
#eventCon .eventRoll .con .img img {max-width:100%;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;width: 100%; max-width:450px;}
#eventCon .eventRoll .con .img:hover img {max-width: 100%; max-width:450px;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
#eventCon .eventRoll .con .text {padding-top:38px; padding-bottom:50px; text-align:center;}
#eventCon .eventRoll .con .text .tit {font-size:22px;color:#222222;font-weight:600;line-height:30px;letter-spacing:-0.5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block;}
#eventCon .eventRoll .con .text .cont {font-size:14px;color:#333333;font-weight:400;line-height:25px;letter-spacing:-1px;padding-top:15px;display: -webkit-box; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical;}


#eventCon .eventRoll .con .text .date {font-size:11px;color:#8b8075;font-weight:300;line-height:1.2;letter-spacing:0.2em;font-family:'montserrat';padding-top:0px;}
#eventCon .left {position:absolute;bottom:50px;left:-58.8%;}
#eventCon .right {position:absolute;bottom:50px;left:-52%;}
#eventCon .mImg {display:none;}


/************** media query 1701px *************/
@media all and (max-width: 1701px){
#eventCon .left {position:absolute;bottom:50px;left:-58.8%;}
#eventCon .right {position:absolute;bottom:50px;left:-52%;}
}




/************** media query 1601px *************/
@media all and (max-width: 1601px){
 #mainWrap section {margin:0 20px;}
 /* event */
#eventCon .left {position:absolute;bottom:50px;left:-63%;}
#eventCon .right {position:absolute;bottom:50px;left:-56%;}
}
/************** media query 1420px *************/
@media all and (max-width: 1420px){


#eventCon .left {position:absolute;bottom:50px;left:-72%;}
#eventCon .right {position:absolute;bottom:50px;left:-65%;}

}
/************** media query 1360px *************/
@media all and (max-width: 1360px){
}
/************** media query 1340px *************/
@media all and (max-width: 1340px){
#eventCon .left {position:absolute;bottom:-50px;left:-70%;}
#eventCon .right {position:absolute;bottom:-50px;left:-63%;}

}
/************** media query 1300px *************/
@media all and (max-width: 1300px){
}
/************** media query 1080px *************/
@media all and (max-width: 1080px){
 /* event */
 #eventCon {margin:0 -5px;}
 #eventCon .eventRoll .con .box {margin:0 5px;}
 #eventCon .eventRoll .con .text .tit {font-size:24px;}
}
/************** media query 1000px *************/
@media all and (max-width: 1000px){


#eventCon .left {position:absolute;bottom:-70px;left:0%;}
#eventCon .right {position:absolute;bottom:-70px;left:7%;}

}
/************** media query 930px *************/
@media all and (max-width: 930px){
}
/************** media query 840px *************/
@media all and (max-width: 840px){
}
/************** media query 768px *************/
@media all and (max-width: 768px){

 #eventCon .left {bottom:-50px;}
 #eventCon .left img {width:36px;}
 #eventCon .right {bottom:-50px;left:0%; margin-left:40px;}
 #eventCon .right img {width:36px;}
 #eventCon .pcImg {display:none;}
 #eventCon .mImg {display:block;}

}




@media all and (max-width: 680px){
 /* main */
 #mainWrap {padding-top:0px;}
 #mainWrap section {margin:0 16px;}
 /* event */

 #eventCon .eventRoll .con .text {padding-top:0px;}
 #eventCon .eventRoll .con .text .tit {font-size:18px;}
 #eventCon .eventRoll .con .text .cont {font-size:13px;padding-top:10px;line-height:1.3;}
 #eventCon .eventRoll .con .text .date {padding-top:10px;}
}
/************** media query 640px *************/
@media all and (max-width: 640px){
 /* event */
 #eventCon {margin:0;}
 #eventCon .eventRoll .con .box {margin:0 5px;}
}
/************** media query 468px *************/
@media all and (max-width: 468px){





}
@media (max-width: 420px){
}
/************** media query 468px *************/
@media all and (max-width: 330px){
}