.eventDiv {
    width: 100%;
    height: 46px;
}

.eventDiv .eventTab a {
    position: relative;
    float:left;
	text-align:center;
    font-size: 20px;
    line-height: 46px;
	height:46px;
	width:calc(50% - 16px);
	overflow:hidden;
    color: #939393;
    font-weight: 700;
    padding: 10px 8px;
}
.eventDiv .eventTab a:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #eaeaea;
}

.eventDiv .eventTab a.on { color: #037158;}

.eventDiv .eventTab a.on:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #037158;
}

.eventDiv:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 15px;
    width: calc(100% - 30px);
    width: -webkit-calc(100% - 30px);
	background: #fff;
}
.eventInnerTop {clear:both; width:100%; margin-top:50px; }
.eventInnerTop .eventInnerTopTab {font-size:0; line-height:0;}
.eventInnerTop .eventInnerTopTab a {display:inline-block; width:calc(24.5% - 42px); font-size:15px; border-radius:6px; margin:5px 10px; overflow:hidden; white-space: nowrap; text-align:center; border:1px solid #999; padding:20px 10px;-webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;}
.eventInnerTop .eventInnerTopTab a:hover {background-color:#a1a1a1; color:#fff; border-color:#a1a1a1;}

.eventInnerTopE {clear:both; width:100%; margin-top:50px; }
.eventInnerTopE .eventInnerTopTab {font-size:0; line-height:0;}
.eventInnerTopE .eventInnerTopTab a {z-index:99999999999999;position: relative;display:inline-block; width:calc(24.5% - 42px); font-size:15px; border-radius:6px; margin:5px 10px; overflow:hidden; white-space: nowrap; text-align:center; border:1px solid #999; padding:20px 10px;-webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;}
.eventInnerTopE .eventInnerTopTab a:hover {background-color:#037158; color:#fff; border-color:#037158;}

.multiple-topics {clear:both; margin-top:40px;}


.section_membership{color:#000;}

.section_membership .nextMembership{border:1px solid #dcdcdc; margin-top:20px; padding:40px 22px 30px 23px;background-color:#fff; border-radius:5px;}
.section_membership .nextMembership .tit{position:relative; clear:both; vertical-align:middle; font-size:0; padding:20px 0; text-align:center; border:4px solid #eaeaea;}
.section_membership .nextMembership .tit .arrow {
	border-top:0px solid transparent;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid #eaeaea;
	content:"";
	position:absolute;
	top:-17px;
	left:0;
	display:none;
}

.section_membership .nextMembership .tit .title {display:inline-block; font-size:20px; color:#000; font-weight:700; }
.section_membership .nextMembership .tit .icoClass {display:inline-block;  }
.section_membership .nextMembership .tit .icoClass span {display:inline-block; margin:0 10px; padding:5px 10px; font-size:18px;border-radius:5px; color:#fff;text-align:center;box-sizing:border-box;}
.section_membership .nextMembership .desc{display:inline-block;  margin-left:5px; font-size:20px;font-weight:700;color:#000;text-align:left}
.section_membership .nextMembership .desc > span {display:inline-block; color:#d9484b; margin-left:5px;}
.section_membership .nextMembership .desc > div {display:inline-block; margin-left:5px; font-weight:500;} 
.section_membership .nextMembership .txtNotice{ clear:both; margin-bottom:10px;color:#666}
#membership.classType1 .icoClass span {background-color:#fff; color:#000;}
#membership.classType2 .icoClass span{background-color:#faf783; color:#000;}
#membership.classType3 .icoClass span{background-color:#ff9900; color:#000;}
#membership.classType4 .icoClass span{background-color:#b164ff; color:#000;}
#membership.classType5 .icoClass span{background-color:#00b36b; color:#000;}
#membership.classType6 .icoClass span{background-color:#009b5e; color:#000;}

.table-container{clear:both; display:block; margin:30px 0 20px;}
.section_membership .membershipInfo{overflow:hidden;padding:0 0 22px;;text-align:left;font-size:0; display:table;}
.section_membership .membershipInfo .list{display:table-cell; width:287px;border:1px solid #dcdbde;border-right:0 none;box-sizing:border-box;}
.section_membership .membershipInfo .list:last-child{border-right:1px solid #dcdbde}
.section_membership .membershipInfo .list li{width:188px;margin:0 auto;text-align:center}
.section_membership .membershipInfo .list .name{display:block;position:relative;padding:39px 0 23px;border-bottom:1px solid #dcdbde;font-size:13px;line-height:22px;}
.section_membership .membershipInfo .list .classTxt{display:block;width:60px;height:60px;margin:0 auto;border-radius:50%;font-size:18px;line-height:56px;color:#fff;font-weight:700;box-sizing:border-box;}
.section_membership .membershipInfo .listClass1 .classTxt{border:3px solid #000;background-color:#fff; color:#000; }
.section_membership .membershipInfo .listClass2 .classTxt{border:3px solid #000;background-color:#faf783; color:#000;}
.section_membership .membershipInfo .listClass3 .classTxt{border:3px solid #000;background-color:#ff9900; color:#000;}
.section_membership .membershipInfo .listClass4 .classTxt{border:3px solid #000;background-color:#b164ff; color:#000;}
.section_membership .membershipInfo .listClass5 .classTxt{border:3px solid #000;background-color:#00b36b;}
.section_membership .membershipInfo .listClass6 .classTxt{border:3px solid #000;background-color:#009b5e;}
.section_membership .membershipInfo .list .descClass{display:block;padding-top:7px;}
.section_membership .membershipInfo .list h2{display:block; padding:25px 0 10px; line-height:22px; font-size:14px;color:#037158; font-weight:500;}
.section_membership .membershipInfo .list h2 img {max-height:23px; margin:0 3px;}
.section_membership .membershipInfo .list .point{padding:20px 0 29px;}
.section_membership .membershipInfo .list .txt{display:block;padding-top:9px;font-size:16px;color:#000;}
.section_membership .membershipInfo .list .txt2{display:block;border-top:1px solid #dcdbde; padding:15px 5px; margin-top:10px; font-size:13px;color:#555; line-height:22px;}
.section_membership .membershipInfo .list .select{display:none;position:absolute;left:-10px;top:-1px;width:168px;height:307px;box-sizing:border-box;}
#membership.classType1 .select{display:block;border:2px solid #009b5e}
#membership.classType2 .select{display:block;border:2px solid #00ea8c}
#membership.classType3 .select{display:block;border:2px solid #00df86}
#membership.classType4 .select{display:block;border:2px solid #00d07d}
#membership.classType5 .select{display:block;border:2px solid #00b36b}
#membership.classType6 .select{display:block;border:2px solid #009b5e}

.section_membership .noticeMembership{margin-top:70px;padding-bottom:80px;color:#514859}
.section_membership .noticeMembership .tit{display:block;padding-top:17px;font-size:14px;line-height:18px;font-weight:700}
.section_membership .noticeMembership .list{padding-bottom:11px;}
.section_membership .noticeMembership li{padding-top:10px;font-size:12px;line-height:20px}
		
.timer {
	width : 0px;
	border-radius : 25px 0px 0px 25px;
}
#wrapperTimerId {
	width : 100%;
	overflow: hidden;
}
.wrapperTimer { clear:both; position:relative; margin:0 0 30px; }
.wrapperTimer .groupNm {position:absolute; width:100%; left:0; top:-10px; display:flex; flex-direction: row; justify-content: space-between; align-items: center; }
.wrapperTimer .groupNm > div {}

.wrapperTimer .groupNm > div span{display:block;width:40px;height:40px;margin:0 auto; text-align:center; border-radius:50%;font-size:16px;line-height:38px;color:#fff;font-weight:700;box-sizing:border-box;}
.wrapperTimer .groupNm > div:nth-child(1) span{border:2px solid #000;background-color:#fff; color:#000; }
.wrapperTimer .groupNm > div:nth-child(2) span{border:2px solid #000;background-color:#faf783; color:#000;}
.wrapperTimer .groupNm > div:nth-child(3) span{border:2px solid #000;background-color:#ff9900; color:#000;}
.wrapperTimer .groupNm > div:nth-child(4) span{border:2px solid #000;background-color:#b164ff; color:#000;}