.tbl-benefit {
    table-layout: fixed;
    width: 100%;
}

.tbl-benefit thead th {
    padding: 17px 0;
    border-top: 2px solid #000;
    border-bottom: 1px solid #BABABA;
    border-left: 1px solid #BABABA;
    font-size: 22px;
    font-weight: 500;
}

.tbl-benefit tbody td {
    padding: 38px 0;
    border-bottom: 1px solid #BABABA;
    border-left: 1px solid #BABABA;
    font-size: 22px;
    font-weight: 500;
    vertical-align: middle;
}

.tbl-benefit thead th:first-child,
.tbl-benefit tbody td:first-child {
    border-left: 0;
}

.tbl-benefit tbody td.txtL {
    padding: 0;
}

.tbl-benefit tbody td .benefit-detail {
    text-align: left;
    font-size: 0;
}

.tbl-benefit tbody td .benefit-detail>li {
    display: inline-block;
    width: 50%;
    position: relative;
    padding: 0 55px;
    text-align: center;
    vertical-align: bottom;
}

.tbl-benefit tbody td .benefit-detail>li .ea {
    position: absolute;
    top: 19px;
    right: 0;
    z-index: 1;
    font-size: 24px;
    font-weight: 500;
    line-height: 58px;
}

.tbl-benefit tbody td .benefit-detail>li p {
    padding-top: 10px;
    font-size: 14px;
}

.tbl-benefit tbody td .benefit-detail>li .brand {
    position: relative;
    padding: 14px 0 7px;
    text-align: center;
}

.tbl-benefit tbody td .benefit-detail>li .brand .btn:after {
    content:"";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: -3px 0 0 10px;
    border: solid #000;
    border-width: 1px 1px 0 0;
    transform: rotate(135deg);
    transition: transform .3s ease;
    vertical-align: middle;
}

.tbl-benefit tbody td .benefit-detail>li .brand:hover .btn:after {
    margin-top: 1px;
    transform: rotate(-45deg);
}

.tbl-benefit tbody td .benefit-detail>li .brand .list {
    visibility: hidden;
    position: absolute;
    top: 60px;
    left: 50%;
    z-index: -1;
    opacity: 0;
    width: 175px;
    margin: 0 auto;
    padding: 7px 12px;
    border: 1px solid #E2E2E2;
    background: #fff;
    text-align: left;
    transform: translate(-50%, -2%);
    transition: all .3s ease;
}

.tbl-benefit tbody td .benefit-detail>li .brand:hover .list {
    visibility: visible;
    z-index: 1;
    opacity: 1;
    transform: translate(-50%, 0);
}

.tbl-benefit tbody td .benefit-detail>li .brand .list > a {
    display: block;
    padding: 3px 15px;
    background: url("/image/web/cs/icon_home.png") no-repeat left center;
    font-size: 13px;
    font-weight: 300;
}

.page-benefit .content {
    width: 100%;
    text-align: center;
}

.page-benefit .content>h3 {
    text-align: left;
}

.event-banner {
    display: flex;
    align-items: flex-start;
    text-align: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.event-banner li {
    width: 520px;
}

.event-banner li img {
    width: 100%;
}

.title-area {
    position: relative;
    padding:60px 0;
}

.title-area .title {
    font-size: 33px;
    font-weight: 500;
    letter-spacing: 0.05rem;
    line-height: 40px;
}

.title-area .msg {
    margin-top: 10px;
    font-size: 20px;
}

.title-area .msg2 {
    margin-bottom: 10px;
    color: #7D743B;
    font-size: 16px;
}

.title-area .view-membership {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 80px;
    padding: 10px 15px;
    border: 1px solid #757575;
    background-color: #F5F5F5;
    line-height: 1;
}

.title-area .info {
    margin-top: 35px;
}

.page-benefit .title-area .info ul {
    display: inline-block;
    padding: 15px 55px;
    background: #F5F5F5;
    vertical-align: top;
}

.page-benefit .title-area .info ul>li {
    font-size: 16px;
    letter-spacing: -0.045rem;
    line-height: 30px;
}

.page-benefit .noti-info {
	margin-top: 30px;
	padding: 20px 40px;
	background: #f5f5f5;
	text-align: left;
}
.page-benefit .noti-info h4 {
	margin-bottom: 10px;
	font-size: 16px;
}
.page-benefit .noti-info ol>li {
	color: #707070;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 26px;
}

.page-benefit .banner-list li {
    margin-top: 30px;
}

.page-benefit .banner-list li:first-child {
    margin-top: 0;
}

.page-benefit .banner-list img {
    max-width: 100%;
    height: auto;
}

.page-benefit .btn-area {
    padding-top: 60px;
}

.page-benefit .notice-area {
    margin-top: 105px;
    border-top: 3px solid #000;
    text-align: left;
}

.page-benefit .notice-area dl {
    padding: 30px 25px;
}

.page-benefit .notice-area dl dt {
    padding-bottom: 20px;
    font-size: 18px;
    font-weight: 500;
}

.page-benefit .notice-area dl dt i {
    margin-right: 5px;
    color: #000;
}

.page-benefit .notice-area dl dd {
    position: relative;
    padding-left: 10px;
    font-size: 14px;
    line-height: 30px;
}

.page-benefit .notice-area dl dd:before {
    content: "-";
    position: absolute;
    top: 0;
    left: 0;
}

#page-couponbook .notice-area {
    border: 0;
    background-color: #F9F9F9;
}

#page-couponbook .notice-area dl {
    padding: 40px 80px;
}

.page-benefit .coupon-list ul {
    width: 904px;
    margin: 0 auto;
    font-size: 0;
    text-align: left;
}

.page-benefit .coupon-list ul>li {
    display: inline-block;
    width: 351px;
    margin: 0 50px 0;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    vertical-align: top;
}
.page-benefit .coupon-list ul>li:nth-child(n+3) {
    margin-top: 98px;
}

.page-benefit .coupon-list .coupon-box {
    position: relative;
    padding: 40px 60px 26px 32px;
    height: 204px;
    background: url("/image/web/benefit/coupon_box.png") no-repeat center;
}

.page-benefit .coupon-list .coupon-box .discount {
    padding-bottom: 10px;
    font-size: 45px;
    font-weight: 500;
    line-height: 1;
}

.page-benefit .coupon-list .coupon-box .discount .rate {
    color: #A8A583;
}

.page-benefit .coupon-list .coupon-box .discount .amount {
    color: #DC2832;
    font-size: 38px;
}

.page-benefit .coupon-list .coupon-box .discount span>em {
    font-size: 58px;
    font-weight: 600;
}

.page-benefit .coupon-list .coupon-box .brand {
    color: #000;
    font-size: 22px;
}

.page-benefit .coupon-list .coupon-box .condition {
    color: #BABABA;
    font-size: 17px;
}

.page-benefit .coupon-list .except {
    padding-top: 7px;
    text-align: right;
}

.page-benefit .coupon-list .target,
.page-benefit .coupon-list .period {
    padding-top: 3px;
}
.page-benefit .coupon-list .download {
    margin-top: 45px;
    text-align: center;
}

.page-benefit .coupon-list .download>button {
    font-size: 15px;
}

.page-benefit .benefit-cnt0 .box+.box {
	margin-top: 145px;
}
.page-benefit .benefit-cnt0 .box .btn {
	display: block;
	width: 407px;
	height: 80px;
	margin: 24px auto 0;
	border: 0;
	background: #000;
	color: #fff;
	font-size: 27px;
	font-weight: 700;
	letter-spacing: -0.05em;
	line-height: 80px;
}
.page-benefit .benefit-cnt0 .box .subject {
	padding-bottom: 28px;
	font-size: 36px;
	font-weight: 700;
	line-height: 1;
}
.page-benefit .benefit-cnt0 .box .subject em {
	color: var(--color1);
	font-weight: inherit;
}
.page-benefit .benefit-cnt0 .box>ul {
	display: inline-block;
	width: 407px;
	margin: 0 auto;
	padding-bottom: 18px;
	text-align: left;
}
.page-benefit .benefit-cnt0 .box>ul>li {
	position: relative;
	padding-left: 15px;
	color: #707070;
	font-size: 19px;
}
.page-benefit .benefit-cnt0 .box>ul>li::before {
	content: "-";
	position: absolute;
	top: 0;
	left: 0;
}
.page-benefit .benefit-cnt0 .box>ul>li>em {
	font-weight: 700;
}
.page-benefit .benefit-cnt0 .box .cpn>a {
	display: inline-block;
	margin: 0 auto;
}
.page-benefit .benefit-cnt0 .box .btn-list {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	gap: 0 27px;
}
.page-benefit .benefit-cnt0 .box .btn-list>.btn {
	margin: 24px 0 0;
}
.page-benefit .benefit-cnt0 .box .btn-list>.btn+.btn {
	background: #fae100;
	color: #000;
}

/* 회원혜택 테이블 */
.tbl-benefit2 {
    table-layout: fixed;
    width: 100%;
    border-bottom: 1px solid #000;
}
.tbl-benefit2 thead th {
	padding: 30px 0;
	border-top: 1px solid #000;
	color: #1f1f1f;
	font-size: 16px;
	font-weight: 500;
	vertical-align: middle;
}
.tbl-benefit2 tbody th {
	padding: 30px 0;
	border-top: 1px solid #e9e9e9;
	color: #1f1f1f;
	font-size: 16px;
	font-weight: 500;
	vertical-align: middle;
}
.tbl-benefit2 .txtSub {
	color: #9a9a9a;
	font-size: 14px;
	font-weight: 300;
}
.tbl-benefit2 tbody td {
	height: 120px;
	padding: 25px 0;
	border-top: 1px solid #e9e9e9;
	color: #1f1f1f;
	font-size: 16px;
	font-weight: 400;
	vertical-align: middle;
}
.tbl-benefit2 tbody td span {
	color: #000;
	font-size: 12px;
	font-weight: 400;
}
.tbl-benefit2 th:first-child {
	background: #f9f9f9;
}
.tbl-benefit2 tbody td:last-child {
	border-right: 0;
}
.tbl-benefit2 .member-grade {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100px;
	height: 100px;
	margin: auto;
	color: #fff;
    font-size: 18px;
    font-weight: 500;
    border-radius: 50%;
}
.tbl-benefit2 .member-grade.elegant {
	background: var(--grade-color1);
}
.tbl-benefit2 .member-grade.luxury {
	background: var(--grade-color2);
}
.tbl-benefit2 .member-grade.prestige {
	background: var(--grade-color3);
}
.tbl-benefit2 .member-grade.royal {
	background: var(--grade-color4);
}
.tbl-benefit2 .grade-kr {
	display: block;
	margin-top: 10px;
}
.tbl-benefit2 .benefit-cpn {
	display: flex;
	justify-content: center;
	gap: 5px;
}
.tbl-benefit2 .benefit-cpn img {
	flex: none;
	width: 96px;
}