/* BASIC css start */
/* 롤링배너 */
#event .MS_img-wrap { position: relative; width: 100%; overflow: hidden; }
#event .event-imgs { position: relative; }
#event .MS_img-area { float: left; }
#event .MS_img-area:not(:first-child) { display: none; }
#event .MS_img-area img { width: 100%; }
#event .pagination { position: relative; left: 0; text-align: center; width: 100%; }
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 10px 2px; text-indent: -9999px; background-color:#777; border-radius:50%;width: 10px; height: 10px; }
#event .pagination .swiper-active-switch { background-color:#9fb757; }


.main h3 { text-align: center; padding: 20px 0 12px; margin: 0 10px 15px; border-bottom: 1px solid #f5f5f5; } 
.main h3 img { height: 20px; }

.main .section {margin:5px;}
.main .section .inner {padding-bottom:5px;width:100%;}
.main .section .inner .ban1 {float:left; width:49%;border:1px solid #d5d5d5;}
.main .section .inner .ban2 {float:right; width:49%;border:1px solid #d5d5d5;}
.main .section .inner .ban1 img,
.main .section .inner .ban2 img {width:100%;}
.main .section .ban3 {border:1px solid #d5d5d5;}
.main .section .ban3 img {width:100%;}
/* BASIC css end */