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



/* event */
#eventCon {margin:0 -24px;position:relative;}
#eventCon .eventRoll .con {position:relative;display:block;}
#eventCon .eventRoll .con a {display:block;}
#eventCon .eventRoll .con .box {margin:0 12px;}
#eventCon .eventRoll .con .img {overflow:hidden;}
#eventCon .eventRoll .con .img img {max-width:100%; height: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:500px;}
#eventCon .eventRoll .con .img:hover img {max-width: 100%; max-width:500px;height:100%;-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}


#eventCon .eventRoll .con .text {margin-top:-150px; margin-bottom:50px; text-align:center;position:relative; width:100%;display:block;}
#eventCon .eventRoll .con .text .tit {font-size:30px;color:#ffffff;font-weight:600;line-height:40px;letter-spacing:-0.5px;}
#eventCon .eventRoll .con .text .cont {font-size:17px;color:#ffffff;font-weight:400;line-height:25px;letter-spacing:-1px;padding-top:15px;}



#eventCon .left {position:absolute;top:50%;left:-55px;margin-top:0px;}
#eventCon .right {position:absolute;top:50%;right:-55px;margin-top:0px;}
#eventCon .mImg {display:none;}


/************** media query 1701px *************/
@media all and (max-width: 1701px){

#eventCon .left {position:absolute;top:50%;left:15px;margin-top:0px;}
#eventCon .right {position:absolute;top:50%;right:15px;margin-top:0px;}


}




/************** media query 1601px *************/
@media all and (max-width: 1601px){
 #mainWrap section {margin:0 20px;}

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



}
/************** media query 1360px *************/
@media all and (max-width: 1360px){
}
/************** media query 1340px *************/
@media all and (max-width: 1340px){

}
/************** 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){


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


#eventCon .left {position:absolute;top:50%;left:15px;margin-top:-10px;}
#eventCon .right {position:absolute;top:50%;right:15px;margin-top:-10px;}
 #eventCon .left img {width:36px;}
 #eventCon .right img {width:36px;}
 #eventCon .pcImg {display:none;}
 #eventCon .mImg {display:block;}

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


}




@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){
}