/* BASIC css start */
/* 메인 이미지 연동 배너 */
#event .MS_img-wrap {position:relative; width:100%; overflow:hidden; }
#event .event-imgs {position:relative; }
#event .MS_img-area {float:left; margin-top:10px; }
#event .MS_img-area:not(:first-child) { display:none; }
#event .MS_img-area img {width:100%; }

/* 메인 이미지 연동 배너 전환 버튼 */
#event .pagination { position:absolute !important; bottom:15px; z-index:10; /*position:relative;*/ right:20px; text-align:right; width:100%; cursor:pointer;}
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 0 5px; text-indent: -9999px; background: url(/design/reira4u/onedesign/mobile/images/btn_main_off.png) no-repeat center center; background-size: 100% 100%; width:25px; height:2px; }
#event .pagination .swiper-active-switch { background: url(/design/reira4u/onedesign/mobile/images/btn_main_on.png) no-repeat center center;}

/* 메인 타이틀 */
.main_title {clear:both; width:100%; text-align:center; padding:25px 0 0;}
.main_title h2 {font-size:11px; font-family:'Lato', 'arial', 'Dotum'; color:#222;  font-weight:normal; text-transform:uppercase; letter-spacing:0.1em; padding-bottom:10px; margin-bottom:10px; background:url(/design/reira4u/onedesign/mobile/images/line_main_tit.gif) center bottom no-repeat; }
.main_title span {font-size:10px; font-family:'Dotum'; color:#888;}

.main_title2 {clear:both; width:100%; text-align:center; padding:30px 0 15px;}
.main_title2 h2 {font-size:11px; font-family:'Lato', 'arial', 'Dotum'; color:#222;  font-weight:normal; text-transform:uppercase; letter-spacing:0.1em; padding-bottom:10px; margin-bottom:10px; background:url(/design/reira4u/onedesign/mobile/images/line_main_tit.gif) center bottom no-repeat; }
.main_title2 span {font-size:10px; font-family:'Dotum'; color:#888;}

/* 메인 이벤트 배너 */
.main_banner_warp { clear:both; margin:20px auto 0; padding:0 12px; text-align:center; }
.main_banner_content { clear:both; width:100%; height: auto; overflow: hidden; }
.main_banner_content ul { display:inline-block; width:33.33%; height: auto; overflow: hidden; float: left; }
.main_banner_content ul li { margin:0 3px; }

/* 메인 이벤트 배너 내용 */
.main_banner_content p { display:inline-block; clear:both; width:100%; }
.main_banner_content p img { max-width:100%; height:auto; }
.main_banner_content h2 { display:inline-block; clear:both; width:100%; line-height:25px; font-size:10px; font-weight:700; letter-spacing:0.05em; color:#333; margin:10px auto 7px; }
.main_banner_content h2::after { content:""; display:block; width:40px; height:1px; margin:0 auto; background:url(/design/reira4u/onedesign/mobile/images/bg_title.png) bottom center repeat; background-size:100% 100%; }
.main_banner_content span { display:inline-block; clear:both; width:100%; line-height:12px; font-family: 'Nanum Gothic', sans-serif; font-size:7px; letter-spacing:-0.02em; color:#777; }
.main_banner_content a { display:block; }

/* 출석체크 배너 */
.banner_attend {clear:both; width:95%; margin:0 auto; height:auto; padding-top:15px;}
.banner_attend img {width:100%; height:auto;}

/* 메인 탭 영역 */
#main_tab {clear:both; width:95%; margin:0 auto;}

/* 탭메뉴 */
#tab_bigbox {clear:both; width:100%;  margin:0 auto; border:1px solid #ddd;}
#tab_bigbox ul.tabs {margin: 0; padding: 0; float: left; list-style: none; width:100%;  height:38px; line-height:38px;  border:0;  font-size:11px;}
#tab_bigbox ul.tabs li {position: relative; float: left; text-align:center; cursor: pointer; width:24.8%; height:38px; line-height: 38px; background:#f5f5f5; overflow: hidden; color:#555; border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-transform:uppercase; font-family:'Lato', 'Dotum'; font-size:10px; }
#tab_bigbox ul.tabs li.active {background:#fff; color:#555; border-bottom:0}
#tab_bigbox ul.tabs li.end {border-right:0; width:24.6%;}

/* 탭내용 */
.tabbox {clear:both; width:94%; padding:5% 3% 3% 3%;}
.tabbox .tab_content { }
.tabbox .tab_content ul { width:100%; margin:0px; padding:0 !important;}
.tabbox .tab_content ul li {list-style-type:none; list-style-type: none; text-transform:uppercase; margin-bottom:0 !important;}
.tabbox .tab_content ul li a {margin:0 !important;}

/* 메인 하단 배너 */
.main_event_banner {clear:both; width:95%; margin:0 auto; height:auto; text-align:center; padding-top:17px;}
.main_event_banner img {width:100%; height:100%;}
.main_event_banner span {display:block; font-size:11px; color:#222; padding-top:8px;}


/* BASIC css end */