.eventDiv {
    width: calc(100% - 30px);
    padding: 0 15px 0 15px;
    height: 46px;
    border-bottom: 1px solid #eee;
    box-shadow: 0 8px 8px 0 #eaeaea;
}

.eventDiv .eventTab a {
    position: relative;
    float:left;
	text-align:center;
    font-size: 16px;
    line-height: 26px;
	height:26px;
	width:calc(50% - 16px);
	overflow:hidden;
    color: #939393;
    font-weight: 700;
    padding: 10px 8px;
}
.eventDiv .eventTab a.on { color: #037158;}

.eventDiv .eventTab a.on:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 8px;
    width: calc(100% - 16px);
    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:calc(100% - 20px); padding:0 10px; margin-top:20px; }
.eventInnerTop .eventInnerTopTab {font-size:0; line-height:0;}
.eventInnerTop .eventInnerTopTab a {display:inline-block; font-size:14px; border-radius:6px; margin:2px 5px; overflow:visible; white-space: nowrap; text-align:center; border:1px solid #999;}

.top_open_menu {display: block; width: 100%; white-space: nowrap;}
.top_under {position: relative; display: inline-block;}
.top_under:after{
    content: '';
    display: block;
    position: absolute;
    top: 9px;
    right: -34px;
    width: 24px;
    height: 24px;
    border: 1px solid #a1a1a1;
    border-radius: 4px;
    background: url(../images/new/icon_down.png) no-repeat center / 10px 6px #f5f5f5;
    background-size: 20px;
}
.top_open_menu.on .top_under:after{
	background: url(../images/new/icon_up.png) no-repeat center / 10px 6px #f5f5f5;
	background-size: 20px;
}

/* 상단 펼침 메뉴 */
.top_under_menu {
    display: none;
    padding: 16px 0;
    background: #fff;
    position: absolute;
    width: 100%;
    z-index: 14;
    box-sizing: border-box;

    border-radius: 0 0 24px 24px;
    overflow: hidden;
    box-shadow: 0 10px 16px rgba(0, 0, 0, 0.08);
}

.top_under_menu ul {
    overflow: hidden;
    padding: 0 10px;
    box-sizing: border-box;
}

.top_under_menu li {
    float: left;
    width: calc(50% - 5px);
    margin: 0 0 10px 10px;
    padding: 0;
    height: auto;
    line-height: normal;
    overflow: hidden;
    box-sizing: border-box;
}

.top_under_menu li:nth-child(2n-1) {
    margin-left: 0;
    clear: both;
}

.top_under_menu li a {
    display: block;
    width: 100%;
    height: 34px;
    line-height: 32px;
    padding: 0 10px;
    box-sizing: border-box;
    border: 1px solid #999;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 500;
    color: #555;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 현재 카테고리 */
.top_under_menu li a.current,
.top_under_menu li a.on,
.top_under_menu li a.active {
	border: 1px solid #a1a1a1 !important;
    background-color: #a1a1a1 !important;
    color: #fff !important;
    font-weight: 500;
}

#siteCommonlayerDim {
	display:none;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100vh;
	z-index:13;
	background:#000;
	opacity:0.3;
	filter:alpha(opacity=30);
}

.body-goods .payco_checkout.ta,
.body-goods .npay_type_A_1,
.body-goods .npay_type_A_2,
.body-goods .npay_type_MA_1{width:calc(100% - 40px) !important; padding:0 20px;}

.snsbtn .payco_checkout.ta,
.snsbtn .npay_type_A_1,
.snsbtn .npay_type_A_2,
.snsbtn .npay_type_MA_1{width:calc(100% - 40px) !important; padding:0 20px;}


/* 마이페이지 등급 */
.section_membership{color:#000;}

.section_membership .nextMembership{border-top:1px solid #dcdcdc;margin-top:20px; padding:40px 22px 0px 20px;background-color:#fff;}
.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:17px;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{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;}